@primer/react-brand 0.64.1-rc.9bfb4676 → 0.65.0-rc.0275476a
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/Accordion/Accordion.d.ts +3 -0
- 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/FAQ/FAQ.d.ts +5 -2
- package/lib/FAQ/FAQGroup.d.ts +2 -1
- package/lib/Grid/Grid.d.ts +25 -1
- package/lib/Hero/HeroContext.d.ts +1 -1
- package/lib/IDE/IDE.d.ts +10 -0
- package/lib/LogoSuite/LogoSuite.d.ts +11 -1
- 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 +1664 -436
- 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 +9 -5
- 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 +7 -3
- package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +4 -2
- 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 -7
- package/lib/design-tokens/css/tokens/functional/components/logosuite/colors-with-modes.css +3 -3
- package/lib/design-tokens/css/tokens/functional/components/logosuite/colors.css +2 -2
- 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 +16 -6
- 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 +3 -3
- 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 +4 -2
- 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 +2 -2
- 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 +4 -2
- 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 +2 -2
- 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 +8 -4
- package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +8 -4
- 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 +2 -2
- 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 20:43:43 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 20:43:42 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 20:43:42 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 20:43:43 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 20:43:42 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 20:43:42 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 20:43:43 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 20:43:43 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 20:43:43 GMT
|
|
702
702
|
*/
|
|
703
703
|
|
|
704
704
|
:root,
|
|
@@ -713,13 +713,26 @@ html {
|
|
|
713
713
|
.Primer_Brand__Grid-module__Grid___q48mT {
|
|
714
714
|
display: grid;
|
|
715
715
|
grid-template-columns: repeat(12, minmax(0, 1fr));
|
|
716
|
-
grid-row-gap: var(--brand-Grid-spacing-row);
|
|
717
|
-
grid-column-gap: var(--brand-Grid-spacing-column-gap);
|
|
718
|
-
padding-inline: var(--brand-Grid-spacing-margin);
|
|
719
716
|
max-width: 1280px;
|
|
720
717
|
margin: 0 auto;
|
|
721
718
|
}
|
|
722
719
|
|
|
720
|
+
.Primer_Brand__Grid-module__Grid--columnGap-default___NxZ0V {
|
|
721
|
+
grid-column-gap: var(--brand-Grid-spacing-column-gap);
|
|
722
|
+
}
|
|
723
|
+
|
|
724
|
+
.Primer_Brand__Grid-module__Grid--columnGap-none___Qh5GF {
|
|
725
|
+
grid-column-gap: 0;
|
|
726
|
+
}
|
|
727
|
+
|
|
728
|
+
.Primer_Brand__Grid-module__Grid--rowGap-default___X5kJS {
|
|
729
|
+
grid-row-gap: var(--brand-Grid-spacing-row);
|
|
730
|
+
}
|
|
731
|
+
|
|
732
|
+
.Primer_Brand__Grid-module__Grid--rowGap-none___WSM_k {
|
|
733
|
+
grid-row-gap: 0;
|
|
734
|
+
}
|
|
735
|
+
|
|
723
736
|
.Primer_Brand__Grid-module__Grid--full-width___pIgWW {
|
|
724
737
|
width: 100%;
|
|
725
738
|
max-width: none;
|
|
@@ -743,6 +756,10 @@ html {
|
|
|
743
756
|
min-height: var(--base-size-24);
|
|
744
757
|
}
|
|
745
758
|
|
|
759
|
+
.Primer_Brand__Grid-module__Grid--has-gutters___KoJD2 {
|
|
760
|
+
padding-inline: var(--brand-Grid-spacing-margin);
|
|
761
|
+
}
|
|
762
|
+
|
|
746
763
|
/**
|
|
747
764
|
* Non-responsive, default values
|
|
748
765
|
*/
|
|
@@ -1454,7 +1471,7 @@ html {
|
|
|
1454
1471
|
|
|
1455
1472
|
/**
|
|
1456
1473
|
* Do not edit directly
|
|
1457
|
-
* Generated on
|
|
1474
|
+
* Generated on Wed, 25 Feb 2026 20:43:42 GMT
|
|
1458
1475
|
*/
|
|
1459
1476
|
|
|
1460
1477
|
:root {
|
|
@@ -1762,7 +1779,7 @@ html {
|
|
|
1762
1779
|
|
|
1763
1780
|
/**
|
|
1764
1781
|
* Do not edit directly
|
|
1765
|
-
* Generated on
|
|
1782
|
+
* Generated on Wed, 25 Feb 2026 20:43:42 GMT
|
|
1766
1783
|
*/
|
|
1767
1784
|
|
|
1768
1785
|
:root {
|
|
@@ -6138,7 +6155,7 @@ html {
|
|
|
6138
6155
|
.Primer_Brand__Hero-module__Hero-label___exV9w {
|
|
6139
6156
|
text-transform: uppercase;
|
|
6140
6157
|
letter-spacing: 1px;
|
|
6141
|
-
margin-block-end: var(--base-size-
|
|
6158
|
+
margin-block-end: var(--base-size-16);
|
|
6142
6159
|
display: flex;
|
|
6143
6160
|
align-items: center;
|
|
6144
6161
|
}
|
|
@@ -6148,6 +6165,12 @@ html {
|
|
|
6148
6165
|
max-width: 924px;
|
|
6149
6166
|
}
|
|
6150
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
|
+
|
|
6151
6174
|
.Primer_Brand__Hero-module__Hero-heading--fullWidth___Q3N1y {
|
|
6152
6175
|
max-width: none;
|
|
6153
6176
|
max-width: initial;
|
|
@@ -6742,7 +6765,7 @@ html {
|
|
|
6742
6765
|
|
|
6743
6766
|
/**
|
|
6744
6767
|
* Do not edit directly
|
|
6745
|
-
* Generated on
|
|
6768
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
6746
6769
|
*/
|
|
6747
6770
|
|
|
6748
6771
|
:root,
|
|
@@ -7079,7 +7102,7 @@ html {
|
|
|
7079
7102
|
|
|
7080
7103
|
/**
|
|
7081
7104
|
* Do not edit directly
|
|
7082
|
-
* Generated on
|
|
7105
|
+
* Generated on Wed, 25 Feb 2026 20:43:42 GMT
|
|
7083
7106
|
*/
|
|
7084
7107
|
|
|
7085
7108
|
:root {
|
|
@@ -7385,7 +7408,7 @@ html {
|
|
|
7385
7408
|
|
|
7386
7409
|
/**
|
|
7387
7410
|
* Do not edit directly
|
|
7388
|
-
* Generated on
|
|
7411
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
7389
7412
|
*/
|
|
7390
7413
|
|
|
7391
7414
|
:root,
|
|
@@ -7401,7 +7424,7 @@ html {
|
|
|
7401
7424
|
|
|
7402
7425
|
/**
|
|
7403
7426
|
* Do not edit directly
|
|
7404
|
-
* Generated on
|
|
7427
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
7405
7428
|
*/
|
|
7406
7429
|
|
|
7407
7430
|
:root,
|
|
@@ -7666,9 +7689,14 @@ html {
|
|
|
7666
7689
|
}
|
|
7667
7690
|
}
|
|
7668
7691
|
|
|
7692
|
+
.Primer_Brand__EyebrowText-module__EyebrowText___YZHDa {
|
|
7693
|
+
text-transform: uppercase;
|
|
7694
|
+
letter-spacing: var(--brand-text-letterSpacing-100);
|
|
7695
|
+
}
|
|
7696
|
+
|
|
7669
7697
|
/**
|
|
7670
7698
|
* Do not edit directly
|
|
7671
|
-
* Generated on
|
|
7699
|
+
* Generated on Wed, 25 Feb 2026 20:43:42 GMT
|
|
7672
7700
|
*/
|
|
7673
7701
|
|
|
7674
7702
|
:root {
|
|
@@ -7679,30 +7707,45 @@ html {
|
|
|
7679
7707
|
|
|
7680
7708
|
/**
|
|
7681
7709
|
* Do not edit directly
|
|
7682
|
-
* Generated on
|
|
7710
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
7683
7711
|
*/
|
|
7684
7712
|
|
|
7685
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);
|
|
7686
7718
|
--brand-RiverBreakout-spacing-inner: var(--base-size-40);
|
|
7687
|
-
--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);
|
|
7688
7722
|
--brand-River-spacing-innerY: var(--base-size-24);
|
|
7689
|
-
--brand-River-spacing-inner: var(--base-size-
|
|
7723
|
+
--brand-River-spacing-inner: var(--base-size-40);
|
|
7690
7724
|
}
|
|
7691
7725
|
|
|
7692
7726
|
@media (min-width: 768px) {
|
|
7693
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);
|
|
7694
7732
|
--brand-RiverBreakout-spacing-inner: var(--base-size-48);
|
|
7695
7733
|
--brand-River-spacing-innerY: var(--base-size-24);
|
|
7696
|
-
--brand-River-spacing-inner: var(--base-size-36);
|
|
7697
7734
|
}
|
|
7698
7735
|
}
|
|
7699
7736
|
|
|
7700
7737
|
@media (min-width: 1280px) {
|
|
7701
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);
|
|
7702
7743
|
--brand-RiverBreakout-spacing-inner: var(--base-size-64);
|
|
7703
|
-
--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);
|
|
7704
7747
|
--brand-River-spacing-innerY: var(--base-size-32);
|
|
7705
|
-
--brand-River-spacing-inner: var(--base-size-
|
|
7748
|
+
--brand-River-spacing-inner: var(--base-size-24);
|
|
7706
7749
|
}
|
|
7707
7750
|
}
|
|
7708
7751
|
|
|
@@ -7711,8 +7754,48 @@ html {
|
|
|
7711
7754
|
grid-gap: var(--brand-River-spacing-inner);
|
|
7712
7755
|
gap: var(--brand-River-spacing-inner);
|
|
7713
7756
|
grid-auto-rows: min-content;
|
|
7714
|
-
padding-
|
|
7715
|
-
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
|
+
}
|
|
7716
7799
|
}
|
|
7717
7800
|
|
|
7718
7801
|
.Primer_Brand__river-shared-module__River--align-center___VxJ3H {
|
|
@@ -7741,12 +7824,62 @@ html {
|
|
|
7741
7824
|
box-shadow: var(--brand-River-visual-shadow);
|
|
7742
7825
|
}
|
|
7743
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
|
+
|
|
7744
7877
|
.Primer_Brand__river-shared-module__River__heading___tl6zS {
|
|
7745
7878
|
margin-bottom: var(--brand-River-heading-margin);
|
|
7746
7879
|
}
|
|
7747
7880
|
|
|
7748
7881
|
.Primer_Brand__river-shared-module__River__call-to-action___yeIFh {
|
|
7749
|
-
margin-top: var(--base-size-
|
|
7882
|
+
margin-top: var(--base-size-20);
|
|
7750
7883
|
}
|
|
7751
7884
|
|
|
7752
7885
|
.Primer_Brand__river-shared-module__River__text___TQQhU strong,
|
|
@@ -7755,6 +7888,36 @@ html {
|
|
|
7755
7888
|
color: var(--brand-color-text-default);
|
|
7756
7889
|
}
|
|
7757
7890
|
|
|
7891
|
+
.Primer_Brand__river-shared-module__River__heading___tl6zS code,
|
|
7892
|
+
.Primer_Brand__river-shared-module__River__text___TQQhU code {
|
|
7893
|
+
font-size: inherit;
|
|
7894
|
+
font-family: var(--brand-fontStack-monospace) !important;
|
|
7895
|
+
background-color: var(--brand-color-canvas-subtle);
|
|
7896
|
+
padding: 0 var(--base-size-4) var(--base-size-2);
|
|
7897
|
+
margin-inline: var(--base-size-2);
|
|
7898
|
+
border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
|
|
7899
|
+
border-radius: var(--brand-borderRadius-small);
|
|
7900
|
+
box-shadow: var(--brand-borderWidth-thin) var(--brand-borderWidth-thin) 0 0 var(--brand-color-border-default);
|
|
7901
|
+
}
|
|
7902
|
+
|
|
7903
|
+
.Primer_Brand__river-shared-module__River__text___TQQhU code {
|
|
7904
|
+
padding: var(--base-size-2) var(--base-size-4) 0;
|
|
7905
|
+
}
|
|
7906
|
+
|
|
7907
|
+
.Primer_Brand__river-shared-module__River__heading-inner___HlgBo:has(code) {
|
|
7908
|
+
line-height: calc(1lh * 1.8);
|
|
7909
|
+
}
|
|
7910
|
+
|
|
7911
|
+
@media screen and (min-width: 64rem) {
|
|
7912
|
+
.Primer_Brand__river-shared-module__River__heading-inner___HlgBo:has(code) {
|
|
7913
|
+
line-height: calc(1lh * 2.1);
|
|
7914
|
+
}
|
|
7915
|
+
}
|
|
7916
|
+
|
|
7917
|
+
.Primer_Brand__river-shared-module__River__text___TQQhU:has(code) {
|
|
7918
|
+
line-height: calc(1lh * 1.1);
|
|
7919
|
+
}
|
|
7920
|
+
|
|
7758
7921
|
.Primer_Brand__river-shared-module__River__trailingComponent___bjdxv {
|
|
7759
7922
|
margin-block-start: var(--brand-River-spacing-inner);
|
|
7760
7923
|
}
|
|
@@ -7768,12 +7931,47 @@ html {
|
|
|
7768
7931
|
margin-block-end: var(--brand-River-label-margin);
|
|
7769
7932
|
}
|
|
7770
7933
|
|
|
7771
|
-
|
|
7772
|
-
|
|
7934
|
+
.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 {
|
|
7935
|
+
order: 1;
|
|
7936
|
+
}
|
|
7937
|
+
|
|
7938
|
+
.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 {
|
|
7939
|
+
order: 2;
|
|
7940
|
+
}
|
|
7941
|
+
|
|
7942
|
+
.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 {
|
|
7943
|
+
order: 1;
|
|
7944
|
+
}
|
|
7945
|
+
|
|
7946
|
+
.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 {
|
|
7947
|
+
order: 2;
|
|
7948
|
+
}
|
|
7949
|
+
|
|
7950
|
+
@media screen and (max-width: 63.24rem) {
|
|
7951
|
+
.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 {
|
|
7952
|
+
margin-block-start: calc(-1 * var(--brand-River-variant-gridline-spacing-outerBlock));
|
|
7953
|
+
}
|
|
7954
|
+
|
|
7955
|
+
.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 {
|
|
7956
|
+
margin-block-end: calc(-1 * var(--brand-River-variant-gridline-spacing-outerBlock));
|
|
7957
|
+
}
|
|
7958
|
+
|
|
7959
|
+
.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 {
|
|
7960
|
+
margin-block-start: calc(-1 * var(--brand-River-variant-gridline-spacing-outerBlock));
|
|
7961
|
+
}
|
|
7962
|
+
}
|
|
7963
|
+
|
|
7964
|
+
/* Large breakpoint and up */
|
|
7965
|
+
@media screen and (min-width: 63.25rem) {
|
|
7773
7966
|
.Primer_Brand__river-shared-module__River___eSXvR {
|
|
7774
7967
|
grid-template-rows: initial;
|
|
7775
7968
|
}
|
|
7776
7969
|
|
|
7970
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1 .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
|
|
7971
|
+
padding: var(--base-size-64);
|
|
7972
|
+
margin: 0;
|
|
7973
|
+
}
|
|
7974
|
+
|
|
7777
7975
|
.Primer_Brand__river-shared-module__River__content___p4EdY {
|
|
7778
7976
|
order: initial;
|
|
7779
7977
|
}
|
|
@@ -7798,12 +7996,37 @@ html {
|
|
|
7798
7996
|
grid-template-columns: [visual] 6fr [content] 4fr;
|
|
7799
7997
|
}
|
|
7800
7998
|
|
|
7999
|
+
.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 {
|
|
8000
|
+
margin-inline-start: calc(var(--base-size-80) + var(--base-size-8));
|
|
8001
|
+
}
|
|
8002
|
+
|
|
8003
|
+
.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 {
|
|
8004
|
+
margin-inline-end: calc(var(--base-size-80) + var(--base-size-8));
|
|
8005
|
+
}
|
|
8006
|
+
|
|
7801
8007
|
.Primer_Brand__river-shared-module__River__content___p4EdY {
|
|
7802
8008
|
display: grid;
|
|
7803
8009
|
align-content: center;
|
|
7804
8010
|
grid-area: content;
|
|
7805
8011
|
}
|
|
7806
8012
|
|
|
8013
|
+
.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,
|
|
8014
|
+
.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 {
|
|
8015
|
+
max-width: 400px;
|
|
8016
|
+
}
|
|
8017
|
+
|
|
8018
|
+
.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 {
|
|
8019
|
+
padding-inline-end: var(--base-size-128);
|
|
8020
|
+
}
|
|
8021
|
+
|
|
8022
|
+
.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 {
|
|
8023
|
+
padding-inline-start: var(--base-size-128);
|
|
8024
|
+
}
|
|
8025
|
+
|
|
8026
|
+
.Primer_Brand__river-shared-module__River__content--align-block-end___xI62E {
|
|
8027
|
+
align-content: end;
|
|
8028
|
+
}
|
|
8029
|
+
|
|
7807
8030
|
.Primer_Brand__river-shared-module__River__visual___kjFE2 {
|
|
7808
8031
|
grid-area: visual;
|
|
7809
8032
|
}
|
|
@@ -7831,21 +8054,90 @@ html {
|
|
|
7831
8054
|
.Primer_Brand__river-shared-module__River--align-center___VxJ3H .Primer_Brand__river-shared-module__River__content___p4EdY {
|
|
7832
8055
|
margin-top: var(--brand-River-spacing-inner);
|
|
7833
8056
|
}
|
|
7834
|
-
}
|
|
7835
8057
|
|
|
7836
|
-
|
|
7837
|
-
|
|
7838
|
-
|
|
7839
|
-
|
|
7840
|
-
|
|
8058
|
+
.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) {
|
|
8059
|
+
padding: 0;
|
|
8060
|
+
gap: 0;
|
|
8061
|
+
}
|
|
8062
|
+
|
|
8063
|
+
.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) {
|
|
8064
|
+
grid-template-columns: 1fr 1fr;
|
|
8065
|
+
}
|
|
8066
|
+
|
|
8067
|
+
.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) {
|
|
8068
|
+
grid-template-columns: 560fr 676fr;
|
|
7841
8069
|
}
|
|
7842
8070
|
|
|
7843
|
-
.Primer_Brand__river-shared-module__River--align-
|
|
8071
|
+
.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) {
|
|
8072
|
+
grid-template-columns: 676fr 560fr;
|
|
8073
|
+
}
|
|
8074
|
+
|
|
8075
|
+
.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 {
|
|
8076
|
+
padding-inline-start: var(--base-size-64);
|
|
8077
|
+
padding-inline-end: var(--brand-River-spacing-inner);
|
|
8078
|
+
padding-block: var(--brand-River-variant-gridline-spacing-outerBlock);
|
|
8079
|
+
}
|
|
8080
|
+
|
|
8081
|
+
.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 {
|
|
8082
|
+
padding-inline-end: calc(var(--base-size-80) + var(--base-size-32));
|
|
8083
|
+
}
|
|
8084
|
+
|
|
8085
|
+
.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 {
|
|
7844
8086
|
padding-inline-end: var(--base-size-128);
|
|
7845
8087
|
}
|
|
7846
8088
|
|
|
7847
|
-
.Primer_Brand__river-shared-module__River--align-end___aNjz4 .Primer_Brand__river-shared-module__River__content___p4EdY {
|
|
7848
|
-
padding-inline: var(--
|
|
8089
|
+
.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 {
|
|
8090
|
+
padding-inline-start: var(--brand-River-spacing-inner);
|
|
8091
|
+
padding-inline-end: var(--base-size-64);
|
|
8092
|
+
padding-block: var(--brand-River-variant-gridline-spacing-outerBlock);
|
|
8093
|
+
}
|
|
8094
|
+
|
|
8095
|
+
.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 {
|
|
8096
|
+
padding-inline-start: calc(var(--base-size-80) + var(--base-size-32));
|
|
8097
|
+
}
|
|
8098
|
+
|
|
8099
|
+
.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 {
|
|
8100
|
+
padding-inline-start: var(--base-size-128);
|
|
8101
|
+
}
|
|
8102
|
+
|
|
8103
|
+
.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 {
|
|
8104
|
+
padding-inline-end: var(--brand-River-spacing-inner);
|
|
8105
|
+
}
|
|
8106
|
+
|
|
8107
|
+
.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 {
|
|
8108
|
+
padding-inline-start: var(--brand-River-spacing-inner);
|
|
8109
|
+
}
|
|
8110
|
+
|
|
8111
|
+
.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 {
|
|
8112
|
+
margin-inline-start: 0;
|
|
8113
|
+
margin-inline-end: 0;
|
|
8114
|
+
}
|
|
8115
|
+
|
|
8116
|
+
.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) {
|
|
8117
|
+
padding: 0;
|
|
8118
|
+
}
|
|
8119
|
+
|
|
8120
|
+
.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 {
|
|
8121
|
+
width: 100%;
|
|
8122
|
+
margin: 0;
|
|
8123
|
+
}
|
|
8124
|
+
|
|
8125
|
+
.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 {
|
|
8126
|
+
margin-bottom: 0;
|
|
8127
|
+
}
|
|
8128
|
+
|
|
8129
|
+
.Primer_Brand__river-shared-module__River--variant-gridline___mq5R1.Primer_Brand__river-shared-module__River--align-center___VxJ3H {
|
|
8130
|
+
gap: 0;
|
|
8131
|
+
}
|
|
8132
|
+
|
|
8133
|
+
.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 {
|
|
8134
|
+
margin-top: 0;
|
|
8135
|
+
margin-bottom: var(--base-size-64);
|
|
8136
|
+
}
|
|
8137
|
+
|
|
8138
|
+
.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 {
|
|
8139
|
+
padding-inline: var(--brand-River-variant-gridline-spacing-outerInline);
|
|
8140
|
+
padding-block-start: var(--brand-River-variant-gridline-spacing-outerBlock);
|
|
7849
8141
|
}
|
|
7850
8142
|
}
|
|
7851
8143
|
|
|
@@ -7853,8 +8145,8 @@ html {
|
|
|
7853
8145
|
display: flex;
|
|
7854
8146
|
flex-direction: column;
|
|
7855
8147
|
gap: var(--brand-RiverBreakout-spacing-inner);
|
|
7856
|
-
padding-block-end: var(--brand-River-spacing-
|
|
7857
|
-
padding-block-start: var(--brand-River-spacing-
|
|
8148
|
+
padding-block-end: var(--brand-River-spacing-outerBlock);
|
|
8149
|
+
padding-block-start: var(--brand-River-spacing-outerBlock);
|
|
7858
8150
|
}
|
|
7859
8151
|
|
|
7860
8152
|
.Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__text___TQQhU {
|
|
@@ -7888,7 +8180,7 @@ html {
|
|
|
7888
8180
|
}
|
|
7889
8181
|
|
|
7890
8182
|
.Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__call-to-action___yeIFh {
|
|
7891
|
-
|
|
8183
|
+
padding-block-start: var(--base-size-12);
|
|
7892
8184
|
}
|
|
7893
8185
|
|
|
7894
8186
|
@media screen and (min-width: 48rem) {
|
|
@@ -7921,65 +8213,251 @@ html {
|
|
|
7921
8213
|
}
|
|
7922
8214
|
}
|
|
7923
8215
|
|
|
7924
|
-
.
|
|
7925
|
-
--ease: cubic-bezier(0.22, 0.56, 0.23, 0.89);
|
|
7926
|
-
-webkit-font-smoothing: antialiased;
|
|
7927
|
-
--stackDistance: calc(var(--base-size-24) * -1);
|
|
7928
|
-
|
|
7929
|
-
/* River visual (videos)
|
|
7930
|
-
* UL = unit-less, needed for division in certain scenarios
|
|
7931
|
-
*/
|
|
7932
|
-
--visualMaxWidth: 1032px;
|
|
7933
|
-
--visualMaxWidthUL: 1032;
|
|
7934
|
-
--visualMaxHeight: min(690px, 60vh);
|
|
7935
|
-
--visualMaxHeightUL: 690;
|
|
7936
|
-
--storyScrollPadding: min(32px, 5vw);
|
|
8216
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX {
|
|
7937
8217
|
position: relative;
|
|
8218
|
+
padding-inline: var(--brand-RiverBreakout-variant-gridline-spacing-outerInline);
|
|
8219
|
+
padding-block-start: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlock);
|
|
8220
|
+
padding-block-end: 0;
|
|
8221
|
+
gap: 0;
|
|
7938
8222
|
}
|
|
7939
|
-
|
|
7940
|
-
|
|
7941
|
-
|
|
7942
|
-
|
|
8223
|
+
|
|
8224
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX::before,
|
|
8225
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX::after {
|
|
8226
|
+
content: '';
|
|
8227
|
+
position: absolute;
|
|
8228
|
+
left: 50%;
|
|
8229
|
+
transform: translateX(-50%);
|
|
8230
|
+
width: 100vw;
|
|
8231
|
+
height: 0;
|
|
8232
|
+
border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
7943
8233
|
}
|
|
7944
8234
|
|
|
7945
|
-
|
|
7946
|
-
|
|
7947
|
-
--visualMaxHeight: 50vh;
|
|
7948
|
-
}
|
|
8235
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX::before {
|
|
8236
|
+
top: 0;
|
|
7949
8237
|
}
|
|
7950
8238
|
|
|
7951
|
-
|
|
7952
|
-
|
|
7953
|
-
--visualMaxHeight: 40vh;
|
|
7954
|
-
}
|
|
8239
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX::after {
|
|
8240
|
+
bottom: 0;
|
|
7955
8241
|
}
|
|
7956
8242
|
|
|
7957
|
-
|
|
7958
|
-
|
|
8243
|
+
@media screen and (min-width: 80rem) {
|
|
8244
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX {
|
|
8245
|
+
border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
8246
|
+
}
|
|
7959
8247
|
}
|
|
7960
8248
|
|
|
7961
|
-
.
|
|
7962
|
-
|
|
7963
|
-
left: 0;
|
|
7964
|
-
width: 100%;
|
|
8249
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual___kjFE2 {
|
|
8250
|
+
overflow: hidden;
|
|
7965
8251
|
}
|
|
7966
8252
|
|
|
7967
|
-
.
|
|
7968
|
-
margin-left: auto;
|
|
7969
|
-
margin-right: auto;
|
|
7970
|
-
width: auto;
|
|
7971
|
-
z-index: 10;
|
|
7972
|
-
position: relative;
|
|
8253
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--rounded___x1iTx {
|
|
7973
8254
|
border-radius: var(--brand-borderRadius-large);
|
|
7974
8255
|
}
|
|
7975
8256
|
|
|
7976
|
-
.
|
|
7977
|
-
|
|
7978
|
-
|
|
8257
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__content___p4EdY {
|
|
8258
|
+
padding-block-start: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlock);
|
|
8259
|
+
padding-block-end: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd);
|
|
8260
|
+
gap: var(--brand-RiverBreakout-variant-gridline-spacing-contentGap);
|
|
7979
8261
|
}
|
|
7980
8262
|
|
|
7981
|
-
.
|
|
7982
|
-
|
|
8263
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__call-to-action___yeIFh {
|
|
8264
|
+
padding-block-start: var(--base-size-12);
|
|
8265
|
+
}
|
|
8266
|
+
|
|
8267
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__trailingComponent--divider___q9hCY {
|
|
8268
|
+
padding-block-start: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlock);
|
|
8269
|
+
padding-block-end: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd);
|
|
8270
|
+
border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
8271
|
+
margin-inline: calc(-1 * var(--brand-RiverBreakout-variant-gridline-spacing-outerInline));
|
|
8272
|
+
padding-inline: var(--brand-RiverBreakout-variant-gridline-spacing-outerInline);
|
|
8273
|
+
}
|
|
8274
|
+
|
|
8275
|
+
/* Reset base RiverBreakout grid for gridline variant until desktop breakpoint */
|
|
8276
|
+
@media screen and (min-width: 48rem) and (max-width: 63.24rem) {
|
|
8277
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__content___p4EdY {
|
|
8278
|
+
display: flex;
|
|
8279
|
+
flex-direction: column;
|
|
8280
|
+
}
|
|
8281
|
+
|
|
8282
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__trailingComponent___bjdxv {
|
|
8283
|
+
margin-block-start: 0;
|
|
8284
|
+
}
|
|
8285
|
+
}
|
|
8286
|
+
|
|
8287
|
+
@media screen and (min-width: 63.25rem) {
|
|
8288
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX:has(.Primer_Brand__river-shared-module__River__trailingComponent--divider___q9hCY) {
|
|
8289
|
+
padding-block-end: 0;
|
|
8290
|
+
}
|
|
8291
|
+
|
|
8292
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__content___p4EdY {
|
|
8293
|
+
display: grid;
|
|
8294
|
+
grid-template-areas:
|
|
8295
|
+
'text trailingComponent'
|
|
8296
|
+
'cta trailingComponent';
|
|
8297
|
+
grid-template-columns: 1fr 31rem;
|
|
8298
|
+
grid-template-columns: 1fr var(--brand-RiverBreakout-gridline-trailing-width, 31rem);
|
|
8299
|
+
grid-template-rows: auto 1fr;
|
|
8300
|
+
grid-gap: var(--brand-RiverBreakout-variant-gridline-spacing-contentGap);
|
|
8301
|
+
gap: var(--brand-RiverBreakout-variant-gridline-spacing-contentGap);
|
|
8302
|
+
flex: 1;
|
|
8303
|
+
padding-block: 0;
|
|
8304
|
+
}
|
|
8305
|
+
|
|
8306
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__text___TQQhU {
|
|
8307
|
+
grid-area: text;
|
|
8308
|
+
padding-block-start: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlock);
|
|
8309
|
+
}
|
|
8310
|
+
|
|
8311
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__call-to-action___yeIFh {
|
|
8312
|
+
grid-area: cta;
|
|
8313
|
+
margin-block: 0;
|
|
8314
|
+
padding-block-end: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd);
|
|
8315
|
+
}
|
|
8316
|
+
|
|
8317
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__trailingComponent___bjdxv {
|
|
8318
|
+
grid-area: trailingComponent;
|
|
8319
|
+
margin-block-start: 0;
|
|
8320
|
+
}
|
|
8321
|
+
|
|
8322
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__trailingComponent--divider___q9hCY {
|
|
8323
|
+
border-top: none;
|
|
8324
|
+
border-left: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
8325
|
+
margin-inline: 0;
|
|
8326
|
+
margin-block: 0;
|
|
8327
|
+
padding-inline: 0;
|
|
8328
|
+
padding-inline-start: var(--brand-RiverBreakout-variant-gridline-spacing-outerInline);
|
|
8329
|
+
padding-block: 0;
|
|
8330
|
+
padding-block-start: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlock);
|
|
8331
|
+
padding-block-end: var(--brand-RiverBreakout-variant-gridline-spacing-outerBlockEnd);
|
|
8332
|
+
align-self: stretch;
|
|
8333
|
+
}
|
|
8334
|
+
}
|
|
8335
|
+
|
|
8336
|
+
/* Gridline + background: remove outer container top padding (background fills to top edge) */
|
|
8337
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX:has(.Primer_Brand__river-shared-module__River__visual--has-background___QG17S) {
|
|
8338
|
+
padding-block-start: 0;
|
|
8339
|
+
}
|
|
8340
|
+
|
|
8341
|
+
.Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
|
|
8342
|
+
display: flex;
|
|
8343
|
+
align-items: center;
|
|
8344
|
+
justify-content: center;
|
|
8345
|
+
background-color: var(--brand-color-canvas-subtle);
|
|
8346
|
+
border-radius: 0;
|
|
8347
|
+
overflow: hidden;
|
|
8348
|
+
}
|
|
8349
|
+
|
|
8350
|
+
.Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__visual--has-background___QG17S img,
|
|
8351
|
+
.Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__visual--has-background___QG17S picture,
|
|
8352
|
+
.Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__visual--has-background___QG17S video {
|
|
8353
|
+
max-width: 100%;
|
|
8354
|
+
height: auto;
|
|
8355
|
+
width: auto;
|
|
8356
|
+
border-radius: var(--brand-borderRadius-large);
|
|
8357
|
+
}
|
|
8358
|
+
|
|
8359
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
|
|
8360
|
+
margin-inline: calc(-1 * var(--brand-RiverBreakout-variant-gridline-spacing-outerInline));
|
|
8361
|
+
padding: var(--base-size-32);
|
|
8362
|
+
}
|
|
8363
|
+
|
|
8364
|
+
@media screen and (max-width: 47.99rem) {
|
|
8365
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
|
|
8366
|
+
align-items: flex-end;
|
|
8367
|
+
padding-block-end: 0;
|
|
8368
|
+
}
|
|
8369
|
+
|
|
8370
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S img,
|
|
8371
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S picture,
|
|
8372
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S video {
|
|
8373
|
+
border-end-start-radius: 0;
|
|
8374
|
+
border-end-end-radius: 0;
|
|
8375
|
+
}
|
|
8376
|
+
}
|
|
8377
|
+
|
|
8378
|
+
@media screen and (min-width: 48rem) and (max-width: 63.24rem) {
|
|
8379
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
|
|
8380
|
+
align-items: flex-end;
|
|
8381
|
+
padding-block-end: 0;
|
|
8382
|
+
}
|
|
8383
|
+
|
|
8384
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S img,
|
|
8385
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S picture,
|
|
8386
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S video {
|
|
8387
|
+
border-end-start-radius: 0;
|
|
8388
|
+
border-end-end-radius: 0;
|
|
8389
|
+
}
|
|
8390
|
+
}
|
|
8391
|
+
|
|
8392
|
+
@media screen and (min-width: 63.25rem) {
|
|
8393
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
|
|
8394
|
+
padding: var(--base-size-64);
|
|
8395
|
+
}
|
|
8396
|
+
|
|
8397
|
+
.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 {
|
|
8398
|
+
border-radius: 0;
|
|
8399
|
+
}
|
|
8400
|
+
}
|
|
8401
|
+
|
|
8402
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
8403
|
+
--ease: cubic-bezier(0.22, 0.56, 0.23, 0.89);
|
|
8404
|
+
-webkit-font-smoothing: antialiased;
|
|
8405
|
+
--stackDistance: calc(var(--base-size-24) * -1);
|
|
8406
|
+
|
|
8407
|
+
/* River visual (videos)
|
|
8408
|
+
* UL = unit-less, needed for division in certain scenarios
|
|
8409
|
+
*/
|
|
8410
|
+
--visualMaxWidth: 1032px;
|
|
8411
|
+
--visualMaxWidthUL: 1032;
|
|
8412
|
+
--visualMaxHeight: min(690px, 60vh);
|
|
8413
|
+
--visualMaxHeightUL: 690;
|
|
8414
|
+
--storyScrollPadding: min(32px, 5vw);
|
|
8415
|
+
position: relative;
|
|
8416
|
+
}
|
|
8417
|
+
@media (max-height: 720px) {
|
|
8418
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
8419
|
+
--visualMaxHeight: 55vh;
|
|
8420
|
+
}
|
|
8421
|
+
}
|
|
8422
|
+
|
|
8423
|
+
@media (max-height: 600px) {
|
|
8424
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
8425
|
+
--visualMaxHeight: 50vh;
|
|
8426
|
+
}
|
|
8427
|
+
}
|
|
8428
|
+
|
|
8429
|
+
@media (max-height: 500px) {
|
|
8430
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
8431
|
+
--visualMaxHeight: 40vh;
|
|
8432
|
+
}
|
|
8433
|
+
}
|
|
8434
|
+
|
|
8435
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__inner___V0daX {
|
|
8436
|
+
position: relative;
|
|
8437
|
+
}
|
|
8438
|
+
|
|
8439
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__visual-cover___rCa_Y {
|
|
8440
|
+
position: absolute;
|
|
8441
|
+
left: 0;
|
|
8442
|
+
width: 100%;
|
|
8443
|
+
}
|
|
8444
|
+
|
|
8445
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__image___WmawN {
|
|
8446
|
+
margin-left: auto;
|
|
8447
|
+
margin-right: auto;
|
|
8448
|
+
width: auto;
|
|
8449
|
+
z-index: 10;
|
|
8450
|
+
position: relative;
|
|
8451
|
+
border-radius: var(--brand-borderRadius-large);
|
|
8452
|
+
}
|
|
8453
|
+
|
|
8454
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll--enabled___EpqB5 .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__internal-river___eUmDR {
|
|
8455
|
+
grid-template-columns: 1fr;
|
|
8456
|
+
gap: 0;
|
|
8457
|
+
}
|
|
8458
|
+
|
|
8459
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll--enabled___EpqB5 .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__internal-river___eUmDR img,
|
|
8460
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll--enabled___EpqB5 .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__internal-river___eUmDR video {
|
|
7983
8461
|
display: none;
|
|
7984
8462
|
}
|
|
7985
8463
|
|
|
@@ -8407,7 +8885,7 @@ html {
|
|
|
8407
8885
|
|
|
8408
8886
|
/**
|
|
8409
8887
|
* Do not edit directly
|
|
8410
|
-
* Generated on
|
|
8888
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
8411
8889
|
*/
|
|
8412
8890
|
|
|
8413
8891
|
:root,
|
|
@@ -9175,7 +9653,7 @@ html {
|
|
|
9175
9653
|
|
|
9176
9654
|
/**
|
|
9177
9655
|
* Do not edit directly
|
|
9178
|
-
* Generated on
|
|
9656
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
9179
9657
|
*/
|
|
9180
9658
|
|
|
9181
9659
|
:root,
|
|
@@ -9203,7 +9681,7 @@ html {
|
|
|
9203
9681
|
|
|
9204
9682
|
/**
|
|
9205
9683
|
* Do not edit directly
|
|
9206
|
-
* Generated on
|
|
9684
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
9207
9685
|
*/
|
|
9208
9686
|
|
|
9209
9687
|
:root,
|
|
@@ -9219,7 +9697,7 @@ html {
|
|
|
9219
9697
|
|
|
9220
9698
|
/**
|
|
9221
9699
|
* Do not edit directly
|
|
9222
|
-
* Generated on
|
|
9700
|
+
* Generated on Wed, 25 Feb 2026 20:43:42 GMT
|
|
9223
9701
|
*/
|
|
9224
9702
|
|
|
9225
9703
|
:root {
|
|
@@ -9272,7 +9750,7 @@ html {
|
|
|
9272
9750
|
|
|
9273
9751
|
/**
|
|
9274
9752
|
* Do not edit directly
|
|
9275
|
-
* Generated on
|
|
9753
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
9276
9754
|
*/
|
|
9277
9755
|
|
|
9278
9756
|
:root,
|
|
@@ -9303,8 +9781,10 @@ html {
|
|
|
9303
9781
|
--brand-Accordion-toggle-color-red-orange-end: var(--base-color-scale-orange-5);
|
|
9304
9782
|
--brand-Accordion-toggle-color-teal: var(--base-color-scale-teal-5);
|
|
9305
9783
|
--brand-Accordion-toggle-color-yellow: var(--base-color-scale-yellow-5);
|
|
9306
|
-
--brand-Accordion-border-color-default: var(--brand-color-border-
|
|
9307
|
-
--brand-Accordion-
|
|
9784
|
+
--brand-Accordion-border-color-default: var(--brand-color-border-muted);
|
|
9785
|
+
--brand-Accordion-indicator-idle: var(--base-color-scale-gray-3);
|
|
9786
|
+
--brand-Accordion-indicator-hover: var(--base-color-scale-gray-5);
|
|
9787
|
+
--brand-Accordion-indicator-active: var(--brand-color-accent-primary);
|
|
9308
9788
|
}
|
|
9309
9789
|
|
|
9310
9790
|
[data-color-mode="dark"] {
|
|
@@ -9334,8 +9814,10 @@ html {
|
|
|
9334
9814
|
--brand-Accordion-toggle-color-red-orange-end: var(--base-color-scale-orange-2);
|
|
9335
9815
|
--brand-Accordion-toggle-color-teal: var(--base-color-scale-teal-2);
|
|
9336
9816
|
--brand-Accordion-toggle-color-yellow: var(--base-color-scale-yellow-2);
|
|
9337
|
-
--brand-Accordion-border-color-default: var(--
|
|
9338
|
-
--brand-Accordion-
|
|
9817
|
+
--brand-Accordion-border-color-default: var(--brand-color-border-muted);
|
|
9818
|
+
--brand-Accordion-indicator-idle: var(--base-color-scale-gray-7);
|
|
9819
|
+
--brand-Accordion-indicator-hover: var(--base-color-scale-gray-5);
|
|
9820
|
+
--brand-Accordion-indicator-active: var(--brand-color-accent-primary);
|
|
9339
9821
|
}
|
|
9340
9822
|
|
|
9341
9823
|
.Primer_Brand__Accordion-module__Accordion___M_LPt {
|
|
@@ -9348,13 +9830,67 @@ html {
|
|
|
9348
9830
|
}
|
|
9349
9831
|
|
|
9350
9832
|
.Primer_Brand__Accordion-module__Accordion--emphasis___j9wgA:not(.Primer_Brand__Accordion-module__Accordion___M_LPt .Primer_Brand__Accordion-module__Accordion___M_LPt) > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc {
|
|
9351
|
-
|
|
9833
|
+
background-color: var(--brand-color-canvas-subtle);
|
|
9834
|
+
border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
9835
|
+
padding-block: var(--base-size-20);
|
|
9836
|
+
padding-inline: var(--base-size-20);
|
|
9837
|
+
gap: 0;
|
|
9838
|
+
justify-content: flex-start;
|
|
9839
|
+
align-items: center;
|
|
9840
|
+
}
|
|
9841
|
+
|
|
9842
|
+
.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk::before {
|
|
9843
|
+
content: '';
|
|
9844
|
+
display: block;
|
|
9845
|
+
width: calc(var(--base-size-8) - 1px);
|
|
9846
|
+
height: var(--base-size-12);
|
|
9847
|
+
flex-shrink: 0;
|
|
9848
|
+
margin-inline-end: var(--base-size-12);
|
|
9849
|
+
background-color: var(--brand-Accordion-indicator-idle);
|
|
9850
|
+
}
|
|
9851
|
+
|
|
9852
|
+
.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk:hover::before {
|
|
9853
|
+
background-color: var(--brand-Accordion-indicator-hover);
|
|
9854
|
+
}
|
|
9855
|
+
|
|
9856
|
+
details[open] > .Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk::before {
|
|
9857
|
+
background-color: var(--brand-Accordion-indicator-active);
|
|
9858
|
+
}
|
|
9859
|
+
|
|
9860
|
+
.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk h3, .Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk h4, .Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk h5, .Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk h6 {
|
|
9861
|
+
font-family: var(--brand-fontStack-monospace);
|
|
9862
|
+
font-size: var(--brand-text-size-100);
|
|
9863
|
+
font-weight: var(--brand-text-weight-500);
|
|
9864
|
+
line-height: var(--brand-text-lineHeight-100);
|
|
9865
|
+
letter-spacing: 0.15px;
|
|
9866
|
+
text-transform: uppercase;
|
|
9867
|
+
}
|
|
9868
|
+
|
|
9869
|
+
.Primer_Brand__Accordion-module__Accordion--emphasis___j9wgA:not(.Primer_Brand__Accordion-module__Accordion___M_LPt .Primer_Brand__Accordion-module__Accordion___M_LPt)
|
|
9870
|
+
+ .Primer_Brand__Accordion-module__Accordion--emphasis___j9wgA:not(.Primer_Brand__Accordion-module__Accordion___M_LPt .Primer_Brand__Accordion-module__Accordion___M_LPt)
|
|
9871
|
+
> .Primer_Brand__Accordion-module__Accordion__summary___NUIYc {
|
|
9872
|
+
border-block-start: none;
|
|
9873
|
+
}
|
|
9874
|
+
|
|
9875
|
+
.Primer_Brand__Accordion-module__Accordion--emphasis___j9wgA:not(.Primer_Brand__Accordion-module__Accordion___M_LPt .Primer_Brand__Accordion-module__Accordion___M_LPt) > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
9876
|
+
border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
9877
|
+
padding-block-start: var(--base-size-12);
|
|
9878
|
+
padding-block-end: var(--base-size-12);
|
|
9879
|
+
padding-inline: var(--base-size-20);
|
|
9880
|
+
}
|
|
9881
|
+
|
|
9882
|
+
.Primer_Brand__Accordion-module__Accordion--emphasis___j9wgA .Primer_Brand__Accordion-module__Accordion--default___wLsHR:last-child {
|
|
9883
|
+
border-bottom: none;
|
|
9884
|
+
}
|
|
9885
|
+
|
|
9886
|
+
.Primer_Brand__Accordion-module__Accordion--emphasis___j9wgA .Primer_Brand__Accordion-module__Accordion--default___wLsHR:last-child::after {
|
|
9887
|
+
display: none;
|
|
9352
9888
|
}
|
|
9353
9889
|
|
|
9354
9890
|
.Primer_Brand__Accordion-module__Accordion--default___wLsHR::after {
|
|
9355
9891
|
content: '';
|
|
9356
|
-
|
|
9357
|
-
height:
|
|
9892
|
+
background-color: var(--brand-Accordion-border-color-default);
|
|
9893
|
+
height: var(--brand-borderWidth-thin);
|
|
9358
9894
|
transition: var(--brand-animation-duration-fast) transform;
|
|
9359
9895
|
transform: scaleY(0);
|
|
9360
9896
|
transform-origin: 50% 100%;
|
|
@@ -9364,8 +9900,10 @@ html {
|
|
|
9364
9900
|
left: 0;
|
|
9365
9901
|
}
|
|
9366
9902
|
|
|
9367
|
-
.Primer_Brand__Accordion-module__Accordion--default___wLsHR:hover::after
|
|
9368
|
-
|
|
9903
|
+
.Primer_Brand__Accordion-module__Accordion--default___wLsHR:hover::after,
|
|
9904
|
+
details[open].Primer_Brand__Accordion-module__Accordion--default___wLsHR::after {
|
|
9905
|
+
background-color: var(--brand-color-accent-primary);
|
|
9906
|
+
transform: scaleY(1);
|
|
9369
9907
|
}
|
|
9370
9908
|
|
|
9371
9909
|
.Primer_Brand__Accordion-module__Accordion__summary___NUIYc {
|
|
@@ -9388,20 +9926,27 @@ html {
|
|
|
9388
9926
|
outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
|
|
9389
9927
|
}
|
|
9390
9928
|
|
|
9929
|
+
/* When open, move focus ring to the details element to wrap summary + content as one unit */
|
|
9930
|
+
details[open].Primer_Brand__Accordion-module__Accordion___M_LPt:has(> summary:focus-visible) {
|
|
9931
|
+
outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
|
|
9932
|
+
outline-offset: var(--base-size-2);
|
|
9933
|
+
}
|
|
9934
|
+
|
|
9935
|
+
details[open].Primer_Brand__Accordion-module__Accordion___M_LPt > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc:focus-visible {
|
|
9936
|
+
outline: none;
|
|
9937
|
+
}
|
|
9938
|
+
|
|
9391
9939
|
.Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
|
|
9392
9940
|
.Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
|
|
9393
|
-
font-family: var(--brand-fontStack-sansSerif);
|
|
9394
|
-
font-weight: 500;
|
|
9395
9941
|
cursor: pointer;
|
|
9396
|
-
|
|
9397
|
-
|
|
9398
|
-
|
|
9399
|
-
height:
|
|
9400
|
-
width:
|
|
9401
|
-
-
|
|
9402
|
-
-webkit-box-decoration-break: clone;
|
|
9403
|
-
box-decoration-break: clone;
|
|
9942
|
+
display: flex;
|
|
9943
|
+
align-items: center;
|
|
9944
|
+
justify-content: center;
|
|
9945
|
+
height: var(--base-size-24);
|
|
9946
|
+
width: var(--base-size-24);
|
|
9947
|
+
color: var(--brand-color-text-default);
|
|
9404
9948
|
position: absolute;
|
|
9949
|
+
transition: opacity var(--brand-animation-duration-faster) ease;
|
|
9405
9950
|
}
|
|
9406
9951
|
|
|
9407
9952
|
.Primer_Brand__Accordion-module__Accordion__summary___NUIYc:not(.Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW) .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
|
|
@@ -9409,134 +9954,110 @@ html {
|
|
|
9409
9954
|
right: 0;
|
|
9410
9955
|
}
|
|
9411
9956
|
|
|
9957
|
+
.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
|
|
9958
|
+
.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
|
|
9959
|
+
position: static;
|
|
9960
|
+
order: 1;
|
|
9961
|
+
}
|
|
9962
|
+
|
|
9963
|
+
.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w {
|
|
9964
|
+
margin-inline-start: auto;
|
|
9965
|
+
}
|
|
9966
|
+
|
|
9967
|
+
.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
|
|
9968
|
+
margin-inline-start: calc(-1 * var(--base-size-24));
|
|
9969
|
+
}
|
|
9970
|
+
|
|
9412
9971
|
.Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
|
|
9413
9972
|
.Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
|
|
9414
9973
|
left: 0;
|
|
9415
9974
|
}
|
|
9416
9975
|
|
|
9417
|
-
.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w
|
|
9418
|
-
.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk
|
|
9419
|
-
|
|
9420
|
-
display: block;
|
|
9421
|
-
background: linear-gradient(
|
|
9422
|
-
-70deg,
|
|
9423
|
-
var(--brand-Accordion-toggle-color-start) 0%,
|
|
9424
|
-
var(--brand-Accordion-toggle-color-end) 100%
|
|
9425
|
-
);
|
|
9426
|
-
-webkit-background-clip: text;
|
|
9427
|
-
background-clip: text;
|
|
9976
|
+
.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
|
|
9977
|
+
.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
|
|
9978
|
+
color: var(--brand-Accordion-toggle-color-start, var(--brand-color-text-default));
|
|
9428
9979
|
}
|
|
9429
9980
|
|
|
9430
9981
|
.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-default___J06Ol {
|
|
9431
9982
|
--brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-default);
|
|
9432
|
-
--brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-default);
|
|
9433
9983
|
}
|
|
9434
9984
|
|
|
9435
9985
|
.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-blue___BpPxQ {
|
|
9436
9986
|
--brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-blue);
|
|
9437
|
-
--brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-blue);
|
|
9438
9987
|
}
|
|
9439
9988
|
|
|
9440
9989
|
.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-blue-purple___R4Ta3 {
|
|
9441
9990
|
--brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-blue-purple-start);
|
|
9442
|
-
--brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-blue-purple-end);
|
|
9443
9991
|
}
|
|
9444
9992
|
|
|
9445
9993
|
.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-coral___T3Lvh {
|
|
9446
9994
|
--brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-coral);
|
|
9447
|
-
--brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-coral);
|
|
9448
9995
|
}
|
|
9449
9996
|
|
|
9450
9997
|
.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-green___GThPe {
|
|
9451
9998
|
--brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-green);
|
|
9452
|
-
--brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-green);
|
|
9453
9999
|
}
|
|
9454
10000
|
|
|
9455
10001
|
.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-green-blue___PHnZc {
|
|
9456
10002
|
--brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-green-blue-start);
|
|
9457
|
-
--brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-green-blue-end);
|
|
9458
10003
|
}
|
|
9459
10004
|
|
|
9460
10005
|
.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-gray___gGQN8 {
|
|
9461
10006
|
--brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-gray);
|
|
9462
|
-
--brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-gray);
|
|
9463
10007
|
}
|
|
9464
10008
|
|
|
9465
10009
|
.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-indigo___f5_9S {
|
|
9466
10010
|
--brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-indigo);
|
|
9467
|
-
--brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-indigo);
|
|
9468
10011
|
}
|
|
9469
10012
|
|
|
9470
10013
|
.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-lemon___c5Gz6 {
|
|
9471
10014
|
--brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-lemon);
|
|
9472
|
-
--brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-lemon);
|
|
9473
10015
|
}
|
|
9474
10016
|
|
|
9475
10017
|
.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-lime___Tj0cg {
|
|
9476
10018
|
--brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-lime);
|
|
9477
|
-
--brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-lime);
|
|
9478
10019
|
}
|
|
9479
10020
|
|
|
9480
10021
|
.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-orange____Dby3 {
|
|
9481
10022
|
--brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-orange);
|
|
9482
|
-
--brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-orange);
|
|
9483
10023
|
}
|
|
9484
10024
|
|
|
9485
10025
|
.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-pink___BXVJc {
|
|
9486
10026
|
--brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-pink);
|
|
9487
|
-
--brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-pink);
|
|
9488
10027
|
}
|
|
9489
10028
|
|
|
9490
10029
|
.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-pink-blue___NVPxr {
|
|
9491
10030
|
--brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-pink-blue-start);
|
|
9492
|
-
--brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-pink-blue-end);
|
|
9493
10031
|
}
|
|
9494
10032
|
|
|
9495
10033
|
.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-purple___whcwP {
|
|
9496
10034
|
--brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-purple);
|
|
9497
|
-
--brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-purple);
|
|
9498
10035
|
}
|
|
9499
10036
|
|
|
9500
10037
|
.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-purple-red___l3gUG {
|
|
9501
10038
|
--brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-purple-red-start);
|
|
9502
|
-
--brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-purple-red-end);
|
|
9503
10039
|
}
|
|
9504
10040
|
|
|
9505
10041
|
.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-red___txXJX {
|
|
9506
10042
|
--brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-red);
|
|
9507
|
-
--brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-red);
|
|
9508
10043
|
}
|
|
9509
10044
|
|
|
9510
10045
|
.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-red-orange___ZODhv {
|
|
9511
10046
|
--brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-red-orange-start);
|
|
9512
|
-
--brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-red-orange-end);
|
|
9513
10047
|
}
|
|
9514
10048
|
|
|
9515
10049
|
.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-teal___h2drb {
|
|
9516
10050
|
--brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-teal);
|
|
9517
|
-
--brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-teal);
|
|
9518
10051
|
}
|
|
9519
10052
|
|
|
9520
10053
|
.Primer_Brand__Accordion-module__Accordion__summary--toggleColor-yellow___WGTG3 {
|
|
9521
10054
|
--brand-Accordion-toggle-color-start: var(--brand-Accordion-toggle-color-yellow);
|
|
9522
|
-
--brand-Accordion-toggle-color-end: var(--brand-Accordion-toggle-color-yellow);
|
|
9523
10055
|
}
|
|
9524
10056
|
|
|
9525
|
-
.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--
|
|
9526
|
-
font-weight: var(--base-text-weight-medium);
|
|
9527
|
-
content: '–';
|
|
10057
|
+
.Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
|
|
9528
10058
|
opacity: 0;
|
|
9529
10059
|
}
|
|
9530
10060
|
|
|
9531
|
-
.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk::after {
|
|
9532
|
-
content: '+';
|
|
9533
|
-
}
|
|
9534
|
-
|
|
9535
|
-
.Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
|
|
9536
|
-
.Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
|
|
9537
|
-
transform: translate(0, -2px);
|
|
9538
|
-
}
|
|
9539
|
-
|
|
9540
10061
|
.Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
|
|
9541
10062
|
opacity: 0;
|
|
9542
10063
|
}
|
|
@@ -9549,17 +10070,15 @@ details[open] .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer
|
|
|
9549
10070
|
opacity: 0;
|
|
9550
10071
|
}
|
|
9551
10072
|
|
|
9552
|
-
details[open] > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--
|
|
10073
|
+
details[open] > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
|
|
9553
10074
|
opacity: 1;
|
|
9554
|
-
transform: rotateZ(180deg);
|
|
9555
10075
|
}
|
|
9556
10076
|
|
|
9557
|
-
details[open] > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--
|
|
10077
|
+
details[open] > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w {
|
|
9558
10078
|
opacity: 0;
|
|
9559
|
-
transform: rotateZ(180deg);
|
|
9560
10079
|
}
|
|
9561
10080
|
|
|
9562
|
-
.Primer_Brand__Accordion-
|
|
10081
|
+
.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_:not(.Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW) {
|
|
9563
10082
|
padding-inline-end: var(--base-size-48);
|
|
9564
10083
|
}
|
|
9565
10084
|
|
|
@@ -9622,7 +10141,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
9622
10141
|
}
|
|
9623
10142
|
|
|
9624
10143
|
.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ + .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
9625
|
-
margin-top: calc(var(--base-size-
|
|
10144
|
+
margin-top: calc(var(--base-size-12) * -1); /* for 12px gap between question and answer */
|
|
9626
10145
|
}
|
|
9627
10146
|
|
|
9628
10147
|
details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW + .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
@@ -9659,7 +10178,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
|
|
|
9659
10178
|
|
|
9660
10179
|
/**
|
|
9661
10180
|
* Do not edit directly
|
|
9662
|
-
* Generated on
|
|
10181
|
+
* Generated on Wed, 25 Feb 2026 20:43:42 GMT
|
|
9663
10182
|
*/
|
|
9664
10183
|
|
|
9665
10184
|
:root {
|
|
@@ -9668,25 +10187,29 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
|
|
|
9668
10187
|
|
|
9669
10188
|
/**
|
|
9670
10189
|
* Do not edit directly
|
|
9671
|
-
* Generated on
|
|
10190
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
9672
10191
|
*/
|
|
9673
10192
|
|
|
9674
10193
|
:root,
|
|
9675
10194
|
[data-color-mode="light"] {
|
|
9676
10195
|
--brand-FAQ-color-heading: var(--brand-color-text-default);
|
|
9677
10196
|
--brand-FAQ-color-tabLabel-selected: var(--brand-color-text-default);
|
|
9678
|
-
--brand-
|
|
10197
|
+
--brand-FAQGroup-buttonIndicator-idle: var(--base-color-scale-gray-3);
|
|
10198
|
+
--brand-FAQGroup-buttonIndicator-hover: var(--base-color-scale-gray-5);
|
|
10199
|
+
--brand-FAQGroup-buttonIndicator-active: var(--brand-color-accent-primary);
|
|
9679
10200
|
}
|
|
9680
10201
|
|
|
9681
10202
|
[data-color-mode="dark"] {
|
|
9682
10203
|
--brand-FAQ-color-heading: var(--brand-color-text-default);
|
|
9683
10204
|
--brand-FAQ-color-tabLabel-selected: var(--brand-color-text-default);
|
|
9684
|
-
--brand-
|
|
10205
|
+
--brand-FAQGroup-buttonIndicator-idle: var(--base-color-scale-gray-7);
|
|
10206
|
+
--brand-FAQGroup-buttonIndicator-hover: var(--base-color-scale-gray-5);
|
|
10207
|
+
--brand-FAQGroup-buttonIndicator-active: var(--brand-color-accent-primary);
|
|
9685
10208
|
}
|
|
9686
10209
|
|
|
9687
10210
|
/**
|
|
9688
10211
|
* Do not edit directly
|
|
9689
|
-
* Generated on
|
|
10212
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
9690
10213
|
*/
|
|
9691
10214
|
|
|
9692
10215
|
:root {
|
|
@@ -9716,6 +10239,22 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
|
|
|
9716
10239
|
margin: 0 auto;
|
|
9717
10240
|
}
|
|
9718
10241
|
|
|
10242
|
+
.Primer_Brand__FAQ-module__FAQ--variant-gridline___mM5vd {
|
|
10243
|
+
padding-block-end: var(--base-size-40);
|
|
10244
|
+
border-block-end: var(--brand-color-border-muted) var(--brand-borderWidth-thin) solid;
|
|
10245
|
+
max-width: 100%;
|
|
10246
|
+
}
|
|
10247
|
+
|
|
10248
|
+
.Primer_Brand__FAQ-module__FAQ__content-wrapper--gridline___XqrgD {
|
|
10249
|
+
max-width: var(--brand-FAQ-maxWidth-list);
|
|
10250
|
+
margin: 0 auto;
|
|
10251
|
+
}
|
|
10252
|
+
|
|
10253
|
+
.Primer_Brand__FAQ-module__FAQ__heading-wrapper--gridline___TWgo1 {
|
|
10254
|
+
border-block-end: var(--brand-color-border-muted) var(--brand-borderWidth-thin) solid;
|
|
10255
|
+
margin-block-end: var(--base-size-40);
|
|
10256
|
+
}
|
|
10257
|
+
|
|
9719
10258
|
.Primer_Brand__FAQ-module__FAQ__heading___bH0aG {
|
|
9720
10259
|
color: var(--brand-FAQ-color-heading);
|
|
9721
10260
|
margin-bottom: var(--brand-FAQ-heading-marginBottom);
|
|
@@ -9724,6 +10263,9 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
|
|
|
9724
10263
|
.Primer_Brand__FAQ-module__FAQ__subheading___I4puv {
|
|
9725
10264
|
margin-bottom: var(--base-size-16);
|
|
9726
10265
|
color: var(--brand-color-text-muted);
|
|
10266
|
+
text-transform: uppercase;
|
|
10267
|
+
font-size: var(--brand-text-size-100);
|
|
10268
|
+
line-height: var(--brand-text-lineHeight-100);
|
|
9727
10269
|
}
|
|
9728
10270
|
|
|
9729
10271
|
.Primer_Brand__FAQ-module__FAQ__heading--start___eHaT3 {
|
|
@@ -9763,24 +10305,31 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
|
|
|
9763
10305
|
margin: 0;
|
|
9764
10306
|
}
|
|
9765
10307
|
|
|
10308
|
+
@media screen and (min-width: 63.25rem) {
|
|
10309
|
+
.Primer_Brand__FAQ-module__FAQ__heading-wrapper--gridline___TWgo1 {
|
|
10310
|
+
margin-block-end: var(--base-size-48);
|
|
10311
|
+
}
|
|
10312
|
+
|
|
10313
|
+
.Primer_Brand__FAQ-module__FAQ--variant-gridline___mM5vd {
|
|
10314
|
+
padding-block-end: var(--base-size-64);
|
|
10315
|
+
}
|
|
10316
|
+
}
|
|
10317
|
+
|
|
9766
10318
|
.Primer_Brand__FAQGroup-module__FAQGroup___D0VvR {
|
|
9767
10319
|
display: none;
|
|
9768
10320
|
justify-content: space-between;
|
|
9769
10321
|
gap: var(--brand-stack-gap-spacious);
|
|
9770
10322
|
}
|
|
9771
10323
|
|
|
9772
|
-
|
|
9773
|
-
|
|
9774
|
-
display: grid;
|
|
9775
|
-
}
|
|
9776
|
-
|
|
9777
|
-
.Primer_Brand__FAQGroup-module__FAQGroup__accordion___dkveP {
|
|
9778
|
-
display: none;
|
|
9779
|
-
}
|
|
10324
|
+
.Primer_Brand__FAQGroup-module__FAQGroup__accordion___dkveP {
|
|
10325
|
+
margin-block-start: var(--base-size-48);
|
|
9780
10326
|
}
|
|
9781
10327
|
|
|
9782
10328
|
.Primer_Brand__FAQGroup-module__FAQGroup__panel-subHeading___F0U3h {
|
|
9783
10329
|
margin-block-start: calc(var(--base-size-8) + 1px);
|
|
10330
|
+
text-transform: uppercase;
|
|
10331
|
+
font-size: var(--brand-text-size-100);
|
|
10332
|
+
line-height: var(--brand-text-lineHeight-100);
|
|
9784
10333
|
}
|
|
9785
10334
|
|
|
9786
10335
|
.Primer_Brand__FAQGroup-module__FAQGroup__tablist___WdY5Z .Primer_Brand__FAQGroup-module__FAQ__heading___w52lv {
|
|
@@ -9788,26 +10337,62 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
|
|
|
9788
10337
|
}
|
|
9789
10338
|
|
|
9790
10339
|
.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC {
|
|
10340
|
+
-webkit-appearance: none;
|
|
10341
|
+
-moz-appearance: none;
|
|
10342
|
+
appearance: none;
|
|
10343
|
+
border: none;
|
|
9791
10344
|
background-color: transparent;
|
|
9792
|
-
|
|
9793
|
-
|
|
9794
|
-
|
|
9795
|
-
|
|
10345
|
+
padding-block: var(--base-size-8);
|
|
10346
|
+
padding-inline: 0;
|
|
10347
|
+
cursor: pointer;
|
|
10348
|
+
display: flex;
|
|
10349
|
+
align-items: center;
|
|
10350
|
+
gap: var(--base-size-12);
|
|
10351
|
+
width: 100%;
|
|
10352
|
+
font-family: var(--brand-fontStack-monospace);
|
|
10353
|
+
font-size: var(--brand-text-size-100);
|
|
10354
|
+
font-weight: var(--brand-text-weight-500);
|
|
10355
|
+
line-height: var(--brand-text-lineHeight-100);
|
|
10356
|
+
letter-spacing: 0.15px;
|
|
10357
|
+
text-transform: uppercase;
|
|
10358
|
+
text-align: start;
|
|
10359
|
+
color: var(--brand-color-text-muted);
|
|
9796
10360
|
overflow: hidden;
|
|
9797
|
-
white-space: nowrap;
|
|
9798
10361
|
text-overflow: ellipsis;
|
|
10362
|
+
white-space: nowrap;
|
|
10363
|
+
transition: gap var(--brand-animation-duration-fast) var(--brand-animation-easing-default);
|
|
9799
10364
|
}
|
|
9800
10365
|
|
|
9801
|
-
.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC
|
|
9802
|
-
|
|
10366
|
+
.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC:focus-visible {
|
|
10367
|
+
outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
|
|
10368
|
+
outline-offset: 2px;
|
|
9803
10369
|
}
|
|
9804
10370
|
|
|
9805
|
-
.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC
|
|
9806
|
-
|
|
10371
|
+
.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC::before {
|
|
10372
|
+
content: '';
|
|
10373
|
+
display: block;
|
|
10374
|
+
width: calc(var(--base-size-8) + var(--base-size-2));
|
|
10375
|
+
height: var(--base-size-12);
|
|
10376
|
+
flex-shrink: 0;
|
|
10377
|
+
background-color: var(--brand-FAQGroup-buttonIndicator-idle);
|
|
10378
|
+
transform: scaleX(0.7);
|
|
10379
|
+
transform-origin: left;
|
|
10380
|
+
transition: transform var(--brand-animation-duration-fast) var(--brand-animation-easing-default),
|
|
10381
|
+
background-color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);
|
|
9807
10382
|
}
|
|
9808
10383
|
|
|
9809
|
-
.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC
|
|
10384
|
+
.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC:hover::before {
|
|
10385
|
+
background-color: var(--brand-FAQGroup-buttonIndicator-hover);
|
|
10386
|
+
}
|
|
10387
|
+
|
|
10388
|
+
.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC[aria-selected='true'] {
|
|
9810
10389
|
color: var(--brand-FAQ-color-tabLabel-selected);
|
|
10390
|
+
gap: calc(var(--base-size-12) + 3px);
|
|
10391
|
+
}
|
|
10392
|
+
|
|
10393
|
+
.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC[aria-selected='true']::before {
|
|
10394
|
+
transform: scaleX(1);
|
|
10395
|
+
background-color: var(--brand-FAQGroup-buttonIndicator-active);
|
|
9811
10396
|
}
|
|
9812
10397
|
|
|
9813
10398
|
.Primer_Brand__FAQGroup-module__FAQGroup__nested-accordion-item___JGGeC summary h4 {
|
|
@@ -9816,6 +10401,20 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
|
|
|
9816
10401
|
line-height: var(--brand-text-lineHeight-200);
|
|
9817
10402
|
}
|
|
9818
10403
|
|
|
10404
|
+
/* Gridline variant */
|
|
10405
|
+
|
|
10406
|
+
.Primer_Brand__FAQGroup-module__FAQGroup__tablist--gridline___OCZgL {
|
|
10407
|
+
padding-inline-start: var(--base-size-48);
|
|
10408
|
+
padding-block: var(--base-size-80);
|
|
10409
|
+
}
|
|
10410
|
+
|
|
10411
|
+
.Primer_Brand__FAQGroup-module__FAQGroup__content--gridline___C9omN {
|
|
10412
|
+
border-inline-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
10413
|
+
padding-inline: var(--base-size-64);
|
|
10414
|
+
padding-block-start: var(--base-size-80);
|
|
10415
|
+
padding-block-end: var(--base-size-96);
|
|
10416
|
+
}
|
|
10417
|
+
|
|
9819
10418
|
@media (forced-colors: active) {
|
|
9820
10419
|
.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC[aria-selected='true'] {
|
|
9821
10420
|
border-color: Highlight;
|
|
@@ -9824,9 +10423,75 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
|
|
|
9824
10423
|
}
|
|
9825
10424
|
}
|
|
9826
10425
|
|
|
10426
|
+
.Primer_Brand__FAQGroup-module__FAQGroup__heading___zTImD {
|
|
10427
|
+
padding-inline: var(--base-size-20);
|
|
10428
|
+
}
|
|
10429
|
+
|
|
10430
|
+
/* Custom tablet breakpoint */
|
|
10431
|
+
@media screen and (min-width: 618px) {
|
|
10432
|
+
.Primer_Brand__FAQGroup-module__FAQGroup__gridline-wrapper___OBSr9 {
|
|
10433
|
+
border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
10434
|
+
}
|
|
10435
|
+
|
|
10436
|
+
.Primer_Brand__FAQGroup-module__FAQGroup__accordion___dkveP {
|
|
10437
|
+
margin-block-start: 0;
|
|
10438
|
+
max-width: 618px;
|
|
10439
|
+
margin-inline: auto;
|
|
10440
|
+
border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
10441
|
+
}
|
|
10442
|
+
.Primer_Brand__FAQGroup-module__FAQGroup__heading___zTImD {
|
|
10443
|
+
max-width: 618px;
|
|
10444
|
+
margin: 0 auto;
|
|
10445
|
+
}
|
|
10446
|
+
|
|
10447
|
+
.Primer_Brand__FAQGroup-module__FAQGroup__heading-wrapper___lkgjS {
|
|
10448
|
+
padding-block-end: var(--base-size-40);
|
|
10449
|
+
}
|
|
10450
|
+
.Primer_Brand__FAQGroup-module__FAQGroup__heading-wrapper--gridline___Q_oGI {
|
|
10451
|
+
border-block-end: var(--brand-color-border-muted) var(--brand-borderWidth-thin) solid;
|
|
10452
|
+
}
|
|
10453
|
+
|
|
10454
|
+
.Primer_Brand__FAQGroup-module__FAQGroup__accordion--gridline___zDvVd:first-child summary {
|
|
10455
|
+
border-block-start: none !important;
|
|
10456
|
+
}
|
|
10457
|
+
|
|
10458
|
+
.Primer_Brand__FAQGroup-module__FAQGroup__accordion--gridline___zDvVd:last-child summary {
|
|
10459
|
+
border-block-end: none !important;
|
|
10460
|
+
}
|
|
10461
|
+
}
|
|
10462
|
+
|
|
10463
|
+
@media screen and (min-width: 63.25rem) {
|
|
10464
|
+
.Primer_Brand__FAQGroup-module__FAQGroup___D0VvR {
|
|
10465
|
+
display: grid;
|
|
10466
|
+
}
|
|
10467
|
+
|
|
10468
|
+
.Primer_Brand__FAQGroup-module__FAQGroup__accordion___dkveP {
|
|
10469
|
+
display: none;
|
|
10470
|
+
}
|
|
10471
|
+
|
|
10472
|
+
.Primer_Brand__FAQGroup-module__FAQGroup__heading___zTImD {
|
|
10473
|
+
padding-inline: 0;
|
|
10474
|
+
max-width: 100%;
|
|
10475
|
+
}
|
|
10476
|
+
|
|
10477
|
+
.Primer_Brand__FAQGroup-module__FAQGroup__heading-wrapper___lkgjS {
|
|
10478
|
+
padding-block-end: var(--base-size-64);
|
|
10479
|
+
}
|
|
10480
|
+
}
|
|
10481
|
+
|
|
10482
|
+
@media screen and (min-width: 80rem) {
|
|
10483
|
+
.Primer_Brand__FAQGroup-module__FAQGroup__tablist--gridline___OCZgL {
|
|
10484
|
+
border-inline-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
10485
|
+
}
|
|
10486
|
+
|
|
10487
|
+
.Primer_Brand__FAQGroup-module__FAQGroup__content--gridline___C9omN {
|
|
10488
|
+
border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
10489
|
+
}
|
|
10490
|
+
}
|
|
10491
|
+
|
|
9827
10492
|
/**
|
|
9828
10493
|
* Do not edit directly
|
|
9829
|
-
* Generated on
|
|
10494
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
9830
10495
|
*/
|
|
9831
10496
|
|
|
9832
10497
|
:root,
|
|
@@ -11029,7 +11694,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
11029
11694
|
|
|
11030
11695
|
/**
|
|
11031
11696
|
* Do not edit directly
|
|
11032
|
-
* Generated on
|
|
11697
|
+
* Generated on Wed, 25 Feb 2026 20:43:42 GMT
|
|
11033
11698
|
*/
|
|
11034
11699
|
|
|
11035
11700
|
:root {
|
|
@@ -11043,7 +11708,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
11043
11708
|
|
|
11044
11709
|
/**
|
|
11045
11710
|
* Do not edit directly
|
|
11046
|
-
* Generated on
|
|
11711
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
11047
11712
|
*/
|
|
11048
11713
|
|
|
11049
11714
|
:root,
|
|
@@ -11337,7 +12002,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
11337
12002
|
|
|
11338
12003
|
/**
|
|
11339
12004
|
* Do not edit directly
|
|
11340
|
-
* Generated on
|
|
12005
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
11341
12006
|
*/
|
|
11342
12007
|
|
|
11343
12008
|
:root,
|
|
@@ -11353,7 +12018,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
11353
12018
|
|
|
11354
12019
|
/**
|
|
11355
12020
|
* Do not edit directly
|
|
11356
|
-
* Generated on
|
|
12021
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
11357
12022
|
*/
|
|
11358
12023
|
|
|
11359
12024
|
:root {
|
|
@@ -12098,7 +12763,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12098
12763
|
|
|
12099
12764
|
/**
|
|
12100
12765
|
* Do not edit directly
|
|
12101
|
-
* Generated on
|
|
12766
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
12102
12767
|
*/
|
|
12103
12768
|
|
|
12104
12769
|
:root,
|
|
@@ -12114,20 +12779,20 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12114
12779
|
|
|
12115
12780
|
/**
|
|
12116
12781
|
* Do not edit directly
|
|
12117
|
-
* Generated on
|
|
12782
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
12118
12783
|
*/
|
|
12119
12784
|
|
|
12120
12785
|
:root,
|
|
12121
12786
|
[data-color-mode="light"] {
|
|
12122
12787
|
--brand-CTABanner-shadow-color-start: var(--base-color-scale-green-5);
|
|
12123
12788
|
--brand-CTABanner-shadow-color-end: var(--base-color-scale-blue-5);
|
|
12124
|
-
--brand-CTABanner-bgColor: var(--brand-color-canvas-
|
|
12789
|
+
--brand-CTABanner-bgColor: var(--brand-color-canvas-subtle);
|
|
12125
12790
|
}
|
|
12126
12791
|
|
|
12127
12792
|
[data-color-mode="dark"] {
|
|
12128
12793
|
--brand-CTABanner-shadow-color-start: var(--base-color-scale-green-2);
|
|
12129
12794
|
--brand-CTABanner-shadow-color-end: var(--base-color-scale-blue-3);
|
|
12130
|
-
--brand-CTABanner-bgColor: var(--brand-color-canvas-
|
|
12795
|
+
--brand-CTABanner-bgColor: var(--brand-color-canvas-subtle);
|
|
12131
12796
|
}
|
|
12132
12797
|
|
|
12133
12798
|
.Primer_Brand__CTABanner-module__CTABanner___m0t8s {
|
|
@@ -12151,14 +12816,93 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12151
12816
|
);
|
|
12152
12817
|
}
|
|
12153
12818
|
|
|
12819
|
+
/* Heading size overrides for balanced and minimal variants */
|
|
12820
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-heading___JYhUV {
|
|
12821
|
+
font-weight: var(--brand-heading-weight-700);
|
|
12822
|
+
font-size: var(--brand-text-size-700);
|
|
12823
|
+
line-height: var(--brand-heading-lineHeight-700);
|
|
12824
|
+
letter-spacing: var(--brand-heading-letterSpacing-700);
|
|
12825
|
+
}
|
|
12826
|
+
|
|
12827
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-heading___JYhUV {
|
|
12828
|
+
font-weight: var(--brand-heading-weight-400);
|
|
12829
|
+
font-size: var(--brand-text-size-400);
|
|
12830
|
+
line-height: var(--brand-text-lineHeight-400);
|
|
12831
|
+
letter-spacing: var(--brand-heading-letterSpacing-400);
|
|
12832
|
+
}
|
|
12833
|
+
|
|
12834
|
+
.Primer_Brand__CTABanner-module__CTABanner-grid___u3x9a {
|
|
12835
|
+
row-gap: 0;
|
|
12836
|
+
--brand-Grid-spacing-row: 0;
|
|
12837
|
+
padding-inline: 0;
|
|
12838
|
+
}
|
|
12839
|
+
|
|
12840
|
+
.Primer_Brand__CTABanner-module__CTABanner-grid-column--primary___ZtLFt {
|
|
12841
|
+
display: flex;
|
|
12842
|
+
align-items: center;
|
|
12843
|
+
}
|
|
12844
|
+
|
|
12845
|
+
.Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___JBmPK {
|
|
12846
|
+
display: flex;
|
|
12847
|
+
align-items: center;
|
|
12848
|
+
justify-content: center;
|
|
12849
|
+
}
|
|
12850
|
+
|
|
12851
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___JBmPK {
|
|
12852
|
+
justify-content: flex-end;
|
|
12853
|
+
}
|
|
12854
|
+
|
|
12855
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___JBmPK {
|
|
12856
|
+
justify-content: flex-start;
|
|
12857
|
+
}
|
|
12858
|
+
|
|
12859
|
+
@media screen and (min-width: 63.25rem) {
|
|
12860
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___JBmPK {
|
|
12861
|
+
justify-content: flex-end;
|
|
12862
|
+
}
|
|
12863
|
+
}
|
|
12864
|
+
|
|
12865
|
+
/* Stack on narrow viewports */
|
|
12866
|
+
@media screen and (max-width: 63.24rem) {
|
|
12867
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___JBmPK {
|
|
12868
|
+
justify-content: flex-start;
|
|
12869
|
+
}
|
|
12870
|
+
|
|
12871
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___JBmPK {
|
|
12872
|
+
order: -1;
|
|
12873
|
+
margin-block-start: 0;
|
|
12874
|
+
}
|
|
12875
|
+
|
|
12876
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-grid-column--primary___ZtLFt {
|
|
12877
|
+
margin-block-start: var(--base-size-24);
|
|
12878
|
+
}
|
|
12879
|
+
|
|
12880
|
+
.Primer_Brand__CTABanner-module__CTABanner-grid-column--secondary___JBmPK {
|
|
12881
|
+
margin-block-start: var(--base-size-24);
|
|
12882
|
+
}
|
|
12883
|
+
}
|
|
12884
|
+
|
|
12885
|
+
.Primer_Brand__CTABanner-module__CTABanner-outer-container--border___PwQrC {
|
|
12886
|
+
border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
12887
|
+
}
|
|
12888
|
+
|
|
12154
12889
|
.Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
|
|
12155
|
-
|
|
12156
|
-
padding: var(--base-size-40) var(--base-size-32);
|
|
12890
|
+
padding: var(--base-size-64) var(--base-size-32);
|
|
12157
12891
|
z-index: 1;
|
|
12158
12892
|
width: 100%;
|
|
12159
12893
|
box-sizing: border-box;
|
|
12160
12894
|
}
|
|
12161
12895
|
|
|
12896
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
|
|
12897
|
+
padding-inline: var(--base-size-20);
|
|
12898
|
+
padding-block: var(--base-size-32);
|
|
12899
|
+
}
|
|
12900
|
+
|
|
12901
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
|
|
12902
|
+
padding-inline: var(--base-size-20);
|
|
12903
|
+
padding-block: var(--base-size-40);
|
|
12904
|
+
}
|
|
12905
|
+
|
|
12162
12906
|
.Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
|
|
12163
12907
|
display: flex;
|
|
12164
12908
|
flex-direction: column;
|
|
@@ -12168,10 +12912,19 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12168
12912
|
margin: 0 auto;
|
|
12169
12913
|
}
|
|
12170
12914
|
|
|
12915
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
|
|
12916
|
+
gap: 0;
|
|
12917
|
+
}
|
|
12918
|
+
|
|
12919
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_,
|
|
12920
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
|
|
12921
|
+
max-width: 576px;
|
|
12922
|
+
margin: 0;
|
|
12923
|
+
}
|
|
12924
|
+
|
|
12171
12925
|
.Primer_Brand__CTABanner-module__CTABanner-container--background___v1yTH {
|
|
12172
|
-
border-radius: var(--brand-borderRadius-xlarge);
|
|
12173
12926
|
background-repeat: no-repeat;
|
|
12174
|
-
background-color: var(--brand-CTABanner-
|
|
12927
|
+
background-color: var(--brand-CTABanner-bgColor);
|
|
12175
12928
|
background-image: var(--brand-CTABanner-narrow-background-image-src, var(--brand-CTABanner-background-image-src));
|
|
12176
12929
|
background-size: var(--brand-CTABanner-narrow-background-image-size, var(--brand-CTABanner-background-image-size));
|
|
12177
12930
|
|
|
@@ -12184,7 +12937,13 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12184
12937
|
}
|
|
12185
12938
|
|
|
12186
12939
|
.Primer_Brand__CTABanner-module__CTABanner-container--border___FbAer {
|
|
12187
|
-
border: var(--brand-borderWidth-thin) solid var(--brand-color-border-
|
|
12940
|
+
border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
12941
|
+
}
|
|
12942
|
+
|
|
12943
|
+
.Primer_Brand__CTABanner-module__CTABanner-container--border-gridlines___H1FN8 {
|
|
12944
|
+
border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
12945
|
+
margin-inline: auto;
|
|
12946
|
+
max-width: 534px; /* To match tablet for river */
|
|
12188
12947
|
}
|
|
12189
12948
|
|
|
12190
12949
|
.Primer_Brand__CTABanner-module__CTABanner-content--center___S0ChQ {
|
|
@@ -12199,7 +12958,27 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12199
12958
|
/* Medium breakpoint and up */
|
|
12200
12959
|
@media screen and (min-width: 48rem) {
|
|
12201
12960
|
.Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
|
|
12202
|
-
padding: var(--base-size-80) var(--base-size-
|
|
12961
|
+
padding: var(--base-size-80) var(--base-size-36);
|
|
12962
|
+
}
|
|
12963
|
+
|
|
12964
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
|
|
12965
|
+
padding: var(--base-size-36);
|
|
12966
|
+
padding-block-end: var(--base-size-48);
|
|
12967
|
+
}
|
|
12968
|
+
|
|
12969
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
|
|
12970
|
+
padding: var(--base-size-36);
|
|
12971
|
+
padding-block: var(--base-size-48);
|
|
12972
|
+
}
|
|
12973
|
+
|
|
12974
|
+
.Primer_Brand__CTABanner-module__CTABanner-container--background___v1yTH {
|
|
12975
|
+
background-color: var(--brand-CTABanner-regular-background-color, var(--brand-CTABanner-background-color));
|
|
12976
|
+
background-image: var(--brand-CTABanner-regular-background-image-src, var(--brand-CTABanner-background-image-src));
|
|
12977
|
+
background-size: var(--brand-CTABanner-regular-background-image-size, var(--brand-CTABanner-background-image-size));
|
|
12978
|
+
background-position: var(
|
|
12979
|
+
--brand-CTABanner-regular-background-image-position,
|
|
12980
|
+
var(--brand-CTABanner-background-image-position)
|
|
12981
|
+
);
|
|
12203
12982
|
}
|
|
12204
12983
|
}
|
|
12205
12984
|
|
|
@@ -12208,38 +12987,87 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12208
12987
|
.Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
|
|
12209
12988
|
gap: var(--base-size-24);
|
|
12210
12989
|
}
|
|
12990
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
|
|
12991
|
+
gap: var(--base-size-16);
|
|
12992
|
+
}
|
|
12211
12993
|
.Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
|
|
12212
|
-
padding: var(--base-size-
|
|
12994
|
+
padding: var(--base-size-96) var(--base-size-64);
|
|
12995
|
+
max-width: 100%;
|
|
12996
|
+
}
|
|
12997
|
+
|
|
12998
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
|
|
12999
|
+
padding: var(--base-size-64);
|
|
13000
|
+
}
|
|
13001
|
+
|
|
13002
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
|
|
13003
|
+
padding: var(--base-size-64);
|
|
12213
13004
|
}
|
|
12214
13005
|
}
|
|
12215
13006
|
|
|
12216
|
-
/*
|
|
12217
|
-
@media screen and (min-width:
|
|
13007
|
+
/* Wide */
|
|
13008
|
+
@media screen and (min-width: 80rem) {
|
|
12218
13009
|
.Primer_Brand__CTABanner-module__CTABanner-container--background___v1yTH {
|
|
12219
|
-
background-color: var(--brand-CTABanner-
|
|
12220
|
-
background-image: var(--brand-CTABanner-
|
|
12221
|
-
background-size: var(--brand-CTABanner-
|
|
13010
|
+
background-color: var(--brand-CTABanner-wide-background-color, var(--brand-CTABanner-background-color));
|
|
13011
|
+
background-image: var(--brand-CTABanner-wide-background-image-src, var(--brand-CTABanner-background-image-src));
|
|
13012
|
+
background-size: var(--brand-CTABanner-wide-background-image-size, var(--brand-CTABanner-background-image-size));
|
|
13013
|
+
|
|
12222
13014
|
background-position: var(
|
|
12223
|
-
--brand-CTABanner-
|
|
13015
|
+
--brand-CTABanner-wide-background-image-position,
|
|
12224
13016
|
var(--brand-CTABanner-background-image-position)
|
|
12225
13017
|
);
|
|
12226
13018
|
}
|
|
12227
13019
|
}
|
|
12228
13020
|
|
|
12229
|
-
|
|
12230
|
-
|
|
12231
|
-
|
|
12232
|
-
|
|
12233
|
-
|
|
12234
|
-
|
|
13021
|
+
.Primer_Brand__CTABanner-module__CTABanner-image___stI4S {
|
|
13022
|
+
width: 100%;
|
|
13023
|
+
height: auto;
|
|
13024
|
+
}
|
|
13025
|
+
|
|
13026
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-image___stI4S {
|
|
13027
|
+
max-width: 476px;
|
|
13028
|
+
width: 100%;
|
|
13029
|
+
height: auto;
|
|
13030
|
+
}
|
|
13031
|
+
|
|
13032
|
+
.Primer_Brand__CTABanner-module__CTABanner-heading___JYhUV code,
|
|
13033
|
+
.Primer_Brand__CTABanner-module__CTABanner-description___I7md6 code {
|
|
13034
|
+
font-size: inherit;
|
|
13035
|
+
font-family: var(--brand-fontStack-monospace);
|
|
13036
|
+
background-color: var(--brand-color-canvas-default);
|
|
13037
|
+
padding: 0 var(--base-size-4) 0;
|
|
13038
|
+
margin-inline: var(--base-size-2);
|
|
13039
|
+
border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
|
|
13040
|
+
border-radius: var(--brand-borderRadius-small);
|
|
13041
|
+
box-shadow: var(--brand-borderWidth-thin) var(--brand-borderWidth-thin) 0 0 var(--brand-color-border-default);
|
|
13042
|
+
}
|
|
13043
|
+
|
|
13044
|
+
.Primer_Brand__CTABanner-module__CTABanner--bgColor-default___ST6SJ .Primer_Brand__CTABanner-module__CTABanner-heading___JYhUV code,
|
|
13045
|
+
.Primer_Brand__CTABanner-module__CTABanner--bgColor-default___ST6SJ .Primer_Brand__CTABanner-module__CTABanner-description___I7md6 code {
|
|
13046
|
+
background-color: var(--brand-color-canvas-subtle);
|
|
13047
|
+
}
|
|
13048
|
+
|
|
13049
|
+
.Primer_Brand__CTABanner-module__CTABanner-description___I7md6 code {
|
|
13050
|
+
padding: 0 var(--base-size-4) 0;
|
|
13051
|
+
}
|
|
12235
13052
|
|
|
12236
|
-
|
|
12237
|
-
|
|
12238
|
-
|
|
12239
|
-
|
|
13053
|
+
.Primer_Brand__CTABanner-module__CTABanner-heading___JYhUV.Primer_Brand__CTABanner-module__CTABanner-heading___JYhUV:has(code) {
|
|
13054
|
+
line-height: calc(1lh * 2);
|
|
13055
|
+
}
|
|
13056
|
+
|
|
13057
|
+
@media screen and (min-width: 63.25rem) {
|
|
13058
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-heading___JYhUV.Primer_Brand__CTABanner-module__CTABanner-heading___JYhUV:has(code) {
|
|
13059
|
+
line-height: calc(1lh * 2.8);
|
|
12240
13060
|
}
|
|
12241
13061
|
}
|
|
12242
13062
|
|
|
13063
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-heading___JYhUV.Primer_Brand__CTABanner-module__CTABanner-heading___JYhUV:has(code) {
|
|
13064
|
+
line-height: calc(1lh * 1.9);
|
|
13065
|
+
}
|
|
13066
|
+
|
|
13067
|
+
.Primer_Brand__CTABanner-module__CTABanner-description___I7md6.Primer_Brand__CTABanner-module__CTABanner-description___I7md6:has(code) {
|
|
13068
|
+
line-height: calc(1lh * 1.25);
|
|
13069
|
+
}
|
|
13070
|
+
|
|
12243
13071
|
.Primer_Brand__ListItem-module__ListItem___aFf5u {
|
|
12244
13072
|
display: flex;
|
|
12245
13073
|
align-items: flex-start;
|
|
@@ -12337,7 +13165,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12337
13165
|
|
|
12338
13166
|
/**
|
|
12339
13167
|
* Do not edit directly
|
|
12340
|
-
* Generated on
|
|
13168
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
12341
13169
|
*/
|
|
12342
13170
|
|
|
12343
13171
|
:root,
|
|
@@ -12501,7 +13329,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12501
13329
|
|
|
12502
13330
|
/**
|
|
12503
13331
|
* Do not edit directly
|
|
12504
|
-
* Generated on
|
|
13332
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
12505
13333
|
*/
|
|
12506
13334
|
|
|
12507
13335
|
:root,
|
|
@@ -12809,7 +13637,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12809
13637
|
|
|
12810
13638
|
/**
|
|
12811
13639
|
* Do not edit directly
|
|
12812
|
-
* Generated on
|
|
13640
|
+
* Generated on Wed, 25 Feb 2026 20:43:42 GMT
|
|
12813
13641
|
*/
|
|
12814
13642
|
|
|
12815
13643
|
:root {
|
|
@@ -12845,7 +13673,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12845
13673
|
|
|
12846
13674
|
/**
|
|
12847
13675
|
* Do not edit directly
|
|
12848
|
-
* Generated on
|
|
13676
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
12849
13677
|
*/
|
|
12850
13678
|
|
|
12851
13679
|
:root,
|
|
@@ -12913,7 +13741,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12913
13741
|
|
|
12914
13742
|
/**
|
|
12915
13743
|
* Do not edit directly
|
|
12916
|
-
* Generated on
|
|
13744
|
+
* Generated on Wed, 25 Feb 2026 20:43:42 GMT
|
|
12917
13745
|
*/
|
|
12918
13746
|
|
|
12919
13747
|
:root {
|
|
@@ -12924,7 +13752,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12924
13752
|
|
|
12925
13753
|
/**
|
|
12926
13754
|
* Do not edit directly
|
|
12927
|
-
* Generated on
|
|
13755
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
12928
13756
|
*/
|
|
12929
13757
|
|
|
12930
13758
|
:root,
|
|
@@ -13040,6 +13868,29 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
13040
13868
|
text-decoration: none !important;
|
|
13041
13869
|
}
|
|
13042
13870
|
|
|
13871
|
+
.Primer_Brand__Card-module__Card__link___Ye5mq code,
|
|
13872
|
+
.Primer_Brand__Card-module__Card__description___KN9CH code {
|
|
13873
|
+
font-size: inherit;
|
|
13874
|
+
font-family: var(--brand-fontStack-monospace);
|
|
13875
|
+
background-color: var(--brand-color-canvas-subtle);
|
|
13876
|
+
padding: 0 var(--base-size-4) var(--base-size-2);
|
|
13877
|
+
margin-inline: var(--base-size-2);
|
|
13878
|
+
border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
|
|
13879
|
+
border-radius: var(--brand-borderRadius-small);
|
|
13880
|
+
box-shadow: var(--brand-borderWidth-thin) var(--brand-borderWidth-thin) 0 0 var(--brand-color-border-default);
|
|
13881
|
+
}
|
|
13882
|
+
|
|
13883
|
+
.Primer_Brand__Card-module__Card__description___KN9CH code {
|
|
13884
|
+
padding: var(--base-size-2) var(--base-size-4) 0;
|
|
13885
|
+
}
|
|
13886
|
+
.Primer_Brand__Card-module__Card__link___Ye5mq:has(code) {
|
|
13887
|
+
line-height: calc(1lh * 1.4);
|
|
13888
|
+
}
|
|
13889
|
+
|
|
13890
|
+
.Primer_Brand__Card-module__Card__description___KN9CH.Primer_Brand__Card-module__Card__description___KN9CH:has(code) {
|
|
13891
|
+
line-height: calc(1lh * 1.25);
|
|
13892
|
+
}
|
|
13893
|
+
|
|
13043
13894
|
.Primer_Brand__Card-module__Card--disableAnimation___Zv8eW:hover .Primer_Brand__Card-module__Card__link___Ye5mq {
|
|
13044
13895
|
-webkit-text-decoration: underline !important;
|
|
13045
13896
|
text-decoration: underline !important;
|
|
@@ -13133,19 +13984,11 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
13133
13984
|
grid-area: heading;
|
|
13134
13985
|
}
|
|
13135
13986
|
|
|
13136
|
-
.Primer_Brand__Card-module__Card--fullWidth___j46z5:not(.Primer_Brand__Card-module__Card--align-center___geXUu) .Primer_Brand__Card-module__Card__heading___INFhp {
|
|
13137
|
-
max-width: 320px;
|
|
13138
|
-
}
|
|
13139
|
-
|
|
13140
13987
|
.Primer_Brand__Card-module__Card__description___KN9CH {
|
|
13141
13988
|
margin-bottom: var(--base-size-32);
|
|
13142
13989
|
grid-area: description;
|
|
13143
13990
|
}
|
|
13144
13991
|
|
|
13145
|
-
.Primer_Brand__Card-module__Card--fullWidth___j46z5:not(.Primer_Brand__Card-module__Card--align-center___geXUu) .Primer_Brand__Card-module__Card__description___KN9CH {
|
|
13146
|
-
max-width: 400px;
|
|
13147
|
-
}
|
|
13148
|
-
|
|
13149
13992
|
.Primer_Brand__Card-module__Card__action___C6sRY {
|
|
13150
13993
|
grid-area: action;
|
|
13151
13994
|
margin-top: auto;
|
|
@@ -13277,7 +14120,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
13277
14120
|
|
|
13278
14121
|
/**
|
|
13279
14122
|
* Do not edit directly
|
|
13280
|
-
* Generated on
|
|
14123
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
13281
14124
|
*/
|
|
13282
14125
|
|
|
13283
14126
|
:root,
|
|
@@ -14118,7 +14961,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14118
14961
|
|
|
14119
14962
|
/**
|
|
14120
14963
|
* Do not edit directly
|
|
14121
|
-
* Generated on
|
|
14964
|
+
* Generated on Wed, 25 Feb 2026 20:43:42 GMT
|
|
14122
14965
|
*/
|
|
14123
14966
|
|
|
14124
14967
|
:root {
|
|
@@ -14129,7 +14972,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14129
14972
|
|
|
14130
14973
|
/**
|
|
14131
14974
|
* Do not edit directly
|
|
14132
|
-
* Generated on
|
|
14975
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
14133
14976
|
*/
|
|
14134
14977
|
|
|
14135
14978
|
:root,
|
|
@@ -14628,7 +15471,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14628
15471
|
|
|
14629
15472
|
/**
|
|
14630
15473
|
* Do not edit directly
|
|
14631
|
-
* Generated on
|
|
15474
|
+
* Generated on Wed, 25 Feb 2026 20:43:42 GMT
|
|
14632
15475
|
*/
|
|
14633
15476
|
|
|
14634
15477
|
:root {
|
|
@@ -14648,7 +15491,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14648
15491
|
|
|
14649
15492
|
/**
|
|
14650
15493
|
* Do not edit directly
|
|
14651
|
-
* Generated on
|
|
15494
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
14652
15495
|
*/
|
|
14653
15496
|
|
|
14654
15497
|
:root,
|
|
@@ -14684,12 +15527,12 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14684
15527
|
|
|
14685
15528
|
/**
|
|
14686
15529
|
* Do not edit directly
|
|
14687
|
-
* Generated on
|
|
15530
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
14688
15531
|
*/
|
|
14689
15532
|
|
|
14690
15533
|
:root,
|
|
14691
15534
|
[data-color-mode="light"] {
|
|
14692
|
-
--brand-LogoSuite-color-control-rest: var(--
|
|
15535
|
+
--brand-LogoSuite-color-control-rest: var(--brand-color-canvas-muted);
|
|
14693
15536
|
--brand-LogoSuite-color-control-hover: var(--base-color-scale-gray-2);
|
|
14694
15537
|
--brand-LogoSuite-color-logo-muted: var(--brand-color-text-muted);
|
|
14695
15538
|
--brand-LogoSuite-color-logo-emphasis: var(--brand-color-text-default);
|
|
@@ -14698,7 +15541,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14698
15541
|
}
|
|
14699
15542
|
|
|
14700
15543
|
[data-color-mode="dark"] {
|
|
14701
|
-
--brand-LogoSuite-color-control-rest:
|
|
15544
|
+
--brand-LogoSuite-color-control-rest: var(--brand-color-canvas-muted);
|
|
14702
15545
|
--brand-LogoSuite-color-control-hover: #5a5b7c;
|
|
14703
15546
|
--brand-LogoSuite-color-logo-muted: var(--brand-color-text-muted);
|
|
14704
15547
|
--brand-LogoSuite-color-logo-emphasis: var(--brand-color-text-default);
|
|
@@ -14708,7 +15551,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14708
15551
|
|
|
14709
15552
|
/**
|
|
14710
15553
|
* Do not edit directly
|
|
14711
|
-
* Generated on
|
|
15554
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
14712
15555
|
*/
|
|
14713
15556
|
|
|
14714
15557
|
:root {
|
|
@@ -14721,20 +15564,25 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14721
15564
|
--brand-LogoSuite-logobar-columnGap-default: var(--base-size-80);
|
|
14722
15565
|
}
|
|
14723
15566
|
|
|
14724
|
-
@media (min-width: 768px) {
|
|
14725
|
-
:root {
|
|
14726
|
-
--brand-LogoSuite-logobar-rowGap: var(--base-size-80);
|
|
14727
|
-
}
|
|
14728
|
-
}
|
|
14729
|
-
|
|
14730
15567
|
.Primer_Brand__LogoSuite-module__LogoSuite___W2Pai {
|
|
14731
15568
|
padding-block-end: var(--brand-LogoSuite-logobar-rowGap);
|
|
14732
15569
|
}
|
|
14733
15570
|
|
|
14734
|
-
.Primer_Brand__LogoSuite-
|
|
15571
|
+
.Primer_Brand__LogoSuite-module__LogoSuite--default___EU2sL + .Primer_Brand__LogoSuite-module__LogoSuite--default___EU2sL {
|
|
14735
15572
|
padding-block-start: var(--brand-LogoSuite-logobar-rowGap);
|
|
14736
15573
|
}
|
|
14737
15574
|
|
|
15575
|
+
/* Small monospace heading when standalone (no description) */
|
|
15576
|
+
.Primer_Brand__LogoSuite-module__LogoSuite___W2Pai:not(:has(.Primer_Brand__LogoSuite-module__LogoSuite__description___SRFRM)) .Primer_Brand__LogoSuite-module__LogoSuite__heading___s2Xyw {
|
|
15577
|
+
font-family: var(--brand-fontStack-monospace);
|
|
15578
|
+
font-weight: var(--brand-text-weight-100);
|
|
15579
|
+
font-size: var(--brand-text-size-100);
|
|
15580
|
+
line-height: var(--brand-text-lineHeight-100);
|
|
15581
|
+
letter-spacing: var(--brand-text-letterSpacing-100);
|
|
15582
|
+
text-transform: uppercase;
|
|
15583
|
+
color: var(--brand-color-text-muted);
|
|
15584
|
+
}
|
|
15585
|
+
|
|
14738
15586
|
.Primer_Brand__LogoSuite-module__LogoSuite__heading___s2Xyw + .Primer_Brand__LogoSuite-module__LogoSuite__description___SRFRM {
|
|
14739
15587
|
padding-block-start: var(--base-size-16);
|
|
14740
15588
|
}
|
|
@@ -14748,7 +15596,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14748
15596
|
text-align: center;
|
|
14749
15597
|
}
|
|
14750
15598
|
|
|
14751
|
-
.Primer_Brand__LogoSuite-
|
|
15599
|
+
.Primer_Brand__LogoSuite-module__LogoSuite--default___EU2sL:not(.Primer_Brand__LogoSuite-module__LogoSuite___W2Pai + .Primer_Brand__LogoSuite-module__LogoSuite___W2Pai) .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm {
|
|
14752
15600
|
padding-block-start: var(--base-size-32);
|
|
14753
15601
|
}
|
|
14754
15602
|
|
|
@@ -14776,7 +15624,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14776
15624
|
+ .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm,
|
|
14777
15625
|
.Primer_Brand__LogoSuite-module__LogoSuite___W2Pai:not(.Primer_Brand__LogoSuite-module__LogoSuite___W2Pai + .Primer_Brand__LogoSuite-module__LogoSuite___W2Pai) .Primer_Brand__LogoSuite-module__LogoSuite__description___SRFRM + .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm {
|
|
14778
15626
|
padding-block-start: 0;
|
|
14779
|
-
margin-block-start: var(--base-size-
|
|
15627
|
+
margin-block-start: var(--base-size-44);
|
|
14780
15628
|
}
|
|
14781
15629
|
|
|
14782
15630
|
.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z svg,
|
|
@@ -14786,20 +15634,17 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14786
15634
|
.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb img,
|
|
14787
15635
|
.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb a {
|
|
14788
15636
|
width: auto;
|
|
14789
|
-
height: var(--base-size-
|
|
15637
|
+
height: var(--base-size-28);
|
|
14790
15638
|
}
|
|
14791
15639
|
|
|
14792
15640
|
@media screen and (min-width: 48rem) {
|
|
14793
15641
|
.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z svg,
|
|
14794
15642
|
.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z img,
|
|
14795
|
-
.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z a
|
|
14796
|
-
height: var(--base-size-40);
|
|
14797
|
-
}
|
|
14798
|
-
|
|
15643
|
+
.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-muted___a0P8Z a,
|
|
14799
15644
|
.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb svg,
|
|
14800
15645
|
.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb img,
|
|
14801
15646
|
.Primer_Brand__LogoSuite-module__LogoSuite__logobar--variant-emphasis___MjgGb a {
|
|
14802
|
-
height: var(--base-size-
|
|
15647
|
+
height: var(--base-size-32);
|
|
14803
15648
|
}
|
|
14804
15649
|
}
|
|
14805
15650
|
|
|
@@ -14831,8 +15676,10 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14831
15676
|
}
|
|
14832
15677
|
}
|
|
14833
15678
|
|
|
14834
|
-
.Primer_Brand__LogoSuite-
|
|
14835
|
-
outline
|
|
15679
|
+
.Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm a:focus-visible {
|
|
15680
|
+
outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
|
|
15681
|
+
outline-offset: var(--base-size-2);
|
|
15682
|
+
border-radius: var(--base-size-4);
|
|
14836
15683
|
}
|
|
14837
15684
|
|
|
14838
15685
|
.Primer_Brand__LogoSuite-module__LogoSuite--hasDivider___Znsqm {
|
|
@@ -14842,8 +15689,9 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14842
15689
|
.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-marquee___d5jZP {
|
|
14843
15690
|
position: relative;
|
|
14844
15691
|
display: flex;
|
|
14845
|
-
flex-direction:
|
|
14846
|
-
|
|
15692
|
+
flex-direction: row;
|
|
15693
|
+
align-items: center;
|
|
15694
|
+
gap: var(--base-size-24);
|
|
14847
15695
|
margin: auto;
|
|
14848
15696
|
max-width: 100dvw;
|
|
14849
15697
|
}
|
|
@@ -14881,18 +15729,22 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14881
15729
|
}
|
|
14882
15730
|
}
|
|
14883
15731
|
|
|
14884
|
-
.Primer_Brand__LogoSuite-module__LogoSuite__logobar-marquee___Q0YOr:hover .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup___QnvBf
|
|
15732
|
+
.Primer_Brand__LogoSuite-module__LogoSuite__logobar-marquee___Q0YOr:hover .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup___QnvBf,
|
|
15733
|
+
.Primer_Brand__LogoSuite-module__LogoSuite__logobar-marquee___Q0YOr:focus-within .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup___QnvBf {
|
|
14885
15734
|
animation-play-state: paused;
|
|
14886
15735
|
}
|
|
14887
15736
|
|
|
14888
15737
|
.Primer_Brand__LogoSuite-module__LogoSuite__logobar-marquee___Q0YOr {
|
|
14889
15738
|
display: flex;
|
|
14890
|
-
overflow: hidden;
|
|
15739
|
+
overflow-x: hidden;
|
|
15740
|
+
overflow-y: visible;
|
|
15741
|
+
padding-block: var(--base-size-4);
|
|
14891
15742
|
-webkit-user-select: none;
|
|
14892
15743
|
-moz-user-select: none;
|
|
14893
15744
|
user-select: none;
|
|
14894
15745
|
gap: var(--marquee-gap);
|
|
14895
|
-
|
|
15746
|
+
flex: 1;
|
|
15747
|
+
min-width: 0;
|
|
14896
15748
|
-webkit-mask-image: linear-gradient(
|
|
14897
15749
|
to right,
|
|
14898
15750
|
hsla(0, 0%, 0%, 0),
|
|
@@ -14907,19 +15759,23 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14907
15759
|
animation-play-state: paused !important;
|
|
14908
15760
|
}
|
|
14909
15761
|
|
|
15762
|
+
.Primer_Brand__LogoSuite-module__LogoSuite__logobar-marquee--focused___AVQlQ .Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup___QnvBf {
|
|
15763
|
+
animation-name: none;
|
|
15764
|
+
}
|
|
15765
|
+
|
|
14910
15766
|
.Primer_Brand__LogoSuite-module__LogoSuite__logobar-playPauseButton___nkRGi {
|
|
14911
15767
|
cursor: pointer;
|
|
14912
|
-
|
|
14913
|
-
right: 0;
|
|
15768
|
+
flex-shrink: 0;
|
|
14914
15769
|
display: flex;
|
|
14915
15770
|
align-items: center;
|
|
14916
15771
|
justify-content: center;
|
|
14917
|
-
width: var(--base-size-
|
|
14918
|
-
height: var(--base-size-
|
|
15772
|
+
width: var(--base-size-32);
|
|
15773
|
+
height: var(--base-size-32);
|
|
14919
15774
|
margin: 0;
|
|
14920
15775
|
padding: 0;
|
|
14921
15776
|
border: none;
|
|
14922
15777
|
border-radius: var(--base-size-48);
|
|
15778
|
+
border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
14923
15779
|
background-color: var(--brand-LogoSuite-color-control-rest);
|
|
14924
15780
|
transition: background-color var(--brand-animation-duration-faster);
|
|
14925
15781
|
}
|
|
@@ -14936,10 +15792,139 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14936
15792
|
.Primer_Brand__LogoSuite-module__LogoSuite__logobar-playPauseButton___nkRGi svg {
|
|
14937
15793
|
width: var(--base-size-16);
|
|
14938
15794
|
height: var(--base-size-16);
|
|
15795
|
+
fill: var(--brand-color-text-muted);
|
|
14939
15796
|
}
|
|
14940
15797
|
|
|
14941
15798
|
.Primer_Brand__LogoSuite-module__LogoSuite__logobar-playPauseButton___nkRGi path {
|
|
14942
|
-
fill: var(--brand-
|
|
15799
|
+
fill: var(--brand-color-text-muted);
|
|
15800
|
+
}
|
|
15801
|
+
|
|
15802
|
+
/* Gridline expressive variant styles */
|
|
15803
|
+
.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax {
|
|
15804
|
+
padding: 0;
|
|
15805
|
+
}
|
|
15806
|
+
|
|
15807
|
+
.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__content___tKr_a {
|
|
15808
|
+
padding-inline: 0;
|
|
15809
|
+
gap: 0;
|
|
15810
|
+
max-width: 618px; /* From the Figma design */
|
|
15811
|
+
}
|
|
15812
|
+
|
|
15813
|
+
.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__textContainer___hClnV {
|
|
15814
|
+
display: flex;
|
|
15815
|
+
flex-direction: column;
|
|
15816
|
+
justify-content: center;
|
|
15817
|
+
padding: var(--base-size-20);
|
|
15818
|
+
}
|
|
15819
|
+
|
|
15820
|
+
.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm {
|
|
15821
|
+
margin-block-start: auto;
|
|
15822
|
+
}
|
|
15823
|
+
.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__logobarContainer___LzoS_ {
|
|
15824
|
+
display: flex;
|
|
15825
|
+
flex-direction: column;
|
|
15826
|
+
justify-content: center;
|
|
15827
|
+
padding: var(--base-size-32) var(--base-size-20) var(--base-size-32);
|
|
15828
|
+
}
|
|
15829
|
+
|
|
15830
|
+
.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm,
|
|
15831
|
+
.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-marquee___d5jZP {
|
|
15832
|
+
max-width: none;
|
|
15833
|
+
width: 100%;
|
|
15834
|
+
}
|
|
15835
|
+
|
|
15836
|
+
.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__heading___s2Xyw + .Primer_Brand__LogoSuite-module__LogoSuite__description___SRFRM {
|
|
15837
|
+
padding-block-start: var(--base-size-8);
|
|
15838
|
+
}
|
|
15839
|
+
|
|
15840
|
+
.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__logobar___hRzWm {
|
|
15841
|
+
padding-block-start: 0;
|
|
15842
|
+
}
|
|
15843
|
+
|
|
15844
|
+
@media screen and (min-width: 48rem) {
|
|
15845
|
+
.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__logobarContainer___LzoS_ {
|
|
15846
|
+
padding: var(--base-size-36);
|
|
15847
|
+
}
|
|
15848
|
+
.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__content___tKr_a {
|
|
15849
|
+
border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
15850
|
+
}
|
|
15851
|
+
.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__textContainer___hClnV {
|
|
15852
|
+
border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
15853
|
+
}
|
|
15854
|
+
}
|
|
15855
|
+
|
|
15856
|
+
@media screen and (min-width: 64rem) {
|
|
15857
|
+
.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__content___tKr_a {
|
|
15858
|
+
max-width: 1280px;
|
|
15859
|
+
}
|
|
15860
|
+
|
|
15861
|
+
.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__textContainer___hClnV {
|
|
15862
|
+
text-align: left;
|
|
15863
|
+
padding: var(--base-size-64);
|
|
15864
|
+
}
|
|
15865
|
+
|
|
15866
|
+
.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__logobarContainer___LzoS_ {
|
|
15867
|
+
padding: var(--base-size-64);
|
|
15868
|
+
}
|
|
15869
|
+
}
|
|
15870
|
+
|
|
15871
|
+
@media screen and (min-width: 1281px) {
|
|
15872
|
+
.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__content___tKr_a {
|
|
15873
|
+
border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
15874
|
+
}
|
|
15875
|
+
|
|
15876
|
+
/* When the logobar is the only column visible (no adjacent text), this removes start border */
|
|
15877
|
+
.Primer_Brand__LogoSuite-module__LogoSuite--gridline-expressive___Aq8ax .Primer_Brand__LogoSuite-module__LogoSuite__logobarContainer___LzoS_:first-child {
|
|
15878
|
+
border-inline-start: none;
|
|
15879
|
+
}
|
|
15880
|
+
}
|
|
15881
|
+
|
|
15882
|
+
.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm {
|
|
15883
|
+
position: relative;
|
|
15884
|
+
overflow: visible;
|
|
15885
|
+
}
|
|
15886
|
+
|
|
15887
|
+
/* Glass blur overlay effect */
|
|
15888
|
+
.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm::before {
|
|
15889
|
+
content: '';
|
|
15890
|
+
position: absolute;
|
|
15891
|
+
inset: calc(-1 * var(--base-size-16)) 0;
|
|
15892
|
+
z-index: 1;
|
|
15893
|
+
pointer-events: none;
|
|
15894
|
+
opacity: 0;
|
|
15895
|
+
backdrop-filter: blur(var(--base-size-6));
|
|
15896
|
+
-webkit-backdrop-filter: blur(var(--base-size-6));
|
|
15897
|
+
transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);
|
|
15898
|
+
}
|
|
15899
|
+
|
|
15900
|
+
.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm:hover::before,
|
|
15901
|
+
.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm:focus-within::before {
|
|
15902
|
+
opacity: 1;
|
|
15903
|
+
}
|
|
15904
|
+
|
|
15905
|
+
.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm:hover svg,
|
|
15906
|
+
.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm:focus-within svg,
|
|
15907
|
+
.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm:hover img,
|
|
15908
|
+
.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm:focus-within img {
|
|
15909
|
+
opacity: 0.7;
|
|
15910
|
+
transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);
|
|
15911
|
+
}
|
|
15912
|
+
|
|
15913
|
+
.Primer_Brand__LogoSuite-module__LogoSuite__logobar-takeoverButtonContainer___gguiO {
|
|
15914
|
+
opacity: 0;
|
|
15915
|
+
visibility: hidden;
|
|
15916
|
+
z-index: 2;
|
|
15917
|
+
transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default);
|
|
15918
|
+
position: absolute;
|
|
15919
|
+
top: 50%;
|
|
15920
|
+
left: 50%;
|
|
15921
|
+
transform: translate(-50%, -50%);
|
|
15922
|
+
}
|
|
15923
|
+
|
|
15924
|
+
.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm:hover .Primer_Brand__LogoSuite-module__LogoSuite__logobar-takeoverButtonContainer___gguiO,
|
|
15925
|
+
.Primer_Brand__LogoSuite-module__LogoSuite__logobar--has-takeover___f22xm:focus-within .Primer_Brand__LogoSuite-module__LogoSuite__logobar-takeoverButtonContainer___gguiO {
|
|
15926
|
+
opacity: 1;
|
|
15927
|
+
visibility: visible;
|
|
14943
15928
|
}
|
|
14944
15929
|
|
|
14945
15930
|
.Primer_Brand__Timeline-module__Timeline___keSeT {
|
|
@@ -15042,7 +16027,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15042
16027
|
|
|
15043
16028
|
/**
|
|
15044
16029
|
* Do not edit directly
|
|
15045
|
-
* Generated on
|
|
16030
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
15046
16031
|
*/
|
|
15047
16032
|
|
|
15048
16033
|
:root,
|
|
@@ -15056,7 +16041,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15056
16041
|
|
|
15057
16042
|
/**
|
|
15058
16043
|
* Do not edit directly
|
|
15059
|
-
* Generated on
|
|
16044
|
+
* Generated on Wed, 25 Feb 2026 20:43:42 GMT
|
|
15060
16045
|
*/
|
|
15061
16046
|
|
|
15062
16047
|
:root {
|
|
@@ -15070,7 +16055,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15070
16055
|
|
|
15071
16056
|
/**
|
|
15072
16057
|
* Do not edit directly
|
|
15073
|
-
* Generated on
|
|
16058
|
+
* Generated on Wed, 25 Feb 2026 20:43:42 GMT
|
|
15074
16059
|
*/
|
|
15075
16060
|
|
|
15076
16061
|
:root {
|
|
@@ -17246,7 +18231,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
17246
18231
|
|
|
17247
18232
|
/**
|
|
17248
18233
|
* Do not edit directly
|
|
17249
|
-
* Generated on
|
|
18234
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
17250
18235
|
*/
|
|
17251
18236
|
|
|
17252
18237
|
:root {
|
|
@@ -17270,7 +18255,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
17270
18255
|
|
|
17271
18256
|
/**
|
|
17272
18257
|
* Do not edit directly
|
|
17273
|
-
* Generated on
|
|
18258
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
17274
18259
|
*/
|
|
17275
18260
|
|
|
17276
18261
|
:root,
|
|
@@ -17705,7 +18690,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
17705
18690
|
|
|
17706
18691
|
/**
|
|
17707
18692
|
* Do not edit directly
|
|
17708
|
-
* Generated on
|
|
18693
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
17709
18694
|
*/
|
|
17710
18695
|
|
|
17711
18696
|
:root {
|
|
@@ -17721,7 +18706,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
17721
18706
|
|
|
17722
18707
|
/**
|
|
17723
18708
|
* Do not edit directly
|
|
17724
|
-
* Generated on
|
|
18709
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
17725
18710
|
*/
|
|
17726
18711
|
|
|
17727
18712
|
:root,
|
|
@@ -18196,6 +19181,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18196
19181
|
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h1, .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h2, .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h3, .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h4, .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h5, .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW h6 {
|
|
18197
19182
|
font-size: var(--feature-list-font-size);
|
|
18198
19183
|
line-height: var(--feature-list-line-height);
|
|
19184
|
+
font-weight: var(--brand-text-subhead-weight-large);
|
|
18199
19185
|
gap: var(--base-size-8);
|
|
18200
19186
|
display: inline-flex;
|
|
18201
19187
|
align-items: center;
|
|
@@ -18224,7 +19210,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18224
19210
|
|
|
18225
19211
|
/**
|
|
18226
19212
|
* Do not edit directly
|
|
18227
|
-
* Generated on
|
|
19213
|
+
* Generated on Wed, 25 Feb 2026 20:43:42 GMT
|
|
18228
19214
|
*/
|
|
18229
19215
|
|
|
18230
19216
|
:root {
|
|
@@ -18233,21 +19219,23 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18233
19219
|
|
|
18234
19220
|
/**
|
|
18235
19221
|
* Do not edit directly
|
|
18236
|
-
* Generated on
|
|
19222
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
18237
19223
|
*/
|
|
18238
19224
|
|
|
18239
19225
|
:root,
|
|
18240
19226
|
[data-color-mode="light"] {
|
|
19227
|
+
--brand-SubNav-bgColor: var(--brand-color-canvas-default);
|
|
18241
19228
|
--brand-SubNav-color-link-rest: var(--brand-color-text-default);
|
|
18242
19229
|
--brand-SubNav-color-link-active: var(--brand-color-text-default);
|
|
18243
|
-
--brand-SubNav-color-
|
|
19230
|
+
--brand-SubNav-color-link-bgColor: #e4ebe6;
|
|
18244
19231
|
--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);
|
|
18245
19232
|
}
|
|
18246
19233
|
|
|
18247
19234
|
[data-color-mode="dark"] {
|
|
19235
|
+
--brand-SubNav-bgColor: var(--brand-color-canvas-default);
|
|
18248
19236
|
--brand-SubNav-color-link-rest: var(--brand-color-text-default);
|
|
18249
19237
|
--brand-SubNav-color-link-active: var(--brand-color-text-default);
|
|
18250
|
-
--brand-SubNav-color-
|
|
19238
|
+
--brand-SubNav-color-link-bgColor: #323834;
|
|
18251
19239
|
--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);
|
|
18252
19240
|
}
|
|
18253
19241
|
|
|
@@ -18255,6 +19243,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18255
19243
|
position: absolute;
|
|
18256
19244
|
width: 100%;
|
|
18257
19245
|
z-index: 2;
|
|
19246
|
+
border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
18258
19247
|
}
|
|
18259
19248
|
|
|
18260
19249
|
.Primer_Brand__SubNav-module__SubNav__container--with-anchor-nav___y6aE7 {
|
|
@@ -18263,11 +19252,15 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18263
19252
|
position: relative;
|
|
18264
19253
|
}
|
|
18265
19254
|
|
|
19255
|
+
.Primer_Brand__SubNav-module__SubNav__container--with-anchor-nav___y6aE7 .Primer_Brand__SubNav-module__SubNav___dVoQu {
|
|
19256
|
+
border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
19257
|
+
}
|
|
19258
|
+
|
|
18266
19259
|
.Primer_Brand__SubNav-module__SubNav___dVoQu {
|
|
18267
19260
|
width: 100%;
|
|
18268
19261
|
display: flex;
|
|
18269
|
-
padding: var(--base-size-16);
|
|
18270
19262
|
z-index: 1;
|
|
19263
|
+
background-color: var(--brand-SubNav-bgColor);
|
|
18271
19264
|
}
|
|
18272
19265
|
|
|
18273
19266
|
[data-color-mode='dark'] .Primer_Brand__SubNav-module__SubNav___dVoQu {
|
|
@@ -18275,16 +19268,21 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18275
19268
|
-moz-osx-font-smoothing: grayscale;
|
|
18276
19269
|
}
|
|
18277
19270
|
|
|
18278
|
-
.Primer_Brand__SubNav-module__SubNav__heading___MAxf6
|
|
19271
|
+
.Primer_Brand__SubNav-module__SubNav__heading___MAxf6,
|
|
19272
|
+
.Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp {
|
|
18279
19273
|
display: block;
|
|
18280
|
-
font-
|
|
19274
|
+
font-size: calc(var(--base-size-16) - 1px); /* One-off override to match design */
|
|
19275
|
+
line-height: calc(var(--base-size-16) - 1px); /* One-off override to match design */
|
|
19276
|
+
font-weight: var(--brand-text-subhead-weight-medium);
|
|
18281
19277
|
color: var(--brand-color-text-default);
|
|
18282
19278
|
font-family: var(--brand-heading-fontFamily);
|
|
18283
19279
|
-webkit-text-decoration: none;
|
|
18284
19280
|
text-decoration: none;
|
|
18285
19281
|
}
|
|
18286
19282
|
|
|
18287
|
-
.Primer_Brand__SubNav-module__SubNav__heading___MAxf6:hover
|
|
19283
|
+
.Primer_Brand__SubNav-module__SubNav__heading___MAxf6:hover,
|
|
19284
|
+
.Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp:hover,
|
|
19285
|
+
.Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
|
|
18288
19286
|
color: var(--brand-color-text-muted);
|
|
18289
19287
|
-webkit-text-decoration: none !important;
|
|
18290
19288
|
text-decoration: none !important; /* dotcom override */
|
|
@@ -18295,10 +19293,17 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18295
19293
|
}
|
|
18296
19294
|
|
|
18297
19295
|
.Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
|
|
19296
|
+
min-height: 60px;
|
|
18298
19297
|
position: relative;
|
|
18299
19298
|
z-index: 9998;
|
|
18300
|
-
display:
|
|
18301
|
-
|
|
19299
|
+
display: flex;
|
|
19300
|
+
align-items: center;
|
|
19301
|
+
padding: var(--base-size-16);
|
|
19302
|
+
border-inline-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
19303
|
+
}
|
|
19304
|
+
|
|
19305
|
+
.Primer_Brand__SubNav-module__SubNav__heading-container___jlouG + .Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
|
|
19306
|
+
padding-inline-start: var(--base-size-24);
|
|
18302
19307
|
}
|
|
18303
19308
|
|
|
18304
19309
|
.Primer_Brand__SubNav-module__SubNav--has-shadow___jkyC7 {
|
|
@@ -18336,16 +19341,6 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18336
19341
|
display: none;
|
|
18337
19342
|
}
|
|
18338
19343
|
|
|
18339
|
-
.Primer_Brand__SubNav-module__SubNav__heading-separator___M5xJp {
|
|
18340
|
-
position: relative;
|
|
18341
|
-
top: 0;
|
|
18342
|
-
color: var(--brand-color-text-muted);
|
|
18343
|
-
min-width: var(--base-size-8);
|
|
18344
|
-
min-height: var(--base-size-16);
|
|
18345
|
-
display: inline-flex;
|
|
18346
|
-
align-items: center;
|
|
18347
|
-
}
|
|
18348
|
-
|
|
18349
19344
|
/*
|
|
18350
19345
|
* Anchor Nav Submenu
|
|
18351
19346
|
*/
|
|
@@ -18398,8 +19393,8 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18398
19393
|
|
|
18399
19394
|
.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG {
|
|
18400
19395
|
display: flex;
|
|
18401
|
-
padding-block
|
|
18402
|
-
|
|
19396
|
+
padding-block: var(--base-size-12);
|
|
19397
|
+
border-block: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
18403
19398
|
}
|
|
18404
19399
|
|
|
18405
19400
|
.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__sub-menu-list___aBVGd {
|
|
@@ -18410,28 +19405,20 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18410
19405
|
gap: var(--base-size-20);
|
|
18411
19406
|
}
|
|
18412
19407
|
|
|
18413
|
-
.Primer_Brand__SubNav-
|
|
18414
|
-
|
|
18415
|
-
}
|
|
18416
|
-
|
|
18417
|
-
.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,
|
|
18418
|
-
.Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
|
|
18419
|
-
.Primer_Brand__SubNav-module__SubNav__link___VBkrZ:focus-visible .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
|
|
18420
|
-
.Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
|
|
18421
|
-
opacity: 1;
|
|
18422
|
-
transform: scale(0.8, 1);
|
|
19408
|
+
.Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
|
|
19409
|
+
font-weight: 450; /* FIXME: unsupported in our font weight primitives */
|
|
18423
19410
|
}
|
|
18424
19411
|
|
|
18425
|
-
.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__link
|
|
18426
|
-
|
|
18427
|
-
|
|
18428
|
-
|
|
19412
|
+
.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
|
|
19413
|
+
padding: var(--base-size-6) var(--base-size-12);
|
|
19414
|
+
background-color: transparent;
|
|
19415
|
+
border-radius: var(--brand-borderRadius-full);
|
|
19416
|
+
transition: background-color var(--brand-animation-duration-default) var(--brand-animation-easing-default),
|
|
19417
|
+
color var(--brand-animation-duration-default) var(--brand-animation-easing-default);
|
|
18429
19418
|
}
|
|
18430
19419
|
|
|
18431
|
-
.Primer_Brand__SubNav-
|
|
18432
|
-
|
|
18433
|
-
border-color: var(--brand-color-text-default);
|
|
18434
|
-
opacity: 1;
|
|
19420
|
+
.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 {
|
|
19421
|
+
background-color: var(--brand-SubNav-color-link-bgColor);
|
|
18435
19422
|
}
|
|
18436
19423
|
|
|
18437
19424
|
.Primer_Brand__SubNav-module__SubNav__link___VBkrZ:focus-visible .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
|
|
@@ -18439,37 +19426,14 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18439
19426
|
opacity: 0;
|
|
18440
19427
|
}
|
|
18441
19428
|
|
|
18442
|
-
.Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
|
|
18443
19429
|
.Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) * {
|
|
18444
19430
|
color: var(--brand-SubNav-color-link-active);
|
|
18445
19431
|
-webkit-text-decoration: none !important;
|
|
18446
19432
|
text-decoration: none !important; /* dotcom override */
|
|
18447
19433
|
}
|
|
18448
19434
|
|
|
18449
|
-
.Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
|
|
18450
|
-
.Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp::after {
|
|
18451
|
-
content: '';
|
|
18452
|
-
position: absolute;
|
|
18453
|
-
bottom: calc(var(--base-size-2) * -1);
|
|
18454
|
-
left: 0;
|
|
18455
|
-
width: 100%;
|
|
18456
|
-
height: 2px;
|
|
18457
|
-
border-width: 2px;
|
|
18458
|
-
border-bottom: var(--base-size-2) solid var(--brand-color-text-muted);
|
|
18459
|
-
transition: opacity var(--brand-animation-duration-fast), transform var(--brand-animation-duration-fast),
|
|
18460
|
-
border-color var(--brand-animation-duration-fast);
|
|
18461
|
-
opacity: 1;
|
|
18462
|
-
transform: scale(0);
|
|
18463
|
-
transform-origin: center;
|
|
18464
|
-
}
|
|
18465
|
-
|
|
18466
|
-
.Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
|
|
18467
|
-
border-color: var(--brand-color-text-default);
|
|
18468
|
-
}
|
|
18469
|
-
|
|
18470
19435
|
.Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
|
|
18471
19436
|
transition: color var(--brand-animation-duration-fast) var(--brand-animation-easing-default);
|
|
18472
|
-
color: var(--brand-SubNav-color-link-active);
|
|
18473
19437
|
}
|
|
18474
19438
|
|
|
18475
19439
|
.Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
|
|
@@ -18527,6 +19491,18 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18527
19491
|
display: block;
|
|
18528
19492
|
}
|
|
18529
19493
|
|
|
19494
|
+
.Primer_Brand__SubNav-module__SubNav--open___xWq0D .Primer_Brand__SubNav-module__SubNav--header-container-outer___tneuD {
|
|
19495
|
+
display: flex;
|
|
19496
|
+
flex-direction: column;
|
|
19497
|
+
max-height: 100dvh;
|
|
19498
|
+
max-height: var(--subnav-available-height, 100dvh);
|
|
19499
|
+
overflow: hidden;
|
|
19500
|
+
}
|
|
19501
|
+
|
|
19502
|
+
.Primer_Brand__SubNav-module__SubNav--open___xWq0D .Primer_Brand__SubNav-module__SubNav__header-container___heD5O {
|
|
19503
|
+
flex-shrink: 0;
|
|
19504
|
+
}
|
|
19505
|
+
|
|
18530
19506
|
.Primer_Brand__SubNav-module__SubNav--open___xWq0D + .Primer_Brand__SubNav-module__SubNav__anchor-menu-outer-container___sfhEf {
|
|
18531
19507
|
z-index: -1;
|
|
18532
19508
|
}
|
|
@@ -18546,6 +19522,8 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18546
19522
|
display: flex;
|
|
18547
19523
|
width: 100%;
|
|
18548
19524
|
white-space: pre;
|
|
19525
|
+
position: relative;
|
|
19526
|
+
z-index: 9998;
|
|
18549
19527
|
}
|
|
18550
19528
|
|
|
18551
19529
|
.Primer_Brand__SubNav-module__SubNav__heading-separator___M5xJp {
|
|
@@ -18561,49 +19539,55 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18561
19539
|
justify-content: center;
|
|
18562
19540
|
z-index: 9998;
|
|
18563
19541
|
display: none;
|
|
19542
|
+
padding-inline: var(--base-size-8);
|
|
18564
19543
|
}
|
|
18565
19544
|
|
|
18566
19545
|
.Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA {
|
|
18567
19546
|
display: flex;
|
|
18568
19547
|
flex-direction: column;
|
|
18569
19548
|
gap: var(--base-size-8);
|
|
18570
|
-
padding-block
|
|
18571
|
-
|
|
18572
|
-
|
|
18573
|
-
|
|
18574
|
-
|
|
18575
|
-
border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
|
|
18576
|
-
margin-block-start: var(--base-size-16);
|
|
19549
|
+
padding-block: var(--base-size-16);
|
|
19550
|
+
border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
19551
|
+
justify-content: flex-start;
|
|
19552
|
+
overflow-y: auto;
|
|
19553
|
+
min-height: 0;
|
|
18577
19554
|
}
|
|
18578
19555
|
|
|
18579
19556
|
.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 {
|
|
18580
19557
|
color: var(--brand-color-text-default);
|
|
18581
19558
|
}
|
|
18582
19559
|
|
|
18583
|
-
.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 {
|
|
18584
|
-
color: var(--brand-color-text-muted);
|
|
18585
|
-
}
|
|
18586
|
-
|
|
18587
19560
|
.Primer_Brand__SubNav-module__SubNav__overlay-toggle___GY93X {
|
|
18588
|
-
background-color: transparent;
|
|
18589
|
-
border: none;
|
|
18590
|
-
cursor: pointer;
|
|
18591
19561
|
display: flex;
|
|
18592
19562
|
position: relative;
|
|
18593
19563
|
width: 100%;
|
|
18594
|
-
order: 1;
|
|
18595
19564
|
z-index: 9999;
|
|
18596
|
-
padding: 0;
|
|
18597
19565
|
justify-content: flex-end;
|
|
19566
|
+
padding-inline-end: var(--base-size-16);
|
|
18598
19567
|
}
|
|
18599
19568
|
|
|
18600
19569
|
.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 {
|
|
18601
|
-
|
|
19570
|
+
border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
19571
|
+
display: block;
|
|
19572
|
+
padding-block: var(--base-size-12);
|
|
19573
|
+
margin-block: 0;
|
|
18602
19574
|
}
|
|
18603
19575
|
|
|
18604
19576
|
.Primer_Brand__SubNav-module__SubNav__overlay-toggle-content___GYAh4 {
|
|
18605
|
-
justify-content: space-between;
|
|
18606
19577
|
width: 100%;
|
|
19578
|
+
padding-inline-start: var(--base-size-16);
|
|
19579
|
+
}
|
|
19580
|
+
|
|
19581
|
+
.Primer_Brand__SubNav-module__SubNav__overlay-toggle-label___J0P2K {
|
|
19582
|
+
background-color: var(--brand-SubNav-color-link-bgColor);
|
|
19583
|
+
border: none;
|
|
19584
|
+
border-radius: var(--brand-borderRadius-full);
|
|
19585
|
+
padding: var(--base-size-4) var(--base-size-12);
|
|
19586
|
+
gap: var(--base-size-6);
|
|
19587
|
+
display: flex;
|
|
19588
|
+
align-items: center;
|
|
19589
|
+
cursor: pointer;
|
|
19590
|
+
font: inherit;
|
|
18607
19591
|
}
|
|
18608
19592
|
|
|
18609
19593
|
.Primer_Brand__SubNav-module__SubNav--full-width___ZqqXq .Primer_Brand__SubNav-module__SubNav__overlay-toggle___GY93X {
|
|
@@ -18625,10 +19609,26 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18625
19609
|
color: var(--brand-SubNav-color-link-active);
|
|
18626
19610
|
}
|
|
18627
19611
|
|
|
19612
|
+
.Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ {
|
|
19613
|
+
padding: var(--base-size-8);
|
|
19614
|
+
}
|
|
19615
|
+
|
|
19616
|
+
.Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) {
|
|
19617
|
+
display: inline-block;
|
|
19618
|
+
background-color: var(--brand-SubNav-color-link-bgColor);
|
|
19619
|
+
border-radius: var(--brand-borderRadius-full);
|
|
19620
|
+
padding: var(--base-size-2) var(--base-size-12) var(--base-size-4);
|
|
19621
|
+
margin-inline-start: var(--base-size-8);
|
|
19622
|
+
}
|
|
19623
|
+
|
|
19624
|
+
.Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover {
|
|
19625
|
+
background-color: var(--brand-SubNav-color-link-bgColor);
|
|
19626
|
+
border-radius: var(--brand-borderRadius-medium);
|
|
19627
|
+
}
|
|
19628
|
+
|
|
18628
19629
|
.Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__link___VBkrZ,
|
|
18629
19630
|
.Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA .Primer_Brand__SubNav-module__SubNav__action-container___lgC_T {
|
|
18630
19631
|
display: block;
|
|
18631
|
-
padding: var(--base-size-8) 0;
|
|
18632
19632
|
animation: Primer_Brand__SubNav-module__fade-in___t8Rrr 0.3s var(--brand-animation-easing-glide) forwards;
|
|
18633
19633
|
}
|
|
18634
19634
|
|
|
@@ -18649,6 +19649,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18649
19649
|
padding: 0;
|
|
18650
19650
|
margin: 0;
|
|
18651
19651
|
padding-inline-start: var(--base-size-16);
|
|
19652
|
+
padding-block-start: var(--base-size-8);
|
|
18652
19653
|
}
|
|
18653
19654
|
|
|
18654
19655
|
.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 {
|
|
@@ -18680,8 +19681,6 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18680
19681
|
}
|
|
18681
19682
|
|
|
18682
19683
|
.Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
|
|
18683
|
-
font-size: var(--brand-text-size-200);
|
|
18684
|
-
font-weight: var(--base-text-weight-medium);
|
|
18685
19684
|
padding-block-end: var(--base-size-6);
|
|
18686
19685
|
}
|
|
18687
19686
|
|
|
@@ -18705,19 +19704,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18705
19704
|
display: block;
|
|
18706
19705
|
white-space: pre;
|
|
18707
19706
|
position: relative;
|
|
18708
|
-
|
|
18709
|
-
|
|
18710
|
-
.Primer_Brand__SubNav-module__SubNav___dVoQu .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
|
|
18711
|
-
opacity: 0;
|
|
18712
|
-
transform: scale(0);
|
|
18713
|
-
bottom: 0;
|
|
18714
|
-
}
|
|
18715
|
-
|
|
18716
|
-
.Primer_Brand__SubNav-module__SubNav__link___VBkrZ:hover .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
|
|
18717
|
-
.Primer_Brand__SubNav-module__SubNav__link___VBkrZ:focus-visible .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after,
|
|
18718
|
-
.Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
|
|
18719
|
-
opacity: 1;
|
|
18720
|
-
transform: scale(1);
|
|
19707
|
+
top: var(--base-size-2);
|
|
18721
19708
|
}
|
|
18722
19709
|
}
|
|
18723
19710
|
|
|
@@ -18739,7 +19726,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18739
19726
|
.Primer_Brand__SubNav-module__SubNav__heading___MAxf6:focus-visible,
|
|
18740
19727
|
.Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp:focus-visible,
|
|
18741
19728
|
.Primer_Brand__SubNav-module__SubNav__sub-menu-toggle___FvvL9:focus-visible,
|
|
18742
|
-
.Primer_Brand__SubNav-module__SubNav__overlay-
|
|
19729
|
+
.Primer_Brand__SubNav-module__SubNav__overlay-toggle-label___J0P2K:focus-visible {
|
|
18743
19730
|
outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
|
|
18744
19731
|
outline-offset: var(--base-size-2);
|
|
18745
19732
|
}
|
|
@@ -18750,20 +19737,24 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18750
19737
|
white-space: nowrap;
|
|
18751
19738
|
}
|
|
18752
19739
|
|
|
18753
|
-
.Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp[aria-current]:not([aria-current='false'])
|
|
18754
|
-
|
|
18755
|
-
border
|
|
18756
|
-
|
|
18757
|
-
|
|
18758
|
-
}
|
|
18759
|
-
|
|
18760
|
-
.Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp:focus-visible::after {
|
|
18761
|
-
opacity: 0;
|
|
19740
|
+
.Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp[aria-current]:not([aria-current='false']) {
|
|
19741
|
+
background-color: var(--brand-SubNav-color-link-bgColor);
|
|
19742
|
+
border: none;
|
|
19743
|
+
border-radius: var(--brand-borderRadius-full);
|
|
19744
|
+
padding: var(--base-size-6) var(--base-size-12);
|
|
18762
19745
|
}
|
|
18763
19746
|
|
|
18764
19747
|
@media screen and (min-width: 48rem) {
|
|
18765
|
-
.Primer_Brand__SubNav-
|
|
18766
|
-
padding: var(--base-size-
|
|
19748
|
+
.Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
|
|
19749
|
+
padding-inline: var(--base-size-24);
|
|
19750
|
+
}
|
|
19751
|
+
|
|
19752
|
+
.Primer_Brand__SubNav-module__SubNav__overlay-toggle-content___GYAh4 {
|
|
19753
|
+
padding-inline-start: var(--base-size-24);
|
|
19754
|
+
}
|
|
19755
|
+
|
|
19756
|
+
.Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA {
|
|
19757
|
+
padding: var(--base-size-24);
|
|
18767
19758
|
}
|
|
18768
19759
|
|
|
18769
19760
|
.Primer_Brand__SubNav-module__SubNav--full-width___ZqqXq {
|
|
@@ -18785,16 +19776,24 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18785
19776
|
|
|
18786
19777
|
@media screen and (min-width: 63.25rem) {
|
|
18787
19778
|
.Primer_Brand__SubNav-module__SubNav___dVoQu {
|
|
18788
|
-
padding: var(--base-size-16) var(--base-size-32);
|
|
18789
19779
|
align-items: center;
|
|
18790
19780
|
display: flex;
|
|
18791
19781
|
z-index: 92;
|
|
19782
|
+
padding-inline: var(--base-size-32);
|
|
19783
|
+
}
|
|
19784
|
+
|
|
19785
|
+
.Primer_Brand__SubNav-module__SubNav__links-overlay--open___xdhUA {
|
|
19786
|
+
padding: 0;
|
|
18792
19787
|
}
|
|
18793
19788
|
|
|
18794
19789
|
.Primer_Brand__SubNav-module__SubNav___dVoQu:has(+ .Primer_Brand__SubNav-module__SubNav__anchor-menu-container___TNidG) {
|
|
18795
19790
|
padding-block-end: 0;
|
|
18796
19791
|
}
|
|
18797
19792
|
|
|
19793
|
+
.Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
|
|
19794
|
+
padding-inline-start: 0;
|
|
19795
|
+
}
|
|
19796
|
+
|
|
18798
19797
|
.Primer_Brand__SubNav-module__SubNav--full-width___ZqqXq {
|
|
18799
19798
|
padding-inline: 0;
|
|
18800
19799
|
}
|
|
@@ -18807,11 +19806,6 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18807
19806
|
padding-block-end: 1px;
|
|
18808
19807
|
}
|
|
18809
19808
|
|
|
18810
|
-
.Primer_Brand__SubNav-module__SubNav__heading___MAxf6 {
|
|
18811
|
-
font-size: calc(var(--base-size-20) - 2px);
|
|
18812
|
-
line-height: var(--base-size-24);
|
|
18813
|
-
}
|
|
18814
|
-
|
|
18815
19809
|
.Primer_Brand__SubNav-module__SubNav__heading-separator___M5xJp {
|
|
18816
19810
|
margin-inline-end: var(--base-size-20);
|
|
18817
19811
|
display: inline-flex;
|
|
@@ -18827,26 +19821,18 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18827
19821
|
align-items: center;
|
|
18828
19822
|
}
|
|
18829
19823
|
|
|
18830
|
-
.Primer_Brand__SubNav-module__SubNav__heading-container___jlouG {
|
|
18831
|
-
margin-inline-end: var(--base-size-20);
|
|
18832
|
-
}
|
|
18833
|
-
|
|
18834
19824
|
.Primer_Brand__SubNav-module__SubNav__header-container___heD5O {
|
|
18835
19825
|
display: flex;
|
|
18836
19826
|
align-items: center;
|
|
18837
19827
|
}
|
|
18838
19828
|
|
|
18839
|
-
.Primer_Brand__SubNav-module__SubNav__subHeading___EQNxp {
|
|
18840
|
-
font-size: var(--brand-text-size-100);
|
|
18841
|
-
line-height: var(--brand-text-lineHeight-100);
|
|
18842
|
-
}
|
|
18843
|
-
|
|
18844
19829
|
.Primer_Brand__SubNav-module__SubNav__links-overlay___CnpND {
|
|
18845
19830
|
align-items: center;
|
|
18846
19831
|
display: flex;
|
|
18847
|
-
gap: var(--base-size-
|
|
19832
|
+
gap: var(--base-size-2);
|
|
18848
19833
|
z-index: 92;
|
|
18849
19834
|
flex-grow: 1;
|
|
19835
|
+
padding-inline-start: var(--base-size-24);
|
|
18850
19836
|
}
|
|
18851
19837
|
|
|
18852
19838
|
.Primer_Brand__SubNav-module__SubNav__link___VBkrZ {
|
|
@@ -18854,7 +19840,8 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18854
19840
|
text-decoration: none !important; /* dotcom override */
|
|
18855
19841
|
transition: color 0.2s var(--brand-animation-easing-glide);
|
|
18856
19842
|
position: relative;
|
|
18857
|
-
padding: var(--base-size-4)
|
|
19843
|
+
padding: var(--base-size-4) var(--base-size-12);
|
|
19844
|
+
border-radius: var(--brand-borderRadius-full);
|
|
18858
19845
|
}
|
|
18859
19846
|
|
|
18860
19847
|
.Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
|
|
@@ -18879,24 +19866,20 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18879
19866
|
|
|
18880
19867
|
.Primer_Brand__SubNav-module__SubNav__sub-menu___UENed.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN {
|
|
18881
19868
|
background-clip: padding-box;
|
|
18882
|
-
background-color: var(--brand-
|
|
18883
|
-
border:
|
|
18884
|
-
border: var(--
|
|
18885
|
-
border-radius: 0.375rem;
|
|
18886
|
-
border-radius: var(--brand-borderRadius-xlarge, 0.375rem);
|
|
18887
|
-
box-shadow: var(--shadow-floating-legacy, var(--color-shadow-large));
|
|
19869
|
+
background-color: var(--brand-color-canvas-default);
|
|
19870
|
+
border: var(--brand-color-border-muted) solid var(--brand-borderWidth-thin);
|
|
19871
|
+
border-radius: var(--brand-borderRadius-medium);
|
|
18888
19872
|
left: 0;
|
|
18889
19873
|
list-style: none;
|
|
18890
19874
|
margin-block-start: var(--base-size-8);
|
|
18891
|
-
padding: var(--base-size-
|
|
18892
|
-
padding-inline-end: var(--base-size-24);
|
|
19875
|
+
padding: var(--base-size-8);
|
|
18893
19876
|
position: absolute;
|
|
18894
|
-
top:
|
|
19877
|
+
top: 90%;
|
|
18895
19878
|
z-index: 9998;
|
|
18896
19879
|
transition-timing-function: var(--brand-animation-easing-glide);
|
|
18897
19880
|
transition-duration: var(--brand-animation-duration-fast);
|
|
18898
19881
|
transition-property: opacity, transform;
|
|
18899
|
-
left:
|
|
19882
|
+
left: var(--base-size-4);
|
|
18900
19883
|
visibility: hidden;
|
|
18901
19884
|
opacity: 0;
|
|
18902
19885
|
transform: scale(0.99) translateY(-0.7em) translateX(-8px);
|
|
@@ -18911,7 +19894,6 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18911
19894
|
visibility: visible;
|
|
18912
19895
|
opacity: 1;
|
|
18913
19896
|
transform: scale(1) translateY(0) translateX(-8px);
|
|
18914
|
-
box-shadow: var(--brand-SubNav-shadow);
|
|
18915
19897
|
}
|
|
18916
19898
|
|
|
18917
19899
|
.Primer_Brand__SubNav-module__SubNav__sub-menu-toggle___FvvL9 {
|
|
@@ -18933,10 +19915,6 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18933
19915
|
display: block;
|
|
18934
19916
|
}
|
|
18935
19917
|
|
|
18936
|
-
.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 {
|
|
18937
|
-
color: var(--brand-color-text-default) !important;
|
|
18938
|
-
}
|
|
18939
|
-
|
|
18940
19918
|
.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN .Primer_Brand__SubNav-module__SubNav__link-label___IoiSp::after {
|
|
18941
19919
|
opacity: 1;
|
|
18942
19920
|
transform: scale(0);
|
|
@@ -18955,18 +19933,53 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18955
19933
|
padding: var(--base-size-4) 0;
|
|
18956
19934
|
}
|
|
18957
19935
|
|
|
18958
|
-
/* Show
|
|
18959
|
-
.Primer_Brand__SubNav-module__SubNav__link--has-sub-
|
|
18960
|
-
|
|
18961
|
-
|
|
18962
|
-
|
|
18963
|
-
|
|
19936
|
+
/* Show pill on submenu parent */
|
|
19937
|
+
.Primer_Brand__SubNav-module__SubNav__link--has-active-sub-menu___T8fLN {
|
|
19938
|
+
background-color: var(--brand-SubNav-color-link-bgColor);
|
|
19939
|
+
border-radius: var(--brand-borderRadius-full);
|
|
19940
|
+
padding: 0 var(--base-size-8) 0 0;
|
|
19941
|
+
gap: 0;
|
|
18964
19942
|
}
|
|
18965
19943
|
|
|
18966
|
-
.Primer_Brand__SubNav-module__SubNav__link--has-sub-
|
|
18967
|
-
|
|
18968
|
-
|
|
18969
|
-
|
|
19944
|
+
.Primer_Brand__SubNav-module__SubNav__link--has-active-sub-menu___T8fLN > .Primer_Brand__SubNav-module__SubNav__link___VBkrZ {
|
|
19945
|
+
padding: var(--base-size-4) 0 var(--base-size-4) var(--base-size-12);
|
|
19946
|
+
}
|
|
19947
|
+
|
|
19948
|
+
.Primer_Brand__SubNav-module__SubNav__sub-menu___UENed.Primer_Brand__SubNav-module__SubNav__sub-menu--dropdown___tPNZN .Primer_Brand__SubNav-module__SubNav__link___VBkrZ {
|
|
19949
|
+
padding: var(--base-size-12);
|
|
19950
|
+
}
|
|
19951
|
+
|
|
19952
|
+
/* Active link pill styling */
|
|
19953
|
+
.Primer_Brand__SubNav-module__SubNav__links-overlay___CnpND .Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false']) {
|
|
19954
|
+
background-color: var(--brand-SubNav-color-link-bgColor);
|
|
19955
|
+
line-height: 1.1em;
|
|
19956
|
+
}
|
|
19957
|
+
|
|
19958
|
+
/* Firefox optical alignment fix */
|
|
19959
|
+
@supports (-moz-appearance: none) {
|
|
19960
|
+
.Primer_Brand__SubNav-module__SubNav__links-overlay___CnpND
|
|
19961
|
+
.Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW
|
|
19962
|
+
.Primer_Brand__SubNav-module__SubNav__link___VBkrZ[aria-current]:not([aria-current='false'])
|
|
19963
|
+
.Primer_Brand__SubNav-module__SubNav__link-label___IoiSp {
|
|
19964
|
+
top: 0;
|
|
19965
|
+
}
|
|
19966
|
+
}
|
|
19967
|
+
|
|
19968
|
+
.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']) {
|
|
19969
|
+
padding-inline-end: var(--base-size-4);
|
|
19970
|
+
}
|
|
19971
|
+
|
|
19972
|
+
.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']) {
|
|
19973
|
+
background-color: transparent;
|
|
19974
|
+
border-radius: var(--brand-borderRadius-medium);
|
|
19975
|
+
padding: var(--base-size-4) var(--base-size-8) var(--base-size-4) var(--base-size-12);
|
|
19976
|
+
top: auto;
|
|
19977
|
+
top: initial;
|
|
19978
|
+
}
|
|
19979
|
+
|
|
19980
|
+
.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 {
|
|
19981
|
+
background-color: var(--brand-SubNav-color-link-bgColor);
|
|
19982
|
+
border-radius: var(--brand-borderRadius-medium);
|
|
18970
19983
|
}
|
|
18971
19984
|
|
|
18972
19985
|
.Primer_Brand__SubNav-module__SubNav__sub-menu-icon___XxnxY {
|
|
@@ -18975,10 +19988,6 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18975
19988
|
transition: transform var(--brand-animation-duration-fast);
|
|
18976
19989
|
}
|
|
18977
19990
|
|
|
18978
|
-
.Primer_Brand__SubNav-module__SubNav__link--has-sub-menu___IrziW:hover .Primer_Brand__SubNav-module__SubNav__sub-menu-icon___XxnxY {
|
|
18979
|
-
transform: translateY(2px);
|
|
18980
|
-
}
|
|
18981
|
-
|
|
18982
19991
|
.Primer_Brand__SubNav-module__SubNav__sub-menu--anchor___Q6VDG {
|
|
18983
19992
|
padding-inline: var(--base-size-32);
|
|
18984
19993
|
}
|
|
@@ -19016,7 +20025,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19016
20025
|
|
|
19017
20026
|
/**
|
|
19018
20027
|
* Do not edit directly
|
|
19019
|
-
* Generated on
|
|
20028
|
+
* Generated on Wed, 25 Feb 2026 20:43:42 GMT
|
|
19020
20029
|
*/
|
|
19021
20030
|
|
|
19022
20031
|
:root {
|
|
@@ -19025,7 +20034,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19025
20034
|
|
|
19026
20035
|
/**
|
|
19027
20036
|
* Do not edit directly
|
|
19028
|
-
* Generated on
|
|
20037
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
19029
20038
|
*/
|
|
19030
20039
|
|
|
19031
20040
|
:root,
|
|
@@ -19521,7 +20530,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
19521
20530
|
|
|
19522
20531
|
/**
|
|
19523
20532
|
* Do not edit directly
|
|
19524
|
-
* Generated on
|
|
20533
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
19525
20534
|
*/
|
|
19526
20535
|
|
|
19527
20536
|
:root,
|
|
@@ -19620,7 +20629,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
19620
20629
|
|
|
19621
20630
|
/**
|
|
19622
20631
|
* Do not edit directly
|
|
19623
|
-
* Generated on
|
|
20632
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
19624
20633
|
*/
|
|
19625
20634
|
|
|
19626
20635
|
:root,
|
|
@@ -19998,7 +21007,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
19998
21007
|
|
|
19999
21008
|
/**
|
|
20000
21009
|
* Do not edit directly
|
|
20001
|
-
* Generated on
|
|
21010
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
20002
21011
|
*/
|
|
20003
21012
|
|
|
20004
21013
|
:root,
|
|
@@ -20012,7 +21021,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
20012
21021
|
|
|
20013
21022
|
/**
|
|
20014
21023
|
* Do not edit directly
|
|
20015
|
-
* Generated on
|
|
21024
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
20016
21025
|
*/
|
|
20017
21026
|
|
|
20018
21027
|
:root {
|
|
@@ -20199,7 +21208,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
20199
21208
|
|
|
20200
21209
|
/**
|
|
20201
21210
|
* Do not edit directly
|
|
20202
|
-
* Generated on
|
|
21211
|
+
* Generated on Wed, 25 Feb 2026 20:43:42 GMT
|
|
20203
21212
|
*/
|
|
20204
21213
|
|
|
20205
21214
|
:root {
|
|
@@ -20284,7 +21293,6 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
20284
21293
|
}
|
|
20285
21294
|
|
|
20286
21295
|
.Primer_Brand__Statistic-module__Statistic__heading___xQ8Ki {
|
|
20287
|
-
font-stretch: 75%;
|
|
20288
21296
|
position: relative;
|
|
20289
21297
|
}
|
|
20290
21298
|
|
|
@@ -20484,7 +21492,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
20484
21492
|
|
|
20485
21493
|
/**
|
|
20486
21494
|
* Do not edit directly
|
|
20487
|
-
* Generated on
|
|
21495
|
+
* Generated on Wed, 25 Feb 2026 20:43:42 GMT
|
|
20488
21496
|
*/
|
|
20489
21497
|
|
|
20490
21498
|
:root {
|
|
@@ -20495,7 +21503,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
20495
21503
|
|
|
20496
21504
|
/**
|
|
20497
21505
|
* Do not edit directly
|
|
20498
|
-
* Generated on
|
|
21506
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
20499
21507
|
*/
|
|
20500
21508
|
|
|
20501
21509
|
:root,
|
|
@@ -20633,7 +21641,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
20633
21641
|
|
|
20634
21642
|
/**
|
|
20635
21643
|
* Do not edit directly
|
|
20636
|
-
* Generated on
|
|
21644
|
+
* Generated on Wed, 25 Feb 2026 20:43:42 GMT
|
|
20637
21645
|
*/
|
|
20638
21646
|
|
|
20639
21647
|
:root {
|
|
@@ -20642,7 +21650,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
20642
21650
|
|
|
20643
21651
|
/**
|
|
20644
21652
|
* Do not edit directly
|
|
20645
|
-
* Generated on
|
|
21653
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
20646
21654
|
*/
|
|
20647
21655
|
|
|
20648
21656
|
:root,
|
|
@@ -20886,3 +21894,223 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
20886
21894
|
}
|
|
20887
21895
|
}
|
|
20888
21896
|
|
|
21897
|
+
/**
|
|
21898
|
+
* Do not edit directly
|
|
21899
|
+
* Generated on Wed, 25 Feb 2026 20:43:43 GMT
|
|
21900
|
+
*/
|
|
21901
|
+
|
|
21902
|
+
:root,
|
|
21903
|
+
[data-color-mode="light"] {
|
|
21904
|
+
--brand-tiles-bgColor-rest: #fafafa;
|
|
21905
|
+
--brand-tiles-bgColor-hover: #f2f5f3;
|
|
21906
|
+
--brand-tiles-highlightColor: #08872b;
|
|
21907
|
+
}
|
|
21908
|
+
|
|
21909
|
+
[data-color-mode="dark"] {
|
|
21910
|
+
--brand-tiles-bgColor-rest: #090d0a;
|
|
21911
|
+
--brand-tiles-bgColor-hover: #101411;
|
|
21912
|
+
--brand-tiles-highlightColor: #5fed83;
|
|
21913
|
+
}
|
|
21914
|
+
|
|
21915
|
+
.Primer_Brand__Tiles-module__Tiles___z9bH9 {
|
|
21916
|
+
width: 100%;
|
|
21917
|
+
color: var(--brand-color-text-default);
|
|
21918
|
+
}
|
|
21919
|
+
|
|
21920
|
+
.Primer_Brand__Tiles-module__Tiles-grid___PVssB {
|
|
21921
|
+
--tiles-columns: 2;
|
|
21922
|
+
display: flex;
|
|
21923
|
+
flex-wrap: wrap;
|
|
21924
|
+
justify-content: center;
|
|
21925
|
+
list-style: none;
|
|
21926
|
+
margin: 0;
|
|
21927
|
+
padding: 0;
|
|
21928
|
+
}
|
|
21929
|
+
|
|
21930
|
+
@media screen and (min-width: 48rem) {
|
|
21931
|
+
.Primer_Brand__Tiles-module__Tiles--layout-default___UIRQE .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
|
|
21932
|
+
--tiles-columns: 4;
|
|
21933
|
+
}
|
|
21934
|
+
}
|
|
21935
|
+
|
|
21936
|
+
@media screen and (min-width: 63.25rem) {
|
|
21937
|
+
.Primer_Brand__Tiles-module__Tiles--layout-default___UIRQE .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
|
|
21938
|
+
--tiles-columns: 6;
|
|
21939
|
+
}
|
|
21940
|
+
}
|
|
21941
|
+
|
|
21942
|
+
@media screen and (min-width: 48rem) {
|
|
21943
|
+
.Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
|
|
21944
|
+
--tiles-columns: 4;
|
|
21945
|
+
}
|
|
21946
|
+
}
|
|
21947
|
+
|
|
21948
|
+
@media screen and (min-width: 63.25rem) {
|
|
21949
|
+
.Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
|
|
21950
|
+
--tiles-columns: 8;
|
|
21951
|
+
}
|
|
21952
|
+
}
|
|
21953
|
+
|
|
21954
|
+
.Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah {
|
|
21955
|
+
position: relative;
|
|
21956
|
+
}
|
|
21957
|
+
|
|
21958
|
+
.Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah::before,
|
|
21959
|
+
.Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah::after {
|
|
21960
|
+
content: '';
|
|
21961
|
+
position: absolute;
|
|
21962
|
+
left: 50%;
|
|
21963
|
+
transform: translateX(-50%);
|
|
21964
|
+
width: 100vw;
|
|
21965
|
+
height: 0;
|
|
21966
|
+
border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
21967
|
+
}
|
|
21968
|
+
|
|
21969
|
+
.Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah::before {
|
|
21970
|
+
top: 0;
|
|
21971
|
+
}
|
|
21972
|
+
|
|
21973
|
+
.Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah::after {
|
|
21974
|
+
bottom: 0;
|
|
21975
|
+
}
|
|
21976
|
+
|
|
21977
|
+
.Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah .Primer_Brand__Tiles-module__Tiles-grid___PVssB {
|
|
21978
|
+
position: relative;
|
|
21979
|
+
padding-right: var(--brand-borderWidth-thin);
|
|
21980
|
+
padding-bottom: var(--brand-borderWidth-thin);
|
|
21981
|
+
}
|
|
21982
|
+
|
|
21983
|
+
.Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah .Primer_Brand__Tiles-module__Tiles-grid___PVssB::before,
|
|
21984
|
+
.Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah .Primer_Brand__Tiles-module__Tiles-grid___PVssB::after {
|
|
21985
|
+
content: '';
|
|
21986
|
+
position: absolute;
|
|
21987
|
+
top: 0;
|
|
21988
|
+
bottom: 0;
|
|
21989
|
+
width: 0;
|
|
21990
|
+
border-left: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
21991
|
+
z-index: 1;
|
|
21992
|
+
pointer-events: none;
|
|
21993
|
+
}
|
|
21994
|
+
|
|
21995
|
+
.Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah .Primer_Brand__Tiles-module__Tiles-grid___PVssB::before {
|
|
21996
|
+
left: 0;
|
|
21997
|
+
}
|
|
21998
|
+
|
|
21999
|
+
.Primer_Brand__Tiles-module__Tiles--variant-gridlines___XV5ah .Primer_Brand__Tiles-module__Tiles-grid___PVssB::after {
|
|
22000
|
+
right: 0;
|
|
22001
|
+
}
|
|
22002
|
+
|
|
22003
|
+
.Primer_Brand__Tiles-module__Tiles-item___NtPvv {
|
|
22004
|
+
--tiles-inset-shadow: inset 0 0 0 transparent;
|
|
22005
|
+
position: relative;
|
|
22006
|
+
display: flex;
|
|
22007
|
+
flex-direction: column;
|
|
22008
|
+
width: calc(100% / var(--tiles-columns));
|
|
22009
|
+
box-sizing: border-box;
|
|
22010
|
+
background-color: var(--brand-tiles-bgColor-rest);
|
|
22011
|
+
border-top: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
22012
|
+
border-left: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
22013
|
+
box-shadow: var(--brand-borderWidth-thin) 0 0 0 var(--brand-color-border-muted),
|
|
22014
|
+
0 var(--brand-borderWidth-thin) 0 0 var(--brand-color-border-muted), inset 0 0 0 transparent;
|
|
22015
|
+
box-shadow: var(--brand-borderWidth-thin) 0 0 0 var(--brand-color-border-muted),
|
|
22016
|
+
0 var(--brand-borderWidth-thin) 0 0 var(--brand-color-border-muted), var(--tiles-inset-shadow);
|
|
22017
|
+
transition: background-color var(--brand-animation-duration-faster) var(--brand-animation-easing-default),
|
|
22018
|
+
box-shadow var(--brand-animation-duration-faster) var(--brand-animation-easing-default);
|
|
22019
|
+
}
|
|
22020
|
+
|
|
22021
|
+
.Primer_Brand__Tiles-module__Tiles-item___NtPvv:has(.Primer_Brand__Tiles-module__Tiles-item-link___OhYck):hover,
|
|
22022
|
+
.Primer_Brand__Tiles-module__Tiles-item___NtPvv:has(.Primer_Brand__Tiles-module__Tiles-item-link___OhYck):focus-within {
|
|
22023
|
+
--tiles-inset-shadow: inset 0 var(--base-size-2) 0 var(--brand-tiles-highlightColor);
|
|
22024
|
+
background-color: var(--brand-tiles-bgColor-hover);
|
|
22025
|
+
}
|
|
22026
|
+
|
|
22027
|
+
.Primer_Brand__Tiles-module__Tiles-item-link___OhYck {
|
|
22028
|
+
display: flex;
|
|
22029
|
+
width: 100%;
|
|
22030
|
+
flex: 1;
|
|
22031
|
+
-webkit-text-decoration: none;
|
|
22032
|
+
text-decoration: none;
|
|
22033
|
+
color: inherit;
|
|
22034
|
+
}
|
|
22035
|
+
|
|
22036
|
+
.Primer_Brand__Tiles-module__Tiles-item-link___OhYck:focus-visible {
|
|
22037
|
+
outline: var(--base-size-4) solid var(--brand-color-focus);
|
|
22038
|
+
outline-offset: calc(-1 * var(--base-size-4));
|
|
22039
|
+
border-radius: var(--brand-borderRadius-small);
|
|
22040
|
+
}
|
|
22041
|
+
|
|
22042
|
+
.Primer_Brand__Tiles-module__Tiles-item-content___m7HiY {
|
|
22043
|
+
position: relative;
|
|
22044
|
+
display: flex;
|
|
22045
|
+
align-items: center;
|
|
22046
|
+
justify-content: center;
|
|
22047
|
+
width: 100%;
|
|
22048
|
+
aspect-ratio: 1;
|
|
22049
|
+
}
|
|
22050
|
+
|
|
22051
|
+
.Primer_Brand__Tiles-module__Tiles-item-media___BLrcU {
|
|
22052
|
+
display: flex;
|
|
22053
|
+
align-items: center;
|
|
22054
|
+
justify-content: center;
|
|
22055
|
+
}
|
|
22056
|
+
|
|
22057
|
+
.Primer_Brand__Tiles-module__Tiles-item-media___BLrcU svg,
|
|
22058
|
+
.Primer_Brand__Tiles-module__Tiles-item-media___BLrcU img {
|
|
22059
|
+
width: auto;
|
|
22060
|
+
height: var(--base-size-40);
|
|
22061
|
+
max-width: 100%;
|
|
22062
|
+
}
|
|
22063
|
+
|
|
22064
|
+
.Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-media___BLrcU svg,
|
|
22065
|
+
.Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-media___BLrcU img {
|
|
22066
|
+
height: var(--base-size-32);
|
|
22067
|
+
}
|
|
22068
|
+
|
|
22069
|
+
.Primer_Brand__Tiles-module__Tiles-item-label___nnmkF {
|
|
22070
|
+
position: absolute;
|
|
22071
|
+
bottom: 0;
|
|
22072
|
+
left: 0;
|
|
22073
|
+
right: 0;
|
|
22074
|
+
display: flex;
|
|
22075
|
+
align-items: center;
|
|
22076
|
+
justify-content: space-between;
|
|
22077
|
+
gap: var(--base-size-4);
|
|
22078
|
+
padding: var(--base-size-12) var(--base-size-16);
|
|
22079
|
+
}
|
|
22080
|
+
|
|
22081
|
+
.Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-label___nnmkF {
|
|
22082
|
+
opacity: 0;
|
|
22083
|
+
transform: translateY(var(--base-size-4));
|
|
22084
|
+
transition: opacity var(--brand-animation-duration-fast) var(--brand-animation-easing-default),
|
|
22085
|
+
transform var(--brand-animation-duration-fast) var(--brand-animation-easing-default);
|
|
22086
|
+
pointer-events: none;
|
|
22087
|
+
}
|
|
22088
|
+
|
|
22089
|
+
.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,
|
|
22090
|
+
.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 {
|
|
22091
|
+
opacity: 1;
|
|
22092
|
+
transform: translateY(0);
|
|
22093
|
+
}
|
|
22094
|
+
|
|
22095
|
+
.Primer_Brand__Tiles-module__Tiles-item-name___DHlvN {
|
|
22096
|
+
white-space: nowrap;
|
|
22097
|
+
overflow: hidden;
|
|
22098
|
+
text-overflow: ellipsis;
|
|
22099
|
+
min-width: 0;
|
|
22100
|
+
}
|
|
22101
|
+
|
|
22102
|
+
.Primer_Brand__Tiles-module__Tiles-item-icon___HpkyN {
|
|
22103
|
+
flex-shrink: 0;
|
|
22104
|
+
color: var(--brand-color-text-default);
|
|
22105
|
+
}
|
|
22106
|
+
|
|
22107
|
+
@media (prefers-reduced-motion: reduce) {
|
|
22108
|
+
.Primer_Brand__Tiles-module__Tiles-item___NtPvv {
|
|
22109
|
+
transition: none;
|
|
22110
|
+
}
|
|
22111
|
+
|
|
22112
|
+
.Primer_Brand__Tiles-module__Tiles--layout-compact___zPp1M .Primer_Brand__Tiles-module__Tiles-item-label___nnmkF {
|
|
22113
|
+
transition: none;
|
|
22114
|
+
}
|
|
22115
|
+
}
|
|
22116
|
+
|