@primer/react-brand 0.24.1-rc.eeedf49 → 0.25.0-rc.654fe29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/Accordion/Accordion.d.ts +3 -0
- package/lib/FAQ/FAQ.d.ts +4 -2
- package/lib/FAQ/FAQGroup.d.ts +22 -0
- package/lib/FAQ/index.d.ts +1 -0
- package/lib/Stack/Stack.d.ts +2 -2
- package/lib/VideoPlayer/VideoPlayer.d.ts +18 -0
- package/lib/VideoPlayer/VideoPlayer.visual.spec.d.ts +1 -0
- package/lib/VideoPlayer/components/captions/Captions.d.ts +8 -0
- package/lib/VideoPlayer/components/captions/index.d.ts +1 -0
- package/lib/VideoPlayer/components/controls/Controls.d.ts +11 -0
- package/lib/VideoPlayer/components/controls/index.d.ts +1 -0
- package/lib/VideoPlayer/components/icon-control/IconControl.d.ts +6 -0
- package/lib/VideoPlayer/components/icon-control/index.d.ts +1 -0
- package/lib/VideoPlayer/components/index.d.ts +5 -0
- package/lib/VideoPlayer/components/range/Range.d.ts +9 -0
- package/lib/VideoPlayer/components/range/index.d.ts +1 -0
- package/lib/VideoPlayer/components/tooltip/Tooltip.d.ts +4 -0
- package/lib/VideoPlayer/components/tooltip/index.d.ts +1 -0
- package/lib/VideoPlayer/index.d.ts +1 -0
- package/lib/css/main.css +824 -182
- package/lib/design-tokens/css/tokens/base/colors/color-scales-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/base/colors/color-scales.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 +2 -2
- package/lib/design-tokens/css/tokens/functional/colors/global.css +2 -2
- 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/button/colors-with-modes.css +49 -23
- package/lib/design-tokens/css/tokens/functional/components/card/base.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/card/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/card/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/comparison-table/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/comparison-table/comparison-table.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/control/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/cta-banner/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/faq/base.css +2 -2
- package/lib/design-tokens/css/tokens/functional/components/faq/colors-with-modes.css +9 -3
- package/lib/design-tokens/css/tokens/functional/components/faq/colors.css +5 -2
- package/lib/design-tokens/css/tokens/functional/components/faq/faq.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/footer/colors-with-modes.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/footer/colors.css +1 -1
- package/lib/design-tokens/css/tokens/functional/components/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/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/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/prose/base.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/subdomain-nav-bar/colors-with-modes.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.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/video-player/base.css +17 -0
- 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 +9 -7
- 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/color-scales.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 +3 -3
- package/lib/design-tokens/js/module/tokens/functional/components/card/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/card/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/comparison-table/comparison-table.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/faq/base.js +17 -14
- package/lib/design-tokens/js/module/tokens/functional/components/faq/colors.js +69 -6
- package/lib/design-tokens/js/module/tokens/functional/components/faq/faq.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/footer/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/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/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/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/testimonial/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/testimonial/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/timeline/base.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/timeline/colors.js +1 -1
- package/lib/design-tokens/js/module/tokens/functional/components/video-player/base.js +181 -0
- 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 +45 -13
- 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/color-scales.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 -2
- package/lib/design-tokens/js/tokens/functional/components/card/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/card/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/comparison-table/comparison-table.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/faq/base.js +2 -2
- package/lib/design-tokens/js/tokens/functional/components/faq/colors.js +5 -2
- package/lib/design-tokens/js/tokens/functional/components/faq/faq.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/footer/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/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/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/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/testimonial/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/testimonial/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/timeline/base.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/timeline/colors.js +1 -1
- package/lib/design-tokens/js/tokens/functional/components/video-player/base.js +15 -0
- 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 +9 -7
- 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/color-scales.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 -2
- package/lib/design-tokens/scss/tokens/functional/components/card/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/card/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/comparison-table/comparison-table.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/faq/base.scss +2 -2
- package/lib/design-tokens/scss/tokens/functional/components/faq/colors.scss +5 -2
- package/lib/design-tokens/scss/tokens/functional/components/faq/faq.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/footer/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/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/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/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/testimonial/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/testimonial/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/timeline/base.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/timeline/colors.scss +1 -1
- package/lib/design-tokens/scss/tokens/functional/components/video-player/base.scss +14 -0
- 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 +9 -7
- 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/color-scales.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/colors/color-scales.js +1 -1
- package/lib/design-tokens/ts/tokens/base/size/size.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/size/size.js +1 -1
- package/lib/design-tokens/ts/tokens/base/typography/typography.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/base/typography/typography.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/animation/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/animation/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/colors/global.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/colors/global.js +2 -2
- package/lib/design-tokens/ts/tokens/functional/components/card/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/card/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/card/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/card/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/comparison-table/comparison-table.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/faq/base.d.ts +4 -2
- package/lib/design-tokens/ts/tokens/functional/components/faq/base.js +4 -2
- package/lib/design-tokens/ts/tokens/functional/components/faq/colors.d.ts +12 -3
- package/lib/design-tokens/ts/tokens/functional/components/faq/colors.js +12 -3
- 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/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/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/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/testimonial/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/testimonial/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/testimonial/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/timeline/base.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/timeline/base.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.d.ts +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/timeline/colors.js +1 -1
- package/lib/design-tokens/ts/tokens/functional/components/video-player/base.d.ts +34 -0
- package/lib/design-tokens/ts/tokens/functional/components/video-player/base.js +33 -0
- 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 +5 -3
- package/lib/design-tokens/ts/tokens/functional/size/size.js +10 -8
- 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/package.json +1 -1
package/lib/css/main.css
CHANGED
|
@@ -89,7 +89,7 @@ select {
|
|
|
89
89
|
|
|
90
90
|
/**
|
|
91
91
|
* Do not edit directly
|
|
92
|
-
* Generated on
|
|
92
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
93
93
|
*/
|
|
94
94
|
|
|
95
95
|
:root,
|
|
@@ -629,7 +629,7 @@ select {
|
|
|
629
629
|
|
|
630
630
|
/**
|
|
631
631
|
* Do not edit directly
|
|
632
|
-
* Generated on
|
|
632
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
633
633
|
*/
|
|
634
634
|
|
|
635
635
|
:root {
|
|
@@ -654,7 +654,7 @@ select {
|
|
|
654
654
|
|
|
655
655
|
/**
|
|
656
656
|
* Do not edit directly
|
|
657
|
-
* Generated on
|
|
657
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
658
658
|
*/
|
|
659
659
|
|
|
660
660
|
:root {
|
|
@@ -669,7 +669,7 @@ select {
|
|
|
669
669
|
|
|
670
670
|
/**
|
|
671
671
|
* Do not edit directly
|
|
672
|
-
* Generated on
|
|
672
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
673
673
|
*/
|
|
674
674
|
|
|
675
675
|
:root {
|
|
@@ -796,7 +796,7 @@ select {
|
|
|
796
796
|
|
|
797
797
|
/**
|
|
798
798
|
* Do not edit directly
|
|
799
|
-
* Generated on
|
|
799
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
800
800
|
*/
|
|
801
801
|
|
|
802
802
|
:root {
|
|
@@ -810,7 +810,7 @@ select {
|
|
|
810
810
|
|
|
811
811
|
/**
|
|
812
812
|
* Do not edit directly
|
|
813
|
-
* Generated on
|
|
813
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
814
814
|
*/
|
|
815
815
|
|
|
816
816
|
:root {
|
|
@@ -828,7 +828,7 @@ select {
|
|
|
828
828
|
|
|
829
829
|
/**
|
|
830
830
|
* Do not edit directly
|
|
831
|
-
* Generated on
|
|
831
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
832
832
|
*/
|
|
833
833
|
|
|
834
834
|
:root,
|
|
@@ -855,7 +855,7 @@ select {
|
|
|
855
855
|
--brand-color-canvas-overlay: var(--base-color-scale-white-0);
|
|
856
856
|
--brand-color-canvas-inset: var(--base-color-scale-gray-0);
|
|
857
857
|
--brand-color-canvas-subtle: var(--base-color-scale-gray-0);
|
|
858
|
-
--brand-color-border-default: var(--base-color-scale-gray-
|
|
858
|
+
--brand-color-border-default: var(--base-color-scale-gray-3);
|
|
859
859
|
--brand-color-border-muted: hsl(var(--base-color-scale-gray-2-hsl) / 99.7%);
|
|
860
860
|
--brand-color-border-subtle: hsl(var(--base-color-scale-gray-1-hsl) / 99.7%);
|
|
861
861
|
--brand-color-focus: var(--base-color-scale-blue-5);
|
|
@@ -1181,36 +1181,62 @@ select {
|
|
|
1181
1181
|
|
|
1182
1182
|
/**
|
|
1183
1183
|
* Do not edit directly
|
|
1184
|
-
* Generated on
|
|
1184
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
1185
1185
|
*/
|
|
1186
1186
|
|
|
1187
1187
|
:root,
|
|
1188
1188
|
[data-color-mode="light"] {
|
|
1189
|
-
--brand-
|
|
1190
|
-
--brand-
|
|
1191
|
-
--brand-
|
|
1192
|
-
--brand-
|
|
1193
|
-
--brand-
|
|
1194
|
-
--brand-
|
|
1195
|
-
--brand-
|
|
1196
|
-
--brand-
|
|
1197
|
-
--brand-
|
|
1198
|
-
--brand-
|
|
1199
|
-
--brand-
|
|
1189
|
+
--brand-button-primary-bgColor-rest: var(--base-color-scale-black-0);
|
|
1190
|
+
--brand-button-primary-bgColor-hover: var(--base-color-scale-gray-8);
|
|
1191
|
+
--brand-button-primary-bgColor-active: var(--base-color-scale-gray-8);
|
|
1192
|
+
--brand-button-primary-bgColor-disabled: var(--base-color-scale-gray-4);
|
|
1193
|
+
--brand-button-primary-borderColor-rest: var(--base-color-scale-black-0);
|
|
1194
|
+
--brand-button-primary-borderColor-hover: var(--base-color-scale-gray-8);
|
|
1195
|
+
--brand-button-primary-borderColor-active: var(--base-color-scale-gray-8);
|
|
1196
|
+
--brand-button-primary-borderColor-disabled: var(--base-color-scale-gray-4);
|
|
1197
|
+
--brand-button-primary-fgColor-rest: var(--brand-color-text-onEmphasis);
|
|
1198
|
+
--brand-button-primary-fgColor-disabled: var(--base-color-scale-gray-2);
|
|
1199
|
+
--brand-button-primary-shadow-active: inset 0px 1px 0px 0px var(--brand-button-primary-borderColor-active);
|
|
1200
|
+
--brand-button-secondary-bgColor-rest: transparent;
|
|
1201
|
+
--brand-button-secondary-bgColor-hover: hsl(var(--base-color-scale-gray-3-hsl) / 20%);
|
|
1202
|
+
--brand-button-secondary-bgColor-active: hsl(var(--base-color-scale-gray-3-hsl) / 40%);
|
|
1203
|
+
--brand-button-secondary-borderColor-rest: var(--brand-color-border-default);
|
|
1204
|
+
--brand-button-secondary-borderColor-hover: var(--base-color-scale-gray-9);
|
|
1205
|
+
--brand-button-secondary-borderColor-active: var(--base-color-scale-gray-9);
|
|
1206
|
+
--brand-button-secondary-fgColor-rest: var(--brand-color-text-default);
|
|
1207
|
+
--brand-button-secondary-fgColor-disabled: var(--base-color-scale-gray-3);
|
|
1208
|
+
--brand-button-subtle-borderColor-rest: transparent;
|
|
1209
|
+
--brand-button-subtle-borderColor-hover: var(--base-color-scale-gray-9);
|
|
1210
|
+
--brand-button-subtle-borderColor-active: var(--base-color-scale-gray-9);
|
|
1211
|
+
--brand-button-subtle-fgColor-rest: var(--brand-color-text-default);
|
|
1212
|
+
--brand-button-subtle-fgColor-disabled: var(--base-color-scale-gray-3);
|
|
1200
1213
|
}
|
|
1201
1214
|
|
|
1202
1215
|
[data-color-mode="dark"] {
|
|
1203
|
-
--brand-
|
|
1204
|
-
--brand-
|
|
1205
|
-
--brand-
|
|
1206
|
-
--brand-
|
|
1207
|
-
--brand-
|
|
1208
|
-
--brand-
|
|
1209
|
-
--brand-
|
|
1210
|
-
--brand-
|
|
1211
|
-
--brand-
|
|
1212
|
-
--brand-
|
|
1213
|
-
--brand-
|
|
1216
|
+
--brand-button-primary-bgColor-rest: var(--base-color-scale-white-0);
|
|
1217
|
+
--brand-button-primary-bgColor-hover: var(--base-color-scale-gray-0);
|
|
1218
|
+
--brand-button-primary-bgColor-active: var(--base-color-scale-gray-0);
|
|
1219
|
+
--brand-button-primary-bgColor-disabled: var(--base-color-scale-gray-4);
|
|
1220
|
+
--brand-button-primary-borderColor-rest: var(--base-color-scale-white-0);
|
|
1221
|
+
--brand-button-primary-borderColor-hover: var(--base-color-scale-white-0);
|
|
1222
|
+
--brand-button-primary-borderColor-active: var(--base-color-scale-white-0);
|
|
1223
|
+
--brand-button-primary-borderColor-disabled: var(--base-color-scale-gray-4);
|
|
1224
|
+
--brand-button-primary-fgColor-rest: var(--brand-color-text-onEmphasis);
|
|
1225
|
+
--brand-button-primary-fgColor-disabled: var(--base-color-scale-gray-2);
|
|
1226
|
+
--brand-button-primary-shadow-active: inset 0px 1px 0px 0px var(--brand-button-primary-borderColor-active);
|
|
1227
|
+
--brand-button-secondary-bgColor-rest: transparent;
|
|
1228
|
+
--brand-button-secondary-bgColor-hover: hsl(var(--base-color-scale-gray-3-hsl) / 20%);
|
|
1229
|
+
--brand-button-secondary-bgColor-active: hsl(var(--base-color-scale-gray-3-hsl) / 40%);
|
|
1230
|
+
--brand-button-secondary-borderColor-rest: var(--brand-color-border-default);
|
|
1231
|
+
--brand-button-secondary-borderColor-hover: var(--base-color-scale-white-0);
|
|
1232
|
+
--brand-button-secondary-borderColor-active: var(--base-color-scale-white-0);
|
|
1233
|
+
--brand-button-secondary-fgColor-rest: var(--brand-color-text-default);
|
|
1234
|
+
--brand-button-secondary-fgColor-disabled: var(--base-color-scale-gray-4);
|
|
1235
|
+
--brand-button-subtle-borderColor-rest: transparent;
|
|
1236
|
+
--brand-button-subtle-borderColor-hover: var(--base-color-scale-white-0);
|
|
1237
|
+
--brand-button-subtle-borderColor-active: var(--base-color-scale-white-0);
|
|
1238
|
+
--brand-button-subtle-fgColor-rest: var(--brand-color-text-default);
|
|
1239
|
+
--brand-button-subtle-fgColor-disabled: var(--base-color-scale-gray-4);
|
|
1214
1240
|
}
|
|
1215
1241
|
|
|
1216
1242
|
.Primer_Brand__Button-module__Button___lDruK {
|
|
@@ -1225,9 +1251,9 @@ select {
|
|
|
1225
1251
|
justify-content: center;
|
|
1226
1252
|
transition: box-shadow var(--brand-animation-duration-faster);
|
|
1227
1253
|
text-decoration: none;
|
|
1228
|
-
border-radius:
|
|
1254
|
+
border-radius: var(--brand-control-medium-borderRadius);
|
|
1229
1255
|
cursor: pointer;
|
|
1230
|
-
border:
|
|
1256
|
+
border: solid var(--brand-borderWidth-thick) transparent;
|
|
1231
1257
|
background: none;
|
|
1232
1258
|
display: inline-flex;
|
|
1233
1259
|
gap: var(--brand-control-medium-gap);
|
|
@@ -1237,10 +1263,23 @@ select {
|
|
|
1237
1263
|
text-decoration: none;
|
|
1238
1264
|
}
|
|
1239
1265
|
|
|
1240
|
-
.Primer_Brand__Button-module__Button___lDruK:
|
|
1241
|
-
outline: none;
|
|
1242
|
-
box-shadow: 0 0 0 2px var(--brand-color-canvas-default), 0 0 0 5px var(--brand-color-focus);
|
|
1266
|
+
.Primer_Brand__Button-module__Button___lDruK.Primer_Brand__Button-module__focus-visible___kmhRj:not(.Primer_Brand__Button-module__Button___lDruK[disabled]) {
|
|
1243
1267
|
transition: none;
|
|
1268
|
+
outline: 4px solid var(--brand-color-focus);
|
|
1269
|
+
outline-offset: 2px;
|
|
1270
|
+
}
|
|
1271
|
+
|
|
1272
|
+
.Primer_Brand__Button-module__Button___lDruK:focus-visible:not(.Primer_Brand__Button-module__Button___lDruK[disabled]) {
|
|
1273
|
+
transition: none;
|
|
1274
|
+
outline: 4px solid var(--brand-color-focus);
|
|
1275
|
+
outline-offset: 2px;
|
|
1276
|
+
}
|
|
1277
|
+
|
|
1278
|
+
.Primer_Brand__Button-module__Button--disabled___Ba17E,
|
|
1279
|
+
.Primer_Brand__Button-module__Button--disabled___Ba17E:hover,
|
|
1280
|
+
.Primer_Brand__Button-module__Button--disabled___Ba17E:focus {
|
|
1281
|
+
cursor: not-allowed;
|
|
1282
|
+
outline: none;
|
|
1244
1283
|
}
|
|
1245
1284
|
|
|
1246
1285
|
.Primer_Brand__Button-module__Button__text___Z3ocU {
|
|
@@ -1260,70 +1299,127 @@ select {
|
|
|
1260
1299
|
display: flex;
|
|
1261
1300
|
}
|
|
1262
1301
|
|
|
1263
|
-
|
|
1264
|
-
|
|
1265
|
-
|
|
1302
|
+
/* optically adjust arrow to align with the end (right) padding */
|
|
1303
|
+
/* reduce gap between label and arrow */
|
|
1304
|
+
[dir="ltr"] .Primer_Brand__Button-module__Button-arrow___SkJXQ {
|
|
1305
|
+
margin-right: calc(var(--base-size-4) * -1);
|
|
1266
1306
|
}
|
|
1267
|
-
|
|
1268
|
-
|
|
1269
|
-
.Primer_Brand__Button-module__Button--primary___xIC7G .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy {
|
|
1270
|
-
color: var(--brand-Button-fg-primary-disabled);
|
|
1307
|
+
[dir="rtl"] .Primer_Brand__Button-module__Button-arrow___SkJXQ {
|
|
1308
|
+
margin-left: calc(var(--base-size-4) * -1);
|
|
1271
1309
|
}
|
|
1272
|
-
|
|
1273
|
-
|
|
1274
|
-
|
|
1275
|
-
.Primer_Brand__Button-module__Button
|
|
1276
|
-
|
|
1277
|
-
color: var(--brand-Button-fg-secondary-disabled);
|
|
1310
|
+
[dir="ltr"] .Primer_Brand__Button-module__Button-arrow___SkJXQ {
|
|
1311
|
+
margin-left: calc(var(--base-size-8) * -1);
|
|
1312
|
+
}
|
|
1313
|
+
[dir="rtl"] .Primer_Brand__Button-module__Button-arrow___SkJXQ {
|
|
1314
|
+
margin-right: calc(var(--base-size-8) * -1);
|
|
1278
1315
|
}
|
|
1279
1316
|
|
|
1317
|
+
/* primary */
|
|
1318
|
+
|
|
1280
1319
|
.Primer_Brand__Button-module__Button--primary___xIC7G {
|
|
1281
|
-
color: var(--brand-
|
|
1282
|
-
background-color: var(--brand-
|
|
1283
|
-
|
|
1320
|
+
color: var(--brand-button-primary-fgColor-rest);
|
|
1321
|
+
background-color: var(--brand-button-primary-bgColor-rest);
|
|
1322
|
+
border: solid var(--brand-borderWidth-thin) var(--brand-button-primary-borderColor-rest);
|
|
1284
1323
|
}
|
|
1285
1324
|
|
|
1286
|
-
.Primer_Brand__Button-module__Button--primary___xIC7G:not(.Primer_Brand__Button-module__Button___lDruK[disabled]):not(.Primer_Brand__Button-module__Button___lDruK[aria-disabled='true']):hover {
|
|
1287
|
-
|
|
1325
|
+
.Primer_Brand__Button-module__Button--primary___xIC7G:not(.Primer_Brand__Button-module__Button___lDruK[disabled]):not(.Primer_Brand__Button-module__Button___lDruK[aria-disabled='true']):not([aria-expanded='true']):hover {
|
|
1326
|
+
background-color: var(--brand-button-primary-bgColor-hover);
|
|
1327
|
+
border-color: var(--brand-button-primary-borderColor-hover);
|
|
1288
1328
|
}
|
|
1289
1329
|
|
|
1290
|
-
.Primer_Brand__Button-module__Button--primary___xIC7G.Primer_Brand__Button-
|
|
1291
|
-
|
|
1330
|
+
.Primer_Brand__Button-module__Button--primary___xIC7G:not(.Primer_Brand__Button-module__Button___lDruK[disabled]):not(.Primer_Brand__Button-module__Button___lDruK[aria-disabled='true']):active,
|
|
1331
|
+
.Primer_Brand__Button-module__Button--primary___xIC7G[aria-expanded='true'] {
|
|
1332
|
+
background-color: var(--brand-button-primary-bgColor-active);
|
|
1333
|
+
border-color: var(--brand-button-primary-borderColor-active);
|
|
1334
|
+
box-shadow: var(--brand-button-primary-shadow-active);
|
|
1292
1335
|
}
|
|
1293
1336
|
|
|
1294
1337
|
.Primer_Brand__Button-module__Button--label-primary___Leisi {
|
|
1295
|
-
color: var(--brand-
|
|
1338
|
+
color: var(--brand-button-primary-fgColor-rest);
|
|
1339
|
+
}
|
|
1340
|
+
|
|
1341
|
+
.Primer_Brand__Button-module__Button--primary___xIC7G:disabled,
|
|
1342
|
+
.Primer_Brand__Button-module__Button--primary___xIC7G[aria-disabled='true'],
|
|
1343
|
+
.Primer_Brand__Button-module__Button--primary___xIC7G.Primer_Brand__Button-module__Button--disabled___Ba17E {
|
|
1344
|
+
background-color: var(--brand-button-primary-bgColor-disabled);
|
|
1345
|
+
border-color: var(--brand-button-primary-borderColor-disabled);
|
|
1296
1346
|
}
|
|
1297
1347
|
|
|
1348
|
+
.Primer_Brand__Button-module__Button--primary___xIC7G:disabled .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
|
|
1349
|
+
.Primer_Brand__Button-module__Button--primary___xIC7G[aria-disabled='true'] .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
|
|
1350
|
+
.Primer_Brand__Button-module__Button--primary___xIC7G.Primer_Brand__Button-module__Button--disabled___Ba17E .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
|
|
1351
|
+
.Primer_Brand__Button-module__Button--primary___xIC7G:disabled .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy,
|
|
1352
|
+
.Primer_Brand__Button-module__Button--primary___xIC7G[aria-disabled='true'] .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy,
|
|
1353
|
+
.Primer_Brand__Button-module__Button--primary___xIC7G.Primer_Brand__Button-module__Button--disabled___Ba17E .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy,
|
|
1298
1354
|
.Primer_Brand__Button-module__Button--label-primary___Leisi.Primer_Brand__Button-module__Button-label--disabled___ZBpbj {
|
|
1299
|
-
color: var(--brand-
|
|
1355
|
+
color: var(--brand-button-primary-fgColor-disabled);
|
|
1300
1356
|
}
|
|
1301
1357
|
|
|
1358
|
+
/* secondary */
|
|
1359
|
+
|
|
1302
1360
|
.Primer_Brand__Button-module__Button--secondary___akMC2 {
|
|
1303
|
-
|
|
1304
|
-
|
|
1305
|
-
|
|
1361
|
+
transition: background-color, border-color 200ms;
|
|
1362
|
+
border-color: var(--brand-button-secondary-borderColor-rest);
|
|
1363
|
+
}
|
|
1364
|
+
|
|
1365
|
+
.Primer_Brand__Button-module__Button--secondary___akMC2:not(.Primer_Brand__Button-module__Button___lDruK[disabled]):not(.Primer_Brand__Button-module__Button___lDruK[aria-disabled='true']):not([aria-expanded='true']):hover {
|
|
1366
|
+
background-color: var(--brand-button-secondary-bgColor-hover);
|
|
1367
|
+
border-color: var(--brand-button-secondary-borderColor-hover);
|
|
1368
|
+
}
|
|
1369
|
+
|
|
1370
|
+
.Primer_Brand__Button-module__Button--secondary___akMC2:not(.Primer_Brand__Button-module__Button___lDruK[disabled]):not(.Primer_Brand__Button-module__Button___lDruK[aria-disabled='true']):active,
|
|
1371
|
+
.Primer_Brand__Button-module__Button--secondary___akMC2[aria-expanded='true'] {
|
|
1372
|
+
background-color: var(--brand-button-secondary-bgColor-active);
|
|
1373
|
+
border-color: var(--brand-button-secondary-borderColor-active);
|
|
1374
|
+
}
|
|
1375
|
+
|
|
1376
|
+
.Primer_Brand__Button-module__Button--label-secondary___DRJoJ {
|
|
1377
|
+
color: var(--brand-button-secondary-fgColor-rest);
|
|
1306
1378
|
}
|
|
1307
1379
|
|
|
1308
|
-
.Primer_Brand__Button-module__Button--secondary___akMC2
|
|
1309
|
-
|
|
1380
|
+
.Primer_Brand__Button-module__Button--secondary___akMC2 .Primer_Brand__Button-module__Button__icon-visual___zR2Hi,
|
|
1381
|
+
.Primer_Brand__Button-module__Button--secondary___akMC2 .Primer_Brand__Button-module__Button-arrow___SkJXQ {
|
|
1382
|
+
color: var(--brand-button-secondary-fgColor-rest);
|
|
1310
1383
|
}
|
|
1311
1384
|
|
|
1312
|
-
.Primer_Brand__Button-module__Button--
|
|
1313
|
-
.Primer_Brand__Button-module__Button--
|
|
1314
|
-
.Primer_Brand__Button-
|
|
1315
|
-
|
|
1385
|
+
.Primer_Brand__Button-module__Button--secondary___akMC2:disabled .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
|
|
1386
|
+
.Primer_Brand__Button-module__Button--secondary___akMC2[aria-disabled='true'] .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
|
|
1387
|
+
.Primer_Brand__Button-module__Button--secondary___akMC2.Primer_Brand__Button-module__Button--disabled___Ba17E .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
|
|
1388
|
+
.Primer_Brand__Button-module__Button--secondary___akMC2:disabled .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy,
|
|
1389
|
+
.Primer_Brand__Button-module__Button--secondary___akMC2[aria-disabled='true'] .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy,
|
|
1390
|
+
.Primer_Brand__Button-module__Button--secondary___akMC2.Primer_Brand__Button-module__Button--disabled___Ba17E .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy,
|
|
1391
|
+
.Primer_Brand__Button-module__Button--label-secondary___DRJoJ.Primer_Brand__Button-module__Button-label--disabled___ZBpbj {
|
|
1392
|
+
color: var(--brand-button-secondary-fgColor-disabled);
|
|
1316
1393
|
}
|
|
1317
1394
|
|
|
1395
|
+
/* subtle */
|
|
1396
|
+
|
|
1318
1397
|
.Primer_Brand__Button-module__Button--subtle___UMmi9 {
|
|
1319
1398
|
color: var(--brand-color-text-default);
|
|
1320
|
-
|
|
1399
|
+
border-color: var(--brand-button-subtle-borderColor-rest);
|
|
1400
|
+
transition: background-color, border-color var(--brand-animation-duration-faster);
|
|
1321
1401
|
}
|
|
1322
1402
|
|
|
1323
1403
|
.Primer_Brand__Button-module__Button--subtle___UMmi9:hover:not(.Primer_Brand__Button-module__Button___lDruK[disabled]) {
|
|
1324
|
-
|
|
1404
|
+
border-color: var(--brand-button-subtle-borderColor-hover);
|
|
1405
|
+
}
|
|
1406
|
+
|
|
1407
|
+
.Primer_Brand__Button-module__Button--label-subtle___RRaqm {
|
|
1408
|
+
color: var(--brand-button-subtle-fgColor-rest);
|
|
1325
1409
|
}
|
|
1326
1410
|
|
|
1411
|
+
.Primer_Brand__Button-module__Button--subtle___UMmi9:disabled .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
|
|
1412
|
+
.Primer_Brand__Button-module__Button--subtle___UMmi9[aria-disabled='true'] .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
|
|
1413
|
+
.Primer_Brand__Button-module__Button--subtle___UMmi9.Primer_Brand__Button-module__Button--disabled___Ba17E .Primer_Brand__Button-module__Button-arrow--disabled____UgPq,
|
|
1414
|
+
.Primer_Brand__Button-module__Button--subtle___UMmi9:disabled .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy,
|
|
1415
|
+
.Primer_Brand__Button-module__Button--subtle___UMmi9[aria-disabled='true'] .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy,
|
|
1416
|
+
.Primer_Brand__Button-module__Button--subtle___UMmi9.Primer_Brand__Button-module__Button--disabled___Ba17E .Primer_Brand__Button-module__Button__icon-visual--disabled___j7aVy,
|
|
1417
|
+
.Primer_Brand__Button-module__Button--label-subtle___RRaqm.Primer_Brand__Button-module__Button-label--disabled___ZBpbj {
|
|
1418
|
+
color: var(--brand-button-subtle-fgColor-disabled);
|
|
1419
|
+
}
|
|
1420
|
+
|
|
1421
|
+
/* size */
|
|
1422
|
+
|
|
1327
1423
|
.Primer_Brand__Button-module__Button--size-medium___EyCyw {
|
|
1328
1424
|
height: var(--brand-control-medium-size);
|
|
1329
1425
|
padding: var(--brand-control-medium-paddingBlock) var(--brand-control-medium-paddingInline-spacious);
|
|
@@ -1332,21 +1428,17 @@ select {
|
|
|
1332
1428
|
.Primer_Brand__Button-module__Button--size-large___REN1l {
|
|
1333
1429
|
height: var(--brand-control-large-size);
|
|
1334
1430
|
padding: var(--brand-control-large-paddingBlock) var(--brand-control-large-paddingInline-spacious);
|
|
1431
|
+
border-radius: var(--brand-control-large-borderRadius);
|
|
1335
1432
|
}
|
|
1336
1433
|
|
|
1337
|
-
.Primer_Brand__Button-module__Button--
|
|
1338
|
-
|
|
1339
|
-
|
|
1340
|
-
|
|
1341
|
-
.Primer_Brand__Button-module__Button--disabled___Ba17E,
|
|
1342
|
-
.Primer_Brand__Button-module__Button--disabled___Ba17E:hover,
|
|
1343
|
-
.Primer_Brand__Button-module__Button--disabled___Ba17E:focus {
|
|
1344
|
-
cursor: not-allowed;
|
|
1345
|
-
outline: none;
|
|
1434
|
+
.Primer_Brand__Button-module__Button--size-large___REN1l .Primer_Brand__Button-module__Button__icon-visual___zR2Hi,
|
|
1435
|
+
.Primer_Brand__Button-module__Button--size-large___REN1l .Primer_Brand__Button-module__Button-arrow___SkJXQ {
|
|
1436
|
+
height: var(--base-size-20);
|
|
1437
|
+
width: var(--base-size-20);
|
|
1346
1438
|
}
|
|
1347
1439
|
|
|
1348
|
-
.Primer_Brand__Button-module__Button--
|
|
1349
|
-
|
|
1440
|
+
.Primer_Brand__Button-module__Button--block___F5RXs {
|
|
1441
|
+
width: 100%;
|
|
1350
1442
|
}
|
|
1351
1443
|
|
|
1352
1444
|
@media (forced-colors: active) {
|
|
@@ -1639,7 +1731,7 @@ select {
|
|
|
1639
1731
|
|
|
1640
1732
|
/**
|
|
1641
1733
|
* Do not edit directly
|
|
1642
|
-
* Generated on
|
|
1734
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
1643
1735
|
*/
|
|
1644
1736
|
|
|
1645
1737
|
:root {
|
|
@@ -1866,7 +1958,7 @@ select {
|
|
|
1866
1958
|
|
|
1867
1959
|
/**
|
|
1868
1960
|
* Do not edit directly
|
|
1869
|
-
* Generated on
|
|
1961
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
1870
1962
|
*/
|
|
1871
1963
|
|
|
1872
1964
|
:root,
|
|
@@ -2125,7 +2217,7 @@ select {
|
|
|
2125
2217
|
|
|
2126
2218
|
/**
|
|
2127
2219
|
* Do not edit directly
|
|
2128
|
-
* Generated on
|
|
2220
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
2129
2221
|
*/
|
|
2130
2222
|
|
|
2131
2223
|
:root {
|
|
@@ -2151,7 +2243,7 @@ select {
|
|
|
2151
2243
|
|
|
2152
2244
|
/**
|
|
2153
2245
|
* Do not edit directly
|
|
2154
|
-
* Generated on
|
|
2246
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
2155
2247
|
*/
|
|
2156
2248
|
|
|
2157
2249
|
:root,
|
|
@@ -2909,15 +3001,15 @@ select {
|
|
|
2909
3001
|
|
|
2910
3002
|
/**
|
|
2911
3003
|
* Do not edit directly
|
|
2912
|
-
* Generated on
|
|
3004
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
2913
3005
|
*/
|
|
2914
3006
|
|
|
2915
3007
|
:root {
|
|
2916
3008
|
--brand-control-animation-easing: var(--brand-animation-easing-glide);
|
|
2917
3009
|
--brand-control-animation-duration: 80ms;
|
|
2918
3010
|
--brand-control-border-radius: var(--brand-borderRadius-medium);
|
|
2919
|
-
--brand-control-large-
|
|
2920
|
-
--brand-control-
|
|
3011
|
+
--brand-control-large-size: 3.75rem;
|
|
3012
|
+
--brand-control-medium-borderRadius: var(--brand-borderRadius-medium);
|
|
2921
3013
|
--brand-controlStack-large-gap-spacious: var(--base-size-12);
|
|
2922
3014
|
--brand-controlStack-large-gap-condensed: var(--base-size-8);
|
|
2923
3015
|
--brand-controlStack-large-gap-auto: var(--base-size-8);
|
|
@@ -2934,17 +3026,19 @@ select {
|
|
|
2934
3026
|
--brand-box-spacing-spacious: var(--base-size-48);
|
|
2935
3027
|
--brand-box-spacing-normal: var(--base-size-24);
|
|
2936
3028
|
--brand-box-spacing-condensed: var(--base-size-16);
|
|
3029
|
+
--brand-control-large-borderRadius: var(--base-size-8);
|
|
2937
3030
|
--brand-control-large-gap: var(--base-size-16);
|
|
2938
3031
|
--brand-control-large-paddingInline-spacious: var(--base-size-32);
|
|
2939
3032
|
--brand-control-large-paddingInline-normal: var(--base-size-20);
|
|
2940
3033
|
--brand-control-large-paddingInline-condensed: var(--base-size-16);
|
|
3034
|
+
--brand-control-large-paddingBlock: var(--base-size-20);
|
|
2941
3035
|
--brand-control-large-lineBoxHeight: var(--base-size-20);
|
|
2942
|
-
--brand-control-medium-gap: var(--base-size-
|
|
2943
|
-
--brand-control-medium-paddingInline-spacious: var(--base-size-
|
|
3036
|
+
--brand-control-medium-gap: var(--base-size-12);
|
|
3037
|
+
--brand-control-medium-paddingInline-spacious: var(--base-size-28);
|
|
2944
3038
|
--brand-control-medium-paddingInline-normal: var(--base-size-16);
|
|
2945
3039
|
--brand-control-medium-paddingInline-condensed: var(--base-size-12);
|
|
2946
|
-
--brand-control-medium-paddingBlock: var(--base-size-
|
|
2947
|
-
--brand-control-medium-lineBoxHeight: var(--base-size-
|
|
3040
|
+
--brand-control-medium-paddingBlock: var(--base-size-16);
|
|
3041
|
+
--brand-control-medium-lineBoxHeight: var(--base-size-16);
|
|
2948
3042
|
--brand-control-medium-size: var(--base-size-48);
|
|
2949
3043
|
--brand-control-minTarget-coarse: var(--base-size-44);
|
|
2950
3044
|
--brand-control-minTarget-fine: var(--base-size-16);
|
|
@@ -3746,7 +3840,7 @@ select {
|
|
|
3746
3840
|
|
|
3747
3841
|
/**
|
|
3748
3842
|
* Do not edit directly
|
|
3749
|
-
* Generated on
|
|
3843
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
3750
3844
|
*/
|
|
3751
3845
|
|
|
3752
3846
|
:root {
|
|
@@ -3767,7 +3861,7 @@ select {
|
|
|
3767
3861
|
|
|
3768
3862
|
/**
|
|
3769
3863
|
* Do not edit directly
|
|
3770
|
-
* Generated on
|
|
3864
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
3771
3865
|
*/
|
|
3772
3866
|
|
|
3773
3867
|
:root {
|
|
@@ -3777,7 +3871,7 @@ select {
|
|
|
3777
3871
|
|
|
3778
3872
|
/**
|
|
3779
3873
|
* Do not edit directly
|
|
3780
|
-
* Generated on
|
|
3874
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
3781
3875
|
*/
|
|
3782
3876
|
|
|
3783
3877
|
:root {
|
|
@@ -4345,6 +4439,7 @@ select {
|
|
|
4345
4439
|
display: flex;
|
|
4346
4440
|
align-items: center;
|
|
4347
4441
|
margin-left: auto;
|
|
4442
|
+
min-width: 0;
|
|
4348
4443
|
}
|
|
4349
4444
|
.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-search-trigger___WyUIj {
|
|
4350
4445
|
display: flex;
|
|
@@ -4449,11 +4544,13 @@ select {
|
|
|
4449
4544
|
display: inline-flex;
|
|
4450
4545
|
gap: var(--base-size-16);
|
|
4451
4546
|
align-items: center;
|
|
4547
|
+
min-width: 0;
|
|
4452
4548
|
}
|
|
4453
4549
|
|
|
4454
4550
|
.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area-inner___dbpYv {
|
|
4455
4551
|
display: flex;
|
|
4456
4552
|
gap: 16px;
|
|
4553
|
+
min-width: 0;
|
|
4457
4554
|
}
|
|
4458
4555
|
|
|
4459
4556
|
@media screen and (max-width: 48rem) {
|
|
@@ -4484,14 +4581,14 @@ select {
|
|
|
4484
4581
|
.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-button-area-inner___dbpYv {
|
|
4485
4582
|
width: 100%;
|
|
4486
4583
|
flex-direction: column;
|
|
4487
|
-
|
|
4488
4584
|
margin: 24px;
|
|
4585
|
+
min-width: 0;
|
|
4489
4586
|
}
|
|
4490
4587
|
}
|
|
4491
4588
|
|
|
4492
4589
|
.Primer_Brand__SubdomainNavBar-module__SubdomainNavBar-cta-button___g_9BM {
|
|
4493
|
-
height: 48px; /*TODO: investigate why this is shorter than medium default height*/
|
|
4494
4590
|
white-space: nowrap;
|
|
4591
|
+
min-width: 0;
|
|
4495
4592
|
}
|
|
4496
4593
|
|
|
4497
4594
|
@media screen and (min-width: 1024px) {
|
|
@@ -4681,7 +4778,7 @@ select {
|
|
|
4681
4778
|
|
|
4682
4779
|
/**
|
|
4683
4780
|
* Do not edit directly
|
|
4684
|
-
* Generated on
|
|
4781
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
4685
4782
|
*/
|
|
4686
4783
|
|
|
4687
4784
|
:root,
|
|
@@ -4709,7 +4806,7 @@ select {
|
|
|
4709
4806
|
|
|
4710
4807
|
/**
|
|
4711
4808
|
* Do not edit directly
|
|
4712
|
-
* Generated on
|
|
4809
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
4713
4810
|
*/
|
|
4714
4811
|
|
|
4715
4812
|
:root,
|
|
@@ -4725,7 +4822,7 @@ select {
|
|
|
4725
4822
|
|
|
4726
4823
|
/**
|
|
4727
4824
|
* Do not edit directly
|
|
4728
|
-
* Generated on
|
|
4825
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
4729
4826
|
*/
|
|
4730
4827
|
|
|
4731
4828
|
:root {
|
|
@@ -4865,7 +4962,7 @@ select {
|
|
|
4865
4962
|
|
|
4866
4963
|
/**
|
|
4867
4964
|
* Do not edit directly
|
|
4868
|
-
* Generated on
|
|
4965
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
4869
4966
|
*/
|
|
4870
4967
|
|
|
4871
4968
|
:root,
|
|
@@ -4881,7 +4978,7 @@ select {
|
|
|
4881
4978
|
|
|
4882
4979
|
/**
|
|
4883
4980
|
* Do not edit directly
|
|
4884
|
-
* Generated on
|
|
4981
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
4885
4982
|
*/
|
|
4886
4983
|
|
|
4887
4984
|
:root,
|
|
@@ -4898,10 +4995,18 @@ select {
|
|
|
4898
4995
|
.Primer_Brand__Accordion-module__Accordion___M_LPt {
|
|
4899
4996
|
box-sizing: border-box;
|
|
4900
4997
|
position: relative;
|
|
4998
|
+
}
|
|
4999
|
+
|
|
5000
|
+
.Primer_Brand__Accordion-module__Accordion--default___wLsHR {
|
|
4901
5001
|
border-bottom: var(--brand-borderWidth-thin) solid var(--brand-color-border-default);
|
|
4902
5002
|
}
|
|
4903
5003
|
|
|
4904
|
-
.Primer_Brand__Accordion-module__Accordion___M_LPt
|
|
5004
|
+
.Primer_Brand__Accordion-module__Accordion--emphasis___j9wgA:not(.Primer_Brand__Accordion-module__Accordion___M_LPt .Primer_Brand__Accordion-module__Accordion___M_LPt) > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc {
|
|
5005
|
+
border-bottom: var(--brand-borderWidth-thicker) solid var(--brand-color-border-default);
|
|
5006
|
+
margin-bottom: var(--base-size-12);
|
|
5007
|
+
}
|
|
5008
|
+
|
|
5009
|
+
.Primer_Brand__Accordion-module__Accordion--default___wLsHR::after {
|
|
4905
5010
|
content: '';
|
|
4906
5011
|
border: 3px solid var(--brand-color-border-default);
|
|
4907
5012
|
height: 0;
|
|
@@ -4914,7 +5019,7 @@ select {
|
|
|
4914
5019
|
left: 0;
|
|
4915
5020
|
}
|
|
4916
5021
|
|
|
4917
|
-
.Primer_Brand__Accordion-
|
|
5022
|
+
.Primer_Brand__Accordion-module__Accordion--default___wLsHR:hover::after {
|
|
4918
5023
|
transform: scaleY(0.35);
|
|
4919
5024
|
}
|
|
4920
5025
|
|
|
@@ -4922,10 +5027,16 @@ select {
|
|
|
4922
5027
|
cursor: pointer;
|
|
4923
5028
|
padding: var(--base-size-24) 0;
|
|
4924
5029
|
position: relative;
|
|
4925
|
-
display:
|
|
4926
|
-
|
|
4927
|
-
|
|
4928
|
-
|
|
5030
|
+
display: flex;
|
|
5031
|
+
justify-content: space-between;
|
|
5032
|
+
}
|
|
5033
|
+
|
|
5034
|
+
[dir="ltr"] .Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW {
|
|
5035
|
+
padding-left: var(--base-size-48);
|
|
5036
|
+
}
|
|
5037
|
+
|
|
5038
|
+
[dir="rtl"] .Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW {
|
|
5039
|
+
padding-right: var(--base-size-48);
|
|
4929
5040
|
}
|
|
4930
5041
|
|
|
4931
5042
|
.Primer_Brand__Accordion-module__Accordion__summary___NUIYc::-webkit-details-marker {
|
|
@@ -4953,15 +5064,21 @@ select {
|
|
|
4953
5064
|
-webkit-text-fill-color: transparent;
|
|
4954
5065
|
-webkit-box-decoration-break: clone;
|
|
4955
5066
|
box-decoration-break: clone;
|
|
4956
|
-
|
|
4957
|
-
|
|
4958
|
-
|
|
4959
|
-
|
|
4960
|
-
|
|
5067
|
+
position: absolute;
|
|
5068
|
+
}
|
|
5069
|
+
|
|
5070
|
+
.Primer_Brand__Accordion-module__Accordion__summary___NUIYc:not(.Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW) .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
|
|
5071
|
+
.Primer_Brand__Accordion-module__Accordion__summary___NUIYc:not(.Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW) .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
|
|
5072
|
+
right: 0;
|
|
4961
5073
|
}
|
|
4962
5074
|
|
|
4963
|
-
.Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w
|
|
4964
|
-
.Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk
|
|
5075
|
+
.Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
|
|
5076
|
+
.Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
|
|
5077
|
+
left: 0;
|
|
5078
|
+
}
|
|
5079
|
+
|
|
5080
|
+
.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w::before,
|
|
5081
|
+
.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk::after {
|
|
4965
5082
|
transition: transform var(--brand-animation-duration-fast) ease, opacity var(--brand-animation-duration-faster) ease;
|
|
4966
5083
|
display: block;
|
|
4967
5084
|
background: linear-gradient(
|
|
@@ -4973,25 +5090,59 @@ select {
|
|
|
4973
5090
|
background-clip: text;
|
|
4974
5091
|
}
|
|
4975
5092
|
|
|
4976
|
-
.Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w::before {
|
|
5093
|
+
.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w::before {
|
|
4977
5094
|
font-weight: var(--base-text-weight-medium);
|
|
4978
5095
|
content: '–';
|
|
4979
5096
|
opacity: 0;
|
|
4980
5097
|
}
|
|
4981
5098
|
|
|
4982
|
-
.Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk::after {
|
|
5099
|
+
.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk::after {
|
|
4983
5100
|
content: '+';
|
|
4984
5101
|
}
|
|
4985
5102
|
|
|
4986
|
-
|
|
5103
|
+
.Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w,
|
|
5104
|
+
.Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
|
|
5105
|
+
transform: translate(0, -2px);
|
|
5106
|
+
}
|
|
5107
|
+
|
|
5108
|
+
.Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
|
|
5109
|
+
opacity: 0;
|
|
5110
|
+
}
|
|
5111
|
+
|
|
5112
|
+
details[open] .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk {
|
|
5113
|
+
opacity: 1;
|
|
5114
|
+
}
|
|
5115
|
+
|
|
5116
|
+
details[open] .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--emphasis___FqzWk .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w {
|
|
5117
|
+
opacity: 0;
|
|
5118
|
+
}
|
|
5119
|
+
|
|
5120
|
+
details[open] > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--collapsed___spc4w::before {
|
|
4987
5121
|
opacity: 1;
|
|
4988
5122
|
transform: rotateZ(180deg);
|
|
4989
5123
|
}
|
|
4990
|
-
|
|
5124
|
+
|
|
5125
|
+
details[open] > .Primer_Brand__Accordion-module__Accordion__summary___NUIYc.Primer_Brand__Accordion-module__Accordion__summary--default___C4Jx_ .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3Clk::after {
|
|
4991
5126
|
opacity: 0;
|
|
4992
5127
|
transform: rotateZ(180deg);
|
|
4993
5128
|
}
|
|
4994
5129
|
|
|
5130
|
+
[dir="ltr"] .Primer_Brand__Accordion-module__Accordion__summary___NUIYc:not(.Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW) {
|
|
5131
|
+
padding-right: var(--base-size-48);
|
|
5132
|
+
}
|
|
5133
|
+
|
|
5134
|
+
[dir="rtl"] .Primer_Brand__Accordion-module__Accordion__summary___NUIYc:not(.Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW) {
|
|
5135
|
+
padding-left: var(--base-size-48);
|
|
5136
|
+
}
|
|
5137
|
+
|
|
5138
|
+
[dir="ltr"] .Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW {
|
|
5139
|
+
padding-left: var(--base-size-48);
|
|
5140
|
+
}
|
|
5141
|
+
|
|
5142
|
+
[dir="rtl"] .Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW {
|
|
5143
|
+
padding-right: var(--base-size-48);
|
|
5144
|
+
}
|
|
5145
|
+
|
|
4995
5146
|
.Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
4996
5147
|
color: var(--brand-color-text-muted);
|
|
4997
5148
|
font-family: var(--brand-fontStack-sansSerif);
|
|
@@ -5001,22 +5152,24 @@ details[open] .Primer_Brand__Accordion-module__Accordion__summary--expanded___r3
|
|
|
5001
5152
|
}
|
|
5002
5153
|
|
|
5003
5154
|
details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
5004
|
-
padding-left: var(--base-size-40);
|
|
5005
5155
|
padding-bottom: var(--base-size-24);
|
|
5006
5156
|
margin-top: calc(var(--base-size-16) * -1); /* for 8px gap between question and answer */
|
|
5007
5157
|
animation: Primer_Brand__Accordion-module__fade-in___b3l0l 0.5s;
|
|
5008
5158
|
}
|
|
5009
|
-
|
|
5010
|
-
|
|
5159
|
+
|
|
5160
|
+
[dir="ltr"] details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW + .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
5161
|
+
padding-left: var(--base-size-48);
|
|
5011
5162
|
}
|
|
5163
|
+
|
|
5164
|
+
[dir="rtl"] details[open] > .Primer_Brand__Accordion-module__Accordion__summary--reversed-toggles___cpkAW + .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
5165
|
+
padding-right: var(--base-size-48);
|
|
5166
|
+
}
|
|
5167
|
+
|
|
5012
5168
|
/* Medium breakpoint and up */
|
|
5013
5169
|
@media screen and (min-width: 48rem) {
|
|
5014
5170
|
.Primer_Brand__Accordion-module__Accordion__summary___NUIYc {
|
|
5015
5171
|
gap: var(--base-size-40);
|
|
5016
5172
|
}
|
|
5017
|
-
details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
5018
|
-
padding-left: calc(var(--base-size-48) + var(--base-size-16));
|
|
5019
|
-
}
|
|
5020
5173
|
}
|
|
5021
5174
|
|
|
5022
5175
|
@keyframes Primer_Brand__Accordion-module__fade-in___b3l0l {
|
|
@@ -5030,30 +5183,36 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
5030
5183
|
|
|
5031
5184
|
/**
|
|
5032
5185
|
* Do not edit directly
|
|
5033
|
-
* Generated on
|
|
5186
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
5034
5187
|
*/
|
|
5035
5188
|
|
|
5036
5189
|
:root {
|
|
5037
|
-
--brand-FAQ-maxWidth: 51rem;
|
|
5190
|
+
--brand-FAQ-maxWidth-list: 51rem;
|
|
5038
5191
|
}
|
|
5039
5192
|
|
|
5040
5193
|
/**
|
|
5041
5194
|
* Do not edit directly
|
|
5042
|
-
* Generated on
|
|
5195
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
5043
5196
|
*/
|
|
5044
5197
|
|
|
5045
5198
|
:root,
|
|
5046
5199
|
[data-color-mode="light"] {
|
|
5047
|
-
--brand-FAQ-heading
|
|
5200
|
+
--brand-FAQ-color-heading: var(--brand-color-text-default);
|
|
5201
|
+
--brand-FAQ-color-tabBorder-selected: hsl(var(--base-color-scale-blue-5-hsl) / 20%);
|
|
5202
|
+
--brand-FAQ-color-tabLabel-selected: var(--brand-Link-color-accent);
|
|
5203
|
+
--brand-FAQ-color-tabBg-selected: var(--base-color-scale-blue-0);
|
|
5048
5204
|
}
|
|
5049
5205
|
|
|
5050
5206
|
[data-color-mode="dark"] {
|
|
5051
|
-
--brand-FAQ-heading
|
|
5207
|
+
--brand-FAQ-color-heading: var(--brand-color-text-default);
|
|
5208
|
+
--brand-FAQ-color-tabBorder-selected: hsl(var(--base-color-scale-blue-4-hsl) / 20%);
|
|
5209
|
+
--brand-FAQ-color-tabLabel-selected: var(--brand-Link-color-accent);
|
|
5210
|
+
--brand-FAQ-color-tabBg-selected: var(--base-color-scale-blue-9);
|
|
5052
5211
|
}
|
|
5053
5212
|
|
|
5054
5213
|
/**
|
|
5055
5214
|
* Do not edit directly
|
|
5056
|
-
* Generated on
|
|
5215
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
5057
5216
|
*/
|
|
5058
5217
|
|
|
5059
5218
|
:root {
|
|
@@ -5079,17 +5238,18 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
5079
5238
|
}
|
|
5080
5239
|
|
|
5081
5240
|
.Primer_Brand__FAQ-module__FAQ___R3vLU {
|
|
5082
|
-
max-width: var(--brand-FAQ-maxWidth);
|
|
5241
|
+
max-width: var(--brand-FAQ-maxWidth-list);
|
|
5083
5242
|
margin: 0 auto;
|
|
5084
5243
|
}
|
|
5085
5244
|
|
|
5086
5245
|
.Primer_Brand__FAQ-module__FAQ__heading___bH0aG {
|
|
5087
|
-
color: var(--brand-FAQ-heading
|
|
5246
|
+
color: var(--brand-FAQ-color-heading);
|
|
5088
5247
|
margin-bottom: var(--brand-FAQ-heading-marginBottom);
|
|
5089
5248
|
}
|
|
5090
5249
|
|
|
5091
5250
|
.Primer_Brand__FAQ-module__FAQ__subheading___I4puv {
|
|
5092
5251
|
margin-bottom: var(--base-size-16);
|
|
5252
|
+
color: var(--brand-color-text-muted);
|
|
5093
5253
|
}
|
|
5094
5254
|
|
|
5095
5255
|
.Primer_Brand__FAQ-module__FAQ__heading--start___eHaT3 {
|
|
@@ -5115,9 +5275,63 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
5115
5275
|
margin-top: var(--base-size-48);
|
|
5116
5276
|
}
|
|
5117
5277
|
|
|
5278
|
+
.Primer_Brand__FAQGroup-module__FAQGroup___D0VvR {
|
|
5279
|
+
display: none;
|
|
5280
|
+
justify-content: space-between;
|
|
5281
|
+
gap: var(--brand-stack-gap-spacious);
|
|
5282
|
+
}
|
|
5283
|
+
|
|
5284
|
+
@media screen and (min-width: 48rem) {
|
|
5285
|
+
.Primer_Brand__FAQGroup-module__FAQGroup___D0VvR {
|
|
5286
|
+
display: grid;
|
|
5287
|
+
}
|
|
5288
|
+
|
|
5289
|
+
.Primer_Brand__FAQGroup-module__FAQGroup__accordion___dkveP {
|
|
5290
|
+
display: none;
|
|
5291
|
+
}
|
|
5292
|
+
}
|
|
5293
|
+
|
|
5294
|
+
.Primer_Brand__FAQGroup-module__FAQ__subheading___nYa68 {
|
|
5295
|
+
margin-bottom: var(--base-size-16);
|
|
5296
|
+
}
|
|
5297
|
+
|
|
5298
|
+
.Primer_Brand__FAQGroup-module__FAQGroup__tablist___WdY5Z .Primer_Brand__FAQGroup-module__FAQ__heading___w52lv {
|
|
5299
|
+
display: none;
|
|
5300
|
+
}
|
|
5301
|
+
|
|
5302
|
+
.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC {
|
|
5303
|
+
justify-content: start;
|
|
5304
|
+
border: var(--brand-borderWidth-thin) solid transparent;
|
|
5305
|
+
}
|
|
5306
|
+
|
|
5307
|
+
.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC > span {
|
|
5308
|
+
overflow: hidden;
|
|
5309
|
+
white-space: nowrap;
|
|
5310
|
+
text-overflow: ellipsis;
|
|
5311
|
+
}
|
|
5312
|
+
|
|
5313
|
+
.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC[aria-selected='true'] {
|
|
5314
|
+
background-color: var(--brand-FAQ-color-tabBg-selected);
|
|
5315
|
+
border-color: var(--brand-FAQ-color-tabBorder-selected);
|
|
5316
|
+
}
|
|
5317
|
+
|
|
5318
|
+
.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC span {
|
|
5319
|
+
color: var(--brand-color-text-muted);
|
|
5320
|
+
}
|
|
5321
|
+
|
|
5322
|
+
.Primer_Brand__FAQGroup-module__FAQGroup__tablist-button___EgyrC[aria-selected='true'] span {
|
|
5323
|
+
color: var(--brand-FAQ-color-tabLabel-selected);
|
|
5324
|
+
}
|
|
5325
|
+
|
|
5326
|
+
.Primer_Brand__FAQGroup-module__FAQGroup__nested-accordion-item___JGGeC summary h4 {
|
|
5327
|
+
font-weight: var(--brand-text-weight-200);
|
|
5328
|
+
font-size: var(--brand-text-size-200);
|
|
5329
|
+
line-height: var(--brand-text-lineHeight-200);
|
|
5330
|
+
}
|
|
5331
|
+
|
|
5118
5332
|
/**
|
|
5119
5333
|
* Do not edit directly
|
|
5120
|
-
* Generated on
|
|
5334
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
5121
5335
|
*/
|
|
5122
5336
|
|
|
5123
5337
|
:root,
|
|
@@ -5433,7 +5647,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
5433
5647
|
*/
|
|
5434
5648
|
|
|
5435
5649
|
.Primer_Brand__TextInput-module__TextInput-wrapper--medium___K9iTj {
|
|
5436
|
-
height:
|
|
5650
|
+
height: var(--brand-control-medium-size);
|
|
5437
5651
|
}
|
|
5438
5652
|
|
|
5439
5653
|
.Primer_Brand__TextInput-module__TextInput--medium___kJrew {
|
|
@@ -5449,7 +5663,7 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
5449
5663
|
}
|
|
5450
5664
|
|
|
5451
5665
|
.Primer_Brand__TextInput-module__TextInput-wrapper--large___lga4f {
|
|
5452
|
-
height:
|
|
5666
|
+
height: var(--brand-control-large-size);
|
|
5453
5667
|
}
|
|
5454
5668
|
|
|
5455
5669
|
/*
|
|
@@ -5757,7 +5971,6 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
5757
5971
|
|
|
5758
5972
|
.Primer_Brand__Select-module__Select-wrapper--medium___xjmMc {
|
|
5759
5973
|
height: var(--brand-control-medium-size);
|
|
5760
|
-
height: 2.5rem;
|
|
5761
5974
|
}
|
|
5762
5975
|
|
|
5763
5976
|
[dir="ltr"] .Primer_Brand__Select-module__Select-wrapper--medium___xjmMc::after {
|
|
@@ -5779,13 +5992,14 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
5779
5992
|
.Primer_Brand__Select-module__Select--medium___kckBr {
|
|
5780
5993
|
font-weight: var(--brand-text-weight-100);
|
|
5781
5994
|
font-size: var(--brand-text-size-100);
|
|
5782
|
-
padding-left:
|
|
5783
|
-
padding-right:
|
|
5995
|
+
padding-left: var(--brand-control-medium-paddingInline-condensed);
|
|
5996
|
+
padding-right: var(--brand-control-medium-paddingInline-condensed);
|
|
5997
|
+
padding-top: 0;
|
|
5998
|
+
padding-bottom: 0;
|
|
5784
5999
|
}
|
|
5785
6000
|
|
|
5786
6001
|
.Primer_Brand__Select-module__Select-wrapper--large___Q4_2q {
|
|
5787
6002
|
height: var(--brand-control-large-size);
|
|
5788
|
-
height: 3rem;
|
|
5789
6003
|
}
|
|
5790
6004
|
|
|
5791
6005
|
[dir="ltr"] .Primer_Brand__Select-module__Select-wrapper--large___Q4_2q::after {
|
|
@@ -5807,8 +6021,10 @@ details[open] > .Primer_Brand__Accordion-module__Accordion__content___wMZGe {
|
|
|
5807
6021
|
.Primer_Brand__Select-module__Select--large___A7u6F {
|
|
5808
6022
|
font-weight: var(--brand-text-weight-200);
|
|
5809
6023
|
font-size: var(--brand-text-size-200);
|
|
5810
|
-
padding-left:
|
|
5811
|
-
padding-right:
|
|
6024
|
+
padding-left: var(--brand-control-large-paddingInline-condensed);
|
|
6025
|
+
padding-right: var(--brand-control-large-paddingInline-condensed);
|
|
6026
|
+
padding-top: 0;
|
|
6027
|
+
padding-bottom: 0;
|
|
5812
6028
|
}
|
|
5813
6029
|
|
|
5814
6030
|
/*
|
|
@@ -6216,7 +6432,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
6216
6432
|
|
|
6217
6433
|
/**
|
|
6218
6434
|
* Do not edit directly
|
|
6219
|
-
* Generated on
|
|
6435
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
6220
6436
|
*/
|
|
6221
6437
|
|
|
6222
6438
|
:root {
|
|
@@ -6232,7 +6448,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
6232
6448
|
|
|
6233
6449
|
/**
|
|
6234
6450
|
* Do not edit directly
|
|
6235
|
-
* Generated on
|
|
6451
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
6236
6452
|
*/
|
|
6237
6453
|
|
|
6238
6454
|
:root {
|
|
@@ -6444,7 +6660,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
6444
6660
|
|
|
6445
6661
|
/**
|
|
6446
6662
|
* Do not edit directly
|
|
6447
|
-
* Generated on
|
|
6663
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
6448
6664
|
*/
|
|
6449
6665
|
|
|
6450
6666
|
:root,
|
|
@@ -6460,7 +6676,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
6460
6676
|
|
|
6461
6677
|
/**
|
|
6462
6678
|
* Do not edit directly
|
|
6463
|
-
* Generated on
|
|
6679
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
6464
6680
|
*/
|
|
6465
6681
|
|
|
6466
6682
|
:root {
|
|
@@ -6778,7 +6994,7 @@ Fixes safari bug where outline doesn't respect border-radius
|
|
|
6778
6994
|
|
|
6779
6995
|
/**
|
|
6780
6996
|
* Do not edit directly
|
|
6781
|
-
* Generated on
|
|
6997
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
6782
6998
|
*/
|
|
6783
6999
|
|
|
6784
7000
|
:root,
|
|
@@ -7182,7 +7398,7 @@ html {
|
|
|
7182
7398
|
|
|
7183
7399
|
/**
|
|
7184
7400
|
* Do not edit directly
|
|
7185
|
-
* Generated on
|
|
7401
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
7186
7402
|
*/
|
|
7187
7403
|
|
|
7188
7404
|
:root,
|
|
@@ -7360,7 +7576,7 @@ html {
|
|
|
7360
7576
|
|
|
7361
7577
|
/**
|
|
7362
7578
|
* Do not edit directly
|
|
7363
|
-
* Generated on
|
|
7579
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
7364
7580
|
*/
|
|
7365
7581
|
|
|
7366
7582
|
:root,
|
|
@@ -7486,7 +7702,7 @@ html {
|
|
|
7486
7702
|
|
|
7487
7703
|
/**
|
|
7488
7704
|
* Do not edit directly
|
|
7489
|
-
* Generated on
|
|
7705
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
7490
7706
|
*/
|
|
7491
7707
|
|
|
7492
7708
|
:root,
|
|
@@ -7616,7 +7832,7 @@ html {
|
|
|
7616
7832
|
|
|
7617
7833
|
/**
|
|
7618
7834
|
* Do not edit directly
|
|
7619
|
-
* Generated on
|
|
7835
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
7620
7836
|
*/
|
|
7621
7837
|
|
|
7622
7838
|
:root {
|
|
@@ -7628,7 +7844,7 @@ html {
|
|
|
7628
7844
|
|
|
7629
7845
|
/**
|
|
7630
7846
|
* Do not edit directly
|
|
7631
|
-
* Generated on
|
|
7847
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
7632
7848
|
*/
|
|
7633
7849
|
|
|
7634
7850
|
:root,
|
|
@@ -7989,7 +8205,7 @@ html {
|
|
|
7989
8205
|
|
|
7990
8206
|
/**
|
|
7991
8207
|
* Do not edit directly
|
|
7992
|
-
* Generated on
|
|
8208
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
7993
8209
|
*/
|
|
7994
8210
|
|
|
7995
8211
|
:root,
|
|
@@ -8018,17 +8234,9 @@ html {
|
|
|
8018
8234
|
}
|
|
8019
8235
|
|
|
8020
8236
|
.Primer_Brand__ActionMenu-module__ActionMenu__button___gqNoG {
|
|
8021
|
-
|
|
8022
|
-
|
|
8023
|
-
|
|
8024
|
-
.Primer_Brand__ActionMenu-module__ActionMenu__button___gqNoG:focus:not(.Primer_Brand__ActionMenu-module__ActionMenu__button___gqNoG[disabled]),
|
|
8025
|
-
.Primer_Brand__ActionMenu-module__ActionMenu__button___gqNoG.Primer_Brand__ActionMenu-module__focus-visible___hVXW3:not(.Primer_Brand__ActionMenu-module__ActionMenu__button___gqNoG[disabled]) {
|
|
8026
|
-
box-shadow: 0 0 0 3px var(--brand-color-focus);
|
|
8027
|
-
}
|
|
8028
|
-
|
|
8029
|
-
.Primer_Brand__ActionMenu-module__ActionMenu__button___gqNoG:focus:not(.Primer_Brand__ActionMenu-module__ActionMenu__button___gqNoG[disabled]),
|
|
8030
|
-
.Primer_Brand__ActionMenu-module__ActionMenu__button___gqNoG:focus-visible:not(.Primer_Brand__ActionMenu-module__ActionMenu__button___gqNoG[disabled]) {
|
|
8031
|
-
box-shadow: 0 0 0 3px var(--brand-color-focus);
|
|
8237
|
+
/* avoid specificity issues */
|
|
8238
|
+
--brand-control-medium-borderRadius: var(--brand-borderRadius-full);
|
|
8239
|
+
--brand-control-large-borderRadius: var(--brand-borderRadius-full);
|
|
8032
8240
|
}
|
|
8033
8241
|
|
|
8034
8242
|
.Primer_Brand__ActionMenu-module__ActionMenu__button___gqNoG > span:first-of-type {
|
|
@@ -8038,10 +8246,6 @@ html {
|
|
|
8038
8246
|
white-space: nowrap;
|
|
8039
8247
|
}
|
|
8040
8248
|
|
|
8041
|
-
.Primer_Brand__ActionMenu-module__ActionMenu__button___gqNoG:hover {
|
|
8042
|
-
border-color: var(--brand-ActionMenu-color-border-hover);
|
|
8043
|
-
}
|
|
8044
|
-
|
|
8045
8249
|
.Primer_Brand__ActionMenu-module__ActionMenu__menu____B9HP {
|
|
8046
8250
|
position: absolute;
|
|
8047
8251
|
z-index: 100;
|
|
@@ -8049,7 +8253,7 @@ html {
|
|
|
8049
8253
|
margin-top: var(--base-size-8);
|
|
8050
8254
|
visibility: hidden;
|
|
8051
8255
|
background-color: var(--brand-color-canvas-default);
|
|
8052
|
-
border: var(--brand-borderWidth-thin) solid var(--brand-color-border-
|
|
8256
|
+
border: var(--brand-borderWidth-thin) solid var(--brand-color-border-muted);
|
|
8053
8257
|
border-radius: var(--brand-borderRadius-large);
|
|
8054
8258
|
max-height: 460px;
|
|
8055
8259
|
overflow-y: auto;
|
|
@@ -8128,15 +8332,6 @@ html {
|
|
|
8128
8332
|
transition: none;
|
|
8129
8333
|
}
|
|
8130
8334
|
|
|
8131
|
-
.Primer_Brand__ActionMenu-module__ActionMenu__button--active___HOEZK {
|
|
8132
|
-
border-color: var(--brand-ActionMenu-color-border-active) !important;
|
|
8133
|
-
box-shadow: 0 0 0 3px var(--brand-ActionMenu-color-border-active) !important;
|
|
8134
|
-
}
|
|
8135
|
-
|
|
8136
|
-
.Primer_Brand__ActionMenu-module__ActionMenu__button--active___HOEZK {
|
|
8137
|
-
transition: none;
|
|
8138
|
-
}
|
|
8139
|
-
|
|
8140
8335
|
.Primer_Brand__ActionMenu-module__ActionMenu__item-leadingVisual___UWjE1 {
|
|
8141
8336
|
display: flex;
|
|
8142
8337
|
min-width: var(--base-size-16);
|
|
@@ -8148,6 +8343,12 @@ html {
|
|
|
8148
8343
|
|
|
8149
8344
|
.Primer_Brand__ActionMenu-module__ActionMenu__item-text___K_1vl {
|
|
8150
8345
|
grid-area: text / text;
|
|
8346
|
+
/* display grid collapses the text line box height for optical alignment */
|
|
8347
|
+
display: grid;
|
|
8348
|
+
}
|
|
8349
|
+
|
|
8350
|
+
.Primer_Brand__ActionMenu-module__ActionMenu__item-text___K_1vl > span {
|
|
8351
|
+
line-height: var(--brand-control-medium-lineBoxHeight);
|
|
8151
8352
|
}
|
|
8152
8353
|
|
|
8153
8354
|
.Primer_Brand__ActionMenu-module__ActionMenu__item-icon___JyMwz {
|
|
@@ -8396,7 +8597,7 @@ html {
|
|
|
8396
8597
|
|
|
8397
8598
|
/**
|
|
8398
8599
|
* Do not edit directly
|
|
8399
|
-
* Generated on
|
|
8600
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
8400
8601
|
*/
|
|
8401
8602
|
|
|
8402
8603
|
:root {
|
|
@@ -11724,9 +11925,450 @@ html {
|
|
|
11724
11925
|
border-style: none;
|
|
11725
11926
|
}
|
|
11726
11927
|
|
|
11928
|
+
/* ---------------------------------------------------------- */
|
|
11929
|
+
/* VideoPlayer Contents */
|
|
11930
|
+
/* ---------------------------------------------------------- */
|
|
11931
|
+
/* Table of contents: */
|
|
11932
|
+
/* 1. Container */
|
|
11933
|
+
/* 2. Player */
|
|
11934
|
+
/* 2. Center Play Button */
|
|
11935
|
+
/* 4. Title */
|
|
11936
|
+
/* 5. Controls */
|
|
11937
|
+
/* 6. Range Element */
|
|
11938
|
+
/* 7. Tooltip */
|
|
11939
|
+
/* 8. Captions */
|
|
11940
|
+
/* ---------------------------------------------------------- */
|
|
11941
|
+
|
|
11942
|
+
/* ---------------------------------------------------------- */
|
|
11943
|
+
/* 1. Container */
|
|
11944
|
+
/* ---------------------------------------------------------- */
|
|
11945
|
+
|
|
11946
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__container___WmQho {
|
|
11947
|
+
width: 100%;
|
|
11948
|
+
position: relative;
|
|
11949
|
+
overflow: hidden;
|
|
11950
|
+
}
|
|
11951
|
+
|
|
11952
|
+
/* ---------------------------------------------------------- */
|
|
11953
|
+
/* 2. Player */
|
|
11954
|
+
/* ---------------------------------------------------------- */
|
|
11955
|
+
|
|
11956
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer___iNxEw {
|
|
11957
|
+
width: 100%;
|
|
11958
|
+
border-radius: var(--brand-borderRadius-medium);
|
|
11959
|
+
display: block;
|
|
11960
|
+
}
|
|
11961
|
+
|
|
11962
|
+
/* ---------------------------------------------------------- */
|
|
11963
|
+
/* 3. Center Play Button */
|
|
11964
|
+
/* ---------------------------------------------------------- */
|
|
11965
|
+
|
|
11966
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__playButton___qff0F {
|
|
11967
|
+
position: absolute;
|
|
11968
|
+
top: 0;
|
|
11969
|
+
left: 0;
|
|
11970
|
+
width: 100%;
|
|
11971
|
+
height: 100%;
|
|
11972
|
+
background: transparent;
|
|
11973
|
+
border: none;
|
|
11974
|
+
z-index: 1;
|
|
11975
|
+
}
|
|
11976
|
+
|
|
11977
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__playButtonInner___FpXVO {
|
|
11978
|
+
height: var(--brand-VideoPlayer-playButton-height);
|
|
11979
|
+
width: var(--brand-VideoPlayer-playButton-width);
|
|
11980
|
+
display: inline-block;
|
|
11981
|
+
padding: var(--brand-VideoPlayer-playButton-padding);
|
|
11982
|
+
box-sizing: content-box;
|
|
11983
|
+
background: var(--base-color-scale-blue-5);
|
|
11984
|
+
border-radius: 50%;
|
|
11985
|
+
}
|
|
11986
|
+
|
|
11987
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__playButtonInner___FpXVO > svg {
|
|
11988
|
+
margin-left: 0.3125rem;
|
|
11989
|
+
}
|
|
11990
|
+
|
|
11991
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__playButton___qff0F:focus {
|
|
11992
|
+
border: var(--brand-borderWidth-thick) solid var(--brand-color-focus);
|
|
11993
|
+
box-shadow: 0 0 0 2px var(--brand-color-focus);
|
|
11994
|
+
}
|
|
11995
|
+
|
|
11996
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__playButton___qff0F svg {
|
|
11997
|
+
cursor: pointer;
|
|
11998
|
+
color: var(--base-color-scale-gray-0);
|
|
11999
|
+
}
|
|
12000
|
+
|
|
12001
|
+
/* ---------------------------------------------------------- */
|
|
12002
|
+
/* 4. Title */
|
|
12003
|
+
/* ---------------------------------------------------------- */
|
|
12004
|
+
|
|
12005
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__title___F1E2j {
|
|
12006
|
+
transition: var(--brand-VideoPlayer-transition);
|
|
12007
|
+
top: -10px;
|
|
12008
|
+
opacity: 0;
|
|
12009
|
+
position: absolute;
|
|
12010
|
+
border-radius: var(--brand-borderRadius-medium);
|
|
12011
|
+
left: 0;
|
|
12012
|
+
width: 100%;
|
|
12013
|
+
z-index: 2;
|
|
12014
|
+
padding: var(--base-size-16) var(--base-size-24);
|
|
12015
|
+
color: var(--base-color-scale-gray-0);
|
|
12016
|
+
display: grid;
|
|
12017
|
+
align-items: center;
|
|
12018
|
+
justify-content: start;
|
|
12019
|
+
grid-gap: 10px;
|
|
12020
|
+
grid-template-columns: auto auto;
|
|
12021
|
+
background: hsl(var(--base-color-scale-black-0-hsl) / 80%);
|
|
12022
|
+
background: linear-gradient(hsl(var(--base-color-scale-black-0-hsl) / 40%), rgba(0, 0, 0, 0));
|
|
12023
|
+
}
|
|
12024
|
+
|
|
12025
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__showOverlays___aMQQ6 .Primer_Brand__VideoPlayer-module__VideoPlayer__title___F1E2j {
|
|
12026
|
+
top: 0;
|
|
12027
|
+
opacity: 1;
|
|
12028
|
+
}
|
|
12029
|
+
|
|
12030
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__overlays___xv3Xi:hover .Primer_Brand__VideoPlayer-module__VideoPlayer__title___F1E2j {
|
|
12031
|
+
top: 0;
|
|
12032
|
+
opacity: 1;
|
|
12033
|
+
}
|
|
12034
|
+
|
|
12035
|
+
/* ---------------------------------------------------------- */
|
|
12036
|
+
/* 5. Controls */
|
|
12037
|
+
/* ---------------------------------------------------------- */
|
|
12038
|
+
|
|
12039
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__controls___hNpxI {
|
|
12040
|
+
transition: var(--brand-VideoPlayer-transition);
|
|
12041
|
+
bottom: -58px;
|
|
12042
|
+
position: absolute;
|
|
12043
|
+
z-index: 2;
|
|
12044
|
+
width: 100%;
|
|
12045
|
+
pointer-events: none;
|
|
12046
|
+
}
|
|
12047
|
+
|
|
12048
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__controlsWrapper___Kpqo7 {
|
|
12049
|
+
display: grid;
|
|
12050
|
+
grid-gap: var(--base-size-16);
|
|
12051
|
+
align-items: center;
|
|
12052
|
+
grid-template-columns: auto 2fr auto auto auto auto auto;
|
|
12053
|
+
opacity: 0;
|
|
12054
|
+
border-bottom-right-radius: var(--brand-borderRadius-medium);
|
|
12055
|
+
border-bottom-left-radius: var(--brand-borderRadius-medium);
|
|
12056
|
+
left: 0;
|
|
12057
|
+
width: 100%;
|
|
12058
|
+
background: hsl(var(--base-color-scale-black-0-hsl) / 80%);
|
|
12059
|
+
background: linear-gradient(rgba(0, 0, 0, 0), hsl(var(--base-color-scale-black-0-hsl) / 40%));
|
|
12060
|
+
padding: var(--base-size-16) var(--base-size-24);
|
|
12061
|
+
pointer-events: all;
|
|
12062
|
+
}
|
|
12063
|
+
|
|
12064
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__container--small___TxAd8 .Primer_Brand__VideoPlayer-module__VideoPlayer__controlsWrapper___Kpqo7 {
|
|
12065
|
+
grid-template-columns: auto 2fr auto auto auto auto;
|
|
12066
|
+
}
|
|
12067
|
+
|
|
12068
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__controls___hNpxI:focus,
|
|
12069
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__controls___hNpxI[focus-within] {
|
|
12070
|
+
bottom: 0;
|
|
12071
|
+
}
|
|
12072
|
+
|
|
12073
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__controls___hNpxI:focus,
|
|
12074
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__controls___hNpxI:focus-within {
|
|
12075
|
+
bottom: 0;
|
|
12076
|
+
}
|
|
12077
|
+
|
|
12078
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__controls___hNpxI:focus .Primer_Brand__VideoPlayer-module__VideoPlayer__controlsWrapper___Kpqo7,
|
|
12079
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__controls___hNpxI[focus-within] .Primer_Brand__VideoPlayer-module__VideoPlayer__controlsWrapper___Kpqo7 {
|
|
12080
|
+
opacity: 1;
|
|
12081
|
+
}
|
|
12082
|
+
|
|
12083
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__controls___hNpxI:focus .Primer_Brand__VideoPlayer-module__VideoPlayer__controlsWrapper___Kpqo7,
|
|
12084
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__controls___hNpxI:focus-within .Primer_Brand__VideoPlayer-module__VideoPlayer__controlsWrapper___Kpqo7 {
|
|
12085
|
+
opacity: 1;
|
|
12086
|
+
}
|
|
12087
|
+
|
|
12088
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__showOverlays___aMQQ6 .Primer_Brand__VideoPlayer-module__VideoPlayer__controls___hNpxI {
|
|
12089
|
+
bottom: 0;
|
|
12090
|
+
}
|
|
12091
|
+
|
|
12092
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__showOverlays___aMQQ6 .Primer_Brand__VideoPlayer-module__VideoPlayer__controlsWrapper___Kpqo7 {
|
|
12093
|
+
opacity: 1;
|
|
12094
|
+
}
|
|
12095
|
+
|
|
12096
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__overlays___xv3Xi:hover .Primer_Brand__VideoPlayer-module__VideoPlayer__controlsWrapper___Kpqo7 {
|
|
12097
|
+
opacity: 1;
|
|
12098
|
+
}
|
|
12099
|
+
|
|
12100
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__overlays___xv3Xi:hover .Primer_Brand__VideoPlayer-module__VideoPlayer__controls___hNpxI {
|
|
12101
|
+
bottom: 0;
|
|
12102
|
+
opacity: 1;
|
|
12103
|
+
}
|
|
12104
|
+
|
|
12105
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__iconControl___Tw7A4 {
|
|
12106
|
+
width: auto;
|
|
12107
|
+
background: none;
|
|
12108
|
+
border: none;
|
|
12109
|
+
cursor: pointer;
|
|
12110
|
+
height: 24px;
|
|
12111
|
+
box-sizing: content-box;
|
|
12112
|
+
position: relative;
|
|
12113
|
+
padding: 0;
|
|
12114
|
+
}
|
|
12115
|
+
|
|
12116
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__iconControl___Tw7A4.Primer_Brand__VideoPlayer-module__focus-visible___AKGlH {
|
|
12117
|
+
border-color: var(--brand-color-focus);
|
|
12118
|
+
outline: none;
|
|
12119
|
+
box-shadow: 0 0 0 2px var(--brand-color-focus);
|
|
12120
|
+
opacity: 1;
|
|
12121
|
+
}
|
|
12122
|
+
|
|
12123
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__iconControl___Tw7A4:focus-visible {
|
|
12124
|
+
border-color: var(--brand-color-focus);
|
|
12125
|
+
outline: none;
|
|
12126
|
+
box-shadow: 0 0 0 2px var(--brand-color-focus);
|
|
12127
|
+
opacity: 1;
|
|
12128
|
+
}
|
|
12129
|
+
|
|
12130
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__iconControl___Tw7A4 svg {
|
|
12131
|
+
color: var(--base-color-scale-gray-0);
|
|
12132
|
+
}
|
|
12133
|
+
|
|
12134
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__iconControl___Tw7A4:hover .Primer_Brand__VideoPlayer-module__VideoPlayer__tooltip___mtg_l {
|
|
12135
|
+
opacity: 1;
|
|
12136
|
+
}
|
|
12137
|
+
|
|
12138
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__progressTime___GvTKs {
|
|
12139
|
+
width: 100%;
|
|
12140
|
+
color: var(--base-color-scale-gray-0);
|
|
12141
|
+
}
|
|
12142
|
+
|
|
12143
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__totalTime___nWILS {
|
|
12144
|
+
display: inline-block;
|
|
12145
|
+
}
|
|
12146
|
+
|
|
12147
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__container--small___TxAd8 .Primer_Brand__VideoPlayer-module__VideoPlayer__totalTime___nWILS {
|
|
12148
|
+
display: none;
|
|
12149
|
+
}
|
|
12150
|
+
|
|
12151
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__progressBar___wYSPx {
|
|
12152
|
+
width: 100%;
|
|
12153
|
+
height: 6px;
|
|
12154
|
+
}
|
|
12155
|
+
|
|
12156
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__closedCaption___PAvgt {
|
|
12157
|
+
border-radius: var(--brand-borderRadius-medium);
|
|
12158
|
+
padding: 1px 5px;
|
|
12159
|
+
border: 2px solid var(--base-color-scale-gray-0);
|
|
12160
|
+
background: var(--base-color-scale-gray-0);
|
|
12161
|
+
position: relative;
|
|
12162
|
+
}
|
|
12163
|
+
|
|
12164
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__ccOff___svmJL {
|
|
12165
|
+
background-color: transparent;
|
|
12166
|
+
}
|
|
12167
|
+
|
|
12168
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__ccText___xIu2v {
|
|
12169
|
+
color: var(--base-color-scale-black-0);
|
|
12170
|
+
}
|
|
12171
|
+
|
|
12172
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__ccOff___svmJL .Primer_Brand__VideoPlayer-module__VideoPlayer__ccText___xIu2v {
|
|
12173
|
+
color: var(--base-color-scale-gray-0);
|
|
12174
|
+
}
|
|
12175
|
+
|
|
12176
|
+
/* ---------------------------------------------------------- */
|
|
12177
|
+
/* 6. Range Element */
|
|
12178
|
+
/* ---------------------------------------------------------- */
|
|
12179
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__range___Tmjbg {
|
|
12180
|
+
position: relative;
|
|
12181
|
+
width: 100%;
|
|
12182
|
+
min-width: var(--brand-VideoPlayer-range-minWidth);
|
|
12183
|
+
height: var(--brand-VideoPlayer-range-height);
|
|
12184
|
+
background-color: var(--base-color-scale-gray-0);
|
|
12185
|
+
border-radius: var(--brand-VideoPlayer-range-borderRadius);
|
|
12186
|
+
}
|
|
12187
|
+
|
|
12188
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__container--small___TxAd8 .Primer_Brand__VideoPlayer-module__VideoPlayer__volumeBar___HOmXb {
|
|
12189
|
+
display: none;
|
|
12190
|
+
}
|
|
12191
|
+
|
|
12192
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__range___Tmjbg:hover .Primer_Brand__VideoPlayer-module__VideoPlayer__tooltip___mtg_l {
|
|
12193
|
+
opacity: 1;
|
|
12194
|
+
}
|
|
12195
|
+
|
|
12196
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeInput____wivl {
|
|
12197
|
+
-webkit-appearance: none;
|
|
12198
|
+
-moz-appearance: none;
|
|
12199
|
+
appearance: none;
|
|
12200
|
+
z-index: 1;
|
|
12201
|
+
display: block;
|
|
12202
|
+
width: 100%;
|
|
12203
|
+
height: var(--brand-VideoPlayer-range-height);
|
|
12204
|
+
margin: 0;
|
|
12205
|
+
cursor: pointer;
|
|
12206
|
+
background: transparent;
|
|
12207
|
+
position: absolute;
|
|
12208
|
+
top: 0;
|
|
12209
|
+
opacity: 0;
|
|
12210
|
+
}
|
|
12211
|
+
|
|
12212
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeInput____wivl.Primer_Brand__VideoPlayer-module__focus-visible___AKGlH {
|
|
12213
|
+
border-color: var(--brand-color-focus);
|
|
12214
|
+
outline: none;
|
|
12215
|
+
box-shadow: 0 0 0 2px var(--brand-color-focus);
|
|
12216
|
+
opacity: 1;
|
|
12217
|
+
}
|
|
12218
|
+
|
|
12219
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeInput____wivl:focus-visible {
|
|
12220
|
+
border-color: var(--brand-color-focus);
|
|
12221
|
+
outline: none;
|
|
12222
|
+
box-shadow: 0 0 0 2px var(--brand-color-focus);
|
|
12223
|
+
opacity: 1;
|
|
12224
|
+
}
|
|
12225
|
+
|
|
12226
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__range___Tmjbg:hover .Primer_Brand__VideoPlayer-module__VideoPlayer__rangeInput____wivl {
|
|
12227
|
+
opacity: 1;
|
|
12228
|
+
}
|
|
12229
|
+
|
|
12230
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeInput____wivl::-moz-range-track,
|
|
12231
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeInput____wivl::-webkit-slider-runnable-track {
|
|
12232
|
+
background: transparent;
|
|
12233
|
+
border: none;
|
|
12234
|
+
}
|
|
12235
|
+
|
|
12236
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeProgress___dDpNK {
|
|
12237
|
+
-webkit-appearance: none;
|
|
12238
|
+
-moz-appearance: none;
|
|
12239
|
+
appearance: none;
|
|
12240
|
+
overflow: hidden;
|
|
12241
|
+
background: hsl(var(--base-color-scale-gray-0-hsl) / 50%);
|
|
12242
|
+
border: 0;
|
|
12243
|
+
border-radius: var(--brand-VideoPlayer-range-borderRadius);
|
|
12244
|
+
width: 100%;
|
|
12245
|
+
position: absolute;
|
|
12246
|
+
height: var(--brand-VideoPlayer-range-height);
|
|
12247
|
+
top: 0;
|
|
12248
|
+
}
|
|
12249
|
+
|
|
12250
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeProgress___dDpNK::-webkit-progress-bar {
|
|
12251
|
+
background-color: hsl(var(--base-color-scale-gray-0-hsl) / 50%);
|
|
12252
|
+
}
|
|
12253
|
+
|
|
12254
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeProgress___dDpNK::-webkit-progress-value {
|
|
12255
|
+
background-color: var(--base-color-scale-blue-5);
|
|
12256
|
+
}
|
|
12257
|
+
|
|
12258
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeProgress___dDpNK::-moz-progress-bar {
|
|
12259
|
+
background: var(--base-color-scale-blue-5);
|
|
12260
|
+
}
|
|
12261
|
+
|
|
12262
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeProgress___dDpNK::-ms-fill-lower {
|
|
12263
|
+
background-color: var(--base-color-scale-blue-5);
|
|
12264
|
+
border: none;
|
|
12265
|
+
}
|
|
12266
|
+
|
|
12267
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__rangeProgress___dDpNK::-ms-fill-upper {
|
|
12268
|
+
background-color: hsl(var(--base-color-scale-gray-0-hsl) / 50%);
|
|
12269
|
+
border: none;
|
|
12270
|
+
}
|
|
12271
|
+
|
|
12272
|
+
/* ---------------------------------------------------------- */
|
|
12273
|
+
/* 7. Tooltip */
|
|
12274
|
+
/* ---------------------------------------------------------- */
|
|
12275
|
+
|
|
12276
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__tooltip___mtg_l {
|
|
12277
|
+
position: absolute;
|
|
12278
|
+
bottom: 100%;
|
|
12279
|
+
z-index: 2;
|
|
12280
|
+
width: 10px;
|
|
12281
|
+
height: 10px;
|
|
12282
|
+
margin-bottom: var(--base-size-16);
|
|
12283
|
+
pointer-events: none;
|
|
12284
|
+
opacity: 0;
|
|
12285
|
+
transform: translate3d(0%, 50%, 0);
|
|
12286
|
+
transition: opacity var(--brand-animation-duration-default) var(--brand-animation-easing-default),
|
|
12287
|
+
transform var(--brand-animation-duration-default) var(--brand-animation-easing-default);
|
|
12288
|
+
}
|
|
12289
|
+
|
|
12290
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__tooltip___mtg_l::before {
|
|
12291
|
+
position: absolute;
|
|
12292
|
+
bottom: -4px;
|
|
12293
|
+
left: 0;
|
|
12294
|
+
width: 10px;
|
|
12295
|
+
height: 10px;
|
|
12296
|
+
content: '';
|
|
12297
|
+
background: var(--base-color-scale-white-0);
|
|
12298
|
+
border-radius: var(--brand-borderRadius-small);
|
|
12299
|
+
transform: rotate(45deg);
|
|
12300
|
+
}
|
|
12301
|
+
|
|
12302
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__tooltipContent___BoAqV {
|
|
12303
|
+
position: absolute;
|
|
12304
|
+
bottom: 0;
|
|
12305
|
+
left: 50%;
|
|
12306
|
+
z-index: -1;
|
|
12307
|
+
background: white;
|
|
12308
|
+
box-shadow: 0 4px 4px hsl(var(--base-color-scale-black-0-hsl) / 20%);
|
|
12309
|
+
transform: translate3d(-50%, 0, 0);
|
|
12310
|
+
padding: var(--brand-VideoPlayer-tooltip-padding);
|
|
12311
|
+
border-radius: var(--brand-borderRadius-medium);
|
|
12312
|
+
}
|
|
12313
|
+
|
|
12314
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__tooltipText____Syz7 {
|
|
12315
|
+
color: var(--brand-InlineLink-color-rest);
|
|
12316
|
+
}
|
|
12317
|
+
|
|
12318
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__controlTextColor___YMFpe {
|
|
12319
|
+
color: var(--base-color-scale-white-0);
|
|
12320
|
+
}
|
|
12321
|
+
|
|
12322
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__shiftTooltipRight___iLKlO .Primer_Brand__VideoPlayer-module__VideoPlayer__tooltip___mtg_l {
|
|
12323
|
+
transform: translateX(10px);
|
|
12324
|
+
}
|
|
12325
|
+
|
|
12326
|
+
/* ---------------------------------------------------------- */
|
|
12327
|
+
/* 8. Captions */
|
|
12328
|
+
/* ---------------------------------------------------------- */
|
|
12329
|
+
|
|
12330
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__captions___dI9Jv {
|
|
12331
|
+
width: 90%;
|
|
12332
|
+
margin: var(--brand-VideoPlayer-closedCaption-margin);
|
|
12333
|
+
display: grid;
|
|
12334
|
+
justify-content: center;
|
|
12335
|
+
pointer-events: none;
|
|
12336
|
+
}
|
|
12337
|
+
|
|
12338
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__captions__empty___q_s3l {
|
|
12339
|
+
display: none;
|
|
12340
|
+
}
|
|
12341
|
+
|
|
12342
|
+
.Primer_Brand__VideoPlayer-module__VideoPlayer__captionText___e2su6 {
|
|
12343
|
+
color: var(--base-color-scale-white-0);
|
|
12344
|
+
text-align: center;
|
|
12345
|
+
background: hsl(var(--base-color-scale-black-0-hsl) / 50%);
|
|
12346
|
+
padding: var(--brand-VideoPlayer-closedCaption-text-padding);
|
|
12347
|
+
border-radius: var(--brand-borderRadius-medium);
|
|
12348
|
+
display: inline-block;
|
|
12349
|
+
}
|
|
12350
|
+
|
|
12351
|
+
/**
|
|
12352
|
+
* Do not edit directly
|
|
12353
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
12354
|
+
*/
|
|
12355
|
+
|
|
12356
|
+
:root {
|
|
12357
|
+
--brand-VideoPlayer-tooltip-padding: 0.3125rem;
|
|
12358
|
+
--brand-VideoPlayer-transition: all var(--brand-animation-duration-fast) var(--brand-animation-easing-default);
|
|
12359
|
+
--brand-VideoPlayer-range-minWidth: 4.6875rem;
|
|
12360
|
+
--brand-VideoPlayer-range-borderRadius: 0.1875rem;
|
|
12361
|
+
--brand-VideoPlayer-range-height: 0.375rem;
|
|
12362
|
+
--brand-VideoPlayer-playButton-padding: 1.5625rem;
|
|
12363
|
+
--brand-VideoPlayer-playButton-width: 1.5rem;
|
|
12364
|
+
--brand-VideoPlayer-playButton-height: 1.5rem;
|
|
12365
|
+
--brand-VideoPlayer-closedCaption-text-padding: 0.625rem;
|
|
12366
|
+
--brand-VideoPlayer-closedCaption-margin: 0 auto 15px auto;
|
|
12367
|
+
}
|
|
12368
|
+
|
|
11727
12369
|
/**
|
|
11728
12370
|
* Do not edit directly
|
|
11729
|
-
* Generated on
|
|
12371
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
11730
12372
|
*/
|
|
11731
12373
|
|
|
11732
12374
|
:root,
|
|
@@ -11742,7 +12384,7 @@ html {
|
|
|
11742
12384
|
|
|
11743
12385
|
/**
|
|
11744
12386
|
* Do not edit directly
|
|
11745
|
-
* Generated on
|
|
12387
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
11746
12388
|
*/
|
|
11747
12389
|
|
|
11748
12390
|
:root {
|
|
@@ -11963,7 +12605,7 @@ html {
|
|
|
11963
12605
|
|
|
11964
12606
|
/**
|
|
11965
12607
|
* Do not edit directly
|
|
11966
|
-
* Generated on
|
|
12608
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
11967
12609
|
*/
|
|
11968
12610
|
|
|
11969
12611
|
:root,
|
|
@@ -11977,7 +12619,7 @@ html {
|
|
|
11977
12619
|
|
|
11978
12620
|
/**
|
|
11979
12621
|
* Do not edit directly
|
|
11980
|
-
* Generated on
|
|
12622
|
+
* Generated on Mon, 04 Sep 2023 13:22:26 GMT
|
|
11981
12623
|
*/
|
|
11982
12624
|
|
|
11983
12625
|
:root {
|