@primer/react-brand 0.66.0 → 0.67.0-rc.197d7044
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 +34 -7
- package/lib/EyebrowText/EyebrowText.d.ts +6 -2
- package/lib/Hero/HeroContext.d.ts +1 -1
- package/lib/PricingOptions/PricingOptions.d.ts +14 -7
- package/lib/SectionIntro/SectionIntro.d.ts +7 -5
- package/lib/Token/Token.d.ts +46 -0
- package/lib/Token/index.d.ts +1 -0
- package/lib/css/main.css +1629 -640
- 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 +4 -2
- 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 +43 -0
- package/lib/design-tokens/css/tokens/functional/components/token/colors.css +23 -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 +6 -2
- 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 +83 -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 +21 -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 +20 -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 +38 -0
- package/lib/design-tokens/ts/tokens/functional/components/token/colors.js +35 -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/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 +2 -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 Wed,
|
|
81
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 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 Wed,
|
|
359
|
+
* Generated on Wed, 15 Apr 2026 12:23:36 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 Wed,
|
|
386
|
+
* Generated on Wed, 15 Apr 2026 12:23:36 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 Wed,
|
|
403
|
+
* Generated on Wed, 15 Apr 2026 12:23:36 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 Wed,
|
|
561
|
+
* Generated on Wed, 15 Apr 2026 12:23:36 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 Wed,
|
|
575
|
+
* Generated on Wed, 15 Apr 2026 12:23:36 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 Wed,
|
|
594
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 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 Wed,
|
|
696
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 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 Wed,
|
|
723
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 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 Wed,
|
|
1496
|
+
* Generated on Wed, 15 Apr 2026 12:23:36 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 Wed,
|
|
1804
|
+
* Generated on Wed, 15 Apr 2026 12:23:36 GMT
|
|
1803
1805
|
*/
|
|
1804
1806
|
|
|
1805
1807
|
:root {
|
|
@@ -5874,6 +5876,15 @@ html {
|
|
|
5874
5876
|
text-align: center;
|
|
5875
5877
|
}
|
|
5876
5878
|
|
|
5879
|
+
.Primer_Brand__EyebrowText-module__EyebrowText___YZHDa {
|
|
5880
|
+
text-transform: uppercase;
|
|
5881
|
+
letter-spacing: var(--brand-text-letterSpacing-100);
|
|
5882
|
+
}
|
|
5883
|
+
|
|
5884
|
+
.Primer_Brand__EyebrowText-module__EyebrowText--variant-accent___p07g3 {
|
|
5885
|
+
color: var(--brand-color-accent-primary);
|
|
5886
|
+
}
|
|
5887
|
+
|
|
5877
5888
|
.Primer_Brand__TextCursorAnimation-module__TextCursorAnimation___oT5SI {
|
|
5878
5889
|
display: inline-flex;
|
|
5879
5890
|
align-items: center;
|
|
@@ -5886,7 +5897,6 @@ html {
|
|
|
5886
5897
|
}
|
|
5887
5898
|
|
|
5888
5899
|
.Primer_Brand__TextCursorAnimation-module__TextCursorAnimation-text___yWOoE {
|
|
5889
|
-
text-transform: uppercase;
|
|
5890
5900
|
font-weight: var(--brand-text-weight-500);
|
|
5891
5901
|
clip-path: inset(0 calc((1 - 1) * 100%) 0 0);
|
|
5892
5902
|
clip-path: inset(0 calc((1 - var(--brand-TextCursorAnimation-reveal-progress, 1)) * 100%) 0 0);
|
|
@@ -6757,7 +6767,12 @@ html {
|
|
|
6757
6767
|
}
|
|
6758
6768
|
|
|
6759
6769
|
.Primer_Brand__ExpandableArrow-module__ExpandableArrow___rkfek {
|
|
6760
|
-
|
|
6770
|
+
--ExpandableArrow-duration: 200ms;
|
|
6771
|
+
--ExpandableArrow-easing: ease;
|
|
6772
|
+
|
|
6773
|
+
transition: transform 200ms ease;
|
|
6774
|
+
|
|
6775
|
+
transition: transform var(--ExpandableArrow-duration) var(--ExpandableArrow-easing);
|
|
6761
6776
|
transform: translateX(0);
|
|
6762
6777
|
}
|
|
6763
6778
|
|
|
@@ -6768,7 +6783,7 @@ html {
|
|
|
6768
6783
|
.Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem___g4mdy {
|
|
6769
6784
|
stroke-dasharray: 10;
|
|
6770
6785
|
stroke-dashoffset: 10;
|
|
6771
|
-
transition: stroke-dashoffset
|
|
6786
|
+
transition: stroke-dashoffset var(--ExpandableArrow-duration) var(--ExpandableArrow-easing);
|
|
6772
6787
|
}
|
|
6773
6788
|
|
|
6774
6789
|
.Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem--expanded___KwI_9 {
|
|
@@ -6785,7 +6800,7 @@ html {
|
|
|
6785
6800
|
|
|
6786
6801
|
/**
|
|
6787
6802
|
* Do not edit directly
|
|
6788
|
-
* Generated on Wed,
|
|
6803
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
6789
6804
|
*/
|
|
6790
6805
|
|
|
6791
6806
|
:root,
|
|
@@ -7122,7 +7137,7 @@ html {
|
|
|
7122
7137
|
|
|
7123
7138
|
/**
|
|
7124
7139
|
* Do not edit directly
|
|
7125
|
-
* Generated on Wed,
|
|
7140
|
+
* Generated on Wed, 15 Apr 2026 12:23:36 GMT
|
|
7126
7141
|
*/
|
|
7127
7142
|
|
|
7128
7143
|
:root {
|
|
@@ -7143,7 +7158,7 @@ html {
|
|
|
7143
7158
|
|
|
7144
7159
|
/**
|
|
7145
7160
|
* Do not edit directly
|
|
7146
|
-
* Generated on Wed,
|
|
7161
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
7147
7162
|
*/
|
|
7148
7163
|
|
|
7149
7164
|
:root {
|
|
@@ -7509,6 +7524,7 @@ html {
|
|
|
7509
7524
|
}
|
|
7510
7525
|
|
|
7511
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. */
|
|
7512
7528
|
font-weight: var(--base-text-weight-medium);
|
|
7513
7529
|
}
|
|
7514
7530
|
|
|
@@ -7541,7 +7557,7 @@ html {
|
|
|
7541
7557
|
|
|
7542
7558
|
/**
|
|
7543
7559
|
* Do not edit directly
|
|
7544
|
-
* Generated on Wed,
|
|
7560
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
7545
7561
|
*/
|
|
7546
7562
|
|
|
7547
7563
|
:root,
|
|
@@ -7557,7 +7573,7 @@ html {
|
|
|
7557
7573
|
|
|
7558
7574
|
/**
|
|
7559
7575
|
* Do not edit directly
|
|
7560
|
-
* Generated on Wed,
|
|
7576
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
7561
7577
|
*/
|
|
7562
7578
|
|
|
7563
7579
|
:root,
|
|
@@ -7822,14 +7838,9 @@ html {
|
|
|
7822
7838
|
}
|
|
7823
7839
|
}
|
|
7824
7840
|
|
|
7825
|
-
.Primer_Brand__EyebrowText-module__EyebrowText___YZHDa {
|
|
7826
|
-
text-transform: uppercase;
|
|
7827
|
-
letter-spacing: var(--brand-text-letterSpacing-100);
|
|
7828
|
-
}
|
|
7829
|
-
|
|
7830
7841
|
/**
|
|
7831
7842
|
* Do not edit directly
|
|
7832
|
-
* Generated on Wed,
|
|
7843
|
+
* Generated on Wed, 15 Apr 2026 12:23:36 GMT
|
|
7833
7844
|
*/
|
|
7834
7845
|
|
|
7835
7846
|
:root {
|
|
@@ -8310,6 +8321,14 @@ html {
|
|
|
8310
8321
|
gap: 0;
|
|
8311
8322
|
}
|
|
8312
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
|
+
|
|
8313
8332
|
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX::before,
|
|
8314
8333
|
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX::after {
|
|
8315
8334
|
content: '';
|
|
@@ -8329,7 +8348,19 @@ html {
|
|
|
8329
8348
|
bottom: 0;
|
|
8330
8349
|
}
|
|
8331
8350
|
|
|
8332
|
-
@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) {
|
|
8333
8364
|
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX {
|
|
8334
8365
|
border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
8335
8366
|
}
|
|
@@ -8445,6 +8476,10 @@ html {
|
|
|
8445
8476
|
border-radius: var(--brand-borderRadius-large);
|
|
8446
8477
|
}
|
|
8447
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
|
+
|
|
8448
8483
|
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
|
|
8449
8484
|
margin-inline: calc(-1 * var(--brand-RiverBreakout-variant-gridline-spacing-outerInline));
|
|
8450
8485
|
padding: var(--base-size-32);
|
|
@@ -8462,6 +8497,11 @@ html {
|
|
|
8462
8497
|
border-end-start-radius: 0;
|
|
8463
8498
|
border-end-end-radius: 0;
|
|
8464
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
|
+
}
|
|
8465
8505
|
}
|
|
8466
8506
|
|
|
8467
8507
|
@media screen and (min-width: 48rem) and (max-width: 63.24rem) {
|
|
@@ -8476,11 +8516,30 @@ html {
|
|
|
8476
8516
|
border-end-start-radius: 0;
|
|
8477
8517
|
border-end-end-radius: 0;
|
|
8478
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
|
+
}
|
|
8479
8524
|
}
|
|
8480
8525
|
|
|
8481
8526
|
@media screen and (min-width: 63.25rem) {
|
|
8482
8527
|
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
|
|
8528
|
+
align-items: flex-end;
|
|
8483
8529
|
padding: var(--base-size-64);
|
|
8530
|
+
padding-block-end: 0;
|
|
8531
|
+
}
|
|
8532
|
+
|
|
8533
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S img,
|
|
8534
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S picture,
|
|
8535
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S video {
|
|
8536
|
+
border-end-start-radius: 0;
|
|
8537
|
+
border-end-end-radius: 0;
|
|
8538
|
+
}
|
|
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;
|
|
8484
8543
|
}
|
|
8485
8544
|
|
|
8486
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 {
|
|
@@ -8488,171 +8547,706 @@ html {
|
|
|
8488
8547
|
}
|
|
8489
8548
|
}
|
|
8490
8549
|
|
|
8491
|
-
.
|
|
8492
|
-
|
|
8493
|
-
|
|
8494
|
-
--stackDistance: calc(var(--base-size-24) * -1);
|
|
8495
|
-
|
|
8496
|
-
/* River visual (videos)
|
|
8497
|
-
* UL = unit-less, needed for division in certain scenarios
|
|
8498
|
-
*/
|
|
8499
|
-
--visualMaxWidth: 1032px;
|
|
8500
|
-
--visualMaxWidthUL: 1032;
|
|
8501
|
-
--visualMaxHeight: min(690px, 60vh);
|
|
8502
|
-
--visualMaxHeightUL: 690;
|
|
8503
|
-
--storyScrollPadding: min(32px, 5vw);
|
|
8504
|
-
position: relative;
|
|
8550
|
+
.Primer_Brand__Icon-module__Icon___bf2xY {
|
|
8551
|
+
box-sizing: content-box;
|
|
8552
|
+
padding: 0;
|
|
8505
8553
|
}
|
|
8506
|
-
|
|
8507
|
-
|
|
8508
|
-
|
|
8509
|
-
}
|
|
8554
|
+
|
|
8555
|
+
.Primer_Brand__Icon-module__Icon___bf2xY > svg {
|
|
8556
|
+
display: block; /* Ensure SVG are unaffected by text styles and font metrics, maintaining vertical alignment */
|
|
8510
8557
|
}
|
|
8511
8558
|
|
|
8512
|
-
|
|
8513
|
-
|
|
8514
|
-
|
|
8515
|
-
}
|
|
8559
|
+
.Primer_Brand__Icon-module__Icon--size-20___bxF8U {
|
|
8560
|
+
width: var(--base-size-20);
|
|
8561
|
+
height: var(--base-size-20);
|
|
8516
8562
|
}
|
|
8517
8563
|
|
|
8518
|
-
|
|
8519
|
-
|
|
8520
|
-
|
|
8521
|
-
}
|
|
8564
|
+
.Primer_Brand__Icon-module__Icon--size-24___yTJML {
|
|
8565
|
+
width: var(--base-size-24);
|
|
8566
|
+
height: var(--base-size-24);
|
|
8522
8567
|
}
|
|
8523
8568
|
|
|
8524
|
-
.
|
|
8525
|
-
|
|
8569
|
+
.Primer_Brand__Icon-module__Icon--size-28___tnGmL {
|
|
8570
|
+
width: var(--base-size-28);
|
|
8571
|
+
height: var(--base-size-28);
|
|
8526
8572
|
}
|
|
8527
8573
|
|
|
8528
|
-
.
|
|
8529
|
-
|
|
8530
|
-
|
|
8531
|
-
width: 100%;
|
|
8574
|
+
.Primer_Brand__Icon-module__Icon--size-32___Rhkw8 {
|
|
8575
|
+
width: var(--base-size-32);
|
|
8576
|
+
height: var(--base-size-32);
|
|
8532
8577
|
}
|
|
8533
8578
|
|
|
8534
|
-
.
|
|
8535
|
-
|
|
8536
|
-
|
|
8537
|
-
width: auto;
|
|
8538
|
-
z-index: 10;
|
|
8539
|
-
position: relative;
|
|
8540
|
-
border-radius: var(--brand-borderRadius-large);
|
|
8579
|
+
.Primer_Brand__Icon-module__Icon--size-36___F4Mcj {
|
|
8580
|
+
width: var(--base-size-36);
|
|
8581
|
+
height: var(--base-size-36);
|
|
8541
8582
|
}
|
|
8542
8583
|
|
|
8543
|
-
.
|
|
8544
|
-
|
|
8545
|
-
|
|
8584
|
+
.Primer_Brand__Icon-module__Icon--size-40___cXhgu {
|
|
8585
|
+
width: var(--base-size-40);
|
|
8586
|
+
height: var(--base-size-40);
|
|
8546
8587
|
}
|
|
8547
8588
|
|
|
8548
|
-
.
|
|
8549
|
-
|
|
8550
|
-
|
|
8589
|
+
.Primer_Brand__Icon-module__Icon--size-44___vwox2 {
|
|
8590
|
+
width: var(--base-size-44);
|
|
8591
|
+
height: var(--base-size-44);
|
|
8551
8592
|
}
|
|
8552
8593
|
|
|
8553
|
-
|
|
8554
|
-
|
|
8555
|
-
|
|
8556
|
-
}
|
|
8594
|
+
.Primer_Brand__Icon-module__Icon--background___d6RdL {
|
|
8595
|
+
padding: var(--base-size-12);
|
|
8596
|
+
border-radius: var(--brand-borderRadius-medium);
|
|
8557
8597
|
}
|
|
8558
8598
|
|
|
8559
|
-
|
|
8560
|
-
|
|
8561
|
-
--extraBottomSpacing: calc(-1 * (100vh - 100vw) / 5);
|
|
8562
|
-
}
|
|
8599
|
+
.Primer_Brand__Icon-module__Icon--color-default___z2cYk {
|
|
8600
|
+
color: var(--brand-Icon-color-default);
|
|
8563
8601
|
}
|
|
8564
8602
|
|
|
8565
|
-
|
|
8566
|
-
|
|
8567
|
-
--extraBottomSpacing: calc(-1 * (100vh - 100vw) / 3);
|
|
8568
|
-
}
|
|
8603
|
+
.Primer_Brand__Icon-module__Icon--background-color-default___h6tiH {
|
|
8604
|
+
background-color: var(--brand-Icon-background-default);
|
|
8569
8605
|
}
|
|
8570
8606
|
|
|
8571
|
-
|
|
8572
|
-
|
|
8573
|
-
--scrollTextHeight: 42vh;
|
|
8574
|
-
}
|
|
8607
|
+
.Primer_Brand__Icon-module__Icon--color-blue___Wne9C {
|
|
8608
|
+
color: var(--brand-Icon-color-blue);
|
|
8575
8609
|
}
|
|
8576
8610
|
|
|
8577
|
-
|
|
8578
|
-
|
|
8579
|
-
--scrollTextHeight: 70vh;
|
|
8580
|
-
}
|
|
8611
|
+
.Primer_Brand__Icon-module__Icon--background-color-blue___zsNDL {
|
|
8612
|
+
background-color: var(--brand-Icon-background-blue);
|
|
8581
8613
|
}
|
|
8582
8614
|
|
|
8583
|
-
|
|
8584
|
-
|
|
8585
|
-
--stackDistance: -30px;
|
|
8586
|
-
}
|
|
8615
|
+
.Primer_Brand__Icon-module__Icon--color-coral___vdwGj {
|
|
8616
|
+
color: var(--brand-Icon-color-coral);
|
|
8587
8617
|
}
|
|
8588
8618
|
|
|
8589
|
-
|
|
8590
|
-
|
|
8591
|
-
--stackDistance: -20px;
|
|
8592
|
-
}
|
|
8619
|
+
.Primer_Brand__Icon-module__Icon--background-color-coral___FKaij {
|
|
8620
|
+
background-color: var(--brand-Icon-background-coral);
|
|
8593
8621
|
}
|
|
8594
8622
|
|
|
8595
|
-
|
|
8596
|
-
|
|
8597
|
-
--stackDistance: -15px;
|
|
8598
|
-
}
|
|
8623
|
+
.Primer_Brand__Icon-module__Icon--color-green___OxAZK {
|
|
8624
|
+
color: var(--brand-Icon-color-green);
|
|
8599
8625
|
}
|
|
8600
8626
|
|
|
8601
|
-
|
|
8602
|
-
|
|
8603
|
-
|
|
8627
|
+
.Primer_Brand__Icon-module__Icon--background-color-green___UUQt1 {
|
|
8628
|
+
background-color: var(--brand-Icon-background-green);
|
|
8629
|
+
}
|
|
8604
8630
|
|
|
8605
|
-
|
|
8606
|
-
|
|
8607
|
-
|
|
8608
|
-
--visualHeight: min(var(--visualMaxHeight), var(--relativeVisualHeight));
|
|
8609
|
-
--visualWidth: calc(var(--visualHeight) * var(--visualMaxWidthUL) / var(--visualMaxHeightUL));
|
|
8610
|
-
--scrollTextHeight: 58vh;
|
|
8611
|
-
--textToVisualPadding: max(5vh, 40px);
|
|
8631
|
+
.Primer_Brand__Icon-module__Icon--color-gray___tVTnd {
|
|
8632
|
+
color: var(--brand-Icon-color-gray);
|
|
8633
|
+
}
|
|
8612
8634
|
|
|
8613
|
-
|
|
8614
|
-
|
|
8635
|
+
.Primer_Brand__Icon-module__Icon--background-color-gray___dpdtX {
|
|
8636
|
+
background-color: var(--brand-Icon-background-gray);
|
|
8637
|
+
}
|
|
8615
8638
|
|
|
8616
|
-
|
|
8617
|
-
|
|
8639
|
+
.Primer_Brand__Icon-module__Icon--color-indigo___OrE5M {
|
|
8640
|
+
color: var(--brand-Icon-color-indigo);
|
|
8641
|
+
}
|
|
8618
8642
|
|
|
8619
|
-
|
|
8620
|
-
|
|
8621
|
-
|
|
8622
|
-
height: 100dvh;
|
|
8623
|
-
}
|
|
8624
|
-
}
|
|
8643
|
+
.Primer_Brand__Icon-module__Icon--background-color-indigo___TIqOT {
|
|
8644
|
+
background-color: var(--brand-Icon-background-indigo);
|
|
8645
|
+
}
|
|
8625
8646
|
|
|
8626
|
-
|
|
8627
|
-
|
|
8628
|
-
|
|
8629
|
-
height: 100%;
|
|
8630
|
-
left: 0;
|
|
8631
|
-
top: 0;
|
|
8632
|
-
}
|
|
8647
|
+
.Primer_Brand__Icon-module__Icon--color-lemon___Ftx9H {
|
|
8648
|
+
color: var(--brand-Icon-color-lemon);
|
|
8649
|
+
}
|
|
8633
8650
|
|
|
8634
|
-
|
|
8635
|
-
|
|
8636
|
-
|
|
8637
|
-
transition: opacity 0.3s var(--ease);
|
|
8638
|
-
}
|
|
8651
|
+
.Primer_Brand__Icon-module__Icon--background-color-lemon___BhpS6 {
|
|
8652
|
+
background-color: var(--brand-Icon-background-lemon);
|
|
8653
|
+
}
|
|
8639
8654
|
|
|
8640
|
-
|
|
8641
|
-
|
|
8642
|
-
|
|
8655
|
+
.Primer_Brand__Icon-module__Icon--color-lime___mQVWo {
|
|
8656
|
+
color: var(--brand-Icon-color-lime);
|
|
8657
|
+
}
|
|
8643
8658
|
|
|
8644
|
-
|
|
8645
|
-
|
|
8646
|
-
|
|
8659
|
+
.Primer_Brand__Icon-module__Icon--background-color-lime___K4TMA {
|
|
8660
|
+
background-color: var(--brand-Icon-background-lime);
|
|
8661
|
+
}
|
|
8647
8662
|
|
|
8648
|
-
|
|
8649
|
-
|
|
8650
|
-
|
|
8651
|
-
|
|
8652
|
-
|
|
8653
|
-
|
|
8654
|
-
|
|
8655
|
-
|
|
8663
|
+
.Primer_Brand__Icon-module__Icon--color-orange___CIjjp {
|
|
8664
|
+
color: var(--brand-Icon-color-orange);
|
|
8665
|
+
}
|
|
8666
|
+
|
|
8667
|
+
.Primer_Brand__Icon-module__Icon--background-color-orange___z52U7 {
|
|
8668
|
+
background-color: var(--brand-Icon-background-orange);
|
|
8669
|
+
}
|
|
8670
|
+
|
|
8671
|
+
.Primer_Brand__Icon-module__Icon--color-pink___cS_v5 {
|
|
8672
|
+
color: var(--brand-Icon-color-pink);
|
|
8673
|
+
}
|
|
8674
|
+
|
|
8675
|
+
.Primer_Brand__Icon-module__Icon--background-color-pink___cy5Kg {
|
|
8676
|
+
background-color: var(--brand-Icon-background-pink);
|
|
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 Wed, 15 Apr 2026 12:23:36 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 Wed, 15 Apr 2026 12:23:37 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
|
+
}
|
|
8656
9250
|
|
|
8657
9251
|
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__content-container--below____OTaq {
|
|
8658
9252
|
padding-top: var(--topScrollOffset);
|
|
@@ -8974,7 +9568,7 @@ html {
|
|
|
8974
9568
|
|
|
8975
9569
|
/**
|
|
8976
9570
|
* Do not edit directly
|
|
8977
|
-
* Generated on Wed,
|
|
9571
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
8978
9572
|
*/
|
|
8979
9573
|
|
|
8980
9574
|
:root,
|
|
@@ -9742,7 +10336,7 @@ html {
|
|
|
9742
10336
|
|
|
9743
10337
|
/**
|
|
9744
10338
|
* Do not edit directly
|
|
9745
|
-
* Generated on Wed,
|
|
10339
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
9746
10340
|
*/
|
|
9747
10341
|
|
|
9748
10342
|
:root,
|
|
@@ -9757,89 +10351,259 @@ html {
|
|
|
9757
10351
|
--brand-SubdomainNavBar-border-button-hover: var(--base-color-scale-black-0);
|
|
9758
10352
|
}
|
|
9759
10353
|
|
|
9760
|
-
[data-color-mode="dark"] {
|
|
9761
|
-
--brand-SubdomainNavBar-canvas-default: rgba(13,17,23,0.50196);
|
|
9762
|
-
--brand-SubdomainNavBar-canvas-search: var(--base-color-scale-black-0);
|
|
9763
|
-
--brand-SubdomainNavBar-canvas-overflow-default: var(--base-color-scale-white-0);
|
|
9764
|
-
--brand-SubdomainNavBar-canvas-overflow-hover: var(--base-color-scale-gray-0);
|
|
9765
|
-
--brand-SubdomainNavBar-fg-overflow-default: var(--brand-color-text-onEmphasis);
|
|
9766
|
-
--brand-SubdomainNavBar-border-nav-default: var(--base-color-scale-gray-3);
|
|
9767
|
-
--brand-SubdomainNavBar-border-nav-pressed: var(--base-color-scale-white-0);
|
|
9768
|
-
--brand-SubdomainNavBar-border-button-hover: var(--base-color-scale-white-0);
|
|
10354
|
+
[data-color-mode="dark"] {
|
|
10355
|
+
--brand-SubdomainNavBar-canvas-default: rgba(13,17,23,0.50196);
|
|
10356
|
+
--brand-SubdomainNavBar-canvas-search: var(--base-color-scale-black-0);
|
|
10357
|
+
--brand-SubdomainNavBar-canvas-overflow-default: var(--base-color-scale-white-0);
|
|
10358
|
+
--brand-SubdomainNavBar-canvas-overflow-hover: var(--base-color-scale-gray-0);
|
|
10359
|
+
--brand-SubdomainNavBar-fg-overflow-default: var(--brand-color-text-onEmphasis);
|
|
10360
|
+
--brand-SubdomainNavBar-border-nav-default: var(--base-color-scale-gray-3);
|
|
10361
|
+
--brand-SubdomainNavBar-border-nav-pressed: var(--base-color-scale-white-0);
|
|
10362
|
+
--brand-SubdomainNavBar-border-button-hover: var(--base-color-scale-white-0);
|
|
10363
|
+
}
|
|
10364
|
+
|
|
10365
|
+
/**
|
|
10366
|
+
* Do not edit directly
|
|
10367
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 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 Wed, 15 Apr 2026 12:23:36 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 Wed, 15 Apr 2026 12:23:37 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-dark-gray: var(--base-color-scale-gray-8);
|
|
10443
|
+
--brand-Token-bgColor-accent: var(--base-color-scale-green-8);
|
|
10444
|
+
--brand-Token-bgColor-hover-default: var(--base-color-scale-gray-1);
|
|
10445
|
+
--brand-Token-bgColor-hover-dark-gray: var(--base-color-scale-gray-7);
|
|
10446
|
+
--brand-Token-bgColor-hover-accent: var(--base-color-scale-green-7);
|
|
10447
|
+
--brand-Token-bgColor-hover-outline: var(--brand-color-border-muted);
|
|
10448
|
+
--brand-Token-bgColor-hover-invisible: transparent;
|
|
10449
|
+
--brand-Token-bgColor-invisible: transparent;
|
|
10450
|
+
--brand-Token-bgColor-outline: var(--brand-color-canvas-default);
|
|
10451
|
+
--brand-Token-border-outline: var(--brand-color-border-muted);
|
|
10452
|
+
--brand-Token-fgColor-default: var(--brand-color-text-default);
|
|
10453
|
+
--brand-Token-fgColor-dark-gray: var(--base-color-scale-white-0);
|
|
10454
|
+
--brand-Token-fgColor-accent: var(--base-color-scale-white-0);
|
|
10455
|
+
--brand-Token-fgColor-outline: var(--brand-color-text-default);
|
|
10456
|
+
--brand-Token-fgColor-invisible: var(--brand-color-text-default);
|
|
10457
|
+
}
|
|
10458
|
+
|
|
10459
|
+
[data-color-mode="dark"] {
|
|
10460
|
+
--brand-Token-bgColor-default: var(--base-color-scale-gray-5);
|
|
10461
|
+
--brand-Token-bgColor-dark-gray: var(--base-color-scale-gray-7);
|
|
10462
|
+
--brand-Token-bgColor-accent: var(--base-color-scale-green-8);
|
|
10463
|
+
--brand-Token-bgColor-hover-default: var(--base-color-scale-gray-4);
|
|
10464
|
+
--brand-Token-bgColor-hover-dark-gray: var(--base-color-scale-gray-6);
|
|
10465
|
+
--brand-Token-bgColor-hover-accent: var(--base-color-scale-green-7);
|
|
10466
|
+
--brand-Token-bgColor-hover-outline: var(--brand-color-border-muted);
|
|
10467
|
+
--brand-Token-bgColor-hover-invisible: transparent;
|
|
10468
|
+
--brand-Token-bgColor-invisible: transparent;
|
|
10469
|
+
--brand-Token-bgColor-outline: var(--brand-color-canvas-default);
|
|
10470
|
+
--brand-Token-border-outline: var(--brand-color-border-muted);
|
|
10471
|
+
--brand-Token-fgColor-default: var(--brand-color-text-muted);
|
|
10472
|
+
--brand-Token-fgColor-dark-gray: var(--base-color-scale-white-0);
|
|
10473
|
+
--brand-Token-fgColor-accent: var(--base-color-scale-white-0);
|
|
10474
|
+
--brand-Token-fgColor-outline: var(--brand-color-text-default);
|
|
10475
|
+
--brand-Token-fgColor-invisible: var(--brand-color-text-default);
|
|
10476
|
+
}
|
|
10477
|
+
|
|
10478
|
+
.Primer_Brand__Token-module__Token___r7qQC {
|
|
10479
|
+
align-items: center;
|
|
10480
|
+
border: var(--brand-borderWidth-thin) solid transparent;
|
|
10481
|
+
border-radius: var(--brand-borderRadius-small);
|
|
10482
|
+
display: inline-flex;
|
|
10483
|
+
gap: var(--base-size-8);
|
|
10484
|
+
min-width: 0;
|
|
10485
|
+
max-width: 100%;
|
|
10486
|
+
padding-inline: var(--base-size-8);
|
|
10487
|
+
padding-block: var(--base-size-6);
|
|
10488
|
+
padding-block-end: calc(var(--base-size-6) - 1px); /* Compensate for 1px border to maintain height */
|
|
10489
|
+
vertical-align: middle;
|
|
10490
|
+
}
|
|
10491
|
+
|
|
10492
|
+
.Primer_Brand__Token-module__Token--hasLeadingVisual___cPRLz {
|
|
10493
|
+
padding-inline: calc((var(--base-size-4) + var(--base-size-8)) / 2);
|
|
10494
|
+
padding-block: calc((var(--base-size-4) + var(--base-size-8)) / 2);
|
|
10495
|
+
}
|
|
10496
|
+
|
|
10497
|
+
.Primer_Brand__Token-module__Token--interactive___aQ1rk {
|
|
10498
|
+
cursor: pointer;
|
|
10499
|
+
-webkit-text-decoration: none;
|
|
10500
|
+
text-decoration: none;
|
|
10501
|
+
}
|
|
10502
|
+
|
|
10503
|
+
[data-color-mode='dark'] .Primer_Brand__Token-module__Token___r7qQC {
|
|
10504
|
+
-webkit-font-smoothing: antialiased;
|
|
10505
|
+
-moz-osx-font-smoothing: auto;
|
|
10506
|
+
}
|
|
10507
|
+
|
|
10508
|
+
.Primer_Brand__Token-module__Token--variant-default___NBxMW {
|
|
10509
|
+
background-color: var(--brand-Token-bgColor-default);
|
|
10510
|
+
color: var(--brand-Token-fgColor-default);
|
|
10511
|
+
}
|
|
10512
|
+
|
|
10513
|
+
.Primer_Brand__Token-module__Token--interactive___aQ1rk.Primer_Brand__Token-module__Token--variant-default___NBxMW:hover {
|
|
10514
|
+
background-color: var(--brand-Token-bgColor-hover-default);
|
|
10515
|
+
}
|
|
10516
|
+
|
|
10517
|
+
.Primer_Brand__Token-module__Token--variant-dark-gray___MOuJG {
|
|
10518
|
+
background-color: var(--brand-Token-bgColor-dark-gray);
|
|
10519
|
+
color: var(--brand-Token-fgColor-dark-gray);
|
|
10520
|
+
}
|
|
10521
|
+
|
|
10522
|
+
.Primer_Brand__Token-module__Token--interactive___aQ1rk.Primer_Brand__Token-module__Token--variant-dark-gray___MOuJG:hover {
|
|
10523
|
+
background-color: var(--brand-Token-bgColor-hover-dark-gray);
|
|
10524
|
+
}
|
|
10525
|
+
|
|
10526
|
+
.Primer_Brand__Token-module__Token--variant-accent___Ji_P4 {
|
|
10527
|
+
background-color: var(--brand-Token-bgColor-accent);
|
|
10528
|
+
color: var(--brand-Token-fgColor-accent);
|
|
10529
|
+
}
|
|
10530
|
+
|
|
10531
|
+
.Primer_Brand__Token-module__Token--interactive___aQ1rk.Primer_Brand__Token-module__Token--variant-accent___Ji_P4:hover {
|
|
10532
|
+
background-color: var(--brand-Token-bgColor-hover-accent);
|
|
9769
10533
|
}
|
|
9770
10534
|
|
|
9771
|
-
|
|
9772
|
-
|
|
9773
|
-
|
|
9774
|
-
|
|
10535
|
+
.Primer_Brand__Token-module__Token--variant-outline___X52wp {
|
|
10536
|
+
background-color: var(--brand-Token-bgColor-outline);
|
|
10537
|
+
border-color: var(--brand-Token-border-outline);
|
|
10538
|
+
color: var(--brand-Token-fgColor-outline);
|
|
10539
|
+
}
|
|
9775
10540
|
|
|
9776
|
-
:
|
|
9777
|
-
|
|
9778
|
-
--brand-InlineLink-color-rest: var(--brand-color-text-link-rest);
|
|
9779
|
-
--brand-InlineLink-color-pressed: var(--brand-color-text-link-pressed);
|
|
10541
|
+
.Primer_Brand__Token-module__Token--interactive___aQ1rk.Primer_Brand__Token-module__Token--variant-outline___X52wp:hover {
|
|
10542
|
+
background-color: var(--brand-Token-bgColor-hover-outline);
|
|
9780
10543
|
}
|
|
9781
10544
|
|
|
9782
|
-
|
|
9783
|
-
|
|
9784
|
-
|
|
10545
|
+
.Primer_Brand__Token-module__Token--variant-invisible___bJrcK {
|
|
10546
|
+
background-color: transparent;
|
|
10547
|
+
color: var(--brand-Token-fgColor-invisible);
|
|
9785
10548
|
}
|
|
9786
10549
|
|
|
9787
|
-
|
|
9788
|
-
|
|
9789
|
-
|
|
9790
|
-
*/
|
|
10550
|
+
.Primer_Brand__Token-module__Token--interactive___aQ1rk.Primer_Brand__Token-module__Token--variant-invisible___bJrcK:hover {
|
|
10551
|
+
background-color: var(--brand-Token-bgColor-hover-invisible);
|
|
10552
|
+
}
|
|
9791
10553
|
|
|
9792
|
-
|
|
9793
|
-
|
|
10554
|
+
.Primer_Brand__Token-module__Token__label___wC8Q5 {
|
|
10555
|
+
display: block;
|
|
10556
|
+
flex: 1 1 auto;
|
|
10557
|
+
min-width: 0;
|
|
10558
|
+
overflow: hidden;
|
|
10559
|
+
text-overflow: ellipsis;
|
|
10560
|
+
text-transform: uppercase;
|
|
10561
|
+
font-weight: var(--base-text-weight-normal);
|
|
10562
|
+
line-height: 0.85;
|
|
10563
|
+
white-space: nowrap;
|
|
9794
10564
|
}
|
|
9795
10565
|
|
|
9796
|
-
.
|
|
9797
|
-
|
|
9798
|
-
-webkit-text-decoration: underline;
|
|
9799
|
-
text-decoration: underline;
|
|
9800
|
-
text-decoration-color: var(--brand-InlineLink-color-rest);
|
|
9801
|
-
text-decoration-thickness: var(--brand-borderWidth-thin);
|
|
9802
|
-
text-underline-position: under;
|
|
9803
|
-
transition: var(--brand-InlineLink-transition-timing) text-decoration;
|
|
10566
|
+
.Primer_Brand__Token-module__Token___r7qQC > .Primer_Brand__Token-module__Token__label___wC8Q5 {
|
|
10567
|
+
color: inherit;
|
|
9804
10568
|
}
|
|
9805
10569
|
|
|
9806
|
-
.
|
|
9807
|
-
|
|
10570
|
+
.Primer_Brand__Token-module__Token__leading-visual___SDos3 {
|
|
10571
|
+
display: flex;
|
|
10572
|
+
flex-shrink: 0;
|
|
10573
|
+
align-items: center;
|
|
10574
|
+
justify-content: center;
|
|
10575
|
+
width: calc((var(--base-size-16) + var(--base-size-20)) / 2);
|
|
10576
|
+
height: calc((var(--base-size-16) + var(--base-size-20)) / 2);
|
|
9808
10577
|
}
|
|
9809
10578
|
|
|
9810
|
-
.
|
|
9811
|
-
|
|
9812
|
-
font-size: inherit;
|
|
9813
|
-
font-weight: inherit;
|
|
9814
|
-
line-height: inherit;
|
|
9815
|
-
color: var(--brand-InlineLink-color-rest);
|
|
10579
|
+
.Primer_Brand__Token-module__Token__visual___U0j1l {
|
|
10580
|
+
display: block;
|
|
9816
10581
|
}
|
|
9817
10582
|
|
|
9818
|
-
.
|
|
9819
|
-
.
|
|
9820
|
-
|
|
10583
|
+
/* Keep leading visuals inside a fixed 18x18 slot so larger children like Avatar dont increase Token height. */
|
|
10584
|
+
.Primer_Brand__Token-module__Token__leading-visual___SDos3 > .Primer_Brand__Token-module__Token__visual___U0j1l {
|
|
10585
|
+
width: calc((var(--base-size-16) + var(--base-size-20)) / 2);
|
|
10586
|
+
height: calc((var(--base-size-16) + var(--base-size-20)) / 2);
|
|
10587
|
+
max-width: calc((var(--base-size-16) + var(--base-size-20)) / 2);
|
|
10588
|
+
max-height: calc((var(--base-size-16) + var(--base-size-20)) / 2);
|
|
10589
|
+
border-radius: 2px;
|
|
9821
10590
|
}
|
|
9822
10591
|
|
|
9823
|
-
|
|
9824
|
-
|
|
9825
|
-
|
|
10592
|
+
.Primer_Brand__Token-module__Token__leading-visual___SDos3 > .Primer_Brand__Token-module__Token__visual___U0j1l svg,
|
|
10593
|
+
.Primer_Brand__Token-module__Token__leading-visual___SDos3 > .Primer_Brand__Token-module__Token__visual___U0j1l img {
|
|
10594
|
+
width: 100%;
|
|
10595
|
+
height: 100%;
|
|
9826
10596
|
}
|
|
9827
10597
|
|
|
9828
|
-
|
|
9829
|
-
|
|
9830
|
-
|
|
9831
|
-
.Primer_Brand__InlineLink-module__InlineLink___U_Ama::before,
|
|
9832
|
-
.Primer_Brand__InlineLink-module__InlineLink___U_Ama::after,
|
|
9833
|
-
.Primer_Brand__InlineLink-module__InlineLink___U_Ama * {
|
|
9834
|
-
animation: none !important;
|
|
9835
|
-
transition: none !important;
|
|
9836
|
-
scroll-behavior: auto !important;
|
|
10598
|
+
@media (forced-colors: active) {
|
|
10599
|
+
.Primer_Brand__Token-module__Token___r7qQC {
|
|
10600
|
+
outline: var(--brand-borderWidth-thin) solid transparent;
|
|
9837
10601
|
}
|
|
9838
10602
|
}
|
|
9839
10603
|
|
|
9840
10604
|
/**
|
|
9841
10605
|
* Do not edit directly
|
|
9842
|
-
* Generated on Wed,
|
|
10606
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
9843
10607
|
*/
|
|
9844
10608
|
|
|
9845
10609
|
:root,
|
|
@@ -10267,7 +11031,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
|
|
|
10267
11031
|
|
|
10268
11032
|
/**
|
|
10269
11033
|
* Do not edit directly
|
|
10270
|
-
* Generated on Wed,
|
|
11034
|
+
* Generated on Wed, 15 Apr 2026 12:23:36 GMT
|
|
10271
11035
|
*/
|
|
10272
11036
|
|
|
10273
11037
|
:root {
|
|
@@ -10276,7 +11040,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
|
|
|
10276
11040
|
|
|
10277
11041
|
/**
|
|
10278
11042
|
* Do not edit directly
|
|
10279
|
-
* Generated on Wed,
|
|
11043
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
10280
11044
|
*/
|
|
10281
11045
|
|
|
10282
11046
|
:root,
|
|
@@ -10298,7 +11062,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
|
|
|
10298
11062
|
|
|
10299
11063
|
/**
|
|
10300
11064
|
* Do not edit directly
|
|
10301
|
-
* Generated on Wed,
|
|
11065
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
10302
11066
|
*/
|
|
10303
11067
|
|
|
10304
11068
|
:root {
|
|
@@ -10580,7 +11344,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
|
|
|
10580
11344
|
|
|
10581
11345
|
/**
|
|
10582
11346
|
* Do not edit directly
|
|
10583
|
-
* Generated on Wed,
|
|
11347
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
10584
11348
|
*/
|
|
10585
11349
|
|
|
10586
11350
|
:root,
|
|
@@ -11783,7 +12547,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
11783
12547
|
|
|
11784
12548
|
/**
|
|
11785
12549
|
* Do not edit directly
|
|
11786
|
-
* Generated on Wed,
|
|
12550
|
+
* Generated on Wed, 15 Apr 2026 12:23:36 GMT
|
|
11787
12551
|
*/
|
|
11788
12552
|
|
|
11789
12553
|
:root {
|
|
@@ -11797,7 +12561,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
11797
12561
|
|
|
11798
12562
|
/**
|
|
11799
12563
|
* Do not edit directly
|
|
11800
|
-
* Generated on Wed,
|
|
12564
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
11801
12565
|
*/
|
|
11802
12566
|
|
|
11803
12567
|
:root,
|
|
@@ -12248,7 +13012,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12248
13012
|
|
|
12249
13013
|
/**
|
|
12250
13014
|
* Do not edit directly
|
|
12251
|
-
* Generated on Wed,
|
|
13015
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
12252
13016
|
*/
|
|
12253
13017
|
|
|
12254
13018
|
:root,
|
|
@@ -12264,7 +13028,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12264
13028
|
|
|
12265
13029
|
/**
|
|
12266
13030
|
* Do not edit directly
|
|
12267
|
-
* Generated on Wed,
|
|
13031
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
12268
13032
|
*/
|
|
12269
13033
|
|
|
12270
13034
|
:root {
|
|
@@ -13009,7 +13773,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
13009
13773
|
|
|
13010
13774
|
/**
|
|
13011
13775
|
* Do not edit directly
|
|
13012
|
-
* Generated on Wed,
|
|
13776
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
13013
13777
|
*/
|
|
13014
13778
|
|
|
13015
13779
|
:root,
|
|
@@ -13025,7 +13789,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
13025
13789
|
|
|
13026
13790
|
/**
|
|
13027
13791
|
* Do not edit directly
|
|
13028
|
-
* Generated on Wed,
|
|
13792
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
13029
13793
|
*/
|
|
13030
13794
|
|
|
13031
13795
|
:root,
|
|
@@ -13411,7 +14175,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
13411
14175
|
|
|
13412
14176
|
/**
|
|
13413
14177
|
* Do not edit directly
|
|
13414
|
-
* Generated on Wed,
|
|
14178
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
13415
14179
|
*/
|
|
13416
14180
|
|
|
13417
14181
|
:root,
|
|
@@ -13575,7 +14339,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
13575
14339
|
|
|
13576
14340
|
/**
|
|
13577
14341
|
* Do not edit directly
|
|
13578
|
-
* Generated on Wed,
|
|
14342
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
13579
14343
|
*/
|
|
13580
14344
|
|
|
13581
14345
|
:root,
|
|
@@ -13680,354 +14444,98 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
13680
14444
|
color: var(--brand-Pillar-icon-color-green);
|
|
13681
14445
|
}
|
|
13682
14446
|
|
|
13683
|
-
.Primer_Brand__Pillar-module__Pillar__icon--color-gray___MRGro {
|
|
13684
|
-
color: var(--brand-Pillar-icon-color-gray);
|
|
13685
|
-
}
|
|
13686
|
-
|
|
13687
|
-
.Primer_Brand__Pillar-module__Pillar__icon--color-indigo___hX1Yq {
|
|
13688
|
-
color: var(--brand-Pillar-icon-color-indigo);
|
|
13689
|
-
}
|
|
13690
|
-
|
|
13691
|
-
.Primer_Brand__Pillar-module__Pillar__icon--color-lemon___V0XiQ {
|
|
13692
|
-
color: var(--brand-Pillar-icon-color-lemon);
|
|
13693
|
-
}
|
|
13694
|
-
|
|
13695
|
-
.Primer_Brand__Pillar-module__Pillar__icon--color-lime___VXybl {
|
|
13696
|
-
color: var(--brand-Label-color-lime);
|
|
13697
|
-
}
|
|
13698
|
-
|
|
13699
|
-
.Primer_Brand__Pillar-module__Pillar__icon--color-orange___e1xGP {
|
|
13700
|
-
color: var(--brand-Pillar-icon-color-orange);
|
|
13701
|
-
}
|
|
13702
|
-
|
|
13703
|
-
.Primer_Brand__Pillar-module__Pillar__icon--color-pink___WcTTa {
|
|
13704
|
-
color: var(--brand-Pillar-icon-color-pink);
|
|
13705
|
-
}
|
|
13706
|
-
|
|
13707
|
-
.Primer_Brand__Pillar-module__Pillar__icon--color-purple___BGrUp {
|
|
13708
|
-
color: var(--brand-Pillar-icon-color-purple);
|
|
13709
|
-
}
|
|
13710
|
-
|
|
13711
|
-
.Primer_Brand__Pillar-module__Pillar__icon--color-red___ek1FA {
|
|
13712
|
-
color: var(--brand-Pillar-icon-color-red);
|
|
13713
|
-
}
|
|
13714
|
-
|
|
13715
|
-
.Primer_Brand__Pillar-module__Pillar__icon--color-teal___fntO4 {
|
|
13716
|
-
color: var(--brand-Pillar-icon-color-teal);
|
|
13717
|
-
}
|
|
13718
|
-
|
|
13719
|
-
.Primer_Brand__Pillar-module__Pillar__icon--color-yellow___xatJt {
|
|
13720
|
-
color: var(--brand-Pillar-icon-color-yellow);
|
|
13721
|
-
}
|
|
13722
|
-
|
|
13723
|
-
.Primer_Brand__Icon-module__Icon___bf2xY {
|
|
13724
|
-
box-sizing: content-box;
|
|
13725
|
-
padding: 0;
|
|
13726
|
-
}
|
|
13727
|
-
|
|
13728
|
-
.Primer_Brand__Icon-module__Icon___bf2xY > svg {
|
|
13729
|
-
display: block; /* Ensure SVG are unaffected by text styles and font metrics, maintaining vertical alignment */
|
|
13730
|
-
}
|
|
13731
|
-
|
|
13732
|
-
.Primer_Brand__Icon-module__Icon--size-20___bxF8U {
|
|
13733
|
-
width: var(--base-size-20);
|
|
13734
|
-
height: var(--base-size-20);
|
|
13735
|
-
}
|
|
13736
|
-
|
|
13737
|
-
.Primer_Brand__Icon-module__Icon--size-24___yTJML {
|
|
13738
|
-
width: var(--base-size-24);
|
|
13739
|
-
height: var(--base-size-24);
|
|
13740
|
-
}
|
|
13741
|
-
|
|
13742
|
-
.Primer_Brand__Icon-module__Icon--size-28___tnGmL {
|
|
13743
|
-
width: var(--base-size-28);
|
|
13744
|
-
height: var(--base-size-28);
|
|
13745
|
-
}
|
|
13746
|
-
|
|
13747
|
-
.Primer_Brand__Icon-module__Icon--size-32___Rhkw8 {
|
|
13748
|
-
width: var(--base-size-32);
|
|
13749
|
-
height: var(--base-size-32);
|
|
13750
|
-
}
|
|
13751
|
-
|
|
13752
|
-
.Primer_Brand__Icon-module__Icon--size-36___F4Mcj {
|
|
13753
|
-
width: var(--base-size-36);
|
|
13754
|
-
height: var(--base-size-36);
|
|
13755
|
-
}
|
|
13756
|
-
|
|
13757
|
-
.Primer_Brand__Icon-module__Icon--size-40___cXhgu {
|
|
13758
|
-
width: var(--base-size-40);
|
|
13759
|
-
height: var(--base-size-40);
|
|
13760
|
-
}
|
|
13761
|
-
|
|
13762
|
-
.Primer_Brand__Icon-module__Icon--size-44___vwox2 {
|
|
13763
|
-
width: var(--base-size-44);
|
|
13764
|
-
height: var(--base-size-44);
|
|
13765
|
-
}
|
|
13766
|
-
|
|
13767
|
-
.Primer_Brand__Icon-module__Icon--background___d6RdL {
|
|
13768
|
-
padding: var(--base-size-12);
|
|
13769
|
-
border-radius: var(--brand-borderRadius-full);
|
|
13770
|
-
}
|
|
13771
|
-
|
|
13772
|
-
.Primer_Brand__Icon-module__Icon--color-default___z2cYk {
|
|
13773
|
-
color: var(--brand-Icon-color-default);
|
|
13774
|
-
}
|
|
13775
|
-
|
|
13776
|
-
.Primer_Brand__Icon-module__Icon--background-color-default___h6tiH {
|
|
13777
|
-
background-color: var(--brand-Icon-background-default);
|
|
13778
|
-
}
|
|
13779
|
-
|
|
13780
|
-
.Primer_Brand__Icon-module__Icon--color-blue___Wne9C {
|
|
13781
|
-
color: var(--brand-Icon-color-blue);
|
|
13782
|
-
}
|
|
13783
|
-
|
|
13784
|
-
.Primer_Brand__Icon-module__Icon--background-color-blue___zsNDL {
|
|
13785
|
-
background-color: var(--brand-Icon-background-blue);
|
|
13786
|
-
}
|
|
13787
|
-
|
|
13788
|
-
.Primer_Brand__Icon-module__Icon--color-coral___vdwGj {
|
|
13789
|
-
color: var(--brand-Icon-color-coral);
|
|
13790
|
-
}
|
|
13791
|
-
|
|
13792
|
-
.Primer_Brand__Icon-module__Icon--background-color-coral___FKaij {
|
|
13793
|
-
background-color: var(--brand-Icon-background-coral);
|
|
13794
|
-
}
|
|
13795
|
-
|
|
13796
|
-
.Primer_Brand__Icon-module__Icon--color-green___OxAZK {
|
|
13797
|
-
color: var(--brand-Icon-color-green);
|
|
13798
|
-
}
|
|
13799
|
-
|
|
13800
|
-
.Primer_Brand__Icon-module__Icon--background-color-green___UUQt1 {
|
|
13801
|
-
background-color: var(--brand-Icon-background-green);
|
|
13802
|
-
}
|
|
13803
|
-
|
|
13804
|
-
.Primer_Brand__Icon-module__Icon--color-gray___tVTnd {
|
|
13805
|
-
color: var(--brand-Icon-color-gray);
|
|
13806
|
-
}
|
|
13807
|
-
|
|
13808
|
-
.Primer_Brand__Icon-module__Icon--background-color-gray___dpdtX {
|
|
13809
|
-
background-color: var(--brand-Icon-background-gray);
|
|
13810
|
-
}
|
|
13811
|
-
|
|
13812
|
-
.Primer_Brand__Icon-module__Icon--color-indigo___OrE5M {
|
|
13813
|
-
color: var(--brand-Icon-color-indigo);
|
|
13814
|
-
}
|
|
13815
|
-
|
|
13816
|
-
.Primer_Brand__Icon-module__Icon--background-color-indigo___TIqOT {
|
|
13817
|
-
background-color: var(--brand-Icon-background-indigo);
|
|
13818
|
-
}
|
|
13819
|
-
|
|
13820
|
-
.Primer_Brand__Icon-module__Icon--color-lemon___Ftx9H {
|
|
13821
|
-
color: var(--brand-Icon-color-lemon);
|
|
13822
|
-
}
|
|
13823
|
-
|
|
13824
|
-
.Primer_Brand__Icon-module__Icon--background-color-lemon___BhpS6 {
|
|
13825
|
-
background-color: var(--brand-Icon-background-lemon);
|
|
13826
|
-
}
|
|
13827
|
-
|
|
13828
|
-
.Primer_Brand__Icon-module__Icon--color-lime___mQVWo {
|
|
13829
|
-
color: var(--brand-Icon-color-lime);
|
|
13830
|
-
}
|
|
13831
|
-
|
|
13832
|
-
.Primer_Brand__Icon-module__Icon--background-color-lime___K4TMA {
|
|
13833
|
-
background-color: var(--brand-Icon-background-lime);
|
|
13834
|
-
}
|
|
13835
|
-
|
|
13836
|
-
.Primer_Brand__Icon-module__Icon--color-orange___CIjjp {
|
|
13837
|
-
color: var(--brand-Icon-color-orange);
|
|
13838
|
-
}
|
|
13839
|
-
|
|
13840
|
-
.Primer_Brand__Icon-module__Icon--background-color-orange___z52U7 {
|
|
13841
|
-
background-color: var(--brand-Icon-background-orange);
|
|
13842
|
-
}
|
|
13843
|
-
|
|
13844
|
-
.Primer_Brand__Icon-module__Icon--color-pink___cS_v5 {
|
|
13845
|
-
color: var(--brand-Icon-color-pink);
|
|
13846
|
-
}
|
|
13847
|
-
|
|
13848
|
-
.Primer_Brand__Icon-module__Icon--background-color-pink___cy5Kg {
|
|
13849
|
-
background-color: var(--brand-Icon-background-pink);
|
|
13850
|
-
}
|
|
13851
|
-
|
|
13852
|
-
.Primer_Brand__Icon-module__Icon--color-purple___d05Sh {
|
|
13853
|
-
color: var(--brand-Icon-color-purple);
|
|
13854
|
-
}
|
|
13855
|
-
|
|
13856
|
-
.Primer_Brand__Icon-module__Icon--background-color-purple___JmhnQ {
|
|
13857
|
-
background-color: var(--brand-Icon-background-purple);
|
|
13858
|
-
}
|
|
13859
|
-
|
|
13860
|
-
.Primer_Brand__Icon-module__Icon--color-red___K_2c0 {
|
|
13861
|
-
color: var(--brand-Icon-color-red);
|
|
13862
|
-
}
|
|
13863
|
-
|
|
13864
|
-
.Primer_Brand__Icon-module__Icon--background-color-red___qoirP {
|
|
13865
|
-
background-color: var(--brand-Icon-background-red);
|
|
14447
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-gray___MRGro {
|
|
14448
|
+
color: var(--brand-Pillar-icon-color-gray);
|
|
13866
14449
|
}
|
|
13867
14450
|
|
|
13868
|
-
.
|
|
13869
|
-
color: var(--brand-
|
|
14451
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-indigo___hX1Yq {
|
|
14452
|
+
color: var(--brand-Pillar-icon-color-indigo);
|
|
13870
14453
|
}
|
|
13871
14454
|
|
|
13872
|
-
.
|
|
13873
|
-
|
|
14455
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-lemon___V0XiQ {
|
|
14456
|
+
color: var(--brand-Pillar-icon-color-lemon);
|
|
13874
14457
|
}
|
|
13875
14458
|
|
|
13876
|
-
.
|
|
13877
|
-
color: var(--brand-
|
|
14459
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-lime___VXybl {
|
|
14460
|
+
color: var(--brand-Label-color-lime);
|
|
13878
14461
|
}
|
|
13879
14462
|
|
|
13880
|
-
.
|
|
13881
|
-
|
|
14463
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-orange___e1xGP {
|
|
14464
|
+
color: var(--brand-Pillar-icon-color-orange);
|
|
13882
14465
|
}
|
|
13883
14466
|
|
|
13884
|
-
|
|
13885
|
-
|
|
13886
|
-
|
|
13887
|
-
*/
|
|
14467
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-pink___WcTTa {
|
|
14468
|
+
color: var(--brand-Pillar-icon-color-pink);
|
|
14469
|
+
}
|
|
13888
14470
|
|
|
13889
|
-
|
|
13890
|
-
|
|
13891
|
-
--brand-Icon-color-teal: var(--base-color-scale-teal-5);
|
|
13892
|
-
--brand-Icon-color-red: var(--base-color-scale-red-5);
|
|
13893
|
-
--brand-Icon-color-purple: var(--base-color-scale-purple-5);
|
|
13894
|
-
--brand-Icon-color-pink: var(--base-color-scale-pink-5);
|
|
13895
|
-
--brand-Icon-color-orange: var(--base-color-scale-orange-5);
|
|
13896
|
-
--brand-Icon-color-lime: var(--base-color-scale-lime-5);
|
|
13897
|
-
--brand-Icon-color-lemon: var(--base-color-scale-lemon-5);
|
|
13898
|
-
--brand-Icon-color-indigo: var(--base-color-scale-indigo-5);
|
|
13899
|
-
--brand-Icon-color-gray: var(--base-color-scale-gray-6);
|
|
13900
|
-
--brand-Icon-color-green: var(--base-color-scale-green-6);
|
|
13901
|
-
--brand-Icon-color-coral: var(--base-color-scale-coral-5);
|
|
13902
|
-
--brand-Icon-color-blue: var(--base-color-scale-blue-5);
|
|
13903
|
-
--brand-Icon-color-default: var(--brand-color-text-default);
|
|
13904
|
-
--brand-Icon-background-yellow: var(--base-color-scale-yellow-0);
|
|
13905
|
-
--brand-Icon-background-teal: var(--base-color-scale-teal-0);
|
|
13906
|
-
--brand-Icon-background-red: var(--base-color-scale-red-0);
|
|
13907
|
-
--brand-Icon-background-purple: var(--base-color-scale-purple-0);
|
|
13908
|
-
--brand-Icon-background-pink: var(--base-color-scale-pink-0);
|
|
13909
|
-
--brand-Icon-background-orange: var(--base-color-scale-orange-0);
|
|
13910
|
-
--brand-Icon-background-lime: var(--base-color-scale-lime-0);
|
|
13911
|
-
--brand-Icon-background-lemon: var(--base-color-scale-lemon-0);
|
|
13912
|
-
--brand-Icon-background-indigo: var(--base-color-scale-indigo-0);
|
|
13913
|
-
--brand-Icon-background-gray: var(--base-color-scale-gray-0);
|
|
13914
|
-
--brand-Icon-background-green: var(--base-color-scale-green-0);
|
|
13915
|
-
--brand-Icon-background-coral: var(--base-color-scale-coral-0);
|
|
13916
|
-
--brand-Icon-background-blue: var(--base-color-scale-blue-0);
|
|
13917
|
-
--brand-Icon-background-default: var(--base-color-scale-gray-0);
|
|
14471
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-purple___BGrUp {
|
|
14472
|
+
color: var(--brand-Pillar-icon-color-purple);
|
|
13918
14473
|
}
|
|
13919
14474
|
|
|
13920
|
-
|
|
13921
|
-
|
|
13922
|
-
|
|
13923
|
-
*/
|
|
14475
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-red___ek1FA {
|
|
14476
|
+
color: var(--brand-Pillar-icon-color-red);
|
|
14477
|
+
}
|
|
13924
14478
|
|
|
13925
|
-
|
|
13926
|
-
|
|
13927
|
-
--brand-Icon-background-default: var(--base-color-scale-gray-0);
|
|
13928
|
-
--brand-Icon-background-blue: var(--base-color-scale-blue-0);
|
|
13929
|
-
--brand-Icon-background-coral: var(--base-color-scale-coral-0);
|
|
13930
|
-
--brand-Icon-background-green: var(--base-color-scale-green-0);
|
|
13931
|
-
--brand-Icon-background-gray: var(--base-color-scale-gray-0);
|
|
13932
|
-
--brand-Icon-background-indigo: var(--base-color-scale-indigo-0);
|
|
13933
|
-
--brand-Icon-background-lemon: var(--base-color-scale-lemon-0);
|
|
13934
|
-
--brand-Icon-background-lime: var(--base-color-scale-lime-0);
|
|
13935
|
-
--brand-Icon-background-orange: var(--base-color-scale-orange-0);
|
|
13936
|
-
--brand-Icon-background-pink: var(--base-color-scale-pink-0);
|
|
13937
|
-
--brand-Icon-background-purple: var(--base-color-scale-purple-0);
|
|
13938
|
-
--brand-Icon-background-red: var(--base-color-scale-red-0);
|
|
13939
|
-
--brand-Icon-background-teal: var(--base-color-scale-teal-0);
|
|
13940
|
-
--brand-Icon-background-yellow: var(--base-color-scale-yellow-0);
|
|
13941
|
-
--brand-Icon-color-default: var(--brand-color-text-default);
|
|
13942
|
-
--brand-Icon-color-blue: var(--base-color-scale-blue-5);
|
|
13943
|
-
--brand-Icon-color-coral: var(--base-color-scale-coral-5);
|
|
13944
|
-
--brand-Icon-color-green: var(--base-color-scale-green-6);
|
|
13945
|
-
--brand-Icon-color-gray: var(--base-color-scale-gray-6);
|
|
13946
|
-
--brand-Icon-color-indigo: var(--base-color-scale-indigo-5);
|
|
13947
|
-
--brand-Icon-color-lemon: var(--base-color-scale-lemon-5);
|
|
13948
|
-
--brand-Icon-color-lime: var(--base-color-scale-lime-5);
|
|
13949
|
-
--brand-Icon-color-orange: var(--base-color-scale-orange-5);
|
|
13950
|
-
--brand-Icon-color-pink: var(--base-color-scale-pink-5);
|
|
13951
|
-
--brand-Icon-color-purple: var(--base-color-scale-purple-5);
|
|
13952
|
-
--brand-Icon-color-red: var(--base-color-scale-red-5);
|
|
13953
|
-
--brand-Icon-color-teal: var(--base-color-scale-teal-5);
|
|
13954
|
-
--brand-Icon-color-yellow: var(--base-color-scale-yellow-5);
|
|
14479
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-teal___fntO4 {
|
|
14480
|
+
color: var(--brand-Pillar-icon-color-teal);
|
|
13955
14481
|
}
|
|
13956
14482
|
|
|
13957
|
-
|
|
13958
|
-
|
|
13959
|
-
--brand-Icon-background-blue: var(--base-color-scale-blue-8);
|
|
13960
|
-
--brand-Icon-background-coral: var(--base-color-scale-coral-8);
|
|
13961
|
-
--brand-Icon-background-green: var(--base-color-scale-green-8);
|
|
13962
|
-
--brand-Icon-background-gray: var(--base-color-scale-gray-6);
|
|
13963
|
-
--brand-Icon-background-indigo: var(--base-color-scale-indigo-8);
|
|
13964
|
-
--brand-Icon-background-lemon: var(--base-color-scale-lemon-8);
|
|
13965
|
-
--brand-Icon-background-lime: var(--base-color-scale-lime-8);
|
|
13966
|
-
--brand-Icon-background-orange: var(--base-color-scale-orange-8);
|
|
13967
|
-
--brand-Icon-background-pink: var(--base-color-scale-pink-8);
|
|
13968
|
-
--brand-Icon-background-purple: var(--base-color-scale-purple-8);
|
|
13969
|
-
--brand-Icon-background-red: var(--base-color-scale-red-8);
|
|
13970
|
-
--brand-Icon-background-teal: var(--base-color-scale-teal-8);
|
|
13971
|
-
--brand-Icon-background-yellow: var(--base-color-scale-yellow-8);
|
|
13972
|
-
--brand-Icon-color-default: var(--brand-color-text-default);
|
|
13973
|
-
--brand-Icon-color-blue: var(--base-color-scale-blue-2);
|
|
13974
|
-
--brand-Icon-color-coral: var(--base-color-scale-coral-2);
|
|
13975
|
-
--brand-Icon-color-green: var(--base-color-scale-green-2);
|
|
13976
|
-
--brand-Icon-color-gray: var(--base-color-scale-gray-2);
|
|
13977
|
-
--brand-Icon-color-indigo: var(--base-color-scale-indigo-2);
|
|
13978
|
-
--brand-Icon-color-lemon: var(--base-color-scale-lemon-2);
|
|
13979
|
-
--brand-Icon-color-lime: var(--base-color-scale-lime-2);
|
|
13980
|
-
--brand-Icon-color-orange: var(--base-color-scale-orange-2);
|
|
13981
|
-
--brand-Icon-color-pink: var(--base-color-scale-pink-2);
|
|
13982
|
-
--brand-Icon-color-purple: var(--base-color-scale-purple-2);
|
|
13983
|
-
--brand-Icon-color-red: var(--base-color-scale-red-2);
|
|
13984
|
-
--brand-Icon-color-teal: var(--base-color-scale-teal-2);
|
|
13985
|
-
--brand-Icon-color-yellow: var(--base-color-scale-yellow-2);
|
|
14483
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-yellow___xatJt {
|
|
14484
|
+
color: var(--brand-Pillar-icon-color-yellow);
|
|
13986
14485
|
}
|
|
13987
14486
|
|
|
13988
14487
|
/**
|
|
13989
14488
|
* Do not edit directly
|
|
13990
|
-
* Generated on Wed,
|
|
14489
|
+
* Generated on Wed, 15 Apr 2026 12:23:36 GMT
|
|
13991
14490
|
*/
|
|
13992
14491
|
|
|
13993
14492
|
:root {
|
|
13994
|
-
--brand-Card-animation-easing:
|
|
13995
|
-
--brand-Card-animation-duration:
|
|
14493
|
+
--brand-Card-animation-easing: cubic-bezier(0.01, 0.73, 0.08, 0.93);
|
|
14494
|
+
--brand-Card-animation-duration: 400ms;
|
|
13996
14495
|
--brand-Card-maxWidth: 26.25rem;
|
|
13997
14496
|
}
|
|
13998
14497
|
|
|
13999
14498
|
/**
|
|
14000
14499
|
* Do not edit directly
|
|
14001
|
-
* Generated on Wed,
|
|
14500
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
14002
14501
|
*/
|
|
14003
14502
|
|
|
14004
14503
|
:root,
|
|
14005
14504
|
[data-color-mode="light"] {
|
|
14006
14505
|
--brand-Card-background-default: var(--brand-color-canvas-default);
|
|
14506
|
+
--brand-Card-background-overlay: rgba(242, 245, 243, 0.2);
|
|
14007
14507
|
}
|
|
14008
14508
|
|
|
14009
14509
|
[data-color-mode="dark"] {
|
|
14010
|
-
--brand-Card-background-default: var(--brand-color-canvas-
|
|
14510
|
+
--brand-Card-background-default: var(--brand-color-canvas-default);
|
|
14511
|
+
--brand-Card-background-overlay: rgba(242, 245, 243, 0.05);
|
|
14011
14512
|
}
|
|
14012
14513
|
|
|
14013
14514
|
.Primer_Brand__Card-module__Card___ByGEk {
|
|
14515
|
+
/* Keeps the dynamic height row on the description slot in the default layout so variable-height content fills the card body. */
|
|
14516
|
+
--Card-grid-template-rows: auto auto auto auto auto auto 1fr auto;
|
|
14517
|
+
|
|
14014
14518
|
-webkit-text-decoration: none;
|
|
14519
|
+
|
|
14015
14520
|
text-decoration: none;
|
|
14016
14521
|
color: var(--brand-color-text-default);
|
|
14017
|
-
|
|
14522
|
+
|
|
14018
14523
|
transition: transform var(--brand-Card-animation-duration) var(--brand-Card-animation-easing);
|
|
14019
14524
|
padding: var(--base-size-32);
|
|
14020
14525
|
display: grid;
|
|
14021
14526
|
grid-template-columns: 1fr 1fr;
|
|
14022
14527
|
grid-template-areas:
|
|
14023
14528
|
'image image'
|
|
14529
|
+
'leadingVisual leadingVisual'
|
|
14024
14530
|
'icon icon'
|
|
14531
|
+
'tokens tokens'
|
|
14025
14532
|
'label label'
|
|
14026
14533
|
'heading heading'
|
|
14027
14534
|
'description description'
|
|
14028
14535
|
'action action';
|
|
14029
14536
|
flex: auto;
|
|
14030
|
-
grid-template-rows: auto auto auto auto 1fr;
|
|
14537
|
+
grid-template-rows: auto auto auto auto auto auto 1fr auto;
|
|
14538
|
+
grid-template-rows: var(--Card-grid-template-rows);
|
|
14031
14539
|
position: relative;
|
|
14032
14540
|
height: 100%;
|
|
14033
14541
|
}
|
|
@@ -14047,7 +14555,9 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14047
14555
|
grid-template-columns: 1fr;
|
|
14048
14556
|
grid-template-areas:
|
|
14049
14557
|
'image'
|
|
14558
|
+
'leadingVisual'
|
|
14050
14559
|
'icon'
|
|
14560
|
+
'tokens'
|
|
14051
14561
|
'label'
|
|
14052
14562
|
'heading'
|
|
14053
14563
|
'description'
|
|
@@ -14055,10 +14565,42 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14055
14565
|
justify-items: center;
|
|
14056
14566
|
}
|
|
14057
14567
|
|
|
14568
|
+
.Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M {
|
|
14569
|
+
/* Moves the dynamic height row from tokens back to description because the block-end layout places tokens below the body copy. */
|
|
14570
|
+
--Card-grid-template-rows: auto auto auto auto auto 1fr auto auto;
|
|
14571
|
+
|
|
14572
|
+
grid-template-areas:
|
|
14573
|
+
'image image'
|
|
14574
|
+
'leadingVisual leadingVisual'
|
|
14575
|
+
'icon icon'
|
|
14576
|
+
'label label'
|
|
14577
|
+
'heading heading'
|
|
14578
|
+
'description description'
|
|
14579
|
+
'tokens tokens'
|
|
14580
|
+
'action action';
|
|
14581
|
+
}
|
|
14582
|
+
|
|
14583
|
+
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M {
|
|
14584
|
+
grid-template-areas:
|
|
14585
|
+
'image'
|
|
14586
|
+
'leadingVisual'
|
|
14587
|
+
'icon'
|
|
14588
|
+
'label'
|
|
14589
|
+
'heading'
|
|
14590
|
+
'description'
|
|
14591
|
+
'tokens'
|
|
14592
|
+
'action';
|
|
14593
|
+
}
|
|
14594
|
+
|
|
14058
14595
|
/** Block end image position option */
|
|
14059
14596
|
.Primer_Brand__Card-module__Card--imagePos-block-end___I2w2f {
|
|
14597
|
+
/* Moves the dynamic height row from action back to description because the image is rendered after the content in this layout. */
|
|
14598
|
+
--Card-grid-template-rows: auto auto auto auto auto 1fr auto auto;
|
|
14599
|
+
|
|
14060
14600
|
grid-template-areas:
|
|
14601
|
+
'leadingVisual leadingVisual'
|
|
14061
14602
|
'icon icon'
|
|
14603
|
+
'tokens tokens'
|
|
14062
14604
|
'label label'
|
|
14063
14605
|
'heading heading'
|
|
14064
14606
|
'description description'
|
|
@@ -14068,14 +14610,47 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14068
14610
|
|
|
14069
14611
|
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card--imagePos-block-end___I2w2f {
|
|
14070
14612
|
grid-template-areas:
|
|
14613
|
+
'leadingVisual'
|
|
14614
|
+
'icon'
|
|
14615
|
+
'tokens'
|
|
14616
|
+
'label'
|
|
14617
|
+
'heading'
|
|
14618
|
+
'description'
|
|
14619
|
+
'action'
|
|
14620
|
+
'image';
|
|
14621
|
+
}
|
|
14622
|
+
|
|
14623
|
+
.Primer_Brand__Card-module__Card--imagePos-block-end___I2w2f.Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M {
|
|
14624
|
+
/* Moves the dynamic height row from tokens back to description because both the tokens and image are rendered after the body copy here. */
|
|
14625
|
+
--Card-grid-template-rows: auto auto auto auto 1fr auto auto auto;
|
|
14626
|
+
|
|
14627
|
+
grid-template-areas:
|
|
14628
|
+
'leadingVisual leadingVisual'
|
|
14629
|
+
'icon icon'
|
|
14630
|
+
'label label'
|
|
14631
|
+
'heading heading'
|
|
14632
|
+
'description description'
|
|
14633
|
+
'tokens tokens'
|
|
14634
|
+
'action action'
|
|
14635
|
+
'image image';
|
|
14636
|
+
}
|
|
14637
|
+
|
|
14638
|
+
.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 {
|
|
14639
|
+
grid-template-areas:
|
|
14640
|
+
'leadingVisual'
|
|
14071
14641
|
'icon'
|
|
14072
14642
|
'label'
|
|
14073
14643
|
'heading'
|
|
14074
14644
|
'description'
|
|
14645
|
+
'tokens'
|
|
14075
14646
|
'action'
|
|
14076
14647
|
'image';
|
|
14077
14648
|
}
|
|
14078
14649
|
|
|
14650
|
+
.Primer_Brand__Card-module__Card--hasLeadingVisual___JnH6q {
|
|
14651
|
+
padding: var(--base-size-64) var(--base-size-40);
|
|
14652
|
+
}
|
|
14653
|
+
|
|
14079
14654
|
.Primer_Brand__Card-module__Card--imagePos-block-end___I2w2f .Primer_Brand__Card-module__Card__image___zt4oH {
|
|
14080
14655
|
margin-bottom: 0;
|
|
14081
14656
|
margin-top: var(--base-size-28);
|
|
@@ -14098,11 +14673,18 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14098
14673
|
padding: 0;
|
|
14099
14674
|
}
|
|
14100
14675
|
|
|
14101
|
-
.Primer_Brand__Card-module__Card--variant-default___nSKnF
|
|
14102
|
-
.Primer_Brand__Card-module__Card--variant-torchlight___AFyIF.Primer_Brand__Card-module__Card--colorMode-light___LXDwj {
|
|
14676
|
+
.Primer_Brand__Card-module__Card--variant-default___nSKnF {
|
|
14103
14677
|
background-color: var(--brand-Card-background-default);
|
|
14104
14678
|
}
|
|
14105
14679
|
|
|
14680
|
+
.Primer_Brand__Card-module__Card--variant-default___nSKnF.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa {
|
|
14681
|
+
background-color: transparent;
|
|
14682
|
+
}
|
|
14683
|
+
|
|
14684
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa {
|
|
14685
|
+
--Card-arrowAction-endInset: var(--base-size-40);
|
|
14686
|
+
}
|
|
14687
|
+
|
|
14106
14688
|
.Primer_Brand__Card-module__Card___ByGEk:hover {
|
|
14107
14689
|
-webkit-text-decoration: none;
|
|
14108
14690
|
text-decoration: none;
|
|
@@ -14155,11 +14737,11 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14155
14737
|
|
|
14156
14738
|
.Primer_Brand__Card-module__Card--border___nNZlZ {
|
|
14157
14739
|
border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
|
|
14740
|
+
border-radius: var(--brand-borderRadius-medium);
|
|
14158
14741
|
}
|
|
14159
14742
|
|
|
14160
14743
|
.Primer_Brand__Card-module__Card__outer___QBN0D {
|
|
14161
14744
|
height: 100%;
|
|
14162
|
-
border-radius: var(--brand-borderRadius-xlarge);
|
|
14163
14745
|
}
|
|
14164
14746
|
|
|
14165
14747
|
.Primer_Brand__Card-module__Card__outer___QBN0D:has(.Primer_Brand__Card-module__Card--variant-minimal___lq45H) {
|
|
@@ -14176,34 +14758,12 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14176
14758
|
); /* This value is adjusted so that, when combined with the container's border radius, the total border radius equals `var(--brand-borderRadius-medium)` */
|
|
14177
14759
|
}
|
|
14178
14760
|
|
|
14179
|
-
.Primer_Brand__Card-module__Card--
|
|
14180
|
-
grid-template-areas:
|
|
14181
|
-
'image image'
|
|
14182
|
-
'icon label'
|
|
14183
|
-
'heading heading'
|
|
14184
|
-
'description description'
|
|
14185
|
-
'action action';
|
|
14186
|
-
}
|
|
14187
|
-
|
|
14188
|
-
.Primer_Brand__Card-module__Card--icon___nVz0T .Primer_Brand__Card-module__Card__label___EAot7 {
|
|
14189
|
-
justify-self: flex-end;
|
|
14190
|
-
}
|
|
14191
|
-
|
|
14192
|
-
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card--icon___nVz0T .Primer_Brand__Card-module__Card__label___EAot7 {
|
|
14193
|
-
justify-self: center;
|
|
14194
|
-
}
|
|
14195
|
-
|
|
14196
|
-
.Primer_Brand__Card-module__Card--icon___nVz0T .Primer_Brand__Card-module__Card__label___EAot7,
|
|
14197
|
-
.Primer_Brand__Card-module__Card--icon___nVz0T .Primer_Brand__Card-module__Card__icon___H4tc9 {
|
|
14198
|
-
align-self: center;
|
|
14199
|
-
}
|
|
14200
|
-
|
|
14201
|
-
.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 {
|
|
14761
|
+
.Primer_Brand__Card-module__Card___ByGEk:not(.Primer_Brand__Card-module__Card--disableAnimation___Zv8eW):hover {
|
|
14202
14762
|
transform: scale3d(1.025, 1.025, 1);
|
|
14203
14763
|
}
|
|
14204
14764
|
|
|
14205
14765
|
.Primer_Brand__Card-module__Card__image___zt4oH {
|
|
14206
|
-
margin-
|
|
14766
|
+
margin-block-end: var(--base-size-28);
|
|
14207
14767
|
border-radius: var(--brand-borderRadius-medium);
|
|
14208
14768
|
overflow: hidden;
|
|
14209
14769
|
grid-area: image;
|
|
@@ -14215,31 +14775,146 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14215
14775
|
display: block;
|
|
14216
14776
|
}
|
|
14217
14777
|
|
|
14778
|
+
.Primer_Brand__Card-module__Card__leadingVisual___hyXFF {
|
|
14779
|
+
margin-block-end: var(--base-size-36);
|
|
14780
|
+
display: flex;
|
|
14781
|
+
align-items: center;
|
|
14782
|
+
grid-area: leadingVisual;
|
|
14783
|
+
}
|
|
14784
|
+
|
|
14785
|
+
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card__leadingVisual___hyXFF {
|
|
14786
|
+
justify-content: center;
|
|
14787
|
+
}
|
|
14788
|
+
|
|
14789
|
+
.Primer_Brand__Card-module__Card__leadingVisualItem___T7Ut8 {
|
|
14790
|
+
display: block;
|
|
14791
|
+
max-width: 100%;
|
|
14792
|
+
height: var(--base-size-40);
|
|
14793
|
+
width: auto;
|
|
14794
|
+
}
|
|
14795
|
+
|
|
14218
14796
|
.Primer_Brand__Card-module__Card__icon___H4tc9 {
|
|
14219
14797
|
margin-bottom: var(--base-size-24);
|
|
14220
14798
|
grid-area: icon;
|
|
14221
14799
|
}
|
|
14222
14800
|
|
|
14801
|
+
.Primer_Brand__Card-module__Card__tokens___eYuJh {
|
|
14802
|
+
display: flex;
|
|
14803
|
+
flex-wrap: wrap;
|
|
14804
|
+
gap: var(--base-size-8);
|
|
14805
|
+
grid-area: tokens;
|
|
14806
|
+
margin-bottom: var(--base-size-20);
|
|
14807
|
+
}
|
|
14808
|
+
|
|
14809
|
+
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card__tokens___eYuJh {
|
|
14810
|
+
justify-content: center;
|
|
14811
|
+
}
|
|
14812
|
+
|
|
14813
|
+
.Primer_Brand__Card-module__Card__tokens--position-block-end___jQn1b {
|
|
14814
|
+
margin-block-start: var(--base-size-20);
|
|
14815
|
+
margin-block-end: 0;
|
|
14816
|
+
}
|
|
14817
|
+
|
|
14223
14818
|
.Primer_Brand__Card-module__Card__label___EAot7 {
|
|
14224
|
-
margin-
|
|
14819
|
+
margin-block-end: var(--base-size-20);
|
|
14225
14820
|
grid-area: label;
|
|
14226
14821
|
}
|
|
14227
14822
|
|
|
14228
14823
|
.Primer_Brand__Card-module__Card__heading___INFhp {
|
|
14229
|
-
margin-
|
|
14824
|
+
margin-block-end: var(--base-size-20);
|
|
14230
14825
|
grid-area: heading;
|
|
14231
14826
|
}
|
|
14232
14827
|
|
|
14233
|
-
.Primer_Brand__Card-module__Card__description___KN9CH {
|
|
14234
|
-
margin-
|
|
14235
|
-
grid-area: description;
|
|
14828
|
+
.Primer_Brand__Card-module__Card__description___KN9CH {
|
|
14829
|
+
margin-block-end: var(--base-size-32);
|
|
14830
|
+
grid-area: description;
|
|
14831
|
+
}
|
|
14832
|
+
|
|
14833
|
+
.Primer_Brand__Card-module__Card__action___C6sRY {
|
|
14834
|
+
grid-area: action;
|
|
14835
|
+
margin-block-start: auto;
|
|
14836
|
+
display: inline-flex;
|
|
14837
|
+
align-items: center;
|
|
14838
|
+
max-inline-size: 100%;
|
|
14839
|
+
pointer-events: none;
|
|
14840
|
+
}
|
|
14841
|
+
|
|
14842
|
+
.Primer_Brand__Card-module__Card__actionIcon___RkX8K {
|
|
14843
|
+
display: inline-flex;
|
|
14844
|
+
align-items: center;
|
|
14845
|
+
justify-content: center;
|
|
14846
|
+
flex-shrink: 0;
|
|
14847
|
+
}
|
|
14848
|
+
|
|
14849
|
+
.Primer_Brand__Card-module__Card__actionLabel___nT5Pl {
|
|
14850
|
+
display: block;
|
|
14851
|
+
min-inline-size: 0;
|
|
14852
|
+
overflow: hidden;
|
|
14853
|
+
text-overflow: ellipsis;
|
|
14854
|
+
white-space: nowrap;
|
|
14855
|
+
}
|
|
14856
|
+
|
|
14857
|
+
.Primer_Brand__Card-module__Card__actionLabelClip___XkCTY {
|
|
14858
|
+
--actionLabelClip-duration: 400ms;
|
|
14859
|
+
display: inline-flex;
|
|
14860
|
+
flex: 1 1 auto;
|
|
14861
|
+
align-items: center;
|
|
14862
|
+
align-self: stretch;
|
|
14863
|
+
min-inline-size: 0;
|
|
14864
|
+
overflow: hidden;
|
|
14865
|
+
max-inline-size: 0;
|
|
14866
|
+
background-color: transparent;
|
|
14867
|
+
opacity: 0;
|
|
14868
|
+
transform: translateX(calc(var(--base-size-12) * -1));
|
|
14869
|
+
transition: max-inline-size 400ms var(--brand-Card-animation-easing),
|
|
14870
|
+
opacity 400ms ease-out, transform 400ms ease-out,
|
|
14871
|
+
margin-inline 400ms ease-out, padding-inline 400ms ease-out;
|
|
14872
|
+
transition: max-inline-size var(--actionLabelClip-duration) var(--brand-Card-animation-easing),
|
|
14873
|
+
opacity var(--actionLabelClip-duration) ease-out, transform var(--actionLabelClip-duration) ease-out,
|
|
14874
|
+
margin-inline var(--actionLabelClip-duration) ease-out, padding-inline var(--actionLabelClip-duration) ease-out;
|
|
14875
|
+
}
|
|
14876
|
+
|
|
14877
|
+
.Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M .Primer_Brand__Card-module__Card__action___C6sRY {
|
|
14878
|
+
margin-block-start: var(--base-size-20);
|
|
14879
|
+
}
|
|
14880
|
+
|
|
14881
|
+
.Primer_Brand__Card-module__Card__action--arrowOnly____4i56 {
|
|
14882
|
+
--actionArrow-duration: 300ms;
|
|
14883
|
+
|
|
14884
|
+
margin-block-start: var(--base-size-20);
|
|
14885
|
+
min-height: var(--base-size-40);
|
|
14886
|
+
width: -moz-fit-content;
|
|
14887
|
+
width: fit-content;
|
|
14888
|
+
min-inline-size: 0;
|
|
14889
|
+
max-inline-size: calc(100% - var(--Card-arrowAction-endInset));
|
|
14890
|
+
justify-content: flex-start;
|
|
14891
|
+
-moz-column-gap: 0;
|
|
14892
|
+
column-gap: 0;
|
|
14893
|
+
padding-block: var(--base-size-4);
|
|
14894
|
+
padding-inline: 0;
|
|
14895
|
+
border: var(--brand-borderWidth-thin) solid transparent;
|
|
14896
|
+
border-radius: var(--brand-borderRadius-full);
|
|
14897
|
+
background-color: transparent;
|
|
14898
|
+
flex-shrink: 0;
|
|
14899
|
+
overflow: hidden;
|
|
14900
|
+
transition: border-color 300ms ease-out, background-color 300ms ease-out,
|
|
14901
|
+
column-gap 300ms ease-out, padding-inline 300ms ease-out;
|
|
14902
|
+
transition: border-color 300ms ease-out, background-color 300ms ease-out,
|
|
14903
|
+
column-gap 300ms ease-out, padding-inline 300ms ease-out, -moz-column-gap 300ms ease-out;
|
|
14904
|
+
transition: border-color var(--actionArrow-duration) ease-out, background-color var(--actionArrow-duration) ease-out,
|
|
14905
|
+
column-gap var(--actionArrow-duration) ease-out, padding-inline var(--actionArrow-duration) ease-out;
|
|
14906
|
+
transition: border-color var(--actionArrow-duration) ease-out, background-color var(--actionArrow-duration) ease-out,
|
|
14907
|
+
column-gap var(--actionArrow-duration) ease-out, padding-inline var(--actionArrow-duration) ease-out, -moz-column-gap var(--actionArrow-duration) ease-out;
|
|
14236
14908
|
}
|
|
14237
14909
|
|
|
14238
|
-
.Primer_Brand__Card-
|
|
14239
|
-
|
|
14240
|
-
|
|
14241
|
-
|
|
14242
|
-
|
|
14910
|
+
.Primer_Brand__Card-module__Card__actionIcon--arrowOnly___Vi3cC {
|
|
14911
|
+
width: var(--base-size-32);
|
|
14912
|
+
min-width: var(--base-size-32);
|
|
14913
|
+
height: var(--base-size-32);
|
|
14914
|
+
min-height: var(--base-size-32);
|
|
14915
|
+
border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
|
|
14916
|
+
border-radius: var(--brand-borderRadius-full);
|
|
14917
|
+
background-color: var(--brand-color-canvas-default);
|
|
14243
14918
|
}
|
|
14244
14919
|
|
|
14245
14920
|
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card__action___C6sRY {
|
|
@@ -14251,10 +14926,9 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14251
14926
|
color: var(--brand-Link-color-accent);
|
|
14252
14927
|
}
|
|
14253
14928
|
|
|
14254
|
-
.Primer_Brand__Card-
|
|
14255
|
-
|
|
14256
|
-
|
|
14257
|
-
overflow: hidden;
|
|
14929
|
+
.Primer_Brand__Card-module__Card__action___C6sRY,
|
|
14930
|
+
.Primer_Brand__Card-module__Card__action___C6sRY * {
|
|
14931
|
+
cursor: inherit;
|
|
14258
14932
|
}
|
|
14259
14933
|
|
|
14260
14934
|
.Primer_Brand__Card-module__Card--skew___pEeoW:focus-within {
|
|
@@ -14295,11 +14969,83 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14295
14969
|
margin-inline-start: var(--base-size-4);
|
|
14296
14970
|
}
|
|
14297
14971
|
|
|
14298
|
-
.Primer_Brand__Card-
|
|
14299
|
-
|
|
14972
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ {
|
|
14973
|
+
--ExpandableArrow-duration: var(--brand-Card-animation-duration);
|
|
14974
|
+
--ExpandableArrow-easing: var(--brand-Card-animation-easing);
|
|
14975
|
+
}
|
|
14976
|
+
|
|
14977
|
+
.Primer_Brand__Card-module__Card__actionIcon--arrowOnly___Vi3cC .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ {
|
|
14978
|
+
margin-inline-start: 0;
|
|
14979
|
+
}
|
|
14980
|
+
|
|
14981
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa .Primer_Brand__Card-module__Card__description___KN9CH {
|
|
14982
|
+
margin-bottom: var(--base-size-12);
|
|
14983
|
+
}
|
|
14984
|
+
|
|
14985
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:not(.Primer_Brand__Card-module__Card--disableAnimation___Zv8eW):hover {
|
|
14986
|
+
transform: none;
|
|
14987
|
+
}
|
|
14988
|
+
|
|
14989
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa .Primer_Brand__Card-module__Card__action___C6sRY {
|
|
14990
|
+
min-inline-size: 0;
|
|
14991
|
+
justify-self: start;
|
|
14992
|
+
}
|
|
14993
|
+
|
|
14994
|
+
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa .Primer_Brand__Card-module__Card__action___C6sRY {
|
|
14995
|
+
justify-self: center;
|
|
14996
|
+
}
|
|
14997
|
+
|
|
14998
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:focus-within .Primer_Brand__Card-module__Card__action--arrowOnly____4i56 {
|
|
14999
|
+
-moz-column-gap: var(--base-size-8);
|
|
15000
|
+
column-gap: var(--base-size-8);
|
|
15001
|
+
padding-inline-start: var(--base-size-12);
|
|
15002
|
+
padding-inline-end: var(--base-size-4);
|
|
15003
|
+
border-color: var(--brand-color-border-default);
|
|
15004
|
+
background-color: var(--brand-Card-background-overlay);
|
|
15005
|
+
}
|
|
15006
|
+
|
|
15007
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:hover .Primer_Brand__Card-module__Card__action--arrowOnly____4i56 {
|
|
15008
|
+
-moz-column-gap: var(--base-size-8);
|
|
15009
|
+
column-gap: var(--base-size-8);
|
|
15010
|
+
padding-inline-start: var(--base-size-12);
|
|
15011
|
+
padding-inline-end: var(--base-size-4);
|
|
15012
|
+
border-color: var(--brand-color-border-default);
|
|
15013
|
+
background-color: var(--brand-Card-background-overlay);
|
|
15014
|
+
}
|
|
15015
|
+
|
|
15016
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:focus-within .Primer_Brand__Card-module__Card__actionLabelClip___XkCTY {
|
|
15017
|
+
max-inline-size: 100%;
|
|
15018
|
+
opacity: 1;
|
|
15019
|
+
transform: translateX(0);
|
|
15020
|
+
margin-inline-start: calc(var(--base-size-12) * -1);
|
|
15021
|
+
margin-inline-end: 0;
|
|
15022
|
+
padding-inline-start: var(--base-size-12);
|
|
15023
|
+
padding-inline-end: var(--base-size-4);
|
|
15024
|
+
}
|
|
15025
|
+
|
|
15026
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:hover .Primer_Brand__Card-module__Card__actionLabelClip___XkCTY {
|
|
15027
|
+
max-inline-size: 100%;
|
|
15028
|
+
opacity: 1;
|
|
15029
|
+
transform: translateX(0);
|
|
15030
|
+
margin-inline-start: calc(var(--base-size-12) * -1);
|
|
15031
|
+
margin-inline-end: 0;
|
|
15032
|
+
padding-inline-start: var(--base-size-12);
|
|
15033
|
+
padding-inline-end: var(--base-size-4);
|
|
15034
|
+
}
|
|
15035
|
+
|
|
15036
|
+
.Primer_Brand__Card-module__Card___ByGEk:focus-within .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ {
|
|
15037
|
+
transform: translateX(var(--base-size-2));
|
|
15038
|
+
}
|
|
15039
|
+
|
|
15040
|
+
.Primer_Brand__Card-module__Card___ByGEk:hover .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ {
|
|
15041
|
+
transform: translateX(var(--base-size-2));
|
|
15042
|
+
}
|
|
15043
|
+
|
|
15044
|
+
.Primer_Brand__Card-module__Card___ByGEk:hover .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ path:nth-of-type(2) {
|
|
15045
|
+
stroke-dashoffset: 20;
|
|
14300
15046
|
}
|
|
14301
15047
|
|
|
14302
|
-
.Primer_Brand__Card-module__Card___ByGEk:
|
|
15048
|
+
.Primer_Brand__Card-module__Card___ByGEk:focus-within .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ path:nth-of-type(2) {
|
|
14303
15049
|
stroke-dashoffset: 20;
|
|
14304
15050
|
}
|
|
14305
15051
|
|
|
@@ -14353,10 +15099,11 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14353
15099
|
}
|
|
14354
15100
|
|
|
14355
15101
|
.Primer_Brand__SectionIntro-module__SectionIntro-label___ZjciO {
|
|
14356
|
-
margin-block-end: var(--base-size-
|
|
15102
|
+
margin-block-end: var(--base-size-2);
|
|
14357
15103
|
}
|
|
14358
15104
|
|
|
14359
15105
|
.Primer_Brand__SectionIntro-module__SectionIntro-description___Sz93l {
|
|
15106
|
+
padding-block-start: var(--base-size-2);
|
|
14360
15107
|
max-width: 50ch;
|
|
14361
15108
|
}
|
|
14362
15109
|
|
|
@@ -14366,7 +15113,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14366
15113
|
|
|
14367
15114
|
/**
|
|
14368
15115
|
* Do not edit directly
|
|
14369
|
-
* Generated on Wed,
|
|
15116
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
14370
15117
|
*/
|
|
14371
15118
|
|
|
14372
15119
|
:root,
|
|
@@ -15207,7 +15954,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15207
15954
|
|
|
15208
15955
|
/**
|
|
15209
15956
|
* Do not edit directly
|
|
15210
|
-
* Generated on Wed,
|
|
15957
|
+
* Generated on Wed, 15 Apr 2026 12:23:36 GMT
|
|
15211
15958
|
*/
|
|
15212
15959
|
|
|
15213
15960
|
:root {
|
|
@@ -15218,7 +15965,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15218
15965
|
|
|
15219
15966
|
/**
|
|
15220
15967
|
* Do not edit directly
|
|
15221
|
-
* Generated on Wed,
|
|
15968
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
15222
15969
|
*/
|
|
15223
15970
|
|
|
15224
15971
|
:root,
|
|
@@ -15717,7 +16464,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15717
16464
|
|
|
15718
16465
|
/**
|
|
15719
16466
|
* Do not edit directly
|
|
15720
|
-
* Generated on Wed,
|
|
16467
|
+
* Generated on Wed, 15 Apr 2026 12:23:36 GMT
|
|
15721
16468
|
*/
|
|
15722
16469
|
|
|
15723
16470
|
:root {
|
|
@@ -15737,7 +16484,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15737
16484
|
|
|
15738
16485
|
/**
|
|
15739
16486
|
* Do not edit directly
|
|
15740
|
-
* Generated on Wed,
|
|
16487
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
15741
16488
|
*/
|
|
15742
16489
|
|
|
15743
16490
|
:root,
|
|
@@ -15773,7 +16520,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15773
16520
|
|
|
15774
16521
|
/**
|
|
15775
16522
|
* Do not edit directly
|
|
15776
|
-
* Generated on Wed,
|
|
16523
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
15777
16524
|
*/
|
|
15778
16525
|
|
|
15779
16526
|
:root,
|
|
@@ -15797,7 +16544,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15797
16544
|
|
|
15798
16545
|
/**
|
|
15799
16546
|
* Do not edit directly
|
|
15800
|
-
* Generated on Wed,
|
|
16547
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
15801
16548
|
*/
|
|
15802
16549
|
|
|
15803
16550
|
:root {
|
|
@@ -16273,7 +17020,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
16273
17020
|
|
|
16274
17021
|
/**
|
|
16275
17022
|
* Do not edit directly
|
|
16276
|
-
* Generated on Wed,
|
|
17023
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
16277
17024
|
*/
|
|
16278
17025
|
|
|
16279
17026
|
:root,
|
|
@@ -16287,7 +17034,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
16287
17034
|
|
|
16288
17035
|
/**
|
|
16289
17036
|
* Do not edit directly
|
|
16290
|
-
* Generated on Wed,
|
|
17037
|
+
* Generated on Wed, 15 Apr 2026 12:23:36 GMT
|
|
16291
17038
|
*/
|
|
16292
17039
|
|
|
16293
17040
|
:root {
|
|
@@ -16301,7 +17048,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
16301
17048
|
|
|
16302
17049
|
/**
|
|
16303
17050
|
* Do not edit directly
|
|
16304
|
-
* Generated on Wed,
|
|
17051
|
+
* Generated on Wed, 15 Apr 2026 12:23:36 GMT
|
|
16305
17052
|
*/
|
|
16306
17053
|
|
|
16307
17054
|
:root {
|
|
@@ -18477,7 +19224,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18477
19224
|
|
|
18478
19225
|
/**
|
|
18479
19226
|
* Do not edit directly
|
|
18480
|
-
* Generated on Wed,
|
|
19227
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
18481
19228
|
*/
|
|
18482
19229
|
|
|
18483
19230
|
:root {
|
|
@@ -18501,7 +19248,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18501
19248
|
|
|
18502
19249
|
/**
|
|
18503
19250
|
* Do not edit directly
|
|
18504
|
-
* Generated on Wed,
|
|
19251
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
18505
19252
|
*/
|
|
18506
19253
|
|
|
18507
19254
|
:root,
|
|
@@ -18936,7 +19683,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18936
19683
|
|
|
18937
19684
|
/**
|
|
18938
19685
|
* Do not edit directly
|
|
18939
|
-
* Generated on Wed,
|
|
19686
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
18940
19687
|
*/
|
|
18941
19688
|
|
|
18942
19689
|
:root {
|
|
@@ -18952,7 +19699,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18952
19699
|
|
|
18953
19700
|
/**
|
|
18954
19701
|
* Do not edit directly
|
|
18955
|
-
* Generated on Wed,
|
|
19702
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
18956
19703
|
*/
|
|
18957
19704
|
|
|
18958
19705
|
:root,
|
|
@@ -18979,9 +19726,11 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18979
19726
|
.Primer_Brand__PricingOptions-module__PricingOptions___hjzt8 {
|
|
18980
19727
|
--brand-pricing-options-item-gap: var(--brand-PricingOptions-items-gap);
|
|
18981
19728
|
--brand-pricing-options-container-padding-inline: 0;
|
|
19729
|
+
--brand-pricing-options-column-count: 1;
|
|
18982
19730
|
|
|
18983
19731
|
/* prettier-ignore */
|
|
18984
19732
|
--brand-pricing-options-template-areas:
|
|
19733
|
+
'labels'
|
|
18985
19734
|
'leadingComponent'
|
|
18986
19735
|
'header'
|
|
18987
19736
|
'description'
|
|
@@ -19010,13 +19759,159 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19010
19759
|
@media (min-width: 63.25rem) {
|
|
19011
19760
|
.Primer_Brand__PricingOptions-module__PricingOptions___hjzt8 {
|
|
19012
19761
|
grid-template-areas: var(--brand-pricing-options-template-areas);
|
|
19013
|
-
grid-template-columns: repeat(
|
|
19762
|
+
grid-template-columns: repeat(var(--brand-pricing-options-column-count), minmax(0, 1fr));
|
|
19014
19763
|
-moz-column-gap: 0;
|
|
19015
19764
|
column-gap: 0;
|
|
19016
19765
|
-moz-column-gap: var(--brand-pricing-options-item-gap, 0);
|
|
19017
19766
|
column-gap: var(--brand-pricing-options-item-gap, 0);
|
|
19018
19767
|
row-gap: 0;
|
|
19019
19768
|
}
|
|
19769
|
+
|
|
19770
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--items1___Do94G {
|
|
19771
|
+
--brand-pricing-options-column-count: 1;
|
|
19772
|
+
}
|
|
19773
|
+
|
|
19774
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--items2___Z08y5 {
|
|
19775
|
+
--brand-pricing-options-column-count: 2;
|
|
19776
|
+
}
|
|
19777
|
+
|
|
19778
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--items3___u4TM8 {
|
|
19779
|
+
--brand-pricing-options-column-count: 3;
|
|
19780
|
+
}
|
|
19781
|
+
|
|
19782
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--items4___FgRN3 {
|
|
19783
|
+
--brand-pricing-options-column-count: 4;
|
|
19784
|
+
}
|
|
19785
|
+
}
|
|
19786
|
+
|
|
19787
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw {
|
|
19788
|
+
display: none;
|
|
19789
|
+
}
|
|
19790
|
+
|
|
19791
|
+
@media (min-width: 63.25rem) {
|
|
19792
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw {
|
|
19793
|
+
--brand-pricing-options-column-count: 1;
|
|
19794
|
+
|
|
19795
|
+
display: grid;
|
|
19796
|
+
grid-column: 1 / -1;
|
|
19797
|
+
grid-row: labels;
|
|
19798
|
+
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
19799
|
+
grid-template-columns: repeat(var(--brand-pricing-options-column-count), minmax(0, 1fr));
|
|
19800
|
+
grid-column-gap: 0;
|
|
19801
|
+
grid-column-gap: var(--brand-pricing-options-item-gap, 0);
|
|
19802
|
+
-moz-column-gap: 0;
|
|
19803
|
+
column-gap: 0;
|
|
19804
|
+
-moz-column-gap: var(--brand-pricing-options-item-gap, 0);
|
|
19805
|
+
column-gap: var(--brand-pricing-options-item-gap, 0);
|
|
19806
|
+
}
|
|
19807
|
+
|
|
19808
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM {
|
|
19809
|
+
position: relative;
|
|
19810
|
+
display: flex;
|
|
19811
|
+
align-items: center;
|
|
19812
|
+
min-height: var(--base-size-54);
|
|
19813
|
+
padding-block: var(--base-size-16);
|
|
19814
|
+
background-color: var(--brand-PricingOptions-item-bgColor-solid);
|
|
19815
|
+
}
|
|
19816
|
+
|
|
19817
|
+
/* Accent top border — uses ::after so it can overflow into the column gap */
|
|
19818
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI::after {
|
|
19819
|
+
content: '';
|
|
19820
|
+
position: absolute;
|
|
19821
|
+
inset-block-start: 0;
|
|
19822
|
+
inset-inline-start: calc(0px / 2 * -1);
|
|
19823
|
+
inset-inline-start: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);
|
|
19824
|
+
inset-inline-end: calc(0px / 2 * -1);
|
|
19825
|
+
inset-inline-end: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);
|
|
19826
|
+
height: var(--brand-borderWidth-thin);
|
|
19827
|
+
background-color: var(--brand-color-text-emphasized);
|
|
19828
|
+
}
|
|
19829
|
+
|
|
19830
|
+
/* First cell: don't overflow past container start (cards override below) */
|
|
19831
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI:first-child::after {
|
|
19832
|
+
inset-inline-start: 0;
|
|
19833
|
+
}
|
|
19834
|
+
|
|
19835
|
+
/* Last cell: don't overflow past container end (cards override below) */
|
|
19836
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI:last-child::after {
|
|
19837
|
+
inset-inline-end: 0;
|
|
19838
|
+
}
|
|
19839
|
+
|
|
19840
|
+
/* Default layout: extend accent border into container padding to reach the container edge */
|
|
19841
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI:first-child::after {
|
|
19842
|
+
inset-inline-start: calc(0px * -1);
|
|
19843
|
+
inset-inline-start: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
|
|
19844
|
+
}
|
|
19845
|
+
|
|
19846
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI:last-child::after {
|
|
19847
|
+
inset-inline-end: calc(0px * -1);
|
|
19848
|
+
inset-inline-end: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
|
|
19849
|
+
}
|
|
19850
|
+
|
|
19851
|
+
/* ---- Default layout labels ---- */
|
|
19852
|
+
|
|
19853
|
+
/* Continuous bottom border across entire labels row — uses ::after to extend into container padding */
|
|
19854
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw {
|
|
19855
|
+
position: relative;
|
|
19856
|
+
}
|
|
19857
|
+
|
|
19858
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw::after {
|
|
19859
|
+
content: '';
|
|
19860
|
+
position: absolute;
|
|
19861
|
+
inset-block-end: 0;
|
|
19862
|
+
inset-inline-start: calc(0px * -1);
|
|
19863
|
+
inset-inline-start: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
|
|
19864
|
+
inset-inline-end: calc(0px * -1);
|
|
19865
|
+
inset-inline-end: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
|
|
19866
|
+
height: var(--brand-borderWidth-thin);
|
|
19867
|
+
background-color: var(--brand-color-border-subtle);
|
|
19868
|
+
}
|
|
19869
|
+
|
|
19870
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM {
|
|
19871
|
+
padding-inline: 0;
|
|
19872
|
+
}
|
|
19873
|
+
|
|
19874
|
+
/* Empty cells: transparent bg/borders but structurally visible so dividers show */
|
|
19875
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--empty___SSWHp {
|
|
19876
|
+
background-color: transparent;
|
|
19877
|
+
border-block-start-color: transparent;
|
|
19878
|
+
}
|
|
19879
|
+
|
|
19880
|
+
/* Vertical dividers between label cells, centered in the gap */
|
|
19881
|
+
.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 {
|
|
19882
|
+
content: '';
|
|
19883
|
+
position: absolute;
|
|
19884
|
+
inset-block: 0;
|
|
19885
|
+
width: var(--brand-borderWidth-thin);
|
|
19886
|
+
inset-inline-start: calc(var(--brand-pricing-options-item-gap) / 2 * -1);
|
|
19887
|
+
background-color: var(--brand-color-border-subtle);
|
|
19888
|
+
}
|
|
19889
|
+
|
|
19890
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___kcYQZ
|
|
19891
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM
|
|
19892
|
+
+ .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM::before {
|
|
19893
|
+
-webkit-mask-image: var(--brand-PricingOptions-borderMask);
|
|
19894
|
+
mask-image: var(--brand-PricingOptions-borderMask);
|
|
19895
|
+
}
|
|
19896
|
+
|
|
19897
|
+
/* ---- Cards layout labels ---- */
|
|
19898
|
+
|
|
19899
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM {
|
|
19900
|
+
padding-inline: var(--base-size-28);
|
|
19901
|
+
border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);
|
|
19902
|
+
/* border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted); */
|
|
19903
|
+
}
|
|
19904
|
+
|
|
19905
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--empty___SSWHp {
|
|
19906
|
+
opacity: 0;
|
|
19907
|
+
pointer-events: none;
|
|
19908
|
+
}
|
|
19909
|
+
|
|
19910
|
+
/* Cards: keep accent border inside the card boundary */
|
|
19911
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI::after {
|
|
19912
|
+
inset-inline-start: 0;
|
|
19913
|
+
inset-inline-end: 0;
|
|
19914
|
+
}
|
|
19020
19915
|
}
|
|
19021
19916
|
|
|
19022
19917
|
/* ---------------------------------------------------------- */
|
|
@@ -19025,11 +19920,10 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19025
19920
|
|
|
19026
19921
|
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 {
|
|
19027
19922
|
position: relative;
|
|
19028
|
-
border-radius: var(--brand-borderRadius-xlarge);
|
|
19029
19923
|
}
|
|
19030
19924
|
|
|
19031
19925
|
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-solid___S7wHh {
|
|
19032
|
-
border: solid 1px var(--brand-color-border-
|
|
19926
|
+
border: solid 1px var(--brand-color-border-subtle);
|
|
19033
19927
|
background-color: var(--brand-PricingOptions-item-bgColor-solid);
|
|
19034
19928
|
}
|
|
19035
19929
|
|
|
@@ -19051,7 +19945,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19051
19945
|
border-radius: inherit;
|
|
19052
19946
|
-webkit-mask-image: var(--brand-PricingOptions-borderMask);
|
|
19053
19947
|
mask-image: var(--brand-PricingOptions-borderMask);
|
|
19054
|
-
border: var(--brand-borderWidth-thin) solid var(--brand-color-border-
|
|
19948
|
+
border: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);
|
|
19055
19949
|
}
|
|
19056
19950
|
|
|
19057
19951
|
@media (min-width: 63.25rem) {
|
|
@@ -19061,6 +19955,8 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19061
19955
|
}
|
|
19062
19956
|
|
|
19063
19957
|
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
|
|
19958
|
+
--brand-pricing-options-item-padding-inline: var(--base-size-24);
|
|
19959
|
+
|
|
19064
19960
|
position: relative; /* Used for positioning the divider between items */
|
|
19065
19961
|
padding-inline: var(--base-size-24);
|
|
19066
19962
|
padding-block: var(--base-size-20);
|
|
@@ -19068,23 +19964,25 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19068
19964
|
|
|
19069
19965
|
@media (min-width: 63.25rem) {
|
|
19070
19966
|
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
|
|
19967
|
+
--brand-pricing-options-item-padding-inline: 0;
|
|
19968
|
+
|
|
19071
19969
|
padding-inline: 0;
|
|
19072
19970
|
padding-block: var(--base-size-40);
|
|
19073
19971
|
}
|
|
19074
19972
|
}
|
|
19075
19973
|
|
|
19076
19974
|
/* Horizontal divider between items on small viewports */
|
|
19077
|
-
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw
|
|
19975
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw + .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw::before {
|
|
19078
19976
|
content: '';
|
|
19079
19977
|
position: absolute;
|
|
19080
19978
|
inset-inline: 0;
|
|
19081
19979
|
height: 1px;
|
|
19082
|
-
background-color: var(--brand-color-border-
|
|
19980
|
+
background-color: var(--brand-color-border-subtle);
|
|
19083
19981
|
}
|
|
19084
19982
|
|
|
19085
19983
|
/* Vertical divider between items on larger viewports */
|
|
19086
19984
|
@media (min-width: 63.25rem) {
|
|
19087
|
-
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw
|
|
19985
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw + .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw::before {
|
|
19088
19986
|
inset-inline: 0;
|
|
19089
19987
|
inset-block: 0;
|
|
19090
19988
|
width: 1px;
|
|
@@ -19093,7 +19991,9 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19093
19991
|
margin-inline-start: calc(var(--brand-pricing-options-item-gap) / 2 * -1);
|
|
19094
19992
|
}
|
|
19095
19993
|
|
|
19096
|
-
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___kcYQZ
|
|
19994
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___kcYQZ
|
|
19995
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw
|
|
19996
|
+
+ .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw::before {
|
|
19097
19997
|
-webkit-mask-image: var(--brand-PricingOptions-borderMask);
|
|
19098
19998
|
mask-image: var(--brand-PricingOptions-borderMask);
|
|
19099
19999
|
}
|
|
@@ -19104,15 +20004,16 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19104
20004
|
/* ---------------------------------------------------------- */
|
|
19105
20005
|
|
|
19106
20006
|
.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
|
|
20007
|
+
--brand-pricing-options-item-padding-inline: var(--base-size-32);
|
|
20008
|
+
|
|
19107
20009
|
position: relative;
|
|
19108
20010
|
padding-inline: var(--base-size-32);
|
|
19109
|
-
border-radius: var(--brand-borderRadius-xlarge);
|
|
19110
20011
|
padding-block: var(--base-size-32);
|
|
19111
20012
|
}
|
|
19112
20013
|
|
|
19113
20014
|
.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc.Primer_Brand__PricingOptions-module__PricingOptions--appearance-solid___S7wHh .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
|
|
19114
20015
|
background-color: var(--brand-PricingOptions-item-bgColor-solid);
|
|
19115
|
-
border: solid var(--brand-borderWidth-thin) var(--brand-color-border-
|
|
20016
|
+
border: solid var(--brand-borderWidth-thin) var(--brand-color-border-subtle);
|
|
19116
20017
|
}
|
|
19117
20018
|
|
|
19118
20019
|
/* ---------------------------------------------------------- */
|
|
@@ -19180,10 +20081,6 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19180
20081
|
justify-content: center;
|
|
19181
20082
|
}
|
|
19182
20083
|
|
|
19183
|
-
.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b .Primer_Brand__PricingOptions-module__PricingOptions__label___VwACa {
|
|
19184
|
-
justify-self: center;
|
|
19185
|
-
}
|
|
19186
|
-
|
|
19187
20084
|
/*
|
|
19188
20085
|
* Backwards compatibility for browsers that don't support subgrid.
|
|
19189
20086
|
* Once subgrid is supported in the last 3 major versions of Safari (i.e., when Safari 18 is released), it can be fully removed.
|
|
@@ -19209,23 +20106,12 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19209
20106
|
row-gap: var(--base-size-16);
|
|
19210
20107
|
}
|
|
19211
20108
|
|
|
19212
|
-
/* When item is left-aligned,
|
|
20109
|
+
/* When item is left-aligned, keep the heading at the start of the card */
|
|
19213
20110
|
.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 {
|
|
19214
|
-
flex-wrap: wrap-reverse;
|
|
19215
20111
|
align-items: center;
|
|
19216
|
-
-moz-column-gap: var(--base-size-16);
|
|
19217
|
-
column-gap: var(--base-size-16);
|
|
19218
20112
|
margin-block-end: var(--base-size-16);
|
|
19219
20113
|
}
|
|
19220
20114
|
|
|
19221
|
-
.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 {
|
|
19222
|
-
--brand-Label-color: var(--brand-color-accent-primary);
|
|
19223
|
-
--brand-Label-color-start: var(--brand-color-accent-primary-start);
|
|
19224
|
-
--brand-Label-color-end: var(--brand-color-accent-primary-end);
|
|
19225
|
-
flex: 0 0 auto;
|
|
19226
|
-
order: 2;
|
|
19227
|
-
}
|
|
19228
|
-
|
|
19229
20115
|
.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 {
|
|
19230
20116
|
margin-block: var(--base-size-16);
|
|
19231
20117
|
flex: 0 1 auto;
|
|
@@ -19239,25 +20125,15 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19239
20125
|
}
|
|
19240
20126
|
}
|
|
19241
20127
|
|
|
19242
|
-
/* When item is centered,
|
|
20128
|
+
/* When item is centered, center the heading */
|
|
19243
20129
|
.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b .Primer_Brand__PricingOptions-module__PricingOptions__header___NCmt2 {
|
|
19244
|
-
|
|
19245
|
-
align-items: center;
|
|
19246
|
-
justify-content: flex-end;
|
|
19247
|
-
}
|
|
19248
|
-
|
|
19249
|
-
.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b .Primer_Brand__PricingOptions-module__PricingOptions__label___VwACa {
|
|
19250
|
-
--brand-Label-color: var(--brand-color-accent-primary);
|
|
19251
|
-
--brand-Label-color-start: var(--brand-color-accent-primary-start);
|
|
19252
|
-
--brand-Label-color-end: var(--brand-color-accent-primary-end);
|
|
19253
|
-
order: 1;
|
|
19254
|
-
margin: 0 auto;
|
|
20130
|
+
justify-content: center;
|
|
19255
20131
|
}
|
|
19256
20132
|
|
|
19257
20133
|
.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b .Primer_Brand__PricingOptions-module__PricingOptions__heading___LZFAK {
|
|
19258
20134
|
margin-block-start: 0;
|
|
19259
20135
|
margin-block-end: var(--base-size-16);
|
|
19260
|
-
|
|
20136
|
+
text-align: center;
|
|
19261
20137
|
}
|
|
19262
20138
|
|
|
19263
20139
|
.Primer_Brand__PricingOptions-module__PricingOptions__leading-component___FPip4 {
|
|
@@ -19265,16 +20141,13 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19265
20141
|
}
|
|
19266
20142
|
|
|
19267
20143
|
.Primer_Brand__PricingOptions-module__PricingOptions__label___VwACa {
|
|
19268
|
-
|
|
19269
|
-
|
|
19270
|
-
|
|
19271
|
-
|
|
19272
|
-
|
|
19273
|
-
|
|
19274
|
-
|
|
19275
|
-
|
|
19276
|
-
flex: 0 0 auto;
|
|
19277
|
-
order: 2;
|
|
20144
|
+
color: var(--brand-color-text-default);
|
|
20145
|
+
font-family: var(--brand-fontStack-monospace);
|
|
20146
|
+
font-size: var(--brand-text-size-100);
|
|
20147
|
+
font-weight: var(--brand-text-weight-500);
|
|
20148
|
+
letter-spacing: var(--brand-text-letterSpacing-100);
|
|
20149
|
+
line-height: var(--brand-text-lineHeight-200);
|
|
20150
|
+
text-transform: uppercase;
|
|
19278
20151
|
}
|
|
19279
20152
|
|
|
19280
20153
|
.Primer_Brand__PricingOptions-module__PricingOptions__heading___LZFAK {
|
|
@@ -19291,7 +20164,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19291
20164
|
.Primer_Brand__PricingOptions-module__PricingOptions__price___qxTEV {
|
|
19292
20165
|
display: flex;
|
|
19293
20166
|
flex-wrap: wrap;
|
|
19294
|
-
align-
|
|
20167
|
+
align-items: flex-start;
|
|
19295
20168
|
grid-row: price;
|
|
19296
20169
|
padding-block-start: var(--base-size-20);
|
|
19297
20170
|
padding-block-end: var(--base-size-8);
|
|
@@ -19304,8 +20177,14 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19304
20177
|
}
|
|
19305
20178
|
}
|
|
19306
20179
|
|
|
20180
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__price-amount___tdTS8 {
|
|
20181
|
+
display: flex;
|
|
20182
|
+
align-items: flex-end;
|
|
20183
|
+
}
|
|
20184
|
+
|
|
19307
20185
|
.Primer_Brand__PricingOptions-module__PricingOptions__price-currency-code___kFWAy {
|
|
19308
20186
|
margin-inline-start: var(--base-size-4);
|
|
20187
|
+
margin-block-end: var(--base-size-4);
|
|
19309
20188
|
color: var(--brand-color-text-muted);
|
|
19310
20189
|
}
|
|
19311
20190
|
|
|
@@ -19336,6 +20215,26 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19336
20215
|
padding-block-start: var(--base-size-20);
|
|
19337
20216
|
}
|
|
19338
20217
|
|
|
20218
|
+
/* MenuAction: full-width ActionMenu wrapper */
|
|
20219
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__menu-action___e4jvF {
|
|
20220
|
+
width: 100%;
|
|
20221
|
+
}
|
|
20222
|
+
|
|
20223
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__menu-action___e4jvF > * {
|
|
20224
|
+
width: 100%;
|
|
20225
|
+
}
|
|
20226
|
+
|
|
20227
|
+
/* Force ActionMenu button container to stretch full width */
|
|
20228
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__menu-action___e4jvF > * > * {
|
|
20229
|
+
display: flex;
|
|
20230
|
+
width: 100%;
|
|
20231
|
+
}
|
|
20232
|
+
|
|
20233
|
+
/* Make the primary button fill remaining space next to the chevron */
|
|
20234
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__menu-action___e4jvF > * > * > :first-child {
|
|
20235
|
+
flex: 1;
|
|
20236
|
+
}
|
|
20237
|
+
|
|
19339
20238
|
.Primer_Brand__PricingOptions-module__PricingOptions__footnote___UwqUw {
|
|
19340
20239
|
grid-row: footnote;
|
|
19341
20240
|
display: block;
|
|
@@ -19360,13 +20259,58 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19360
20259
|
}
|
|
19361
20260
|
|
|
19362
20261
|
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ {
|
|
19363
|
-
|
|
20262
|
+
position: relative;
|
|
19364
20263
|
margin: 0;
|
|
19365
20264
|
margin-block-start: var(--base-size-20);
|
|
19366
20265
|
padding-block-start: var(--base-size-40);
|
|
19367
20266
|
padding-inline: 0;
|
|
19368
20267
|
}
|
|
19369
20268
|
|
|
20269
|
+
/* Edge-to-edge divider above feature list */
|
|
20270
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
|
|
20271
|
+
content: '';
|
|
20272
|
+
position: absolute;
|
|
20273
|
+
inset-block-start: 0;
|
|
20274
|
+
inset-inline-start: calc(0px * -1);
|
|
20275
|
+
inset-inline-start: calc(var(--brand-pricing-options-item-padding-inline, 0px) * -1);
|
|
20276
|
+
inset-inline-end: calc(0px * -1);
|
|
20277
|
+
inset-inline-end: calc(var(--brand-pricing-options-item-padding-inline, 0px) * -1);
|
|
20278
|
+
height: var(--brand-borderWidth-thin);
|
|
20279
|
+
background-color: var(--brand-color-border-subtle);
|
|
20280
|
+
}
|
|
20281
|
+
|
|
20282
|
+
/* Default layout: extend feature list divider into column gap */
|
|
20283
|
+
@media (min-width: 63.25rem) {
|
|
20284
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
|
|
20285
|
+
inset-inline-start: calc(0px / 2 * -1);
|
|
20286
|
+
inset-inline-start: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);
|
|
20287
|
+
inset-inline-end: calc(0px / 2 * -1);
|
|
20288
|
+
inset-inline-end: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);
|
|
20289
|
+
}
|
|
20290
|
+
|
|
20291
|
+
/* First item: don't overflow past container start */
|
|
20292
|
+
.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,
|
|
20293
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8
|
|
20294
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw
|
|
20295
|
+
+ .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw
|
|
20296
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
|
|
20297
|
+
inset-inline-start: calc(0px * -1);
|
|
20298
|
+
inset-inline-start: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
|
|
20299
|
+
}
|
|
20300
|
+
|
|
20301
|
+
/* Last item: don't overflow past container end */
|
|
20302
|
+
.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 {
|
|
20303
|
+
inset-inline-end: calc(0px * -1);
|
|
20304
|
+
inset-inline-end: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
|
|
20305
|
+
}
|
|
20306
|
+
|
|
20307
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___kcYQZ
|
|
20308
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
|
|
20309
|
+
-webkit-mask-image: var(--brand-PricingOptions-borderMask);
|
|
20310
|
+
mask-image: var(--brand-PricingOptions-borderMask);
|
|
20311
|
+
}
|
|
20312
|
+
}
|
|
20313
|
+
|
|
19370
20314
|
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-set___cJt0a:nth-child(n + 2) {
|
|
19371
20315
|
margin-block-start: var(--base-size-20);
|
|
19372
20316
|
}
|
|
@@ -19381,6 +20325,44 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19381
20325
|
color: var(--brand-color-text-muted);
|
|
19382
20326
|
}
|
|
19383
20327
|
|
|
20328
|
+
/* Info tooltip button */
|
|
20329
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item--has-info___zXREr {
|
|
20330
|
+
flex-wrap: nowrap;
|
|
20331
|
+
}
|
|
20332
|
+
|
|
20333
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item--has-info___zXREr > span {
|
|
20334
|
+
flex: 1;
|
|
20335
|
+
display: inline-flex;
|
|
20336
|
+
align-items: baseline;
|
|
20337
|
+
justify-content: space-between;
|
|
20338
|
+
}
|
|
20339
|
+
|
|
20340
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item-info___glnBV {
|
|
20341
|
+
all: unset;
|
|
20342
|
+
display: inline-flex;
|
|
20343
|
+
align-items: center;
|
|
20344
|
+
justify-content: center;
|
|
20345
|
+
flex-shrink: 0;
|
|
20346
|
+
cursor: pointer;
|
|
20347
|
+
color: var(--brand-color-text-muted);
|
|
20348
|
+
background-color: color-mix(in srgb, var(--brand-color-canvas-invert) 12%, transparent);
|
|
20349
|
+
border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
20350
|
+
border-radius: 50%;
|
|
20351
|
+
margin-inline-start: var(--base-size-8);
|
|
20352
|
+
vertical-align: middle;
|
|
20353
|
+
padding: var(--base-size-4);
|
|
20354
|
+
}
|
|
20355
|
+
|
|
20356
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item-info___glnBV svg {
|
|
20357
|
+
width: var(--base-size-12);
|
|
20358
|
+
height: var(--base-size-12);
|
|
20359
|
+
}
|
|
20360
|
+
|
|
20361
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item-info___glnBV:focus-visible {
|
|
20362
|
+
outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
|
|
20363
|
+
outline-offset: 2px;
|
|
20364
|
+
}
|
|
20365
|
+
|
|
19384
20366
|
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list___BmoFc + .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-group-heading___u739o {
|
|
19385
20367
|
margin-block-start: var(--base-size-20);
|
|
19386
20368
|
}
|
|
@@ -19419,6 +20401,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19419
20401
|
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW {
|
|
19420
20402
|
padding: var(--base-size-8) 0;
|
|
19421
20403
|
padding-inline-start: 0 !important; /* Fixes dotcom specificity issue */
|
|
20404
|
+
padding-inline-end: 0 !important;
|
|
19422
20405
|
margin-block-start: calc(var(--base-size-16) * -1);
|
|
19423
20406
|
margin-block-end: var(--base-size-8);
|
|
19424
20407
|
}
|
|
@@ -19429,8 +20412,10 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19429
20412
|
line-height: var(--feature-list-line-height);
|
|
19430
20413
|
font-weight: var(--brand-text-subhead-weight-large);
|
|
19431
20414
|
gap: var(--base-size-8);
|
|
19432
|
-
display: inline-flex;
|
|
19433
20415
|
align-items: center;
|
|
20416
|
+
justify-content: space-between;
|
|
20417
|
+
display: flex;
|
|
20418
|
+
width: 100%;
|
|
19434
20419
|
}
|
|
19435
20420
|
|
|
19436
20421
|
/* Hide default icon */
|
|
@@ -19445,6 +20430,10 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19445
20430
|
padding-inline-start: 0 !important;
|
|
19446
20431
|
}
|
|
19447
20432
|
|
|
20433
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-chevron___XXErd {
|
|
20434
|
+
margin-inline-end: var(--base-size-4);
|
|
20435
|
+
}
|
|
20436
|
+
|
|
19448
20437
|
/* Chevron up icon */
|
|
19449
20438
|
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF[open] .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-chevron___XXErd {
|
|
19450
20439
|
transform: rotate(180deg);
|
|
@@ -19456,7 +20445,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19456
20445
|
|
|
19457
20446
|
/**
|
|
19458
20447
|
* Do not edit directly
|
|
19459
|
-
* Generated on Wed,
|
|
20448
|
+
* Generated on Wed, 15 Apr 2026 12:23:36 GMT
|
|
19460
20449
|
*/
|
|
19461
20450
|
|
|
19462
20451
|
:root {
|
|
@@ -19465,7 +20454,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19465
20454
|
|
|
19466
20455
|
/**
|
|
19467
20456
|
* Do not edit directly
|
|
19468
|
-
* Generated on Wed,
|
|
20457
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
19469
20458
|
*/
|
|
19470
20459
|
|
|
19471
20460
|
:root,
|
|
@@ -20276,7 +21265,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
20276
21265
|
|
|
20277
21266
|
/**
|
|
20278
21267
|
* Do not edit directly
|
|
20279
|
-
* Generated on Wed,
|
|
21268
|
+
* Generated on Wed, 15 Apr 2026 12:23:36 GMT
|
|
20280
21269
|
*/
|
|
20281
21270
|
|
|
20282
21271
|
:root {
|
|
@@ -20285,7 +21274,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
20285
21274
|
|
|
20286
21275
|
/**
|
|
20287
21276
|
* Do not edit directly
|
|
20288
|
-
* Generated on Wed,
|
|
21277
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
20289
21278
|
*/
|
|
20290
21279
|
|
|
20291
21280
|
:root,
|
|
@@ -20781,7 +21770,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
20781
21770
|
|
|
20782
21771
|
/**
|
|
20783
21772
|
* Do not edit directly
|
|
20784
|
-
* Generated on Wed,
|
|
21773
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
20785
21774
|
*/
|
|
20786
21775
|
|
|
20787
21776
|
:root,
|
|
@@ -20880,7 +21869,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
20880
21869
|
|
|
20881
21870
|
/**
|
|
20882
21871
|
* Do not edit directly
|
|
20883
|
-
* Generated on Wed,
|
|
21872
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
20884
21873
|
*/
|
|
20885
21874
|
|
|
20886
21875
|
:root,
|
|
@@ -21258,7 +22247,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
21258
22247
|
|
|
21259
22248
|
/**
|
|
21260
22249
|
* Do not edit directly
|
|
21261
|
-
* Generated on Wed,
|
|
22250
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
21262
22251
|
*/
|
|
21263
22252
|
|
|
21264
22253
|
:root,
|
|
@@ -21272,7 +22261,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
21272
22261
|
|
|
21273
22262
|
/**
|
|
21274
22263
|
* Do not edit directly
|
|
21275
|
-
* Generated on Wed,
|
|
22264
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
21276
22265
|
*/
|
|
21277
22266
|
|
|
21278
22267
|
:root {
|
|
@@ -21459,7 +22448,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
21459
22448
|
|
|
21460
22449
|
/**
|
|
21461
22450
|
* Do not edit directly
|
|
21462
|
-
* Generated on Wed,
|
|
22451
|
+
* Generated on Wed, 15 Apr 2026 12:23:36 GMT
|
|
21463
22452
|
*/
|
|
21464
22453
|
|
|
21465
22454
|
:root {
|
|
@@ -21743,7 +22732,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
21743
22732
|
|
|
21744
22733
|
/**
|
|
21745
22734
|
* Do not edit directly
|
|
21746
|
-
* Generated on Wed,
|
|
22735
|
+
* Generated on Wed, 15 Apr 2026 12:23:36 GMT
|
|
21747
22736
|
*/
|
|
21748
22737
|
|
|
21749
22738
|
:root {
|
|
@@ -21754,7 +22743,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
21754
22743
|
|
|
21755
22744
|
/**
|
|
21756
22745
|
* Do not edit directly
|
|
21757
|
-
* Generated on Wed,
|
|
22746
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
21758
22747
|
*/
|
|
21759
22748
|
|
|
21760
22749
|
:root,
|
|
@@ -22022,7 +23011,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
22022
23011
|
|
|
22023
23012
|
/**
|
|
22024
23013
|
* Do not edit directly
|
|
22025
|
-
* Generated on Wed,
|
|
23014
|
+
* Generated on Wed, 15 Apr 2026 12:23:36 GMT
|
|
22026
23015
|
*/
|
|
22027
23016
|
|
|
22028
23017
|
:root {
|
|
@@ -22031,7 +23020,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
22031
23020
|
|
|
22032
23021
|
/**
|
|
22033
23022
|
* Do not edit directly
|
|
22034
|
-
* Generated on Wed,
|
|
23023
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
22035
23024
|
*/
|
|
22036
23025
|
|
|
22037
23026
|
:root,
|
|
@@ -22277,7 +23266,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
22277
23266
|
|
|
22278
23267
|
/**
|
|
22279
23268
|
* Do not edit directly
|
|
22280
|
-
* Generated on Wed,
|
|
23269
|
+
* Generated on Wed, 15 Apr 2026 12:23:37 GMT
|
|
22281
23270
|
*/
|
|
22282
23271
|
|
|
22283
23272
|
:root,
|