@primer/react-brand 0.67.0-rc.aeae84f6 → 0.67.0-rc.eb80fcc4
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/Card/Card.d.ts +40 -7
- package/lib/EyebrowText/EyebrowText.d.ts +4 -1
- package/lib/Hero/HeroContext.d.ts +1 -1
- package/lib/PricingOptions/PricingOptions.d.ts +14 -7
- package/lib/Token/Token.d.ts +46 -0
- package/lib/Token/index.d.ts +1 -0
- package/lib/css/main.css +1629 -632
- 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 +3 -1
- package/lib/design-tokens/css/tokens/functional/colors/global.css +2 -1
- package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/anchor-nav/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/bento/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/blinking-cursor/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/breadcrumbs/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/card/base.css +3 -3
- package/lib/design-tokens/css/tokens/functional/components/card/colors-with-modes.css +3 -1
- package/lib/design-tokens/css/tokens/functional/components/card/colors.css +2 -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 +1 -1
- package/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/eyebrow-banner.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/faq.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/footer/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/grid/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/grid/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/grid/grid.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/icon/colors-with-modes.css +5 -5
- package/lib/design-tokens/css/tokens/functional/components/icon/colors.css +3 -3
- package/lib/design-tokens/css/tokens/functional/components/ide/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/ide/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/image/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/inline-link/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/label/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/label/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/link/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/logosuite/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/logosuite/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/logosuite/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/pagination/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/pillar/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/pillar/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/pricing-options/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/pricing-options/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/pricing-options/pricing-options.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/prose/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/prose/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/river/river.css +1 -1
- 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 +1 -1
- 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 +1 -1
- 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/token/colors-with-modes.css +37 -0
- package/lib/design-tokens/css/tokens/functional/components/token/colors.css +20 -0
- 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 +5 -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 +3 -3
- package/lib/design-tokens/js/module/tokens/functional/components/card/colors.js +5 -1
- package/lib/design-tokens/js/module/tokens/functional/components/comparison-table/comparison-table.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/faq/faq.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/footer/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/grid/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/grid/grid.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/icon/colors.js +5 -5
- package/lib/design-tokens/js/module/tokens/functional/components/ide/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/image/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/inline-link/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/label/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/link/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/logosuite/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/logosuite/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/pillar/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/pricing-options/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/pricing-options/pricing-options.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/prose/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/river/river.js +1 -1
- 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/token/colors.js +71 -0
- 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 +2 -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 +3 -3
- package/lib/design-tokens/js/tokens/functional/components/card/colors.js +2 -1
- package/lib/design-tokens/js/tokens/functional/components/comparison-table/comparison-table.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/faq/faq.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/footer/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/grid/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/grid/grid.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/icon/colors.js +3 -3
- package/lib/design-tokens/js/tokens/functional/components/ide/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/image/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/inline-link/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/label/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/link/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/logosuite/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/logosuite/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/pillar/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/pricing-options/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/pricing-options/pricing-options.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/prose/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/river/river.js +1 -1
- 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/token/colors.js +18 -0
- 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 +2 -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 +3 -3
- package/lib/design-tokens/scss/tokens/functional/components/card/colors.scss +2 -1
- package/lib/design-tokens/scss/tokens/functional/components/comparison-table/comparison-table.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/eyebrow-banner/eyebrow-banner.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/faq/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/faq/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/faq/faq.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/footer/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/frosted-glass-vfx/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/grid/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/grid/grid.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/hero/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/icon/colors.scss +3 -3
- package/lib/design-tokens/scss/tokens/functional/components/ide/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/image/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/inline-link/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/inline-link/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/label/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/link/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/logosuite/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/logosuite/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/pillar/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/pricing-options/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/pricing-options/pricing-options.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/prose/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/river/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/river/river.scss +1 -1
- 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/token/colors.scss +17 -0
- 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 +2 -1
- package/lib/design-tokens/ts/tokens/functional/colors/global.js +2 -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 +3 -3
- package/lib/design-tokens/ts/tokens/functional/components/card/colors.d.ts +3 -2
- package/lib/design-tokens/ts/tokens/functional/components/card/colors.js +2 -1
- package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/eyebrow-banner/eyebrow-banner.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/faq.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/faq.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/footer/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/footer/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/frosted-glass-vfx/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/grid/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/grid/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/grid/grid.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/grid/grid.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/icon/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/icon/colors.js +3 -3
- package/lib/design-tokens/ts/tokens/functional/components/ide/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/ide/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/image/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/image/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/label/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/label/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/link/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/link/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/pricing-options/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/pricing-options/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/pricing-options/pricing-options.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/pricing-options/pricing-options.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/prose/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/prose/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/river.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/river.js +1 -1
- 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/token/colors.d.ts +35 -0
- package/lib/design-tokens/ts/tokens/functional/components/token/colors.js +32 -0
- 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/index.d.ts +1 -0
- package/lib/index.js +1 -1
- package/lib/recipes/Flexsuite/Overview/FlexSuiteAIOverview.content.d.ts +99 -0
- package/lib/recipes/Flexsuite/Overview/FlexSuiteAIOverview.d.ts +6 -0
- package/lib/recipes/Flexsuite/Overview/FlexSuiteOverview.content.d.ts +4 -0
- package/lib/recipes/Flexsuite/Overview/FlexSuiteSecurityOverview.content.d.ts +58 -0
- package/lib/recipes/Flexsuite/Overview/FlexSuiteSecurityOverview.d.ts +6 -0
- package/lib/recipes/Flexsuite/Overview/index.d.ts +4 -0
- package/lib/river/RiverBreakoutTabs/RiverBreakoutTabs.d.ts +41 -0
- package/lib/river/RiverBreakoutTabs/index.d.ts +1 -0
- package/lib/river/index.d.ts +1 -0
- 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 Thu, 23 Apr 2026 10:25:22 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 Thu, 23 Apr 2026 10:25:22 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 Thu, 23 Apr 2026 10:25:22 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 Thu, 23 Apr 2026 10:25:22 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 Thu, 23 Apr 2026 10:25:21 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 Thu, 23 Apr 2026 10:25:21 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 Thu, 23 Apr 2026 10:25:22 GMT
|
|
595
595
|
*/
|
|
596
596
|
|
|
597
597
|
:root,
|
|
@@ -624,6 +624,7 @@ html {
|
|
|
624
624
|
--brand-color-neutral-muted: rgba(196,204,198,0.99608);
|
|
625
625
|
--brand-color-neutral-subtle: rgba(228,235,230,0.99608);
|
|
626
626
|
--brand-color-canvas-default: var(--base-color-scale-white-0);
|
|
627
|
+
--brand-color-canvas-invert: var(--base-color-scale-black-0);
|
|
627
628
|
--brand-color-canvas-overlay: var(--base-color-scale-white-0);
|
|
628
629
|
--brand-color-canvas-inset: var(--base-color-scale-gray-0);
|
|
629
630
|
--brand-color-canvas-subtle: var(--base-color-scale-gray-0);
|
|
@@ -663,6 +664,7 @@ html {
|
|
|
663
664
|
--brand-color-neutral-muted: rgba(124,137,128,0.99608);
|
|
664
665
|
--brand-color-neutral-subtle: rgba(124,137,128,1);
|
|
665
666
|
--brand-color-canvas-default: var(--base-color-scale-black-0);
|
|
667
|
+
--brand-color-canvas-invert: var(--base-color-scale-white-0);
|
|
666
668
|
--brand-color-canvas-overlay: var(--base-color-scale-gray-6);
|
|
667
669
|
--brand-color-canvas-inset: var(--base-color-scale-black-0);
|
|
668
670
|
--brand-color-canvas-subtle: var(--base-color-scale-gray-8);
|
|
@@ -691,7 +693,7 @@ html {
|
|
|
691
693
|
|
|
692
694
|
/**
|
|
693
695
|
* Do not edit directly
|
|
694
|
-
* Generated on
|
|
696
|
+
* Generated on Thu, 23 Apr 2026 10:25:22 GMT
|
|
695
697
|
*/
|
|
696
698
|
|
|
697
699
|
:root {
|
|
@@ -718,7 +720,7 @@ html {
|
|
|
718
720
|
|
|
719
721
|
/**
|
|
720
722
|
* Do not edit directly
|
|
721
|
-
* Generated on
|
|
723
|
+
* Generated on Thu, 23 Apr 2026 10:25:22 GMT
|
|
722
724
|
*/
|
|
723
725
|
|
|
724
726
|
:root,
|
|
@@ -1491,7 +1493,7 @@ html {
|
|
|
1491
1493
|
|
|
1492
1494
|
/**
|
|
1493
1495
|
* Do not edit directly
|
|
1494
|
-
* Generated on
|
|
1496
|
+
* Generated on Thu, 23 Apr 2026 10:25:21 GMT
|
|
1495
1497
|
*/
|
|
1496
1498
|
|
|
1497
1499
|
:root {
|
|
@@ -1799,7 +1801,7 @@ html {
|
|
|
1799
1801
|
|
|
1800
1802
|
/**
|
|
1801
1803
|
* Do not edit directly
|
|
1802
|
-
* Generated on
|
|
1804
|
+
* Generated on Thu, 23 Apr 2026 10:25:21 GMT
|
|
1803
1805
|
*/
|
|
1804
1806
|
|
|
1805
1807
|
:root {
|
|
@@ -5879,6 +5881,10 @@ html {
|
|
|
5879
5881
|
letter-spacing: var(--brand-text-letterSpacing-100);
|
|
5880
5882
|
}
|
|
5881
5883
|
|
|
5884
|
+
.Primer_Brand__EyebrowText-module__EyebrowText--variant-accent___p07g3 {
|
|
5885
|
+
color: var(--brand-color-accent-primary);
|
|
5886
|
+
}
|
|
5887
|
+
|
|
5882
5888
|
.Primer_Brand__TextCursorAnimation-module__TextCursorAnimation___oT5SI {
|
|
5883
5889
|
display: inline-flex;
|
|
5884
5890
|
align-items: center;
|
|
@@ -6761,7 +6767,12 @@ html {
|
|
|
6761
6767
|
}
|
|
6762
6768
|
|
|
6763
6769
|
.Primer_Brand__ExpandableArrow-module__ExpandableArrow___rkfek {
|
|
6764
|
-
|
|
6770
|
+
--ExpandableArrow-duration: 200ms;
|
|
6771
|
+
--ExpandableArrow-easing: ease;
|
|
6772
|
+
|
|
6773
|
+
transition: transform 200ms ease;
|
|
6774
|
+
|
|
6775
|
+
transition: transform var(--ExpandableArrow-duration) var(--ExpandableArrow-easing);
|
|
6765
6776
|
transform: translateX(0);
|
|
6766
6777
|
}
|
|
6767
6778
|
|
|
@@ -6772,7 +6783,7 @@ html {
|
|
|
6772
6783
|
.Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem___g4mdy {
|
|
6773
6784
|
stroke-dasharray: 10;
|
|
6774
6785
|
stroke-dashoffset: 10;
|
|
6775
|
-
transition: stroke-dashoffset
|
|
6786
|
+
transition: stroke-dashoffset var(--ExpandableArrow-duration) var(--ExpandableArrow-easing);
|
|
6776
6787
|
}
|
|
6777
6788
|
|
|
6778
6789
|
.Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem--expanded___KwI_9 {
|
|
@@ -6789,7 +6800,7 @@ html {
|
|
|
6789
6800
|
|
|
6790
6801
|
/**
|
|
6791
6802
|
* Do not edit directly
|
|
6792
|
-
* Generated on
|
|
6803
|
+
* Generated on Thu, 23 Apr 2026 10:25:22 GMT
|
|
6793
6804
|
*/
|
|
6794
6805
|
|
|
6795
6806
|
:root,
|
|
@@ -7126,7 +7137,7 @@ html {
|
|
|
7126
7137
|
|
|
7127
7138
|
/**
|
|
7128
7139
|
* Do not edit directly
|
|
7129
|
-
* Generated on
|
|
7140
|
+
* Generated on Thu, 23 Apr 2026 10:25:21 GMT
|
|
7130
7141
|
*/
|
|
7131
7142
|
|
|
7132
7143
|
:root {
|
|
@@ -7147,7 +7158,7 @@ html {
|
|
|
7147
7158
|
|
|
7148
7159
|
/**
|
|
7149
7160
|
* Do not edit directly
|
|
7150
|
-
* Generated on
|
|
7161
|
+
* Generated on Thu, 23 Apr 2026 10:25:22 GMT
|
|
7151
7162
|
*/
|
|
7152
7163
|
|
|
7153
7164
|
:root {
|
|
@@ -7513,6 +7524,7 @@ html {
|
|
|
7513
7524
|
}
|
|
7514
7525
|
|
|
7515
7526
|
.Primer_Brand__Link-module__Link--label___j8etE {
|
|
7527
|
+
color: inherit !important; /* Some components like Accordion override all children color. We need to force this. */
|
|
7516
7528
|
font-weight: var(--base-text-weight-medium);
|
|
7517
7529
|
}
|
|
7518
7530
|
|
|
@@ -7545,7 +7557,7 @@ html {
|
|
|
7545
7557
|
|
|
7546
7558
|
/**
|
|
7547
7559
|
* Do not edit directly
|
|
7548
|
-
* Generated on
|
|
7560
|
+
* Generated on Thu, 23 Apr 2026 10:25:22 GMT
|
|
7549
7561
|
*/
|
|
7550
7562
|
|
|
7551
7563
|
:root,
|
|
@@ -7561,7 +7573,7 @@ html {
|
|
|
7561
7573
|
|
|
7562
7574
|
/**
|
|
7563
7575
|
* Do not edit directly
|
|
7564
|
-
* Generated on
|
|
7576
|
+
* Generated on Thu, 23 Apr 2026 10:25:22 GMT
|
|
7565
7577
|
*/
|
|
7566
7578
|
|
|
7567
7579
|
:root,
|
|
@@ -7828,7 +7840,7 @@ html {
|
|
|
7828
7840
|
|
|
7829
7841
|
/**
|
|
7830
7842
|
* Do not edit directly
|
|
7831
|
-
* Generated on
|
|
7843
|
+
* Generated on Thu, 23 Apr 2026 10:25:21 GMT
|
|
7832
7844
|
*/
|
|
7833
7845
|
|
|
7834
7846
|
:root {
|
|
@@ -8309,6 +8321,14 @@ html {
|
|
|
8309
8321
|
gap: 0;
|
|
8310
8322
|
}
|
|
8311
8323
|
|
|
8324
|
+
@media screen and (max-width: 63.24rem) {
|
|
8325
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX {
|
|
8326
|
+
width: 100%;
|
|
8327
|
+
max-width: 38.625rem;
|
|
8328
|
+
margin-inline: auto;
|
|
8329
|
+
}
|
|
8330
|
+
}
|
|
8331
|
+
|
|
8312
8332
|
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX::before,
|
|
8313
8333
|
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX::after {
|
|
8314
8334
|
content: '';
|
|
@@ -8328,7 +8348,19 @@ html {
|
|
|
8328
8348
|
bottom: 0;
|
|
8329
8349
|
}
|
|
8330
8350
|
|
|
8331
|
-
@media screen and (min-width:
|
|
8351
|
+
@media screen and (min-width: 618px) {
|
|
8352
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX {
|
|
8353
|
+
border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
8354
|
+
}
|
|
8355
|
+
}
|
|
8356
|
+
|
|
8357
|
+
@media screen and (min-width: 63.25rem) {
|
|
8358
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX {
|
|
8359
|
+
border-inline: none;
|
|
8360
|
+
}
|
|
8361
|
+
}
|
|
8362
|
+
|
|
8363
|
+
@media screen and (min-width: 1300px) {
|
|
8332
8364
|
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX {
|
|
8333
8365
|
border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
8334
8366
|
}
|
|
@@ -8444,6 +8476,10 @@ html {
|
|
|
8444
8476
|
border-radius: var(--brand-borderRadius-large);
|
|
8445
8477
|
}
|
|
8446
8478
|
|
|
8479
|
+
.Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__visual--has-background___QG17S [data-video-player-container] {
|
|
8480
|
+
border-radius: var(--brand-borderRadius-large);
|
|
8481
|
+
}
|
|
8482
|
+
|
|
8447
8483
|
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
|
|
8448
8484
|
margin-inline: calc(-1 * var(--brand-RiverBreakout-variant-gridline-spacing-outerInline));
|
|
8449
8485
|
padding: var(--base-size-32);
|
|
@@ -8461,6 +8497,11 @@ html {
|
|
|
8461
8497
|
border-end-start-radius: 0;
|
|
8462
8498
|
border-end-end-radius: 0;
|
|
8463
8499
|
}
|
|
8500
|
+
|
|
8501
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S [data-video-player-container] {
|
|
8502
|
+
border-end-start-radius: 0;
|
|
8503
|
+
border-end-end-radius: 0;
|
|
8504
|
+
}
|
|
8464
8505
|
}
|
|
8465
8506
|
|
|
8466
8507
|
@media screen and (min-width: 48rem) and (max-width: 63.24rem) {
|
|
@@ -8475,6 +8516,11 @@ html {
|
|
|
8475
8516
|
border-end-start-radius: 0;
|
|
8476
8517
|
border-end-end-radius: 0;
|
|
8477
8518
|
}
|
|
8519
|
+
|
|
8520
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S [data-video-player-container] {
|
|
8521
|
+
border-end-start-radius: 0;
|
|
8522
|
+
border-end-end-radius: 0;
|
|
8523
|
+
}
|
|
8478
8524
|
}
|
|
8479
8525
|
|
|
8480
8526
|
@media screen and (min-width: 63.25rem) {
|
|
@@ -8491,191 +8537,731 @@ html {
|
|
|
8491
8537
|
border-end-end-radius: 0;
|
|
8492
8538
|
}
|
|
8493
8539
|
|
|
8540
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S [data-video-player-container] {
|
|
8541
|
+
border-end-start-radius: 0;
|
|
8542
|
+
border-end-end-radius: 0;
|
|
8543
|
+
}
|
|
8544
|
+
|
|
8494
8545
|
.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 {
|
|
8495
8546
|
border-radius: 0;
|
|
8496
8547
|
}
|
|
8497
8548
|
}
|
|
8498
8549
|
|
|
8499
|
-
.
|
|
8500
|
-
|
|
8501
|
-
|
|
8502
|
-
|
|
8550
|
+
.Primer_Brand__Icon-module__Icon___bf2xY {
|
|
8551
|
+
box-sizing: content-box;
|
|
8552
|
+
padding: 0;
|
|
8553
|
+
}
|
|
8503
8554
|
|
|
8504
|
-
|
|
8505
|
-
|
|
8506
|
-
*/
|
|
8507
|
-
--visualMaxWidth: 1032px;
|
|
8508
|
-
--visualMaxWidthUL: 1032;
|
|
8509
|
-
--visualMaxHeight: min(690px, 60vh);
|
|
8510
|
-
--visualMaxHeightUL: 690;
|
|
8511
|
-
--storyScrollPadding: min(32px, 5vw);
|
|
8512
|
-
position: relative;
|
|
8555
|
+
.Primer_Brand__Icon-module__Icon___bf2xY > svg {
|
|
8556
|
+
display: block; /* Ensure SVG are unaffected by text styles and font metrics, maintaining vertical alignment */
|
|
8513
8557
|
}
|
|
8514
|
-
|
|
8515
|
-
|
|
8516
|
-
|
|
8517
|
-
|
|
8558
|
+
|
|
8559
|
+
.Primer_Brand__Icon-module__Icon--size-20___bxF8U {
|
|
8560
|
+
width: var(--base-size-20);
|
|
8561
|
+
height: var(--base-size-20);
|
|
8518
8562
|
}
|
|
8519
8563
|
|
|
8520
|
-
|
|
8521
|
-
|
|
8522
|
-
|
|
8523
|
-
}
|
|
8564
|
+
.Primer_Brand__Icon-module__Icon--size-24___yTJML {
|
|
8565
|
+
width: var(--base-size-24);
|
|
8566
|
+
height: var(--base-size-24);
|
|
8524
8567
|
}
|
|
8525
8568
|
|
|
8526
|
-
|
|
8527
|
-
|
|
8528
|
-
|
|
8529
|
-
}
|
|
8569
|
+
.Primer_Brand__Icon-module__Icon--size-28___tnGmL {
|
|
8570
|
+
width: var(--base-size-28);
|
|
8571
|
+
height: var(--base-size-28);
|
|
8530
8572
|
}
|
|
8531
8573
|
|
|
8532
|
-
.
|
|
8533
|
-
|
|
8574
|
+
.Primer_Brand__Icon-module__Icon--size-32___Rhkw8 {
|
|
8575
|
+
width: var(--base-size-32);
|
|
8576
|
+
height: var(--base-size-32);
|
|
8534
8577
|
}
|
|
8535
8578
|
|
|
8536
|
-
.
|
|
8537
|
-
|
|
8538
|
-
|
|
8539
|
-
width: 100%;
|
|
8579
|
+
.Primer_Brand__Icon-module__Icon--size-36___F4Mcj {
|
|
8580
|
+
width: var(--base-size-36);
|
|
8581
|
+
height: var(--base-size-36);
|
|
8540
8582
|
}
|
|
8541
8583
|
|
|
8542
|
-
.
|
|
8543
|
-
|
|
8544
|
-
|
|
8545
|
-
width: auto;
|
|
8546
|
-
z-index: 10;
|
|
8547
|
-
position: relative;
|
|
8548
|
-
border-radius: var(--brand-borderRadius-large);
|
|
8584
|
+
.Primer_Brand__Icon-module__Icon--size-40___cXhgu {
|
|
8585
|
+
width: var(--base-size-40);
|
|
8586
|
+
height: var(--base-size-40);
|
|
8549
8587
|
}
|
|
8550
8588
|
|
|
8551
|
-
.
|
|
8552
|
-
|
|
8553
|
-
|
|
8589
|
+
.Primer_Brand__Icon-module__Icon--size-44___vwox2 {
|
|
8590
|
+
width: var(--base-size-44);
|
|
8591
|
+
height: var(--base-size-44);
|
|
8554
8592
|
}
|
|
8555
8593
|
|
|
8556
|
-
.
|
|
8557
|
-
|
|
8558
|
-
|
|
8594
|
+
.Primer_Brand__Icon-module__Icon--background___d6RdL {
|
|
8595
|
+
padding: var(--base-size-12);
|
|
8596
|
+
border-radius: var(--brand-borderRadius-medium);
|
|
8559
8597
|
}
|
|
8560
8598
|
|
|
8561
|
-
|
|
8562
|
-
|
|
8563
|
-
--topOffset: calc((100vh - min(664px, 60vh)) / 5);
|
|
8564
|
-
}
|
|
8599
|
+
.Primer_Brand__Icon-module__Icon--color-default___z2cYk {
|
|
8600
|
+
color: var(--brand-Icon-color-default);
|
|
8565
8601
|
}
|
|
8566
8602
|
|
|
8567
|
-
|
|
8568
|
-
|
|
8569
|
-
--extraBottomSpacing: calc(-1 * (100vh - 100vw) / 5);
|
|
8570
|
-
}
|
|
8603
|
+
.Primer_Brand__Icon-module__Icon--background-color-default___h6tiH {
|
|
8604
|
+
background-color: var(--brand-Icon-background-default);
|
|
8571
8605
|
}
|
|
8572
8606
|
|
|
8573
|
-
|
|
8574
|
-
|
|
8575
|
-
--extraBottomSpacing: calc(-1 * (100vh - 100vw) / 3);
|
|
8576
|
-
}
|
|
8607
|
+
.Primer_Brand__Icon-module__Icon--color-blue___Wne9C {
|
|
8608
|
+
color: var(--brand-Icon-color-blue);
|
|
8577
8609
|
}
|
|
8578
8610
|
|
|
8579
|
-
|
|
8580
|
-
|
|
8581
|
-
--scrollTextHeight: 42vh;
|
|
8582
|
-
}
|
|
8611
|
+
.Primer_Brand__Icon-module__Icon--background-color-blue___zsNDL {
|
|
8612
|
+
background-color: var(--brand-Icon-background-blue);
|
|
8583
8613
|
}
|
|
8584
8614
|
|
|
8585
|
-
|
|
8586
|
-
|
|
8587
|
-
--scrollTextHeight: 70vh;
|
|
8588
|
-
}
|
|
8615
|
+
.Primer_Brand__Icon-module__Icon--color-coral___vdwGj {
|
|
8616
|
+
color: var(--brand-Icon-color-coral);
|
|
8589
8617
|
}
|
|
8590
8618
|
|
|
8591
|
-
|
|
8592
|
-
|
|
8593
|
-
--stackDistance: -30px;
|
|
8594
|
-
}
|
|
8619
|
+
.Primer_Brand__Icon-module__Icon--background-color-coral___FKaij {
|
|
8620
|
+
background-color: var(--brand-Icon-background-coral);
|
|
8595
8621
|
}
|
|
8596
8622
|
|
|
8597
|
-
|
|
8598
|
-
|
|
8599
|
-
--stackDistance: -20px;
|
|
8600
|
-
}
|
|
8623
|
+
.Primer_Brand__Icon-module__Icon--color-green___OxAZK {
|
|
8624
|
+
color: var(--brand-Icon-color-green);
|
|
8601
8625
|
}
|
|
8602
8626
|
|
|
8603
|
-
|
|
8604
|
-
|
|
8605
|
-
--stackDistance: -15px;
|
|
8606
|
-
}
|
|
8627
|
+
.Primer_Brand__Icon-module__Icon--background-color-green___UUQt1 {
|
|
8628
|
+
background-color: var(--brand-Icon-background-green);
|
|
8607
8629
|
}
|
|
8608
8630
|
|
|
8609
|
-
|
|
8610
|
-
|
|
8611
|
-
|
|
8631
|
+
.Primer_Brand__Icon-module__Icon--color-gray___tVTnd {
|
|
8632
|
+
color: var(--brand-Icon-color-gray);
|
|
8633
|
+
}
|
|
8612
8634
|
|
|
8613
|
-
|
|
8614
|
-
|
|
8615
|
-
|
|
8616
|
-
--visualHeight: min(var(--visualMaxHeight), var(--relativeVisualHeight));
|
|
8617
|
-
--visualWidth: calc(var(--visualHeight) * var(--visualMaxWidthUL) / var(--visualMaxHeightUL));
|
|
8618
|
-
--scrollTextHeight: 58vh;
|
|
8619
|
-
--textToVisualPadding: max(5vh, 40px);
|
|
8635
|
+
.Primer_Brand__Icon-module__Icon--background-color-gray___dpdtX {
|
|
8636
|
+
background-color: var(--brand-Icon-background-gray);
|
|
8637
|
+
}
|
|
8620
8638
|
|
|
8621
|
-
|
|
8622
|
-
|
|
8639
|
+
.Primer_Brand__Icon-module__Icon--color-indigo___OrE5M {
|
|
8640
|
+
color: var(--brand-Icon-color-indigo);
|
|
8641
|
+
}
|
|
8623
8642
|
|
|
8624
|
-
|
|
8625
|
-
|
|
8643
|
+
.Primer_Brand__Icon-module__Icon--background-color-indigo___TIqOT {
|
|
8644
|
+
background-color: var(--brand-Icon-background-indigo);
|
|
8645
|
+
}
|
|
8626
8646
|
|
|
8627
|
-
|
|
8628
|
-
|
|
8629
|
-
|
|
8630
|
-
height: 100dvh;
|
|
8631
|
-
}
|
|
8632
|
-
}
|
|
8647
|
+
.Primer_Brand__Icon-module__Icon--color-lemon___Ftx9H {
|
|
8648
|
+
color: var(--brand-Icon-color-lemon);
|
|
8649
|
+
}
|
|
8633
8650
|
|
|
8634
|
-
|
|
8635
|
-
|
|
8636
|
-
|
|
8637
|
-
height: 100%;
|
|
8638
|
-
left: 0;
|
|
8639
|
-
top: 0;
|
|
8640
|
-
}
|
|
8651
|
+
.Primer_Brand__Icon-module__Icon--background-color-lemon___BhpS6 {
|
|
8652
|
+
background-color: var(--brand-Icon-background-lemon);
|
|
8653
|
+
}
|
|
8641
8654
|
|
|
8642
|
-
|
|
8643
|
-
|
|
8644
|
-
|
|
8645
|
-
transition: opacity 0.3s var(--ease);
|
|
8646
|
-
}
|
|
8655
|
+
.Primer_Brand__Icon-module__Icon--color-lime___mQVWo {
|
|
8656
|
+
color: var(--brand-Icon-color-lime);
|
|
8657
|
+
}
|
|
8647
8658
|
|
|
8648
|
-
|
|
8649
|
-
|
|
8650
|
-
|
|
8659
|
+
.Primer_Brand__Icon-module__Icon--background-color-lime___K4TMA {
|
|
8660
|
+
background-color: var(--brand-Icon-background-lime);
|
|
8661
|
+
}
|
|
8651
8662
|
|
|
8652
|
-
|
|
8653
|
-
|
|
8654
|
-
|
|
8663
|
+
.Primer_Brand__Icon-module__Icon--color-orange___CIjjp {
|
|
8664
|
+
color: var(--brand-Icon-color-orange);
|
|
8665
|
+
}
|
|
8655
8666
|
|
|
8656
|
-
|
|
8657
|
-
|
|
8658
|
-
|
|
8659
|
-
margin-left: auto;
|
|
8660
|
-
margin-right: auto;
|
|
8661
|
-
padding-right: var(--storyScrollPadding);
|
|
8662
|
-
padding-left: var(--storyScrollPadding);
|
|
8663
|
-
}
|
|
8667
|
+
.Primer_Brand__Icon-module__Icon--background-color-orange___z52U7 {
|
|
8668
|
+
background-color: var(--brand-Icon-background-orange);
|
|
8669
|
+
}
|
|
8664
8670
|
|
|
8665
|
-
|
|
8666
|
-
|
|
8667
|
-
|
|
8668
|
-
}
|
|
8671
|
+
.Primer_Brand__Icon-module__Icon--color-pink___cS_v5 {
|
|
8672
|
+
color: var(--brand-Icon-color-pink);
|
|
8673
|
+
}
|
|
8669
8674
|
|
|
8670
|
-
|
|
8671
|
-
|
|
8672
|
-
|
|
8673
|
-
max-width: var(--visualWidth);
|
|
8674
|
-
border-radius: var(--brand-borderRadius-large);
|
|
8675
|
-
}
|
|
8675
|
+
.Primer_Brand__Icon-module__Icon--background-color-pink___cy5Kg {
|
|
8676
|
+
background-color: var(--brand-Icon-background-pink);
|
|
8677
|
+
}
|
|
8676
8678
|
|
|
8677
|
-
|
|
8678
|
-
|
|
8679
|
+
.Primer_Brand__Icon-module__Icon--color-purple___d05Sh {
|
|
8680
|
+
color: var(--brand-Icon-color-purple);
|
|
8681
|
+
}
|
|
8682
|
+
|
|
8683
|
+
.Primer_Brand__Icon-module__Icon--background-color-purple___JmhnQ {
|
|
8684
|
+
background-color: var(--brand-Icon-background-purple);
|
|
8685
|
+
}
|
|
8686
|
+
|
|
8687
|
+
.Primer_Brand__Icon-module__Icon--color-red___K_2c0 {
|
|
8688
|
+
color: var(--brand-Icon-color-red);
|
|
8689
|
+
}
|
|
8690
|
+
|
|
8691
|
+
.Primer_Brand__Icon-module__Icon--background-color-red___qoirP {
|
|
8692
|
+
background-color: var(--brand-Icon-background-red);
|
|
8693
|
+
}
|
|
8694
|
+
|
|
8695
|
+
.Primer_Brand__Icon-module__Icon--color-teal___fix20 {
|
|
8696
|
+
color: var(--brand-Icon-color-teal);
|
|
8697
|
+
}
|
|
8698
|
+
|
|
8699
|
+
.Primer_Brand__Icon-module__Icon--background-color-teal___a7cyd {
|
|
8700
|
+
background-color: var(--brand-Icon-background-teal);
|
|
8701
|
+
}
|
|
8702
|
+
|
|
8703
|
+
.Primer_Brand__Icon-module__Icon--color-yellow___Z1juk {
|
|
8704
|
+
color: var(--brand-Icon-color-yellow);
|
|
8705
|
+
}
|
|
8706
|
+
|
|
8707
|
+
.Primer_Brand__Icon-module__Icon--background-color-yellow___Yhfck {
|
|
8708
|
+
background-color: var(--brand-Icon-background-yellow);
|
|
8709
|
+
}
|
|
8710
|
+
|
|
8711
|
+
/**
|
|
8712
|
+
* Do not edit directly
|
|
8713
|
+
* Generated on Thu, 23 Apr 2026 10:25:21 GMT
|
|
8714
|
+
*/
|
|
8715
|
+
|
|
8716
|
+
:root {
|
|
8717
|
+
--brand-Icon-color-yellow: var(--base-color-scale-yellow-5);
|
|
8718
|
+
--brand-Icon-color-teal: var(--base-color-scale-teal-5);
|
|
8719
|
+
--brand-Icon-color-red: var(--base-color-scale-red-5);
|
|
8720
|
+
--brand-Icon-color-purple: var(--base-color-scale-purple-5);
|
|
8721
|
+
--brand-Icon-color-pink: var(--base-color-scale-pink-5);
|
|
8722
|
+
--brand-Icon-color-orange: var(--base-color-scale-orange-5);
|
|
8723
|
+
--brand-Icon-color-lime: var(--base-color-scale-lime-5);
|
|
8724
|
+
--brand-Icon-color-lemon: var(--base-color-scale-lemon-5);
|
|
8725
|
+
--brand-Icon-color-indigo: var(--base-color-scale-indigo-5);
|
|
8726
|
+
--brand-Icon-color-gray: var(--base-color-scale-gray-6);
|
|
8727
|
+
--brand-Icon-color-green: var(--base-color-scale-green-6);
|
|
8728
|
+
--brand-Icon-color-coral: var(--base-color-scale-coral-5);
|
|
8729
|
+
--brand-Icon-color-blue: var(--base-color-scale-blue-5);
|
|
8730
|
+
--brand-Icon-color-default: var(--brand-Icon-color-green);
|
|
8731
|
+
--brand-Icon-background-yellow: var(--base-color-scale-yellow-0);
|
|
8732
|
+
--brand-Icon-background-teal: var(--base-color-scale-teal-0);
|
|
8733
|
+
--brand-Icon-background-red: var(--base-color-scale-red-0);
|
|
8734
|
+
--brand-Icon-background-purple: var(--base-color-scale-purple-0);
|
|
8735
|
+
--brand-Icon-background-pink: var(--base-color-scale-pink-0);
|
|
8736
|
+
--brand-Icon-background-orange: var(--base-color-scale-orange-0);
|
|
8737
|
+
--brand-Icon-background-lime: var(--base-color-scale-lime-0);
|
|
8738
|
+
--brand-Icon-background-lemon: var(--base-color-scale-lemon-0);
|
|
8739
|
+
--brand-Icon-background-indigo: var(--base-color-scale-indigo-0);
|
|
8740
|
+
--brand-Icon-background-gray: var(--base-color-scale-gray-0);
|
|
8741
|
+
--brand-Icon-background-green: var(--base-color-scale-green-0);
|
|
8742
|
+
--brand-Icon-background-coral: var(--base-color-scale-coral-0);
|
|
8743
|
+
--brand-Icon-background-blue: var(--base-color-scale-blue-0);
|
|
8744
|
+
--brand-Icon-background-default: var(--brand-Icon-background-green);
|
|
8745
|
+
}
|
|
8746
|
+
|
|
8747
|
+
/**
|
|
8748
|
+
* Do not edit directly
|
|
8749
|
+
* Generated on Thu, 23 Apr 2026 10:25:23 GMT
|
|
8750
|
+
*/
|
|
8751
|
+
|
|
8752
|
+
:root,
|
|
8753
|
+
[data-color-mode="light"] {
|
|
8754
|
+
--brand-Icon-background-default: var(--brand-Icon-background-green);
|
|
8755
|
+
--brand-Icon-background-blue: var(--base-color-scale-blue-0);
|
|
8756
|
+
--brand-Icon-background-coral: var(--base-color-scale-coral-0);
|
|
8757
|
+
--brand-Icon-background-green: var(--base-color-scale-green-0);
|
|
8758
|
+
--brand-Icon-background-gray: var(--base-color-scale-gray-0);
|
|
8759
|
+
--brand-Icon-background-indigo: var(--base-color-scale-indigo-0);
|
|
8760
|
+
--brand-Icon-background-lemon: var(--base-color-scale-lemon-0);
|
|
8761
|
+
--brand-Icon-background-lime: var(--base-color-scale-lime-0);
|
|
8762
|
+
--brand-Icon-background-orange: var(--base-color-scale-orange-0);
|
|
8763
|
+
--brand-Icon-background-pink: var(--base-color-scale-pink-0);
|
|
8764
|
+
--brand-Icon-background-purple: var(--base-color-scale-purple-0);
|
|
8765
|
+
--brand-Icon-background-red: var(--base-color-scale-red-0);
|
|
8766
|
+
--brand-Icon-background-teal: var(--base-color-scale-teal-0);
|
|
8767
|
+
--brand-Icon-background-yellow: var(--base-color-scale-yellow-0);
|
|
8768
|
+
--brand-Icon-color-default: var(--brand-Icon-color-green);
|
|
8769
|
+
--brand-Icon-color-blue: var(--base-color-scale-blue-5);
|
|
8770
|
+
--brand-Icon-color-coral: var(--base-color-scale-coral-5);
|
|
8771
|
+
--brand-Icon-color-green: var(--base-color-scale-green-6);
|
|
8772
|
+
--brand-Icon-color-gray: var(--base-color-scale-gray-6);
|
|
8773
|
+
--brand-Icon-color-indigo: var(--base-color-scale-indigo-5);
|
|
8774
|
+
--brand-Icon-color-lemon: var(--base-color-scale-lemon-5);
|
|
8775
|
+
--brand-Icon-color-lime: var(--base-color-scale-lime-5);
|
|
8776
|
+
--brand-Icon-color-orange: var(--base-color-scale-orange-5);
|
|
8777
|
+
--brand-Icon-color-pink: var(--base-color-scale-pink-5);
|
|
8778
|
+
--brand-Icon-color-purple: var(--base-color-scale-purple-5);
|
|
8779
|
+
--brand-Icon-color-red: var(--base-color-scale-red-5);
|
|
8780
|
+
--brand-Icon-color-teal: var(--base-color-scale-teal-5);
|
|
8781
|
+
--brand-Icon-color-yellow: var(--base-color-scale-yellow-5);
|
|
8782
|
+
}
|
|
8783
|
+
|
|
8784
|
+
[data-color-mode="dark"] {
|
|
8785
|
+
--brand-Icon-background-default: var(--brand-Icon-background-green);
|
|
8786
|
+
--brand-Icon-background-blue: var(--base-color-scale-blue-8);
|
|
8787
|
+
--brand-Icon-background-coral: var(--base-color-scale-coral-8);
|
|
8788
|
+
--brand-Icon-background-green: var(--base-color-scale-green-8);
|
|
8789
|
+
--brand-Icon-background-gray: var(--base-color-scale-gray-6);
|
|
8790
|
+
--brand-Icon-background-indigo: var(--base-color-scale-indigo-8);
|
|
8791
|
+
--brand-Icon-background-lemon: var(--base-color-scale-lemon-8);
|
|
8792
|
+
--brand-Icon-background-lime: var(--base-color-scale-lime-8);
|
|
8793
|
+
--brand-Icon-background-orange: var(--base-color-scale-orange-8);
|
|
8794
|
+
--brand-Icon-background-pink: var(--base-color-scale-pink-8);
|
|
8795
|
+
--brand-Icon-background-purple: var(--base-color-scale-purple-8);
|
|
8796
|
+
--brand-Icon-background-red: var(--base-color-scale-red-8);
|
|
8797
|
+
--brand-Icon-background-teal: var(--base-color-scale-teal-8);
|
|
8798
|
+
--brand-Icon-background-yellow: var(--base-color-scale-yellow-8);
|
|
8799
|
+
--brand-Icon-color-default: var(--brand-Icon-color-green);
|
|
8800
|
+
--brand-Icon-color-blue: var(--base-color-scale-blue-2);
|
|
8801
|
+
--brand-Icon-color-coral: var(--base-color-scale-coral-2);
|
|
8802
|
+
--brand-Icon-color-green: var(--base-color-scale-green-2);
|
|
8803
|
+
--brand-Icon-color-gray: var(--base-color-scale-gray-2);
|
|
8804
|
+
--brand-Icon-color-indigo: var(--base-color-scale-indigo-2);
|
|
8805
|
+
--brand-Icon-color-lemon: var(--base-color-scale-lemon-2);
|
|
8806
|
+
--brand-Icon-color-lime: var(--base-color-scale-lime-2);
|
|
8807
|
+
--brand-Icon-color-orange: var(--base-color-scale-orange-2);
|
|
8808
|
+
--brand-Icon-color-pink: var(--base-color-scale-pink-2);
|
|
8809
|
+
--brand-Icon-color-purple: var(--base-color-scale-purple-2);
|
|
8810
|
+
--brand-Icon-color-red: var(--base-color-scale-red-2);
|
|
8811
|
+
--brand-Icon-color-teal: var(--base-color-scale-teal-2);
|
|
8812
|
+
--brand-Icon-color-yellow: var(--base-color-scale-yellow-2);
|
|
8813
|
+
}
|
|
8814
|
+
|
|
8815
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs___X8Dk9 {
|
|
8816
|
+
--river-breakout-tabs-columns: 1;
|
|
8817
|
+
}
|
|
8818
|
+
|
|
8819
|
+
@media screen and (max-width: 63.24rem) {
|
|
8820
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs___X8Dk9 {
|
|
8821
|
+
width: 100%;
|
|
8822
|
+
max-width: 38.625rem;
|
|
8823
|
+
margin-inline: auto;
|
|
8824
|
+
}
|
|
8825
|
+
}
|
|
8826
|
+
|
|
8827
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordion___sGtKW {
|
|
8828
|
+
display: flex;
|
|
8829
|
+
flex-direction: column;
|
|
8830
|
+
}
|
|
8831
|
+
|
|
8832
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__wideTabList___xlU3i {
|
|
8833
|
+
display: flex;
|
|
8834
|
+
flex-direction: column;
|
|
8835
|
+
padding-block-end: var(--base-size-80);
|
|
8836
|
+
}
|
|
8837
|
+
|
|
8838
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__sharedVisuals___hDA4K {
|
|
8839
|
+
order: 1;
|
|
8840
|
+
margin-block-end: var(--base-size-36);
|
|
8841
|
+
width: 100%;
|
|
8842
|
+
}
|
|
8843
|
+
|
|
8844
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionSharedVisuals___yL4Ev {
|
|
8845
|
+
margin-block-end: var(--base-size-16);
|
|
8846
|
+
width: 100%;
|
|
8847
|
+
}
|
|
8848
|
+
|
|
8849
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__sharedVisualPanel___Jkko_ {
|
|
8850
|
+
min-width: 0;
|
|
8851
|
+
}
|
|
8852
|
+
|
|
8853
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__sharedVisual___ZpMy9 img, .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__sharedVisual___ZpMy9 picture, .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__sharedVisual___ZpMy9 video, .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionSharedVisual___K1OyU img, .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionSharedVisual___K1OyU picture, .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionSharedVisual___K1OyU video {
|
|
8854
|
+
display: block;
|
|
8855
|
+
max-width: 100%;
|
|
8856
|
+
}
|
|
8857
|
+
|
|
8858
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs___X8Dk9 [class*='River__visual--rounded'] {
|
|
8859
|
+
border-radius: var(--brand-borderRadius-small);
|
|
8860
|
+
}
|
|
8861
|
+
|
|
8862
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__sharedVisualPanel___Jkko_[hidden] {
|
|
8863
|
+
display: none;
|
|
8864
|
+
}
|
|
8865
|
+
|
|
8866
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__tablist___f5FNH {
|
|
8867
|
+
order: 2;
|
|
8868
|
+
display: grid;
|
|
8869
|
+
grid-template-columns: repeat(var(--river-breakout-tabs-columns), minmax(0, 1fr));
|
|
8870
|
+
grid-gap: var(--base-size-40);
|
|
8871
|
+
gap: var(--base-size-40);
|
|
8872
|
+
}
|
|
8873
|
+
|
|
8874
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__wideTabListActions___iCX6R {
|
|
8875
|
+
order: 3;
|
|
8876
|
+
display: grid;
|
|
8877
|
+
grid-template-columns: repeat(var(--river-breakout-tabs-columns), minmax(0, 1fr));
|
|
8878
|
+
grid-gap: var(--base-size-40);
|
|
8879
|
+
gap: var(--base-size-40);
|
|
8880
|
+
}
|
|
8881
|
+
|
|
8882
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__item___SymTq {
|
|
8883
|
+
position: relative;
|
|
8884
|
+
min-width: 0;
|
|
8885
|
+
display: flex;
|
|
8886
|
+
flex-direction: column;
|
|
8887
|
+
align-items: flex-start;
|
|
8888
|
+
}
|
|
8889
|
+
|
|
8890
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__item___SymTq::before {
|
|
8891
|
+
content: '';
|
|
8892
|
+
position: absolute;
|
|
8893
|
+
inset-block-start: 0;
|
|
8894
|
+
inset-inline: 0;
|
|
8895
|
+
height: var(--brand-borderWidth-thin);
|
|
8896
|
+
transform: scaleY(1);
|
|
8897
|
+
transform-origin: 50% 0;
|
|
8898
|
+
background-color: var(--brand-color-border-muted);
|
|
8899
|
+
transition: transform var(--brand-animation-duration-fast) ease,
|
|
8900
|
+
background-color var(--brand-animation-duration-fast) ease;
|
|
8901
|
+
}
|
|
8902
|
+
|
|
8903
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__item--selected___dLXod::before {
|
|
8904
|
+
transform: scaleY(2);
|
|
8905
|
+
background-color: var(--brand-color-accent-primary);
|
|
8906
|
+
}
|
|
8907
|
+
|
|
8908
|
+
@media screen and (min-width: 63.25rem) and (hover: hover) and (pointer: fine) {
|
|
8909
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__item___SymTq:hover::before {
|
|
8910
|
+
transform: scaleY(2);
|
|
8911
|
+
background-color: var(--brand-color-accent-primary);
|
|
8912
|
+
}
|
|
8913
|
+
}
|
|
8914
|
+
|
|
8915
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__heading___HScg4 {
|
|
8916
|
+
margin: 0;
|
|
8917
|
+
color: var(--brand-color-text-muted);
|
|
8918
|
+
}
|
|
8919
|
+
|
|
8920
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__item--selected___dLXod .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__heading___HScg4 {
|
|
8921
|
+
color: var(--brand-color-text-default);
|
|
8922
|
+
}
|
|
8923
|
+
|
|
8924
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__icon___Xr8op {
|
|
8925
|
+
display: inline-flex;
|
|
8926
|
+
align-items: center;
|
|
8927
|
+
justify-content: center;
|
|
8928
|
+
}
|
|
8929
|
+
|
|
8930
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__tab___tHZFA {
|
|
8931
|
+
width: 100%;
|
|
8932
|
+
border: 0;
|
|
8933
|
+
background: transparent;
|
|
8934
|
+
color: inherit;
|
|
8935
|
+
font: inherit;
|
|
8936
|
+
text-align: left;
|
|
8937
|
+
padding-block-start: var(--base-size-28);
|
|
8938
|
+
display: flex;
|
|
8939
|
+
flex-direction: column;
|
|
8940
|
+
align-items: flex-start;
|
|
8941
|
+
gap: var(--base-size-20);
|
|
8942
|
+
cursor: pointer;
|
|
8943
|
+
outline: none;
|
|
8944
|
+
padding-inline: 0;
|
|
8945
|
+
}
|
|
8946
|
+
|
|
8947
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__tab___tHZFA:focus-visible {
|
|
8948
|
+
outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
|
|
8949
|
+
outline-offset: var(--base-size-4);
|
|
8950
|
+
}
|
|
8951
|
+
|
|
8952
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__tabHeading___cEwLt {
|
|
8953
|
+
margin: 0;
|
|
8954
|
+
}
|
|
8955
|
+
|
|
8956
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__wideTabListContent___D9V9I {
|
|
8957
|
+
display: flex;
|
|
8958
|
+
flex-direction: column;
|
|
8959
|
+
align-items: flex-start;
|
|
8960
|
+
gap: var(--base-size-12);
|
|
8961
|
+
}
|
|
8962
|
+
|
|
8963
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__wideTabListAction___SaBmu {
|
|
8964
|
+
color: var(--brand-Link-color-accent);
|
|
8965
|
+
font-weight: var(--base-text-weight-medium);
|
|
8966
|
+
-webkit-text-decoration: none;
|
|
8967
|
+
text-decoration: none;
|
|
8968
|
+
}
|
|
8969
|
+
|
|
8970
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__wideTabListActionItem___q6pS2 {
|
|
8971
|
+
margin-block-start: var(--base-size-12);
|
|
8972
|
+
}
|
|
8973
|
+
|
|
8974
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__content___LpEoz {
|
|
8975
|
+
display: flex;
|
|
8976
|
+
flex-direction: column;
|
|
8977
|
+
align-items: flex-start;
|
|
8978
|
+
gap: var(--base-size-12);
|
|
8979
|
+
}
|
|
8980
|
+
|
|
8981
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__link___zcQY5 {
|
|
8982
|
+
-webkit-text-decoration: none;
|
|
8983
|
+
text-decoration: none;
|
|
8984
|
+
}
|
|
8985
|
+
|
|
8986
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordion___sGtKW {
|
|
8987
|
+
padding-block-end: var(--base-size-40);
|
|
8988
|
+
}
|
|
8989
|
+
|
|
8990
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionContent___wykRr {
|
|
8991
|
+
display: flex;
|
|
8992
|
+
flex-direction: column;
|
|
8993
|
+
align-items: flex-start;
|
|
8994
|
+
gap: var(--base-size-12);
|
|
8995
|
+
}
|
|
8996
|
+
|
|
8997
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionContent___wykRr .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__link___zcQY5,
|
|
8998
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionContent___wykRr .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__link___zcQY5 > span {
|
|
8999
|
+
color: var(--brand-Link-color-accent);
|
|
9000
|
+
font-weight: var(--base-text-weight-medium);
|
|
9001
|
+
}
|
|
9002
|
+
|
|
9003
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionContent___wykRr .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__link___zcQY5 {
|
|
9004
|
+
-webkit-text-decoration: none;
|
|
9005
|
+
text-decoration: none;
|
|
9006
|
+
}
|
|
9007
|
+
|
|
9008
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionItem___SyD2o {
|
|
9009
|
+
border-top: none;
|
|
9010
|
+
}
|
|
9011
|
+
|
|
9012
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionItem___SyD2o::after {
|
|
9013
|
+
display: none;
|
|
9014
|
+
}
|
|
9015
|
+
|
|
9016
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionItem___SyD2o::before {
|
|
9017
|
+
content: '';
|
|
9018
|
+
position: absolute;
|
|
9019
|
+
inset-block-start: 0;
|
|
9020
|
+
inset-inline: 0;
|
|
9021
|
+
height: var(--brand-borderWidth-thin);
|
|
9022
|
+
transform: scaleY(1);
|
|
9023
|
+
transform-origin: 50% 0;
|
|
9024
|
+
background-color: var(--brand-color-border-muted);
|
|
9025
|
+
transition: transform var(--brand-animation-duration-fast) ease,
|
|
9026
|
+
background-color var(--brand-animation-duration-fast) ease;
|
|
9027
|
+
}
|
|
9028
|
+
|
|
9029
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionItem___SyD2o.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__item--selected___dLXod::before {
|
|
9030
|
+
transform: scaleY(2);
|
|
9031
|
+
background-color: var(--brand-color-accent-primary);
|
|
9032
|
+
}
|
|
9033
|
+
|
|
9034
|
+
@media (hover: hover) and (pointer: fine) {
|
|
9035
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionItem___SyD2o:hover::before {
|
|
9036
|
+
transform: scaleY(2);
|
|
9037
|
+
background-color: var(--brand-color-accent-primary);
|
|
9038
|
+
}
|
|
9039
|
+
}
|
|
9040
|
+
|
|
9041
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionHeading___RiuA9 {
|
|
9042
|
+
color: var(--brand-color-text-default);
|
|
9043
|
+
}
|
|
9044
|
+
|
|
9045
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionHeadingInner___vvOjI {
|
|
9046
|
+
display: inline-flex;
|
|
9047
|
+
flex-direction: column;
|
|
9048
|
+
align-items: flex-start;
|
|
9049
|
+
gap: var(--base-size-12);
|
|
9050
|
+
}
|
|
9051
|
+
|
|
9052
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionIcon___pslaZ {
|
|
9053
|
+
flex-shrink: 0;
|
|
9054
|
+
}
|
|
9055
|
+
|
|
9056
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionLabel___gIy1N {
|
|
9057
|
+
display: inline-flex;
|
|
9058
|
+
align-items: center;
|
|
9059
|
+
}
|
|
9060
|
+
|
|
9061
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionPanel___EqiKL {
|
|
9062
|
+
display: flex;
|
|
9063
|
+
flex-direction: column;
|
|
9064
|
+
gap: var(--base-size-24);
|
|
9065
|
+
}
|
|
9066
|
+
|
|
9067
|
+
@media screen and (min-width: 618px) {
|
|
9068
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs___X8Dk9 {
|
|
9069
|
+
border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
9070
|
+
}
|
|
9071
|
+
}
|
|
9072
|
+
|
|
9073
|
+
@media screen and (min-width: 63.25rem) {
|
|
9074
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs___X8Dk9 {
|
|
9075
|
+
border-inline: none;
|
|
9076
|
+
}
|
|
9077
|
+
}
|
|
9078
|
+
|
|
9079
|
+
@media screen and (min-width: 1300px) {
|
|
9080
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs___X8Dk9 {
|
|
9081
|
+
border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
9082
|
+
}
|
|
9083
|
+
}
|
|
9084
|
+
|
|
9085
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9086
|
+
--ease: cubic-bezier(0.22, 0.56, 0.23, 0.89);
|
|
9087
|
+
-webkit-font-smoothing: antialiased;
|
|
9088
|
+
--stackDistance: calc(var(--base-size-24) * -1);
|
|
9089
|
+
|
|
9090
|
+
/* River visual (videos)
|
|
9091
|
+
* UL = unit-less, needed for division in certain scenarios
|
|
9092
|
+
*/
|
|
9093
|
+
--visualMaxWidth: 1032px;
|
|
9094
|
+
--visualMaxWidthUL: 1032;
|
|
9095
|
+
--visualMaxHeight: min(690px, 60vh);
|
|
9096
|
+
--visualMaxHeightUL: 690;
|
|
9097
|
+
--storyScrollPadding: min(32px, 5vw);
|
|
9098
|
+
position: relative;
|
|
9099
|
+
}
|
|
9100
|
+
@media (max-height: 720px) {
|
|
9101
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9102
|
+
--visualMaxHeight: 55vh;
|
|
9103
|
+
}
|
|
9104
|
+
}
|
|
9105
|
+
|
|
9106
|
+
@media (max-height: 600px) {
|
|
9107
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9108
|
+
--visualMaxHeight: 50vh;
|
|
9109
|
+
}
|
|
9110
|
+
}
|
|
9111
|
+
|
|
9112
|
+
@media (max-height: 500px) {
|
|
9113
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9114
|
+
--visualMaxHeight: 40vh;
|
|
9115
|
+
}
|
|
9116
|
+
}
|
|
9117
|
+
|
|
9118
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__inner___V0daX {
|
|
9119
|
+
position: relative;
|
|
9120
|
+
}
|
|
9121
|
+
|
|
9122
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__visual-cover___rCa_Y {
|
|
9123
|
+
position: absolute;
|
|
9124
|
+
left: 0;
|
|
9125
|
+
width: 100%;
|
|
9126
|
+
}
|
|
9127
|
+
|
|
9128
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__image___WmawN {
|
|
9129
|
+
margin-left: auto;
|
|
9130
|
+
margin-right: auto;
|
|
9131
|
+
width: auto;
|
|
9132
|
+
z-index: 10;
|
|
9133
|
+
position: relative;
|
|
9134
|
+
border-radius: var(--brand-borderRadius-large);
|
|
9135
|
+
}
|
|
9136
|
+
|
|
9137
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll--enabled___EpqB5 .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__internal-river___eUmDR {
|
|
9138
|
+
grid-template-columns: 1fr;
|
|
9139
|
+
gap: 0;
|
|
9140
|
+
}
|
|
9141
|
+
|
|
9142
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll--enabled___EpqB5 .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__internal-river___eUmDR img,
|
|
9143
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll--enabled___EpqB5 .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__internal-river___eUmDR video {
|
|
9144
|
+
display: none;
|
|
9145
|
+
}
|
|
9146
|
+
|
|
9147
|
+
@media (max-width: 542px) {
|
|
9148
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9149
|
+
--topOffset: calc((100vh - min(664px, 60vh)) / 5);
|
|
9150
|
+
}
|
|
9151
|
+
}
|
|
9152
|
+
|
|
9153
|
+
@media (max-width: 768px) and (min-height: 670px) {
|
|
9154
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9155
|
+
--extraBottomSpacing: calc(-1 * (100vh - 100vw) / 5);
|
|
9156
|
+
}
|
|
9157
|
+
}
|
|
9158
|
+
|
|
9159
|
+
@media (min-width: 542px) and (max-width: 1028px) and (min-height: 670px) {
|
|
9160
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9161
|
+
--extraBottomSpacing: calc(-1 * (100vh - 100vw) / 3);
|
|
9162
|
+
}
|
|
9163
|
+
}
|
|
9164
|
+
|
|
9165
|
+
@media (min-width: 542px) {
|
|
9166
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9167
|
+
--scrollTextHeight: 42vh;
|
|
9168
|
+
}
|
|
9169
|
+
}
|
|
9170
|
+
|
|
9171
|
+
@media (max-height: 520px) {
|
|
9172
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9173
|
+
--scrollTextHeight: 70vh;
|
|
9174
|
+
}
|
|
9175
|
+
}
|
|
9176
|
+
|
|
9177
|
+
@media (min-width: 1028px) {
|
|
9178
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9179
|
+
--stackDistance: -30px;
|
|
9180
|
+
}
|
|
9181
|
+
}
|
|
9182
|
+
|
|
9183
|
+
@media (max-height: 800px) {
|
|
9184
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9185
|
+
--stackDistance: -20px;
|
|
9186
|
+
}
|
|
9187
|
+
}
|
|
9188
|
+
|
|
9189
|
+
@media (max-height: 500px) {
|
|
9190
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9191
|
+
--stackDistance: -15px;
|
|
9192
|
+
}
|
|
9193
|
+
}
|
|
9194
|
+
|
|
9195
|
+
@media screen and (max-width: 768px) {
|
|
9196
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9197
|
+
--topOffset: calc((100vh - min(664px, 60vh)) / 3);
|
|
9198
|
+
|
|
9199
|
+
/* Spacing above the visual */
|
|
9200
|
+
--availableWidth: calc(100vw - var(--storyScrollPadding) * 2);
|
|
9201
|
+
--relativeVisualHeight: calc(var(--visualMaxHeightUL) / var(--visualMaxWidthUL) * var(--availableWidth));
|
|
9202
|
+
--visualHeight: min(var(--visualMaxHeight), var(--relativeVisualHeight));
|
|
9203
|
+
--visualWidth: calc(var(--visualHeight) * var(--visualMaxWidthUL) / var(--visualMaxHeightUL));
|
|
9204
|
+
--scrollTextHeight: 58vh;
|
|
9205
|
+
--textToVisualPadding: max(5vh, 40px);
|
|
9206
|
+
|
|
9207
|
+
--topScrollOffset: calc(var(--visualHeight));
|
|
9208
|
+
--bottomScrollOffset: calc(100vh - var(--topOffset) - var(--visualHeight) - var(--textToVisualPadding));
|
|
9209
|
+
|
|
9210
|
+
--extraBottomSpacing: 70px;
|
|
9211
|
+
}
|
|
9212
|
+
|
|
9213
|
+
/* Enhanced styling if dvh is supported */
|
|
9214
|
+
@supports (height: 100dvh) {
|
|
9215
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__visual-container-inner___oFalR {
|
|
9216
|
+
height: 100dvh;
|
|
9217
|
+
}
|
|
9218
|
+
}
|
|
9219
|
+
|
|
9220
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__visual-container___ZJlnt {
|
|
9221
|
+
position: absolute;
|
|
9222
|
+
width: 100%;
|
|
9223
|
+
height: 100%;
|
|
9224
|
+
left: 0;
|
|
9225
|
+
top: 0;
|
|
9226
|
+
}
|
|
9227
|
+
|
|
9228
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__tracker___SR7oo {
|
|
9229
|
+
min-height: var(--scrollTextHeight);
|
|
9230
|
+
position: relative;
|
|
9231
|
+
transition: opacity 0.3s var(--ease);
|
|
9232
|
+
}
|
|
9233
|
+
|
|
9234
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__tracker___SR7oo:has(+ .Primer_Brand__RiverStoryScroll-module__in-viewport___AxNUA) {
|
|
9235
|
+
opacity: 0;
|
|
9236
|
+
}
|
|
9237
|
+
|
|
9238
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__tracker___SR7oo.Primer_Brand__RiverStoryScroll-module__in-viewport___AxNUA + .Primer_Brand__RiverStoryScroll-module__outside-viewport___ivCAg {
|
|
9239
|
+
opacity: 0;
|
|
9240
|
+
}
|
|
9241
|
+
|
|
9242
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9243
|
+
max-width: calc(1032px + var(--storyScrollPadding) * 2);
|
|
9244
|
+
margin-top: min(30vw, 22vh);
|
|
9245
|
+
margin-left: auto;
|
|
9246
|
+
margin-right: auto;
|
|
9247
|
+
padding-right: var(--storyScrollPadding);
|
|
9248
|
+
padding-left: var(--storyScrollPadding);
|
|
9249
|
+
}
|
|
9250
|
+
|
|
9251
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__content-container--below____OTaq {
|
|
9252
|
+
padding-top: var(--topScrollOffset);
|
|
9253
|
+
padding-bottom: var(--bottomScrollOffset);
|
|
9254
|
+
}
|
|
9255
|
+
|
|
9256
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__image___WmawN {
|
|
9257
|
+
height: auto;
|
|
9258
|
+
width: 100%;
|
|
9259
|
+
max-width: var(--visualWidth);
|
|
9260
|
+
border-radius: var(--brand-borderRadius-large);
|
|
9261
|
+
}
|
|
9262
|
+
|
|
9263
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__visual-container-inner___oFalR {
|
|
9264
|
+
position: sticky;
|
|
8679
9265
|
pointer-events: none;
|
|
8680
9266
|
top: 0;
|
|
8681
9267
|
padding-top: var(--topOffset);
|
|
@@ -8982,7 +9568,7 @@ html {
|
|
|
8982
9568
|
|
|
8983
9569
|
/**
|
|
8984
9570
|
* Do not edit directly
|
|
8985
|
-
* Generated on
|
|
9571
|
+
* Generated on Thu, 23 Apr 2026 10:25:23 GMT
|
|
8986
9572
|
*/
|
|
8987
9573
|
|
|
8988
9574
|
:root,
|
|
@@ -9750,7 +10336,7 @@ html {
|
|
|
9750
10336
|
|
|
9751
10337
|
/**
|
|
9752
10338
|
* Do not edit directly
|
|
9753
|
-
* Generated on
|
|
10339
|
+
* Generated on Thu, 23 Apr 2026 10:25:22 GMT
|
|
9754
10340
|
*/
|
|
9755
10341
|
|
|
9756
10342
|
:root,
|
|
@@ -9776,78 +10362,233 @@ html {
|
|
|
9776
10362
|
--brand-SubdomainNavBar-border-button-hover: var(--base-color-scale-white-0);
|
|
9777
10363
|
}
|
|
9778
10364
|
|
|
9779
|
-
/**
|
|
9780
|
-
* Do not edit directly
|
|
9781
|
-
* Generated on
|
|
9782
|
-
*/
|
|
10365
|
+
/**
|
|
10366
|
+
* Do not edit directly
|
|
10367
|
+
* Generated on Thu, 23 Apr 2026 10:25:22 GMT
|
|
10368
|
+
*/
|
|
10369
|
+
|
|
10370
|
+
:root,
|
|
10371
|
+
[data-color-mode="light"] {
|
|
10372
|
+
--brand-InlineLink-color-rest: var(--brand-color-text-link-rest);
|
|
10373
|
+
--brand-InlineLink-color-pressed: var(--brand-color-text-link-pressed);
|
|
10374
|
+
}
|
|
10375
|
+
|
|
10376
|
+
[data-color-mode="dark"] {
|
|
10377
|
+
--brand-InlineLink-color-rest: var(--brand-color-text-link-rest);
|
|
10378
|
+
--brand-InlineLink-color-pressed: var(--brand-color-text-link-pressed);
|
|
10379
|
+
}
|
|
10380
|
+
|
|
10381
|
+
/**
|
|
10382
|
+
* Do not edit directly
|
|
10383
|
+
* Generated on Thu, 23 Apr 2026 10:25:21 GMT
|
|
10384
|
+
*/
|
|
10385
|
+
|
|
10386
|
+
:root {
|
|
10387
|
+
--brand-InlineLink-transition-timing: var(--brand-animation-duration-fast);
|
|
10388
|
+
}
|
|
10389
|
+
|
|
10390
|
+
.Primer_Brand__InlineLink-module__InlineLink___U_Ama {
|
|
10391
|
+
position: relative;
|
|
10392
|
+
-webkit-text-decoration: underline;
|
|
10393
|
+
text-decoration: underline;
|
|
10394
|
+
text-decoration-color: var(--brand-InlineLink-color-rest);
|
|
10395
|
+
text-decoration-thickness: var(--brand-borderWidth-thin);
|
|
10396
|
+
text-underline-position: under;
|
|
10397
|
+
transition: var(--brand-InlineLink-transition-timing) text-decoration;
|
|
10398
|
+
}
|
|
10399
|
+
|
|
10400
|
+
.Primer_Brand__InlineLink-module__InlineLink___U_Ama:hover {
|
|
10401
|
+
text-decoration-thickness: var(--brand-borderWidth-thick);
|
|
10402
|
+
}
|
|
10403
|
+
|
|
10404
|
+
.Primer_Brand__InlineLink-module__InlineLink___U_Ama,
|
|
10405
|
+
.Primer_Brand__InlineLink-module__InlineLink___U_Ama > span {
|
|
10406
|
+
font-size: inherit;
|
|
10407
|
+
font-weight: inherit;
|
|
10408
|
+
line-height: inherit;
|
|
10409
|
+
color: var(--brand-InlineLink-color-rest);
|
|
10410
|
+
}
|
|
10411
|
+
|
|
10412
|
+
.Primer_Brand__InlineLink-module__InlineLink___U_Ama:active,
|
|
10413
|
+
.Primer_Brand__InlineLink-module__InlineLink___U_Ama:active > span {
|
|
10414
|
+
color: var(--brand-InlineLink-color-pressed);
|
|
10415
|
+
}
|
|
10416
|
+
|
|
10417
|
+
[data-color-mode='dark'] .Primer_Brand__InlineLink-module__InlineLink___U_Ama {
|
|
10418
|
+
-webkit-font-smoothing: subpixel-antialiased;
|
|
10419
|
+
-moz-osx-font-smoothing: auto;
|
|
10420
|
+
}
|
|
10421
|
+
|
|
10422
|
+
/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
|
|
10423
|
+
@media (prefers-reduced-motion: reduce) {
|
|
10424
|
+
.Primer_Brand__InlineLink-module__InlineLink___U_Ama,
|
|
10425
|
+
.Primer_Brand__InlineLink-module__InlineLink___U_Ama::before,
|
|
10426
|
+
.Primer_Brand__InlineLink-module__InlineLink___U_Ama::after,
|
|
10427
|
+
.Primer_Brand__InlineLink-module__InlineLink___U_Ama * {
|
|
10428
|
+
animation: none !important;
|
|
10429
|
+
transition: none !important;
|
|
10430
|
+
scroll-behavior: auto !important;
|
|
10431
|
+
}
|
|
10432
|
+
}
|
|
10433
|
+
|
|
10434
|
+
/**
|
|
10435
|
+
* Do not edit directly
|
|
10436
|
+
* Generated on Thu, 23 Apr 2026 10:25:22 GMT
|
|
10437
|
+
*/
|
|
10438
|
+
|
|
10439
|
+
:root,
|
|
10440
|
+
[data-color-mode="light"] {
|
|
10441
|
+
--brand-Token-bgColor-default: var(--base-color-scale-gray-0);
|
|
10442
|
+
--brand-Token-bgColor-accent: var(--base-color-scale-green-8);
|
|
10443
|
+
--brand-Token-bgColor-hover-default: var(--base-color-scale-gray-1);
|
|
10444
|
+
--brand-Token-bgColor-hover-accent: var(--base-color-scale-green-7);
|
|
10445
|
+
--brand-Token-bgColor-hover-outline: var(--brand-color-border-muted);
|
|
10446
|
+
--brand-Token-bgColor-hover-invisible: transparent;
|
|
10447
|
+
--brand-Token-bgColor-invisible: transparent;
|
|
10448
|
+
--brand-Token-bgColor-outline: var(--brand-color-canvas-default);
|
|
10449
|
+
--brand-Token-border-outline: var(--brand-color-border-muted);
|
|
10450
|
+
--brand-Token-fgColor-default: var(--brand-color-text-default);
|
|
10451
|
+
--brand-Token-fgColor-accent: var(--base-color-scale-white-0);
|
|
10452
|
+
--brand-Token-fgColor-outline: var(--brand-color-text-default);
|
|
10453
|
+
--brand-Token-fgColor-invisible: var(--brand-color-text-default);
|
|
10454
|
+
}
|
|
10455
|
+
|
|
10456
|
+
[data-color-mode="dark"] {
|
|
10457
|
+
--brand-Token-bgColor-default: var(--base-color-scale-gray-5);
|
|
10458
|
+
--brand-Token-bgColor-accent: var(--base-color-scale-green-8);
|
|
10459
|
+
--brand-Token-bgColor-hover-default: var(--base-color-scale-gray-4);
|
|
10460
|
+
--brand-Token-bgColor-hover-accent: var(--base-color-scale-green-7);
|
|
10461
|
+
--brand-Token-bgColor-hover-outline: var(--brand-color-border-muted);
|
|
10462
|
+
--brand-Token-bgColor-hover-invisible: transparent;
|
|
10463
|
+
--brand-Token-bgColor-invisible: transparent;
|
|
10464
|
+
--brand-Token-bgColor-outline: var(--brand-color-canvas-default);
|
|
10465
|
+
--brand-Token-border-outline: var(--brand-color-border-muted);
|
|
10466
|
+
--brand-Token-fgColor-default: var(--brand-color-text-muted);
|
|
10467
|
+
--brand-Token-fgColor-accent: var(--base-color-scale-white-0);
|
|
10468
|
+
--brand-Token-fgColor-outline: var(--brand-color-text-default);
|
|
10469
|
+
--brand-Token-fgColor-invisible: var(--brand-color-text-default);
|
|
10470
|
+
}
|
|
10471
|
+
|
|
10472
|
+
.Primer_Brand__Token-module__Token___r7qQC {
|
|
10473
|
+
align-items: center;
|
|
10474
|
+
border: var(--brand-borderWidth-thin) solid transparent;
|
|
10475
|
+
border-radius: var(--brand-borderRadius-small);
|
|
10476
|
+
display: inline-flex;
|
|
10477
|
+
gap: var(--base-size-8);
|
|
10478
|
+
min-width: 0;
|
|
10479
|
+
max-width: 100%;
|
|
10480
|
+
padding-inline: var(--base-size-8);
|
|
10481
|
+
padding-block: var(--base-size-6);
|
|
10482
|
+
padding-block-end: calc(var(--base-size-6) - 1px); /* Compensate for 1px border to maintain height */
|
|
10483
|
+
vertical-align: middle;
|
|
10484
|
+
}
|
|
10485
|
+
|
|
10486
|
+
.Primer_Brand__Token-module__Token--hasLeadingVisual___cPRLz {
|
|
10487
|
+
padding-inline: calc((var(--base-size-4) + var(--base-size-8)) / 2);
|
|
10488
|
+
padding-block: calc((var(--base-size-4) + var(--base-size-8)) / 2);
|
|
10489
|
+
}
|
|
10490
|
+
|
|
10491
|
+
.Primer_Brand__Token-module__Token--interactive___aQ1rk {
|
|
10492
|
+
cursor: pointer;
|
|
10493
|
+
-webkit-text-decoration: none;
|
|
10494
|
+
text-decoration: none;
|
|
10495
|
+
}
|
|
10496
|
+
|
|
10497
|
+
[data-color-mode='dark'] .Primer_Brand__Token-module__Token___r7qQC {
|
|
10498
|
+
-webkit-font-smoothing: antialiased;
|
|
10499
|
+
-moz-osx-font-smoothing: auto;
|
|
10500
|
+
}
|
|
10501
|
+
|
|
10502
|
+
.Primer_Brand__Token-module__Token--variant-default___NBxMW {
|
|
10503
|
+
background-color: var(--brand-Token-bgColor-default);
|
|
10504
|
+
color: var(--brand-Token-fgColor-default);
|
|
10505
|
+
}
|
|
10506
|
+
|
|
10507
|
+
.Primer_Brand__Token-module__Token--interactive___aQ1rk.Primer_Brand__Token-module__Token--variant-default___NBxMW:hover {
|
|
10508
|
+
background-color: var(--brand-Token-bgColor-hover-default);
|
|
10509
|
+
}
|
|
10510
|
+
|
|
10511
|
+
.Primer_Brand__Token-module__Token--variant-accent___Ji_P4 {
|
|
10512
|
+
background-color: var(--brand-Token-bgColor-accent);
|
|
10513
|
+
color: var(--brand-Token-fgColor-accent);
|
|
10514
|
+
}
|
|
10515
|
+
|
|
10516
|
+
.Primer_Brand__Token-module__Token--interactive___aQ1rk.Primer_Brand__Token-module__Token--variant-accent___Ji_P4:hover {
|
|
10517
|
+
background-color: var(--brand-Token-bgColor-hover-accent);
|
|
10518
|
+
}
|
|
10519
|
+
|
|
10520
|
+
.Primer_Brand__Token-module__Token--variant-outline___X52wp {
|
|
10521
|
+
background-color: var(--brand-Token-bgColor-outline);
|
|
10522
|
+
border-color: var(--brand-Token-border-outline);
|
|
10523
|
+
color: var(--brand-Token-fgColor-outline);
|
|
10524
|
+
}
|
|
9783
10525
|
|
|
9784
|
-
:
|
|
9785
|
-
|
|
9786
|
-
--brand-InlineLink-color-rest: var(--brand-color-text-link-rest);
|
|
9787
|
-
--brand-InlineLink-color-pressed: var(--brand-color-text-link-pressed);
|
|
10526
|
+
.Primer_Brand__Token-module__Token--interactive___aQ1rk.Primer_Brand__Token-module__Token--variant-outline___X52wp:hover {
|
|
10527
|
+
background-color: var(--brand-Token-bgColor-hover-outline);
|
|
9788
10528
|
}
|
|
9789
10529
|
|
|
9790
|
-
|
|
9791
|
-
|
|
9792
|
-
|
|
10530
|
+
.Primer_Brand__Token-module__Token--variant-invisible___bJrcK {
|
|
10531
|
+
background-color: transparent;
|
|
10532
|
+
color: var(--brand-Token-fgColor-invisible);
|
|
9793
10533
|
}
|
|
9794
10534
|
|
|
9795
|
-
|
|
9796
|
-
|
|
9797
|
-
|
|
9798
|
-
*/
|
|
10535
|
+
.Primer_Brand__Token-module__Token--interactive___aQ1rk.Primer_Brand__Token-module__Token--variant-invisible___bJrcK:hover {
|
|
10536
|
+
background-color: var(--brand-Token-bgColor-hover-invisible);
|
|
10537
|
+
}
|
|
9799
10538
|
|
|
9800
|
-
|
|
9801
|
-
|
|
10539
|
+
.Primer_Brand__Token-module__Token__label___wC8Q5 {
|
|
10540
|
+
display: block;
|
|
10541
|
+
flex: 1 1 auto;
|
|
10542
|
+
min-width: 0;
|
|
10543
|
+
overflow: hidden;
|
|
10544
|
+
text-overflow: ellipsis;
|
|
10545
|
+
text-transform: uppercase;
|
|
10546
|
+
font-weight: var(--base-text-weight-normal);
|
|
10547
|
+
line-height: 0.85;
|
|
10548
|
+
white-space: nowrap;
|
|
9802
10549
|
}
|
|
9803
10550
|
|
|
9804
|
-
.
|
|
9805
|
-
|
|
9806
|
-
-webkit-text-decoration: underline;
|
|
9807
|
-
text-decoration: underline;
|
|
9808
|
-
text-decoration-color: var(--brand-InlineLink-color-rest);
|
|
9809
|
-
text-decoration-thickness: var(--brand-borderWidth-thin);
|
|
9810
|
-
text-underline-position: under;
|
|
9811
|
-
transition: var(--brand-InlineLink-transition-timing) text-decoration;
|
|
10551
|
+
.Primer_Brand__Token-module__Token___r7qQC > .Primer_Brand__Token-module__Token__label___wC8Q5 {
|
|
10552
|
+
color: inherit;
|
|
9812
10553
|
}
|
|
9813
10554
|
|
|
9814
|
-
.
|
|
9815
|
-
|
|
10555
|
+
.Primer_Brand__Token-module__Token__leading-visual___SDos3 {
|
|
10556
|
+
display: flex;
|
|
10557
|
+
flex-shrink: 0;
|
|
10558
|
+
align-items: center;
|
|
10559
|
+
justify-content: center;
|
|
10560
|
+
width: calc((var(--base-size-16) + var(--base-size-20)) / 2);
|
|
10561
|
+
height: calc((var(--base-size-16) + var(--base-size-20)) / 2);
|
|
9816
10562
|
}
|
|
9817
10563
|
|
|
9818
|
-
.
|
|
9819
|
-
|
|
9820
|
-
font-size: inherit;
|
|
9821
|
-
font-weight: inherit;
|
|
9822
|
-
line-height: inherit;
|
|
9823
|
-
color: var(--brand-InlineLink-color-rest);
|
|
10564
|
+
.Primer_Brand__Token-module__Token__visual___U0j1l {
|
|
10565
|
+
display: block;
|
|
9824
10566
|
}
|
|
9825
10567
|
|
|
9826
|
-
.
|
|
9827
|
-
.
|
|
9828
|
-
|
|
10568
|
+
/* Keep leading visuals inside a fixed 18x18 slot so larger children like Avatar dont increase Token height. */
|
|
10569
|
+
.Primer_Brand__Token-module__Token__leading-visual___SDos3 > .Primer_Brand__Token-module__Token__visual___U0j1l {
|
|
10570
|
+
width: calc((var(--base-size-16) + var(--base-size-20)) / 2);
|
|
10571
|
+
height: calc((var(--base-size-16) + var(--base-size-20)) / 2);
|
|
10572
|
+
max-width: calc((var(--base-size-16) + var(--base-size-20)) / 2);
|
|
10573
|
+
max-height: calc((var(--base-size-16) + var(--base-size-20)) / 2);
|
|
10574
|
+
border-radius: 2px;
|
|
9829
10575
|
}
|
|
9830
10576
|
|
|
9831
|
-
|
|
9832
|
-
|
|
9833
|
-
|
|
10577
|
+
.Primer_Brand__Token-module__Token__leading-visual___SDos3 > .Primer_Brand__Token-module__Token__visual___U0j1l svg,
|
|
10578
|
+
.Primer_Brand__Token-module__Token__leading-visual___SDos3 > .Primer_Brand__Token-module__Token__visual___U0j1l img {
|
|
10579
|
+
width: 100%;
|
|
10580
|
+
height: 100%;
|
|
9834
10581
|
}
|
|
9835
10582
|
|
|
9836
|
-
|
|
9837
|
-
|
|
9838
|
-
|
|
9839
|
-
.Primer_Brand__InlineLink-module__InlineLink___U_Ama::before,
|
|
9840
|
-
.Primer_Brand__InlineLink-module__InlineLink___U_Ama::after,
|
|
9841
|
-
.Primer_Brand__InlineLink-module__InlineLink___U_Ama * {
|
|
9842
|
-
animation: none !important;
|
|
9843
|
-
transition: none !important;
|
|
9844
|
-
scroll-behavior: auto !important;
|
|
10583
|
+
@media (forced-colors: active) {
|
|
10584
|
+
.Primer_Brand__Token-module__Token___r7qQC {
|
|
10585
|
+
outline: var(--brand-borderWidth-thin) solid transparent;
|
|
9845
10586
|
}
|
|
9846
10587
|
}
|
|
9847
10588
|
|
|
9848
10589
|
/**
|
|
9849
10590
|
* Do not edit directly
|
|
9850
|
-
* Generated on
|
|
10591
|
+
* Generated on Thu, 23 Apr 2026 10:25:22 GMT
|
|
9851
10592
|
*/
|
|
9852
10593
|
|
|
9853
10594
|
:root,
|
|
@@ -10275,7 +11016,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
|
|
|
10275
11016
|
|
|
10276
11017
|
/**
|
|
10277
11018
|
* Do not edit directly
|
|
10278
|
-
* Generated on
|
|
11019
|
+
* Generated on Thu, 23 Apr 2026 10:25:21 GMT
|
|
10279
11020
|
*/
|
|
10280
11021
|
|
|
10281
11022
|
:root {
|
|
@@ -10284,7 +11025,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
|
|
|
10284
11025
|
|
|
10285
11026
|
/**
|
|
10286
11027
|
* Do not edit directly
|
|
10287
|
-
* Generated on
|
|
11028
|
+
* Generated on Thu, 23 Apr 2026 10:25:22 GMT
|
|
10288
11029
|
*/
|
|
10289
11030
|
|
|
10290
11031
|
:root,
|
|
@@ -10306,7 +11047,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
|
|
|
10306
11047
|
|
|
10307
11048
|
/**
|
|
10308
11049
|
* Do not edit directly
|
|
10309
|
-
* Generated on
|
|
11050
|
+
* Generated on Thu, 23 Apr 2026 10:25:22 GMT
|
|
10310
11051
|
*/
|
|
10311
11052
|
|
|
10312
11053
|
:root {
|
|
@@ -10588,7 +11329,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
|
|
|
10588
11329
|
|
|
10589
11330
|
/**
|
|
10590
11331
|
* Do not edit directly
|
|
10591
|
-
* Generated on
|
|
11332
|
+
* Generated on Thu, 23 Apr 2026 10:25:22 GMT
|
|
10592
11333
|
*/
|
|
10593
11334
|
|
|
10594
11335
|
:root,
|
|
@@ -11791,7 +12532,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
11791
12532
|
|
|
11792
12533
|
/**
|
|
11793
12534
|
* Do not edit directly
|
|
11794
|
-
* Generated on
|
|
12535
|
+
* Generated on Thu, 23 Apr 2026 10:25:21 GMT
|
|
11795
12536
|
*/
|
|
11796
12537
|
|
|
11797
12538
|
:root {
|
|
@@ -11805,7 +12546,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
11805
12546
|
|
|
11806
12547
|
/**
|
|
11807
12548
|
* Do not edit directly
|
|
11808
|
-
* Generated on
|
|
12549
|
+
* Generated on Thu, 23 Apr 2026 10:25:23 GMT
|
|
11809
12550
|
*/
|
|
11810
12551
|
|
|
11811
12552
|
:root,
|
|
@@ -12063,10 +12804,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12063
12804
|
|
|
12064
12805
|
.Primer_Brand__Testimonial-module__Testimonial-from___Kfj__ {
|
|
12065
12806
|
font-weight: var(--base-text-weight-normal);
|
|
12066
|
-
|
|
12067
|
-
|
|
12068
|
-
.Primer_Brand__Testimonial-module__Testimonial-position___j2h0f {
|
|
12069
|
-
font-family: var(--brand-fontStack-monospace);
|
|
12807
|
+
text-transform: uppercase;
|
|
12070
12808
|
}
|
|
12071
12809
|
|
|
12072
12810
|
/* Expressive variant */
|
|
@@ -12080,7 +12818,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12080
12818
|
.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___VLMNM {
|
|
12081
12819
|
flex-direction: row;
|
|
12082
12820
|
align-items: flex-end;
|
|
12083
|
-
gap: var(--base-size-
|
|
12821
|
+
gap: var(--base-size-96);
|
|
12084
12822
|
}
|
|
12085
12823
|
}
|
|
12086
12824
|
|
|
@@ -12105,6 +12843,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12105
12843
|
border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
|
|
12106
12844
|
padding-block-start: var(--base-size-24);
|
|
12107
12845
|
width: 100%;
|
|
12846
|
+
gap: var(--base-size-8);
|
|
12108
12847
|
}
|
|
12109
12848
|
|
|
12110
12849
|
@media screen and (min-width: 48rem) {
|
|
@@ -12148,6 +12887,8 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12148
12887
|
|
|
12149
12888
|
.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___VLMNM .Primer_Brand__Testimonial-module__Testimonial-quote___QXF1F {
|
|
12150
12889
|
font-family: var(--brand-fontStack-monospace);
|
|
12890
|
+
line-height: var(--brand-text-lineHeight-400);
|
|
12891
|
+
font-weight: var(--base-text-weight-normal);
|
|
12151
12892
|
}
|
|
12152
12893
|
|
|
12153
12894
|
.Primer_Brand__Testimonial-module__Testimonial-link___gHJ58 {
|
|
@@ -12256,7 +12997,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12256
12997
|
|
|
12257
12998
|
/**
|
|
12258
12999
|
* Do not edit directly
|
|
12259
|
-
* Generated on
|
|
13000
|
+
* Generated on Thu, 23 Apr 2026 10:25:22 GMT
|
|
12260
13001
|
*/
|
|
12261
13002
|
|
|
12262
13003
|
:root,
|
|
@@ -12272,7 +13013,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12272
13013
|
|
|
12273
13014
|
/**
|
|
12274
13015
|
* Do not edit directly
|
|
12275
|
-
* Generated on
|
|
13016
|
+
* Generated on Thu, 23 Apr 2026 10:25:22 GMT
|
|
12276
13017
|
*/
|
|
12277
13018
|
|
|
12278
13019
|
:root {
|
|
@@ -13017,7 +13758,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
13017
13758
|
|
|
13018
13759
|
/**
|
|
13019
13760
|
* Do not edit directly
|
|
13020
|
-
* Generated on
|
|
13761
|
+
* Generated on Thu, 23 Apr 2026 10:25:22 GMT
|
|
13021
13762
|
*/
|
|
13022
13763
|
|
|
13023
13764
|
:root,
|
|
@@ -13033,7 +13774,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
13033
13774
|
|
|
13034
13775
|
/**
|
|
13035
13776
|
* Do not edit directly
|
|
13036
|
-
* Generated on
|
|
13777
|
+
* Generated on Thu, 23 Apr 2026 10:25:22 GMT
|
|
13037
13778
|
*/
|
|
13038
13779
|
|
|
13039
13780
|
:root,
|
|
@@ -13419,7 +14160,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
13419
14160
|
|
|
13420
14161
|
/**
|
|
13421
14162
|
* Do not edit directly
|
|
13422
|
-
* Generated on
|
|
14163
|
+
* Generated on Thu, 23 Apr 2026 10:25:22 GMT
|
|
13423
14164
|
*/
|
|
13424
14165
|
|
|
13425
14166
|
:root,
|
|
@@ -13583,7 +14324,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
13583
14324
|
|
|
13584
14325
|
/**
|
|
13585
14326
|
* Do not edit directly
|
|
13586
|
-
* Generated on
|
|
14327
|
+
* Generated on Thu, 23 Apr 2026 10:25:22 GMT
|
|
13587
14328
|
*/
|
|
13588
14329
|
|
|
13589
14330
|
:root,
|
|
@@ -13708,336 +14449,81 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
13708
14449
|
color: var(--brand-Pillar-icon-color-orange);
|
|
13709
14450
|
}
|
|
13710
14451
|
|
|
13711
|
-
.Primer_Brand__Pillar-module__Pillar__icon--color-pink___WcTTa {
|
|
13712
|
-
color: var(--brand-Pillar-icon-color-pink);
|
|
13713
|
-
}
|
|
13714
|
-
|
|
13715
|
-
.Primer_Brand__Pillar-module__Pillar__icon--color-purple___BGrUp {
|
|
13716
|
-
color: var(--brand-Pillar-icon-color-purple);
|
|
13717
|
-
}
|
|
13718
|
-
|
|
13719
|
-
.Primer_Brand__Pillar-module__Pillar__icon--color-red___ek1FA {
|
|
13720
|
-
color: var(--brand-Pillar-icon-color-red);
|
|
13721
|
-
}
|
|
13722
|
-
|
|
13723
|
-
.Primer_Brand__Pillar-module__Pillar__icon--color-teal___fntO4 {
|
|
13724
|
-
color: var(--brand-Pillar-icon-color-teal);
|
|
13725
|
-
}
|
|
13726
|
-
|
|
13727
|
-
.Primer_Brand__Pillar-module__Pillar__icon--color-yellow___xatJt {
|
|
13728
|
-
color: var(--brand-Pillar-icon-color-yellow);
|
|
13729
|
-
}
|
|
13730
|
-
|
|
13731
|
-
.Primer_Brand__Icon-module__Icon___bf2xY {
|
|
13732
|
-
box-sizing: content-box;
|
|
13733
|
-
padding: 0;
|
|
13734
|
-
}
|
|
13735
|
-
|
|
13736
|
-
.Primer_Brand__Icon-module__Icon___bf2xY > svg {
|
|
13737
|
-
display: block; /* Ensure SVG are unaffected by text styles and font metrics, maintaining vertical alignment */
|
|
13738
|
-
}
|
|
13739
|
-
|
|
13740
|
-
.Primer_Brand__Icon-module__Icon--size-20___bxF8U {
|
|
13741
|
-
width: var(--base-size-20);
|
|
13742
|
-
height: var(--base-size-20);
|
|
13743
|
-
}
|
|
13744
|
-
|
|
13745
|
-
.Primer_Brand__Icon-module__Icon--size-24___yTJML {
|
|
13746
|
-
width: var(--base-size-24);
|
|
13747
|
-
height: var(--base-size-24);
|
|
13748
|
-
}
|
|
13749
|
-
|
|
13750
|
-
.Primer_Brand__Icon-module__Icon--size-28___tnGmL {
|
|
13751
|
-
width: var(--base-size-28);
|
|
13752
|
-
height: var(--base-size-28);
|
|
13753
|
-
}
|
|
13754
|
-
|
|
13755
|
-
.Primer_Brand__Icon-module__Icon--size-32___Rhkw8 {
|
|
13756
|
-
width: var(--base-size-32);
|
|
13757
|
-
height: var(--base-size-32);
|
|
13758
|
-
}
|
|
13759
|
-
|
|
13760
|
-
.Primer_Brand__Icon-module__Icon--size-36___F4Mcj {
|
|
13761
|
-
width: var(--base-size-36);
|
|
13762
|
-
height: var(--base-size-36);
|
|
13763
|
-
}
|
|
13764
|
-
|
|
13765
|
-
.Primer_Brand__Icon-module__Icon--size-40___cXhgu {
|
|
13766
|
-
width: var(--base-size-40);
|
|
13767
|
-
height: var(--base-size-40);
|
|
13768
|
-
}
|
|
13769
|
-
|
|
13770
|
-
.Primer_Brand__Icon-module__Icon--size-44___vwox2 {
|
|
13771
|
-
width: var(--base-size-44);
|
|
13772
|
-
height: var(--base-size-44);
|
|
13773
|
-
}
|
|
13774
|
-
|
|
13775
|
-
.Primer_Brand__Icon-module__Icon--background___d6RdL {
|
|
13776
|
-
padding: var(--base-size-12);
|
|
13777
|
-
border-radius: var(--brand-borderRadius-full);
|
|
13778
|
-
}
|
|
13779
|
-
|
|
13780
|
-
.Primer_Brand__Icon-module__Icon--color-default___z2cYk {
|
|
13781
|
-
color: var(--brand-Icon-color-default);
|
|
13782
|
-
}
|
|
13783
|
-
|
|
13784
|
-
.Primer_Brand__Icon-module__Icon--background-color-default___h6tiH {
|
|
13785
|
-
background-color: var(--brand-Icon-background-default);
|
|
13786
|
-
}
|
|
13787
|
-
|
|
13788
|
-
.Primer_Brand__Icon-module__Icon--color-blue___Wne9C {
|
|
13789
|
-
color: var(--brand-Icon-color-blue);
|
|
13790
|
-
}
|
|
13791
|
-
|
|
13792
|
-
.Primer_Brand__Icon-module__Icon--background-color-blue___zsNDL {
|
|
13793
|
-
background-color: var(--brand-Icon-background-blue);
|
|
13794
|
-
}
|
|
13795
|
-
|
|
13796
|
-
.Primer_Brand__Icon-module__Icon--color-coral___vdwGj {
|
|
13797
|
-
color: var(--brand-Icon-color-coral);
|
|
13798
|
-
}
|
|
13799
|
-
|
|
13800
|
-
.Primer_Brand__Icon-module__Icon--background-color-coral___FKaij {
|
|
13801
|
-
background-color: var(--brand-Icon-background-coral);
|
|
13802
|
-
}
|
|
13803
|
-
|
|
13804
|
-
.Primer_Brand__Icon-module__Icon--color-green___OxAZK {
|
|
13805
|
-
color: var(--brand-Icon-color-green);
|
|
13806
|
-
}
|
|
13807
|
-
|
|
13808
|
-
.Primer_Brand__Icon-module__Icon--background-color-green___UUQt1 {
|
|
13809
|
-
background-color: var(--brand-Icon-background-green);
|
|
13810
|
-
}
|
|
13811
|
-
|
|
13812
|
-
.Primer_Brand__Icon-module__Icon--color-gray___tVTnd {
|
|
13813
|
-
color: var(--brand-Icon-color-gray);
|
|
13814
|
-
}
|
|
13815
|
-
|
|
13816
|
-
.Primer_Brand__Icon-module__Icon--background-color-gray___dpdtX {
|
|
13817
|
-
background-color: var(--brand-Icon-background-gray);
|
|
13818
|
-
}
|
|
13819
|
-
|
|
13820
|
-
.Primer_Brand__Icon-module__Icon--color-indigo___OrE5M {
|
|
13821
|
-
color: var(--brand-Icon-color-indigo);
|
|
13822
|
-
}
|
|
13823
|
-
|
|
13824
|
-
.Primer_Brand__Icon-module__Icon--background-color-indigo___TIqOT {
|
|
13825
|
-
background-color: var(--brand-Icon-background-indigo);
|
|
13826
|
-
}
|
|
13827
|
-
|
|
13828
|
-
.Primer_Brand__Icon-module__Icon--color-lemon___Ftx9H {
|
|
13829
|
-
color: var(--brand-Icon-color-lemon);
|
|
13830
|
-
}
|
|
13831
|
-
|
|
13832
|
-
.Primer_Brand__Icon-module__Icon--background-color-lemon___BhpS6 {
|
|
13833
|
-
background-color: var(--brand-Icon-background-lemon);
|
|
13834
|
-
}
|
|
13835
|
-
|
|
13836
|
-
.Primer_Brand__Icon-module__Icon--color-lime___mQVWo {
|
|
13837
|
-
color: var(--brand-Icon-color-lime);
|
|
13838
|
-
}
|
|
13839
|
-
|
|
13840
|
-
.Primer_Brand__Icon-module__Icon--background-color-lime___K4TMA {
|
|
13841
|
-
background-color: var(--brand-Icon-background-lime);
|
|
13842
|
-
}
|
|
13843
|
-
|
|
13844
|
-
.Primer_Brand__Icon-module__Icon--color-orange___CIjjp {
|
|
13845
|
-
color: var(--brand-Icon-color-orange);
|
|
13846
|
-
}
|
|
13847
|
-
|
|
13848
|
-
.Primer_Brand__Icon-module__Icon--background-color-orange___z52U7 {
|
|
13849
|
-
background-color: var(--brand-Icon-background-orange);
|
|
13850
|
-
}
|
|
13851
|
-
|
|
13852
|
-
.Primer_Brand__Icon-module__Icon--color-pink___cS_v5 {
|
|
13853
|
-
color: var(--brand-Icon-color-pink);
|
|
13854
|
-
}
|
|
13855
|
-
|
|
13856
|
-
.Primer_Brand__Icon-module__Icon--background-color-pink___cy5Kg {
|
|
13857
|
-
background-color: var(--brand-Icon-background-pink);
|
|
13858
|
-
}
|
|
13859
|
-
|
|
13860
|
-
.Primer_Brand__Icon-module__Icon--color-purple___d05Sh {
|
|
13861
|
-
color: var(--brand-Icon-color-purple);
|
|
13862
|
-
}
|
|
13863
|
-
|
|
13864
|
-
.Primer_Brand__Icon-module__Icon--background-color-purple___JmhnQ {
|
|
13865
|
-
background-color: var(--brand-Icon-background-purple);
|
|
13866
|
-
}
|
|
13867
|
-
|
|
13868
|
-
.Primer_Brand__Icon-module__Icon--color-red___K_2c0 {
|
|
13869
|
-
color: var(--brand-Icon-color-red);
|
|
13870
|
-
}
|
|
13871
|
-
|
|
13872
|
-
.Primer_Brand__Icon-module__Icon--background-color-red___qoirP {
|
|
13873
|
-
background-color: var(--brand-Icon-background-red);
|
|
13874
|
-
}
|
|
13875
|
-
|
|
13876
|
-
.Primer_Brand__Icon-module__Icon--color-teal___fix20 {
|
|
13877
|
-
color: var(--brand-Icon-color-teal);
|
|
13878
|
-
}
|
|
13879
|
-
|
|
13880
|
-
.Primer_Brand__Icon-module__Icon--background-color-teal___a7cyd {
|
|
13881
|
-
background-color: var(--brand-Icon-background-teal);
|
|
13882
|
-
}
|
|
13883
|
-
|
|
13884
|
-
.Primer_Brand__Icon-module__Icon--color-yellow___Z1juk {
|
|
13885
|
-
color: var(--brand-Icon-color-yellow);
|
|
13886
|
-
}
|
|
13887
|
-
|
|
13888
|
-
.Primer_Brand__Icon-module__Icon--background-color-yellow___Yhfck {
|
|
13889
|
-
background-color: var(--brand-Icon-background-yellow);
|
|
13890
|
-
}
|
|
13891
|
-
|
|
13892
|
-
/**
|
|
13893
|
-
* Do not edit directly
|
|
13894
|
-
* Generated on Sun, 12 Apr 2026 19:02:29 GMT
|
|
13895
|
-
*/
|
|
14452
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-pink___WcTTa {
|
|
14453
|
+
color: var(--brand-Pillar-icon-color-pink);
|
|
14454
|
+
}
|
|
13896
14455
|
|
|
13897
|
-
|
|
13898
|
-
|
|
13899
|
-
--brand-Icon-color-teal: var(--base-color-scale-teal-5);
|
|
13900
|
-
--brand-Icon-color-red: var(--base-color-scale-red-5);
|
|
13901
|
-
--brand-Icon-color-purple: var(--base-color-scale-purple-5);
|
|
13902
|
-
--brand-Icon-color-pink: var(--base-color-scale-pink-5);
|
|
13903
|
-
--brand-Icon-color-orange: var(--base-color-scale-orange-5);
|
|
13904
|
-
--brand-Icon-color-lime: var(--base-color-scale-lime-5);
|
|
13905
|
-
--brand-Icon-color-lemon: var(--base-color-scale-lemon-5);
|
|
13906
|
-
--brand-Icon-color-indigo: var(--base-color-scale-indigo-5);
|
|
13907
|
-
--brand-Icon-color-gray: var(--base-color-scale-gray-6);
|
|
13908
|
-
--brand-Icon-color-green: var(--base-color-scale-green-6);
|
|
13909
|
-
--brand-Icon-color-coral: var(--base-color-scale-coral-5);
|
|
13910
|
-
--brand-Icon-color-blue: var(--base-color-scale-blue-5);
|
|
13911
|
-
--brand-Icon-color-default: var(--brand-color-text-default);
|
|
13912
|
-
--brand-Icon-background-yellow: var(--base-color-scale-yellow-0);
|
|
13913
|
-
--brand-Icon-background-teal: var(--base-color-scale-teal-0);
|
|
13914
|
-
--brand-Icon-background-red: var(--base-color-scale-red-0);
|
|
13915
|
-
--brand-Icon-background-purple: var(--base-color-scale-purple-0);
|
|
13916
|
-
--brand-Icon-background-pink: var(--base-color-scale-pink-0);
|
|
13917
|
-
--brand-Icon-background-orange: var(--base-color-scale-orange-0);
|
|
13918
|
-
--brand-Icon-background-lime: var(--base-color-scale-lime-0);
|
|
13919
|
-
--brand-Icon-background-lemon: var(--base-color-scale-lemon-0);
|
|
13920
|
-
--brand-Icon-background-indigo: var(--base-color-scale-indigo-0);
|
|
13921
|
-
--brand-Icon-background-gray: var(--base-color-scale-gray-0);
|
|
13922
|
-
--brand-Icon-background-green: var(--base-color-scale-green-0);
|
|
13923
|
-
--brand-Icon-background-coral: var(--base-color-scale-coral-0);
|
|
13924
|
-
--brand-Icon-background-blue: var(--base-color-scale-blue-0);
|
|
13925
|
-
--brand-Icon-background-default: var(--base-color-scale-gray-0);
|
|
14456
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-purple___BGrUp {
|
|
14457
|
+
color: var(--brand-Pillar-icon-color-purple);
|
|
13926
14458
|
}
|
|
13927
14459
|
|
|
13928
|
-
|
|
13929
|
-
|
|
13930
|
-
|
|
13931
|
-
*/
|
|
14460
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-red___ek1FA {
|
|
14461
|
+
color: var(--brand-Pillar-icon-color-red);
|
|
14462
|
+
}
|
|
13932
14463
|
|
|
13933
|
-
|
|
13934
|
-
|
|
13935
|
-
--brand-Icon-background-default: var(--base-color-scale-gray-0);
|
|
13936
|
-
--brand-Icon-background-blue: var(--base-color-scale-blue-0);
|
|
13937
|
-
--brand-Icon-background-coral: var(--base-color-scale-coral-0);
|
|
13938
|
-
--brand-Icon-background-green: var(--base-color-scale-green-0);
|
|
13939
|
-
--brand-Icon-background-gray: var(--base-color-scale-gray-0);
|
|
13940
|
-
--brand-Icon-background-indigo: var(--base-color-scale-indigo-0);
|
|
13941
|
-
--brand-Icon-background-lemon: var(--base-color-scale-lemon-0);
|
|
13942
|
-
--brand-Icon-background-lime: var(--base-color-scale-lime-0);
|
|
13943
|
-
--brand-Icon-background-orange: var(--base-color-scale-orange-0);
|
|
13944
|
-
--brand-Icon-background-pink: var(--base-color-scale-pink-0);
|
|
13945
|
-
--brand-Icon-background-purple: var(--base-color-scale-purple-0);
|
|
13946
|
-
--brand-Icon-background-red: var(--base-color-scale-red-0);
|
|
13947
|
-
--brand-Icon-background-teal: var(--base-color-scale-teal-0);
|
|
13948
|
-
--brand-Icon-background-yellow: var(--base-color-scale-yellow-0);
|
|
13949
|
-
--brand-Icon-color-default: var(--brand-color-text-default);
|
|
13950
|
-
--brand-Icon-color-blue: var(--base-color-scale-blue-5);
|
|
13951
|
-
--brand-Icon-color-coral: var(--base-color-scale-coral-5);
|
|
13952
|
-
--brand-Icon-color-green: var(--base-color-scale-green-6);
|
|
13953
|
-
--brand-Icon-color-gray: var(--base-color-scale-gray-6);
|
|
13954
|
-
--brand-Icon-color-indigo: var(--base-color-scale-indigo-5);
|
|
13955
|
-
--brand-Icon-color-lemon: var(--base-color-scale-lemon-5);
|
|
13956
|
-
--brand-Icon-color-lime: var(--base-color-scale-lime-5);
|
|
13957
|
-
--brand-Icon-color-orange: var(--base-color-scale-orange-5);
|
|
13958
|
-
--brand-Icon-color-pink: var(--base-color-scale-pink-5);
|
|
13959
|
-
--brand-Icon-color-purple: var(--base-color-scale-purple-5);
|
|
13960
|
-
--brand-Icon-color-red: var(--base-color-scale-red-5);
|
|
13961
|
-
--brand-Icon-color-teal: var(--base-color-scale-teal-5);
|
|
13962
|
-
--brand-Icon-color-yellow: var(--base-color-scale-yellow-5);
|
|
14464
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-teal___fntO4 {
|
|
14465
|
+
color: var(--brand-Pillar-icon-color-teal);
|
|
13963
14466
|
}
|
|
13964
14467
|
|
|
13965
|
-
|
|
13966
|
-
|
|
13967
|
-
--brand-Icon-background-blue: var(--base-color-scale-blue-8);
|
|
13968
|
-
--brand-Icon-background-coral: var(--base-color-scale-coral-8);
|
|
13969
|
-
--brand-Icon-background-green: var(--base-color-scale-green-8);
|
|
13970
|
-
--brand-Icon-background-gray: var(--base-color-scale-gray-6);
|
|
13971
|
-
--brand-Icon-background-indigo: var(--base-color-scale-indigo-8);
|
|
13972
|
-
--brand-Icon-background-lemon: var(--base-color-scale-lemon-8);
|
|
13973
|
-
--brand-Icon-background-lime: var(--base-color-scale-lime-8);
|
|
13974
|
-
--brand-Icon-background-orange: var(--base-color-scale-orange-8);
|
|
13975
|
-
--brand-Icon-background-pink: var(--base-color-scale-pink-8);
|
|
13976
|
-
--brand-Icon-background-purple: var(--base-color-scale-purple-8);
|
|
13977
|
-
--brand-Icon-background-red: var(--base-color-scale-red-8);
|
|
13978
|
-
--brand-Icon-background-teal: var(--base-color-scale-teal-8);
|
|
13979
|
-
--brand-Icon-background-yellow: var(--base-color-scale-yellow-8);
|
|
13980
|
-
--brand-Icon-color-default: var(--brand-color-text-default);
|
|
13981
|
-
--brand-Icon-color-blue: var(--base-color-scale-blue-2);
|
|
13982
|
-
--brand-Icon-color-coral: var(--base-color-scale-coral-2);
|
|
13983
|
-
--brand-Icon-color-green: var(--base-color-scale-green-2);
|
|
13984
|
-
--brand-Icon-color-gray: var(--base-color-scale-gray-2);
|
|
13985
|
-
--brand-Icon-color-indigo: var(--base-color-scale-indigo-2);
|
|
13986
|
-
--brand-Icon-color-lemon: var(--base-color-scale-lemon-2);
|
|
13987
|
-
--brand-Icon-color-lime: var(--base-color-scale-lime-2);
|
|
13988
|
-
--brand-Icon-color-orange: var(--base-color-scale-orange-2);
|
|
13989
|
-
--brand-Icon-color-pink: var(--base-color-scale-pink-2);
|
|
13990
|
-
--brand-Icon-color-purple: var(--base-color-scale-purple-2);
|
|
13991
|
-
--brand-Icon-color-red: var(--base-color-scale-red-2);
|
|
13992
|
-
--brand-Icon-color-teal: var(--base-color-scale-teal-2);
|
|
13993
|
-
--brand-Icon-color-yellow: var(--base-color-scale-yellow-2);
|
|
14468
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-yellow___xatJt {
|
|
14469
|
+
color: var(--brand-Pillar-icon-color-yellow);
|
|
13994
14470
|
}
|
|
13995
14471
|
|
|
13996
14472
|
/**
|
|
13997
14473
|
* Do not edit directly
|
|
13998
|
-
* Generated on
|
|
14474
|
+
* Generated on Thu, 23 Apr 2026 10:25:21 GMT
|
|
13999
14475
|
*/
|
|
14000
14476
|
|
|
14001
14477
|
:root {
|
|
14002
|
-
--brand-Card-animation-easing:
|
|
14003
|
-
--brand-Card-animation-duration:
|
|
14478
|
+
--brand-Card-animation-easing: cubic-bezier(0.01, 0.73, 0.08, 0.93);
|
|
14479
|
+
--brand-Card-animation-duration: 400ms;
|
|
14004
14480
|
--brand-Card-maxWidth: 26.25rem;
|
|
14005
14481
|
}
|
|
14006
14482
|
|
|
14007
14483
|
/**
|
|
14008
14484
|
* Do not edit directly
|
|
14009
|
-
* Generated on
|
|
14485
|
+
* Generated on Thu, 23 Apr 2026 10:25:22 GMT
|
|
14010
14486
|
*/
|
|
14011
14487
|
|
|
14012
14488
|
:root,
|
|
14013
14489
|
[data-color-mode="light"] {
|
|
14014
14490
|
--brand-Card-background-default: var(--brand-color-canvas-default);
|
|
14491
|
+
--brand-Card-background-overlay: rgba(242, 245, 243, 0.2);
|
|
14015
14492
|
}
|
|
14016
14493
|
|
|
14017
14494
|
[data-color-mode="dark"] {
|
|
14018
14495
|
--brand-Card-background-default: var(--brand-color-canvas-subtle);
|
|
14496
|
+
--brand-Card-background-overlay: rgba(242, 245, 243, 0.05);
|
|
14019
14497
|
}
|
|
14020
14498
|
|
|
14021
14499
|
.Primer_Brand__Card-module__Card___ByGEk {
|
|
14500
|
+
/* Keeps the dynamic height row on the description slot in the default layout so variable-height content fills the card body. */
|
|
14501
|
+
--Card-grid-template-rows: auto auto auto auto auto auto 1fr auto;
|
|
14502
|
+
|
|
14022
14503
|
-webkit-text-decoration: none;
|
|
14504
|
+
|
|
14023
14505
|
text-decoration: none;
|
|
14024
14506
|
color: var(--brand-color-text-default);
|
|
14025
|
-
|
|
14507
|
+
|
|
14026
14508
|
transition: transform var(--brand-Card-animation-duration) var(--brand-Card-animation-easing);
|
|
14027
14509
|
padding: var(--base-size-32);
|
|
14028
14510
|
display: grid;
|
|
14029
14511
|
grid-template-columns: 1fr 1fr;
|
|
14030
14512
|
grid-template-areas:
|
|
14031
14513
|
'image image'
|
|
14514
|
+
'leadingVisual leadingVisual'
|
|
14032
14515
|
'icon icon'
|
|
14516
|
+
'tokens tokens'
|
|
14033
14517
|
'label label'
|
|
14034
14518
|
'heading heading'
|
|
14035
14519
|
'description description'
|
|
14036
14520
|
'action action';
|
|
14037
14521
|
flex: auto;
|
|
14038
|
-
grid-template-rows: auto auto auto auto 1fr;
|
|
14522
|
+
grid-template-rows: auto auto auto auto auto auto 1fr auto;
|
|
14523
|
+
grid-template-rows: var(--Card-grid-template-rows);
|
|
14039
14524
|
position: relative;
|
|
14040
14525
|
height: 100%;
|
|
14526
|
+
border-radius: var(--brand-borderRadius-medium);
|
|
14041
14527
|
}
|
|
14042
14528
|
|
|
14043
14529
|
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card___ByGEk {
|
|
@@ -14055,7 +14541,9 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14055
14541
|
grid-template-columns: 1fr;
|
|
14056
14542
|
grid-template-areas:
|
|
14057
14543
|
'image'
|
|
14544
|
+
'leadingVisual'
|
|
14058
14545
|
'icon'
|
|
14546
|
+
'tokens'
|
|
14059
14547
|
'label'
|
|
14060
14548
|
'heading'
|
|
14061
14549
|
'description'
|
|
@@ -14063,10 +14551,54 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14063
14551
|
justify-items: center;
|
|
14064
14552
|
}
|
|
14065
14553
|
|
|
14554
|
+
.Primer_Brand__Card-module__Card--backgroundColor-default___azlLW {
|
|
14555
|
+
background-color: var(--brand-Card-background-default);
|
|
14556
|
+
}
|
|
14557
|
+
|
|
14558
|
+
.Primer_Brand__Card-module__Card--backgroundColor-subtle___GNf9B {
|
|
14559
|
+
background-color: var(--brand-color-canvas-subtle);
|
|
14560
|
+
}
|
|
14561
|
+
|
|
14562
|
+
.Primer_Brand__Card-module__Card--backgroundColor-none___ZURf_ {
|
|
14563
|
+
background-color: transparent;
|
|
14564
|
+
}
|
|
14565
|
+
|
|
14566
|
+
.Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M {
|
|
14567
|
+
/* Moves the dynamic height row from tokens back to description because the block-end layout places tokens below the body copy. */
|
|
14568
|
+
--Card-grid-template-rows: auto auto auto auto auto 1fr auto auto;
|
|
14569
|
+
|
|
14570
|
+
grid-template-areas:
|
|
14571
|
+
'image image'
|
|
14572
|
+
'leadingVisual leadingVisual'
|
|
14573
|
+
'icon icon'
|
|
14574
|
+
'label label'
|
|
14575
|
+
'heading heading'
|
|
14576
|
+
'description description'
|
|
14577
|
+
'tokens tokens'
|
|
14578
|
+
'action action';
|
|
14579
|
+
}
|
|
14580
|
+
|
|
14581
|
+
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M {
|
|
14582
|
+
grid-template-areas:
|
|
14583
|
+
'image'
|
|
14584
|
+
'leadingVisual'
|
|
14585
|
+
'icon'
|
|
14586
|
+
'label'
|
|
14587
|
+
'heading'
|
|
14588
|
+
'description'
|
|
14589
|
+
'tokens'
|
|
14590
|
+
'action';
|
|
14591
|
+
}
|
|
14592
|
+
|
|
14066
14593
|
/** Block end image position option */
|
|
14067
14594
|
.Primer_Brand__Card-module__Card--imagePos-block-end___I2w2f {
|
|
14595
|
+
/* Moves the dynamic height row from action back to description because the image is rendered after the content in this layout. */
|
|
14596
|
+
--Card-grid-template-rows: auto auto auto auto auto 1fr auto auto;
|
|
14597
|
+
|
|
14068
14598
|
grid-template-areas:
|
|
14599
|
+
'leadingVisual leadingVisual'
|
|
14069
14600
|
'icon icon'
|
|
14601
|
+
'tokens tokens'
|
|
14070
14602
|
'label label'
|
|
14071
14603
|
'heading heading'
|
|
14072
14604
|
'description description'
|
|
@@ -14076,14 +14608,47 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14076
14608
|
|
|
14077
14609
|
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card--imagePos-block-end___I2w2f {
|
|
14078
14610
|
grid-template-areas:
|
|
14611
|
+
'leadingVisual'
|
|
14612
|
+
'icon'
|
|
14613
|
+
'tokens'
|
|
14614
|
+
'label'
|
|
14615
|
+
'heading'
|
|
14616
|
+
'description'
|
|
14617
|
+
'action'
|
|
14618
|
+
'image';
|
|
14619
|
+
}
|
|
14620
|
+
|
|
14621
|
+
.Primer_Brand__Card-module__Card--imagePos-block-end___I2w2f.Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M {
|
|
14622
|
+
/* Moves the dynamic height row from tokens back to description because both the tokens and image are rendered after the body copy here. */
|
|
14623
|
+
--Card-grid-template-rows: auto auto auto auto 1fr auto auto auto;
|
|
14624
|
+
|
|
14625
|
+
grid-template-areas:
|
|
14626
|
+
'leadingVisual leadingVisual'
|
|
14627
|
+
'icon icon'
|
|
14628
|
+
'label label'
|
|
14629
|
+
'heading heading'
|
|
14630
|
+
'description description'
|
|
14631
|
+
'tokens tokens'
|
|
14632
|
+
'action action'
|
|
14633
|
+
'image image';
|
|
14634
|
+
}
|
|
14635
|
+
|
|
14636
|
+
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card--imagePos-block-end___I2w2f.Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M {
|
|
14637
|
+
grid-template-areas:
|
|
14638
|
+
'leadingVisual'
|
|
14079
14639
|
'icon'
|
|
14080
14640
|
'label'
|
|
14081
14641
|
'heading'
|
|
14082
14642
|
'description'
|
|
14643
|
+
'tokens'
|
|
14083
14644
|
'action'
|
|
14084
14645
|
'image';
|
|
14085
14646
|
}
|
|
14086
14647
|
|
|
14648
|
+
.Primer_Brand__Card-module__Card--hasLeadingVisual___JnH6q {
|
|
14649
|
+
padding: var(--base-size-64) var(--base-size-40);
|
|
14650
|
+
}
|
|
14651
|
+
|
|
14087
14652
|
.Primer_Brand__Card-module__Card--imagePos-block-end___I2w2f .Primer_Brand__Card-module__Card__image___zt4oH {
|
|
14088
14653
|
margin-bottom: 0;
|
|
14089
14654
|
margin-top: var(--base-size-28);
|
|
@@ -14106,9 +14671,8 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14106
14671
|
padding: 0;
|
|
14107
14672
|
}
|
|
14108
14673
|
|
|
14109
|
-
.Primer_Brand__Card-module__Card--
|
|
14110
|
-
|
|
14111
|
-
background-color: var(--brand-Card-background-default);
|
|
14674
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa {
|
|
14675
|
+
--Card-arrowAction-endInset: var(--base-size-40);
|
|
14112
14676
|
}
|
|
14113
14677
|
|
|
14114
14678
|
.Primer_Brand__Card-module__Card___ByGEk:hover {
|
|
@@ -14163,11 +14727,11 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14163
14727
|
|
|
14164
14728
|
.Primer_Brand__Card-module__Card--border___nNZlZ {
|
|
14165
14729
|
border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
|
|
14730
|
+
border-radius: var(--brand-borderRadius-medium);
|
|
14166
14731
|
}
|
|
14167
14732
|
|
|
14168
14733
|
.Primer_Brand__Card-module__Card__outer___QBN0D {
|
|
14169
14734
|
height: 100%;
|
|
14170
|
-
border-radius: var(--brand-borderRadius-xlarge);
|
|
14171
14735
|
}
|
|
14172
14736
|
|
|
14173
14737
|
.Primer_Brand__Card-module__Card__outer___QBN0D:has(.Primer_Brand__Card-module__Card--variant-minimal___lq45H) {
|
|
@@ -14176,6 +14740,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14176
14740
|
|
|
14177
14741
|
.Primer_Brand__Card-module__Card__outer___QBN0D:focus-within {
|
|
14178
14742
|
outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
|
|
14743
|
+
border-radius: var(--brand-borderRadius-medium);
|
|
14179
14744
|
}
|
|
14180
14745
|
|
|
14181
14746
|
.Primer_Brand__Card-module__Card__outer___QBN0D:has(.Primer_Brand__Card-module__Card--variant-minimal___lq45H):focus-within {
|
|
@@ -14184,34 +14749,12 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14184
14749
|
); /* This value is adjusted so that, when combined with the container's border radius, the total border radius equals `var(--brand-borderRadius-medium)` */
|
|
14185
14750
|
}
|
|
14186
14751
|
|
|
14187
|
-
.Primer_Brand__Card-module__Card--
|
|
14188
|
-
grid-template-areas:
|
|
14189
|
-
'image image'
|
|
14190
|
-
'icon label'
|
|
14191
|
-
'heading heading'
|
|
14192
|
-
'description description'
|
|
14193
|
-
'action action';
|
|
14194
|
-
}
|
|
14195
|
-
|
|
14196
|
-
.Primer_Brand__Card-module__Card--icon___nVz0T .Primer_Brand__Card-module__Card__label___EAot7 {
|
|
14197
|
-
justify-self: flex-end;
|
|
14198
|
-
}
|
|
14199
|
-
|
|
14200
|
-
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card--icon___nVz0T .Primer_Brand__Card-module__Card__label___EAot7 {
|
|
14201
|
-
justify-self: center;
|
|
14202
|
-
}
|
|
14203
|
-
|
|
14204
|
-
.Primer_Brand__Card-module__Card--icon___nVz0T .Primer_Brand__Card-module__Card__label___EAot7,
|
|
14205
|
-
.Primer_Brand__Card-module__Card--icon___nVz0T .Primer_Brand__Card-module__Card__icon___H4tc9 {
|
|
14206
|
-
align-self: center;
|
|
14207
|
-
}
|
|
14208
|
-
|
|
14209
|
-
.Primer_Brand__Card-module__Card___ByGEk:not(.Primer_Brand__Card-module__Card--disableAnimation___Zv8eW):not(.Primer_Brand__Card-module__Card--variant-torchlight___AFyIF.Primer_Brand__Card-module__Card--colorMode-dark___Sz8BE):hover {
|
|
14752
|
+
.Primer_Brand__Card-module__Card___ByGEk:not(.Primer_Brand__Card-module__Card--disableAnimation___Zv8eW):hover {
|
|
14210
14753
|
transform: scale3d(1.025, 1.025, 1);
|
|
14211
14754
|
}
|
|
14212
14755
|
|
|
14213
14756
|
.Primer_Brand__Card-module__Card__image___zt4oH {
|
|
14214
|
-
margin-
|
|
14757
|
+
margin-block-end: var(--base-size-28);
|
|
14215
14758
|
border-radius: var(--brand-borderRadius-medium);
|
|
14216
14759
|
overflow: hidden;
|
|
14217
14760
|
grid-area: image;
|
|
@@ -14223,31 +14766,166 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14223
14766
|
display: block;
|
|
14224
14767
|
}
|
|
14225
14768
|
|
|
14769
|
+
.Primer_Brand__Card-module__Card__leadingVisual___hyXFF {
|
|
14770
|
+
margin-block-end: var(--base-size-36);
|
|
14771
|
+
display: flex;
|
|
14772
|
+
align-items: center;
|
|
14773
|
+
grid-area: leadingVisual;
|
|
14774
|
+
}
|
|
14775
|
+
|
|
14776
|
+
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card__leadingVisual___hyXFF {
|
|
14777
|
+
justify-content: center;
|
|
14778
|
+
}
|
|
14779
|
+
|
|
14780
|
+
.Primer_Brand__Card-module__Card__leadingVisualItem___T7Ut8 {
|
|
14781
|
+
display: block;
|
|
14782
|
+
max-width: 100%;
|
|
14783
|
+
height: var(--base-size-40);
|
|
14784
|
+
width: auto;
|
|
14785
|
+
}
|
|
14786
|
+
|
|
14226
14787
|
.Primer_Brand__Card-module__Card__icon___H4tc9 {
|
|
14227
14788
|
margin-bottom: var(--base-size-24);
|
|
14228
14789
|
grid-area: icon;
|
|
14229
14790
|
}
|
|
14230
14791
|
|
|
14792
|
+
.Primer_Brand__Card-module__Card__tokens___eYuJh {
|
|
14793
|
+
display: flex;
|
|
14794
|
+
flex-wrap: wrap;
|
|
14795
|
+
gap: var(--base-size-8);
|
|
14796
|
+
grid-area: tokens;
|
|
14797
|
+
margin-bottom: var(--base-size-20);
|
|
14798
|
+
}
|
|
14799
|
+
|
|
14800
|
+
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card__tokens___eYuJh {
|
|
14801
|
+
justify-content: center;
|
|
14802
|
+
}
|
|
14803
|
+
|
|
14804
|
+
.Primer_Brand__Card-module__Card__tokens--position-block-end___jQn1b {
|
|
14805
|
+
margin-block-start: var(--base-size-20);
|
|
14806
|
+
margin-block-end: 0;
|
|
14807
|
+
}
|
|
14808
|
+
|
|
14231
14809
|
.Primer_Brand__Card-module__Card__label___EAot7 {
|
|
14232
|
-
margin-
|
|
14810
|
+
margin-block-end: var(--base-size-20);
|
|
14233
14811
|
grid-area: label;
|
|
14234
14812
|
}
|
|
14235
14813
|
|
|
14236
14814
|
.Primer_Brand__Card-module__Card__heading___INFhp {
|
|
14237
|
-
margin-
|
|
14815
|
+
margin-block-end: var(--base-size-20);
|
|
14238
14816
|
grid-area: heading;
|
|
14239
14817
|
}
|
|
14240
14818
|
|
|
14241
|
-
.Primer_Brand__Card-module__Card__description___KN9CH {
|
|
14242
|
-
margin-
|
|
14243
|
-
grid-area: description;
|
|
14819
|
+
.Primer_Brand__Card-module__Card__description___KN9CH {
|
|
14820
|
+
margin-block-end: var(--base-size-32);
|
|
14821
|
+
grid-area: description;
|
|
14822
|
+
}
|
|
14823
|
+
|
|
14824
|
+
.Primer_Brand__Card-module__Card__action___C6sRY {
|
|
14825
|
+
grid-area: action;
|
|
14826
|
+
margin-block-start: auto;
|
|
14827
|
+
display: inline-flex;
|
|
14828
|
+
align-items: center;
|
|
14829
|
+
max-inline-size: 100%;
|
|
14830
|
+
pointer-events: none;
|
|
14831
|
+
}
|
|
14832
|
+
|
|
14833
|
+
.Primer_Brand__Card-module__Card__actionIcon___RkX8K {
|
|
14834
|
+
display: inline-flex;
|
|
14835
|
+
align-items: center;
|
|
14836
|
+
justify-content: center;
|
|
14837
|
+
flex-shrink: 0;
|
|
14838
|
+
}
|
|
14839
|
+
|
|
14840
|
+
.Primer_Brand__Card-module__Card__actionLabel___nT5Pl {
|
|
14841
|
+
display: block;
|
|
14842
|
+
min-inline-size: 0;
|
|
14843
|
+
overflow: hidden;
|
|
14844
|
+
text-overflow: ellipsis;
|
|
14845
|
+
white-space: nowrap;
|
|
14846
|
+
}
|
|
14847
|
+
|
|
14848
|
+
.Primer_Brand__Card-module__Card___ByGEk:not(.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa) .Primer_Brand__Card-module__Card__action___C6sRY {
|
|
14849
|
+
inline-size: 100%;
|
|
14850
|
+
min-inline-size: 0;
|
|
14851
|
+
}
|
|
14852
|
+
|
|
14853
|
+
.Primer_Brand__Card-module__Card___ByGEk:not(.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa) .Primer_Brand__Card-module__Card__action___C6sRY > span:first-child {
|
|
14854
|
+
min-inline-size: 0;
|
|
14855
|
+
}
|
|
14856
|
+
|
|
14857
|
+
.Primer_Brand__Card-module__Card___ByGEk:not(.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa) .Primer_Brand__Card-module__Card__actionLabel___nT5Pl {
|
|
14858
|
+
overflow: visible;
|
|
14859
|
+
text-overflow: clip;
|
|
14860
|
+
white-space: normal;
|
|
14861
|
+
word-wrap: anywhere;
|
|
14862
|
+
}
|
|
14863
|
+
|
|
14864
|
+
.Primer_Brand__Card-module__Card--align-center___geXUu:not(.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa) .Primer_Brand__Card-module__Card__actionLabel___nT5Pl {
|
|
14865
|
+
text-align: center;
|
|
14866
|
+
}
|
|
14867
|
+
|
|
14868
|
+
.Primer_Brand__Card-module__Card__actionLabelClip___XkCTY {
|
|
14869
|
+
--actionLabelClip-duration: 400ms;
|
|
14870
|
+
display: inline-flex;
|
|
14871
|
+
flex: 1 1 auto;
|
|
14872
|
+
align-items: center;
|
|
14873
|
+
align-self: stretch;
|
|
14874
|
+
min-inline-size: 0;
|
|
14875
|
+
overflow: hidden;
|
|
14876
|
+
max-inline-size: 0;
|
|
14877
|
+
background-color: transparent;
|
|
14878
|
+
opacity: 0;
|
|
14879
|
+
transform: translateX(calc(var(--base-size-12) * -1));
|
|
14880
|
+
transition: max-inline-size 400ms var(--brand-Card-animation-easing),
|
|
14881
|
+
opacity 400ms ease-out, transform 400ms ease-out,
|
|
14882
|
+
margin-inline 400ms ease-out, padding-inline 400ms ease-out;
|
|
14883
|
+
transition: max-inline-size var(--actionLabelClip-duration) var(--brand-Card-animation-easing),
|
|
14884
|
+
opacity var(--actionLabelClip-duration) ease-out, transform var(--actionLabelClip-duration) ease-out,
|
|
14885
|
+
margin-inline var(--actionLabelClip-duration) ease-out, padding-inline var(--actionLabelClip-duration) ease-out;
|
|
14886
|
+
}
|
|
14887
|
+
|
|
14888
|
+
.Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M .Primer_Brand__Card-module__Card__action___C6sRY {
|
|
14889
|
+
margin-block-start: var(--base-size-20);
|
|
14890
|
+
}
|
|
14891
|
+
|
|
14892
|
+
.Primer_Brand__Card-module__Card__action--arrowOnly____4i56 {
|
|
14893
|
+
--actionArrow-duration: 300ms;
|
|
14894
|
+
|
|
14895
|
+
margin-block-start: var(--base-size-20);
|
|
14896
|
+
min-height: var(--base-size-40);
|
|
14897
|
+
width: -moz-fit-content;
|
|
14898
|
+
width: fit-content;
|
|
14899
|
+
min-inline-size: 0;
|
|
14900
|
+
max-inline-size: calc(100% - var(--Card-arrowAction-endInset));
|
|
14901
|
+
justify-content: flex-start;
|
|
14902
|
+
-moz-column-gap: 0;
|
|
14903
|
+
column-gap: 0;
|
|
14904
|
+
padding-block: var(--base-size-4);
|
|
14905
|
+
padding-inline: 0;
|
|
14906
|
+
border: var(--brand-borderWidth-thin) solid transparent;
|
|
14907
|
+
border-radius: var(--brand-borderRadius-full);
|
|
14908
|
+
background-color: transparent;
|
|
14909
|
+
flex-shrink: 0;
|
|
14910
|
+
overflow: hidden;
|
|
14911
|
+
transition: border-color 300ms ease-out, background-color 300ms ease-out,
|
|
14912
|
+
column-gap 300ms ease-out, padding-inline 300ms ease-out;
|
|
14913
|
+
transition: border-color 300ms ease-out, background-color 300ms ease-out,
|
|
14914
|
+
column-gap 300ms ease-out, padding-inline 300ms ease-out, -moz-column-gap 300ms ease-out;
|
|
14915
|
+
transition: border-color var(--actionArrow-duration) ease-out, background-color var(--actionArrow-duration) ease-out,
|
|
14916
|
+
column-gap var(--actionArrow-duration) ease-out, padding-inline var(--actionArrow-duration) ease-out;
|
|
14917
|
+
transition: border-color var(--actionArrow-duration) ease-out, background-color var(--actionArrow-duration) ease-out,
|
|
14918
|
+
column-gap var(--actionArrow-duration) ease-out, padding-inline var(--actionArrow-duration) ease-out, -moz-column-gap var(--actionArrow-duration) ease-out;
|
|
14244
14919
|
}
|
|
14245
14920
|
|
|
14246
|
-
.Primer_Brand__Card-
|
|
14247
|
-
|
|
14248
|
-
|
|
14249
|
-
|
|
14250
|
-
|
|
14921
|
+
.Primer_Brand__Card-module__Card__actionIcon--arrowOnly___Vi3cC {
|
|
14922
|
+
width: var(--base-size-32);
|
|
14923
|
+
min-width: var(--base-size-32);
|
|
14924
|
+
height: var(--base-size-32);
|
|
14925
|
+
min-height: var(--base-size-32);
|
|
14926
|
+
border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
|
|
14927
|
+
border-radius: var(--brand-borderRadius-full);
|
|
14928
|
+
background-color: var(--brand-color-canvas-default);
|
|
14251
14929
|
}
|
|
14252
14930
|
|
|
14253
14931
|
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card__action___C6sRY {
|
|
@@ -14259,10 +14937,9 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14259
14937
|
color: var(--brand-Link-color-accent);
|
|
14260
14938
|
}
|
|
14261
14939
|
|
|
14262
|
-
.Primer_Brand__Card-
|
|
14263
|
-
|
|
14264
|
-
|
|
14265
|
-
overflow: hidden;
|
|
14940
|
+
.Primer_Brand__Card-module__Card__action___C6sRY,
|
|
14941
|
+
.Primer_Brand__Card-module__Card__action___C6sRY * {
|
|
14942
|
+
cursor: inherit;
|
|
14266
14943
|
}
|
|
14267
14944
|
|
|
14268
14945
|
.Primer_Brand__Card-module__Card--skew___pEeoW:focus-within {
|
|
@@ -14274,7 +14951,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14274
14951
|
}
|
|
14275
14952
|
|
|
14276
14953
|
.Primer_Brand__Card-module__Card__skew-bounding___Fz3yy {
|
|
14277
|
-
border-radius: var(--brand-borderRadius-
|
|
14954
|
+
border-radius: var(--brand-borderRadius-medium);
|
|
14278
14955
|
position: relative;
|
|
14279
14956
|
overflow: hidden;
|
|
14280
14957
|
z-index: 1;
|
|
@@ -14303,11 +14980,83 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14303
14980
|
margin-inline-start: var(--base-size-4);
|
|
14304
14981
|
}
|
|
14305
14982
|
|
|
14306
|
-
.Primer_Brand__Card-
|
|
14307
|
-
|
|
14983
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ {
|
|
14984
|
+
--ExpandableArrow-duration: var(--brand-Card-animation-duration);
|
|
14985
|
+
--ExpandableArrow-easing: var(--brand-Card-animation-easing);
|
|
14986
|
+
}
|
|
14987
|
+
|
|
14988
|
+
.Primer_Brand__Card-module__Card__actionIcon--arrowOnly___Vi3cC .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ {
|
|
14989
|
+
margin-inline-start: 0;
|
|
14990
|
+
}
|
|
14991
|
+
|
|
14992
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa .Primer_Brand__Card-module__Card__description___KN9CH {
|
|
14993
|
+
margin-bottom: var(--base-size-12);
|
|
14994
|
+
}
|
|
14995
|
+
|
|
14996
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:not(.Primer_Brand__Card-module__Card--disableAnimation___Zv8eW):hover {
|
|
14997
|
+
transform: none;
|
|
14998
|
+
}
|
|
14999
|
+
|
|
15000
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa .Primer_Brand__Card-module__Card__action___C6sRY {
|
|
15001
|
+
min-inline-size: 0;
|
|
15002
|
+
justify-self: start;
|
|
15003
|
+
}
|
|
15004
|
+
|
|
15005
|
+
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa .Primer_Brand__Card-module__Card__action___C6sRY {
|
|
15006
|
+
justify-self: center;
|
|
15007
|
+
}
|
|
15008
|
+
|
|
15009
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:focus-within .Primer_Brand__Card-module__Card__action--arrowOnly____4i56 {
|
|
15010
|
+
-moz-column-gap: var(--base-size-8);
|
|
15011
|
+
column-gap: var(--base-size-8);
|
|
15012
|
+
padding-inline-start: var(--base-size-12);
|
|
15013
|
+
padding-inline-end: var(--base-size-4);
|
|
15014
|
+
border-color: var(--brand-color-border-default);
|
|
15015
|
+
background-color: var(--brand-Card-background-overlay);
|
|
15016
|
+
}
|
|
15017
|
+
|
|
15018
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:hover .Primer_Brand__Card-module__Card__action--arrowOnly____4i56 {
|
|
15019
|
+
-moz-column-gap: var(--base-size-8);
|
|
15020
|
+
column-gap: var(--base-size-8);
|
|
15021
|
+
padding-inline-start: var(--base-size-12);
|
|
15022
|
+
padding-inline-end: var(--base-size-4);
|
|
15023
|
+
border-color: var(--brand-color-border-default);
|
|
15024
|
+
background-color: var(--brand-Card-background-overlay);
|
|
15025
|
+
}
|
|
15026
|
+
|
|
15027
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:focus-within .Primer_Brand__Card-module__Card__actionLabelClip___XkCTY {
|
|
15028
|
+
max-inline-size: 100%;
|
|
15029
|
+
opacity: 1;
|
|
15030
|
+
transform: translateX(0);
|
|
15031
|
+
margin-inline-start: calc(var(--base-size-12) * -1);
|
|
15032
|
+
margin-inline-end: 0;
|
|
15033
|
+
padding-inline-start: var(--base-size-12);
|
|
15034
|
+
padding-inline-end: var(--base-size-4);
|
|
15035
|
+
}
|
|
15036
|
+
|
|
15037
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:hover .Primer_Brand__Card-module__Card__actionLabelClip___XkCTY {
|
|
15038
|
+
max-inline-size: 100%;
|
|
15039
|
+
opacity: 1;
|
|
15040
|
+
transform: translateX(0);
|
|
15041
|
+
margin-inline-start: calc(var(--base-size-12) * -1);
|
|
15042
|
+
margin-inline-end: 0;
|
|
15043
|
+
padding-inline-start: var(--base-size-12);
|
|
15044
|
+
padding-inline-end: var(--base-size-4);
|
|
15045
|
+
}
|
|
15046
|
+
|
|
15047
|
+
.Primer_Brand__Card-module__Card___ByGEk:focus-within .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ {
|
|
15048
|
+
transform: translateX(var(--base-size-2));
|
|
15049
|
+
}
|
|
15050
|
+
|
|
15051
|
+
.Primer_Brand__Card-module__Card___ByGEk:hover .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ {
|
|
15052
|
+
transform: translateX(var(--base-size-2));
|
|
14308
15053
|
}
|
|
14309
15054
|
|
|
14310
|
-
.Primer_Brand__Card-module__Card___ByGEk:
|
|
15055
|
+
.Primer_Brand__Card-module__Card___ByGEk:hover .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ path:nth-of-type(2) {
|
|
15056
|
+
stroke-dashoffset: 20;
|
|
15057
|
+
}
|
|
15058
|
+
|
|
15059
|
+
.Primer_Brand__Card-module__Card___ByGEk:focus-within .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ path:nth-of-type(2) {
|
|
14311
15060
|
stroke-dashoffset: 20;
|
|
14312
15061
|
}
|
|
14313
15062
|
|
|
@@ -14375,7 +15124,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14375
15124
|
|
|
14376
15125
|
/**
|
|
14377
15126
|
* Do not edit directly
|
|
14378
|
-
* Generated on
|
|
15127
|
+
* Generated on Thu, 23 Apr 2026 10:25:22 GMT
|
|
14379
15128
|
*/
|
|
14380
15129
|
|
|
14381
15130
|
:root,
|
|
@@ -15216,7 +15965,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15216
15965
|
|
|
15217
15966
|
/**
|
|
15218
15967
|
* Do not edit directly
|
|
15219
|
-
* Generated on
|
|
15968
|
+
* Generated on Thu, 23 Apr 2026 10:25:21 GMT
|
|
15220
15969
|
*/
|
|
15221
15970
|
|
|
15222
15971
|
:root {
|
|
@@ -15227,7 +15976,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15227
15976
|
|
|
15228
15977
|
/**
|
|
15229
15978
|
* Do not edit directly
|
|
15230
|
-
* Generated on
|
|
15979
|
+
* Generated on Thu, 23 Apr 2026 10:25:23 GMT
|
|
15231
15980
|
*/
|
|
15232
15981
|
|
|
15233
15982
|
:root,
|
|
@@ -15726,7 +16475,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15726
16475
|
|
|
15727
16476
|
/**
|
|
15728
16477
|
* Do not edit directly
|
|
15729
|
-
* Generated on
|
|
16478
|
+
* Generated on Thu, 23 Apr 2026 10:25:21 GMT
|
|
15730
16479
|
*/
|
|
15731
16480
|
|
|
15732
16481
|
:root {
|
|
@@ -15746,7 +16495,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15746
16495
|
|
|
15747
16496
|
/**
|
|
15748
16497
|
* Do not edit directly
|
|
15749
|
-
* Generated on
|
|
16498
|
+
* Generated on Thu, 23 Apr 2026 10:25:23 GMT
|
|
15750
16499
|
*/
|
|
15751
16500
|
|
|
15752
16501
|
:root,
|
|
@@ -15782,7 +16531,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15782
16531
|
|
|
15783
16532
|
/**
|
|
15784
16533
|
* Do not edit directly
|
|
15785
|
-
* Generated on
|
|
16534
|
+
* Generated on Thu, 23 Apr 2026 10:25:22 GMT
|
|
15786
16535
|
*/
|
|
15787
16536
|
|
|
15788
16537
|
:root,
|
|
@@ -15806,7 +16555,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15806
16555
|
|
|
15807
16556
|
/**
|
|
15808
16557
|
* Do not edit directly
|
|
15809
|
-
* Generated on
|
|
16558
|
+
* Generated on Thu, 23 Apr 2026 10:25:22 GMT
|
|
15810
16559
|
*/
|
|
15811
16560
|
|
|
15812
16561
|
:root {
|
|
@@ -15948,7 +16697,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15948
16697
|
align-items: center;
|
|
15949
16698
|
gap: var(--base-size-24);
|
|
15950
16699
|
margin: auto;
|
|
15951
|
-
max-width:
|
|
16700
|
+
max-width: 100vw;
|
|
15952
16701
|
}
|
|
15953
16702
|
|
|
15954
16703
|
.Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup___QnvBf {
|
|
@@ -16282,7 +17031,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
16282
17031
|
|
|
16283
17032
|
/**
|
|
16284
17033
|
* Do not edit directly
|
|
16285
|
-
* Generated on
|
|
17034
|
+
* Generated on Thu, 23 Apr 2026 10:25:23 GMT
|
|
16286
17035
|
*/
|
|
16287
17036
|
|
|
16288
17037
|
:root,
|
|
@@ -16296,7 +17045,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
16296
17045
|
|
|
16297
17046
|
/**
|
|
16298
17047
|
* Do not edit directly
|
|
16299
|
-
* Generated on
|
|
17048
|
+
* Generated on Thu, 23 Apr 2026 10:25:21 GMT
|
|
16300
17049
|
*/
|
|
16301
17050
|
|
|
16302
17051
|
:root {
|
|
@@ -16310,7 +17059,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
16310
17059
|
|
|
16311
17060
|
/**
|
|
16312
17061
|
* Do not edit directly
|
|
16313
|
-
* Generated on
|
|
17062
|
+
* Generated on Thu, 23 Apr 2026 10:25:21 GMT
|
|
16314
17063
|
*/
|
|
16315
17064
|
|
|
16316
17065
|
:root {
|
|
@@ -18486,7 +19235,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18486
19235
|
|
|
18487
19236
|
/**
|
|
18488
19237
|
* Do not edit directly
|
|
18489
|
-
* Generated on
|
|
19238
|
+
* Generated on Thu, 23 Apr 2026 10:25:22 GMT
|
|
18490
19239
|
*/
|
|
18491
19240
|
|
|
18492
19241
|
:root {
|
|
@@ -18510,7 +19259,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18510
19259
|
|
|
18511
19260
|
/**
|
|
18512
19261
|
* Do not edit directly
|
|
18513
|
-
* Generated on
|
|
19262
|
+
* Generated on Thu, 23 Apr 2026 10:25:23 GMT
|
|
18514
19263
|
*/
|
|
18515
19264
|
|
|
18516
19265
|
:root,
|
|
@@ -18945,7 +19694,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18945
19694
|
|
|
18946
19695
|
/**
|
|
18947
19696
|
* Do not edit directly
|
|
18948
|
-
* Generated on
|
|
19697
|
+
* Generated on Thu, 23 Apr 2026 10:25:22 GMT
|
|
18949
19698
|
*/
|
|
18950
19699
|
|
|
18951
19700
|
:root {
|
|
@@ -18961,7 +19710,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18961
19710
|
|
|
18962
19711
|
/**
|
|
18963
19712
|
* Do not edit directly
|
|
18964
|
-
* Generated on
|
|
19713
|
+
* Generated on Thu, 23 Apr 2026 10:25:23 GMT
|
|
18965
19714
|
*/
|
|
18966
19715
|
|
|
18967
19716
|
:root,
|
|
@@ -18988,9 +19737,11 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18988
19737
|
.Primer_Brand__PricingOptions-module__PricingOptions___hjzt8 {
|
|
18989
19738
|
--brand-pricing-options-item-gap: var(--brand-PricingOptions-items-gap);
|
|
18990
19739
|
--brand-pricing-options-container-padding-inline: 0;
|
|
19740
|
+
--brand-pricing-options-column-count: 1;
|
|
18991
19741
|
|
|
18992
19742
|
/* prettier-ignore */
|
|
18993
19743
|
--brand-pricing-options-template-areas:
|
|
19744
|
+
'labels'
|
|
18994
19745
|
'leadingComponent'
|
|
18995
19746
|
'header'
|
|
18996
19747
|
'description'
|
|
@@ -19019,13 +19770,165 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19019
19770
|
@media (min-width: 63.25rem) {
|
|
19020
19771
|
.Primer_Brand__PricingOptions-module__PricingOptions___hjzt8 {
|
|
19021
19772
|
grid-template-areas: var(--brand-pricing-options-template-areas);
|
|
19022
|
-
grid-template-columns: repeat(
|
|
19773
|
+
grid-template-columns: repeat(var(--brand-pricing-options-column-count), minmax(0, 1fr));
|
|
19023
19774
|
-moz-column-gap: 0;
|
|
19024
19775
|
column-gap: 0;
|
|
19025
19776
|
-moz-column-gap: var(--brand-pricing-options-item-gap, 0);
|
|
19026
19777
|
column-gap: var(--brand-pricing-options-item-gap, 0);
|
|
19027
19778
|
row-gap: 0;
|
|
19028
19779
|
}
|
|
19780
|
+
|
|
19781
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--items1___Do94G {
|
|
19782
|
+
--brand-pricing-options-column-count: 1;
|
|
19783
|
+
}
|
|
19784
|
+
|
|
19785
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--items2___Z08y5 {
|
|
19786
|
+
--brand-pricing-options-column-count: 2;
|
|
19787
|
+
}
|
|
19788
|
+
|
|
19789
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--items3___u4TM8 {
|
|
19790
|
+
--brand-pricing-options-column-count: 3;
|
|
19791
|
+
}
|
|
19792
|
+
|
|
19793
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--items4___FgRN3 {
|
|
19794
|
+
--brand-pricing-options-column-count: 4;
|
|
19795
|
+
}
|
|
19796
|
+
}
|
|
19797
|
+
|
|
19798
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw {
|
|
19799
|
+
display: none;
|
|
19800
|
+
}
|
|
19801
|
+
|
|
19802
|
+
@media (min-width: 63.25rem) {
|
|
19803
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw {
|
|
19804
|
+
--brand-pricing-options-column-count: 1;
|
|
19805
|
+
|
|
19806
|
+
display: grid;
|
|
19807
|
+
grid-column: 1 / -1;
|
|
19808
|
+
grid-row: labels;
|
|
19809
|
+
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
19810
|
+
grid-template-columns: repeat(var(--brand-pricing-options-column-count), minmax(0, 1fr));
|
|
19811
|
+
grid-column-gap: 0;
|
|
19812
|
+
grid-column-gap: var(--brand-pricing-options-item-gap, 0);
|
|
19813
|
+
-moz-column-gap: 0;
|
|
19814
|
+
column-gap: 0;
|
|
19815
|
+
-moz-column-gap: var(--brand-pricing-options-item-gap, 0);
|
|
19816
|
+
column-gap: var(--brand-pricing-options-item-gap, 0);
|
|
19817
|
+
}
|
|
19818
|
+
|
|
19819
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM {
|
|
19820
|
+
position: relative;
|
|
19821
|
+
display: flex;
|
|
19822
|
+
align-items: center;
|
|
19823
|
+
min-height: var(--base-size-54);
|
|
19824
|
+
padding-block: var(--base-size-16);
|
|
19825
|
+
background-color: var(--brand-PricingOptions-item-bgColor-solid);
|
|
19826
|
+
}
|
|
19827
|
+
|
|
19828
|
+
/* Accent top border — uses ::after so it can overflow into the column gap */
|
|
19829
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI::after {
|
|
19830
|
+
content: '';
|
|
19831
|
+
position: absolute;
|
|
19832
|
+
inset-block-start: 0;
|
|
19833
|
+
inset-inline-start: calc(0px / 2 * -1);
|
|
19834
|
+
inset-inline-start: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);
|
|
19835
|
+
inset-inline-end: calc(0px / 2 * -1);
|
|
19836
|
+
inset-inline-end: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);
|
|
19837
|
+
height: var(--brand-borderWidth-thin);
|
|
19838
|
+
background-color: var(--brand-color-text-emphasized);
|
|
19839
|
+
z-index: 1;
|
|
19840
|
+
}
|
|
19841
|
+
|
|
19842
|
+
/* First cell: don't overflow past container start (cards override below) */
|
|
19843
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI:first-child::after {
|
|
19844
|
+
inset-inline-start: 0;
|
|
19845
|
+
}
|
|
19846
|
+
|
|
19847
|
+
/* Last cell: don't overflow past container end (cards override below) */
|
|
19848
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI:last-child::after {
|
|
19849
|
+
inset-inline-end: 0;
|
|
19850
|
+
}
|
|
19851
|
+
|
|
19852
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI::after {
|
|
19853
|
+
inset-inline-start: 0;
|
|
19854
|
+
inset-inline-end: 0;
|
|
19855
|
+
}
|
|
19856
|
+
|
|
19857
|
+
/* ---- Default layout labels ---- */
|
|
19858
|
+
|
|
19859
|
+
/* Continuous bottom border across entire labels row — uses ::after to extend into container padding */
|
|
19860
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw {
|
|
19861
|
+
position: relative;
|
|
19862
|
+
}
|
|
19863
|
+
|
|
19864
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw::after {
|
|
19865
|
+
content: '';
|
|
19866
|
+
position: absolute;
|
|
19867
|
+
inset-block-end: 0;
|
|
19868
|
+
inset-inline-start: calc(0px * -1);
|
|
19869
|
+
inset-inline-start: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
|
|
19870
|
+
inset-inline-end: calc(0px * -1);
|
|
19871
|
+
inset-inline-end: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
|
|
19872
|
+
height: var(--brand-borderWidth-thin);
|
|
19873
|
+
background-color: var(--brand-color-border-subtle);
|
|
19874
|
+
}
|
|
19875
|
+
|
|
19876
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM {
|
|
19877
|
+
margin-inline: calc(var(--brand-pricing-options-item-gap) / 2 * -1);
|
|
19878
|
+
padding-inline: calc(var(--brand-pricing-options-item-gap) / 2);
|
|
19879
|
+
}
|
|
19880
|
+
|
|
19881
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM:first-child {
|
|
19882
|
+
margin-inline-start: calc(var(--brand-pricing-options-container-padding-inline) * -1);
|
|
19883
|
+
padding-inline-start: var(--brand-pricing-options-container-padding-inline);
|
|
19884
|
+
}
|
|
19885
|
+
|
|
19886
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM:last-child {
|
|
19887
|
+
margin-inline-end: calc(var(--brand-pricing-options-container-padding-inline) * -1);
|
|
19888
|
+
padding-inline-end: var(--brand-pricing-options-container-padding-inline);
|
|
19889
|
+
}
|
|
19890
|
+
|
|
19891
|
+
/* Empty cells: transparent bg/borders but structurally visible so dividers show */
|
|
19892
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--empty___SSWHp {
|
|
19893
|
+
background-color: transparent;
|
|
19894
|
+
border-block-start-color: transparent;
|
|
19895
|
+
}
|
|
19896
|
+
|
|
19897
|
+
/* Vertical dividers between label cells, centered in the gap */
|
|
19898
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM + .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM::before {
|
|
19899
|
+
content: '';
|
|
19900
|
+
position: absolute;
|
|
19901
|
+
inset-block: 0;
|
|
19902
|
+
width: var(--brand-borderWidth-thin);
|
|
19903
|
+
inset-inline-start: 0;
|
|
19904
|
+
background-color: var(--brand-color-border-subtle);
|
|
19905
|
+
}
|
|
19906
|
+
|
|
19907
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___kcYQZ
|
|
19908
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM
|
|
19909
|
+
+ .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM::before {
|
|
19910
|
+
-webkit-mask-image: var(--brand-PricingOptions-borderMask);
|
|
19911
|
+
mask-image: var(--brand-PricingOptions-borderMask);
|
|
19912
|
+
}
|
|
19913
|
+
|
|
19914
|
+
/* ---- Cards layout labels ---- */
|
|
19915
|
+
|
|
19916
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM {
|
|
19917
|
+
padding-inline: var(--base-size-28);
|
|
19918
|
+
border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);
|
|
19919
|
+
/* border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted); */
|
|
19920
|
+
}
|
|
19921
|
+
|
|
19922
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--empty___SSWHp {
|
|
19923
|
+
opacity: 0;
|
|
19924
|
+
pointer-events: none;
|
|
19925
|
+
}
|
|
19926
|
+
|
|
19927
|
+
/* Cards: keep accent border inside the card boundary */
|
|
19928
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI::after {
|
|
19929
|
+
inset-inline-start: 0;
|
|
19930
|
+
inset-inline-end: 0;
|
|
19931
|
+
}
|
|
19029
19932
|
}
|
|
19030
19933
|
|
|
19031
19934
|
/* ---------------------------------------------------------- */
|
|
@@ -19034,11 +19937,10 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19034
19937
|
|
|
19035
19938
|
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 {
|
|
19036
19939
|
position: relative;
|
|
19037
|
-
border-radius: var(--brand-borderRadius-xlarge);
|
|
19038
19940
|
}
|
|
19039
19941
|
|
|
19040
19942
|
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-solid___S7wHh {
|
|
19041
|
-
border: solid 1px var(--brand-color-border-
|
|
19943
|
+
border: solid 1px var(--brand-color-border-subtle);
|
|
19042
19944
|
background-color: var(--brand-PricingOptions-item-bgColor-solid);
|
|
19043
19945
|
}
|
|
19044
19946
|
|
|
@@ -19060,7 +19962,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19060
19962
|
border-radius: inherit;
|
|
19061
19963
|
-webkit-mask-image: var(--brand-PricingOptions-borderMask);
|
|
19062
19964
|
mask-image: var(--brand-PricingOptions-borderMask);
|
|
19063
|
-
border: var(--brand-borderWidth-thin) solid var(--brand-color-border-
|
|
19965
|
+
border: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);
|
|
19064
19966
|
}
|
|
19065
19967
|
|
|
19066
19968
|
@media (min-width: 63.25rem) {
|
|
@@ -19070,6 +19972,8 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19070
19972
|
}
|
|
19071
19973
|
|
|
19072
19974
|
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
|
|
19975
|
+
--brand-pricing-options-item-padding-inline: var(--base-size-24);
|
|
19976
|
+
|
|
19073
19977
|
position: relative; /* Used for positioning the divider between items */
|
|
19074
19978
|
padding-inline: var(--base-size-24);
|
|
19075
19979
|
padding-block: var(--base-size-20);
|
|
@@ -19077,23 +19981,25 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19077
19981
|
|
|
19078
19982
|
@media (min-width: 63.25rem) {
|
|
19079
19983
|
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
|
|
19984
|
+
--brand-pricing-options-item-padding-inline: 0;
|
|
19985
|
+
|
|
19080
19986
|
padding-inline: 0;
|
|
19081
19987
|
padding-block: var(--base-size-40);
|
|
19082
19988
|
}
|
|
19083
19989
|
}
|
|
19084
19990
|
|
|
19085
19991
|
/* Horizontal divider between items on small viewports */
|
|
19086
|
-
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw
|
|
19992
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw + .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw::before {
|
|
19087
19993
|
content: '';
|
|
19088
19994
|
position: absolute;
|
|
19089
19995
|
inset-inline: 0;
|
|
19090
19996
|
height: 1px;
|
|
19091
|
-
background-color: var(--brand-color-border-
|
|
19997
|
+
background-color: var(--brand-color-border-subtle);
|
|
19092
19998
|
}
|
|
19093
19999
|
|
|
19094
20000
|
/* Vertical divider between items on larger viewports */
|
|
19095
20001
|
@media (min-width: 63.25rem) {
|
|
19096
|
-
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw
|
|
20002
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw + .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw::before {
|
|
19097
20003
|
inset-inline: 0;
|
|
19098
20004
|
inset-block: 0;
|
|
19099
20005
|
width: 1px;
|
|
@@ -19102,7 +20008,9 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19102
20008
|
margin-inline-start: calc(var(--brand-pricing-options-item-gap) / 2 * -1);
|
|
19103
20009
|
}
|
|
19104
20010
|
|
|
19105
|
-
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___kcYQZ
|
|
20011
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___kcYQZ
|
|
20012
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw
|
|
20013
|
+
+ .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw::before {
|
|
19106
20014
|
-webkit-mask-image: var(--brand-PricingOptions-borderMask);
|
|
19107
20015
|
mask-image: var(--brand-PricingOptions-borderMask);
|
|
19108
20016
|
}
|
|
@@ -19113,15 +20021,16 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19113
20021
|
/* ---------------------------------------------------------- */
|
|
19114
20022
|
|
|
19115
20023
|
.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
|
|
20024
|
+
--brand-pricing-options-item-padding-inline: var(--base-size-32);
|
|
20025
|
+
|
|
19116
20026
|
position: relative;
|
|
19117
20027
|
padding-inline: var(--base-size-32);
|
|
19118
|
-
border-radius: var(--brand-borderRadius-xlarge);
|
|
19119
20028
|
padding-block: var(--base-size-32);
|
|
19120
20029
|
}
|
|
19121
20030
|
|
|
19122
20031
|
.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc.Primer_Brand__PricingOptions-module__PricingOptions--appearance-solid___S7wHh .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
|
|
19123
20032
|
background-color: var(--brand-PricingOptions-item-bgColor-solid);
|
|
19124
|
-
border: solid var(--brand-borderWidth-thin) var(--brand-color-border-
|
|
20033
|
+
border: solid var(--brand-borderWidth-thin) var(--brand-color-border-subtle);
|
|
19125
20034
|
}
|
|
19126
20035
|
|
|
19127
20036
|
/* ---------------------------------------------------------- */
|
|
@@ -19189,10 +20098,6 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19189
20098
|
justify-content: center;
|
|
19190
20099
|
}
|
|
19191
20100
|
|
|
19192
|
-
.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b .Primer_Brand__PricingOptions-module__PricingOptions__label___VwACa {
|
|
19193
|
-
justify-self: center;
|
|
19194
|
-
}
|
|
19195
|
-
|
|
19196
20101
|
/*
|
|
19197
20102
|
* Backwards compatibility for browsers that don't support subgrid.
|
|
19198
20103
|
* Once subgrid is supported in the last 3 major versions of Safari (i.e., when Safari 18 is released), it can be fully removed.
|
|
@@ -19218,23 +20123,12 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19218
20123
|
row-gap: var(--base-size-16);
|
|
19219
20124
|
}
|
|
19220
20125
|
|
|
19221
|
-
/* When item is left-aligned,
|
|
20126
|
+
/* When item is left-aligned, keep the heading at the start of the card */
|
|
19222
20127
|
.Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:not(.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b) .Primer_Brand__PricingOptions-module__PricingOptions__header___NCmt2 {
|
|
19223
|
-
flex-wrap: wrap-reverse;
|
|
19224
20128
|
align-items: center;
|
|
19225
|
-
-moz-column-gap: var(--base-size-16);
|
|
19226
|
-
column-gap: var(--base-size-16);
|
|
19227
20129
|
margin-block-end: var(--base-size-16);
|
|
19228
20130
|
}
|
|
19229
20131
|
|
|
19230
|
-
.Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:not(.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b) .Primer_Brand__PricingOptions-module__PricingOptions__label___VwACa {
|
|
19231
|
-
--brand-Label-color: var(--brand-color-accent-primary);
|
|
19232
|
-
--brand-Label-color-start: var(--brand-color-accent-primary-start);
|
|
19233
|
-
--brand-Label-color-end: var(--brand-color-accent-primary-end);
|
|
19234
|
-
flex: 0 0 auto;
|
|
19235
|
-
order: 2;
|
|
19236
|
-
}
|
|
19237
|
-
|
|
19238
20132
|
.Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:not(.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b) .Primer_Brand__PricingOptions-module__PricingOptions__heading___LZFAK {
|
|
19239
20133
|
margin-block: var(--base-size-16);
|
|
19240
20134
|
flex: 0 1 auto;
|
|
@@ -19248,25 +20142,15 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19248
20142
|
}
|
|
19249
20143
|
}
|
|
19250
20144
|
|
|
19251
|
-
/* When item is centered,
|
|
20145
|
+
/* When item is centered, center the heading */
|
|
19252
20146
|
.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b .Primer_Brand__PricingOptions-module__PricingOptions__header___NCmt2 {
|
|
19253
|
-
|
|
19254
|
-
align-items: center;
|
|
19255
|
-
justify-content: flex-end;
|
|
19256
|
-
}
|
|
19257
|
-
|
|
19258
|
-
.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b .Primer_Brand__PricingOptions-module__PricingOptions__label___VwACa {
|
|
19259
|
-
--brand-Label-color: var(--brand-color-accent-primary);
|
|
19260
|
-
--brand-Label-color-start: var(--brand-color-accent-primary-start);
|
|
19261
|
-
--brand-Label-color-end: var(--brand-color-accent-primary-end);
|
|
19262
|
-
order: 1;
|
|
19263
|
-
margin: 0 auto;
|
|
20147
|
+
justify-content: center;
|
|
19264
20148
|
}
|
|
19265
20149
|
|
|
19266
20150
|
.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b .Primer_Brand__PricingOptions-module__PricingOptions__heading___LZFAK {
|
|
19267
20151
|
margin-block-start: 0;
|
|
19268
20152
|
margin-block-end: var(--base-size-16);
|
|
19269
|
-
|
|
20153
|
+
text-align: center;
|
|
19270
20154
|
}
|
|
19271
20155
|
|
|
19272
20156
|
.Primer_Brand__PricingOptions-module__PricingOptions__leading-component___FPip4 {
|
|
@@ -19274,16 +20158,13 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19274
20158
|
}
|
|
19275
20159
|
|
|
19276
20160
|
.Primer_Brand__PricingOptions-module__PricingOptions__label___VwACa {
|
|
19277
|
-
|
|
19278
|
-
|
|
19279
|
-
|
|
19280
|
-
|
|
19281
|
-
|
|
19282
|
-
|
|
19283
|
-
|
|
19284
|
-
|
|
19285
|
-
flex: 0 0 auto;
|
|
19286
|
-
order: 2;
|
|
20161
|
+
color: var(--brand-color-text-default);
|
|
20162
|
+
font-family: var(--brand-fontStack-monospace);
|
|
20163
|
+
font-size: var(--brand-text-size-100);
|
|
20164
|
+
font-weight: var(--brand-text-weight-500);
|
|
20165
|
+
letter-spacing: var(--brand-text-letterSpacing-100);
|
|
20166
|
+
line-height: var(--brand-text-lineHeight-200);
|
|
20167
|
+
text-transform: uppercase;
|
|
19287
20168
|
}
|
|
19288
20169
|
|
|
19289
20170
|
.Primer_Brand__PricingOptions-module__PricingOptions__heading___LZFAK {
|
|
@@ -19300,7 +20181,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19300
20181
|
.Primer_Brand__PricingOptions-module__PricingOptions__price___qxTEV {
|
|
19301
20182
|
display: flex;
|
|
19302
20183
|
flex-wrap: wrap;
|
|
19303
|
-
align-
|
|
20184
|
+
align-items: flex-start;
|
|
19304
20185
|
grid-row: price;
|
|
19305
20186
|
padding-block-start: var(--base-size-20);
|
|
19306
20187
|
padding-block-end: var(--base-size-8);
|
|
@@ -19313,8 +20194,14 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19313
20194
|
}
|
|
19314
20195
|
}
|
|
19315
20196
|
|
|
20197
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__price-amount___tdTS8 {
|
|
20198
|
+
display: flex;
|
|
20199
|
+
align-items: flex-end;
|
|
20200
|
+
}
|
|
20201
|
+
|
|
19316
20202
|
.Primer_Brand__PricingOptions-module__PricingOptions__price-currency-code___kFWAy {
|
|
19317
20203
|
margin-inline-start: var(--base-size-4);
|
|
20204
|
+
margin-block-end: var(--base-size-4);
|
|
19318
20205
|
color: var(--brand-color-text-muted);
|
|
19319
20206
|
}
|
|
19320
20207
|
|
|
@@ -19345,6 +20232,26 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19345
20232
|
padding-block-start: var(--base-size-20);
|
|
19346
20233
|
}
|
|
19347
20234
|
|
|
20235
|
+
/* MenuAction: full-width ActionMenu wrapper */
|
|
20236
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__menu-action___e4jvF {
|
|
20237
|
+
width: 100%;
|
|
20238
|
+
}
|
|
20239
|
+
|
|
20240
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__menu-action___e4jvF > * {
|
|
20241
|
+
width: 100%;
|
|
20242
|
+
}
|
|
20243
|
+
|
|
20244
|
+
/* Force ActionMenu button container to stretch full width */
|
|
20245
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__menu-action___e4jvF > * > * {
|
|
20246
|
+
display: flex;
|
|
20247
|
+
width: 100%;
|
|
20248
|
+
}
|
|
20249
|
+
|
|
20250
|
+
/* Make the primary button fill remaining space next to the chevron */
|
|
20251
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__menu-action___e4jvF > * > * > :first-child {
|
|
20252
|
+
flex: 1;
|
|
20253
|
+
}
|
|
20254
|
+
|
|
19348
20255
|
.Primer_Brand__PricingOptions-module__PricingOptions__footnote___UwqUw {
|
|
19349
20256
|
grid-row: footnote;
|
|
19350
20257
|
display: block;
|
|
@@ -19369,13 +20276,58 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19369
20276
|
}
|
|
19370
20277
|
|
|
19371
20278
|
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ {
|
|
19372
|
-
|
|
20279
|
+
position: relative;
|
|
19373
20280
|
margin: 0;
|
|
19374
20281
|
margin-block-start: var(--base-size-20);
|
|
19375
20282
|
padding-block-start: var(--base-size-40);
|
|
19376
20283
|
padding-inline: 0;
|
|
19377
20284
|
}
|
|
19378
20285
|
|
|
20286
|
+
/* Edge-to-edge divider above feature list */
|
|
20287
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
|
|
20288
|
+
content: '';
|
|
20289
|
+
position: absolute;
|
|
20290
|
+
inset-block-start: 0;
|
|
20291
|
+
inset-inline-start: calc(0px * -1);
|
|
20292
|
+
inset-inline-start: calc(var(--brand-pricing-options-item-padding-inline, 0px) * -1);
|
|
20293
|
+
inset-inline-end: calc(0px * -1);
|
|
20294
|
+
inset-inline-end: calc(var(--brand-pricing-options-item-padding-inline, 0px) * -1);
|
|
20295
|
+
height: var(--brand-borderWidth-thin);
|
|
20296
|
+
background-color: var(--brand-color-border-subtle);
|
|
20297
|
+
}
|
|
20298
|
+
|
|
20299
|
+
/* Default layout: extend feature list divider into column gap */
|
|
20300
|
+
@media (min-width: 63.25rem) {
|
|
20301
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
|
|
20302
|
+
inset-inline-start: calc(0px / 2 * -1);
|
|
20303
|
+
inset-inline-start: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);
|
|
20304
|
+
inset-inline-end: calc(0px / 2 * -1);
|
|
20305
|
+
inset-inline-end: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);
|
|
20306
|
+
}
|
|
20307
|
+
|
|
20308
|
+
/* First item: don't overflow past container start */
|
|
20309
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:first-child .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before,
|
|
20310
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8
|
|
20311
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw
|
|
20312
|
+
+ .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw
|
|
20313
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
|
|
20314
|
+
inset-inline-start: calc(0px * -1);
|
|
20315
|
+
inset-inline-start: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
|
|
20316
|
+
}
|
|
20317
|
+
|
|
20318
|
+
/* Last item: don't overflow past container end */
|
|
20319
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:last-child .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
|
|
20320
|
+
inset-inline-end: calc(0px * -1);
|
|
20321
|
+
inset-inline-end: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
|
|
20322
|
+
}
|
|
20323
|
+
|
|
20324
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___kcYQZ
|
|
20325
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
|
|
20326
|
+
-webkit-mask-image: var(--brand-PricingOptions-borderMask);
|
|
20327
|
+
mask-image: var(--brand-PricingOptions-borderMask);
|
|
20328
|
+
}
|
|
20329
|
+
}
|
|
20330
|
+
|
|
19379
20331
|
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-set___cJt0a:nth-child(n + 2) {
|
|
19380
20332
|
margin-block-start: var(--base-size-20);
|
|
19381
20333
|
}
|
|
@@ -19390,6 +20342,44 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19390
20342
|
color: var(--brand-color-text-muted);
|
|
19391
20343
|
}
|
|
19392
20344
|
|
|
20345
|
+
/* Info tooltip button */
|
|
20346
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item--has-info___zXREr {
|
|
20347
|
+
flex-wrap: nowrap;
|
|
20348
|
+
}
|
|
20349
|
+
|
|
20350
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item--has-info___zXREr > span {
|
|
20351
|
+
flex: 1;
|
|
20352
|
+
display: inline-flex;
|
|
20353
|
+
align-items: baseline;
|
|
20354
|
+
justify-content: space-between;
|
|
20355
|
+
}
|
|
20356
|
+
|
|
20357
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item-info___glnBV {
|
|
20358
|
+
all: unset;
|
|
20359
|
+
display: inline-flex;
|
|
20360
|
+
align-items: center;
|
|
20361
|
+
justify-content: center;
|
|
20362
|
+
flex-shrink: 0;
|
|
20363
|
+
cursor: pointer;
|
|
20364
|
+
color: var(--brand-color-text-muted);
|
|
20365
|
+
background-color: color-mix(in srgb, var(--brand-color-canvas-invert) 12%, transparent);
|
|
20366
|
+
border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
20367
|
+
border-radius: 50%;
|
|
20368
|
+
margin-inline-start: var(--base-size-8);
|
|
20369
|
+
vertical-align: middle;
|
|
20370
|
+
padding: var(--base-size-4);
|
|
20371
|
+
}
|
|
20372
|
+
|
|
20373
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item-info___glnBV svg {
|
|
20374
|
+
width: var(--base-size-12);
|
|
20375
|
+
height: var(--base-size-12);
|
|
20376
|
+
}
|
|
20377
|
+
|
|
20378
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item-info___glnBV:focus-visible {
|
|
20379
|
+
outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
|
|
20380
|
+
outline-offset: 2px;
|
|
20381
|
+
}
|
|
20382
|
+
|
|
19393
20383
|
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list___BmoFc + .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-group-heading___u739o {
|
|
19394
20384
|
margin-block-start: var(--base-size-20);
|
|
19395
20385
|
}
|
|
@@ -19428,6 +20418,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19428
20418
|
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW {
|
|
19429
20419
|
padding: var(--base-size-8) 0;
|
|
19430
20420
|
padding-inline-start: 0 !important; /* Fixes dotcom specificity issue */
|
|
20421
|
+
padding-inline-end: 0 !important;
|
|
19431
20422
|
margin-block-start: calc(var(--base-size-16) * -1);
|
|
19432
20423
|
margin-block-end: var(--base-size-8);
|
|
19433
20424
|
}
|
|
@@ -19438,8 +20429,10 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19438
20429
|
line-height: var(--feature-list-line-height);
|
|
19439
20430
|
font-weight: var(--brand-text-subhead-weight-large);
|
|
19440
20431
|
gap: var(--base-size-8);
|
|
19441
|
-
display: inline-flex;
|
|
19442
20432
|
align-items: center;
|
|
20433
|
+
justify-content: space-between;
|
|
20434
|
+
display: flex;
|
|
20435
|
+
width: 100%;
|
|
19443
20436
|
}
|
|
19444
20437
|
|
|
19445
20438
|
/* Hide default icon */
|
|
@@ -19454,6 +20447,10 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19454
20447
|
padding-inline-start: 0 !important;
|
|
19455
20448
|
}
|
|
19456
20449
|
|
|
20450
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-chevron___XXErd {
|
|
20451
|
+
margin-inline-end: var(--base-size-4);
|
|
20452
|
+
}
|
|
20453
|
+
|
|
19457
20454
|
/* Chevron up icon */
|
|
19458
20455
|
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF[open] .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-chevron___XXErd {
|
|
19459
20456
|
transform: rotate(180deg);
|
|
@@ -19465,7 +20462,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19465
20462
|
|
|
19466
20463
|
/**
|
|
19467
20464
|
* Do not edit directly
|
|
19468
|
-
* Generated on
|
|
20465
|
+
* Generated on Thu, 23 Apr 2026 10:25:21 GMT
|
|
19469
20466
|
*/
|
|
19470
20467
|
|
|
19471
20468
|
:root {
|
|
@@ -19474,7 +20471,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19474
20471
|
|
|
19475
20472
|
/**
|
|
19476
20473
|
* Do not edit directly
|
|
19477
|
-
* Generated on
|
|
20474
|
+
* Generated on Thu, 23 Apr 2026 10:25:23 GMT
|
|
19478
20475
|
*/
|
|
19479
20476
|
|
|
19480
20477
|
:root,
|
|
@@ -20285,7 +21282,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
20285
21282
|
|
|
20286
21283
|
/**
|
|
20287
21284
|
* Do not edit directly
|
|
20288
|
-
* Generated on
|
|
21285
|
+
* Generated on Thu, 23 Apr 2026 10:25:21 GMT
|
|
20289
21286
|
*/
|
|
20290
21287
|
|
|
20291
21288
|
:root {
|
|
@@ -20294,7 +21291,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
20294
21291
|
|
|
20295
21292
|
/**
|
|
20296
21293
|
* Do not edit directly
|
|
20297
|
-
* Generated on
|
|
21294
|
+
* Generated on Thu, 23 Apr 2026 10:25:23 GMT
|
|
20298
21295
|
*/
|
|
20299
21296
|
|
|
20300
21297
|
:root,
|
|
@@ -20790,7 +21787,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
20790
21787
|
|
|
20791
21788
|
/**
|
|
20792
21789
|
* Do not edit directly
|
|
20793
|
-
* Generated on
|
|
21790
|
+
* Generated on Thu, 23 Apr 2026 10:25:23 GMT
|
|
20794
21791
|
*/
|
|
20795
21792
|
|
|
20796
21793
|
:root,
|
|
@@ -20889,7 +21886,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
20889
21886
|
|
|
20890
21887
|
/**
|
|
20891
21888
|
* Do not edit directly
|
|
20892
|
-
* Generated on
|
|
21889
|
+
* Generated on Thu, 23 Apr 2026 10:25:23 GMT
|
|
20893
21890
|
*/
|
|
20894
21891
|
|
|
20895
21892
|
:root,
|
|
@@ -21267,7 +22264,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
21267
22264
|
|
|
21268
22265
|
/**
|
|
21269
22266
|
* Do not edit directly
|
|
21270
|
-
* Generated on
|
|
22267
|
+
* Generated on Thu, 23 Apr 2026 10:25:23 GMT
|
|
21271
22268
|
*/
|
|
21272
22269
|
|
|
21273
22270
|
:root,
|
|
@@ -21281,7 +22278,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
21281
22278
|
|
|
21282
22279
|
/**
|
|
21283
22280
|
* Do not edit directly
|
|
21284
|
-
* Generated on
|
|
22281
|
+
* Generated on Thu, 23 Apr 2026 10:25:22 GMT
|
|
21285
22282
|
*/
|
|
21286
22283
|
|
|
21287
22284
|
:root {
|
|
@@ -21468,7 +22465,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
21468
22465
|
|
|
21469
22466
|
/**
|
|
21470
22467
|
* Do not edit directly
|
|
21471
|
-
* Generated on
|
|
22468
|
+
* Generated on Thu, 23 Apr 2026 10:25:21 GMT
|
|
21472
22469
|
*/
|
|
21473
22470
|
|
|
21474
22471
|
:root {
|
|
@@ -21752,7 +22749,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
21752
22749
|
|
|
21753
22750
|
/**
|
|
21754
22751
|
* Do not edit directly
|
|
21755
|
-
* Generated on
|
|
22752
|
+
* Generated on Thu, 23 Apr 2026 10:25:21 GMT
|
|
21756
22753
|
*/
|
|
21757
22754
|
|
|
21758
22755
|
:root {
|
|
@@ -21763,7 +22760,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
21763
22760
|
|
|
21764
22761
|
/**
|
|
21765
22762
|
* Do not edit directly
|
|
21766
|
-
* Generated on
|
|
22763
|
+
* Generated on Thu, 23 Apr 2026 10:25:23 GMT
|
|
21767
22764
|
*/
|
|
21768
22765
|
|
|
21769
22766
|
:root,
|
|
@@ -22031,7 +23028,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
22031
23028
|
|
|
22032
23029
|
/**
|
|
22033
23030
|
* Do not edit directly
|
|
22034
|
-
* Generated on
|
|
23031
|
+
* Generated on Thu, 23 Apr 2026 10:25:21 GMT
|
|
22035
23032
|
*/
|
|
22036
23033
|
|
|
22037
23034
|
:root {
|
|
@@ -22040,7 +23037,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
22040
23037
|
|
|
22041
23038
|
/**
|
|
22042
23039
|
* Do not edit directly
|
|
22043
|
-
* Generated on
|
|
23040
|
+
* Generated on Thu, 23 Apr 2026 10:25:23 GMT
|
|
22044
23041
|
*/
|
|
22045
23042
|
|
|
22046
23043
|
:root,
|
|
@@ -22286,7 +23283,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
22286
23283
|
|
|
22287
23284
|
/**
|
|
22288
23285
|
* Do not edit directly
|
|
22289
|
-
* Generated on
|
|
23286
|
+
* Generated on Thu, 23 Apr 2026 10:25:23 GMT
|
|
22290
23287
|
*/
|
|
22291
23288
|
|
|
22292
23289
|
:root,
|