@primer/react-brand 0.67.0-rc.f47a3983 → 0.67.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/Card/Card.d.ts +40 -7
- package/lib/EyebrowText/EyebrowText.d.ts +4 -1
- package/lib/Hero/Hero.d.ts +2 -2
- package/lib/Hero/sub-components/HeroPrimaryAction.d.ts +1 -1
- package/lib/Hero/sub-components/HeroSecondaryAction.d.ts +1 -1
- package/lib/PricingOptions/PricingOptions.d.ts +22 -9
- package/lib/Token/Token.d.ts +46 -0
- package/lib/Token/index.d.ts +1 -0
- package/lib/css/main.css +1662 -611
- package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/base/colors/light.css +1 -1
- package/lib/design-tokens/css/tokens/base/size/size.css +1 -1
- package/lib/design-tokens/css/tokens/base/typography/typography.css +1 -1
- package/lib/design-tokens/css/tokens/functional/animation/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/colors/global-with-modes.css +3 -1
- package/lib/design-tokens/css/tokens/functional/colors/global.css +2 -1
- package/lib/design-tokens/css/tokens/functional/components/accordion/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/action-menu/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/anchor-nav/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/bento/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/blinking-cursor/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/breadcrumbs/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/button/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/card/base.css +3 -3
- package/lib/design-tokens/css/tokens/functional/components/card/colors-with-modes.css +3 -1
- package/lib/design-tokens/css/tokens/functional/components/card/colors.css +2 -1
- package/lib/design-tokens/css/tokens/functional/components/comparison-table/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/comparison-table/comparison-table.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/eyebrow-banner/eyebrow-banner.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/faq.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/footer/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/frosted-glass-vfx/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/grid/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/grid/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/grid/grid.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/hero/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/icon/colors-with-modes.css +5 -5
- package/lib/design-tokens/css/tokens/functional/components/icon/colors.css +3 -3
- package/lib/design-tokens/css/tokens/functional/components/ide/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/ide/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/image/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/inline-link/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/inline-link/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/inline-link/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/label/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/label/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/link/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/link/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/logosuite/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/logosuite/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/logosuite/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/pagination/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/pillar/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/pillar/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/pricing-options/colors-with-modes.css +7 -1
- package/lib/design-tokens/css/tokens/functional/components/pricing-options/colors.css +4 -1
- package/lib/design-tokens/css/tokens/functional/components/pricing-options/pricing-options.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/prose/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/prose/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/river/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/river/river.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/river-story-scroll/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/section/section.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/statistic/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/sub-nav/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/sub-nav/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/subdomain-nav-bar/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/tabs/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/tabs/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/tabs/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/testimonial/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/testimonial/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/testimonial/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/tiles/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/timeline/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/timeline/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/timeline/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/token/colors-with-modes.css +37 -0
- package/lib/design-tokens/css/tokens/functional/components/token/colors.css +20 -0
- package/lib/design-tokens/css/tokens/functional/components/tooltip/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/tooltip/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/video-player/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/video-player/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/border.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/breakpoints.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/size-coarse.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/size-fine.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/size.css +1 -1
- package/lib/design-tokens/css/tokens/functional/size/viewport.css +1 -1
- package/lib/design-tokens/css/tokens/functional/typography/typography-responsive.css +1 -1
- package/lib/design-tokens/css/tokens/functional/typography/typography.css +1 -1
- package/lib/design-tokens/js/module/tokens/base/colors/light.js +1 -1
- package/lib/design-tokens/js/module/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/js/module/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/animation/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/colors/global.js +5 -1
- package/lib/design-tokens/js/module/tokens/functional/components/bento/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/card/base.js +3 -3
- package/lib/design-tokens/js/module/tokens/functional/components/card/colors.js +5 -1
- package/lib/design-tokens/js/module/tokens/functional/components/comparison-table/comparison-table.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/faq/faq.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/footer/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/grid/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/grid/grid.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/icon/colors.js +5 -5
- package/lib/design-tokens/js/module/tokens/functional/components/ide/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/image/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/inline-link/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/inline-link/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/label/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/link/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/logosuite/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/logosuite/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/pillar/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/pricing-options/colors.js +15 -1
- package/lib/design-tokens/js/module/tokens/functional/components/pricing-options/pricing-options.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/prose/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/river/river.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/section/section.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/statistic/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/sub-nav/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/tabs/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/tabs/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/testimonial/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/testimonial/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/timeline/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/timeline/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/token/colors.js +71 -0
- package/lib/design-tokens/js/module/tokens/functional/components/tooltip/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/video-player/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/border.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/breakpoints.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/size-coarse.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/size-fine.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/size.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/size/viewport.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/typography/typography-responsive.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/typography/typography.js +1 -1
- package/lib/design-tokens/js/tokens/base/colors/light.js +1 -1
- package/lib/design-tokens/js/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/js/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/js/tokens/functional/animation/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/colors/global.js +2 -1
- package/lib/design-tokens/js/tokens/functional/components/bento/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/card/base.js +3 -3
- package/lib/design-tokens/js/tokens/functional/components/card/colors.js +2 -1
- package/lib/design-tokens/js/tokens/functional/components/comparison-table/comparison-table.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/faq/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/faq/faq.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/footer/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/grid/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/grid/grid.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/icon/colors.js +3 -3
- package/lib/design-tokens/js/tokens/functional/components/ide/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/image/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/inline-link/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/inline-link/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/label/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/link/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/logosuite/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/logosuite/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/pillar/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/pricing-options/colors.js +4 -1
- package/lib/design-tokens/js/tokens/functional/components/pricing-options/pricing-options.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/prose/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/river/river.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/section/section.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/statistic/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/sub-nav/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/tabs/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/tabs/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/testimonial/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/testimonial/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/timeline/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/timeline/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/token/colors.js +18 -0
- package/lib/design-tokens/js/tokens/functional/components/tooltip/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/video-player/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/border.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/breakpoints.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/size-coarse.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/size-fine.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/size.js +1 -1
- package/lib/design-tokens/js/tokens/functional/size/viewport.js +1 -1
- package/lib/design-tokens/js/tokens/functional/typography/typography-responsive.js +1 -1
- package/lib/design-tokens/js/tokens/functional/typography/typography.js +1 -1
- package/lib/design-tokens/scss/tokens/base/colors/light.scss +1 -1
- package/lib/design-tokens/scss/tokens/base/size/size.scss +1 -1
- package/lib/design-tokens/scss/tokens/base/typography/typography.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/animation/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/colors/global.scss +2 -1
- package/lib/design-tokens/scss/tokens/functional/components/bento/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/card/base.scss +3 -3
- package/lib/design-tokens/scss/tokens/functional/components/card/colors.scss +2 -1
- package/lib/design-tokens/scss/tokens/functional/components/comparison-table/comparison-table.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/eyebrow-banner/eyebrow-banner.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/faq/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/faq/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/faq/faq.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/footer/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/frosted-glass-vfx/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/grid/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/grid/grid.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/hero/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/icon/colors.scss +3 -3
- package/lib/design-tokens/scss/tokens/functional/components/ide/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/image/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/inline-link/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/inline-link/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/label/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/link/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/logosuite/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/logosuite/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/pillar/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/pricing-options/colors.scss +4 -1
- package/lib/design-tokens/scss/tokens/functional/components/pricing-options/pricing-options.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/prose/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/river/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/river/river.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/section/section.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/statistic/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/sub-nav/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/tabs/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/tabs/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/testimonial/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/testimonial/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/timeline/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/timeline/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/token/colors.scss +17 -0
- package/lib/design-tokens/scss/tokens/functional/components/tooltip/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/video-player/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/size/border.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/size/breakpoints.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/size/size-coarse.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/size/size-fine.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/size/size.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/size/viewport.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/typography/typography-responsive.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/typography/typography.scss +1 -1
- package/lib/design-tokens/ts/tokens/base/colors/light.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/colors/light.js +1 -1
- package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/animation/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/animation/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +2 -1
- package/lib/design-tokens/ts/tokens/functional/colors/global.js +2 -1
- package/lib/design-tokens/ts/tokens/functional/components/bento/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/bento/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/card/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/card/base.js +3 -3
- package/lib/design-tokens/ts/tokens/functional/components/card/colors.d.ts +3 -2
- package/lib/design-tokens/ts/tokens/functional/components/card/colors.js +2 -1
- package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/eyebrow-banner/eyebrow-banner.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/eyebrow-banner/eyebrow-banner.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/faq.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/faq.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/footer/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/footer/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/frosted-glass-vfx/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/frosted-glass-vfx/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/grid/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/grid/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/grid/grid.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/grid/grid.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/hero/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/hero/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/icon/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/icon/colors.js +3 -3
- package/lib/design-tokens/ts/tokens/functional/components/ide/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/ide/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/image/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/image/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/inline-link/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/label/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/label/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/link/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/link/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/logosuite/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/logosuite/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/pillar/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/pricing-options/colors.d.ts +6 -1
- package/lib/design-tokens/ts/tokens/functional/components/pricing-options/colors.js +6 -1
- package/lib/design-tokens/ts/tokens/functional/components/pricing-options/pricing-options.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/pricing-options/pricing-options.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/prose/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/prose/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/river.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/river/river.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/section/section.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/section/section.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/statistic/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/statistic/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/sub-nav/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/sub-nav/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/tabs/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/tabs/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/tabs/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/tabs/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/timeline/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/timeline/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/token/colors.d.ts +35 -0
- package/lib/design-tokens/ts/tokens/functional/components/token/colors.js +32 -0
- package/lib/design-tokens/ts/tokens/functional/components/tooltip/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/tooltip/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/video-player/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/video-player/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/border.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/border.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/breakpoints.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/breakpoints.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-coarse.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-coarse.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-fine.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size-fine.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/size.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/viewport.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/size/viewport.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography-responsive.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/typography/typography.js +1 -1
- package/lib/index.d.ts +1 -0
- package/lib/index.js +1 -1
- package/lib/recipes/Flexsuite/Overview/FlexSuiteAIOverview.content.d.ts +99 -0
- package/lib/recipes/Flexsuite/Overview/FlexSuiteAIOverview.d.ts +6 -0
- package/lib/recipes/Flexsuite/Overview/FlexSuiteOverview.content.d.ts +4 -0
- package/lib/recipes/Flexsuite/Overview/FlexSuiteSecurityOverview.content.d.ts +58 -0
- package/lib/recipes/Flexsuite/Overview/FlexSuiteSecurityOverview.d.ts +6 -0
- package/lib/recipes/Flexsuite/Overview/index.d.ts +4 -0
- package/lib/river/RiverBreakoutTabs/RiverBreakoutTabs.d.ts +41 -0
- package/lib/river/RiverBreakoutTabs/index.d.ts +1 -0
- package/lib/river/index.d.ts +1 -0
- package/package.json +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
|
|
81
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
82
82
|
*/
|
|
83
83
|
|
|
84
84
|
:root,
|
|
@@ -356,7 +356,7 @@ html {
|
|
|
356
356
|
|
|
357
357
|
/**
|
|
358
358
|
* Do not edit directly
|
|
359
|
-
* Generated on
|
|
359
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
360
360
|
*/
|
|
361
361
|
|
|
362
362
|
:root {
|
|
@@ -383,7 +383,7 @@ html {
|
|
|
383
383
|
|
|
384
384
|
/**
|
|
385
385
|
* Do not edit directly
|
|
386
|
-
* Generated on
|
|
386
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
387
387
|
*/
|
|
388
388
|
|
|
389
389
|
:root {
|
|
@@ -400,7 +400,7 @@ html {
|
|
|
400
400
|
|
|
401
401
|
/**
|
|
402
402
|
* Do not edit directly
|
|
403
|
-
* Generated on
|
|
403
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
404
404
|
*/
|
|
405
405
|
|
|
406
406
|
:root {
|
|
@@ -558,7 +558,7 @@ html {
|
|
|
558
558
|
|
|
559
559
|
/**
|
|
560
560
|
* Do not edit directly
|
|
561
|
-
* Generated on
|
|
561
|
+
* Generated on Fri, 24 Apr 2026 13:01:08 GMT
|
|
562
562
|
*/
|
|
563
563
|
|
|
564
564
|
:root {
|
|
@@ -572,7 +572,7 @@ html {
|
|
|
572
572
|
|
|
573
573
|
/**
|
|
574
574
|
* Do not edit directly
|
|
575
|
-
* Generated on
|
|
575
|
+
* Generated on Fri, 24 Apr 2026 13:01:08 GMT
|
|
576
576
|
*/
|
|
577
577
|
|
|
578
578
|
:root {
|
|
@@ -591,7 +591,7 @@ html {
|
|
|
591
591
|
|
|
592
592
|
/**
|
|
593
593
|
* Do not edit directly
|
|
594
|
-
* Generated on
|
|
594
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
595
595
|
*/
|
|
596
596
|
|
|
597
597
|
:root,
|
|
@@ -624,6 +624,7 @@ html {
|
|
|
624
624
|
--brand-color-neutral-muted: rgba(196,204,198,0.99608);
|
|
625
625
|
--brand-color-neutral-subtle: rgba(228,235,230,0.99608);
|
|
626
626
|
--brand-color-canvas-default: var(--base-color-scale-white-0);
|
|
627
|
+
--brand-color-canvas-invert: var(--base-color-scale-black-0);
|
|
627
628
|
--brand-color-canvas-overlay: var(--base-color-scale-white-0);
|
|
628
629
|
--brand-color-canvas-inset: var(--base-color-scale-gray-0);
|
|
629
630
|
--brand-color-canvas-subtle: var(--base-color-scale-gray-0);
|
|
@@ -663,6 +664,7 @@ html {
|
|
|
663
664
|
--brand-color-neutral-muted: rgba(124,137,128,0.99608);
|
|
664
665
|
--brand-color-neutral-subtle: rgba(124,137,128,1);
|
|
665
666
|
--brand-color-canvas-default: var(--base-color-scale-black-0);
|
|
667
|
+
--brand-color-canvas-invert: var(--base-color-scale-white-0);
|
|
666
668
|
--brand-color-canvas-overlay: var(--base-color-scale-gray-6);
|
|
667
669
|
--brand-color-canvas-inset: var(--base-color-scale-black-0);
|
|
668
670
|
--brand-color-canvas-subtle: var(--base-color-scale-gray-8);
|
|
@@ -691,7 +693,7 @@ html {
|
|
|
691
693
|
|
|
692
694
|
/**
|
|
693
695
|
* Do not edit directly
|
|
694
|
-
* Generated on
|
|
696
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
695
697
|
*/
|
|
696
698
|
|
|
697
699
|
:root {
|
|
@@ -718,7 +720,7 @@ html {
|
|
|
718
720
|
|
|
719
721
|
/**
|
|
720
722
|
* Do not edit directly
|
|
721
|
-
* Generated on
|
|
723
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
722
724
|
*/
|
|
723
725
|
|
|
724
726
|
:root,
|
|
@@ -1491,7 +1493,7 @@ html {
|
|
|
1491
1493
|
|
|
1492
1494
|
/**
|
|
1493
1495
|
* Do not edit directly
|
|
1494
|
-
* Generated on
|
|
1496
|
+
* Generated on Fri, 24 Apr 2026 13:01:08 GMT
|
|
1495
1497
|
*/
|
|
1496
1498
|
|
|
1497
1499
|
:root {
|
|
@@ -1799,7 +1801,7 @@ html {
|
|
|
1799
1801
|
|
|
1800
1802
|
/**
|
|
1801
1803
|
* Do not edit directly
|
|
1802
|
-
* Generated on
|
|
1804
|
+
* Generated on Fri, 24 Apr 2026 13:01:08 GMT
|
|
1803
1805
|
*/
|
|
1804
1806
|
|
|
1805
1807
|
:root {
|
|
@@ -5879,6 +5881,10 @@ html {
|
|
|
5879
5881
|
letter-spacing: var(--brand-text-letterSpacing-100);
|
|
5880
5882
|
}
|
|
5881
5883
|
|
|
5884
|
+
.Primer_Brand__EyebrowText-module__EyebrowText--variant-accent___p07g3 {
|
|
5885
|
+
color: var(--brand-color-accent-primary);
|
|
5886
|
+
}
|
|
5887
|
+
|
|
5882
5888
|
.Primer_Brand__TextCursorAnimation-module__TextCursorAnimation___oT5SI {
|
|
5883
5889
|
display: inline-flex;
|
|
5884
5890
|
align-items: center;
|
|
@@ -6761,7 +6767,12 @@ html {
|
|
|
6761
6767
|
}
|
|
6762
6768
|
|
|
6763
6769
|
.Primer_Brand__ExpandableArrow-module__ExpandableArrow___rkfek {
|
|
6764
|
-
|
|
6770
|
+
--ExpandableArrow-duration: 200ms;
|
|
6771
|
+
--ExpandableArrow-easing: ease;
|
|
6772
|
+
|
|
6773
|
+
transition: transform 200ms ease;
|
|
6774
|
+
|
|
6775
|
+
transition: transform var(--ExpandableArrow-duration) var(--ExpandableArrow-easing);
|
|
6765
6776
|
transform: translateX(0);
|
|
6766
6777
|
}
|
|
6767
6778
|
|
|
@@ -6772,7 +6783,7 @@ html {
|
|
|
6772
6783
|
.Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem___g4mdy {
|
|
6773
6784
|
stroke-dasharray: 10;
|
|
6774
6785
|
stroke-dashoffset: 10;
|
|
6775
|
-
transition: stroke-dashoffset
|
|
6786
|
+
transition: stroke-dashoffset var(--ExpandableArrow-duration) var(--ExpandableArrow-easing);
|
|
6776
6787
|
}
|
|
6777
6788
|
|
|
6778
6789
|
.Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem--expanded___KwI_9 {
|
|
@@ -6789,7 +6800,7 @@ html {
|
|
|
6789
6800
|
|
|
6790
6801
|
/**
|
|
6791
6802
|
* Do not edit directly
|
|
6792
|
-
* Generated on
|
|
6803
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
6793
6804
|
*/
|
|
6794
6805
|
|
|
6795
6806
|
:root,
|
|
@@ -7126,7 +7137,7 @@ html {
|
|
|
7126
7137
|
|
|
7127
7138
|
/**
|
|
7128
7139
|
* Do not edit directly
|
|
7129
|
-
* Generated on
|
|
7140
|
+
* Generated on Fri, 24 Apr 2026 13:01:08 GMT
|
|
7130
7141
|
*/
|
|
7131
7142
|
|
|
7132
7143
|
:root {
|
|
@@ -7147,7 +7158,7 @@ html {
|
|
|
7147
7158
|
|
|
7148
7159
|
/**
|
|
7149
7160
|
* Do not edit directly
|
|
7150
|
-
* Generated on
|
|
7161
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
7151
7162
|
*/
|
|
7152
7163
|
|
|
7153
7164
|
:root {
|
|
@@ -7513,6 +7524,7 @@ html {
|
|
|
7513
7524
|
}
|
|
7514
7525
|
|
|
7515
7526
|
.Primer_Brand__Link-module__Link--label___j8etE {
|
|
7527
|
+
color: inherit !important; /* Some components like Accordion override all children color. We need to force this. */
|
|
7516
7528
|
font-weight: var(--base-text-weight-medium);
|
|
7517
7529
|
}
|
|
7518
7530
|
|
|
@@ -7545,7 +7557,7 @@ html {
|
|
|
7545
7557
|
|
|
7546
7558
|
/**
|
|
7547
7559
|
* Do not edit directly
|
|
7548
|
-
* Generated on
|
|
7560
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
7549
7561
|
*/
|
|
7550
7562
|
|
|
7551
7563
|
:root,
|
|
@@ -7561,7 +7573,7 @@ html {
|
|
|
7561
7573
|
|
|
7562
7574
|
/**
|
|
7563
7575
|
* Do not edit directly
|
|
7564
|
-
* Generated on
|
|
7576
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
7565
7577
|
*/
|
|
7566
7578
|
|
|
7567
7579
|
:root,
|
|
@@ -7828,7 +7840,7 @@ html {
|
|
|
7828
7840
|
|
|
7829
7841
|
/**
|
|
7830
7842
|
* Do not edit directly
|
|
7831
|
-
* Generated on
|
|
7843
|
+
* Generated on Fri, 24 Apr 2026 13:01:08 GMT
|
|
7832
7844
|
*/
|
|
7833
7845
|
|
|
7834
7846
|
:root {
|
|
@@ -8309,6 +8321,14 @@ html {
|
|
|
8309
8321
|
gap: 0;
|
|
8310
8322
|
}
|
|
8311
8323
|
|
|
8324
|
+
@media screen and (max-width: 63.24rem) {
|
|
8325
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX {
|
|
8326
|
+
width: 100%;
|
|
8327
|
+
max-width: 38.625rem;
|
|
8328
|
+
margin-inline: auto;
|
|
8329
|
+
}
|
|
8330
|
+
}
|
|
8331
|
+
|
|
8312
8332
|
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX::before,
|
|
8313
8333
|
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX::after {
|
|
8314
8334
|
content: '';
|
|
@@ -8328,7 +8348,19 @@ html {
|
|
|
8328
8348
|
bottom: 0;
|
|
8329
8349
|
}
|
|
8330
8350
|
|
|
8331
|
-
@media screen and (min-width:
|
|
8351
|
+
@media screen and (min-width: 618px) {
|
|
8352
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX {
|
|
8353
|
+
border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
8354
|
+
}
|
|
8355
|
+
}
|
|
8356
|
+
|
|
8357
|
+
@media screen and (min-width: 63.25rem) {
|
|
8358
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX {
|
|
8359
|
+
border-inline: none;
|
|
8360
|
+
}
|
|
8361
|
+
}
|
|
8362
|
+
|
|
8363
|
+
@media screen and (min-width: 1300px) {
|
|
8332
8364
|
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX {
|
|
8333
8365
|
border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
8334
8366
|
}
|
|
@@ -8444,6 +8476,10 @@ html {
|
|
|
8444
8476
|
border-radius: var(--brand-borderRadius-large);
|
|
8445
8477
|
}
|
|
8446
8478
|
|
|
8479
|
+
.Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__visual--has-background___QG17S [data-video-player-container] {
|
|
8480
|
+
border-radius: var(--brand-borderRadius-large);
|
|
8481
|
+
}
|
|
8482
|
+
|
|
8447
8483
|
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
|
|
8448
8484
|
margin-inline: calc(-1 * var(--brand-RiverBreakout-variant-gridline-spacing-outerInline));
|
|
8449
8485
|
padding: var(--base-size-32);
|
|
@@ -8461,6 +8497,11 @@ html {
|
|
|
8461
8497
|
border-end-start-radius: 0;
|
|
8462
8498
|
border-end-end-radius: 0;
|
|
8463
8499
|
}
|
|
8500
|
+
|
|
8501
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S [data-video-player-container] {
|
|
8502
|
+
border-end-start-radius: 0;
|
|
8503
|
+
border-end-end-radius: 0;
|
|
8504
|
+
}
|
|
8464
8505
|
}
|
|
8465
8506
|
|
|
8466
8507
|
@media screen and (min-width: 48rem) and (max-width: 63.24rem) {
|
|
@@ -8475,6 +8516,11 @@ html {
|
|
|
8475
8516
|
border-end-start-radius: 0;
|
|
8476
8517
|
border-end-end-radius: 0;
|
|
8477
8518
|
}
|
|
8519
|
+
|
|
8520
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S [data-video-player-container] {
|
|
8521
|
+
border-end-start-radius: 0;
|
|
8522
|
+
border-end-end-radius: 0;
|
|
8523
|
+
}
|
|
8478
8524
|
}
|
|
8479
8525
|
|
|
8480
8526
|
@media screen and (min-width: 63.25rem) {
|
|
@@ -8491,191 +8537,731 @@ html {
|
|
|
8491
8537
|
border-end-end-radius: 0;
|
|
8492
8538
|
}
|
|
8493
8539
|
|
|
8540
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S [data-video-player-container] {
|
|
8541
|
+
border-end-start-radius: 0;
|
|
8542
|
+
border-end-end-radius: 0;
|
|
8543
|
+
}
|
|
8544
|
+
|
|
8494
8545
|
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S.Primer_Brand__river-shared-module__River__visual--rounded___x1iTx {
|
|
8495
8546
|
border-radius: 0;
|
|
8496
8547
|
}
|
|
8497
8548
|
}
|
|
8498
8549
|
|
|
8499
|
-
.
|
|
8500
|
-
|
|
8501
|
-
|
|
8502
|
-
|
|
8550
|
+
.Primer_Brand__Icon-module__Icon___bf2xY {
|
|
8551
|
+
box-sizing: content-box;
|
|
8552
|
+
padding: 0;
|
|
8553
|
+
}
|
|
8503
8554
|
|
|
8504
|
-
|
|
8505
|
-
|
|
8506
|
-
*/
|
|
8507
|
-
--visualMaxWidth: 1032px;
|
|
8508
|
-
--visualMaxWidthUL: 1032;
|
|
8509
|
-
--visualMaxHeight: min(690px, 60vh);
|
|
8510
|
-
--visualMaxHeightUL: 690;
|
|
8511
|
-
--storyScrollPadding: min(32px, 5vw);
|
|
8512
|
-
position: relative;
|
|
8555
|
+
.Primer_Brand__Icon-module__Icon___bf2xY > svg {
|
|
8556
|
+
display: block; /* Ensure SVG are unaffected by text styles and font metrics, maintaining vertical alignment */
|
|
8513
8557
|
}
|
|
8514
|
-
|
|
8515
|
-
|
|
8516
|
-
|
|
8517
|
-
|
|
8558
|
+
|
|
8559
|
+
.Primer_Brand__Icon-module__Icon--size-20___bxF8U {
|
|
8560
|
+
width: var(--base-size-20);
|
|
8561
|
+
height: var(--base-size-20);
|
|
8518
8562
|
}
|
|
8519
8563
|
|
|
8520
|
-
|
|
8521
|
-
|
|
8522
|
-
|
|
8523
|
-
}
|
|
8564
|
+
.Primer_Brand__Icon-module__Icon--size-24___yTJML {
|
|
8565
|
+
width: var(--base-size-24);
|
|
8566
|
+
height: var(--base-size-24);
|
|
8524
8567
|
}
|
|
8525
8568
|
|
|
8526
|
-
|
|
8527
|
-
|
|
8528
|
-
|
|
8529
|
-
}
|
|
8569
|
+
.Primer_Brand__Icon-module__Icon--size-28___tnGmL {
|
|
8570
|
+
width: var(--base-size-28);
|
|
8571
|
+
height: var(--base-size-28);
|
|
8530
8572
|
}
|
|
8531
8573
|
|
|
8532
|
-
.
|
|
8533
|
-
|
|
8574
|
+
.Primer_Brand__Icon-module__Icon--size-32___Rhkw8 {
|
|
8575
|
+
width: var(--base-size-32);
|
|
8576
|
+
height: var(--base-size-32);
|
|
8534
8577
|
}
|
|
8535
8578
|
|
|
8536
|
-
.
|
|
8537
|
-
|
|
8538
|
-
|
|
8539
|
-
width: 100%;
|
|
8579
|
+
.Primer_Brand__Icon-module__Icon--size-36___F4Mcj {
|
|
8580
|
+
width: var(--base-size-36);
|
|
8581
|
+
height: var(--base-size-36);
|
|
8540
8582
|
}
|
|
8541
8583
|
|
|
8542
|
-
.
|
|
8543
|
-
|
|
8544
|
-
|
|
8545
|
-
width: auto;
|
|
8546
|
-
z-index: 10;
|
|
8547
|
-
position: relative;
|
|
8548
|
-
border-radius: var(--brand-borderRadius-large);
|
|
8584
|
+
.Primer_Brand__Icon-module__Icon--size-40___cXhgu {
|
|
8585
|
+
width: var(--base-size-40);
|
|
8586
|
+
height: var(--base-size-40);
|
|
8549
8587
|
}
|
|
8550
8588
|
|
|
8551
|
-
.
|
|
8552
|
-
|
|
8553
|
-
|
|
8589
|
+
.Primer_Brand__Icon-module__Icon--size-44___vwox2 {
|
|
8590
|
+
width: var(--base-size-44);
|
|
8591
|
+
height: var(--base-size-44);
|
|
8554
8592
|
}
|
|
8555
8593
|
|
|
8556
|
-
.
|
|
8557
|
-
|
|
8558
|
-
|
|
8594
|
+
.Primer_Brand__Icon-module__Icon--background___d6RdL {
|
|
8595
|
+
padding: var(--base-size-12);
|
|
8596
|
+
border-radius: var(--brand-borderRadius-medium);
|
|
8559
8597
|
}
|
|
8560
8598
|
|
|
8561
|
-
|
|
8562
|
-
|
|
8563
|
-
--topOffset: calc((100vh - min(664px, 60vh)) / 5);
|
|
8564
|
-
}
|
|
8599
|
+
.Primer_Brand__Icon-module__Icon--color-default___z2cYk {
|
|
8600
|
+
color: var(--brand-Icon-color-default);
|
|
8565
8601
|
}
|
|
8566
8602
|
|
|
8567
|
-
|
|
8568
|
-
|
|
8569
|
-
--extraBottomSpacing: calc(-1 * (100vh - 100vw) / 5);
|
|
8570
|
-
}
|
|
8603
|
+
.Primer_Brand__Icon-module__Icon--background-color-default___h6tiH {
|
|
8604
|
+
background-color: var(--brand-Icon-background-default);
|
|
8571
8605
|
}
|
|
8572
8606
|
|
|
8573
|
-
|
|
8574
|
-
|
|
8575
|
-
--extraBottomSpacing: calc(-1 * (100vh - 100vw) / 3);
|
|
8576
|
-
}
|
|
8607
|
+
.Primer_Brand__Icon-module__Icon--color-blue___Wne9C {
|
|
8608
|
+
color: var(--brand-Icon-color-blue);
|
|
8577
8609
|
}
|
|
8578
8610
|
|
|
8579
|
-
|
|
8580
|
-
|
|
8581
|
-
--scrollTextHeight: 42vh;
|
|
8582
|
-
}
|
|
8611
|
+
.Primer_Brand__Icon-module__Icon--background-color-blue___zsNDL {
|
|
8612
|
+
background-color: var(--brand-Icon-background-blue);
|
|
8583
8613
|
}
|
|
8584
8614
|
|
|
8585
|
-
|
|
8586
|
-
|
|
8587
|
-
--scrollTextHeight: 70vh;
|
|
8588
|
-
}
|
|
8615
|
+
.Primer_Brand__Icon-module__Icon--color-coral___vdwGj {
|
|
8616
|
+
color: var(--brand-Icon-color-coral);
|
|
8589
8617
|
}
|
|
8590
8618
|
|
|
8591
|
-
|
|
8592
|
-
|
|
8593
|
-
--stackDistance: -30px;
|
|
8594
|
-
}
|
|
8619
|
+
.Primer_Brand__Icon-module__Icon--background-color-coral___FKaij {
|
|
8620
|
+
background-color: var(--brand-Icon-background-coral);
|
|
8595
8621
|
}
|
|
8596
8622
|
|
|
8597
|
-
|
|
8598
|
-
|
|
8599
|
-
--stackDistance: -20px;
|
|
8600
|
-
}
|
|
8623
|
+
.Primer_Brand__Icon-module__Icon--color-green___OxAZK {
|
|
8624
|
+
color: var(--brand-Icon-color-green);
|
|
8601
8625
|
}
|
|
8602
8626
|
|
|
8603
|
-
|
|
8604
|
-
|
|
8605
|
-
--stackDistance: -15px;
|
|
8606
|
-
}
|
|
8627
|
+
.Primer_Brand__Icon-module__Icon--background-color-green___UUQt1 {
|
|
8628
|
+
background-color: var(--brand-Icon-background-green);
|
|
8607
8629
|
}
|
|
8608
8630
|
|
|
8609
|
-
|
|
8610
|
-
|
|
8611
|
-
|
|
8631
|
+
.Primer_Brand__Icon-module__Icon--color-gray___tVTnd {
|
|
8632
|
+
color: var(--brand-Icon-color-gray);
|
|
8633
|
+
}
|
|
8612
8634
|
|
|
8613
|
-
|
|
8614
|
-
|
|
8615
|
-
|
|
8616
|
-
--visualHeight: min(var(--visualMaxHeight), var(--relativeVisualHeight));
|
|
8617
|
-
--visualWidth: calc(var(--visualHeight) * var(--visualMaxWidthUL) / var(--visualMaxHeightUL));
|
|
8618
|
-
--scrollTextHeight: 58vh;
|
|
8619
|
-
--textToVisualPadding: max(5vh, 40px);
|
|
8635
|
+
.Primer_Brand__Icon-module__Icon--background-color-gray___dpdtX {
|
|
8636
|
+
background-color: var(--brand-Icon-background-gray);
|
|
8637
|
+
}
|
|
8620
8638
|
|
|
8621
|
-
|
|
8622
|
-
|
|
8639
|
+
.Primer_Brand__Icon-module__Icon--color-indigo___OrE5M {
|
|
8640
|
+
color: var(--brand-Icon-color-indigo);
|
|
8641
|
+
}
|
|
8623
8642
|
|
|
8624
|
-
|
|
8625
|
-
|
|
8643
|
+
.Primer_Brand__Icon-module__Icon--background-color-indigo___TIqOT {
|
|
8644
|
+
background-color: var(--brand-Icon-background-indigo);
|
|
8645
|
+
}
|
|
8626
8646
|
|
|
8627
|
-
|
|
8628
|
-
|
|
8629
|
-
|
|
8630
|
-
height: 100dvh;
|
|
8631
|
-
}
|
|
8632
|
-
}
|
|
8647
|
+
.Primer_Brand__Icon-module__Icon--color-lemon___Ftx9H {
|
|
8648
|
+
color: var(--brand-Icon-color-lemon);
|
|
8649
|
+
}
|
|
8633
8650
|
|
|
8634
|
-
|
|
8635
|
-
|
|
8636
|
-
|
|
8637
|
-
height: 100%;
|
|
8638
|
-
left: 0;
|
|
8639
|
-
top: 0;
|
|
8640
|
-
}
|
|
8651
|
+
.Primer_Brand__Icon-module__Icon--background-color-lemon___BhpS6 {
|
|
8652
|
+
background-color: var(--brand-Icon-background-lemon);
|
|
8653
|
+
}
|
|
8641
8654
|
|
|
8642
|
-
|
|
8643
|
-
|
|
8644
|
-
|
|
8645
|
-
transition: opacity 0.3s var(--ease);
|
|
8646
|
-
}
|
|
8655
|
+
.Primer_Brand__Icon-module__Icon--color-lime___mQVWo {
|
|
8656
|
+
color: var(--brand-Icon-color-lime);
|
|
8657
|
+
}
|
|
8647
8658
|
|
|
8648
|
-
|
|
8649
|
-
|
|
8650
|
-
|
|
8659
|
+
.Primer_Brand__Icon-module__Icon--background-color-lime___K4TMA {
|
|
8660
|
+
background-color: var(--brand-Icon-background-lime);
|
|
8661
|
+
}
|
|
8651
8662
|
|
|
8652
|
-
|
|
8653
|
-
|
|
8654
|
-
|
|
8663
|
+
.Primer_Brand__Icon-module__Icon--color-orange___CIjjp {
|
|
8664
|
+
color: var(--brand-Icon-color-orange);
|
|
8665
|
+
}
|
|
8655
8666
|
|
|
8656
|
-
|
|
8657
|
-
|
|
8658
|
-
|
|
8659
|
-
margin-left: auto;
|
|
8660
|
-
margin-right: auto;
|
|
8661
|
-
padding-right: var(--storyScrollPadding);
|
|
8662
|
-
padding-left: var(--storyScrollPadding);
|
|
8663
|
-
}
|
|
8667
|
+
.Primer_Brand__Icon-module__Icon--background-color-orange___z52U7 {
|
|
8668
|
+
background-color: var(--brand-Icon-background-orange);
|
|
8669
|
+
}
|
|
8664
8670
|
|
|
8665
|
-
|
|
8666
|
-
|
|
8667
|
-
|
|
8668
|
-
}
|
|
8671
|
+
.Primer_Brand__Icon-module__Icon--color-pink___cS_v5 {
|
|
8672
|
+
color: var(--brand-Icon-color-pink);
|
|
8673
|
+
}
|
|
8669
8674
|
|
|
8670
|
-
|
|
8671
|
-
|
|
8672
|
-
|
|
8673
|
-
max-width: var(--visualWidth);
|
|
8674
|
-
border-radius: var(--brand-borderRadius-large);
|
|
8675
|
-
}
|
|
8675
|
+
.Primer_Brand__Icon-module__Icon--background-color-pink___cy5Kg {
|
|
8676
|
+
background-color: var(--brand-Icon-background-pink);
|
|
8677
|
+
}
|
|
8676
8678
|
|
|
8677
|
-
|
|
8678
|
-
|
|
8679
|
+
.Primer_Brand__Icon-module__Icon--color-purple___d05Sh {
|
|
8680
|
+
color: var(--brand-Icon-color-purple);
|
|
8681
|
+
}
|
|
8682
|
+
|
|
8683
|
+
.Primer_Brand__Icon-module__Icon--background-color-purple___JmhnQ {
|
|
8684
|
+
background-color: var(--brand-Icon-background-purple);
|
|
8685
|
+
}
|
|
8686
|
+
|
|
8687
|
+
.Primer_Brand__Icon-module__Icon--color-red___K_2c0 {
|
|
8688
|
+
color: var(--brand-Icon-color-red);
|
|
8689
|
+
}
|
|
8690
|
+
|
|
8691
|
+
.Primer_Brand__Icon-module__Icon--background-color-red___qoirP {
|
|
8692
|
+
background-color: var(--brand-Icon-background-red);
|
|
8693
|
+
}
|
|
8694
|
+
|
|
8695
|
+
.Primer_Brand__Icon-module__Icon--color-teal___fix20 {
|
|
8696
|
+
color: var(--brand-Icon-color-teal);
|
|
8697
|
+
}
|
|
8698
|
+
|
|
8699
|
+
.Primer_Brand__Icon-module__Icon--background-color-teal___a7cyd {
|
|
8700
|
+
background-color: var(--brand-Icon-background-teal);
|
|
8701
|
+
}
|
|
8702
|
+
|
|
8703
|
+
.Primer_Brand__Icon-module__Icon--color-yellow___Z1juk {
|
|
8704
|
+
color: var(--brand-Icon-color-yellow);
|
|
8705
|
+
}
|
|
8706
|
+
|
|
8707
|
+
.Primer_Brand__Icon-module__Icon--background-color-yellow___Yhfck {
|
|
8708
|
+
background-color: var(--brand-Icon-background-yellow);
|
|
8709
|
+
}
|
|
8710
|
+
|
|
8711
|
+
/**
|
|
8712
|
+
* Do not edit directly
|
|
8713
|
+
* Generated on Fri, 24 Apr 2026 13:01:08 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 Fri, 24 Apr 2026 13:01:09 GMT
|
|
8750
|
+
*/
|
|
8751
|
+
|
|
8752
|
+
:root,
|
|
8753
|
+
[data-color-mode="light"] {
|
|
8754
|
+
--brand-Icon-background-default: var(--brand-Icon-background-green);
|
|
8755
|
+
--brand-Icon-background-blue: var(--base-color-scale-blue-0);
|
|
8756
|
+
--brand-Icon-background-coral: var(--base-color-scale-coral-0);
|
|
8757
|
+
--brand-Icon-background-green: var(--base-color-scale-green-0);
|
|
8758
|
+
--brand-Icon-background-gray: var(--base-color-scale-gray-0);
|
|
8759
|
+
--brand-Icon-background-indigo: var(--base-color-scale-indigo-0);
|
|
8760
|
+
--brand-Icon-background-lemon: var(--base-color-scale-lemon-0);
|
|
8761
|
+
--brand-Icon-background-lime: var(--base-color-scale-lime-0);
|
|
8762
|
+
--brand-Icon-background-orange: var(--base-color-scale-orange-0);
|
|
8763
|
+
--brand-Icon-background-pink: var(--base-color-scale-pink-0);
|
|
8764
|
+
--brand-Icon-background-purple: var(--base-color-scale-purple-0);
|
|
8765
|
+
--brand-Icon-background-red: var(--base-color-scale-red-0);
|
|
8766
|
+
--brand-Icon-background-teal: var(--base-color-scale-teal-0);
|
|
8767
|
+
--brand-Icon-background-yellow: var(--base-color-scale-yellow-0);
|
|
8768
|
+
--brand-Icon-color-default: var(--brand-Icon-color-green);
|
|
8769
|
+
--brand-Icon-color-blue: var(--base-color-scale-blue-5);
|
|
8770
|
+
--brand-Icon-color-coral: var(--base-color-scale-coral-5);
|
|
8771
|
+
--brand-Icon-color-green: var(--base-color-scale-green-6);
|
|
8772
|
+
--brand-Icon-color-gray: var(--base-color-scale-gray-6);
|
|
8773
|
+
--brand-Icon-color-indigo: var(--base-color-scale-indigo-5);
|
|
8774
|
+
--brand-Icon-color-lemon: var(--base-color-scale-lemon-5);
|
|
8775
|
+
--brand-Icon-color-lime: var(--base-color-scale-lime-5);
|
|
8776
|
+
--brand-Icon-color-orange: var(--base-color-scale-orange-5);
|
|
8777
|
+
--brand-Icon-color-pink: var(--base-color-scale-pink-5);
|
|
8778
|
+
--brand-Icon-color-purple: var(--base-color-scale-purple-5);
|
|
8779
|
+
--brand-Icon-color-red: var(--base-color-scale-red-5);
|
|
8780
|
+
--brand-Icon-color-teal: var(--base-color-scale-teal-5);
|
|
8781
|
+
--brand-Icon-color-yellow: var(--base-color-scale-yellow-5);
|
|
8782
|
+
}
|
|
8783
|
+
|
|
8784
|
+
[data-color-mode="dark"] {
|
|
8785
|
+
--brand-Icon-background-default: var(--brand-Icon-background-green);
|
|
8786
|
+
--brand-Icon-background-blue: var(--base-color-scale-blue-8);
|
|
8787
|
+
--brand-Icon-background-coral: var(--base-color-scale-coral-8);
|
|
8788
|
+
--brand-Icon-background-green: var(--base-color-scale-green-8);
|
|
8789
|
+
--brand-Icon-background-gray: var(--base-color-scale-gray-6);
|
|
8790
|
+
--brand-Icon-background-indigo: var(--base-color-scale-indigo-8);
|
|
8791
|
+
--brand-Icon-background-lemon: var(--base-color-scale-lemon-8);
|
|
8792
|
+
--brand-Icon-background-lime: var(--base-color-scale-lime-8);
|
|
8793
|
+
--brand-Icon-background-orange: var(--base-color-scale-orange-8);
|
|
8794
|
+
--brand-Icon-background-pink: var(--base-color-scale-pink-8);
|
|
8795
|
+
--brand-Icon-background-purple: var(--base-color-scale-purple-8);
|
|
8796
|
+
--brand-Icon-background-red: var(--base-color-scale-red-8);
|
|
8797
|
+
--brand-Icon-background-teal: var(--base-color-scale-teal-8);
|
|
8798
|
+
--brand-Icon-background-yellow: var(--base-color-scale-yellow-8);
|
|
8799
|
+
--brand-Icon-color-default: var(--brand-Icon-color-green);
|
|
8800
|
+
--brand-Icon-color-blue: var(--base-color-scale-blue-2);
|
|
8801
|
+
--brand-Icon-color-coral: var(--base-color-scale-coral-2);
|
|
8802
|
+
--brand-Icon-color-green: var(--base-color-scale-green-2);
|
|
8803
|
+
--brand-Icon-color-gray: var(--base-color-scale-gray-2);
|
|
8804
|
+
--brand-Icon-color-indigo: var(--base-color-scale-indigo-2);
|
|
8805
|
+
--brand-Icon-color-lemon: var(--base-color-scale-lemon-2);
|
|
8806
|
+
--brand-Icon-color-lime: var(--base-color-scale-lime-2);
|
|
8807
|
+
--brand-Icon-color-orange: var(--base-color-scale-orange-2);
|
|
8808
|
+
--brand-Icon-color-pink: var(--base-color-scale-pink-2);
|
|
8809
|
+
--brand-Icon-color-purple: var(--base-color-scale-purple-2);
|
|
8810
|
+
--brand-Icon-color-red: var(--base-color-scale-red-2);
|
|
8811
|
+
--brand-Icon-color-teal: var(--base-color-scale-teal-2);
|
|
8812
|
+
--brand-Icon-color-yellow: var(--base-color-scale-yellow-2);
|
|
8813
|
+
}
|
|
8814
|
+
|
|
8815
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs___X8Dk9 {
|
|
8816
|
+
--river-breakout-tabs-columns: 1;
|
|
8817
|
+
}
|
|
8818
|
+
|
|
8819
|
+
@media screen and (max-width: 63.24rem) {
|
|
8820
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs___X8Dk9 {
|
|
8821
|
+
width: 100%;
|
|
8822
|
+
max-width: 38.625rem;
|
|
8823
|
+
margin-inline: auto;
|
|
8824
|
+
}
|
|
8825
|
+
}
|
|
8826
|
+
|
|
8827
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordion___sGtKW {
|
|
8828
|
+
display: flex;
|
|
8829
|
+
flex-direction: column;
|
|
8830
|
+
}
|
|
8831
|
+
|
|
8832
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__wideTabList___xlU3i {
|
|
8833
|
+
display: flex;
|
|
8834
|
+
flex-direction: column;
|
|
8835
|
+
padding-block-end: var(--base-size-80);
|
|
8836
|
+
}
|
|
8837
|
+
|
|
8838
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__sharedVisuals___hDA4K {
|
|
8839
|
+
order: 1;
|
|
8840
|
+
margin-block-end: var(--base-size-36);
|
|
8841
|
+
width: 100%;
|
|
8842
|
+
}
|
|
8843
|
+
|
|
8844
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionSharedVisuals___yL4Ev {
|
|
8845
|
+
margin-block-end: var(--base-size-16);
|
|
8846
|
+
width: 100%;
|
|
8847
|
+
}
|
|
8848
|
+
|
|
8849
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__sharedVisualPanel___Jkko_ {
|
|
8850
|
+
min-width: 0;
|
|
8851
|
+
}
|
|
8852
|
+
|
|
8853
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__sharedVisual___ZpMy9 img, .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__sharedVisual___ZpMy9 picture, .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__sharedVisual___ZpMy9 video, .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionSharedVisual___K1OyU img, .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionSharedVisual___K1OyU picture, .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionSharedVisual___K1OyU video {
|
|
8854
|
+
display: block;
|
|
8855
|
+
max-width: 100%;
|
|
8856
|
+
}
|
|
8857
|
+
|
|
8858
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs___X8Dk9 [class*='River__visual--rounded'] {
|
|
8859
|
+
border-radius: var(--brand-borderRadius-small);
|
|
8860
|
+
}
|
|
8861
|
+
|
|
8862
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__sharedVisualPanel___Jkko_[hidden] {
|
|
8863
|
+
display: none;
|
|
8864
|
+
}
|
|
8865
|
+
|
|
8866
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__tablist___f5FNH {
|
|
8867
|
+
order: 2;
|
|
8868
|
+
display: grid;
|
|
8869
|
+
grid-template-columns: repeat(var(--river-breakout-tabs-columns), minmax(0, 1fr));
|
|
8870
|
+
grid-gap: var(--base-size-40);
|
|
8871
|
+
gap: var(--base-size-40);
|
|
8872
|
+
}
|
|
8873
|
+
|
|
8874
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__wideTabListActions___iCX6R {
|
|
8875
|
+
order: 3;
|
|
8876
|
+
display: grid;
|
|
8877
|
+
grid-template-columns: repeat(var(--river-breakout-tabs-columns), minmax(0, 1fr));
|
|
8878
|
+
grid-gap: var(--base-size-40);
|
|
8879
|
+
gap: var(--base-size-40);
|
|
8880
|
+
}
|
|
8881
|
+
|
|
8882
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__item___SymTq {
|
|
8883
|
+
position: relative;
|
|
8884
|
+
min-width: 0;
|
|
8885
|
+
display: flex;
|
|
8886
|
+
flex-direction: column;
|
|
8887
|
+
align-items: flex-start;
|
|
8888
|
+
}
|
|
8889
|
+
|
|
8890
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__item___SymTq::before {
|
|
8891
|
+
content: '';
|
|
8892
|
+
position: absolute;
|
|
8893
|
+
inset-block-start: 0;
|
|
8894
|
+
inset-inline: 0;
|
|
8895
|
+
height: var(--brand-borderWidth-thin);
|
|
8896
|
+
transform: scaleY(1);
|
|
8897
|
+
transform-origin: 50% 0;
|
|
8898
|
+
background-color: var(--brand-color-border-muted);
|
|
8899
|
+
transition: transform var(--brand-animation-duration-fast) ease,
|
|
8900
|
+
background-color var(--brand-animation-duration-fast) ease;
|
|
8901
|
+
}
|
|
8902
|
+
|
|
8903
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__item--selected___dLXod::before {
|
|
8904
|
+
transform: scaleY(2);
|
|
8905
|
+
background-color: var(--brand-color-accent-primary);
|
|
8906
|
+
}
|
|
8907
|
+
|
|
8908
|
+
@media screen and (min-width: 63.25rem) and (hover: hover) and (pointer: fine) {
|
|
8909
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__item___SymTq:hover::before {
|
|
8910
|
+
transform: scaleY(2);
|
|
8911
|
+
background-color: var(--brand-color-accent-primary);
|
|
8912
|
+
}
|
|
8913
|
+
}
|
|
8914
|
+
|
|
8915
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__heading___HScg4 {
|
|
8916
|
+
margin: 0;
|
|
8917
|
+
color: var(--brand-color-text-muted);
|
|
8918
|
+
}
|
|
8919
|
+
|
|
8920
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__item--selected___dLXod .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__heading___HScg4 {
|
|
8921
|
+
color: var(--brand-color-text-default);
|
|
8922
|
+
}
|
|
8923
|
+
|
|
8924
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__icon___Xr8op {
|
|
8925
|
+
display: inline-flex;
|
|
8926
|
+
align-items: center;
|
|
8927
|
+
justify-content: center;
|
|
8928
|
+
}
|
|
8929
|
+
|
|
8930
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__tab___tHZFA {
|
|
8931
|
+
width: 100%;
|
|
8932
|
+
border: 0;
|
|
8933
|
+
background: transparent;
|
|
8934
|
+
color: inherit;
|
|
8935
|
+
font: inherit;
|
|
8936
|
+
text-align: left;
|
|
8937
|
+
padding-block-start: var(--base-size-28);
|
|
8938
|
+
display: flex;
|
|
8939
|
+
flex-direction: column;
|
|
8940
|
+
align-items: flex-start;
|
|
8941
|
+
gap: var(--base-size-20);
|
|
8942
|
+
cursor: pointer;
|
|
8943
|
+
outline: none;
|
|
8944
|
+
padding-inline: 0;
|
|
8945
|
+
}
|
|
8946
|
+
|
|
8947
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__tab___tHZFA:focus-visible {
|
|
8948
|
+
outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
|
|
8949
|
+
outline-offset: var(--base-size-4);
|
|
8950
|
+
}
|
|
8951
|
+
|
|
8952
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__tabHeading___cEwLt {
|
|
8953
|
+
margin: 0;
|
|
8954
|
+
}
|
|
8955
|
+
|
|
8956
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__wideTabListContent___D9V9I {
|
|
8957
|
+
display: flex;
|
|
8958
|
+
flex-direction: column;
|
|
8959
|
+
align-items: flex-start;
|
|
8960
|
+
gap: var(--base-size-12);
|
|
8961
|
+
}
|
|
8962
|
+
|
|
8963
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__wideTabListAction___SaBmu {
|
|
8964
|
+
color: var(--brand-Link-color-accent);
|
|
8965
|
+
font-weight: var(--base-text-weight-medium);
|
|
8966
|
+
-webkit-text-decoration: none;
|
|
8967
|
+
text-decoration: none;
|
|
8968
|
+
}
|
|
8969
|
+
|
|
8970
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__wideTabListActionItem___q6pS2 {
|
|
8971
|
+
margin-block-start: var(--base-size-12);
|
|
8972
|
+
}
|
|
8973
|
+
|
|
8974
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__content___LpEoz {
|
|
8975
|
+
display: flex;
|
|
8976
|
+
flex-direction: column;
|
|
8977
|
+
align-items: flex-start;
|
|
8978
|
+
gap: var(--base-size-12);
|
|
8979
|
+
}
|
|
8980
|
+
|
|
8981
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__link___zcQY5 {
|
|
8982
|
+
-webkit-text-decoration: none;
|
|
8983
|
+
text-decoration: none;
|
|
8984
|
+
}
|
|
8985
|
+
|
|
8986
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordion___sGtKW {
|
|
8987
|
+
padding-block-end: var(--base-size-40);
|
|
8988
|
+
}
|
|
8989
|
+
|
|
8990
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionContent___wykRr {
|
|
8991
|
+
display: flex;
|
|
8992
|
+
flex-direction: column;
|
|
8993
|
+
align-items: flex-start;
|
|
8994
|
+
gap: var(--base-size-12);
|
|
8995
|
+
}
|
|
8996
|
+
|
|
8997
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionContent___wykRr .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__link___zcQY5,
|
|
8998
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionContent___wykRr .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__link___zcQY5 > span {
|
|
8999
|
+
color: var(--brand-Link-color-accent);
|
|
9000
|
+
font-weight: var(--base-text-weight-medium);
|
|
9001
|
+
}
|
|
9002
|
+
|
|
9003
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionContent___wykRr .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__link___zcQY5 {
|
|
9004
|
+
-webkit-text-decoration: none;
|
|
9005
|
+
text-decoration: none;
|
|
9006
|
+
}
|
|
9007
|
+
|
|
9008
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionItem___SyD2o {
|
|
9009
|
+
border-top: none;
|
|
9010
|
+
}
|
|
9011
|
+
|
|
9012
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionItem___SyD2o::after {
|
|
9013
|
+
display: none;
|
|
9014
|
+
}
|
|
9015
|
+
|
|
9016
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionItem___SyD2o::before {
|
|
9017
|
+
content: '';
|
|
9018
|
+
position: absolute;
|
|
9019
|
+
inset-block-start: 0;
|
|
9020
|
+
inset-inline: 0;
|
|
9021
|
+
height: var(--brand-borderWidth-thin);
|
|
9022
|
+
transform: scaleY(1);
|
|
9023
|
+
transform-origin: 50% 0;
|
|
9024
|
+
background-color: var(--brand-color-border-muted);
|
|
9025
|
+
transition: transform var(--brand-animation-duration-fast) ease,
|
|
9026
|
+
background-color var(--brand-animation-duration-fast) ease;
|
|
9027
|
+
}
|
|
9028
|
+
|
|
9029
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionItem___SyD2o.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__item--selected___dLXod::before {
|
|
9030
|
+
transform: scaleY(2);
|
|
9031
|
+
background-color: var(--brand-color-accent-primary);
|
|
9032
|
+
}
|
|
9033
|
+
|
|
9034
|
+
@media (hover: hover) and (pointer: fine) {
|
|
9035
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionItem___SyD2o:hover::before {
|
|
9036
|
+
transform: scaleY(2);
|
|
9037
|
+
background-color: var(--brand-color-accent-primary);
|
|
9038
|
+
}
|
|
9039
|
+
}
|
|
9040
|
+
|
|
9041
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionHeading___RiuA9 {
|
|
9042
|
+
color: var(--brand-color-text-default);
|
|
9043
|
+
}
|
|
9044
|
+
|
|
9045
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionHeadingInner___vvOjI {
|
|
9046
|
+
display: inline-flex;
|
|
9047
|
+
flex-direction: column;
|
|
9048
|
+
align-items: flex-start;
|
|
9049
|
+
gap: var(--base-size-12);
|
|
9050
|
+
}
|
|
9051
|
+
|
|
9052
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionIcon___pslaZ {
|
|
9053
|
+
flex-shrink: 0;
|
|
9054
|
+
}
|
|
9055
|
+
|
|
9056
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionLabel___gIy1N {
|
|
9057
|
+
display: inline-flex;
|
|
9058
|
+
align-items: center;
|
|
9059
|
+
}
|
|
9060
|
+
|
|
9061
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionPanel___EqiKL {
|
|
9062
|
+
display: flex;
|
|
9063
|
+
flex-direction: column;
|
|
9064
|
+
gap: var(--base-size-24);
|
|
9065
|
+
}
|
|
9066
|
+
|
|
9067
|
+
@media screen and (min-width: 618px) {
|
|
9068
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs___X8Dk9 {
|
|
9069
|
+
border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
9070
|
+
}
|
|
9071
|
+
}
|
|
9072
|
+
|
|
9073
|
+
@media screen and (min-width: 63.25rem) {
|
|
9074
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs___X8Dk9 {
|
|
9075
|
+
border-inline: none;
|
|
9076
|
+
}
|
|
9077
|
+
}
|
|
9078
|
+
|
|
9079
|
+
@media screen and (min-width: 1300px) {
|
|
9080
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs___X8Dk9 {
|
|
9081
|
+
border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
9082
|
+
}
|
|
9083
|
+
}
|
|
9084
|
+
|
|
9085
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9086
|
+
--ease: cubic-bezier(0.22, 0.56, 0.23, 0.89);
|
|
9087
|
+
-webkit-font-smoothing: antialiased;
|
|
9088
|
+
--stackDistance: calc(var(--base-size-24) * -1);
|
|
9089
|
+
|
|
9090
|
+
/* River visual (videos)
|
|
9091
|
+
* UL = unit-less, needed for division in certain scenarios
|
|
9092
|
+
*/
|
|
9093
|
+
--visualMaxWidth: 1032px;
|
|
9094
|
+
--visualMaxWidthUL: 1032;
|
|
9095
|
+
--visualMaxHeight: min(690px, 60vh);
|
|
9096
|
+
--visualMaxHeightUL: 690;
|
|
9097
|
+
--storyScrollPadding: min(32px, 5vw);
|
|
9098
|
+
position: relative;
|
|
9099
|
+
}
|
|
9100
|
+
@media (max-height: 720px) {
|
|
9101
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9102
|
+
--visualMaxHeight: 55vh;
|
|
9103
|
+
}
|
|
9104
|
+
}
|
|
9105
|
+
|
|
9106
|
+
@media (max-height: 600px) {
|
|
9107
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9108
|
+
--visualMaxHeight: 50vh;
|
|
9109
|
+
}
|
|
9110
|
+
}
|
|
9111
|
+
|
|
9112
|
+
@media (max-height: 500px) {
|
|
9113
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9114
|
+
--visualMaxHeight: 40vh;
|
|
9115
|
+
}
|
|
9116
|
+
}
|
|
9117
|
+
|
|
9118
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__inner___V0daX {
|
|
9119
|
+
position: relative;
|
|
9120
|
+
}
|
|
9121
|
+
|
|
9122
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__visual-cover___rCa_Y {
|
|
9123
|
+
position: absolute;
|
|
9124
|
+
left: 0;
|
|
9125
|
+
width: 100%;
|
|
9126
|
+
}
|
|
9127
|
+
|
|
9128
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__image___WmawN {
|
|
9129
|
+
margin-left: auto;
|
|
9130
|
+
margin-right: auto;
|
|
9131
|
+
width: auto;
|
|
9132
|
+
z-index: 10;
|
|
9133
|
+
position: relative;
|
|
9134
|
+
border-radius: var(--brand-borderRadius-large);
|
|
9135
|
+
}
|
|
9136
|
+
|
|
9137
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll--enabled___EpqB5 .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__internal-river___eUmDR {
|
|
9138
|
+
grid-template-columns: 1fr;
|
|
9139
|
+
gap: 0;
|
|
9140
|
+
}
|
|
9141
|
+
|
|
9142
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll--enabled___EpqB5 .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__internal-river___eUmDR img,
|
|
9143
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll--enabled___EpqB5 .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__internal-river___eUmDR video {
|
|
9144
|
+
display: none;
|
|
9145
|
+
}
|
|
9146
|
+
|
|
9147
|
+
@media (max-width: 542px) {
|
|
9148
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9149
|
+
--topOffset: calc((100vh - min(664px, 60vh)) / 5);
|
|
9150
|
+
}
|
|
9151
|
+
}
|
|
9152
|
+
|
|
9153
|
+
@media (max-width: 768px) and (min-height: 670px) {
|
|
9154
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9155
|
+
--extraBottomSpacing: calc(-1 * (100vh - 100vw) / 5);
|
|
9156
|
+
}
|
|
9157
|
+
}
|
|
9158
|
+
|
|
9159
|
+
@media (min-width: 542px) and (max-width: 1028px) and (min-height: 670px) {
|
|
9160
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9161
|
+
--extraBottomSpacing: calc(-1 * (100vh - 100vw) / 3);
|
|
9162
|
+
}
|
|
9163
|
+
}
|
|
9164
|
+
|
|
9165
|
+
@media (min-width: 542px) {
|
|
9166
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9167
|
+
--scrollTextHeight: 42vh;
|
|
9168
|
+
}
|
|
9169
|
+
}
|
|
9170
|
+
|
|
9171
|
+
@media (max-height: 520px) {
|
|
9172
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9173
|
+
--scrollTextHeight: 70vh;
|
|
9174
|
+
}
|
|
9175
|
+
}
|
|
9176
|
+
|
|
9177
|
+
@media (min-width: 1028px) {
|
|
9178
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9179
|
+
--stackDistance: -30px;
|
|
9180
|
+
}
|
|
9181
|
+
}
|
|
9182
|
+
|
|
9183
|
+
@media (max-height: 800px) {
|
|
9184
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9185
|
+
--stackDistance: -20px;
|
|
9186
|
+
}
|
|
9187
|
+
}
|
|
9188
|
+
|
|
9189
|
+
@media (max-height: 500px) {
|
|
9190
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9191
|
+
--stackDistance: -15px;
|
|
9192
|
+
}
|
|
9193
|
+
}
|
|
9194
|
+
|
|
9195
|
+
@media screen and (max-width: 768px) {
|
|
9196
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9197
|
+
--topOffset: calc((100vh - min(664px, 60vh)) / 3);
|
|
9198
|
+
|
|
9199
|
+
/* Spacing above the visual */
|
|
9200
|
+
--availableWidth: calc(100vw - var(--storyScrollPadding) * 2);
|
|
9201
|
+
--relativeVisualHeight: calc(var(--visualMaxHeightUL) / var(--visualMaxWidthUL) * var(--availableWidth));
|
|
9202
|
+
--visualHeight: min(var(--visualMaxHeight), var(--relativeVisualHeight));
|
|
9203
|
+
--visualWidth: calc(var(--visualHeight) * var(--visualMaxWidthUL) / var(--visualMaxHeightUL));
|
|
9204
|
+
--scrollTextHeight: 58vh;
|
|
9205
|
+
--textToVisualPadding: max(5vh, 40px);
|
|
9206
|
+
|
|
9207
|
+
--topScrollOffset: calc(var(--visualHeight));
|
|
9208
|
+
--bottomScrollOffset: calc(100vh - var(--topOffset) - var(--visualHeight) - var(--textToVisualPadding));
|
|
9209
|
+
|
|
9210
|
+
--extraBottomSpacing: 70px;
|
|
9211
|
+
}
|
|
9212
|
+
|
|
9213
|
+
/* Enhanced styling if dvh is supported */
|
|
9214
|
+
@supports (height: 100dvh) {
|
|
9215
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__visual-container-inner___oFalR {
|
|
9216
|
+
height: 100dvh;
|
|
9217
|
+
}
|
|
9218
|
+
}
|
|
9219
|
+
|
|
9220
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__visual-container___ZJlnt {
|
|
9221
|
+
position: absolute;
|
|
9222
|
+
width: 100%;
|
|
9223
|
+
height: 100%;
|
|
9224
|
+
left: 0;
|
|
9225
|
+
top: 0;
|
|
9226
|
+
}
|
|
9227
|
+
|
|
9228
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__tracker___SR7oo {
|
|
9229
|
+
min-height: var(--scrollTextHeight);
|
|
9230
|
+
position: relative;
|
|
9231
|
+
transition: opacity 0.3s var(--ease);
|
|
9232
|
+
}
|
|
9233
|
+
|
|
9234
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__tracker___SR7oo:has(+ .Primer_Brand__RiverStoryScroll-module__in-viewport___AxNUA) {
|
|
9235
|
+
opacity: 0;
|
|
9236
|
+
}
|
|
9237
|
+
|
|
9238
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__tracker___SR7oo.Primer_Brand__RiverStoryScroll-module__in-viewport___AxNUA + .Primer_Brand__RiverStoryScroll-module__outside-viewport___ivCAg {
|
|
9239
|
+
opacity: 0;
|
|
9240
|
+
}
|
|
9241
|
+
|
|
9242
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9243
|
+
max-width: calc(1032px + var(--storyScrollPadding) * 2);
|
|
9244
|
+
margin-top: min(30vw, 22vh);
|
|
9245
|
+
margin-left: auto;
|
|
9246
|
+
margin-right: auto;
|
|
9247
|
+
padding-right: var(--storyScrollPadding);
|
|
9248
|
+
padding-left: var(--storyScrollPadding);
|
|
9249
|
+
}
|
|
9250
|
+
|
|
9251
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__content-container--below____OTaq {
|
|
9252
|
+
padding-top: var(--topScrollOffset);
|
|
9253
|
+
padding-bottom: var(--bottomScrollOffset);
|
|
9254
|
+
}
|
|
9255
|
+
|
|
9256
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__image___WmawN {
|
|
9257
|
+
height: auto;
|
|
9258
|
+
width: 100%;
|
|
9259
|
+
max-width: var(--visualWidth);
|
|
9260
|
+
border-radius: var(--brand-borderRadius-large);
|
|
9261
|
+
}
|
|
9262
|
+
|
|
9263
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__visual-container-inner___oFalR {
|
|
9264
|
+
position: sticky;
|
|
8679
9265
|
pointer-events: none;
|
|
8680
9266
|
top: 0;
|
|
8681
9267
|
padding-top: var(--topOffset);
|
|
@@ -8982,7 +9568,7 @@ html {
|
|
|
8982
9568
|
|
|
8983
9569
|
/**
|
|
8984
9570
|
* Do not edit directly
|
|
8985
|
-
* Generated on
|
|
9571
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
8986
9572
|
*/
|
|
8987
9573
|
|
|
8988
9574
|
:root,
|
|
@@ -9750,7 +10336,7 @@ html {
|
|
|
9750
10336
|
|
|
9751
10337
|
/**
|
|
9752
10338
|
* Do not edit directly
|
|
9753
|
-
* Generated on
|
|
10339
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
9754
10340
|
*/
|
|
9755
10341
|
|
|
9756
10342
|
:root,
|
|
@@ -9778,7 +10364,7 @@ html {
|
|
|
9778
10364
|
|
|
9779
10365
|
/**
|
|
9780
10366
|
* Do not edit directly
|
|
9781
|
-
* Generated on
|
|
10367
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
9782
10368
|
*/
|
|
9783
10369
|
|
|
9784
10370
|
:root,
|
|
@@ -9794,7 +10380,7 @@ html {
|
|
|
9794
10380
|
|
|
9795
10381
|
/**
|
|
9796
10382
|
* Do not edit directly
|
|
9797
|
-
* Generated on
|
|
10383
|
+
* Generated on Fri, 24 Apr 2026 13:01:08 GMT
|
|
9798
10384
|
*/
|
|
9799
10385
|
|
|
9800
10386
|
:root {
|
|
@@ -9833,21 +10419,186 @@ html {
|
|
|
9833
10419
|
-moz-osx-font-smoothing: auto;
|
|
9834
10420
|
}
|
|
9835
10421
|
|
|
9836
|
-
/* Remove all animations, transitions and smooth scroll for people that prefer not to see them */
|
|
9837
|
-
@media (prefers-reduced-motion: reduce) {
|
|
9838
|
-
.Primer_Brand__InlineLink-module__InlineLink___U_Ama,
|
|
9839
|
-
.Primer_Brand__InlineLink-module__InlineLink___U_Ama::before,
|
|
9840
|
-
.Primer_Brand__InlineLink-module__InlineLink___U_Ama::after,
|
|
9841
|
-
.Primer_Brand__InlineLink-module__InlineLink___U_Ama * {
|
|
9842
|
-
animation: none !important;
|
|
9843
|
-
transition: none !important;
|
|
9844
|
-
scroll-behavior: auto !important;
|
|
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 Fri, 24 Apr 2026 13:01:09 GMT
|
|
10437
|
+
*/
|
|
10438
|
+
|
|
10439
|
+
:root,
|
|
10440
|
+
[data-color-mode="light"] {
|
|
10441
|
+
--brand-Token-bgColor-default: var(--base-color-scale-gray-0);
|
|
10442
|
+
--brand-Token-bgColor-accent: var(--base-color-scale-green-6);
|
|
10443
|
+
--brand-Token-bgColor-hover-default: var(--base-color-scale-gray-1);
|
|
10444
|
+
--brand-Token-bgColor-hover-accent: var(--base-color-scale-green-7);
|
|
10445
|
+
--brand-Token-bgColor-hover-outline: rgba(0, 0, 0, 0.06);
|
|
10446
|
+
--brand-Token-bgColor-hover-invisible: rgba(0, 0, 0, 0.06);
|
|
10447
|
+
--brand-Token-bgColor-invisible: var(--base-color-scale-gray-1);
|
|
10448
|
+
--brand-Token-bgColor-outline: transparent;
|
|
10449
|
+
--brand-Token-border-outline: var(--brand-color-border-muted);
|
|
10450
|
+
--brand-Token-fgColor-default: var(--brand-color-text-default);
|
|
10451
|
+
--brand-Token-fgColor-accent: var(--base-color-scale-white-0);
|
|
10452
|
+
--brand-Token-fgColor-outline: var(--brand-color-text-default);
|
|
10453
|
+
--brand-Token-fgColor-invisible: var(--brand-color-text-default);
|
|
10454
|
+
}
|
|
10455
|
+
|
|
10456
|
+
[data-color-mode="dark"] {
|
|
10457
|
+
--brand-Token-bgColor-default: var(--base-color-scale-gray-7);
|
|
10458
|
+
--brand-Token-bgColor-accent: var(--base-color-scale-green-2);
|
|
10459
|
+
--brand-Token-bgColor-hover-default: var(--base-color-scale-gray-6);
|
|
10460
|
+
--brand-Token-bgColor-hover-accent: var(--base-color-scale-green-1);
|
|
10461
|
+
--brand-Token-bgColor-hover-outline: var(--brand-color-canvas-subtle);
|
|
10462
|
+
--brand-Token-bgColor-hover-invisible: var(--brand-color-canvas-subtle);
|
|
10463
|
+
--brand-Token-bgColor-invisible: transparent;
|
|
10464
|
+
--brand-Token-bgColor-outline: transparent;
|
|
10465
|
+
--brand-Token-border-outline: var(--brand-color-border-default);
|
|
10466
|
+
--brand-Token-fgColor-default: var(--brand-color-text-default);
|
|
10467
|
+
--brand-Token-fgColor-accent: var(--brand-color-text-onEmphasis);
|
|
10468
|
+
--brand-Token-fgColor-outline: var(--brand-color-text-default);
|
|
10469
|
+
--brand-Token-fgColor-invisible: var(--brand-color-text-default);
|
|
10470
|
+
}
|
|
10471
|
+
|
|
10472
|
+
.Primer_Brand__Token-module__Token___r7qQC {
|
|
10473
|
+
align-items: center;
|
|
10474
|
+
border: var(--brand-borderWidth-thin) solid transparent;
|
|
10475
|
+
border-radius: var(--brand-borderRadius-small);
|
|
10476
|
+
display: inline-flex;
|
|
10477
|
+
gap: var(--base-size-8);
|
|
10478
|
+
min-width: 0;
|
|
10479
|
+
max-width: 100%;
|
|
10480
|
+
padding-inline: var(--base-size-8);
|
|
10481
|
+
padding-block: var(--base-size-6);
|
|
10482
|
+
padding-block-end: var(--base-size-6);
|
|
10483
|
+
vertical-align: middle;
|
|
10484
|
+
}
|
|
10485
|
+
|
|
10486
|
+
.Primer_Brand__Token-module__Token--hasLeadingVisual___cPRLz {
|
|
10487
|
+
padding-inline: calc((var(--base-size-4) + var(--base-size-8)) / 2);
|
|
10488
|
+
padding-block: calc((var(--base-size-4) + var(--base-size-8)) / 2);
|
|
10489
|
+
}
|
|
10490
|
+
|
|
10491
|
+
.Primer_Brand__Token-module__Token--interactive___aQ1rk {
|
|
10492
|
+
cursor: pointer;
|
|
10493
|
+
-webkit-text-decoration: none;
|
|
10494
|
+
text-decoration: none;
|
|
10495
|
+
}
|
|
10496
|
+
|
|
10497
|
+
.Primer_Brand__Token-module__Token--interactive___aQ1rk:focus-visible {
|
|
10498
|
+
outline: var(--base-size-4) solid var(--brand-color-focus);
|
|
10499
|
+
outline-offset: var(--base-size-2);
|
|
10500
|
+
}
|
|
10501
|
+
|
|
10502
|
+
[data-color-mode='dark'] .Primer_Brand__Token-module__Token___r7qQC {
|
|
10503
|
+
-webkit-font-smoothing: antialiased;
|
|
10504
|
+
-moz-osx-font-smoothing: auto;
|
|
10505
|
+
}
|
|
10506
|
+
|
|
10507
|
+
.Primer_Brand__Token-module__Token--variant-default___NBxMW {
|
|
10508
|
+
background-color: var(--brand-Token-bgColor-default);
|
|
10509
|
+
color: var(--brand-Token-fgColor-default);
|
|
10510
|
+
}
|
|
10511
|
+
|
|
10512
|
+
.Primer_Brand__Token-module__Token--interactive___aQ1rk.Primer_Brand__Token-module__Token--variant-default___NBxMW:hover {
|
|
10513
|
+
background-color: var(--brand-Token-bgColor-hover-default);
|
|
10514
|
+
}
|
|
10515
|
+
|
|
10516
|
+
.Primer_Brand__Token-module__Token--variant-accent___Ji_P4 {
|
|
10517
|
+
background-color: var(--brand-Token-bgColor-accent);
|
|
10518
|
+
color: var(--brand-Token-fgColor-accent);
|
|
10519
|
+
}
|
|
10520
|
+
|
|
10521
|
+
.Primer_Brand__Token-module__Token--interactive___aQ1rk.Primer_Brand__Token-module__Token--variant-accent___Ji_P4:hover {
|
|
10522
|
+
background-color: var(--brand-Token-bgColor-hover-accent);
|
|
10523
|
+
}
|
|
10524
|
+
|
|
10525
|
+
.Primer_Brand__Token-module__Token--variant-outline___X52wp {
|
|
10526
|
+
background-color: var(--brand-Token-bgColor-outline);
|
|
10527
|
+
border-color: var(--brand-Token-border-outline);
|
|
10528
|
+
color: var(--brand-Token-fgColor-outline);
|
|
10529
|
+
}
|
|
10530
|
+
|
|
10531
|
+
.Primer_Brand__Token-module__Token--interactive___aQ1rk.Primer_Brand__Token-module__Token--variant-outline___X52wp:hover {
|
|
10532
|
+
background-color: var(--brand-Token-bgColor-hover-outline);
|
|
10533
|
+
}
|
|
10534
|
+
|
|
10535
|
+
.Primer_Brand__Token-module__Token--variant-invisible___bJrcK {
|
|
10536
|
+
background-color: transparent;
|
|
10537
|
+
color: var(--brand-Token-fgColor-invisible);
|
|
10538
|
+
}
|
|
10539
|
+
|
|
10540
|
+
.Primer_Brand__Token-module__Token--interactive___aQ1rk.Primer_Brand__Token-module__Token--variant-invisible___bJrcK:hover {
|
|
10541
|
+
background-color: var(--brand-Token-bgColor-hover-invisible);
|
|
10542
|
+
}
|
|
10543
|
+
|
|
10544
|
+
.Primer_Brand__Token-module__Token__label___wC8Q5 {
|
|
10545
|
+
display: block;
|
|
10546
|
+
flex: 1 1 auto;
|
|
10547
|
+
min-width: 0;
|
|
10548
|
+
overflow: hidden;
|
|
10549
|
+
text-overflow: ellipsis;
|
|
10550
|
+
text-transform: uppercase;
|
|
10551
|
+
font-weight: var(--base-text-weight-normal);
|
|
10552
|
+
line-height: 0.85;
|
|
10553
|
+
white-space: nowrap;
|
|
10554
|
+
letter-spacing: var(--brand-text-letterSpacing-100);
|
|
10555
|
+
}
|
|
10556
|
+
|
|
10557
|
+
.Primer_Brand__Token-module__Token___r7qQC > .Primer_Brand__Token-module__Token__label___wC8Q5 {
|
|
10558
|
+
color: inherit;
|
|
10559
|
+
}
|
|
10560
|
+
|
|
10561
|
+
.Primer_Brand__Token-module__Token__leading-visual___SDos3 {
|
|
10562
|
+
display: flex;
|
|
10563
|
+
flex-shrink: 0;
|
|
10564
|
+
align-items: center;
|
|
10565
|
+
justify-content: center;
|
|
10566
|
+
width: calc((var(--base-size-16) + var(--base-size-20)) / 2);
|
|
10567
|
+
height: calc((var(--base-size-16) + var(--base-size-20)) / 2);
|
|
10568
|
+
}
|
|
10569
|
+
|
|
10570
|
+
.Primer_Brand__Token-module__Token__visual___U0j1l {
|
|
10571
|
+
display: block;
|
|
10572
|
+
}
|
|
10573
|
+
|
|
10574
|
+
/* Keep leading visuals inside a fixed 18x18 slot so larger children like Avatar dont increase Token height. */
|
|
10575
|
+
.Primer_Brand__Token-module__Token__leading-visual___SDos3 > .Primer_Brand__Token-module__Token__visual___U0j1l {
|
|
10576
|
+
width: calc((var(--base-size-16) + var(--base-size-20)) / 2);
|
|
10577
|
+
height: calc((var(--base-size-16) + var(--base-size-20)) / 2);
|
|
10578
|
+
max-width: calc((var(--base-size-16) + var(--base-size-20)) / 2);
|
|
10579
|
+
max-height: calc((var(--base-size-16) + var(--base-size-20)) / 2);
|
|
10580
|
+
border-radius: 2px;
|
|
10581
|
+
}
|
|
10582
|
+
|
|
10583
|
+
.Primer_Brand__Token-module__Token__leading-visual___SDos3 > .Primer_Brand__Token-module__Token__visual___U0j1l svg,
|
|
10584
|
+
.Primer_Brand__Token-module__Token__leading-visual___SDos3 > .Primer_Brand__Token-module__Token__visual___U0j1l img {
|
|
10585
|
+
width: 100%;
|
|
10586
|
+
height: 100%;
|
|
10587
|
+
}
|
|
10588
|
+
|
|
10589
|
+
@media (forced-colors: active) {
|
|
10590
|
+
.Primer_Brand__Token-module__Token___r7qQC {
|
|
10591
|
+
outline: var(--brand-borderWidth-thin) solid transparent;
|
|
10592
|
+
}
|
|
10593
|
+
|
|
10594
|
+
.Primer_Brand__Token-module__Token--interactive___aQ1rk:focus-visible {
|
|
10595
|
+
outline-color: Highlight;
|
|
9845
10596
|
}
|
|
9846
10597
|
}
|
|
9847
10598
|
|
|
9848
10599
|
/**
|
|
9849
10600
|
* Do not edit directly
|
|
9850
|
-
* Generated on
|
|
10601
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
9851
10602
|
*/
|
|
9852
10603
|
|
|
9853
10604
|
:root,
|
|
@@ -10275,7 +11026,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
|
|
|
10275
11026
|
|
|
10276
11027
|
/**
|
|
10277
11028
|
* Do not edit directly
|
|
10278
|
-
* Generated on
|
|
11029
|
+
* Generated on Fri, 24 Apr 2026 13:01:08 GMT
|
|
10279
11030
|
*/
|
|
10280
11031
|
|
|
10281
11032
|
:root {
|
|
@@ -10284,7 +11035,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
|
|
|
10284
11035
|
|
|
10285
11036
|
/**
|
|
10286
11037
|
* Do not edit directly
|
|
10287
|
-
* Generated on
|
|
11038
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
10288
11039
|
*/
|
|
10289
11040
|
|
|
10290
11041
|
:root,
|
|
@@ -10306,7 +11057,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
|
|
|
10306
11057
|
|
|
10307
11058
|
/**
|
|
10308
11059
|
* Do not edit directly
|
|
10309
|
-
* Generated on
|
|
11060
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
10310
11061
|
*/
|
|
10311
11062
|
|
|
10312
11063
|
:root {
|
|
@@ -10588,7 +11339,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-to
|
|
|
10588
11339
|
|
|
10589
11340
|
/**
|
|
10590
11341
|
* Do not edit directly
|
|
10591
|
-
* Generated on
|
|
11342
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
10592
11343
|
*/
|
|
10593
11344
|
|
|
10594
11345
|
:root,
|
|
@@ -11791,7 +12542,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
11791
12542
|
|
|
11792
12543
|
/**
|
|
11793
12544
|
* Do not edit directly
|
|
11794
|
-
* Generated on
|
|
12545
|
+
* Generated on Fri, 24 Apr 2026 13:01:08 GMT
|
|
11795
12546
|
*/
|
|
11796
12547
|
|
|
11797
12548
|
:root {
|
|
@@ -11805,7 +12556,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
11805
12556
|
|
|
11806
12557
|
/**
|
|
11807
12558
|
* Do not edit directly
|
|
11808
|
-
* Generated on
|
|
12559
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
11809
12560
|
*/
|
|
11810
12561
|
|
|
11811
12562
|
:root,
|
|
@@ -12063,10 +12814,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12063
12814
|
|
|
12064
12815
|
.Primer_Brand__Testimonial-module__Testimonial-from___Kfj__ {
|
|
12065
12816
|
font-weight: var(--base-text-weight-normal);
|
|
12066
|
-
|
|
12067
|
-
|
|
12068
|
-
.Primer_Brand__Testimonial-module__Testimonial-position___j2h0f {
|
|
12069
|
-
font-family: var(--brand-fontStack-monospace);
|
|
12817
|
+
text-transform: uppercase;
|
|
12070
12818
|
}
|
|
12071
12819
|
|
|
12072
12820
|
/* Expressive variant */
|
|
@@ -12080,7 +12828,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12080
12828
|
.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___VLMNM {
|
|
12081
12829
|
flex-direction: row;
|
|
12082
12830
|
align-items: flex-end;
|
|
12083
|
-
gap: var(--base-size-
|
|
12831
|
+
gap: var(--base-size-96);
|
|
12084
12832
|
}
|
|
12085
12833
|
}
|
|
12086
12834
|
|
|
@@ -12105,6 +12853,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12105
12853
|
border-block-start: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
|
|
12106
12854
|
padding-block-start: var(--base-size-24);
|
|
12107
12855
|
width: 100%;
|
|
12856
|
+
gap: var(--base-size-8);
|
|
12108
12857
|
}
|
|
12109
12858
|
|
|
12110
12859
|
@media screen and (min-width: 48rem) {
|
|
@@ -12148,6 +12897,8 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12148
12897
|
|
|
12149
12898
|
.Primer_Brand__Testimonial-module__Testimonial--variant-expressive___VLMNM .Primer_Brand__Testimonial-module__Testimonial-quote___QXF1F {
|
|
12150
12899
|
font-family: var(--brand-fontStack-monospace);
|
|
12900
|
+
line-height: var(--brand-text-lineHeight-400);
|
|
12901
|
+
font-weight: var(--base-text-weight-normal);
|
|
12151
12902
|
}
|
|
12152
12903
|
|
|
12153
12904
|
.Primer_Brand__Testimonial-module__Testimonial-link___gHJ58 {
|
|
@@ -12256,7 +13007,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12256
13007
|
|
|
12257
13008
|
/**
|
|
12258
13009
|
* Do not edit directly
|
|
12259
|
-
* Generated on
|
|
13010
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
12260
13011
|
*/
|
|
12261
13012
|
|
|
12262
13013
|
:root,
|
|
@@ -12272,7 +13023,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
12272
13023
|
|
|
12273
13024
|
/**
|
|
12274
13025
|
* Do not edit directly
|
|
12275
|
-
* Generated on
|
|
13026
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
12276
13027
|
*/
|
|
12277
13028
|
|
|
12278
13029
|
:root {
|
|
@@ -13017,7 +13768,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
13017
13768
|
|
|
13018
13769
|
/**
|
|
13019
13770
|
* Do not edit directly
|
|
13020
|
-
* Generated on
|
|
13771
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
13021
13772
|
*/
|
|
13022
13773
|
|
|
13023
13774
|
:root,
|
|
@@ -13033,7 +13784,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
13033
13784
|
|
|
13034
13785
|
/**
|
|
13035
13786
|
* Do not edit directly
|
|
13036
|
-
* Generated on
|
|
13787
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
13037
13788
|
*/
|
|
13038
13789
|
|
|
13039
13790
|
:root,
|
|
@@ -13419,7 +14170,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
13419
14170
|
|
|
13420
14171
|
/**
|
|
13421
14172
|
* Do not edit directly
|
|
13422
|
-
* Generated on
|
|
14173
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
13423
14174
|
*/
|
|
13424
14175
|
|
|
13425
14176
|
:root,
|
|
@@ -13583,7 +14334,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
13583
14334
|
|
|
13584
14335
|
/**
|
|
13585
14336
|
* Do not edit directly
|
|
13586
|
-
* Generated on
|
|
14337
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
13587
14338
|
*/
|
|
13588
14339
|
|
|
13589
14340
|
:root,
|
|
@@ -13687,357 +14438,102 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
13687
14438
|
.Primer_Brand__Pillar-module__Pillar__icon--color-green___AZl8T {
|
|
13688
14439
|
color: var(--brand-Pillar-icon-color-green);
|
|
13689
14440
|
}
|
|
13690
|
-
|
|
13691
|
-
.Primer_Brand__Pillar-module__Pillar__icon--color-gray___MRGro {
|
|
13692
|
-
color: var(--brand-Pillar-icon-color-gray);
|
|
13693
|
-
}
|
|
13694
|
-
|
|
13695
|
-
.Primer_Brand__Pillar-module__Pillar__icon--color-indigo___hX1Yq {
|
|
13696
|
-
color: var(--brand-Pillar-icon-color-indigo);
|
|
13697
|
-
}
|
|
13698
|
-
|
|
13699
|
-
.Primer_Brand__Pillar-module__Pillar__icon--color-lemon___V0XiQ {
|
|
13700
|
-
color: var(--brand-Pillar-icon-color-lemon);
|
|
13701
|
-
}
|
|
13702
|
-
|
|
13703
|
-
.Primer_Brand__Pillar-module__Pillar__icon--color-lime___VXybl {
|
|
13704
|
-
color: var(--brand-Label-color-lime);
|
|
13705
|
-
}
|
|
13706
|
-
|
|
13707
|
-
.Primer_Brand__Pillar-module__Pillar__icon--color-orange___e1xGP {
|
|
13708
|
-
color: var(--brand-Pillar-icon-color-orange);
|
|
13709
|
-
}
|
|
13710
|
-
|
|
13711
|
-
.Primer_Brand__Pillar-module__Pillar__icon--color-pink___WcTTa {
|
|
13712
|
-
color: var(--brand-Pillar-icon-color-pink);
|
|
13713
|
-
}
|
|
13714
|
-
|
|
13715
|
-
.Primer_Brand__Pillar-module__Pillar__icon--color-purple___BGrUp {
|
|
13716
|
-
color: var(--brand-Pillar-icon-color-purple);
|
|
13717
|
-
}
|
|
13718
|
-
|
|
13719
|
-
.Primer_Brand__Pillar-module__Pillar__icon--color-red___ek1FA {
|
|
13720
|
-
color: var(--brand-Pillar-icon-color-red);
|
|
13721
|
-
}
|
|
13722
|
-
|
|
13723
|
-
.Primer_Brand__Pillar-module__Pillar__icon--color-teal___fntO4 {
|
|
13724
|
-
color: var(--brand-Pillar-icon-color-teal);
|
|
13725
|
-
}
|
|
13726
|
-
|
|
13727
|
-
.Primer_Brand__Pillar-module__Pillar__icon--color-yellow___xatJt {
|
|
13728
|
-
color: var(--brand-Pillar-icon-color-yellow);
|
|
13729
|
-
}
|
|
13730
|
-
|
|
13731
|
-
.Primer_Brand__Icon-module__Icon___bf2xY {
|
|
13732
|
-
box-sizing: content-box;
|
|
13733
|
-
padding: 0;
|
|
13734
|
-
}
|
|
13735
|
-
|
|
13736
|
-
.Primer_Brand__Icon-module__Icon___bf2xY > svg {
|
|
13737
|
-
display: block; /* Ensure SVG are unaffected by text styles and font metrics, maintaining vertical alignment */
|
|
13738
|
-
}
|
|
13739
|
-
|
|
13740
|
-
.Primer_Brand__Icon-module__Icon--size-20___bxF8U {
|
|
13741
|
-
width: var(--base-size-20);
|
|
13742
|
-
height: var(--base-size-20);
|
|
13743
|
-
}
|
|
13744
|
-
|
|
13745
|
-
.Primer_Brand__Icon-module__Icon--size-24___yTJML {
|
|
13746
|
-
width: var(--base-size-24);
|
|
13747
|
-
height: var(--base-size-24);
|
|
13748
|
-
}
|
|
13749
|
-
|
|
13750
|
-
.Primer_Brand__Icon-module__Icon--size-28___tnGmL {
|
|
13751
|
-
width: var(--base-size-28);
|
|
13752
|
-
height: var(--base-size-28);
|
|
13753
|
-
}
|
|
13754
|
-
|
|
13755
|
-
.Primer_Brand__Icon-module__Icon--size-32___Rhkw8 {
|
|
13756
|
-
width: var(--base-size-32);
|
|
13757
|
-
height: var(--base-size-32);
|
|
13758
|
-
}
|
|
13759
|
-
|
|
13760
|
-
.Primer_Brand__Icon-module__Icon--size-36___F4Mcj {
|
|
13761
|
-
width: var(--base-size-36);
|
|
13762
|
-
height: var(--base-size-36);
|
|
13763
|
-
}
|
|
13764
|
-
|
|
13765
|
-
.Primer_Brand__Icon-module__Icon--size-40___cXhgu {
|
|
13766
|
-
width: var(--base-size-40);
|
|
13767
|
-
height: var(--base-size-40);
|
|
13768
|
-
}
|
|
13769
|
-
|
|
13770
|
-
.Primer_Brand__Icon-module__Icon--size-44___vwox2 {
|
|
13771
|
-
width: var(--base-size-44);
|
|
13772
|
-
height: var(--base-size-44);
|
|
13773
|
-
}
|
|
13774
|
-
|
|
13775
|
-
.Primer_Brand__Icon-module__Icon--background___d6RdL {
|
|
13776
|
-
padding: var(--base-size-12);
|
|
13777
|
-
border-radius: var(--brand-borderRadius-full);
|
|
13778
|
-
}
|
|
13779
|
-
|
|
13780
|
-
.Primer_Brand__Icon-module__Icon--color-default___z2cYk {
|
|
13781
|
-
color: var(--brand-Icon-color-default);
|
|
13782
|
-
}
|
|
13783
|
-
|
|
13784
|
-
.Primer_Brand__Icon-module__Icon--background-color-default___h6tiH {
|
|
13785
|
-
background-color: var(--brand-Icon-background-default);
|
|
13786
|
-
}
|
|
13787
|
-
|
|
13788
|
-
.Primer_Brand__Icon-module__Icon--color-blue___Wne9C {
|
|
13789
|
-
color: var(--brand-Icon-color-blue);
|
|
13790
|
-
}
|
|
13791
|
-
|
|
13792
|
-
.Primer_Brand__Icon-module__Icon--background-color-blue___zsNDL {
|
|
13793
|
-
background-color: var(--brand-Icon-background-blue);
|
|
13794
|
-
}
|
|
13795
|
-
|
|
13796
|
-
.Primer_Brand__Icon-module__Icon--color-coral___vdwGj {
|
|
13797
|
-
color: var(--brand-Icon-color-coral);
|
|
13798
|
-
}
|
|
13799
|
-
|
|
13800
|
-
.Primer_Brand__Icon-module__Icon--background-color-coral___FKaij {
|
|
13801
|
-
background-color: var(--brand-Icon-background-coral);
|
|
13802
|
-
}
|
|
13803
|
-
|
|
13804
|
-
.Primer_Brand__Icon-module__Icon--color-green___OxAZK {
|
|
13805
|
-
color: var(--brand-Icon-color-green);
|
|
13806
|
-
}
|
|
13807
|
-
|
|
13808
|
-
.Primer_Brand__Icon-module__Icon--background-color-green___UUQt1 {
|
|
13809
|
-
background-color: var(--brand-Icon-background-green);
|
|
13810
|
-
}
|
|
13811
|
-
|
|
13812
|
-
.Primer_Brand__Icon-module__Icon--color-gray___tVTnd {
|
|
13813
|
-
color: var(--brand-Icon-color-gray);
|
|
13814
|
-
}
|
|
13815
|
-
|
|
13816
|
-
.Primer_Brand__Icon-module__Icon--background-color-gray___dpdtX {
|
|
13817
|
-
background-color: var(--brand-Icon-background-gray);
|
|
13818
|
-
}
|
|
13819
|
-
|
|
13820
|
-
.Primer_Brand__Icon-module__Icon--color-indigo___OrE5M {
|
|
13821
|
-
color: var(--brand-Icon-color-indigo);
|
|
13822
|
-
}
|
|
13823
|
-
|
|
13824
|
-
.Primer_Brand__Icon-module__Icon--background-color-indigo___TIqOT {
|
|
13825
|
-
background-color: var(--brand-Icon-background-indigo);
|
|
13826
|
-
}
|
|
13827
|
-
|
|
13828
|
-
.Primer_Brand__Icon-module__Icon--color-lemon___Ftx9H {
|
|
13829
|
-
color: var(--brand-Icon-color-lemon);
|
|
13830
|
-
}
|
|
13831
|
-
|
|
13832
|
-
.Primer_Brand__Icon-module__Icon--background-color-lemon___BhpS6 {
|
|
13833
|
-
background-color: var(--brand-Icon-background-lemon);
|
|
13834
|
-
}
|
|
13835
|
-
|
|
13836
|
-
.Primer_Brand__Icon-module__Icon--color-lime___mQVWo {
|
|
13837
|
-
color: var(--brand-Icon-color-lime);
|
|
13838
|
-
}
|
|
13839
|
-
|
|
13840
|
-
.Primer_Brand__Icon-module__Icon--background-color-lime___K4TMA {
|
|
13841
|
-
background-color: var(--brand-Icon-background-lime);
|
|
13842
|
-
}
|
|
13843
|
-
|
|
13844
|
-
.Primer_Brand__Icon-module__Icon--color-orange___CIjjp {
|
|
13845
|
-
color: var(--brand-Icon-color-orange);
|
|
13846
|
-
}
|
|
13847
|
-
|
|
13848
|
-
.Primer_Brand__Icon-module__Icon--background-color-orange___z52U7 {
|
|
13849
|
-
background-color: var(--brand-Icon-background-orange);
|
|
13850
|
-
}
|
|
13851
|
-
|
|
13852
|
-
.Primer_Brand__Icon-module__Icon--color-pink___cS_v5 {
|
|
13853
|
-
color: var(--brand-Icon-color-pink);
|
|
13854
|
-
}
|
|
13855
|
-
|
|
13856
|
-
.Primer_Brand__Icon-module__Icon--background-color-pink___cy5Kg {
|
|
13857
|
-
background-color: var(--brand-Icon-background-pink);
|
|
13858
|
-
}
|
|
13859
|
-
|
|
13860
|
-
.Primer_Brand__Icon-module__Icon--color-purple___d05Sh {
|
|
13861
|
-
color: var(--brand-Icon-color-purple);
|
|
13862
|
-
}
|
|
13863
|
-
|
|
13864
|
-
.Primer_Brand__Icon-module__Icon--background-color-purple___JmhnQ {
|
|
13865
|
-
background-color: var(--brand-Icon-background-purple);
|
|
13866
|
-
}
|
|
13867
|
-
|
|
13868
|
-
.Primer_Brand__Icon-module__Icon--color-red___K_2c0 {
|
|
13869
|
-
color: var(--brand-Icon-color-red);
|
|
13870
|
-
}
|
|
13871
|
-
|
|
13872
|
-
.Primer_Brand__Icon-module__Icon--background-color-red___qoirP {
|
|
13873
|
-
background-color: var(--brand-Icon-background-red);
|
|
13874
|
-
}
|
|
13875
|
-
|
|
13876
|
-
.Primer_Brand__Icon-module__Icon--color-teal___fix20 {
|
|
13877
|
-
color: var(--brand-Icon-color-teal);
|
|
13878
|
-
}
|
|
13879
|
-
|
|
13880
|
-
.Primer_Brand__Icon-module__Icon--background-color-teal___a7cyd {
|
|
13881
|
-
background-color: var(--brand-Icon-background-teal);
|
|
13882
|
-
}
|
|
13883
|
-
|
|
13884
|
-
.Primer_Brand__Icon-module__Icon--color-yellow___Z1juk {
|
|
13885
|
-
color: var(--brand-Icon-color-yellow);
|
|
13886
|
-
}
|
|
13887
|
-
|
|
13888
|
-
.Primer_Brand__Icon-module__Icon--background-color-yellow___Yhfck {
|
|
13889
|
-
background-color: var(--brand-Icon-background-yellow);
|
|
13890
|
-
}
|
|
13891
|
-
|
|
13892
|
-
/**
|
|
13893
|
-
* Do not edit directly
|
|
13894
|
-
* Generated on Sun, 12 Apr 2026 16:37:48 GMT
|
|
13895
|
-
*/
|
|
13896
|
-
|
|
13897
|
-
:root {
|
|
13898
|
-
--brand-Icon-color-yellow: var(--base-color-scale-yellow-5);
|
|
13899
|
-
--brand-Icon-color-teal: var(--base-color-scale-teal-5);
|
|
13900
|
-
--brand-Icon-color-red: var(--base-color-scale-red-5);
|
|
13901
|
-
--brand-Icon-color-purple: var(--base-color-scale-purple-5);
|
|
13902
|
-
--brand-Icon-color-pink: var(--base-color-scale-pink-5);
|
|
13903
|
-
--brand-Icon-color-orange: var(--base-color-scale-orange-5);
|
|
13904
|
-
--brand-Icon-color-lime: var(--base-color-scale-lime-5);
|
|
13905
|
-
--brand-Icon-color-lemon: var(--base-color-scale-lemon-5);
|
|
13906
|
-
--brand-Icon-color-indigo: var(--base-color-scale-indigo-5);
|
|
13907
|
-
--brand-Icon-color-gray: var(--base-color-scale-gray-6);
|
|
13908
|
-
--brand-Icon-color-green: var(--base-color-scale-green-6);
|
|
13909
|
-
--brand-Icon-color-coral: var(--base-color-scale-coral-5);
|
|
13910
|
-
--brand-Icon-color-blue: var(--base-color-scale-blue-5);
|
|
13911
|
-
--brand-Icon-color-default: var(--brand-color-text-default);
|
|
13912
|
-
--brand-Icon-background-yellow: var(--base-color-scale-yellow-0);
|
|
13913
|
-
--brand-Icon-background-teal: var(--base-color-scale-teal-0);
|
|
13914
|
-
--brand-Icon-background-red: var(--base-color-scale-red-0);
|
|
13915
|
-
--brand-Icon-background-purple: var(--base-color-scale-purple-0);
|
|
13916
|
-
--brand-Icon-background-pink: var(--base-color-scale-pink-0);
|
|
13917
|
-
--brand-Icon-background-orange: var(--base-color-scale-orange-0);
|
|
13918
|
-
--brand-Icon-background-lime: var(--base-color-scale-lime-0);
|
|
13919
|
-
--brand-Icon-background-lemon: var(--base-color-scale-lemon-0);
|
|
13920
|
-
--brand-Icon-background-indigo: var(--base-color-scale-indigo-0);
|
|
13921
|
-
--brand-Icon-background-gray: var(--base-color-scale-gray-0);
|
|
13922
|
-
--brand-Icon-background-green: var(--base-color-scale-green-0);
|
|
13923
|
-
--brand-Icon-background-coral: var(--base-color-scale-coral-0);
|
|
13924
|
-
--brand-Icon-background-blue: var(--base-color-scale-blue-0);
|
|
13925
|
-
--brand-Icon-background-default: var(--base-color-scale-gray-0);
|
|
14441
|
+
|
|
14442
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-gray___MRGro {
|
|
14443
|
+
color: var(--brand-Pillar-icon-color-gray);
|
|
13926
14444
|
}
|
|
13927
14445
|
|
|
13928
|
-
|
|
13929
|
-
|
|
13930
|
-
|
|
13931
|
-
*/
|
|
14446
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-indigo___hX1Yq {
|
|
14447
|
+
color: var(--brand-Pillar-icon-color-indigo);
|
|
14448
|
+
}
|
|
13932
14449
|
|
|
13933
|
-
|
|
13934
|
-
|
|
13935
|
-
--brand-Icon-background-default: var(--base-color-scale-gray-0);
|
|
13936
|
-
--brand-Icon-background-blue: var(--base-color-scale-blue-0);
|
|
13937
|
-
--brand-Icon-background-coral: var(--base-color-scale-coral-0);
|
|
13938
|
-
--brand-Icon-background-green: var(--base-color-scale-green-0);
|
|
13939
|
-
--brand-Icon-background-gray: var(--base-color-scale-gray-0);
|
|
13940
|
-
--brand-Icon-background-indigo: var(--base-color-scale-indigo-0);
|
|
13941
|
-
--brand-Icon-background-lemon: var(--base-color-scale-lemon-0);
|
|
13942
|
-
--brand-Icon-background-lime: var(--base-color-scale-lime-0);
|
|
13943
|
-
--brand-Icon-background-orange: var(--base-color-scale-orange-0);
|
|
13944
|
-
--brand-Icon-background-pink: var(--base-color-scale-pink-0);
|
|
13945
|
-
--brand-Icon-background-purple: var(--base-color-scale-purple-0);
|
|
13946
|
-
--brand-Icon-background-red: var(--base-color-scale-red-0);
|
|
13947
|
-
--brand-Icon-background-teal: var(--base-color-scale-teal-0);
|
|
13948
|
-
--brand-Icon-background-yellow: var(--base-color-scale-yellow-0);
|
|
13949
|
-
--brand-Icon-color-default: var(--brand-color-text-default);
|
|
13950
|
-
--brand-Icon-color-blue: var(--base-color-scale-blue-5);
|
|
13951
|
-
--brand-Icon-color-coral: var(--base-color-scale-coral-5);
|
|
13952
|
-
--brand-Icon-color-green: var(--base-color-scale-green-6);
|
|
13953
|
-
--brand-Icon-color-gray: var(--base-color-scale-gray-6);
|
|
13954
|
-
--brand-Icon-color-indigo: var(--base-color-scale-indigo-5);
|
|
13955
|
-
--brand-Icon-color-lemon: var(--base-color-scale-lemon-5);
|
|
13956
|
-
--brand-Icon-color-lime: var(--base-color-scale-lime-5);
|
|
13957
|
-
--brand-Icon-color-orange: var(--base-color-scale-orange-5);
|
|
13958
|
-
--brand-Icon-color-pink: var(--base-color-scale-pink-5);
|
|
13959
|
-
--brand-Icon-color-purple: var(--base-color-scale-purple-5);
|
|
13960
|
-
--brand-Icon-color-red: var(--base-color-scale-red-5);
|
|
13961
|
-
--brand-Icon-color-teal: var(--base-color-scale-teal-5);
|
|
13962
|
-
--brand-Icon-color-yellow: var(--base-color-scale-yellow-5);
|
|
14450
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-lemon___V0XiQ {
|
|
14451
|
+
color: var(--brand-Pillar-icon-color-lemon);
|
|
13963
14452
|
}
|
|
13964
14453
|
|
|
13965
|
-
|
|
13966
|
-
|
|
13967
|
-
|
|
13968
|
-
|
|
13969
|
-
|
|
13970
|
-
|
|
13971
|
-
|
|
13972
|
-
|
|
13973
|
-
|
|
13974
|
-
|
|
13975
|
-
|
|
13976
|
-
|
|
13977
|
-
|
|
13978
|
-
|
|
13979
|
-
|
|
13980
|
-
|
|
13981
|
-
|
|
13982
|
-
|
|
13983
|
-
|
|
13984
|
-
|
|
13985
|
-
|
|
13986
|
-
|
|
13987
|
-
|
|
13988
|
-
|
|
13989
|
-
|
|
13990
|
-
|
|
13991
|
-
--brand-Icon-color-red: var(--base-color-scale-red-2);
|
|
13992
|
-
--brand-Icon-color-teal: var(--base-color-scale-teal-2);
|
|
13993
|
-
--brand-Icon-color-yellow: var(--base-color-scale-yellow-2);
|
|
14454
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-lime___VXybl {
|
|
14455
|
+
color: var(--brand-Label-color-lime);
|
|
14456
|
+
}
|
|
14457
|
+
|
|
14458
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-orange___e1xGP {
|
|
14459
|
+
color: var(--brand-Pillar-icon-color-orange);
|
|
14460
|
+
}
|
|
14461
|
+
|
|
14462
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-pink___WcTTa {
|
|
14463
|
+
color: var(--brand-Pillar-icon-color-pink);
|
|
14464
|
+
}
|
|
14465
|
+
|
|
14466
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-purple___BGrUp {
|
|
14467
|
+
color: var(--brand-Pillar-icon-color-purple);
|
|
14468
|
+
}
|
|
14469
|
+
|
|
14470
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-red___ek1FA {
|
|
14471
|
+
color: var(--brand-Pillar-icon-color-red);
|
|
14472
|
+
}
|
|
14473
|
+
|
|
14474
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-teal___fntO4 {
|
|
14475
|
+
color: var(--brand-Pillar-icon-color-teal);
|
|
14476
|
+
}
|
|
14477
|
+
|
|
14478
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-yellow___xatJt {
|
|
14479
|
+
color: var(--brand-Pillar-icon-color-yellow);
|
|
13994
14480
|
}
|
|
13995
14481
|
|
|
13996
14482
|
/**
|
|
13997
14483
|
* Do not edit directly
|
|
13998
|
-
* Generated on
|
|
14484
|
+
* Generated on Fri, 24 Apr 2026 13:01:08 GMT
|
|
13999
14485
|
*/
|
|
14000
14486
|
|
|
14001
14487
|
:root {
|
|
14002
|
-
--brand-Card-animation-easing:
|
|
14003
|
-
--brand-Card-animation-duration:
|
|
14488
|
+
--brand-Card-animation-easing: cubic-bezier(0.01, 0.73, 0.08, 0.93);
|
|
14489
|
+
--brand-Card-animation-duration: 400ms;
|
|
14004
14490
|
--brand-Card-maxWidth: 26.25rem;
|
|
14005
14491
|
}
|
|
14006
14492
|
|
|
14007
14493
|
/**
|
|
14008
14494
|
* Do not edit directly
|
|
14009
|
-
* Generated on
|
|
14495
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
14010
14496
|
*/
|
|
14011
14497
|
|
|
14012
14498
|
:root,
|
|
14013
14499
|
[data-color-mode="light"] {
|
|
14014
14500
|
--brand-Card-background-default: var(--brand-color-canvas-default);
|
|
14501
|
+
--brand-Card-background-overlay: rgba(242, 245, 243, 0.2);
|
|
14015
14502
|
}
|
|
14016
14503
|
|
|
14017
14504
|
[data-color-mode="dark"] {
|
|
14018
14505
|
--brand-Card-background-default: var(--brand-color-canvas-subtle);
|
|
14506
|
+
--brand-Card-background-overlay: rgba(242, 245, 243, 0.05);
|
|
14019
14507
|
}
|
|
14020
14508
|
|
|
14021
14509
|
.Primer_Brand__Card-module__Card___ByGEk {
|
|
14510
|
+
/* Keeps the dynamic height row on the description slot in the default layout so variable-height content fills the card body. */
|
|
14511
|
+
--Card-grid-template-rows: auto auto auto auto auto auto 1fr auto;
|
|
14512
|
+
|
|
14022
14513
|
-webkit-text-decoration: none;
|
|
14514
|
+
|
|
14023
14515
|
text-decoration: none;
|
|
14024
14516
|
color: var(--brand-color-text-default);
|
|
14025
|
-
|
|
14517
|
+
|
|
14026
14518
|
transition: transform var(--brand-Card-animation-duration) var(--brand-Card-animation-easing);
|
|
14027
14519
|
padding: var(--base-size-32);
|
|
14028
14520
|
display: grid;
|
|
14029
14521
|
grid-template-columns: 1fr 1fr;
|
|
14030
14522
|
grid-template-areas:
|
|
14031
14523
|
'image image'
|
|
14524
|
+
'leadingVisual leadingVisual'
|
|
14032
14525
|
'icon icon'
|
|
14526
|
+
'tokens tokens'
|
|
14033
14527
|
'label label'
|
|
14034
14528
|
'heading heading'
|
|
14035
14529
|
'description description'
|
|
14036
14530
|
'action action';
|
|
14037
14531
|
flex: auto;
|
|
14038
|
-
grid-template-rows: auto auto auto auto 1fr;
|
|
14532
|
+
grid-template-rows: auto auto auto auto auto auto 1fr auto;
|
|
14533
|
+
grid-template-rows: var(--Card-grid-template-rows);
|
|
14039
14534
|
position: relative;
|
|
14040
14535
|
height: 100%;
|
|
14536
|
+
border-radius: var(--brand-borderRadius-medium);
|
|
14041
14537
|
}
|
|
14042
14538
|
|
|
14043
14539
|
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card___ByGEk {
|
|
@@ -14055,7 +14551,9 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14055
14551
|
grid-template-columns: 1fr;
|
|
14056
14552
|
grid-template-areas:
|
|
14057
14553
|
'image'
|
|
14554
|
+
'leadingVisual'
|
|
14058
14555
|
'icon'
|
|
14556
|
+
'tokens'
|
|
14059
14557
|
'label'
|
|
14060
14558
|
'heading'
|
|
14061
14559
|
'description'
|
|
@@ -14063,10 +14561,54 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14063
14561
|
justify-items: center;
|
|
14064
14562
|
}
|
|
14065
14563
|
|
|
14564
|
+
.Primer_Brand__Card-module__Card--backgroundColor-default___azlLW {
|
|
14565
|
+
background-color: var(--brand-Card-background-default);
|
|
14566
|
+
}
|
|
14567
|
+
|
|
14568
|
+
.Primer_Brand__Card-module__Card--backgroundColor-subtle___GNf9B {
|
|
14569
|
+
background-color: var(--brand-color-canvas-subtle);
|
|
14570
|
+
}
|
|
14571
|
+
|
|
14572
|
+
.Primer_Brand__Card-module__Card--backgroundColor-none___ZURf_ {
|
|
14573
|
+
background-color: transparent;
|
|
14574
|
+
}
|
|
14575
|
+
|
|
14576
|
+
.Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M {
|
|
14577
|
+
/* Moves the dynamic height row from tokens back to description because the block-end layout places tokens below the body copy. */
|
|
14578
|
+
--Card-grid-template-rows: auto auto auto auto auto 1fr auto auto;
|
|
14579
|
+
|
|
14580
|
+
grid-template-areas:
|
|
14581
|
+
'image image'
|
|
14582
|
+
'leadingVisual leadingVisual'
|
|
14583
|
+
'icon icon'
|
|
14584
|
+
'label label'
|
|
14585
|
+
'heading heading'
|
|
14586
|
+
'description description'
|
|
14587
|
+
'tokens tokens'
|
|
14588
|
+
'action action';
|
|
14589
|
+
}
|
|
14590
|
+
|
|
14591
|
+
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M {
|
|
14592
|
+
grid-template-areas:
|
|
14593
|
+
'image'
|
|
14594
|
+
'leadingVisual'
|
|
14595
|
+
'icon'
|
|
14596
|
+
'label'
|
|
14597
|
+
'heading'
|
|
14598
|
+
'description'
|
|
14599
|
+
'tokens'
|
|
14600
|
+
'action';
|
|
14601
|
+
}
|
|
14602
|
+
|
|
14066
14603
|
/** Block end image position option */
|
|
14067
14604
|
.Primer_Brand__Card-module__Card--imagePos-block-end___I2w2f {
|
|
14605
|
+
/* Moves the dynamic height row from action back to description because the image is rendered after the content in this layout. */
|
|
14606
|
+
--Card-grid-template-rows: auto auto auto auto auto 1fr auto auto;
|
|
14607
|
+
|
|
14068
14608
|
grid-template-areas:
|
|
14609
|
+
'leadingVisual leadingVisual'
|
|
14069
14610
|
'icon icon'
|
|
14611
|
+
'tokens tokens'
|
|
14070
14612
|
'label label'
|
|
14071
14613
|
'heading heading'
|
|
14072
14614
|
'description description'
|
|
@@ -14076,14 +14618,47 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14076
14618
|
|
|
14077
14619
|
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card--imagePos-block-end___I2w2f {
|
|
14078
14620
|
grid-template-areas:
|
|
14621
|
+
'leadingVisual'
|
|
14622
|
+
'icon'
|
|
14623
|
+
'tokens'
|
|
14624
|
+
'label'
|
|
14625
|
+
'heading'
|
|
14626
|
+
'description'
|
|
14627
|
+
'action'
|
|
14628
|
+
'image';
|
|
14629
|
+
}
|
|
14630
|
+
|
|
14631
|
+
.Primer_Brand__Card-module__Card--imagePos-block-end___I2w2f.Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M {
|
|
14632
|
+
/* Moves the dynamic height row from tokens back to description because both the tokens and image are rendered after the body copy here. */
|
|
14633
|
+
--Card-grid-template-rows: auto auto auto auto 1fr auto auto auto;
|
|
14634
|
+
|
|
14635
|
+
grid-template-areas:
|
|
14636
|
+
'leadingVisual leadingVisual'
|
|
14637
|
+
'icon icon'
|
|
14638
|
+
'label label'
|
|
14639
|
+
'heading heading'
|
|
14640
|
+
'description description'
|
|
14641
|
+
'tokens tokens'
|
|
14642
|
+
'action action'
|
|
14643
|
+
'image image';
|
|
14644
|
+
}
|
|
14645
|
+
|
|
14646
|
+
.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 {
|
|
14647
|
+
grid-template-areas:
|
|
14648
|
+
'leadingVisual'
|
|
14079
14649
|
'icon'
|
|
14080
14650
|
'label'
|
|
14081
14651
|
'heading'
|
|
14082
14652
|
'description'
|
|
14653
|
+
'tokens'
|
|
14083
14654
|
'action'
|
|
14084
14655
|
'image';
|
|
14085
14656
|
}
|
|
14086
14657
|
|
|
14658
|
+
.Primer_Brand__Card-module__Card--hasLeadingVisual___JnH6q {
|
|
14659
|
+
padding: var(--base-size-64) var(--base-size-40);
|
|
14660
|
+
}
|
|
14661
|
+
|
|
14087
14662
|
.Primer_Brand__Card-module__Card--imagePos-block-end___I2w2f .Primer_Brand__Card-module__Card__image___zt4oH {
|
|
14088
14663
|
margin-bottom: 0;
|
|
14089
14664
|
margin-top: var(--base-size-28);
|
|
@@ -14106,9 +14681,8 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14106
14681
|
padding: 0;
|
|
14107
14682
|
}
|
|
14108
14683
|
|
|
14109
|
-
.Primer_Brand__Card-module__Card--
|
|
14110
|
-
|
|
14111
|
-
background-color: var(--brand-Card-background-default);
|
|
14684
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa {
|
|
14685
|
+
--Card-arrowAction-endInset: var(--base-size-40);
|
|
14112
14686
|
}
|
|
14113
14687
|
|
|
14114
14688
|
.Primer_Brand__Card-module__Card___ByGEk:hover {
|
|
@@ -14163,11 +14737,11 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14163
14737
|
|
|
14164
14738
|
.Primer_Brand__Card-module__Card--border___nNZlZ {
|
|
14165
14739
|
border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
|
|
14740
|
+
border-radius: var(--brand-borderRadius-medium);
|
|
14166
14741
|
}
|
|
14167
14742
|
|
|
14168
14743
|
.Primer_Brand__Card-module__Card__outer___QBN0D {
|
|
14169
14744
|
height: 100%;
|
|
14170
|
-
border-radius: var(--brand-borderRadius-xlarge);
|
|
14171
14745
|
}
|
|
14172
14746
|
|
|
14173
14747
|
.Primer_Brand__Card-module__Card__outer___QBN0D:has(.Primer_Brand__Card-module__Card--variant-minimal___lq45H) {
|
|
@@ -14176,6 +14750,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14176
14750
|
|
|
14177
14751
|
.Primer_Brand__Card-module__Card__outer___QBN0D:focus-within {
|
|
14178
14752
|
outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
|
|
14753
|
+
border-radius: var(--brand-borderRadius-medium);
|
|
14179
14754
|
}
|
|
14180
14755
|
|
|
14181
14756
|
.Primer_Brand__Card-module__Card__outer___QBN0D:has(.Primer_Brand__Card-module__Card--variant-minimal___lq45H):focus-within {
|
|
@@ -14184,34 +14759,12 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14184
14759
|
); /* This value is adjusted so that, when combined with the container's border radius, the total border radius equals `var(--brand-borderRadius-medium)` */
|
|
14185
14760
|
}
|
|
14186
14761
|
|
|
14187
|
-
.Primer_Brand__Card-module__Card--
|
|
14188
|
-
grid-template-areas:
|
|
14189
|
-
'image image'
|
|
14190
|
-
'icon label'
|
|
14191
|
-
'heading heading'
|
|
14192
|
-
'description description'
|
|
14193
|
-
'action action';
|
|
14194
|
-
}
|
|
14195
|
-
|
|
14196
|
-
.Primer_Brand__Card-module__Card--icon___nVz0T .Primer_Brand__Card-module__Card__label___EAot7 {
|
|
14197
|
-
justify-self: flex-end;
|
|
14198
|
-
}
|
|
14199
|
-
|
|
14200
|
-
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card--icon___nVz0T .Primer_Brand__Card-module__Card__label___EAot7 {
|
|
14201
|
-
justify-self: center;
|
|
14202
|
-
}
|
|
14203
|
-
|
|
14204
|
-
.Primer_Brand__Card-module__Card--icon___nVz0T .Primer_Brand__Card-module__Card__label___EAot7,
|
|
14205
|
-
.Primer_Brand__Card-module__Card--icon___nVz0T .Primer_Brand__Card-module__Card__icon___H4tc9 {
|
|
14206
|
-
align-self: center;
|
|
14207
|
-
}
|
|
14208
|
-
|
|
14209
|
-
.Primer_Brand__Card-module__Card___ByGEk:not(.Primer_Brand__Card-module__Card--disableAnimation___Zv8eW):not(.Primer_Brand__Card-module__Card--variant-torchlight___AFyIF.Primer_Brand__Card-module__Card--colorMode-dark___Sz8BE):hover {
|
|
14762
|
+
.Primer_Brand__Card-module__Card___ByGEk:not(.Primer_Brand__Card-module__Card--disableAnimation___Zv8eW):hover {
|
|
14210
14763
|
transform: scale3d(1.025, 1.025, 1);
|
|
14211
14764
|
}
|
|
14212
14765
|
|
|
14213
14766
|
.Primer_Brand__Card-module__Card__image___zt4oH {
|
|
14214
|
-
margin-
|
|
14767
|
+
margin-block-end: var(--base-size-28);
|
|
14215
14768
|
border-radius: var(--brand-borderRadius-medium);
|
|
14216
14769
|
overflow: hidden;
|
|
14217
14770
|
grid-area: image;
|
|
@@ -14223,31 +14776,169 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14223
14776
|
display: block;
|
|
14224
14777
|
}
|
|
14225
14778
|
|
|
14779
|
+
.Primer_Brand__Card-module__Card__leadingVisual___hyXFF {
|
|
14780
|
+
margin-block-end: var(--base-size-36);
|
|
14781
|
+
display: flex;
|
|
14782
|
+
align-items: center;
|
|
14783
|
+
grid-area: leadingVisual;
|
|
14784
|
+
}
|
|
14785
|
+
|
|
14786
|
+
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card__leadingVisual___hyXFF {
|
|
14787
|
+
justify-content: center;
|
|
14788
|
+
}
|
|
14789
|
+
|
|
14790
|
+
.Primer_Brand__Card-module__Card__leadingVisualItem___T7Ut8 {
|
|
14791
|
+
display: block;
|
|
14792
|
+
max-width: 100%;
|
|
14793
|
+
height: var(--base-size-40);
|
|
14794
|
+
width: auto;
|
|
14795
|
+
}
|
|
14796
|
+
|
|
14226
14797
|
.Primer_Brand__Card-module__Card__icon___H4tc9 {
|
|
14227
14798
|
margin-bottom: var(--base-size-24);
|
|
14228
14799
|
grid-area: icon;
|
|
14229
14800
|
}
|
|
14230
14801
|
|
|
14802
|
+
.Primer_Brand__Card-module__Card__tokens___eYuJh {
|
|
14803
|
+
display: flex;
|
|
14804
|
+
flex-wrap: wrap;
|
|
14805
|
+
gap: var(--base-size-8);
|
|
14806
|
+
grid-area: tokens;
|
|
14807
|
+
margin-bottom: var(--base-size-20);
|
|
14808
|
+
}
|
|
14809
|
+
|
|
14810
|
+
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card__tokens___eYuJh {
|
|
14811
|
+
justify-content: center;
|
|
14812
|
+
}
|
|
14813
|
+
|
|
14814
|
+
.Primer_Brand__Card-module__Card__tokens--position-block-end___jQn1b {
|
|
14815
|
+
margin-block-start: var(--base-size-20);
|
|
14816
|
+
margin-block-end: 0;
|
|
14817
|
+
}
|
|
14818
|
+
|
|
14231
14819
|
.Primer_Brand__Card-module__Card__label___EAot7 {
|
|
14232
|
-
margin-
|
|
14820
|
+
margin-block-end: var(--base-size-20);
|
|
14233
14821
|
grid-area: label;
|
|
14822
|
+
inline-size: -moz-fit-content;
|
|
14823
|
+
inline-size: fit-content;
|
|
14824
|
+
max-inline-size: 100%;
|
|
14234
14825
|
}
|
|
14235
14826
|
|
|
14236
14827
|
.Primer_Brand__Card-module__Card__heading___INFhp {
|
|
14237
|
-
margin-
|
|
14828
|
+
margin-block-end: var(--base-size-20);
|
|
14238
14829
|
grid-area: heading;
|
|
14239
14830
|
}
|
|
14240
14831
|
|
|
14241
14832
|
.Primer_Brand__Card-module__Card__description___KN9CH {
|
|
14242
|
-
margin-
|
|
14833
|
+
margin-block-end: var(--base-size-32);
|
|
14243
14834
|
grid-area: description;
|
|
14244
14835
|
}
|
|
14245
14836
|
|
|
14246
14837
|
.Primer_Brand__Card-module__Card__action___C6sRY {
|
|
14247
14838
|
grid-area: action;
|
|
14248
|
-
margin-
|
|
14839
|
+
margin-block-start: auto;
|
|
14840
|
+
display: inline-flex;
|
|
14841
|
+
align-items: center;
|
|
14842
|
+
max-inline-size: 100%;
|
|
14843
|
+
pointer-events: none;
|
|
14844
|
+
}
|
|
14845
|
+
|
|
14846
|
+
.Primer_Brand__Card-module__Card__actionIcon___RkX8K {
|
|
14847
|
+
display: inline-flex;
|
|
14848
|
+
align-items: center;
|
|
14849
|
+
justify-content: center;
|
|
14850
|
+
flex-shrink: 0;
|
|
14851
|
+
}
|
|
14852
|
+
|
|
14853
|
+
.Primer_Brand__Card-module__Card__actionLabel___nT5Pl {
|
|
14854
|
+
display: block;
|
|
14855
|
+
min-inline-size: 0;
|
|
14856
|
+
overflow: hidden;
|
|
14857
|
+
text-overflow: ellipsis;
|
|
14858
|
+
white-space: nowrap;
|
|
14859
|
+
}
|
|
14860
|
+
|
|
14861
|
+
.Primer_Brand__Card-module__Card___ByGEk:not(.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa) .Primer_Brand__Card-module__Card__action___C6sRY {
|
|
14862
|
+
inline-size: 100%;
|
|
14863
|
+
min-inline-size: 0;
|
|
14864
|
+
}
|
|
14865
|
+
|
|
14866
|
+
.Primer_Brand__Card-module__Card___ByGEk:not(.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa) .Primer_Brand__Card-module__Card__action___C6sRY > span:first-child {
|
|
14867
|
+
min-inline-size: 0;
|
|
14868
|
+
}
|
|
14869
|
+
|
|
14870
|
+
.Primer_Brand__Card-module__Card___ByGEk:not(.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa) .Primer_Brand__Card-module__Card__actionLabel___nT5Pl {
|
|
14871
|
+
overflow: visible;
|
|
14872
|
+
text-overflow: clip;
|
|
14873
|
+
white-space: normal;
|
|
14874
|
+
word-wrap: anywhere;
|
|
14875
|
+
}
|
|
14876
|
+
|
|
14877
|
+
.Primer_Brand__Card-module__Card--align-center___geXUu:not(.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa) .Primer_Brand__Card-module__Card__actionLabel___nT5Pl {
|
|
14878
|
+
text-align: center;
|
|
14879
|
+
}
|
|
14880
|
+
|
|
14881
|
+
.Primer_Brand__Card-module__Card__actionLabelClip___XkCTY {
|
|
14882
|
+
--actionLabelClip-duration: 400ms;
|
|
14249
14883
|
display: inline-flex;
|
|
14884
|
+
flex: 1 1 auto;
|
|
14250
14885
|
align-items: center;
|
|
14886
|
+
align-self: stretch;
|
|
14887
|
+
min-inline-size: 0;
|
|
14888
|
+
overflow: hidden;
|
|
14889
|
+
max-inline-size: 0;
|
|
14890
|
+
background-color: transparent;
|
|
14891
|
+
opacity: 0;
|
|
14892
|
+
transform: translateX(calc(var(--base-size-12) * -1));
|
|
14893
|
+
transition: max-inline-size 400ms var(--brand-Card-animation-easing),
|
|
14894
|
+
opacity 400ms ease-out, transform 400ms ease-out,
|
|
14895
|
+
margin-inline 400ms ease-out, padding-inline 400ms ease-out;
|
|
14896
|
+
transition: max-inline-size var(--actionLabelClip-duration) var(--brand-Card-animation-easing),
|
|
14897
|
+
opacity var(--actionLabelClip-duration) ease-out, transform var(--actionLabelClip-duration) ease-out,
|
|
14898
|
+
margin-inline var(--actionLabelClip-duration) ease-out, padding-inline var(--actionLabelClip-duration) ease-out;
|
|
14899
|
+
}
|
|
14900
|
+
|
|
14901
|
+
.Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M .Primer_Brand__Card-module__Card__action___C6sRY {
|
|
14902
|
+
margin-block-start: var(--base-size-20);
|
|
14903
|
+
}
|
|
14904
|
+
|
|
14905
|
+
.Primer_Brand__Card-module__Card__action--arrowOnly____4i56 {
|
|
14906
|
+
--actionArrow-duration: 300ms;
|
|
14907
|
+
|
|
14908
|
+
margin-block-start: var(--base-size-20);
|
|
14909
|
+
min-height: var(--base-size-40);
|
|
14910
|
+
width: -moz-fit-content;
|
|
14911
|
+
width: fit-content;
|
|
14912
|
+
min-inline-size: 0;
|
|
14913
|
+
max-inline-size: calc(100% - var(--Card-arrowAction-endInset));
|
|
14914
|
+
justify-content: flex-start;
|
|
14915
|
+
-moz-column-gap: 0;
|
|
14916
|
+
column-gap: 0;
|
|
14917
|
+
padding-block: var(--base-size-4);
|
|
14918
|
+
padding-inline: 0;
|
|
14919
|
+
border: var(--brand-borderWidth-thin) solid transparent;
|
|
14920
|
+
border-radius: var(--brand-borderRadius-full);
|
|
14921
|
+
background-color: transparent;
|
|
14922
|
+
flex-shrink: 0;
|
|
14923
|
+
overflow: hidden;
|
|
14924
|
+
transition: border-color 300ms ease-out, background-color 300ms ease-out,
|
|
14925
|
+
column-gap 300ms ease-out, padding-inline 300ms ease-out;
|
|
14926
|
+
transition: border-color 300ms ease-out, background-color 300ms ease-out,
|
|
14927
|
+
column-gap 300ms ease-out, padding-inline 300ms ease-out, -moz-column-gap 300ms ease-out;
|
|
14928
|
+
transition: border-color var(--actionArrow-duration) ease-out, background-color var(--actionArrow-duration) ease-out,
|
|
14929
|
+
column-gap var(--actionArrow-duration) ease-out, padding-inline var(--actionArrow-duration) ease-out;
|
|
14930
|
+
transition: border-color var(--actionArrow-duration) ease-out, background-color var(--actionArrow-duration) ease-out,
|
|
14931
|
+
column-gap var(--actionArrow-duration) ease-out, padding-inline var(--actionArrow-duration) ease-out, -moz-column-gap var(--actionArrow-duration) ease-out;
|
|
14932
|
+
}
|
|
14933
|
+
|
|
14934
|
+
.Primer_Brand__Card-module__Card__actionIcon--arrowOnly___Vi3cC {
|
|
14935
|
+
width: var(--base-size-32);
|
|
14936
|
+
min-width: var(--base-size-32);
|
|
14937
|
+
height: var(--base-size-32);
|
|
14938
|
+
min-height: var(--base-size-32);
|
|
14939
|
+
border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
|
|
14940
|
+
border-radius: var(--brand-borderRadius-full);
|
|
14941
|
+
background-color: var(--brand-color-canvas-default);
|
|
14251
14942
|
}
|
|
14252
14943
|
|
|
14253
14944
|
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card__action___C6sRY {
|
|
@@ -14259,10 +14950,9 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14259
14950
|
color: var(--brand-Link-color-accent);
|
|
14260
14951
|
}
|
|
14261
14952
|
|
|
14262
|
-
.Primer_Brand__Card-
|
|
14263
|
-
|
|
14264
|
-
|
|
14265
|
-
overflow: hidden;
|
|
14953
|
+
.Primer_Brand__Card-module__Card__action___C6sRY,
|
|
14954
|
+
.Primer_Brand__Card-module__Card__action___C6sRY * {
|
|
14955
|
+
cursor: inherit;
|
|
14266
14956
|
}
|
|
14267
14957
|
|
|
14268
14958
|
.Primer_Brand__Card-module__Card--skew___pEeoW:focus-within {
|
|
@@ -14274,7 +14964,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14274
14964
|
}
|
|
14275
14965
|
|
|
14276
14966
|
.Primer_Brand__Card-module__Card__skew-bounding___Fz3yy {
|
|
14277
|
-
border-radius: var(--brand-borderRadius-
|
|
14967
|
+
border-radius: var(--brand-borderRadius-medium);
|
|
14278
14968
|
position: relative;
|
|
14279
14969
|
overflow: hidden;
|
|
14280
14970
|
z-index: 1;
|
|
@@ -14303,11 +14993,83 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14303
14993
|
margin-inline-start: var(--base-size-4);
|
|
14304
14994
|
}
|
|
14305
14995
|
|
|
14306
|
-
.Primer_Brand__Card-
|
|
14307
|
-
|
|
14996
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ {
|
|
14997
|
+
--ExpandableArrow-duration: var(--brand-Card-animation-duration);
|
|
14998
|
+
--ExpandableArrow-easing: var(--brand-Card-animation-easing);
|
|
14999
|
+
}
|
|
15000
|
+
|
|
15001
|
+
.Primer_Brand__Card-module__Card__actionIcon--arrowOnly___Vi3cC .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ {
|
|
15002
|
+
margin-inline-start: 0;
|
|
15003
|
+
}
|
|
15004
|
+
|
|
15005
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa .Primer_Brand__Card-module__Card__description___KN9CH {
|
|
15006
|
+
margin-bottom: var(--base-size-12);
|
|
15007
|
+
}
|
|
15008
|
+
|
|
15009
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:not(.Primer_Brand__Card-module__Card--disableAnimation___Zv8eW):hover {
|
|
15010
|
+
transform: none;
|
|
15011
|
+
}
|
|
15012
|
+
|
|
15013
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa .Primer_Brand__Card-module__Card__action___C6sRY {
|
|
15014
|
+
min-inline-size: 0;
|
|
15015
|
+
justify-self: start;
|
|
15016
|
+
}
|
|
15017
|
+
|
|
15018
|
+
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa .Primer_Brand__Card-module__Card__action___C6sRY {
|
|
15019
|
+
justify-self: center;
|
|
15020
|
+
}
|
|
15021
|
+
|
|
15022
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:focus-within .Primer_Brand__Card-module__Card__action--arrowOnly____4i56 {
|
|
15023
|
+
-moz-column-gap: var(--base-size-8);
|
|
15024
|
+
column-gap: var(--base-size-8);
|
|
15025
|
+
padding-inline-start: var(--base-size-12);
|
|
15026
|
+
padding-inline-end: var(--base-size-4);
|
|
15027
|
+
border-color: var(--brand-color-border-default);
|
|
15028
|
+
background-color: var(--brand-Card-background-overlay);
|
|
15029
|
+
}
|
|
15030
|
+
|
|
15031
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:hover .Primer_Brand__Card-module__Card__action--arrowOnly____4i56 {
|
|
15032
|
+
-moz-column-gap: var(--base-size-8);
|
|
15033
|
+
column-gap: var(--base-size-8);
|
|
15034
|
+
padding-inline-start: var(--base-size-12);
|
|
15035
|
+
padding-inline-end: var(--base-size-4);
|
|
15036
|
+
border-color: var(--brand-color-border-default);
|
|
15037
|
+
background-color: var(--brand-Card-background-overlay);
|
|
15038
|
+
}
|
|
15039
|
+
|
|
15040
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:focus-within .Primer_Brand__Card-module__Card__actionLabelClip___XkCTY {
|
|
15041
|
+
max-inline-size: 100%;
|
|
15042
|
+
opacity: 1;
|
|
15043
|
+
transform: translateX(0);
|
|
15044
|
+
margin-inline-start: calc(var(--base-size-12) * -1);
|
|
15045
|
+
margin-inline-end: 0;
|
|
15046
|
+
padding-inline-start: var(--base-size-12);
|
|
15047
|
+
padding-inline-end: var(--base-size-4);
|
|
15048
|
+
}
|
|
15049
|
+
|
|
15050
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:hover .Primer_Brand__Card-module__Card__actionLabelClip___XkCTY {
|
|
15051
|
+
max-inline-size: 100%;
|
|
15052
|
+
opacity: 1;
|
|
15053
|
+
transform: translateX(0);
|
|
15054
|
+
margin-inline-start: calc(var(--base-size-12) * -1);
|
|
15055
|
+
margin-inline-end: 0;
|
|
15056
|
+
padding-inline-start: var(--base-size-12);
|
|
15057
|
+
padding-inline-end: var(--base-size-4);
|
|
15058
|
+
}
|
|
15059
|
+
|
|
15060
|
+
.Primer_Brand__Card-module__Card___ByGEk:focus-within .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ {
|
|
15061
|
+
transform: translateX(var(--base-size-2));
|
|
15062
|
+
}
|
|
15063
|
+
|
|
15064
|
+
.Primer_Brand__Card-module__Card___ByGEk:hover .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ {
|
|
15065
|
+
transform: translateX(var(--base-size-2));
|
|
14308
15066
|
}
|
|
14309
15067
|
|
|
14310
|
-
.Primer_Brand__Card-module__Card___ByGEk:
|
|
15068
|
+
.Primer_Brand__Card-module__Card___ByGEk:hover .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ path:nth-of-type(2) {
|
|
15069
|
+
stroke-dashoffset: 20;
|
|
15070
|
+
}
|
|
15071
|
+
|
|
15072
|
+
.Primer_Brand__Card-module__Card___ByGEk:focus-within .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ path:nth-of-type(2) {
|
|
14311
15073
|
stroke-dashoffset: 20;
|
|
14312
15074
|
}
|
|
14313
15075
|
|
|
@@ -14375,7 +15137,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14375
15137
|
|
|
14376
15138
|
/**
|
|
14377
15139
|
* Do not edit directly
|
|
14378
|
-
* Generated on
|
|
15140
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
14379
15141
|
*/
|
|
14380
15142
|
|
|
14381
15143
|
:root,
|
|
@@ -15216,7 +15978,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15216
15978
|
|
|
15217
15979
|
/**
|
|
15218
15980
|
* Do not edit directly
|
|
15219
|
-
* Generated on
|
|
15981
|
+
* Generated on Fri, 24 Apr 2026 13:01:08 GMT
|
|
15220
15982
|
*/
|
|
15221
15983
|
|
|
15222
15984
|
:root {
|
|
@@ -15227,7 +15989,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15227
15989
|
|
|
15228
15990
|
/**
|
|
15229
15991
|
* Do not edit directly
|
|
15230
|
-
* Generated on
|
|
15992
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
15231
15993
|
*/
|
|
15232
15994
|
|
|
15233
15995
|
:root,
|
|
@@ -15726,7 +16488,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15726
16488
|
|
|
15727
16489
|
/**
|
|
15728
16490
|
* Do not edit directly
|
|
15729
|
-
* Generated on
|
|
16491
|
+
* Generated on Fri, 24 Apr 2026 13:01:08 GMT
|
|
15730
16492
|
*/
|
|
15731
16493
|
|
|
15732
16494
|
:root {
|
|
@@ -15746,7 +16508,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15746
16508
|
|
|
15747
16509
|
/**
|
|
15748
16510
|
* Do not edit directly
|
|
15749
|
-
* Generated on
|
|
16511
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
15750
16512
|
*/
|
|
15751
16513
|
|
|
15752
16514
|
:root,
|
|
@@ -15782,7 +16544,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15782
16544
|
|
|
15783
16545
|
/**
|
|
15784
16546
|
* Do not edit directly
|
|
15785
|
-
* Generated on
|
|
16547
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
15786
16548
|
*/
|
|
15787
16549
|
|
|
15788
16550
|
:root,
|
|
@@ -15806,7 +16568,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15806
16568
|
|
|
15807
16569
|
/**
|
|
15808
16570
|
* Do not edit directly
|
|
15809
|
-
* Generated on
|
|
16571
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
15810
16572
|
*/
|
|
15811
16573
|
|
|
15812
16574
|
:root {
|
|
@@ -15948,7 +16710,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15948
16710
|
align-items: center;
|
|
15949
16711
|
gap: var(--base-size-24);
|
|
15950
16712
|
margin: auto;
|
|
15951
|
-
max-width:
|
|
16713
|
+
max-width: 100vw;
|
|
15952
16714
|
}
|
|
15953
16715
|
|
|
15954
16716
|
.Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup___QnvBf {
|
|
@@ -16282,7 +17044,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
16282
17044
|
|
|
16283
17045
|
/**
|
|
16284
17046
|
* Do not edit directly
|
|
16285
|
-
* Generated on
|
|
17047
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
16286
17048
|
*/
|
|
16287
17049
|
|
|
16288
17050
|
:root,
|
|
@@ -16296,7 +17058,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
16296
17058
|
|
|
16297
17059
|
/**
|
|
16298
17060
|
* Do not edit directly
|
|
16299
|
-
* Generated on
|
|
17061
|
+
* Generated on Fri, 24 Apr 2026 13:01:08 GMT
|
|
16300
17062
|
*/
|
|
16301
17063
|
|
|
16302
17064
|
:root {
|
|
@@ -16310,7 +17072,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
16310
17072
|
|
|
16311
17073
|
/**
|
|
16312
17074
|
* Do not edit directly
|
|
16313
|
-
* Generated on
|
|
17075
|
+
* Generated on Fri, 24 Apr 2026 13:01:08 GMT
|
|
16314
17076
|
*/
|
|
16315
17077
|
|
|
16316
17078
|
:root {
|
|
@@ -18486,7 +19248,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18486
19248
|
|
|
18487
19249
|
/**
|
|
18488
19250
|
* Do not edit directly
|
|
18489
|
-
* Generated on
|
|
19251
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
18490
19252
|
*/
|
|
18491
19253
|
|
|
18492
19254
|
:root {
|
|
@@ -18510,7 +19272,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18510
19272
|
|
|
18511
19273
|
/**
|
|
18512
19274
|
* Do not edit directly
|
|
18513
|
-
* Generated on
|
|
19275
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
18514
19276
|
*/
|
|
18515
19277
|
|
|
18516
19278
|
:root,
|
|
@@ -18945,7 +19707,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18945
19707
|
|
|
18946
19708
|
/**
|
|
18947
19709
|
* Do not edit directly
|
|
18948
|
-
* Generated on
|
|
19710
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
18949
19711
|
*/
|
|
18950
19712
|
|
|
18951
19713
|
:root {
|
|
@@ -18961,7 +19723,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18961
19723
|
|
|
18962
19724
|
/**
|
|
18963
19725
|
* Do not edit directly
|
|
18964
|
-
* Generated on
|
|
19726
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
18965
19727
|
*/
|
|
18966
19728
|
|
|
18967
19729
|
:root,
|
|
@@ -18971,6 +19733,9 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18971
19733
|
--brand-PricingOptions-item-bgColor-gradient-start: var(--brand-color-canvas-subtle);
|
|
18972
19734
|
--brand-PricingOptions-item-bgColor-gradient-end: var(--brand-color-canvas-default);
|
|
18973
19735
|
--brand-PricingOptions-featureList-group-heading-color: var(--brand-color-text-default);
|
|
19736
|
+
--brand-PricingOptions-actionsMessage-bgColor: color-mix(in srgb, var(--base-color-scale-blue-4) 10%, transparent);
|
|
19737
|
+
--brand-PricingOptions-actionsMessage-borderColor: color-mix(in srgb, var(--base-color-scale-blue-6) 20%, transparent);
|
|
19738
|
+
--brand-PricingOptions-actionsMessage-accentColor: var(--base-color-scale-blue-5);
|
|
18974
19739
|
}
|
|
18975
19740
|
|
|
18976
19741
|
[data-color-mode="dark"] {
|
|
@@ -18979,6 +19744,9 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18979
19744
|
--brand-PricingOptions-item-bgColor-gradient-start: var(--brand-color-canvas-subtle);
|
|
18980
19745
|
--brand-PricingOptions-item-bgColor-gradient-end: var(--brand-color-canvas-default);
|
|
18981
19746
|
--brand-PricingOptions-featureList-group-heading-color: var(--brand-color-text-default);
|
|
19747
|
+
--brand-PricingOptions-actionsMessage-bgColor: #0c1c26;
|
|
19748
|
+
--brand-PricingOptions-actionsMessage-borderColor: #0e4678;
|
|
19749
|
+
--brand-PricingOptions-actionsMessage-accentColor: #1095ff;
|
|
18982
19750
|
}
|
|
18983
19751
|
|
|
18984
19752
|
/* ---------------------------------------------------------- */
|
|
@@ -18988,9 +19756,11 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18988
19756
|
.Primer_Brand__PricingOptions-module__PricingOptions___hjzt8 {
|
|
18989
19757
|
--brand-pricing-options-item-gap: var(--brand-PricingOptions-items-gap);
|
|
18990
19758
|
--brand-pricing-options-container-padding-inline: 0;
|
|
19759
|
+
--brand-pricing-options-column-count: 1;
|
|
18991
19760
|
|
|
18992
19761
|
/* prettier-ignore */
|
|
18993
19762
|
--brand-pricing-options-template-areas:
|
|
19763
|
+
'labels'
|
|
18994
19764
|
'leadingComponent'
|
|
18995
19765
|
'header'
|
|
18996
19766
|
'description'
|
|
@@ -19019,13 +19789,165 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19019
19789
|
@media (min-width: 63.25rem) {
|
|
19020
19790
|
.Primer_Brand__PricingOptions-module__PricingOptions___hjzt8 {
|
|
19021
19791
|
grid-template-areas: var(--brand-pricing-options-template-areas);
|
|
19022
|
-
grid-template-columns: repeat(
|
|
19792
|
+
grid-template-columns: repeat(var(--brand-pricing-options-column-count), minmax(0, 1fr));
|
|
19023
19793
|
-moz-column-gap: 0;
|
|
19024
19794
|
column-gap: 0;
|
|
19025
19795
|
-moz-column-gap: var(--brand-pricing-options-item-gap, 0);
|
|
19026
19796
|
column-gap: var(--brand-pricing-options-item-gap, 0);
|
|
19027
19797
|
row-gap: 0;
|
|
19028
19798
|
}
|
|
19799
|
+
|
|
19800
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--items1___Do94G {
|
|
19801
|
+
--brand-pricing-options-column-count: 1;
|
|
19802
|
+
}
|
|
19803
|
+
|
|
19804
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--items2___Z08y5 {
|
|
19805
|
+
--brand-pricing-options-column-count: 2;
|
|
19806
|
+
}
|
|
19807
|
+
|
|
19808
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--items3___u4TM8 {
|
|
19809
|
+
--brand-pricing-options-column-count: 3;
|
|
19810
|
+
}
|
|
19811
|
+
|
|
19812
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--items4___FgRN3 {
|
|
19813
|
+
--brand-pricing-options-column-count: 4;
|
|
19814
|
+
}
|
|
19815
|
+
}
|
|
19816
|
+
|
|
19817
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw {
|
|
19818
|
+
display: none;
|
|
19819
|
+
}
|
|
19820
|
+
|
|
19821
|
+
@media (min-width: 63.25rem) {
|
|
19822
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw {
|
|
19823
|
+
--brand-pricing-options-column-count: 1;
|
|
19824
|
+
|
|
19825
|
+
display: grid;
|
|
19826
|
+
grid-column: 1 / -1;
|
|
19827
|
+
grid-row: labels;
|
|
19828
|
+
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
19829
|
+
grid-template-columns: repeat(var(--brand-pricing-options-column-count), minmax(0, 1fr));
|
|
19830
|
+
grid-column-gap: 0;
|
|
19831
|
+
grid-column-gap: var(--brand-pricing-options-item-gap, 0);
|
|
19832
|
+
-moz-column-gap: 0;
|
|
19833
|
+
column-gap: 0;
|
|
19834
|
+
-moz-column-gap: var(--brand-pricing-options-item-gap, 0);
|
|
19835
|
+
column-gap: var(--brand-pricing-options-item-gap, 0);
|
|
19836
|
+
}
|
|
19837
|
+
|
|
19838
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM {
|
|
19839
|
+
position: relative;
|
|
19840
|
+
display: flex;
|
|
19841
|
+
align-items: center;
|
|
19842
|
+
min-height: var(--base-size-54);
|
|
19843
|
+
padding-block: var(--base-size-16);
|
|
19844
|
+
background-color: var(--brand-PricingOptions-item-bgColor-solid);
|
|
19845
|
+
}
|
|
19846
|
+
|
|
19847
|
+
/* Accent top border — uses ::after so it can overflow into the column gap */
|
|
19848
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI::after {
|
|
19849
|
+
content: '';
|
|
19850
|
+
position: absolute;
|
|
19851
|
+
inset-block-start: 0;
|
|
19852
|
+
inset-inline-start: calc(0px / 2 * -1);
|
|
19853
|
+
inset-inline-start: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);
|
|
19854
|
+
inset-inline-end: calc(0px / 2 * -1);
|
|
19855
|
+
inset-inline-end: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);
|
|
19856
|
+
height: var(--brand-borderWidth-thin);
|
|
19857
|
+
background-color: var(--brand-color-text-emphasized);
|
|
19858
|
+
z-index: 1;
|
|
19859
|
+
}
|
|
19860
|
+
|
|
19861
|
+
/* First cell: don't overflow past container start (cards override below) */
|
|
19862
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI:first-child::after {
|
|
19863
|
+
inset-inline-start: 0;
|
|
19864
|
+
}
|
|
19865
|
+
|
|
19866
|
+
/* Last cell: don't overflow past container end (cards override below) */
|
|
19867
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI:last-child::after {
|
|
19868
|
+
inset-inline-end: 0;
|
|
19869
|
+
}
|
|
19870
|
+
|
|
19871
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI::after {
|
|
19872
|
+
inset-inline-start: 0;
|
|
19873
|
+
inset-inline-end: 0;
|
|
19874
|
+
}
|
|
19875
|
+
|
|
19876
|
+
/* ---- Default layout labels ---- */
|
|
19877
|
+
|
|
19878
|
+
/* Continuous bottom border across entire labels row — uses ::after to extend into container padding */
|
|
19879
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw {
|
|
19880
|
+
position: relative;
|
|
19881
|
+
}
|
|
19882
|
+
|
|
19883
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw::after {
|
|
19884
|
+
content: '';
|
|
19885
|
+
position: absolute;
|
|
19886
|
+
inset-block-end: 0;
|
|
19887
|
+
inset-inline-start: calc(0px * -1);
|
|
19888
|
+
inset-inline-start: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
|
|
19889
|
+
inset-inline-end: calc(0px * -1);
|
|
19890
|
+
inset-inline-end: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
|
|
19891
|
+
height: var(--brand-borderWidth-thin);
|
|
19892
|
+
background-color: var(--brand-color-border-subtle);
|
|
19893
|
+
}
|
|
19894
|
+
|
|
19895
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM {
|
|
19896
|
+
margin-inline: calc(var(--brand-pricing-options-item-gap) / 2 * -1);
|
|
19897
|
+
padding-inline: calc(var(--brand-pricing-options-item-gap) / 2);
|
|
19898
|
+
}
|
|
19899
|
+
|
|
19900
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM:first-child {
|
|
19901
|
+
margin-inline-start: calc(var(--brand-pricing-options-container-padding-inline) * -1);
|
|
19902
|
+
padding-inline-start: var(--brand-pricing-options-container-padding-inline);
|
|
19903
|
+
}
|
|
19904
|
+
|
|
19905
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM:last-child {
|
|
19906
|
+
margin-inline-end: calc(var(--brand-pricing-options-container-padding-inline) * -1);
|
|
19907
|
+
padding-inline-end: var(--brand-pricing-options-container-padding-inline);
|
|
19908
|
+
}
|
|
19909
|
+
|
|
19910
|
+
/* Empty cells: transparent bg/borders but structurally visible so dividers show */
|
|
19911
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--empty___SSWHp {
|
|
19912
|
+
background-color: transparent;
|
|
19913
|
+
border-block-start-color: transparent;
|
|
19914
|
+
}
|
|
19915
|
+
|
|
19916
|
+
/* Vertical dividers between label cells, centered in the gap */
|
|
19917
|
+
.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 {
|
|
19918
|
+
content: '';
|
|
19919
|
+
position: absolute;
|
|
19920
|
+
inset-block: 0;
|
|
19921
|
+
width: var(--brand-borderWidth-thin);
|
|
19922
|
+
inset-inline-start: 0;
|
|
19923
|
+
background-color: var(--brand-color-border-subtle);
|
|
19924
|
+
}
|
|
19925
|
+
|
|
19926
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___kcYQZ
|
|
19927
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM
|
|
19928
|
+
+ .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM::before {
|
|
19929
|
+
-webkit-mask-image: var(--brand-PricingOptions-borderMask);
|
|
19930
|
+
mask-image: var(--brand-PricingOptions-borderMask);
|
|
19931
|
+
}
|
|
19932
|
+
|
|
19933
|
+
/* ---- Cards layout labels ---- */
|
|
19934
|
+
|
|
19935
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM {
|
|
19936
|
+
padding-inline: var(--base-size-28);
|
|
19937
|
+
border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);
|
|
19938
|
+
/* border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted); */
|
|
19939
|
+
}
|
|
19940
|
+
|
|
19941
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--empty___SSWHp {
|
|
19942
|
+
opacity: 0;
|
|
19943
|
+
pointer-events: none;
|
|
19944
|
+
}
|
|
19945
|
+
|
|
19946
|
+
/* Cards: keep accent border inside the card boundary */
|
|
19947
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI::after {
|
|
19948
|
+
inset-inline-start: 0;
|
|
19949
|
+
inset-inline-end: 0;
|
|
19950
|
+
}
|
|
19029
19951
|
}
|
|
19030
19952
|
|
|
19031
19953
|
/* ---------------------------------------------------------- */
|
|
@@ -19034,11 +19956,10 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19034
19956
|
|
|
19035
19957
|
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 {
|
|
19036
19958
|
position: relative;
|
|
19037
|
-
border-radius: var(--brand-borderRadius-xlarge);
|
|
19038
19959
|
}
|
|
19039
19960
|
|
|
19040
19961
|
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-solid___S7wHh {
|
|
19041
|
-
border: solid 1px var(--brand-color-border-
|
|
19962
|
+
border: solid 1px var(--brand-color-border-subtle);
|
|
19042
19963
|
background-color: var(--brand-PricingOptions-item-bgColor-solid);
|
|
19043
19964
|
}
|
|
19044
19965
|
|
|
@@ -19060,7 +19981,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19060
19981
|
border-radius: inherit;
|
|
19061
19982
|
-webkit-mask-image: var(--brand-PricingOptions-borderMask);
|
|
19062
19983
|
mask-image: var(--brand-PricingOptions-borderMask);
|
|
19063
|
-
border: var(--brand-borderWidth-thin) solid var(--brand-color-border-
|
|
19984
|
+
border: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);
|
|
19064
19985
|
}
|
|
19065
19986
|
|
|
19066
19987
|
@media (min-width: 63.25rem) {
|
|
@@ -19070,6 +19991,8 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19070
19991
|
}
|
|
19071
19992
|
|
|
19072
19993
|
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
|
|
19994
|
+
--brand-pricing-options-item-padding-inline: var(--base-size-24);
|
|
19995
|
+
|
|
19073
19996
|
position: relative; /* Used for positioning the divider between items */
|
|
19074
19997
|
padding-inline: var(--base-size-24);
|
|
19075
19998
|
padding-block: var(--base-size-20);
|
|
@@ -19077,23 +20000,25 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19077
20000
|
|
|
19078
20001
|
@media (min-width: 63.25rem) {
|
|
19079
20002
|
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
|
|
20003
|
+
--brand-pricing-options-item-padding-inline: 0;
|
|
20004
|
+
|
|
19080
20005
|
padding-inline: 0;
|
|
19081
20006
|
padding-block: var(--base-size-40);
|
|
19082
20007
|
}
|
|
19083
20008
|
}
|
|
19084
20009
|
|
|
19085
20010
|
/* Horizontal divider between items on small viewports */
|
|
19086
|
-
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw
|
|
20011
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw + .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw::before {
|
|
19087
20012
|
content: '';
|
|
19088
20013
|
position: absolute;
|
|
19089
20014
|
inset-inline: 0;
|
|
19090
20015
|
height: 1px;
|
|
19091
|
-
background-color: var(--brand-color-border-
|
|
20016
|
+
background-color: var(--brand-color-border-subtle);
|
|
19092
20017
|
}
|
|
19093
20018
|
|
|
19094
20019
|
/* Vertical divider between items on larger viewports */
|
|
19095
20020
|
@media (min-width: 63.25rem) {
|
|
19096
|
-
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw
|
|
20021
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw + .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw::before {
|
|
19097
20022
|
inset-inline: 0;
|
|
19098
20023
|
inset-block: 0;
|
|
19099
20024
|
width: 1px;
|
|
@@ -19102,7 +20027,9 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19102
20027
|
margin-inline-start: calc(var(--brand-pricing-options-item-gap) / 2 * -1);
|
|
19103
20028
|
}
|
|
19104
20029
|
|
|
19105
|
-
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___kcYQZ
|
|
20030
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___kcYQZ
|
|
20031
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw
|
|
20032
|
+
+ .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw::before {
|
|
19106
20033
|
-webkit-mask-image: var(--brand-PricingOptions-borderMask);
|
|
19107
20034
|
mask-image: var(--brand-PricingOptions-borderMask);
|
|
19108
20035
|
}
|
|
@@ -19113,15 +20040,16 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19113
20040
|
/* ---------------------------------------------------------- */
|
|
19114
20041
|
|
|
19115
20042
|
.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
|
|
20043
|
+
--brand-pricing-options-item-padding-inline: var(--base-size-32);
|
|
20044
|
+
|
|
19116
20045
|
position: relative;
|
|
19117
20046
|
padding-inline: var(--base-size-32);
|
|
19118
|
-
border-radius: var(--brand-borderRadius-xlarge);
|
|
19119
20047
|
padding-block: var(--base-size-32);
|
|
19120
20048
|
}
|
|
19121
20049
|
|
|
19122
20050
|
.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc.Primer_Brand__PricingOptions-module__PricingOptions--appearance-solid___S7wHh .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
|
|
19123
20051
|
background-color: var(--brand-PricingOptions-item-bgColor-solid);
|
|
19124
|
-
border: solid var(--brand-borderWidth-thin) var(--brand-color-border-
|
|
20052
|
+
border: solid var(--brand-borderWidth-thin) var(--brand-color-border-subtle);
|
|
19125
20053
|
}
|
|
19126
20054
|
|
|
19127
20055
|
/* ---------------------------------------------------------- */
|
|
@@ -19189,10 +20117,6 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19189
20117
|
justify-content: center;
|
|
19190
20118
|
}
|
|
19191
20119
|
|
|
19192
|
-
.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b .Primer_Brand__PricingOptions-module__PricingOptions__label___VwACa {
|
|
19193
|
-
justify-self: center;
|
|
19194
|
-
}
|
|
19195
|
-
|
|
19196
20120
|
/*
|
|
19197
20121
|
* Backwards compatibility for browsers that don't support subgrid.
|
|
19198
20122
|
* Once subgrid is supported in the last 3 major versions of Safari (i.e., when Safari 18 is released), it can be fully removed.
|
|
@@ -19218,23 +20142,12 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19218
20142
|
row-gap: var(--base-size-16);
|
|
19219
20143
|
}
|
|
19220
20144
|
|
|
19221
|
-
/* When item is left-aligned,
|
|
20145
|
+
/* When item is left-aligned, keep the heading at the start of the card */
|
|
19222
20146
|
.Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:not(.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b) .Primer_Brand__PricingOptions-module__PricingOptions__header___NCmt2 {
|
|
19223
|
-
flex-wrap: wrap-reverse;
|
|
19224
20147
|
align-items: center;
|
|
19225
|
-
-moz-column-gap: var(--base-size-16);
|
|
19226
|
-
column-gap: var(--base-size-16);
|
|
19227
20148
|
margin-block-end: var(--base-size-16);
|
|
19228
20149
|
}
|
|
19229
20150
|
|
|
19230
|
-
.Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:not(.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b) .Primer_Brand__PricingOptions-module__PricingOptions__label___VwACa {
|
|
19231
|
-
--brand-Label-color: var(--brand-color-accent-primary);
|
|
19232
|
-
--brand-Label-color-start: var(--brand-color-accent-primary-start);
|
|
19233
|
-
--brand-Label-color-end: var(--brand-color-accent-primary-end);
|
|
19234
|
-
flex: 0 0 auto;
|
|
19235
|
-
order: 2;
|
|
19236
|
-
}
|
|
19237
|
-
|
|
19238
20151
|
.Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw:not(.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b) .Primer_Brand__PricingOptions-module__PricingOptions__heading___LZFAK {
|
|
19239
20152
|
margin-block: var(--base-size-16);
|
|
19240
20153
|
flex: 0 1 auto;
|
|
@@ -19248,25 +20161,15 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19248
20161
|
}
|
|
19249
20162
|
}
|
|
19250
20163
|
|
|
19251
|
-
/* When item is centered,
|
|
20164
|
+
/* When item is centered, center the heading */
|
|
19252
20165
|
.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b .Primer_Brand__PricingOptions-module__PricingOptions__header___NCmt2 {
|
|
19253
|
-
|
|
19254
|
-
align-items: center;
|
|
19255
|
-
justify-content: flex-end;
|
|
19256
|
-
}
|
|
19257
|
-
|
|
19258
|
-
.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b .Primer_Brand__PricingOptions-module__PricingOptions__label___VwACa {
|
|
19259
|
-
--brand-Label-color: var(--brand-color-accent-primary);
|
|
19260
|
-
--brand-Label-color-start: var(--brand-color-accent-primary-start);
|
|
19261
|
-
--brand-Label-color-end: var(--brand-color-accent-primary-end);
|
|
19262
|
-
order: 1;
|
|
19263
|
-
margin: 0 auto;
|
|
20166
|
+
justify-content: center;
|
|
19264
20167
|
}
|
|
19265
20168
|
|
|
19266
20169
|
.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b .Primer_Brand__PricingOptions-module__PricingOptions__heading___LZFAK {
|
|
19267
20170
|
margin-block-start: 0;
|
|
19268
20171
|
margin-block-end: var(--base-size-16);
|
|
19269
|
-
|
|
20172
|
+
text-align: center;
|
|
19270
20173
|
}
|
|
19271
20174
|
|
|
19272
20175
|
.Primer_Brand__PricingOptions-module__PricingOptions__leading-component___FPip4 {
|
|
@@ -19274,16 +20177,13 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19274
20177
|
}
|
|
19275
20178
|
|
|
19276
20179
|
.Primer_Brand__PricingOptions-module__PricingOptions__label___VwACa {
|
|
19277
|
-
|
|
19278
|
-
|
|
19279
|
-
|
|
19280
|
-
|
|
19281
|
-
|
|
19282
|
-
|
|
19283
|
-
|
|
19284
|
-
|
|
19285
|
-
flex: 0 0 auto;
|
|
19286
|
-
order: 2;
|
|
20180
|
+
color: var(--brand-color-text-default);
|
|
20181
|
+
font-family: var(--brand-fontStack-monospace);
|
|
20182
|
+
font-size: var(--brand-text-size-100);
|
|
20183
|
+
font-weight: var(--brand-text-weight-500);
|
|
20184
|
+
letter-spacing: var(--brand-text-letterSpacing-100);
|
|
20185
|
+
line-height: var(--brand-text-lineHeight-200);
|
|
20186
|
+
text-transform: uppercase;
|
|
19287
20187
|
}
|
|
19288
20188
|
|
|
19289
20189
|
.Primer_Brand__PricingOptions-module__PricingOptions__heading___LZFAK {
|
|
@@ -19300,7 +20200,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19300
20200
|
.Primer_Brand__PricingOptions-module__PricingOptions__price___qxTEV {
|
|
19301
20201
|
display: flex;
|
|
19302
20202
|
flex-wrap: wrap;
|
|
19303
|
-
align-
|
|
20203
|
+
align-items: flex-start;
|
|
19304
20204
|
grid-row: price;
|
|
19305
20205
|
padding-block-start: var(--base-size-20);
|
|
19306
20206
|
padding-block-end: var(--base-size-8);
|
|
@@ -19313,8 +20213,14 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19313
20213
|
}
|
|
19314
20214
|
}
|
|
19315
20215
|
|
|
20216
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__price-amount___tdTS8 {
|
|
20217
|
+
display: flex;
|
|
20218
|
+
align-items: flex-end;
|
|
20219
|
+
}
|
|
20220
|
+
|
|
19316
20221
|
.Primer_Brand__PricingOptions-module__PricingOptions__price-currency-code___kFWAy {
|
|
19317
20222
|
margin-inline-start: var(--base-size-4);
|
|
20223
|
+
margin-block-end: var(--base-size-4);
|
|
19318
20224
|
color: var(--brand-color-text-muted);
|
|
19319
20225
|
}
|
|
19320
20226
|
|
|
@@ -19345,6 +20251,61 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19345
20251
|
padding-block-start: var(--base-size-20);
|
|
19346
20252
|
}
|
|
19347
20253
|
|
|
20254
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__actions-message___n7IvJ {
|
|
20255
|
+
display: flex;
|
|
20256
|
+
gap: var(--base-size-12);
|
|
20257
|
+
align-items: flex-start;
|
|
20258
|
+
inline-size: 100%;
|
|
20259
|
+
max-inline-size: 100%;
|
|
20260
|
+
padding: var(--base-size-12);
|
|
20261
|
+
border-block: var(--brand-borderWidth-thin) solid var(--brand-PricingOptions-actionsMessage-borderColor);
|
|
20262
|
+
border-inline: 0;
|
|
20263
|
+
border-radius: 0;
|
|
20264
|
+
background-color: var(--brand-PricingOptions-actionsMessage-bgColor);
|
|
20265
|
+
}
|
|
20266
|
+
|
|
20267
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__actions-message-leading-component___Wk0uH {
|
|
20268
|
+
flex: 0 0 auto;
|
|
20269
|
+
display: flex;
|
|
20270
|
+
margin-block-start: var(--base-size-4);
|
|
20271
|
+
color: var(--brand-PricingOptions-actionsMessage-accentColor);
|
|
20272
|
+
}
|
|
20273
|
+
|
|
20274
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__actions-message-leading-component___Wk0uH :where(svg) {
|
|
20275
|
+
display: block;
|
|
20276
|
+
inline-size: var(--base-size-16);
|
|
20277
|
+
block-size: var(--base-size-16);
|
|
20278
|
+
}
|
|
20279
|
+
|
|
20280
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__actions-message-content___CKvOG {
|
|
20281
|
+
flex: 1 1 auto;
|
|
20282
|
+
min-inline-size: 0;
|
|
20283
|
+
}
|
|
20284
|
+
|
|
20285
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__actions-message-content___CKvOG :where(p) {
|
|
20286
|
+
margin: 0;
|
|
20287
|
+
}
|
|
20288
|
+
|
|
20289
|
+
/* MenuAction: full-width ActionMenu wrapper */
|
|
20290
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__menu-action___e4jvF {
|
|
20291
|
+
width: 100%;
|
|
20292
|
+
}
|
|
20293
|
+
|
|
20294
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__menu-action___e4jvF > * {
|
|
20295
|
+
width: 100%;
|
|
20296
|
+
}
|
|
20297
|
+
|
|
20298
|
+
/* Force ActionMenu button container to stretch full width */
|
|
20299
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__menu-action___e4jvF > * > * {
|
|
20300
|
+
display: flex;
|
|
20301
|
+
width: 100%;
|
|
20302
|
+
}
|
|
20303
|
+
|
|
20304
|
+
/* Make the primary button fill remaining space next to the chevron */
|
|
20305
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__menu-action___e4jvF > * > * > :first-child {
|
|
20306
|
+
flex: 1;
|
|
20307
|
+
}
|
|
20308
|
+
|
|
19348
20309
|
.Primer_Brand__PricingOptions-module__PricingOptions__footnote___UwqUw {
|
|
19349
20310
|
grid-row: footnote;
|
|
19350
20311
|
display: block;
|
|
@@ -19369,13 +20330,58 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19369
20330
|
}
|
|
19370
20331
|
|
|
19371
20332
|
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ {
|
|
19372
|
-
|
|
20333
|
+
position: relative;
|
|
19373
20334
|
margin: 0;
|
|
19374
20335
|
margin-block-start: var(--base-size-20);
|
|
19375
20336
|
padding-block-start: var(--base-size-40);
|
|
19376
20337
|
padding-inline: 0;
|
|
19377
20338
|
}
|
|
19378
20339
|
|
|
20340
|
+
/* Edge-to-edge divider above feature list */
|
|
20341
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
|
|
20342
|
+
content: '';
|
|
20343
|
+
position: absolute;
|
|
20344
|
+
inset-block-start: 0;
|
|
20345
|
+
inset-inline-start: calc(0px * -1);
|
|
20346
|
+
inset-inline-start: calc(var(--brand-pricing-options-item-padding-inline, 0px) * -1);
|
|
20347
|
+
inset-inline-end: calc(0px * -1);
|
|
20348
|
+
inset-inline-end: calc(var(--brand-pricing-options-item-padding-inline, 0px) * -1);
|
|
20349
|
+
height: var(--brand-borderWidth-thin);
|
|
20350
|
+
background-color: var(--brand-color-border-subtle);
|
|
20351
|
+
}
|
|
20352
|
+
|
|
20353
|
+
/* Default layout: extend feature list divider into column gap */
|
|
20354
|
+
@media (min-width: 63.25rem) {
|
|
20355
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
|
|
20356
|
+
inset-inline-start: calc(0px / 2 * -1);
|
|
20357
|
+
inset-inline-start: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);
|
|
20358
|
+
inset-inline-end: calc(0px / 2 * -1);
|
|
20359
|
+
inset-inline-end: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);
|
|
20360
|
+
}
|
|
20361
|
+
|
|
20362
|
+
/* First item: don't overflow past container start */
|
|
20363
|
+
.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,
|
|
20364
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8
|
|
20365
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw
|
|
20366
|
+
+ .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw
|
|
20367
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
|
|
20368
|
+
inset-inline-start: calc(0px * -1);
|
|
20369
|
+
inset-inline-start: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
|
|
20370
|
+
}
|
|
20371
|
+
|
|
20372
|
+
/* Last item: don't overflow past container end */
|
|
20373
|
+
.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 {
|
|
20374
|
+
inset-inline-end: calc(0px * -1);
|
|
20375
|
+
inset-inline-end: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
|
|
20376
|
+
}
|
|
20377
|
+
|
|
20378
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___kcYQZ
|
|
20379
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
|
|
20380
|
+
-webkit-mask-image: var(--brand-PricingOptions-borderMask);
|
|
20381
|
+
mask-image: var(--brand-PricingOptions-borderMask);
|
|
20382
|
+
}
|
|
20383
|
+
}
|
|
20384
|
+
|
|
19379
20385
|
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-set___cJt0a:nth-child(n + 2) {
|
|
19380
20386
|
margin-block-start: var(--base-size-20);
|
|
19381
20387
|
}
|
|
@@ -19390,6 +20396,44 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19390
20396
|
color: var(--brand-color-text-muted);
|
|
19391
20397
|
}
|
|
19392
20398
|
|
|
20399
|
+
/* Info tooltip button */
|
|
20400
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item--has-info___zXREr {
|
|
20401
|
+
flex-wrap: nowrap;
|
|
20402
|
+
}
|
|
20403
|
+
|
|
20404
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item--has-info___zXREr > span {
|
|
20405
|
+
flex: 1;
|
|
20406
|
+
display: inline-flex;
|
|
20407
|
+
align-items: baseline;
|
|
20408
|
+
justify-content: space-between;
|
|
20409
|
+
}
|
|
20410
|
+
|
|
20411
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item-info___glnBV {
|
|
20412
|
+
all: unset;
|
|
20413
|
+
display: inline-flex;
|
|
20414
|
+
align-items: center;
|
|
20415
|
+
justify-content: center;
|
|
20416
|
+
flex-shrink: 0;
|
|
20417
|
+
cursor: pointer;
|
|
20418
|
+
color: var(--brand-color-text-muted);
|
|
20419
|
+
background-color: color-mix(in srgb, var(--brand-color-canvas-invert) 12%, transparent);
|
|
20420
|
+
border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
20421
|
+
border-radius: 50%;
|
|
20422
|
+
margin-inline-start: var(--base-size-8);
|
|
20423
|
+
vertical-align: middle;
|
|
20424
|
+
padding: var(--base-size-4);
|
|
20425
|
+
}
|
|
20426
|
+
|
|
20427
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item-info___glnBV svg {
|
|
20428
|
+
width: var(--base-size-12);
|
|
20429
|
+
height: var(--base-size-12);
|
|
20430
|
+
}
|
|
20431
|
+
|
|
20432
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item-info___glnBV:focus-visible {
|
|
20433
|
+
outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
|
|
20434
|
+
outline-offset: 2px;
|
|
20435
|
+
}
|
|
20436
|
+
|
|
19393
20437
|
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list___BmoFc + .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-group-heading___u739o {
|
|
19394
20438
|
margin-block-start: var(--base-size-20);
|
|
19395
20439
|
}
|
|
@@ -19428,6 +20472,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19428
20472
|
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW {
|
|
19429
20473
|
padding: var(--base-size-8) 0;
|
|
19430
20474
|
padding-inline-start: 0 !important; /* Fixes dotcom specificity issue */
|
|
20475
|
+
padding-inline-end: 0 !important;
|
|
19431
20476
|
margin-block-start: calc(var(--base-size-16) * -1);
|
|
19432
20477
|
margin-block-end: var(--base-size-8);
|
|
19433
20478
|
}
|
|
@@ -19438,8 +20483,10 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19438
20483
|
line-height: var(--feature-list-line-height);
|
|
19439
20484
|
font-weight: var(--brand-text-subhead-weight-large);
|
|
19440
20485
|
gap: var(--base-size-8);
|
|
19441
|
-
display: inline-flex;
|
|
19442
20486
|
align-items: center;
|
|
20487
|
+
justify-content: space-between;
|
|
20488
|
+
display: flex;
|
|
20489
|
+
width: 100%;
|
|
19443
20490
|
}
|
|
19444
20491
|
|
|
19445
20492
|
/* Hide default icon */
|
|
@@ -19454,6 +20501,10 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19454
20501
|
padding-inline-start: 0 !important;
|
|
19455
20502
|
}
|
|
19456
20503
|
|
|
20504
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-chevron___XXErd {
|
|
20505
|
+
margin-inline-end: var(--base-size-4);
|
|
20506
|
+
}
|
|
20507
|
+
|
|
19457
20508
|
/* Chevron up icon */
|
|
19458
20509
|
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF[open] .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-chevron___XXErd {
|
|
19459
20510
|
transform: rotate(180deg);
|
|
@@ -19465,7 +20516,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19465
20516
|
|
|
19466
20517
|
/**
|
|
19467
20518
|
* Do not edit directly
|
|
19468
|
-
* Generated on
|
|
20519
|
+
* Generated on Fri, 24 Apr 2026 13:01:08 GMT
|
|
19469
20520
|
*/
|
|
19470
20521
|
|
|
19471
20522
|
:root {
|
|
@@ -19474,7 +20525,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19474
20525
|
|
|
19475
20526
|
/**
|
|
19476
20527
|
* Do not edit directly
|
|
19477
|
-
* Generated on
|
|
20528
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
19478
20529
|
*/
|
|
19479
20530
|
|
|
19480
20531
|
:root,
|
|
@@ -20285,7 +21336,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
20285
21336
|
|
|
20286
21337
|
/**
|
|
20287
21338
|
* Do not edit directly
|
|
20288
|
-
* Generated on
|
|
21339
|
+
* Generated on Fri, 24 Apr 2026 13:01:08 GMT
|
|
20289
21340
|
*/
|
|
20290
21341
|
|
|
20291
21342
|
:root {
|
|
@@ -20294,7 +21345,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
20294
21345
|
|
|
20295
21346
|
/**
|
|
20296
21347
|
* Do not edit directly
|
|
20297
|
-
* Generated on
|
|
21348
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
20298
21349
|
*/
|
|
20299
21350
|
|
|
20300
21351
|
:root,
|
|
@@ -20790,7 +21841,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
20790
21841
|
|
|
20791
21842
|
/**
|
|
20792
21843
|
* Do not edit directly
|
|
20793
|
-
* Generated on
|
|
21844
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
20794
21845
|
*/
|
|
20795
21846
|
|
|
20796
21847
|
:root,
|
|
@@ -20889,7 +21940,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
20889
21940
|
|
|
20890
21941
|
/**
|
|
20891
21942
|
* Do not edit directly
|
|
20892
|
-
* Generated on
|
|
21943
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
20893
21944
|
*/
|
|
20894
21945
|
|
|
20895
21946
|
:root,
|
|
@@ -21267,7 +22318,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
21267
22318
|
|
|
21268
22319
|
/**
|
|
21269
22320
|
* Do not edit directly
|
|
21270
|
-
* Generated on
|
|
22321
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
21271
22322
|
*/
|
|
21272
22323
|
|
|
21273
22324
|
:root,
|
|
@@ -21281,7 +22332,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
21281
22332
|
|
|
21282
22333
|
/**
|
|
21283
22334
|
* Do not edit directly
|
|
21284
|
-
* Generated on
|
|
22335
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
21285
22336
|
*/
|
|
21286
22337
|
|
|
21287
22338
|
:root {
|
|
@@ -21468,7 +22519,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
21468
22519
|
|
|
21469
22520
|
/**
|
|
21470
22521
|
* Do not edit directly
|
|
21471
|
-
* Generated on
|
|
22522
|
+
* Generated on Fri, 24 Apr 2026 13:01:08 GMT
|
|
21472
22523
|
*/
|
|
21473
22524
|
|
|
21474
22525
|
:root {
|
|
@@ -21752,7 +22803,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
21752
22803
|
|
|
21753
22804
|
/**
|
|
21754
22805
|
* Do not edit directly
|
|
21755
|
-
* Generated on
|
|
22806
|
+
* Generated on Fri, 24 Apr 2026 13:01:08 GMT
|
|
21756
22807
|
*/
|
|
21757
22808
|
|
|
21758
22809
|
:root {
|
|
@@ -21763,7 +22814,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
21763
22814
|
|
|
21764
22815
|
/**
|
|
21765
22816
|
* Do not edit directly
|
|
21766
|
-
* Generated on
|
|
22817
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
21767
22818
|
*/
|
|
21768
22819
|
|
|
21769
22820
|
:root,
|
|
@@ -22031,7 +23082,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
22031
23082
|
|
|
22032
23083
|
/**
|
|
22033
23084
|
* Do not edit directly
|
|
22034
|
-
* Generated on
|
|
23085
|
+
* Generated on Fri, 24 Apr 2026 13:01:08 GMT
|
|
22035
23086
|
*/
|
|
22036
23087
|
|
|
22037
23088
|
:root {
|
|
@@ -22040,7 +23091,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
22040
23091
|
|
|
22041
23092
|
/**
|
|
22042
23093
|
* Do not edit directly
|
|
22043
|
-
* Generated on
|
|
23094
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
22044
23095
|
*/
|
|
22045
23096
|
|
|
22046
23097
|
:root,
|
|
@@ -22286,7 +23337,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
22286
23337
|
|
|
22287
23338
|
/**
|
|
22288
23339
|
* Do not edit directly
|
|
22289
|
-
* Generated on
|
|
23340
|
+
* Generated on Fri, 24 Apr 2026 13:01:09 GMT
|
|
22290
23341
|
*/
|
|
22291
23342
|
|
|
22292
23343
|
:root,
|