@primer/react-brand 0.67.0-rc.f47a3983 → 0.68.0-rc.01cf5f7c
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/Bento/Bento.d.ts +5 -0
- package/lib/CTABanner/CTABanner.d.ts +7 -1
- 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/HeroContext.d.ts +1 -1
- 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 +1743 -639
- 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 +11 -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 +3 -3
- package/lib/design-tokens/css/tokens/functional/components/testimonial/colors.css +2 -2
- 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 +3 -3
- 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 +2 -2
- 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 +2 -2
- 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 +2 -2
- 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 +100 -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 Thu, 30 Apr 2026 18:54:06 GMT
|
|
82
82
|
*/
|
|
83
83
|
|
|
84
84
|
:root,
|
|
@@ -356,7 +356,7 @@ html {
|
|
|
356
356
|
|
|
357
357
|
/**
|
|
358
358
|
* Do not edit directly
|
|
359
|
-
* Generated on
|
|
359
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 GMT
|
|
360
360
|
*/
|
|
361
361
|
|
|
362
362
|
:root {
|
|
@@ -383,7 +383,7 @@ html {
|
|
|
383
383
|
|
|
384
384
|
/**
|
|
385
385
|
* Do not edit directly
|
|
386
|
-
* Generated on
|
|
386
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 GMT
|
|
387
387
|
*/
|
|
388
388
|
|
|
389
389
|
:root {
|
|
@@ -400,7 +400,7 @@ html {
|
|
|
400
400
|
|
|
401
401
|
/**
|
|
402
402
|
* Do not edit directly
|
|
403
|
-
* Generated on
|
|
403
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 GMT
|
|
404
404
|
*/
|
|
405
405
|
|
|
406
406
|
:root {
|
|
@@ -558,7 +558,7 @@ html {
|
|
|
558
558
|
|
|
559
559
|
/**
|
|
560
560
|
* Do not edit directly
|
|
561
|
-
* Generated on
|
|
561
|
+
* Generated on Thu, 30 Apr 2026 18:54:05 GMT
|
|
562
562
|
*/
|
|
563
563
|
|
|
564
564
|
:root {
|
|
@@ -572,7 +572,7 @@ html {
|
|
|
572
572
|
|
|
573
573
|
/**
|
|
574
574
|
* Do not edit directly
|
|
575
|
-
* Generated on
|
|
575
|
+
* Generated on Thu, 30 Apr 2026 18:54:05 GMT
|
|
576
576
|
*/
|
|
577
577
|
|
|
578
578
|
:root {
|
|
@@ -591,7 +591,7 @@ html {
|
|
|
591
591
|
|
|
592
592
|
/**
|
|
593
593
|
* Do not edit directly
|
|
594
|
-
* Generated on
|
|
594
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 GMT
|
|
595
595
|
*/
|
|
596
596
|
|
|
597
597
|
:root,
|
|
@@ -624,6 +624,7 @@ html {
|
|
|
624
624
|
--brand-color-neutral-muted: rgba(196,204,198,0.99608);
|
|
625
625
|
--brand-color-neutral-subtle: rgba(228,235,230,0.99608);
|
|
626
626
|
--brand-color-canvas-default: var(--base-color-scale-white-0);
|
|
627
|
+
--brand-color-canvas-invert: var(--base-color-scale-black-0);
|
|
627
628
|
--brand-color-canvas-overlay: var(--base-color-scale-white-0);
|
|
628
629
|
--brand-color-canvas-inset: var(--base-color-scale-gray-0);
|
|
629
630
|
--brand-color-canvas-subtle: var(--base-color-scale-gray-0);
|
|
@@ -663,6 +664,7 @@ html {
|
|
|
663
664
|
--brand-color-neutral-muted: rgba(124,137,128,0.99608);
|
|
664
665
|
--brand-color-neutral-subtle: rgba(124,137,128,1);
|
|
665
666
|
--brand-color-canvas-default: var(--base-color-scale-black-0);
|
|
667
|
+
--brand-color-canvas-invert: var(--base-color-scale-white-0);
|
|
666
668
|
--brand-color-canvas-overlay: var(--base-color-scale-gray-6);
|
|
667
669
|
--brand-color-canvas-inset: var(--base-color-scale-black-0);
|
|
668
670
|
--brand-color-canvas-subtle: var(--base-color-scale-gray-8);
|
|
@@ -691,7 +693,7 @@ html {
|
|
|
691
693
|
|
|
692
694
|
/**
|
|
693
695
|
* Do not edit directly
|
|
694
|
-
* Generated on
|
|
696
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 GMT
|
|
695
697
|
*/
|
|
696
698
|
|
|
697
699
|
:root {
|
|
@@ -718,7 +720,7 @@ html {
|
|
|
718
720
|
|
|
719
721
|
/**
|
|
720
722
|
* Do not edit directly
|
|
721
|
-
* Generated on
|
|
723
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 GMT
|
|
722
724
|
*/
|
|
723
725
|
|
|
724
726
|
:root,
|
|
@@ -1491,7 +1493,7 @@ html {
|
|
|
1491
1493
|
|
|
1492
1494
|
/**
|
|
1493
1495
|
* Do not edit directly
|
|
1494
|
-
* Generated on
|
|
1496
|
+
* Generated on Thu, 30 Apr 2026 18:54:05 GMT
|
|
1495
1497
|
*/
|
|
1496
1498
|
|
|
1497
1499
|
:root {
|
|
@@ -1799,7 +1801,7 @@ html {
|
|
|
1799
1801
|
|
|
1800
1802
|
/**
|
|
1801
1803
|
* Do not edit directly
|
|
1802
|
-
* Generated on
|
|
1804
|
+
* Generated on Thu, 30 Apr 2026 18:54:05 GMT
|
|
1803
1805
|
*/
|
|
1804
1806
|
|
|
1805
1807
|
:root {
|
|
@@ -5879,6 +5881,10 @@ html {
|
|
|
5879
5881
|
letter-spacing: var(--brand-text-letterSpacing-100);
|
|
5880
5882
|
}
|
|
5881
5883
|
|
|
5884
|
+
.Primer_Brand__EyebrowText-module__EyebrowText--variant-accent___p07g3 {
|
|
5885
|
+
color: var(--brand-color-accent-primary);
|
|
5886
|
+
}
|
|
5887
|
+
|
|
5882
5888
|
.Primer_Brand__TextCursorAnimation-module__TextCursorAnimation___oT5SI {
|
|
5883
5889
|
display: inline-flex;
|
|
5884
5890
|
align-items: center;
|
|
@@ -6761,7 +6767,12 @@ html {
|
|
|
6761
6767
|
}
|
|
6762
6768
|
|
|
6763
6769
|
.Primer_Brand__ExpandableArrow-module__ExpandableArrow___rkfek {
|
|
6764
|
-
|
|
6770
|
+
--ExpandableArrow-duration: 200ms;
|
|
6771
|
+
--ExpandableArrow-easing: ease;
|
|
6772
|
+
|
|
6773
|
+
transition: transform 200ms ease;
|
|
6774
|
+
|
|
6775
|
+
transition: transform var(--ExpandableArrow-duration) var(--ExpandableArrow-easing);
|
|
6765
6776
|
transform: translateX(0);
|
|
6766
6777
|
}
|
|
6767
6778
|
|
|
@@ -6772,7 +6783,7 @@ html {
|
|
|
6772
6783
|
.Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem___g4mdy {
|
|
6773
6784
|
stroke-dasharray: 10;
|
|
6774
6785
|
stroke-dashoffset: 10;
|
|
6775
|
-
transition: stroke-dashoffset
|
|
6786
|
+
transition: stroke-dashoffset var(--ExpandableArrow-duration) var(--ExpandableArrow-easing);
|
|
6776
6787
|
}
|
|
6777
6788
|
|
|
6778
6789
|
.Primer_Brand__ExpandableArrow-module__ExpandableArrow-stem--expanded___KwI_9 {
|
|
@@ -6789,7 +6800,7 @@ html {
|
|
|
6789
6800
|
|
|
6790
6801
|
/**
|
|
6791
6802
|
* Do not edit directly
|
|
6792
|
-
* Generated on
|
|
6803
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 GMT
|
|
6793
6804
|
*/
|
|
6794
6805
|
|
|
6795
6806
|
:root,
|
|
@@ -7126,7 +7137,7 @@ html {
|
|
|
7126
7137
|
|
|
7127
7138
|
/**
|
|
7128
7139
|
* Do not edit directly
|
|
7129
|
-
* Generated on
|
|
7140
|
+
* Generated on Thu, 30 Apr 2026 18:54:05 GMT
|
|
7130
7141
|
*/
|
|
7131
7142
|
|
|
7132
7143
|
:root {
|
|
@@ -7147,7 +7158,7 @@ html {
|
|
|
7147
7158
|
|
|
7148
7159
|
/**
|
|
7149
7160
|
* Do not edit directly
|
|
7150
|
-
* Generated on
|
|
7161
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 GMT
|
|
7151
7162
|
*/
|
|
7152
7163
|
|
|
7153
7164
|
:root {
|
|
@@ -7513,6 +7524,7 @@ html {
|
|
|
7513
7524
|
}
|
|
7514
7525
|
|
|
7515
7526
|
.Primer_Brand__Link-module__Link--label___j8etE {
|
|
7527
|
+
color: inherit !important; /* Some components like Accordion override all children color. We need to force this. */
|
|
7516
7528
|
font-weight: var(--base-text-weight-medium);
|
|
7517
7529
|
}
|
|
7518
7530
|
|
|
@@ -7545,7 +7557,7 @@ html {
|
|
|
7545
7557
|
|
|
7546
7558
|
/**
|
|
7547
7559
|
* Do not edit directly
|
|
7548
|
-
* Generated on
|
|
7560
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 GMT
|
|
7549
7561
|
*/
|
|
7550
7562
|
|
|
7551
7563
|
:root,
|
|
@@ -7561,7 +7573,7 @@ html {
|
|
|
7561
7573
|
|
|
7562
7574
|
/**
|
|
7563
7575
|
* Do not edit directly
|
|
7564
|
-
* Generated on
|
|
7576
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 GMT
|
|
7565
7577
|
*/
|
|
7566
7578
|
|
|
7567
7579
|
:root,
|
|
@@ -7828,7 +7840,7 @@ html {
|
|
|
7828
7840
|
|
|
7829
7841
|
/**
|
|
7830
7842
|
* Do not edit directly
|
|
7831
|
-
* Generated on
|
|
7843
|
+
* Generated on Thu, 30 Apr 2026 18:54:05 GMT
|
|
7832
7844
|
*/
|
|
7833
7845
|
|
|
7834
7846
|
:root {
|
|
@@ -8309,6 +8321,14 @@ html {
|
|
|
8309
8321
|
gap: 0;
|
|
8310
8322
|
}
|
|
8311
8323
|
|
|
8324
|
+
@media screen and (max-width: 63.24rem) {
|
|
8325
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX {
|
|
8326
|
+
width: 100%;
|
|
8327
|
+
max-width: 38.625rem;
|
|
8328
|
+
margin-inline: auto;
|
|
8329
|
+
}
|
|
8330
|
+
}
|
|
8331
|
+
|
|
8312
8332
|
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX::before,
|
|
8313
8333
|
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX::after {
|
|
8314
8334
|
content: '';
|
|
@@ -8328,7 +8348,19 @@ html {
|
|
|
8328
8348
|
bottom: 0;
|
|
8329
8349
|
}
|
|
8330
8350
|
|
|
8331
|
-
@media screen and (min-width:
|
|
8351
|
+
@media screen and (min-width: 618px) {
|
|
8352
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX {
|
|
8353
|
+
border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
8354
|
+
}
|
|
8355
|
+
}
|
|
8356
|
+
|
|
8357
|
+
@media screen and (min-width: 63.25rem) {
|
|
8358
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX {
|
|
8359
|
+
border-inline: none;
|
|
8360
|
+
}
|
|
8361
|
+
}
|
|
8362
|
+
|
|
8363
|
+
@media screen and (min-width: 1300px) {
|
|
8332
8364
|
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX {
|
|
8333
8365
|
border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
8334
8366
|
}
|
|
@@ -8444,6 +8476,10 @@ html {
|
|
|
8444
8476
|
border-radius: var(--brand-borderRadius-large);
|
|
8445
8477
|
}
|
|
8446
8478
|
|
|
8479
|
+
.Primer_Brand__river-shared-module__RiverBreakout___VNW5e .Primer_Brand__river-shared-module__River__visual--has-background___QG17S [data-video-player-container] {
|
|
8480
|
+
border-radius: var(--brand-borderRadius-large);
|
|
8481
|
+
}
|
|
8482
|
+
|
|
8447
8483
|
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S {
|
|
8448
8484
|
margin-inline: calc(-1 * var(--brand-RiverBreakout-variant-gridline-spacing-outerInline));
|
|
8449
8485
|
padding: var(--base-size-32);
|
|
@@ -8461,6 +8497,11 @@ html {
|
|
|
8461
8497
|
border-end-start-radius: 0;
|
|
8462
8498
|
border-end-end-radius: 0;
|
|
8463
8499
|
}
|
|
8500
|
+
|
|
8501
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S [data-video-player-container] {
|
|
8502
|
+
border-end-start-radius: 0;
|
|
8503
|
+
border-end-end-radius: 0;
|
|
8504
|
+
}
|
|
8464
8505
|
}
|
|
8465
8506
|
|
|
8466
8507
|
@media screen and (min-width: 48rem) and (max-width: 63.24rem) {
|
|
@@ -8475,6 +8516,11 @@ html {
|
|
|
8475
8516
|
border-end-start-radius: 0;
|
|
8476
8517
|
border-end-end-radius: 0;
|
|
8477
8518
|
}
|
|
8519
|
+
|
|
8520
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S [data-video-player-container] {
|
|
8521
|
+
border-end-start-radius: 0;
|
|
8522
|
+
border-end-end-radius: 0;
|
|
8523
|
+
}
|
|
8478
8524
|
}
|
|
8479
8525
|
|
|
8480
8526
|
@media screen and (min-width: 63.25rem) {
|
|
@@ -8491,191 +8537,731 @@ html {
|
|
|
8491
8537
|
border-end-end-radius: 0;
|
|
8492
8538
|
}
|
|
8493
8539
|
|
|
8540
|
+
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S [data-video-player-container] {
|
|
8541
|
+
border-end-start-radius: 0;
|
|
8542
|
+
border-end-end-radius: 0;
|
|
8543
|
+
}
|
|
8544
|
+
|
|
8494
8545
|
.Primer_Brand__river-shared-module__RiverBreakout--variant-gridline___jHgqX .Primer_Brand__river-shared-module__River__visual--has-background___QG17S.Primer_Brand__river-shared-module__River__visual--rounded___x1iTx {
|
|
8495
8546
|
border-radius: 0;
|
|
8496
8547
|
}
|
|
8497
8548
|
}
|
|
8498
8549
|
|
|
8499
|
-
.
|
|
8500
|
-
|
|
8501
|
-
|
|
8502
|
-
|
|
8550
|
+
.Primer_Brand__Icon-module__Icon___bf2xY {
|
|
8551
|
+
box-sizing: content-box;
|
|
8552
|
+
padding: 0;
|
|
8553
|
+
}
|
|
8503
8554
|
|
|
8504
|
-
|
|
8505
|
-
|
|
8506
|
-
*/
|
|
8507
|
-
--visualMaxWidth: 1032px;
|
|
8508
|
-
--visualMaxWidthUL: 1032;
|
|
8509
|
-
--visualMaxHeight: min(690px, 60vh);
|
|
8510
|
-
--visualMaxHeightUL: 690;
|
|
8511
|
-
--storyScrollPadding: min(32px, 5vw);
|
|
8512
|
-
position: relative;
|
|
8555
|
+
.Primer_Brand__Icon-module__Icon___bf2xY > svg {
|
|
8556
|
+
display: block; /* Ensure SVG are unaffected by text styles and font metrics, maintaining vertical alignment */
|
|
8513
8557
|
}
|
|
8514
|
-
|
|
8515
|
-
|
|
8516
|
-
|
|
8517
|
-
|
|
8558
|
+
|
|
8559
|
+
.Primer_Brand__Icon-module__Icon--size-20___bxF8U {
|
|
8560
|
+
width: var(--base-size-20);
|
|
8561
|
+
height: var(--base-size-20);
|
|
8518
8562
|
}
|
|
8519
8563
|
|
|
8520
|
-
|
|
8521
|
-
|
|
8522
|
-
|
|
8523
|
-
}
|
|
8564
|
+
.Primer_Brand__Icon-module__Icon--size-24___yTJML {
|
|
8565
|
+
width: var(--base-size-24);
|
|
8566
|
+
height: var(--base-size-24);
|
|
8524
8567
|
}
|
|
8525
8568
|
|
|
8526
|
-
|
|
8527
|
-
|
|
8528
|
-
|
|
8529
|
-
}
|
|
8569
|
+
.Primer_Brand__Icon-module__Icon--size-28___tnGmL {
|
|
8570
|
+
width: var(--base-size-28);
|
|
8571
|
+
height: var(--base-size-28);
|
|
8530
8572
|
}
|
|
8531
8573
|
|
|
8532
|
-
.
|
|
8533
|
-
|
|
8574
|
+
.Primer_Brand__Icon-module__Icon--size-32___Rhkw8 {
|
|
8575
|
+
width: var(--base-size-32);
|
|
8576
|
+
height: var(--base-size-32);
|
|
8534
8577
|
}
|
|
8535
8578
|
|
|
8536
|
-
.
|
|
8537
|
-
|
|
8538
|
-
|
|
8539
|
-
width: 100%;
|
|
8579
|
+
.Primer_Brand__Icon-module__Icon--size-36___F4Mcj {
|
|
8580
|
+
width: var(--base-size-36);
|
|
8581
|
+
height: var(--base-size-36);
|
|
8540
8582
|
}
|
|
8541
8583
|
|
|
8542
|
-
.
|
|
8543
|
-
|
|
8544
|
-
|
|
8545
|
-
width: auto;
|
|
8546
|
-
z-index: 10;
|
|
8547
|
-
position: relative;
|
|
8548
|
-
border-radius: var(--brand-borderRadius-large);
|
|
8584
|
+
.Primer_Brand__Icon-module__Icon--size-40___cXhgu {
|
|
8585
|
+
width: var(--base-size-40);
|
|
8586
|
+
height: var(--base-size-40);
|
|
8549
8587
|
}
|
|
8550
8588
|
|
|
8551
|
-
.
|
|
8552
|
-
|
|
8553
|
-
|
|
8589
|
+
.Primer_Brand__Icon-module__Icon--size-44___vwox2 {
|
|
8590
|
+
width: var(--base-size-44);
|
|
8591
|
+
height: var(--base-size-44);
|
|
8554
8592
|
}
|
|
8555
8593
|
|
|
8556
|
-
.
|
|
8557
|
-
|
|
8558
|
-
|
|
8594
|
+
.Primer_Brand__Icon-module__Icon--background___d6RdL {
|
|
8595
|
+
padding: var(--base-size-12);
|
|
8596
|
+
border-radius: var(--brand-borderRadius-medium);
|
|
8559
8597
|
}
|
|
8560
8598
|
|
|
8561
|
-
|
|
8562
|
-
|
|
8563
|
-
--topOffset: calc((100vh - min(664px, 60vh)) / 5);
|
|
8564
|
-
}
|
|
8599
|
+
.Primer_Brand__Icon-module__Icon--color-default___z2cYk {
|
|
8600
|
+
color: var(--brand-Icon-color-default);
|
|
8565
8601
|
}
|
|
8566
8602
|
|
|
8567
|
-
|
|
8568
|
-
|
|
8569
|
-
--extraBottomSpacing: calc(-1 * (100vh - 100vw) / 5);
|
|
8570
|
-
}
|
|
8603
|
+
.Primer_Brand__Icon-module__Icon--background-color-default___h6tiH {
|
|
8604
|
+
background-color: var(--brand-Icon-background-default);
|
|
8571
8605
|
}
|
|
8572
8606
|
|
|
8573
|
-
|
|
8574
|
-
|
|
8575
|
-
--extraBottomSpacing: calc(-1 * (100vh - 100vw) / 3);
|
|
8576
|
-
}
|
|
8607
|
+
.Primer_Brand__Icon-module__Icon--color-blue___Wne9C {
|
|
8608
|
+
color: var(--brand-Icon-color-blue);
|
|
8577
8609
|
}
|
|
8578
8610
|
|
|
8579
|
-
|
|
8580
|
-
|
|
8581
|
-
--scrollTextHeight: 42vh;
|
|
8582
|
-
}
|
|
8611
|
+
.Primer_Brand__Icon-module__Icon--background-color-blue___zsNDL {
|
|
8612
|
+
background-color: var(--brand-Icon-background-blue);
|
|
8583
8613
|
}
|
|
8584
8614
|
|
|
8585
|
-
|
|
8586
|
-
|
|
8587
|
-
--scrollTextHeight: 70vh;
|
|
8588
|
-
}
|
|
8615
|
+
.Primer_Brand__Icon-module__Icon--color-coral___vdwGj {
|
|
8616
|
+
color: var(--brand-Icon-color-coral);
|
|
8589
8617
|
}
|
|
8590
8618
|
|
|
8591
|
-
|
|
8592
|
-
|
|
8593
|
-
--stackDistance: -30px;
|
|
8594
|
-
}
|
|
8619
|
+
.Primer_Brand__Icon-module__Icon--background-color-coral___FKaij {
|
|
8620
|
+
background-color: var(--brand-Icon-background-coral);
|
|
8595
8621
|
}
|
|
8596
8622
|
|
|
8597
|
-
|
|
8598
|
-
|
|
8599
|
-
--stackDistance: -20px;
|
|
8600
|
-
}
|
|
8623
|
+
.Primer_Brand__Icon-module__Icon--color-green___OxAZK {
|
|
8624
|
+
color: var(--brand-Icon-color-green);
|
|
8601
8625
|
}
|
|
8602
8626
|
|
|
8603
|
-
|
|
8604
|
-
|
|
8605
|
-
--stackDistance: -15px;
|
|
8606
|
-
}
|
|
8627
|
+
.Primer_Brand__Icon-module__Icon--background-color-green___UUQt1 {
|
|
8628
|
+
background-color: var(--brand-Icon-background-green);
|
|
8607
8629
|
}
|
|
8608
8630
|
|
|
8609
|
-
|
|
8610
|
-
|
|
8611
|
-
|
|
8631
|
+
.Primer_Brand__Icon-module__Icon--color-gray___tVTnd {
|
|
8632
|
+
color: var(--brand-Icon-color-gray);
|
|
8633
|
+
}
|
|
8612
8634
|
|
|
8613
|
-
|
|
8614
|
-
|
|
8615
|
-
|
|
8616
|
-
--visualHeight: min(var(--visualMaxHeight), var(--relativeVisualHeight));
|
|
8617
|
-
--visualWidth: calc(var(--visualHeight) * var(--visualMaxWidthUL) / var(--visualMaxHeightUL));
|
|
8618
|
-
--scrollTextHeight: 58vh;
|
|
8619
|
-
--textToVisualPadding: max(5vh, 40px);
|
|
8635
|
+
.Primer_Brand__Icon-module__Icon--background-color-gray___dpdtX {
|
|
8636
|
+
background-color: var(--brand-Icon-background-gray);
|
|
8637
|
+
}
|
|
8620
8638
|
|
|
8621
|
-
|
|
8622
|
-
|
|
8639
|
+
.Primer_Brand__Icon-module__Icon--color-indigo___OrE5M {
|
|
8640
|
+
color: var(--brand-Icon-color-indigo);
|
|
8641
|
+
}
|
|
8623
8642
|
|
|
8624
|
-
|
|
8625
|
-
|
|
8643
|
+
.Primer_Brand__Icon-module__Icon--background-color-indigo___TIqOT {
|
|
8644
|
+
background-color: var(--brand-Icon-background-indigo);
|
|
8645
|
+
}
|
|
8626
8646
|
|
|
8627
|
-
|
|
8628
|
-
|
|
8629
|
-
|
|
8630
|
-
height: 100dvh;
|
|
8631
|
-
}
|
|
8632
|
-
}
|
|
8647
|
+
.Primer_Brand__Icon-module__Icon--color-lemon___Ftx9H {
|
|
8648
|
+
color: var(--brand-Icon-color-lemon);
|
|
8649
|
+
}
|
|
8633
8650
|
|
|
8634
|
-
|
|
8635
|
-
|
|
8636
|
-
|
|
8637
|
-
height: 100%;
|
|
8638
|
-
left: 0;
|
|
8639
|
-
top: 0;
|
|
8640
|
-
}
|
|
8651
|
+
.Primer_Brand__Icon-module__Icon--background-color-lemon___BhpS6 {
|
|
8652
|
+
background-color: var(--brand-Icon-background-lemon);
|
|
8653
|
+
}
|
|
8641
8654
|
|
|
8642
|
-
|
|
8643
|
-
|
|
8644
|
-
|
|
8645
|
-
transition: opacity 0.3s var(--ease);
|
|
8646
|
-
}
|
|
8655
|
+
.Primer_Brand__Icon-module__Icon--color-lime___mQVWo {
|
|
8656
|
+
color: var(--brand-Icon-color-lime);
|
|
8657
|
+
}
|
|
8647
8658
|
|
|
8648
|
-
|
|
8649
|
-
|
|
8650
|
-
|
|
8659
|
+
.Primer_Brand__Icon-module__Icon--background-color-lime___K4TMA {
|
|
8660
|
+
background-color: var(--brand-Icon-background-lime);
|
|
8661
|
+
}
|
|
8651
8662
|
|
|
8652
|
-
|
|
8653
|
-
|
|
8654
|
-
|
|
8663
|
+
.Primer_Brand__Icon-module__Icon--color-orange___CIjjp {
|
|
8664
|
+
color: var(--brand-Icon-color-orange);
|
|
8665
|
+
}
|
|
8655
8666
|
|
|
8656
|
-
|
|
8657
|
-
|
|
8658
|
-
|
|
8659
|
-
margin-left: auto;
|
|
8660
|
-
margin-right: auto;
|
|
8661
|
-
padding-right: var(--storyScrollPadding);
|
|
8662
|
-
padding-left: var(--storyScrollPadding);
|
|
8663
|
-
}
|
|
8667
|
+
.Primer_Brand__Icon-module__Icon--background-color-orange___z52U7 {
|
|
8668
|
+
background-color: var(--brand-Icon-background-orange);
|
|
8669
|
+
}
|
|
8664
8670
|
|
|
8665
|
-
|
|
8666
|
-
|
|
8667
|
-
|
|
8668
|
-
}
|
|
8671
|
+
.Primer_Brand__Icon-module__Icon--color-pink___cS_v5 {
|
|
8672
|
+
color: var(--brand-Icon-color-pink);
|
|
8673
|
+
}
|
|
8669
8674
|
|
|
8670
|
-
|
|
8671
|
-
|
|
8672
|
-
|
|
8673
|
-
max-width: var(--visualWidth);
|
|
8674
|
-
border-radius: var(--brand-borderRadius-large);
|
|
8675
|
-
}
|
|
8675
|
+
.Primer_Brand__Icon-module__Icon--background-color-pink___cy5Kg {
|
|
8676
|
+
background-color: var(--brand-Icon-background-pink);
|
|
8677
|
+
}
|
|
8676
8678
|
|
|
8677
|
-
|
|
8678
|
-
|
|
8679
|
+
.Primer_Brand__Icon-module__Icon--color-purple___d05Sh {
|
|
8680
|
+
color: var(--brand-Icon-color-purple);
|
|
8681
|
+
}
|
|
8682
|
+
|
|
8683
|
+
.Primer_Brand__Icon-module__Icon--background-color-purple___JmhnQ {
|
|
8684
|
+
background-color: var(--brand-Icon-background-purple);
|
|
8685
|
+
}
|
|
8686
|
+
|
|
8687
|
+
.Primer_Brand__Icon-module__Icon--color-red___K_2c0 {
|
|
8688
|
+
color: var(--brand-Icon-color-red);
|
|
8689
|
+
}
|
|
8690
|
+
|
|
8691
|
+
.Primer_Brand__Icon-module__Icon--background-color-red___qoirP {
|
|
8692
|
+
background-color: var(--brand-Icon-background-red);
|
|
8693
|
+
}
|
|
8694
|
+
|
|
8695
|
+
.Primer_Brand__Icon-module__Icon--color-teal___fix20 {
|
|
8696
|
+
color: var(--brand-Icon-color-teal);
|
|
8697
|
+
}
|
|
8698
|
+
|
|
8699
|
+
.Primer_Brand__Icon-module__Icon--background-color-teal___a7cyd {
|
|
8700
|
+
background-color: var(--brand-Icon-background-teal);
|
|
8701
|
+
}
|
|
8702
|
+
|
|
8703
|
+
.Primer_Brand__Icon-module__Icon--color-yellow___Z1juk {
|
|
8704
|
+
color: var(--brand-Icon-color-yellow);
|
|
8705
|
+
}
|
|
8706
|
+
|
|
8707
|
+
.Primer_Brand__Icon-module__Icon--background-color-yellow___Yhfck {
|
|
8708
|
+
background-color: var(--brand-Icon-background-yellow);
|
|
8709
|
+
}
|
|
8710
|
+
|
|
8711
|
+
/**
|
|
8712
|
+
* Do not edit directly
|
|
8713
|
+
* Generated on Thu, 30 Apr 2026 18:54:05 GMT
|
|
8714
|
+
*/
|
|
8715
|
+
|
|
8716
|
+
:root {
|
|
8717
|
+
--brand-Icon-color-yellow: var(--base-color-scale-yellow-5);
|
|
8718
|
+
--brand-Icon-color-teal: var(--base-color-scale-teal-5);
|
|
8719
|
+
--brand-Icon-color-red: var(--base-color-scale-red-5);
|
|
8720
|
+
--brand-Icon-color-purple: var(--base-color-scale-purple-5);
|
|
8721
|
+
--brand-Icon-color-pink: var(--base-color-scale-pink-5);
|
|
8722
|
+
--brand-Icon-color-orange: var(--base-color-scale-orange-5);
|
|
8723
|
+
--brand-Icon-color-lime: var(--base-color-scale-lime-5);
|
|
8724
|
+
--brand-Icon-color-lemon: var(--base-color-scale-lemon-5);
|
|
8725
|
+
--brand-Icon-color-indigo: var(--base-color-scale-indigo-5);
|
|
8726
|
+
--brand-Icon-color-gray: var(--base-color-scale-gray-6);
|
|
8727
|
+
--brand-Icon-color-green: var(--base-color-scale-green-6);
|
|
8728
|
+
--brand-Icon-color-coral: var(--base-color-scale-coral-5);
|
|
8729
|
+
--brand-Icon-color-blue: var(--base-color-scale-blue-5);
|
|
8730
|
+
--brand-Icon-color-default: var(--brand-Icon-color-green);
|
|
8731
|
+
--brand-Icon-background-yellow: var(--base-color-scale-yellow-0);
|
|
8732
|
+
--brand-Icon-background-teal: var(--base-color-scale-teal-0);
|
|
8733
|
+
--brand-Icon-background-red: var(--base-color-scale-red-0);
|
|
8734
|
+
--brand-Icon-background-purple: var(--base-color-scale-purple-0);
|
|
8735
|
+
--brand-Icon-background-pink: var(--base-color-scale-pink-0);
|
|
8736
|
+
--brand-Icon-background-orange: var(--base-color-scale-orange-0);
|
|
8737
|
+
--brand-Icon-background-lime: var(--base-color-scale-lime-0);
|
|
8738
|
+
--brand-Icon-background-lemon: var(--base-color-scale-lemon-0);
|
|
8739
|
+
--brand-Icon-background-indigo: var(--base-color-scale-indigo-0);
|
|
8740
|
+
--brand-Icon-background-gray: var(--base-color-scale-gray-0);
|
|
8741
|
+
--brand-Icon-background-green: var(--base-color-scale-green-0);
|
|
8742
|
+
--brand-Icon-background-coral: var(--base-color-scale-coral-0);
|
|
8743
|
+
--brand-Icon-background-blue: var(--base-color-scale-blue-0);
|
|
8744
|
+
--brand-Icon-background-default: var(--brand-Icon-background-green);
|
|
8745
|
+
}
|
|
8746
|
+
|
|
8747
|
+
/**
|
|
8748
|
+
* Do not edit directly
|
|
8749
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 GMT
|
|
8750
|
+
*/
|
|
8751
|
+
|
|
8752
|
+
:root,
|
|
8753
|
+
[data-color-mode="light"] {
|
|
8754
|
+
--brand-Icon-background-default: var(--brand-Icon-background-green);
|
|
8755
|
+
--brand-Icon-background-blue: var(--base-color-scale-blue-0);
|
|
8756
|
+
--brand-Icon-background-coral: var(--base-color-scale-coral-0);
|
|
8757
|
+
--brand-Icon-background-green: var(--base-color-scale-green-0);
|
|
8758
|
+
--brand-Icon-background-gray: var(--base-color-scale-gray-0);
|
|
8759
|
+
--brand-Icon-background-indigo: var(--base-color-scale-indigo-0);
|
|
8760
|
+
--brand-Icon-background-lemon: var(--base-color-scale-lemon-0);
|
|
8761
|
+
--brand-Icon-background-lime: var(--base-color-scale-lime-0);
|
|
8762
|
+
--brand-Icon-background-orange: var(--base-color-scale-orange-0);
|
|
8763
|
+
--brand-Icon-background-pink: var(--base-color-scale-pink-0);
|
|
8764
|
+
--brand-Icon-background-purple: var(--base-color-scale-purple-0);
|
|
8765
|
+
--brand-Icon-background-red: var(--base-color-scale-red-0);
|
|
8766
|
+
--brand-Icon-background-teal: var(--base-color-scale-teal-0);
|
|
8767
|
+
--brand-Icon-background-yellow: var(--base-color-scale-yellow-0);
|
|
8768
|
+
--brand-Icon-color-default: var(--brand-Icon-color-green);
|
|
8769
|
+
--brand-Icon-color-blue: var(--base-color-scale-blue-5);
|
|
8770
|
+
--brand-Icon-color-coral: var(--base-color-scale-coral-5);
|
|
8771
|
+
--brand-Icon-color-green: var(--base-color-scale-green-6);
|
|
8772
|
+
--brand-Icon-color-gray: var(--base-color-scale-gray-6);
|
|
8773
|
+
--brand-Icon-color-indigo: var(--base-color-scale-indigo-5);
|
|
8774
|
+
--brand-Icon-color-lemon: var(--base-color-scale-lemon-5);
|
|
8775
|
+
--brand-Icon-color-lime: var(--base-color-scale-lime-5);
|
|
8776
|
+
--brand-Icon-color-orange: var(--base-color-scale-orange-5);
|
|
8777
|
+
--brand-Icon-color-pink: var(--base-color-scale-pink-5);
|
|
8778
|
+
--brand-Icon-color-purple: var(--base-color-scale-purple-5);
|
|
8779
|
+
--brand-Icon-color-red: var(--base-color-scale-red-5);
|
|
8780
|
+
--brand-Icon-color-teal: var(--base-color-scale-teal-5);
|
|
8781
|
+
--brand-Icon-color-yellow: var(--base-color-scale-yellow-5);
|
|
8782
|
+
}
|
|
8783
|
+
|
|
8784
|
+
[data-color-mode="dark"] {
|
|
8785
|
+
--brand-Icon-background-default: var(--brand-Icon-background-green);
|
|
8786
|
+
--brand-Icon-background-blue: var(--base-color-scale-blue-8);
|
|
8787
|
+
--brand-Icon-background-coral: var(--base-color-scale-coral-8);
|
|
8788
|
+
--brand-Icon-background-green: var(--base-color-scale-green-8);
|
|
8789
|
+
--brand-Icon-background-gray: var(--base-color-scale-gray-6);
|
|
8790
|
+
--brand-Icon-background-indigo: var(--base-color-scale-indigo-8);
|
|
8791
|
+
--brand-Icon-background-lemon: var(--base-color-scale-lemon-8);
|
|
8792
|
+
--brand-Icon-background-lime: var(--base-color-scale-lime-8);
|
|
8793
|
+
--brand-Icon-background-orange: var(--base-color-scale-orange-8);
|
|
8794
|
+
--brand-Icon-background-pink: var(--base-color-scale-pink-8);
|
|
8795
|
+
--brand-Icon-background-purple: var(--base-color-scale-purple-8);
|
|
8796
|
+
--brand-Icon-background-red: var(--base-color-scale-red-8);
|
|
8797
|
+
--brand-Icon-background-teal: var(--base-color-scale-teal-8);
|
|
8798
|
+
--brand-Icon-background-yellow: var(--base-color-scale-yellow-8);
|
|
8799
|
+
--brand-Icon-color-default: var(--brand-Icon-color-green);
|
|
8800
|
+
--brand-Icon-color-blue: var(--base-color-scale-blue-2);
|
|
8801
|
+
--brand-Icon-color-coral: var(--base-color-scale-coral-2);
|
|
8802
|
+
--brand-Icon-color-green: var(--base-color-scale-green-2);
|
|
8803
|
+
--brand-Icon-color-gray: var(--base-color-scale-gray-2);
|
|
8804
|
+
--brand-Icon-color-indigo: var(--base-color-scale-indigo-2);
|
|
8805
|
+
--brand-Icon-color-lemon: var(--base-color-scale-lemon-2);
|
|
8806
|
+
--brand-Icon-color-lime: var(--base-color-scale-lime-2);
|
|
8807
|
+
--brand-Icon-color-orange: var(--base-color-scale-orange-2);
|
|
8808
|
+
--brand-Icon-color-pink: var(--base-color-scale-pink-2);
|
|
8809
|
+
--brand-Icon-color-purple: var(--base-color-scale-purple-2);
|
|
8810
|
+
--brand-Icon-color-red: var(--base-color-scale-red-2);
|
|
8811
|
+
--brand-Icon-color-teal: var(--base-color-scale-teal-2);
|
|
8812
|
+
--brand-Icon-color-yellow: var(--base-color-scale-yellow-2);
|
|
8813
|
+
}
|
|
8814
|
+
|
|
8815
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs___X8Dk9 {
|
|
8816
|
+
--river-breakout-tabs-columns: 1;
|
|
8817
|
+
}
|
|
8818
|
+
|
|
8819
|
+
@media screen and (max-width: 63.24rem) {
|
|
8820
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs___X8Dk9 {
|
|
8821
|
+
width: 100%;
|
|
8822
|
+
max-width: 38.625rem;
|
|
8823
|
+
margin-inline: auto;
|
|
8824
|
+
}
|
|
8825
|
+
}
|
|
8826
|
+
|
|
8827
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordion___sGtKW {
|
|
8828
|
+
display: flex;
|
|
8829
|
+
flex-direction: column;
|
|
8830
|
+
}
|
|
8831
|
+
|
|
8832
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__wideTabList___xlU3i {
|
|
8833
|
+
display: flex;
|
|
8834
|
+
flex-direction: column;
|
|
8835
|
+
padding-block-end: var(--base-size-80);
|
|
8836
|
+
}
|
|
8837
|
+
|
|
8838
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__sharedVisuals___hDA4K {
|
|
8839
|
+
order: 1;
|
|
8840
|
+
margin-block-end: var(--base-size-36);
|
|
8841
|
+
width: 100%;
|
|
8842
|
+
}
|
|
8843
|
+
|
|
8844
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionSharedVisuals___yL4Ev {
|
|
8845
|
+
margin-block-end: var(--base-size-16);
|
|
8846
|
+
width: 100%;
|
|
8847
|
+
}
|
|
8848
|
+
|
|
8849
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__sharedVisualPanel___Jkko_ {
|
|
8850
|
+
min-width: 0;
|
|
8851
|
+
}
|
|
8852
|
+
|
|
8853
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__sharedVisual___ZpMy9 img, .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__sharedVisual___ZpMy9 picture, .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__sharedVisual___ZpMy9 video, .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionSharedVisual___K1OyU img, .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionSharedVisual___K1OyU picture, .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionSharedVisual___K1OyU video {
|
|
8854
|
+
display: block;
|
|
8855
|
+
max-width: 100%;
|
|
8856
|
+
}
|
|
8857
|
+
|
|
8858
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs___X8Dk9 [class*='River__visual--rounded'] {
|
|
8859
|
+
border-radius: var(--brand-borderRadius-small);
|
|
8860
|
+
}
|
|
8861
|
+
|
|
8862
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__sharedVisualPanel___Jkko_[hidden] {
|
|
8863
|
+
display: none;
|
|
8864
|
+
}
|
|
8865
|
+
|
|
8866
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__tablist___f5FNH {
|
|
8867
|
+
order: 2;
|
|
8868
|
+
display: grid;
|
|
8869
|
+
grid-template-columns: repeat(var(--river-breakout-tabs-columns), minmax(0, 1fr));
|
|
8870
|
+
grid-gap: var(--base-size-40);
|
|
8871
|
+
gap: var(--base-size-40);
|
|
8872
|
+
}
|
|
8873
|
+
|
|
8874
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__wideTabListActions___iCX6R {
|
|
8875
|
+
order: 3;
|
|
8876
|
+
display: grid;
|
|
8877
|
+
grid-template-columns: repeat(var(--river-breakout-tabs-columns), minmax(0, 1fr));
|
|
8878
|
+
grid-gap: var(--base-size-40);
|
|
8879
|
+
gap: var(--base-size-40);
|
|
8880
|
+
}
|
|
8881
|
+
|
|
8882
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__item___SymTq {
|
|
8883
|
+
position: relative;
|
|
8884
|
+
min-width: 0;
|
|
8885
|
+
display: flex;
|
|
8886
|
+
flex-direction: column;
|
|
8887
|
+
align-items: flex-start;
|
|
8888
|
+
}
|
|
8889
|
+
|
|
8890
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__item___SymTq::before {
|
|
8891
|
+
content: '';
|
|
8892
|
+
position: absolute;
|
|
8893
|
+
inset-block-start: 0;
|
|
8894
|
+
inset-inline: 0;
|
|
8895
|
+
height: var(--brand-borderWidth-thin);
|
|
8896
|
+
transform: scaleY(1);
|
|
8897
|
+
transform-origin: 50% 0;
|
|
8898
|
+
background-color: var(--brand-color-border-muted);
|
|
8899
|
+
transition: transform var(--brand-animation-duration-fast) ease,
|
|
8900
|
+
background-color var(--brand-animation-duration-fast) ease;
|
|
8901
|
+
}
|
|
8902
|
+
|
|
8903
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__item--selected___dLXod::before {
|
|
8904
|
+
transform: scaleY(2);
|
|
8905
|
+
background-color: var(--brand-color-accent-primary);
|
|
8906
|
+
}
|
|
8907
|
+
|
|
8908
|
+
@media screen and (min-width: 63.25rem) and (hover: hover) and (pointer: fine) {
|
|
8909
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__item___SymTq:hover::before {
|
|
8910
|
+
transform: scaleY(2);
|
|
8911
|
+
background-color: var(--brand-color-accent-primary);
|
|
8912
|
+
}
|
|
8913
|
+
}
|
|
8914
|
+
|
|
8915
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__heading___HScg4 {
|
|
8916
|
+
margin: 0;
|
|
8917
|
+
color: var(--brand-color-text-muted);
|
|
8918
|
+
}
|
|
8919
|
+
|
|
8920
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__item--selected___dLXod .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__heading___HScg4 {
|
|
8921
|
+
color: var(--brand-color-text-default);
|
|
8922
|
+
}
|
|
8923
|
+
|
|
8924
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__icon___Xr8op {
|
|
8925
|
+
display: inline-flex;
|
|
8926
|
+
align-items: center;
|
|
8927
|
+
justify-content: center;
|
|
8928
|
+
}
|
|
8929
|
+
|
|
8930
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__tab___tHZFA {
|
|
8931
|
+
width: 100%;
|
|
8932
|
+
border: 0;
|
|
8933
|
+
background: transparent;
|
|
8934
|
+
color: inherit;
|
|
8935
|
+
font: inherit;
|
|
8936
|
+
text-align: left;
|
|
8937
|
+
padding-block-start: var(--base-size-28);
|
|
8938
|
+
display: flex;
|
|
8939
|
+
flex-direction: column;
|
|
8940
|
+
align-items: flex-start;
|
|
8941
|
+
gap: var(--base-size-20);
|
|
8942
|
+
cursor: pointer;
|
|
8943
|
+
outline: none;
|
|
8944
|
+
padding-inline: 0;
|
|
8945
|
+
}
|
|
8946
|
+
|
|
8947
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__tab___tHZFA:focus-visible {
|
|
8948
|
+
outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
|
|
8949
|
+
outline-offset: var(--base-size-4);
|
|
8950
|
+
}
|
|
8951
|
+
|
|
8952
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__tabHeading___cEwLt {
|
|
8953
|
+
margin: 0;
|
|
8954
|
+
}
|
|
8955
|
+
|
|
8956
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__wideTabListContent___D9V9I {
|
|
8957
|
+
display: flex;
|
|
8958
|
+
flex-direction: column;
|
|
8959
|
+
align-items: flex-start;
|
|
8960
|
+
gap: var(--base-size-12);
|
|
8961
|
+
}
|
|
8962
|
+
|
|
8963
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__wideTabListAction___SaBmu {
|
|
8964
|
+
color: var(--brand-Link-color-accent);
|
|
8965
|
+
font-weight: var(--base-text-weight-medium);
|
|
8966
|
+
-webkit-text-decoration: none;
|
|
8967
|
+
text-decoration: none;
|
|
8968
|
+
}
|
|
8969
|
+
|
|
8970
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__wideTabListActionItem___q6pS2 {
|
|
8971
|
+
margin-block-start: var(--base-size-12);
|
|
8972
|
+
}
|
|
8973
|
+
|
|
8974
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__content___LpEoz {
|
|
8975
|
+
display: flex;
|
|
8976
|
+
flex-direction: column;
|
|
8977
|
+
align-items: flex-start;
|
|
8978
|
+
gap: var(--base-size-12);
|
|
8979
|
+
}
|
|
8980
|
+
|
|
8981
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__link___zcQY5 {
|
|
8982
|
+
-webkit-text-decoration: none;
|
|
8983
|
+
text-decoration: none;
|
|
8984
|
+
}
|
|
8985
|
+
|
|
8986
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordion___sGtKW {
|
|
8987
|
+
padding-block-end: var(--base-size-40);
|
|
8988
|
+
}
|
|
8989
|
+
|
|
8990
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionContent___wykRr {
|
|
8991
|
+
display: flex;
|
|
8992
|
+
flex-direction: column;
|
|
8993
|
+
align-items: flex-start;
|
|
8994
|
+
gap: var(--base-size-12);
|
|
8995
|
+
}
|
|
8996
|
+
|
|
8997
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionContent___wykRr .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__link___zcQY5,
|
|
8998
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionContent___wykRr .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__link___zcQY5 > span {
|
|
8999
|
+
color: var(--brand-Link-color-accent);
|
|
9000
|
+
font-weight: var(--base-text-weight-medium);
|
|
9001
|
+
}
|
|
9002
|
+
|
|
9003
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionContent___wykRr .Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__link___zcQY5 {
|
|
9004
|
+
-webkit-text-decoration: none;
|
|
9005
|
+
text-decoration: none;
|
|
9006
|
+
}
|
|
9007
|
+
|
|
9008
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionItem___SyD2o {
|
|
9009
|
+
border-top: none;
|
|
9010
|
+
}
|
|
9011
|
+
|
|
9012
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionItem___SyD2o::after {
|
|
9013
|
+
display: none;
|
|
9014
|
+
}
|
|
9015
|
+
|
|
9016
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionItem___SyD2o::before {
|
|
9017
|
+
content: '';
|
|
9018
|
+
position: absolute;
|
|
9019
|
+
inset-block-start: 0;
|
|
9020
|
+
inset-inline: 0;
|
|
9021
|
+
height: var(--brand-borderWidth-thin);
|
|
9022
|
+
transform: scaleY(1);
|
|
9023
|
+
transform-origin: 50% 0;
|
|
9024
|
+
background-color: var(--brand-color-border-muted);
|
|
9025
|
+
transition: transform var(--brand-animation-duration-fast) ease,
|
|
9026
|
+
background-color var(--brand-animation-duration-fast) ease;
|
|
9027
|
+
}
|
|
9028
|
+
|
|
9029
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionItem___SyD2o.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__item--selected___dLXod::before {
|
|
9030
|
+
transform: scaleY(2);
|
|
9031
|
+
background-color: var(--brand-color-accent-primary);
|
|
9032
|
+
}
|
|
9033
|
+
|
|
9034
|
+
@media (hover: hover) and (pointer: fine) {
|
|
9035
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionItem___SyD2o:hover::before {
|
|
9036
|
+
transform: scaleY(2);
|
|
9037
|
+
background-color: var(--brand-color-accent-primary);
|
|
9038
|
+
}
|
|
9039
|
+
}
|
|
9040
|
+
|
|
9041
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionHeading___RiuA9 {
|
|
9042
|
+
color: var(--brand-color-text-default);
|
|
9043
|
+
}
|
|
9044
|
+
|
|
9045
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionHeadingInner___vvOjI {
|
|
9046
|
+
display: inline-flex;
|
|
9047
|
+
flex-direction: column;
|
|
9048
|
+
align-items: flex-start;
|
|
9049
|
+
gap: var(--base-size-12);
|
|
9050
|
+
}
|
|
9051
|
+
|
|
9052
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionIcon___pslaZ {
|
|
9053
|
+
flex-shrink: 0;
|
|
9054
|
+
}
|
|
9055
|
+
|
|
9056
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionLabel___gIy1N {
|
|
9057
|
+
display: inline-flex;
|
|
9058
|
+
align-items: center;
|
|
9059
|
+
}
|
|
9060
|
+
|
|
9061
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs__accordionPanel___EqiKL {
|
|
9062
|
+
display: flex;
|
|
9063
|
+
flex-direction: column;
|
|
9064
|
+
gap: var(--base-size-24);
|
|
9065
|
+
}
|
|
9066
|
+
|
|
9067
|
+
@media screen and (min-width: 618px) {
|
|
9068
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs___X8Dk9 {
|
|
9069
|
+
border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
9070
|
+
}
|
|
9071
|
+
}
|
|
9072
|
+
|
|
9073
|
+
@media screen and (min-width: 63.25rem) {
|
|
9074
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs___X8Dk9 {
|
|
9075
|
+
border-inline: none;
|
|
9076
|
+
}
|
|
9077
|
+
}
|
|
9078
|
+
|
|
9079
|
+
@media screen and (min-width: 1300px) {
|
|
9080
|
+
.Primer_Brand__RiverBreakoutTabs-module__RiverBreakoutTabs___X8Dk9 {
|
|
9081
|
+
border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
9082
|
+
}
|
|
9083
|
+
}
|
|
9084
|
+
|
|
9085
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9086
|
+
--ease: cubic-bezier(0.22, 0.56, 0.23, 0.89);
|
|
9087
|
+
-webkit-font-smoothing: antialiased;
|
|
9088
|
+
--stackDistance: calc(var(--base-size-24) * -1);
|
|
9089
|
+
|
|
9090
|
+
/* River visual (videos)
|
|
9091
|
+
* UL = unit-less, needed for division in certain scenarios
|
|
9092
|
+
*/
|
|
9093
|
+
--visualMaxWidth: 1032px;
|
|
9094
|
+
--visualMaxWidthUL: 1032;
|
|
9095
|
+
--visualMaxHeight: min(690px, 60vh);
|
|
9096
|
+
--visualMaxHeightUL: 690;
|
|
9097
|
+
--storyScrollPadding: min(32px, 5vw);
|
|
9098
|
+
position: relative;
|
|
9099
|
+
}
|
|
9100
|
+
@media (max-height: 720px) {
|
|
9101
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9102
|
+
--visualMaxHeight: 55vh;
|
|
9103
|
+
}
|
|
9104
|
+
}
|
|
9105
|
+
|
|
9106
|
+
@media (max-height: 600px) {
|
|
9107
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9108
|
+
--visualMaxHeight: 50vh;
|
|
9109
|
+
}
|
|
9110
|
+
}
|
|
9111
|
+
|
|
9112
|
+
@media (max-height: 500px) {
|
|
9113
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9114
|
+
--visualMaxHeight: 40vh;
|
|
9115
|
+
}
|
|
9116
|
+
}
|
|
9117
|
+
|
|
9118
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__inner___V0daX {
|
|
9119
|
+
position: relative;
|
|
9120
|
+
}
|
|
9121
|
+
|
|
9122
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__visual-cover___rCa_Y {
|
|
9123
|
+
position: absolute;
|
|
9124
|
+
left: 0;
|
|
9125
|
+
width: 100%;
|
|
9126
|
+
}
|
|
9127
|
+
|
|
9128
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__image___WmawN {
|
|
9129
|
+
margin-left: auto;
|
|
9130
|
+
margin-right: auto;
|
|
9131
|
+
width: auto;
|
|
9132
|
+
z-index: 10;
|
|
9133
|
+
position: relative;
|
|
9134
|
+
border-radius: var(--brand-borderRadius-large);
|
|
9135
|
+
}
|
|
9136
|
+
|
|
9137
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll--enabled___EpqB5 .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__internal-river___eUmDR {
|
|
9138
|
+
grid-template-columns: 1fr;
|
|
9139
|
+
gap: 0;
|
|
9140
|
+
}
|
|
9141
|
+
|
|
9142
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll--enabled___EpqB5 .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__internal-river___eUmDR img,
|
|
9143
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll--enabled___EpqB5 .Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__internal-river___eUmDR video {
|
|
9144
|
+
display: none;
|
|
9145
|
+
}
|
|
9146
|
+
|
|
9147
|
+
@media (max-width: 542px) {
|
|
9148
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9149
|
+
--topOffset: calc((100vh - min(664px, 60vh)) / 5);
|
|
9150
|
+
}
|
|
9151
|
+
}
|
|
9152
|
+
|
|
9153
|
+
@media (max-width: 768px) and (min-height: 670px) {
|
|
9154
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9155
|
+
--extraBottomSpacing: calc(-1 * (100vh - 100vw) / 5);
|
|
9156
|
+
}
|
|
9157
|
+
}
|
|
9158
|
+
|
|
9159
|
+
@media (min-width: 542px) and (max-width: 1028px) and (min-height: 670px) {
|
|
9160
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9161
|
+
--extraBottomSpacing: calc(-1 * (100vh - 100vw) / 3);
|
|
9162
|
+
}
|
|
9163
|
+
}
|
|
9164
|
+
|
|
9165
|
+
@media (min-width: 542px) {
|
|
9166
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9167
|
+
--scrollTextHeight: 42vh;
|
|
9168
|
+
}
|
|
9169
|
+
}
|
|
9170
|
+
|
|
9171
|
+
@media (max-height: 520px) {
|
|
9172
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9173
|
+
--scrollTextHeight: 70vh;
|
|
9174
|
+
}
|
|
9175
|
+
}
|
|
9176
|
+
|
|
9177
|
+
@media (min-width: 1028px) {
|
|
9178
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9179
|
+
--stackDistance: -30px;
|
|
9180
|
+
}
|
|
9181
|
+
}
|
|
9182
|
+
|
|
9183
|
+
@media (max-height: 800px) {
|
|
9184
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9185
|
+
--stackDistance: -20px;
|
|
9186
|
+
}
|
|
9187
|
+
}
|
|
9188
|
+
|
|
9189
|
+
@media (max-height: 500px) {
|
|
9190
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9191
|
+
--stackDistance: -15px;
|
|
9192
|
+
}
|
|
9193
|
+
}
|
|
9194
|
+
|
|
9195
|
+
@media screen and (max-width: 768px) {
|
|
9196
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9197
|
+
--topOffset: calc((100vh - min(664px, 60vh)) / 3);
|
|
9198
|
+
|
|
9199
|
+
/* Spacing above the visual */
|
|
9200
|
+
--availableWidth: calc(100vw - var(--storyScrollPadding) * 2);
|
|
9201
|
+
--relativeVisualHeight: calc(var(--visualMaxHeightUL) / var(--visualMaxWidthUL) * var(--availableWidth));
|
|
9202
|
+
--visualHeight: min(var(--visualMaxHeight), var(--relativeVisualHeight));
|
|
9203
|
+
--visualWidth: calc(var(--visualHeight) * var(--visualMaxWidthUL) / var(--visualMaxHeightUL));
|
|
9204
|
+
--scrollTextHeight: 58vh;
|
|
9205
|
+
--textToVisualPadding: max(5vh, 40px);
|
|
9206
|
+
|
|
9207
|
+
--topScrollOffset: calc(var(--visualHeight));
|
|
9208
|
+
--bottomScrollOffset: calc(100vh - var(--topOffset) - var(--visualHeight) - var(--textToVisualPadding));
|
|
9209
|
+
|
|
9210
|
+
--extraBottomSpacing: 70px;
|
|
9211
|
+
}
|
|
9212
|
+
|
|
9213
|
+
/* Enhanced styling if dvh is supported */
|
|
9214
|
+
@supports (height: 100dvh) {
|
|
9215
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__visual-container-inner___oFalR {
|
|
9216
|
+
height: 100dvh;
|
|
9217
|
+
}
|
|
9218
|
+
}
|
|
9219
|
+
|
|
9220
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__visual-container___ZJlnt {
|
|
9221
|
+
position: absolute;
|
|
9222
|
+
width: 100%;
|
|
9223
|
+
height: 100%;
|
|
9224
|
+
left: 0;
|
|
9225
|
+
top: 0;
|
|
9226
|
+
}
|
|
9227
|
+
|
|
9228
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__tracker___SR7oo {
|
|
9229
|
+
min-height: var(--scrollTextHeight);
|
|
9230
|
+
position: relative;
|
|
9231
|
+
transition: opacity 0.3s var(--ease);
|
|
9232
|
+
}
|
|
9233
|
+
|
|
9234
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__tracker___SR7oo:has(+ .Primer_Brand__RiverStoryScroll-module__in-viewport___AxNUA) {
|
|
9235
|
+
opacity: 0;
|
|
9236
|
+
}
|
|
9237
|
+
|
|
9238
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__tracker___SR7oo.Primer_Brand__RiverStoryScroll-module__in-viewport___AxNUA + .Primer_Brand__RiverStoryScroll-module__outside-viewport___ivCAg {
|
|
9239
|
+
opacity: 0;
|
|
9240
|
+
}
|
|
9241
|
+
|
|
9242
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll___GKo1Z {
|
|
9243
|
+
max-width: calc(1032px + var(--storyScrollPadding) * 2);
|
|
9244
|
+
margin-top: min(30vw, 22vh);
|
|
9245
|
+
margin-left: auto;
|
|
9246
|
+
margin-right: auto;
|
|
9247
|
+
padding-right: var(--storyScrollPadding);
|
|
9248
|
+
padding-left: var(--storyScrollPadding);
|
|
9249
|
+
}
|
|
9250
|
+
|
|
9251
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__content-container--below____OTaq {
|
|
9252
|
+
padding-top: var(--topScrollOffset);
|
|
9253
|
+
padding-bottom: var(--bottomScrollOffset);
|
|
9254
|
+
}
|
|
9255
|
+
|
|
9256
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__image___WmawN {
|
|
9257
|
+
height: auto;
|
|
9258
|
+
width: 100%;
|
|
9259
|
+
max-width: var(--visualWidth);
|
|
9260
|
+
border-radius: var(--brand-borderRadius-large);
|
|
9261
|
+
}
|
|
9262
|
+
|
|
9263
|
+
.Primer_Brand__RiverStoryScroll-module__RiverStoryScroll__visual-container-inner___oFalR {
|
|
9264
|
+
position: sticky;
|
|
8679
9265
|
pointer-events: none;
|
|
8680
9266
|
top: 0;
|
|
8681
9267
|
padding-top: var(--topOffset);
|
|
@@ -8982,7 +9568,7 @@ html {
|
|
|
8982
9568
|
|
|
8983
9569
|
/**
|
|
8984
9570
|
* Do not edit directly
|
|
8985
|
-
* Generated on
|
|
9571
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 GMT
|
|
8986
9572
|
*/
|
|
8987
9573
|
|
|
8988
9574
|
:root,
|
|
@@ -9750,7 +10336,7 @@ html {
|
|
|
9750
10336
|
|
|
9751
10337
|
/**
|
|
9752
10338
|
* Do not edit directly
|
|
9753
|
-
* Generated on
|
|
10339
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 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 Thu, 30 Apr 2026 18:54:06 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 Thu, 30 Apr 2026 18:54:05 GMT
|
|
9798
10384
|
*/
|
|
9799
10385
|
|
|
9800
10386
|
:root {
|
|
@@ -9847,7 +10433,172 @@ html {
|
|
|
9847
10433
|
|
|
9848
10434
|
/**
|
|
9849
10435
|
* Do not edit directly
|
|
9850
|
-
* Generated on
|
|
10436
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 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;
|
|
10596
|
+
}
|
|
10597
|
+
}
|
|
10598
|
+
|
|
10599
|
+
/**
|
|
10600
|
+
* Do not edit directly
|
|
10601
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 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 Thu, 30 Apr 2026 18:54:05 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 Thu, 30 Apr 2026 18:54:06 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 Thu, 30 Apr 2026 18:54:06 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 Thu, 30 Apr 2026 18:54:06 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 Thu, 30 Apr 2026 18:54:05 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 Thu, 30 Apr 2026 18:54:06 GMT
|
|
11809
12560
|
*/
|
|
11810
12561
|
|
|
11811
12562
|
:root,
|
|
@@ -11856,7 +12607,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
11856
12607
|
--brand-Testimonial-quoteMarkColor-teal: var(--base-color-scale-teal-5);
|
|
11857
12608
|
--brand-Testimonial-quoteMarkColor-yellow: var(--base-color-scale-yellow-5);
|
|
11858
12609
|
--brand-Testimonial-quote-color-default: var(--brand-color-text-default);
|
|
11859
|
-
--brand-Testimonial-quote-color-emphasis:
|
|
12610
|
+
--brand-Testimonial-quote-color-emphasis: var(--base-color-scale-green-7);
|
|
11860
12611
|
}
|
|
11861
12612
|
|
|
11862
12613
|
[data-color-mode="dark"] {
|
|
@@ -11906,7 +12657,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
11906
12657
|
--brand-Testimonial-quoteMarkColor-teal: var(--base-color-scale-teal-2);
|
|
11907
12658
|
--brand-Testimonial-quoteMarkColor-yellow: var(--base-color-scale-yellow-2);
|
|
11908
12659
|
--brand-Testimonial-quote-color-default: var(--brand-color-text-default);
|
|
11909
|
-
--brand-Testimonial-quote-color-emphasis:
|
|
12660
|
+
--brand-Testimonial-quote-color-emphasis: var(--brand-color-text-emphasized);
|
|
11910
12661
|
}
|
|
11911
12662
|
|
|
11912
12663
|
.Primer_Brand__Testimonial-module__Testimonial___UUywT {
|
|
@@ -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 Thu, 30 Apr 2026 18:54:06 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 Thu, 30 Apr 2026 18:54:06 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 Thu, 30 Apr 2026 18:54:06 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 Thu, 30 Apr 2026 18:54:06 GMT
|
|
13037
13788
|
*/
|
|
13038
13789
|
|
|
13039
13790
|
:root,
|
|
@@ -13041,12 +13792,22 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
13041
13792
|
--brand-CTABanner-shadow-color-start: var(--base-color-scale-green-6);
|
|
13042
13793
|
--brand-CTABanner-shadow-color-end: var(--base-color-scale-blue-5);
|
|
13043
13794
|
--brand-CTABanner-bgColor: var(--brand-color-canvas-subtle);
|
|
13795
|
+
--brand-CTABanner-color-heading-emphasis: var(--base-color-scale-green-7);
|
|
13796
|
+
--brand-CTABanner-color-logo-muted: var(--brand-color-text-muted);
|
|
13797
|
+
--brand-CTABanner-color-logo-emphasis: var(--brand-color-text-default);
|
|
13798
|
+
--brand-CTABanner-color-logo-filter-muted: brightness(0) saturate(100%) invert(37%) sepia(7%) saturate(778%) hue-rotate(171deg) brightness(96%) contrast(91%);
|
|
13799
|
+
--brand-CTABanner-color-logo-filter-emphasis: brightness(0) saturate(100%) invert(12%) sepia(20%) saturate(450%) hue-rotate(172deg) brightness(100%) contrast(91%);
|
|
13044
13800
|
}
|
|
13045
13801
|
|
|
13046
13802
|
[data-color-mode="dark"] {
|
|
13047
13803
|
--brand-CTABanner-shadow-color-start: var(--base-color-scale-green-2);
|
|
13048
13804
|
--brand-CTABanner-shadow-color-end: var(--base-color-scale-blue-3);
|
|
13049
13805
|
--brand-CTABanner-bgColor: var(--brand-color-canvas-subtle);
|
|
13806
|
+
--brand-CTABanner-color-heading-emphasis: var(--brand-color-text-emphasized);
|
|
13807
|
+
--brand-CTABanner-color-logo-muted: var(--brand-color-text-muted);
|
|
13808
|
+
--brand-CTABanner-color-logo-emphasis: var(--brand-color-text-default);
|
|
13809
|
+
--brand-CTABanner-color-logo-filter-muted: brightness(0) saturate(100%) invert(61%) sepia(8%) saturate(430%) hue-rotate(171deg) brightness(94%) contrast(92%);
|
|
13810
|
+
--brand-CTABanner-color-logo-filter-emphasis: brightness(0) saturate(100%) invert(91%) sepia(2%) saturate(2455%) hue-rotate(193deg) brightness(107%) contrast(98%);
|
|
13050
13811
|
}
|
|
13051
13812
|
|
|
13052
13813
|
.Primer_Brand__CTABanner-module__CTABanner___m0t8s {
|
|
@@ -13070,21 +13831,6 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
13070
13831
|
);
|
|
13071
13832
|
}
|
|
13072
13833
|
|
|
13073
|
-
/* Heading size overrides for balanced and minimal variants */
|
|
13074
|
-
.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-heading___JYhUV {
|
|
13075
|
-
font-weight: var(--brand-heading-weight-700);
|
|
13076
|
-
font-size: var(--brand-text-size-700);
|
|
13077
|
-
line-height: var(--brand-heading-lineHeight-700);
|
|
13078
|
-
letter-spacing: var(--brand-heading-letterSpacing-700);
|
|
13079
|
-
}
|
|
13080
|
-
|
|
13081
|
-
.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-heading___JYhUV {
|
|
13082
|
-
font-weight: var(--brand-heading-weight-400);
|
|
13083
|
-
font-size: var(--brand-text-size-400);
|
|
13084
|
-
line-height: var(--brand-text-lineHeight-400);
|
|
13085
|
-
letter-spacing: var(--brand-heading-letterSpacing-400);
|
|
13086
|
-
}
|
|
13087
|
-
|
|
13088
13834
|
.Primer_Brand__CTABanner-module__CTABanner-grid___u3x9a {
|
|
13089
13835
|
row-gap: 0;
|
|
13090
13836
|
--brand-Grid-spacing-row: 0;
|
|
@@ -13242,7 +13988,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
13242
13988
|
gap: var(--base-size-24);
|
|
13243
13989
|
}
|
|
13244
13990
|
.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
|
|
13245
|
-
gap: var(--base-size-
|
|
13991
|
+
gap: var(--base-size-32);
|
|
13246
13992
|
}
|
|
13247
13993
|
.Primer_Brand__CTABanner-module__CTABanner-container___iRzd1 {
|
|
13248
13994
|
padding: var(--base-size-96) var(--base-size-64);
|
|
@@ -13258,29 +14004,87 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
13258
14004
|
}
|
|
13259
14005
|
}
|
|
13260
14006
|
|
|
13261
|
-
/* Wide */
|
|
13262
|
-
@media screen and (min-width: 80rem) {
|
|
13263
|
-
.Primer_Brand__CTABanner-module__CTABanner-container--background___v1yTH {
|
|
13264
|
-
background-color: var(--brand-CTABanner-wide-background-color, var(--brand-CTABanner-background-color));
|
|
13265
|
-
background-image: var(--brand-CTABanner-wide-background-image-src, var(--brand-CTABanner-background-image-src));
|
|
13266
|
-
background-size: var(--brand-CTABanner-wide-background-image-size, var(--brand-CTABanner-background-image-size));
|
|
13267
|
-
|
|
13268
|
-
background-position: var(
|
|
13269
|
-
--brand-CTABanner-wide-background-image-position,
|
|
13270
|
-
var(--brand-CTABanner-background-image-position)
|
|
13271
|
-
);
|
|
13272
|
-
}
|
|
14007
|
+
/* Wide */
|
|
14008
|
+
@media screen and (min-width: 80rem) {
|
|
14009
|
+
.Primer_Brand__CTABanner-module__CTABanner-container--background___v1yTH {
|
|
14010
|
+
background-color: var(--brand-CTABanner-wide-background-color, var(--brand-CTABanner-background-color));
|
|
14011
|
+
background-image: var(--brand-CTABanner-wide-background-image-src, var(--brand-CTABanner-background-image-src));
|
|
14012
|
+
background-size: var(--brand-CTABanner-wide-background-image-size, var(--brand-CTABanner-background-image-size));
|
|
14013
|
+
|
|
14014
|
+
background-position: var(
|
|
14015
|
+
--brand-CTABanner-wide-background-image-position,
|
|
14016
|
+
var(--brand-CTABanner-background-image-position)
|
|
14017
|
+
);
|
|
14018
|
+
}
|
|
14019
|
+
}
|
|
14020
|
+
|
|
14021
|
+
.Primer_Brand__CTABanner-module__CTABanner-image___stI4S {
|
|
14022
|
+
width: 100%;
|
|
14023
|
+
height: auto;
|
|
14024
|
+
}
|
|
14025
|
+
|
|
14026
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-image___stI4S {
|
|
14027
|
+
max-width: 476px;
|
|
14028
|
+
width: 100%;
|
|
14029
|
+
height: auto;
|
|
14030
|
+
}
|
|
14031
|
+
|
|
14032
|
+
@media screen and (min-width: 63.25rem) {
|
|
14033
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-image___stI4S {
|
|
14034
|
+
max-width: 100%;
|
|
14035
|
+
height: auto;
|
|
14036
|
+
}
|
|
14037
|
+
|
|
14038
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-grid-column--primary___ZtLFt:has(.Primer_Brand__CTABanner-module__CTABanner-logo___QX4nn) {
|
|
14039
|
+
align-items: stretch;
|
|
14040
|
+
}
|
|
14041
|
+
|
|
14042
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-grid-column--primary___ZtLFt:has(.Primer_Brand__CTABanner-module__CTABanner-logo___QX4nn) > .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_ {
|
|
14043
|
+
flex: 1;
|
|
14044
|
+
}
|
|
14045
|
+
|
|
14046
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-balanced___eroPr .Primer_Brand__CTABanner-module__CTABanner-content___sZo6_:has(> .Primer_Brand__CTABanner-module__CTABanner-logo___QX4nn) > .Primer_Brand__CTABanner-module__CTABanner-logo___QX4nn + * {
|
|
14047
|
+
margin-block-start: auto;
|
|
14048
|
+
}
|
|
14049
|
+
}
|
|
14050
|
+
|
|
14051
|
+
.Primer_Brand__CTABanner-module__CTABanner-logo___QX4nn {
|
|
14052
|
+
display: flex;
|
|
14053
|
+
align-items: center;
|
|
14054
|
+
gap: var(--base-size-8);
|
|
14055
|
+
width: 100%;
|
|
14056
|
+
padding-block-end: var(--base-size-32);
|
|
14057
|
+
border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
14058
|
+
}
|
|
14059
|
+
|
|
14060
|
+
.Primer_Brand__CTABanner-module__CTABanner-logo___QX4nn > svg,
|
|
14061
|
+
.Primer_Brand__CTABanner-module__CTABanner-logo___QX4nn > img {
|
|
14062
|
+
height: var(--base-size-40);
|
|
14063
|
+
width: auto;
|
|
14064
|
+
display: block;
|
|
14065
|
+
}
|
|
14066
|
+
|
|
14067
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-default___eD19a .Primer_Brand__CTABanner-module__CTABanner-logo___QX4nn {
|
|
14068
|
+
width: auto;
|
|
14069
|
+
padding-block-end: 0;
|
|
14070
|
+
border-block-end: none;
|
|
14071
|
+
}
|
|
14072
|
+
|
|
14073
|
+
.Primer_Brand__CTABanner-module__CTABanner--variant-minimal___uuWf5 .Primer_Brand__CTABanner-module__CTABanner-logo___QX4nn {
|
|
14074
|
+
margin-block-end: var(--base-size-24);
|
|
13273
14075
|
}
|
|
13274
14076
|
|
|
13275
|
-
.Primer_Brand__CTABanner-module__CTABanner-
|
|
13276
|
-
|
|
13277
|
-
height: auto;
|
|
14077
|
+
.Primer_Brand__CTABanner-module__CTABanner-link___XxOjC {
|
|
14078
|
+
align-self: auto;
|
|
13278
14079
|
}
|
|
13279
14080
|
|
|
13280
|
-
|
|
13281
|
-
|
|
13282
|
-
|
|
13283
|
-
|
|
14081
|
+
/*
|
|
14082
|
+
* We use a custom token here because text-emphasized doesn't reach 4.5 contrast
|
|
14083
|
+
* against the default banner bgColor in light mode.
|
|
14084
|
+
*/
|
|
14085
|
+
.Primer_Brand__CTABanner-module__CTABanner-heading___JYhUV b {
|
|
14086
|
+
color: var(--brand-CTABanner-color-heading-emphasis);
|
|
14087
|
+
font-weight: inherit;
|
|
13284
14088
|
}
|
|
13285
14089
|
|
|
13286
14090
|
.Primer_Brand__CTABanner-module__CTABanner-heading___JYhUV code,
|
|
@@ -13419,7 +14223,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
13419
14223
|
|
|
13420
14224
|
/**
|
|
13421
14225
|
* Do not edit directly
|
|
13422
|
-
* Generated on
|
|
14226
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 GMT
|
|
13423
14227
|
*/
|
|
13424
14228
|
|
|
13425
14229
|
:root,
|
|
@@ -13583,7 +14387,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
13583
14387
|
|
|
13584
14388
|
/**
|
|
13585
14389
|
* Do not edit directly
|
|
13586
|
-
* Generated on
|
|
14390
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 GMT
|
|
13587
14391
|
*/
|
|
13588
14392
|
|
|
13589
14393
|
:root,
|
|
@@ -13687,357 +14491,102 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
13687
14491
|
.Primer_Brand__Pillar-module__Pillar__icon--color-green___AZl8T {
|
|
13688
14492
|
color: var(--brand-Pillar-icon-color-green);
|
|
13689
14493
|
}
|
|
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);
|
|
14494
|
+
|
|
14495
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-gray___MRGro {
|
|
14496
|
+
color: var(--brand-Pillar-icon-color-gray);
|
|
13926
14497
|
}
|
|
13927
14498
|
|
|
13928
|
-
|
|
13929
|
-
|
|
13930
|
-
|
|
13931
|
-
*/
|
|
14499
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-indigo___hX1Yq {
|
|
14500
|
+
color: var(--brand-Pillar-icon-color-indigo);
|
|
14501
|
+
}
|
|
13932
14502
|
|
|
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);
|
|
14503
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-lemon___V0XiQ {
|
|
14504
|
+
color: var(--brand-Pillar-icon-color-lemon);
|
|
13963
14505
|
}
|
|
13964
14506
|
|
|
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);
|
|
14507
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-lime___VXybl {
|
|
14508
|
+
color: var(--brand-Label-color-lime);
|
|
14509
|
+
}
|
|
14510
|
+
|
|
14511
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-orange___e1xGP {
|
|
14512
|
+
color: var(--brand-Pillar-icon-color-orange);
|
|
14513
|
+
}
|
|
14514
|
+
|
|
14515
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-pink___WcTTa {
|
|
14516
|
+
color: var(--brand-Pillar-icon-color-pink);
|
|
14517
|
+
}
|
|
14518
|
+
|
|
14519
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-purple___BGrUp {
|
|
14520
|
+
color: var(--brand-Pillar-icon-color-purple);
|
|
14521
|
+
}
|
|
14522
|
+
|
|
14523
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-red___ek1FA {
|
|
14524
|
+
color: var(--brand-Pillar-icon-color-red);
|
|
14525
|
+
}
|
|
14526
|
+
|
|
14527
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-teal___fntO4 {
|
|
14528
|
+
color: var(--brand-Pillar-icon-color-teal);
|
|
14529
|
+
}
|
|
14530
|
+
|
|
14531
|
+
.Primer_Brand__Pillar-module__Pillar__icon--color-yellow___xatJt {
|
|
14532
|
+
color: var(--brand-Pillar-icon-color-yellow);
|
|
13994
14533
|
}
|
|
13995
14534
|
|
|
13996
14535
|
/**
|
|
13997
14536
|
* Do not edit directly
|
|
13998
|
-
* Generated on
|
|
14537
|
+
* Generated on Thu, 30 Apr 2026 18:54:05 GMT
|
|
13999
14538
|
*/
|
|
14000
14539
|
|
|
14001
14540
|
:root {
|
|
14002
|
-
--brand-Card-animation-easing:
|
|
14003
|
-
--brand-Card-animation-duration:
|
|
14541
|
+
--brand-Card-animation-easing: cubic-bezier(0.01, 0.73, 0.08, 0.93);
|
|
14542
|
+
--brand-Card-animation-duration: 400ms;
|
|
14004
14543
|
--brand-Card-maxWidth: 26.25rem;
|
|
14005
14544
|
}
|
|
14006
14545
|
|
|
14007
14546
|
/**
|
|
14008
14547
|
* Do not edit directly
|
|
14009
|
-
* Generated on
|
|
14548
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 GMT
|
|
14010
14549
|
*/
|
|
14011
14550
|
|
|
14012
14551
|
:root,
|
|
14013
14552
|
[data-color-mode="light"] {
|
|
14014
14553
|
--brand-Card-background-default: var(--brand-color-canvas-default);
|
|
14554
|
+
--brand-Card-background-overlay: rgba(242, 245, 243, 0.2);
|
|
14015
14555
|
}
|
|
14016
14556
|
|
|
14017
14557
|
[data-color-mode="dark"] {
|
|
14018
14558
|
--brand-Card-background-default: var(--brand-color-canvas-subtle);
|
|
14559
|
+
--brand-Card-background-overlay: rgba(242, 245, 243, 0.05);
|
|
14019
14560
|
}
|
|
14020
14561
|
|
|
14021
14562
|
.Primer_Brand__Card-module__Card___ByGEk {
|
|
14563
|
+
/* Keeps the dynamic height row on the description slot in the default layout so variable-height content fills the card body. */
|
|
14564
|
+
--Card-grid-template-rows: auto auto auto auto auto auto 1fr auto;
|
|
14565
|
+
|
|
14022
14566
|
-webkit-text-decoration: none;
|
|
14567
|
+
|
|
14023
14568
|
text-decoration: none;
|
|
14024
14569
|
color: var(--brand-color-text-default);
|
|
14025
|
-
|
|
14570
|
+
|
|
14026
14571
|
transition: transform var(--brand-Card-animation-duration) var(--brand-Card-animation-easing);
|
|
14027
14572
|
padding: var(--base-size-32);
|
|
14028
14573
|
display: grid;
|
|
14029
14574
|
grid-template-columns: 1fr 1fr;
|
|
14030
14575
|
grid-template-areas:
|
|
14031
14576
|
'image image'
|
|
14577
|
+
'leadingVisual leadingVisual'
|
|
14032
14578
|
'icon icon'
|
|
14579
|
+
'tokens tokens'
|
|
14033
14580
|
'label label'
|
|
14034
14581
|
'heading heading'
|
|
14035
14582
|
'description description'
|
|
14036
14583
|
'action action';
|
|
14037
14584
|
flex: auto;
|
|
14038
|
-
grid-template-rows: auto auto auto auto 1fr;
|
|
14585
|
+
grid-template-rows: auto auto auto auto auto auto 1fr auto;
|
|
14586
|
+
grid-template-rows: var(--Card-grid-template-rows);
|
|
14039
14587
|
position: relative;
|
|
14040
14588
|
height: 100%;
|
|
14589
|
+
border-radius: var(--brand-borderRadius-medium);
|
|
14041
14590
|
}
|
|
14042
14591
|
|
|
14043
14592
|
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card___ByGEk {
|
|
@@ -14055,7 +14604,9 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14055
14604
|
grid-template-columns: 1fr;
|
|
14056
14605
|
grid-template-areas:
|
|
14057
14606
|
'image'
|
|
14607
|
+
'leadingVisual'
|
|
14058
14608
|
'icon'
|
|
14609
|
+
'tokens'
|
|
14059
14610
|
'label'
|
|
14060
14611
|
'heading'
|
|
14061
14612
|
'description'
|
|
@@ -14063,10 +14614,54 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14063
14614
|
justify-items: center;
|
|
14064
14615
|
}
|
|
14065
14616
|
|
|
14617
|
+
.Primer_Brand__Card-module__Card--backgroundColor-default___azlLW {
|
|
14618
|
+
background-color: var(--brand-Card-background-default);
|
|
14619
|
+
}
|
|
14620
|
+
|
|
14621
|
+
.Primer_Brand__Card-module__Card--backgroundColor-subtle___GNf9B {
|
|
14622
|
+
background-color: var(--brand-color-canvas-subtle);
|
|
14623
|
+
}
|
|
14624
|
+
|
|
14625
|
+
.Primer_Brand__Card-module__Card--backgroundColor-none___ZURf_ {
|
|
14626
|
+
background-color: transparent;
|
|
14627
|
+
}
|
|
14628
|
+
|
|
14629
|
+
.Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M {
|
|
14630
|
+
/* Moves the dynamic height row from tokens back to description because the block-end layout places tokens below the body copy. */
|
|
14631
|
+
--Card-grid-template-rows: auto auto auto auto auto 1fr auto auto;
|
|
14632
|
+
|
|
14633
|
+
grid-template-areas:
|
|
14634
|
+
'image image'
|
|
14635
|
+
'leadingVisual leadingVisual'
|
|
14636
|
+
'icon icon'
|
|
14637
|
+
'label label'
|
|
14638
|
+
'heading heading'
|
|
14639
|
+
'description description'
|
|
14640
|
+
'tokens tokens'
|
|
14641
|
+
'action action';
|
|
14642
|
+
}
|
|
14643
|
+
|
|
14644
|
+
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M {
|
|
14645
|
+
grid-template-areas:
|
|
14646
|
+
'image'
|
|
14647
|
+
'leadingVisual'
|
|
14648
|
+
'icon'
|
|
14649
|
+
'label'
|
|
14650
|
+
'heading'
|
|
14651
|
+
'description'
|
|
14652
|
+
'tokens'
|
|
14653
|
+
'action';
|
|
14654
|
+
}
|
|
14655
|
+
|
|
14066
14656
|
/** Block end image position option */
|
|
14067
14657
|
.Primer_Brand__Card-module__Card--imagePos-block-end___I2w2f {
|
|
14658
|
+
/* Moves the dynamic height row from action back to description because the image is rendered after the content in this layout. */
|
|
14659
|
+
--Card-grid-template-rows: auto auto auto auto auto 1fr auto auto;
|
|
14660
|
+
|
|
14068
14661
|
grid-template-areas:
|
|
14662
|
+
'leadingVisual leadingVisual'
|
|
14069
14663
|
'icon icon'
|
|
14664
|
+
'tokens tokens'
|
|
14070
14665
|
'label label'
|
|
14071
14666
|
'heading heading'
|
|
14072
14667
|
'description description'
|
|
@@ -14076,14 +14671,47 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14076
14671
|
|
|
14077
14672
|
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card--imagePos-block-end___I2w2f {
|
|
14078
14673
|
grid-template-areas:
|
|
14674
|
+
'leadingVisual'
|
|
14675
|
+
'icon'
|
|
14676
|
+
'tokens'
|
|
14677
|
+
'label'
|
|
14678
|
+
'heading'
|
|
14679
|
+
'description'
|
|
14680
|
+
'action'
|
|
14681
|
+
'image';
|
|
14682
|
+
}
|
|
14683
|
+
|
|
14684
|
+
.Primer_Brand__Card-module__Card--imagePos-block-end___I2w2f.Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M {
|
|
14685
|
+
/* Moves the dynamic height row from tokens back to description because both the tokens and image are rendered after the body copy here. */
|
|
14686
|
+
--Card-grid-template-rows: auto auto auto auto 1fr auto auto auto;
|
|
14687
|
+
|
|
14688
|
+
grid-template-areas:
|
|
14689
|
+
'leadingVisual leadingVisual'
|
|
14690
|
+
'icon icon'
|
|
14691
|
+
'label label'
|
|
14692
|
+
'heading heading'
|
|
14693
|
+
'description description'
|
|
14694
|
+
'tokens tokens'
|
|
14695
|
+
'action action'
|
|
14696
|
+
'image image';
|
|
14697
|
+
}
|
|
14698
|
+
|
|
14699
|
+
.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 {
|
|
14700
|
+
grid-template-areas:
|
|
14701
|
+
'leadingVisual'
|
|
14079
14702
|
'icon'
|
|
14080
14703
|
'label'
|
|
14081
14704
|
'heading'
|
|
14082
14705
|
'description'
|
|
14706
|
+
'tokens'
|
|
14083
14707
|
'action'
|
|
14084
14708
|
'image';
|
|
14085
14709
|
}
|
|
14086
14710
|
|
|
14711
|
+
.Primer_Brand__Card-module__Card--hasLeadingVisual___JnH6q {
|
|
14712
|
+
padding: var(--base-size-64) var(--base-size-40);
|
|
14713
|
+
}
|
|
14714
|
+
|
|
14087
14715
|
.Primer_Brand__Card-module__Card--imagePos-block-end___I2w2f .Primer_Brand__Card-module__Card__image___zt4oH {
|
|
14088
14716
|
margin-bottom: 0;
|
|
14089
14717
|
margin-top: var(--base-size-28);
|
|
@@ -14106,9 +14734,8 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14106
14734
|
padding: 0;
|
|
14107
14735
|
}
|
|
14108
14736
|
|
|
14109
|
-
.Primer_Brand__Card-module__Card--
|
|
14110
|
-
|
|
14111
|
-
background-color: var(--brand-Card-background-default);
|
|
14737
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa {
|
|
14738
|
+
--Card-arrowAction-endInset: var(--base-size-40);
|
|
14112
14739
|
}
|
|
14113
14740
|
|
|
14114
14741
|
.Primer_Brand__Card-module__Card___ByGEk:hover {
|
|
@@ -14163,11 +14790,11 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14163
14790
|
|
|
14164
14791
|
.Primer_Brand__Card-module__Card--border___nNZlZ {
|
|
14165
14792
|
border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
|
|
14793
|
+
border-radius: var(--brand-borderRadius-medium);
|
|
14166
14794
|
}
|
|
14167
14795
|
|
|
14168
14796
|
.Primer_Brand__Card-module__Card__outer___QBN0D {
|
|
14169
14797
|
height: 100%;
|
|
14170
|
-
border-radius: var(--brand-borderRadius-xlarge);
|
|
14171
14798
|
}
|
|
14172
14799
|
|
|
14173
14800
|
.Primer_Brand__Card-module__Card__outer___QBN0D:has(.Primer_Brand__Card-module__Card--variant-minimal___lq45H) {
|
|
@@ -14176,6 +14803,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14176
14803
|
|
|
14177
14804
|
.Primer_Brand__Card-module__Card__outer___QBN0D:focus-within {
|
|
14178
14805
|
outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
|
|
14806
|
+
border-radius: var(--brand-borderRadius-medium);
|
|
14179
14807
|
}
|
|
14180
14808
|
|
|
14181
14809
|
.Primer_Brand__Card-module__Card__outer___QBN0D:has(.Primer_Brand__Card-module__Card--variant-minimal___lq45H):focus-within {
|
|
@@ -14184,34 +14812,12 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14184
14812
|
); /* This value is adjusted so that, when combined with the container's border radius, the total border radius equals `var(--brand-borderRadius-medium)` */
|
|
14185
14813
|
}
|
|
14186
14814
|
|
|
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 {
|
|
14815
|
+
.Primer_Brand__Card-module__Card___ByGEk:not(.Primer_Brand__Card-module__Card--disableAnimation___Zv8eW):hover {
|
|
14210
14816
|
transform: scale3d(1.025, 1.025, 1);
|
|
14211
14817
|
}
|
|
14212
14818
|
|
|
14213
14819
|
.Primer_Brand__Card-module__Card__image___zt4oH {
|
|
14214
|
-
margin-
|
|
14820
|
+
margin-block-end: var(--base-size-28);
|
|
14215
14821
|
border-radius: var(--brand-borderRadius-medium);
|
|
14216
14822
|
overflow: hidden;
|
|
14217
14823
|
grid-area: image;
|
|
@@ -14223,31 +14829,169 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14223
14829
|
display: block;
|
|
14224
14830
|
}
|
|
14225
14831
|
|
|
14832
|
+
.Primer_Brand__Card-module__Card__leadingVisual___hyXFF {
|
|
14833
|
+
margin-block-end: var(--base-size-36);
|
|
14834
|
+
display: flex;
|
|
14835
|
+
align-items: center;
|
|
14836
|
+
grid-area: leadingVisual;
|
|
14837
|
+
}
|
|
14838
|
+
|
|
14839
|
+
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card__leadingVisual___hyXFF {
|
|
14840
|
+
justify-content: center;
|
|
14841
|
+
}
|
|
14842
|
+
|
|
14843
|
+
.Primer_Brand__Card-module__Card__leadingVisualItem___T7Ut8 {
|
|
14844
|
+
display: block;
|
|
14845
|
+
max-width: 100%;
|
|
14846
|
+
height: var(--base-size-40);
|
|
14847
|
+
width: auto;
|
|
14848
|
+
}
|
|
14849
|
+
|
|
14226
14850
|
.Primer_Brand__Card-module__Card__icon___H4tc9 {
|
|
14227
14851
|
margin-bottom: var(--base-size-24);
|
|
14228
14852
|
grid-area: icon;
|
|
14229
14853
|
}
|
|
14230
14854
|
|
|
14855
|
+
.Primer_Brand__Card-module__Card__tokens___eYuJh {
|
|
14856
|
+
display: flex;
|
|
14857
|
+
flex-wrap: wrap;
|
|
14858
|
+
gap: var(--base-size-8);
|
|
14859
|
+
grid-area: tokens;
|
|
14860
|
+
margin-bottom: var(--base-size-20);
|
|
14861
|
+
}
|
|
14862
|
+
|
|
14863
|
+
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card__tokens___eYuJh {
|
|
14864
|
+
justify-content: center;
|
|
14865
|
+
}
|
|
14866
|
+
|
|
14867
|
+
.Primer_Brand__Card-module__Card__tokens--position-block-end___jQn1b {
|
|
14868
|
+
margin-block-start: var(--base-size-20);
|
|
14869
|
+
margin-block-end: 0;
|
|
14870
|
+
}
|
|
14871
|
+
|
|
14231
14872
|
.Primer_Brand__Card-module__Card__label___EAot7 {
|
|
14232
|
-
margin-
|
|
14873
|
+
margin-block-end: var(--base-size-20);
|
|
14233
14874
|
grid-area: label;
|
|
14875
|
+
inline-size: -moz-fit-content;
|
|
14876
|
+
inline-size: fit-content;
|
|
14877
|
+
max-inline-size: 100%;
|
|
14234
14878
|
}
|
|
14235
14879
|
|
|
14236
14880
|
.Primer_Brand__Card-module__Card__heading___INFhp {
|
|
14237
|
-
margin-
|
|
14881
|
+
margin-block-end: var(--base-size-20);
|
|
14238
14882
|
grid-area: heading;
|
|
14239
14883
|
}
|
|
14240
14884
|
|
|
14241
14885
|
.Primer_Brand__Card-module__Card__description___KN9CH {
|
|
14242
|
-
margin-
|
|
14886
|
+
margin-block-end: var(--base-size-32);
|
|
14243
14887
|
grid-area: description;
|
|
14244
14888
|
}
|
|
14245
14889
|
|
|
14246
14890
|
.Primer_Brand__Card-module__Card__action___C6sRY {
|
|
14247
14891
|
grid-area: action;
|
|
14248
|
-
margin-
|
|
14892
|
+
margin-block-start: auto;
|
|
14893
|
+
display: inline-flex;
|
|
14894
|
+
align-items: center;
|
|
14895
|
+
max-inline-size: 100%;
|
|
14896
|
+
pointer-events: none;
|
|
14897
|
+
}
|
|
14898
|
+
|
|
14899
|
+
.Primer_Brand__Card-module__Card__actionIcon___RkX8K {
|
|
14900
|
+
display: inline-flex;
|
|
14901
|
+
align-items: center;
|
|
14902
|
+
justify-content: center;
|
|
14903
|
+
flex-shrink: 0;
|
|
14904
|
+
}
|
|
14905
|
+
|
|
14906
|
+
.Primer_Brand__Card-module__Card__actionLabel___nT5Pl {
|
|
14907
|
+
display: block;
|
|
14908
|
+
min-inline-size: 0;
|
|
14909
|
+
overflow: hidden;
|
|
14910
|
+
text-overflow: ellipsis;
|
|
14911
|
+
white-space: nowrap;
|
|
14912
|
+
}
|
|
14913
|
+
|
|
14914
|
+
.Primer_Brand__Card-module__Card___ByGEk:not(.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa) .Primer_Brand__Card-module__Card__action___C6sRY {
|
|
14915
|
+
inline-size: 100%;
|
|
14916
|
+
min-inline-size: 0;
|
|
14917
|
+
}
|
|
14918
|
+
|
|
14919
|
+
.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 {
|
|
14920
|
+
min-inline-size: 0;
|
|
14921
|
+
}
|
|
14922
|
+
|
|
14923
|
+
.Primer_Brand__Card-module__Card___ByGEk:not(.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa) .Primer_Brand__Card-module__Card__actionLabel___nT5Pl {
|
|
14924
|
+
overflow: visible;
|
|
14925
|
+
text-overflow: clip;
|
|
14926
|
+
white-space: normal;
|
|
14927
|
+
word-wrap: anywhere;
|
|
14928
|
+
}
|
|
14929
|
+
|
|
14930
|
+
.Primer_Brand__Card-module__Card--align-center___geXUu:not(.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa) .Primer_Brand__Card-module__Card__actionLabel___nT5Pl {
|
|
14931
|
+
text-align: center;
|
|
14932
|
+
}
|
|
14933
|
+
|
|
14934
|
+
.Primer_Brand__Card-module__Card__actionLabelClip___XkCTY {
|
|
14935
|
+
--actionLabelClip-duration: 400ms;
|
|
14249
14936
|
display: inline-flex;
|
|
14937
|
+
flex: 1 1 auto;
|
|
14250
14938
|
align-items: center;
|
|
14939
|
+
align-self: stretch;
|
|
14940
|
+
min-inline-size: 0;
|
|
14941
|
+
overflow: hidden;
|
|
14942
|
+
max-inline-size: 0;
|
|
14943
|
+
background-color: transparent;
|
|
14944
|
+
opacity: 0;
|
|
14945
|
+
transform: translateX(calc(var(--base-size-12) * -1));
|
|
14946
|
+
transition: max-inline-size 400ms var(--brand-Card-animation-easing),
|
|
14947
|
+
opacity 400ms ease-out, transform 400ms ease-out,
|
|
14948
|
+
margin-inline 400ms ease-out, padding-inline 400ms ease-out;
|
|
14949
|
+
transition: max-inline-size var(--actionLabelClip-duration) var(--brand-Card-animation-easing),
|
|
14950
|
+
opacity var(--actionLabelClip-duration) ease-out, transform var(--actionLabelClip-duration) ease-out,
|
|
14951
|
+
margin-inline var(--actionLabelClip-duration) ease-out, padding-inline var(--actionLabelClip-duration) ease-out;
|
|
14952
|
+
}
|
|
14953
|
+
|
|
14954
|
+
.Primer_Brand__Card-module__Card--tokensPosition-block-end___eF64M .Primer_Brand__Card-module__Card__action___C6sRY {
|
|
14955
|
+
margin-block-start: var(--base-size-20);
|
|
14956
|
+
}
|
|
14957
|
+
|
|
14958
|
+
.Primer_Brand__Card-module__Card__action--arrowOnly____4i56 {
|
|
14959
|
+
--actionArrow-duration: 300ms;
|
|
14960
|
+
|
|
14961
|
+
margin-block-start: var(--base-size-20);
|
|
14962
|
+
min-height: var(--base-size-40);
|
|
14963
|
+
width: -moz-fit-content;
|
|
14964
|
+
width: fit-content;
|
|
14965
|
+
min-inline-size: 0;
|
|
14966
|
+
max-inline-size: calc(100% - var(--Card-arrowAction-endInset));
|
|
14967
|
+
justify-content: flex-start;
|
|
14968
|
+
-moz-column-gap: 0;
|
|
14969
|
+
column-gap: 0;
|
|
14970
|
+
padding-block: var(--base-size-4);
|
|
14971
|
+
padding-inline: 0;
|
|
14972
|
+
border: var(--brand-borderWidth-thin) solid transparent;
|
|
14973
|
+
border-radius: var(--brand-borderRadius-full);
|
|
14974
|
+
background-color: transparent;
|
|
14975
|
+
flex-shrink: 0;
|
|
14976
|
+
overflow: hidden;
|
|
14977
|
+
transition: border-color 300ms ease-out, background-color 300ms ease-out,
|
|
14978
|
+
column-gap 300ms ease-out, padding-inline 300ms ease-out;
|
|
14979
|
+
transition: border-color 300ms ease-out, background-color 300ms ease-out,
|
|
14980
|
+
column-gap 300ms ease-out, padding-inline 300ms ease-out, -moz-column-gap 300ms ease-out;
|
|
14981
|
+
transition: border-color var(--actionArrow-duration) ease-out, background-color var(--actionArrow-duration) ease-out,
|
|
14982
|
+
column-gap var(--actionArrow-duration) ease-out, padding-inline var(--actionArrow-duration) ease-out;
|
|
14983
|
+
transition: border-color var(--actionArrow-duration) ease-out, background-color var(--actionArrow-duration) ease-out,
|
|
14984
|
+
column-gap var(--actionArrow-duration) ease-out, padding-inline var(--actionArrow-duration) ease-out, -moz-column-gap var(--actionArrow-duration) ease-out;
|
|
14985
|
+
}
|
|
14986
|
+
|
|
14987
|
+
.Primer_Brand__Card-module__Card__actionIcon--arrowOnly___Vi3cC {
|
|
14988
|
+
width: var(--base-size-32);
|
|
14989
|
+
min-width: var(--base-size-32);
|
|
14990
|
+
height: var(--base-size-32);
|
|
14991
|
+
min-height: var(--base-size-32);
|
|
14992
|
+
border: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
|
|
14993
|
+
border-radius: var(--brand-borderRadius-full);
|
|
14994
|
+
background-color: var(--brand-color-canvas-default);
|
|
14251
14995
|
}
|
|
14252
14996
|
|
|
14253
14997
|
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card__action___C6sRY {
|
|
@@ -14259,10 +15003,9 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14259
15003
|
color: var(--brand-Link-color-accent);
|
|
14260
15004
|
}
|
|
14261
15005
|
|
|
14262
|
-
.Primer_Brand__Card-
|
|
14263
|
-
|
|
14264
|
-
|
|
14265
|
-
overflow: hidden;
|
|
15006
|
+
.Primer_Brand__Card-module__Card__action___C6sRY,
|
|
15007
|
+
.Primer_Brand__Card-module__Card__action___C6sRY * {
|
|
15008
|
+
cursor: inherit;
|
|
14266
15009
|
}
|
|
14267
15010
|
|
|
14268
15011
|
.Primer_Brand__Card-module__Card--skew___pEeoW:focus-within {
|
|
@@ -14274,7 +15017,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14274
15017
|
}
|
|
14275
15018
|
|
|
14276
15019
|
.Primer_Brand__Card-module__Card__skew-bounding___Fz3yy {
|
|
14277
|
-
border-radius: var(--brand-borderRadius-
|
|
15020
|
+
border-radius: var(--brand-borderRadius-medium);
|
|
14278
15021
|
position: relative;
|
|
14279
15022
|
overflow: hidden;
|
|
14280
15023
|
z-index: 1;
|
|
@@ -14303,11 +15046,83 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14303
15046
|
margin-inline-start: var(--base-size-4);
|
|
14304
15047
|
}
|
|
14305
15048
|
|
|
14306
|
-
.Primer_Brand__Card-
|
|
14307
|
-
|
|
15049
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ {
|
|
15050
|
+
--ExpandableArrow-duration: var(--brand-Card-animation-duration);
|
|
15051
|
+
--ExpandableArrow-easing: var(--brand-Card-animation-easing);
|
|
15052
|
+
}
|
|
15053
|
+
|
|
15054
|
+
.Primer_Brand__Card-module__Card__actionIcon--arrowOnly___Vi3cC .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ {
|
|
15055
|
+
margin-inline-start: 0;
|
|
15056
|
+
}
|
|
15057
|
+
|
|
15058
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa .Primer_Brand__Card-module__Card__description___KN9CH {
|
|
15059
|
+
margin-bottom: var(--base-size-12);
|
|
15060
|
+
}
|
|
15061
|
+
|
|
15062
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:not(.Primer_Brand__Card-module__Card--disableAnimation___Zv8eW):hover {
|
|
15063
|
+
transform: none;
|
|
15064
|
+
}
|
|
15065
|
+
|
|
15066
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa .Primer_Brand__Card-module__Card__action___C6sRY {
|
|
15067
|
+
min-inline-size: 0;
|
|
15068
|
+
justify-self: start;
|
|
15069
|
+
}
|
|
15070
|
+
|
|
15071
|
+
.Primer_Brand__Card-module__Card--align-center___geXUu .Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa .Primer_Brand__Card-module__Card__action___C6sRY {
|
|
15072
|
+
justify-self: center;
|
|
15073
|
+
}
|
|
15074
|
+
|
|
15075
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:focus-within .Primer_Brand__Card-module__Card__action--arrowOnly____4i56 {
|
|
15076
|
+
-moz-column-gap: var(--base-size-8);
|
|
15077
|
+
column-gap: var(--base-size-8);
|
|
15078
|
+
padding-inline-start: var(--base-size-12);
|
|
15079
|
+
padding-inline-end: var(--base-size-4);
|
|
15080
|
+
border-color: var(--brand-color-border-default);
|
|
15081
|
+
background-color: var(--brand-Card-background-overlay);
|
|
15082
|
+
}
|
|
15083
|
+
|
|
15084
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:hover .Primer_Brand__Card-module__Card__action--arrowOnly____4i56 {
|
|
15085
|
+
-moz-column-gap: var(--base-size-8);
|
|
15086
|
+
column-gap: var(--base-size-8);
|
|
15087
|
+
padding-inline-start: var(--base-size-12);
|
|
15088
|
+
padding-inline-end: var(--base-size-4);
|
|
15089
|
+
border-color: var(--brand-color-border-default);
|
|
15090
|
+
background-color: var(--brand-Card-background-overlay);
|
|
15091
|
+
}
|
|
15092
|
+
|
|
15093
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:focus-within .Primer_Brand__Card-module__Card__actionLabelClip___XkCTY {
|
|
15094
|
+
max-inline-size: 100%;
|
|
15095
|
+
opacity: 1;
|
|
15096
|
+
transform: translateX(0);
|
|
15097
|
+
margin-inline-start: calc(var(--base-size-12) * -1);
|
|
15098
|
+
margin-inline-end: 0;
|
|
15099
|
+
padding-inline-start: var(--base-size-12);
|
|
15100
|
+
padding-inline-end: var(--base-size-4);
|
|
15101
|
+
}
|
|
15102
|
+
|
|
15103
|
+
.Primer_Brand__Card-module__Card--ctaVariant-arrow___UMWZa:hover .Primer_Brand__Card-module__Card__actionLabelClip___XkCTY {
|
|
15104
|
+
max-inline-size: 100%;
|
|
15105
|
+
opacity: 1;
|
|
15106
|
+
transform: translateX(0);
|
|
15107
|
+
margin-inline-start: calc(var(--base-size-12) * -1);
|
|
15108
|
+
margin-inline-end: 0;
|
|
15109
|
+
padding-inline-start: var(--base-size-12);
|
|
15110
|
+
padding-inline-end: var(--base-size-4);
|
|
15111
|
+
}
|
|
15112
|
+
|
|
15113
|
+
.Primer_Brand__Card-module__Card___ByGEk:focus-within .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ {
|
|
15114
|
+
transform: translateX(var(--base-size-2));
|
|
15115
|
+
}
|
|
15116
|
+
|
|
15117
|
+
.Primer_Brand__Card-module__Card___ByGEk:hover .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ {
|
|
15118
|
+
transform: translateX(var(--base-size-2));
|
|
14308
15119
|
}
|
|
14309
15120
|
|
|
14310
|
-
.Primer_Brand__Card-module__Card___ByGEk:
|
|
15121
|
+
.Primer_Brand__Card-module__Card___ByGEk:hover .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ path:nth-of-type(2) {
|
|
15122
|
+
stroke-dashoffset: 20;
|
|
15123
|
+
}
|
|
15124
|
+
|
|
15125
|
+
.Primer_Brand__Card-module__Card___ByGEk:focus-within .Primer_Brand__Card-module__Card--expandableArrow___ORmuZ path:nth-of-type(2) {
|
|
14311
15126
|
stroke-dashoffset: 20;
|
|
14312
15127
|
}
|
|
14313
15128
|
|
|
@@ -14375,7 +15190,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
14375
15190
|
|
|
14376
15191
|
/**
|
|
14377
15192
|
* Do not edit directly
|
|
14378
|
-
* Generated on
|
|
15193
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 GMT
|
|
14379
15194
|
*/
|
|
14380
15195
|
|
|
14381
15196
|
:root,
|
|
@@ -15216,7 +16031,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15216
16031
|
|
|
15217
16032
|
/**
|
|
15218
16033
|
* Do not edit directly
|
|
15219
|
-
* Generated on
|
|
16034
|
+
* Generated on Thu, 30 Apr 2026 18:54:05 GMT
|
|
15220
16035
|
*/
|
|
15221
16036
|
|
|
15222
16037
|
:root {
|
|
@@ -15227,7 +16042,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15227
16042
|
|
|
15228
16043
|
/**
|
|
15229
16044
|
* Do not edit directly
|
|
15230
|
-
* Generated on
|
|
16045
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 GMT
|
|
15231
16046
|
*/
|
|
15232
16047
|
|
|
15233
16048
|
:root,
|
|
@@ -15726,7 +16541,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15726
16541
|
|
|
15727
16542
|
/**
|
|
15728
16543
|
* Do not edit directly
|
|
15729
|
-
* Generated on
|
|
16544
|
+
* Generated on Thu, 30 Apr 2026 18:54:05 GMT
|
|
15730
16545
|
*/
|
|
15731
16546
|
|
|
15732
16547
|
:root {
|
|
@@ -15746,7 +16561,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15746
16561
|
|
|
15747
16562
|
/**
|
|
15748
16563
|
* Do not edit directly
|
|
15749
|
-
* Generated on
|
|
16564
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 GMT
|
|
15750
16565
|
*/
|
|
15751
16566
|
|
|
15752
16567
|
:root,
|
|
@@ -15782,7 +16597,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15782
16597
|
|
|
15783
16598
|
/**
|
|
15784
16599
|
* Do not edit directly
|
|
15785
|
-
* Generated on
|
|
16600
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 GMT
|
|
15786
16601
|
*/
|
|
15787
16602
|
|
|
15788
16603
|
:root,
|
|
@@ -15806,7 +16621,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15806
16621
|
|
|
15807
16622
|
/**
|
|
15808
16623
|
* Do not edit directly
|
|
15809
|
-
* Generated on
|
|
16624
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 GMT
|
|
15810
16625
|
*/
|
|
15811
16626
|
|
|
15812
16627
|
:root {
|
|
@@ -15948,7 +16763,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
15948
16763
|
align-items: center;
|
|
15949
16764
|
gap: var(--base-size-24);
|
|
15950
16765
|
margin: auto;
|
|
15951
|
-
max-width:
|
|
16766
|
+
max-width: 100vw;
|
|
15952
16767
|
}
|
|
15953
16768
|
|
|
15954
16769
|
.Primer_Brand__LogoSuite-module__LogoSuite__logobar-marqueeGroup___QnvBf {
|
|
@@ -16282,7 +17097,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
16282
17097
|
|
|
16283
17098
|
/**
|
|
16284
17099
|
* Do not edit directly
|
|
16285
|
-
* Generated on
|
|
17100
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 GMT
|
|
16286
17101
|
*/
|
|
16287
17102
|
|
|
16288
17103
|
:root,
|
|
@@ -16296,7 +17111,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
16296
17111
|
|
|
16297
17112
|
/**
|
|
16298
17113
|
* Do not edit directly
|
|
16299
|
-
* Generated on
|
|
17114
|
+
* Generated on Thu, 30 Apr 2026 18:54:05 GMT
|
|
16300
17115
|
*/
|
|
16301
17116
|
|
|
16302
17117
|
:root {
|
|
@@ -16310,7 +17125,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
16310
17125
|
|
|
16311
17126
|
/**
|
|
16312
17127
|
* Do not edit directly
|
|
16313
|
-
* Generated on
|
|
17128
|
+
* Generated on Thu, 30 Apr 2026 18:54:05 GMT
|
|
16314
17129
|
*/
|
|
16315
17130
|
|
|
16316
17131
|
:root {
|
|
@@ -18486,7 +19301,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18486
19301
|
|
|
18487
19302
|
/**
|
|
18488
19303
|
* Do not edit directly
|
|
18489
|
-
* Generated on
|
|
19304
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 GMT
|
|
18490
19305
|
*/
|
|
18491
19306
|
|
|
18492
19307
|
:root {
|
|
@@ -18510,7 +19325,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18510
19325
|
|
|
18511
19326
|
/**
|
|
18512
19327
|
* Do not edit directly
|
|
18513
|
-
* Generated on
|
|
19328
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 GMT
|
|
18514
19329
|
*/
|
|
18515
19330
|
|
|
18516
19331
|
:root,
|
|
@@ -18945,7 +19760,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18945
19760
|
|
|
18946
19761
|
/**
|
|
18947
19762
|
* Do not edit directly
|
|
18948
|
-
* Generated on
|
|
19763
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 GMT
|
|
18949
19764
|
*/
|
|
18950
19765
|
|
|
18951
19766
|
:root {
|
|
@@ -18961,7 +19776,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18961
19776
|
|
|
18962
19777
|
/**
|
|
18963
19778
|
* Do not edit directly
|
|
18964
|
-
* Generated on
|
|
19779
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 GMT
|
|
18965
19780
|
*/
|
|
18966
19781
|
|
|
18967
19782
|
:root,
|
|
@@ -18971,6 +19786,9 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18971
19786
|
--brand-PricingOptions-item-bgColor-gradient-start: var(--brand-color-canvas-subtle);
|
|
18972
19787
|
--brand-PricingOptions-item-bgColor-gradient-end: var(--brand-color-canvas-default);
|
|
18973
19788
|
--brand-PricingOptions-featureList-group-heading-color: var(--brand-color-text-default);
|
|
19789
|
+
--brand-PricingOptions-actionsMessage-bgColor: color-mix(in srgb, var(--base-color-scale-blue-4) 10%, transparent);
|
|
19790
|
+
--brand-PricingOptions-actionsMessage-borderColor: color-mix(in srgb, var(--base-color-scale-blue-6) 20%, transparent);
|
|
19791
|
+
--brand-PricingOptions-actionsMessage-accentColor: var(--base-color-scale-blue-5);
|
|
18974
19792
|
}
|
|
18975
19793
|
|
|
18976
19794
|
[data-color-mode="dark"] {
|
|
@@ -18979,6 +19797,9 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18979
19797
|
--brand-PricingOptions-item-bgColor-gradient-start: var(--brand-color-canvas-subtle);
|
|
18980
19798
|
--brand-PricingOptions-item-bgColor-gradient-end: var(--brand-color-canvas-default);
|
|
18981
19799
|
--brand-PricingOptions-featureList-group-heading-color: var(--brand-color-text-default);
|
|
19800
|
+
--brand-PricingOptions-actionsMessage-bgColor: #0c1c26;
|
|
19801
|
+
--brand-PricingOptions-actionsMessage-borderColor: #0e4678;
|
|
19802
|
+
--brand-PricingOptions-actionsMessage-accentColor: #1095ff;
|
|
18982
19803
|
}
|
|
18983
19804
|
|
|
18984
19805
|
/* ---------------------------------------------------------- */
|
|
@@ -18988,9 +19809,11 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
18988
19809
|
.Primer_Brand__PricingOptions-module__PricingOptions___hjzt8 {
|
|
18989
19810
|
--brand-pricing-options-item-gap: var(--brand-PricingOptions-items-gap);
|
|
18990
19811
|
--brand-pricing-options-container-padding-inline: 0;
|
|
19812
|
+
--brand-pricing-options-column-count: 1;
|
|
18991
19813
|
|
|
18992
19814
|
/* prettier-ignore */
|
|
18993
19815
|
--brand-pricing-options-template-areas:
|
|
19816
|
+
'labels'
|
|
18994
19817
|
'leadingComponent'
|
|
18995
19818
|
'header'
|
|
18996
19819
|
'description'
|
|
@@ -19019,13 +19842,165 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19019
19842
|
@media (min-width: 63.25rem) {
|
|
19020
19843
|
.Primer_Brand__PricingOptions-module__PricingOptions___hjzt8 {
|
|
19021
19844
|
grid-template-areas: var(--brand-pricing-options-template-areas);
|
|
19022
|
-
grid-template-columns: repeat(
|
|
19845
|
+
grid-template-columns: repeat(var(--brand-pricing-options-column-count), minmax(0, 1fr));
|
|
19023
19846
|
-moz-column-gap: 0;
|
|
19024
19847
|
column-gap: 0;
|
|
19025
19848
|
-moz-column-gap: var(--brand-pricing-options-item-gap, 0);
|
|
19026
19849
|
column-gap: var(--brand-pricing-options-item-gap, 0);
|
|
19027
19850
|
row-gap: 0;
|
|
19028
19851
|
}
|
|
19852
|
+
|
|
19853
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--items1___Do94G {
|
|
19854
|
+
--brand-pricing-options-column-count: 1;
|
|
19855
|
+
}
|
|
19856
|
+
|
|
19857
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--items2___Z08y5 {
|
|
19858
|
+
--brand-pricing-options-column-count: 2;
|
|
19859
|
+
}
|
|
19860
|
+
|
|
19861
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--items3___u4TM8 {
|
|
19862
|
+
--brand-pricing-options-column-count: 3;
|
|
19863
|
+
}
|
|
19864
|
+
|
|
19865
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--items4___FgRN3 {
|
|
19866
|
+
--brand-pricing-options-column-count: 4;
|
|
19867
|
+
}
|
|
19868
|
+
}
|
|
19869
|
+
|
|
19870
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw {
|
|
19871
|
+
display: none;
|
|
19872
|
+
}
|
|
19873
|
+
|
|
19874
|
+
@media (min-width: 63.25rem) {
|
|
19875
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw {
|
|
19876
|
+
--brand-pricing-options-column-count: 1;
|
|
19877
|
+
|
|
19878
|
+
display: grid;
|
|
19879
|
+
grid-column: 1 / -1;
|
|
19880
|
+
grid-row: labels;
|
|
19881
|
+
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
19882
|
+
grid-template-columns: repeat(var(--brand-pricing-options-column-count), minmax(0, 1fr));
|
|
19883
|
+
grid-column-gap: 0;
|
|
19884
|
+
grid-column-gap: var(--brand-pricing-options-item-gap, 0);
|
|
19885
|
+
-moz-column-gap: 0;
|
|
19886
|
+
column-gap: 0;
|
|
19887
|
+
-moz-column-gap: var(--brand-pricing-options-item-gap, 0);
|
|
19888
|
+
column-gap: var(--brand-pricing-options-item-gap, 0);
|
|
19889
|
+
}
|
|
19890
|
+
|
|
19891
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM {
|
|
19892
|
+
position: relative;
|
|
19893
|
+
display: flex;
|
|
19894
|
+
align-items: center;
|
|
19895
|
+
min-height: var(--base-size-54);
|
|
19896
|
+
padding-block: var(--base-size-16);
|
|
19897
|
+
background-color: var(--brand-PricingOptions-item-bgColor-solid);
|
|
19898
|
+
}
|
|
19899
|
+
|
|
19900
|
+
/* Accent top border — uses ::after so it can overflow into the column gap */
|
|
19901
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI::after {
|
|
19902
|
+
content: '';
|
|
19903
|
+
position: absolute;
|
|
19904
|
+
inset-block-start: 0;
|
|
19905
|
+
inset-inline-start: calc(0px / 2 * -1);
|
|
19906
|
+
inset-inline-start: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);
|
|
19907
|
+
inset-inline-end: calc(0px / 2 * -1);
|
|
19908
|
+
inset-inline-end: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);
|
|
19909
|
+
height: var(--brand-borderWidth-thin);
|
|
19910
|
+
background-color: var(--brand-color-text-emphasized);
|
|
19911
|
+
z-index: 1;
|
|
19912
|
+
}
|
|
19913
|
+
|
|
19914
|
+
/* First cell: don't overflow past container start (cards override below) */
|
|
19915
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI:first-child::after {
|
|
19916
|
+
inset-inline-start: 0;
|
|
19917
|
+
}
|
|
19918
|
+
|
|
19919
|
+
/* Last cell: don't overflow past container end (cards override below) */
|
|
19920
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI:last-child::after {
|
|
19921
|
+
inset-inline-end: 0;
|
|
19922
|
+
}
|
|
19923
|
+
|
|
19924
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI::after {
|
|
19925
|
+
inset-inline-start: 0;
|
|
19926
|
+
inset-inline-end: 0;
|
|
19927
|
+
}
|
|
19928
|
+
|
|
19929
|
+
/* ---- Default layout labels ---- */
|
|
19930
|
+
|
|
19931
|
+
/* Continuous bottom border across entire labels row — uses ::after to extend into container padding */
|
|
19932
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw {
|
|
19933
|
+
position: relative;
|
|
19934
|
+
}
|
|
19935
|
+
|
|
19936
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw::after {
|
|
19937
|
+
content: '';
|
|
19938
|
+
position: absolute;
|
|
19939
|
+
inset-block-end: 0;
|
|
19940
|
+
inset-inline-start: calc(0px * -1);
|
|
19941
|
+
inset-inline-start: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
|
|
19942
|
+
inset-inline-end: calc(0px * -1);
|
|
19943
|
+
inset-inline-end: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
|
|
19944
|
+
height: var(--brand-borderWidth-thin);
|
|
19945
|
+
background-color: var(--brand-color-border-subtle);
|
|
19946
|
+
}
|
|
19947
|
+
|
|
19948
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM {
|
|
19949
|
+
margin-inline: calc(var(--brand-pricing-options-item-gap) / 2 * -1);
|
|
19950
|
+
padding-inline: calc(var(--brand-pricing-options-item-gap) / 2);
|
|
19951
|
+
}
|
|
19952
|
+
|
|
19953
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM:first-child {
|
|
19954
|
+
margin-inline-start: calc(var(--brand-pricing-options-container-padding-inline) * -1);
|
|
19955
|
+
padding-inline-start: var(--brand-pricing-options-container-padding-inline);
|
|
19956
|
+
}
|
|
19957
|
+
|
|
19958
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM:last-child {
|
|
19959
|
+
margin-inline-end: calc(var(--brand-pricing-options-container-padding-inline) * -1);
|
|
19960
|
+
padding-inline-end: var(--brand-pricing-options-container-padding-inline);
|
|
19961
|
+
}
|
|
19962
|
+
|
|
19963
|
+
/* Empty cells: transparent bg/borders but structurally visible so dividers show */
|
|
19964
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--empty___SSWHp {
|
|
19965
|
+
background-color: transparent;
|
|
19966
|
+
border-block-start-color: transparent;
|
|
19967
|
+
}
|
|
19968
|
+
|
|
19969
|
+
/* Vertical dividers between label cells, centered in the gap */
|
|
19970
|
+
.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 {
|
|
19971
|
+
content: '';
|
|
19972
|
+
position: absolute;
|
|
19973
|
+
inset-block: 0;
|
|
19974
|
+
width: var(--brand-borderWidth-thin);
|
|
19975
|
+
inset-inline-start: 0;
|
|
19976
|
+
background-color: var(--brand-color-border-subtle);
|
|
19977
|
+
}
|
|
19978
|
+
|
|
19979
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___kcYQZ
|
|
19980
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM
|
|
19981
|
+
+ .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM::before {
|
|
19982
|
+
-webkit-mask-image: var(--brand-PricingOptions-borderMask);
|
|
19983
|
+
mask-image: var(--brand-PricingOptions-borderMask);
|
|
19984
|
+
}
|
|
19985
|
+
|
|
19986
|
+
/* ---- Cards layout labels ---- */
|
|
19987
|
+
|
|
19988
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc .Primer_Brand__PricingOptions-module__PricingOptions__label-cell___K6KaM {
|
|
19989
|
+
padding-inline: var(--base-size-28);
|
|
19990
|
+
border-inline: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);
|
|
19991
|
+
/* border-block-end: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted); */
|
|
19992
|
+
}
|
|
19993
|
+
|
|
19994
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--empty___SSWHp {
|
|
19995
|
+
opacity: 0;
|
|
19996
|
+
pointer-events: none;
|
|
19997
|
+
}
|
|
19998
|
+
|
|
19999
|
+
/* Cards: keep accent border inside the card boundary */
|
|
20000
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc .Primer_Brand__PricingOptions-module__PricingOptions__label-cell--has-label___NUFzI::after {
|
|
20001
|
+
inset-inline-start: 0;
|
|
20002
|
+
inset-inline-end: 0;
|
|
20003
|
+
}
|
|
19029
20004
|
}
|
|
19030
20005
|
|
|
19031
20006
|
/* ---------------------------------------------------------- */
|
|
@@ -19034,11 +20009,10 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19034
20009
|
|
|
19035
20010
|
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 {
|
|
19036
20011
|
position: relative;
|
|
19037
|
-
border-radius: var(--brand-borderRadius-xlarge);
|
|
19038
20012
|
}
|
|
19039
20013
|
|
|
19040
20014
|
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-solid___S7wHh {
|
|
19041
|
-
border: solid 1px var(--brand-color-border-
|
|
20015
|
+
border: solid 1px var(--brand-color-border-subtle);
|
|
19042
20016
|
background-color: var(--brand-PricingOptions-item-bgColor-solid);
|
|
19043
20017
|
}
|
|
19044
20018
|
|
|
@@ -19060,7 +20034,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19060
20034
|
border-radius: inherit;
|
|
19061
20035
|
-webkit-mask-image: var(--brand-PricingOptions-borderMask);
|
|
19062
20036
|
mask-image: var(--brand-PricingOptions-borderMask);
|
|
19063
|
-
border: var(--brand-borderWidth-thin) solid var(--brand-color-border-
|
|
20037
|
+
border: var(--brand-borderWidth-thin) solid var(--brand-color-border-subtle);
|
|
19064
20038
|
}
|
|
19065
20039
|
|
|
19066
20040
|
@media (min-width: 63.25rem) {
|
|
@@ -19070,6 +20044,8 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19070
20044
|
}
|
|
19071
20045
|
|
|
19072
20046
|
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
|
|
20047
|
+
--brand-pricing-options-item-padding-inline: var(--base-size-24);
|
|
20048
|
+
|
|
19073
20049
|
position: relative; /* Used for positioning the divider between items */
|
|
19074
20050
|
padding-inline: var(--base-size-24);
|
|
19075
20051
|
padding-block: var(--base-size-20);
|
|
@@ -19077,23 +20053,25 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19077
20053
|
|
|
19078
20054
|
@media (min-width: 63.25rem) {
|
|
19079
20055
|
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
|
|
20056
|
+
--brand-pricing-options-item-padding-inline: 0;
|
|
20057
|
+
|
|
19080
20058
|
padding-inline: 0;
|
|
19081
20059
|
padding-block: var(--base-size-40);
|
|
19082
20060
|
}
|
|
19083
20061
|
}
|
|
19084
20062
|
|
|
19085
20063
|
/* Horizontal divider between items on small viewports */
|
|
19086
|
-
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw
|
|
20064
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw + .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw::before {
|
|
19087
20065
|
content: '';
|
|
19088
20066
|
position: absolute;
|
|
19089
20067
|
inset-inline: 0;
|
|
19090
20068
|
height: 1px;
|
|
19091
|
-
background-color: var(--brand-color-border-
|
|
20069
|
+
background-color: var(--brand-color-border-subtle);
|
|
19092
20070
|
}
|
|
19093
20071
|
|
|
19094
20072
|
/* Vertical divider between items on larger viewports */
|
|
19095
20073
|
@media (min-width: 63.25rem) {
|
|
19096
|
-
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw
|
|
20074
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw + .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw::before {
|
|
19097
20075
|
inset-inline: 0;
|
|
19098
20076
|
inset-block: 0;
|
|
19099
20077
|
width: 1px;
|
|
@@ -19102,7 +20080,9 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19102
20080
|
margin-inline-start: calc(var(--brand-pricing-options-item-gap) / 2 * -1);
|
|
19103
20081
|
}
|
|
19104
20082
|
|
|
19105
|
-
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___kcYQZ
|
|
20083
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___kcYQZ
|
|
20084
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw
|
|
20085
|
+
+ .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw::before {
|
|
19106
20086
|
-webkit-mask-image: var(--brand-PricingOptions-borderMask);
|
|
19107
20087
|
mask-image: var(--brand-PricingOptions-borderMask);
|
|
19108
20088
|
}
|
|
@@ -19113,15 +20093,16 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19113
20093
|
/* ---------------------------------------------------------- */
|
|
19114
20094
|
|
|
19115
20095
|
.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
|
|
20096
|
+
--brand-pricing-options-item-padding-inline: var(--base-size-32);
|
|
20097
|
+
|
|
19116
20098
|
position: relative;
|
|
19117
20099
|
padding-inline: var(--base-size-32);
|
|
19118
|
-
border-radius: var(--brand-borderRadius-xlarge);
|
|
19119
20100
|
padding-block: var(--base-size-32);
|
|
19120
20101
|
}
|
|
19121
20102
|
|
|
19122
20103
|
.Primer_Brand__PricingOptions-module__PricingOptions--layout-cards___w4AZc.Primer_Brand__PricingOptions-module__PricingOptions--appearance-solid___S7wHh .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw {
|
|
19123
20104
|
background-color: var(--brand-PricingOptions-item-bgColor-solid);
|
|
19124
|
-
border: solid var(--brand-borderWidth-thin) var(--brand-color-border-
|
|
20105
|
+
border: solid var(--brand-borderWidth-thin) var(--brand-color-border-subtle);
|
|
19125
20106
|
}
|
|
19126
20107
|
|
|
19127
20108
|
/* ---------------------------------------------------------- */
|
|
@@ -19189,10 +20170,6 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19189
20170
|
justify-content: center;
|
|
19190
20171
|
}
|
|
19191
20172
|
|
|
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
20173
|
/*
|
|
19197
20174
|
* Backwards compatibility for browsers that don't support subgrid.
|
|
19198
20175
|
* 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 +20195,12 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19218
20195
|
row-gap: var(--base-size-16);
|
|
19219
20196
|
}
|
|
19220
20197
|
|
|
19221
|
-
/* When item is left-aligned,
|
|
20198
|
+
/* When item is left-aligned, keep the heading at the start of the card */
|
|
19222
20199
|
.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
20200
|
align-items: center;
|
|
19225
|
-
-moz-column-gap: var(--base-size-16);
|
|
19226
|
-
column-gap: var(--base-size-16);
|
|
19227
20201
|
margin-block-end: var(--base-size-16);
|
|
19228
20202
|
}
|
|
19229
20203
|
|
|
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
20204
|
.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
20205
|
margin-block: var(--base-size-16);
|
|
19240
20206
|
flex: 0 1 auto;
|
|
@@ -19248,25 +20214,15 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19248
20214
|
}
|
|
19249
20215
|
}
|
|
19250
20216
|
|
|
19251
|
-
/* When item is centered,
|
|
20217
|
+
/* When item is centered, center the heading */
|
|
19252
20218
|
.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;
|
|
20219
|
+
justify-content: center;
|
|
19264
20220
|
}
|
|
19265
20221
|
|
|
19266
20222
|
.Primer_Brand__PricingOptions-module__PricingOptions__item--align-center___X_E4b .Primer_Brand__PricingOptions-module__PricingOptions__heading___LZFAK {
|
|
19267
20223
|
margin-block-start: 0;
|
|
19268
20224
|
margin-block-end: var(--base-size-16);
|
|
19269
|
-
|
|
20225
|
+
text-align: center;
|
|
19270
20226
|
}
|
|
19271
20227
|
|
|
19272
20228
|
.Primer_Brand__PricingOptions-module__PricingOptions__leading-component___FPip4 {
|
|
@@ -19274,16 +20230,13 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19274
20230
|
}
|
|
19275
20231
|
|
|
19276
20232
|
.Primer_Brand__PricingOptions-module__PricingOptions__label___VwACa {
|
|
19277
|
-
|
|
19278
|
-
|
|
19279
|
-
|
|
19280
|
-
|
|
19281
|
-
|
|
19282
|
-
|
|
19283
|
-
|
|
19284
|
-
|
|
19285
|
-
flex: 0 0 auto;
|
|
19286
|
-
order: 2;
|
|
20233
|
+
color: var(--brand-color-text-default);
|
|
20234
|
+
font-family: var(--brand-fontStack-monospace);
|
|
20235
|
+
font-size: var(--brand-text-size-100);
|
|
20236
|
+
font-weight: var(--brand-text-weight-500);
|
|
20237
|
+
letter-spacing: var(--brand-text-letterSpacing-100);
|
|
20238
|
+
line-height: var(--brand-text-lineHeight-200);
|
|
20239
|
+
text-transform: uppercase;
|
|
19287
20240
|
}
|
|
19288
20241
|
|
|
19289
20242
|
.Primer_Brand__PricingOptions-module__PricingOptions__heading___LZFAK {
|
|
@@ -19300,7 +20253,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19300
20253
|
.Primer_Brand__PricingOptions-module__PricingOptions__price___qxTEV {
|
|
19301
20254
|
display: flex;
|
|
19302
20255
|
flex-wrap: wrap;
|
|
19303
|
-
align-
|
|
20256
|
+
align-items: flex-start;
|
|
19304
20257
|
grid-row: price;
|
|
19305
20258
|
padding-block-start: var(--base-size-20);
|
|
19306
20259
|
padding-block-end: var(--base-size-8);
|
|
@@ -19313,8 +20266,14 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19313
20266
|
}
|
|
19314
20267
|
}
|
|
19315
20268
|
|
|
20269
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__price-amount___tdTS8 {
|
|
20270
|
+
display: flex;
|
|
20271
|
+
align-items: flex-end;
|
|
20272
|
+
}
|
|
20273
|
+
|
|
19316
20274
|
.Primer_Brand__PricingOptions-module__PricingOptions__price-currency-code___kFWAy {
|
|
19317
20275
|
margin-inline-start: var(--base-size-4);
|
|
20276
|
+
margin-block-end: var(--base-size-4);
|
|
19318
20277
|
color: var(--brand-color-text-muted);
|
|
19319
20278
|
}
|
|
19320
20279
|
|
|
@@ -19345,6 +20304,61 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19345
20304
|
padding-block-start: var(--base-size-20);
|
|
19346
20305
|
}
|
|
19347
20306
|
|
|
20307
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__actions-message___n7IvJ {
|
|
20308
|
+
display: flex;
|
|
20309
|
+
gap: var(--base-size-12);
|
|
20310
|
+
align-items: flex-start;
|
|
20311
|
+
inline-size: 100%;
|
|
20312
|
+
max-inline-size: 100%;
|
|
20313
|
+
padding: var(--base-size-12);
|
|
20314
|
+
border-block: var(--brand-borderWidth-thin) solid var(--brand-PricingOptions-actionsMessage-borderColor);
|
|
20315
|
+
border-inline: 0;
|
|
20316
|
+
border-radius: 0;
|
|
20317
|
+
background-color: var(--brand-PricingOptions-actionsMessage-bgColor);
|
|
20318
|
+
}
|
|
20319
|
+
|
|
20320
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__actions-message-leading-component___Wk0uH {
|
|
20321
|
+
flex: 0 0 auto;
|
|
20322
|
+
display: flex;
|
|
20323
|
+
margin-block-start: var(--base-size-4);
|
|
20324
|
+
color: var(--brand-PricingOptions-actionsMessage-accentColor);
|
|
20325
|
+
}
|
|
20326
|
+
|
|
20327
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__actions-message-leading-component___Wk0uH :where(svg) {
|
|
20328
|
+
display: block;
|
|
20329
|
+
inline-size: var(--base-size-16);
|
|
20330
|
+
block-size: var(--base-size-16);
|
|
20331
|
+
}
|
|
20332
|
+
|
|
20333
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__actions-message-content___CKvOG {
|
|
20334
|
+
flex: 1 1 auto;
|
|
20335
|
+
min-inline-size: 0;
|
|
20336
|
+
}
|
|
20337
|
+
|
|
20338
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__actions-message-content___CKvOG :where(p) {
|
|
20339
|
+
margin: 0;
|
|
20340
|
+
}
|
|
20341
|
+
|
|
20342
|
+
/* MenuAction: full-width ActionMenu wrapper */
|
|
20343
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__menu-action___e4jvF {
|
|
20344
|
+
width: 100%;
|
|
20345
|
+
}
|
|
20346
|
+
|
|
20347
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__menu-action___e4jvF > * {
|
|
20348
|
+
width: 100%;
|
|
20349
|
+
}
|
|
20350
|
+
|
|
20351
|
+
/* Force ActionMenu button container to stretch full width */
|
|
20352
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__menu-action___e4jvF > * > * {
|
|
20353
|
+
display: flex;
|
|
20354
|
+
width: 100%;
|
|
20355
|
+
}
|
|
20356
|
+
|
|
20357
|
+
/* Make the primary button fill remaining space next to the chevron */
|
|
20358
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__menu-action___e4jvF > * > * > :first-child {
|
|
20359
|
+
flex: 1;
|
|
20360
|
+
}
|
|
20361
|
+
|
|
19348
20362
|
.Primer_Brand__PricingOptions-module__PricingOptions__footnote___UwqUw {
|
|
19349
20363
|
grid-row: footnote;
|
|
19350
20364
|
display: block;
|
|
@@ -19369,13 +20383,58 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19369
20383
|
}
|
|
19370
20384
|
|
|
19371
20385
|
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ {
|
|
19372
|
-
|
|
20386
|
+
position: relative;
|
|
19373
20387
|
margin: 0;
|
|
19374
20388
|
margin-block-start: var(--base-size-20);
|
|
19375
20389
|
padding-block-start: var(--base-size-40);
|
|
19376
20390
|
padding-inline: 0;
|
|
19377
20391
|
}
|
|
19378
20392
|
|
|
20393
|
+
/* Edge-to-edge divider above feature list */
|
|
20394
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
|
|
20395
|
+
content: '';
|
|
20396
|
+
position: absolute;
|
|
20397
|
+
inset-block-start: 0;
|
|
20398
|
+
inset-inline-start: calc(0px * -1);
|
|
20399
|
+
inset-inline-start: calc(var(--brand-pricing-options-item-padding-inline, 0px) * -1);
|
|
20400
|
+
inset-inline-end: calc(0px * -1);
|
|
20401
|
+
inset-inline-end: calc(var(--brand-pricing-options-item-padding-inline, 0px) * -1);
|
|
20402
|
+
height: var(--brand-borderWidth-thin);
|
|
20403
|
+
background-color: var(--brand-color-border-subtle);
|
|
20404
|
+
}
|
|
20405
|
+
|
|
20406
|
+
/* Default layout: extend feature list divider into column gap */
|
|
20407
|
+
@media (min-width: 63.25rem) {
|
|
20408
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8 .Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
|
|
20409
|
+
inset-inline-start: calc(0px / 2 * -1);
|
|
20410
|
+
inset-inline-start: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);
|
|
20411
|
+
inset-inline-end: calc(0px / 2 * -1);
|
|
20412
|
+
inset-inline-end: calc(var(--brand-pricing-options-item-gap, 0px) / 2 * -1);
|
|
20413
|
+
}
|
|
20414
|
+
|
|
20415
|
+
/* First item: don't overflow past container start */
|
|
20416
|
+
.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,
|
|
20417
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8
|
|
20418
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__labels___rfDyw
|
|
20419
|
+
+ .Primer_Brand__PricingOptions-module__PricingOptions__item___V9iAw
|
|
20420
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
|
|
20421
|
+
inset-inline-start: calc(0px * -1);
|
|
20422
|
+
inset-inline-start: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
|
|
20423
|
+
}
|
|
20424
|
+
|
|
20425
|
+
/* Last item: don't overflow past container end */
|
|
20426
|
+
.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 {
|
|
20427
|
+
inset-inline-end: calc(0px * -1);
|
|
20428
|
+
inset-inline-end: calc(var(--brand-pricing-options-container-padding-inline, 0px) * -1);
|
|
20429
|
+
}
|
|
20430
|
+
|
|
20431
|
+
.Primer_Brand__PricingOptions-module__PricingOptions--layout-default___RU2N8.Primer_Brand__PricingOptions-module__PricingOptions--appearance-gradient___kcYQZ
|
|
20432
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list--has-divider___GZsaQ::before {
|
|
20433
|
+
-webkit-mask-image: var(--brand-PricingOptions-borderMask);
|
|
20434
|
+
mask-image: var(--brand-PricingOptions-borderMask);
|
|
20435
|
+
}
|
|
20436
|
+
}
|
|
20437
|
+
|
|
19379
20438
|
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-set___cJt0a:nth-child(n + 2) {
|
|
19380
20439
|
margin-block-start: var(--base-size-20);
|
|
19381
20440
|
}
|
|
@@ -19390,6 +20449,44 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19390
20449
|
color: var(--brand-color-text-muted);
|
|
19391
20450
|
}
|
|
19392
20451
|
|
|
20452
|
+
/* Info tooltip button */
|
|
20453
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item--has-info___zXREr {
|
|
20454
|
+
flex-wrap: nowrap;
|
|
20455
|
+
}
|
|
20456
|
+
|
|
20457
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item--has-info___zXREr > span {
|
|
20458
|
+
flex: 1;
|
|
20459
|
+
display: inline-flex;
|
|
20460
|
+
align-items: baseline;
|
|
20461
|
+
justify-content: space-between;
|
|
20462
|
+
}
|
|
20463
|
+
|
|
20464
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item-info___glnBV {
|
|
20465
|
+
all: unset;
|
|
20466
|
+
display: inline-flex;
|
|
20467
|
+
align-items: center;
|
|
20468
|
+
justify-content: center;
|
|
20469
|
+
flex-shrink: 0;
|
|
20470
|
+
cursor: pointer;
|
|
20471
|
+
color: var(--brand-color-text-muted);
|
|
20472
|
+
background-color: color-mix(in srgb, var(--brand-color-canvas-invert) 12%, transparent);
|
|
20473
|
+
border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
20474
|
+
border-radius: 50%;
|
|
20475
|
+
margin-inline-start: var(--base-size-8);
|
|
20476
|
+
vertical-align: middle;
|
|
20477
|
+
padding: var(--base-size-4);
|
|
20478
|
+
}
|
|
20479
|
+
|
|
20480
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item-info___glnBV svg {
|
|
20481
|
+
width: var(--base-size-12);
|
|
20482
|
+
height: var(--base-size-12);
|
|
20483
|
+
}
|
|
20484
|
+
|
|
20485
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-item-info___glnBV:focus-visible {
|
|
20486
|
+
outline: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
|
|
20487
|
+
outline-offset: 2px;
|
|
20488
|
+
}
|
|
20489
|
+
|
|
19393
20490
|
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list___BmoFc + .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-group-heading___u739o {
|
|
19394
20491
|
margin-block-start: var(--base-size-20);
|
|
19395
20492
|
}
|
|
@@ -19428,6 +20525,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19428
20525
|
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-heading___QZJNW {
|
|
19429
20526
|
padding: var(--base-size-8) 0;
|
|
19430
20527
|
padding-inline-start: 0 !important; /* Fixes dotcom specificity issue */
|
|
20528
|
+
padding-inline-end: 0 !important;
|
|
19431
20529
|
margin-block-start: calc(var(--base-size-16) * -1);
|
|
19432
20530
|
margin-block-end: var(--base-size-8);
|
|
19433
20531
|
}
|
|
@@ -19438,8 +20536,10 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19438
20536
|
line-height: var(--feature-list-line-height);
|
|
19439
20537
|
font-weight: var(--brand-text-subhead-weight-large);
|
|
19440
20538
|
gap: var(--base-size-8);
|
|
19441
|
-
display: inline-flex;
|
|
19442
20539
|
align-items: center;
|
|
20540
|
+
justify-content: space-between;
|
|
20541
|
+
display: flex;
|
|
20542
|
+
width: 100%;
|
|
19443
20543
|
}
|
|
19444
20544
|
|
|
19445
20545
|
/* Hide default icon */
|
|
@@ -19454,6 +20554,10 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19454
20554
|
padding-inline-start: 0 !important;
|
|
19455
20555
|
}
|
|
19456
20556
|
|
|
20557
|
+
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-chevron___XXErd {
|
|
20558
|
+
margin-inline-end: var(--base-size-4);
|
|
20559
|
+
}
|
|
20560
|
+
|
|
19457
20561
|
/* Chevron up icon */
|
|
19458
20562
|
.Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion___sPJpF[open] .Primer_Brand__PricingOptions-module__PricingOptions__feature-list-accordion-chevron___XXErd {
|
|
19459
20563
|
transform: rotate(180deg);
|
|
@@ -19465,7 +20569,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19465
20569
|
|
|
19466
20570
|
/**
|
|
19467
20571
|
* Do not edit directly
|
|
19468
|
-
* Generated on
|
|
20572
|
+
* Generated on Thu, 30 Apr 2026 18:54:05 GMT
|
|
19469
20573
|
*/
|
|
19470
20574
|
|
|
19471
20575
|
:root {
|
|
@@ -19474,7 +20578,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
19474
20578
|
|
|
19475
20579
|
/**
|
|
19476
20580
|
* Do not edit directly
|
|
19477
|
-
* Generated on
|
|
20581
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 GMT
|
|
19478
20582
|
*/
|
|
19479
20583
|
|
|
19480
20584
|
:root,
|
|
@@ -20285,7 +21389,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
20285
21389
|
|
|
20286
21390
|
/**
|
|
20287
21391
|
* Do not edit directly
|
|
20288
|
-
* Generated on
|
|
21392
|
+
* Generated on Thu, 30 Apr 2026 18:54:05 GMT
|
|
20289
21393
|
*/
|
|
20290
21394
|
|
|
20291
21395
|
:root {
|
|
@@ -20294,7 +21398,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
20294
21398
|
|
|
20295
21399
|
/**
|
|
20296
21400
|
* Do not edit directly
|
|
20297
|
-
* Generated on
|
|
21401
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 GMT
|
|
20298
21402
|
*/
|
|
20299
21403
|
|
|
20300
21404
|
:root,
|
|
@@ -20790,7 +21894,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
20790
21894
|
|
|
20791
21895
|
/**
|
|
20792
21896
|
* Do not edit directly
|
|
20793
|
-
* Generated on
|
|
21897
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 GMT
|
|
20794
21898
|
*/
|
|
20795
21899
|
|
|
20796
21900
|
:root,
|
|
@@ -20889,7 +21993,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
20889
21993
|
|
|
20890
21994
|
/**
|
|
20891
21995
|
* Do not edit directly
|
|
20892
|
-
* Generated on
|
|
21996
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 GMT
|
|
20893
21997
|
*/
|
|
20894
21998
|
|
|
20895
21999
|
:root,
|
|
@@ -21267,7 +22371,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
21267
22371
|
|
|
21268
22372
|
/**
|
|
21269
22373
|
* Do not edit directly
|
|
21270
|
-
* Generated on
|
|
22374
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 GMT
|
|
21271
22375
|
*/
|
|
21272
22376
|
|
|
21273
22377
|
:root,
|
|
@@ -21281,7 +22385,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
21281
22385
|
|
|
21282
22386
|
/**
|
|
21283
22387
|
* Do not edit directly
|
|
21284
|
-
* Generated on
|
|
22388
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 GMT
|
|
21285
22389
|
*/
|
|
21286
22390
|
|
|
21287
22391
|
:root {
|
|
@@ -21468,7 +22572,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
21468
22572
|
|
|
21469
22573
|
/**
|
|
21470
22574
|
* Do not edit directly
|
|
21471
|
-
* Generated on
|
|
22575
|
+
* Generated on Thu, 30 Apr 2026 18:54:05 GMT
|
|
21472
22576
|
*/
|
|
21473
22577
|
|
|
21474
22578
|
:root {
|
|
@@ -21752,7 +22856,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
21752
22856
|
|
|
21753
22857
|
/**
|
|
21754
22858
|
* Do not edit directly
|
|
21755
|
-
* Generated on
|
|
22859
|
+
* Generated on Thu, 30 Apr 2026 18:54:05 GMT
|
|
21756
22860
|
*/
|
|
21757
22861
|
|
|
21758
22862
|
:root {
|
|
@@ -21763,7 +22867,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
21763
22867
|
|
|
21764
22868
|
/**
|
|
21765
22869
|
* Do not edit directly
|
|
21766
|
-
* Generated on
|
|
22870
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 GMT
|
|
21767
22871
|
*/
|
|
21768
22872
|
|
|
21769
22873
|
:root,
|
|
@@ -22031,7 +23135,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
22031
23135
|
|
|
22032
23136
|
/**
|
|
22033
23137
|
* Do not edit directly
|
|
22034
|
-
* Generated on
|
|
23138
|
+
* Generated on Thu, 30 Apr 2026 18:54:05 GMT
|
|
22035
23139
|
*/
|
|
22036
23140
|
|
|
22037
23141
|
:root {
|
|
@@ -22040,7 +23144,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
22040
23144
|
|
|
22041
23145
|
/**
|
|
22042
23146
|
* Do not edit directly
|
|
22043
|
-
* Generated on
|
|
23147
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 GMT
|
|
22044
23148
|
*/
|
|
22045
23149
|
|
|
22046
23150
|
:root,
|
|
@@ -22286,7 +23390,7 @@ pre.Primer_Brand__IDE-module__IDE__Chat-copilot-indicator___FhoZe {
|
|
|
22286
23390
|
|
|
22287
23391
|
/**
|
|
22288
23392
|
* Do not edit directly
|
|
22289
|
-
* Generated on
|
|
23393
|
+
* Generated on Thu, 30 Apr 2026 18:54:06 GMT
|
|
22290
23394
|
*/
|
|
22291
23395
|
|
|
22292
23396
|
:root,
|