@primer/react-brand 0.65.0-rc.0895cfab → 0.65.0-rc.4081e0d2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/CTABanner/CTABanner.d.ts +21 -0
- package/lib/EyebrowText/EyebrowText.d.ts +13 -0
- package/lib/EyebrowText/index.d.ts +1 -0
- package/lib/Hero/HeroContext.d.ts +1 -1
- package/lib/IDE/IDE.d.ts +10 -0
- package/lib/SubNav/SubNav.d.ts +3 -0
- package/lib/Tiles/Tiles.d.ts +49 -0
- package/lib/Tiles/Tiles.fixtures.d.ts +6 -0
- package/lib/Tiles/index.d.ts +1 -0
- package/lib/css/main.css +1047 -258
- package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/base/colors/light.css +1 -1
- package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
- package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
- package/lib/design-tokens/css/tokens/functional/animation/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/colors/global.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/anchor-nav/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/bento/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/blinking-cursor/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/breadcrumbs/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/card/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/card/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/card/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/comparison-table/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/comparison-table/comparison-table.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes.css +3 -3
- package/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/eyebrow-banner.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/faq.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/footer/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/grid/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/grid/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/grid/grid.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/icon/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/icon/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/ide/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/ide/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/image/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/inline-link/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/label/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/label/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/link/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/logosuite/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/logosuite/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/logosuite/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/pagination/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/pillar/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/pillar/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/pricing-options/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/pricing-options/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/pricing-options/pricing-options.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/prose/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/prose/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/river/river.css +21 -6
- package/lib/design-tokens/css/tokens/functional/components/river-story-scroll/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/section/section.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/statistic/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/sub-nav/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/sub-nav/colors-with-modes.css +5 -3
- package/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/tabs/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/tabs/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/tabs/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/testimonial/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/testimonial/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/testimonial/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/tiles/colors-with-modes.css +17 -0
- package/lib/design-tokens/css/tokens/functional/components/timeline/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/timeline/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/timeline/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/tooltip/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/tooltip/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/video-player/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/video-player/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/viewport.css +1 -1
- package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
- package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
- package/lib/design-tokens/js/module/tokens/base/colors/light.js +1 -1
- package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/animation/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/colors/global.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/bento/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/card/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/card/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/comparison-table/comparison-table.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/faq/faq.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/footer/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/grid/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/grid/grid.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/icon/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/ide/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/image/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/inline-link/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/label/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/link/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/logosuite/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/logosuite/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/pillar/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/pricing-options/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/pricing-options/pricing-options.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/prose/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/river/river.js +21 -3
- package/lib/design-tokens/js/module/tokens/functional/components/section/section.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/statistic/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/sub-nav/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/tabs/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/tabs/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/testimonial/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/testimonial/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/timeline/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/timeline/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/tooltip/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/video-player/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
- package/lib/design-tokens/js/tokens/base/colors/light.js +1 -1
- package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/js/tokens/functional/animation/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/colors/global.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/bento/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/card/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/card/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/comparison-table/comparison-table.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/faq/faq.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/footer/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/grid/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/grid/grid.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/icon/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/ide/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/image/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/inline-link/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/label/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/link/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/logosuite/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/logosuite/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/pillar/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/pricing-options/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/pricing-options/pricing-options.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/prose/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/river/river.js +9 -3
- package/lib/design-tokens/js/tokens/functional/components/section/section.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/statistic/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/sub-nav/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/tabs/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/tabs/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/testimonial/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/testimonial/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/timeline/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/timeline/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/tooltip/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/video-player/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
- package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +1 -1
- package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
- package/lib/design-tokens/scss/tokens/base/colors/light.scss +1 -1
- package/lib/design-tokens/scss/tokens/base/size/size.scss +1 -1
- package/lib/design-tokens/scss/tokens/base/typography/typography.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/animation/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/colors/global.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/bento/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/card/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/card/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/comparison-table/comparison-table.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/eyebrow-banner/eyebrow-banner.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/faq/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/faq/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/faq/faq.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/footer/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/frosted-glass-vfx/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/grid/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/grid/grid.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/hero/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/icon/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/ide/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/image/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/inline-link/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/inline-link/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/label/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/link/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/logosuite/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/logosuite/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/pillar/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/pricing-options/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/pricing-options/pricing-options.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/prose/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/river/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/river/river.scss +9 -3
- package/lib/design-tokens/scss/tokens/functional/components/section/section.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/statistic/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/sub-nav/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/tabs/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/tabs/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/testimonial/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/testimonial/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/timeline/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/timeline/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/tooltip/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/video-player/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/size/border.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/size/breakpoints.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/size/size-coarse.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/size/size-fine.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/size/size.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/size/viewport.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/typography/typography-responsive.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/typography/typography.scss +1 -1
- package/lib/design-tokens/ts/tokens/base/colors/light.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/colors/light.js +1 -1
- package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/animation/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/animation/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/colors/global.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/bento/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/bento/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/card/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/card/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/card/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/card/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/eyebrow-banner/eyebrow-banner.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/faq.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/faq.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/footer/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/footer/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/frosted-glass-vfx/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/grid/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/grid/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/grid/grid.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/grid/grid.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/icon/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/icon/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/ide/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/ide/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/image/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/image/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/label/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/label/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/link/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/link/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/pricing-options/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/pricing-options/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/pricing-options/pricing-options.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/pricing-options/pricing-options.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/prose/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/prose/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/river.d.ts +20 -2
- package/lib/design-tokens/ts/tokens/functional/components/river/river.js +21 -3
- package/lib/design-tokens/ts/tokens/functional/components/section/section.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/section/section.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/statistic/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/statistic/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/sub-nav/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/sub-nav/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/tabs/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/tabs/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/tabs/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/tabs/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/timeline/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/timeline/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/tooltip/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/tooltip/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/video-player/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/video-player/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
- package/lib/fixtures/third-party-logos/AzureLogo.d.ts +4 -0
- package/lib/fixtures/third-party-logos/MicrosoftCopilotLogo.d.ts +4 -0
- package/lib/fixtures/third-party-logos/MicrosoftLogo.d.ts +4 -0
- package/lib/index.d.ts +2 -0
- package/lib/index.js +1 -1
- package/lib/recipes/FlexTemplate/FlexTemplate.types.d.ts +1 -0
- package/lib/river/River/River.d.ts +22 -0
- package/lib/river/River/index.d.ts +1 -1
- package/lib/river/RiverBreakout/RiverBreakout.d.ts +9 -1
- package/package.json +1 -1
package/lib/css/main.css
CHANGED
|
@@ -78,7 +78,7 @@ html {
|
|
|
78
78
|
|
|
79
79
|
/**
|
|
80
80
|
* Do not edit directly
|
|
81
|
-
* Generated on
|
|
81
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
82
82
|
*/
|
|
83
83
|
|
|
84
84
|
:root,
|
|
@@ -356,7 +356,7 @@ html {
|
|
|
356
356
|
|
|
357
357
|
/**
|
|
358
358
|
* Do not edit directly
|
|
359
|
-
* Generated on
|
|
359
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
360
360
|
*/
|
|
361
361
|
|
|
362
362
|
:root {
|
|
@@ -383,7 +383,7 @@ html {
|
|
|
383
383
|
|
|
384
384
|
/**
|
|
385
385
|
* Do not edit directly
|
|
386
|
-
* Generated on
|
|
386
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
387
387
|
*/
|
|
388
388
|
|
|
389
389
|
:root {
|
|
@@ -400,7 +400,7 @@ html {
|
|
|
400
400
|
|
|
401
401
|
/**
|
|
402
402
|
* Do not edit directly
|
|
403
|
-
* Generated on
|
|
403
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
404
404
|
*/
|
|
405
405
|
|
|
406
406
|
:root {
|
|
@@ -558,7 +558,7 @@ html {
|
|
|
558
558
|
|
|
559
559
|
/**
|
|
560
560
|
* Do not edit directly
|
|
561
|
-
* Generated on
|
|
561
|
+
* Generated on Wed, 25 Feb 2026 15:01:07 GMT
|
|
562
562
|
*/
|
|
563
563
|
|
|
564
564
|
:root {
|
|
@@ -572,7 +572,7 @@ html {
|
|
|
572
572
|
|
|
573
573
|
/**
|
|
574
574
|
* Do not edit directly
|
|
575
|
-
* Generated on
|
|
575
|
+
* Generated on Wed, 25 Feb 2026 15:01:07 GMT
|
|
576
576
|
*/
|
|
577
577
|
|
|
578
578
|
:root {
|
|
@@ -591,7 +591,7 @@ html {
|
|
|
591
591
|
|
|
592
592
|
/**
|
|
593
593
|
* Do not edit directly
|
|
594
|
-
* Generated on
|
|
594
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
595
595
|
*/
|
|
596
596
|
|
|
597
597
|
:root,
|
|
@@ -671,7 +671,7 @@ html {
|
|
|
671
671
|
|
|
672
672
|
/**
|
|
673
673
|
* Do not edit directly
|
|
674
|
-
* Generated on
|
|
674
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
675
675
|
*/
|
|
676
676
|
|
|
677
677
|
:root {
|
|
@@ -698,7 +698,7 @@ html {
|
|
|
698
698
|
|
|
699
699
|
/**
|
|
700
700
|
* Do not edit directly
|
|
701
|
-
* Generated on
|
|
701
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
702
702
|
*/
|
|
703
703
|
|
|
704
704
|
:root,
|
|
@@ -1471,7 +1471,7 @@ html {
|
|
|
1471
1471
|
|
|
1472
1472
|
/**
|
|
1473
1473
|
* Do not edit directly
|
|
1474
|
-
* Generated on
|
|
1474
|
+
* Generated on Wed, 25 Feb 2026 15:01:07 GMT
|
|
1475
1475
|
*/
|
|
1476
1476
|
|
|
1477
1477
|
:root {
|
|
@@ -1779,7 +1779,7 @@ html {
|
|
|
1779
1779
|
|
|
1780
1780
|
/**
|
|
1781
1781
|
* Do not edit directly
|
|
1782
|
-
* Generated on
|
|
1782
|
+
* Generated on Wed, 25 Feb 2026 15:01:07 GMT
|
|
1783
1783
|
*/
|
|
1784
1784
|
|
|
1785
1785
|
:root {
|
|
@@ -6165,6 +6165,12 @@ html {
|
|
|
6165
6165
|
max-width: 924px;
|
|
6166
6166
|
}
|
|
6167
6167
|
|
|
6168
|
+
.Primer_Brand__Hero-module__Hero-heading___QuVBH b {
|
|
6169
|
+
color: var(--brand-color-accent-primary);
|
|
6170
|
+
font-style: normal;
|
|
6171
|
+
font-weight: inherit;
|
|
6172
|
+
}
|
|
6173
|
+
|
|
6168
6174
|
.Primer_Brand__Hero-module__Hero-heading--fullWidth___Q3N1y {
|
|
6169
6175
|
max-width: none;
|
|
6170
6176
|
max-width: initial;
|
|
@@ -6759,7 +6765,7 @@ html {
|
|
|
6759
6765
|
|
|
6760
6766
|
/**
|
|
6761
6767
|
* Do not edit directly
|
|
6762
|
-
* Generated on
|
|
6768
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
6763
6769
|
*/
|
|
6764
6770
|
|
|
6765
6771
|
:root,
|
|
@@ -7096,7 +7102,7 @@ html {
|
|
|
7096
7102
|
|
|
7097
7103
|
/**
|
|
7098
7104
|
* Do not edit directly
|
|
7099
|
-
* Generated on
|
|
7105
|
+
* Generated on Wed, 25 Feb 2026 15:01:07 GMT
|
|
7100
7106
|
*/
|
|
7101
7107
|
|
|
7102
7108
|
:root {
|
|
@@ -7402,7 +7408,7 @@ html {
|
|
|
7402
7408
|
|
|
7403
7409
|
/**
|
|
7404
7410
|
* Do not edit directly
|
|
7405
|
-
* Generated on
|
|
7411
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
7406
7412
|
*/
|
|
7407
7413
|
|
|
7408
7414
|
:root,
|
|
@@ -7418,7 +7424,7 @@ html {
|
|
|
7418
7424
|
|
|
7419
7425
|
/**
|
|
7420
7426
|
* Do not edit directly
|
|
7421
|
-
* Generated on
|
|
7427
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
7422
7428
|
*/
|
|
7423
7429
|
|
|
7424
7430
|
:root,
|
|
@@ -7683,9 +7689,14 @@ html {
|
|
|
7683
7689
|
}
|
|
7684
7690
|
}
|
|
7685
7691
|
|
|
7692
|
+
.Primer_Brand__EyebrowText-module__EyebrowText___YZHDa {
|
|
7693
|
+
text-transform: uppercase;
|
|
7694
|
+
letter-spacing: var(--brand-text-letterSpacing-100);
|
|
7695
|
+
}
|
|
7696
|
+
|
|
7686
7697
|
/**
|
|
7687
7698
|
* Do not edit directly
|
|
7688
|
-
* Generated on
|
|
7699
|
+
* Generated on Wed, 25 Feb 2026 15:01:07 GMT
|
|
7689
7700
|
*/
|
|
7690
7701
|
|
|
7691
7702
|
:root {
|
|
@@ -7696,30 +7707,45 @@ html {
|
|
|
7696
7707
|
|
|
7697
7708
|
/**
|
|
7698
7709
|
* Do not edit directly
|
|
7699
|
-
* Generated on
|
|
7710
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
7700
7711
|
*/
|
|
7701
7712
|
|
|
7702
7713
|
:root {
|
|
7714
|
+
--brand-RiverBreakout-variant-gridline-spacing-contentGap: var(--base-size-16);
|
|
7715
|
+
--brand-RiverBreakout-variant-gridline-spacing-outerInline: var(--base-size-20);
|
|
7716
|
+
--brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd: var(--base-size-40);
|
|
7717
|
+
--brand-RiverBreakout-variant-gridline-spacing-outerBlock: var(--base-size-36);
|
|
7703
7718
|
--brand-RiverBreakout-spacing-inner: var(--base-size-40);
|
|
7704
|
-
--brand-River-spacing-
|
|
7719
|
+
--brand-River-variant-gridline-spacing-outerInline: var(--base-size-20);
|
|
7720
|
+
--brand-River-variant-gridline-spacing-outerBlock: var(--base-size-40);
|
|
7721
|
+
--brand-River-spacing-outerBlock: var(--base-size-36);
|
|
7705
7722
|
--brand-River-spacing-innerY: var(--base-size-24);
|
|
7706
|
-
--brand-River-spacing-inner: var(--base-size-
|
|
7723
|
+
--brand-River-spacing-inner: var(--base-size-40);
|
|
7707
7724
|
}
|
|
7708
7725
|
|
|
7709
7726
|
@media (min-width: 768px) {
|
|
7710
7727
|
:root {
|
|
7728
|
+
--brand-RiverBreakout-variant-gridline-spacing-contentGap: var(--base-size-20);
|
|
7729
|
+
--brand-RiverBreakout-variant-gridline-spacing-outerInline: var(--base-size-36);
|
|
7730
|
+
--brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd: var(--base-size-48);
|
|
7731
|
+
--brand-RiverBreakout-variant-gridline-spacing-outerBlock: var(--base-size-40);
|
|
7711
7732
|
--brand-RiverBreakout-spacing-inner: var(--base-size-48);
|
|
7712
7733
|
--brand-River-spacing-innerY: var(--base-size-24);
|
|
7713
|
-
--brand-River-spacing-inner: var(--base-size-36);
|
|
7714
7734
|
}
|
|
7715
7735
|
}
|
|
7716
7736
|
|
|
7717
7737
|
@media (min-width: 1280px) {
|
|
7718
7738
|
:root {
|
|
7739
|
+
--brand-RiverBreakout-variant-gridline-spacing-contentGap: var(--base-size-24);
|
|
7740
|
+
--brand-RiverBreakout-variant-gridline-spacing-outerInline: var(--base-size-64);
|
|
7741
|
+
--brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd: var(--base-size-80);
|
|
7742
|
+
--brand-RiverBreakout-variant-gridline-spacing-outerBlock: var(--base-size-64);
|
|
7719
7743
|
--brand-RiverBreakout-spacing-inner: var(--base-size-64);
|
|
7720
|
-
--brand-River-spacing-
|
|
7744
|
+
--brand-River-variant-gridline-spacing-outerInline: var(--base-size-64);
|
|
7745
|
+
--brand-River-variant-gridline-spacing-outerBlock: var(--base-size-64);
|
|
7746
|
+
--brand-River-spacing-outerBlock: var(--base-size-48);
|
|
7721
7747
|
--brand-River-spacing-innerY: var(--base-size-32);
|
|
7722
|
-
--brand-River-spacing-inner: var(--base-size-
|
|
7748
|
+
--brand-River-spacing-inner: var(--base-size-24);
|
|
7723
7749
|
}
|
|
7724
7750
|
}
|
|
7725
7751
|
|
|
@@ -7728,8 +7754,48 @@ html {
|
|
|
7728
7754
|
grid-gap: var(--brand-River-spacing-inner);
|
|
7729
7755
|
gap: var(--brand-River-spacing-inner);
|
|
7730
7756
|
grid-auto-rows: min-content;
|
|
7731
|
-
padding-
|
|
7732
|
-
padding-
|
|
7757
|
+
padding-inline: var(--brand-River-spacing-outerInline);
|
|
7758
|
+
padding-block: var(--brand-River-spacing-outerBlock);
|
|
7759
|
+
container-type: inline-size;
|
|
7760
|
+
}
|
|
7761
|
+
|
|
7762
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 {
|
|
7763
|
+
position: relative;
|
|
7764
|
+
padding-inline: var(--brand-River-variant-gridline-spacing-outerInline);
|
|
7765
|
+
padding-block: var(--brand-River-variant-gridline-spacing-outerBlock);
|
|
7766
|
+
gap: var(--base-size-32);
|
|
7767
|
+
}
|
|
7768
|
+
|
|
7769
|
+
@media screen and (min-width: 48rem) {
|
|
7770
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 {
|
|
7771
|
+
gap: var(--base-size-28);
|
|
7772
|
+
}
|
|
7773
|
+
}
|
|
7774
|
+
|
|
7775
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1::before,
|
|
7776
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1::after {
|
|
7777
|
+
content: '';
|
|
7778
|
+
position: absolute;
|
|
7779
|
+
left: 50%;
|
|
7780
|
+
transform: translateX(-50%);
|
|
7781
|
+
width: 100vw;
|
|
7782
|
+
height: 0;
|
|
7783
|
+
border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
7784
|
+
z-index: 1;
|
|
7785
|
+
}
|
|
7786
|
+
|
|
7787
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1::before {
|
|
7788
|
+
top: 0;
|
|
7789
|
+
}
|
|
7790
|
+
|
|
7791
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1::after {
|
|
7792
|
+
bottom: 0;
|
|
7793
|
+
}
|
|
7794
|
+
|
|
7795
|
+
@media screen and (min-width: 80rem) {
|
|
7796
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 {
|
|
7797
|
+
border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
7798
|
+
}
|
|
7733
7799
|
}
|
|
7734
7800
|
|
|
7735
7801
|
.Primer_Brand__river-shared-module__River--align-center___VxJ3H {
|
|
@@ -7758,12 +7824,62 @@ html {
|
|
|
7758
7824
|
box-shadow: var(--brand-River-visual-shadow);
|
|
7759
7825
|
}
|
|
7760
7826
|
|
|
7827
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
|
|
7828
|
+
display: flex;
|
|
7829
|
+
align-items: center;
|
|
7830
|
+
justify-content: center;
|
|
7831
|
+
background-color: var(--brand-color-canvas-subtle);
|
|
7832
|
+
padding: var(--base-size-32);
|
|
7833
|
+
border-radius: 0;
|
|
7834
|
+
margin-inline: calc(-1 * var(--brand-River-variant-gridline-spacing-outerInline));
|
|
7835
|
+
}
|
|
7836
|
+
|
|
7837
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S img,
|
|
7838
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S picture,
|
|
7839
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S video {
|
|
7840
|
+
max-width: 100%;
|
|
7841
|
+
height: auto;
|
|
7842
|
+
width: auto;
|
|
7843
|
+
border-radius: var(--brand-borderRadius-large);
|
|
7844
|
+
}
|
|
7845
|
+
|
|
7846
|
+
@media screen and (max-width: 47.99rem) {
|
|
7847
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
|
|
7848
|
+
align-items: flex-end;
|
|
7849
|
+
justify-content: flex-end;
|
|
7850
|
+
padding-block-end: 0;
|
|
7851
|
+
padding-inline-end: 0;
|
|
7852
|
+
}
|
|
7853
|
+
|
|
7854
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S img,
|
|
7855
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S picture,
|
|
7856
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S video {
|
|
7857
|
+
border-end-start-radius: 0;
|
|
7858
|
+
border-end-end-radius: 0;
|
|
7859
|
+
border-start-end-radius: 0;
|
|
7860
|
+
}
|
|
7861
|
+
}
|
|
7862
|
+
|
|
7863
|
+
@media screen and (min-width: 48rem) and (max-width: 63.24rem) {
|
|
7864
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
|
|
7865
|
+
align-items: flex-end;
|
|
7866
|
+
padding-block-end: 0;
|
|
7867
|
+
}
|
|
7868
|
+
|
|
7869
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S img,
|
|
7870
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S picture,
|
|
7871
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S video {
|
|
7872
|
+
border-end-start-radius: 0;
|
|
7873
|
+
border-end-end-radius: 0;
|
|
7874
|
+
}
|
|
7875
|
+
}
|
|
7876
|
+
|
|
7761
7877
|
.Primer_Brand__river-shared-module__River__heading___tl6zS {
|
|
7762
7878
|
margin-bottom: var(--brand-River-heading-margin);
|
|
7763
7879
|
}
|
|
7764
7880
|
|
|
7765
7881
|
.Primer_Brand__river-shared-module__River__call-to-action___yeIFh {
|
|
7766
|
-
margin-top: var(--base-size-
|
|
7882
|
+
margin-top: var(--base-size-20);
|
|
7767
7883
|
}
|
|
7768
7884
|
|
|
7769
7885
|
.Primer_Brand__river-shared-module__River__text___TQQhU strong,
|
|
@@ -7785,12 +7901,47 @@ html {
|
|
|
7785
7901
|
margin-block-end: var(--brand-River-label-margin);
|
|
7786
7902
|
}
|
|
7787
7903
|
|
|
7788
|
-
|
|
7789
|
-
|
|
7904
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-start___wo12V .Primer_Brand__river-shared-module__River__visual___kjFE2 {
|
|
7905
|
+
order: 1;
|
|
7906
|
+
}
|
|
7907
|
+
|
|
7908
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-start___wo12V .Primer_Brand__river-shared-module__River__content___p4EdY {
|
|
7909
|
+
order: 2;
|
|
7910
|
+
}
|
|
7911
|
+
|
|
7912
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-end___aNjz4 .Primer_Brand__river-shared-module__River__content___p4EdY {
|
|
7913
|
+
order: 1;
|
|
7914
|
+
}
|
|
7915
|
+
|
|
7916
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-end___aNjz4 .Primer_Brand__river-shared-module__River__visual___kjFE2 {
|
|
7917
|
+
order: 2;
|
|
7918
|
+
}
|
|
7919
|
+
|
|
7920
|
+
@media screen and (max-width: 63.24rem) {
|
|
7921
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-start___wo12V .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
|
|
7922
|
+
margin-block-start: calc(-1 * var(--brand-River-variant-gridline-spacing-outerBlock));
|
|
7923
|
+
}
|
|
7924
|
+
|
|
7925
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-end___aNjz4 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
|
|
7926
|
+
margin-block-end: calc(-1 * var(--brand-River-variant-gridline-spacing-outerBlock));
|
|
7927
|
+
}
|
|
7928
|
+
|
|
7929
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-center___VxJ3H .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
|
|
7930
|
+
margin-block-start: calc(-1 * var(--brand-River-variant-gridline-spacing-outerBlock));
|
|
7931
|
+
}
|
|
7932
|
+
}
|
|
7933
|
+
|
|
7934
|
+
/* Large breakpoint and up */
|
|
7935
|
+
@media screen and (min-width: 63.25rem) {
|
|
7790
7936
|
.Primer_Brand__river-shared-module__River___eSXvR {
|
|
7791
7937
|
grid-template-rows: initial;
|
|
7792
7938
|
}
|
|
7793
7939
|
|
|
7940
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
|
|
7941
|
+
padding: var(--base-size-64);
|
|
7942
|
+
margin: 0;
|
|
7943
|
+
}
|
|
7944
|
+
|
|
7794
7945
|
.Primer_Brand__river-shared-module__River__content___p4EdY {
|
|
7795
7946
|
order: initial;
|
|
7796
7947
|
}
|
|
@@ -7815,12 +7966,37 @@ html {
|
|
|
7815
7966
|
grid-template-columns: [visual] 6fr [content] 4fr;
|
|
7816
7967
|
}
|
|
7817
7968
|
|
|
7969
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-start___wo12V.Primer_Brand__river-shared-module__River--50-50___y5_l2:not(:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S)) .Primer_Brand__river-shared-module__River__visual___kjFE2 {
|
|
7970
|
+
margin-inline-start: calc(var(--base-size-80) + var(--base-size-8));
|
|
7971
|
+
}
|
|
7972
|
+
|
|
7973
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-end___aNjz4.Primer_Brand__river-shared-module__River--50-50___y5_l2:not(:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S)) .Primer_Brand__river-shared-module__River__visual___kjFE2 {
|
|
7974
|
+
margin-inline-end: calc(var(--base-size-80) + var(--base-size-8));
|
|
7975
|
+
}
|
|
7976
|
+
|
|
7818
7977
|
.Primer_Brand__river-shared-module__River__content___p4EdY {
|
|
7819
7978
|
display: grid;
|
|
7820
7979
|
align-content: center;
|
|
7821
7980
|
grid-area: content;
|
|
7822
7981
|
}
|
|
7823
7982
|
|
|
7983
|
+
.Primer_Brand__river-shared-module__River--50-50___y5_l2:not(.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1) .Primer_Brand__river-shared-module__River__body-text___aJne5,
|
|
7984
|
+
.Primer_Brand__river-shared-module__River--50-50___y5_l2:not(.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1) .Primer_Brand__river-shared-module__River__heading___tl6zS {
|
|
7985
|
+
max-width: 400px;
|
|
7986
|
+
}
|
|
7987
|
+
|
|
7988
|
+
.Primer_Brand__river-shared-module__River--align-start___wo12V:not(.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1) .Primer_Brand__river-shared-module__River__content___p4EdY {
|
|
7989
|
+
padding-inline-end: var(--base-size-128);
|
|
7990
|
+
}
|
|
7991
|
+
|
|
7992
|
+
.Primer_Brand__river-shared-module__River--align-end___aNjz4:not(.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1) .Primer_Brand__river-shared-module__River__content___p4EdY {
|
|
7993
|
+
padding-inline-start: var(--base-size-128);
|
|
7994
|
+
}
|
|
7995
|
+
|
|
7996
|
+
.Primer_Brand__river-shared-module__River__content--align-block-end___xI62E {
|
|
7997
|
+
align-content: end;
|
|
7998
|
+
}
|
|
7999
|
+
|
|
7824
8000
|
.Primer_Brand__river-shared-module__River__visual___kjFE2 {
|
|
7825
8001
|
grid-area: visual;
|
|
7826
8002
|
}
|
|
@@ -7848,21 +8024,90 @@ html {
|
|
|
7848
8024
|
.Primer_Brand__river-shared-module__River--align-center___VxJ3H .Primer_Brand__river-shared-module__River__content___p4EdY {
|
|
7849
8025
|
margin-top: var(--brand-River-spacing-inner);
|
|
7850
8026
|
}
|
|
7851
|
-
}
|
|
7852
8027
|
|
|
7853
|
-
|
|
7854
|
-
|
|
7855
|
-
|
|
7856
|
-
|
|
7857
|
-
|
|
8028
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1:not(.Primer_Brand__river-shared-module__River--align-center___VxJ3H):has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) {
|
|
8029
|
+
padding: 0;
|
|
8030
|
+
gap: 0;
|
|
8031
|
+
}
|
|
8032
|
+
|
|
8033
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--50-50___y5_l2:not(.Primer_Brand__river-shared-module__River--align-center___VxJ3H):has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) {
|
|
8034
|
+
grid-template-columns: 1fr 1fr;
|
|
8035
|
+
}
|
|
8036
|
+
|
|
8037
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--60-40___NljA1:not(.Primer_Brand__river-shared-module__River--align-center___VxJ3H):has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) {
|
|
8038
|
+
grid-template-columns: 560fr 676fr;
|
|
7858
8039
|
}
|
|
7859
8040
|
|
|
7860
|
-
.Primer_Brand__river-shared-module__River--align-
|
|
8041
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-end___aNjz4.Primer_Brand__river-shared-module__River--60-40___NljA1:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) {
|
|
8042
|
+
grid-template-columns: 676fr 560fr;
|
|
8043
|
+
}
|
|
8044
|
+
|
|
8045
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-start___wo12V:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) .Primer_Brand__river-shared-module__River__content___p4EdY {
|
|
8046
|
+
padding-inline-start: var(--base-size-64);
|
|
8047
|
+
padding-inline-end: var(--brand-River-spacing-inner);
|
|
8048
|
+
padding-block: var(--brand-River-variant-gridline-spacing-outerBlock);
|
|
8049
|
+
}
|
|
8050
|
+
|
|
8051
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--50-50___y5_l2.Primer_Brand__river-shared-module__River--align-start___wo12V:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) .Primer_Brand__river-shared-module__River__content___p4EdY {
|
|
8052
|
+
padding-inline-end: calc(var(--base-size-80) + var(--base-size-32));
|
|
8053
|
+
}
|
|
8054
|
+
|
|
8055
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--60-40___NljA1.Primer_Brand__river-shared-module__River--align-start___wo12V:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) .Primer_Brand__river-shared-module__River__content___p4EdY {
|
|
7861
8056
|
padding-inline-end: var(--base-size-128);
|
|
7862
8057
|
}
|
|
7863
8058
|
|
|
7864
|
-
.Primer_Brand__river-shared-module__River--align-end___aNjz4 .Primer_Brand__river-shared-module__River__content___p4EdY {
|
|
7865
|
-
padding-inline: var(--
|
|
8059
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-end___aNjz4:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) .Primer_Brand__river-shared-module__River__content___p4EdY {
|
|
8060
|
+
padding-inline-start: var(--brand-River-spacing-inner);
|
|
8061
|
+
padding-inline-end: var(--base-size-64);
|
|
8062
|
+
padding-block: var(--brand-River-variant-gridline-spacing-outerBlock);
|
|
8063
|
+
}
|
|
8064
|
+
|
|
8065
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--50-50___y5_l2.Primer_Brand__river-shared-module__River--align-end___aNjz4:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) .Primer_Brand__river-shared-module__River__content___p4EdY {
|
|
8066
|
+
padding-inline-start: calc(var(--base-size-80) + var(--base-size-32));
|
|
8067
|
+
}
|
|
8068
|
+
|
|
8069
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--60-40___NljA1.Primer_Brand__river-shared-module__River--align-end___aNjz4:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) .Primer_Brand__river-shared-module__River__content___p4EdY {
|
|
8070
|
+
padding-inline-start: var(--base-size-128);
|
|
8071
|
+
}
|
|
8072
|
+
|
|
8073
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-start___wo12V:not(:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S)) .Primer_Brand__river-shared-module__River__content___p4EdY {
|
|
8074
|
+
padding-inline-end: var(--brand-River-spacing-inner);
|
|
8075
|
+
}
|
|
8076
|
+
|
|
8077
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-end___aNjz4:not(:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S)) .Primer_Brand__river-shared-module__River__content___p4EdY {
|
|
8078
|
+
padding-inline-start: var(--brand-River-spacing-inner);
|
|
8079
|
+
}
|
|
8080
|
+
|
|
8081
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--50-50___y5_l2:not(.Primer_Brand__river-shared-module__River--align-center___VxJ3H) .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
|
|
8082
|
+
margin-inline-start: 0;
|
|
8083
|
+
margin-inline-end: 0;
|
|
8084
|
+
}
|
|
8085
|
+
|
|
8086
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-center___VxJ3H:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) {
|
|
8087
|
+
padding: 0;
|
|
8088
|
+
}
|
|
8089
|
+
|
|
8090
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-center___VxJ3H .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
|
|
8091
|
+
width: 100%;
|
|
8092
|
+
margin: 0;
|
|
8093
|
+
}
|
|
8094
|
+
|
|
8095
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-center___VxJ3H .Primer_Brand__river-shared-module__River__visual___kjFE2 {
|
|
8096
|
+
margin-bottom: 0;
|
|
8097
|
+
}
|
|
8098
|
+
|
|
8099
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-center___VxJ3H {
|
|
8100
|
+
gap: 0;
|
|
8101
|
+
}
|
|
8102
|
+
|
|
8103
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-center___VxJ3H .Primer_Brand__river-shared-module__River__content___p4EdY {
|
|
8104
|
+
margin-top: 0;
|
|
8105
|
+
margin-bottom: var(--base-size-64);
|
|
8106
|
+
}
|
|
8107
|
+
|
|
8108
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-center___VxJ3H:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) .Primer_Brand__river-shared-module__River__content___p4EdY {
|
|
8109
|
+
padding-inline: var(--brand-River-variant-gridline-spacing-outerInline);
|
|
8110
|
+
padding-block-start: var(--brand-River-variant-gridline-spacing-outerBlock);
|
|
7866
8111
|
}
|
|
7867
8112
|
}
|
|
7868
8113
|
|
|
@@ -7870,8 +8115,8 @@ html {
|
|
|
7870
8115
|
display: flex;
|
|
7871
8116
|
flex-direction: column;
|
|
7872
8117
|
gap: var(--brand-RiverBreakout-spacing-inner);
|
|
7873
|
-
padding-block-end: var(--brand-River-spacing-
|
|
7874
|
-
padding-block-start: var(--brand-River-spacing-
|
|
8118
|
+
padding-block-end: var(--brand-River-spacing-outerBlock);
|
|
8119
|
+
padding-block-start: var(--brand-River-spacing-outerBlock);
|
|
7875
8120
|
}
|
|
7876
8121
|
|
|
7877
8122
|
.Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__text___TQQhU {
|
|
@@ -7905,7 +8150,7 @@ html {
|
|
|
7905
8150
|
}
|
|
7906
8151
|
|
|
7907
8152
|
.Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__call-to-action___yeIFh {
|
|
7908
|
-
|
|
8153
|
+
padding-block-start: var(--base-size-12);
|
|
7909
8154
|
}
|
|
7910
8155
|
|
|
7911
8156
|
@media screen and (min-width: 48rem) {
|
|
@@ -7938,6 +8183,192 @@ html {
|
|
|
7938
8183
|
}
|
|
7939
8184
|
}
|
|
7940
8185
|
|
|
8186
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX {
|
|
8187
|
+
position: relative;
|
|
8188
|
+
padding-inline: var(--brand-RiverBreakout-variant-gridline-spacing-outerInline);
|
|
8189
|
+
padding-block-start: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlock);
|
|
8190
|
+
padding-block-end: 0;
|
|
8191
|
+
gap: 0;
|
|
8192
|
+
}
|
|
8193
|
+
|
|
8194
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX::before,
|
|
8195
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX::after {
|
|
8196
|
+
content: '';
|
|
8197
|
+
position: absolute;
|
|
8198
|
+
left: 50%;
|
|
8199
|
+
transform: translateX(-50%);
|
|
8200
|
+
width: 100vw;
|
|
8201
|
+
height: 0;
|
|
8202
|
+
border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
8203
|
+
}
|
|
8204
|
+
|
|
8205
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX::before {
|
|
8206
|
+
top: 0;
|
|
8207
|
+
}
|
|
8208
|
+
|
|
8209
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX::after {
|
|
8210
|
+
bottom: 0;
|
|
8211
|
+
}
|
|
8212
|
+
|
|
8213
|
+
@media screen and (min-width: 80rem) {
|
|
8214
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX {
|
|
8215
|
+
border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
8216
|
+
}
|
|
8217
|
+
}
|
|
8218
|
+
|
|
8219
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual___kjFE2 {
|
|
8220
|
+
overflow: hidden;
|
|
8221
|
+
}
|
|
8222
|
+
|
|
8223
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--rounded___x1iTx {
|
|
8224
|
+
border-radius: var(--brand-borderRadius-large);
|
|
8225
|
+
}
|
|
8226
|
+
|
|
8227
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__content___p4EdY {
|
|
8228
|
+
padding-block-start: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlock);
|
|
8229
|
+
padding-block-end: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd);
|
|
8230
|
+
gap: var(--brand-RiverBreakout-variant-gridline-spacing-contentGap);
|
|
8231
|
+
}
|
|
8232
|
+
|
|
8233
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__call-to-action___yeIFh {
|
|
8234
|
+
padding-block-start: var(--base-size-12);
|
|
8235
|
+
}
|
|
8236
|
+
|
|
8237
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__trailingComponent--divider___q9hCY {
|
|
8238
|
+
padding-block-start: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlock);
|
|
8239
|
+
padding-block-end: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd);
|
|
8240
|
+
border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
8241
|
+
margin-inline: calc(-1 * var(--brand-RiverBreakout-variant-gridline-spacing-outerInline));
|
|
8242
|
+
padding-inline: var(--brand-RiverBreakout-variant-gridline-spacing-outerInline);
|
|
8243
|
+
}
|
|
8244
|
+
|
|
8245
|
+
/* Reset base RiverBreakout grid for gridline variant until desktop breakpoint */
|
|
8246
|
+
@media screen and (min-width: 48rem) and (max-width: 63.24rem) {
|
|
8247
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__content___p4EdY {
|
|
8248
|
+
display: flex;
|
|
8249
|
+
flex-direction: column;
|
|
8250
|
+
}
|
|
8251
|
+
|
|
8252
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__trailingComponent___bjdxv {
|
|
8253
|
+
margin-block-start: 0;
|
|
8254
|
+
}
|
|
8255
|
+
}
|
|
8256
|
+
|
|
8257
|
+
@media screen and (min-width: 63.25rem) {
|
|
8258
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX:has(.Primer_Brand__river-shared-module__River__trailingComponent--divider___q9hCY) {
|
|
8259
|
+
padding-block-end: 0;
|
|
8260
|
+
}
|
|
8261
|
+
|
|
8262
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__content___p4EdY {
|
|
8263
|
+
display: grid;
|
|
8264
|
+
grid-template-areas:
|
|
8265
|
+
'text trailingComponent'
|
|
8266
|
+
'cta trailingComponent';
|
|
8267
|
+
grid-template-columns: 1fr 31rem;
|
|
8268
|
+
grid-template-columns: 1fr var(--brand-RiverBreakout-gridline-trailing-width, 31rem);
|
|
8269
|
+
grid-template-rows: auto 1fr;
|
|
8270
|
+
grid-gap: var(--brand-RiverBreakout-variant-gridline-spacing-contentGap);
|
|
8271
|
+
gap: var(--brand-RiverBreakout-variant-gridline-spacing-contentGap);
|
|
8272
|
+
flex: 1;
|
|
8273
|
+
padding-block: 0;
|
|
8274
|
+
}
|
|
8275
|
+
|
|
8276
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__text___TQQhU {
|
|
8277
|
+
grid-area: text;
|
|
8278
|
+
padding-block-start: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlock);
|
|
8279
|
+
}
|
|
8280
|
+
|
|
8281
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__call-to-action___yeIFh {
|
|
8282
|
+
grid-area: cta;
|
|
8283
|
+
margin-block: 0;
|
|
8284
|
+
padding-block-end: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd);
|
|
8285
|
+
}
|
|
8286
|
+
|
|
8287
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__trailingComponent___bjdxv {
|
|
8288
|
+
grid-area: trailingComponent;
|
|
8289
|
+
margin-block-start: 0;
|
|
8290
|
+
}
|
|
8291
|
+
|
|
8292
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__trailingComponent--divider___q9hCY {
|
|
8293
|
+
border-top: none;
|
|
8294
|
+
border-left: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
8295
|
+
margin-inline: 0;
|
|
8296
|
+
margin-block: 0;
|
|
8297
|
+
padding-inline: 0;
|
|
8298
|
+
padding-inline-start: var(--brand-RiverBreakout-variant-gridline-spacing-outerInline);
|
|
8299
|
+
padding-block: 0;
|
|
8300
|
+
padding-block-start: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlock);
|
|
8301
|
+
padding-block-end: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd);
|
|
8302
|
+
align-self: stretch;
|
|
8303
|
+
}
|
|
8304
|
+
}
|
|
8305
|
+
|
|
8306
|
+
/* Gridline + background: remove outer container top padding (background fills to top edge) */
|
|
8307
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) {
|
|
8308
|
+
padding-block-start: 0;
|
|
8309
|
+
}
|
|
8310
|
+
|
|
8311
|
+
.Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
|
|
8312
|
+
display: flex;
|
|
8313
|
+
align-items: center;
|
|
8314
|
+
justify-content: center;
|
|
8315
|
+
background-color: var(--brand-color-canvas-subtle);
|
|
8316
|
+
border-radius: 0;
|
|
8317
|
+
overflow: hidden;
|
|
8318
|
+
}
|
|
8319
|
+
|
|
8320
|
+
.Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__visual--has-background___QG17S img,
|
|
8321
|
+
.Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__visual--has-background___QG17S picture,
|
|
8322
|
+
.Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__visual--has-background___QG17S video {
|
|
8323
|
+
max-width: 100%;
|
|
8324
|
+
height: auto;
|
|
8325
|
+
width: auto;
|
|
8326
|
+
border-radius: var(--brand-borderRadius-large);
|
|
8327
|
+
}
|
|
8328
|
+
|
|
8329
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
|
|
8330
|
+
margin-inline: calc(-1 * var(--brand-RiverBreakout-variant-gridline-spacing-outerInline));
|
|
8331
|
+
padding: var(--base-size-32);
|
|
8332
|
+
}
|
|
8333
|
+
|
|
8334
|
+
@media screen and (max-width: 47.99rem) {
|
|
8335
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
|
|
8336
|
+
align-items: flex-end;
|
|
8337
|
+
padding-block-end: 0;
|
|
8338
|
+
}
|
|
8339
|
+
|
|
8340
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S img,
|
|
8341
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S picture,
|
|
8342
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S video {
|
|
8343
|
+
border-end-start-radius: 0;
|
|
8344
|
+
border-end-end-radius: 0;
|
|
8345
|
+
}
|
|
8346
|
+
}
|
|
8347
|
+
|
|
8348
|
+
@media screen and (min-width: 48rem) and (max-width: 63.24rem) {
|
|
8349
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
|
|
8350
|
+
align-items: flex-end;
|
|
8351
|
+
padding-block-end: 0;
|
|
8352
|
+
}
|
|
8353
|
+
|
|
8354
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S img,
|
|
8355
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S picture,
|
|
8356
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S video {
|
|
8357
|
+
border-end-start-radius: 0;
|
|
8358
|
+
border-end-end-radius: 0;
|
|
8359
|
+
}
|
|
8360
|
+
}
|
|
8361
|
+
|
|
8362
|
+
@media screen and (min-width: 63.25rem) {
|
|
8363
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
|
|
8364
|
+
padding: var(--base-size-64);
|
|
8365
|
+
}
|
|
8366
|
+
|
|
8367
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S.Primer_Brand__river-shared-module__River__visual--rounded___x1iTx {
|
|
8368
|
+
border-radius: 0;
|
|
8369
|
+
}
|
|
8370
|
+
}
|
|
8371
|
+
|
|
7941
8372
|
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
7942
8373
|
--ease: cubic-bezier(0.22, 0.56, 0.23, 0.89);
|
|
7943
8374
|
-webkit-font-smoothing: antialiased;
|
|
@@ -8424,7 +8855,7 @@ html {
|
|
|
8424
8855
|
|
|
8425
8856
|
/**
|
|
8426
8857
|
* Do not edit directly
|
|
8427
|
-
* Generated on
|
|
8858
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
8428
8859
|
*/
|
|
8429
8860
|
|
|
8430
8861
|
:root,
|
|
@@ -9192,7 +9623,7 @@ html {
|
|
|
9192
9623
|
|
|
9193
9624
|
/**
|
|
9194
9625
|
* Do not edit directly
|
|
9195
|
-
* Generated on
|
|
9626
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
9196
9627
|
*/
|
|
9197
9628
|
|
|
9198
9629
|
:root,
|
|
@@ -9220,7 +9651,7 @@ html {
|
|
|
9220
9651
|
|
|
9221
9652
|
/**
|
|
9222
9653
|
* Do not edit directly
|
|
9223
|
-
* Generated on
|
|
9654
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
9224
9655
|
*/
|
|
9225
9656
|
|
|
9226
9657
|
:root,
|
|
@@ -9236,7 +9667,7 @@ html {
|
|
|
9236
9667
|
|
|
9237
9668
|
/**
|
|
9238
9669
|
* Do not edit directly
|
|
9239
|
-
* Generated on
|
|
9670
|
+
* Generated on Wed, 25 Feb 2026 15:01:07 GMT
|
|
9240
9671
|
*/
|
|
9241
9672
|
|
|
9242
9673
|
:root {
|
|
@@ -9289,7 +9720,7 @@ html {
|
|
|
9289
9720
|
|
|
9290
9721
|
/**
|
|
9291
9722
|
* Do not edit directly
|
|
9292
|
-
* Generated on
|
|
9723
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
9293
9724
|
*/
|
|
9294
9725
|
|
|
9295
9726
|
:root,
|
|
@@ -9717,7 +10148,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
|
|
|
9717
10148
|
|
|
9718
10149
|
/**
|
|
9719
10150
|
* Do not edit directly
|
|
9720
|
-
* Generated on
|
|
10151
|
+
* Generated on Wed, 25 Feb 2026 15:01:07 GMT
|
|
9721
10152
|
*/
|
|
9722
10153
|
|
|
9723
10154
|
:root {
|
|
@@ -9726,7 +10157,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
|
|
|
9726
10157
|
|
|
9727
10158
|
/**
|
|
9728
10159
|
* Do not edit directly
|
|
9729
|
-
* Generated on
|
|
10160
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
9730
10161
|
*/
|
|
9731
10162
|
|
|
9732
10163
|
:root,
|
|
@@ -9748,7 +10179,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
|
|
|
9748
10179
|
|
|
9749
10180
|
/**
|
|
9750
10181
|
* Do not edit directly
|
|
9751
|
-
* Generated on
|
|
10182
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
9752
10183
|
*/
|
|
9753
10184
|
|
|
9754
10185
|
:root {
|
|
@@ -10030,7 +10461,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
|
|
|
10030
10461
|
|
|
10031
10462
|
/**
|
|
10032
10463
|
* Do not edit directly
|
|
10033
|
-
* Generated on
|
|
10464
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
10034
10465
|
*/
|
|
10035
10466
|
|
|
10036
10467
|
:root,
|
|
@@ -11233,7 +11664,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
11233
11664
|
|
|
11234
11665
|
/**
|
|
11235
11666
|
* Do not edit directly
|
|
11236
|
-
* Generated on
|
|
11667
|
+
* Generated on Wed, 25 Feb 2026 15:01:07 GMT
|
|
11237
11668
|
*/
|
|
11238
11669
|
|
|
11239
11670
|
:root {
|
|
@@ -11247,7 +11678,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
11247
11678
|
|
|
11248
11679
|
/**
|
|
11249
11680
|
* Do not edit directly
|
|
11250
|
-
* Generated on
|
|
11681
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
11251
11682
|
*/
|
|
11252
11683
|
|
|
11253
11684
|
:root,
|
|
@@ -11541,7 +11972,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
11541
11972
|
|
|
11542
11973
|
/**
|
|
11543
11974
|
* Do not edit directly
|
|
11544
|
-
* Generated on
|
|
11975
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
11545
11976
|
*/
|
|
11546
11977
|
|
|
11547
11978
|
:root,
|
|
@@ -11557,7 +11988,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
11557
11988
|
|
|
11558
11989
|
/**
|
|
11559
11990
|
* Do not edit directly
|
|
11560
|
-
* Generated on
|
|
11991
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
11561
11992
|
*/
|
|
11562
11993
|
|
|
11563
11994
|
:root {
|
|
@@ -12302,7 +12733,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12302
12733
|
|
|
12303
12734
|
/**
|
|
12304
12735
|
* Do not edit directly
|
|
12305
|
-
* Generated on
|
|
12736
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
12306
12737
|
*/
|
|
12307
12738
|
|
|
12308
12739
|
:root,
|
|
@@ -12318,20 +12749,20 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12318
12749
|
|
|
12319
12750
|
/**
|
|
12320
12751
|
* Do not edit directly
|
|
12321
|
-
* Generated on
|
|
12752
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
12322
12753
|
*/
|
|
12323
12754
|
|
|
12324
12755
|
:root,
|
|
12325
12756
|
[data-color-mode="light"] {
|
|
12326
12757
|
--brand-CTABanner-shadow-color-start: var(--base-color-scale-green-5);
|
|
12327
12758
|
--brand-CTABanner-shadow-color-end: var(--base-color-scale-blue-5);
|
|
12328
|
-
--brand-CTABanner-bgColor: var(--brand-color-canvas-
|
|
12759
|
+
--brand-CTABanner-bgColor: var(--brand-color-canvas-subtle);
|
|
12329
12760
|
}
|
|
12330
12761
|
|
|
12331
12762
|
[data-color-mode="dark"] {
|
|
12332
12763
|
--brand-CTABanner-shadow-color-start: var(--base-color-scale-green-2);
|
|
12333
12764
|
--brand-CTABanner-shadow-color-end: var(--base-color-scale-blue-3);
|
|
12334
|
-
--brand-CTABanner-bgColor: var(--brand-color-canvas-
|
|
12765
|
+
--brand-CTABanner-bgColor: var(--brand-color-canvas-subtle);
|
|
12335
12766
|
}
|
|
12336
12767
|
|
|
12337
12768
|
.Primer_Brand__CTABanner-module__CTABanner___m0t8s {
|
|
@@ -12355,14 +12786,84 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12355
12786
|
);
|
|
12356
12787
|
}
|
|
12357
12788
|
|
|
12789
|
+
/* Heading size overrides for balanced and minimal variants */
|
|
12790
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-heading___JYhUV {
|
|
12791
|
+
font-weight: var(--brand-heading-weight-700);
|
|
12792
|
+
font-size: var(--brand-text-size-700);
|
|
12793
|
+
line-height: var(--brand-heading-lineHeight-700);
|
|
12794
|
+
letter-spacing: var(--brand-heading-letterSpacing-700);
|
|
12795
|
+
}
|
|
12796
|
+
|
|
12797
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-heading___JYhUV {
|
|
12798
|
+
font-weight: var(--brand-heading-weight-400);
|
|
12799
|
+
font-size: var(--brand-text-size-400);
|
|
12800
|
+
line-height: var(--brand-text-lineHeight-400);
|
|
12801
|
+
letter-spacing: var(--brand-heading-letterSpacing-400);
|
|
12802
|
+
}
|
|
12803
|
+
|
|
12804
|
+
.Primer_Brand__CTABanner-module__CTABanner-grid___u3x9a {
|
|
12805
|
+
gap: 0;
|
|
12806
|
+
--brand-Grid-spacing-row: 0;
|
|
12807
|
+
padding-inline: 0;
|
|
12808
|
+
}
|
|
12809
|
+
|
|
12810
|
+
.Primer_Brand__CTABanner-module__CTABanner-grid-column--primary___ZtLFt {
|
|
12811
|
+
display: flex;
|
|
12812
|
+
align-items: center;
|
|
12813
|
+
}
|
|
12814
|
+
|
|
12815
|
+
.Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___JBmPK {
|
|
12816
|
+
display: flex;
|
|
12817
|
+
align-items: center;
|
|
12818
|
+
justify-content: center;
|
|
12819
|
+
}
|
|
12820
|
+
|
|
12821
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___JBmPK {
|
|
12822
|
+
justify-content: flex-end;
|
|
12823
|
+
}
|
|
12824
|
+
|
|
12825
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___JBmPK {
|
|
12826
|
+
justify-content: flex-start;
|
|
12827
|
+
}
|
|
12828
|
+
|
|
12829
|
+
@media screen and (min-width: 63.25rem) {
|
|
12830
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___JBmPK {
|
|
12831
|
+
justify-content: flex-end;
|
|
12832
|
+
}
|
|
12833
|
+
}
|
|
12834
|
+
|
|
12835
|
+
/* Stack on narrow viewports */
|
|
12836
|
+
@media screen and (max-width: 63.24rem) {
|
|
12837
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___JBmPK {
|
|
12838
|
+
justify-content: flex-start;
|
|
12839
|
+
}
|
|
12840
|
+
|
|
12841
|
+
.Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___JBmPK {
|
|
12842
|
+
margin-block-start: var(--base-size-24);
|
|
12843
|
+
}
|
|
12844
|
+
}
|
|
12845
|
+
|
|
12846
|
+
.Primer_Brand__CTABanner-module__CTABanner-outer-container--border___PwQrC {
|
|
12847
|
+
border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
12848
|
+
}
|
|
12849
|
+
|
|
12358
12850
|
.Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
|
|
12359
|
-
|
|
12360
|
-
padding: var(--base-size-40) var(--base-size-32);
|
|
12851
|
+
padding: var(--base-size-64) var(--base-size-32);
|
|
12361
12852
|
z-index: 1;
|
|
12362
12853
|
width: 100%;
|
|
12363
12854
|
box-sizing: border-box;
|
|
12364
12855
|
}
|
|
12365
12856
|
|
|
12857
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
|
|
12858
|
+
padding-inline: var(--base-size-20);
|
|
12859
|
+
padding-block: var(--base-size-32);
|
|
12860
|
+
}
|
|
12861
|
+
|
|
12862
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
|
|
12863
|
+
padding-inline: var(--base-size-20);
|
|
12864
|
+
padding-block: var(--base-size-40);
|
|
12865
|
+
}
|
|
12866
|
+
|
|
12366
12867
|
.Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
|
|
12367
12868
|
display: flex;
|
|
12368
12869
|
flex-direction: column;
|
|
@@ -12372,10 +12873,19 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12372
12873
|
margin: 0 auto;
|
|
12373
12874
|
}
|
|
12374
12875
|
|
|
12876
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
|
|
12877
|
+
gap: 0;
|
|
12878
|
+
}
|
|
12879
|
+
|
|
12880
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_,
|
|
12881
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
|
|
12882
|
+
max-width: 576px;
|
|
12883
|
+
margin: 0;
|
|
12884
|
+
}
|
|
12885
|
+
|
|
12375
12886
|
.Primer_Brand__CTABanner-module__CTABanner-container--background___v1yTH {
|
|
12376
|
-
border-radius: var(--brand-borderRadius-xlarge);
|
|
12377
12887
|
background-repeat: no-repeat;
|
|
12378
|
-
background-color: var(--brand-CTABanner-
|
|
12888
|
+
background-color: var(--brand-CTABanner-bgColor);
|
|
12379
12889
|
background-image: var(--brand-CTABanner-narrow-background-image-src, var(--brand-CTABanner-background-image-src));
|
|
12380
12890
|
background-size: var(--brand-CTABanner-narrow-background-image-size, var(--brand-CTABanner-background-image-size));
|
|
12381
12891
|
|
|
@@ -12388,7 +12898,13 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12388
12898
|
}
|
|
12389
12899
|
|
|
12390
12900
|
.Primer_Brand__CTABanner-module__CTABanner-container--border___FbAer {
|
|
12391
|
-
border: var(--brand-borderWidth-thin) solid var(--brand-color-border-
|
|
12901
|
+
border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
12902
|
+
}
|
|
12903
|
+
|
|
12904
|
+
.Primer_Brand__CTABanner-module__CTABanner-container--border-gridlines___H1FN8 {
|
|
12905
|
+
border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
12906
|
+
margin-inline: auto;
|
|
12907
|
+
max-width: 534px; /* To match tablet for river */
|
|
12392
12908
|
}
|
|
12393
12909
|
|
|
12394
12910
|
.Primer_Brand__CTABanner-module__CTABanner-content--center___S0ChQ {
|
|
@@ -12403,22 +12919,19 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12403
12919
|
/* Medium breakpoint and up */
|
|
12404
12920
|
@media screen and (min-width: 48rem) {
|
|
12405
12921
|
.Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
|
|
12406
|
-
padding: var(--base-size-80) var(--base-size-
|
|
12922
|
+
padding: var(--base-size-80) var(--base-size-36);
|
|
12407
12923
|
}
|
|
12408
|
-
}
|
|
12409
12924
|
|
|
12410
|
-
|
|
12411
|
-
|
|
12412
|
-
|
|
12413
|
-
gap: var(--base-size-24);
|
|
12925
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
|
|
12926
|
+
padding: var(--base-size-36);
|
|
12927
|
+
padding-block-end: var(--base-size-48);
|
|
12414
12928
|
}
|
|
12415
|
-
|
|
12416
|
-
|
|
12929
|
+
|
|
12930
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
|
|
12931
|
+
padding: var(--base-size-36);
|
|
12932
|
+
padding-block: var(--base-size-48);
|
|
12417
12933
|
}
|
|
12418
|
-
}
|
|
12419
12934
|
|
|
12420
|
-
/* Regular */
|
|
12421
|
-
@media screen and (min-width: 48rem) {
|
|
12422
12935
|
.Primer_Brand__CTABanner-module__CTABanner-container--background___v1yTH {
|
|
12423
12936
|
background-color: var(--brand-CTABanner-regular-background-color, var(--brand-CTABanner-background-color));
|
|
12424
12937
|
background-image: var(--brand-CTABanner-regular-background-image-src, var(--brand-CTABanner-background-image-src));
|
|
@@ -12430,6 +12943,28 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12430
12943
|
}
|
|
12431
12944
|
}
|
|
12432
12945
|
|
|
12946
|
+
/* Large breakpoint and up */
|
|
12947
|
+
@media screen and (min-width: 63.25rem) {
|
|
12948
|
+
.Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
|
|
12949
|
+
gap: var(--base-size-24);
|
|
12950
|
+
}
|
|
12951
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
|
|
12952
|
+
gap: var(--base-size-16);
|
|
12953
|
+
}
|
|
12954
|
+
.Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
|
|
12955
|
+
padding: var(--base-size-96) var(--base-size-64);
|
|
12956
|
+
max-width: 100%;
|
|
12957
|
+
}
|
|
12958
|
+
|
|
12959
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
|
|
12960
|
+
padding: var(--base-size-64);
|
|
12961
|
+
}
|
|
12962
|
+
|
|
12963
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
|
|
12964
|
+
padding: var(--base-size-64);
|
|
12965
|
+
}
|
|
12966
|
+
}
|
|
12967
|
+
|
|
12433
12968
|
/* Wide */
|
|
12434
12969
|
@media screen and (min-width: 80rem) {
|
|
12435
12970
|
.Primer_Brand__CTABanner-module__CTABanner-container--background___v1yTH {
|
|
@@ -12444,6 +12979,17 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12444
12979
|
}
|
|
12445
12980
|
}
|
|
12446
12981
|
|
|
12982
|
+
.Primer_Brand__CTABanner-module__CTABanner-image___stI4S {
|
|
12983
|
+
width: 100%;
|
|
12984
|
+
height: auto;
|
|
12985
|
+
}
|
|
12986
|
+
|
|
12987
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-image___stI4S {
|
|
12988
|
+
max-width: 476px;
|
|
12989
|
+
width: 100%;
|
|
12990
|
+
height: auto;
|
|
12991
|
+
}
|
|
12992
|
+
|
|
12447
12993
|
.Primer_Brand__ListItem-module__ListItem___aFf5u {
|
|
12448
12994
|
display: flex;
|
|
12449
12995
|
align-items: flex-start;
|
|
@@ -12541,7 +13087,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12541
13087
|
|
|
12542
13088
|
/**
|
|
12543
13089
|
* Do not edit directly
|
|
12544
|
-
* Generated on
|
|
13090
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
12545
13091
|
*/
|
|
12546
13092
|
|
|
12547
13093
|
:root,
|
|
@@ -12705,7 +13251,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12705
13251
|
|
|
12706
13252
|
/**
|
|
12707
13253
|
* Do not edit directly
|
|
12708
|
-
* Generated on
|
|
13254
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
12709
13255
|
*/
|
|
12710
13256
|
|
|
12711
13257
|
:root,
|
|
@@ -13013,7 +13559,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
13013
13559
|
|
|
13014
13560
|
/**
|
|
13015
13561
|
* Do not edit directly
|
|
13016
|
-
* Generated on
|
|
13562
|
+
* Generated on Wed, 25 Feb 2026 15:01:07 GMT
|
|
13017
13563
|
*/
|
|
13018
13564
|
|
|
13019
13565
|
:root {
|
|
@@ -13049,7 +13595,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
13049
13595
|
|
|
13050
13596
|
/**
|
|
13051
13597
|
* Do not edit directly
|
|
13052
|
-
* Generated on
|
|
13598
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
13053
13599
|
*/
|
|
13054
13600
|
|
|
13055
13601
|
:root,
|
|
@@ -13117,7 +13663,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
13117
13663
|
|
|
13118
13664
|
/**
|
|
13119
13665
|
* Do not edit directly
|
|
13120
|
-
* Generated on
|
|
13666
|
+
* Generated on Wed, 25 Feb 2026 15:01:07 GMT
|
|
13121
13667
|
*/
|
|
13122
13668
|
|
|
13123
13669
|
:root {
|
|
@@ -13128,7 +13674,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
13128
13674
|
|
|
13129
13675
|
/**
|
|
13130
13676
|
* Do not edit directly
|
|
13131
|
-
* Generated on
|
|
13677
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
13132
13678
|
*/
|
|
13133
13679
|
|
|
13134
13680
|
:root,
|
|
@@ -13473,7 +14019,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
13473
14019
|
|
|
13474
14020
|
/**
|
|
13475
14021
|
* Do not edit directly
|
|
13476
|
-
* Generated on
|
|
14022
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
13477
14023
|
*/
|
|
13478
14024
|
|
|
13479
14025
|
:root,
|
|
@@ -14314,7 +14860,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14314
14860
|
|
|
14315
14861
|
/**
|
|
14316
14862
|
* Do not edit directly
|
|
14317
|
-
* Generated on
|
|
14863
|
+
* Generated on Wed, 25 Feb 2026 15:01:07 GMT
|
|
14318
14864
|
*/
|
|
14319
14865
|
|
|
14320
14866
|
:root {
|
|
@@ -14325,7 +14871,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14325
14871
|
|
|
14326
14872
|
/**
|
|
14327
14873
|
* Do not edit directly
|
|
14328
|
-
* Generated on
|
|
14874
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
14329
14875
|
*/
|
|
14330
14876
|
|
|
14331
14877
|
:root,
|
|
@@ -14824,7 +15370,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14824
15370
|
|
|
14825
15371
|
/**
|
|
14826
15372
|
* Do not edit directly
|
|
14827
|
-
* Generated on
|
|
15373
|
+
* Generated on Wed, 25 Feb 2026 15:01:07 GMT
|
|
14828
15374
|
*/
|
|
14829
15375
|
|
|
14830
15376
|
:root {
|
|
@@ -14844,7 +15390,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14844
15390
|
|
|
14845
15391
|
/**
|
|
14846
15392
|
* Do not edit directly
|
|
14847
|
-
* Generated on
|
|
15393
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
14848
15394
|
*/
|
|
14849
15395
|
|
|
14850
15396
|
:root,
|
|
@@ -14880,7 +15426,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14880
15426
|
|
|
14881
15427
|
/**
|
|
14882
15428
|
* Do not edit directly
|
|
14883
|
-
* Generated on
|
|
15429
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
14884
15430
|
*/
|
|
14885
15431
|
|
|
14886
15432
|
:root,
|
|
@@ -14904,7 +15450,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14904
15450
|
|
|
14905
15451
|
/**
|
|
14906
15452
|
* Do not edit directly
|
|
14907
|
-
* Generated on
|
|
15453
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
14908
15454
|
*/
|
|
14909
15455
|
|
|
14910
15456
|
:root {
|
|
@@ -15377,7 +15923,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15377
15923
|
|
|
15378
15924
|
/**
|
|
15379
15925
|
* Do not edit directly
|
|
15380
|
-
* Generated on
|
|
15926
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
15381
15927
|
*/
|
|
15382
15928
|
|
|
15383
15929
|
:root,
|
|
@@ -15391,7 +15937,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15391
15937
|
|
|
15392
15938
|
/**
|
|
15393
15939
|
* Do not edit directly
|
|
15394
|
-
* Generated on
|
|
15940
|
+
* Generated on Wed, 25 Feb 2026 15:01:07 GMT
|
|
15395
15941
|
*/
|
|
15396
15942
|
|
|
15397
15943
|
:root {
|
|
@@ -15405,7 +15951,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15405
15951
|
|
|
15406
15952
|
/**
|
|
15407
15953
|
* Do not edit directly
|
|
15408
|
-
* Generated on
|
|
15954
|
+
* Generated on Wed, 25 Feb 2026 15:01:07 GMT
|
|
15409
15955
|
*/
|
|
15410
15956
|
|
|
15411
15957
|
:root {
|
|
@@ -17581,7 +18127,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
17581
18127
|
|
|
17582
18128
|
/**
|
|
17583
18129
|
* Do not edit directly
|
|
17584
|
-
* Generated on
|
|
18130
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
17585
18131
|
*/
|
|
17586
18132
|
|
|
17587
18133
|
:root {
|
|
@@ -17605,7 +18151,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
17605
18151
|
|
|
17606
18152
|
/**
|
|
17607
18153
|
* Do not edit directly
|
|
17608
|
-
* Generated on
|
|
18154
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
17609
18155
|
*/
|
|
17610
18156
|
|
|
17611
18157
|
:root,
|
|
@@ -18040,7 +18586,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18040
18586
|
|
|
18041
18587
|
/**
|
|
18042
18588
|
* Do not edit directly
|
|
18043
|
-
* Generated on
|
|
18589
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
18044
18590
|
*/
|
|
18045
18591
|
|
|
18046
18592
|
:root {
|
|
@@ -18056,7 +18602,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18056
18602
|
|
|
18057
18603
|
/**
|
|
18058
18604
|
* Do not edit directly
|
|
18059
|
-
* Generated on
|
|
18605
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
18060
18606
|
*/
|
|
18061
18607
|
|
|
18062
18608
|
:root,
|
|
@@ -18560,7 +19106,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18560
19106
|
|
|
18561
19107
|
/**
|
|
18562
19108
|
* Do not edit directly
|
|
18563
|
-
* Generated on
|
|
19109
|
+
* Generated on Wed, 25 Feb 2026 15:01:07 GMT
|
|
18564
19110
|
*/
|
|
18565
19111
|
|
|
18566
19112
|
:root {
|
|
@@ -18569,21 +19115,23 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18569
19115
|
|
|
18570
19116
|
/**
|
|
18571
19117
|
* Do not edit directly
|
|
18572
|
-
* Generated on
|
|
19118
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
18573
19119
|
*/
|
|
18574
19120
|
|
|
18575
19121
|
:root,
|
|
18576
19122
|
[data-color-mode="light"] {
|
|
19123
|
+
--brand-SubNav-bgColor: var(--brand-color-canvas-default);
|
|
18577
19124
|
--brand-SubNav-color-link-rest: var(--brand-color-text-default);
|
|
18578
19125
|
--brand-SubNav-color-link-active: var(--brand-color-text-default);
|
|
18579
|
-
--brand-SubNav-color-
|
|
19126
|
+
--brand-SubNav-color-link-bgColor: #e4ebe6;
|
|
18580
19127
|
--brand-SubNav-shadow: 0px 100px 80px rgba(0, 0, 0, 0.01), 0px 41px 33px rgba(0, 0, 0, 0.02), 0px 22px 17px rgba(0, 0, 0, 0.02), 0px 12px 10px rgba(0, 0, 0, 0.03), 0px 6px 5px rgba(0, 0, 0, 0.04), 0px 2px 2px rgba(0, 0, 0, 0.07);
|
|
18581
19128
|
}
|
|
18582
19129
|
|
|
18583
19130
|
[data-color-mode="dark"] {
|
|
19131
|
+
--brand-SubNav-bgColor: var(--brand-color-canvas-default);
|
|
18584
19132
|
--brand-SubNav-color-link-rest: var(--brand-color-text-default);
|
|
18585
19133
|
--brand-SubNav-color-link-active: var(--brand-color-text-default);
|
|
18586
|
-
--brand-SubNav-color-
|
|
19134
|
+
--brand-SubNav-color-link-bgColor: #323834;
|
|
18587
19135
|
--brand-SubNav-shadow: 0px 100px 80px rgba(0, 0, 0, 0.01), 0px 41px 33px rgba(0, 0, 0, 0.02), 0px 22px 17px rgba(0, 0, 0, 0.02), 0px 12px 10px rgba(0, 0, 0, 0.03), 0px 6px 5px rgba(0, 0, 0, 0.04), 0px 2px 2px rgba(0, 0, 0, 0.07);
|
|
18588
19136
|
}
|
|
18589
19137
|
|
|
@@ -18591,6 +19139,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18591
19139
|
position: absolute;
|
|
18592
19140
|
width: 100%;
|
|
18593
19141
|
z-index: 2;
|
|
19142
|
+
border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
18594
19143
|
}
|
|
18595
19144
|
|
|
18596
19145
|
.Primer_Brand__SubNav-module__SubNav__container--with-anchor-nav___y6aE7 {
|
|
@@ -18599,11 +19148,15 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18599
19148
|
position: relative;
|
|
18600
19149
|
}
|
|
18601
19150
|
|
|
19151
|
+
.Primer_Brand__SubNav-module__SubNav__container--with-anchor-nav___y6aE7 .Primer_Brand__SubNav-module__SubNav___dVoQu {
|
|
19152
|
+
border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
19153
|
+
}
|
|
19154
|
+
|
|
18602
19155
|
.Primer_Brand__SubNav-module__SubNav___dVoQu {
|
|
18603
19156
|
width: 100%;
|
|
18604
19157
|
display: flex;
|
|
18605
|
-
padding: var(--base-size-16);
|
|
18606
19158
|
z-index: 1;
|
|
19159
|
+
background-color: var(--brand-SubNav-bgColor);
|
|
18607
19160
|
}
|
|
18608
19161
|
|
|
18609
19162
|
[data-color-mode='dark'] .Primer_Brand__SubNav-module__SubNav___dVoQu {
|
|
@@ -18611,16 +19164,21 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18611
19164
|
-moz-osx-font-smoothing: grayscale;
|
|
18612
19165
|
}
|
|
18613
19166
|
|
|
18614
|
-
.Primer_Brand__SubNav-module__SubNav__heading___MAxf6
|
|
19167
|
+
.Primer_Brand__SubNav-module__SubNav__heading___MAxf6,
|
|
19168
|
+
.Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp {
|
|
18615
19169
|
display: block;
|
|
18616
|
-
font-
|
|
19170
|
+
font-size: calc(var(--base-size-16) - 1px); /* One-off override to match design */
|
|
19171
|
+
line-height: calc(var(--base-size-16) - 1px); /* One-off override to match design */
|
|
19172
|
+
font-weight: var(--brand-text-subhead-weight-medium);
|
|
18617
19173
|
color: var(--brand-color-text-default);
|
|
18618
19174
|
font-family: var(--brand-heading-fontFamily);
|
|
18619
19175
|
-webkit-text-decoration: none;
|
|
18620
19176
|
text-decoration: none;
|
|
18621
19177
|
}
|
|
18622
19178
|
|
|
18623
|
-
.Primer_Brand__SubNav-module__SubNav__heading___MAxf6:hover
|
|
19179
|
+
.Primer_Brand__SubNav-module__SubNav__heading___MAxf6:hover,
|
|
19180
|
+
.Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp:hover,
|
|
19181
|
+
.Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
|
|
18624
19182
|
color: var(--brand-color-text-muted);
|
|
18625
19183
|
-webkit-text-decoration: none !important;
|
|
18626
19184
|
text-decoration: none !important; /* dotcom override */
|
|
@@ -18631,10 +19189,17 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18631
19189
|
}
|
|
18632
19190
|
|
|
18633
19191
|
.Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
|
|
19192
|
+
min-height: 60px;
|
|
18634
19193
|
position: relative;
|
|
18635
19194
|
z-index: 9998;
|
|
18636
|
-
display:
|
|
18637
|
-
|
|
19195
|
+
display: flex;
|
|
19196
|
+
align-items: center;
|
|
19197
|
+
padding: var(--base-size-16);
|
|
19198
|
+
border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
19199
|
+
}
|
|
19200
|
+
|
|
19201
|
+
.Primer_Brand__SubNav-module__SubNav__heading-container___jlouG + .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
|
|
19202
|
+
padding-inline-start: var(--base-size-24);
|
|
18638
19203
|
}
|
|
18639
19204
|
|
|
18640
19205
|
.Primer_Brand__SubNav-module__SubNav--has-shadow___jkyC7 {
|
|
@@ -18672,16 +19237,6 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18672
19237
|
display: none;
|
|
18673
19238
|
}
|
|
18674
19239
|
|
|
18675
|
-
.Primer_Brand__SubNav-module__SubNav__heading-separator___M5xJp {
|
|
18676
|
-
position: relative;
|
|
18677
|
-
top: 0;
|
|
18678
|
-
color: var(--brand-color-text-muted);
|
|
18679
|
-
min-width: var(--base-size-8);
|
|
18680
|
-
min-height: var(--base-size-16);
|
|
18681
|
-
display: inline-flex;
|
|
18682
|
-
align-items: center;
|
|
18683
|
-
}
|
|
18684
|
-
|
|
18685
19240
|
/*
|
|
18686
19241
|
* Anchor Nav Submenu
|
|
18687
19242
|
*/
|
|
@@ -18734,8 +19289,8 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18734
19289
|
|
|
18735
19290
|
.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG {
|
|
18736
19291
|
display: flex;
|
|
18737
|
-
padding-block
|
|
18738
|
-
|
|
19292
|
+
padding-block: var(--base-size-12);
|
|
19293
|
+
border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
18739
19294
|
}
|
|
18740
19295
|
|
|
18741
19296
|
.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__sub-menu-list___aBVGd {
|
|
@@ -18746,28 +19301,20 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18746
19301
|
gap: var(--base-size-20);
|
|
18747
19302
|
}
|
|
18748
19303
|
|
|
18749
|
-
.Primer_Brand__SubNav-
|
|
18750
|
-
|
|
18751
|
-
}
|
|
18752
|
-
|
|
18753
|
-
.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__link--is-in-view___GqmLc .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
|
|
18754
|
-
.Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
|
|
18755
|
-
.Primer_Brand__SubNav-module__SubNav__link___VBkrZ:focus-visible .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
|
|
18756
|
-
.Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
|
|
18757
|
-
opacity: 1;
|
|
18758
|
-
transform: scale(0.8, 1);
|
|
19304
|
+
.Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
|
|
19305
|
+
font-weight: 450; /* FIXME: unsupported in our font weight primitives */
|
|
18759
19306
|
}
|
|
18760
19307
|
|
|
18761
|
-
.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__link
|
|
18762
|
-
|
|
18763
|
-
|
|
18764
|
-
|
|
19308
|
+
.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
|
|
19309
|
+
padding: var(--base-size-6) var(--base-size-12);
|
|
19310
|
+
background-color: transparent;
|
|
19311
|
+
border-radius: var(--brand-borderRadius-full);
|
|
19312
|
+
transition: background-color var(--brand-animation-duration-default) var(--brand-animation-easing-default),
|
|
19313
|
+
color var(--brand-animation-duration-default) var(--brand-animation-easing-default);
|
|
18765
19314
|
}
|
|
18766
19315
|
|
|
18767
|
-
.Primer_Brand__SubNav-
|
|
18768
|
-
|
|
18769
|
-
border-color: var(--brand-color-text-default);
|
|
18770
|
-
opacity: 1;
|
|
19316
|
+
.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__link--is-in-view___GqmLc .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
|
|
19317
|
+
background-color: var(--brand-SubNav-color-link-bgColor);
|
|
18771
19318
|
}
|
|
18772
19319
|
|
|
18773
19320
|
.Primer_Brand__SubNav-module__SubNav__link___VBkrZ:focus-visible .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
|
|
@@ -18775,37 +19322,14 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18775
19322
|
opacity: 0;
|
|
18776
19323
|
}
|
|
18777
19324
|
|
|
18778
|
-
.Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
|
|
18779
19325
|
.Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) * {
|
|
18780
19326
|
color: var(--brand-SubNav-color-link-active);
|
|
18781
19327
|
-webkit-text-decoration: none !important;
|
|
18782
19328
|
text-decoration: none !important; /* dotcom override */
|
|
18783
19329
|
}
|
|
18784
19330
|
|
|
18785
|
-
.Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
|
|
18786
|
-
.Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp::after {
|
|
18787
|
-
content: '';
|
|
18788
|
-
position: absolute;
|
|
18789
|
-
bottom: calc(var(--base-size-2) * -1);
|
|
18790
|
-
left: 0;
|
|
18791
|
-
width: 100%;
|
|
18792
|
-
height: 2px;
|
|
18793
|
-
border-width: 2px;
|
|
18794
|
-
border-bottom: var(--base-size-2) solid var(--brand-color-text-muted);
|
|
18795
|
-
transition: opacity var(--brand-animation-duration-fast), transform var(--brand-animation-duration-fast),
|
|
18796
|
-
border-color var(--brand-animation-duration-fast);
|
|
18797
|
-
opacity: 1;
|
|
18798
|
-
transform: scale(0);
|
|
18799
|
-
transform-origin: center;
|
|
18800
|
-
}
|
|
18801
|
-
|
|
18802
|
-
.Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
|
|
18803
|
-
border-color: var(--brand-color-text-default);
|
|
18804
|
-
}
|
|
18805
|
-
|
|
18806
19331
|
.Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
|
|
18807
19332
|
transition: color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);
|
|
18808
|
-
color: var(--brand-SubNav-color-link-active);
|
|
18809
19333
|
}
|
|
18810
19334
|
|
|
18811
19335
|
.Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
|
|
@@ -18863,6 +19387,18 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18863
19387
|
display: block;
|
|
18864
19388
|
}
|
|
18865
19389
|
|
|
19390
|
+
.Primer_Brand__SubNav-module__SubNav--open___xWq0D .Primer_Brand__SubNav-module__SubNav--header-container-outer___tneuD {
|
|
19391
|
+
display: flex;
|
|
19392
|
+
flex-direction: column;
|
|
19393
|
+
max-height: 100dvh;
|
|
19394
|
+
max-height: var(--subnav-available-height, 100dvh);
|
|
19395
|
+
overflow: hidden;
|
|
19396
|
+
}
|
|
19397
|
+
|
|
19398
|
+
.Primer_Brand__SubNav-module__SubNav--open___xWq0D .Primer_Brand__SubNav-module__SubNav__header-container___heD5O {
|
|
19399
|
+
flex-shrink: 0;
|
|
19400
|
+
}
|
|
19401
|
+
|
|
18866
19402
|
.Primer_Brand__SubNav-module__SubNav--open___xWq0D + .Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container___sfhEf {
|
|
18867
19403
|
z-index: -1;
|
|
18868
19404
|
}
|
|
@@ -18882,6 +19418,8 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18882
19418
|
display: flex;
|
|
18883
19419
|
width: 100%;
|
|
18884
19420
|
white-space: pre;
|
|
19421
|
+
position: relative;
|
|
19422
|
+
z-index: 9998;
|
|
18885
19423
|
}
|
|
18886
19424
|
|
|
18887
19425
|
.Primer_Brand__SubNav-module__SubNav__heading-separator___M5xJp {
|
|
@@ -18897,49 +19435,55 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18897
19435
|
justify-content: center;
|
|
18898
19436
|
z-index: 9998;
|
|
18899
19437
|
display: none;
|
|
19438
|
+
padding-inline: var(--base-size-8);
|
|
18900
19439
|
}
|
|
18901
19440
|
|
|
18902
19441
|
.Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA {
|
|
18903
19442
|
display: flex;
|
|
18904
19443
|
flex-direction: column;
|
|
18905
19444
|
gap: var(--base-size-8);
|
|
18906
|
-
padding-block
|
|
18907
|
-
|
|
18908
|
-
|
|
18909
|
-
|
|
18910
|
-
|
|
18911
|
-
border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
|
|
18912
|
-
margin-block-start: var(--base-size-16);
|
|
19445
|
+
padding-block: var(--base-size-16);
|
|
19446
|
+
border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
19447
|
+
justify-content: flex-start;
|
|
19448
|
+
overflow-y: auto;
|
|
19449
|
+
min-height: 0;
|
|
18913
19450
|
}
|
|
18914
19451
|
|
|
18915
19452
|
.Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
|
|
18916
19453
|
color: var(--brand-color-text-default);
|
|
18917
19454
|
}
|
|
18918
19455
|
|
|
18919
|
-
.Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
|
|
18920
|
-
color: var(--brand-color-text-muted);
|
|
18921
|
-
}
|
|
18922
|
-
|
|
18923
19456
|
.Primer_Brand__SubNav-module__SubNav__overlay-toggle___GY93X {
|
|
18924
|
-
background-color: transparent;
|
|
18925
|
-
border: none;
|
|
18926
|
-
cursor: pointer;
|
|
18927
19457
|
display: flex;
|
|
18928
19458
|
position: relative;
|
|
18929
19459
|
width: 100%;
|
|
18930
|
-
order: 1;
|
|
18931
19460
|
z-index: 9999;
|
|
18932
|
-
padding: 0;
|
|
18933
19461
|
justify-content: flex-end;
|
|
19462
|
+
padding-inline-end: var(--base-size-16);
|
|
18934
19463
|
}
|
|
18935
19464
|
|
|
18936
19465
|
.Primer_Brand__SubNav-module__SubNav--has-sub-heading___YxW9a:not(.Primer_Brand__SubNav-module__SubNav--subHeadingActive___AxXKr) .Primer_Brand__SubNav-module__SubNav__overlay-toggle___GY93X {
|
|
18937
|
-
|
|
19466
|
+
border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
19467
|
+
display: block;
|
|
19468
|
+
padding-block: var(--base-size-12);
|
|
19469
|
+
margin-block: 0;
|
|
18938
19470
|
}
|
|
18939
19471
|
|
|
18940
19472
|
.Primer_Brand__SubNav-module__SubNav__overlay-toggle-content___GYAh4 {
|
|
18941
|
-
justify-content: space-between;
|
|
18942
19473
|
width: 100%;
|
|
19474
|
+
padding-inline-start: var(--base-size-16);
|
|
19475
|
+
}
|
|
19476
|
+
|
|
19477
|
+
.Primer_Brand__SubNav-module__SubNav__overlay-toggle-label___J0P2K {
|
|
19478
|
+
background-color: var(--brand-SubNav-color-link-bgColor);
|
|
19479
|
+
border: none;
|
|
19480
|
+
border-radius: var(--brand-borderRadius-full);
|
|
19481
|
+
padding: var(--base-size-4) var(--base-size-12);
|
|
19482
|
+
gap: var(--base-size-6);
|
|
19483
|
+
display: flex;
|
|
19484
|
+
align-items: center;
|
|
19485
|
+
cursor: pointer;
|
|
19486
|
+
font: inherit;
|
|
18943
19487
|
}
|
|
18944
19488
|
|
|
18945
19489
|
.Primer_Brand__SubNav-module__SubNav--full-width___ZqqXq .Primer_Brand__SubNav-module__SubNav__overlay-toggle___GY93X {
|
|
@@ -18961,10 +19505,26 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18961
19505
|
color: var(--brand-SubNav-color-link-active);
|
|
18962
19506
|
}
|
|
18963
19507
|
|
|
19508
|
+
.Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ {
|
|
19509
|
+
padding: var(--base-size-8);
|
|
19510
|
+
}
|
|
19511
|
+
|
|
19512
|
+
.Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) {
|
|
19513
|
+
display: inline-block;
|
|
19514
|
+
background-color: var(--brand-SubNav-color-link-bgColor);
|
|
19515
|
+
border-radius: var(--brand-borderRadius-full);
|
|
19516
|
+
padding: var(--base-size-2) var(--base-size-12) var(--base-size-4);
|
|
19517
|
+
margin-inline-start: var(--base-size-8);
|
|
19518
|
+
}
|
|
19519
|
+
|
|
19520
|
+
.Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover {
|
|
19521
|
+
background-color: var(--brand-SubNav-color-link-bgColor);
|
|
19522
|
+
border-radius: var(--brand-borderRadius-medium);
|
|
19523
|
+
}
|
|
19524
|
+
|
|
18964
19525
|
.Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ,
|
|
18965
19526
|
.Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__action-container___lgC_T {
|
|
18966
19527
|
display: block;
|
|
18967
|
-
padding: var(--base-size-8) 0;
|
|
18968
19528
|
animation: Primer_Brand__SubNav-module__fade-in___t8Rrr 0.3s var(--brand-animation-easing-glide) forwards;
|
|
18969
19529
|
}
|
|
18970
19530
|
|
|
@@ -18985,6 +19545,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18985
19545
|
padding: 0;
|
|
18986
19546
|
margin: 0;
|
|
18987
19547
|
padding-inline-start: var(--base-size-16);
|
|
19548
|
+
padding-block-start: var(--base-size-8);
|
|
18988
19549
|
}
|
|
18989
19550
|
|
|
18990
19551
|
.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
|
|
@@ -19016,8 +19577,6 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19016
19577
|
}
|
|
19017
19578
|
|
|
19018
19579
|
.Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
|
|
19019
|
-
font-size: var(--brand-text-size-200);
|
|
19020
|
-
font-weight: var(--base-text-weight-medium);
|
|
19021
19580
|
padding-block-end: var(--base-size-6);
|
|
19022
19581
|
}
|
|
19023
19582
|
|
|
@@ -19041,19 +19600,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19041
19600
|
display: block;
|
|
19042
19601
|
white-space: pre;
|
|
19043
19602
|
position: relative;
|
|
19044
|
-
|
|
19045
|
-
|
|
19046
|
-
.Primer_Brand__SubNav-module__SubNav___dVoQu .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
|
|
19047
|
-
opacity: 0;
|
|
19048
|
-
transform: scale(0);
|
|
19049
|
-
bottom: 0;
|
|
19050
|
-
}
|
|
19051
|
-
|
|
19052
|
-
.Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
|
|
19053
|
-
.Primer_Brand__SubNav-module__SubNav__link___VBkrZ:focus-visible .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
|
|
19054
|
-
.Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
|
|
19055
|
-
opacity: 1;
|
|
19056
|
-
transform: scale(1);
|
|
19603
|
+
top: var(--base-size-2);
|
|
19057
19604
|
}
|
|
19058
19605
|
}
|
|
19059
19606
|
|
|
@@ -19075,7 +19622,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19075
19622
|
.Primer_Brand__SubNav-module__SubNav__heading___MAxf6:focus-visible,
|
|
19076
19623
|
.Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp:focus-visible,
|
|
19077
19624
|
.Primer_Brand__SubNav-module__SubNav__sub-menu-toggle___FvvL9:focus-visible,
|
|
19078
|
-
.Primer_Brand__SubNav-module__SubNav__overlay-
|
|
19625
|
+
.Primer_Brand__SubNav-module__SubNav__overlay-toggle-label___J0P2K:focus-visible {
|
|
19079
19626
|
outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
|
|
19080
19627
|
outline-offset: var(--base-size-2);
|
|
19081
19628
|
}
|
|
@@ -19086,20 +19633,24 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19086
19633
|
white-space: nowrap;
|
|
19087
19634
|
}
|
|
19088
19635
|
|
|
19089
|
-
.Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp[aria-current]:not([aria-current='false'])
|
|
19090
|
-
|
|
19091
|
-
border
|
|
19092
|
-
|
|
19093
|
-
|
|
19094
|
-
}
|
|
19095
|
-
|
|
19096
|
-
.Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp:focus-visible::after {
|
|
19097
|
-
opacity: 0;
|
|
19636
|
+
.Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp[aria-current]:not([aria-current='false']) {
|
|
19637
|
+
background-color: var(--brand-SubNav-color-link-bgColor);
|
|
19638
|
+
border: none;
|
|
19639
|
+
border-radius: var(--brand-borderRadius-full);
|
|
19640
|
+
padding: var(--base-size-6) var(--base-size-12);
|
|
19098
19641
|
}
|
|
19099
19642
|
|
|
19100
19643
|
@media screen and (min-width: 48rem) {
|
|
19101
|
-
.Primer_Brand__SubNav-
|
|
19102
|
-
padding: var(--base-size-
|
|
19644
|
+
.Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
|
|
19645
|
+
padding-inline: var(--base-size-24);
|
|
19646
|
+
}
|
|
19647
|
+
|
|
19648
|
+
.Primer_Brand__SubNav-module__SubNav__overlay-toggle-content___GYAh4 {
|
|
19649
|
+
padding-inline-start: var(--base-size-24);
|
|
19650
|
+
}
|
|
19651
|
+
|
|
19652
|
+
.Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA {
|
|
19653
|
+
padding: var(--base-size-24);
|
|
19103
19654
|
}
|
|
19104
19655
|
|
|
19105
19656
|
.Primer_Brand__SubNav-module__SubNav--full-width___ZqqXq {
|
|
@@ -19121,16 +19672,24 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19121
19672
|
|
|
19122
19673
|
@media screen and (min-width: 63.25rem) {
|
|
19123
19674
|
.Primer_Brand__SubNav-module__SubNav___dVoQu {
|
|
19124
|
-
padding: var(--base-size-16) var(--base-size-32);
|
|
19125
19675
|
align-items: center;
|
|
19126
19676
|
display: flex;
|
|
19127
19677
|
z-index: 92;
|
|
19678
|
+
padding-inline: var(--base-size-32);
|
|
19679
|
+
}
|
|
19680
|
+
|
|
19681
|
+
.Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA {
|
|
19682
|
+
padding: 0;
|
|
19128
19683
|
}
|
|
19129
19684
|
|
|
19130
19685
|
.Primer_Brand__SubNav-module__SubNav___dVoQu:has(+ .Primer_Brand__SubNav-module__SubNav__anchor-menu-container___TNidG) {
|
|
19131
19686
|
padding-block-end: 0;
|
|
19132
19687
|
}
|
|
19133
19688
|
|
|
19689
|
+
.Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
|
|
19690
|
+
padding-inline-start: 0;
|
|
19691
|
+
}
|
|
19692
|
+
|
|
19134
19693
|
.Primer_Brand__SubNav-module__SubNav--full-width___ZqqXq {
|
|
19135
19694
|
padding-inline: 0;
|
|
19136
19695
|
}
|
|
@@ -19143,11 +19702,6 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19143
19702
|
padding-block-end: 1px;
|
|
19144
19703
|
}
|
|
19145
19704
|
|
|
19146
|
-
.Primer_Brand__SubNav-module__SubNav__heading___MAxf6 {
|
|
19147
|
-
font-size: calc(var(--base-size-20) - 2px);
|
|
19148
|
-
line-height: var(--base-size-24);
|
|
19149
|
-
}
|
|
19150
|
-
|
|
19151
19705
|
.Primer_Brand__SubNav-module__SubNav__heading-separator___M5xJp {
|
|
19152
19706
|
margin-inline-end: var(--base-size-20);
|
|
19153
19707
|
display: inline-flex;
|
|
@@ -19163,26 +19717,18 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19163
19717
|
align-items: center;
|
|
19164
19718
|
}
|
|
19165
19719
|
|
|
19166
|
-
.Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
|
|
19167
|
-
margin-inline-end: var(--base-size-20);
|
|
19168
|
-
}
|
|
19169
|
-
|
|
19170
19720
|
.Primer_Brand__SubNav-module__SubNav__header-container___heD5O {
|
|
19171
19721
|
display: flex;
|
|
19172
19722
|
align-items: center;
|
|
19173
19723
|
}
|
|
19174
19724
|
|
|
19175
|
-
.Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp {
|
|
19176
|
-
font-size: var(--brand-text-size-100);
|
|
19177
|
-
line-height: var(--brand-text-lineHeight-100);
|
|
19178
|
-
}
|
|
19179
|
-
|
|
19180
19725
|
.Primer_Brand__SubNav-module__SubNav__links-overlay___CnpND {
|
|
19181
19726
|
align-items: center;
|
|
19182
19727
|
display: flex;
|
|
19183
|
-
gap: var(--base-size-
|
|
19728
|
+
gap: var(--base-size-2);
|
|
19184
19729
|
z-index: 92;
|
|
19185
19730
|
flex-grow: 1;
|
|
19731
|
+
padding-inline-start: var(--base-size-24);
|
|
19186
19732
|
}
|
|
19187
19733
|
|
|
19188
19734
|
.Primer_Brand__SubNav-module__SubNav__link___VBkrZ {
|
|
@@ -19190,7 +19736,8 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19190
19736
|
text-decoration: none !important; /* dotcom override */
|
|
19191
19737
|
transition: color 0.2s var(--brand-animation-easing-glide);
|
|
19192
19738
|
position: relative;
|
|
19193
|
-
padding: var(--base-size-4)
|
|
19739
|
+
padding: var(--base-size-4) var(--base-size-12);
|
|
19740
|
+
border-radius: var(--brand-borderRadius-full);
|
|
19194
19741
|
}
|
|
19195
19742
|
|
|
19196
19743
|
.Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
|
|
@@ -19215,24 +19762,20 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19215
19762
|
|
|
19216
19763
|
.Primer_Brand__SubNav-module__SubNav__sub-menu___UENed.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN {
|
|
19217
19764
|
background-clip: padding-box;
|
|
19218
|
-
background-color: var(--brand-
|
|
19219
|
-
border:
|
|
19220
|
-
border: var(--
|
|
19221
|
-
border-radius: 0.375rem;
|
|
19222
|
-
border-radius: var(--brand-borderRadius-xlarge, 0.375rem);
|
|
19223
|
-
box-shadow: var(--shadow-floating-legacy, var(--color-shadow-large));
|
|
19765
|
+
background-color: var(--brand-color-canvas-default);
|
|
19766
|
+
border: var(--brand-color-border-muted) solid var(--brand-borderWidth-thin);
|
|
19767
|
+
border-radius: var(--brand-borderRadius-medium);
|
|
19224
19768
|
left: 0;
|
|
19225
19769
|
list-style: none;
|
|
19226
19770
|
margin-block-start: var(--base-size-8);
|
|
19227
|
-
padding: var(--base-size-
|
|
19228
|
-
padding-inline-end: var(--base-size-24);
|
|
19771
|
+
padding: var(--base-size-8);
|
|
19229
19772
|
position: absolute;
|
|
19230
|
-
top:
|
|
19773
|
+
top: 90%;
|
|
19231
19774
|
z-index: 9998;
|
|
19232
19775
|
transition-timing-function: var(--brand-animation-easing-glide);
|
|
19233
19776
|
transition-duration: var(--brand-animation-duration-fast);
|
|
19234
19777
|
transition-property: opacity, transform;
|
|
19235
|
-
left:
|
|
19778
|
+
left: var(--base-size-4);
|
|
19236
19779
|
visibility: hidden;
|
|
19237
19780
|
opacity: 0;
|
|
19238
19781
|
transform: scale(0.99) translateY(-0.7em) translateX(-8px);
|
|
@@ -19247,7 +19790,6 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19247
19790
|
visibility: visible;
|
|
19248
19791
|
opacity: 1;
|
|
19249
19792
|
transform: scale(1) translateY(0) translateX(-8px);
|
|
19250
|
-
box-shadow: var(--brand-SubNav-shadow);
|
|
19251
19793
|
}
|
|
19252
19794
|
|
|
19253
19795
|
.Primer_Brand__SubNav-module__SubNav__sub-menu-toggle___FvvL9 {
|
|
@@ -19269,10 +19811,6 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19269
19811
|
display: block;
|
|
19270
19812
|
}
|
|
19271
19813
|
|
|
19272
|
-
.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
|
|
19273
|
-
color: var(--brand-color-text-default) !important;
|
|
19274
|
-
}
|
|
19275
|
-
|
|
19276
19814
|
.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
|
|
19277
19815
|
opacity: 1;
|
|
19278
19816
|
transform: scale(0);
|
|
@@ -19291,18 +19829,53 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19291
19829
|
padding: var(--base-size-4) 0;
|
|
19292
19830
|
}
|
|
19293
19831
|
|
|
19294
|
-
/* Show
|
|
19295
|
-
.Primer_Brand__SubNav-module__SubNav__link--has-sub-
|
|
19296
|
-
|
|
19297
|
-
|
|
19298
|
-
|
|
19299
|
-
|
|
19832
|
+
/* Show pill on submenu parent */
|
|
19833
|
+
.Primer_Brand__SubNav-module__SubNav__link--has-active-sub-menu___T8fLN {
|
|
19834
|
+
background-color: var(--brand-SubNav-color-link-bgColor);
|
|
19835
|
+
border-radius: var(--brand-borderRadius-full);
|
|
19836
|
+
padding: 0 var(--base-size-8) 0 0;
|
|
19837
|
+
gap: 0;
|
|
19300
19838
|
}
|
|
19301
19839
|
|
|
19302
|
-
.Primer_Brand__SubNav-module__SubNav__link--has-sub-
|
|
19303
|
-
|
|
19304
|
-
|
|
19305
|
-
|
|
19840
|
+
.Primer_Brand__SubNav-module__SubNav__link--has-active-sub-menu___T8fLN > .Primer_Brand__SubNav-module__SubNav__link___VBkrZ {
|
|
19841
|
+
padding: var(--base-size-4) 0 var(--base-size-4) var(--base-size-12);
|
|
19842
|
+
}
|
|
19843
|
+
|
|
19844
|
+
.Primer_Brand__SubNav-module__SubNav__sub-menu___UENed.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN .Primer_Brand__SubNav-module__SubNav__link___VBkrZ {
|
|
19845
|
+
padding: var(--base-size-12);
|
|
19846
|
+
}
|
|
19847
|
+
|
|
19848
|
+
/* Active link pill styling */
|
|
19849
|
+
.Primer_Brand__SubNav-module__SubNav__links-overlay___CnpND .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) {
|
|
19850
|
+
background-color: var(--brand-SubNav-color-link-bgColor);
|
|
19851
|
+
line-height: 1.1em;
|
|
19852
|
+
}
|
|
19853
|
+
|
|
19854
|
+
/* Firefox optical alignment fix */
|
|
19855
|
+
@supports (-moz-appearance: none) {
|
|
19856
|
+
.Primer_Brand__SubNav-module__SubNav__links-overlay___CnpND
|
|
19857
|
+
.Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW
|
|
19858
|
+
.Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false'])
|
|
19859
|
+
.Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
|
|
19860
|
+
top: 0;
|
|
19861
|
+
}
|
|
19862
|
+
}
|
|
19863
|
+
|
|
19864
|
+
.Primer_Brand__SubNav-module__SubNav__links-overlay___CnpND .Primer_Brand__SubNav-module__SubNav__link--has-active-sub-menu___T8fLN .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) {
|
|
19865
|
+
padding-inline-end: var(--base-size-4);
|
|
19866
|
+
}
|
|
19867
|
+
|
|
19868
|
+
.Primer_Brand__SubNav-module__SubNav__sub-menu___UENed.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) {
|
|
19869
|
+
background-color: transparent;
|
|
19870
|
+
border-radius: var(--brand-borderRadius-medium);
|
|
19871
|
+
padding: var(--base-size-4) var(--base-size-8) var(--base-size-4) var(--base-size-12);
|
|
19872
|
+
top: auto;
|
|
19873
|
+
top: initial;
|
|
19874
|
+
}
|
|
19875
|
+
|
|
19876
|
+
.Primer_Brand__SubNav-module__SubNav__sub-menu___UENed.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover {
|
|
19877
|
+
background-color: var(--brand-SubNav-color-link-bgColor);
|
|
19878
|
+
border-radius: var(--brand-borderRadius-medium);
|
|
19306
19879
|
}
|
|
19307
19880
|
|
|
19308
19881
|
.Primer_Brand__SubNav-module__SubNav__sub-menu-icon___XxnxY {
|
|
@@ -19311,10 +19884,6 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19311
19884
|
transition: transform var(--brand-animation-duration-fast);
|
|
19312
19885
|
}
|
|
19313
19886
|
|
|
19314
|
-
.Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW:hover .Primer_Brand__SubNav-module__SubNav__sub-menu-icon___XxnxY {
|
|
19315
|
-
transform: translateY(2px);
|
|
19316
|
-
}
|
|
19317
|
-
|
|
19318
19887
|
.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG {
|
|
19319
19888
|
padding-inline: var(--base-size-32);
|
|
19320
19889
|
}
|
|
@@ -19352,7 +19921,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19352
19921
|
|
|
19353
19922
|
/**
|
|
19354
19923
|
* Do not edit directly
|
|
19355
|
-
* Generated on
|
|
19924
|
+
* Generated on Wed, 25 Feb 2026 15:01:07 GMT
|
|
19356
19925
|
*/
|
|
19357
19926
|
|
|
19358
19927
|
:root {
|
|
@@ -19361,7 +19930,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19361
19930
|
|
|
19362
19931
|
/**
|
|
19363
19932
|
* Do not edit directly
|
|
19364
|
-
* Generated on
|
|
19933
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
19365
19934
|
*/
|
|
19366
19935
|
|
|
19367
19936
|
:root,
|
|
@@ -19857,7 +20426,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
19857
20426
|
|
|
19858
20427
|
/**
|
|
19859
20428
|
* Do not edit directly
|
|
19860
|
-
* Generated on
|
|
20429
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
19861
20430
|
*/
|
|
19862
20431
|
|
|
19863
20432
|
:root,
|
|
@@ -19956,7 +20525,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
19956
20525
|
|
|
19957
20526
|
/**
|
|
19958
20527
|
* Do not edit directly
|
|
19959
|
-
* Generated on
|
|
20528
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
19960
20529
|
*/
|
|
19961
20530
|
|
|
19962
20531
|
:root,
|
|
@@ -20334,7 +20903,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
20334
20903
|
|
|
20335
20904
|
/**
|
|
20336
20905
|
* Do not edit directly
|
|
20337
|
-
* Generated on
|
|
20906
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
20338
20907
|
*/
|
|
20339
20908
|
|
|
20340
20909
|
:root,
|
|
@@ -20348,7 +20917,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
20348
20917
|
|
|
20349
20918
|
/**
|
|
20350
20919
|
* Do not edit directly
|
|
20351
|
-
* Generated on
|
|
20920
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
20352
20921
|
*/
|
|
20353
20922
|
|
|
20354
20923
|
:root {
|
|
@@ -20535,7 +21104,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
20535
21104
|
|
|
20536
21105
|
/**
|
|
20537
21106
|
* Do not edit directly
|
|
20538
|
-
* Generated on
|
|
21107
|
+
* Generated on Wed, 25 Feb 2026 15:01:07 GMT
|
|
20539
21108
|
*/
|
|
20540
21109
|
|
|
20541
21110
|
:root {
|
|
@@ -20819,7 +21388,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
20819
21388
|
|
|
20820
21389
|
/**
|
|
20821
21390
|
* Do not edit directly
|
|
20822
|
-
* Generated on
|
|
21391
|
+
* Generated on Wed, 25 Feb 2026 15:01:07 GMT
|
|
20823
21392
|
*/
|
|
20824
21393
|
|
|
20825
21394
|
:root {
|
|
@@ -20830,7 +21399,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
20830
21399
|
|
|
20831
21400
|
/**
|
|
20832
21401
|
* Do not edit directly
|
|
20833
|
-
* Generated on
|
|
21402
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
20834
21403
|
*/
|
|
20835
21404
|
|
|
20836
21405
|
:root,
|
|
@@ -20968,7 +21537,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
20968
21537
|
|
|
20969
21538
|
/**
|
|
20970
21539
|
* Do not edit directly
|
|
20971
|
-
* Generated on
|
|
21540
|
+
* Generated on Wed, 25 Feb 2026 15:01:07 GMT
|
|
20972
21541
|
*/
|
|
20973
21542
|
|
|
20974
21543
|
:root {
|
|
@@ -20977,7 +21546,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
20977
21546
|
|
|
20978
21547
|
/**
|
|
20979
21548
|
* Do not edit directly
|
|
20980
|
-
* Generated on
|
|
21549
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
20981
21550
|
*/
|
|
20982
21551
|
|
|
20983
21552
|
:root,
|
|
@@ -21221,3 +21790,223 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
21221
21790
|
}
|
|
21222
21791
|
}
|
|
21223
21792
|
|
|
21793
|
+
/**
|
|
21794
|
+
* Do not edit directly
|
|
21795
|
+
* Generated on Wed, 25 Feb 2026 15:01:08 GMT
|
|
21796
|
+
*/
|
|
21797
|
+
|
|
21798
|
+
:root,
|
|
21799
|
+
[data-color-mode="light"] {
|
|
21800
|
+
--brand-tiles-bgColor-rest: #fafafa;
|
|
21801
|
+
--brand-tiles-bgColor-hover: #f2f5f3;
|
|
21802
|
+
--brand-tiles-highlightColor: #08872b;
|
|
21803
|
+
}
|
|
21804
|
+
|
|
21805
|
+
[data-color-mode="dark"] {
|
|
21806
|
+
--brand-tiles-bgColor-rest: #090d0a;
|
|
21807
|
+
--brand-tiles-bgColor-hover: #101411;
|
|
21808
|
+
--brand-tiles-highlightColor: #5fed83;
|
|
21809
|
+
}
|
|
21810
|
+
|
|
21811
|
+
.Primer_Brand__Tiles-module__Tiles___z9bH9 {
|
|
21812
|
+
width: 100%;
|
|
21813
|
+
color: var(--brand-color-text-default);
|
|
21814
|
+
}
|
|
21815
|
+
|
|
21816
|
+
.Primer_Brand__Tiles-module__Tiles-grid___PVssB {
|
|
21817
|
+
--tiles-columns: 2;
|
|
21818
|
+
display: flex;
|
|
21819
|
+
flex-wrap: wrap;
|
|
21820
|
+
justify-content: center;
|
|
21821
|
+
list-style: none;
|
|
21822
|
+
margin: 0;
|
|
21823
|
+
padding: 0;
|
|
21824
|
+
}
|
|
21825
|
+
|
|
21826
|
+
@media screen and (min-width: 48rem) {
|
|
21827
|
+
.Primer_Brand__Tiles-module__Tiles--layout-default___UIRQE .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
|
|
21828
|
+
--tiles-columns: 4;
|
|
21829
|
+
}
|
|
21830
|
+
}
|
|
21831
|
+
|
|
21832
|
+
@media screen and (min-width: 63.25rem) {
|
|
21833
|
+
.Primer_Brand__Tiles-module__Tiles--layout-default___UIRQE .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
|
|
21834
|
+
--tiles-columns: 6;
|
|
21835
|
+
}
|
|
21836
|
+
}
|
|
21837
|
+
|
|
21838
|
+
@media screen and (min-width: 48rem) {
|
|
21839
|
+
.Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
|
|
21840
|
+
--tiles-columns: 4;
|
|
21841
|
+
}
|
|
21842
|
+
}
|
|
21843
|
+
|
|
21844
|
+
@media screen and (min-width: 63.25rem) {
|
|
21845
|
+
.Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
|
|
21846
|
+
--tiles-columns: 8;
|
|
21847
|
+
}
|
|
21848
|
+
}
|
|
21849
|
+
|
|
21850
|
+
.Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah {
|
|
21851
|
+
position: relative;
|
|
21852
|
+
}
|
|
21853
|
+
|
|
21854
|
+
.Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah::before,
|
|
21855
|
+
.Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah::after {
|
|
21856
|
+
content: '';
|
|
21857
|
+
position: absolute;
|
|
21858
|
+
left: 50%;
|
|
21859
|
+
transform: translateX(-50%);
|
|
21860
|
+
width: 100vw;
|
|
21861
|
+
height: 0;
|
|
21862
|
+
border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
21863
|
+
}
|
|
21864
|
+
|
|
21865
|
+
.Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah::before {
|
|
21866
|
+
top: 0;
|
|
21867
|
+
}
|
|
21868
|
+
|
|
21869
|
+
.Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah::after {
|
|
21870
|
+
bottom: 0;
|
|
21871
|
+
}
|
|
21872
|
+
|
|
21873
|
+
.Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
|
|
21874
|
+
position: relative;
|
|
21875
|
+
padding-right: var(--brand-borderWidth-thin);
|
|
21876
|
+
padding-bottom: var(--brand-borderWidth-thin);
|
|
21877
|
+
}
|
|
21878
|
+
|
|
21879
|
+
.Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah .Primer_Brand__Tiles-module__Tiles-grid___PVssB::before,
|
|
21880
|
+
.Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah .Primer_Brand__Tiles-module__Tiles-grid___PVssB::after {
|
|
21881
|
+
content: '';
|
|
21882
|
+
position: absolute;
|
|
21883
|
+
top: 0;
|
|
21884
|
+
bottom: 0;
|
|
21885
|
+
width: 0;
|
|
21886
|
+
border-left: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
21887
|
+
z-index: 1;
|
|
21888
|
+
pointer-events: none;
|
|
21889
|
+
}
|
|
21890
|
+
|
|
21891
|
+
.Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah .Primer_Brand__Tiles-module__Tiles-grid___PVssB::before {
|
|
21892
|
+
left: 0;
|
|
21893
|
+
}
|
|
21894
|
+
|
|
21895
|
+
.Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah .Primer_Brand__Tiles-module__Tiles-grid___PVssB::after {
|
|
21896
|
+
right: 0;
|
|
21897
|
+
}
|
|
21898
|
+
|
|
21899
|
+
.Primer_Brand__Tiles-module__Tiles-item___NtPvv {
|
|
21900
|
+
--tiles-inset-shadow: inset 0 0 0 transparent;
|
|
21901
|
+
position: relative;
|
|
21902
|
+
display: flex;
|
|
21903
|
+
flex-direction: column;
|
|
21904
|
+
width: calc(100% / var(--tiles-columns));
|
|
21905
|
+
box-sizing: border-box;
|
|
21906
|
+
background-color: var(--brand-tiles-bgColor-rest);
|
|
21907
|
+
border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
21908
|
+
border-left: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
21909
|
+
box-shadow: var(--brand-borderWidth-thin) 0 0 0 var(--brand-color-border-muted),
|
|
21910
|
+
0 var(--brand-borderWidth-thin) 0 0 var(--brand-color-border-muted), inset 0 0 0 transparent;
|
|
21911
|
+
box-shadow: var(--brand-borderWidth-thin) 0 0 0 var(--brand-color-border-muted),
|
|
21912
|
+
0 var(--brand-borderWidth-thin) 0 0 var(--brand-color-border-muted), var(--tiles-inset-shadow);
|
|
21913
|
+
transition: background-color var(--brand-animation-duration-faster) var(--brand-animation-easing-default),
|
|
21914
|
+
box-shadow var(--brand-animation-duration-faster) var(--brand-animation-easing-default);
|
|
21915
|
+
}
|
|
21916
|
+
|
|
21917
|
+
.Primer_Brand__Tiles-module__Tiles-item___NtPvv:has(.Primer_Brand__Tiles-module__Tiles-item-link___OhYck):hover,
|
|
21918
|
+
.Primer_Brand__Tiles-module__Tiles-item___NtPvv:has(.Primer_Brand__Tiles-module__Tiles-item-link___OhYck):focus-within {
|
|
21919
|
+
--tiles-inset-shadow: inset 0 var(--base-size-2) 0 var(--brand-tiles-highlightColor);
|
|
21920
|
+
background-color: var(--brand-tiles-bgColor-hover);
|
|
21921
|
+
}
|
|
21922
|
+
|
|
21923
|
+
.Primer_Brand__Tiles-module__Tiles-item-link___OhYck {
|
|
21924
|
+
display: flex;
|
|
21925
|
+
width: 100%;
|
|
21926
|
+
flex: 1;
|
|
21927
|
+
-webkit-text-decoration: none;
|
|
21928
|
+
text-decoration: none;
|
|
21929
|
+
color: inherit;
|
|
21930
|
+
}
|
|
21931
|
+
|
|
21932
|
+
.Primer_Brand__Tiles-module__Tiles-item-link___OhYck:focus-visible {
|
|
21933
|
+
outline: var(--base-size-4) solid var(--brand-color-focus);
|
|
21934
|
+
outline-offset: calc(-1 * var(--base-size-4));
|
|
21935
|
+
border-radius: var(--brand-borderRadius-small);
|
|
21936
|
+
}
|
|
21937
|
+
|
|
21938
|
+
.Primer_Brand__Tiles-module__Tiles-item-content___m7HiY {
|
|
21939
|
+
position: relative;
|
|
21940
|
+
display: flex;
|
|
21941
|
+
align-items: center;
|
|
21942
|
+
justify-content: center;
|
|
21943
|
+
width: 100%;
|
|
21944
|
+
aspect-ratio: 1;
|
|
21945
|
+
}
|
|
21946
|
+
|
|
21947
|
+
.Primer_Brand__Tiles-module__Tiles-item-media___BLrcU {
|
|
21948
|
+
display: flex;
|
|
21949
|
+
align-items: center;
|
|
21950
|
+
justify-content: center;
|
|
21951
|
+
}
|
|
21952
|
+
|
|
21953
|
+
.Primer_Brand__Tiles-module__Tiles-item-media___BLrcU svg,
|
|
21954
|
+
.Primer_Brand__Tiles-module__Tiles-item-media___BLrcU img {
|
|
21955
|
+
width: auto;
|
|
21956
|
+
height: var(--base-size-40);
|
|
21957
|
+
max-width: 100%;
|
|
21958
|
+
}
|
|
21959
|
+
|
|
21960
|
+
.Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-media___BLrcU svg,
|
|
21961
|
+
.Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-media___BLrcU img {
|
|
21962
|
+
height: var(--base-size-32);
|
|
21963
|
+
}
|
|
21964
|
+
|
|
21965
|
+
.Primer_Brand__Tiles-module__Tiles-item-label___nnmkF {
|
|
21966
|
+
position: absolute;
|
|
21967
|
+
bottom: 0;
|
|
21968
|
+
left: 0;
|
|
21969
|
+
right: 0;
|
|
21970
|
+
display: flex;
|
|
21971
|
+
align-items: center;
|
|
21972
|
+
justify-content: space-between;
|
|
21973
|
+
gap: var(--base-size-4);
|
|
21974
|
+
padding: var(--base-size-12) var(--base-size-16);
|
|
21975
|
+
}
|
|
21976
|
+
|
|
21977
|
+
.Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-label___nnmkF {
|
|
21978
|
+
opacity: 0;
|
|
21979
|
+
transform: translateY(var(--base-size-4));
|
|
21980
|
+
transition: opacity var(--brand-animation-duration-fast) var(--brand-animation-easing-default),
|
|
21981
|
+
transform var(--brand-animation-duration-fast) var(--brand-animation-easing-default);
|
|
21982
|
+
pointer-events: none;
|
|
21983
|
+
}
|
|
21984
|
+
|
|
21985
|
+
.Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-link___OhYck:hover .Primer_Brand__Tiles-module__Tiles-item-label___nnmkF,
|
|
21986
|
+
.Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-link___OhYck:focus-visible .Primer_Brand__Tiles-module__Tiles-item-label___nnmkF {
|
|
21987
|
+
opacity: 1;
|
|
21988
|
+
transform: translateY(0);
|
|
21989
|
+
}
|
|
21990
|
+
|
|
21991
|
+
.Primer_Brand__Tiles-module__Tiles-item-name___DHlvN {
|
|
21992
|
+
white-space: nowrap;
|
|
21993
|
+
overflow: hidden;
|
|
21994
|
+
text-overflow: ellipsis;
|
|
21995
|
+
min-width: 0;
|
|
21996
|
+
}
|
|
21997
|
+
|
|
21998
|
+
.Primer_Brand__Tiles-module__Tiles-item-icon___HpkyN {
|
|
21999
|
+
flex-shrink: 0;
|
|
22000
|
+
color: var(--brand-color-text-default);
|
|
22001
|
+
}
|
|
22002
|
+
|
|
22003
|
+
@media (prefers-reduced-motion: reduce) {
|
|
22004
|
+
.Primer_Brand__Tiles-module__Tiles-item___NtPvv {
|
|
22005
|
+
transition: none;
|
|
22006
|
+
}
|
|
22007
|
+
|
|
22008
|
+
.Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-label___nnmkF {
|
|
22009
|
+
transition: none;
|
|
22010
|
+
}
|
|
22011
|
+
}
|
|
22012
|
+
|