From ff9af3b87b79d41dab0bc47c91d3dc29bee28691 Mon Sep 17 00:00:00 2001 From: Stephanie Smith Date: Thu, 30 May 2024 08:58:09 -0700 Subject: [PATCH] Feature: more vue components, dynamic Light and Dark theme variants (#450) * adding more Base components and BlockImage * removing tailwindcss themer * using both action and emphasis color * changing defaultTheme class to ThemeDefault * adding BlockQuote, minor cleanup * changing theme icons * lint --- Makefile | 10 + apps/html-storybook/.storybook/preview.ts | 31 +- apps/html-storybook/package.json | 9 +- apps/html-storybook/postcss.config.js | 1 + apps/vue-storybook/.storybook/main.ts | 13 +- apps/vue-storybook/.storybook/preview.ts | 55 +- apps/vue-storybook/package.json | 2 + apps/vue-storybook/postcss.config.js | 1 + .../{BaseButton => }/BaseButton.stories.ts | 53 +- .../stories/BaseHeading.stories.js | 75 + .../stories/BaseImage.stories.ts | 52 + .../stories/BaseImageCaption.stories.js | 27 + .../stories/BaseImagePlaceholder.stories.js | 73 + .../vue-storybook/stories/BaseLink.stories.ts | 54 +- .../stories/BlockImage.stories.js | 137 + .../stories/BlockQuote.stories.js | 84 + apps/vue-storybook/stories/Icons.stories.ts | 49 + .../stories/Icons/Icons.stories.ts | 26 - .../stories/MixinAnimationCaret.stories.ts | 24 + .../MixinAnimationCaret.stories.ts | 26 - apps/vue-storybook/tailwind.config.ts | 2 +- .../src/config/withGlobals.ts | 58 +- packages/common/package.json | 3 +- .../src/scss/_typography-theme-colors.scss | 37 - packages/common/src/scss/_typography.scss | 1 - .../src/scss/components/_BaseButton.scss | 36 +- .../scss/components/_BaseImageCaption.scss | 4 +- .../src/scss/components/_BlockQuote.scss | 12 +- .../src/scss/components/_BlockText.scss | 4 +- packages/common/src/scss/styles.scss | 3 - .../_internal-typography-theme-colors.scss | 59 - .../common/src/scss/themes/_internal.scss | 44 - packages/common/tailwind.colors.ts | 151 + packages/common/tailwind.config.ts | 156 +- .../html/dist/assets/css/explorer-1.min.css | 8948 ++++++++++++++++- packages/html/package.json | 1 + packages/html/postcss.config.js | 7 +- .../html/src/components/BaseLink/BaseLink.js | 4 +- .../BlockAccordionItem/BlockAccordionItem.js | 2 +- .../BlockRelatedLinks/RelatedLink.js | 6 +- .../MixinAnimationCaret.js | 2 +- .../html/src/docs/foundation/themes.docs.mdx | 8 +- .../src/docs/foundation/themes.stories.ts | 12 +- .../html/src/docs/utils/ComponentItem.jsx | 38 +- packages/vue/dist/explorer-1-vue.js | 4585 ++++++++- packages/vue/dist/explorer-1-vue.umd.cjs | 4326 +++++++- packages/vue/dist/style.css | 1201 ++- packages/vue/index.html | 12 +- packages/vue/lib/main.ts | 21 +- packages/vue/package.json | 2 +- packages/vue/postcss.config.js | 1 + packages/vue/src/App.vue | 4 +- .../components/BaseHeading/BaseHeading.vue | 60 + .../src/components/BaseImage/BaseImage.vue | 119 + .../BaseImageCaption/BaseImageCaption.vue | 57 + .../BaseImagePlaceholder.vue | 90 + .../vue/src/components/BaseLink/BaseLink.vue | 9 +- .../src/components/BlockImage/BlockImage.vue | 48 + .../BlockImage/BlockImageFullBleed.vue | 141 + .../BlockImage/BlockImageStandard.vue | 106 + .../src/components/BlockQuote/BlockQuote.vue | 87 + .../vue/src/components/Icons/IconArrows.vue | 43 + .../vue/src/components/Icons/IconExpand.vue | 28 + .../vue/src/components/Icons/IconLocation.vue | 37 + .../vue/src/components/Icons/IconUser.vue | 26 + .../components/LayoutHelper/LayoutHelper.vue | 38 + .../MixinFancybox/MixinFancybox.vue | 405 + .../MixinFancybox/MixinFancyboxOpenButton.vue | 35 + packages/vue/src/interfaces.ts | 19 + packages/vue/src/utils/getSrcSet.ts | 47 + packages/vue/tsconfig.json | 5 +- pnpm-lock.yaml | 155 +- 72 files changed, 21387 insertions(+), 720 deletions(-) rename apps/vue-storybook/stories/{BaseButton => }/BaseButton.stories.ts (52%) create mode 100644 apps/vue-storybook/stories/BaseHeading.stories.js create mode 100644 apps/vue-storybook/stories/BaseImage.stories.ts create mode 100644 apps/vue-storybook/stories/BaseImageCaption.stories.js create mode 100644 apps/vue-storybook/stories/BaseImagePlaceholder.stories.js create mode 100644 apps/vue-storybook/stories/BlockImage.stories.js create mode 100644 apps/vue-storybook/stories/BlockQuote.stories.js create mode 100644 apps/vue-storybook/stories/Icons.stories.ts delete mode 100644 apps/vue-storybook/stories/Icons/Icons.stories.ts create mode 100644 apps/vue-storybook/stories/MixinAnimationCaret.stories.ts delete mode 100644 apps/vue-storybook/stories/MixinAnimationCaret/MixinAnimationCaret.stories.ts delete mode 100644 packages/common/src/scss/_typography-theme-colors.scss delete mode 100644 packages/common/src/scss/themes/_internal-typography-theme-colors.scss delete mode 100644 packages/common/src/scss/themes/_internal.scss create mode 100644 packages/common/tailwind.colors.ts create mode 100644 packages/vue/src/components/BaseHeading/BaseHeading.vue create mode 100644 packages/vue/src/components/BaseImage/BaseImage.vue create mode 100644 packages/vue/src/components/BaseImageCaption/BaseImageCaption.vue create mode 100644 packages/vue/src/components/BaseImagePlaceholder/BaseImagePlaceholder.vue create mode 100644 packages/vue/src/components/BlockImage/BlockImage.vue create mode 100644 packages/vue/src/components/BlockImage/BlockImageFullBleed.vue create mode 100644 packages/vue/src/components/BlockImage/BlockImageStandard.vue create mode 100644 packages/vue/src/components/BlockQuote/BlockQuote.vue create mode 100644 packages/vue/src/components/Icons/IconArrows.vue create mode 100644 packages/vue/src/components/Icons/IconExpand.vue create mode 100644 packages/vue/src/components/Icons/IconLocation.vue create mode 100644 packages/vue/src/components/Icons/IconUser.vue create mode 100644 packages/vue/src/components/LayoutHelper/LayoutHelper.vue create mode 100644 packages/vue/src/components/MixinFancybox/MixinFancybox.vue create mode 100644 packages/vue/src/components/MixinFancybox/MixinFancyboxOpenButton.vue create mode 100644 packages/vue/src/interfaces.ts create mode 100644 packages/vue/src/utils/getSrcSet.ts diff --git a/Makefile b/Makefile index 42595ff6..bea2a71b 100644 --- a/Makefile +++ b/Makefile @@ -61,6 +61,10 @@ nuke: html-storybook: pnpm --filter @explorer-1/html-storybook dev +## HTML: run Storybook with --force-build-preview +html-storybook-force: + pnpm --filter @explorer-1/html-storybook dev --force-build-preview + ## HTML: build Storybook html-storybook-build: pnpm --filter @explorer-1/html-storybook build @@ -83,6 +87,10 @@ vue-storybook: vue-storybook-build: pnpm --filter @explorer-1/vue-storybook build +## HTML: run Storybook with --force-build-preview +vue-storybook-force: + pnpm --filter @explorer-1/vue-storybook dev --force-build-preview + ## Vue: run Vite vue-dev: pnpm --filter @explorer-1/vue dev @@ -111,6 +119,8 @@ lint: lint-fix: pnpm run lint:fix +# how to use pnpm to upgrade storybook +# storybook@latest upgrade --package-manager pnpm # TODO: Below helper commands not running as expected change dir first, then pnpm dlx... # ## HTML: update Storybook # html-storybook-update: diff --git a/apps/html-storybook/.storybook/preview.ts b/apps/html-storybook/.storybook/preview.ts index 10f669d6..df894f66 100644 --- a/apps/html-storybook/.storybook/preview.ts +++ b/apps/html-storybook/.storybook/preview.ts @@ -56,30 +56,35 @@ const preview = { globalTypes: { themesConfig: { defaultValue: { - options: ['ThemeVariantLight', 'ThemeInternal'], + themes: ['Default', 'EDU', 'Internal'], + method: 'css' + } + }, + variantsConfig: { + defaultValue: { + variants: ['ThemeVariantLight', 'ThemeVariantDark'], method: 'css' } }, theme: { description: 'Global Theme', - defaultValue: 'ThemeVariantLight', + defaultValue: 'ThemeDefault', toolbar: { title: 'Theme', // https://storybook.js.org/docs/faq#what-icons-are-available-for-my-toolbar-or-my-addon icon: 'eye', items: [ - { value: 'ThemeVariantLight', icon: 'circlehollow', title: 'Default Theme' }, - { value: 'ThemeInternal', icon: 'collapse', title: 'Internal Theme' } + { + value: 'ThemeDefault', + icon: 'home', + title: 'Default Theme' + }, + { value: 'ThemeEdu', icon: 'globe', title: 'EDU Theme' }, + { value: 'ThemeInternal', icon: 'key', title: 'Internal Theme' } ], dynamicTitle: true } }, - variantsConfig: { - defaultValue: { - options: ['ThemeVariantLight', 'ThemeVariantDark'], - method: 'css' - } - }, variant: { description: 'Theme Variant', defaultValue: 'ThemeVariantLight', @@ -88,7 +93,11 @@ const preview = { // https://storybook.js.org/docs/faq#what-icons-are-available-for-my-toolbar-or-my-addon icon: 'eye', items: [ - { value: 'ThemeVariantLight', icon: 'circlehollow', title: 'Light Variant' }, + { + value: 'ThemeVariantLight', + icon: 'circlehollow', + title: 'Light Variant' + }, { value: 'ThemeVariantDark', icon: 'circle', title: 'Dark Variant' } ], dynamicTitle: true diff --git a/apps/html-storybook/package.json b/apps/html-storybook/package.json index d83f4b1b..22234bfd 100644 --- a/apps/html-storybook/package.json +++ b/apps/html-storybook/package.json @@ -17,12 +17,12 @@ "prepare": "npm run prepare:clean && npm run prepare:public", "prepare:clean": "rimraf ./public/dist", "prepare:public": "cp -R ./node_modules/@explorer-1/html/dist/assets/ ./public/dist", - "storybook": "pnpm run prepare && storybook dev -c .storybook -p 6006 --ci", + "storybook": "pnpm run prepare && storybook dev -c .storybook -p 7007 --ci", "lint": "eslint .storybook", "lint:fix": "eslint .storybook --fix", "build": "pnpm run prepare && storybook build -c .storybook -o storybook_compiled", - "percy": "percy storybook http://localhost:6006", - "percy:dry-run": "percy storybook http://localhost:6006 --dry-run" + "percy": "percy storybook http://localhost:7007", + "percy:dry-run": "percy storybook http://localhost:7007 --dry-run" }, "dependencies": { "@fancyapps/ui": "^4.0.26", @@ -51,12 +51,13 @@ "autoprefixer": "^10.4.19", "npm-run-all": "^4.1.5", "postcss": "^8.4.38", + "postcss-import": "^16.1.0", "remark-gfm": "^4.0.0", "rimraf": "^5.0.5", "storybook": "^8.1.4", "tailwindcss": "^3.4.3", - "tslib": "^2.6.2", "ts-node": "^10.9.2", + "tslib": "^2.6.2", "typescript": "^5.2.2", "vite": "^5.2.11" }, diff --git a/apps/html-storybook/postcss.config.js b/apps/html-storybook/postcss.config.js index 2b75bd8a..9d55d43f 100644 --- a/apps/html-storybook/postcss.config.js +++ b/apps/html-storybook/postcss.config.js @@ -1,5 +1,6 @@ export default { plugins: { + 'postcss-import': {}, tailwindcss: {}, autoprefixer: {} } diff --git a/apps/vue-storybook/.storybook/main.ts b/apps/vue-storybook/.storybook/main.ts index 0b6eac35..6f471d89 100644 --- a/apps/vue-storybook/.storybook/main.ts +++ b/apps/vue-storybook/.storybook/main.ts @@ -7,18 +7,19 @@ const config = { options: { actions: false, backgrounds: false, - outlines: false, - }, + outlines: false + } }, '@storybook/addon-a11y', '@whitespace/storybook-addon-html', + 'storybook-addon-vue-slots' ], framework: { name: '@storybook/vue3-vite', - options: {}, + options: {} }, - docs: {}, -}; -export default config; + docs: {} +} +export default config diff --git a/apps/vue-storybook/.storybook/preview.ts b/apps/vue-storybook/.storybook/preview.ts index 61e018d7..e7acc047 100644 --- a/apps/vue-storybook/.storybook/preview.ts +++ b/apps/vue-storybook/.storybook/preview.ts @@ -7,67 +7,18 @@ import { Swiper, SwiperSlide } from 'swiper/vue' import '@explorer-1/common-storybook/src/config/canvas.css' import '@explorer-1/vue/src/assets/scss/styles.scss' -import { withGlobals } from '@explorer-1/common-storybook/src/config/withGlobals' +import { withGlobals, globalTypes } from '@explorer-1/common-storybook/src/config/withGlobals' setup((app: App, context?: StoryContext) => { app.component('Swiper', Swiper) app.component('SwiperSlide', SwiperSlide) useMockComponents(app) }) const preview: Preview = { - globalTypes: { - themesConfig: { - defaultValue: { - themes: ['Default', 'EDU', 'Internal'], - method: 'data-attr' - } - }, - variantsConfig: { - defaultValue: { - variants: ['ThemeVariantLight', 'ThemeVariantDark'], - method: 'css' - } - }, - theme: { - description: 'Global Theme', - defaultValue: 'defaultTheme', - toolbar: { - title: 'Theme', - // https://storybook.js.org/docs/faq#what-icons-are-available-for-my-toolbar-or-my-addon - icon: 'eye', - items: [ - { - value: 'defaultTheme', - icon: 'circlehollow', - title: 'Default Theme' - }, - { value: 'edu', icon: 'circle', title: 'EDU Theme' }, - { value: 'internal', icon: 'collapse', title: 'Internal Theme' } - ], - dynamicTitle: true - } - }, - variant: { - description: 'Theme Variant', - defaultValue: 'ThemeVariantLight', - toolbar: { - title: 'Variant', - // https://storybook.js.org/docs/faq#what-icons-are-available-for-my-toolbar-or-my-addon - icon: 'eye', - items: [ - { - value: 'ThemeVariantLight', - icon: 'circlehollow', - title: 'Light Variant' - }, - { value: 'ThemeVariantDark', icon: 'circle', title: 'Dark Variant' } - ], - dynamicTitle: true - } - } - }, + globalTypes, parameters: { controls: { + expanded: true, matchers: { color: /(background|color)$/i, date: /Date$/ diff --git a/apps/vue-storybook/package.json b/apps/vue-storybook/package.json index 79980802..43007517 100644 --- a/apps/vue-storybook/package.json +++ b/apps/vue-storybook/package.json @@ -38,8 +38,10 @@ "msw": "^2.3.0", "msw-storybook-addon": "^2.0.2", "postcss": "^8.4.38", + "postcss-import": "^16.1.0", "rimraf": "^5.0.5", "storybook": "^8.1.4", + "storybook-addon-vue-slots": "^0.9.29", "tailwindcss": "^3.4.3", "ts-node": "^10.9.2", "typescript": "^5.2.2", diff --git a/apps/vue-storybook/postcss.config.js b/apps/vue-storybook/postcss.config.js index a9e814aa..94e5fcda 100644 --- a/apps/vue-storybook/postcss.config.js +++ b/apps/vue-storybook/postcss.config.js @@ -1,5 +1,6 @@ export default { plugins: { + 'postcss-import': {}, tailwindcss: { // config: './node_modules/@explorer-1/vue/tailwind.config.js' }, diff --git a/apps/vue-storybook/stories/BaseButton/BaseButton.stories.ts b/apps/vue-storybook/stories/BaseButton.stories.ts similarity index 52% rename from apps/vue-storybook/stories/BaseButton/BaseButton.stories.ts rename to apps/vue-storybook/stories/BaseButton.stories.ts index d44d7afe..53a0605a 100644 --- a/apps/vue-storybook/stories/BaseButton/BaseButton.stories.ts +++ b/apps/vue-storybook/stories/BaseButton.stories.ts @@ -1,14 +1,15 @@ -import type { Meta, StoryObj } from '@storybook/vue3' import BaseButton, { variants } from '@explorer-1/vue/src/components/BaseButton/BaseButton.vue' -type Story = StoryObj - -const meta: Meta = { +// TODO: add the rest of the button stories (icons, disabled, etc.) +export default { title: 'Components/Base/BaseButton', component: BaseButton, excludeStories: /.*(Data)$/, tags: ['autodocs'], parameters: { + slots: { + default: 'Default slot content' + }, docs: { description: { component: 'Simple button with several style variations.' @@ -25,9 +26,9 @@ const meta: Meta = { type: 'string', description: 'Button variant type', control: { - type: 'select', - options: Object.keys(variants) + type: 'select' }, + options: Object.keys(variants), table: { defaultValue: { summary: 'default' } } @@ -35,36 +36,30 @@ const meta: Meta = { } } -export default meta - export const BaseButtonData = { label: 'Explore', ariaLabel: 'Explore', compact: false, disabled: false, - to: '/' + to: '/', + default: 'Button' } -const Template = (args: Story) => ({ - components: { BaseButton }, - setup() { - return { args } - }, - template: 'Link Slot' -}) - -export const PrimaryButton: Story = Template.bind({}) -PrimaryButton.args = { - ...BaseButtonData, - variant: 'primary' +export const PrimaryButton = { + args: { + ...BaseButtonData, + variant: 'primary' + } } -export const SecondaryButton: Story = Template.bind({}) -SecondaryButton.args = { - ...BaseButtonData, - variant: 'secondary' +export const SecondaryButton = { + args: { + ...BaseButtonData, + variant: 'secondary' + } } -export const DarkButton: Story = Template.bind({}) -DarkButton.args = { - ...BaseButtonData, - variant: 'dark' +export const DarkButton = { + args: { + ...BaseButtonData, + variant: 'dark' + } } diff --git a/apps/vue-storybook/stories/BaseHeading.stories.js b/apps/vue-storybook/stories/BaseHeading.stories.js new file mode 100644 index 00000000..d1e1e6bb --- /dev/null +++ b/apps/vue-storybook/stories/BaseHeading.stories.js @@ -0,0 +1,75 @@ +import BaseHeading from '@explorer-1/vue/src/components/BaseHeading/BaseHeading.vue' +import IconArrows from '@explorer-1/vue/src/components/Icons/IconArrows.vue' +import IconLocation from '@explorer-1/vue/src/components/Icons/IconLocation.vue' +import IconUser from '@explorer-1/vue/src/components/Icons/IconUser.vue' + +export default { + title: 'Components/Base/BaseHeading', + component: BaseHeading, + argTypes: { + size: { + type: { name: 'string', required: true }, + description: 'The display size of the heading.', + control: { type: 'select' }, + options: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'] + }, + level: { + type: { name: 'string', required: false }, + description: + 'The semantic heading tag if different from the display size (ex: a heading looks like an `h4`, but semantically, it is an `h1`.', + control: { type: 'select' }, + options: ['h1', 'h2', 'h3', 'h4', 'h5', 'h6'] + } + }, + parameters: { + slots: { + default: 'Default slot content' + }, + viewMode: 'docs', + docs: { + description: { + component: + 'Base component for headings. Allows for retaining semantic markup while varying the text size.' + } + } + } +} + +// stories +export const H1 = { + name: 'H1', + args: { size: 'h1', level: 'h1', default: 'Heading 1' } +} + +export const H2 = { + name: 'H2', + args: { size: 'h2', level: 'h2', default: 'Heading 2' } +} +export const H3 = { + name: 'H3', + args: { size: 'h3', level: 'h3', default: 'Heading 3' } +} +export const H4 = { + name: 'H4', + args: { size: 'h4', level: 'h4', default: 'Heading 4' } +} +export const H5 = { + name: 'H5', + args: { size: 'h5', level: 'h5', default: 'Heading 5' } +} +export const H6 = { + name: 'H6', + args: { size: 'h6', level: 'h6', default: 'Heading 6' } +} + +const TemplateHeadingsWithIcons = (args) => ({ + components: { BaseHeading, IconArrows, IconLocation, IconUser }, + setup() { + return { args } + }, + template: + '
{{ args.default }} {{ args.default }}
{{ args.default }}' +}) + +export const HeadingsWithIcons = TemplateHeadingsWithIcons.bind({}) +HeadingsWithIcons.args = { size: 'h1', level: 'h1', default: 'Heading 1' } diff --git a/apps/vue-storybook/stories/BaseImage.stories.ts b/apps/vue-storybook/stories/BaseImage.stories.ts new file mode 100644 index 00000000..258b962c --- /dev/null +++ b/apps/vue-storybook/stories/BaseImage.stories.ts @@ -0,0 +1,52 @@ +import BaseImage, { objectFitClasses } from '@explorer-1/vue/src/components/BaseImage/BaseImage.vue' +export default { + title: 'Components/Base/BaseImage', + component: BaseImage, + excludeStories: /.*Data$/, + argTypes: { + objectFitClass: { + description: + 'Use Tailwind CSS object fit classes to specify how the image will scale within `BaseImagePlaceholder`', + control: { type: 'select' }, + options: Object.keys(objectFitClasses) + } + }, + parameters: { + docs: { + description: { + component: + 'The BaseImage component is a simple `` tag wrapped in a `
` and is used to render an image with object-fit classes and lazy loading properties.' + } + } + } +} + +export const BaseImageData = { + src: 'https://picsum.photos/800/400', + srcset: 'https://picsum.photos/800/400 800w, ', + alt: 'Alt text for image', + width: 800, + height: 400, + imageClass: '', + objectFitClass: 'contain' +} +// stories +export const Default = { + args: BaseImageData, + decorators: [() => ({ template: '
' })] +} + +export const LazyLoading = { + args: BaseImageData, + decorators: [ + () => ({ + template: + '
Scroll down and watch the network tab ⬇️
' + }) + ], + parameters: { + html: { + root: '#storyRoot' + } + } +} diff --git a/apps/vue-storybook/stories/BaseImageCaption.stories.js b/apps/vue-storybook/stories/BaseImageCaption.stories.js new file mode 100644 index 00000000..aaa4be7c --- /dev/null +++ b/apps/vue-storybook/stories/BaseImageCaption.stories.js @@ -0,0 +1,27 @@ +import BaseImageCaption from '@explorer-1/vue/src/components/BaseImageCaption/BaseImageCaption.vue' +export default { + title: 'Components/Base/BaseImageCaption', + component: BaseImageCaption, + excludeStories: /.*Data$/, + parameters: { + docs: { + description: { + component: 'Caption text used with both images and videos.' + } + } + } +} + +// data +export const BaseImageCaptionData = { + caption: + '

Aliquam finibus accumsan dapibus. In sagittis et sapien nec vehicula. Suspendisse euismod consequat risus, vel dignissim elit scelerisque sed. Nullam elit ipsum, suscipit ut quam et, molestie aliquam leo.

', + credit: 'NASA/JPL', + detailUrl: '/image-detail/slug/' +} + +export const Default = { + args: { + data: BaseImageCaptionData + } +} diff --git a/apps/vue-storybook/stories/BaseImagePlaceholder.stories.js b/apps/vue-storybook/stories/BaseImagePlaceholder.stories.js new file mode 100644 index 00000000..314f1f93 --- /dev/null +++ b/apps/vue-storybook/stories/BaseImagePlaceholder.stories.js @@ -0,0 +1,73 @@ +import BaseImage from '@explorer-1/vue/src/components/BaseImage/BaseImage.vue' +import BaseImagePlaceholder, { + aspectRatios +} from '@explorer-1/vue/src/components/BaseImagePlaceholder/BaseImagePlaceholder.vue' +export default { + title: 'Components/Base/BaseImagePlaceholder', + component: BaseImagePlaceholder, + excludeStories: /.*Data$/, + decorators: () => ({ + template: '
' + }), + tags: ['autodocs'], + parameters: { + slots: { + default: { + description: 'Slot for BaseImage', + components: { BaseImage }, + template: `` + } + }, + docs: { + description: { + component: + 'Aspect ratio CSS class. View dropdown to see all options. More classes can be added in `/src/scss/_aspect-ratios.scss`' + } + } + }, + argTypes: { + aspectRatio: { + control: { type: 'select' }, + options: Object.keys(aspectRatios) + }, + responsiveAspectRatio: { + control: { type: 'text' } + } + } +} + +// data +export const BaseImagePlaceholderData = { + aspectRatio: '12:9', + darkMode: true, + transparentMode: false +} + +export const WithImage = { + args: { + ...BaseImagePlaceholderData, + BaseImageProps: { + src: 'https://picsum.photos/1200/900', + srcset: 'https://picsum.photos/1200/900 1200w,', + alt: 'alt text for image', + width: '1200', + height: '900', + objectFitClass: 'contain', + loading: 'lazy' + } + } +} +export const NoImage = { + args: { + ...BaseImagePlaceholderData, + BaseImageProps: { + src: '', + srcset: '', + alt: '', + width: '', + height: '', + objectFitClass: 'scaleDown', + loading: '' + } + } +} diff --git a/apps/vue-storybook/stories/BaseLink.stories.ts b/apps/vue-storybook/stories/BaseLink.stories.ts index f865030f..9a098ca0 100644 --- a/apps/vue-storybook/stories/BaseLink.stories.ts +++ b/apps/vue-storybook/stories/BaseLink.stories.ts @@ -1,14 +1,18 @@ import BaseLink, { variants } from '@explorer-1/vue/src/components/BaseLink/BaseLink.vue' -// import BaseLink, { variants } from '@explorer-1/vue/src/components/BaseLink/BaseLink.vue' export default { title: 'Components/Base/BaseLink', component: BaseLink, - // argTypes: { - // variant: { - // control: { type: 'select', options: Object.keys(variants) } - // }, - // text: { control: { type: 'text' } } - // }, + parameters: { + slots: { + default: 'Default slot content' + } + }, + argTypes: { + variant: { + control: { type: 'select' }, + options: Object.keys(variants) + } + }, excludeStories: /.*Data$/ } @@ -18,30 +22,26 @@ export const BaseLinkData = { to: '/', href: '/', caret: false, - caretColor: 'text-theme-red' + caretColor: 'text-theme-red', + default: 'Link Text' } -// templates -const BaseLinkTemplate = (args) => ({ - components: { BaseLink }, - setup() { - return { args } - }, - template: `Base Link` -}) - // stories -export const Primary = BaseLinkTemplate.bind({}) -Primary.args = { ...BaseLinkData } +export const Primary = { + args: { ...BaseLinkData } +} -export const Secondary = BaseLinkTemplate.bind({}) -Secondary.args = { ...BaseLinkData, variant: 'secondary' } +export const Secondary = { + args: { ...BaseLinkData, variant: 'secondary' } +} -export const DefaultBody = BaseLinkTemplate.bind({}) -DefaultBody.args = { ...BaseLinkData, variant: 'default' } +export const DefaultBody = { + args: { ...BaseLinkData, variant: 'default' } +} -export const Unstyled = BaseLinkTemplate.bind({}) -Unstyled.args = { - ...BaseLinkData, - variant: 'none' +export const Unstyled = { + args: { + ...BaseLinkData, + variant: 'none' + } } diff --git a/apps/vue-storybook/stories/BlockImage.stories.js b/apps/vue-storybook/stories/BlockImage.stories.js new file mode 100644 index 00000000..6ef05206 --- /dev/null +++ b/apps/vue-storybook/stories/BlockImage.stories.js @@ -0,0 +1,137 @@ +import BlockImage from '@explorer-1/vue/src/components/BlockImage/BlockImage.vue' + +export default { + title: 'Components/Blocks/BlockImage', + component: BlockImage, + argTypes: { + fullBleed: { + control: { type: 'boolean' } + } + }, + excludeStories: /.*Data$/, + parameters: { + viewMode: 'docs', + docs: { + description: { + component: + 'The combination of BaseImage and BaseImageCaption, plus adding support for expanding the image in a lightbox and styling it to be a full-bleed image.' + } + } + } +} + +// shared data +export const BlockImageData = { + blockType: 'FullBleedImageBlock', + fullBleed: false, + image: { + alt: 'Fourth image', + caption: + '

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel porttitor urna. Maecenas at est laoreet, sagittis risus a, rutrum ipsum. Quisque tincidunt lacus nunc, dapibus facilisis felis scelerisque sit amet.

', + credit: 'NASA/JPL', + detailUrl: '/image/placeholder/', + original: 'https://picsum.photos/869/700', + src: { + height: 700, + url: 'https://picsum.photos/869/700', + width: 869 + }, + srcSet: 'https://picsum.photos/320/258 320w, https://picsum.photos/869/700 1024w' + }, + imageFullBleed: { + alt: 'Fourth image', + caption: + '

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed vel porttitor urna. Maecenas at est laoreet, sagittis risus a, rutrum ipsum. Quisque tincidunt lacus nunc, dapibus facilisis felis scelerisque sit amet.

', + credit: 'NASA/JPL', + detailUrl: '/image/placeholder/', + original: 'https://picsum.photos/1800/600', + src: { + width: 1800, + height: 900, + url: 'https://picsum.photos/1800/600' + }, + srcCropped: { + width: 1024, + height: 341, + url: 'https://picsum.photos/1024/341' + }, + screenXs: { + url: 'https://picsum.photos/320/107', + width: 320 + }, + screenLg: { + url: 'https://picsum.photos/1024/341', + width: 1024 + }, + screenXl: { + url: 'https://picsum.photos/1280/427', + width: 1280 + }, + screenThreexl: { + url: 'https://picsum.photos/1800/600', + width: 1800 + } + } +} + +// templates +const BlockImageTemplate = (args) => ({ + components: { BlockImage }, + setup() { + return { args } + }, + template: ` + ` +}) + +export const Standard = BlockImageTemplate.bind({}) +Standard.args = { + data: BlockImageData, + fullBleed: BlockImageData.fullBleed +} + +export const Unconstrained = BlockImageTemplate.bind({}) +Unconstrained.args = { + data: { + ...BlockImageData, + constrain: false + }, + fullBleed: BlockImageData.fullBleed +} + +export const CustomCaption = BlockImageTemplate.bind({}) +CustomCaption.args = { + data: { + ...BlockImageData, + caption: '

My custom caption.

', + displayCaption: true + }, + fullBleed: BlockImageData.fullBleed +} + +export const NoCaption = BlockImageTemplate.bind({}) +NoCaption.args = { + data: { + ...BlockImageData, + displayCaption: false + }, + fullBleed: BlockImageData.fullBleed +} + +export const FullBleed = BlockImageTemplate.bind({}) +FullBleed.args = { + data: { + ...BlockImageData, + constrain: true + }, + fullBleed: true +} + +export const FullBleedUnconstrained = BlockImageTemplate.bind({}) +FullBleedUnconstrained.args = { + data: { + ...BlockImageData, + constrain: false + }, + fullBleed: true +} diff --git a/apps/vue-storybook/stories/BlockQuote.stories.js b/apps/vue-storybook/stories/BlockQuote.stories.js new file mode 100644 index 00000000..b298a319 --- /dev/null +++ b/apps/vue-storybook/stories/BlockQuote.stories.js @@ -0,0 +1,84 @@ +import BlockQuote from '@explorer-1/vue/src/components/BlockQuote/BlockQuote.vue' + +export default { + title: 'Components/Blocks/BlockQuote', + component: BlockQuote, + excludeStories: /.*Data$/, + parameters: { + viewMode: 'docs', + docs: { + description: { + component: + 'A big, fancy pull quote, with optional attribution and link. Can also be used for non-quotation callouts.' + } + } + } +} + +// shared data +export const BlockQuoteData = { + blockType: 'QuoteBlock', + quote: + "“A nice thing about it is it doesn't shatter. If impacted, it bends rather than breaks and still has good optical properties”", + attribution: 'Amy Ross, Spacesuit Designer', + quoteLink: [ + { + externalLink: '', + page: { + url: '/' + } + } + ], + thumbnail: { + src: 'https://picsum.photos/80/80', + alt: 'An image' + } +} + +// template +const BlockQuoteTemplate = (args) => ({ + components: { BlockQuote }, + setup() { + return { args } + }, + template: `
` +}) + +export const Default = BlockQuoteTemplate.bind({}) +Default.args = { + data: { + quote: BlockQuoteData.quote, + attribution: BlockQuoteData.attribution, + quoteLink: [] + } +} +export const WithImage = BlockQuoteTemplate.bind({}) +WithImage.args = { + data: { + quote: BlockQuoteData.quote, + attribution: BlockQuoteData.attribution, + thumbnail: BlockQuoteData.thumbnail + } +} +export const ExternalLinkedAttribution = BlockQuoteTemplate.bind({}) +ExternalLinkedAttribution.args = { + data: { + quote: BlockQuoteData.quote, + attribution: BlockQuoteData.attribution, + quoteLink: [ + { + externalLink: 'https://www.jpl.nasa.gov' + } + ] + } +} +export const ImageWithLocalLinkedAttribution = BlockQuoteTemplate.bind({}) +ImageWithLocalLinkedAttribution.args = { + data: BlockQuoteData +} +export const NoAttribution = BlockQuoteTemplate.bind({}) +NoAttribution.args = { + data: { + quote: BlockQuoteData.quote + } +} diff --git a/apps/vue-storybook/stories/Icons.stories.ts b/apps/vue-storybook/stories/Icons.stories.ts new file mode 100644 index 00000000..1e4a8a01 --- /dev/null +++ b/apps/vue-storybook/stories/Icons.stories.ts @@ -0,0 +1,49 @@ +import IconArrows from '@explorer-1/vue/src/components/Icons/IconArrows.vue' +import IconCaret from '@explorer-1/vue/src/components/Icons/IconCaret.vue' +import IconExpand from '@explorer-1/vue/src/components/Icons/IconExpand.vue' +import IconLocation from '@explorer-1/vue/src/components/Icons/IconLocation.vue' +import IconUser from '@explorer-1/vue/src/components/Icons/IconUser.vue' + +export default { + title: 'Icons', + component: IconArrows, + subcomponents: { IconArrows, IconCaret, IconUser }, + parameters: { + docs: { + description: { + component: 'Use with tailwind text classes to specify size and color' + } + } + } +} + +export const Arrows = { + render: () => ({ + components: { IconArrows }, + template: '' + }) +} +export const Caret = { + render: () => ({ + components: { IconCaret }, + template: '' + }) +} +export const Expand = { + render: () => ({ + components: { IconExpand }, + template: '' + }) +} +export const Location = { + render: () => ({ + components: { IconLocation }, + template: '' + }) +} +export const User = { + render: () => ({ + components: { IconUser }, + template: '' + }) +} diff --git a/apps/vue-storybook/stories/Icons/Icons.stories.ts b/apps/vue-storybook/stories/Icons/Icons.stories.ts deleted file mode 100644 index cbda0221..00000000 --- a/apps/vue-storybook/stories/Icons/Icons.stories.ts +++ /dev/null @@ -1,26 +0,0 @@ -import IconCaret from '@explorer-1/vue/src/components/Icons/IconCaret.vue' - -export default { - title: 'Icons', - component: IconCaret, - decorators: [ - () => ({ - template: `
` - }) - ], - parameters: { - docs: { - description: { - component: 'Use with tailwind text classes to specify size and color' - } - } - } -} - -export const Caret = (args) => ({ - components: { IconCaret }, - setup() { - return { args } - }, - template: `` -}) diff --git a/apps/vue-storybook/stories/MixinAnimationCaret.stories.ts b/apps/vue-storybook/stories/MixinAnimationCaret.stories.ts new file mode 100644 index 00000000..bae2e3dd --- /dev/null +++ b/apps/vue-storybook/stories/MixinAnimationCaret.stories.ts @@ -0,0 +1,24 @@ +import MixinAnimationCaret from '@explorer-1/vue/src/components/MixinAnimationCaret/MixinAnimationCaret.vue' + +export default { + title: 'Mixins/MixinAnimationCaret', + component: MixinAnimationCaret, + parameters: { + slots: { + default: 'Default slot content' + }, + viewMode: 'docs', + docs: { + description: { + component: + 'This mixin appends an animated caret to a line of text or to more complex HTML markup. When implemented, it must be wrapped by a link element with CSS class `group` to ensure that the animation is triggered by hovering over the link. See the `BaseLink` primary variant for an implementation example.' + } + } + } +} + +export const Default = { + args: { + default: 'Text with caret' + } +} diff --git a/apps/vue-storybook/stories/MixinAnimationCaret/MixinAnimationCaret.stories.ts b/apps/vue-storybook/stories/MixinAnimationCaret/MixinAnimationCaret.stories.ts deleted file mode 100644 index af5ccda3..00000000 --- a/apps/vue-storybook/stories/MixinAnimationCaret/MixinAnimationCaret.stories.ts +++ /dev/null @@ -1,26 +0,0 @@ -import MixinAnimationCaret from '@explorer-1/vue/src/components/MixinAnimationCaret/MixinAnimationCaret.vue' - -export default { - title: 'Mixins/MixinAnimationCaret', - component: MixinAnimationCaret, - parameters: { - viewMode: 'docs', - docs: { - description: { - component: 'This component appends an animated caret to a line of text.' - } - } - } -} - -// templates -const MixinAnimationCaretTemplate = (args) => ({ - components: { MixinAnimationCaret }, - setup() { - return { args } - }, - template: `Demo of animated caret` -}) - -// stories -export const Default = MixinAnimationCaretTemplate.bind({}) diff --git a/apps/vue-storybook/tailwind.config.ts b/apps/vue-storybook/tailwind.config.ts index e61cb39b..3678332f 100644 --- a/apps/vue-storybook/tailwind.config.ts +++ b/apps/vue-storybook/tailwind.config.ts @@ -10,5 +10,5 @@ import explorer1Config from '@explorer-1/common/tailwind.config' export default { ...explorer1Config, - content: ['./node_modules/@explorer-1/vue/src/components/**/*.vue'] + content: ['stories/**/*', './node_modules/@explorer-1/vue/src/components/**/*.vue'] } diff --git a/packages/common-storybook/src/config/withGlobals.ts b/packages/common-storybook/src/config/withGlobals.ts index 1a55ef6c..7b1cdeee 100644 --- a/packages/common-storybook/src/config/withGlobals.ts +++ b/packages/common-storybook/src/config/withGlobals.ts @@ -98,15 +98,15 @@ export const withGlobals = (StoryFn, context) => { useEffect(() => { if (variant) { const savedVariant = window.localStorage.getItem('data-variant') - document.documentElement.classList.remove(savedVariant) - document.documentElement.classList.add(variant) + document.body.classList.remove(savedVariant) + document.body.classList.add(variant) window.localStorage.setItem('data-variant', variant) } }, [variant]) } else if (variantMethod === 'data-attr') { useEffect(() => { if (variant) { - document.documentElement.setAttribute('data-variant', variant) + document.body.setAttribute('data-variant', variant) window.localStorage.setItem('data-variant', variant) } }, [variant]) @@ -114,3 +114,55 @@ export const withGlobals = (StoryFn, context) => { return StoryFn() } + +export const globalTypes = { + themesConfig: { + defaultValue: { + themes: ['Default', 'EDU', 'Internal'], + method: 'css' + } + }, + variantsConfig: { + defaultValue: { + variants: ['ThemeVariantLight', 'ThemeVariantDark'], + method: 'css' + } + }, + theme: { + description: 'Global Theme', + defaultValue: 'defaultTheme', + toolbar: { + title: 'Theme', + // https://storybook.js.org/docs/faq#what-icons-are-available-for-my-toolbar-or-my-addon + icon: 'eye', + items: [ + { + value: 'defaultTheme', + icon: 'home', + title: 'Default Theme' + }, + { value: 'ThemeEdu', icon: 'globe', title: 'EDU Theme' }, + { value: 'ThemeInternal', icon: 'key', title: 'Internal Theme' } + ], + dynamicTitle: true + } + }, + variant: { + description: 'Theme Variant', + defaultValue: 'ThemeVariantLight', + toolbar: { + title: 'Variant', + // https://storybook.js.org/docs/faq#what-icons-are-available-for-my-toolbar-or-my-addon + icon: 'eye', + items: [ + { + value: 'ThemeVariantLight', + icon: 'circlehollow', + title: 'Light Variant' + }, + { value: 'ThemeVariantDark', icon: 'circle', title: 'Dark Variant' } + ], + dynamicTitle: true + } + } +} diff --git a/packages/common/package.json b/packages/common/package.json index d8308a34..553b94e9 100644 --- a/packages/common/package.json +++ b/packages/common/package.json @@ -10,7 +10,6 @@ "@tailwindcss/forms": "^0.5.7", "stylelint": "^16.5.0", "stylelint-config-standard-scss": "^13.1.0", - "tailwindcss": "^3.4.3", - "tailwindcss-themer": "^4.0.0" + "tailwindcss": "^3.4.3" } } diff --git a/packages/common/src/scss/_typography-theme-colors.scss b/packages/common/src/scss/_typography-theme-colors.scss deleted file mode 100644 index 030abd05..00000000 --- a/packages/common/src/scss/_typography-theme-colors.scss +++ /dev/null @@ -1,37 +0,0 @@ -/* internal theme text styles - * kept in a separate scss file for easier use in components - * ex: import this file in a vue component to be able to @apply these classes - */ - -@layer utilities { - .text-theme-color { - @apply text-jpl-red; - } - - .text-theme-color-hover { - @apply text-jpl-red-dark; - } - - .ThemeVariantLight { - .text-theme-color, - .hover\:text-theme-color:hover { - @apply text-jpl-red; - } - - .text-theme-color-hover, - .hover\:text-theme-color-hover:hover { - @apply text-jpl-red-dark; - } - } - - .ThemeVariantDark { - .text-theme-color, - .hover\:text-theme-color:hover { - @apply text-jpl-red-light; - } - - .text-theme-color-hover .hover\:text-theme-color-hover:hover { - @apply text-jpl-red; - } - } -} diff --git a/packages/common/src/scss/_typography.scss b/packages/common/src/scss/_typography.scss index 8bc400e2..84e26b49 100644 --- a/packages/common/src/scss/_typography.scss +++ b/packages/common/src/scss/_typography.scss @@ -1,5 +1,4 @@ @use 'sass:math'; -@use 'typography-theme-colors'; // Conversion util for easier definition of font sizes by pixel size @function pxToRem($pxValue) { diff --git a/packages/common/src/scss/components/_BaseButton.scss b/packages/common/src/scss/components/_BaseButton.scss index 6d9dea14..525275cc 100644 --- a/packages/common/src/scss/components/_BaseButton.scss +++ b/packages/common/src/scss/components/_BaseButton.scss @@ -18,7 +18,7 @@ } &.-primary { - @apply px-12 text-white bg-action-color to-action-color-dark-w50; + @apply px-12 text-white bg-action to-action-dark-w50; & > .label { @apply border-2 border-transparent; @@ -26,10 +26,10 @@ } &.-secondary { - @apply px-12 bg-transparent text-action-color border-2 border-action-color to-action-color-dark-w50; + @apply px-12 bg-transparent text-action border-2 border-action to-action-dark-w50; @include hover { - @apply text-white border-action-color-dark; + @apply text-white border-action-dark; } } @@ -108,34 +108,4 @@ @apply text-white; } } - - .ThemeVariantLight & { - &.-primary { - @apply text-white bg-action-color to-action-color-dark-w50; - } - - &.-secondary { - @apply text-action-color bg-transparent border-action-color to-action-color-dark-w50; - - @include hover { - // including a bg color resolves pixelation inconsistencies between browsers - @apply text-white border-action-color-dark bg-action-color-dark; - } - } - } - - .ThemeVariantDark & { - &.-primary { - @apply text-white bg-action-color-light to-action-color-w50; - } - - &.-secondary { - @apply text-action-color-light bg-transparent border-action-color-light to-action-color-w50; - - @include hover { - // including a bg color resolves pixelation inconsistencies between browsers - @apply text-white border-action-color bg-action-color; - } - } - } } diff --git a/packages/common/src/scss/components/_BaseImageCaption.scss b/packages/common/src/scss/components/_BaseImageCaption.scss index 9946c8e5..55f631ac 100644 --- a/packages/common/src/scss/components/_BaseImageCaption.scss +++ b/packages/common/src/scss/components/_BaseImageCaption.scss @@ -7,10 +7,10 @@ } a { - @apply text-theme-color underline cursor-pointer; + @apply text-action underline cursor-pointer; @include hover { - @apply text-theme-color-hover; + @apply text-action-hover; } } } diff --git a/packages/common/src/scss/components/_BlockQuote.scss b/packages/common/src/scss/components/_BlockQuote.scss index d9f56ce3..427da6cb 100644 --- a/packages/common/src/scss/components/_BlockQuote.scss +++ b/packages/common/src/scss/components/_BlockQuote.scss @@ -17,7 +17,7 @@ > hr { max-width: 100px; - @apply border-t mx-auto border-jpl-red-light; + @apply border-t mx-auto border-emphasis-light; @screen lg { max-width: 120px; @@ -26,7 +26,7 @@ > .quote { line-height: 1.4; // custom - @apply font-primary italic text-xl font-medium py-4 text-jpl-red; + @apply font-primary italic text-xl font-medium py-4 text-emphasis; @screen lg { font-size: 1.875rem; // custom // 30px @@ -51,11 +51,11 @@ .ThemeVariantLight { .BlockQuote { > hr { - @apply border-jpl-red; + @apply border-emphasis; } > .quote { - @apply text-jpl-red; + @apply text-emphasis; } > div > div > .attribution-text { @@ -66,10 +66,6 @@ .ThemeVariantDark { .BlockQuote { - > hr { - @apply border-jpl-red-light; - } - > .quote { @apply text-white; } diff --git a/packages/common/src/scss/components/_BlockText.scss b/packages/common/src/scss/components/_BlockText.scss index bd20137f..70c9726d 100644 --- a/packages/common/src/scss/components/_BlockText.scss +++ b/packages/common/src/scss/components/_BlockText.scss @@ -1,9 +1,9 @@ .BlockText { a { - @apply text-theme-color underline cursor-pointer break-words; + @apply text-action underline cursor-pointer break-words; @include hover { - @apply text-theme-color-hover; + @apply text-action-hover; } } diff --git a/packages/common/src/scss/styles.scss b/packages/common/src/scss/styles.scss index d92ddbc9..e117ed9c 100644 --- a/packages/common/src/scss/styles.scss +++ b/packages/common/src/scss/styles.scss @@ -18,8 +18,5 @@ @import 'polyfills'; @import 'animations'; -// themes -@import 'themes/internal'; - // components @import 'components'; diff --git a/packages/common/src/scss/themes/_internal-typography-theme-colors.scss b/packages/common/src/scss/themes/_internal-typography-theme-colors.scss deleted file mode 100644 index c7c4f908..00000000 --- a/packages/common/src/scss/themes/_internal-typography-theme-colors.scss +++ /dev/null @@ -1,59 +0,0 @@ -/* internal theme text styles - * kept in a separate scss file for easier use in components - * ex: import this file in a vue component to be able to @apply these classes - */ - -/* Deprecation warning: - * .text-theme-red and .text-theme-red-hover are deprecated and will be removed in the next major release. - * Use .text-theme-color and .text-theme-color-hover instead. - */ - -@layer utilities { - .ThemeInternal { - .text-theme-color, - .text-theme-red, - .hover\:text-theme-color:hover, - .hover\:text-theme-red:hover { - @apply text-jpl-sky-blue-dark; - } - - .text-theme-color-hover, - .text-theme-red-hover, - .hover\:text-theme-color-hover:hover, - .hover\:text-theme-red-hover:hover { - @apply text-jpl-sky-blue; - } - - .ThemeVariantLight { - .text-theme-color, - .text-theme-red, - .hover\:text-theme-color:hover, - .hover\:text-theme-red:hover { - @apply text-jpl-sky-blue-dark; - } - - .text-theme-color-hover, - .text-theme-red-hover, - .hover\:text-theme-color-hover:hover, - .hover\:text-theme-red-hover:hover { - @apply text-jpl-sky-blue; - } - } - - .ThemeVariantDark { - .text-theme-color, - .text-theme-red, - .hover\:text-theme-color:hover, - .hover\:text-theme-red:hover { - @apply text-jpl-sky-blue; - } - - .text-theme-color-hover, - .text-theme-red-hover, - .hover\:text-theme-color-hover:hover, - .hover\:text-theme-red-hover:hover { - @apply text-jpl-sky-blue-dark; - } - } - } -} diff --git a/packages/common/src/scss/themes/_internal.scss b/packages/common/src/scss/themes/_internal.scss deleted file mode 100644 index 869ef8df..00000000 --- a/packages/common/src/scss/themes/_internal.scss +++ /dev/null @@ -1,44 +0,0 @@ -@import 'internal-typography-theme-colors'; - -@layer utilities { - .ThemeInternal { - .BaseButton { - &.-primary { - @apply bg-jpl-sky-blue-dark to-jpl-sky-blue-w50; - } - - &.-secondary { - @apply text-jpl-sky-blue-dark border-jpl-sky-blue-dark to-jpl-sky-blue-w50; - - @include hover { - @apply text-white border-jpl-sky-blue; - } - } - - &.-dark { - @include hover { - @apply text-gray-dark; - } - } - } - - .ThemeVariantLight, - .ThemeVariantDark, - &.ThemeVariantLight, - &.ThemeVariantDark { - .BaseButton { - &.-primary { - @apply bg-jpl-sky-blue-dark to-jpl-sky-blue-w50; - } - - &.-secondary { - @apply text-jpl-sky-blue-dark border-jpl-sky-blue-dark to-jpl-sky-blue-w50; - - @include hover { - @apply text-white border-jpl-sky-blue bg-jpl-sky-blue; - } - } - } - } - } -} diff --git a/packages/common/tailwind.colors.ts b/packages/common/tailwind.colors.ts new file mode 100644 index 00000000..e493463e --- /dev/null +++ b/packages/common/tailwind.colors.ts @@ -0,0 +1,151 @@ +// Dedicated file for managing tailwind theme colors + +export const foundationColors = { + 'jpl-red': '#E31937', + 'jpl-red-light': '#E73B54', + 'jpl-red-dark': '#C1152E', + 'jpl-red-darker': '#5C0411', + 'jpl-aqua': '#489FDF', + blue: '#8BCBFA', + 'dark-blue': '#004562', + green: '#14C97A' +} + +export const internalColors = { + 'jpl-sky-blue': '#0080A4', // TODO: update with different color + 'jpl-sky-blue-light': '#00a0cc', // TODO: update with different color + 'jpl-sky-blue-dark': '#006480', // TODO: update with different color + 'jpl-sky-blue-darker': '#003c4d' // TODO: update with different color +} + +export const eduColors = { + 'edu-purple': '#9438E0', + 'edu-purple-light': '#A85EE6', + 'edu-purple-dark': '#741EBB', + 'edu-purple-darker': '#33283D', + 'edu-teal': '#007E99', + 'edu-teal-light': '#00a7cc', // TODO: update with different color + 'edu-teal-dark': '#005366', // TODO: update with different color + 'edu-teal-darker': '#002a33', // TODO: update with different color + 'edu-peach': '#FF5555' +} + +export const semanticColors = { + 'alert-gold': '#FFBA32', + 'alert-gold-light': '#FFF9EB', + 'disabled-gray': '#D8D8D8', // same as Light Mid Gray + 'error-red': '#C1152E', // same as JPL Red Dark + 'error-red-light': '#FFE8EB', + 'focus-blue': '#1871C9', + 'focus-blue-light': '#E8F1FA', + 'success-green': '#33A17B', + 'success-green-light': '#E1F5EE' +} + +export const grayScaleColors = { + white: '#FFFFFF', + 'off-white': '#FAFAFA', + 'gray-light': '#F5F5F5', + 'gray-light-mid': '#D8D8D8', + 'gray-mid': '#949494', + 'gray-mid-dark': '#6F6F6F', + 'gray-dark': '#222222', + black: '#000000' +} + +export const socialColors = { + facebook: '#3b5998', + twitter: '#000000', + instagram: '#dd2a7b', + youtube: '#ff0000', + reddit: '#ff4500' +} + +// custom css vars +export const themeVariantColors = { + action: 'var(--color-action)', + 'action-light': 'var(--color-action-light)', + 'action-dark': 'var(--color-action-dark)', + 'action-darker': 'var(--color-action-darker)', + 'action-hover': 'var(--color-action-dark)', + emphasis: 'var(--color-emphasis)', + 'emphasis-light': 'var(--color-emphasis-light)', + 'emphasis-dark': 'var(--color-emphasis-dark)', + 'emphasis-darker': 'var(--color-emphasis-darker)', + 'emphasis-hover': 'var(--color-emphasis-dark)' +} + +// www default +export const ThemeWww = { + default: { + '--color-action': foundationColors['jpl-red'], + '--color-action-light': foundationColors['jpl-red-light'], + '--color-action-dark': foundationColors['jpl-red-dark'], + '--color-action-darker': foundationColors['jpl-red-darker'], + '--color-emphasis': 'var(--color-action)', + '--color-emphasis-light': 'var(--color-action-light)', + '--color-emphasis-dark': 'var(--color-action-dark)', + '--color-emphasis-darker': 'var(--color-action-darker)' + }, + dark: { + '--color-action': foundationColors['jpl-red-light'], + '--color-action-light': foundationColors['jpl-red-light'], + '--color-action-dark': foundationColors['jpl-red'], + '--color-action-darker': foundationColors['jpl-red-dark'] + } +} + +export const ThemeEdu = { + default: { + '--color-action': eduColors['edu-teal'], + '--color-action-light': eduColors['edu-teal-light'], + '--color-action-dark': eduColors['edu-teal-dark'], + '--color-action-darker': eduColors['edu-teal-darker'], + '--color-emphasis': eduColors['edu-purple'], + '--color-emphasis-light': eduColors['edu-purple-light'], + '--color-emphasis-dark': eduColors['edu-purple-dark'], + '--color-emphasis-darker': eduColors['edu-purple-darker'] + }, + dark: { + '--color-action': eduColors['edu-teal-light'], + '--color-action-light': eduColors['edu-teal-light'], + '--color-action-dark': eduColors['edu-teal'], + '--color-action-darker': eduColors['edu-teal-dark'], + '--color-emphasis': eduColors['edu-purple-light'], + '--color-emphasis-light': eduColors['edu-purple-light'], + '--color-emphasis-dark': eduColors['edu-purple'], + '--color-emphasis-darker': eduColors['edu-purple-dark'] + } +} + +export const ThemeInternal = { + default: { + '--color-action': internalColors['jpl-sky-blue'], + '--color-action-light': internalColors['jpl-sky-blue-light'], + '--color-action-dark': internalColors['jpl-sky-blue-dark'], + '--color-action-darker': internalColors['jpl-sky-blue-darker'], + '--color-emphasis': 'var(--color-action)', + '--color-emphasis-light': 'var(--color-action-light)', + '--color-emphasis-dark': 'var(--color-action-dark)', + '--color-emphasis-darker': 'var(--color-action-darker)' + }, + dark: { + '--color-action': internalColors['jpl-sky-blue-light'], + '--color-action-light': internalColors['jpl-sky-blue-light'], + '--color-action-dark': internalColors['jpl-sky-blue'], + '--color-action-darker': internalColors['jpl-sky-blue-dark'] + } +} + +export default { + ...foundationColors, + ...internalColors, + ...eduColors, + ...grayScaleColors, + ...semanticColors, + ...socialColors, + ...themeVariantColors, + // ...uiColors, + transparent: 'transparent', + current: 'currentColor' +} diff --git a/packages/common/tailwind.config.ts b/packages/common/tailwind.config.ts index 12f3c054..7d32a971 100644 --- a/packages/common/tailwind.config.ts +++ b/packages/common/tailwind.config.ts @@ -1,5 +1,14 @@ import type { Config } from 'tailwindcss' import type { CustomThemeConfig } from 'tailwindcss/types/config' +import plugin from 'tailwindcss/plugin' +import themeColors, { + foundationColors, + grayScaleColors, + socialColors, + ThemeWww, + ThemeEdu, + ThemeInternal +} from './tailwind.colors' /* ** TailwindCSS Configuration File ** @@ -7,87 +16,6 @@ import type { CustomThemeConfig } from 'tailwindcss/types/config' ** Default: https://github.com/tailwindcss/tailwindcss/blob/master/stubs/defaultConfig.stub.js */ -const foundationColors = { - 'jpl-red': '#E31937', - 'jpl-red-light': '#E73B54', - 'jpl-red-dark': '#C1152E', - 'jpl-red-darker': '#5C0411', - 'jpl-aqua': '#489FDF', - blue: '#8BCBFA', - 'dark-blue': '#004562', - green: '#14C97A' -} - -const internalColors = { - 'jpl-sky-blue': '#53C8ED', - 'jpl-sky-blue-dark': '#0080A4' -} - -const eduColors = { - 'edu-purple': '#9438E0', - 'edu-purple-light': '#A85EE6', - 'edu-purple-dark': '#741EBB', - 'edu-purple-darker': '#33283D', - 'edu-teal': '#007E99', - 'edu-teal-light': '#007E99', // TODO: update with different color - 'edu-teal-dark': '#007E99', // TODO: update with different color - 'edu-peach': '#FF5555' -} - -const semanticColors = { - 'alert-gold': '#FFBA32', - 'alert-gold-light': '#FFF9EB', - 'disabled-gray': '#D8D8D8', // same as Light Mid Gray - 'error-red': '#C1152E', // same as JPL Red Dark - 'error-red-light': '#FFE8EB', - 'focus-blue': '#1871C9', - 'focus-blue-light': '#E8F1FA', - 'success-green': '#33A17B', - 'success-green-light': '#E1F5EE' -} - -const grayScale = { - white: '#FFFFFF', - 'off-white': '#FAFAFA', - 'gray-light': '#F5F5F5', - 'gray-light-mid': '#D8D8D8', - 'gray-mid': '#949494', - 'gray-mid-dark': '#6F6F6F', - 'gray-dark': '#222222', - black: '#000000' -} - -const socialColors = { - facebook: '#3b5998', - twitter: '#000000', - instagram: '#dd2a7b', - youtube: '#ff0000', - reddit: '#ff4500' -} - -const uiColors = { - 'theme-color': foundationColors['jpl-red'], - 'theme-color-dark': foundationColors['jpl-red-dark'], - 'action-color': foundationColors['jpl-red'], - 'action-color-light': foundationColors['jpl-red-light'], - 'action-color-dark': foundationColors['jpl-red-dark'], - 'action-color-darker': foundationColors['jpl-red-darker'], - 'emphasis-color': foundationColors['jpl-red'], - 'emphasis-color-dark': foundationColors['jpl-red-dark'] -} - -const themeColors = { - ...foundationColors, - ...internalColors, - ...eduColors, - ...grayScale, - ...semanticColors, - ...socialColors, - ...uiColors, - transparent: 'transparent', - current: 'currentColor' -} - // Font stack optimised for built-in fonts of each major operating system, with support for emojis. // Only displayed if the site’s web fonts fail to load. // See https://polaris.shopify.com/design/typography#section-font-stack. @@ -209,8 +137,8 @@ const defaultTheme: Partial = { 'jpl-red-light-w50': foundationColors['jpl-red-light'] + ' 50%', 'jpl-sky-blue-w50': foundationColors['jpl-sky-blue'] + ' 50%', 'jpl-sky-blue-dark-w50': foundationColors['jpl-sky-blue-dark'] + ' 50%', - 'white-w50': grayScale.white + ' 50%', - 'gray-dark-w50': grayScale['gray-dark'] + ' 50%', + 'white-w50': grayScaleColors.white + ' 50%', + 'gray-dark-w50': grayScaleColors['gray-dark'] + ' 50%', 'facebook-w50': socialColors.facebook + ' 50%', 'twitter-w50': socialColors.twitter + ' 50%', 'instagram-w50': socialColors.instagram + ' 50%', @@ -221,16 +149,16 @@ const defaultTheme: Partial = { 'transparent-black-50': 'rgba(0 0 0 / 50%)', 'transparent-black-25': 'rgba(0 0 0 / 25%)', 'transparent-black-25-w50': 'rgba(0 0 0 / 25%) 50%', - 'action-color-w50': foundationColors['jpl-red'] + ' 50%', - 'action-color-dark-w50': foundationColors['jpl-red-dark'] + ' 50%', - 'action-color-darker-w50': foundationColors['jpl-red-dark'] + ' 50%', - 'action-color-light-w50': foundationColors['jpl-red-light'] + ' 50%' + 'action-w50': 'var(--color-action)' + ' 50%', + 'action-dark-w50': 'var(--color-action-dark)' + ' 50%', + 'action-darker-w50': 'var(--color-action-darker)' + ' 50%', + 'action-light-w50': 'var(--color-action-light)' + ' 50%' }, checkbox: { display: 'inline-block', verticalAlign: 'top', flexShrink: 0, - borderColor: grayScale['gray-dark'], + borderColor: grayScaleColors['gray-dark'], borderWidth: 0, borderRadius: 0 }, @@ -341,48 +269,24 @@ export default { theme: defaultTheme, plugins: [ require('@tailwindcss/forms'), - require('tailwindcss-themer')({ - defaultTheme: { - extend: { - // ...defaultTheme, - colors: defaultTheme.colors, - gradientColorStops: defaultTheme.gradientColorStops - } - }, - themes: [ - { - name: 'edu', - selectors: ['.ThemeEdu', '[data-theme="edu"]'], - extend: { - colors: { - 'action-color': eduColors['edu-teal'], - 'action-color-light': eduColors['edu-teal-light'], - 'action-color-dark': eduColors['edu-teal-dark'], - 'emphasis-color': eduColors['edu-purple'], - 'emphasis-color-dark': eduColors['edu-purple-dark'] - }, - gradientColorStops: { - 'action-color-w50': eduColors['edu-teal'] + ' 50%', - 'action-color-dark-w50': eduColors['edu-teal-dark'] + ' 50%', - 'action-color-darker-w50': eduColors['edu-teal-dark'] + ' 50%', - 'action-color-light-w50': eduColors['edu-teal-light'] + ' 50%' - } - } - }, - { - name: 'internal', - selectors: ['.ThemeInternal', '[data-theme="internal"]'], - extend: { - colors: { - 'action-color': 'orange' // for testing - } - } - } - ] + plugin(({ addBase }) => { + addBase({ + // www theme selectors + ':root, .ThemeVariantLight': ThemeWww.default, + '.ThemeVariantDark': ThemeWww.dark, + // edu theme selectors + '.ThemeEdu, .ThemeEdu.ThemeVariantLight, .ThemeEdu .ThemeVariantLight': ThemeEdu.default, + '.ThemeEdu .ThemeVariantDark, .ThemeEdu.ThemeVariantDark': ThemeEdu.dark, + // internal theme selectors + '.ThemeInternal, .ThemeInternal.ThemeVariantLight, .ThemeInternal .ThemeVariantLight': + ThemeInternal.default, + '.ThemeInternal .ThemeVariantDark, .ThemeInternal.ThemeVariantDark': ThemeInternal.dark + }) }) ], future: { hoverOnlyWhenSupported: true }, + safelist: ['ThemeVariantLight', 'ThemeVariantDark'], content: [] } satisfies Config diff --git a/packages/html/dist/assets/css/explorer-1.min.css b/packages/html/dist/assets/css/explorer-1.min.css index ecbc45ee..6c89ef33 100644 --- a/packages/html/dist/assets/css/explorer-1.min.css +++ b/packages/html/dist/assets/css/explorer-1.min.css @@ -1,2 +1,8946 @@ -@charset "UTF-8";.carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + .5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden!important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, .4))}.fancybox__container *,.fancybox__container *:before,.fancybox__container *:after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, .94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, .92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide:before,.fancybox__slide:after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right,0px) 0 env(safe-area-inset-left,0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top,0px) + 8px);right:calc(env(safe-area-inset-right,0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{to{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}to{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{0%{transform:scale(.97) translate3d(0,16px,0);opacity:0}to{transform:scale(1) translateZ(0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(.97) translate3d(0,16px,0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0,-30%,0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0,30%,0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:#ffffff1a}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px #0003}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:#0000;min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:#18181be6;color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:#0000}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, .96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb:after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:#ffffff1a;background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top,#0000,#00000002 8.1%,#00000005 15.5%,#0000000c 22.5%,#00000014 29%,#0000001d 35.3%,#00000028,#00000032 47.1%,#0000003e 52.9%,#00000049,#00000053 64.7%,#0000005d 71%,#00000064 77.5%,#0000006b 84.5%,#0000006f 91.9%,#00000070);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, .4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translate(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media (max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, .96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;-webkit-user-select:none;-moz-user-select:none;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block}@font-face{font-family:swiper-icons;src:url(data:application/font-woff;charset=utf-8;base64,\ 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);font-weight:400;font-style:normal}:root{--swiper-theme-color: #007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function, initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color: #fff}.swiper-lazy-preloader-black{--swiper-preloader-color: #000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper:after{content:"";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size: 44px}.swiper-button-prev,.swiper-button-next{position:absolute;top:var(--swiper-navigation-top-offset, 50%);width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size) / 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none!important}.swiper-button-prev svg,.swiper-button-next svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-prev svg,.swiper-rtl .swiper-button-next svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset, 10px);right:auto}.swiper-button-lock{display:none}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:"prev"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset, 10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:"next"}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom, 8px);top:var(--swiper-pagination-top, auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius, 50%);background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right, 8px);left:var(--swiper-pagination-left, auto);top:50%;transform:translate3d(0,-50%,0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color, inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, .25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size, 4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size, 4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius, 10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, .1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset, 1%);bottom:var(--swiper-scrollbar-bottom, 4px);top:var(--swiper-scrollbar-top, auto);z-index:50;height:var(--swiper-scrollbar-size, 4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;left:var(--swiper-scrollbar-left, auto);right:var(--swiper-scrollbar-right, 4px);top:var(--swiper-scrollbar-sides-offset, 1%);z-index:50;width:var(--swiper-scrollbar-size, 4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, .5));border-radius:var(--swiper-scrollbar-border-radius, 10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:"";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right{z-index:0;backface-visibility:hidden}.swiper-creative .swiper-slide{backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;backface-visibility:hidden;overflow:hidden}/*! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com - */*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}[type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow:0 0 #0000}[type=text]:focus,input:where(:not([type])):focus,[type=email]:focus,[type=url]:focus,[type=password]:focus,[type=number]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=week]:focus,[multiple]:focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow:0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset:var(--tw-empty, );--tw-ring-offset-width:2px;--tw-ring-offset-color:#fff;--tw-ring-color:#2563eb;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}:root{--colors-jpl-red:227 25 55;--colors-jpl-red-light:231 59 84;--colors-jpl-red-dark:193 21 46;--colors-jpl-red-darker:92 4 17;--colors-jpl-aqua:72 159 223;--colors-blue:139 203 250;--colors-dark-blue:0 69 98;--colors-green:20 201 122;--colors-jpl-sky-blue:83 200 237;--colors-jpl-sky-blue-dark:0 128 164;--colors-edu-purple:148 56 224;--colors-edu-purple-light:168 94 230;--colors-edu-purple-dark:116 30 187;--colors-edu-purple-darker:51 40 61;--colors-edu-teal:0 126 153;--colors-edu-teal-light:0 126 153;--colors-edu-teal-dark:0 126 153;--colors-edu-peach:255 85 85;--colors-white:255 255 255;--colors-off-white:250 250 250;--colors-gray-light:245 245 245;--colors-gray-light-mid:216 216 216;--colors-gray-mid:148 148 148;--colors-gray-mid-dark:111 111 111;--colors-gray-dark:34 34 34;--colors-black:0 0 0;--colors-alert-gold:255 186 50;--colors-alert-gold-light:255 249 235;--colors-disabled-gray:216 216 216;--colors-error-red:193 21 46;--colors-error-red-light:255 232 235;--colors-focus-blue:24 113 201;--colors-focus-blue-light:232 241 250;--colors-success-green:51 161 123;--colors-success-green-light:225 245 238;--colors-facebook:59 89 152;--colors-twitter:0 0 0;--colors-instagram:221 42 123;--colors-youtube:255 0 0;--colors-reddit:255 69 0;--colors-theme-color:227 25 55;--colors-theme-color-dark:193 21 46;--colors-action-color:227 25 55;--colors-action-color-light:231 59 84;--colors-action-color-dark:193 21 46;--colors-action-color-darker:92 4 17;--colors-emphasis-color:227 25 55;--colors-emphasis-color-dark:193 21 46;--colors-transparent:0 0 0;--colors-current:currentColor;--gradientColorStops-jpl-red:227 25 55;--gradientColorStops-jpl-red-light:231 59 84;--gradientColorStops-jpl-red-dark:193 21 46;--gradientColorStops-jpl-red-darker:92 4 17;--gradientColorStops-jpl-aqua:72 159 223;--gradientColorStops-blue:139 203 250;--gradientColorStops-dark-blue:0 69 98;--gradientColorStops-green:20 201 122;--gradientColorStops-jpl-sky-blue:83 200 237;--gradientColorStops-jpl-sky-blue-dark:0 128 164;--gradientColorStops-edu-purple:148 56 224;--gradientColorStops-edu-purple-light:168 94 230;--gradientColorStops-edu-purple-dark:116 30 187;--gradientColorStops-edu-purple-darker:51 40 61;--gradientColorStops-edu-teal:0 126 153;--gradientColorStops-edu-teal-light:0 126 153;--gradientColorStops-edu-teal-dark:0 126 153;--gradientColorStops-edu-peach:255 85 85;--gradientColorStops-white:255 255 255;--gradientColorStops-off-white:250 250 250;--gradientColorStops-gray-light:245 245 245;--gradientColorStops-gray-light-mid:216 216 216;--gradientColorStops-gray-mid:148 148 148;--gradientColorStops-gray-mid-dark:111 111 111;--gradientColorStops-gray-dark:34 34 34;--gradientColorStops-black:0 0 0;--gradientColorStops-alert-gold:255 186 50;--gradientColorStops-alert-gold-light:255 249 235;--gradientColorStops-disabled-gray:216 216 216;--gradientColorStops-error-red:193 21 46;--gradientColorStops-error-red-light:255 232 235;--gradientColorStops-focus-blue:24 113 201;--gradientColorStops-focus-blue-light:232 241 250;--gradientColorStops-success-green:51 161 123;--gradientColorStops-success-green-light:225 245 238;--gradientColorStops-facebook:59 89 152;--gradientColorStops-twitter:0 0 0;--gradientColorStops-instagram:221 42 123;--gradientColorStops-youtube:255 0 0;--gradientColorStops-reddit:255 69 0;--gradientColorStops-theme-color:227 25 55;--gradientColorStops-theme-color-dark:193 21 46;--gradientColorStops-action-color:227 25 55;--gradientColorStops-action-color-light:231 59 84;--gradientColorStops-action-color-dark:193 21 46;--gradientColorStops-action-color-darker:92 4 17;--gradientColorStops-emphasis-color:227 25 55;--gradientColorStops-emphasis-color-dark:193 21 46;--gradientColorStops-transparent:0 0 0;--gradientColorStops-current:currentColor;--gradientColorStops-transparent-w50:transparent 50%;--gradientColorStops-transparent-w25:transparent 25%;--gradientColorStops-jpl-red-w50:#E31937 50%;--gradientColorStops-jpl-red-dark-w50:#C1152E 50%;--gradientColorStops-jpl-red-darker-w50:#5C0411 50%;--gradientColorStops-jpl-red-light-w50:#E73B54 50%;--gradientColorStops-jpl-sky-blue-w50:undefined 50%;--gradientColorStops-jpl-sky-blue-dark-w50:undefined 50%;--gradientColorStops-white-w50:#FFFFFF 50%;--gradientColorStops-gray-dark-w50:#222222 50%;--gradientColorStops-facebook-w50:#3b5998 50%;--gradientColorStops-twitter-w50:#000000 50%;--gradientColorStops-instagram-w50:#dd2a7b 50%;--gradientColorStops-youtube-w50:#ff0000 50%;--gradientColorStops-reddit-w50:#ff4500 50%;--gradientColorStops-transparent-black-90:0 0 0;--gradientColorStops-transparent-black-75:0 0 0;--gradientColorStops-transparent-black-50:0 0 0;--gradientColorStops-transparent-black-25:0 0 0;--gradientColorStops-transparent-black-25-w50:rgba(0 0 0 / 25%) 50%;--gradientColorStops-action-color-w50:#E31937 50%;--gradientColorStops-action-color-dark-w50:#C1152E 50%;--gradientColorStops-action-color-darker-w50:#C1152E 50%;--gradientColorStops-action-color-light-w50:#E73B54 50%}.ThemeEdu,[data-theme=edu]{--colors-action-color:0 126 153;--colors-action-color-light:0 126 153;--colors-action-color-dark:0 126 153;--colors-emphasis-color:148 56 224;--colors-emphasis-color-dark:116 30 187;--gradientColorStops-action-color-w50:#007E99 50%;--gradientColorStops-action-color-dark-w50:#007E99 50%;--gradientColorStops-action-color-darker-w50:#007E99 50%;--gradientColorStops-action-color-light-w50:#007E99 50%}.ThemeInternal,[data-theme=internal]{--colors-action-color:255 165 0}[type=text],[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select,.form-input,.form-textarea,.form-select,.form-multiselect{--tw-border-opacity:1;border-color:rgb(var(--colors-gray-light-mid) / var(--tw-border-opacity))}[type=text]:focus,[type=email]:focus,[type=url]:focus,[type=password]:focus,[type=number]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=week]:focus,[multiple]:focus,textarea:focus,select:focus,.form-input:focus,.form-textarea:focus,.form-select:focus,.form-multiselect:focus{--tw-ring-color: #1871c9;--tw-border-opacity:1;border-color:rgb(var(--colors-focus-blue) / var(--tw-border-opacity))}input::-moz-placeholder,textarea::-moz-placeholder,.form-input::-moz-placeholder,.form-textarea::-moz-placeholder{--tw-text-opacity:1;color:rgb(var(--colors-gray-mid) / var(--tw-text-opacity))}input::placeholder,textarea::placeholder,.form-input::placeholder,.form-textarea::placeholder{--tw-text-opacity:1;color:rgb(var(--colors-gray-mid) / var(--tw-text-opacity))}select,.form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23949494' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}[type=checkbox],[type=radio],.form-checkbox,.form-radio{--tw-border-opacity:1;border-color:rgb(var(--colors-gray-mid) / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(var(--colors-focus-blue) / var(--tw-text-opacity))}[type=checkbox]:focus,[type=radio]:focus,.form-checkbox:focus,.form-radio:focus{--tw-ring-color: #1871c9}.BaseGrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.5rem}@media (min-width: 640px){.MixedBleedGrid{grid-template-columns:[bleed-start] auto [container-start] 53.33px [indent-col-2] 53.33px [indent-col-3] 533.33px [container-end] auto [bleed-end];display:grid;gap:0px}}@media (min-width: 768px){.MixedBleedGrid{grid-template-columns:[bleed-start] auto [container-start] 64px [indent-col-2] 64px [indent-col-3] 640px [container-end] auto [bleed-end];display:grid}}@media (min-width: 1024px){.MixedBleedGrid{grid-template-columns:[bleed-start] auto [container-start] 85.33px [indent-col-2] 85.33px [indent-col-3] 853.33px [container-end] auto [bleed-end];display:grid}}@media (min-width: 1280px){.MixedBleedGrid{grid-template-columns:[bleed-start] auto [container-start] 108px [indent-col-2] 108px [indent-col-3] 1088px [container-end] auto [bleed-end];display:grid}}@media (min-width: 1440px){.MixedBleedGrid{grid-template-columns:[bleed-start] auto [container-start] 110px [indent-col-2] 110px [indent-col-3] 1100px [container-end] auto [bleed-end];display:grid}}.MixedBleedGrid .col-start-bleed{grid-column-start:bleed-start}.MixedBleedGrid .col-end-container-start{grid-column-end:container-start}.MixedBleedGrid .col-start-container{grid-column-start:container-start}.MixedBleedGrid .col-start-indent-col-2{grid-column-start:indent-col-2}.MixedBleedGrid .col-start-indent-col-3{grid-column-start:indent-col-3}.MixedBleedGrid .col-end-container{grid-column-end:container-end}.MixedBleedGrid .col-start-container-end{grid-column-start:container-end}.MixedBleedGrid .col-end-bleed{grid-column-end:bleed-end}.nav-offset{padding-top:4.5rem}@media (min-width: 1024px){.nav-offset{padding-top:0}.-nav-offset{margin-top:-7.25rem}}html{font-family:Metropolis,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;text-rendering:optimizelegibility}.text-h1-alt{font-weight:700;letter-spacing:-1px;font-size:2.8125rem;line-height:1}@media (min-width: 640px){.text-h1-alt{font-size:3.40625rem}}@media (min-width: 768px){.text-h1-alt{letter-spacing:-2px;font-size:4.09375rem}}@media (min-width: 1024px){.text-h1-alt{font-size:4.5rem}}@media (min-width: 1280px){.text-h1-alt{font-size:6.25rem}}h1,.text-h1{font-weight:500;letter-spacing:-1px;font-size:2.625rem;line-height:1.15}@media (min-width: 640px){h1,.text-h1{font-size:2.875rem}}@media (min-width: 768px){h1,.text-h1{font-size:3.125rem;letter-spacing:-1.5px}}@media (min-width: 1024px){h1,.text-h1{font-size:3.375rem}}@media (min-width: 1280px){h1,.text-h1{font-size:3.625rem}}h2,.text-h2{font-weight:500;letter-spacing:-.5px;font-size:2.25rem;line-height:1.25}@media (min-width: 640px){h2,.text-h2{font-size:2.375rem}}@media (min-width: 768px){h2,.text-h2{letter-spacing:-1px;font-size:2.5rem}}@media (min-width: 1024px){h2,.text-h2{font-size:2.625rem}}@media (min-width: 1280px){h2,.text-h2{font-size:2.75rem}}h3,.text-h3{font-weight:500;letter-spacing:-.5px;font-size:1.6875rem;line-height:1.25}@media (min-width: 640px){h3,.text-h3{font-size:1.765625rem}}@media (min-width: 768px){h3,.text-h3{letter-spacing:-1px;font-size:1.875rem}}@media (min-width: 1024px){h3,.text-h3{font-size:1.953125rem}}@media (min-width: 1280px){h3,.text-h3{font-size:2.0625rem}}h4,.text-h4{font-weight:500;letter-spacing:0;font-size:1.375rem;line-height:1.25}@media (min-width: 640px){h4,.text-h4{font-size:1.453125rem}}@media (min-width: 768px){h4,.text-h4{letter-spacing:-.5px;font-size:1.546875rem}}@media (min-width: 1024px){h4,.text-h4{font-size:1.609375rem}}@media (min-width: 1280px){h4,.text-h4{font-size:1.6875rem}}h5,.text-h5{font-weight:500;letter-spacing:0;font-size:1.25rem;line-height:1.25}@media (min-width: 640px){h5,.text-h5{font-size:1.3125rem}}@media (min-width: 768px){h5,.text-h5{font-size:1.390625rem}}@media (min-width: 1024px){h5,.text-h5{font-size:1.453125rem}}@media (min-width: 1280px){h5,.text-h5{font-size:1.515625rem}}h6,.text-h6{font-weight:700;letter-spacing:0;font-size:1.125rem;line-height:1.6667}@media (min-width: 640px){h6,.text-h6{font-size:1.1875rem}}@media (min-width: 768px){h6,.text-h6{font-size:1.25rem}}@media (min-width: 1024px){h6,.text-h6{font-size:1.3125rem}}@media (min-width: 1280px){h6,.text-h6{font-size:1.375rem}}h1 b,h1 strong,.text-h1 b,.text-h1 strong,h2 b,h2 strong,.text-h2 b,.text-h2 strong,h3 b,h3 strong,.text-h3 b,.text-h3 strong,h4 b,h4 strong,.text-h4 b,.text-h4 strong,h5 b,h5 strong,.text-h5 b,.text-h5 strong{font-weight:inherit}.text-subtitle{font-family:Archivo Narrow,Metropolis,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;text-transform:uppercase;line-height:1.25;letter-spacing:1px}.text-subtitle-sm{font-family:Archivo Narrow,Metropolis,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:.875rem;text-transform:uppercase;line-height:1.25;letter-spacing:1px}.text-body-lg{font-size:1.125rem;line-height:1.6667}@media (min-width: 640px){.text-body-lg{font-size:1.1875rem}}@media (min-width: 768px){.text-body-lg{font-size:1.25rem}}@media (min-width: 1024px){.text-body-lg{font-size:1.3125rem}}@media (min-width: 1280px){.text-body-lg{font-size:1.375rem}}.text-body-md{font-size:1rem;line-height:1.6667}@media (min-width: 1024px){.text-body-md{font-size:1.125rem}}.text-body-sm{font-size:.875rem;line-height:1.6667}@media (min-width: 1024px){.text-body-sm{font-size:1rem}}.text-body-xs{font-size:.875rem;line-height:1.6667}.text-stats-xl{font-weight:800;line-height:1;font-size:2.125rem}@media (min-width: 1024px){.text-stats-xl{font-size:2.4rem}}@media (min-width: 1280px){.text-stats-xl{font-size:2.75rem}}.text-stats-lg{font-weight:800;line-height:1;font-size:2.125rem}@media (min-width: 1024px){.text-stats-lg{font-size:2.125rem}}@media (min-width: 1280px){.text-stats-lg{font-size:2.25rem}}mark{border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(var(--colors-alert-gold) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(var(--colors-alert-gold-light) / var(--tw-bg-opacity));padding:.125rem}.object-contain{font-family:"object-fit: contain"}.object-cover{font-family:"object-fit: cover"}.object-fill{font-family:"object-fit: fill"}.object-scale-down{font-family:"object-fit: scale-down"}.LogoJPL{width:4.5rem;height:auto}.indent-col-base{grid-column-start:1;grid-column-end:13}@media (min-width: 1024px){.indent-col-2{grid-column-start:2;grid-column-end:12}.indent-col-3{grid-column-start:3;grid-column-end:11}}@media (min-width: 768px){.indent-col-4{grid-column-start:3;grid-column-end:11}}@media (min-width: 1024px){.indent-col-4{grid-column-start:4;grid-column-end:10}}*,:before,:after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / .5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }.container{width:100%;padding-right:1rem;padding-left:1rem}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1320px){.container{max-width:1320px}}.BaseButton{padding-top:.7em;padding-bottom:.7em;background-size:100% 215%;background-position:0 -1px;cursor:pointer;background-image:linear-gradient(to bottom,var(--tw-gradient-stops));--tw-gradient-from:var(--gradientColorStops-transparent-w50) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to);font-family:Archivo Narrow,Metropolis,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-weight:600;text-transform:uppercase;line-height:1.5;letter-spacing:1px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;transition-timing-function:linear}.BaseButton:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.BaseButton>.label{display:flex;align-items:center;justify-content:center}@media (hover: hover){.BaseButton:hover{background-position:bottom}}.BaseButton.-primary{--tw-bg-opacity:1;background-color:rgb(var(--colors-action-color) / var(--tw-bg-opacity));--tw-gradient-to:var(--gradientColorStops-action-color-dark-w50) var(--tw-gradient-to-position);padding-left:3rem;padding-right:3rem;--tw-text-opacity:1;color:rgb(var(--colors-white) / var(--tw-text-opacity))}.BaseButton.-primary>.label{border-width:2px;border-color:rgb(var(--colors-transparent) / 0)}.BaseButton.-secondary{border-width:2px;--tw-border-opacity:1;border-color:rgb(var(--colors-action-color) / var(--tw-border-opacity));background-color:rgb(var(--colors-transparent) / 0);--tw-gradient-to:var(--gradientColorStops-action-color-dark-w50) var(--tw-gradient-to-position);padding-left:3rem;padding-right:3rem;--tw-text-opacity:1;color:rgb(var(--colors-action-color) / var(--tw-text-opacity))}@media (hover: hover){.BaseButton.-secondary:hover{--tw-border-opacity:1;border-color:rgb(var(--colors-action-color-dark) / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(var(--colors-white) / var(--tw-text-opacity))}}.BaseButton.-dark{border-width:1px;border-color:rgb(var(--colors-white) / .4);background-color:rgb(var(--colors-transparent) / 0);--tw-gradient-to:var(--gradientColorStops-white-w50) var(--tw-gradient-to-position);padding-left:3rem;padding-right:3rem;--tw-text-opacity:1;color:rgb(var(--colors-white) / var(--tw-text-opacity))}@media (hover: hover){.BaseButton.-dark:hover{--tw-border-opacity:1;border-color:rgb(var(--colors-white) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(var(--colors-white) / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(var(--colors-dark-blue) / var(--tw-text-opacity))}}.BaseButton.-social{border-width:1px;--tw-border-opacity:1;border-color:rgb(var(--colors-gray-mid) / var(--tw-border-opacity));background-color:rgb(var(--colors-transparent) / 0);--tw-gradient-to:var(--gradientColorStops-gray-dark-w50) var(--tw-gradient-to-position);padding-left:3rem;padding-right:3rem;--tw-text-opacity:1;color:rgb(var(--colors-gray-mid) / var(--tw-text-opacity))}@media (hover: hover){.BaseButton.-social:hover{--tw-bg-opacity:1;background-color:rgb(var(--colors-gray-dark) / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(var(--colors-white) / var(--tw-text-opacity))}}.BaseButton.-social.-facebook{--tw-gradient-to:var(--gradientColorStops-facebook-w50) var(--tw-gradient-to-position)}@media (hover: hover){.BaseButton.-social.-facebook:hover{--tw-border-opacity:1;border-color:rgb(var(--colors-facebook) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(var(--colors-facebook) / var(--tw-bg-opacity))}}.BaseButton.-social.-twitter{--tw-gradient-to:var(--gradientColorStops-twitter-w50) var(--tw-gradient-to-position)}@media (hover: hover){.BaseButton.-social.-twitter:hover{--tw-border-opacity:1;border-color:rgb(var(--colors-twitter) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(var(--colors-twitter) / var(--tw-bg-opacity))}}.BaseButton.-social.-instagram{--tw-gradient-to:var(--gradientColorStops-instagram-w50) var(--tw-gradient-to-position)}@media (hover: hover){.BaseButton.-social.-instagram:hover{--tw-border-opacity:1;border-color:rgb(var(--colors-instagram) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(var(--colors-instagram) / var(--tw-bg-opacity))}}.BaseButton.-social.-youtube{--tw-gradient-to:var(--gradientColorStops-youtube-w50) var(--tw-gradient-to-position)}@media (hover: hover){.BaseButton.-social.-youtube:hover{--tw-border-opacity:1;border-color:rgb(var(--colors-youtube) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(var(--colors-youtube) / var(--tw-bg-opacity))}}.BaseButton.-social.-reddit{--tw-gradient-to:var(--gradientColorStops-reddit-w50) var(--tw-gradient-to-position)}@media (hover: hover){.BaseButton.-social.-reddit:hover{--tw-border-opacity:1;border-color:rgb(var(--colors-reddit) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(var(--colors-reddit) / var(--tw-bg-opacity))}}.BaseButton.-compact{padding-left:1.25rem;padding-right:1.25rem}.BaseButton.-icon-only{padding:0}.BaseButton.-icon-only>.label{display:flex;height:100%;width:100%;align-items:center;justify-content:center}.BaseButton:disabled{cursor:default!important;--tw-border-opacity:1 !important;border-color:rgb(var(--colors-gray-mid) / var(--tw-border-opacity))!important;--tw-bg-opacity:1 !important;background-color:rgb(var(--colors-gray-mid) / var(--tw-bg-opacity))!important;background-image:none!important}.BaseButton:disabled>.label{--tw-text-opacity:1;color:rgb(var(--colors-white) / var(--tw-text-opacity))}.ThemeVariantLight .BaseButton.-primary{--tw-bg-opacity:1;background-color:rgb(var(--colors-action-color) / var(--tw-bg-opacity));--tw-gradient-to:var(--gradientColorStops-action-color-dark-w50) var(--tw-gradient-to-position);--tw-text-opacity:1;color:rgb(var(--colors-white) / var(--tw-text-opacity))}.ThemeVariantLight .BaseButton.-secondary{--tw-border-opacity:1;border-color:rgb(var(--colors-action-color) / var(--tw-border-opacity));background-color:rgb(var(--colors-transparent) / 0);--tw-gradient-to:var(--gradientColorStops-action-color-dark-w50) var(--tw-gradient-to-position);--tw-text-opacity:1;color:rgb(var(--colors-action-color) / var(--tw-text-opacity))}@media (hover: hover){.ThemeVariantLight .BaseButton.-secondary:hover{--tw-border-opacity:1;border-color:rgb(var(--colors-action-color-dark) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(var(--colors-action-color-dark) / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(var(--colors-white) / var(--tw-text-opacity))}}.ThemeVariantDark .BaseButton.-primary{--tw-bg-opacity:1;background-color:rgb(var(--colors-action-color-light) / var(--tw-bg-opacity));--tw-gradient-to:var(--gradientColorStops-action-color-w50) var(--tw-gradient-to-position);--tw-text-opacity:1;color:rgb(var(--colors-white) / var(--tw-text-opacity))}.ThemeVariantDark .BaseButton.-secondary{--tw-border-opacity:1;border-color:rgb(var(--colors-action-color-light) / var(--tw-border-opacity));background-color:rgb(var(--colors-transparent) / 0);--tw-gradient-to:var(--gradientColorStops-action-color-w50) var(--tw-gradient-to-position);--tw-text-opacity:1;color:rgb(var(--colors-action-color-light) / var(--tw-text-opacity))}@media (hover: hover){.ThemeVariantDark .BaseButton.-secondary:hover{--tw-border-opacity:1;border-color:rgb(var(--colors-action-color) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(var(--colors-action-color) / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(var(--colors-white) / var(--tw-text-opacity))}}.BaseIframe{width:100%;border-style:none}img.BaseImage{max-width:100%}img.BaseImage.lazyload:not([src]),img.BaseImage:not([src]){border-style:none;opacity:0}img.BaseImage.lazyloaded{opacity:0;animation-name:fadein;animation-duration:.5s;animation-iteration-count:1;animation-fill-mode:forwards;animation-direction:normal;animation-timing-function:ease-out}@keyframes fadein{0%{opacity:0}to{opacity:1}}.BaseImageCaption{--tw-text-opacity:1;color:rgb(var(--colors-gray-mid-dark) / var(--tw-text-opacity))}.BaseImageCaption>div>.the-caption-text>p{display:inline!important}.BaseImageCaption>div>.the-caption-text a{cursor:pointer;color:rgb(var(--colors-theme-color) / var(--tw-text-opacity));text-decoration-line:underline;--tw-text-opacity:1;color:rgb(var(--colors-jpl-red) / var(--tw-text-opacity))}.ThemeVariantLight .BaseImageCaption>div>.the-caption-text a{--tw-text-opacity:1;color:rgb(var(--colors-jpl-red) / var(--tw-text-opacity))}.ThemeVariantDark .BaseImageCaption>div>.the-caption-text a{--tw-text-opacity:1;color:rgb(var(--colors-jpl-red-light) / var(--tw-text-opacity))}.ThemeInternal .BaseImageCaption>div>.the-caption-text a{--tw-text-opacity:1;color:rgb(var(--colors-jpl-sky-blue-dark) / var(--tw-text-opacity))}.ThemeInternal .ThemeVariantLight .BaseImageCaption>div>.the-caption-text a{--tw-text-opacity:1;color:rgb(var(--colors-jpl-sky-blue-dark) / var(--tw-text-opacity))}.ThemeInternal .ThemeVariantDark .BaseImageCaption>div>.the-caption-text a{--tw-text-opacity:1;color:rgb(var(--colors-jpl-sky-blue) / var(--tw-text-opacity))}@media (hover: hover){.BaseImageCaption>div>.the-caption-text a:hover{--tw-text-opacity:1;color:rgb(var(--colors-jpl-red-dark) / var(--tw-text-opacity))}.ThemeVariantLight .BaseImageCaption>div>.the-caption-text a:hover{--tw-text-opacity:1;color:rgb(var(--colors-jpl-red-dark) / var(--tw-text-opacity))}.ThemeVariantDark .BaseImageCaption>div>.the-caption-text a:hover .hover\:text-theme-color-hover:hover{--tw-text-opacity:1;color:rgb(var(--colors-jpl-red) / var(--tw-text-opacity))}.ThemeInternal .BaseImageCaption>div>.the-caption-text a:hover{--tw-text-opacity:1;color:rgb(var(--colors-jpl-sky-blue) / var(--tw-text-opacity))}.ThemeInternal .ThemeVariantLight .BaseImageCaption>div>.the-caption-text a:hover{--tw-text-opacity:1;color:rgb(var(--colors-jpl-sky-blue) / var(--tw-text-opacity))}.ThemeInternal .ThemeVariantDark .BaseImageCaption>div>.the-caption-text a:hover{--tw-text-opacity:1;color:rgb(var(--colors-jpl-sky-blue-dark) / var(--tw-text-opacity))}}.ThemeVariantLight .BaseImageCaption{--tw-text-opacity:1;color:rgb(var(--colors-gray-mid-dark) / var(--tw-text-opacity))}.ThemeVariantDark .BaseImageCaption{--tw-text-opacity:1;color:rgb(var(--colors-gray-mid) / var(--tw-text-opacity))}.BaseImagePlaceholder{position:relative;margin:0;display:block;width:auto;align-items:center;justify-content:center;overflow:hidden;--tw-bg-opacity:1;background-color:rgb(var(--colors-gray-light-mid) / var(--tw-bg-opacity));background-repeat:no-repeat;height:inherit;background-position:center center;background-size:50px;background-image:url(data:image/png;base64,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)}@media (min-width: 640px){.BaseImagePlaceholder{background-size:100px}}.BaseImagePlaceholder .BaseLightboxOpenButton{opacity:1;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}@media (hover: hover){@media (min-width: 640px){.BaseImagePlaceholder .BaseLightboxOpenButton{opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.5s}.BaseImagePlaceholder:hover .BaseLightboxOpenButton{opacity:1;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.3s}}}.BaseImagePlaceholder.light-theme{--tw-bg-opacity:1;background-color:rgb(var(--colors-gray-light) / var(--tw-bg-opacity))}.BaseImagePlaceholder.dark-theme{--tw-bg-opacity:1;background-color:rgb(var(--colors-black) / var(--tw-bg-opacity));background-image:url(data:image/png;base64,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)}.BaseImagePlaceholder.transparent-theme{background-color:rgb(var(--colors-transparent) / 0);background-image:none}.BaseImagePlaceholder.no-logo{background-image:none}.BasePlaceholder .wrapper{width:0;animation:fullView .5s forwards cubic-bezier(.25,.46,.45,.94)}@keyframes fullView{to{width:100%}}.BasePlaceholder .animate-loading{animation:shimmer 2s infinite linear;background:linear-gradient(to right,#eff1f3 4%,#e2e2e2 25%,#eff1f3 36%);background-size:1000px 100%}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.BackToTop>button{display:none}@media print{.BackToTop>button{display:none}}.BackToTop[data-alwaysvisible]>button{display:block}.BackToTop .IconDropdown{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:.875rem}@media (min-width: 640px){.BackToTop .IconDropdown{margin-right:.5rem}}.BackToTop .label-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (min-width: 640px){.BackToTop .label-text{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}}.BlockCircleImageCard{--image-size: 90px;display:flex;align-items:center;gap:calc(var(--image-size) / 2)}@media (min-width: 1024px){.BlockCircleImageCard{--image-size: 130px}}.BlockCircleImageCard .BaseImagePlaceholder{width:var(--image-size);height:var(--image-size);margin:0 calc(-1 * var(--image-size) / 2)}.BlockCircleImageCard.imageOnRight{flex-direction:row-reverse}.BlockImageCarousel .BaseLightboxOpenButton{opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.1s}.BlockImageCarousel:hover .BaseLightboxOpenButton{opacity:1;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:75ms}.BlockImageCarousel .swiper .swiper-prev{margin-right:1px}.BlockImageCarousel .swiper .swiper-prev.swiper-button-disabled,.BlockImageCarousel .swiper .swiper-next.swiper-button-disabled{cursor:default;background-image:none;opacity:.75}.BlockImageCarousel .swiper-nav{padding-top:56.25%}.BlockImageCarousel .swiper-dots{padding-top:56.25%;pointer-events:none}.BlockImageCarousel .swiper-dots .swiper-dot{pointer-events:auto;display:inline-block;cursor:pointer;padding:.75rem .25rem}.BlockImageCarousel .swiper-dots .swiper-dot:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.BlockImageCarousel .swiper-dots .swiper-dot>span{display:inline-block;height:.75rem;width:.75rem;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(var(--colors-gray-light-mid) / var(--tw-bg-opacity))}.BlockImageCarousel .swiper-dots .swiper-dot.swiper-dot-active>span{--tw-bg-opacity:1;background-color:rgb(var(--colors-jpl-red) / var(--tw-bg-opacity))}.BlockImageCarousel .swiper-slide .slide-caption{visibility:hidden}.BlockImageCarousel .swiper-slide.swiper-slide-active .slide-caption{visibility:visible}.BlockImageGallery .BaseLightboxOpenButton{display:none}@media (min-width: 1024px){.BlockImageGallery .BaseImageCaption{padding-left:2rem}}@media (min-width: 1800px){.BlockImageGallery .BaseImageCaption{padding-left:0}}.ThemeVariantDark .BlockInlineImage>div{--tw-text-opacity:1;color:rgb(var(--colors-white) / var(--tw-text-opacity))}.BlockKeyPoints ul li:before{--tw-bg-opacity:1;background-color:rgb(var(--colors-jpl-red) / var(--tw-bg-opacity));display:inline-block;position:relative;margin-right:1rem;flex-shrink:0;margin-top:.75rem;content:"";width:30px;height:2px;vertical-align:middle}.BlockKeyPoints ul li .BlockText p,.BlockKeyPoints ul li .BlockTable .rich_text p,.BlockTable .BlockKeyPoints ul li .rich_text p,.BlockKeyPoints ul li .BlockTable .link p,.BlockTable .BlockKeyPoints ul li .link p,.BlockKeyPoints ul li .BlockTable .\!link p,.BlockTable .BlockKeyPoints ul li .\!link p{margin-bottom:.5rem}@media (min-width: 1024px){.BlockKeyPoints ul li .BlockText p,.BlockKeyPoints ul li .BlockTable .rich_text p,.BlockTable .BlockKeyPoints ul li .rich_text p,.BlockKeyPoints ul li .BlockTable .link p,.BlockTable .BlockKeyPoints ul li .link p,.BlockKeyPoints ul li .BlockTable .\!link p,.BlockTable .BlockKeyPoints ul li .\!link p{margin-bottom:.5rem}}.BlockKeyPoints ul li .BlockText p:last-child,.BlockKeyPoints ul li .BlockTable .rich_text p:last-child,.BlockTable .BlockKeyPoints ul li .rich_text p:last-child,.BlockKeyPoints ul li .BlockTable .link p:last-child,.BlockTable .BlockKeyPoints ul li .link p:last-child{margin-bottom:0}.BlockKeyPoints ul li .BlockTable .\!link p:last-child,.BlockTable .BlockKeyPoints ul li .\!link p:last-child{margin-bottom:0}.BlockQuote{text-align:center}.BlockQuote>div>div>.attribution-image{width:60px;min-width:60px;height:auto;margin-top:.5rem;margin-bottom:.5rem;display:block;border-radius:9999px}@media (min-width: 1024px){.BlockQuote>div>div>.attribution-image{width:80px;min-width:80px;height:auto;margin-top:1.25rem;margin-bottom:1.25rem;margin-right:.75rem}}.BlockQuote>hr{max-width:100px;margin-left:auto;margin-right:auto;border-top-width:1px;--tw-border-opacity:1;border-color:rgb(var(--colors-jpl-red-light) / var(--tw-border-opacity))}@media (min-width: 1024px){.BlockQuote>hr{max-width:120px}}.BlockQuote>.quote{line-height:1.4;padding-top:1rem;padding-bottom:1rem;font-family:Metropolis,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1.25rem;font-weight:500;font-style:italic;--tw-text-opacity:1;color:rgb(var(--colors-jpl-red) / var(--tw-text-opacity))}@media (min-width: 1024px){.BlockQuote>.quote{font-size:1.875rem;font-weight:400}}.BlockQuote>div>div>.attribution-text{margin-top:.25rem;display:flex;align-items:flex-start;justify-content:center;padding-left:1rem;padding-right:1rem;padding-bottom:1rem;text-align:left;font-family:Metropolis,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:.875rem;line-height:1.5;--tw-text-opacity:1;color:rgb(var(--colors-gray-mid-dark) / var(--tw-text-opacity))}.BlockQuote>div>div>.attribution-text:before{content:"—";margin-right:.5rem}@media (min-width: 1024px){.BlockQuote>div>div>.attribution-text{align-items:center;text-align:center;font-size:1rem}}.ThemeVariantLight .BlockQuote>hr{--tw-border-opacity:1;border-color:rgb(var(--colors-jpl-red) / var(--tw-border-opacity))}.ThemeVariantLight .BlockQuote>.quote{--tw-text-opacity:1;color:rgb(var(--colors-jpl-red) / var(--tw-text-opacity))}.ThemeVariantLight .BlockQuote>div>div>.attribution-text{--tw-text-opacity:1;color:rgb(var(--colors-gray-mid-dark) / var(--tw-text-opacity))}.ThemeVariantDark .BlockQuote>hr{--tw-border-opacity:1;border-color:rgb(var(--colors-jpl-red-light) / var(--tw-border-opacity))}.ThemeVariantDark .BlockQuote>.quote{--tw-text-opacity:1;color:rgb(var(--colors-white) / var(--tw-text-opacity))}.ThemeVariantDark .BlockQuote>div>div>.attribution-text{--tw-text-opacity:1;color:rgb(var(--colors-gray-mid) / var(--tw-text-opacity))}.BlockTable table{width:100%;border-collapse:collapse;border-top-width:1px;border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(var(--colors-gray-light-mid) / var(--tw-border-opacity))}.SearchResultCard .BlockTable thead mark{border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(var(--colors-gray-mid-dark) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(var(--colors-gray-dark) / var(--tw-bg-opacity));padding:.125rem;--tw-text-opacity:1;color:rgb(var(--colors-white) / var(--tw-text-opacity))}.BlockTable thead{--tw-bg-opacity:1;background-color:rgb(var(--colors-dark-blue) / var(--tw-bg-opacity))}.BlockTable th{font-family:Archivo Narrow,Metropolis,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;text-transform:uppercase;line-height:1.25;letter-spacing:1px}.NavInternal .NavInternalPanel .NavInternalSection a.BlockTable th{--tw-text-opacity:1;color:rgb(var(--colors-jpl-sky-blue-dark) / var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.NavInternal .NavInternalPanel .NavInternalSection a.BlockTable th>span{border-width:0px}@media (hover: hover){.NavInternal .NavInternalPanel .NavInternalSection a.BlockTable th:hover{--tw-text-opacity:1;color:rgb(var(--colors-jpl-sky-blue) / var(--tw-text-opacity))}}.NavInternal .NavInternalPanel .NavInternalSection a.BlockTable th svg.IconExternal{margin-left:.25rem;display:inline-block;vertical-align:baseline;font-size:.75rem}.NavInternal .NavInternalPanel .NavInternalSection>.BlockTable th{font-size:1.125rem}@media (min-width: 1024px){.NavInternal .NavInternalPanel .NavInternalSection>.BlockTable th{font-size:1rem}}.NavInternal .NavInternalPanel .NavInternalSection a.BlockTable th.active{--tw-text-opacity:1;color:rgb(var(--colors-black) / var(--tw-text-opacity))}.NavInternal .NavInternalPanel .NavInternalSection a.BlockTable th.active>span{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(var(--colors-jpl-red) / var(--tw-border-opacity))}.BlockTable th{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(var(--colors-gray-light-mid) / var(--tw-border-opacity));padding:.75rem;text-align:left;font-weight:400;--tw-text-opacity:1;color:rgb(var(--colors-white) / var(--tw-text-opacity))}@media (min-width: 1024px){.BlockTable th{padding:1.25rem}}.BlockTable tbody{--tw-text-opacity:1;color:rgb(var(--colors-gray-dark) / var(--tw-text-opacity))}.BlockTable tbody tr{display:table-row;border-top-width:1px;--tw-border-opacity:1;border-color:rgb(var(--colors-gray-light-mid) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(var(--colors-white) / var(--tw-bg-opacity))}.BlockTable td{padding:.75rem}@media (min-width: 1024px){.BlockTable td{padding:1.25rem}}.BlockTable td.rich_text p{margin-bottom:1rem}.BlockTable td.rich_text ol{margin-bottom:1rem;padding-left:1.5rem}.BlockTable td.rich_text ul{margin-bottom:1rem;list-style-type:disc;padding-left:1.5rem}.BlockTable td.rich_text ul li{padding:0}.BlockTable td.rich_text ul li:before{display:none}.BlockTable td.rich_text ul li,.BlockTable td.rich_text ol li{margin-top:.25rem;margin-bottom:.25rem}.BlockTable td.rich_text hr{margin-top:1rem;margin-bottom:1rem}.BlockTeaser .cover-bg{width:100%;--tw-bg-opacity:1;background-color:rgb(var(--colors-gray-dark) / var(--tw-bg-opacity))}@media (min-width: 1024px){.BlockTeaser .cover-bg{font-family:"object-fit: cover";position:absolute;right:0;height:100%;width:50%;object-fit:cover}.BlockTeaser .cover-bg.-full{right:auto;width:auto;min-width:100%;left:50%;top:50%;transform:translate(-50%,-50%)}}.BlockText a,.BlockTable .rich_text a,.BlockTable .link a{cursor:pointer;overflow-wrap:break-word;color:rgb(var(--colors-theme-color) / var(--tw-text-opacity));text-decoration-line:underline;--tw-text-opacity:1;color:rgb(var(--colors-jpl-red) / var(--tw-text-opacity))}.ThemeVariantLight .BlockText a,.ThemeVariantLight .BlockTable .rich_text a,.ThemeVariantLight .BlockTable .link a{--tw-text-opacity:1;color:rgb(var(--colors-jpl-red) / var(--tw-text-opacity))}.ThemeVariantDark .BlockText a,.ThemeVariantDark .BlockTable .rich_text a,.ThemeVariantDark .BlockTable .link a{--tw-text-opacity:1;color:rgb(var(--colors-jpl-red-light) / var(--tw-text-opacity))}.ThemeInternal .BlockText a,.ThemeInternal .BlockTable .rich_text a,.ThemeInternal .BlockTable .link a,.ThemeInternal .ThemeVariantLight .BlockText a,.ThemeInternal .ThemeVariantLight .BlockTable .rich_text a,.ThemeInternal .ThemeVariantLight .BlockTable .link a{--tw-text-opacity:1;color:rgb(var(--colors-jpl-sky-blue-dark) / var(--tw-text-opacity))}.ThemeInternal .ThemeVariantDark .BlockText a,.ThemeInternal .ThemeVariantDark .BlockTable .rich_text a,.ThemeInternal .ThemeVariantDark .BlockTable .link a{--tw-text-opacity:1;color:rgb(var(--colors-jpl-sky-blue) / var(--tw-text-opacity))}.BlockTable .\!link a{cursor:pointer;overflow-wrap:break-word;color:rgb(var(--colors-theme-color) / var(--tw-text-opacity));text-decoration-line:underline;--tw-text-opacity:1;color:rgb(var(--colors-jpl-red) / var(--tw-text-opacity))}.ThemeVariantLight .BlockTable .\!link a{--tw-text-opacity:1;color:rgb(var(--colors-jpl-red) / var(--tw-text-opacity))}.ThemeVariantDark .BlockTable .\!link a{--tw-text-opacity:1;color:rgb(var(--colors-jpl-red-light) / var(--tw-text-opacity))}.ThemeInternal .BlockTable .\!link a,.ThemeInternal .ThemeVariantLight .BlockTable .\!link a{--tw-text-opacity:1;color:rgb(var(--colors-jpl-sky-blue-dark) / var(--tw-text-opacity))}.ThemeInternal .ThemeVariantDark .BlockTable .\!link a{--tw-text-opacity:1;color:rgb(var(--colors-jpl-sky-blue) / var(--tw-text-opacity))}@media (hover: hover){.BlockText a:hover,.BlockTable .rich_text a:hover,.BlockTable .link a:hover,.ThemeVariantLight .BlockText a:hover,.ThemeVariantLight .BlockTable .rich_text a:hover,.ThemeVariantLight .BlockTable .link a:hover{--tw-text-opacity:1;color:rgb(var(--colors-jpl-red-dark) / var(--tw-text-opacity))}.ThemeVariantDark .BlockText a:hover .hover\:text-theme-color-hover:hover,.ThemeVariantDark .BlockTable .rich_text a:hover .hover\:text-theme-color-hover:hover,.ThemeVariantDark .BlockTable .link a:hover .hover\:text-theme-color-hover:hover{--tw-text-opacity:1;color:rgb(var(--colors-jpl-red) / var(--tw-text-opacity))}.ThemeInternal .BlockText a:hover,.ThemeInternal .BlockTable .rich_text a:hover,.ThemeInternal .BlockTable .link a:hover,.ThemeInternal .ThemeVariantLight .BlockText a:hover,.ThemeInternal .ThemeVariantLight .BlockTable .rich_text a:hover,.ThemeInternal .ThemeVariantLight .BlockTable .link a:hover{--tw-text-opacity:1;color:rgb(var(--colors-jpl-sky-blue) / var(--tw-text-opacity))}.ThemeInternal .ThemeVariantDark .BlockText a:hover,.ThemeInternal .ThemeVariantDark .BlockTable .rich_text a:hover,.ThemeInternal .ThemeVariantDark .BlockTable .link a:hover{--tw-text-opacity:1;color:rgb(var(--colors-jpl-sky-blue-dark) / var(--tw-text-opacity))}.BlockTable .\!link a:hover,.ThemeVariantLight .BlockTable .\!link a:hover{--tw-text-opacity:1;color:rgb(var(--colors-jpl-red-dark) / var(--tw-text-opacity))}.ThemeVariantDark .BlockTable .\!link a:hover .hover\:text-theme-color-hover:hover{--tw-text-opacity:1;color:rgb(var(--colors-jpl-red) / var(--tw-text-opacity))}.ThemeInternal .BlockTable .\!link a:hover,.ThemeInternal .ThemeVariantLight .BlockTable .\!link a:hover{--tw-text-opacity:1;color:rgb(var(--colors-jpl-sky-blue) / var(--tw-text-opacity))}.ThemeInternal .ThemeVariantDark .BlockTable .\!link a:hover{--tw-text-opacity:1;color:rgb(var(--colors-jpl-sky-blue-dark) / var(--tw-text-opacity))}}.BlockText p,.BlockTable .rich_text p,.BlockTable .link p,.BlockTable .\!link p{margin-bottom:1.25rem}@media (min-width: 1024px){.BlockText p,.BlockTable .rich_text p,.BlockTable .link p,.BlockTable .\!link p{margin-bottom:2rem}}.BlockText p:last-child,.BlockTable .rich_text p:last-child,.BlockTable .link p:last-child{margin-bottom:0}.BlockTable .\!link p:last-child{margin-bottom:0}.BlockText h1,.BlockTable .rich_text h1,.BlockTable .link h1,.BlockText h2,.BlockTable .rich_text h2,.BlockTable .link h2,.BlockText h3,.BlockTable .rich_text h3,.BlockTable .link h3,.BlockText h4,.BlockTable .rich_text h4,.BlockTable .link h4,.BlockText h5,.BlockTable .rich_text h5,.BlockTable .link h5,.BlockText h6,.BlockTable .rich_text h6,.BlockTable .link h6{margin-top:2.5rem;margin-bottom:1.25rem}@media (min-width: 1024px){.BlockText h1,.BlockTable .rich_text h1,.BlockTable .link h1,.BlockText h2,.BlockTable .rich_text h2,.BlockTable .link h2,.BlockText h3,.BlockTable .rich_text h3,.BlockTable .link h3,.BlockText h4,.BlockTable .rich_text h4,.BlockTable .link h4,.BlockText h5,.BlockTable .rich_text h5,.BlockTable .link h5,.BlockText h6,.BlockTable .rich_text h6,.BlockTable .link h6{margin-top:4.5rem}}.BlockTable .\!link h1,.BlockTable .\!link h2,.BlockTable .\!link h3,.BlockTable .\!link h4,.BlockTable .\!link h5,.BlockTable .\!link h6{margin-top:2.5rem;margin-bottom:1.25rem}@media (min-width: 1024px){.BlockTable .\!link h1,.BlockTable .\!link h2,.BlockTable .\!link h3,.BlockTable .\!link h4,.BlockTable .\!link h5,.BlockTable .\!link h6{margin-top:4.5rem}}.BlockText h1:last-child,.BlockTable .rich_text h1:last-child,.BlockTable .link h1:last-child,.BlockText h2:last-child,.BlockTable .rich_text h2:last-child,.BlockTable .link h2:last-child,.BlockText h3:last-child,.BlockTable .rich_text h3:last-child,.BlockTable .link h3:last-child,.BlockText h4:last-child,.BlockTable .rich_text h4:last-child,.BlockTable .link h4:last-child,.BlockText h5:last-child,.BlockTable .rich_text h5:last-child,.BlockTable .link h5:last-child,.BlockText h6:last-child,.BlockTable .rich_text h6:last-child,.BlockTable .link h6:last-child{margin-bottom:0}.BlockTable .\!link h1:last-child,.BlockTable .\!link h2:last-child,.BlockTable .\!link h3:last-child,.BlockTable .\!link h4:last-child,.BlockTable .\!link h5:last-child,.BlockTable .\!link h6:last-child{margin-bottom:0}.BlockText hr,.BlockTable .rich_text hr,.BlockTable .link hr,.BlockTable .\!link hr{margin-top:1.25rem;margin-bottom:1.25rem;border-top-width:1px;--tw-border-opacity:1;border-color:rgb(var(--colors-gray-light-mid) / var(--tw-border-opacity))}@media (min-width: 1024px){.BlockText hr,.BlockTable .rich_text hr,.BlockTable .link hr,.BlockTable .\!link hr{margin-top:2rem;margin-bottom:2rem}}.BlockText hr+h1,.BlockTable .rich_text hr+h1,.BlockTable .link hr+h1,.BlockText hr+h2,.BlockTable .rich_text hr+h2,.BlockTable .link hr+h2,.BlockText hr+h3,.BlockTable .rich_text hr+h3,.BlockTable .link hr+h3,.BlockText hr+h4,.BlockTable .rich_text hr+h4,.BlockTable .link hr+h4,.BlockText hr+h5,.BlockTable .rich_text hr+h5,.BlockTable .link hr+h5,.BlockText hr+h6,.BlockTable .rich_text hr+h6,.BlockTable .link hr+h6{margin-top:1.25rem}@media (min-width: 1024px){.BlockText hr+h1,.BlockTable .rich_text hr+h1,.BlockTable .link hr+h1,.BlockText hr+h2,.BlockTable .rich_text hr+h2,.BlockTable .link hr+h2,.BlockText hr+h3,.BlockTable .rich_text hr+h3,.BlockTable .link hr+h3,.BlockText hr+h4,.BlockTable .rich_text hr+h4,.BlockTable .link hr+h4,.BlockText hr+h5,.BlockTable .rich_text hr+h5,.BlockTable .link hr+h5,.BlockText hr+h6,.BlockTable .rich_text hr+h6,.BlockTable .link hr+h6{margin-top:2rem}}.BlockTable .\!link hr+h1,.BlockTable .\!link hr+h2,.BlockTable .\!link hr+h3,.BlockTable .\!link hr+h4,.BlockTable .\!link hr+h5,.BlockTable .\!link hr+h6{margin-top:1.25rem}@media (min-width: 1024px){.BlockTable .\!link hr+h1,.BlockTable .\!link hr+h2,.BlockTable .\!link hr+h3,.BlockTable .\!link hr+h4,.BlockTable .\!link hr+h5,.BlockTable .\!link hr+h6{margin-top:2rem}}.BlockText hr:last-child,.BlockTable .rich_text hr:last-child,.BlockTable .link hr:last-child{margin-bottom:0}.BlockTable .\!link hr:last-child{margin-bottom:0}.BlockText ol,.BlockTable .rich_text ol,.BlockTable .link ol,.BlockText ul,.BlockTable .rich_text ul,.BlockTable .link ul,.BlockTable .\!link ol,.BlockTable .\!link ul{margin-bottom:1.25rem}@media (min-width: 1024px){.BlockText ol,.BlockTable .rich_text ol,.BlockTable .link ol,.BlockText ul,.BlockTable .rich_text ul,.BlockTable .link ul,.BlockTable .\!link ol,.BlockTable .\!link ul{margin-bottom:2rem}}.BlockText ol:last-child,.BlockTable .rich_text ol:last-child,.BlockTable .link ol:last-child,.BlockText ul:last-child,.BlockTable .rich_text ul:last-child,.BlockTable .link ul:last-child{margin-bottom:0}.BlockTable .\!link ol:last-child,.BlockTable .\!link ul:last-child{margin-bottom:0}.BlockText ol li,.BlockTable .rich_text ol li,.BlockTable .link ol li,.BlockText ul li,.BlockTable .rich_text ul li,.BlockTable .link ul li,.BlockTable .\!link ol li,.BlockTable .\!link ul li{margin-top:.75rem;margin-bottom:.75rem}.BlockText ol li:last-child,.BlockTable .rich_text ol li:last-child,.BlockTable .link ol li:last-child,.BlockText ul li:last-child,.BlockTable .rich_text ul li:last-child,.BlockTable .link ul li:last-child{margin-bottom:0}.BlockTable .\!link ol li:last-child,.BlockTable .\!link ul li:last-child{margin-bottom:0}.BlockText ol,.BlockTable .rich_text ol,.BlockTable .link ol,.BlockTable .\!link ol{list-style-type:decimal;padding-left:3rem}.BlockText ul li,.BlockTable .rich_text ul li,.BlockTable .link ul li,.BlockTable .\!link ul li{position:relative;padding-left:3rem}.BlockText ul li:before,.BlockTable .rich_text ul li:before,.BlockTable .link ul li:before{content:"";width:30px;height:2px}.BlockTable .\!link ul li:before{content:""!important;width:30px!important;height:2px!important}.BlockText ul li:before,.BlockTable .rich_text ul li:before,.BlockTable .link ul li:before{position:absolute;top:0;left:0;margin-top:.75rem;display:block;--tw-bg-opacity:1;background-color:rgb(var(--colors-jpl-red) / var(--tw-bg-opacity))}.BlockTable .\!link ul li:before{position:absolute;top:0;left:0;margin-top:.75rem;display:block;--tw-bg-opacity:1;background-color:rgb(var(--colors-jpl-red) / var(--tw-bg-opacity))}@media (min-width: 640px){.BlockText ul li:before,.BlockTable .rich_text ul li:before,.BlockTable .link ul li:before{margin-top:1rem}.BlockTable .\!link ul li:before{margin-top:1rem}}.ThemeVariantDark .BlockText ul li:before,.ThemeVariantDark .BlockTable .rich_text ul li:before,.BlockTable .ThemeVariantDark .rich_text ul li:before,.ThemeVariantDark .BlockTable .link ul li:before,.BlockTable .ThemeVariantDark .link ul li:before{--tw-bg-opacity:1;background-color:rgb(var(--colors-jpl-red-light) / var(--tw-bg-opacity))}.ThemeVariantDark .BlockTable .\!link ul li:before,.BlockTable .ThemeVariantDark .\!link ul li:before{--tw-bg-opacity:1;background-color:rgb(var(--colors-jpl-red-light) / var(--tw-bg-opacity))}.BlockVideoEmbed iframe{min-width:100%;left:0;right:0}.FooterInternal svg.IconExternal{margin-left:.5rem;font-size:.75rem}@media (min-width: 1024px){.HeroLarge .content-wrapper,.HeroFocalPoint .content-wrapper{min-height:548px}}@media (min-width: 1280px){.HeroLarge .content-wrapper,.HeroFocalPoint .content-wrapper{min-height:684px}}@media (min-width: 1440px){.HeroLarge .content-wrapper,.HeroFocalPoint .content-wrapper{min-height:770px}}@media (min-width: 1800px){.HeroLarge .content-wrapper,.HeroFocalPoint .content-wrapper{min-height:963px}}@media (min-width: 640px){.HeroMedia>div>.vh-crop{max-height:65vh;min-height:255px}}@media (min-width: 768px){.HeroMedia>div>.vh-crop{min-height:300px}}@media (min-width: 1024px){.HeroMedia>div>.vh-crop{min-height:375px}}@media (min-width: 1280px){.HeroMedia>div>.vh-crop{min-height:430px}}.HeroMedia>div>.vh-crop>.hero{height:30vh;min-height:200px;display:flex;width:100%;align-items:center;overflow:hidden}@media (min-width: 640px){.HeroMedia>div>.vh-crop>.hero{height:auto;min-height:none}}@media (min-width: 1024px){.HeroMedia>div>.vh-crop>.hero{max-height:625px}}.HeroMedia #HeroMediaCaptionToggle .IconClose{display:none}.HeroMedia #HeroMediaCaptionToggle .IconInfo{font-size:1.25rem}.HeroMedia #HeroMediaCaptionToggle.expanded .IconClose{display:block}.HeroMedia #HeroMediaCaptionToggle.expanded .IconInfo{display:none}.HeroMedium,.HeroMedium.swiper-slide,.HeroFeature,.HeroFeature.swiper-slide{min-height:400px}@media (min-width: 1024px){.HeroMedium,.HeroMedium.swiper-slide,.HeroFeature,.HeroFeature.swiper-slide{height:600px;min-height:600px}}.HeroSmall,.HeroSmall.swiper-slide{min-height:200px}@media (min-width: 1024px){.HeroSmall,.HeroSmall.swiper-slide{height:360px;min-height:360px}}.Icon360{width:2.75em;height:2.75em}.IconArrow{width:1em;height:1em}.IconArrows{width:2em;height:2em}.IconAudio{width:2.75em;height:2.75em}.IconCalendar,.IconCaret,.IconCheckbox,.IconCheckboxSelected,.IconClose,.IconCloseLightbox,.IconDownload,.IconDropdown{width:1em;height:1em}.IconExpand{width:2.75em;height:2.75em}.IconExternal,.IconFilter,.IconGrid,.IconInfo,.IconList,.IconLocation,.IconMenu,.IconMinus{width:1em;height:1em}.IconMute,.IconNext,.IconPause,.IconPlay{width:2.75em;height:2.75em}.IconPlus{width:1em;height:1em}.IconPrev{width:2.75em;height:2.75em}.IconSearch,.IconSocialEmail,.IconSocialFacebook,.IconSocialInstagram,.IconSocialTwitter,.IconSocialYoutube,.IconSocialReddit{width:1em;height:1em}.IconStop{width:2.75em;height:2.75em}.IconTime{width:1em;height:1em}.IconUser{width:1.4em;height:1.4em}.IconVolume{width:2.75em;height:2.75em}.MixinAnimationCaret,.AnimationCaret{display:flex;align-items:center}.MixinAnimationCaret>.arrow-wrapper,.AnimationCaret>.arrow-wrapper{position:relative;display:block;height:1.5rem;width:1.5rem}.MixinAnimationCaret>.arrow-wrapper>.arrow,.MixinAnimationCaret>.arrow-wrapper>.arrow-fixed,.AnimationCaret>.arrow-wrapper>.arrow,.AnimationCaret>.arrow-wrapper>.arrow-fixed{position:absolute;top:50%;left:0;display:block;--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));font-size:.875rem}@media (hover: hover){.MixinAnimationCaret:hover>.arrow-wrapper>.arrow,.AnimationCaret:hover>.arrow-wrapper>.arrow{animation:arrow-anim .25s ease-in normal}.MixinAnimationCaret:hover>.arrow-wrapper>.arrow-fixed,.AnimationCaret:hover>.arrow-wrapper>.arrow-fixed{animation:arrow-fixed-anim .25s ease-in normal}}.MixinAnimationCaret.caret-inline,.AnimationCaret.caret-inline{display:inline-block}.MixinAnimationCaret.caret-inline>.arrow-wrapper,.AnimationCaret.caret-inline>.arrow-wrapper{display:inline-block;width:1px}.MixinAnimationCaret.caret-inline>.arrow-wrapper>.arrow,.MixinAnimationCaret.caret-inline>.arrow-wrapper>.arrow-fixed,.AnimationCaret.caret-inline>.arrow-wrapper>.arrow,.AnimationCaret.caret-inline>.arrow-wrapper>.arrow-fixed{margin-top:.45em}@keyframes arrow-anim{0%{opacity:1;transform:translateY(-50%)}50%{transform:translate(1rem,-50%);opacity:0}to{transform:translate(1rem,-50%);opacity:0}}@keyframes arrow-fixed-anim{0%{opacity:0;transform:translate(-.5rem,-50%)}to{opacity:1;transform:translateY(-50%)}}.MixinCarousel .swiper,.BaseCarouselCards .swiper{overflow:visible!important}.MixinCarousel .swiper .swiper-prev,.MixinCarousel .swiper .swiper-next,.BaseCarouselCards .swiper .swiper-prev,.BaseCarouselCards .swiper .swiper-next{margin-top:-.25rem;height:auto;width:auto}.MixinCarousel .swiper .swiper-prev.swiper-button-disabled,.MixinCarousel .swiper .swiper-next.swiper-button-disabled,.BaseCarouselCards .swiper .swiper-prev.swiper-button-disabled,.BaseCarouselCards .swiper .swiper-next.swiper-button-disabled{visibility:hidden}.MixinCarousel .swiper .swiper-prev.BaseButton,.MixinCarousel .swiper .swiper-next.BaseButton,.BaseCarouselCards .swiper .swiper-prev.BaseButton,.BaseCarouselCards .swiper .swiper-next.BaseButton{transition-property:none!important}.MixinCarousel .swiper .swiper-prev.BaseButton>.label,.MixinCarousel .swiper .swiper-next.BaseButton>.label,.BaseCarouselCards .swiper .swiper-prev.BaseButton>.label,.BaseCarouselCards .swiper .swiper-next.BaseButton>.label{display:flex;overflow:hidden}.MixinCarousel .swiper .swiper-prev.BaseButton>.label>.arrow-wrapper,.MixinCarousel .swiper .swiper-next.BaseButton>.label>.arrow-wrapper,.BaseCarouselCards .swiper .swiper-prev.BaseButton>.label>.arrow-wrapper,.BaseCarouselCards .swiper .swiper-next.BaseButton>.label>.arrow-wrapper{position:relative;display:block;height:100%;width:100%;overflow:hidden}.MixinCarousel .swiper .swiper-prev.BaseButton>.label>.arrow-wrapper>.arrow,.MixinCarousel .swiper .swiper-next.BaseButton>.label>.arrow-wrapper>.arrow,.BaseCarouselCards .swiper .swiper-prev.BaseButton>.label>.arrow-wrapper>.arrow,.BaseCarouselCards .swiper .swiper-next.BaseButton>.label>.arrow-wrapper>.arrow{display:block}.MixinCarousel .swiper .swiper-prev.BaseButton>.label>.arrow-wrapper>.arrow-fixed,.MixinCarousel .swiper .swiper-next.BaseButton>.label>.arrow-wrapper>.arrow-fixed,.BaseCarouselCards .swiper .swiper-prev.BaseButton>.label>.arrow-wrapper>.arrow-fixed,.BaseCarouselCards .swiper .swiper-next.BaseButton>.label>.arrow-wrapper>.arrow-fixed{position:absolute;top:0;left:0;display:block}@media (hover: hover){.MixinCarousel .swiper .swiper-prev.BaseButton>.label:hover>.arrow-wrapper>.arrow,.MixinCarousel .swiper .swiper-prev.BaseButton>.label:hover>.arrow-wrapper>.arrow-fixed,.MixinCarousel .swiper .swiper-next.BaseButton>.label:hover>.arrow-wrapper>.arrow,.MixinCarousel .swiper .swiper-next.BaseButton>.label:hover>.arrow-wrapper>.arrow-fixed,.BaseCarouselCards .swiper .swiper-prev.BaseButton>.label:hover>.arrow-wrapper>.arrow,.BaseCarouselCards .swiper .swiper-prev.BaseButton>.label:hover>.arrow-wrapper>.arrow-fixed,.BaseCarouselCards .swiper .swiper-next.BaseButton>.label:hover>.arrow-wrapper>.arrow,.BaseCarouselCards .swiper .swiper-next.BaseButton>.label:hover>.arrow-wrapper>.arrow-fixed{animation-delay:50ms!important}}@media (min-width: 1024px){@media (hover: hover){.MixinCarousel .swiper .swiper-next.BaseButton>.label:hover>.arrow-wrapper>.arrow,.BaseCarouselCards .swiper .swiper-next.BaseButton>.label:hover>.arrow-wrapper>.arrow{animation:arrow-carousel-next-anim .1s linear normal}.MixinCarousel .swiper .swiper-next.BaseButton>.label:hover>.arrow-wrapper>.arrow-fixed,.BaseCarouselCards .swiper .swiper-next.BaseButton>.label:hover>.arrow-wrapper>.arrow-fixed{animation:arrow-carousel-next-fixed-anim .1s linear normal}.MixinCarousel .swiper .swiper-prev.BaseButton>.label:hover>.arrow-wrapper>.arrow,.BaseCarouselCards .swiper .swiper-prev.BaseButton>.label:hover>.arrow-wrapper>.arrow{animation:arrow-carousel-prev-anim .1s linear normal}.MixinCarousel .swiper .swiper-prev.BaseButton>.label:hover>.arrow-wrapper>.arrow-fixed,.BaseCarouselCards .swiper .swiper-prev.BaseButton>.label:hover>.arrow-wrapper>.arrow-fixed{animation:arrow-carousel-prev-fixed-anim .1s linear normal}}}.MixinCarousel .swiper-wrapper,.BaseCarouselCards .swiper-wrapper{overflow:visible!important}.MixinCarousel .swiper-wrapper .swiper-slide,.BaseCarouselCards .swiper-wrapper .swiper-slide{height:auto;opacity:.5;transition-property:opacity;transition-duration:.5s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.MixinCarousel .swiper-wrapper .swiper-slide.swiper-slide-visible,.MixinCarousel .swiper-wrapper .swiper-slide:focus,.MixinCarousel .swiper-wrapper .swiper-slide:focus-within,.BaseCarouselCards .swiper-wrapper .swiper-slide.swiper-slide-visible,.BaseCarouselCards .swiper-wrapper .swiper-slide:focus,.BaseCarouselCards .swiper-wrapper .swiper-slide:focus-within{opacity:1}.MixinCarousel.-cards .swiper .swiper-navigation,.BaseCarouselCards.-cards .swiper .swiper-navigation{padding-top:28.125%}.MixinCarousel.-cards .swiper .swiper-navigation .swiper-prev,.MixinCarousel.-cards .swiper .swiper-navigation .swiper-next,.BaseCarouselCards.-cards .swiper .swiper-navigation .swiper-prev,.BaseCarouselCards.-cards .swiper .swiper-navigation .swiper-next{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.MixinCarousel.-tiles,.BaseCarouselCards.-tiles{padding-bottom:1.25rem}.MixinCarousel.-tiles .swiper .swiper-navigation,.BaseCarouselCards.-tiles .swiper .swiper-navigation{top:50%}.MixinCarousel.-tiles .swiper .swiper-navigation .swiper-prev,.MixinCarousel.-tiles .swiper .swiper-navigation .swiper-next,.BaseCarouselCards.-tiles .swiper .swiper-navigation .swiper-prev,.BaseCarouselCards.-tiles .swiper .swiper-navigation .swiper-next{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.MixinCarousel .swiper-lazy,.BaseCarouselCards .swiper-lazy{opacity:0}.MixinCarousel .swiper-lazy.swiper-lazy-loaded,.BaseCarouselCards .swiper-lazy.swiper-lazy-loaded{opacity:1}.NavInternal{position:relative;left:0;right:0;z-index:20;height:100%;overflow-y:auto}@media (min-width: 1024px){.NavInternal{position:unset;overflow-y:unset;left:unset;right:unset;height:unset;z-index:unset}}.NavInternal .panel-wrapper{visibility:hidden;max-height:0;opacity:0;transition:visibility 0s linear .3s,opacity .3s,max-height 0s linear 300s;height:0px;overflow:hidden}@media (min-width: 1024px){.NavInternal .panel-wrapper{height:unset}}.NavInternal .panel-wrapper.spacer:before{content:"";position:relative;z-index:0;display:block;height:100%;width:100%;--tw-shadow:0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.NavInternal li.expanded .panel-wrapper{visibility:visible;max-height:100%;opacity:1;transition:visibility 0s,opacity .3s,max-height 0s;height:auto;overflow:visible}@media (min-width: 1024px){.NavInternal li.expanded .panel-wrapper{height:unset}}.NavInternal .top-level{scrollbar-width:thin;scrollbar-color:rgba(0,0,0,.4) transparent}.NavInternal .top-level::-webkit-scrollbar{width:1px}.NavInternal .top-level::-webkit-scrollbar-track{background:transparent}.NavInternal .top-level::-webkit-scrollbar-thumb{background-color:#0006;border-radius:6px;border:6px solid white;border-left:none;border-right:none}@media (min-width: 1024px){.NavInternal .top-level>li{border-top-width:3px;border-color:rgb(var(--colors-transparent) / 0)}}.NavInternal .top-level>li>button,.NavInternal .top-level>li>a{cursor:pointer;border-left-width:3px;border-color:rgb(var(--colors-transparent) / 0);padding:.75rem 1rem;text-align:left;font-size:1.25rem;font-weight:500;line-height:1.25;--tw-text-opacity:1;color:rgb(var(--colors-gray-dark) / var(--tw-text-opacity))}@media (min-width: 1024px){.NavInternal .top-level>li>button,.NavInternal .top-level>li>a{position:relative;z-index:10;margin-left:1rem;margin-right:1rem;height:100%;white-space:nowrap;border-left-width:0px;border-bottom-width:3px;padding:1.5rem .25rem;font-size:1rem}}.NavInternal .top-level>li>button:focus,.NavInternal .top-level>li>a:focus{border-color:rgb(var(--colors-gray-dark) / .2);outline:2px solid transparent;outline-offset:2px}@media (hover: hover){.NavInternal .top-level>li>button:hover,.NavInternal .top-level>li>a:hover{--tw-text-opacity:1;color:rgb(var(--colors-gray-mid-dark) / var(--tw-text-opacity))}}.NavInternal .top-level>li>button>span,.NavInternal .top-level>li>a>span{display:inline-flex;flex-direction:column}.NavInternal .top-level>li>button>span:after,.NavInternal .top-level>li>a>span:after{content:attr(data-text);content:attr(data-text)/"";-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;visibility:hidden;height:0px;overflow:hidden;font-weight:700}@media speech{.NavInternal .top-level>li>button>span:after,.NavInternal .top-level>li>a>span:after{display:none}}.NavInternal .top-level>li>button .IconDropdown{font-size:.6rem;pointer-events:none;margin-left:.5rem;flex-shrink:0}@media (min-width: 1024px){.NavInternal .top-level>li:first-child>button,.NavInternal .top-level>li:first-child>a{margin-left:0;padding-left:0}.NavInternal .top-level>li:last-child>button,.NavInternal .top-level>li:last-child>a{margin-right:0;padding-right:0}}.NavInternal .top-level>li.active>button,.NavInternal .top-level>li.active>a,.NavInternal .top-level>li.ancestor>button,.NavInternal .top-level>li.ancestor>a{--tw-border-opacity:1;border-color:rgb(var(--colors-jpl-red) / var(--tw-border-opacity));font-weight:700}.NavInternal .top-level>li.expanded>button{--tw-border-opacity:1;border-color:rgb(var(--colors-black) / var(--tw-border-opacity));font-weight:700}.NavInternal .NavInternalPanel{--tw-bg-opacity:1;background-color:rgb(var(--colors-off-white) / var(--tw-bg-opacity))}@media (min-width: 1024px){.NavInternal .NavInternalPanel{max-height:60vh;overflow-y:auto}}.NavInternal .NavInternalPanel .NavInternalSection{page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid}@supports (-moz-appearance: none){.NavInternal .NavInternalPanel .NavInternalSection{display:inline-grid}}@media not all and (min-resolution: .001dpcm){@supports (-webkit-appearance: none) and (stroke-color: transparent){.NavInternal .NavInternalPanel .NavInternalSection{display:inline-grid}}}.NavInternal .NavInternalPanel.allow-breaks .NavInternalSection{page-break-inside:auto;-moz-column-break-inside:auto;break-inside:auto;display:block}.NavInternal .NavInternalPanel p.NavInternalSection:last-of-type{margin-bottom:1.5rem}.NavInternal .NavInternalPanel .NavInternalSection.has-children{margin-bottom:1.5rem}.NavInternal .NavInternalPanel .NavInternalSection:last-child{margin-bottom:0}@media (min-width: 1024px){.NavInternal .NavInternalPanel .NavInternalSection:last-child{margin-bottom:1.5rem}}.NavInternal .NavInternalPanel .repeated-item a{font-size:1.125rem;font-weight:500;line-height:1.25;--tw-text-opacity:1;color:rgb(var(--colors-jpl-sky-blue-dark) / var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.NavInternal .NavInternalPanel .repeated-item a span{border-bottom-width:1px;border-color:rgb(var(--colors-transparent) / 0)}@media (hover: hover){.NavInternal .NavInternalPanel .repeated-item a:hover{--tw-text-opacity:1;color:rgb(var(--colors-jpl-sky-blue) / var(--tw-text-opacity))}}.NavInternal .NavInternalPanel .repeated-item a.active{--tw-text-opacity:1;color:rgb(var(--colors-black) / var(--tw-text-opacity))}.NavInternal .NavInternalPanel .repeated-item a.active>span{--tw-border-opacity:1;border-color:rgb(var(--colors-jpl-red) / var(--tw-border-opacity))}.NavInternal .NavInternalPanel .NavInternalSection a{font-size:1.125rem;font-weight:500;line-height:1.25;--tw-text-opacity:1;color:rgb(var(--colors-gray-mid-dark) / var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;page-break-inside:avoid;-moz-column-break-inside:avoid;break-inside:avoid;display:block}@media (min-width: 1024px){.NavInternal .NavInternalPanel .NavInternalSection a{font-size:1rem;font-weight:400}}.NavInternal .NavInternalPanel .NavInternalSection a>span{border-bottom-width:1px;border-color:rgb(var(--colors-transparent) / 0)}.NavInternal .NavInternalPanel .NavInternalSection a svg{display:inline-block}.NavInternal .NavInternalPanel .NavInternalSection a svg.IconExternal{font-size:.875em}.NavInternal .NavInternalPanel .NavInternalSection a svg.IconDownload{position:relative;top:-.125rem}@media (hover: hover){.NavInternal .NavInternalPanel .NavInternalSection a:hover{--tw-text-opacity:1;color:rgb(var(--colors-gray-dark) / var(--tw-text-opacity))}.NavInternal .NavInternalPanel .NavInternalSection a:hover>span{--tw-border-opacity:1;border-color:rgb(var(--colors-gray-dark) / var(--tw-border-opacity))}}.NavInternal .NavInternalPanel .NavInternalSection a.text-subtitle{--tw-text-opacity:1;color:rgb(var(--colors-jpl-sky-blue-dark) / var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.NavInternal .NavInternalPanel .NavInternalSection a.text-subtitle>span{border-width:0px}@media (hover: hover){.NavInternal .NavInternalPanel .NavInternalSection a.text-subtitle:hover{--tw-text-opacity:1;color:rgb(var(--colors-jpl-sky-blue) / var(--tw-text-opacity))}}.NavInternal .NavInternalPanel .NavInternalSection a.text-subtitle svg.IconExternal{margin-left:.25rem;display:inline-block;vertical-align:baseline;font-size:.75rem}.NavInternal .NavInternalPanel .NavInternalSection a svg.IconArrow{display:none}.NavInternal .NavInternalPanel .NavInternalSection a svg.IconDownload{margin-left:.25rem;font-size:.875rem}.NavInternal .NavInternalPanel .NavInternalSection a svg.IconExternal{margin-left:.25rem;font-size:.75rem}.NavInternal .NavInternalPanel .NavInternalSection>.text-subtitle{font-size:1.125rem}@media (min-width: 1024px){.NavInternal .NavInternalPanel .NavInternalSection>.text-subtitle{font-size:1rem}}.NavInternal .NavInternalPanel .NavInternalSection a.active,.NavInternal .NavInternalPanel .NavInternalSection a.text-subtitle.active{--tw-text-opacity:1;color:rgb(var(--colors-black) / var(--tw-text-opacity))}.NavInternal .NavInternalPanel .NavInternalSection a.active>span,.NavInternal .NavInternalPanel .NavInternalSection a.text-subtitle.active>span{border-bottom-width:1px;--tw-border-opacity:1;border-color:rgb(var(--colors-jpl-red) / var(--tw-border-opacity))}#NavMobileToggle .IconClose,#NavMobileToggle.expanded .IconMenu{display:none}#NavMobileToggle.expanded .IconClose{display:block}#NavBgOverlay{visibility:visible;opacity:.8;transition:visibility 0s linear 0s,opacity .3s}#NavBgOverlay.invisible-overlay{visibility:hidden;opacity:0;transition:visibility 0s linear .3s,opacity .3s}.SearchResultCard .bg-dark-blue mark{border-radius:.25rem;border-width:1px;--tw-border-opacity:1;border-color:rgb(var(--colors-gray-mid-dark) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(var(--colors-gray-dark) / var(--tw-bg-opacity));padding:.125rem;--tw-text-opacity:1;color:rgb(var(--colors-white) / var(--tw-text-opacity))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.visible{visibility:visible}.invisible{visibility:hidden}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-x-0{left:0;right:0}.inset-y-0{top:0;bottom:0}.-bottom-4{bottom:-1rem}.-right-px{right:-1px}.-top-0{top:-0px}.-top-0\.5{top:-.125rem}.-top-1{top:-.25rem}.-top-px{top:-1px}.bottom-0{bottom:0}.bottom-10{bottom:2.5rem}.left-0{left:0}.left-1\/2{left:50%}.left-auto{left:auto}.right-0{right:0}.right-10{right:2.5rem}.right-5{right:1.25rem}.right-px{right:1px}.top-0{top:0}.top-1\/2{top:50%}.top-5{top:1.25rem}.top-auto{top:auto}.top-px{top:1px}.isolate{isolation:isolate}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-60{z-index:60}.order-1{order:1}.order-2{order:2}.order-3{order:3}.col-span-1{grid-column:span 1 / span 1}.col-span-10{grid-column:span 10 / span 10}.col-span-11{grid-column:span 11 / span 11}.col-span-12{grid-column:span 12 / span 12}.col-span-2{grid-column:span 2 / span 2}.col-span-3{grid-column:span 3 / span 3}.col-span-4{grid-column:span 4 / span 4}.col-span-5{grid-column:span 5 / span 5}.col-span-6{grid-column:span 6 / span 6}.col-span-7{grid-column:span 7 / span 7}.col-span-8{grid-column:span 8 / span 8}.col-span-9{grid-column:span 9 / span 9}.col-span-full{grid-column:1 / -1}.col-start-1{grid-column-start:1}.col-start-10{grid-column-start:10}.col-start-2{grid-column-start:2}.col-start-3{grid-column-start:3}.col-start-4{grid-column-start:4}.col-start-6{grid-column-start:6}.col-start-7{grid-column-start:7}.col-start-8{grid-column-start:8}.col-start-9{grid-column-start:9}.col-end-10{grid-column-end:10}.col-end-11{grid-column-end:11}.col-end-12{grid-column-end:12}.col-end-13{grid-column-end:13}.col-end-6{grid-column-end:6}.col-end-7{grid-column-end:7}.col-end-8{grid-column-end:8}.col-end-9{grid-column-end:9}.row-span-1{grid-row:span 1 / span 1}.row-span-2{grid-row:span 2 / span 2}.row-start-2{grid-row-start:2}.m-0{margin:0}.m-3{margin:.75rem}.m-auto{margin:auto}.-mx-1{margin-left:-.25rem;margin-right:-.25rem}.-mx-4{margin-left:-1rem;margin-right:-1rem}.-my-2{margin-top:-.5rem;margin-bottom:-.5rem}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-4{margin-left:1rem;margin-right:1rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mx-auto{margin-left:auto;margin-right:auto}.my-10{margin-top:2.5rem;margin-bottom:2.5rem}.my-12{margin-top:3rem;margin-bottom:3rem}.my-16{margin-top:4rem;margin-bottom:4rem}.my-18{margin-top:4.5rem;margin-bottom:4.5rem}.my-2{margin-top:.5rem;margin-bottom:.5rem}.my-3{margin-top:.75rem;margin-bottom:.75rem}.my-4{margin-top:1rem;margin-bottom:1rem}.my-5{margin-top:1.25rem;margin-bottom:1.25rem}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.my-8{margin-top:2rem;margin-bottom:2rem}.my-auto{margin-top:auto;margin-bottom:auto}.-mb-1{margin-bottom:-.25rem}.-mb-2{margin-bottom:-.5rem}.-mb-3{margin-bottom:-.75rem}.-mb-5{margin-bottom:-1.25rem}.-ml-1{margin-left:-.25rem}.-ml-16{margin-left:-4rem}.-ml-2{margin-left:-.5rem}.-ml-20{margin-left:-5rem}.-ml-3{margin-left:-.75rem}.-ml-4{margin-left:-1rem}.-ml-5{margin-left:-1.25rem}.-ml-8{margin-left:-2rem}.-ml-px{margin-left:-1px}.-mr-16{margin-right:-4rem}.-mr-2{margin-right:-.5rem}.-mr-20{margin-right:-5rem}.-mr-26{margin-right:-6.5rem}.-mr-3{margin-right:-.75rem}.-mr-4{margin-right:-1rem}.-mt-1{margin-top:-.25rem}.-mt-1\.5{margin-top:-.375rem}.-mt-10{margin-top:-2.5rem}.-mt-12{margin-top:-3rem}.-mt-14{margin-top:-3.5rem}.-mt-18{margin-top:-4.5rem}.-mt-2{margin-top:-.5rem}.-mt-20{margin-top:-5rem}.-mt-24{margin-top:-6rem}.-mt-3{margin-top:-.75rem}.-mt-5{margin-top:-1.25rem}.-mt-6{margin-top:-1.5rem}.-mt-px{margin-top:-1px}.mb-0{margin-bottom:0}.mb-0\.5{margin-bottom:.125rem}.mb-1{margin-bottom:.25rem}.mb-10{margin-bottom:2.5rem}.mb-12{margin-bottom:3rem}.mb-14{margin-bottom:3.5rem}.mb-16{margin-bottom:4rem}.mb-2{margin-bottom:.5rem}.mb-2\.5{margin-bottom:.625rem}.mb-20{margin-bottom:5rem}.mb-22{margin-bottom:5.5rem}.mb-3{margin-bottom:.75rem}.mb-30{margin-bottom:7.5rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-px{margin-bottom:1px}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-14{margin-left:3.5rem}.ml-2{margin-left:.5rem}.ml-2\.5{margin-left:.625rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.ml-5{margin-left:1.25rem}.ml-6{margin-left:1.5rem}.ml-7{margin-left:1.75rem}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-1{margin-right:.25rem}.mr-10{margin-right:2.5rem}.mr-16{margin-right:4rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mr-5{margin-right:1.25rem}.mr-6{margin-right:1.5rem}.mr-8{margin-right:2rem}.mr-auto{margin-right:auto}.mt-0{margin-top:0}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-16{margin-top:4rem}.mt-18{margin-top:4.5rem}.mt-2{margin-top:.5rem}.mt-20{margin-top:5rem}.mt-24{margin-top:6rem}.mt-26{margin-top:6.5rem}.mt-28{margin-top:7rem}.mt-3{margin-top:.75rem}.mt-36{margin-top:9rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-px{margin-top:1px}.block{display:block}.inline-block{display:inline-block}.\!inline{display:inline!important}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.\!grid{display:grid!important}.grid{display:grid}.inline-grid{display:inline-grid}.contents{display:contents}.hidden{display:none}.h-0{height:0px}.h-1{height:.25rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-18{height:4.5rem}.h-2{height:.5rem}.h-20{height:5rem}.h-22{height:5.5rem}.h-24{height:6rem}.h-25{height:6.25rem}.h-28{height:7rem}.h-2px{height:2px}.h-3{height:.75rem}.h-38{height:9.5rem}.h-4{height:1rem}.h-40{height:10rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-80{height:20rem}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.max-h-48{max-height:12rem}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.max-h-xl{max-height:36rem}.min-h-1\/2{min-height:50%}.min-h-100{min-height:25rem}.min-h-28{min-height:7rem}.min-h-32{min-height:8rem}.min-h-66{min-height:16rem}.min-h-full{min-height:100%}.w-0{width:0px}.w-1{width:.25rem}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-1\/4{width:25%}.w-1\/5{width:20%}.w-1\/6{width:16.666667%}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-18{width:4.5rem}.w-2{width:.5rem}.w-2\/3{width:66.666667%}.w-2\/5{width:40%}.w-20{width:5rem}.w-22{width:5.5rem}.w-25{width:6.25rem}.w-26{width:6.5rem}.w-3{width:.75rem}.w-3\/5{width:60%}.w-30{width:7.5rem}.w-38{width:9.5rem}.w-4\/5{width:80%}.w-40{width:10rem}.w-5{width:1.25rem}.w-5\/6{width:83.333333%}.w-56{width:14rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-7{width:1.75rem}.w-72{width:17.5rem}.w-8{width:2rem}.w-96{width:24rem}.w-auto{width:auto}.w-full{width:100%}.w-xl{width:36rem}.min-w-12{min-width:3rem}.min-w-full{min-width:100%}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-full{max-width:100%}.max-w-lg{max-width:32rem}.max-w-none{max-width:none}.max-w-screen-2xl{max-width:1440px}.max-w-screen-3xl{max-width:1800px}.max-w-screen-4xl{max-width:1900px}.max-w-screen-xl{max-width:1280px}.max-w-sm{max-width:24rem}.max-w-xl{max-width:36rem}.flex-1{flex:1 1 0%}.flex-none{flex:none}.flex-shrink-0,.shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.table-auto{table-layout:auto}.border-collapse{border-collapse:collapse}.-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\/3{--tw-translate-x:-33.333333%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-1\/4{--tw-translate-x:-25%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-3\/7{--tw-translate-x:-42.8571429%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-2{--tw-translate-y:-.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-full{--tw-translate-y:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-0\.5{--tw-translate-x:.125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\/2{--tw-translate-x:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\/3{--tw-translate-x:33.333333%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\/4{--tw-translate-x:25%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-12{--tw-translate-y:3rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-32{--tw-translate-y:8rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-180{--tw-rotate:180deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-103{--tw-scale-x:1.03;--tw-scale-y:1.03;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-125{--tw-scale-x:1.25;--tw-scale-y:1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.animate-fadeIn{animation:fadeIn .5s ease-in forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.animate-fadeInSlow{animation:fadeIn 1s ease-in forwards}@keyframes pulse{50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes rotate{to{transform:rotate(360deg)}}.animate-rotate{animation:rotate 1s linear infinite}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.list-none{list-style-type:none}.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.content-center{align-content:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.gap-10{gap:2.5rem}.gap-14{gap:3.5rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-7{gap:1.75rem}.gap-8{gap:2rem}.gap-y-0{row-gap:0px}.gap-y-10{row-gap:2.5rem}.gap-y-8{row-gap:2rem}.space-x-2>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-right:calc(.5rem * var(--tw-space-x-reverse));margin-left:calc(.5rem * calc(1 - var(--tw-space-x-reverse)))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.divide-x>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-right-width:calc(1px * var(--tw-divide-x-reverse));border-left-width:calc(1px * calc(1 - var(--tw-divide-x-reverse)))}.divide-x-2>:not([hidden])~:not([hidden]){--tw-divide-x-reverse:0;border-right-width:calc(2px * var(--tw-divide-x-reverse));border-left-width:calc(2px * calc(1 - var(--tw-divide-x-reverse)))}.divide-gray-light-mid>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(var(--colors-gray-light-mid) / var(--tw-divide-opacity))}.divide-gray-mid>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(var(--colors-gray-mid) / var(--tw-divide-opacity))}.divide-gray-mid-dark>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(var(--colors-gray-mid-dark) / var(--tw-divide-opacity))}.divide-white>:not([hidden])~:not([hidden]){--tw-divide-opacity:1;border-color:rgb(var(--colors-white) / var(--tw-divide-opacity))}.divide-opacity-40>:not([hidden])~:not([hidden]){--tw-divide-opacity:.4}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-x-visible{overflow-x:visible}.overflow-y-scroll{overflow-y:scroll}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.whitespace-nowrap{white-space:nowrap}.break-normal{overflow-wrap:normal;word-break:normal}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-none{border-radius:0}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0px}.border-2{border-width:2px}.border-4{border-width:4px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-b-3{border-bottom-width:3px}.border-l{border-left-width:1px}.border-l-0{border-left-width:0px}.border-l-2{border-left-width:2px}.border-l-4{border-left-width:4px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-t-2{border-top-width:2px}.border-t-3{border-top-width:3px}.border-dashed{border-style:dashed}.border-none{border-style:none}.border-black{--tw-border-opacity:1;border-color:rgb(var(--colors-black) / var(--tw-border-opacity))}.border-black\/50{border-color:rgb(var(--colors-black) / .5)}.border-blue{--tw-border-opacity:1;border-color:rgb(var(--colors-blue) / var(--tw-border-opacity))}.border-gray-dark{--tw-border-opacity:1;border-color:rgb(var(--colors-gray-dark) / var(--tw-border-opacity))}.border-gray-light-mid{--tw-border-opacity:1;border-color:rgb(var(--colors-gray-light-mid) / var(--tw-border-opacity))}.border-gray-mid{--tw-border-opacity:1;border-color:rgb(var(--colors-gray-mid) / var(--tw-border-opacity))}.border-gray-mid-dark{--tw-border-opacity:1;border-color:rgb(var(--colors-gray-mid-dark) / var(--tw-border-opacity))}.border-jpl-red{--tw-border-opacity:1;border-color:rgb(var(--colors-jpl-red) / var(--tw-border-opacity))}.border-jpl-red-light{--tw-border-opacity:1;border-color:rgb(var(--colors-jpl-red-light) / var(--tw-border-opacity))}.border-success-green{--tw-border-opacity:1;border-color:rgb(var(--colors-success-green) / var(--tw-border-opacity))}.border-transparent{border-color:rgb(var(--colors-transparent) / 0)}.border-white{--tw-border-opacity:1;border-color:rgb(var(--colors-white) / var(--tw-border-opacity))}.border-opacity-0{--tw-border-opacity:0}.border-opacity-100{--tw-border-opacity:1}.border-opacity-30{--tw-border-opacity:.3}.border-opacity-40{--tw-border-opacity:.4}.border-opacity-50{--tw-border-opacity:.5}.bg-alert-gold{--tw-bg-opacity:1;background-color:rgb(var(--colors-alert-gold) / var(--tw-bg-opacity))}.bg-alert-gold-light{--tw-bg-opacity:1;background-color:rgb(var(--colors-alert-gold-light) / var(--tw-bg-opacity))}.bg-black{--tw-bg-opacity:1;background-color:rgb(var(--colors-black) / var(--tw-bg-opacity))}.bg-black\/15{background-color:rgb(var(--colors-black) / .15)}.bg-black\/30{background-color:rgb(var(--colors-black) / .3)}.bg-blue{--tw-bg-opacity:1;background-color:rgb(var(--colors-blue) / var(--tw-bg-opacity))}.bg-dark-blue{--tw-bg-opacity:1;background-color:rgb(var(--colors-dark-blue) / var(--tw-bg-opacity))}.bg-disabled-gray{--tw-bg-opacity:1;background-color:rgb(var(--colors-disabled-gray) / var(--tw-bg-opacity))}.bg-error-red{--tw-bg-opacity:1;background-color:rgb(var(--colors-error-red) / var(--tw-bg-opacity))}.bg-error-red-light{--tw-bg-opacity:1;background-color:rgb(var(--colors-error-red-light) / var(--tw-bg-opacity))}.bg-focus-blue{--tw-bg-opacity:1;background-color:rgb(var(--colors-focus-blue) / var(--tw-bg-opacity))}.bg-focus-blue-light{--tw-bg-opacity:1;background-color:rgb(var(--colors-focus-blue-light) / var(--tw-bg-opacity))}.bg-gray-dark{--tw-bg-opacity:1;background-color:rgb(var(--colors-gray-dark) / var(--tw-bg-opacity))}.bg-gray-light{--tw-bg-opacity:1;background-color:rgb(var(--colors-gray-light) / var(--tw-bg-opacity))}.bg-gray-light-mid{--tw-bg-opacity:1;background-color:rgb(var(--colors-gray-light-mid) / var(--tw-bg-opacity))}.bg-gray-light\/90{background-color:rgb(var(--colors-gray-light) / .9)}.bg-gray-mid{--tw-bg-opacity:1;background-color:rgb(var(--colors-gray-mid) / var(--tw-bg-opacity))}.bg-gray-mid-dark{--tw-bg-opacity:1;background-color:rgb(var(--colors-gray-mid-dark) / var(--tw-bg-opacity))}.bg-green{--tw-bg-opacity:1;background-color:rgb(var(--colors-green) / var(--tw-bg-opacity))}.bg-jpl-aqua{--tw-bg-opacity:1;background-color:rgb(var(--colors-jpl-aqua) / var(--tw-bg-opacity))}.bg-jpl-red{--tw-bg-opacity:1;background-color:rgb(var(--colors-jpl-red) / var(--tw-bg-opacity))}.bg-jpl-red-dark{--tw-bg-opacity:1;background-color:rgb(var(--colors-jpl-red-dark) / var(--tw-bg-opacity))}.bg-jpl-red-darker{--tw-bg-opacity:1;background-color:rgb(var(--colors-jpl-red-darker) / var(--tw-bg-opacity))}.bg-jpl-red-light{--tw-bg-opacity:1;background-color:rgb(var(--colors-jpl-red-light) / var(--tw-bg-opacity))}.bg-jpl-sky-blue{--tw-bg-opacity:1;background-color:rgb(var(--colors-jpl-sky-blue) / var(--tw-bg-opacity))}.bg-jpl-sky-blue-dark{--tw-bg-opacity:1;background-color:rgb(var(--colors-jpl-sky-blue-dark) / var(--tw-bg-opacity))}.bg-off-white{--tw-bg-opacity:1;background-color:rgb(var(--colors-off-white) / var(--tw-bg-opacity))}.bg-success-green{--tw-bg-opacity:1;background-color:rgb(var(--colors-success-green) / var(--tw-bg-opacity))}.bg-success-green-light{--tw-bg-opacity:1;background-color:rgb(var(--colors-success-green-light) / var(--tw-bg-opacity))}.bg-transparent{background-color:rgb(var(--colors-transparent) / 0)}.bg-white{--tw-bg-opacity:1;background-color:rgb(var(--colors-white) / var(--tw-bg-opacity))}.bg-white\/10{background-color:rgb(var(--colors-white) / .1)}.bg-white\/90{background-color:rgb(var(--colors-white) / .9)}.bg-opacity-0{--tw-bg-opacity:0}.bg-opacity-15{--tw-bg-opacity:.15}.bg-opacity-25{--tw-bg-opacity:.25}.bg-opacity-50{--tw-bg-opacity:.5}.bg-opacity-75{--tw-bg-opacity:.75}.bg-opacity-90{--tw-bg-opacity:.9}.bg-opacity-98{--tw-bg-opacity:.98}.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}.bg-gradient-to-bl{background-image:linear-gradient(to bottom left,var(--tw-gradient-stops))}.bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}.bg-none{background-image:none}.from-jpl-red{--tw-gradient-from:rgb(var(--gradientColorStops-jpl-red) / 1) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--gradientColorStops-jpl-red) / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-transparent{--tw-gradient-from:rgb(var(--gradientColorStops-transparent) / 0) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--gradientColorStops-transparent) / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-transparent-black-75{--tw-gradient-from:rgb(var(--gradientColorStops-transparent-black-75) / .75) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--gradientColorStops-transparent-black-75) / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-transparent-w25{--tw-gradient-from:var(--gradientColorStops-transparent-w25) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.from-transparent-w50{--tw-gradient-from:var(--gradientColorStops-transparent-w50) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.to-black{--tw-gradient-to:rgb(var(--gradientColorStops-black) / 1) var(--tw-gradient-to-position)}.to-jpl-red-darker{--tw-gradient-to:rgb(var(--gradientColorStops-jpl-red-darker) / 1) var(--tw-gradient-to-position)}.to-transparent{--tw-gradient-to:rgb(var(--gradientColorStops-transparent) / 0) var(--tw-gradient-to-position)}.to-transparent-black-50{--tw-gradient-to:rgb(var(--gradientColorStops-transparent-black-50) / .5) var(--tw-gradient-to-position)}.to-transparent-black-75{--tw-gradient-to:rgb(var(--gradientColorStops-transparent-black-75) / .75) var(--tw-gradient-to-position)}.to-transparent-black-90{--tw-gradient-to:rgb(var(--gradientColorStops-transparent-black-90) / .9) var(--tw-gradient-to-position)}.bg-cover{background-size:cover}.bg-center{background-position:center}.bg-no-repeat{background-repeat:no-repeat}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-fill{object-fit:fill}.object-none{object-fit:none}.object-scale-down{object-fit:scale-down}.object-bottom{object-position:bottom}.object-center{object-position:center}.p-0{padding:0}.p-10{padding:2.5rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-0{padding-left:0;padding-right:0}.px-1{padding-left:.25rem;padding-right:.25rem}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.px-px{padding-left:1px;padding-right:1px}.py-0{padding-top:0;padding-bottom:0}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-10{padding-top:2.5rem;padding-bottom:2.5rem}.py-12{padding-top:3rem;padding-bottom:3rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-20{padding-top:5rem;padding-bottom:5rem}.py-28{padding-top:7rem;padding-bottom:7rem}.py-2px{padding-top:2px;padding-bottom:2px}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-px{padding-top:1px;padding-bottom:1px}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-10{padding-bottom:2.5rem}.pb-12{padding-bottom:3rem}.pb-14{padding-bottom:3.5rem}.pb-2{padding-bottom:.5rem}.pb-22{padding-bottom:5.5rem}.pb-24{padding-bottom:6rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-8{padding-bottom:2rem}.pb-80{padding-bottom:20rem}.pl-0{padding-left:0}.pl-1{padding-left:.25rem}.pl-10{padding-left:2.5rem}.pl-12{padding-left:3rem}.pl-14{padding-left:3.5rem}.pl-18{padding-left:4.5rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:1.25rem}.pl-6{padding-left:1.5rem}.pl-8{padding-left:2rem}.pr-0{padding-right:0}.pr-0\.5{padding-right:.125rem}.pr-1{padding-right:.25rem}.pr-14{padding-right:3.5rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-5{padding-right:1.25rem}.pr-6{padding-right:1.5rem}.pr-8{padding-right:2rem}.pt-1{padding-top:.25rem}.pt-10{padding-top:2.5rem}.pt-12{padding-top:3rem}.pt-14{padding-top:3.5rem}.pt-2{padding-top:.5rem}.pt-2\.5{padding-top:.625rem}.pt-22{padding-top:5.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-40{padding-top:10rem}.pt-5{padding-top:1.25rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.font-primary{font-family:Metropolis,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.font-secondary{font-family:Archivo Narrow,Metropolis,-apple-system,BlinkMacSystemFont,San Francisco,Segoe UI,Roboto,Helvetica Neue,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.text-2xl{font-size:1.375rem}.text-3xl{font-size:1.5rem}.text-4xl{font-size:1.625rem}.text-5xl{font-size:1.75rem}.text-6xl{font-size:2rem}.text-7xl{font-size:2.5rem}.text-8xl{font-size:2.75rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-sm{font-size:.875rem}.text-xl{font-size:1.25rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.not-italic{font-style:normal}.leading-none{line-height:1}.leading-normal{line-height:1.5}.leading-relaxed{line-height:1.75}.leading-tight{line-height:1.25}.leading-tighter{line-height:1.125}.tracking-normal{letter-spacing:0}.tracking-tight{letter-spacing:-.5px}.tracking-tighter{letter-spacing:-1px}.tracking-wider{letter-spacing:1px}.text-black{--tw-text-opacity:1;color:rgb(var(--colors-black) / var(--tw-text-opacity))}.text-blue{--tw-text-opacity:1;color:rgb(var(--colors-blue) / var(--tw-text-opacity))}.text-facebook{--tw-text-opacity:1;color:rgb(var(--colors-facebook) / var(--tw-text-opacity))}.text-gray-dark{--tw-text-opacity:1;color:rgb(var(--colors-gray-dark) / var(--tw-text-opacity))}.text-gray-light{--tw-text-opacity:1;color:rgb(var(--colors-gray-light) / var(--tw-text-opacity))}.text-gray-light-mid{--tw-text-opacity:1;color:rgb(var(--colors-gray-light-mid) / var(--tw-text-opacity))}.text-gray-mid{--tw-text-opacity:1;color:rgb(var(--colors-gray-mid) / var(--tw-text-opacity))}.text-gray-mid-dark{--tw-text-opacity:1;color:rgb(var(--colors-gray-mid-dark) / var(--tw-text-opacity))}.text-instagram{--tw-text-opacity:1;color:rgb(var(--colors-instagram) / var(--tw-text-opacity))}.text-jpl-aqua{--tw-text-opacity:1;color:rgb(var(--colors-jpl-aqua) / var(--tw-text-opacity))}.text-jpl-red{--tw-text-opacity:1;color:rgb(var(--colors-jpl-red) / var(--tw-text-opacity))}.text-jpl-red-dark{--tw-text-opacity:1;color:rgb(var(--colors-jpl-red-dark) / var(--tw-text-opacity))}.text-jpl-red-light{--tw-text-opacity:1;color:rgb(var(--colors-jpl-red-light) / var(--tw-text-opacity))}.text-jpl-sky-blue{--tw-text-opacity:1;color:rgb(var(--colors-jpl-sky-blue) / var(--tw-text-opacity))}.text-jpl-sky-blue-dark{--tw-text-opacity:1;color:rgb(var(--colors-jpl-sky-blue-dark) / var(--tw-text-opacity))}.text-reddit{--tw-text-opacity:1;color:rgb(var(--colors-reddit) / var(--tw-text-opacity))}.text-theme-color{--tw-text-opacity:1;color:rgb(var(--colors-theme-color) / var(--tw-text-opacity))}.text-transparent{color:rgb(var(--colors-transparent) / 0)}.text-twitter{--tw-text-opacity:1;color:rgb(var(--colors-twitter) / var(--tw-text-opacity))}.text-white{--tw-text-opacity:1;color:rgb(var(--colors-white) / var(--tw-text-opacity))}.text-youtube{--tw-text-opacity:1;color:rgb(var(--colors-youtube) / var(--tw-text-opacity))}.text-opacity-75{--tw-text-opacity:.75}.text-opacity-90{--tw-text-opacity:.9}.underline{text-decoration-line:underline}.no-underline{text-decoration-line:none}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.opacity-75{opacity:.75}.opacity-80{opacity:.8}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-jpl{--tw-shadow:-4px 5px 60px 0 rgba(0, 0, 0, .1);--tw-shadow-colored:-4px 5px 60px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-none{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.blur{--tw-blur:blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.drop-shadow-lg{--tw-drop-shadow:drop-shadow(0 10px 8px rgb(0 0 0 / .04)) drop-shadow(0 4px 3px rgb(0 0 0 / .1));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-border-opacity{transition-property:border-opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-none{transition-property:none}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-shadow{transition-property:box-shadow;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-transform{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.delay-200{transition-delay:.2s}.delay-500{transition-delay:.5s}.duration-100{transition-duration:.1s}.duration-1000{transition-duration:1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-2000{transition-duration:2s}.duration-300{transition-duration:.3s}.duration-3500{transition-duration:3.5s}.duration-500{transition-duration:.5s}.ease-in{transition-timing-function:cubic-bezier(.4,0,1,1)}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.ease-linear{transition-timing-function:linear}.ease-out{transition-timing-function:cubic-bezier(0,0,.2,1)}.fancybox__slide{padding:36px}@media (min-width: 1024px){.fancybox__slide{padding:64px}}.fancybox__content{padding:18px}@media (min-width: 1024px){.fancybox__content{padding:36px}}.aspect-ratio-none>div:first-of-type:before{content:"";display:flex;width:auto;padding-bottom:unset}.aspect-ratio-none>div:first-of-type iframe,.aspect-ratio-none>div:first-of-type img{position:relative;margin-left:auto;margin-right:auto;height:100%;max-width:100%}.aspect-ratio-twentyone-nine>div:first-of-type:before{content:"";display:block;width:100%;padding-bottom:42.8571428571%}.aspect-ratio-twentyone-nine>div:first-of-type iframe,.aspect-ratio-twentyone-nine>div:first-of-type img{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%}.aspect-ratio-sixteen-nine>div:first-of-type:before{content:"";display:block;width:100%;padding-bottom:56.25%}.aspect-ratio-sixteen-nine>div:first-of-type iframe,.aspect-ratio-sixteen-nine>div:first-of-type img{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%}.aspect-ratio-sixteen-seven>div:first-of-type:before{content:"";display:block;width:100%;padding-bottom:43.75%}.aspect-ratio-sixteen-seven>div:first-of-type iframe,.aspect-ratio-sixteen-seven>div:first-of-type img{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%}.aspect-ratio-twelve-nine>div:first-of-type:before{content:"";display:block;width:100%;padding-bottom:75%}.aspect-ratio-twelve-nine>div:first-of-type iframe,.aspect-ratio-twelve-nine>div:first-of-type img{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%}.aspect-ratio-nine-sixteen>div:first-of-type:before{content:"";display:block;width:100%;padding-bottom:177.7777777778%}.aspect-ratio-nine-sixteen>div:first-of-type iframe,.aspect-ratio-nine-sixteen>div:first-of-type img{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%}.aspect-ratio-seven-eight>div:first-of-type:before{content:"";display:block;width:100%;padding-bottom:114.2857142857%}.aspect-ratio-seven-eight>div:first-of-type iframe,.aspect-ratio-seven-eight>div:first-of-type img{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%}.aspect-ratio-eight-seven>div:first-of-type:before{content:"";display:block;width:100%;padding-bottom:87.5%}.aspect-ratio-eight-seven>div:first-of-type iframe,.aspect-ratio-eight-seven>div:first-of-type img{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%}.aspect-ratio-four-three>div:first-of-type:before{content:"";display:block;width:100%;padding-bottom:75%}.aspect-ratio-four-three>div:first-of-type iframe,.aspect-ratio-four-three>div:first-of-type img{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%}.aspect-ratio-four-five>div:first-of-type:before{content:"";display:block;width:100%;padding-bottom:125%}.aspect-ratio-four-five>div:first-of-type iframe,.aspect-ratio-four-five>div:first-of-type img{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%}.aspect-ratio-two-one>div:first-of-type:before{content:"";display:block;width:100%;padding-bottom:50%}.aspect-ratio-two-one>div:first-of-type iframe,.aspect-ratio-two-one>div:first-of-type img{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%}.aspect-ratio-three-two>div:first-of-type:before{content:"";display:block;width:100%;padding-bottom:66.6666666667%}.aspect-ratio-three-two>div:first-of-type iframe,.aspect-ratio-three-two>div:first-of-type img{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%}.aspect-ratio-two-three>div:first-of-type:before{content:"";display:block;width:100%;padding-bottom:150%}.aspect-ratio-two-three>div:first-of-type iframe,.aspect-ratio-two-three>div:first-of-type img{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%}.aspect-ratio-one-one>div:first-of-type:before,.aspect-ratio-square>div:first-of-type:before{content:"";display:block;width:100%;padding-bottom:100%}.aspect-ratio-one-one>div:first-of-type iframe,.aspect-ratio-one-one>div:first-of-type img,.aspect-ratio-square>div:first-of-type iframe,.aspect-ratio-square>div:first-of-type img{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%}.text-theme-color{--tw-text-opacity:1;color:rgb(var(--colors-jpl-red) / var(--tw-text-opacity))}.text-theme-color-hover{--tw-text-opacity:1;color:rgb(var(--colors-jpl-red-dark) / var(--tw-text-opacity))}.ThemeVariantLight .text-theme-color,.ThemeVariantLight .hover\:text-theme-color:hover{--tw-text-opacity:1;color:rgb(var(--colors-jpl-red) / var(--tw-text-opacity))}.ThemeVariantLight .text-theme-color-hover,.ThemeVariantLight .hover\:text-theme-color-hover:hover{--tw-text-opacity:1;color:rgb(var(--colors-jpl-red-dark) / var(--tw-text-opacity))}.ThemeVariantDark .text-theme-color,.ThemeVariantDark .hover\:text-theme-color:hover{--tw-text-opacity:1;color:rgb(var(--colors-jpl-red-light) / var(--tw-text-opacity))}.ThemeVariantDark .text-theme-color-hover .hover\:text-theme-color-hover:hover{--tw-text-opacity:1;color:rgb(var(--colors-jpl-red) / var(--tw-text-opacity))}.text-contrast{text-shadow:1px 1px 2px rgba(0,0,0,.7)}.text-contrast-none{text-shadow:none}.ThemeInternal .text-theme-color,.ThemeInternal .text-theme-red,.ThemeInternal .hover\:text-theme-color:hover,.ThemeInternal .hover\:text-theme-red:hover{--tw-text-opacity:1;color:rgb(var(--colors-jpl-sky-blue-dark) / var(--tw-text-opacity))}.ThemeInternal .text-theme-color-hover,.ThemeInternal .text-theme-red-hover,.ThemeInternal .hover\:text-theme-color-hover:hover,.ThemeInternal .hover\:text-theme-red-hover:hover{--tw-text-opacity:1;color:rgb(var(--colors-jpl-sky-blue) / var(--tw-text-opacity))}.ThemeInternal .ThemeVariantLight .text-theme-color,.ThemeInternal .ThemeVariantLight .text-theme-red,.ThemeInternal .ThemeVariantLight .hover\:text-theme-color:hover,.ThemeInternal .ThemeVariantLight .hover\:text-theme-red:hover{--tw-text-opacity:1;color:rgb(var(--colors-jpl-sky-blue-dark) / var(--tw-text-opacity))}.ThemeInternal .ThemeVariantLight .text-theme-color-hover,.ThemeInternal .ThemeVariantLight .text-theme-red-hover,.ThemeInternal .ThemeVariantLight .hover\:text-theme-color-hover:hover,.ThemeInternal .ThemeVariantLight .hover\:text-theme-red-hover:hover,.ThemeInternal .ThemeVariantDark .text-theme-color,.ThemeInternal .ThemeVariantDark .text-theme-red,.ThemeInternal .ThemeVariantDark .hover\:text-theme-color:hover,.ThemeInternal .ThemeVariantDark .hover\:text-theme-red:hover{--tw-text-opacity:1;color:rgb(var(--colors-jpl-sky-blue) / var(--tw-text-opacity))}.ThemeInternal .ThemeVariantDark .text-theme-color-hover,.ThemeInternal .ThemeVariantDark .text-theme-red-hover,.ThemeInternal .ThemeVariantDark .hover\:text-theme-color-hover:hover,.ThemeInternal .ThemeVariantDark .hover\:text-theme-red-hover:hover{--tw-text-opacity:1;color:rgb(var(--colors-jpl-sky-blue-dark) / var(--tw-text-opacity))}.ThemeInternal .BaseButton.-primary{--tw-bg-opacity:1;background-color:rgb(var(--colors-jpl-sky-blue-dark) / var(--tw-bg-opacity));--tw-gradient-to:var(--gradientColorStops-jpl-sky-blue-w50) var(--tw-gradient-to-position)}.ThemeInternal .BaseButton.-secondary{--tw-border-opacity:1;border-color:rgb(var(--colors-jpl-sky-blue-dark) / var(--tw-border-opacity));--tw-gradient-to:var(--gradientColorStops-jpl-sky-blue-w50) var(--tw-gradient-to-position);--tw-text-opacity:1;color:rgb(var(--colors-jpl-sky-blue-dark) / var(--tw-text-opacity))}@media (hover: hover){.ThemeInternal .BaseButton.-secondary:hover{--tw-border-opacity:1;border-color:rgb(var(--colors-jpl-sky-blue) / var(--tw-border-opacity));--tw-text-opacity:1;color:rgb(var(--colors-white) / var(--tw-text-opacity))}.ThemeInternal .BaseButton.-dark:hover{--tw-text-opacity:1;color:rgb(var(--colors-gray-dark) / var(--tw-text-opacity))}}.ThemeInternal .ThemeVariantLight .BaseButton.-primary,.ThemeInternal .ThemeVariantDark .BaseButton.-primary,.ThemeInternal.ThemeVariantLight .BaseButton.-primary,.ThemeInternal.ThemeVariantDark .BaseButton.-primary{--tw-bg-opacity:1;background-color:rgb(var(--colors-jpl-sky-blue-dark) / var(--tw-bg-opacity));--tw-gradient-to:var(--gradientColorStops-jpl-sky-blue-w50) var(--tw-gradient-to-position)}.ThemeInternal .ThemeVariantLight .BaseButton.-secondary,.ThemeInternal .ThemeVariantDark .BaseButton.-secondary,.ThemeInternal.ThemeVariantLight .BaseButton.-secondary,.ThemeInternal.ThemeVariantDark .BaseButton.-secondary{--tw-border-opacity:1;border-color:rgb(var(--colors-jpl-sky-blue-dark) / var(--tw-border-opacity));--tw-gradient-to:var(--gradientColorStops-jpl-sky-blue-w50) var(--tw-gradient-to-position);--tw-text-opacity:1;color:rgb(var(--colors-jpl-sky-blue-dark) / var(--tw-text-opacity))}@media (hover: hover){.ThemeInternal .ThemeVariantLight .BaseButton.-secondary:hover,.ThemeInternal .ThemeVariantDark .BaseButton.-secondary:hover,.ThemeInternal.ThemeVariantLight .BaseButton.-secondary:hover,.ThemeInternal.ThemeVariantDark .BaseButton.-secondary:hover{--tw-border-opacity:1;border-color:rgb(var(--colors-jpl-sky-blue) / var(--tw-border-opacity));--tw-bg-opacity:1;background-color:rgb(var(--colors-jpl-sky-blue) / var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(var(--colors-white) / var(--tw-text-opacity))}}.NavInternal .NavInternalPanel .auto-cols-2,.NavInternal .NavInternalPanel .auto-cols-3{-moz-column-gap:3.5rem;column-gap:3.5rem}.NavInternal .NavInternalPanel .auto-cols-2{-moz-column-count:2;column-count:2}.NavInternal .NavInternalPanel .auto-cols-3{-moz-column-count:3;column-count:3}.NavInternal .NavInternalPanel .no-auto-cols{-moz-column-count:auto;column-count:auto}@font-face{font-family:Metropolis;font-weight:800;font-style:normal;font-display:swap;src:url(/assets/fonts/metropolis/Metropolis-ExtraBold.woff2) format("woff2")}@font-face{font-family:Metropolis;font-weight:700;font-style:normal;font-display:swap;src:url(/assets/fonts/metropolis/Metropolis-Bold.woff2) format("woff2")}@font-face{font-family:Metropolis;font-weight:700;font-style:italic;font-display:swap;src:url(/assets/fonts/metropolis/Metropolis-BoldItalic.woff2) format("woff2")}@font-face{font-family:Metropolis;font-weight:600;font-style:normal;font-display:swap;src:url(/assets/fonts/metropolis/Metropolis-SemiBold.woff2) format("woff2")}@font-face{font-family:Metropolis;font-weight:600;font-style:italic;font-display:swap;src:url(/assets/fonts/metropolis/Metropolis-SemiBoldItalic.woff2) format("woff2")}@font-face{font-family:Metropolis;font-weight:500;font-style:normal;font-display:swap;src:url(/assets/fonts/metropolis/Metropolis-Medium.woff2) format("woff2")}@font-face{font-family:Metropolis;font-weight:500;font-style:italic;font-display:swap;src:url(/assets/fonts/metropolis/Metropolis-MediumItalic.woff2) format("woff2")}@font-face{font-family:Metropolis;font-weight:400;font-style:normal;font-display:swap;src:url(/assets/fonts/metropolis/Metropolis-Regular.woff2) format("woff2")}@font-face{font-family:Metropolis;font-weight:400;font-style:italic;font-display:swap;src:url(/assets/fonts/metropolis/Metropolis-RegularItalic.woff2) format("woff2")}@font-face{font-family:Archivo Narrow;font-weight:700;font-style:normal;font-display:swap;src:url(/assets/fonts/archivo-narrow/ArchivoNarrow-Bold.woff2) format("woff2")}@font-face{font-family:Archivo Narrow;font-weight:700;font-style:italic;font-display:swap;src:url(/assets/fonts/archivo-narrow/ArchivoNarrow-BoldItalic.woff2) format("woff2")}@font-face{font-family:Archivo Narrow;font-weight:600;font-style:normal;font-display:swap;src:url(/assets/fonts/archivo-narrow/ArchivoNarrow-SemiBold.woff2) format("woff2")}@font-face{font-family:Archivo Narrow;font-weight:600;font-style:italic;font-display:swap;src:url(/assets/fonts/archivo-narrow/ArchivoNarrow-SemiBoldItalic.woff2) format("woff2")}@keyframes arrow-carousel-next-anim{0%{transform:translate(0)}to{transform:translate(3rem)}}@keyframes arrow-carousel-next-fixed-anim{0%{transform:translate(-3rem)}to{transform:translate(0)}}@keyframes arrow-carousel-prev-anim{0%{transform:translate(0)}to{transform:translate(-3rem)}}@keyframes arrow-carousel-prev-fixed-anim{0%{transform:translate(3rem)}to{transform:translate(0)}}@media (min-width: 640px){.sm\:BaseGrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.5rem}.sm\:object-cover{font-family:"object-fit: cover"}}@media (min-width: 768px){.md\:BaseGrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.5rem}}@media (min-width: 1024px){.lg\:BaseGrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.5rem}}@media (min-width: 1280px){.xl\:BaseGrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1.5rem}}@media (min-width: 1440px){.MixedBleedGrid .\32xl\:col-start-indent-col-3{grid-column-start:indent-col-3}}@media (min-width: 1024px){.lg\:container{width:100%;padding-right:1rem;padding-left:1rem}@media (min-width: 640px){.lg\:container{max-width:640px}}@media (min-width: 768px){.lg\:container{max-width:768px}}.lg\:container{max-width:1024px}@media (min-width: 1280px){.lg\:container{max-width:1280px}}@media (min-width: 1320px){.lg\:container{max-width:1320px}}}.last\:mr-0:last-child{margin-right:0}.focus-within\:opacity-100:focus-within{opacity:1}@media (hover: hover) and (pointer: fine){.hover\:border-gray-dark:hover{--tw-border-opacity:1;border-color:rgb(var(--colors-gray-dark) / var(--tw-border-opacity))}.hover\:text-jpl-red-dark:hover{--tw-text-opacity:1;color:rgb(var(--colors-jpl-red-dark) / var(--tw-text-opacity))}.hover\:text-jpl-red-light:hover{--tw-text-opacity:1;color:rgb(var(--colors-jpl-red-light) / var(--tw-text-opacity))}}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}.focus\:border-focus-blue:focus{--tw-border-opacity:1;border-color:rgb(var(--colors-focus-blue) / var(--tw-border-opacity))}.focus\:border-gray-dark\/20:focus{border-color:rgb(var(--colors-gray-dark) / .2)}.focus\:underline:focus{text-decoration-line:underline}.focus\:shadow-jpl:focus{--tw-shadow:-4px 5px 60px 0 rgba(0, 0, 0, .1);--tw-shadow-colored:-4px 5px 60px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.focus\:ring-jpl-red:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(var(--colors-jpl-red) / var(--tw-ring-opacity))}.focus\:ring-transparent:focus{--tw-ring-color:rgb(var(--colors-transparent) / 0)}.focus\:ring-opacity-50:focus{--tw-ring-opacity:.5}@media (hover: hover) and (pointer: fine){.group:hover .group-hover\:opacity-100{opacity:1}.group:hover .group-hover\:opacity-75{opacity:.75}}@media (prefers-reduced-motion: no-preference){@keyframes ping{75%,to{transform:scale(2);opacity:0}}.motion-safe\:animate-ping{animation:ping 1s cubic-bezier(0,0,.2,1) infinite}}@media (min-width: 640px){.sm\:absolute{position:absolute}.sm\:col-span-3{grid-column:span 3 / span 3}.sm\:col-span-5{grid-column:span 5 / span 5}.sm\:col-span-6{grid-column:span 6 / span 6}.sm\:col-span-7{grid-column:span 7 / span 7}.sm\:col-end-11{grid-column-end:11}.sm\:mx-20{margin-left:5rem;margin-right:5rem}.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:-ml-10{margin-left:-2.5rem}.sm\:-mt-0{margin-top:-0px}.sm\:-mt-0\.5{margin-top:-.125rem}.sm\:-mt-2{margin-top:-.5rem}.sm\:mb-0{margin-bottom:0}.sm\:mb-3{margin-bottom:.75rem}.sm\:mb-8{margin-bottom:2rem}.sm\:mr-0{margin-right:0}.sm\:mt-0{margin-top:0}.sm\:mt-0\.5{margin-top:.125rem}.sm\:mt-16{margin-top:4rem}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid{display:grid}.sm\:hidden{display:none}.sm\:h-10{height:2.5rem}.sm\:h-26{height:6.5rem}.sm\:h-40{height:10rem}.sm\:w-24{width:6rem}.sm\:w-26{width:6.5rem}.sm\:w-3\/4{width:75%}.sm\:w-80{width:20rem}.sm\:w-auto{width:auto}.sm\:w-xl{width:36rem}.sm\:max-w-xl{max-width:36rem}.sm\:whitespace-nowrap{white-space:nowrap}.sm\:object-cover{object-fit:cover}.sm\:p-10{padding:2.5rem}.sm\:px-10{padding-left:2.5rem;padding-right:2.5rem}.sm\:px-5{padding-left:1.25rem;padding-right:1.25rem}.sm\:py-0{padding-top:0;padding-bottom:0}.sm\:py-8{padding-top:2rem;padding-bottom:2rem}.sm\:pr-5{padding-right:1.25rem}.sm\:pt-24{padding-top:6rem}.sm\:text-left{text-align:left}.sm\:text-2xl{font-size:1.375rem}.sm\:text-4xl{font-size:1.625rem}.sm\:text-6xl{font-size:2rem}.sm\:leading-normal{line-height:1.5}}@media (min-width: 768px){.md\:visible{visibility:visible}.md\:top-0{top:0}.md\:order-first{order:-9999}.md\:order-last{order:9999}.md\:col-span-3{grid-column:span 3 / span 3}.md\:col-span-6{grid-column:span 6 / span 6}.md\:col-start-2{grid-column-start:2}.md\:col-start-3{grid-column-start:3}.md\:col-start-6{grid-column-start:6}.md\:col-end-11{grid-column-end:11}.md\:col-end-13{grid-column-end:13}.md\:-mx-4{margin-left:-1rem;margin-right:-1rem}.md\:mx-0{margin-left:0;margin-right:0}.md\:mx-16{margin-left:4rem;margin-right:4rem}.md\:mx-4{margin-left:1rem;margin-right:1rem}.md\:my-12{margin-top:3rem;margin-bottom:3rem}.md\:mb-0{margin-bottom:0}.md\:mb-10{margin-bottom:2.5rem}.md\:mb-12{margin-bottom:3rem}.md\:mb-2{margin-bottom:.5rem}.md\:mb-3{margin-bottom:.75rem}.md\:mb-40{margin-bottom:10rem}.md\:mb-7{margin-bottom:1.75rem}.md\:mb-8{margin-bottom:2rem}.md\:ml-8{margin-left:2rem}.md\:mr-0{margin-right:0}.md\:mr-16{margin-right:4rem}.md\:mr-6{margin-right:1.5rem}.md\:mt-0{margin-top:0}.md\:mt-1{margin-top:.25rem}.md\:mt-10{margin-top:2.5rem}.md\:mt-5{margin-top:1.25rem}.md\:block{display:block}.md\:inline{display:inline}.md\:flex{display:flex}.md\:grid{display:grid}.md\:hidden{display:none}.md\:w-2\/3{width:66.666667%}.md\:w-56{width:14rem}.md\:max-w-3xl{max-width:48rem}.md\:max-w-none{max-width:none}.md\:flex-none{flex:none}.md\:flex-grow-0{flex-grow:0}.md\:-translate-y-full{--tw-translate-y:-100%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:translate-x-0{--tw-translate-x:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:flex-row{flex-direction:row}.md\:flex-wrap{flex-wrap:wrap}.md\:justify-start{justify-content:flex-start}.md\:justify-end{justify-content:flex-end}.md\:object-right{object-position:right}.md\:px-0{padding-left:0;padding-right:0}.md\:px-4{padding-left:1rem;padding-right:1rem}.md\:px-5{padding-left:1.25rem;padding-right:1.25rem}.md\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.md\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.md\:pl-3{padding-left:.75rem}.md\:pr-3{padding-right:.75rem}.md\:pt-8{padding-top:2rem}.md\:text-2xl{font-size:1.375rem}.md\:text-3xl{font-size:1.5rem}.md\:text-8xl{font-size:2.75rem}.md\:text-base{font-size:1rem}.md\:aspect-ratio-four-three>div:first-of-type:before{content:"";display:block;width:100%;padding-bottom:75%}.md\:aspect-ratio-four-three>div:first-of-type iframe,.md\:aspect-ratio-four-three>div:first-of-type img{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%}}@media (min-width: 1024px){.lg\:absolute{position:absolute}.lg\:relative{position:relative}.lg\:inset-0{top:0;right:0;bottom:0;left:0}.lg\:inset-y-0{top:0;bottom:0}.lg\:left-0{left:0}.lg\:left-auto{left:auto}.lg\:right-1\/2{right:50%}.lg\:top-0{top:0}.lg\:top-1\/2{top:50%}.lg\:z-20{z-index:20}.lg\:order-1{order:1}.lg\:order-2{order:2}.lg\:order-3{order:3}.lg\:col-span-2{grid-column:span 2 / span 2}.lg\:col-span-3{grid-column:span 3 / span 3}.lg\:col-span-4{grid-column:span 4 / span 4}.lg\:col-span-5{grid-column:span 5 / span 5}.lg\:col-span-6{grid-column:span 6 / span 6}.lg\:col-span-7{grid-column:span 7 / span 7}.lg\:col-span-9{grid-column:span 9 / span 9}.lg\:col-start-1{grid-column-start:1}.lg\:col-start-2{grid-column-start:2}.lg\:col-start-3{grid-column-start:3}.lg\:col-start-4{grid-column-start:4}.lg\:col-start-5{grid-column-start:5}.lg\:col-start-6{grid-column-start:6}.lg\:col-start-7{grid-column-start:7}.lg\:col-start-8{grid-column-start:8}.lg\:col-start-9{grid-column-start:9}.lg\:col-end-10{grid-column-end:10}.lg\:col-end-11{grid-column-end:11}.lg\:col-end-12{grid-column-end:12}.lg\:col-end-13{grid-column-end:13}.lg\:col-end-5{grid-column-end:5}.lg\:col-end-6{grid-column-end:6}.lg\:col-end-8{grid-column-end:8}.lg\:col-end-9{grid-column-end:9}.lg\:row-span-2{grid-row:span 2 / span 2}.lg\:mx-0{margin-left:0;margin-right:0}.lg\:mx-1{margin-left:.25rem;margin-right:.25rem}.lg\:mx-1\.5{margin-left:.375rem;margin-right:.375rem}.lg\:my-16{margin-top:4rem;margin-bottom:4rem}.lg\:my-18{margin-top:4.5rem;margin-bottom:4.5rem}.lg\:my-20{margin-top:5rem;margin-bottom:5rem}.lg\:my-24{margin-top:6rem;margin-bottom:6rem}.lg\:my-28{margin-top:7rem;margin-bottom:7rem}.lg\:my-8{margin-top:2rem;margin-bottom:2rem}.lg\:-mb-3{margin-bottom:-.75rem}.lg\:-mb-8{margin-bottom:-2rem}.lg\:-ml-24{margin-left:-6rem}.lg\:-ml-3{margin-left:-.75rem}.lg\:-ml-4{margin-left:-1rem}.lg\:-mr-8{margin-right:-2rem}.lg\:-mt-0{margin-top:-0px}.lg\:-mt-0\.5{margin-top:-.125rem}.lg\:-mt-2{margin-top:-.5rem}.lg\:-mt-2\.5{margin-top:-.625rem}.lg\:-mt-20{margin-top:-5rem}.lg\:-mt-26{margin-top:-6.5rem}.lg\:-mt-28{margin-top:-7rem}.lg\:-mt-6{margin-top:-1.5rem}.lg\:-mt-px{margin-top:-1px}.lg\:mb-0{margin-bottom:0}.lg\:mb-10{margin-bottom:2.5rem}.lg\:mb-12{margin-bottom:3rem}.lg\:mb-14{margin-bottom:3.5rem}.lg\:mb-16{margin-bottom:4rem}.lg\:mb-18{margin-bottom:4.5rem}.lg\:mb-2{margin-bottom:.5rem}.lg\:mb-20{margin-bottom:5rem}.lg\:mb-22{margin-bottom:5.5rem}.lg\:mb-24{margin-bottom:6rem}.lg\:mb-25{margin-bottom:6.25rem}.lg\:mb-3{margin-bottom:.75rem}.lg\:mb-36{margin-bottom:9rem}.lg\:mb-4{margin-bottom:1rem}.lg\:mb-5{margin-bottom:1.25rem}.lg\:mb-6{margin-bottom:1.5rem}.lg\:mb-8{margin-bottom:2rem}.lg\:mb-80{margin-bottom:20rem}.lg\:ml-0{margin-left:0}.lg\:ml-30{margin-left:7.5rem}.lg\:ml-6{margin-left:1.5rem}.lg\:mr-0{margin-right:0}.lg\:mr-20{margin-right:5rem}.lg\:mr-3{margin-right:.75rem}.lg\:mr-8{margin-right:2rem}.lg\:mt-0{margin-top:0}.lg\:mt-1{margin-top:.25rem}.lg\:mt-1\.5{margin-top:.375rem}.lg\:mt-10{margin-top:2.5rem}.lg\:mt-12{margin-top:3rem}.lg\:mt-18{margin-top:4.5rem}.lg\:mt-2{margin-top:.5rem}.lg\:mt-20{margin-top:5rem}.lg\:mt-24{margin-top:6rem}.lg\:mt-28{margin-top:7rem}.lg\:mt-3{margin-top:.75rem}.lg\:mt-6{margin-top:1.5rem}.lg\:mt-8{margin-top:2rem}.lg\:block{display:block}.lg\:inline-block{display:inline-block}.lg\:flex{display:flex}.lg\:grid{display:grid}.lg\:hidden{display:none}.lg\:h-full{height:100%}.lg\:max-h-3xl{max-height:48rem}.lg\:min-h-100{min-height:25rem}.lg\:min-h-28{min-height:7rem}.lg\:w-1\/2{width:50%}.lg\:w-14{width:3.5rem}.lg\:w-14\.5{width:3.625rem}.lg\:w-2\/3{width:66.666667%}.lg\:w-25{width:6.25rem}.lg\:w-3\/4{width:75%}.lg\:w-35{width:8.75rem}.lg\:w-3xl{width:48rem}.lg\:w-48{width:12rem}.lg\:w-5\/6{width:83.333333%}.lg\:w-64{width:16rem}.lg\:w-auto{width:auto}.lg\:w-full{width:100%}.lg\:max-w-3xl{max-width:48rem}.lg\:max-w-none{max-width:none}.lg\:flex-shrink-0{flex-shrink:0}.lg\:-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:-translate-y-3\/7{--tw-translate-y:-42.8571429%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:translate-x-1\/2{--tw-translate-x:50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.lg\:grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:flex-row{flex-direction:row}.lg\:flex-col{flex-direction:column}.lg\:flex-wrap{flex-wrap:wrap}.lg\:items-end{align-items:flex-end}.lg\:items-center{align-items:center}.lg\:justify-start{justify-content:flex-start}.lg\:justify-end{justify-content:flex-end}.lg\:gap-x-6{-moz-column-gap:1.5rem;column-gap:1.5rem}.lg\:gap-y-0{row-gap:0px}.lg\:overflow-hidden{overflow:hidden}.lg\:overflow-visible{overflow:visible}.lg\:overflow-x-auto{overflow-x:auto}.lg\:whitespace-normal{white-space:normal}.lg\:border-0{border-width:0px}.lg\:border-b{border-bottom-width:1px}.lg\:border-t{border-top-width:1px}.lg\:border-none{border-style:none}.lg\:border-gray-light-mid{--tw-border-opacity:1;border-color:rgb(var(--colors-gray-light-mid) / var(--tw-border-opacity))}.lg\:border-gray-mid{--tw-border-opacity:1;border-color:rgb(var(--colors-gray-mid) / var(--tw-border-opacity))}.lg\:bg-gray-light\/100{background-color:rgb(var(--colors-gray-light) / 1)}.lg\:bg-opacity-100{--tw-bg-opacity:1}.lg\:bg-gradient-to-bl{background-image:linear-gradient(to bottom left,var(--tw-gradient-stops))}.lg\:bg-gradient-to-l{background-image:linear-gradient(to left,var(--tw-gradient-stops))}.lg\:bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.lg\:from-transparent{--tw-gradient-from:rgb(var(--gradientColorStops-transparent) / 0) var(--tw-gradient-from-position);--tw-gradient-to:rgb(var(--gradientColorStops-transparent) / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.lg\:from-transparent-w50{--tw-gradient-from:var(--gradientColorStops-transparent-w50) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.lg\:to-transparent-black-50{--tw-gradient-to:rgb(var(--gradientColorStops-transparent-black-50) / .5) var(--tw-gradient-to-position)}.lg\:to-transparent-black-75{--tw-gradient-to:rgb(var(--gradientColorStops-transparent-black-75) / .75) var(--tw-gradient-to-position)}.lg\:to-transparent-black-90{--tw-gradient-to:rgb(var(--gradientColorStops-transparent-black-90) / .9) var(--tw-gradient-to-position)}.lg\:p-0{padding:0}.lg\:p-1{padding:.25rem}.lg\:p-20{padding:5rem}.lg\:p-5{padding:1.25rem}.lg\:px-0{padding-left:0;padding-right:0}.lg\:px-10{padding-left:2.5rem;padding-right:2.5rem}.lg\:px-12{padding-left:3rem;padding-right:3rem}.lg\:px-3{padding-left:.75rem;padding-right:.75rem}.lg\:px-4{padding-left:1rem;padding-right:1rem}.lg\:px-8{padding-left:2rem;padding-right:2rem}.lg\:py-0{padding-top:0;padding-bottom:0}.lg\:py-10{padding-top:2.5rem;padding-bottom:2.5rem}.lg\:py-12{padding-top:3rem;padding-bottom:3rem}.lg\:py-16{padding-top:4rem;padding-bottom:4rem}.lg\:py-18{padding-top:4.5rem;padding-bottom:4.5rem}.lg\:py-2{padding-top:.5rem;padding-bottom:.5rem}.lg\:py-24{padding-top:6rem;padding-bottom:6rem}.lg\:py-36{padding-top:9rem;padding-bottom:9rem}.lg\:py-4{padding-top:1rem;padding-bottom:1rem}.lg\:py-48{padding-top:12rem;padding-bottom:12rem}.lg\:py-5{padding-top:1.25rem;padding-bottom:1.25rem}.lg\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.lg\:py-8{padding-top:2rem;padding-bottom:2rem}.lg\:pb-0{padding-bottom:0}.lg\:pb-10{padding-bottom:2.5rem}.lg\:pb-14{padding-bottom:3.5rem}.lg\:pb-18{padding-bottom:4.5rem}.lg\:pb-2{padding-bottom:.5rem}.lg\:pb-24{padding-bottom:6rem}.lg\:pb-4{padding-bottom:1rem}.lg\:pb-6{padding-bottom:1.5rem}.lg\:pl-0{padding-left:0}.lg\:pl-6{padding-left:1.5rem}.lg\:pr-1{padding-right:.25rem}.lg\:pr-12{padding-right:3rem}.lg\:pr-14{padding-right:3.5rem}.lg\:pr-3{padding-right:.75rem}.lg\:pr-4{padding-right:1rem}.lg\:pr-5{padding-right:1.25rem}.lg\:pt-0{padding-top:0}.lg\:pt-10{padding-top:2.5rem}.lg\:pt-12{padding-top:3rem}.lg\:pt-2{padding-top:.5rem}.lg\:pt-20{padding-top:5rem}.lg\:pt-22{padding-top:5.5rem}.lg\:pt-3{padding-top:.75rem}.lg\:pt-3\.5{padding-top:.875rem}.lg\:pt-4{padding-top:1rem}.lg\:pt-6{padding-top:1.5rem}.lg\:pt-8{padding-top:2rem}.lg\:text-left{text-align:left}.lg\:text-center{text-align:center}.lg\:text-2xl{font-size:1.375rem}.lg\:text-3xl{font-size:1.5rem}.lg\:text-4xl{font-size:1.625rem}.lg\:text-6xl{font-size:2rem}.lg\:text-7xl{font-size:2.5rem}.lg\:text-9xl{font-size:3.5rem}.lg\:text-base{font-size:1rem}.lg\:text-xl{font-size:1.25rem}.lg\:font-normal{font-weight:400}.lg\:leading-tight{line-height:1.25}.lg\:leading-tighter{line-height:1.125}.lg\:tracking-tight{letter-spacing:-.5px}.lg\:tracking-tightest{letter-spacing:-2px}.lg\:text-white{--tw-text-opacity:1;color:rgb(var(--colors-white) / var(--tw-text-opacity))}.lg\:opacity-0{opacity:0}.lg\:shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.lg\:shadow-lg{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.lg\:aspect-ratio-two-one>div:first-of-type:before{content:"";display:block;width:100%;padding-bottom:50%}.lg\:aspect-ratio-two-one>div:first-of-type iframe,.lg\:aspect-ratio-two-one>div:first-of-type img{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%}.lg\:text-contrast{text-shadow:1px 1px 2px rgba(0,0,0,.7)}.NavInternal .NavInternalPanel .lg\:auto-cols-2,.NavInternal .NavInternalPanel .lg\:auto-cols-3{-moz-column-gap:3.5rem;column-gap:3.5rem}.NavInternal .NavInternalPanel .lg\:auto-cols-2{-moz-column-count:2;column-count:2}.NavInternal .NavInternalPanel .lg\:auto-cols-3{-moz-column-count:3;column-count:3}@media (hover: hover) and (pointer: fine){.group:hover .lg\:group-hover\:mb-1{margin-bottom:.25rem}.group:hover .lg\:group-hover\:mb-3{margin-bottom:.75rem}.group:hover .lg\:group-hover\:ml-0{margin-left:0}.group:hover .lg\:group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .lg\:group-hover\:opacity-100{opacity:1}}}@media (min-width: 1280px){.xl\:col-span-2{grid-column:span 2 / span 2}.xl\:col-span-3{grid-column:span 3 / span 3}.xl\:col-span-4{grid-column:span 4 / span 4}.xl\:col-span-7{grid-column:span 7 / span 7}.xl\:col-start-6{grid-column-start:6}.xl\:col-start-9{grid-column-start:9}.xl\:col-end-11{grid-column-end:11}.xl\:col-end-6{grid-column-end:6}.xl\:col-end-7{grid-column-end:7}.xl\:col-end-8{grid-column-end:8}.xl\:col-end-9{grid-column-end:9}.xl\:mx-24{margin-left:6rem;margin-right:6rem}.xl\:mx-4{margin-left:1rem;margin-right:1rem}.xl\:-ml-20{margin-left:-5rem}.xl\:-ml-22{margin-left:-5.5rem}.xl\:-mr-22{margin-right:-5.5rem}.xl\:mb-3{margin-bottom:.75rem}.xl\:block{display:block}.xl\:w-1\/2{width:50%}.xl\:w-2\/3{width:66.666667%}.xl\:w-3\/5{width:60%}.xl\:w-5\/12{width:41.666667%}.xl\:-translate-x-1\/2{--tw-translate-x:-50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.xl\:grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}.xl\:from-transparent-w25{--tw-gradient-from:var(--gradientColorStops-transparent-w25) var(--tw-gradient-from-position);--tw-gradient-to:rgb(255 255 255 / 0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.xl\:px-0{padding-left:0;padding-right:0}.xl\:px-10{padding-left:2.5rem;padding-right:2.5rem}.xl\:px-8{padding-left:2rem;padding-right:2rem}.xl\:py-6{padding-top:1.5rem;padding-bottom:1.5rem}.xl\:pl-14{padding-left:3.5rem}.xl\:pr-18{padding-right:4.5rem}.xl\:pr-26{padding-right:6.5rem}.xl\:pr-4{padding-right:1rem}.xl\:pr-6{padding-right:1.5rem}.xl\:text-10xl{font-size:4.5rem}.xl\:text-2xl{font-size:1.375rem}.xl\:text-6xl{font-size:2rem}.xl\:text-base{font-size:1rem}.xl\:text-xl{font-size:1.25rem}.xl\:leading-normal{line-height:1.5}}@media (min-width: 1440px){.\32xl\:col-span-3{grid-column:span 3 / span 3}.\32xl\:-mr-3{margin-right:-.75rem}.\32xl\:w-2\/5{width:40%}.\32xl\:grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}.\32xl\:px-0{padding-left:0;padding-right:0}.\32xl\:pl-0{padding-left:0}.\32xl\:pr-0{padding-right:0}}@media (min-width: 1800px){.\33xl\:col-end-12{grid-column-end:12}.\33xl\:col-end-13{grid-column-end:13}.\33xl\:ml-0{margin-left:0}.\33xl\:mr-16{margin-right:4rem}.\33xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.\33xl\:px-0{padding-left:0;padding-right:0}}@media (hover: hover){.can-hover\:-ml-3{margin-left:-.75rem}.can-hover\:block{display:block}.can-hover\:opacity-0{opacity:0}.can-hover\:opacity-100{opacity:1}@media (hover: hover) and (pointer: fine){.can-hover\:hover\:font-medium:hover{font-weight:500}.can-hover\:hover\:text-gray-dark:hover{--tw-text-opacity:1;color:rgb(var(--colors-gray-dark) / var(--tw-text-opacity))}.can-hover\:hover\:text-gray-mid-dark:hover{--tw-text-opacity:1;color:rgb(var(--colors-gray-mid-dark) / var(--tw-text-opacity))}.can-hover\:hover\:text-jpl-sky-blue-dark:hover{--tw-text-opacity:1;color:rgb(var(--colors-jpl-sky-blue-dark) / var(--tw-text-opacity))}.can-hover\:hover\:text-white:hover{--tw-text-opacity:1;color:rgb(var(--colors-white) / var(--tw-text-opacity))}.can-hover\:hover\:text-opacity-100:hover{--tw-text-opacity:1}.can-hover\:hover\:underline:hover{text-decoration-line:underline}.can-hover\:hover\:opacity-95:hover{opacity:.95}.can-hover\:hover\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.can-hover\:hover\:text-theme-color-hover:hover,.ThemeVariantLight .can-hover\:hover\:text-theme-color-hover:hover{--tw-text-opacity:1;color:rgb(var(--colors-jpl-red-dark) / var(--tw-text-opacity))}.ThemeVariantDark .can-hover\:hover\:text-theme-color-hover:hover .hover\:text-theme-color-hover:hover{--tw-text-opacity:1;color:rgb(var(--colors-jpl-red) / var(--tw-text-opacity))}.ThemeInternal .can-hover\:hover\:text-theme-color-hover:hover,.ThemeInternal .can-hover\:hover\:text-theme-red-hover:hover,.ThemeInternal .ThemeVariantLight .can-hover\:hover\:text-theme-color-hover:hover,.ThemeInternal .ThemeVariantLight .can-hover\:hover\:text-theme-red-hover:hover{--tw-text-opacity:1;color:rgb(var(--colors-jpl-sky-blue) / var(--tw-text-opacity))}.ThemeInternal .ThemeVariantDark .can-hover\:hover\:text-theme-color-hover:hover,.ThemeInternal .ThemeVariantDark .can-hover\:hover\:text-theme-red-hover:hover{--tw-text-opacity:1;color:rgb(var(--colors-jpl-sky-blue-dark) / var(--tw-text-opacity))}.group:hover .can-hover\:group-hover\:-mt-3{margin-top:-.75rem}.group:hover .can-hover\:group-hover\:ml-0{margin-left:0}.group:hover .can-hover\:group-hover\:ml-2{margin-left:.5rem}.group:hover .can-hover\:group-hover\:ml-3{margin-left:.75rem}.group:hover .can-hover\:group-hover\:ml-5{margin-left:1.25rem}.group:hover .can-hover\:group-hover\:-translate-y-2{--tw-translate-y:-.5rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .can-hover\:group-hover\:-translate-y-3{--tw-translate-y:-.75rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .can-hover\:group-hover\:scale-100{--tw-scale-x:1;--tw-scale-y:1;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .can-hover\:group-hover\:scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.group:hover .can-hover\:group-hover\:border-b-2{border-bottom-width:2px}.group:hover .can-hover\:group-hover\:border-gray-mid-dark{--tw-border-opacity:1;border-color:rgb(var(--colors-gray-mid-dark) / var(--tw-border-opacity))}.group:hover .can-hover\:group-hover\:border-jpl-red{--tw-border-opacity:1;border-color:rgb(var(--colors-jpl-red) / var(--tw-border-opacity))}.group:hover .can-hover\:group-hover\:border-jpl-red-light{--tw-border-opacity:1;border-color:rgb(var(--colors-jpl-red-light) / var(--tw-border-opacity))}.group:hover .can-hover\:group-hover\:bg-jpl-red-light{--tw-bg-opacity:1;background-color:rgb(var(--colors-jpl-red-light) / var(--tw-bg-opacity))}.group:hover .can-hover\:group-hover\:text-gray-mid-dark{--tw-text-opacity:1;color:rgb(var(--colors-gray-mid-dark) / var(--tw-text-opacity))}.group:hover .can-hover\:group-hover\:underline{text-decoration-line:underline}.group:hover .can-hover\:group-hover\:opacity-100{opacity:1}.group:hover .can-hover\:group-hover\:delay-200{transition-delay:.2s}}} +@charset "UTF-8"; +.carousel { + position: relative; + box-sizing: border-box; +} +.carousel *, +.carousel *:before, +.carousel *:after { + box-sizing: inherit; +} +.carousel.is-draggable { + cursor: move; + cursor: grab; +} +.carousel.is-dragging { + cursor: move; + cursor: grabbing; +} +.carousel__viewport { + position: relative; + overflow: hidden; + max-width: 100%; + max-height: 100%; +} +.carousel__track { + display: flex; +} +.carousel__slide { + flex: 0 0 auto; + width: var(--carousel-slide-width, 60%); + max-width: 100%; + padding: 1rem; + position: relative; + overflow-x: hidden; + overflow-y: auto; + overscroll-behavior: contain; +} +.has-dots { + margin-bottom: calc(0.5rem + 22px); +} +.carousel__dots { + margin: 0 auto; + padding: 0; + position: absolute; + top: calc(100% + 0.5rem); + left: 0; + right: 0; + display: flex; + justify-content: center; + list-style: none; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; +} +.carousel__dots .carousel__dot { + margin: 0; + padding: 0; + display: block; + position: relative; + width: 22px; + height: 22px; + cursor: pointer; +} +.carousel__dots .carousel__dot:after { + content: ''; + width: 8px; + height: 8px; + border-radius: 50%; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + background-color: currentColor; + opacity: 0.25; + transition: opacity 0.15s ease-in-out; +} +.carousel__dots .carousel__dot.is-selected:after { + opacity: 1; +} +.carousel__button { + width: var(--carousel-button-width, 48px); + height: var(--carousel-button-height, 48px); + padding: 0; + border: 0; + display: flex; + justify-content: center; + align-items: center; + pointer-events: all; + cursor: pointer; + color: var(--carousel-button-color, currentColor); + background: var(--carousel-button-bg, transparent); + border-radius: var(--carousel-button-border-radius, 50%); + box-shadow: var(--carousel-button-shadow, none); + transition: opacity 0.15s ease; +} +.carousel__button.is-prev, +.carousel__button.is-next { + position: absolute; + top: 50%; + transform: translateY(-50%); +} +.carousel__button.is-prev { + left: 10px; +} +.carousel__button.is-next { + right: 10px; +} +.carousel__button[disabled] { + cursor: default; + opacity: 0.3; +} +.carousel__button svg { + width: var(--carousel-button-svg-width, 50%); + height: var(--carousel-button-svg-height, 50%); + fill: none; + stroke: currentColor; + stroke-width: var(--carousel-button-svg-stroke-width, 1.5); + stroke-linejoin: bevel; + stroke-linecap: round; + filter: var(--carousel-button-svg-filter, none); + pointer-events: none; +} +html.with-fancybox { + scroll-behavior: auto; +} +body.compensate-for-scrollbar { + overflow: hidden !important; + touch-action: none; +} +.fancybox__container { + position: fixed; + top: 0; + left: 0; + bottom: 0; + right: 0; + direction: ltr; + margin: 0; + padding: env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) + env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px); + box-sizing: border-box; + display: flex; + flex-direction: column; + color: var(--fancybox-color, #fff); + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + overflow: hidden; + z-index: 1050; + outline: none; + transform-origin: top left; + --carousel-button-width: 48px; + --carousel-button-height: 48px; + --carousel-button-svg-width: 24px; + --carousel-button-svg-height: 24px; + --carousel-button-svg-stroke-width: 2.5; + --carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4)); +} +.fancybox__container *, +.fancybox__container *:before, +.fancybox__container *:after { + box-sizing: inherit; +} +.fancybox__container :focus { + outline: none; +} +body:not(.is-using-mouse) .fancybox__container :focus { + box-shadow: + 0 0 0 1px #fff, + 0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94)); +} +@media all and (min-width: 1024px) { + .fancybox__container { + --carousel-button-width: 48px; + --carousel-button-height: 48px; + --carousel-button-svg-width: 27px; + --carousel-button-svg-height: 27px; + } +} +.fancybox__backdrop { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: -1; + background: var(--fancybox-bg, rgba(24, 24, 27, 0.92)); +} +.fancybox__carousel { + position: relative; + flex: 1 1 auto; + min-height: 0; + height: 100%; + z-index: 10; +} +.fancybox__carousel.has-dots { + margin-bottom: calc(0.5rem + 22px); +} +.fancybox__viewport { + position: relative; + width: 100%; + height: 100%; + overflow: visible; + cursor: default; +} +.fancybox__track { + display: flex; + height: 100%; +} +.fancybox__slide { + flex: 0 0 auto; + width: 100%; + max-width: 100%; + margin: 0; + padding: 48px 8px 8px; + position: relative; + overscroll-behavior: contain; + display: flex; + flex-direction: column; + outline: 0; + overflow: auto; + --carousel-button-width: 36px; + --carousel-button-height: 36px; + --carousel-button-svg-width: 22px; + --carousel-button-svg-height: 22px; +} +.fancybox__slide:before, +.fancybox__slide:after { + content: ''; + flex: 0 0 0; + margin: auto; +} +@media all and (min-width: 1024px) { + .fancybox__slide { + padding: 64px 100px; + } +} +.fancybox__content { + margin: 0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px); + padding: 36px; + color: var(--fancybox-content-color, #374151); + background: var(--fancybox-content-bg, #fff); + position: relative; + align-self: center; + display: flex; + flex-direction: column; + z-index: 20; +} +.fancybox__content :focus:not(.carousel__button.is-close) { + outline: thin dotted; + box-shadow: none; +} +.fancybox__caption { + align-self: center; + max-width: 100%; + margin: 0; + padding: 1rem 0 0; + line-height: 1.375; + color: var(--fancybox-color, currentColor); + visibility: visible; + cursor: auto; + flex-shrink: 0; + overflow-wrap: anywhere; +} +.is-loading .fancybox__caption { + visibility: hidden; +} +.fancybox__container > .carousel__dots { + top: 100%; + color: var(--fancybox-color, #fff); +} +.fancybox__nav .carousel__button { + z-index: 40; +} +.fancybox__nav .carousel__button.is-next { + right: 8px; +} +@media all and (min-width: 1024px) { + .fancybox__nav .carousel__button.is-next { + right: 40px; + } +} +.fancybox__nav .carousel__button.is-prev { + left: 8px; +} +@media all and (min-width: 1024px) { + .fancybox__nav .carousel__button.is-prev { + left: 40px; + } +} +.carousel__button.is-close { + position: absolute; + top: 8px; + right: 8px; + top: calc(env(safe-area-inset-top, 0px) + 8px); + right: calc(env(safe-area-inset-right, 0px) + 8px); + z-index: 40; +} +@media all and (min-width: 1024px) { + .carousel__button.is-close { + right: 40px; + } +} +.fancybox__content > .carousel__button.is-close { + position: absolute; + top: -40px; + right: 0; + color: var(--fancybox-color, #fff); +} +.fancybox__no-click, +.fancybox__no-click button { + pointer-events: none; +} +.fancybox__spinner { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + width: 50px; + height: 50px; + color: var(--fancybox-color, currentColor); +} +.fancybox__slide .fancybox__spinner { + cursor: pointer; + z-index: 1053; +} +.fancybox__spinner svg { + animation: fancybox-rotate 2s linear infinite; + transform-origin: center center; + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + margin: auto; + width: 100%; + height: 100%; +} +.fancybox__spinner svg circle { + fill: none; + stroke-width: 2.75; + stroke-miterlimit: 10; + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + animation: fancybox-dash 1.5s ease-in-out infinite; + stroke-linecap: round; + stroke: currentColor; +} +@keyframes fancybox-rotate { + to { + transform: rotate(360deg); + } +} +@keyframes fancybox-dash { + 0% { + stroke-dasharray: 1, 200; + stroke-dashoffset: 0; + } + 50% { + stroke-dasharray: 89, 200; + stroke-dashoffset: -35px; + } + to { + stroke-dasharray: 89, 200; + stroke-dashoffset: -124px; + } +} +.fancybox__backdrop, +.fancybox__caption, +.fancybox__nav, +.carousel__dots, +.carousel__button.is-close { + opacity: var(--fancybox-opacity, 1); +} +.fancybox__container.is-animated[aria-hidden='false'] .fancybox__backdrop, +.fancybox__container.is-animated[aria-hidden='false'] .fancybox__caption, +.fancybox__container.is-animated[aria-hidden='false'] .fancybox__nav, +.fancybox__container.is-animated[aria-hidden='false'] .carousel__dots, +.fancybox__container.is-animated[aria-hidden='false'] .carousel__button.is-close { + animation: 0.15s ease backwards fancybox-fadeIn; +} +.fancybox__container.is-animated.is-closing .fancybox__backdrop, +.fancybox__container.is-animated.is-closing .fancybox__caption, +.fancybox__container.is-animated.is-closing .fancybox__nav, +.fancybox__container.is-animated.is-closing .carousel__dots, +.fancybox__container.is-animated.is-closing .carousel__button.is-close { + animation: 0.15s ease both fancybox-fadeOut; +} +.fancybox-fadeIn { + animation: 0.15s ease both fancybox-fadeIn; +} +.fancybox-fadeOut { + animation: 0.1s ease both fancybox-fadeOut; +} +.fancybox-zoomInUp { + animation: 0.2s ease both fancybox-zoomInUp; +} +.fancybox-zoomOutDown { + animation: 0.15s ease both fancybox-zoomOutDown; +} +.fancybox-throwOutUp { + animation: 0.15s ease both fancybox-throwOutUp; +} +.fancybox-throwOutDown { + animation: 0.15s ease both fancybox-throwOutDown; +} +@keyframes fancybox-fadeIn { + 0% { + opacity: 0; + } + to { + opacity: 1; + } +} +@keyframes fancybox-fadeOut { + to { + opacity: 0; + } +} +@keyframes fancybox-zoomInUp { + 0% { + transform: scale(0.97) translate3d(0, 16px, 0); + opacity: 0; + } + to { + transform: scale(1) translateZ(0); + opacity: 1; + } +} +@keyframes fancybox-zoomOutDown { + to { + transform: scale(0.97) translate3d(0, 16px, 0); + opacity: 0; + } +} +@keyframes fancybox-throwOutUp { + to { + transform: translate3d(0, -30%, 0); + opacity: 0; + } +} +@keyframes fancybox-throwOutDown { + to { + transform: translate3d(0, 30%, 0); + opacity: 0; + } +} +.fancybox__carousel .carousel__slide { + scrollbar-width: thin; + scrollbar-color: #ccc rgba(255, 255, 255, 0.1); +} +.fancybox__carousel .carousel__slide::-webkit-scrollbar { + width: 8px; + height: 8px; +} +.fancybox__carousel .carousel__slide::-webkit-scrollbar-track { + background-color: #ffffff1a; +} +.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb { + background-color: #ccc; + border-radius: 2px; + box-shadow: inset 0 0 4px #0003; +} +.fancybox__carousel.is-draggable .fancybox__slide, +.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content { + cursor: move; + cursor: grab; +} +.fancybox__carousel.is-dragging .fancybox__slide, +.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content { + cursor: move; + cursor: grabbing; +} +.fancybox__carousel .fancybox__slide .fancybox__content { + cursor: auto; +} +.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content { + cursor: zoom-in; +} +.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content { + cursor: zoom-out; +} +.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content { + cursor: move; + cursor: grab; +} +.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content { + cursor: move; + cursor: grabbing; +} +.fancybox__image { + transform-origin: 0 0; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + transition: none; +} +.has-image .fancybox__content { + padding: 0; + background: #0000; + min-height: 1px; +} +.is-closing .has-image .fancybox__content { + overflow: visible; +} +.has-image[data-image-fit='contain'] { + overflow: visible; + touch-action: none; +} +.has-image[data-image-fit='contain'] .fancybox__content { + flex-direction: row; + flex-wrap: wrap; +} +.has-image[data-image-fit='contain'] .fancybox__image { + max-width: 100%; + max-height: 100%; + object-fit: contain; +} +.has-image[data-image-fit='contain-w'] { + overflow-x: hidden; + overflow-y: auto; +} +.has-image[data-image-fit='contain-w'] .fancybox__content { + min-height: auto; +} +.has-image[data-image-fit='contain-w'] .fancybox__image { + max-width: 100%; + height: auto; +} +.has-image[data-image-fit='cover'] { + overflow: visible; + touch-action: none; +} +.has-image[data-image-fit='cover'] .fancybox__content { + width: 100%; + height: 100%; +} +.has-image[data-image-fit='cover'] .fancybox__image { + width: 100%; + height: 100%; + object-fit: cover; +} +.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, +.fancybox__carousel .fancybox__slide.has-map .fancybox__content, +.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, +.fancybox__carousel .fancybox__slide.has-video .fancybox__content, +.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content { + max-width: 100%; + flex-shrink: 1; + min-height: 1px; + overflow: visible; +} +.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content, +.fancybox__carousel .fancybox__slide.has-map .fancybox__content, +.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content { + width: 100%; + height: 80%; +} +.fancybox__carousel .fancybox__slide.has-video .fancybox__content, +.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content { + width: 960px; + height: 540px; + max-width: 100%; + max-height: 100%; +} +.fancybox__carousel .fancybox__slide.has-map .fancybox__content, +.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content, +.fancybox__carousel .fancybox__slide.has-video .fancybox__content, +.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content { + padding: 0; + background: #18181be6; + color: #fff; +} +.fancybox__carousel .fancybox__slide.has-map .fancybox__content { + background: #e5e3df; +} +.fancybox__html5video, +.fancybox__iframe { + border: 0; + display: block; + height: 100%; + width: 100%; + background: #0000; +} +.fancybox-placeholder { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; +} +.fancybox__thumbs { + flex: 0 0 auto; + position: relative; + padding: 0 3px; + opacity: var(--fancybox-opacity, 1); +} +.fancybox__container.is-animated[aria-hidden='false'] .fancybox__thumbs { + animation: 0.15s ease-in backwards fancybox-fadeIn; +} +.fancybox__container.is-animated.is-closing .fancybox__thumbs { + opacity: 0; +} +.fancybox__thumbs .carousel__slide { + flex: 0 0 auto; + width: var(--fancybox-thumbs-width, 96px); + margin: 0; + padding: 8px 3px; + box-sizing: content-box; + display: flex; + align-items: center; + justify-content: center; + overflow: visible; + cursor: pointer; +} +.fancybox__thumbs .carousel__slide .fancybox__thumb:after { + content: ''; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + border-width: 5px; + border-style: solid; + border-color: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96)); + opacity: 0; + transition: opacity 0.15s ease; + border-radius: var(--fancybox-thumbs-border-radius, 4px); +} +.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb:after { + opacity: 0.92; +} +.fancybox__thumbs .carousel__slide > * { + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; +} +.fancybox__thumb { + position: relative; + width: 100%; + padding-top: calc(100% / (var(--fancybox-thumbs-ratio, 1.5))); + background-size: cover; + background-position: center center; + background-color: #ffffff1a; + background-repeat: no-repeat; + border-radius: var(--fancybox-thumbs-border-radius, 4px); +} +.fancybox__toolbar { + position: absolute; + top: 0; + right: 0; + left: 0; + z-index: 20; + background: linear-gradient( + to top, + #0000, + #00000002 8.1%, + #00000005 15.5%, + #0000000c 22.5%, + #00000014 29%, + #0000001d 35.3%, + #00000028, + #00000032 47.1%, + #0000003e 52.9%, + #00000049, + #00000053 64.7%, + #0000005d 71%, + #00000064 77.5%, + #0000006b 84.5%, + #0000006f 91.9%, + #00000070 + ); + padding: 0; + touch-action: none; + display: flex; + justify-content: space-between; + --carousel-button-svg-width: 20px; + --carousel-button-svg-height: 20px; + opacity: var(--fancybox-opacity, 1); + text-shadow: var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4)); +} +@media all and (min-width: 1024px) { + .fancybox__toolbar { + padding: 8px; + } +} +.fancybox__container.is-animated[aria-hidden='false'] .fancybox__toolbar { + animation: 0.15s ease-in backwards fancybox-fadeIn; +} +.fancybox__container.is-animated.is-closing .fancybox__toolbar { + opacity: 0; +} +.fancybox__toolbar__items { + display: flex; +} +.fancybox__toolbar__items--left { + margin-right: auto; +} +.fancybox__toolbar__items--center { + position: absolute; + left: 50%; + transform: translate(-50%); +} +.fancybox__toolbar__items--right { + margin-left: auto; +} +@media (max-width: 640px) { + .fancybox__toolbar__items--center:not(:last-child) { + display: none; + } +} +.fancybox__counter { + min-width: 72px; + padding: 0 10px; + line-height: var(--carousel-button-height, 48px); + text-align: center; + font-size: 17px; + font-variant-numeric: tabular-nums; + -webkit-font-smoothing: subpixel-antialiased; +} +.fancybox__progress { + background: var(--fancybox-accent-color, rgba(34, 213, 233, 0.96)); + height: 3px; + left: 0; + position: absolute; + right: 0; + top: 0; + transform: scaleX(0); + transform-origin: 0; + transition-property: transform; + transition-timing-function: linear; + z-index: 30; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; +} +.fancybox__container:fullscreen::backdrop { + opacity: 0; +} +.fancybox__button--fullscreen g:nth-child(2) { + display: none; +} +.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1) { + display: none; +} +.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2) { + display: block; +} +.fancybox__button--slideshow g:nth-child(2) { + display: none; +} +.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1) { + display: none; +} +.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2) { + display: block; +} +@font-face { + font-family: swiper-icons; + src: url(data:application/font-woff;charset=utf-8;base64,\ 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); + font-weight: 400; + font-style: normal; +} +:root { + --swiper-theme-color: #007aff; +} +:host { + position: relative; + display: block; + margin-left: auto; + margin-right: auto; + z-index: 1; +} +.swiper { + margin-left: auto; + margin-right: auto; + position: relative; + overflow: hidden; + list-style: none; + padding: 0; + z-index: 1; + display: block; +} +.swiper-vertical > .swiper-wrapper { + flex-direction: column; +} +.swiper-wrapper { + position: relative; + width: 100%; + height: 100%; + z-index: 1; + display: flex; + transition-property: transform; + transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); + box-sizing: content-box; +} +.swiper-android .swiper-slide, +.swiper-ios .swiper-slide, +.swiper-wrapper { + transform: translateZ(0); +} +.swiper-horizontal { + touch-action: pan-y; +} +.swiper-vertical { + touch-action: pan-x; +} +.swiper-slide { + flex-shrink: 0; + width: 100%; + height: 100%; + position: relative; + transition-property: transform; + display: block; +} +.swiper-slide-invisible-blank { + visibility: hidden; +} +.swiper-autoheight, +.swiper-autoheight .swiper-slide { + height: auto; +} +.swiper-autoheight .swiper-wrapper { + align-items: flex-start; + transition-property: transform, height; +} +.swiper-backface-hidden .swiper-slide { + transform: translateZ(0); + backface-visibility: hidden; +} +.swiper-3d.swiper-css-mode .swiper-wrapper { + perspective: 1200px; +} +.swiper-3d .swiper-wrapper { + transform-style: preserve-3d; +} +.swiper-3d { + perspective: 1200px; +} +.swiper-3d .swiper-slide, +.swiper-3d .swiper-cube-shadow { + transform-style: preserve-3d; +} +.swiper-css-mode > .swiper-wrapper { + overflow: auto; + scrollbar-width: none; + -ms-overflow-style: none; +} +.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { + display: none; +} +.swiper-css-mode > .swiper-wrapper > .swiper-slide { + scroll-snap-align: start start; +} +.swiper-css-mode.swiper-horizontal > .swiper-wrapper { + scroll-snap-type: x mandatory; +} +.swiper-css-mode.swiper-vertical > .swiper-wrapper { + scroll-snap-type: y mandatory; +} +.swiper-css-mode.swiper-free-mode > .swiper-wrapper { + scroll-snap-type: none; +} +.swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { + scroll-snap-align: none; +} +.swiper-css-mode.swiper-centered > .swiper-wrapper:before { + content: ''; + flex-shrink: 0; + order: 9999; +} +.swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { + scroll-snap-align: center center; + scroll-snap-stop: always; +} +.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { + margin-inline-start: var(--swiper-centered-offset-before); +} +.swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before { + height: 100%; + min-height: 1px; + width: var(--swiper-centered-offset-after); +} +.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { + margin-block-start: var(--swiper-centered-offset-before); +} +.swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before { + width: 100%; + min-width: 1px; + height: var(--swiper-centered-offset-after); +} +.swiper-3d .swiper-slide-shadow, +.swiper-3d .swiper-slide-shadow-left, +.swiper-3d .swiper-slide-shadow-right, +.swiper-3d .swiper-slide-shadow-top, +.swiper-3d .swiper-slide-shadow-bottom { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + pointer-events: none; + z-index: 10; +} +.swiper-3d .swiper-slide-shadow { + background: #00000026; +} +.swiper-3d .swiper-slide-shadow-left { + background-image: linear-gradient(to left, #00000080, #0000); +} +.swiper-3d .swiper-slide-shadow-right { + background-image: linear-gradient(to right, #00000080, #0000); +} +.swiper-3d .swiper-slide-shadow-top { + background-image: linear-gradient(to top, #00000080, #0000); +} +.swiper-3d .swiper-slide-shadow-bottom { + background-image: linear-gradient(to bottom, #00000080, #0000); +} +.swiper-lazy-preloader { + width: 42px; + height: 42px; + position: absolute; + left: 50%; + top: 50%; + margin-left: -21px; + margin-top: -21px; + z-index: 10; + transform-origin: 50%; + box-sizing: border-box; + border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); + border-radius: 50%; + border-top-color: transparent; +} +.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, +.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { + animation: swiper-preloader-spin 1s infinite linear; +} +.swiper-lazy-preloader-white { + --swiper-preloader-color: #fff; +} +.swiper-lazy-preloader-black { + --swiper-preloader-color: #000; +} +@keyframes swiper-preloader-spin { + 0% { + transform: rotate(0); + } + to { + transform: rotate(360deg); + } +} +.swiper-virtual .swiper-slide { + -webkit-backface-visibility: hidden; + transform: translateZ(0); +} +.swiper-virtual.swiper-css-mode .swiper-wrapper:after { + content: ''; + position: absolute; + left: 0; + top: 0; + pointer-events: none; +} +.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper:after { + height: 1px; + width: var(--swiper-virtual-size); +} +.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper:after { + width: 1px; + height: var(--swiper-virtual-size); +} +:root { + --swiper-navigation-size: 44px; +} +.swiper-button-prev, +.swiper-button-next { + position: absolute; + top: var(--swiper-navigation-top-offset, 50%); + width: calc(var(--swiper-navigation-size) / 44 * 27); + height: var(--swiper-navigation-size); + margin-top: calc(0px - (var(--swiper-navigation-size) / 2)); + z-index: 10; + cursor: pointer; + display: flex; + align-items: center; + justify-content: center; + color: var(--swiper-navigation-color, var(--swiper-theme-color)); +} +.swiper-button-prev.swiper-button-disabled, +.swiper-button-next.swiper-button-disabled { + opacity: 0.35; + cursor: auto; + pointer-events: none; +} +.swiper-button-prev.swiper-button-hidden, +.swiper-button-next.swiper-button-hidden { + opacity: 0; + cursor: auto; + pointer-events: none; +} +.swiper-navigation-disabled .swiper-button-prev, +.swiper-navigation-disabled .swiper-button-next { + display: none !important; +} +.swiper-button-prev svg, +.swiper-button-next svg { + width: 100%; + height: 100%; + object-fit: contain; + transform-origin: center; +} +.swiper-rtl .swiper-button-prev svg, +.swiper-rtl .swiper-button-next svg { + transform: rotate(180deg); +} +.swiper-button-prev, +.swiper-rtl .swiper-button-next { + left: var(--swiper-navigation-sides-offset, 10px); + right: auto; +} +.swiper-button-lock { + display: none; +} +.swiper-button-prev:after, +.swiper-button-next:after { + font-family: swiper-icons; + font-size: var(--swiper-navigation-size); + text-transform: none !important; + letter-spacing: 0; + font-variant: initial; + line-height: 1; +} +.swiper-button-prev:after, +.swiper-rtl .swiper-button-next:after { + content: 'prev'; +} +.swiper-button-next, +.swiper-rtl .swiper-button-prev { + right: var(--swiper-navigation-sides-offset, 10px); + left: auto; +} +.swiper-button-next:after, +.swiper-rtl .swiper-button-prev:after { + content: 'next'; +} +.swiper-pagination { + position: absolute; + text-align: center; + transition: 0.3s opacity; + transform: translateZ(0); + z-index: 10; +} +.swiper-pagination.swiper-pagination-hidden { + opacity: 0; +} +.swiper-pagination-disabled > .swiper-pagination, +.swiper-pagination.swiper-pagination-disabled { + display: none !important; +} +.swiper-pagination-fraction, +.swiper-pagination-custom, +.swiper-horizontal > .swiper-pagination-bullets, +.swiper-pagination-bullets.swiper-pagination-horizontal { + bottom: var(--swiper-pagination-bottom, 8px); + top: var(--swiper-pagination-top, auto); + left: 0; + width: 100%; +} +.swiper-pagination-bullets-dynamic { + overflow: hidden; + font-size: 0; +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + transform: scale(0.33); + position: relative; +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active, +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { + transform: scale(1); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { + transform: scale(0.66); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { + transform: scale(0.33); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { + transform: scale(0.66); +} +.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { + transform: scale(0.33); +} +.swiper-pagination-bullet { + width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px)); + height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px)); + display: inline-block; + border-radius: var(--swiper-pagination-bullet-border-radius, 50%); + background: var(--swiper-pagination-bullet-inactive-color, #000); + opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); +} +button.swiper-pagination-bullet { + border: none; + margin: 0; + padding: 0; + box-shadow: none; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} +.swiper-pagination-clickable .swiper-pagination-bullet { + cursor: pointer; +} +.swiper-pagination-bullet:only-child { + display: none !important; +} +.swiper-pagination-bullet-active { + opacity: var(--swiper-pagination-bullet-opacity, 1); + background: var(--swiper-pagination-color, var(--swiper-theme-color)); +} +.swiper-vertical > .swiper-pagination-bullets, +.swiper-pagination-vertical.swiper-pagination-bullets { + right: var(--swiper-pagination-right, 8px); + left: var(--swiper-pagination-left, auto); + top: 50%; + transform: translate3d(0, -50%, 0); +} +.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, +.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { + margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; + display: block; +} +.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, +.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { + top: 50%; + transform: translateY(-50%); + width: 8px; +} +.swiper-vertical + > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic + .swiper-pagination-bullet, +.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic + .swiper-pagination-bullet { + display: inline-block; + transition: + 0.2s transform, + 0.2s top; +} +.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, +.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { + margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); +} +.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, +.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { + left: 50%; + transform: translate(-50%); + white-space: nowrap; +} +.swiper-horizontal + > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic + .swiper-pagination-bullet, +.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic + .swiper-pagination-bullet { + transition: + 0.2s transform, + 0.2s left; +} +.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { + transition: + 0.2s transform, + 0.2s right; +} +.swiper-pagination-fraction { + color: var(--swiper-pagination-fraction, inherit); +} +.swiper-pagination-progressbar { + background: var(--swiper-pagination-progressbar-bg-color, rgba(0, 0, 0, 0.25)); + position: absolute; +} +.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + background: var(--swiper-pagination-color, var(--swiper-theme-color)); + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + transform: scale(0); + transform-origin: left top; +} +.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { + transform-origin: right top; +} +.swiper-horizontal > .swiper-pagination-progressbar, +.swiper-pagination-progressbar.swiper-pagination-horizontal, +.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, +.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { + width: 100%; + height: var(--swiper-pagination-progressbar-size, 4px); + left: 0; + top: 0; +} +.swiper-vertical > .swiper-pagination-progressbar, +.swiper-pagination-progressbar.swiper-pagination-vertical, +.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, +.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { + width: var(--swiper-pagination-progressbar-size, 4px); + height: 100%; + left: 0; + top: 0; +} +.swiper-pagination-lock { + display: none; +} +.swiper-scrollbar { + border-radius: var(--swiper-scrollbar-border-radius, 10px); + position: relative; + touch-action: none; + background: var(--swiper-scrollbar-bg-color, rgba(0, 0, 0, 0.1)); +} +.swiper-scrollbar-disabled > .swiper-scrollbar, +.swiper-scrollbar.swiper-scrollbar-disabled { + display: none !important; +} +.swiper-horizontal > .swiper-scrollbar, +.swiper-scrollbar.swiper-scrollbar-horizontal { + position: absolute; + left: var(--swiper-scrollbar-sides-offset, 1%); + bottom: var(--swiper-scrollbar-bottom, 4px); + top: var(--swiper-scrollbar-top, auto); + z-index: 50; + height: var(--swiper-scrollbar-size, 4px); + width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); +} +.swiper-vertical > .swiper-scrollbar, +.swiper-scrollbar.swiper-scrollbar-vertical { + position: absolute; + left: var(--swiper-scrollbar-left, auto); + right: var(--swiper-scrollbar-right, 4px); + top: var(--swiper-scrollbar-sides-offset, 1%); + z-index: 50; + width: var(--swiper-scrollbar-size, 4px); + height: calc(100% - 2 * var(--swiper-scrollbar-sides-offset, 1%)); +} +.swiper-scrollbar-drag { + height: 100%; + width: 100%; + position: relative; + background: var(--swiper-scrollbar-drag-bg-color, rgba(0, 0, 0, 0.5)); + border-radius: var(--swiper-scrollbar-border-radius, 10px); + left: 0; + top: 0; +} +.swiper-scrollbar-cursor-drag { + cursor: move; +} +.swiper-scrollbar-lock { + display: none; +} +.swiper-zoom-container { + width: 100%; + height: 100%; + display: flex; + justify-content: center; + align-items: center; + text-align: center; +} +.swiper-zoom-container > img, +.swiper-zoom-container > svg, +.swiper-zoom-container > canvas { + max-width: 100%; + max-height: 100%; + object-fit: contain; +} +.swiper-slide-zoomed { + cursor: move; + touch-action: none; +} +.swiper .swiper-notification { + position: absolute; + left: 0; + top: 0; + pointer-events: none; + opacity: 0; + z-index: -1000; +} +.swiper-free-mode > .swiper-wrapper { + transition-timing-function: ease-out; + margin: 0 auto; +} +.swiper-grid > .swiper-wrapper { + flex-wrap: wrap; +} +.swiper-grid-column > .swiper-wrapper { + flex-wrap: wrap; + flex-direction: column; +} +.swiper-fade.swiper-free-mode .swiper-slide { + transition-timing-function: ease-out; +} +.swiper-fade .swiper-slide { + pointer-events: none; + transition-property: opacity; +} +.swiper-fade .swiper-slide .swiper-slide { + pointer-events: none; +} +.swiper-fade .swiper-slide-active, +.swiper-fade .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} +.swiper-cube { + overflow: visible; +} +.swiper-cube .swiper-slide { + pointer-events: none; + backface-visibility: hidden; + z-index: 1; + visibility: hidden; + transform-origin: 0 0; + width: 100%; + height: 100%; +} +.swiper-cube .swiper-slide .swiper-slide { + pointer-events: none; +} +.swiper-cube.swiper-rtl .swiper-slide { + transform-origin: 100% 0; +} +.swiper-cube .swiper-slide-active, +.swiper-cube .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} +.swiper-cube .swiper-slide-active, +.swiper-cube .swiper-slide-next, +.swiper-cube .swiper-slide-prev { + pointer-events: auto; + visibility: visible; +} +.swiper-cube .swiper-cube-shadow { + position: absolute; + left: 0; + bottom: 0; + width: 100%; + height: 100%; + opacity: 0.6; + z-index: 0; +} +.swiper-cube .swiper-cube-shadow:before { + content: ''; + background: #000; + position: absolute; + left: 0; + top: 0; + bottom: 0; + right: 0; + filter: blur(50px); +} +.swiper-cube .swiper-slide-next + .swiper-slide { + pointer-events: auto; + visibility: visible; +} +.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top, +.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom, +.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left, +.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right { + z-index: 0; + backface-visibility: hidden; +} +.swiper-flip { + overflow: visible; +} +.swiper-flip .swiper-slide { + pointer-events: none; + backface-visibility: hidden; + z-index: 1; +} +.swiper-flip .swiper-slide .swiper-slide { + pointer-events: none; +} +.swiper-flip .swiper-slide-active, +.swiper-flip .swiper-slide-active .swiper-slide-active { + pointer-events: auto; +} +.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top, +.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom, +.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left, +.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right { + z-index: 0; + backface-visibility: hidden; +} +.swiper-creative .swiper-slide { + backface-visibility: hidden; + overflow: hidden; + transition-property: transform, opacity, height; +} +.swiper-cards { + overflow: visible; +} +.swiper-cards .swiper-slide { + transform-origin: center bottom; + backface-visibility: hidden; + overflow: hidden; +} /*! tailwindcss v3.4.3 | MIT License | https://tailwindcss.com + */ +*, +:before, +:after { + box-sizing: border-box; + border-width: 0; + border-style: solid; + border-color: currentColor; +} +:before, +:after { + --tw-content: ''; +} +html, +:host { + line-height: 1.5; + -webkit-text-size-adjust: 100%; + -moz-tab-size: 4; + tab-size: 4; + font-family: + ui-sans-serif, + system-ui, + sans-serif, + 'Apple Color Emoji', + 'Segoe UI Emoji', + Segoe UI Symbol, + 'Noto Color Emoji'; + font-feature-settings: normal; + font-variation-settings: normal; + -webkit-tap-highlight-color: transparent; +} +body { + margin: 0; + line-height: inherit; +} +hr { + height: 0; + color: inherit; + border-top-width: 1px; +} +abbr:where([title]) { + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; +} +h1, +h2, +h3, +h4, +h5, +h6 { + font-size: inherit; + font-weight: inherit; +} +a { + color: inherit; + text-decoration: inherit; +} +b, +strong { + font-weight: bolder; +} +code, +kbd, +samp, +pre { + font-family: + ui-monospace, + SFMono-Regular, + Menlo, + Monaco, + Consolas, + Liberation Mono, + Courier New, + monospace; + font-feature-settings: normal; + font-variation-settings: normal; + font-size: 1em; +} +small { + font-size: 80%; +} +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} +sub { + bottom: -0.25em; +} +sup { + top: -0.5em; +} +table { + text-indent: 0; + border-color: inherit; + border-collapse: collapse; +} +button, +input, +optgroup, +select, +textarea { + font-family: inherit; + font-feature-settings: inherit; + font-variation-settings: inherit; + font-size: 100%; + font-weight: inherit; + line-height: inherit; + letter-spacing: inherit; + color: inherit; + margin: 0; + padding: 0; +} +button, +select { + text-transform: none; +} +button, +input:where([type='button']), +input:where([type='reset']), +input:where([type='submit']) { + -webkit-appearance: button; + background-color: transparent; + background-image: none; +} +:-moz-focusring { + outline: auto; +} +:-moz-ui-invalid { + box-shadow: none; +} +progress { + vertical-align: baseline; +} +::-webkit-inner-spin-button, +::-webkit-outer-spin-button { + height: auto; +} +[type='search'] { + -webkit-appearance: textfield; + outline-offset: -2px; +} +::-webkit-search-decoration { + -webkit-appearance: none; +} +::-webkit-file-upload-button { + -webkit-appearance: button; + font: inherit; +} +summary { + display: list-item; +} +blockquote, +dl, +dd, +h1, +h2, +h3, +h4, +h5, +h6, +hr, +figure, +p, +pre { + margin: 0; +} +fieldset { + margin: 0; + padding: 0; +} +legend { + padding: 0; +} +ol, +ul, +menu { + list-style: none; + margin: 0; + padding: 0; +} +dialog { + padding: 0; +} +textarea { + resize: vertical; +} +input::-moz-placeholder, +textarea::-moz-placeholder { + opacity: 1; + color: #9ca3af; +} +input::placeholder, +textarea::placeholder { + opacity: 1; + color: #9ca3af; +} +button, +[role='button'] { + cursor: pointer; +} +:disabled { + cursor: default; +} +img, +svg, +video, +canvas, +audio, +iframe, +embed, +object { + display: block; + vertical-align: middle; +} +img, +video { + max-width: 100%; + height: auto; +} +[hidden] { + display: none; +} +[type='text'], +input:where(:not([type])), +[type='email'], +[type='url'], +[type='password'], +[type='number'], +[type='date'], +[type='datetime-local'], +[type='month'], +[type='search'], +[type='tel'], +[type='time'], +[type='week'], +[multiple], +textarea, +select { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: #fff; + border-color: #6b7280; + border-width: 1px; + border-radius: 0; + padding: 0.5rem 0.75rem; + font-size: 1rem; + line-height: 1.5rem; + --tw-shadow: 0 0 #0000; +} +[type='text']:focus, +input:where(:not([type])):focus, +[type='email']:focus, +[type='url']:focus, +[type='password']:focus, +[type='number']:focus, +[type='date']:focus, +[type='datetime-local']:focus, +[type='month']:focus, +[type='search']:focus, +[type='tel']:focus, +[type='time']:focus, +[type='week']:focus, +[multiple]:focus, +textarea:focus, +select:focus { + outline: 2px solid transparent; + outline-offset: 2px; + --tw-ring-inset: var(--tw-empty,); + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: #2563eb; + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) + var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) + var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); + border-color: #2563eb; +} +input::-moz-placeholder, +textarea::-moz-placeholder { + color: #6b7280; + opacity: 1; +} +input::placeholder, +textarea::placeholder { + color: #6b7280; + opacity: 1; +} +::-webkit-datetime-edit-fields-wrapper { + padding: 0; +} +::-webkit-date-and-time-value { + min-height: 1.5em; + text-align: inherit; +} +::-webkit-datetime-edit { + display: inline-flex; +} +::-webkit-datetime-edit, +::-webkit-datetime-edit-year-field, +::-webkit-datetime-edit-month-field, +::-webkit-datetime-edit-day-field, +::-webkit-datetime-edit-hour-field, +::-webkit-datetime-edit-minute-field, +::-webkit-datetime-edit-second-field, +::-webkit-datetime-edit-millisecond-field, +::-webkit-datetime-edit-meridiem-field { + padding-top: 0; + padding-bottom: 0; +} +select { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); + background-position: right 0.5rem center; + background-repeat: no-repeat; + background-size: 1.5em 1.5em; + padding-right: 2.5rem; + -webkit-print-color-adjust: exact; + print-color-adjust: exact; +} +[multiple], +[size]:where(select:not([size='1'])) { + background-image: initial; + background-position: initial; + background-repeat: unset; + background-size: initial; + padding-right: 0.75rem; + -webkit-print-color-adjust: unset; + print-color-adjust: unset; +} +[type='checkbox'], +[type='radio'] { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + padding: 0; + -webkit-print-color-adjust: exact; + print-color-adjust: exact; + display: inline-block; + vertical-align: middle; + background-origin: border-box; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + flex-shrink: 0; + height: 1rem; + width: 1rem; + color: #2563eb; + background-color: #fff; + border-color: #6b7280; + border-width: 1px; + --tw-shadow: 0 0 #0000; +} +[type='checkbox'] { + border-radius: 0; +} +[type='radio'] { + border-radius: 100%; +} +[type='checkbox']:focus, +[type='radio']:focus { + outline: 2px solid transparent; + outline-offset: 2px; + --tw-ring-inset: var(--tw-empty,); + --tw-ring-offset-width: 2px; + --tw-ring-offset-color: #fff; + --tw-ring-color: #2563eb; + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) + var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) + var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); +} +[type='checkbox']:checked, +[type='radio']:checked { + border-color: transparent; + background-color: currentColor; + background-size: 100% 100%; + background-position: center; + background-repeat: no-repeat; +} +[type='checkbox']:checked { + background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e"); +} +@media (forced-colors: active) { + [type='checkbox']:checked { + -webkit-appearance: auto; + -moz-appearance: auto; + appearance: auto; + } +} +[type='radio']:checked { + background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e"); +} +@media (forced-colors: active) { + [type='radio']:checked { + -webkit-appearance: auto; + -moz-appearance: auto; + appearance: auto; + } +} +[type='checkbox']:checked:hover, +[type='checkbox']:checked:focus, +[type='radio']:checked:hover, +[type='radio']:checked:focus { + border-color: transparent; + background-color: currentColor; +} +[type='checkbox']:indeterminate { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e"); + border-color: transparent; + background-color: currentColor; + background-size: 100% 100%; + background-position: center; + background-repeat: no-repeat; +} +@media (forced-colors: active) { + [type='checkbox']:indeterminate { + -webkit-appearance: auto; + -moz-appearance: auto; + appearance: auto; + } +} +[type='checkbox']:indeterminate:hover, +[type='checkbox']:indeterminate:focus { + border-color: transparent; + background-color: currentColor; +} +[type='file'] { + background: unset; + border-color: inherit; + border-width: 0; + border-radius: 0; + padding: 0; + font-size: unset; + line-height: inherit; +} +[type='file']:focus { + outline: 1px solid ButtonText; + outline: 1px auto -webkit-focus-ring-color; +} +:root, +.ThemeVariantLight { + --color-action: #e31937; + --color-action-light: #e73b54; + --color-action-dark: #c1152e; + --color-action-darker: #5c0411; + --color-emphasis: var(--color-action); + --color-emphasis-light: var(--color-action-light); + --color-emphasis-dark: var(--color-action-dark); + --color-emphasis-darker: var(--color-action-darker); +} +.ThemeVariantDark { + --color-action: #e73b54; + --color-action-light: #e73b54; + --color-action-dark: #e31937; + --color-action-darker: #c1152e; +} +.ThemeEdu, +.ThemeEdu.ThemeVariantLight, +.ThemeEdu .ThemeVariantLight { + --color-action: #007e99; + --color-action-light: #00a7cc; + --color-action-dark: #005366; + --color-action-darker: #002a33; + --color-emphasis: #9438e0; + --color-emphasis-light: #a85ee6; + --color-emphasis-dark: #741ebb; + --color-emphasis-darker: #33283d; +} +.ThemeEdu .ThemeVariantDark, +.ThemeEdu.ThemeVariantDark { + --color-action: #00a7cc; + --color-action-light: #00a7cc; + --color-action-dark: #007e99; + --color-action-darker: #005366; + --color-emphasis: #a85ee6; + --color-emphasis-light: #a85ee6; + --color-emphasis-dark: #9438e0; + --color-emphasis-darker: #741ebb; +} +.ThemeInternal, +.ThemeInternal.ThemeVariantLight, +.ThemeInternal .ThemeVariantLight { + --color-action: #0080a4; + --color-action-light: #00a0cc; + --color-action-dark: #006480; + --color-action-darker: #003c4d; + --color-emphasis: var(--color-action); + --color-emphasis-light: var(--color-action-light); + --color-emphasis-dark: var(--color-action-dark); + --color-emphasis-darker: var(--color-action-darker); +} +.ThemeInternal .ThemeVariantDark, +.ThemeInternal.ThemeVariantDark { + --color-action: #00a0cc; + --color-action-light: #00a0cc; + --color-action-dark: #0080a4; + --color-action-darker: #006480; +} +[type='text'], +[type='email'], +[type='url'], +[type='password'], +[type='number'], +[type='date'], +[type='datetime-local'], +[type='month'], +[type='search'], +[type='tel'], +[type='time'], +[type='week'], +[multiple], +textarea, +select, +.form-input, +.form-textarea, +.form-select, +.form-multiselect { + --tw-border-opacity: 1; + border-color: rgb(216 216 216 / var(--tw-border-opacity)); +} +[type='text']:focus, +[type='email']:focus, +[type='url']:focus, +[type='password']:focus, +[type='number']:focus, +[type='date']:focus, +[type='datetime-local']:focus, +[type='month']:focus, +[type='search']:focus, +[type='tel']:focus, +[type='time']:focus, +[type='week']:focus, +[multiple]:focus, +textarea:focus, +select:focus, +.form-input:focus, +.form-textarea:focus, +.form-select:focus, +.form-multiselect:focus { + --tw-ring-color: #1871c9; + --tw-border-opacity: 1; + border-color: rgb(24 113 201 / var(--tw-border-opacity)); +} +input::-moz-placeholder, +textarea::-moz-placeholder, +.form-input::-moz-placeholder, +.form-textarea::-moz-placeholder { + --tw-text-opacity: 1; + color: rgb(148 148 148 / var(--tw-text-opacity)); +} +input::placeholder, +textarea::placeholder, +.form-input::placeholder, +.form-textarea::placeholder { + --tw-text-opacity: 1; + color: rgb(148 148 148 / var(--tw-text-opacity)); +} +select, +.form-select { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23949494' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e"); +} +[type='checkbox'], +[type='radio'], +.form-checkbox, +.form-radio { + --tw-border-opacity: 1; + border-color: rgb(148 148 148 / var(--tw-border-opacity)); + --tw-text-opacity: 1; + color: rgb(24 113 201 / var(--tw-text-opacity)); +} +[type='checkbox']:focus, +[type='radio']:focus, +.form-checkbox:focus, +.form-radio:focus { + --tw-ring-color: #1871c9; +} +.BaseGrid { + display: grid; + grid-template-columns: repeat(12, minmax(0, 1fr)); + gap: 1.5rem; +} +@media (min-width: 640px) { + .MixedBleedGrid { + grid-template-columns: [bleed-start] auto [container-start] 53.33px [indent-col-2] 53.33px [indent-col-3] 533.33px [container-end] auto [bleed-end]; + display: grid; + gap: 0px; + } +} +@media (min-width: 768px) { + .MixedBleedGrid { + grid-template-columns: [bleed-start] auto [container-start] 64px [indent-col-2] 64px [indent-col-3] 640px [container-end] auto [bleed-end]; + display: grid; + } +} +@media (min-width: 1024px) { + .MixedBleedGrid { + grid-template-columns: [bleed-start] auto [container-start] 85.33px [indent-col-2] 85.33px [indent-col-3] 853.33px [container-end] auto [bleed-end]; + display: grid; + } +} +@media (min-width: 1280px) { + .MixedBleedGrid { + grid-template-columns: [bleed-start] auto [container-start] 108px [indent-col-2] 108px [indent-col-3] 1088px [container-end] auto [bleed-end]; + display: grid; + } +} +@media (min-width: 1440px) { + .MixedBleedGrid { + grid-template-columns: [bleed-start] auto [container-start] 110px [indent-col-2] 110px [indent-col-3] 1100px [container-end] auto [bleed-end]; + display: grid; + } +} +.MixedBleedGrid .col-start-bleed { + grid-column-start: bleed-start; +} +.MixedBleedGrid .col-end-container-start { + grid-column-end: container-start; +} +.MixedBleedGrid .col-start-container { + grid-column-start: container-start; +} +.MixedBleedGrid .col-start-indent-col-2 { + grid-column-start: indent-col-2; +} +.MixedBleedGrid .col-start-indent-col-3 { + grid-column-start: indent-col-3; +} +.MixedBleedGrid .col-end-container { + grid-column-end: container-end; +} +.MixedBleedGrid .col-start-container-end { + grid-column-start: container-end; +} +.MixedBleedGrid .col-end-bleed { + grid-column-end: bleed-end; +} +.nav-offset { + padding-top: 4.5rem; +} +@media (min-width: 1024px) { + .nav-offset { + padding-top: 0; + } + .-nav-offset { + margin-top: -7.25rem; + } +} +html { + font-family: + Metropolis, + -apple-system, + BlinkMacSystemFont, + San Francisco, + Segoe UI, + Roboto, + Helvetica Neue, + sans-serif, + Apple Color Emoji, + Segoe UI Emoji, + Segoe UI Symbol, + Noto Color Emoji; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + -webkit-text-size-adjust: 100%; + -moz-text-size-adjust: 100%; + text-size-adjust: 100%; + text-rendering: optimizelegibility; +} +.text-h1-alt { + font-weight: 700; + letter-spacing: -1px; + font-size: 2.8125rem; + line-height: 1; +} +@media (min-width: 640px) { + .text-h1-alt { + font-size: 3.40625rem; + } +} +@media (min-width: 768px) { + .text-h1-alt { + letter-spacing: -2px; + font-size: 4.09375rem; + } +} +@media (min-width: 1024px) { + .text-h1-alt { + font-size: 4.5rem; + } +} +@media (min-width: 1280px) { + .text-h1-alt { + font-size: 6.25rem; + } +} +h1, +.text-h1 { + font-weight: 500; + letter-spacing: -1px; + font-size: 2.625rem; + line-height: 1.15; +} +@media (min-width: 640px) { + h1, + .text-h1 { + font-size: 2.875rem; + } +} +@media (min-width: 768px) { + h1, + .text-h1 { + font-size: 3.125rem; + letter-spacing: -1.5px; + } +} +@media (min-width: 1024px) { + h1, + .text-h1 { + font-size: 3.375rem; + } +} +@media (min-width: 1280px) { + h1, + .text-h1 { + font-size: 3.625rem; + } +} +h2, +.text-h2 { + font-weight: 500; + letter-spacing: -0.5px; + font-size: 2.25rem; + line-height: 1.25; +} +@media (min-width: 640px) { + h2, + .text-h2 { + font-size: 2.375rem; + } +} +@media (min-width: 768px) { + h2, + .text-h2 { + letter-spacing: -1px; + font-size: 2.5rem; + } +} +@media (min-width: 1024px) { + h2, + .text-h2 { + font-size: 2.625rem; + } +} +@media (min-width: 1280px) { + h2, + .text-h2 { + font-size: 2.75rem; + } +} +h3, +.text-h3 { + font-weight: 500; + letter-spacing: -0.5px; + font-size: 1.6875rem; + line-height: 1.25; +} +@media (min-width: 640px) { + h3, + .text-h3 { + font-size: 1.765625rem; + } +} +@media (min-width: 768px) { + h3, + .text-h3 { + letter-spacing: -1px; + font-size: 1.875rem; + } +} +@media (min-width: 1024px) { + h3, + .text-h3 { + font-size: 1.953125rem; + } +} +@media (min-width: 1280px) { + h3, + .text-h3 { + font-size: 2.0625rem; + } +} +h4, +.text-h4 { + font-weight: 500; + letter-spacing: 0; + font-size: 1.375rem; + line-height: 1.25; +} +@media (min-width: 640px) { + h4, + .text-h4 { + font-size: 1.453125rem; + } +} +@media (min-width: 768px) { + h4, + .text-h4 { + letter-spacing: -0.5px; + font-size: 1.546875rem; + } +} +@media (min-width: 1024px) { + h4, + .text-h4 { + font-size: 1.609375rem; + } +} +@media (min-width: 1280px) { + h4, + .text-h4 { + font-size: 1.6875rem; + } +} +h5, +.text-h5 { + font-weight: 500; + letter-spacing: 0; + font-size: 1.25rem; + line-height: 1.25; +} +@media (min-width: 640px) { + h5, + .text-h5 { + font-size: 1.3125rem; + } +} +@media (min-width: 768px) { + h5, + .text-h5 { + font-size: 1.390625rem; + } +} +@media (min-width: 1024px) { + h5, + .text-h5 { + font-size: 1.453125rem; + } +} +@media (min-width: 1280px) { + h5, + .text-h5 { + font-size: 1.515625rem; + } +} +h6, +.text-h6 { + font-weight: 700; + letter-spacing: 0; + font-size: 1.125rem; + line-height: 1.6667; +} +@media (min-width: 640px) { + h6, + .text-h6 { + font-size: 1.1875rem; + } +} +@media (min-width: 768px) { + h6, + .text-h6 { + font-size: 1.25rem; + } +} +@media (min-width: 1024px) { + h6, + .text-h6 { + font-size: 1.3125rem; + } +} +@media (min-width: 1280px) { + h6, + .text-h6 { + font-size: 1.375rem; + } +} +h1 b, +h1 strong, +.text-h1 b, +.text-h1 strong, +h2 b, +h2 strong, +.text-h2 b, +.text-h2 strong, +h3 b, +h3 strong, +.text-h3 b, +.text-h3 strong, +h4 b, +h4 strong, +.text-h4 b, +.text-h4 strong, +h5 b, +h5 strong, +.text-h5 b, +.text-h5 strong { + font-weight: inherit; +} +.text-subtitle { + font-family: + Archivo Narrow, + Metropolis, + -apple-system, + BlinkMacSystemFont, + San Francisco, + Segoe UI, + Roboto, + Helvetica Neue, + sans-serif, + Apple Color Emoji, + Segoe UI Emoji, + Segoe UI Symbol, + Noto Color Emoji; + font-size: 1rem; + text-transform: uppercase; + line-height: 1.25; + letter-spacing: 1px; +} +.text-subtitle-sm { + font-family: + Archivo Narrow, + Metropolis, + -apple-system, + BlinkMacSystemFont, + San Francisco, + Segoe UI, + Roboto, + Helvetica Neue, + sans-serif, + Apple Color Emoji, + Segoe UI Emoji, + Segoe UI Symbol, + Noto Color Emoji; + font-size: 0.875rem; + text-transform: uppercase; + line-height: 1.25; + letter-spacing: 1px; +} +.text-body-lg { + font-size: 1.125rem; + line-height: 1.6667; +} +@media (min-width: 640px) { + .text-body-lg { + font-size: 1.1875rem; + } +} +@media (min-width: 768px) { + .text-body-lg { + font-size: 1.25rem; + } +} +@media (min-width: 1024px) { + .text-body-lg { + font-size: 1.3125rem; + } +} +@media (min-width: 1280px) { + .text-body-lg { + font-size: 1.375rem; + } +} +.text-body-md { + font-size: 1rem; + line-height: 1.6667; +} +@media (min-width: 1024px) { + .text-body-md { + font-size: 1.125rem; + } +} +.text-body-sm { + font-size: 0.875rem; + line-height: 1.6667; +} +@media (min-width: 1024px) { + .text-body-sm { + font-size: 1rem; + } +} +.text-body-xs { + font-size: 0.875rem; + line-height: 1.6667; +} +.text-stats-xl { + font-weight: 800; + line-height: 1; + font-size: 2.125rem; +} +@media (min-width: 1024px) { + .text-stats-xl { + font-size: 2.4rem; + } +} +@media (min-width: 1280px) { + .text-stats-xl { + font-size: 2.75rem; + } +} +.text-stats-lg { + font-weight: 800; + line-height: 1; + font-size: 2.125rem; +} +@media (min-width: 1024px) { + .text-stats-lg { + font-size: 2.125rem; + } +} +@media (min-width: 1280px) { + .text-stats-lg { + font-size: 2.25rem; + } +} +mark { + border-radius: 0.25rem; + border-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(255 186 50 / var(--tw-border-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(255 249 235 / var(--tw-bg-opacity)); + padding: 0.125rem; +} +.object-contain { + font-family: 'object-fit: contain'; +} +.object-cover { + font-family: 'object-fit: cover'; +} +.object-fill { + font-family: 'object-fit: fill'; +} +.object-scale-down { + font-family: 'object-fit: scale-down'; +} +.LogoJPL { + width: 4.5rem; + height: auto; +} +.indent-col-base { + grid-column-start: 1; + grid-column-end: 13; +} +@media (min-width: 1024px) { + .indent-col-2 { + grid-column-start: 2; + grid-column-end: 12; + } + .indent-col-3 { + grid-column-start: 3; + grid-column-end: 11; + } +} +@media (min-width: 768px) { + .indent-col-4 { + grid-column-start: 3; + grid-column-end: 11; + } +} +@media (min-width: 1024px) { + .indent-col-4 { + grid-column-start: 4; + grid-column-end: 10; + } +} +*, +:before, +:after { + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgb(59 130 246 / 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; + --tw-contain-size: ; + --tw-contain-layout: ; + --tw-contain-paint: ; + --tw-contain-style: ; +} +::backdrop { + --tw-border-spacing-x: 0; + --tw-border-spacing-y: 0; + --tw-translate-x: 0; + --tw-translate-y: 0; + --tw-rotate: 0; + --tw-skew-x: 0; + --tw-skew-y: 0; + --tw-scale-x: 1; + --tw-scale-y: 1; + --tw-pan-x: ; + --tw-pan-y: ; + --tw-pinch-zoom: ; + --tw-scroll-snap-strictness: proximity; + --tw-gradient-from-position: ; + --tw-gradient-via-position: ; + --tw-gradient-to-position: ; + --tw-ordinal: ; + --tw-slashed-zero: ; + --tw-numeric-figure: ; + --tw-numeric-spacing: ; + --tw-numeric-fraction: ; + --tw-ring-inset: ; + --tw-ring-offset-width: 0px; + --tw-ring-offset-color: #fff; + --tw-ring-color: rgb(59 130 246 / 0.5); + --tw-ring-offset-shadow: 0 0 #0000; + --tw-ring-shadow: 0 0 #0000; + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + --tw-blur: ; + --tw-brightness: ; + --tw-contrast: ; + --tw-grayscale: ; + --tw-hue-rotate: ; + --tw-invert: ; + --tw-saturate: ; + --tw-sepia: ; + --tw-drop-shadow: ; + --tw-backdrop-blur: ; + --tw-backdrop-brightness: ; + --tw-backdrop-contrast: ; + --tw-backdrop-grayscale: ; + --tw-backdrop-hue-rotate: ; + --tw-backdrop-invert: ; + --tw-backdrop-opacity: ; + --tw-backdrop-saturate: ; + --tw-backdrop-sepia: ; + --tw-contain-size: ; + --tw-contain-layout: ; + --tw-contain-paint: ; + --tw-contain-style: ; +} +.container { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; +} +@media (min-width: 640px) { + .container { + max-width: 640px; + } +} +@media (min-width: 768px) { + .container { + max-width: 768px; + } +} +@media (min-width: 1024px) { + .container { + max-width: 1024px; + } +} +@media (min-width: 1280px) { + .container { + max-width: 1280px; + } +} +@media (min-width: 1320px) { + .container { + max-width: 1320px; + } +} +.BaseButton { + padding-top: 0.7em; + padding-bottom: 0.7em; + background-size: 100% 215%; + background-position: 0 -1px; + cursor: pointer; + background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); + --tw-gradient-from: transparent 50% var(--tw-gradient-from-position); + --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); + font-family: + Archivo Narrow, + Metropolis, + -apple-system, + BlinkMacSystemFont, + San Francisco, + Segoe UI, + Roboto, + Helvetica Neue, + sans-serif, + Apple Color Emoji, + Segoe UI Emoji, + Segoe UI Symbol, + Noto Color Emoji; + font-weight: 600; + text-transform: uppercase; + line-height: 1.5; + letter-spacing: 1px; + transition-property: all; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 0.2s; + transition-timing-function: linear; +} +.BaseButton:focus { + outline: 2px solid transparent; + outline-offset: 2px; + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) + var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) + var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} +.BaseButton > .label { + display: flex; + align-items: center; + justify-content: center; +} +@media (hover: hover) { + .BaseButton:hover { + background-position: bottom; + } +} +.BaseButton.-primary { + background-color: var(--color-action); + --tw-gradient-to: var(--color-action-dark) 50% var(--tw-gradient-to-position); + padding-left: 3rem; + padding-right: 3rem; + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} +.BaseButton.-primary > .label { + border-width: 2px; + border-color: transparent; +} +.BaseButton.-secondary { + border-width: 2px; + border-color: var(--color-action); + background-color: transparent; + --tw-gradient-to: var(--color-action-dark) 50% var(--tw-gradient-to-position); + padding-left: 3rem; + padding-right: 3rem; + color: var(--color-action); +} +@media (hover: hover) { + .BaseButton.-secondary:hover { + border-color: var(--color-action-dark); + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); + } +} +.BaseButton.-dark { + border-width: 1px; + border-color: #fff6; + background-color: transparent; + --tw-gradient-to: #ffffff 50% var(--tw-gradient-to-position); + padding-left: 3rem; + padding-right: 3rem; + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} +@media (hover: hover) { + .BaseButton.-dark:hover { + --tw-border-opacity: 1; + border-color: rgb(255 255 255 / var(--tw-border-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); + --tw-text-opacity: 1; + color: rgb(0 69 98 / var(--tw-text-opacity)); + } +} +.BaseButton.-social { + border-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(148 148 148 / var(--tw-border-opacity)); + background-color: transparent; + --tw-gradient-to: #222222 50% var(--tw-gradient-to-position); + padding-left: 3rem; + padding-right: 3rem; + --tw-text-opacity: 1; + color: rgb(148 148 148 / var(--tw-text-opacity)); +} +@media (hover: hover) { + .BaseButton.-social:hover { + --tw-bg-opacity: 1; + background-color: rgb(34 34 34 / var(--tw-bg-opacity)); + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); + } +} +.BaseButton.-social.-facebook { + --tw-gradient-to: #3b5998 50% var(--tw-gradient-to-position); +} +@media (hover: hover) { + .BaseButton.-social.-facebook:hover { + --tw-border-opacity: 1; + border-color: rgb(59 89 152 / var(--tw-border-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(59 89 152 / var(--tw-bg-opacity)); + } +} +.BaseButton.-social.-twitter { + --tw-gradient-to: #000000 50% var(--tw-gradient-to-position); +} +@media (hover: hover) { + .BaseButton.-social.-twitter:hover { + --tw-border-opacity: 1; + border-color: rgb(0 0 0 / var(--tw-border-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); + } +} +.BaseButton.-social.-instagram { + --tw-gradient-to: #dd2a7b 50% var(--tw-gradient-to-position); +} +@media (hover: hover) { + .BaseButton.-social.-instagram:hover { + --tw-border-opacity: 1; + border-color: rgb(221 42 123 / var(--tw-border-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(221 42 123 / var(--tw-bg-opacity)); + } +} +.BaseButton.-social.-youtube { + --tw-gradient-to: #ff0000 50% var(--tw-gradient-to-position); +} +@media (hover: hover) { + .BaseButton.-social.-youtube:hover { + --tw-border-opacity: 1; + border-color: rgb(255 0 0 / var(--tw-border-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(255 0 0 / var(--tw-bg-opacity)); + } +} +.BaseButton.-social.-reddit { + --tw-gradient-to: #ff4500 50% var(--tw-gradient-to-position); +} +@media (hover: hover) { + .BaseButton.-social.-reddit:hover { + --tw-border-opacity: 1; + border-color: rgb(255 69 0 / var(--tw-border-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(255 69 0 / var(--tw-bg-opacity)); + } +} +.BaseButton.-compact { + padding-left: 1.25rem; + padding-right: 1.25rem; +} +.BaseButton.-icon-only { + padding: 0; +} +.BaseButton.-icon-only > .label { + display: flex; + height: 100%; + width: 100%; + align-items: center; + justify-content: center; +} +.BaseButton:disabled { + cursor: default !important; + --tw-border-opacity: 1 !important; + border-color: rgb(148 148 148 / var(--tw-border-opacity)) !important; + --tw-bg-opacity: 1 !important; + background-color: rgb(148 148 148 / var(--tw-bg-opacity)) !important; + background-image: none !important; +} +.BaseButton:disabled > .label { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} +.BaseIframe { + width: 100%; + border-style: none; +} +img.BaseImage { + max-width: 100%; +} +img.BaseImage.lazyload:not([src]), +img.BaseImage:not([src]) { + border-style: none; + opacity: 0; +} +img.BaseImage.lazyloaded { + opacity: 0; + animation-name: fadein; + animation-duration: 0.5s; + animation-iteration-count: 1; + animation-fill-mode: forwards; + animation-direction: normal; + animation-timing-function: ease-out; +} +@keyframes fadein { + 0% { + opacity: 0; + } + to { + opacity: 1; + } +} +.BaseImageCaption { + --tw-text-opacity: 1; + color: rgb(111 111 111 / var(--tw-text-opacity)); +} +.BaseImageCaption > div > .the-caption-text > p { + display: inline !important; +} +.BaseImageCaption > div > .the-caption-text a { + cursor: pointer; + color: var(--color-action); + text-decoration-line: underline; +} +@media (hover: hover) { + .BaseImageCaption > div > .the-caption-text a:hover { + color: var(--color-action-dark); + } +} +.ThemeVariantLight .BaseImageCaption { + --tw-text-opacity: 1; + color: rgb(111 111 111 / var(--tw-text-opacity)); +} +.ThemeVariantDark .BaseImageCaption { + --tw-text-opacity: 1; + color: rgb(148 148 148 / var(--tw-text-opacity)); +} +.BaseImagePlaceholder { + position: relative; + margin: 0; + display: block; + width: auto; + align-items: center; + justify-content: center; + overflow: hidden; + --tw-bg-opacity: 1; + background-color: rgb(216 216 216 / var(--tw-bg-opacity)); + background-repeat: no-repeat; + height: inherit; + background-position: center center; + background-size: 50px; + background-image: url(data:image/png;base64,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); +} +@media (min-width: 640px) { + .BaseImagePlaceholder { + background-size: 100px; + } +} +.BaseImagePlaceholder .BaseLightboxOpenButton { + opacity: 1; + transition-property: opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 0.3s; +} +@media (hover: hover) { + @media (min-width: 640px) { + .BaseImagePlaceholder .BaseLightboxOpenButton { + opacity: 0; + transition-property: opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 0.5s; + } + .BaseImagePlaceholder:hover .BaseLightboxOpenButton { + opacity: 1; + transition-property: opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 0.3s; + } + } +} +.BaseImagePlaceholder.light-theme { + --tw-bg-opacity: 1; + background-color: rgb(245 245 245 / var(--tw-bg-opacity)); +} +.BaseImagePlaceholder.dark-theme { + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); + background-image: url(data:image/png;base64,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); +} +.BaseImagePlaceholder.transparent-theme { + background-color: transparent; + background-image: none; +} +.BaseImagePlaceholder.no-logo { + background-image: none; +} +.BasePlaceholder .wrapper { + width: 0; + animation: fullView 0.5s forwards cubic-bezier(0.25, 0.46, 0.45, 0.94); +} +@keyframes fullView { + to { + width: 100%; + } +} +.BasePlaceholder .animate-loading { + animation: shimmer 2s infinite linear; + background: linear-gradient(to right, #eff1f3 4%, #e2e2e2 25%, #eff1f3 36%); + background-size: 1000px 100%; +} +@keyframes shimmer { + 0% { + background-position: -1000px 0; + } + to { + background-position: 1000px 0; + } +} +.BackToTop > button { + display: none; +} +@media print { + .BackToTop > button { + display: none; + } +} +.BackToTop[data-alwaysvisible] > button { + display: block; +} +.BackToTop .IconDropdown { + --tw-rotate: 180deg; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); + font-size: 0.875rem; +} +@media (min-width: 640px) { + .BackToTop .IconDropdown { + margin-right: 0.5rem; + } +} +.BackToTop .label-text { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; +} +@media (min-width: 640px) { + .BackToTop .label-text { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; + } +} +.BlockCircleImageCard { + --image-size: 90px; + display: flex; + align-items: center; + gap: calc(var(--image-size) / 2); +} +@media (min-width: 1024px) { + .BlockCircleImageCard { + --image-size: 130px; + } +} +.BlockCircleImageCard .BaseImagePlaceholder { + width: var(--image-size); + height: var(--image-size); + margin: 0 calc(-1 * var(--image-size) / 2); +} +.BlockCircleImageCard.imageOnRight { + flex-direction: row-reverse; +} +.BlockImageCarousel .BaseLightboxOpenButton { + opacity: 0; + transition-property: opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 0.1s; +} +.BlockImageCarousel:hover .BaseLightboxOpenButton { + opacity: 1; + transition-property: opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 75ms; +} +.BlockImageCarousel .swiper .swiper-prev { + margin-right: 1px; +} +.BlockImageCarousel .swiper .swiper-prev.swiper-button-disabled, +.BlockImageCarousel .swiper .swiper-next.swiper-button-disabled { + cursor: default; + background-image: none; + opacity: 0.75; +} +.BlockImageCarousel .swiper-nav { + padding-top: 56.25%; +} +.BlockImageCarousel .swiper-dots { + padding-top: 56.25%; + pointer-events: none; +} +.BlockImageCarousel .swiper-dots .swiper-dot { + pointer-events: auto; + display: inline-block; + cursor: pointer; + padding: 0.75rem 0.25rem; +} +.BlockImageCarousel .swiper-dots .swiper-dot:focus { + outline: 2px solid transparent; + outline-offset: 2px; + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) + var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) + var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} +.BlockImageCarousel .swiper-dots .swiper-dot > span { + display: inline-block; + height: 0.75rem; + width: 0.75rem; + border-radius: 9999px; + --tw-bg-opacity: 1; + background-color: rgb(216 216 216 / var(--tw-bg-opacity)); +} +.BlockImageCarousel .swiper-dots .swiper-dot.swiper-dot-active > span { + --tw-bg-opacity: 1; + background-color: rgb(227 25 55 / var(--tw-bg-opacity)); +} +.BlockImageCarousel .swiper-slide .slide-caption { + visibility: hidden; +} +.BlockImageCarousel .swiper-slide.swiper-slide-active .slide-caption { + visibility: visible; +} +.BlockImageGallery .BaseLightboxOpenButton { + display: none; +} +@media (min-width: 1024px) { + .BlockImageGallery .BaseImageCaption { + padding-left: 2rem; + } +} +@media (min-width: 1800px) { + .BlockImageGallery .BaseImageCaption { + padding-left: 0; + } +} +.ThemeVariantDark .BlockInlineImage > div { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} +.BlockKeyPoints ul li:before { + --tw-bg-opacity: 1; + background-color: rgb(227 25 55 / var(--tw-bg-opacity)); + display: inline-block; + position: relative; + margin-right: 1rem; + flex-shrink: 0; + margin-top: 0.75rem; + content: ''; + width: 30px; + height: 2px; + vertical-align: middle; +} +.BlockKeyPoints ul li .BlockText p, +.BlockKeyPoints ul li .BlockTable .rich_text p, +.BlockTable .BlockKeyPoints ul li .rich_text p, +.BlockKeyPoints ul li .BlockTable .link p, +.BlockTable .BlockKeyPoints ul li .link p, +.BlockKeyPoints ul li .BlockTable .\!link p, +.BlockTable .BlockKeyPoints ul li .\!link p { + margin-bottom: 0.5rem; +} +@media (min-width: 1024px) { + .BlockKeyPoints ul li .BlockText p, + .BlockKeyPoints ul li .BlockTable .rich_text p, + .BlockTable .BlockKeyPoints ul li .rich_text p, + .BlockKeyPoints ul li .BlockTable .link p, + .BlockTable .BlockKeyPoints ul li .link p, + .BlockKeyPoints ul li .BlockTable .\!link p, + .BlockTable .BlockKeyPoints ul li .\!link p { + margin-bottom: 0.5rem; + } +} +.BlockKeyPoints ul li .BlockText p:last-child, +.BlockKeyPoints ul li .BlockTable .rich_text p:last-child, +.BlockTable .BlockKeyPoints ul li .rich_text p:last-child, +.BlockKeyPoints ul li .BlockTable .link p:last-child, +.BlockTable .BlockKeyPoints ul li .link p:last-child { + margin-bottom: 0; +} +.BlockKeyPoints ul li .BlockTable .\!link p:last-child, +.BlockTable .BlockKeyPoints ul li .\!link p:last-child { + margin-bottom: 0; +} +.BlockQuote { + text-align: center; +} +.BlockQuote > div > div > .attribution-image { + width: 60px; + min-width: 60px; + height: auto; + margin-top: 0.5rem; + margin-bottom: 0.5rem; + display: block; + border-radius: 9999px; +} +@media (min-width: 1024px) { + .BlockQuote > div > div > .attribution-image { + width: 80px; + min-width: 80px; + height: auto; + margin-top: 1.25rem; + margin-bottom: 1.25rem; + margin-right: 0.75rem; + } +} +.BlockQuote > hr { + max-width: 100px; + margin-left: auto; + margin-right: auto; + border-top-width: 1px; + border-color: var(--color-emphasis-light); +} +@media (min-width: 1024px) { + .BlockQuote > hr { + max-width: 120px; + } +} +.BlockQuote > .quote { + line-height: 1.4; + padding-top: 1rem; + padding-bottom: 1rem; + font-family: + Metropolis, + -apple-system, + BlinkMacSystemFont, + San Francisco, + Segoe UI, + Roboto, + Helvetica Neue, + sans-serif, + Apple Color Emoji, + Segoe UI Emoji, + Segoe UI Symbol, + Noto Color Emoji; + font-size: 1.25rem; + font-weight: 500; + font-style: italic; + color: var(--color-emphasis); +} +@media (min-width: 1024px) { + .BlockQuote > .quote { + font-size: 1.875rem; + font-weight: 400; + } +} +.BlockQuote > div > div > .attribution-text { + margin-top: 0.25rem; + display: flex; + align-items: flex-start; + justify-content: center; + padding-left: 1rem; + padding-right: 1rem; + padding-bottom: 1rem; + text-align: left; + font-family: + Metropolis, + -apple-system, + BlinkMacSystemFont, + San Francisco, + Segoe UI, + Roboto, + Helvetica Neue, + sans-serif, + Apple Color Emoji, + Segoe UI Emoji, + Segoe UI Symbol, + Noto Color Emoji; + font-size: 0.875rem; + line-height: 1.5; + --tw-text-opacity: 1; + color: rgb(111 111 111 / var(--tw-text-opacity)); +} +.BlockQuote > div > div > .attribution-text:before { + content: '—'; + margin-right: 0.5rem; +} +@media (min-width: 1024px) { + .BlockQuote > div > div > .attribution-text { + align-items: center; + text-align: center; + font-size: 1rem; + } +} +.ThemeVariantLight .BlockQuote > hr { + border-color: var(--color-emphasis); +} +.ThemeVariantLight .BlockQuote > .quote { + color: var(--color-emphasis); +} +.ThemeVariantLight .BlockQuote > div > div > .attribution-text { + --tw-text-opacity: 1; + color: rgb(111 111 111 / var(--tw-text-opacity)); +} +.ThemeVariantDark .BlockQuote > .quote { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} +.ThemeVariantDark .BlockQuote > div > div > .attribution-text { + --tw-text-opacity: 1; + color: rgb(148 148 148 / var(--tw-text-opacity)); +} +.BlockTable table { + width: 100%; + border-collapse: collapse; + border-top-width: 1px; + border-bottom-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(216 216 216 / var(--tw-border-opacity)); +} +.SearchResultCard .BlockTable thead mark { + border-radius: 0.25rem; + border-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(111 111 111 / var(--tw-border-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(34 34 34 / var(--tw-bg-opacity)); + padding: 0.125rem; + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} +.BlockTable thead { + --tw-bg-opacity: 1; + background-color: rgb(0 69 98 / var(--tw-bg-opacity)); +} +.BlockTable th { + font-family: + Archivo Narrow, + Metropolis, + -apple-system, + BlinkMacSystemFont, + San Francisco, + Segoe UI, + Roboto, + Helvetica Neue, + sans-serif, + Apple Color Emoji, + Segoe UI Emoji, + Segoe UI Symbol, + Noto Color Emoji; + font-size: 1rem; + text-transform: uppercase; + line-height: 1.25; + letter-spacing: 1px; +} +.NavInternal .NavInternalPanel .NavInternalSection a.BlockTable th { + --tw-text-opacity: 1; + color: rgb(0 100 128 / var(--tw-text-opacity)); + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 0.15s; +} +.NavInternal .NavInternalPanel .NavInternalSection a.BlockTable th > span { + border-width: 0px; +} +@media (hover: hover) { + .NavInternal .NavInternalPanel .NavInternalSection a.BlockTable th:hover { + --tw-text-opacity: 1; + color: rgb(0 128 164 / var(--tw-text-opacity)); + } +} +.NavInternal .NavInternalPanel .NavInternalSection a.BlockTable th svg.IconExternal { + margin-left: 0.25rem; + display: inline-block; + vertical-align: baseline; + font-size: 0.75rem; +} +.NavInternal .NavInternalPanel .NavInternalSection > .BlockTable th { + font-size: 1.125rem; +} +@media (min-width: 1024px) { + .NavInternal .NavInternalPanel .NavInternalSection > .BlockTable th { + font-size: 1rem; + } +} +.NavInternal .NavInternalPanel .NavInternalSection a.BlockTable th.active { + --tw-text-opacity: 1; + color: rgb(0 0 0 / var(--tw-text-opacity)); +} +.NavInternal .NavInternalPanel .NavInternalSection a.BlockTable th.active > span { + border-bottom-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(227 25 55 / var(--tw-border-opacity)); +} +.BlockTable th { + border-bottom-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(216 216 216 / var(--tw-border-opacity)); + padding: 0.75rem; + text-align: left; + font-weight: 400; + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} +@media (min-width: 1024px) { + .BlockTable th { + padding: 1.25rem; + } +} +.BlockTable tbody { + --tw-text-opacity: 1; + color: rgb(34 34 34 / var(--tw-text-opacity)); +} +.BlockTable tbody tr { + display: table-row; + border-top-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(216 216 216 / var(--tw-border-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); +} +.BlockTable td { + padding: 0.75rem; +} +@media (min-width: 1024px) { + .BlockTable td { + padding: 1.25rem; + } +} +.BlockTable td.rich_text p { + margin-bottom: 1rem; +} +.BlockTable td.rich_text ol { + margin-bottom: 1rem; + padding-left: 1.5rem; +} +.BlockTable td.rich_text ul { + margin-bottom: 1rem; + list-style-type: disc; + padding-left: 1.5rem; +} +.BlockTable td.rich_text ul li { + padding: 0; +} +.BlockTable td.rich_text ul li:before { + display: none; +} +.BlockTable td.rich_text ul li, +.BlockTable td.rich_text ol li { + margin-top: 0.25rem; + margin-bottom: 0.25rem; +} +.BlockTable td.rich_text hr { + margin-top: 1rem; + margin-bottom: 1rem; +} +.BlockTeaser .cover-bg { + width: 100%; + --tw-bg-opacity: 1; + background-color: rgb(34 34 34 / var(--tw-bg-opacity)); +} +@media (min-width: 1024px) { + .BlockTeaser .cover-bg { + font-family: 'object-fit: cover'; + position: absolute; + right: 0; + height: 100%; + width: 50%; + object-fit: cover; + } + .BlockTeaser .cover-bg.-full { + right: auto; + width: auto; + min-width: 100%; + left: 50%; + top: 50%; + transform: translate(-50%, -50%); + } +} +.BlockText a, +.BlockTable .rich_text a, +.BlockTable .link a, +.BlockTable .\!link a { + cursor: pointer; + overflow-wrap: break-word; + color: var(--color-action); + text-decoration-line: underline; +} +@media (hover: hover) { + .BlockText a:hover, + .BlockTable .rich_text a:hover, + .BlockTable .link a:hover, + .BlockTable .\!link a:hover { + color: var(--color-action-dark); + } +} +.BlockText p, +.BlockTable .rich_text p, +.BlockTable .link p, +.BlockTable .\!link p { + margin-bottom: 1.25rem; +} +@media (min-width: 1024px) { + .BlockText p, + .BlockTable .rich_text p, + .BlockTable .link p, + .BlockTable .\!link p { + margin-bottom: 2rem; + } +} +.BlockText p:last-child, +.BlockTable .rich_text p:last-child, +.BlockTable .link p:last-child { + margin-bottom: 0; +} +.BlockTable .\!link p:last-child { + margin-bottom: 0; +} +.BlockText h1, +.BlockTable .rich_text h1, +.BlockTable .link h1, +.BlockText h2, +.BlockTable .rich_text h2, +.BlockTable .link h2, +.BlockText h3, +.BlockTable .rich_text h3, +.BlockTable .link h3, +.BlockText h4, +.BlockTable .rich_text h4, +.BlockTable .link h4, +.BlockText h5, +.BlockTable .rich_text h5, +.BlockTable .link h5, +.BlockText h6, +.BlockTable .rich_text h6, +.BlockTable .link h6 { + margin-top: 2.5rem; + margin-bottom: 1.25rem; +} +@media (min-width: 1024px) { + .BlockText h1, + .BlockTable .rich_text h1, + .BlockTable .link h1, + .BlockText h2, + .BlockTable .rich_text h2, + .BlockTable .link h2, + .BlockText h3, + .BlockTable .rich_text h3, + .BlockTable .link h3, + .BlockText h4, + .BlockTable .rich_text h4, + .BlockTable .link h4, + .BlockText h5, + .BlockTable .rich_text h5, + .BlockTable .link h5, + .BlockText h6, + .BlockTable .rich_text h6, + .BlockTable .link h6 { + margin-top: 4.5rem; + } +} +.BlockTable .\!link h1, +.BlockTable .\!link h2, +.BlockTable .\!link h3, +.BlockTable .\!link h4, +.BlockTable .\!link h5, +.BlockTable .\!link h6 { + margin-top: 2.5rem; + margin-bottom: 1.25rem; +} +@media (min-width: 1024px) { + .BlockTable .\!link h1, + .BlockTable .\!link h2, + .BlockTable .\!link h3, + .BlockTable .\!link h4, + .BlockTable .\!link h5, + .BlockTable .\!link h6 { + margin-top: 4.5rem; + } +} +.BlockText h1:last-child, +.BlockTable .rich_text h1:last-child, +.BlockTable .link h1:last-child, +.BlockText h2:last-child, +.BlockTable .rich_text h2:last-child, +.BlockTable .link h2:last-child, +.BlockText h3:last-child, +.BlockTable .rich_text h3:last-child, +.BlockTable .link h3:last-child, +.BlockText h4:last-child, +.BlockTable .rich_text h4:last-child, +.BlockTable .link h4:last-child, +.BlockText h5:last-child, +.BlockTable .rich_text h5:last-child, +.BlockTable .link h5:last-child, +.BlockText h6:last-child, +.BlockTable .rich_text h6:last-child, +.BlockTable .link h6:last-child { + margin-bottom: 0; +} +.BlockTable .\!link h1:last-child, +.BlockTable .\!link h2:last-child, +.BlockTable .\!link h3:last-child, +.BlockTable .\!link h4:last-child, +.BlockTable .\!link h5:last-child, +.BlockTable .\!link h6:last-child { + margin-bottom: 0; +} +.BlockText hr, +.BlockTable .rich_text hr, +.BlockTable .link hr, +.BlockTable .\!link hr { + margin-top: 1.25rem; + margin-bottom: 1.25rem; + border-top-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(216 216 216 / var(--tw-border-opacity)); +} +@media (min-width: 1024px) { + .BlockText hr, + .BlockTable .rich_text hr, + .BlockTable .link hr, + .BlockTable .\!link hr { + margin-top: 2rem; + margin-bottom: 2rem; + } +} +.BlockText hr + h1, +.BlockTable .rich_text hr + h1, +.BlockTable .link hr + h1, +.BlockText hr + h2, +.BlockTable .rich_text hr + h2, +.BlockTable .link hr + h2, +.BlockText hr + h3, +.BlockTable .rich_text hr + h3, +.BlockTable .link hr + h3, +.BlockText hr + h4, +.BlockTable .rich_text hr + h4, +.BlockTable .link hr + h4, +.BlockText hr + h5, +.BlockTable .rich_text hr + h5, +.BlockTable .link hr + h5, +.BlockText hr + h6, +.BlockTable .rich_text hr + h6, +.BlockTable .link hr + h6 { + margin-top: 1.25rem; +} +@media (min-width: 1024px) { + .BlockText hr + h1, + .BlockTable .rich_text hr + h1, + .BlockTable .link hr + h1, + .BlockText hr + h2, + .BlockTable .rich_text hr + h2, + .BlockTable .link hr + h2, + .BlockText hr + h3, + .BlockTable .rich_text hr + h3, + .BlockTable .link hr + h3, + .BlockText hr + h4, + .BlockTable .rich_text hr + h4, + .BlockTable .link hr + h4, + .BlockText hr + h5, + .BlockTable .rich_text hr + h5, + .BlockTable .link hr + h5, + .BlockText hr + h6, + .BlockTable .rich_text hr + h6, + .BlockTable .link hr + h6 { + margin-top: 2rem; + } +} +.BlockTable .\!link hr + h1, +.BlockTable .\!link hr + h2, +.BlockTable .\!link hr + h3, +.BlockTable .\!link hr + h4, +.BlockTable .\!link hr + h5, +.BlockTable .\!link hr + h6 { + margin-top: 1.25rem; +} +@media (min-width: 1024px) { + .BlockTable .\!link hr + h1, + .BlockTable .\!link hr + h2, + .BlockTable .\!link hr + h3, + .BlockTable .\!link hr + h4, + .BlockTable .\!link hr + h5, + .BlockTable .\!link hr + h6 { + margin-top: 2rem; + } +} +.BlockText hr:last-child, +.BlockTable .rich_text hr:last-child, +.BlockTable .link hr:last-child { + margin-bottom: 0; +} +.BlockTable .\!link hr:last-child { + margin-bottom: 0; +} +.BlockText ol, +.BlockTable .rich_text ol, +.BlockTable .link ol, +.BlockText ul, +.BlockTable .rich_text ul, +.BlockTable .link ul, +.BlockTable .\!link ol, +.BlockTable .\!link ul { + margin-bottom: 1.25rem; +} +@media (min-width: 1024px) { + .BlockText ol, + .BlockTable .rich_text ol, + .BlockTable .link ol, + .BlockText ul, + .BlockTable .rich_text ul, + .BlockTable .link ul, + .BlockTable .\!link ol, + .BlockTable .\!link ul { + margin-bottom: 2rem; + } +} +.BlockText ol:last-child, +.BlockTable .rich_text ol:last-child, +.BlockTable .link ol:last-child, +.BlockText ul:last-child, +.BlockTable .rich_text ul:last-child, +.BlockTable .link ul:last-child { + margin-bottom: 0; +} +.BlockTable .\!link ol:last-child, +.BlockTable .\!link ul:last-child { + margin-bottom: 0; +} +.BlockText ol li, +.BlockTable .rich_text ol li, +.BlockTable .link ol li, +.BlockText ul li, +.BlockTable .rich_text ul li, +.BlockTable .link ul li, +.BlockTable .\!link ol li, +.BlockTable .\!link ul li { + margin-top: 0.75rem; + margin-bottom: 0.75rem; +} +.BlockText ol li:last-child, +.BlockTable .rich_text ol li:last-child, +.BlockTable .link ol li:last-child, +.BlockText ul li:last-child, +.BlockTable .rich_text ul li:last-child, +.BlockTable .link ul li:last-child { + margin-bottom: 0; +} +.BlockTable .\!link ol li:last-child, +.BlockTable .\!link ul li:last-child { + margin-bottom: 0; +} +.BlockText ol, +.BlockTable .rich_text ol, +.BlockTable .link ol, +.BlockTable .\!link ol { + list-style-type: decimal; + padding-left: 3rem; +} +.BlockText ul li, +.BlockTable .rich_text ul li, +.BlockTable .link ul li, +.BlockTable .\!link ul li { + position: relative; + padding-left: 3rem; +} +.BlockText ul li:before, +.BlockTable .rich_text ul li:before, +.BlockTable .link ul li:before { + content: ''; + width: 30px; + height: 2px; +} +.BlockTable .\!link ul li:before { + content: '' !important; + width: 30px !important; + height: 2px !important; +} +.BlockText ul li:before, +.BlockTable .rich_text ul li:before, +.BlockTable .link ul li:before { + position: absolute; + top: 0; + left: 0; + margin-top: 0.75rem; + display: block; + --tw-bg-opacity: 1; + background-color: rgb(227 25 55 / var(--tw-bg-opacity)); +} +.BlockTable .\!link ul li:before { + position: absolute; + top: 0; + left: 0; + margin-top: 0.75rem; + display: block; + --tw-bg-opacity: 1; + background-color: rgb(227 25 55 / var(--tw-bg-opacity)); +} +@media (min-width: 640px) { + .BlockText ul li:before, + .BlockTable .rich_text ul li:before, + .BlockTable .link ul li:before { + margin-top: 1rem; + } + .BlockTable .\!link ul li:before { + margin-top: 1rem; + } +} +.ThemeVariantDark .BlockText ul li:before, +.ThemeVariantDark .BlockTable .rich_text ul li:before, +.BlockTable .ThemeVariantDark .rich_text ul li:before, +.ThemeVariantDark .BlockTable .link ul li:before, +.BlockTable .ThemeVariantDark .link ul li:before { + --tw-bg-opacity: 1; + background-color: rgb(231 59 84 / var(--tw-bg-opacity)); +} +.ThemeVariantDark .BlockTable .\!link ul li:before, +.BlockTable .ThemeVariantDark .\!link ul li:before { + --tw-bg-opacity: 1; + background-color: rgb(231 59 84 / var(--tw-bg-opacity)); +} +.BlockVideoEmbed iframe { + min-width: 100%; + left: 0; + right: 0; +} +.FooterInternal svg.IconExternal { + margin-left: 0.5rem; + font-size: 0.75rem; +} +@media (min-width: 1024px) { + .HeroLarge .content-wrapper, + .HeroFocalPoint .content-wrapper { + min-height: 548px; + } +} +@media (min-width: 1280px) { + .HeroLarge .content-wrapper, + .HeroFocalPoint .content-wrapper { + min-height: 684px; + } +} +@media (min-width: 1440px) { + .HeroLarge .content-wrapper, + .HeroFocalPoint .content-wrapper { + min-height: 770px; + } +} +@media (min-width: 1800px) { + .HeroLarge .content-wrapper, + .HeroFocalPoint .content-wrapper { + min-height: 963px; + } +} +@media (min-width: 640px) { + .HeroMedia > div > .vh-crop { + max-height: 65vh; + min-height: 255px; + } +} +@media (min-width: 768px) { + .HeroMedia > div > .vh-crop { + min-height: 300px; + } +} +@media (min-width: 1024px) { + .HeroMedia > div > .vh-crop { + min-height: 375px; + } +} +@media (min-width: 1280px) { + .HeroMedia > div > .vh-crop { + min-height: 430px; + } +} +.HeroMedia > div > .vh-crop > .hero { + height: 30vh; + min-height: 200px; + display: flex; + width: 100%; + align-items: center; + overflow: hidden; +} +@media (min-width: 640px) { + .HeroMedia > div > .vh-crop > .hero { + height: auto; + min-height: none; + } +} +@media (min-width: 1024px) { + .HeroMedia > div > .vh-crop > .hero { + max-height: 625px; + } +} +.HeroMedia #HeroMediaCaptionToggle .IconClose { + display: none; +} +.HeroMedia #HeroMediaCaptionToggle .IconInfo { + font-size: 1.25rem; +} +.HeroMedia #HeroMediaCaptionToggle.expanded .IconClose { + display: block; +} +.HeroMedia #HeroMediaCaptionToggle.expanded .IconInfo { + display: none; +} +.HeroMedium, +.HeroMedium.swiper-slide, +.HeroFeature, +.HeroFeature.swiper-slide { + min-height: 400px; +} +@media (min-width: 1024px) { + .HeroMedium, + .HeroMedium.swiper-slide, + .HeroFeature, + .HeroFeature.swiper-slide { + height: 600px; + min-height: 600px; + } +} +.HeroSmall, +.HeroSmall.swiper-slide { + min-height: 200px; +} +@media (min-width: 1024px) { + .HeroSmall, + .HeroSmall.swiper-slide { + height: 360px; + min-height: 360px; + } +} +.Icon360 { + width: 2.75em; + height: 2.75em; +} +.IconArrow { + width: 1em; + height: 1em; +} +.IconArrows { + width: 2em; + height: 2em; +} +.IconAudio { + width: 2.75em; + height: 2.75em; +} +.IconCalendar, +.IconCaret, +.IconCheckbox, +.IconCheckboxSelected, +.IconClose, +.IconCloseLightbox, +.IconDownload, +.IconDropdown { + width: 1em; + height: 1em; +} +.IconExpand { + width: 2.75em; + height: 2.75em; +} +.IconExternal, +.IconFilter, +.IconGrid, +.IconInfo, +.IconList, +.IconLocation, +.IconMenu, +.IconMinus { + width: 1em; + height: 1em; +} +.IconMute, +.IconNext, +.IconPause, +.IconPlay { + width: 2.75em; + height: 2.75em; +} +.IconPlus { + width: 1em; + height: 1em; +} +.IconPrev { + width: 2.75em; + height: 2.75em; +} +.IconSearch, +.IconSocialEmail, +.IconSocialFacebook, +.IconSocialInstagram, +.IconSocialTwitter, +.IconSocialYoutube, +.IconSocialReddit { + width: 1em; + height: 1em; +} +.IconStop { + width: 2.75em; + height: 2.75em; +} +.IconTime { + width: 1em; + height: 1em; +} +.IconUser { + width: 1.4em; + height: 1.4em; +} +.IconVolume { + width: 2.75em; + height: 2.75em; +} +.MixinAnimationCaret, +.AnimationCaret { + display: flex; + align-items: center; +} +.MixinAnimationCaret > .arrow-wrapper, +.AnimationCaret > .arrow-wrapper { + position: relative; + display: block; + height: 1.5rem; + width: 1.5rem; +} +.MixinAnimationCaret > .arrow-wrapper > .arrow, +.MixinAnimationCaret > .arrow-wrapper > .arrow-fixed, +.AnimationCaret > .arrow-wrapper > .arrow, +.AnimationCaret > .arrow-wrapper > .arrow-fixed { + position: absolute; + top: 50%; + left: 0; + display: block; + --tw-translate-y: -50%; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); + font-size: 0.875rem; +} +@media (hover: hover) { + .MixinAnimationCaret:hover > .arrow-wrapper > .arrow, + .AnimationCaret:hover > .arrow-wrapper > .arrow { + animation: arrow-anim 0.25s ease-in normal; + } + .MixinAnimationCaret:hover > .arrow-wrapper > .arrow-fixed, + .AnimationCaret:hover > .arrow-wrapper > .arrow-fixed { + animation: arrow-fixed-anim 0.25s ease-in normal; + } +} +.MixinAnimationCaret.caret-inline, +.AnimationCaret.caret-inline { + display: inline-block; +} +.MixinAnimationCaret.caret-inline > .arrow-wrapper, +.AnimationCaret.caret-inline > .arrow-wrapper { + display: inline-block; + width: 1px; +} +.MixinAnimationCaret.caret-inline > .arrow-wrapper > .arrow, +.MixinAnimationCaret.caret-inline > .arrow-wrapper > .arrow-fixed, +.AnimationCaret.caret-inline > .arrow-wrapper > .arrow, +.AnimationCaret.caret-inline > .arrow-wrapper > .arrow-fixed { + margin-top: 0.45em; +} +@keyframes arrow-anim { + 0% { + opacity: 1; + transform: translateY(-50%); + } + 50% { + transform: translate(1rem, -50%); + opacity: 0; + } + to { + transform: translate(1rem, -50%); + opacity: 0; + } +} +@keyframes arrow-fixed-anim { + 0% { + opacity: 0; + transform: translate(-0.5rem, -50%); + } + to { + opacity: 1; + transform: translateY(-50%); + } +} +.MixinCarousel .swiper, +.BaseCarouselCards .swiper { + overflow: visible !important; +} +.MixinCarousel .swiper .swiper-prev, +.MixinCarousel .swiper .swiper-next, +.BaseCarouselCards .swiper .swiper-prev, +.BaseCarouselCards .swiper .swiper-next { + margin-top: -0.25rem; + height: auto; + width: auto; +} +.MixinCarousel .swiper .swiper-prev.swiper-button-disabled, +.MixinCarousel .swiper .swiper-next.swiper-button-disabled, +.BaseCarouselCards .swiper .swiper-prev.swiper-button-disabled, +.BaseCarouselCards .swiper .swiper-next.swiper-button-disabled { + visibility: hidden; +} +.MixinCarousel .swiper .swiper-prev.BaseButton, +.MixinCarousel .swiper .swiper-next.BaseButton, +.BaseCarouselCards .swiper .swiper-prev.BaseButton, +.BaseCarouselCards .swiper .swiper-next.BaseButton { + transition-property: none !important; +} +.MixinCarousel .swiper .swiper-prev.BaseButton > .label, +.MixinCarousel .swiper .swiper-next.BaseButton > .label, +.BaseCarouselCards .swiper .swiper-prev.BaseButton > .label, +.BaseCarouselCards .swiper .swiper-next.BaseButton > .label { + display: flex; + overflow: hidden; +} +.MixinCarousel .swiper .swiper-prev.BaseButton > .label > .arrow-wrapper, +.MixinCarousel .swiper .swiper-next.BaseButton > .label > .arrow-wrapper, +.BaseCarouselCards .swiper .swiper-prev.BaseButton > .label > .arrow-wrapper, +.BaseCarouselCards .swiper .swiper-next.BaseButton > .label > .arrow-wrapper { + position: relative; + display: block; + height: 100%; + width: 100%; + overflow: hidden; +} +.MixinCarousel .swiper .swiper-prev.BaseButton > .label > .arrow-wrapper > .arrow, +.MixinCarousel .swiper .swiper-next.BaseButton > .label > .arrow-wrapper > .arrow, +.BaseCarouselCards .swiper .swiper-prev.BaseButton > .label > .arrow-wrapper > .arrow, +.BaseCarouselCards .swiper .swiper-next.BaseButton > .label > .arrow-wrapper > .arrow { + display: block; +} +.MixinCarousel .swiper .swiper-prev.BaseButton > .label > .arrow-wrapper > .arrow-fixed, +.MixinCarousel .swiper .swiper-next.BaseButton > .label > .arrow-wrapper > .arrow-fixed, +.BaseCarouselCards .swiper .swiper-prev.BaseButton > .label > .arrow-wrapper > .arrow-fixed, +.BaseCarouselCards .swiper .swiper-next.BaseButton > .label > .arrow-wrapper > .arrow-fixed { + position: absolute; + top: 0; + left: 0; + display: block; +} +@media (hover: hover) { + .MixinCarousel .swiper .swiper-prev.BaseButton > .label:hover > .arrow-wrapper > .arrow, + .MixinCarousel .swiper .swiper-prev.BaseButton > .label:hover > .arrow-wrapper > .arrow-fixed, + .MixinCarousel .swiper .swiper-next.BaseButton > .label:hover > .arrow-wrapper > .arrow, + .MixinCarousel .swiper .swiper-next.BaseButton > .label:hover > .arrow-wrapper > .arrow-fixed, + .BaseCarouselCards .swiper .swiper-prev.BaseButton > .label:hover > .arrow-wrapper > .arrow, + .BaseCarouselCards .swiper .swiper-prev.BaseButton > .label:hover > .arrow-wrapper > .arrow-fixed, + .BaseCarouselCards .swiper .swiper-next.BaseButton > .label:hover > .arrow-wrapper > .arrow, + .BaseCarouselCards + .swiper + .swiper-next.BaseButton + > .label:hover + > .arrow-wrapper + > .arrow-fixed { + animation-delay: 50ms !important; + } +} +@media (min-width: 1024px) { + @media (hover: hover) { + .MixinCarousel .swiper .swiper-next.BaseButton > .label:hover > .arrow-wrapper > .arrow, + .BaseCarouselCards .swiper .swiper-next.BaseButton > .label:hover > .arrow-wrapper > .arrow { + animation: arrow-carousel-next-anim 0.1s linear normal; + } + .MixinCarousel .swiper .swiper-next.BaseButton > .label:hover > .arrow-wrapper > .arrow-fixed, + .BaseCarouselCards + .swiper + .swiper-next.BaseButton + > .label:hover + > .arrow-wrapper + > .arrow-fixed { + animation: arrow-carousel-next-fixed-anim 0.1s linear normal; + } + .MixinCarousel .swiper .swiper-prev.BaseButton > .label:hover > .arrow-wrapper > .arrow, + .BaseCarouselCards .swiper .swiper-prev.BaseButton > .label:hover > .arrow-wrapper > .arrow { + animation: arrow-carousel-prev-anim 0.1s linear normal; + } + .MixinCarousel .swiper .swiper-prev.BaseButton > .label:hover > .arrow-wrapper > .arrow-fixed, + .BaseCarouselCards + .swiper + .swiper-prev.BaseButton + > .label:hover + > .arrow-wrapper + > .arrow-fixed { + animation: arrow-carousel-prev-fixed-anim 0.1s linear normal; + } + } +} +.MixinCarousel .swiper-wrapper, +.BaseCarouselCards .swiper-wrapper { + overflow: visible !important; +} +.MixinCarousel .swiper-wrapper .swiper-slide, +.BaseCarouselCards .swiper-wrapper .swiper-slide { + height: auto; + opacity: 0.5; + transition-property: opacity; + transition-duration: 0.5s; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} +.MixinCarousel .swiper-wrapper .swiper-slide.swiper-slide-visible, +.MixinCarousel .swiper-wrapper .swiper-slide:focus, +.MixinCarousel .swiper-wrapper .swiper-slide:focus-within, +.BaseCarouselCards .swiper-wrapper .swiper-slide.swiper-slide-visible, +.BaseCarouselCards .swiper-wrapper .swiper-slide:focus, +.BaseCarouselCards .swiper-wrapper .swiper-slide:focus-within { + opacity: 1; +} +.MixinCarousel.-cards .swiper .swiper-navigation, +.BaseCarouselCards.-cards .swiper .swiper-navigation { + padding-top: 28.125%; +} +.MixinCarousel.-cards .swiper .swiper-navigation .swiper-prev, +.MixinCarousel.-cards .swiper .swiper-navigation .swiper-next, +.BaseCarouselCards.-cards .swiper .swiper-navigation .swiper-prev, +.BaseCarouselCards.-cards .swiper .swiper-navigation .swiper-next { + --tw-translate-y: -50%; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); +} +.MixinCarousel.-tiles, +.BaseCarouselCards.-tiles { + padding-bottom: 1.25rem; +} +.MixinCarousel.-tiles .swiper .swiper-navigation, +.BaseCarouselCards.-tiles .swiper .swiper-navigation { + top: 50%; +} +.MixinCarousel.-tiles .swiper .swiper-navigation .swiper-prev, +.MixinCarousel.-tiles .swiper .swiper-navigation .swiper-next, +.BaseCarouselCards.-tiles .swiper .swiper-navigation .swiper-prev, +.BaseCarouselCards.-tiles .swiper .swiper-navigation .swiper-next { + --tw-translate-y: -50%; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); +} +.MixinCarousel .swiper-lazy, +.BaseCarouselCards .swiper-lazy { + opacity: 0; +} +.MixinCarousel .swiper-lazy.swiper-lazy-loaded, +.BaseCarouselCards .swiper-lazy.swiper-lazy-loaded { + opacity: 1; +} +.NavInternal { + position: relative; + left: 0; + right: 0; + z-index: 20; + height: 100%; + overflow-y: auto; +} +@media (min-width: 1024px) { + .NavInternal { + position: unset; + overflow-y: unset; + left: unset; + right: unset; + height: unset; + z-index: unset; + } +} +.NavInternal .panel-wrapper { + visibility: hidden; + max-height: 0; + opacity: 0; + transition: + visibility 0s linear 0.3s, + opacity 0.3s, + max-height 0s linear 300s; + height: 0px; + overflow: hidden; +} +@media (min-width: 1024px) { + .NavInternal .panel-wrapper { + height: unset; + } +} +.NavInternal .panel-wrapper.spacer:before { + content: ''; + position: relative; + z-index: 0; + display: block; + height: 100%; + width: 100%; + --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), + 0 4px 6px -4px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), + var(--tw-shadow); +} +.NavInternal li.expanded .panel-wrapper { + visibility: visible; + max-height: 100%; + opacity: 1; + transition: + visibility 0s, + opacity 0.3s, + max-height 0s; + height: auto; + overflow: visible; +} +@media (min-width: 1024px) { + .NavInternal li.expanded .panel-wrapper { + height: unset; + } +} +.NavInternal .top-level { + scrollbar-width: thin; + scrollbar-color: rgba(0, 0, 0, 0.4) transparent; +} +.NavInternal .top-level::-webkit-scrollbar { + width: 1px; +} +.NavInternal .top-level::-webkit-scrollbar-track { + background: transparent; +} +.NavInternal .top-level::-webkit-scrollbar-thumb { + background-color: #0006; + border-radius: 6px; + border: 6px solid white; + border-left: none; + border-right: none; +} +@media (min-width: 1024px) { + .NavInternal .top-level > li { + border-top-width: 3px; + border-color: transparent; + } +} +.NavInternal .top-level > li > button, +.NavInternal .top-level > li > a { + cursor: pointer; + border-left-width: 3px; + border-color: transparent; + padding: 0.75rem 1rem; + text-align: left; + font-size: 1.25rem; + font-weight: 500; + line-height: 1.25; + --tw-text-opacity: 1; + color: rgb(34 34 34 / var(--tw-text-opacity)); +} +@media (min-width: 1024px) { + .NavInternal .top-level > li > button, + .NavInternal .top-level > li > a { + position: relative; + z-index: 10; + margin-left: 1rem; + margin-right: 1rem; + height: 100%; + white-space: nowrap; + border-left-width: 0px; + border-bottom-width: 3px; + padding: 1.5rem 0.25rem; + font-size: 1rem; + } +} +.NavInternal .top-level > li > button:focus, +.NavInternal .top-level > li > a:focus { + border-color: #2223; + outline: 2px solid transparent; + outline-offset: 2px; +} +@media (hover: hover) { + .NavInternal .top-level > li > button:hover, + .NavInternal .top-level > li > a:hover { + --tw-text-opacity: 1; + color: rgb(111 111 111 / var(--tw-text-opacity)); + } +} +.NavInternal .top-level > li > button > span, +.NavInternal .top-level > li > a > span { + display: inline-flex; + flex-direction: column; +} +.NavInternal .top-level > li > button > span:after, +.NavInternal .top-level > li > a > span:after { + content: attr(data-text); + content: attr(data-text) / ''; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + pointer-events: none; + visibility: hidden; + height: 0px; + overflow: hidden; + font-weight: 700; +} +@media speech { + .NavInternal .top-level > li > button > span:after, + .NavInternal .top-level > li > a > span:after { + display: none; + } +} +.NavInternal .top-level > li > button .IconDropdown { + font-size: 0.6rem; + pointer-events: none; + margin-left: 0.5rem; + flex-shrink: 0; +} +@media (min-width: 1024px) { + .NavInternal .top-level > li:first-child > button, + .NavInternal .top-level > li:first-child > a { + margin-left: 0; + padding-left: 0; + } + .NavInternal .top-level > li:last-child > button, + .NavInternal .top-level > li:last-child > a { + margin-right: 0; + padding-right: 0; + } +} +.NavInternal .top-level > li.active > button, +.NavInternal .top-level > li.active > a, +.NavInternal .top-level > li.ancestor > button, +.NavInternal .top-level > li.ancestor > a { + --tw-border-opacity: 1; + border-color: rgb(227 25 55 / var(--tw-border-opacity)); + font-weight: 700; +} +.NavInternal .top-level > li.expanded > button { + --tw-border-opacity: 1; + border-color: rgb(0 0 0 / var(--tw-border-opacity)); + font-weight: 700; +} +.NavInternal .NavInternalPanel { + --tw-bg-opacity: 1; + background-color: rgb(250 250 250 / var(--tw-bg-opacity)); +} +@media (min-width: 1024px) { + .NavInternal .NavInternalPanel { + max-height: 60vh; + overflow-y: auto; + } +} +.NavInternal .NavInternalPanel .NavInternalSection { + page-break-inside: avoid; + -moz-column-break-inside: avoid; + break-inside: avoid; +} +@supports (-moz-appearance: none) { + .NavInternal .NavInternalPanel .NavInternalSection { + display: inline-grid; + } +} +@media not all and (min-resolution: 0.001dpcm) { + @supports (-webkit-appearance: none) and (stroke-color: transparent) { + .NavInternal .NavInternalPanel .NavInternalSection { + display: inline-grid; + } + } +} +.NavInternal .NavInternalPanel.allow-breaks .NavInternalSection { + page-break-inside: auto; + -moz-column-break-inside: auto; + break-inside: auto; + display: block; +} +.NavInternal .NavInternalPanel p.NavInternalSection:last-of-type { + margin-bottom: 1.5rem; +} +.NavInternal .NavInternalPanel .NavInternalSection.has-children { + margin-bottom: 1.5rem; +} +.NavInternal .NavInternalPanel .NavInternalSection:last-child { + margin-bottom: 0; +} +@media (min-width: 1024px) { + .NavInternal .NavInternalPanel .NavInternalSection:last-child { + margin-bottom: 1.5rem; + } +} +.NavInternal .NavInternalPanel .repeated-item a { + font-size: 1.125rem; + font-weight: 500; + line-height: 1.25; + --tw-text-opacity: 1; + color: rgb(0 100 128 / var(--tw-text-opacity)); + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 0.15s; +} +.NavInternal .NavInternalPanel .repeated-item a span { + border-bottom-width: 1px; + border-color: transparent; +} +@media (hover: hover) { + .NavInternal .NavInternalPanel .repeated-item a:hover { + --tw-text-opacity: 1; + color: rgb(0 128 164 / var(--tw-text-opacity)); + } +} +.NavInternal .NavInternalPanel .repeated-item a.active { + --tw-text-opacity: 1; + color: rgb(0 0 0 / var(--tw-text-opacity)); +} +.NavInternal .NavInternalPanel .repeated-item a.active > span { + --tw-border-opacity: 1; + border-color: rgb(227 25 55 / var(--tw-border-opacity)); +} +.NavInternal .NavInternalPanel .NavInternalSection a { + font-size: 1.125rem; + font-weight: 500; + line-height: 1.25; + --tw-text-opacity: 1; + color: rgb(111 111 111 / var(--tw-text-opacity)); + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 0.15s; + page-break-inside: avoid; + -moz-column-break-inside: avoid; + break-inside: avoid; + display: block; +} +@media (min-width: 1024px) { + .NavInternal .NavInternalPanel .NavInternalSection a { + font-size: 1rem; + font-weight: 400; + } +} +.NavInternal .NavInternalPanel .NavInternalSection a > span { + border-bottom-width: 1px; + border-color: transparent; +} +.NavInternal .NavInternalPanel .NavInternalSection a svg { + display: inline-block; +} +.NavInternal .NavInternalPanel .NavInternalSection a svg.IconExternal { + font-size: 0.875em; +} +.NavInternal .NavInternalPanel .NavInternalSection a svg.IconDownload { + position: relative; + top: -0.125rem; +} +@media (hover: hover) { + .NavInternal .NavInternalPanel .NavInternalSection a:hover { + --tw-text-opacity: 1; + color: rgb(34 34 34 / var(--tw-text-opacity)); + } + .NavInternal .NavInternalPanel .NavInternalSection a:hover > span { + --tw-border-opacity: 1; + border-color: rgb(34 34 34 / var(--tw-border-opacity)); + } +} +.NavInternal .NavInternalPanel .NavInternalSection a.text-subtitle { + --tw-text-opacity: 1; + color: rgb(0 100 128 / var(--tw-text-opacity)); + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 0.15s; +} +.NavInternal .NavInternalPanel .NavInternalSection a.text-subtitle > span { + border-width: 0px; +} +@media (hover: hover) { + .NavInternal .NavInternalPanel .NavInternalSection a.text-subtitle:hover { + --tw-text-opacity: 1; + color: rgb(0 128 164 / var(--tw-text-opacity)); + } +} +.NavInternal .NavInternalPanel .NavInternalSection a.text-subtitle svg.IconExternal { + margin-left: 0.25rem; + display: inline-block; + vertical-align: baseline; + font-size: 0.75rem; +} +.NavInternal .NavInternalPanel .NavInternalSection a svg.IconArrow { + display: none; +} +.NavInternal .NavInternalPanel .NavInternalSection a svg.IconDownload { + margin-left: 0.25rem; + font-size: 0.875rem; +} +.NavInternal .NavInternalPanel .NavInternalSection a svg.IconExternal { + margin-left: 0.25rem; + font-size: 0.75rem; +} +.NavInternal .NavInternalPanel .NavInternalSection > .text-subtitle { + font-size: 1.125rem; +} +@media (min-width: 1024px) { + .NavInternal .NavInternalPanel .NavInternalSection > .text-subtitle { + font-size: 1rem; + } +} +.NavInternal .NavInternalPanel .NavInternalSection a.active, +.NavInternal .NavInternalPanel .NavInternalSection a.text-subtitle.active { + --tw-text-opacity: 1; + color: rgb(0 0 0 / var(--tw-text-opacity)); +} +.NavInternal .NavInternalPanel .NavInternalSection a.active > span, +.NavInternal .NavInternalPanel .NavInternalSection a.text-subtitle.active > span { + border-bottom-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(227 25 55 / var(--tw-border-opacity)); +} +#NavMobileToggle .IconClose, +#NavMobileToggle.expanded .IconMenu { + display: none; +} +#NavMobileToggle.expanded .IconClose { + display: block; +} +#NavBgOverlay { + visibility: visible; + opacity: 0.8; + transition: + visibility 0s linear 0s, + opacity 0.3s; +} +#NavBgOverlay.invisible-overlay { + visibility: hidden; + opacity: 0; + transition: + visibility 0s linear 0.3s, + opacity 0.3s; +} +.SearchResultCard .bg-dark-blue mark { + border-radius: 0.25rem; + border-width: 1px; + --tw-border-opacity: 1; + border-color: rgb(111 111 111 / var(--tw-border-opacity)); + --tw-bg-opacity: 1; + background-color: rgb(34 34 34 / var(--tw-bg-opacity)); + padding: 0.125rem; + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} +.sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; +} +.pointer-events-none { + pointer-events: none; +} +.pointer-events-auto { + pointer-events: auto; +} +.visible { + visibility: visible; +} +.invisible { + visibility: hidden; +} +.static { + position: static; +} +.fixed { + position: fixed; +} +.absolute { + position: absolute; +} +.relative { + position: relative; +} +.sticky { + position: sticky; +} +.inset-0 { + top: 0; + right: 0; + bottom: 0; + left: 0; +} +.inset-x-0 { + left: 0; + right: 0; +} +.inset-y-0 { + top: 0; + bottom: 0; +} +.-bottom-4 { + bottom: -1rem; +} +.-right-px { + right: -1px; +} +.-top-0 { + top: -0px; +} +.-top-0\.5 { + top: -0.125rem; +} +.-top-1 { + top: -0.25rem; +} +.-top-px { + top: -1px; +} +.bottom-0 { + bottom: 0; +} +.bottom-10 { + bottom: 2.5rem; +} +.left-0 { + left: 0; +} +.left-1\/2 { + left: 50%; +} +.left-auto { + left: auto; +} +.right-0 { + right: 0; +} +.right-10 { + right: 2.5rem; +} +.right-5 { + right: 1.25rem; +} +.right-px { + right: 1px; +} +.top-0 { + top: 0; +} +.top-1\/2 { + top: 50%; +} +.top-5 { + top: 1.25rem; +} +.top-auto { + top: auto; +} +.top-px { + top: 1px; +} +.isolate { + isolation: isolate; +} +.z-0 { + z-index: 0; +} +.z-10 { + z-index: 10; +} +.z-20 { + z-index: 20; +} +.z-30 { + z-index: 30; +} +.z-40 { + z-index: 40; +} +.z-50 { + z-index: 50; +} +.z-60 { + z-index: 60; +} +.order-1 { + order: 1; +} +.order-2 { + order: 2; +} +.order-3 { + order: 3; +} +.col-span-1 { + grid-column: span 1 / span 1; +} +.col-span-10 { + grid-column: span 10 / span 10; +} +.col-span-11 { + grid-column: span 11 / span 11; +} +.col-span-12 { + grid-column: span 12 / span 12; +} +.col-span-2 { + grid-column: span 2 / span 2; +} +.col-span-3 { + grid-column: span 3 / span 3; +} +.col-span-4 { + grid-column: span 4 / span 4; +} +.col-span-5 { + grid-column: span 5 / span 5; +} +.col-span-6 { + grid-column: span 6 / span 6; +} +.col-span-7 { + grid-column: span 7 / span 7; +} +.col-span-8 { + grid-column: span 8 / span 8; +} +.col-span-9 { + grid-column: span 9 / span 9; +} +.col-span-full { + grid-column: 1 / -1; +} +.col-start-1 { + grid-column-start: 1; +} +.col-start-10 { + grid-column-start: 10; +} +.col-start-2 { + grid-column-start: 2; +} +.col-start-3 { + grid-column-start: 3; +} +.col-start-4 { + grid-column-start: 4; +} +.col-start-6 { + grid-column-start: 6; +} +.col-start-7 { + grid-column-start: 7; +} +.col-start-8 { + grid-column-start: 8; +} +.col-start-9 { + grid-column-start: 9; +} +.col-end-10 { + grid-column-end: 10; +} +.col-end-11 { + grid-column-end: 11; +} +.col-end-12 { + grid-column-end: 12; +} +.col-end-13 { + grid-column-end: 13; +} +.col-end-6 { + grid-column-end: 6; +} +.col-end-7 { + grid-column-end: 7; +} +.col-end-8 { + grid-column-end: 8; +} +.col-end-9 { + grid-column-end: 9; +} +.row-span-1 { + grid-row: span 1 / span 1; +} +.row-span-2 { + grid-row: span 2 / span 2; +} +.row-start-2 { + grid-row-start: 2; +} +.m-0 { + margin: 0; +} +.m-3 { + margin: 0.75rem; +} +.m-auto { + margin: auto; +} +.-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; +} +.-mx-4 { + margin-left: -1rem; + margin-right: -1rem; +} +.-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; +} +.mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; +} +.mx-4 { + margin-left: 1rem; + margin-right: 1rem; +} +.mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; +} +.mx-auto { + margin-left: auto; + margin-right: auto; +} +.my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; +} +.my-12 { + margin-top: 3rem; + margin-bottom: 3rem; +} +.my-16 { + margin-top: 4rem; + margin-bottom: 4rem; +} +.my-18 { + margin-top: 4.5rem; + margin-bottom: 4.5rem; +} +.my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; +} +.my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; +} +.my-4 { + margin-top: 1rem; + margin-bottom: 1rem; +} +.my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; +} +.my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; +} +.my-8 { + margin-top: 2rem; + margin-bottom: 2rem; +} +.my-auto { + margin-top: auto; + margin-bottom: auto; +} +.-mb-1 { + margin-bottom: -0.25rem; +} +.-mb-2 { + margin-bottom: -0.5rem; +} +.-mb-3 { + margin-bottom: -0.75rem; +} +.-mb-5 { + margin-bottom: -1.25rem; +} +.-ml-1 { + margin-left: -0.25rem; +} +.-ml-16 { + margin-left: -4rem; +} +.-ml-2 { + margin-left: -0.5rem; +} +.-ml-20 { + margin-left: -5rem; +} +.-ml-3 { + margin-left: -0.75rem; +} +.-ml-4 { + margin-left: -1rem; +} +.-ml-5 { + margin-left: -1.25rem; +} +.-ml-8 { + margin-left: -2rem; +} +.-ml-px { + margin-left: -1px; +} +.-mr-16 { + margin-right: -4rem; +} +.-mr-2 { + margin-right: -0.5rem; +} +.-mr-20 { + margin-right: -5rem; +} +.-mr-26 { + margin-right: -6.5rem; +} +.-mr-3 { + margin-right: -0.75rem; +} +.-mr-4 { + margin-right: -1rem; +} +.-mt-1 { + margin-top: -0.25rem; +} +.-mt-1\.5 { + margin-top: -0.375rem; +} +.-mt-10 { + margin-top: -2.5rem; +} +.-mt-12 { + margin-top: -3rem; +} +.-mt-14 { + margin-top: -3.5rem; +} +.-mt-18 { + margin-top: -4.5rem; +} +.-mt-2 { + margin-top: -0.5rem; +} +.-mt-20 { + margin-top: -5rem; +} +.-mt-24 { + margin-top: -6rem; +} +.-mt-3 { + margin-top: -0.75rem; +} +.-mt-5 { + margin-top: -1.25rem; +} +.-mt-6 { + margin-top: -1.5rem; +} +.-mt-px { + margin-top: -1px; +} +.mb-0 { + margin-bottom: 0; +} +.mb-0\.5 { + margin-bottom: 0.125rem; +} +.mb-1 { + margin-bottom: 0.25rem; +} +.mb-10 { + margin-bottom: 2.5rem; +} +.mb-12 { + margin-bottom: 3rem; +} +.mb-14 { + margin-bottom: 3.5rem; +} +.mb-16 { + margin-bottom: 4rem; +} +.mb-2 { + margin-bottom: 0.5rem; +} +.mb-2\.5 { + margin-bottom: 0.625rem; +} +.mb-20 { + margin-bottom: 5rem; +} +.mb-22 { + margin-bottom: 5.5rem; +} +.mb-3 { + margin-bottom: 0.75rem; +} +.mb-30 { + margin-bottom: 7.5rem; +} +.mb-4 { + margin-bottom: 1rem; +} +.mb-5 { + margin-bottom: 1.25rem; +} +.mb-6 { + margin-bottom: 1.5rem; +} +.mb-8 { + margin-bottom: 2rem; +} +.mb-px { + margin-bottom: 1px; +} +.ml-0 { + margin-left: 0; +} +.ml-1 { + margin-left: 0.25rem; +} +.ml-14 { + margin-left: 3.5rem; +} +.ml-2 { + margin-left: 0.5rem; +} +.ml-2\.5 { + margin-left: 0.625rem; +} +.ml-3 { + margin-left: 0.75rem; +} +.ml-4 { + margin-left: 1rem; +} +.ml-5 { + margin-left: 1.25rem; +} +.ml-6 { + margin-left: 1.5rem; +} +.ml-7 { + margin-left: 1.75rem; +} +.ml-auto { + margin-left: auto; +} +.mr-0 { + margin-right: 0; +} +.mr-1 { + margin-right: 0.25rem; +} +.mr-10 { + margin-right: 2.5rem; +} +.mr-16 { + margin-right: 4rem; +} +.mr-2 { + margin-right: 0.5rem; +} +.mr-3 { + margin-right: 0.75rem; +} +.mr-4 { + margin-right: 1rem; +} +.mr-5 { + margin-right: 1.25rem; +} +.mr-6 { + margin-right: 1.5rem; +} +.mr-8 { + margin-right: 2rem; +} +.mr-auto { + margin-right: auto; +} +.mt-0 { + margin-top: 0; +} +.mt-0\.5 { + margin-top: 0.125rem; +} +.mt-1 { + margin-top: 0.25rem; +} +.mt-10 { + margin-top: 2.5rem; +} +.mt-12 { + margin-top: 3rem; +} +.mt-16 { + margin-top: 4rem; +} +.mt-18 { + margin-top: 4.5rem; +} +.mt-2 { + margin-top: 0.5rem; +} +.mt-20 { + margin-top: 5rem; +} +.mt-24 { + margin-top: 6rem; +} +.mt-26 { + margin-top: 6.5rem; +} +.mt-28 { + margin-top: 7rem; +} +.mt-3 { + margin-top: 0.75rem; +} +.mt-36 { + margin-top: 9rem; +} +.mt-4 { + margin-top: 1rem; +} +.mt-5 { + margin-top: 1.25rem; +} +.mt-6 { + margin-top: 1.5rem; +} +.mt-8 { + margin-top: 2rem; +} +.mt-px { + margin-top: 1px; +} +.block { + display: block; +} +.inline-block { + display: inline-block; +} +.\!inline { + display: inline !important; +} +.inline { + display: inline; +} +.flex { + display: flex; +} +.inline-flex { + display: inline-flex; +} +.table { + display: table; +} +.\!grid { + display: grid !important; +} +.grid { + display: grid; +} +.inline-grid { + display: inline-grid; +} +.contents { + display: contents; +} +.hidden { + display: none; +} +.h-0 { + height: 0px; +} +.h-1 { + height: 0.25rem; +} +.h-12 { + height: 3rem; +} +.h-14 { + height: 3.5rem; +} +.h-16 { + height: 4rem; +} +.h-18 { + height: 4.5rem; +} +.h-2 { + height: 0.5rem; +} +.h-20 { + height: 5rem; +} +.h-22 { + height: 5.5rem; +} +.h-24 { + height: 6rem; +} +.h-25 { + height: 6.25rem; +} +.h-28 { + height: 7rem; +} +.h-2px { + height: 2px; +} +.h-3 { + height: 0.75rem; +} +.h-38 { + height: 9.5rem; +} +.h-4 { + height: 1rem; +} +.h-40 { + height: 10rem; +} +.h-5 { + height: 1.25rem; +} +.h-6 { + height: 1.5rem; +} +.h-7 { + height: 1.75rem; +} +.h-8 { + height: 2rem; +} +.h-80 { + height: 20rem; +} +.h-auto { + height: auto; +} +.h-full { + height: 100%; +} +.h-screen { + height: 100vh; +} +.max-h-48 { + max-height: 12rem; +} +.max-h-full { + max-height: 100%; +} +.max-h-screen { + max-height: 100vh; +} +.max-h-xl { + max-height: 36rem; +} +.min-h-1\/2 { + min-height: 50%; +} +.min-h-100 { + min-height: 25rem; +} +.min-h-28 { + min-height: 7rem; +} +.min-h-32 { + min-height: 8rem; +} +.min-h-66 { + min-height: 16rem; +} +.min-h-full { + min-height: 100%; +} +.w-0 { + width: 0px; +} +.w-1 { + width: 0.25rem; +} +.w-1\/2 { + width: 50%; +} +.w-1\/3 { + width: 33.333333%; +} +.w-1\/4 { + width: 25%; +} +.w-1\/5 { + width: 20%; +} +.w-1\/6 { + width: 16.666667%; +} +.w-12 { + width: 3rem; +} +.w-14 { + width: 3.5rem; +} +.w-16 { + width: 4rem; +} +.w-18 { + width: 4.5rem; +} +.w-2 { + width: 0.5rem; +} +.w-2\/3 { + width: 66.666667%; +} +.w-2\/5 { + width: 40%; +} +.w-20 { + width: 5rem; +} +.w-22 { + width: 5.5rem; +} +.w-25 { + width: 6.25rem; +} +.w-26 { + width: 6.5rem; +} +.w-3 { + width: 0.75rem; +} +.w-3\/5 { + width: 60%; +} +.w-30 { + width: 7.5rem; +} +.w-38 { + width: 9.5rem; +} +.w-4\/5 { + width: 80%; +} +.w-40 { + width: 10rem; +} +.w-5 { + width: 1.25rem; +} +.w-5\/6 { + width: 83.333333%; +} +.w-56 { + width: 14rem; +} +.w-6 { + width: 1.5rem; +} +.w-64 { + width: 16rem; +} +.w-7 { + width: 1.75rem; +} +.w-72 { + width: 17.5rem; +} +.w-8 { + width: 2rem; +} +.w-96 { + width: 24rem; +} +.w-auto { + width: auto; +} +.w-full { + width: 100%; +} +.w-xl { + width: 36rem; +} +.min-w-12 { + min-width: 3rem; +} +.min-w-full { + min-width: 100%; +} +.max-w-2xl { + max-width: 42rem; +} +.max-w-4xl { + max-width: 56rem; +} +.max-w-full { + max-width: 100%; +} +.max-w-lg { + max-width: 32rem; +} +.max-w-none { + max-width: none; +} +.max-w-screen-2xl { + max-width: 1440px; +} +.max-w-screen-3xl { + max-width: 1800px; +} +.max-w-screen-4xl { + max-width: 1900px; +} +.max-w-screen-xl { + max-width: 1280px; +} +.max-w-sm { + max-width: 24rem; +} +.max-w-xl { + max-width: 36rem; +} +.flex-1 { + flex: 1 1 0%; +} +.flex-none { + flex: none; +} +.flex-shrink-0, +.shrink-0 { + flex-shrink: 0; +} +.flex-grow { + flex-grow: 1; +} +.table-auto { + table-layout: auto; +} +.border-collapse { + border-collapse: collapse; +} +.-translate-x-1\/2 { + --tw-translate-x: -50%; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); +} +.-translate-x-1\/3 { + --tw-translate-x: -33.333333%; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); +} +.-translate-x-1\/4 { + --tw-translate-x: -25%; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); +} +.-translate-x-3\/7 { + --tw-translate-x: -42.8571429%; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); +} +.-translate-y-1\/2 { + --tw-translate-y: -50%; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); +} +.-translate-y-2 { + --tw-translate-y: -0.5rem; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); +} +.-translate-y-full { + --tw-translate-y: -100%; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); +} +.translate-x-0 { + --tw-translate-x: 0px; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); +} +.translate-x-0\.5 { + --tw-translate-x: 0.125rem; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); +} +.translate-x-1\/2 { + --tw-translate-x: 50%; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); +} +.translate-x-1\/3 { + --tw-translate-x: 33.333333%; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); +} +.translate-x-1\/4 { + --tw-translate-x: 25%; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); +} +.translate-y-0 { + --tw-translate-y: 0px; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); +} +.translate-y-12 { + --tw-translate-y: 3rem; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); +} +.translate-y-32 { + --tw-translate-y: 8rem; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); +} +.rotate-180 { + --tw-rotate: 180deg; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); +} +.rotate-45 { + --tw-rotate: 45deg; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); +} +.rotate-90 { + --tw-rotate: 90deg; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); +} +.scale-100 { + --tw-scale-x: 1; + --tw-scale-y: 1; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); +} +.scale-103 { + --tw-scale-x: 1.03; + --tw-scale-y: 1.03; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); +} +.scale-105 { + --tw-scale-x: 1.05; + --tw-scale-y: 1.05; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); +} +.scale-125 { + --tw-scale-x: 1.25; + --tw-scale-y: 1.25; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); +} +.transform { + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); +} +.transform-gpu { + transform: translate3d(var(--tw-translate-x), var(--tw-translate-y), 0) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); +} +.animate-fadeIn { + animation: fadeIn 0.5s ease-in forwards; +} +@keyframes fadeIn { + 0% { + opacity: 0; + } + to { + opacity: 1; + } +} +.animate-fadeInSlow { + animation: fadeIn 1s ease-in forwards; +} +@keyframes pulse { + 50% { + opacity: 0.5; + } +} +.animate-pulse { + animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; +} +@keyframes rotate { + to { + transform: rotate(360deg); + } +} +.animate-rotate { + animation: rotate 1s linear infinite; +} +.cursor-default { + cursor: default; +} +.cursor-pointer { + cursor: pointer; +} +.select-none { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; +} +.resize { + resize: both; +} +.list-none { + list-style-type: none; +} +.grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); +} +.grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); +} +.grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); +} +.grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); +} +.grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); +} +.grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); +} +.grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); +} +.grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); +} +.grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); +} +.grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); +} +.flex-row { + flex-direction: row; +} +.flex-col { + flex-direction: column; +} +.flex-col-reverse { + flex-direction: column-reverse; +} +.flex-wrap { + flex-wrap: wrap; +} +.flex-nowrap { + flex-wrap: nowrap; +} +.content-center { + align-content: center; +} +.items-start { + align-items: flex-start; +} +.items-end { + align-items: flex-end; +} +.items-center { + align-items: center; +} +.items-baseline { + align-items: baseline; +} +.justify-start { + justify-content: flex-start; +} +.justify-end { + justify-content: flex-end; +} +.justify-center { + justify-content: center; +} +.justify-between { + justify-content: space-between; +} +.justify-items-center { + justify-items: center; +} +.gap-10 { + gap: 2.5rem; +} +.gap-14 { + gap: 3.5rem; +} +.gap-2 { + gap: 0.5rem; +} +.gap-4 { + gap: 1rem; +} +.gap-5 { + gap: 1.25rem; +} +.gap-6 { + gap: 1.5rem; +} +.gap-7 { + gap: 1.75rem; +} +.gap-8 { + gap: 2rem; +} +.gap-y-0 { + row-gap: 0px; +} +.gap-y-10 { + row-gap: 2.5rem; +} +.gap-y-8 { + row-gap: 2rem; +} +.space-x-2 > :not([hidden]) ~ :not([hidden]) { + --tw-space-x-reverse: 0; + margin-right: calc(0.5rem * var(--tw-space-x-reverse)); + margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); +} +.space-y-4 > :not([hidden]) ~ :not([hidden]) { + --tw-space-y-reverse: 0; + margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); + margin-bottom: calc(1rem * var(--tw-space-y-reverse)); +} +.divide-x > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 0; + border-right-width: calc(1px * var(--tw-divide-x-reverse)); + border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse))); +} +.divide-x-2 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-x-reverse: 0; + border-right-width: calc(2px * var(--tw-divide-x-reverse)); + border-left-width: calc(2px * calc(1 - var(--tw-divide-x-reverse))); +} +.divide-gray-light-mid > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 1; + border-color: rgb(216 216 216 / var(--tw-divide-opacity)); +} +.divide-gray-mid > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 1; + border-color: rgb(148 148 148 / var(--tw-divide-opacity)); +} +.divide-gray-mid-dark > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 1; + border-color: rgb(111 111 111 / var(--tw-divide-opacity)); +} +.divide-white > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 1; + border-color: rgb(255 255 255 / var(--tw-divide-opacity)); +} +.divide-opacity-40 > :not([hidden]) ~ :not([hidden]) { + --tw-divide-opacity: 0.4; +} +.overflow-auto { + overflow: auto; +} +.overflow-hidden { + overflow: hidden; +} +.overflow-visible { + overflow: visible; +} +.overflow-x-auto { + overflow-x: auto; +} +.overflow-y-auto { + overflow-y: auto; +} +.overflow-x-hidden { + overflow-x: hidden; +} +.overflow-x-visible { + overflow-x: visible; +} +.overflow-y-scroll { + overflow-y: scroll; +} +.truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} +.whitespace-nowrap { + white-space: nowrap; +} +.break-normal { + overflow-wrap: normal; + word-break: normal; +} +.break-words { + overflow-wrap: break-word; +} +.break-all { + word-break: break-all; +} +.rounded-full { + border-radius: 9999px; +} +.rounded-lg { + border-radius: 0.5rem; +} +.rounded-none { + border-radius: 0; +} +.rounded-xl { + border-radius: 0.75rem; +} +.border { + border-width: 1px; +} +.border-0 { + border-width: 0px; +} +.border-2 { + border-width: 2px; +} +.border-4 { + border-width: 4px; +} +.border-b { + border-bottom-width: 1px; +} +.border-b-2 { + border-bottom-width: 2px; +} +.border-b-3 { + border-bottom-width: 3px; +} +.border-l { + border-left-width: 1px; +} +.border-l-0 { + border-left-width: 0px; +} +.border-l-2 { + border-left-width: 2px; +} +.border-l-4 { + border-left-width: 4px; +} +.border-r { + border-right-width: 1px; +} +.border-t { + border-top-width: 1px; +} +.border-t-2 { + border-top-width: 2px; +} +.border-t-3 { + border-top-width: 3px; +} +.border-dashed { + border-style: dashed; +} +.border-none { + border-style: none; +} +.border-black { + --tw-border-opacity: 1; + border-color: rgb(0 0 0 / var(--tw-border-opacity)); +} +.border-black\/50 { + border-color: #00000080; +} +.border-blue { + --tw-border-opacity: 1; + border-color: rgb(139 203 250 / var(--tw-border-opacity)); +} +.border-gray-dark { + --tw-border-opacity: 1; + border-color: rgb(34 34 34 / var(--tw-border-opacity)); +} +.border-gray-light-mid { + --tw-border-opacity: 1; + border-color: rgb(216 216 216 / var(--tw-border-opacity)); +} +.border-gray-mid { + --tw-border-opacity: 1; + border-color: rgb(148 148 148 / var(--tw-border-opacity)); +} +.border-gray-mid-dark { + --tw-border-opacity: 1; + border-color: rgb(111 111 111 / var(--tw-border-opacity)); +} +.border-jpl-red { + --tw-border-opacity: 1; + border-color: rgb(227 25 55 / var(--tw-border-opacity)); +} +.border-jpl-red-light { + --tw-border-opacity: 1; + border-color: rgb(231 59 84 / var(--tw-border-opacity)); +} +.border-success-green { + --tw-border-opacity: 1; + border-color: rgb(51 161 123 / var(--tw-border-opacity)); +} +.border-transparent { + border-color: transparent; +} +.border-white { + --tw-border-opacity: 1; + border-color: rgb(255 255 255 / var(--tw-border-opacity)); +} +.border-opacity-0 { + --tw-border-opacity: 0; +} +.border-opacity-100 { + --tw-border-opacity: 1; +} +.border-opacity-30 { + --tw-border-opacity: 0.3; +} +.border-opacity-40 { + --tw-border-opacity: 0.4; +} +.border-opacity-50 { + --tw-border-opacity: 0.5; +} +.bg-alert-gold { + --tw-bg-opacity: 1; + background-color: rgb(255 186 50 / var(--tw-bg-opacity)); +} +.bg-alert-gold-light { + --tw-bg-opacity: 1; + background-color: rgb(255 249 235 / var(--tw-bg-opacity)); +} +.bg-black { + --tw-bg-opacity: 1; + background-color: rgb(0 0 0 / var(--tw-bg-opacity)); +} +.bg-black\/15 { + background-color: #00000026; +} +.bg-black\/30 { + background-color: #0000004d; +} +.bg-blue { + --tw-bg-opacity: 1; + background-color: rgb(139 203 250 / var(--tw-bg-opacity)); +} +.bg-dark-blue { + --tw-bg-opacity: 1; + background-color: rgb(0 69 98 / var(--tw-bg-opacity)); +} +.bg-disabled-gray { + --tw-bg-opacity: 1; + background-color: rgb(216 216 216 / var(--tw-bg-opacity)); +} +.bg-error-red { + --tw-bg-opacity: 1; + background-color: rgb(193 21 46 / var(--tw-bg-opacity)); +} +.bg-error-red-light { + --tw-bg-opacity: 1; + background-color: rgb(255 232 235 / var(--tw-bg-opacity)); +} +.bg-focus-blue { + --tw-bg-opacity: 1; + background-color: rgb(24 113 201 / var(--tw-bg-opacity)); +} +.bg-focus-blue-light { + --tw-bg-opacity: 1; + background-color: rgb(232 241 250 / var(--tw-bg-opacity)); +} +.bg-gray-dark { + --tw-bg-opacity: 1; + background-color: rgb(34 34 34 / var(--tw-bg-opacity)); +} +.bg-gray-light { + --tw-bg-opacity: 1; + background-color: rgb(245 245 245 / var(--tw-bg-opacity)); +} +.bg-gray-light-mid { + --tw-bg-opacity: 1; + background-color: rgb(216 216 216 / var(--tw-bg-opacity)); +} +.bg-gray-light\/90 { + background-color: #f5f5f5e6; +} +.bg-gray-mid { + --tw-bg-opacity: 1; + background-color: rgb(148 148 148 / var(--tw-bg-opacity)); +} +.bg-gray-mid-dark { + --tw-bg-opacity: 1; + background-color: rgb(111 111 111 / var(--tw-bg-opacity)); +} +.bg-green { + --tw-bg-opacity: 1; + background-color: rgb(20 201 122 / var(--tw-bg-opacity)); +} +.bg-jpl-aqua { + --tw-bg-opacity: 1; + background-color: rgb(72 159 223 / var(--tw-bg-opacity)); +} +.bg-jpl-red { + --tw-bg-opacity: 1; + background-color: rgb(227 25 55 / var(--tw-bg-opacity)); +} +.bg-jpl-red-dark { + --tw-bg-opacity: 1; + background-color: rgb(193 21 46 / var(--tw-bg-opacity)); +} +.bg-jpl-red-darker { + --tw-bg-opacity: 1; + background-color: rgb(92 4 17 / var(--tw-bg-opacity)); +} +.bg-jpl-red-light { + --tw-bg-opacity: 1; + background-color: rgb(231 59 84 / var(--tw-bg-opacity)); +} +.bg-jpl-sky-blue { + --tw-bg-opacity: 1; + background-color: rgb(0 128 164 / var(--tw-bg-opacity)); +} +.bg-jpl-sky-blue-dark { + --tw-bg-opacity: 1; + background-color: rgb(0 100 128 / var(--tw-bg-opacity)); +} +.bg-off-white { + --tw-bg-opacity: 1; + background-color: rgb(250 250 250 / var(--tw-bg-opacity)); +} +.bg-success-green { + --tw-bg-opacity: 1; + background-color: rgb(51 161 123 / var(--tw-bg-opacity)); +} +.bg-success-green-light { + --tw-bg-opacity: 1; + background-color: rgb(225 245 238 / var(--tw-bg-opacity)); +} +.bg-transparent { + background-color: transparent; +} +.bg-white { + --tw-bg-opacity: 1; + background-color: rgb(255 255 255 / var(--tw-bg-opacity)); +} +.bg-white\/10 { + background-color: #ffffff1a; +} +.bg-white\/90 { + background-color: #ffffffe6; +} +.bg-opacity-0 { + --tw-bg-opacity: 0; +} +.bg-opacity-15 { + --tw-bg-opacity: 0.15; +} +.bg-opacity-25 { + --tw-bg-opacity: 0.25; +} +.bg-opacity-50 { + --tw-bg-opacity: 0.5; +} +.bg-opacity-75 { + --tw-bg-opacity: 0.75; +} +.bg-opacity-90 { + --tw-bg-opacity: 0.9; +} +.bg-opacity-98 { + --tw-bg-opacity: 0.98; +} +.bg-gradient-to-b { + background-image: linear-gradient(to bottom, var(--tw-gradient-stops)); +} +.bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--tw-gradient-stops)); +} +.bg-gradient-to-l { + background-image: linear-gradient(to left, var(--tw-gradient-stops)); +} +.bg-gradient-to-r { + background-image: linear-gradient(to right, var(--tw-gradient-stops)); +} +.bg-gradient-to-t { + background-image: linear-gradient(to top, var(--tw-gradient-stops)); +} +.bg-none { + background-image: none; +} +.from-jpl-red { + --tw-gradient-from: #e31937 var(--tw-gradient-from-position); + --tw-gradient-to: rgb(227 25 55 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} +.from-transparent { + --tw-gradient-from: transparent var(--tw-gradient-from-position); + --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} +.from-transparent-black-75 { + --tw-gradient-from: rgba(0 0 0 / 75%) var(--tw-gradient-from-position); + --tw-gradient-to: rgba(0, 0, 0, 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} +.from-transparent-w25 { + --tw-gradient-from: transparent 25% var(--tw-gradient-from-position); + --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} +.from-transparent-w50 { + --tw-gradient-from: transparent 50% var(--tw-gradient-from-position); + --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); +} +.to-black { + --tw-gradient-to: #000000 var(--tw-gradient-to-position); +} +.to-jpl-red-darker { + --tw-gradient-to: #5c0411 var(--tw-gradient-to-position); +} +.to-transparent { + --tw-gradient-to: transparent var(--tw-gradient-to-position); +} +.to-transparent-black-50 { + --tw-gradient-to: rgba(0 0 0 / 50%) var(--tw-gradient-to-position); +} +.to-transparent-black-75 { + --tw-gradient-to: rgba(0 0 0 / 75%) var(--tw-gradient-to-position); +} +.to-transparent-black-90 { + --tw-gradient-to: rgba(0 0 0 / 90%) var(--tw-gradient-to-position); +} +.bg-cover { + background-size: cover; +} +.bg-center { + background-position: center; +} +.bg-no-repeat { + background-repeat: no-repeat; +} +.object-contain { + object-fit: contain; +} +.object-cover { + object-fit: cover; +} +.object-fill { + object-fit: fill; +} +.object-none { + object-fit: none; +} +.object-scale-down { + object-fit: scale-down; +} +.object-bottom { + object-position: bottom; +} +.object-center { + object-position: center; +} +.p-0 { + padding: 0; +} +.p-10 { + padding: 2.5rem; +} +.p-2 { + padding: 0.5rem; +} +.p-3 { + padding: 0.75rem; +} +.p-4 { + padding: 1rem; +} +.p-5 { + padding: 1.25rem; +} +.p-6 { + padding: 1.5rem; +} +.p-8 { + padding: 2rem; +} +.px-0 { + padding-left: 0; + padding-right: 0; +} +.px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; +} +.px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; +} +.px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; +} +.px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; +} +.px-3\.5 { + padding-left: 0.875rem; + padding-right: 0.875rem; +} +.px-4 { + padding-left: 1rem; + padding-right: 1rem; +} +.px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; +} +.px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; +} +.px-8 { + padding-left: 2rem; + padding-right: 2rem; +} +.px-px { + padding-left: 1px; + padding-right: 1px; +} +.py-0 { + padding-top: 0; + padding-bottom: 0; +} +.py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; +} +.py-1\.5 { + padding-top: 0.375rem; + padding-bottom: 0.375rem; +} +.py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; +} +.py-12 { + padding-top: 3rem; + padding-bottom: 3rem; +} +.py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; +} +.py-20 { + padding-top: 5rem; + padding-bottom: 5rem; +} +.py-28 { + padding-top: 7rem; + padding-bottom: 7rem; +} +.py-2px { + padding-top: 2px; + padding-bottom: 2px; +} +.py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; +} +.py-4 { + padding-top: 1rem; + padding-bottom: 1rem; +} +.py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; +} +.py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; +} +.py-8 { + padding-top: 2rem; + padding-bottom: 2rem; +} +.py-px { + padding-top: 1px; + padding-bottom: 1px; +} +.pb-0 { + padding-bottom: 0; +} +.pb-1 { + padding-bottom: 0.25rem; +} +.pb-10 { + padding-bottom: 2.5rem; +} +.pb-12 { + padding-bottom: 3rem; +} +.pb-14 { + padding-bottom: 3.5rem; +} +.pb-2 { + padding-bottom: 0.5rem; +} +.pb-22 { + padding-bottom: 5.5rem; +} +.pb-24 { + padding-bottom: 6rem; +} +.pb-3 { + padding-bottom: 0.75rem; +} +.pb-4 { + padding-bottom: 1rem; +} +.pb-5 { + padding-bottom: 1.25rem; +} +.pb-6 { + padding-bottom: 1.5rem; +} +.pb-8 { + padding-bottom: 2rem; +} +.pb-80 { + padding-bottom: 20rem; +} +.pl-0 { + padding-left: 0; +} +.pl-1 { + padding-left: 0.25rem; +} +.pl-10 { + padding-left: 2.5rem; +} +.pl-12 { + padding-left: 3rem; +} +.pl-14 { + padding-left: 3.5rem; +} +.pl-18 { + padding-left: 4.5rem; +} +.pl-2 { + padding-left: 0.5rem; +} +.pl-3 { + padding-left: 0.75rem; +} +.pl-4 { + padding-left: 1rem; +} +.pl-5 { + padding-left: 1.25rem; +} +.pl-6 { + padding-left: 1.5rem; +} +.pl-8 { + padding-left: 2rem; +} +.pr-0 { + padding-right: 0; +} +.pr-0\.5 { + padding-right: 0.125rem; +} +.pr-1 { + padding-right: 0.25rem; +} +.pr-14 { + padding-right: 3.5rem; +} +.pr-2 { + padding-right: 0.5rem; +} +.pr-3 { + padding-right: 0.75rem; +} +.pr-4 { + padding-right: 1rem; +} +.pr-5 { + padding-right: 1.25rem; +} +.pr-6 { + padding-right: 1.5rem; +} +.pr-8 { + padding-right: 2rem; +} +.pt-1 { + padding-top: 0.25rem; +} +.pt-10 { + padding-top: 2.5rem; +} +.pt-12 { + padding-top: 3rem; +} +.pt-14 { + padding-top: 3.5rem; +} +.pt-2 { + padding-top: 0.5rem; +} +.pt-2\.5 { + padding-top: 0.625rem; +} +.pt-22 { + padding-top: 5.5rem; +} +.pt-3 { + padding-top: 0.75rem; +} +.pt-4 { + padding-top: 1rem; +} +.pt-40 { + padding-top: 10rem; +} +.pt-5 { + padding-top: 1.25rem; +} +.pt-6 { + padding-top: 1.5rem; +} +.pt-8 { + padding-top: 2rem; +} +.text-left { + text-align: left; +} +.text-center { + text-align: center; +} +.text-right { + text-align: right; +} +.align-top { + vertical-align: top; +} +.align-middle { + vertical-align: middle; +} +.font-primary { + font-family: + Metropolis, + -apple-system, + BlinkMacSystemFont, + San Francisco, + Segoe UI, + Roboto, + Helvetica Neue, + sans-serif, + Apple Color Emoji, + Segoe UI Emoji, + Segoe UI Symbol, + Noto Color Emoji; +} +.font-secondary { + font-family: + Archivo Narrow, + Metropolis, + -apple-system, + BlinkMacSystemFont, + San Francisco, + Segoe UI, + Roboto, + Helvetica Neue, + sans-serif, + Apple Color Emoji, + Segoe UI Emoji, + Segoe UI Symbol, + Noto Color Emoji; +} +.text-2xl { + font-size: 1.375rem; +} +.text-3xl { + font-size: 1.5rem; +} +.text-4xl { + font-size: 1.625rem; +} +.text-5xl { + font-size: 1.75rem; +} +.text-6xl { + font-size: 2rem; +} +.text-7xl { + font-size: 2.5rem; +} +.text-8xl { + font-size: 2.75rem; +} +.text-base { + font-size: 1rem; +} +.text-lg { + font-size: 1.125rem; +} +.text-sm { + font-size: 0.875rem; +} +.text-xl { + font-size: 1.25rem; +} +.text-xs { + font-size: 0.75rem; +} +.font-bold { + font-weight: 700; +} +.font-extrabold { + font-weight: 800; +} +.font-light { + font-weight: 300; +} +.font-medium { + font-weight: 500; +} +.font-normal { + font-weight: 400; +} +.font-semibold { + font-weight: 600; +} +.uppercase { + text-transform: uppercase; +} +.lowercase { + text-transform: lowercase; +} +.capitalize { + text-transform: capitalize; +} +.normal-case { + text-transform: none; +} +.not-italic { + font-style: normal; +} +.leading-none { + line-height: 1; +} +.leading-normal { + line-height: 1.5; +} +.leading-relaxed { + line-height: 1.75; +} +.leading-tight { + line-height: 1.25; +} +.leading-tighter { + line-height: 1.125; +} +.tracking-normal { + letter-spacing: 0; +} +.tracking-tight { + letter-spacing: -0.5px; +} +.tracking-tighter { + letter-spacing: -1px; +} +.tracking-wider { + letter-spacing: 1px; +} +.text-action { + color: var(--color-action); +} +.text-action-hover { + color: var(--color-action-dark); +} +.text-black { + --tw-text-opacity: 1; + color: rgb(0 0 0 / var(--tw-text-opacity)); +} +.text-blue { + --tw-text-opacity: 1; + color: rgb(139 203 250 / var(--tw-text-opacity)); +} +.text-facebook { + --tw-text-opacity: 1; + color: rgb(59 89 152 / var(--tw-text-opacity)); +} +.text-gray-dark { + --tw-text-opacity: 1; + color: rgb(34 34 34 / var(--tw-text-opacity)); +} +.text-gray-light { + --tw-text-opacity: 1; + color: rgb(245 245 245 / var(--tw-text-opacity)); +} +.text-gray-light-mid { + --tw-text-opacity: 1; + color: rgb(216 216 216 / var(--tw-text-opacity)); +} +.text-gray-mid { + --tw-text-opacity: 1; + color: rgb(148 148 148 / var(--tw-text-opacity)); +} +.text-gray-mid-dark { + --tw-text-opacity: 1; + color: rgb(111 111 111 / var(--tw-text-opacity)); +} +.text-instagram { + --tw-text-opacity: 1; + color: rgb(221 42 123 / var(--tw-text-opacity)); +} +.text-jpl-aqua { + --tw-text-opacity: 1; + color: rgb(72 159 223 / var(--tw-text-opacity)); +} +.text-jpl-red { + --tw-text-opacity: 1; + color: rgb(227 25 55 / var(--tw-text-opacity)); +} +.text-jpl-red-dark { + --tw-text-opacity: 1; + color: rgb(193 21 46 / var(--tw-text-opacity)); +} +.text-jpl-red-light { + --tw-text-opacity: 1; + color: rgb(231 59 84 / var(--tw-text-opacity)); +} +.text-jpl-sky-blue { + --tw-text-opacity: 1; + color: rgb(0 128 164 / var(--tw-text-opacity)); +} +.text-jpl-sky-blue-dark { + --tw-text-opacity: 1; + color: rgb(0 100 128 / var(--tw-text-opacity)); +} +.text-reddit { + --tw-text-opacity: 1; + color: rgb(255 69 0 / var(--tw-text-opacity)); +} +.text-transparent { + color: transparent; +} +.text-twitter { + --tw-text-opacity: 1; + color: rgb(0 0 0 / var(--tw-text-opacity)); +} +.text-white { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); +} +.text-youtube { + --tw-text-opacity: 1; + color: rgb(255 0 0 / var(--tw-text-opacity)); +} +.text-opacity-75 { + --tw-text-opacity: 0.75; +} +.text-opacity-90 { + --tw-text-opacity: 0.9; +} +.underline { + text-decoration-line: underline; +} +.no-underline { + text-decoration-line: none; +} +.opacity-0 { + opacity: 0; +} +.opacity-100 { + opacity: 1; +} +.opacity-25 { + opacity: 0.25; +} +.opacity-50 { + opacity: 0.5; +} +.opacity-70 { + opacity: 0.7; +} +.opacity-75 { + opacity: 0.75; +} +.opacity-80 { + opacity: 0.8; +} +.opacity-90 { + opacity: 0.9; +} +.shadow { + --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), + var(--tw-shadow); +} +.shadow-jpl { + --tw-shadow: -4px 5px 60px 0 rgba(0, 0, 0, 0.1); + --tw-shadow-colored: -4px 5px 60px 0 var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), + var(--tw-shadow); +} +.shadow-lg { + --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), + 0 4px 6px -4px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), + var(--tw-shadow); +} +.shadow-none { + --tw-shadow: 0 0 #0000; + --tw-shadow-colored: 0 0 #0000; + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), + var(--tw-shadow); +} +.outline { + outline-style: solid; +} +.blur { + --tw-blur: blur(8px); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) + var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} +.drop-shadow-lg { + --tw-drop-shadow: drop-shadow(0 10px 8px rgb(0 0 0 / 0.04)) + drop-shadow(0 4px 3px rgb(0 0 0 / 0.1)); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) + var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} +.invert { + --tw-invert: invert(100%); + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) + var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} +.filter { + filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) + var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow); +} +.transition { + transition-property: + color, + background-color, + border-color, + text-decoration-color, + fill, + stroke, + opacity, + box-shadow, + transform, + filter, + -webkit-backdrop-filter; + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, + opacity, box-shadow, transform, filter, backdrop-filter; + transition-property: + color, + background-color, + border-color, + text-decoration-color, + fill, + stroke, + opacity, + box-shadow, + transform, + filter, + backdrop-filter, + -webkit-backdrop-filter; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 0.15s; +} +.transition-all { + transition-property: all; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 0.15s; +} +.transition-border-opacity { + transition-property: border-opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 0.15s; +} +.transition-colors { + transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 0.15s; +} +.transition-none { + transition-property: none; +} +.transition-opacity { + transition-property: opacity; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 0.15s; +} +.transition-shadow { + transition-property: box-shadow; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 0.15s; +} +.transition-transform { + transition-property: transform; + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + transition-duration: 0.15s; +} +.delay-200 { + transition-delay: 0.2s; +} +.delay-500 { + transition-delay: 0.5s; +} +.duration-100 { + transition-duration: 0.1s; +} +.duration-1000 { + transition-duration: 1s; +} +.duration-150 { + transition-duration: 0.15s; +} +.duration-200 { + transition-duration: 0.2s; +} +.duration-2000 { + transition-duration: 2s; +} +.duration-300 { + transition-duration: 0.3s; +} +.duration-3500 { + transition-duration: 3.5s; +} +.duration-500 { + transition-duration: 0.5s; +} +.ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1); +} +.ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); +} +.ease-linear { + transition-timing-function: linear; +} +.ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); +} +.fancybox__slide { + padding: 36px; +} +@media (min-width: 1024px) { + .fancybox__slide { + padding: 64px; + } +} +.fancybox__content { + padding: 18px; +} +@media (min-width: 1024px) { + .fancybox__content { + padding: 36px; + } +} +.aspect-ratio-none > div:first-of-type:before { + content: ''; + display: flex; + width: auto; + padding-bottom: unset; +} +.aspect-ratio-none > div:first-of-type iframe, +.aspect-ratio-none > div:first-of-type img { + position: relative; + margin-left: auto; + margin-right: auto; + height: 100%; + max-width: 100%; +} +.aspect-ratio-twentyone-nine > div:first-of-type:before { + content: ''; + display: block; + width: 100%; + padding-bottom: 42.8571428571%; +} +.aspect-ratio-twentyone-nine > div:first-of-type iframe, +.aspect-ratio-twentyone-nine > div:first-of-type img { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + height: 100%; + width: 100%; +} +.aspect-ratio-sixteen-nine > div:first-of-type:before { + content: ''; + display: block; + width: 100%; + padding-bottom: 56.25%; +} +.aspect-ratio-sixteen-nine > div:first-of-type iframe, +.aspect-ratio-sixteen-nine > div:first-of-type img { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + height: 100%; + width: 100%; +} +.aspect-ratio-sixteen-seven > div:first-of-type:before { + content: ''; + display: block; + width: 100%; + padding-bottom: 43.75%; +} +.aspect-ratio-sixteen-seven > div:first-of-type iframe, +.aspect-ratio-sixteen-seven > div:first-of-type img { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + height: 100%; + width: 100%; +} +.aspect-ratio-twelve-nine > div:first-of-type:before { + content: ''; + display: block; + width: 100%; + padding-bottom: 75%; +} +.aspect-ratio-twelve-nine > div:first-of-type iframe, +.aspect-ratio-twelve-nine > div:first-of-type img { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + height: 100%; + width: 100%; +} +.aspect-ratio-nine-sixteen > div:first-of-type:before { + content: ''; + display: block; + width: 100%; + padding-bottom: 177.7777777778%; +} +.aspect-ratio-nine-sixteen > div:first-of-type iframe, +.aspect-ratio-nine-sixteen > div:first-of-type img { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + height: 100%; + width: 100%; +} +.aspect-ratio-seven-eight > div:first-of-type:before { + content: ''; + display: block; + width: 100%; + padding-bottom: 114.2857142857%; +} +.aspect-ratio-seven-eight > div:first-of-type iframe, +.aspect-ratio-seven-eight > div:first-of-type img { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + height: 100%; + width: 100%; +} +.aspect-ratio-eight-seven > div:first-of-type:before { + content: ''; + display: block; + width: 100%; + padding-bottom: 87.5%; +} +.aspect-ratio-eight-seven > div:first-of-type iframe, +.aspect-ratio-eight-seven > div:first-of-type img { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + height: 100%; + width: 100%; +} +.aspect-ratio-four-three > div:first-of-type:before { + content: ''; + display: block; + width: 100%; + padding-bottom: 75%; +} +.aspect-ratio-four-three > div:first-of-type iframe, +.aspect-ratio-four-three > div:first-of-type img { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + height: 100%; + width: 100%; +} +.aspect-ratio-four-five > div:first-of-type:before { + content: ''; + display: block; + width: 100%; + padding-bottom: 125%; +} +.aspect-ratio-four-five > div:first-of-type iframe, +.aspect-ratio-four-five > div:first-of-type img { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + height: 100%; + width: 100%; +} +.aspect-ratio-two-one > div:first-of-type:before { + content: ''; + display: block; + width: 100%; + padding-bottom: 50%; +} +.aspect-ratio-two-one > div:first-of-type iframe, +.aspect-ratio-two-one > div:first-of-type img { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + height: 100%; + width: 100%; +} +.aspect-ratio-three-two > div:first-of-type:before { + content: ''; + display: block; + width: 100%; + padding-bottom: 66.6666666667%; +} +.aspect-ratio-three-two > div:first-of-type iframe, +.aspect-ratio-three-two > div:first-of-type img { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + height: 100%; + width: 100%; +} +.aspect-ratio-two-three > div:first-of-type:before { + content: ''; + display: block; + width: 100%; + padding-bottom: 150%; +} +.aspect-ratio-two-three > div:first-of-type iframe, +.aspect-ratio-two-three > div:first-of-type img { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + height: 100%; + width: 100%; +} +.aspect-ratio-one-one > div:first-of-type:before, +.aspect-ratio-square > div:first-of-type:before { + content: ''; + display: block; + width: 100%; + padding-bottom: 100%; +} +.aspect-ratio-one-one > div:first-of-type iframe, +.aspect-ratio-one-one > div:first-of-type img, +.aspect-ratio-square > div:first-of-type iframe, +.aspect-ratio-square > div:first-of-type img { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + height: 100%; + width: 100%; +} +.text-contrast { + text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7); +} +.text-contrast-none { + text-shadow: none; +} +.NavInternal .NavInternalPanel .auto-cols-2, +.NavInternal .NavInternalPanel .auto-cols-3 { + -moz-column-gap: 3.5rem; + column-gap: 3.5rem; +} +.NavInternal .NavInternalPanel .auto-cols-2 { + -moz-column-count: 2; + column-count: 2; +} +.NavInternal .NavInternalPanel .auto-cols-3 { + -moz-column-count: 3; + column-count: 3; +} +.NavInternal .NavInternalPanel .no-auto-cols { + -moz-column-count: auto; + column-count: auto; +} +@font-face { + font-family: Metropolis; + font-weight: 800; + font-style: normal; + font-display: swap; + src: url(/assets/fonts/metropolis/Metropolis-ExtraBold.woff2) format('woff2'); +} +@font-face { + font-family: Metropolis; + font-weight: 700; + font-style: normal; + font-display: swap; + src: url(/assets/fonts/metropolis/Metropolis-Bold.woff2) format('woff2'); +} +@font-face { + font-family: Metropolis; + font-weight: 700; + font-style: italic; + font-display: swap; + src: url(/assets/fonts/metropolis/Metropolis-BoldItalic.woff2) format('woff2'); +} +@font-face { + font-family: Metropolis; + font-weight: 600; + font-style: normal; + font-display: swap; + src: url(/assets/fonts/metropolis/Metropolis-SemiBold.woff2) format('woff2'); +} +@font-face { + font-family: Metropolis; + font-weight: 600; + font-style: italic; + font-display: swap; + src: url(/assets/fonts/metropolis/Metropolis-SemiBoldItalic.woff2) format('woff2'); +} +@font-face { + font-family: Metropolis; + font-weight: 500; + font-style: normal; + font-display: swap; + src: url(/assets/fonts/metropolis/Metropolis-Medium.woff2) format('woff2'); +} +@font-face { + font-family: Metropolis; + font-weight: 500; + font-style: italic; + font-display: swap; + src: url(/assets/fonts/metropolis/Metropolis-MediumItalic.woff2) format('woff2'); +} +@font-face { + font-family: Metropolis; + font-weight: 400; + font-style: normal; + font-display: swap; + src: url(/assets/fonts/metropolis/Metropolis-Regular.woff2) format('woff2'); +} +@font-face { + font-family: Metropolis; + font-weight: 400; + font-style: italic; + font-display: swap; + src: url(/assets/fonts/metropolis/Metropolis-RegularItalic.woff2) format('woff2'); +} +@font-face { + font-family: Archivo Narrow; + font-weight: 700; + font-style: normal; + font-display: swap; + src: url(/assets/fonts/archivo-narrow/ArchivoNarrow-Bold.woff2) format('woff2'); +} +@font-face { + font-family: Archivo Narrow; + font-weight: 700; + font-style: italic; + font-display: swap; + src: url(/assets/fonts/archivo-narrow/ArchivoNarrow-BoldItalic.woff2) format('woff2'); +} +@font-face { + font-family: Archivo Narrow; + font-weight: 600; + font-style: normal; + font-display: swap; + src: url(/assets/fonts/archivo-narrow/ArchivoNarrow-SemiBold.woff2) format('woff2'); +} +@font-face { + font-family: Archivo Narrow; + font-weight: 600; + font-style: italic; + font-display: swap; + src: url(/assets/fonts/archivo-narrow/ArchivoNarrow-SemiBoldItalic.woff2) format('woff2'); +} +@keyframes arrow-carousel-next-anim { + 0% { + transform: translate(0); + } + to { + transform: translate(3rem); + } +} +@keyframes arrow-carousel-next-fixed-anim { + 0% { + transform: translate(-3rem); + } + to { + transform: translate(0); + } +} +@keyframes arrow-carousel-prev-anim { + 0% { + transform: translate(0); + } + to { + transform: translate(-3rem); + } +} +@keyframes arrow-carousel-prev-fixed-anim { + 0% { + transform: translate(3rem); + } + to { + transform: translate(0); + } +} +@media (min-width: 640px) { + .sm\:BaseGrid { + display: grid; + grid-template-columns: repeat(12, minmax(0, 1fr)); + gap: 1.5rem; + } + .sm\:object-cover { + font-family: 'object-fit: cover'; + } +} +@media (min-width: 768px) { + .md\:BaseGrid { + display: grid; + grid-template-columns: repeat(12, minmax(0, 1fr)); + gap: 1.5rem; + } +} +@media (min-width: 1024px) { + .lg\:BaseGrid { + display: grid; + grid-template-columns: repeat(12, minmax(0, 1fr)); + gap: 1.5rem; + } +} +@media (min-width: 1280px) { + .xl\:BaseGrid { + display: grid; + grid-template-columns: repeat(12, minmax(0, 1fr)); + gap: 1.5rem; + } +} +@media (min-width: 1440px) { + .MixedBleedGrid .\32xl\:col-start-indent-col-3 { + grid-column-start: indent-col-3; + } +} +@media (min-width: 1024px) { + .lg\:container { + width: 100%; + padding-right: 1rem; + padding-left: 1rem; + } + @media (min-width: 640px) { + .lg\:container { + max-width: 640px; + } + } + @media (min-width: 768px) { + .lg\:container { + max-width: 768px; + } + } + .lg\:container { + max-width: 1024px; + } + @media (min-width: 1280px) { + .lg\:container { + max-width: 1280px; + } + } + @media (min-width: 1320px) { + .lg\:container { + max-width: 1320px; + } + } +} +.last\:mr-0:last-child { + margin-right: 0; +} +.focus-within\:opacity-100:focus-within { + opacity: 1; +} +@media (hover: hover) and (pointer: fine) { + .hover\:border-gray-dark:hover { + --tw-border-opacity: 1; + border-color: rgb(34 34 34 / var(--tw-border-opacity)); + } + .hover\:text-jpl-red-dark:hover { + --tw-text-opacity: 1; + color: rgb(193 21 46 / var(--tw-text-opacity)); + } + .hover\:text-jpl-red-light:hover { + --tw-text-opacity: 1; + color: rgb(231 59 84 / var(--tw-text-opacity)); + } +} +.focus\:not-sr-only:focus { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; +} +.focus\:border-focus-blue:focus { + --tw-border-opacity: 1; + border-color: rgb(24 113 201 / var(--tw-border-opacity)); +} +.focus\:border-gray-dark\/20:focus { + border-color: #2223; +} +.focus\:underline:focus { + text-decoration-line: underline; +} +.focus\:shadow-jpl:focus { + --tw-shadow: -4px 5px 60px 0 rgba(0, 0, 0, 0.1); + --tw-shadow-colored: -4px 5px 60px 0 var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), + var(--tw-shadow); +} +.focus\:outline-none:focus { + outline: 2px solid transparent; + outline-offset: 2px; +} +.focus\:ring-2:focus { + --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) + var(--tw-ring-offset-color); + --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) + var(--tw-ring-color); + box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); +} +.focus\:ring-jpl-red:focus { + --tw-ring-opacity: 1; + --tw-ring-color: rgb(227 25 55 / var(--tw-ring-opacity)); +} +.focus\:ring-transparent:focus { + --tw-ring-color: transparent; +} +.focus\:ring-opacity-50:focus { + --tw-ring-opacity: 0.5; +} +@media (hover: hover) and (pointer: fine) { + .group:hover .group-hover\:opacity-100 { + opacity: 1; + } + .group:hover .group-hover\:opacity-75 { + opacity: 0.75; + } +} +@media (prefers-reduced-motion: no-preference) { + @keyframes ping { + 75%, + to { + transform: scale(2); + opacity: 0; + } + } + .motion-safe\:animate-ping { + animation: ping 1s cubic-bezier(0, 0, 0.2, 1) infinite; + } +} +@media (min-width: 640px) { + .sm\:absolute { + position: absolute; + } + .sm\:col-span-3 { + grid-column: span 3 / span 3; + } + .sm\:col-span-5 { + grid-column: span 5 / span 5; + } + .sm\:col-span-6 { + grid-column: span 6 / span 6; + } + .sm\:col-span-7 { + grid-column: span 7 / span 7; + } + .sm\:col-end-11 { + grid-column-end: 11; + } + .sm\:mx-20 { + margin-left: 5rem; + margin-right: 5rem; + } + .sm\:mx-auto { + margin-left: auto; + margin-right: auto; + } + .sm\:-ml-10 { + margin-left: -2.5rem; + } + .sm\:-mt-0 { + margin-top: -0px; + } + .sm\:-mt-0\.5 { + margin-top: -0.125rem; + } + .sm\:-mt-2 { + margin-top: -0.5rem; + } + .sm\:mb-0 { + margin-bottom: 0; + } + .sm\:mb-3 { + margin-bottom: 0.75rem; + } + .sm\:mb-8 { + margin-bottom: 2rem; + } + .sm\:mr-0 { + margin-right: 0; + } + .sm\:mt-0 { + margin-top: 0; + } + .sm\:mt-0\.5 { + margin-top: 0.125rem; + } + .sm\:mt-16 { + margin-top: 4rem; + } + .sm\:block { + display: block; + } + .sm\:flex { + display: flex; + } + .sm\:grid { + display: grid; + } + .sm\:hidden { + display: none; + } + .sm\:h-10 { + height: 2.5rem; + } + .sm\:h-26 { + height: 6.5rem; + } + .sm\:h-40 { + height: 10rem; + } + .sm\:w-24 { + width: 6rem; + } + .sm\:w-26 { + width: 6.5rem; + } + .sm\:w-3\/4 { + width: 75%; + } + .sm\:w-80 { + width: 20rem; + } + .sm\:w-auto { + width: auto; + } + .sm\:w-xl { + width: 36rem; + } + .sm\:max-w-xl { + max-width: 36rem; + } + .sm\:whitespace-nowrap { + white-space: nowrap; + } + .sm\:object-cover { + object-fit: cover; + } + .sm\:p-10 { + padding: 2.5rem; + } + .sm\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; + } + .sm\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; + } + .sm\:py-0 { + padding-top: 0; + padding-bottom: 0; + } + .sm\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; + } + .sm\:pr-5 { + padding-right: 1.25rem; + } + .sm\:pt-24 { + padding-top: 6rem; + } + .sm\:text-left { + text-align: left; + } + .sm\:text-2xl { + font-size: 1.375rem; + } + .sm\:text-4xl { + font-size: 1.625rem; + } + .sm\:text-6xl { + font-size: 2rem; + } + .sm\:leading-normal { + line-height: 1.5; + } +} +@media (min-width: 768px) { + .md\:visible { + visibility: visible; + } + .md\:top-0 { + top: 0; + } + .md\:order-first { + order: -9999; + } + .md\:order-last { + order: 9999; + } + .md\:col-span-3 { + grid-column: span 3 / span 3; + } + .md\:col-span-6 { + grid-column: span 6 / span 6; + } + .md\:col-start-2 { + grid-column-start: 2; + } + .md\:col-start-3 { + grid-column-start: 3; + } + .md\:col-start-6 { + grid-column-start: 6; + } + .md\:col-end-11 { + grid-column-end: 11; + } + .md\:col-end-13 { + grid-column-end: 13; + } + .md\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; + } + .md\:mx-0 { + margin-left: 0; + margin-right: 0; + } + .md\:mx-16 { + margin-left: 4rem; + margin-right: 4rem; + } + .md\:mx-4 { + margin-left: 1rem; + margin-right: 1rem; + } + .md\:my-12 { + margin-top: 3rem; + margin-bottom: 3rem; + } + .md\:mb-0 { + margin-bottom: 0; + } + .md\:mb-10 { + margin-bottom: 2.5rem; + } + .md\:mb-12 { + margin-bottom: 3rem; + } + .md\:mb-2 { + margin-bottom: 0.5rem; + } + .md\:mb-3 { + margin-bottom: 0.75rem; + } + .md\:mb-40 { + margin-bottom: 10rem; + } + .md\:mb-7 { + margin-bottom: 1.75rem; + } + .md\:mb-8 { + margin-bottom: 2rem; + } + .md\:ml-8 { + margin-left: 2rem; + } + .md\:mr-0 { + margin-right: 0; + } + .md\:mr-16 { + margin-right: 4rem; + } + .md\:mr-6 { + margin-right: 1.5rem; + } + .md\:mt-0 { + margin-top: 0; + } + .md\:mt-1 { + margin-top: 0.25rem; + } + .md\:mt-10 { + margin-top: 2.5rem; + } + .md\:mt-5 { + margin-top: 1.25rem; + } + .md\:block { + display: block; + } + .md\:inline { + display: inline; + } + .md\:flex { + display: flex; + } + .md\:grid { + display: grid; + } + .md\:hidden { + display: none; + } + .md\:w-2\/3 { + width: 66.666667%; + } + .md\:w-56 { + width: 14rem; + } + .md\:max-w-3xl { + max-width: 48rem; + } + .md\:max-w-none { + max-width: none; + } + .md\:flex-none { + flex: none; + } + .md\:flex-grow-0 { + flex-grow: 0; + } + .md\:-translate-y-full { + --tw-translate-y: -100%; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); + } + .md\:translate-x-0 { + --tw-translate-x: 0px; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); + } + .md\:transform { + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); + } + .md\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); + } + .md\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + .md\:flex-row { + flex-direction: row; + } + .md\:flex-wrap { + flex-wrap: wrap; + } + .md\:justify-start { + justify-content: flex-start; + } + .md\:justify-end { + justify-content: flex-end; + } + .md\:object-right { + object-position: right; + } + .md\:px-0 { + padding-left: 0; + padding-right: 0; + } + .md\:px-4 { + padding-left: 1rem; + padding-right: 1rem; + } + .md\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; + } + .md\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; + } + .md\:py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; + } + .md\:pl-3 { + padding-left: 0.75rem; + } + .md\:pr-3 { + padding-right: 0.75rem; + } + .md\:pt-8 { + padding-top: 2rem; + } + .md\:text-2xl { + font-size: 1.375rem; + } + .md\:text-3xl { + font-size: 1.5rem; + } + .md\:text-8xl { + font-size: 2.75rem; + } + .md\:text-base { + font-size: 1rem; + } + .md\:aspect-ratio-four-three > div:first-of-type:before { + content: ''; + display: block; + width: 100%; + padding-bottom: 75%; + } + .md\:aspect-ratio-four-three > div:first-of-type iframe, + .md\:aspect-ratio-four-three > div:first-of-type img { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + height: 100%; + width: 100%; + } +} +@media (min-width: 1024px) { + .lg\:absolute { + position: absolute; + } + .lg\:relative { + position: relative; + } + .lg\:inset-0 { + top: 0; + right: 0; + bottom: 0; + left: 0; + } + .lg\:inset-y-0 { + top: 0; + bottom: 0; + } + .lg\:left-0 { + left: 0; + } + .lg\:left-auto { + left: auto; + } + .lg\:right-1\/2 { + right: 50%; + } + .lg\:top-0 { + top: 0; + } + .lg\:top-1\/2 { + top: 50%; + } + .lg\:z-20 { + z-index: 20; + } + .lg\:order-1 { + order: 1; + } + .lg\:order-2 { + order: 2; + } + .lg\:order-3 { + order: 3; + } + .lg\:col-span-2 { + grid-column: span 2 / span 2; + } + .lg\:col-span-3 { + grid-column: span 3 / span 3; + } + .lg\:col-span-4 { + grid-column: span 4 / span 4; + } + .lg\:col-span-5 { + grid-column: span 5 / span 5; + } + .lg\:col-span-6 { + grid-column: span 6 / span 6; + } + .lg\:col-span-7 { + grid-column: span 7 / span 7; + } + .lg\:col-span-9 { + grid-column: span 9 / span 9; + } + .lg\:col-start-1 { + grid-column-start: 1; + } + .lg\:col-start-2 { + grid-column-start: 2; + } + .lg\:col-start-3 { + grid-column-start: 3; + } + .lg\:col-start-4 { + grid-column-start: 4; + } + .lg\:col-start-5 { + grid-column-start: 5; + } + .lg\:col-start-6 { + grid-column-start: 6; + } + .lg\:col-start-7 { + grid-column-start: 7; + } + .lg\:col-start-8 { + grid-column-start: 8; + } + .lg\:col-start-9 { + grid-column-start: 9; + } + .lg\:col-end-10 { + grid-column-end: 10; + } + .lg\:col-end-11 { + grid-column-end: 11; + } + .lg\:col-end-12 { + grid-column-end: 12; + } + .lg\:col-end-13 { + grid-column-end: 13; + } + .lg\:col-end-5 { + grid-column-end: 5; + } + .lg\:col-end-6 { + grid-column-end: 6; + } + .lg\:col-end-8 { + grid-column-end: 8; + } + .lg\:col-end-9 { + grid-column-end: 9; + } + .lg\:row-span-2 { + grid-row: span 2 / span 2; + } + .lg\:mx-0 { + margin-left: 0; + margin-right: 0; + } + .lg\:mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; + } + .lg\:mx-1\.5 { + margin-left: 0.375rem; + margin-right: 0.375rem; + } + .lg\:my-16 { + margin-top: 4rem; + margin-bottom: 4rem; + } + .lg\:my-18 { + margin-top: 4.5rem; + margin-bottom: 4.5rem; + } + .lg\:my-20 { + margin-top: 5rem; + margin-bottom: 5rem; + } + .lg\:my-24 { + margin-top: 6rem; + margin-bottom: 6rem; + } + .lg\:my-28 { + margin-top: 7rem; + margin-bottom: 7rem; + } + .lg\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; + } + .lg\:-mb-3 { + margin-bottom: -0.75rem; + } + .lg\:-mb-8 { + margin-bottom: -2rem; + } + .lg\:-ml-24 { + margin-left: -6rem; + } + .lg\:-ml-3 { + margin-left: -0.75rem; + } + .lg\:-ml-4 { + margin-left: -1rem; + } + .lg\:-mr-8 { + margin-right: -2rem; + } + .lg\:-mt-0 { + margin-top: -0px; + } + .lg\:-mt-0\.5 { + margin-top: -0.125rem; + } + .lg\:-mt-2 { + margin-top: -0.5rem; + } + .lg\:-mt-2\.5 { + margin-top: -0.625rem; + } + .lg\:-mt-20 { + margin-top: -5rem; + } + .lg\:-mt-26 { + margin-top: -6.5rem; + } + .lg\:-mt-28 { + margin-top: -7rem; + } + .lg\:-mt-6 { + margin-top: -1.5rem; + } + .lg\:-mt-px { + margin-top: -1px; + } + .lg\:mb-0 { + margin-bottom: 0; + } + .lg\:mb-10 { + margin-bottom: 2.5rem; + } + .lg\:mb-12 { + margin-bottom: 3rem; + } + .lg\:mb-14 { + margin-bottom: 3.5rem; + } + .lg\:mb-16 { + margin-bottom: 4rem; + } + .lg\:mb-18 { + margin-bottom: 4.5rem; + } + .lg\:mb-2 { + margin-bottom: 0.5rem; + } + .lg\:mb-20 { + margin-bottom: 5rem; + } + .lg\:mb-22 { + margin-bottom: 5.5rem; + } + .lg\:mb-24 { + margin-bottom: 6rem; + } + .lg\:mb-25 { + margin-bottom: 6.25rem; + } + .lg\:mb-3 { + margin-bottom: 0.75rem; + } + .lg\:mb-36 { + margin-bottom: 9rem; + } + .lg\:mb-4 { + margin-bottom: 1rem; + } + .lg\:mb-5 { + margin-bottom: 1.25rem; + } + .lg\:mb-6 { + margin-bottom: 1.5rem; + } + .lg\:mb-8 { + margin-bottom: 2rem; + } + .lg\:mb-80 { + margin-bottom: 20rem; + } + .lg\:ml-0 { + margin-left: 0; + } + .lg\:ml-30 { + margin-left: 7.5rem; + } + .lg\:ml-6 { + margin-left: 1.5rem; + } + .lg\:mr-0 { + margin-right: 0; + } + .lg\:mr-20 { + margin-right: 5rem; + } + .lg\:mr-3 { + margin-right: 0.75rem; + } + .lg\:mr-8 { + margin-right: 2rem; + } + .lg\:mt-0 { + margin-top: 0; + } + .lg\:mt-1 { + margin-top: 0.25rem; + } + .lg\:mt-1\.5 { + margin-top: 0.375rem; + } + .lg\:mt-10 { + margin-top: 2.5rem; + } + .lg\:mt-12 { + margin-top: 3rem; + } + .lg\:mt-18 { + margin-top: 4.5rem; + } + .lg\:mt-2 { + margin-top: 0.5rem; + } + .lg\:mt-20 { + margin-top: 5rem; + } + .lg\:mt-24 { + margin-top: 6rem; + } + .lg\:mt-28 { + margin-top: 7rem; + } + .lg\:mt-3 { + margin-top: 0.75rem; + } + .lg\:mt-6 { + margin-top: 1.5rem; + } + .lg\:mt-8 { + margin-top: 2rem; + } + .lg\:block { + display: block; + } + .lg\:inline-block { + display: inline-block; + } + .lg\:flex { + display: flex; + } + .lg\:grid { + display: grid; + } + .lg\:hidden { + display: none; + } + .lg\:h-full { + height: 100%; + } + .lg\:max-h-3xl { + max-height: 48rem; + } + .lg\:min-h-100 { + min-height: 25rem; + } + .lg\:min-h-28 { + min-height: 7rem; + } + .lg\:w-1\/2 { + width: 50%; + } + .lg\:w-14 { + width: 3.5rem; + } + .lg\:w-14\.5 { + width: 3.625rem; + } + .lg\:w-2\/3 { + width: 66.666667%; + } + .lg\:w-25 { + width: 6.25rem; + } + .lg\:w-3\/4 { + width: 75%; + } + .lg\:w-35 { + width: 8.75rem; + } + .lg\:w-3xl { + width: 48rem; + } + .lg\:w-48 { + width: 12rem; + } + .lg\:w-5\/6 { + width: 83.333333%; + } + .lg\:w-64 { + width: 16rem; + } + .lg\:w-auto { + width: auto; + } + .lg\:w-full { + width: 100%; + } + .lg\:max-w-3xl { + max-width: 48rem; + } + .lg\:max-w-none { + max-width: none; + } + .lg\:flex-shrink-0 { + flex-shrink: 0; + } + .lg\:-translate-y-1\/2 { + --tw-translate-y: -50%; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); + } + .lg\:-translate-y-3\/7 { + --tw-translate-y: -42.8571429%; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); + } + .lg\:translate-x-1\/2 { + --tw-translate-x: 50%; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); + } + .lg\:grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); + } + .lg\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); + } + .lg\:flex-row { + flex-direction: row; + } + .lg\:flex-col { + flex-direction: column; + } + .lg\:flex-wrap { + flex-wrap: wrap; + } + .lg\:items-end { + align-items: flex-end; + } + .lg\:items-center { + align-items: center; + } + .lg\:justify-start { + justify-content: flex-start; + } + .lg\:justify-end { + justify-content: flex-end; + } + .lg\:gap-x-6 { + -moz-column-gap: 1.5rem; + column-gap: 1.5rem; + } + .lg\:gap-y-0 { + row-gap: 0px; + } + .lg\:overflow-hidden { + overflow: hidden; + } + .lg\:overflow-visible { + overflow: visible; + } + .lg\:overflow-x-auto { + overflow-x: auto; + } + .lg\:whitespace-normal { + white-space: normal; + } + .lg\:border-0 { + border-width: 0px; + } + .lg\:border-b { + border-bottom-width: 1px; + } + .lg\:border-t { + border-top-width: 1px; + } + .lg\:border-none { + border-style: none; + } + .lg\:border-gray-light-mid { + --tw-border-opacity: 1; + border-color: rgb(216 216 216 / var(--tw-border-opacity)); + } + .lg\:border-gray-mid { + --tw-border-opacity: 1; + border-color: rgb(148 148 148 / var(--tw-border-opacity)); + } + .lg\:bg-gray-light\/100 { + background-color: #f5f5f5; + } + .lg\:bg-opacity-100 { + --tw-bg-opacity: 1; + } + .lg\:bg-gradient-to-bl { + background-image: linear-gradient(to bottom left, var(--tw-gradient-stops)); + } + .lg\:bg-gradient-to-l { + background-image: linear-gradient(to left, var(--tw-gradient-stops)); + } + .lg\:bg-gradient-to-r { + background-image: linear-gradient(to right, var(--tw-gradient-stops)); + } + .lg\:from-transparent { + --tw-gradient-from: transparent var(--tw-gradient-from-position); + --tw-gradient-to: rgb(0 0 0 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); + } + .lg\:from-transparent-w50 { + --tw-gradient-from: transparent 50% var(--tw-gradient-from-position); + --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); + } + .lg\:to-transparent-black-50 { + --tw-gradient-to: rgba(0 0 0 / 50%) var(--tw-gradient-to-position); + } + .lg\:to-transparent-black-75 { + --tw-gradient-to: rgba(0 0 0 / 75%) var(--tw-gradient-to-position); + } + .lg\:to-transparent-black-90 { + --tw-gradient-to: rgba(0 0 0 / 90%) var(--tw-gradient-to-position); + } + .lg\:p-0 { + padding: 0; + } + .lg\:p-1 { + padding: 0.25rem; + } + .lg\:p-20 { + padding: 5rem; + } + .lg\:p-5 { + padding: 1.25rem; + } + .lg\:px-0 { + padding-left: 0; + padding-right: 0; + } + .lg\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; + } + .lg\:px-12 { + padding-left: 3rem; + padding-right: 3rem; + } + .lg\:px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; + } + .lg\:px-4 { + padding-left: 1rem; + padding-right: 1rem; + } + .lg\:px-8 { + padding-left: 2rem; + padding-right: 2rem; + } + .lg\:py-0 { + padding-top: 0; + padding-bottom: 0; + } + .lg\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; + } + .lg\:py-12 { + padding-top: 3rem; + padding-bottom: 3rem; + } + .lg\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; + } + .lg\:py-18 { + padding-top: 4.5rem; + padding-bottom: 4.5rem; + } + .lg\:py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + } + .lg\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; + } + .lg\:py-36 { + padding-top: 9rem; + padding-bottom: 9rem; + } + .lg\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; + } + .lg\:py-48 { + padding-top: 12rem; + padding-bottom: 12rem; + } + .lg\:py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; + } + .lg\:py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; + } + .lg\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; + } + .lg\:pb-0 { + padding-bottom: 0; + } + .lg\:pb-10 { + padding-bottom: 2.5rem; + } + .lg\:pb-14 { + padding-bottom: 3.5rem; + } + .lg\:pb-18 { + padding-bottom: 4.5rem; + } + .lg\:pb-2 { + padding-bottom: 0.5rem; + } + .lg\:pb-24 { + padding-bottom: 6rem; + } + .lg\:pb-4 { + padding-bottom: 1rem; + } + .lg\:pb-6 { + padding-bottom: 1.5rem; + } + .lg\:pl-0 { + padding-left: 0; + } + .lg\:pl-6 { + padding-left: 1.5rem; + } + .lg\:pr-1 { + padding-right: 0.25rem; + } + .lg\:pr-12 { + padding-right: 3rem; + } + .lg\:pr-14 { + padding-right: 3.5rem; + } + .lg\:pr-3 { + padding-right: 0.75rem; + } + .lg\:pr-4 { + padding-right: 1rem; + } + .lg\:pr-5 { + padding-right: 1.25rem; + } + .lg\:pt-0 { + padding-top: 0; + } + .lg\:pt-10 { + padding-top: 2.5rem; + } + .lg\:pt-12 { + padding-top: 3rem; + } + .lg\:pt-2 { + padding-top: 0.5rem; + } + .lg\:pt-20 { + padding-top: 5rem; + } + .lg\:pt-22 { + padding-top: 5.5rem; + } + .lg\:pt-3 { + padding-top: 0.75rem; + } + .lg\:pt-3\.5 { + padding-top: 0.875rem; + } + .lg\:pt-4 { + padding-top: 1rem; + } + .lg\:pt-6 { + padding-top: 1.5rem; + } + .lg\:pt-8 { + padding-top: 2rem; + } + .lg\:text-left { + text-align: left; + } + .lg\:text-center { + text-align: center; + } + .lg\:text-2xl { + font-size: 1.375rem; + } + .lg\:text-3xl { + font-size: 1.5rem; + } + .lg\:text-4xl { + font-size: 1.625rem; + } + .lg\:text-6xl { + font-size: 2rem; + } + .lg\:text-7xl { + font-size: 2.5rem; + } + .lg\:text-9xl { + font-size: 3.5rem; + } + .lg\:text-base { + font-size: 1rem; + } + .lg\:text-xl { + font-size: 1.25rem; + } + .lg\:font-normal { + font-weight: 400; + } + .lg\:leading-tight { + line-height: 1.25; + } + .lg\:leading-tighter { + line-height: 1.125; + } + .lg\:tracking-tight { + letter-spacing: -0.5px; + } + .lg\:tracking-tightest { + letter-spacing: -2px; + } + .lg\:text-white { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); + } + .lg\:opacity-0 { + opacity: 0; + } + .lg\:shadow { + --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), + var(--tw-shadow); + } + .lg\:shadow-lg { + --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), + 0 4px 6px -4px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), + var(--tw-shadow); + } + .lg\:aspect-ratio-two-one > div:first-of-type:before { + content: ''; + display: block; + width: 100%; + padding-bottom: 50%; + } + .lg\:aspect-ratio-two-one > div:first-of-type iframe, + .lg\:aspect-ratio-two-one > div:first-of-type img { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + height: 100%; + width: 100%; + } + .lg\:text-contrast { + text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7); + } + .NavInternal .NavInternalPanel .lg\:auto-cols-2, + .NavInternal .NavInternalPanel .lg\:auto-cols-3 { + -moz-column-gap: 3.5rem; + column-gap: 3.5rem; + } + .NavInternal .NavInternalPanel .lg\:auto-cols-2 { + -moz-column-count: 2; + column-count: 2; + } + .NavInternal .NavInternalPanel .lg\:auto-cols-3 { + -moz-column-count: 3; + column-count: 3; + } + @media (hover: hover) and (pointer: fine) { + .group:hover .lg\:group-hover\:mb-1 { + margin-bottom: 0.25rem; + } + .group:hover .lg\:group-hover\:mb-3 { + margin-bottom: 0.75rem; + } + .group:hover .lg\:group-hover\:ml-0 { + margin-left: 0; + } + .group:hover .lg\:group-hover\:scale-105 { + --tw-scale-x: 1.05; + --tw-scale-y: 1.05; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); + } + .group:hover .lg\:group-hover\:opacity-100 { + opacity: 1; + } + } +} +@media (min-width: 1280px) { + .xl\:col-span-2 { + grid-column: span 2 / span 2; + } + .xl\:col-span-3 { + grid-column: span 3 / span 3; + } + .xl\:col-span-4 { + grid-column: span 4 / span 4; + } + .xl\:col-span-7 { + grid-column: span 7 / span 7; + } + .xl\:col-start-6 { + grid-column-start: 6; + } + .xl\:col-start-9 { + grid-column-start: 9; + } + .xl\:col-end-11 { + grid-column-end: 11; + } + .xl\:col-end-6 { + grid-column-end: 6; + } + .xl\:col-end-7 { + grid-column-end: 7; + } + .xl\:col-end-8 { + grid-column-end: 8; + } + .xl\:col-end-9 { + grid-column-end: 9; + } + .xl\:mx-24 { + margin-left: 6rem; + margin-right: 6rem; + } + .xl\:mx-4 { + margin-left: 1rem; + margin-right: 1rem; + } + .xl\:-ml-20 { + margin-left: -5rem; + } + .xl\:-ml-22 { + margin-left: -5.5rem; + } + .xl\:-mr-22 { + margin-right: -5.5rem; + } + .xl\:mb-3 { + margin-bottom: 0.75rem; + } + .xl\:block { + display: block; + } + .xl\:w-1\/2 { + width: 50%; + } + .xl\:w-2\/3 { + width: 66.666667%; + } + .xl\:w-3\/5 { + width: 60%; + } + .xl\:w-5\/12 { + width: 41.666667%; + } + .xl\:-translate-x-1\/2 { + --tw-translate-x: -50%; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); + } + .xl\:grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); + } + .xl\:from-transparent-w25 { + --tw-gradient-from: transparent 25% var(--tw-gradient-from-position); + --tw-gradient-to: rgb(255 255 255 / 0) var(--tw-gradient-to-position); + --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); + } + .xl\:px-0 { + padding-left: 0; + padding-right: 0; + } + .xl\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; + } + .xl\:px-8 { + padding-left: 2rem; + padding-right: 2rem; + } + .xl\:py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; + } + .xl\:pl-14 { + padding-left: 3.5rem; + } + .xl\:pr-18 { + padding-right: 4.5rem; + } + .xl\:pr-26 { + padding-right: 6.5rem; + } + .xl\:pr-4 { + padding-right: 1rem; + } + .xl\:pr-6 { + padding-right: 1.5rem; + } + .xl\:text-10xl { + font-size: 4.5rem; + } + .xl\:text-2xl { + font-size: 1.375rem; + } + .xl\:text-6xl { + font-size: 2rem; + } + .xl\:text-base { + font-size: 1rem; + } + .xl\:text-xl { + font-size: 1.25rem; + } + .xl\:leading-normal { + line-height: 1.5; + } +} +@media (min-width: 1440px) { + .\32xl\:col-span-3 { + grid-column: span 3 / span 3; + } + .\32xl\:-mr-3 { + margin-right: -0.75rem; + } + .\32xl\:w-2\/5 { + width: 40%; + } + .\32xl\:grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); + } + .\32xl\:px-0 { + padding-left: 0; + padding-right: 0; + } + .\32xl\:pl-0 { + padding-left: 0; + } + .\32xl\:pr-0 { + padding-right: 0; + } +} +@media (min-width: 1800px) { + .\33xl\:col-end-12 { + grid-column-end: 12; + } + .\33xl\:col-end-13 { + grid-column-end: 13; + } + .\33xl\:ml-0 { + margin-left: 0; + } + .\33xl\:mr-16 { + margin-right: 4rem; + } + .\33xl\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); + } + .\33xl\:px-0 { + padding-left: 0; + padding-right: 0; + } +} +@media (hover: hover) { + .can-hover\:-ml-3 { + margin-left: -0.75rem; + } + .can-hover\:block { + display: block; + } + .can-hover\:opacity-0 { + opacity: 0; + } + .can-hover\:opacity-100 { + opacity: 1; + } + @media (hover: hover) and (pointer: fine) { + .can-hover\:hover\:font-medium:hover { + font-weight: 500; + } + .can-hover\:hover\:text-action-hover:hover { + color: var(--color-action-dark); + } + .can-hover\:hover\:text-gray-dark:hover { + --tw-text-opacity: 1; + color: rgb(34 34 34 / var(--tw-text-opacity)); + } + .can-hover\:hover\:text-gray-mid-dark:hover { + --tw-text-opacity: 1; + color: rgb(111 111 111 / var(--tw-text-opacity)); + } + .can-hover\:hover\:text-jpl-sky-blue-dark:hover { + --tw-text-opacity: 1; + color: rgb(0 100 128 / var(--tw-text-opacity)); + } + .can-hover\:hover\:text-white:hover { + --tw-text-opacity: 1; + color: rgb(255 255 255 / var(--tw-text-opacity)); + } + .can-hover\:hover\:text-opacity-100:hover { + --tw-text-opacity: 1; + } + .can-hover\:hover\:underline:hover { + text-decoration-line: underline; + } + .can-hover\:hover\:opacity-95:hover { + opacity: 0.95; + } + .can-hover\:hover\:shadow-lg:hover { + --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); + --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), + 0 4px 6px -4px var(--tw-shadow-color); + box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), + var(--tw-shadow); + } + .group:hover .can-hover\:group-hover\:-mt-3 { + margin-top: -0.75rem; + } + .group:hover .can-hover\:group-hover\:ml-0 { + margin-left: 0; + } + .group:hover .can-hover\:group-hover\:ml-2 { + margin-left: 0.5rem; + } + .group:hover .can-hover\:group-hover\:ml-3 { + margin-left: 0.75rem; + } + .group:hover .can-hover\:group-hover\:ml-5 { + margin-left: 1.25rem; + } + .group:hover .can-hover\:group-hover\:-translate-y-2 { + --tw-translate-y: -0.5rem; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); + } + .group:hover .can-hover\:group-hover\:-translate-y-3 { + --tw-translate-y: -0.75rem; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); + } + .group:hover .can-hover\:group-hover\:scale-100 { + --tw-scale-x: 1; + --tw-scale-y: 1; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); + } + .group:hover .can-hover\:group-hover\:scale-105 { + --tw-scale-x: 1.05; + --tw-scale-y: 1.05; + transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) + skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) + scaleY(var(--tw-scale-y)); + } + .group:hover .can-hover\:group-hover\:border-b-2 { + border-bottom-width: 2px; + } + .group:hover .can-hover\:group-hover\:border-gray-mid-dark { + --tw-border-opacity: 1; + border-color: rgb(111 111 111 / var(--tw-border-opacity)); + } + .group:hover .can-hover\:group-hover\:border-jpl-red { + --tw-border-opacity: 1; + border-color: rgb(227 25 55 / var(--tw-border-opacity)); + } + .group:hover .can-hover\:group-hover\:border-jpl-red-light { + --tw-border-opacity: 1; + border-color: rgb(231 59 84 / var(--tw-border-opacity)); + } + .group:hover .can-hover\:group-hover\:bg-jpl-red-light { + --tw-bg-opacity: 1; + background-color: rgb(231 59 84 / var(--tw-bg-opacity)); + } + .group:hover .can-hover\:group-hover\:text-gray-mid-dark { + --tw-text-opacity: 1; + color: rgb(111 111 111 / var(--tw-text-opacity)); + } + .group:hover .can-hover\:group-hover\:underline { + text-decoration-line: underline; + } + .group:hover .can-hover\:group-hover\:opacity-100 { + opacity: 1; + } + .group:hover .can-hover\:group-hover\:delay-200 { + transition-delay: 0.2s; + } + } +} diff --git a/packages/html/package.json b/packages/html/package.json index 9603c669..9295e3d8 100644 --- a/packages/html/package.json +++ b/packages/html/package.json @@ -38,6 +38,7 @@ "@explorer-1/prettier-config": "workspace:*", "autoprefixer": "^10.4.19", "lazysizes": "^5.3.0", + "postcss-import": "^16.1.0", "typescript": "^5.2.2", "vite": "^5.2.0" } diff --git a/packages/html/postcss.config.js b/packages/html/postcss.config.js index 2aa7205d..9d55d43f 100644 --- a/packages/html/postcss.config.js +++ b/packages/html/postcss.config.js @@ -1,6 +1,7 @@ export default { plugins: { + 'postcss-import': {}, tailwindcss: {}, - autoprefixer: {}, - }, -}; + autoprefixer: {} + } +} diff --git a/packages/html/src/components/BaseLink/BaseLink.js b/packages/html/src/components/BaseLink/BaseLink.js index ef74902b..e5019ca7 100644 --- a/packages/html/src/components/BaseLink/BaseLink.js +++ b/packages/html/src/components/BaseLink/BaseLink.js @@ -49,9 +49,9 @@ export const BaseLinkTemplate = ({ if (variantType === 'primary' || variantType === 'secondary') { computedClass = `${ variantType === 'primary' ? '-primary' : '-secondary' - } text-subtitle text-theme-color can-hover:hover:text-theme-color-hover` + } text-subtitle text-action can-hover:hover:text-action-hover` } else if (variantType === 'default') { - computedClass = '-default underline text-theme-color can-hover:hover:text-theme-color-hover' + computedClass = '-default underline text-action can-hover:hover:text-action-hover' } let renderWrapperClass = '' diff --git a/packages/html/src/components/BlockAccordionItem/BlockAccordionItem.js b/packages/html/src/components/BlockAccordionItem/BlockAccordionItem.js index 11dd9fb0..8643f9dc 100644 --- a/packages/html/src/components/BlockAccordionItem/BlockAccordionItem.js +++ b/packages/html/src/components/BlockAccordionItem/BlockAccordionItem.js @@ -23,7 +23,7 @@ export const BlockAccordionItemTemplate = ({ item_id, heading_level, title, body ${title} - + ${IconPlusTemplate({})} diff --git a/packages/html/src/components/BlockRelatedLinks/RelatedLink.js b/packages/html/src/components/BlockRelatedLinks/RelatedLink.js index 974fc2ba..dc466b72 100644 --- a/packages/html/src/components/BlockRelatedLinks/RelatedLink.js +++ b/packages/html/src/components/BlockRelatedLinks/RelatedLink.js @@ -6,14 +6,14 @@ export const RelatedLinkTemplate = ({ variant, link, text }) => { let icon = variant == 'document' ? IconDownloadTemplate({ - customClass: 'text-theme-color xl:mx-4 flex-none ml-4 text-2xl leading-normal text-3xl' + customClass: 'text-action xl:mx-4 flex-none ml-4 text-2xl leading-normal text-3xl' }) : variant == 'internal' ? IconArrowTemplate({ - customClass: 'text-theme-color xl:mx-4 flex-none ml-4 text-2xl leading-normal text-3xl' + customClass: 'text-action xl:mx-4 flex-none ml-4 text-2xl leading-normal text-3xl' }) : IconExternalTemplate({ - customClass: 'text-theme-color xl:mx-4 flex-none ml-4 text-2xl leading-normal text-lg' + customClass: 'text-action xl:mx-4 flex-none ml-4 text-2xl leading-normal text-lg' }) let target = variant == 'external' ? '_blank' : '_self' diff --git a/packages/html/src/components/MixinAnimationCaret/MixinAnimationCaret.js b/packages/html/src/components/MixinAnimationCaret/MixinAnimationCaret.js index 426ed046..2f43bbcf 100644 --- a/packages/html/src/components/MixinAnimationCaret/MixinAnimationCaret.js +++ b/packages/html/src/components/MixinAnimationCaret/MixinAnimationCaret.js @@ -3,7 +3,7 @@ export const MixinAnimationCaretTemplate = ({ text, customClass }) => { return ` ${text} -