slippers-ui 0.14.12-alpha6 → 0.14.14

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.
Files changed (5) hide show
  1. package/README.md +9 -10
  2. package/dist/compiled.css +9 -0
  3. package/dist/slippersComponents.common.js +42 -23
  4. package/dist/slippersComponents.css +1 -1
  5. package/package.json +4 -4
package/README.md CHANGED
@@ -8,9 +8,9 @@ We're always looking for feedback to improve the experience of working with Slip
8
8
  We happily accept contributions, no matter how small.
9
9
  Feel free to submit an issue or open a merge request!
10
10
 
11
- ## Get Started Here!
11
+ ## Get Started Here!
12
12
 
13
- Slippers is build with [VueCLI](https://cli.vuejs.org/guide/), [Storybook](https://storybook.js.org/), and [TailwindCSS](https://tailwindcss.com/). TailwindCSS has been configured as [PostCSS plugin](https://postcss.org/).
13
+ Slippers is build with [VueCLI](https://cli.vuejs.org/guide/), [Storybook](https://storybook.js.org/), and [TailwindCSS](https://tailwindcss.com/). TailwindCSS has been configured as [PostCSS plugin](https://postcss.org/).
14
14
 
15
15
  ### Local Development Instructions
16
16
 
@@ -35,21 +35,20 @@ This article is a good practical example on how [Storybook works and how to use
35
35
 
36
36
  Gotchas: [Args in Storybook](https://storybook.js.org/docs/vue/writing-stories/args) vs Props in Vue
37
37
 
38
- ## Slippers Documentation
38
+ ## Slippers Documentation
39
39
 
40
- You can find our documentation in the [Storybook instance for this repository](https://gitlab-com.gitlab.io/marketing/inbound-marketing/slippers-ui/?path=/story/get-started--page).
40
+ You can find our documentation in the [Storybook instance for this repository](https://gitlab-com.gitlab.io/marketing/digital-experience/slippers-ui?path=/story/get-started--page).
41
41
 
42
42
  Keeping documentation in Storybook allows us to keep a [single source of truth](https://about.gitlab.com/company/culture/all-remote/handbook-first-documentation/#creating-a-home-for-a-single-source-of-truth-ssot) for this repository's documentation, alongside the code-based stories as well.
43
43
 
44
- 1. [Get Started](https://gitlab-com.gitlab.io/marketing/inbound-marketing/slippers-ui/?path=/story/get-started--page)
45
- 1. [Releases](https://gitlab-com.gitlab.io/marketing/inbound-marketing/slippers-ui/?path=/story/releases--page)
46
- 1. [Tailwind CSS](https://gitlab-com.gitlab.io/marketing/inbound-marketing/slippers-ui/?path=/story/tailwind-css--page)
47
- 1. [Storybook](https://gitlab-com.gitlab.io/marketing/inbound-marketing/slippers-ui/?path=/story/storybook--page)
48
-
44
+ 1. [Get Started](https://gitlab-com.gitlab.io/marketing/digital-experience/slippers-ui?path=/story/get-started--page)
45
+ 1. [Releases](https://gitlab-com.gitlab.io/marketing/digital-experience/slippers-ui?path=/story/releases--page)
46
+ 1. [Tailwind CSS](https://gitlab-com.gitlab.io/marketing/digital-experience/slippers-ui?path=/story/tailwind-css--page)
47
+ 1. [Storybook](https://gitlab-com.gitlab.io/marketing/digital-experience/slippers-ui?path=/story/storybook--page)
49
48
 
50
49
  ## Tailwind Config Viewer
51
50
 
52
- A key idea that we want to reinforce about styling in Slippers is that we _heavily_ modify the [default TailwindCSS configuration](https://unpkg.com/browse/tailwindcss@2.0.4/stubs/defaultConfig.stub.js). While the [TailwindCSS docs page](https://tailwindcss.com/docs) is still helpful, much of it does not reflect our configuration for this repository. To help with this, we have added a page that displays the existing utility classes within our current TailwindCSS configuration. URL: [https://gitlab-com.gitlab.io/marketing/inbound-marketing/slippers-ui/tailwind/](https://gitlab-com.gitlab.io/marketing/inbound-marketing/slippers-ui/tailwind/). To run locally, run `yarn serve:tailwind-viewer`
51
+ A key idea that we want to reinforce about styling in Slippers is that we _heavily_ modify the [default TailwindCSS configuration](https://unpkg.com/browse/tailwindcss@2.0.4/stubs/defaultConfig.stub.js). While the [TailwindCSS docs page](https://tailwindcss.com/docs) is still helpful, much of it does not reflect our configuration for this repository. To help with this, we have added a page that displays the existing utility classes within our current TailwindCSS configuration. URL: [https://gitlab-com.gitlab.io/marketing/digital-experience/slippers-ui/tailwind/](https://gitlab-com.gitlab.io/marketing/digital-experience/slippers-uitailwind/). To run locally, run `yarn serve:tailwind-viewer`
53
52
 
54
53
  ## Building for production
55
54
 
package/dist/compiled.css CHANGED
@@ -1625,6 +1625,10 @@
1625
1625
  overflow-y: auto !important;
1626
1626
  }
1627
1627
 
1628
+ .slp-overflow-y-scroll {
1629
+ overflow-y: scroll !important;
1630
+ }
1631
+
1628
1632
  .focus-within\:slp-overflow-y-auto:focus-within {
1629
1633
  overflow-y: auto !important;
1630
1634
  }
@@ -2079,6 +2083,11 @@
2079
2083
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
2080
2084
  }
2081
2085
 
2086
+ .active\:slp-shadow-none:active {
2087
+ --tw-shadow: 0 0 #0000 !important;
2088
+ box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
2089
+ }
2090
+
2082
2091
  * {
2083
2092
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
2084
2093
  --tw-ring-offset-width: 0px;
package/dist/slippersComponents.common.js CHANGED
@@ -642,12 +642,12 @@ if (typeof window !== 'undefined') {
642
642
  // Indicate to webpack that this file can be concatenated
643
643
  /* harmony default export */ var setPublicPath = (null);
644
644
 
645
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3c05d7d8-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ComparisonInfographic/comparison-infographic.vue?vue&type=template&id=581ac387&
646
- var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:"slp-bg-white slp-relative slp-pt-60"},[_c('div',{staticClass:"slp-comparison-infographic__bg"}),_c('div',{staticClass:"slp-comparison-infographic"},[_c('header',{staticClass:"slp-comparison-infographic__header"},[_c('SlpComparisonInfographicGlitter',{staticClass:"slp-comparison-infographic__header__glitter"}),_c('h2',{staticClass:"slp-comparison-infographic__header-h2"},[_vm._v(" GitLab vs "+_vm._s(_vm.competitorName)+" ")]),_c('p',{staticClass:"slp-comparison-infographic__header-p"},[_vm._v(" Feature maturity comparison against set of industry standards ")]),_c('p',{staticClass:"slp-comparison-infographic__header-a"},[(_vm.methodologyLink)?_c('a',{attrs:{"href":_vm.methodologyLink}},[_vm._v("Learn more about our scoring methodology "),_c('slp-arrow-right',{staticClass:"slp-inline-block"})],1):_vm._e()])],1),_c('SlpComparisonInfographicChart',{attrs:{"left":true,"logo":_vm.gitlabLogo,"name":'GitLab',"percentage":_vm.gitlabPercentage,"score":_vm.gitlabScore,"max":_vm.max}}),_c('SlpComparisonInfographicChart',{attrs:{"left":false,"logo":_vm.competitorLogo,"name":_vm.competitorName,"percentage":_vm.competitorPercentage,"score":_vm.competitorScore,"max":_vm.max}})],1),_c('div',{staticClass:"slp-comparison-infographic md:slp-pt-32"},[_c('table',{staticClass:"slp-comparison-infographic__table"},[_c('thead',{staticClass:"slp-comparison-infographic__table__head"},[_c('tr',{staticClass:"slp-comparison-infographic__table__headers"},[_c('th',{staticClass:"slp-comparison-infographic__table__header md:slp-col-span-2"}),_c('th',{staticClass:"slp-comparison-infographic__table__header md:slp-col-span-4"},[_c('img',{staticClass:"slp-block slp-mx-auto",attrs:{"src":_vm.gitlabLogo,"alt":"GitLab logo to represent the GitLab score columns","width":"35","height":"32"}})]),_c('th',{staticClass:"slp-comparison-infographic__table__header md:slp-col-span-4"},[_c('img',{staticClass:"slp-block slp-mx-auto",attrs:{"src":_vm.competitorLogo,"alt":(_vm.competitorName + " logo to represent the " + _vm.competitorName + " score columns"),"width":"35","height":"32"}})])])]),_c('tbody',{staticClass:"md:slp-col-span-full"},_vm._l((_vm.sortedCategories),function(category){return _c('tr',{key:((category.label) + "TableRow"),class:_vm.computedTableRowClass(category.key)},[_c('td',{staticClass:"slp-comparison-infographic__table__cell--icon"},[_c('SlpComparisonInfographicIcon',{staticClass:"slp-comparison-infographic__table__icon",attrs:{"icon":category.key}}),_c('span',{staticClass:"slp-comparison-infographic__table__icon__label"},[_vm._v(_vm._s(category.label))])],1),_c('td',{staticClass:"slp-comparison-infographic__table__cell--bar"},[_c('SlpComparisonInfographicBar',{attrs:{"active":true,"categoryData":_vm.gitlabData[category.key]}})],1),_c('td',{staticClass:"slp-comparison-infographic__table__cell--bar"},[_c('SlpComparisonInfographicBar',{attrs:{"active":!_vm.singleTool || _vm.singleToolCategory === category.key,"categoryData":_vm.competitorData[category.key]}})],1)])}),0)])])])}
645
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3c05d7d8-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/ComparisonInfographic/comparison-infographic.vue?vue&type=template&id=4b7dd8f1&
646
+ var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',{staticClass:"slp-bg-white slp-relative slp-pt-60"},[_c('div',{staticClass:"slp-comparison-infographic__bg"}),_c('div',{staticClass:"slp-comparison-infographic"},[_c('header',{staticClass:"slp-comparison-infographic__header"},[_c('SlpComparisonInfographicGlitter',{staticClass:"slp-comparison-infographic__header__glitter"}),_c('h2',{staticClass:"slp-comparison-infographic__header-h2"},[_vm._v(" GitLab vs "+_vm._s(_vm.competitorName)+" ")]),_c('p',{staticClass:"slp-comparison-infographic__header-p"},[_vm._v(" Feature maturity comparison against set of industry standards ")]),_c('p',{staticClass:"slp-comparison-infographic__header-a"},[(_vm.methodologyLink)?_c('a',{attrs:{"href":_vm.methodologyLink,"data-ga-name":_vm.dataGaName,"data-ga-location":_vm.dataGaLocation}},[_vm._v("Learn more about our scoring methodology "),_c('slp-arrow-right',{staticClass:"slp-inline-block"})],1):_vm._e()])],1),_c('SlpComparisonInfographicChart',{attrs:{"left":true,"logo":_vm.gitlabLogo,"name":'GitLab',"percentage":_vm.gitlabPercentage,"score":_vm.gitlabScore,"max":_vm.max}}),_c('SlpComparisonInfographicChart',{attrs:{"left":false,"logo":_vm.competitorLogo,"name":_vm.competitorName,"percentage":_vm.competitorPercentage,"score":_vm.competitorScore,"max":_vm.max}})],1),_c('div',{staticClass:"slp-comparison-infographic md:slp-pt-32"},[_c('table',{staticClass:"slp-comparison-infographic__table"},[_c('thead',{staticClass:"slp-comparison-infographic__table__head"},[_c('tr',{staticClass:"slp-comparison-infographic__table__headers"},[_c('th',{staticClass:"slp-comparison-infographic__table__header md:slp-col-span-2"}),_c('th',{staticClass:"slp-comparison-infographic__table__header md:slp-col-span-4"},[_c('img',{staticClass:"slp-block slp-mx-auto",attrs:{"src":_vm.gitlabLogo,"alt":"GitLab logo to represent the GitLab score columns","width":"35","height":"32"}})]),_c('th',{staticClass:"slp-comparison-infographic__table__header md:slp-col-span-4"},[_c('img',{staticClass:"slp-block slp-mx-auto",attrs:{"src":_vm.competitorLogo,"alt":(_vm.competitorName + " logo to represent the " + _vm.competitorName + " score columns"),"width":"35","height":"32"}})])])]),_c('tbody',{staticClass:"md:slp-col-span-full"},_vm._l((_vm.sortedCategories),function(category){return _c('tr',{key:((category.label) + "TableRow"),class:_vm.computedTableRowClass(category.key)},[_c('td',{staticClass:"slp-comparison-infographic__table__cell--icon"},[_c('SlpComparisonInfographicIcon',{staticClass:"slp-comparison-infographic__table__icon",attrs:{"icon":category.key}}),_c('span',{staticClass:"slp-comparison-infographic__table__icon__label"},[_vm._v(_vm._s(category.label))])],1),_c('td',{staticClass:"slp-comparison-infographic__table__cell--bar"},[_c('SlpComparisonInfographicBar',{attrs:{"active":true,"categoryData":_vm.gitlabData[category.key]}})],1),_c('td',{staticClass:"slp-comparison-infographic__table__cell--bar"},[_c('SlpComparisonInfographicBar',{attrs:{"active":!_vm.singleTool || _vm.singleToolCategory === category.key,"categoryData":_vm.competitorData[category.key]}})],1)])}),0)])])])}
647
647
  var staticRenderFns = []
648
648
 
649
649
 
650
- // CONCATENATED MODULE: ./src/components/ComparisonInfographic/comparison-infographic.vue?vue&type=template&id=581ac387&
650
+ // CONCATENATED MODULE: ./src/components/ComparisonInfographic/comparison-infographic.vue?vue&type=template&id=4b7dd8f1&
651
651
 
652
652
  // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3c05d7d8-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/icons/arrow-right.vue?vue&type=template&id=f323232c&
653
653
  var arrow_rightvue_type_template_id_f323232c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{attrs:{"width":"9","height":"6","xmlns":"http://www.w3.org/2000/svg"}},[_c('path',{staticClass:"slp-fill-current group-hover:slp-text-ui-secondary group-focus:slp-text-ui-secondary",attrs:{"d":"M6.685.683L9 3 6.685 5.317a.624.624 0 11-.883-.884l.808-.808H.624a.625.625 0 010-1.25H6.61l-.808-.808a.625.625 0 01.883-.884z","fill":"none"}})])}
@@ -1893,6 +1893,10 @@ var comparison_infographic_icon_component = normalizeComponent(
1893
1893
  //
1894
1894
  //
1895
1895
  //
1896
+ //
1897
+ //
1898
+ //
1899
+ //
1896
1900
 
1897
1901
 
1898
1902
 
@@ -1977,6 +1981,14 @@ var comparison_infographic_icon_component = normalizeComponent(
1977
1981
  singleToolCategory: {
1978
1982
  type: String,
1979
1983
  required: false
1984
+ },
1985
+ dataGaName: {
1986
+ type: String,
1987
+ required: true
1988
+ },
1989
+ dataGaLocation: {
1990
+ type: String,
1991
+ required: true
1980
1992
  }
1981
1993
  },
1982
1994
 
@@ -2218,12 +2230,12 @@ var free_trial_banner_component = normalizeComponent(
2218
2230
  )
2219
2231
 
2220
2232
  /* harmony default export */ var free_trial_banner = (free_trial_banner_component.exports);
2221
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3c05d7d8-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/HeaderBanner/header-banner.vue?vue&type=template&id=df7939c6&
2222
- var header_bannervue_type_template_id_df7939c6_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"slp-sticky slp-z-50 slp-w-full slp-flex slp-items-center slp-justify-center slp-top-28",staticStyle:{"background":"#9b51e0"}},[_vm._m(0),_c('button',{staticClass:"slp-absolute slp-right-4 slp-p-16 slp-outline-none slp-border-none"},[_c('slp-close',{staticClass:"slp-text-white slp-fill-current"})],1)])}
2223
- var header_bannervue_type_template_id_df7939c6_staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',{staticClass:"md:slp-text-lg slp-text-md slp-p-16 slp-pr-60 slp-text-center slp-text-white slp-mb-0"},[_vm._v(" What happened when DevOps met Covid? Find out in our 2021 survey. "),_c('a',{staticClass:"slp-underline slp-text-white",attrs:{"href":"/"}},[_vm._v("Read our results")])])}]
2233
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3c05d7d8-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/HeaderBanner/header-banner.vue?vue&type=template&id=f6f9970c&
2234
+ var header_bannervue_type_template_id_f6f9970c_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"slp-sticky slp-z-50 slp-w-full slp-flex slp-items-center slp-justify-center slp-top-28",staticStyle:{"background":"#9b51e0"}},[_vm._m(0),_c('button',{staticClass:"slp-absolute slp-right-4 slp-p-16 slp-outline-none slp-border-none"},[_c('slp-close',{staticClass:"slp-text-white slp-fill-current"})],1)])}
2235
+ var header_bannervue_type_template_id_f6f9970c_staticRenderFns = [function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('p',{staticClass:"md:slp-text-lg slp-text-md slp-p-16 slp-pr-60 slp-text-center slp-text-white slp-mb-0"},[_vm._v(" What happened when DevOps met Covid? Find out in our 2021 survey. "),_c('a',{staticClass:"slp-underline slp-text-white",attrs:{"href":"/"}},[_vm._v("Read our results")])])}]
2224
2236
 
2225
2237
 
2226
- // CONCATENATED MODULE: ./src/components/HeaderBanner/header-banner.vue?vue&type=template&id=df7939c6&
2238
+ // CONCATENATED MODULE: ./src/components/HeaderBanner/header-banner.vue?vue&type=template&id=f6f9970c&
2227
2239
 
2228
2240
  // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/HeaderBanner/header-banner.vue?vue&type=script&lang=js&
2229
2241
  //
@@ -2249,7 +2261,7 @@ var header_bannervue_type_template_id_df7939c6_staticRenderFns = [function () {v
2249
2261
  /**
2250
2262
  * Use this comment block to generate documentation for your component.
2251
2263
  *
2252
- * Whatever you write here turns into Storybook documentation, [as seen here, in the "Docs" tab](https://gitlab-com.gitlab.io/marketing/inbound-marketing/slippers-ui/?path=/docs/components-youtube-embed--default).
2264
+ * Whatever you write here turns into Storybook documentation, [as seen here, in the "Docs" tab](https://gitlab-com.gitlab.io/marketing/digital-experience/slippers-ui/?path=/docs/components-youtube-embed--default).
2253
2265
  *
2254
2266
  * You can use markdown syntax in this block comment.
2255
2267
  */
@@ -2272,8 +2284,8 @@ var header_bannervue_type_template_id_df7939c6_staticRenderFns = [function () {v
2272
2284
 
2273
2285
  var header_banner_component = normalizeComponent(
2274
2286
  HeaderBanner_header_bannervue_type_script_lang_js_,
2275
- header_bannervue_type_template_id_df7939c6_render,
2276
- header_bannervue_type_template_id_df7939c6_staticRenderFns,
2287
+ header_bannervue_type_template_id_f6f9970c_render,
2288
+ header_bannervue_type_template_id_f6f9970c_staticRenderFns,
2277
2289
  false,
2278
2290
  null,
2279
2291
  null,
@@ -2967,12 +2979,12 @@ var blog_merch_bannervue_type_template_id_4ddcca2e_staticRenderFns = []
2967
2979
 
2968
2980
  // CONCATENATED MODULE: ./src/components/MerchBanner/blog-merch-banner.vue?vue&type=template&id=4ddcca2e&
2969
2981
 
2970
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3c05d7d8-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Button/slp-button.vue?vue&type=template&id=05fb28e8&
2971
- var slp_buttonvue_type_template_id_05fb28e8_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{class:_vm.className,attrs:{"href":_vm.href}},[_vm._t("default")],2)}
2972
- var slp_buttonvue_type_template_id_05fb28e8_staticRenderFns = []
2982
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3c05d7d8-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Button/slp-button.vue?vue&type=template&id=08be6109&
2983
+ var slp_buttonvue_type_template_id_08be6109_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('a',{class:_vm.className,attrs:{"href":_vm.href}},[_vm._t("default")],2)}
2984
+ var slp_buttonvue_type_template_id_08be6109_staticRenderFns = []
2973
2985
 
2974
2986
 
2975
- // CONCATENATED MODULE: ./src/components/Button/slp-button.vue?vue&type=template&id=05fb28e8&
2987
+ // CONCATENATED MODULE: ./src/components/Button/slp-button.vue?vue&type=template&id=08be6109&
2976
2988
 
2977
2989
  // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js??ref--12-0!./node_modules/thread-loader/dist/cjs.js!./node_modules/babel-loader/lib!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Button/slp-button.vue?vue&type=script&lang=js&
2978
2990
  //
@@ -3031,8 +3043,8 @@ var slp_buttonvue_type_style_index_0_lang_css_ = __webpack_require__("7cf4");
3031
3043
 
3032
3044
  var slp_button_component = normalizeComponent(
3033
3045
  Button_slp_buttonvue_type_script_lang_js_,
3034
- slp_buttonvue_type_template_id_05fb28e8_render,
3035
- slp_buttonvue_type_template_id_05fb28e8_staticRenderFns,
3046
+ slp_buttonvue_type_template_id_08be6109_render,
3047
+ slp_buttonvue_type_template_id_08be6109_staticRenderFns,
3036
3048
  false,
3037
3049
  null,
3038
3050
  null,
@@ -8517,14 +8529,16 @@ var navigationvue_type_template_id_4984b3cb_staticRenderFns = []
8517
8529
 
8518
8530
  // CONCATENATED MODULE: ./src/components/Navigation/navigation.vue?vue&type=template&id=4984b3cb&
8519
8531
 
8520
- // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3c05d7d8-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Navigation/navigation-mobile.vue?vue&type=template&id=23472808&
8521
- var navigation_mobilevue_type_template_id_23472808_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:("" + (_vm.mobileNavIsActive ? 'navigation-mobile-active' : 'navigation-mobile'))},[_c('header',{staticClass:"slp-flex slp-justify-between slp-items-center slp-overflow-hidden slp-fill-current",staticStyle:{"height":"70px"}},[_c('a',{attrs:{"href":"/"}},[_c('slp-icon',{staticClass:"slp-pl-16 slp-p-8 slp-inline-block"})],1),_c('button',{staticClass:"slp-p-16 slp-outline-none slp-border-none",attrs:{"aria-label":"Toggle Navigation","id":"slpMobileNavActive"},on:{"click":_vm.openMobileNavigation}},[(_vm.mobileNavIsActive)?_c('slp-close',{staticClass:"slp-inline-block slp-text-black slp-fill-current slp-mr-8"}):_c('slp-hamburger',{staticClass:"slp-inline-block slp-mr-8"})],1)]),_c('div',{class:("" + (_vm.mobileNavIsActive
8532
+ // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3c05d7d8-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Navigation/navigation-mobile.vue?vue&type=template&id=507c0d41&
8533
+ var navigation_mobilevue_type_template_id_507c0d41_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{class:("" + (_vm.mobileNavIsActive ? 'navigation-mobile-active' : 'navigation-mobile'))},[_c('header',{staticClass:"slp-flex slp-justify-between slp-items-center slp-overflow-hidden slp-fill-current",staticStyle:{"height":"70px"}},[_c('a',{attrs:{"href":"/"}},[_c('slp-icon',{staticClass:"slp-pl-16 slp-p-8 slp-inline-block"})],1),_c('button',{staticClass:"slp-p-16 slp-outline-none slp-border-none",attrs:{"aria-label":"Toggle Navigation","id":"slpMobileNavActive"},on:{"click":_vm.openMobileNavigation}},[(_vm.mobileNavIsActive)?_c('slp-close',{staticClass:"slp-inline-block slp-text-black slp-fill-current slp-mr-8"}):_c('slp-hamburger',{staticClass:"slp-inline-block slp-mr-8"})],1)]),_c('div',{class:("" + (_vm.mobileNavIsActive
8522
8534
  ? 'navigation-mobile__dropdown-active'
8523
- : 'navigation-mobile__dropdown'))},[_c('slp-form-field',{staticClass:"slp-form-field--full-width slp-font-sans slp-box-border",attrs:{"placeholder":"Search GitLab.com","inputFieldStyles":"js-search slp-border","type":"search"}}),_vm._l((_vm.content),function(item){return _c('slp-navigation-mobile-drop-down',{key:item.heading,attrs:{"item":item}})}),_c('a',{staticClass:"slp-py-16 slp-text-base slp-text-black slp-block",attrs:{"href":"https://gitlab.com/users/sign_in"}},[_vm._v("Login")]),_c('div',{staticClass:"slp-fixed slp-z-10 slp-bg-white slp-bottom-0 slp-left-0 slp-right-0 slp-px-16 slp-shadow-soft"},[_c('slp-button',{staticClass:"slp-w-full slp-mb-0",attrs:{"modifier":"outline","href":"https://about.gitlab.com/pricing"}},[_vm._v("Talk to an expert")]),_c('slp-button',{staticClass:"slp-w-full slp-mt-8",attrs:{"href":"https://about.gitlab.com/pricing"}},[_vm._v("Get Free Trial")])],1)],2)])}
8524
- var navigation_mobilevue_type_template_id_23472808_staticRenderFns = []
8535
+ : 'navigation-mobile__dropdown'))},[_c('slp-form-field',{staticClass:"slp-form-field--full-width slp-font-sans slp-box-border",attrs:{"placeholder":"Search GitLab.com","inputFieldStyles":"js-search slp-border","type":"search"}}),_vm._l((_vm.content),function(item){return _c('slp-navigation-mobile-drop-down',{key:item.heading,attrs:{"item":item}})}),_c('a',{staticClass:"slp-py-16 slp-text-base slp-text-black slp-block",attrs:{"href":"https://gitlab.com/users/sign_in"}},[_vm._v("Login")])],2),_c('div',{staticClass:"slp-fixed slp-z-10 slp-bg-white slp-bottom-0 slp-left-0 slp-right-0 slp-px-16 slp-shadow-soft",class:("" + (_vm.mobileNavIsActive
8536
+ ? 'navigation-mobile__cta-active'
8537
+ : 'navigation-mobile__cta'))},[_c('slp-button',{staticClass:"slp-w-full slp-mb-0",attrs:{"modifier":"outline","href":"https://about.gitlab.com/pricing"}},[_vm._v("Talk to an expert")]),_c('slp-button',{staticClass:"slp-w-full slp-mt-8",attrs:{"href":"https://about.gitlab.com/pricing"}},[_vm._v("Get Free Trial")])],1)])}
8538
+ var navigation_mobilevue_type_template_id_507c0d41_staticRenderFns = []
8525
8539
 
8526
8540
 
8527
- // CONCATENATED MODULE: ./src/components/Navigation/navigation-mobile.vue?vue&type=template&id=23472808&
8541
+ // CONCATENATED MODULE: ./src/components/Navigation/navigation-mobile.vue?vue&type=template&id=507c0d41&
8528
8542
 
8529
8543
  // CONCATENATED MODULE: ./node_modules/cache-loader/dist/cjs.js?{"cacheDirectory":"node_modules/.cache/vue-loader","cacheIdentifier":"3c05d7d8-vue-loader-template"}!./node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!./node_modules/cache-loader/dist/cjs.js??ref--0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/icons/logos/icon.vue?vue&type=template&id=f533a610&
8530
8544
  var iconvue_type_template_id_f533a610_render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{attrs:{"width":"65","height":"60","viewBox":"0 0 210 194"}},[_c('path',{staticClass:"logo-svg-shape logo-dark-orange-shape",attrs:{"d":"M105.0614,193.655 L105.0614,193.655 L143.7014,74.734 L66.4214,74.734 L105.0614,193.655 L105.0614,193.655 Z","fill":"#E24329"}}),_c('path',{staticClass:"logo-svg-shape logo-orange-shape",attrs:{"d":"M105.0614,193.6548 L66.4214,74.7338 L12.2684,74.7338 L105.0614,193.6548 Z","fill":"#FC6D26"}}),_c('path',{staticClass:"logo-svg-shape logo-light-orange-shape",attrs:{"d":"M12.2685,74.7341 L12.2685,74.7341 L0.5265,110.8731 C-0.5445,114.1691 0.6285,117.7801 3.4325,119.8171 L105.0615,193.6551 L12.2685,74.7341 Z","fill":"#FCA326"}}),_c('path',{staticClass:"logo-svg-shape logo-dark-orange-shape",attrs:{"d":"M12.2685,74.7342 L66.4215,74.7342 L43.1485,3.1092 C41.9515,-0.5768 36.7375,-0.5758 35.5405,3.1092 L12.2685,74.7342 Z","fill":"#E24329"}}),_c('path',{staticClass:"logo-svg-shape logo-orange-shape",attrs:{"d":"M105.0614,193.6548 L143.7014,74.7338 L197.8544,74.7338 L105.0614,193.6548 Z","fill":"#FC6D26"}}),_c('path',{staticClass:"logo-svg-shape logo-light-orange-shape",attrs:{"d":"M197.8544,74.7341 L197.8544,74.7341 L209.5964,110.8731 C210.6674,114.1691 209.4944,117.7801 206.6904,119.8171 L105.0614,193.6551 L197.8544,74.7341 Z","fill":"#FCA326"}}),_c('path',{staticClass:"logo-svg-shape logo-dark-orange-shape",attrs:{"d":"M197.8544,74.7342 L143.7014,74.7342 L166.9744,3.1092 C168.1714,-0.5768 173.3854,-0.5758 174.5824,3.1092 L197.8544,74.7342 Z","fill":"#E24329"}})])}
@@ -8853,6 +8867,11 @@ var navigation_mobile_drop_down_component = normalizeComponent(
8853
8867
  //
8854
8868
  //
8855
8869
  //
8870
+ //
8871
+ //
8872
+ //
8873
+ //
8874
+ //
8856
8875
 
8857
8876
 
8858
8877
 
@@ -8904,8 +8923,8 @@ var navigation_mobilevue_type_style_index_0_lang_css_ = __webpack_require__("5cd
8904
8923
 
8905
8924
  var navigation_mobile_component = normalizeComponent(
8906
8925
  Navigation_navigation_mobilevue_type_script_lang_js_,
8907
- navigation_mobilevue_type_template_id_23472808_render,
8908
- navigation_mobilevue_type_template_id_23472808_staticRenderFns,
8926
+ navigation_mobilevue_type_template_id_507c0d41_render,
8927
+ navigation_mobilevue_type_template_id_507c0d41_staticRenderFns,
8909
8928
  false,
8910
8929
  null,
8911
8930
  null,
package/dist/slippersComponents.css CHANGED
@@ -1 +1 @@
1
- .slp-comparison-infographic__bar{--tw-bg-opacity:1;background-color:rgba(242,242,242,var(--tw-bg-opacity));border-radius:9999px;position:relative;margin-left:.4rem;margin-right:.4rem;background:linear-gradient(90deg,rgba(29,186,158,.25),rgba(29,186,158,.5) 50%,#1dba9e);height:42px}@media (min-width:1024px){.slp-comparison-infographic__bar{height:24px}}.slp-comparison-infographic__bar__score--desktop,.slp-comparison-infographic__bar__score--mobile{position:absolute;--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));display:flex;font-weight:600;align-items:center;justify-content:center;left:0;--tw-text-opacity:1;color:rgba(51,51,51,var(--tw-text-opacity));font-size:1.4rem;line-height:2rem;top:0;border-radius:50%;z-index:10;height:42px;width:42px}@media (min-width:1024px){.slp-comparison-infographic__bar__score--mobile{display:none}}.slp-comparison-infographic__bar__max-label,.slp-comparison-infographic__bar__min-label,.slp-comparison-infographic__bar__score--desktop{display:none!important}@media (min-width:1024px){.slp-comparison-infographic__bar__max-label,.slp-comparison-infographic__bar__min-label,.slp-comparison-infographic__bar__score--desktop{display:flex!important}}.slp-comparison-infographic__bar__max-label,.slp-comparison-infographic__bar__min-label{position:absolute;font-weight:600;--tw-text-opacity:1;color:rgba(153,153,153,var(--tw-text-opacity));font-size:1.2rem;line-height:2rem;top:50%}.slp-comparison-infographic__bar__min-label{transform:translate(-16px,-50%)}.slp-comparison-infographic__bar__max-label{right:0;transform:translate(16px,-50%)}.slp-comparison-infographic__bar__score--desktop{align-items:center;display:flex;font-weight:600;justify-content:center;--tw-text-opacity:1;color:rgba(51,51,51,var(--tw-text-opacity));font-size:1.4rem;line-height:2rem;height:24px;width:24px}.slp-comparison-infographic__bar__grayscale-cover--desktop,.slp-comparison-infographic__bar__grayscale-cover--mobile{position:absolute;--tw-bg-opacity:1;background-color:rgba(242,242,242,var(--tw-bg-opacity));right:0;border-radius:9999px;top:0;z-index:0;height:100%;transform:translateX(1px)}@media (min-width:1024px){.slp-comparison-infographic__bar__grayscale-cover--mobile{display:none}}.slp-comparison-infographic__bar__grayscale-cover--desktop{display:none}@media (min-width:1024px){.slp-comparison-infographic__bar__grayscale-cover--desktop{display:block}}.slp-comparison-infographic__gauge__percentage{font-weight:700;line-height:1.25;--tw-text-opacity:1;color:rgba(51,51,51,var(--tw-text-opacity));font-size:2.4rem;line-height:3rem}@media (min-width:1024px){.slp-comparison-infographic__gauge__percentage{font-size:4.5rem;line-height:5.2rem}}.gauge{position:relative;border-radius:50%/100% 100% 0 0;border-width:1px;border-color:#fff;background:linear-gradient(90deg,rgba(29,186,158,.25),rgba(29,186,158,.5) 50%,#1dba9e);overflow:hidden;margin-bottom:20px;width:100%}.gauge:before{content:"";display:block;padding-top:50%}.gauge .chart{overflow:hidden}.gauge .mask{left:20%;right:20%;top:40%;background-color:#fff}.gauge .mask,.gauge .percentage{position:absolute;bottom:0;border-radius:50%/100% 100% 0 0}.gauge .percentage{top:-1px;left:-1px;right:-1px;background-color:#f2f2f2;transform:rotate(var(--rotation));transform-origin:bottom center;transition-duration:600}.gauge:hover{--rotation:100deg}.gauge .value{position:absolute;bottom:-5px;left:0;width:100%;text-align:center}.gauge .min{left:5%}.gauge .max,.gauge .min{position:absolute;bottom:0}.gauge .max{right:5%}.slp-comparison-infographic__chart{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));border-width:1px;--tw-border-opacity:1;border-color:rgba(242,242,242,var(--tw-border-opacity));align-items:center;grid-column:span 2/span 2;display:flex;flex-direction:column;padding:2.4rem;padding-top:3.2rem;margin-bottom:2.4rem;border-radius:.5rem;z-index:30}@media (min-width:1024px){.slp-comparison-infographic__chart{grid-column:span 4/span 4;padding-bottom:3.2rem;transform:translateY(115px);margin-top:-115px}}.slp-comparison-infographic__chart__logo{margin-bottom:1rem}.slp-comparison-infographic__chart__name{line-height:1.25;margin-bottom:2rem;--tw-text-opacity:1;color:rgba(51,51,51,var(--tw-text-opacity));font-size:2.3rem;line-height:2.8rem}.slp-comparison-infographic__chart__score{font-weight:600;line-height:1.25;margin-bottom:.6rem;font-size:1.6rem;line-height:2.4rem}.slp-comparison-infographic__chart__label{line-height:1.25;text-align:center;font-size:1.4rem;line-height:2rem}.slp-comparison-infographic__bg{position:absolute;--tw-bg-opacity:1;background-color:rgba(248,248,248,var(--tw-bg-opacity));left:0;top:0;width:100%;z-index:0;height:762px}.slp-comparison-infographic__header{grid-column:1/-1;margin-bottom:3.2rem;z-index:10}@media (min-width:1024px){.slp-comparison-infographic__header{grid-column-start:3;grid-column-end:11}}.slp-comparison-infographic__header__glitter{margin-left:auto;margin-right:auto;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-translate-y:25%}@media (min-width:1024px){.slp-comparison-infographic__header__glitter{width:75%;--tw-translate-y:50%}}.slp-comparison-infographic__header-h2{--tw-text-opacity:1;color:rgba(51,51,51,var(--tw-text-opacity));line-height:1.25;font-size:3.6rem;line-height:4.4rem;text-align:center;margin-bottom:1.6rem}@media (min-width:1024px){.slp-comparison-infographic__header-h2{font-size:6rem;line-height:6.4rem;line-height:1.375}}.slp-comparison-infographic__header-p{--tw-text-opacity:1;color:rgba(51,51,51,var(--tw-text-opacity));line-height:1.25;font-weight:400;font-size:1.9rem;line-height:2.4rem;text-align:center;margin-bottom:2.4rem}@media (min-width:1024px){.slp-comparison-infographic__header-p{font-size:2.3rem;line-height:2.8rem}}.slp-comparison-infographic__header-a{font-weight:600;line-height:1.25;text-align:center;--tw-text-opacity:1;color:rgba(125,43,217,var(--tw-text-opacity));font-size:1.4rem;line-height:2rem}.slp-comparison-infographic__table{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));border-width:1px;--tw-border-opacity:1;border-color:rgba(242,242,242,var(--tw-border-opacity));grid-column:1/-1;padding:.9rem;border-radius:.5rem;table-layout:fixed;width:100%;z-index:10}@media (min-width:1024px){.slp-comparison-infographic__table{padding:0;padding-bottom:4rem}}.slp-comparison-infographic__table__head{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));border-width:1px;--tw-border-opacity:1;border-color:rgba(242,242,242,var(--tw-border-opacity));position:sticky;z-index:20;top:69px}@media (min-width:1024px){.slp-comparison-infographic__table__head{top:66px}.slp-comparison-infographic__table__headers,.slp-comparison-infographic__table__row{display:grid!important;grid-gap:15px;grid-template-columns:repeat(12,1fr);margin:0 auto;max-width:1140px;width:calc(100% - 32px)}}.slp-comparison-infographic__table__headers{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(242,242,242,var(--tw-border-opacity));box-shadow:0 3px 2px -2px rgba(0,0,0,.1)}.slp-comparison-infographic__table__header{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));padding-top:.6rem;padding-bottom:.6rem;width:33.333333%}@media (min-width:1024px){.slp-comparison-infographic__table__header{grid-column:span 2/span 2;padding-top:2rem;padding-bottom:2rem;width:auto}}.slp-comparison-infographic__table__row{border-bottom-width:1px;border-collapse:collapse!important;--tw-border-opacity:1;border-color:rgba(242,242,242,var(--tw-border-opacity));align-items:center;padding-top:3.2rem;padding-bottom:3.2rem}@media (min-width:1024px){.slp-comparison-infographic__table__row{padding-top:0;padding-bottom:0}}.slp-comparison-infographic__table__cell--bar,.slp-comparison-infographic__table__cell--icon{padding-top:3.2rem;padding-bottom:3.2rem}@media (min-width:1024px){.slp-comparison-infographic__table__cell--bar,.slp-comparison-infographic__table__cell--icon{padding-top:2.4rem;padding-bottom:2.4rem}}.slp-comparison-infographic__table__cell--icon{display:flex;justify-content:flex-start;align-items:center}@media (min-width:1024px){.slp-comparison-infographic__table__cell--icon{grid-column:span 2/span 2}}@media (min-width:1024px){.slp-comparison-infographic__table__cell--bar{grid-column:span 4/span 4;padding-left:1.6rem;padding-right:1.6rem}}.slp-comparison-infographic__table__icon{margin-left:1.6rem;margin-right:.8rem}@media (min-width:1024px){.slp-comparison-infographic__table__icon{margin-left:2.4rem;margin-right:2.4rem}}.slp-comparison-infographic__table__icon__label{font-size:1.2rem;line-height:2rem;--tw-text-opacity:1;color:rgba(51,51,51,var(--tw-text-opacity));line-height:1.625;font-weight:600}@media (min-width:1024px){.slp-comparison-infographic__table__icon__label{font-size:1.6rem;line-height:2.4rem}}.slpFreeTrialBanner{max-width:1110px;border-top:2px solid #fc6d26;bottom:20px;left:40px;right:40px}@media (max-width:640px){.slpFreeTrialBanner{left:15px;right:15px;bottom:15px}}.slpFreeTrialBanner .slp-btn{margin-top:0!important;margin-bottom:0!important}.slp-author-avatar{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALYAAACuCAYAAACbdffyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAI6SURBVHgB7dlNahNRAMDxN88PKN1k6cLFeAO9QbNQ6Mr2BDWIbj2CegN37kzBA7jUXXsD4w0G9AABlYpt5jmJHYnpJAREmAe/H+TjfWT3T3iPhAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAsFC+f13eah4BMlGsWxi8Gw92d+pHRSweNpv2mqnp1+/FnenhaBqg564vDxYx79YHRSiOipD2VrsXNbn4E/btD29eFTEdNTEPujamFD4FyMQi7PJkPJidp2ebt6bTAJmI86dq2BwxZmm0cWcdTwNkIrZvPu8/Pk7FbNicqjvP0d9+hEmATMTlwZf7T05juLgSdzOuXBzJSVydqB48ncRZcW8eczuXahdH8hK7Jqv9UdXEPWzjrl0cyUxct9DGnVJ6eeMsHgcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgH/0c1zePRuX5aY9MUBGZm/L5zEWH2/E4mRT3EWATMyjTnXxYmmqOq/TcGdUVat7hU0WOqJudcYtbHpvQ9StK3ELm17bIurWX3G7PNJbF+PyYMuo58r5hbIdCJveqptf4eZluvUH0mL/grDprZujalI3x4uwRdzNmXpyLaXDpTH02/wPmfj7mDHoWp9HHZsvQDGqpktz0H/r4u6K+nIe8rAa97qoL9cgH23cTbjVuqghS2lcDgIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8R78Avoa44DkMuu0AAAAASUVORK5CYII=);background-position:50%;background-repeat:no-repeat;background-size:contain;height:125px;width:143px}.slpBlog{gap:30px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,auto);padding:30px 15px}.slpBlog__header{grid-row:1/2;grid-column:1/-1}.slpBlog__article{grid-row:2/3;grid-column:1/-1}.slpBlog__aside{grid-row:4/5;grid-column:1/-1}.slpBlog__footer{grid-row:3/4;grid-column:1/-1}@media(min-width:1140px){.slpBlog{gap:30px;grid-template-columns:repeat(12,65px);grid-template-rows:repeat(3,auto);max-width:1140px}.slpBlog__article{grid-column:4/13}.slpBlog__aside{grid-column:1/4;grid-row:2/3}}.slpBlog__article h2,.slpBlog__article h3,.slpBlog__article h4,.slpBlog__article h5{color:#333;font-style:normal;margin-bottom:1em}.slpBlog__article h2{font-weight:400;font-size:32px;line-height:36px}.slpBlog__article h3{font-weight:400;font-size:23px;line-height:28px}.slpBlog__article h4{font-weight:600;font-size:16px;line-height:20px}.slpBlog__article h5{font-weight:600;font-size:12px;line-height:20px}.slpBlog__article li,.slpBlog__article ol,.slpBlog__article p,.slpBlog__article ul{font-style:normal;font-weight:400;font-size:16px;line-height:28px;margin-bottom:1em}.slpBlog__article hr{border-color:#c2c2c2;border-style:solid;border-top-width:1px;margin-bottom:1em}.slpBlog__article a{color:#9b51e0;text-decoration:underline}.slpBlog__article ol,.slpBlog__article ul{margin-bottom:1em;margin-left:1em}.slpBlog__article ol{list-style-type:decimal}.slpBlog__article ul{list-style-type:disc}.slpBlog__article li{display:list-item;margin-bottom:.5em}.slpBlog__article ol ol,.slpBlog__article ol ul,.slpBlog__article ul ol,.slpBlog__article ul ul{margin-bottom:0}.slpBlog__article .video_container{position:relative;padding-bottom:56.25%;padding-top:0;height:0;margin-bottom:15px}.slpBlog__article .video_container iframe,.slpBlog__article .video_container video{position:absolute;top:0;left:0;width:100%;height:100%}.slpBlog__article table{background-color:transparent;font-size:16px}.slpBlog__article table td ol,.slpBlog__article table td ul{padding-left:24px}.slpBlog__article caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}.slpBlog__article th{text-align:left;font-weight:600}.slpBlog__article table{width:100%;max-width:100%;margin-bottom:27px}.slpBlog__article table>tbody>tr>td,.slpBlog__article table>tbody>tr>th,.slpBlog__article table>tfoot>tr>td,.slpBlog__article table>tfoot>tr>th,.slpBlog__article table>thead>tr>td,.slpBlog__article table>thead>tr>th{padding:8px;line-height:1.5;vertical-align:top;border:1px solid #ddd;min-width:130px}.slpBlog__article table>thead>tr>th{vertical-align:bottom}.slpBlog__article table>tbody+tbody{border-top:2px solid #ddd}.slpBlog__article table .table{background-color:#f9f9f9}.slpBlog__article .table-sm>tbody>tr>td,.slpBlog__article .table-sm>tbody>tr>th,.slpBlog__article .table-sm>tfoot>tr>td,.slpBlog__article .table-sm>tfoot>tr>th,.slpBlog__article .table-sm>thead>tr>td,.slpBlog__article .table-sm>thead>tr>th{padding:5px}.slpBlog__article .table-lg>tbody>tr>td,.slpBlog__article .table-lg>tbody>tr>th,.slpBlog__article .table-lg>tfoot>tr>td,.slpBlog__article .table-lg>tfoot>tr>th,.slpBlog__article .table-lg>thead>tr>td,.slpBlog__article .table-lg>thead>tr>th{padding:20px}.slpBlog__article .table-bordered,.slpBlog__article .table-bordered>tbody>tr>td,.slpBlog__article .table-bordered>tbody>tr>th,.slpBlog__article .table-bordered>tfoot>tr>td,.slpBlog__article .table-bordered>tfoot>tr>th,.slpBlog__article .table-bordered>thead>tr>td,.slpBlog__article .table-bordered>thead>tr>th{border:1px solid #ddd}.slpBlog__article .table-bordered>thead>tr>td,.slpBlog__article .table-bordered>thead>tr>th{border-bottom-width:2px}.slpBlog__article .table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.slpBlog__article .table-hover>tbody>tr:hover{background-color:#f5f5f5}.slpBlog__article table col[class*=col-]{position:static;float:none;display:table-column}.slpBlog__article table td[class*=col-],.slpBlog__article table th[class*=col-]{position:static;float:none;display:table-cell}.slpBlog__article .table>tbody>tr.active>td,.slpBlog__article .table>tbody>tr.active>th,.slpBlog__article .table>tbody>tr>td.active,.slpBlog__article .table>tbody>tr>th.active,.slpBlog__article .table>tfoot>tr.active>td,.slpBlog__article .table>tfoot>tr.active>th,.slpBlog__article .table>tfoot>tr>td.active,.slpBlog__article .table>tfoot>tr>th.active,.slpBlog__article .table>thead>tr.active>td,.slpBlog__article .table>thead>tr.active>th,.slpBlog__article .table>thead>tr>td.active,.slpBlog__article .table>thead>tr>th.active{background-color:#f5f5f5}.slpBlog__article .table-hover>tbody>tr.active:hover>td,.slpBlog__article .table-hover>tbody>tr.active:hover>th,.slpBlog__article .table-hover>tbody>tr:hover>.active,.slpBlog__article .table-hover>tbody>tr>td.active:hover,.slpBlog__article .table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.slpBlog__article .table>tbody>tr.success>td,.slpBlog__article .table>tbody>tr.success>th,.slpBlog__article .table>tbody>tr>td.success,.slpBlog__article .table>tbody>tr>th.success,.slpBlog__article .table>tfoot>tr.success>td,.slpBlog__article .table>tfoot>tr.success>th,.slpBlog__article .table>tfoot>tr>td.success,.slpBlog__article .table>tfoot>tr>th.success,.slpBlog__article .table>thead>tr.success>td,.slpBlog__article .table>thead>tr.success>th,.slpBlog__article .table>thead>tr>td.success,.slpBlog__article .table>thead>tr>th.success{background-color:#dff0d8}.slpBlog__article .table-hover>tbody>tr.success:hover>td,.slpBlog__article .table-hover>tbody>tr.success:hover>th,.slpBlog__article .table-hover>tbody>tr:hover>.success,.slpBlog__article .table-hover>tbody>tr>td.success:hover,.slpBlog__article .table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.slpBlog__article .table>tbody>tr.info>td,.slpBlog__article .table>tbody>tr.info>th,.slpBlog__article .table>tbody>tr>td.info,.slpBlog__article .table>tbody>tr>th.info,.slpBlog__article .table>tfoot>tr.info>td,.slpBlog__article .table>tfoot>tr.info>th,.slpBlog__article .table>tfoot>tr>td.info,.slpBlog__article .table>tfoot>tr>th.info,.slpBlog__article .table>thead>tr.info>td,.slpBlog__article .table>thead>tr.info>th,.slpBlog__article .table>thead>tr>td.info,.slpBlog__article .table>thead>tr>th.info{background-color:#d9edf7}.slpBlog__article .table-hover>tbody>tr.info:hover>td,.slpBlog__article .table-hover>tbody>tr.info:hover>th,.slpBlog__article .table-hover>tbody>tr:hover>.info,.slpBlog__article .table-hover>tbody>tr>td.info:hover,.slpBlog__article .table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.slpBlog__article .table>tbody>tr.warning>td,.slpBlog__article .table>tbody>tr.warning>th,.slpBlog__article .table>tbody>tr>td.warning,.slpBlog__article .table>tbody>tr>th.warning,.slpBlog__article .table>tfoot>tr.warning>td,.slpBlog__article .table>tfoot>tr.warning>th,.slpBlog__article .table>tfoot>tr>td.warning,.slpBlog__article .table>tfoot>tr>th.warning,.slpBlog__article .table>thead>tr.warning>td,.slpBlog__article .table>thead>tr.warning>th,.slpBlog__article .table>thead>tr>td.warning,.slpBlog__article .table>thead>tr>th.warning{background-color:#fcf8e3}.slpBlog__article .table-hover>tbody>tr.warning:hover>td,.slpBlog__article .table-hover>tbody>tr.warning:hover>th,.slpBlog__article .table-hover>tbody>tr:hover>.warning,.slpBlog__article .table-hover>tbody>tr>td.warning:hover,.slpBlog__article .table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.slpBlog__article .table>tbody>tr.danger>td,.slpBlog__article .table>tbody>tr.danger>th,.slpBlog__article .table>tbody>tr>td.danger,.slpBlog__article .table>tbody>tr>th.danger,.slpBlog__article .table>tfoot>tr.danger>td,.slpBlog__article .table>tfoot>tr.danger>th,.slpBlog__article .table>tfoot>tr>td.danger,.slpBlog__article .table>tfoot>tr>th.danger,.slpBlog__article .table>thead>tr.danger>td,.slpBlog__article .table>thead>tr.danger>th,.slpBlog__article .table>thead>tr>td.danger,.slpBlog__article .table>thead>tr>th.danger{background-color:#f2dede}.slpBlog__article .table-hover>tbody>tr.danger:hover>td,.slpBlog__article .table-hover>tbody>tr.danger:hover>th,.slpBlog__article .table-hover>tbody>tr:hover>.danger,.slpBlog__article .table-hover>tbody>tr>td.danger:hover,.slpBlog__article .table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.slpBlog__article .table-responsive{width:100%;overflow-x:auto;min-height:.01%}@media screen and (max-width:767px){.slpBlog__article .table-responsive{width:100%;margin-bottom:20.25px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar}.slpBlog__article .table-responsive>table{margin-bottom:0}.slpBlog__article .table-responsive>table>tbody>tr>td,.slpBlog__article .table-responsive>table>tbody>tr>th,.slpBlog__article .table-responsive>table>tfoot>tr>td,.slpBlog__article .table-responsive>table>tfoot>tr>th,.slpBlog__article .table-responsive>table>thead>tr>td,.slpBlog__article .table-responsive>table>thead>tr>th{min-width:130px}.slpBlog__article .table-responsive>.table-bordered{border:0}.slpBlog__article .table-responsive>.table-bordered>tbody>tr>td:first-child,.slpBlog__article .table-responsive>.table-bordered>tbody>tr>th:first-child,.slpBlog__article .table-responsive>.table-bordered>tfoot>tr>td:first-child,.slpBlog__article .table-responsive>.table-bordered>tfoot>tr>th:first-child,.slpBlog__article .table-responsive>.table-bordered>thead>tr>td:first-child,.slpBlog__article .table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.slpBlog__article .table-responsive>.table-bordered>tbody>tr>td:last-child,.slpBlog__article .table-responsive>.table-bordered>tbody>tr>th:last-child,.slpBlog__article .table-responsive>.table-bordered>tfoot>tr>td:last-child,.slpBlog__article .table-responsive>.table-bordered>tfoot>tr>th:last-child,.slpBlog__article .table-responsive>.table-bordered>thead>tr>td:last-child,.slpBlog__article .table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.slpBlog__article .table-responsive>.table-bordered>tbody>tr:last-child>td,.slpBlog__article .table-responsive>.table-bordered>tbody>tr:last-child>th,.slpBlog__article .table-responsive>.table-bordered>tfoot>tr:last-child>td,.slpBlog__article .table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}.slpBlog__article details{font-size:16px;margin-bottom:1em}.slpBlog__article code{padding:2px 4px;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}.slpBlog__article pre{display:block;padding:13px;margin:0 0 13.5px;font-size:16px;line-height:1.5;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc}.slpBlog__article pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.slpBlog__article .highlight table td{padding:5px}.slpBlog__article .highlight table pre{margin:0}.slpBlog__article .highlight .cm{color:#998;font-style:italic}.slpBlog__article .highlight .cp{color:#999;font-weight:700}.slpBlog__article .highlight .c1{color:#998;font-style:italic}.slpBlog__article .highlight .cs{color:#999;font-weight:700;font-style:italic}.slpBlog__article .highlight .c,.slpBlog__article .highlight .cd{color:#998;font-style:italic}.slpBlog__article .highlight .err{color:#a61717;background-color:#e3d2d2}.slpBlog__article .highlight .gd{color:#000;background-color:#fdd}.slpBlog__article .highlight .ge{color:#000;font-style:italic}.slpBlog__article .highlight .gr{color:#a00}.slpBlog__article .highlight .gh{color:#999}.slpBlog__article .highlight .gi{color:#000;background-color:#dfd}.slpBlog__article .highlight .go{color:#888}.slpBlog__article .highlight .gp{color:#555}.slpBlog__article .highlight .gs{font-weight:700}.slpBlog__article .highlight .gu{color:#aaa}.slpBlog__article .highlight .gt{color:#a00}.slpBlog__article .highlight .kc,.slpBlog__article .highlight .kd,.slpBlog__article .highlight .kn,.slpBlog__article .highlight .kp,.slpBlog__article .highlight .kr{color:#000;font-weight:700}.slpBlog__article .highlight .kt{color:#458;font-weight:700}.slpBlog__article .highlight .k,.slpBlog__article .highlight .kv{color:#000;font-weight:700}.slpBlog__article .highlight .il,.slpBlog__article .highlight .m,.slpBlog__article .highlight .mb,.slpBlog__article .highlight .mf,.slpBlog__article .highlight .mh,.slpBlog__article .highlight .mi,.slpBlog__article .highlight .mo,.slpBlog__article .highlight .mx{color:#099}.slpBlog__article .highlight .s2,.slpBlog__article .highlight .sb,.slpBlog__article .highlight .sc,.slpBlog__article .highlight .sd,.slpBlog__article .highlight .se,.slpBlog__article .highlight .sh,.slpBlog__article .highlight .si,.slpBlog__article .highlight .sx{color:#d14}.slpBlog__article .highlight .sr{color:#009926}.slpBlog__article .highlight .s1{color:#d14}.slpBlog__article .highlight .ss{color:#990073}.slpBlog__article .highlight .s{color:#d14}.slpBlog__article .highlight .na{color:teal}.slpBlog__article .highlight .bp{color:#999}.slpBlog__article .highlight .nb{color:#0086b3}.slpBlog__article .highlight .nc{color:#458;font-weight:700}.slpBlog__article .highlight .no{color:teal}.slpBlog__article .highlight .nd{color:#3c5d5d;font-weight:700}.slpBlog__article .highlight .ni{color:purple}.slpBlog__article .highlight .ne,.slpBlog__article .highlight .nf,.slpBlog__article .highlight .nl{color:#900;font-weight:700}.slpBlog__article .highlight .nn{color:#555}.slpBlog__article .highlight .nt{color:navy}.slpBlog__article .highlight .nv,.slpBlog__article .highlight .vc,.slpBlog__article .highlight .vg,.slpBlog__article .highlight .vi{color:teal}.slpBlog__article .highlight .o,.slpBlog__article .highlight .ow{color:#000;font-weight:700}.slpBlog__article .highlight .w{color:#bbb}.slpBlog__article .highlight{background-color:#f8f8f8}.slpBlog__article blockquote{background:#fff;border-left:5px solid #52cdb7;box-shadow:0 2px 4px 0 rgba(0,0,0,.1);font-size:18px;font-style:normal;font-weight:300;margin-bottom:48px;margin-top:48px;padding:30px}.slpBlog__article .note{font-style:italic;color:#666}.slpBlog__article .twitter-tweet{margin-left:auto;margin-right:auto}.slp-btn{display:inline-block!important;--tw-text-opacity:1!important;color:rgba(255,255,255,var(--tw-text-opacity))!important;padding:1.6rem!important;background-color:rgba(249,100,36,var(--tw-bg-opacity))!important;--tw-border-opacity:1!important;border-color:rgba(249,100,36,var(--tw-border-opacity))!important;border-width:1px!important}.slp-btn,.slp-btn:hover{--tw-bg-opacity:1!important}.slp-btn:hover{background-color:rgba(221,101,49,var(--tw-bg-opacity))!important}.slp-btn{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform!important;transition-duration:.15s!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;border-radius:.5rem!important;--tw-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important;margin-top:1.6rem!important;margin-bottom:1.6rem!important;font-weight:600!important;font-size:1.8rem!important;line-height:2rem!important;text-align:center!important;text-decoration:none!important}.slp-btn--secondary{--tw-bg-opacity:1!important;background-color:rgba(155,81,224,var(--tw-bg-opacity))!important}.slp-btn--secondary:hover{--tw-bg-opacity:1!important;background-color:rgba(125,43,217,var(--tw-bg-opacity))!important}.slp-btn--outline{--tw-bg-opacity:1!important;background-color:rgba(255,255,255,var(--tw-bg-opacity))!important;--tw-text-opacity:1!important;color:rgba(64,64,64,var(--tw-text-opacity))!important;--tw-border-opacity:1!important;border-color:rgba(51,51,51,var(--tw-border-opacity))!important;border-width:1px!important}.slp-btn--outline:hover{background-color:rgba(64,64,64,var(--tw-bg-opacity))!important}.slp-btn--disabled,.slp-btn--outline:hover{--tw-text-opacity:1!important;color:rgba(255,255,255,var(--tw-text-opacity))!important;--tw-bg-opacity:1!important}.slp-btn--disabled,.slp-btn--disabled:hover{background-color:rgba(153,153,153,var(--tw-bg-opacity))!important}.slp-btn--disabled:hover{--tw-bg-opacity:1!important}.slp-btn--disabled{cursor:not-allowed!important}.slpBlogMerchBanner__confetti--left{transform:translate(-50%,-50%) scale(.8)}.slpBlogMerchBanner__confetti--right{transform:translateY(-50%) rotate(-45deg) scale(.8)}.slpBlogMerchBanner__image{max-width:177px}.slpBlogMerchBanner__content{width:100%}@media (min-width:640px){.slpBlogMerchBanner__confetti--right{transform:translate(50%) rotate(-45deg) scale(.8)}.slpBlogMerchBanner__content,.slpBlogMerchBanner__shadow{width:calc(100% - 2.4rem)}}.slpBlogMerchSidebar{max-width:222px}.slpBlogMerchSidebar__confetti--left{transform:translateY(-100%) scale(.8)}.slpBlogMerchSidebar__confetti--right{transform:translate(50%,-50%) rotate(-15deg) scale(.8)}.slp-checkbox label:before{content:" ";top:3px;height:16px;width:16px;margin-right:.4rem;position:relative;display:inline-block;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgba(51,51,51,var(--tw-border-opacity));border-radius:.125rem}.slp-checkbox input:checked+label:after{width:16px;height:16px;top:2px;left:2px;content:"✓";font-size:1.4rem;line-height:2rem;display:block;--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity));position:absolute}.slp-dropdown{min-width:250px;position:relative;display:inline-block}.slp-dropdown a:hover{text-decoration:none}.slp-dropdown .slp-dropdown-toggle{color:#5e5e5e;background-color:#fff;font-size:16px;min-width:250px;padding:8px 20px 8px 12px;margin-bottom:7px;border:1px solid #333;float:none;border-radius:4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.slp-dropdown .slp-dropdown-toggle:hover{cursor:pointer}.slp-dropdown .slp-dropdown-menu{position:absolute;top:37px;left:0;z-index:1000;float:left;min-width:250px;width:100%;padding:5px 0 0 0;margin:2px 0 0;list-style:none;font-size:16px;text-align:left;background-color:#fff;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-radius:0 0 4px 4px}.slp-dropdown .slp-dropdown-menu>li>a{padding:8px 12px;display:block;clear:both;font-weight:400;line-height:24px;color:#7d2bd9;white-space:nowrap;text-decoration:none}.slp-dropdown .slp-dropdown-menu>li>a:hover{background:#f2f2f2}.slp-dropdown .slp-dropdown-menu>li{overflow:hidden;width:100%;position:relative;margin:0;color:#333}.slp-dropdown li{list-style:none}.slpEventAnnoucement .slp-commit-grid{margin:unset;padding:unset}.slpEventAnnoucement__shadow{width:calc(80% + 35px)}.slp-form-field input:focus{box-shadow:0 0 4px 1px rgba(0,0,0,.25)}.slp-form-field input:disabled{--tw-bg-opacity:1;background-color:rgba(229,231,235,var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity))}.slp-form-field input:invalid:not(:focus):not(:-moz-placeholder-shown){--tw-border-opacity:1;border-color:rgba(242,79,99,var(--tw-border-opacity))}.slp-form-field input:invalid:not(:focus):not(:-ms-input-placeholder){--tw-border-opacity:1;border-color:rgba(242,79,99,var(--tw-border-opacity))}.slp-form-field input:invalid:not(:focus):not(:placeholder-shown){--tw-border-opacity:1;border-color:rgba(242,79,99,var(--tw-border-opacity))}.slp-form-field input:valid:focus:not(:-moz-placeholder-shown){--tw-border-opacity:1;border-color:rgba(72,166,81,var(--tw-border-opacity))}.slp-form-field input:valid:focus:not(:-ms-input-placeholder){--tw-border-opacity:1;border-color:rgba(72,166,81,var(--tw-border-opacity))}.slp-form-field input:valid:focus:not(:placeholder-shown){--tw-border-opacity:1;border-color:rgba(72,166,81,var(--tw-border-opacity))}.slp-form-field--required label:after{content:"*"}.slpEventConnect .slp-btn{margin-bottom:0!important}.slpEventHeader{background-size:contain!important;background-position:top!important;background-repeat:no-repeat!important}.slpEventHeader__videoContainer{position:relative;padding-bottom:56.25%;height:0;width:100%}.slpEventHeader__videoContainer iframe{position:absolute;top:0;left:0;width:100%;height:100%}.slpEventNavigationLogo{height:88px;width:100px}@media(min-width:1024px){.slpEventNavigationLogo{height:112px;width:126px}}.slpEventNavigationLink{padding-right:74px;position:relative}.slpEventNavigationLink:after{background:#f2f2f2;content:"";height:1px;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:background-color .15s ease;width:61px}.slpEventNavigationLink:focus,.slpEventNavigationLink:hover{cursor:pointer}.slpEventNavigationLink:focus:after,.slpEventNavigationLink:hover:after{height:2px;background:#7d2bd9}.slpEventNavigationLink.active{padding-right:98px}.slpEventNavigationLink.active:after{height:2px;background:#7d2bd9;width:85px}.slp-image-gallery{width:720px}.slp-image-gallery__slides{height:391px;width:666px}.slp-image-gallery__next,.slp-image-gallery__previous{height:54px;transform:translateY(-50%);width:54px}.slp-image-gallery__indicator{height:10px;width:10px}.navigation-mobile__button{width:100%!important;outline:2px solid transparent!important;outline-offset:2px!important;border-style:none!important;padding:0!important;font-family:Source Sans Pro,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji!important}.navigation-mobile__item{position:absolute!important;left:-100%!important}.navigation-mobile__item:focus-within{position:relative!important}.navigation-mobile__item:focus-within{left:0!important}.navigation-mobile__item{padding-bottom:0!important}.navigation-mobile__item-active{position:relative!important;overflow-x:auto!important;padding-left:0!important;padding-bottom:0!important;margin-bottom:0!important}.navigation-mobile-active{position:fixed!important;top:0!important;right:0!important;bottom:146px!important;left:0!important;--tw-bg-opacity:1!important;background-color:rgba(255,255,255,var(--tw-bg-opacity))!important;z-index:100!important}@media (min-width:1200px){.navigation-mobile{display:none!important}}.navigation-mobile:focus-within{overflow-y:auto!important}.navigation-mobile:focus-within{z-index:100!important}.navigation-mobile:focus-within{top:0!important}.navigation-mobile:focus-within{bottom:3.2rem!important}.navigation-mobile:focus-within{width:100%!important}.navigation-mobile__dropdown-active{position:relative!important;margin-left:1.6rem!important;margin-right:1.6rem!important}.navigation-mobile__dropdown{position:absolute!important;--tw-translate-x:0!important;--tw-translate-y:0!important;--tw-rotate:0!important;--tw-skew-x:0!important;--tw-skew-y:0!important;--tw-scale-x:1!important;--tw-scale-y:1!important;transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;--tw-translate-x:-100%!important;--tw-translate-y:-100%!important}.navigation-mobile__dropdown:focus-within{position:relative!important}.navigation-mobile__dropdown:focus-within{transform:none!important}.navigation-mobile__dropdown:focus-within{margin-left:1.6rem!important;margin-right:1.6rem!important}.slp-group:hover>.slp-navigation-desktop__drop-down{top:7.6rem}.slp-group:hover>.slp-navigation-desktop__drop-down:after{content:"";width:10px;height:10px;transform:rotate(225deg);bottom:-12px;left:47%;z-index:101;position:absolute!important;--tw-bg-opacity:1!important;background-color:rgba(255,255,255,var(--tw-bg-opacity))!important;transition-property:opacity!important;transition-duration:.15s!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.3s!important}.slp-group:hover .slp-group:hover .slp-navigation-desktop__link-item{--tw-text-opacity:1!important;color:rgba(125,43,217,var(--tw-text-opacity))!important;opacity:1!important}.slp-group:hover .slp-group:hover .slp-navigation-dekstop__link-description{--tw-text-opacity:1!important;color:rgba(51,51,51,var(--tw-text-opacity))!important}.slp-radio label:before{content:" ";top:3px;height:16px;width:16px;border-radius:50%;margin-right:.4rem;position:relative;display:inline-block;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgba(51,51,51,var(--tw-border-opacity))}.slp-radio input:checked+label:after{width:8px;height:8px;top:9px;left:4px;content:" ";border-radius:50%;display:block;--tw-bg-opacity:1;background-color:rgba(249,100,36,var(--tw-bg-opacity));position:absolute}.slp-tooltip--trigger .slp-tooltip{display:none;position:relative}.slp-tooltip--trigger:hover{cursor:pointer}.slp-tooltip--trigger:hover .slp-tooltip{max-width:180px;left:50%;transform:translateX(-50%);display:block;--tw-bg-opacity:1;background-color:rgba(51,51,51,var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity));padding:1.2rem;font-size:1.4rem;line-height:2rem;border-radius:.5rem;position:absolute}.slp-tooltip--trigger:hover .slp-tooltip:before{content:"";width:10px;height:10px;transform:rotate(225deg);top:-5px;left:calc(50% - 5px);position:absolute;--tw-bg-opacity:1;background-color:rgba(51,51,51,var(--tw-bg-opacity))}.slpEventCountdown{background-size:contain;background-position:top;background-repeat:no-repeat}.slpEventCountdown .slp-countdown-card{width:calc(25% - 13px)}@media(max-width:640px){.slpEventCountdown .slp-countdown-card{width:calc(50% - 13px)}}
1
+ .slp-comparison-infographic__bar{--tw-bg-opacity:1;background-color:rgba(242,242,242,var(--tw-bg-opacity));border-radius:9999px;position:relative;margin-left:.4rem;margin-right:.4rem;background:linear-gradient(90deg,rgba(29,186,158,.25),rgba(29,186,158,.5) 50%,#1dba9e);height:42px}@media (min-width:1024px){.slp-comparison-infographic__bar{height:24px}}.slp-comparison-infographic__bar__score--desktop,.slp-comparison-infographic__bar__score--mobile{position:absolute;--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));display:flex;font-weight:600;align-items:center;justify-content:center;left:0;--tw-text-opacity:1;color:rgba(51,51,51,var(--tw-text-opacity));font-size:1.4rem;line-height:2rem;top:0;border-radius:50%;z-index:10;height:42px;width:42px}@media (min-width:1024px){.slp-comparison-infographic__bar__score--mobile{display:none}}.slp-comparison-infographic__bar__max-label,.slp-comparison-infographic__bar__min-label,.slp-comparison-infographic__bar__score--desktop{display:none!important}@media (min-width:1024px){.slp-comparison-infographic__bar__max-label,.slp-comparison-infographic__bar__min-label,.slp-comparison-infographic__bar__score--desktop{display:flex!important}}.slp-comparison-infographic__bar__max-label,.slp-comparison-infographic__bar__min-label{position:absolute;font-weight:600;--tw-text-opacity:1;color:rgba(153,153,153,var(--tw-text-opacity));font-size:1.2rem;line-height:2rem;top:50%}.slp-comparison-infographic__bar__min-label{transform:translate(-16px,-50%)}.slp-comparison-infographic__bar__max-label{right:0;transform:translate(16px,-50%)}.slp-comparison-infographic__bar__score--desktop{align-items:center;display:flex;font-weight:600;justify-content:center;--tw-text-opacity:1;color:rgba(51,51,51,var(--tw-text-opacity));font-size:1.4rem;line-height:2rem;height:24px;width:24px}.slp-comparison-infographic__bar__grayscale-cover--desktop,.slp-comparison-infographic__bar__grayscale-cover--mobile{position:absolute;--tw-bg-opacity:1;background-color:rgba(242,242,242,var(--tw-bg-opacity));right:0;border-radius:9999px;top:0;z-index:0;height:100%;transform:translateX(1px)}@media (min-width:1024px){.slp-comparison-infographic__bar__grayscale-cover--mobile{display:none}}.slp-comparison-infographic__bar__grayscale-cover--desktop{display:none}@media (min-width:1024px){.slp-comparison-infographic__bar__grayscale-cover--desktop{display:block}}.slp-comparison-infographic__gauge__percentage{font-weight:700;line-height:1.25;--tw-text-opacity:1;color:rgba(51,51,51,var(--tw-text-opacity));font-size:2.4rem;line-height:3rem}@media (min-width:1024px){.slp-comparison-infographic__gauge__percentage{font-size:4.5rem;line-height:5.2rem}}.gauge{position:relative;border-radius:50%/100% 100% 0 0;border-width:1px;border-color:#fff;background:linear-gradient(90deg,rgba(29,186,158,.25),rgba(29,186,158,.5) 50%,#1dba9e);overflow:hidden;margin-bottom:20px;width:100%}.gauge:before{content:"";display:block;padding-top:50%}.gauge .chart{overflow:hidden}.gauge .mask{left:20%;right:20%;top:40%;background-color:#fff}.gauge .mask,.gauge .percentage{position:absolute;bottom:0;border-radius:50%/100% 100% 0 0}.gauge .percentage{top:-1px;left:-1px;right:-1px;background-color:#f2f2f2;transform:rotate(var(--rotation));transform-origin:bottom center;transition-duration:600}.gauge:hover{--rotation:100deg}.gauge .value{position:absolute;bottom:-5px;left:0;width:100%;text-align:center}.gauge .min{left:5%}.gauge .max,.gauge .min{position:absolute;bottom:0}.gauge .max{right:5%}.slp-comparison-infographic__chart{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));border-width:1px;--tw-border-opacity:1;border-color:rgba(242,242,242,var(--tw-border-opacity));align-items:center;grid-column:span 2/span 2;display:flex;flex-direction:column;padding:2.4rem;padding-top:3.2rem;margin-bottom:2.4rem;border-radius:.5rem;z-index:30}@media (min-width:1024px){.slp-comparison-infographic__chart{grid-column:span 4/span 4;padding-bottom:3.2rem;transform:translateY(115px);margin-top:-115px}}.slp-comparison-infographic__chart__logo{margin-bottom:1rem}.slp-comparison-infographic__chart__name{line-height:1.25;margin-bottom:2rem;--tw-text-opacity:1;color:rgba(51,51,51,var(--tw-text-opacity));font-size:2.3rem;line-height:2.8rem}.slp-comparison-infographic__chart__score{font-weight:600;line-height:1.25;margin-bottom:.6rem;font-size:1.6rem;line-height:2.4rem}.slp-comparison-infographic__chart__label{line-height:1.25;text-align:center;font-size:1.4rem;line-height:2rem}.slp-comparison-infographic__bg{position:absolute;--tw-bg-opacity:1;background-color:rgba(248,248,248,var(--tw-bg-opacity));left:0;top:0;width:100%;z-index:0;height:762px}.slp-comparison-infographic__header{grid-column:1/-1;margin-bottom:3.2rem;z-index:10}@media (min-width:1024px){.slp-comparison-infographic__header{grid-column-start:3;grid-column-end:11}}.slp-comparison-infographic__header__glitter{margin-left:auto;margin-right:auto;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-translate-y:25%}@media (min-width:1024px){.slp-comparison-infographic__header__glitter{width:75%;--tw-translate-y:50%}}.slp-comparison-infographic__header-h2{--tw-text-opacity:1;color:rgba(51,51,51,var(--tw-text-opacity));line-height:1.25;font-size:3.6rem;line-height:4.4rem;text-align:center;margin-bottom:1.6rem}@media (min-width:1024px){.slp-comparison-infographic__header-h2{font-size:6rem;line-height:6.4rem;line-height:1.375}}.slp-comparison-infographic__header-p{--tw-text-opacity:1;color:rgba(51,51,51,var(--tw-text-opacity));line-height:1.25;font-weight:400;font-size:1.9rem;line-height:2.4rem;text-align:center;margin-bottom:2.4rem}@media (min-width:1024px){.slp-comparison-infographic__header-p{font-size:2.3rem;line-height:2.8rem}}.slp-comparison-infographic__header-a{font-weight:600;line-height:1.25;text-align:center;--tw-text-opacity:1;color:rgba(125,43,217,var(--tw-text-opacity));font-size:1.4rem;line-height:2rem}.slp-comparison-infographic__table{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));border-width:1px;--tw-border-opacity:1;border-color:rgba(242,242,242,var(--tw-border-opacity));grid-column:1/-1;padding:.9rem;border-radius:.5rem;table-layout:fixed;width:100%;z-index:10}@media (min-width:1024px){.slp-comparison-infographic__table{padding:0;padding-bottom:4rem}}.slp-comparison-infographic__table__head{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));border-width:1px;--tw-border-opacity:1;border-color:rgba(242,242,242,var(--tw-border-opacity));position:sticky;z-index:20;top:69px}@media (min-width:1024px){.slp-comparison-infographic__table__head{top:66px}.slp-comparison-infographic__table__headers,.slp-comparison-infographic__table__row{display:grid!important;grid-gap:15px;grid-template-columns:repeat(12,1fr);margin:0 auto;max-width:1140px;width:calc(100% - 32px)}}.slp-comparison-infographic__table__headers{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(242,242,242,var(--tw-border-opacity));box-shadow:0 3px 2px -2px rgba(0,0,0,.1)}.slp-comparison-infographic__table__header{--tw-bg-opacity:1;background-color:rgba(255,255,255,var(--tw-bg-opacity));padding-top:.6rem;padding-bottom:.6rem;width:33.333333%}@media (min-width:1024px){.slp-comparison-infographic__table__header{grid-column:span 2/span 2;padding-top:2rem;padding-bottom:2rem;width:auto}}.slp-comparison-infographic__table__row{border-bottom-width:1px;border-collapse:collapse!important;--tw-border-opacity:1;border-color:rgba(242,242,242,var(--tw-border-opacity));align-items:center;padding-top:3.2rem;padding-bottom:3.2rem}@media (min-width:1024px){.slp-comparison-infographic__table__row{padding-top:0;padding-bottom:0}}.slp-comparison-infographic__table__cell--bar,.slp-comparison-infographic__table__cell--icon{padding-top:3.2rem;padding-bottom:3.2rem}@media (min-width:1024px){.slp-comparison-infographic__table__cell--bar,.slp-comparison-infographic__table__cell--icon{padding-top:2.4rem;padding-bottom:2.4rem}}.slp-comparison-infographic__table__cell--icon{display:flex;justify-content:flex-start;align-items:center}@media (min-width:1024px){.slp-comparison-infographic__table__cell--icon{grid-column:span 2/span 2}}@media (min-width:1024px){.slp-comparison-infographic__table__cell--bar{grid-column:span 4/span 4;padding-left:1.6rem;padding-right:1.6rem}}.slp-comparison-infographic__table__icon{margin-left:1.6rem;margin-right:.8rem}@media (min-width:1024px){.slp-comparison-infographic__table__icon{margin-left:2.4rem;margin-right:2.4rem}}.slp-comparison-infographic__table__icon__label{font-size:1.2rem;line-height:2rem;--tw-text-opacity:1;color:rgba(51,51,51,var(--tw-text-opacity));line-height:1.625;font-weight:600}@media (min-width:1024px){.slp-comparison-infographic__table__icon__label{font-size:1.6rem;line-height:2.4rem}}.slpFreeTrialBanner{max-width:1110px;border-top:2px solid #fc6d26;bottom:20px;left:40px;right:40px}@media (max-width:640px){.slpFreeTrialBanner{left:15px;right:15px;bottom:15px}}.slpFreeTrialBanner .slp-btn{margin-top:0!important;margin-bottom:0!important}.slp-author-avatar{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALYAAACuCAYAAACbdffyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAI6SURBVHgB7dlNahNRAMDxN88PKN1k6cLFeAO9QbNQ6Mr2BDWIbj2CegN37kzBA7jUXXsD4w0G9AABlYpt5jmJHYnpJAREmAe/H+TjfWT3T3iPhAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAsFC+f13eah4BMlGsWxi8Gw92d+pHRSweNpv2mqnp1+/FnenhaBqg564vDxYx79YHRSiOipD2VrsXNbn4E/btD29eFTEdNTEPujamFD4FyMQi7PJkPJidp2ebt6bTAJmI86dq2BwxZmm0cWcdTwNkIrZvPu8/Pk7FbNicqjvP0d9+hEmATMTlwZf7T05juLgSdzOuXBzJSVydqB48ncRZcW8eczuXahdH8hK7Jqv9UdXEPWzjrl0cyUxct9DGnVJ6eeMsHgcAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAgH/0c1zePRuX5aY9MUBGZm/L5zEWH2/E4mRT3EWATMyjTnXxYmmqOq/TcGdUVat7hU0WOqJudcYtbHpvQ9StK3ELm17bIurWX3G7PNJbF+PyYMuo58r5hbIdCJveqptf4eZluvUH0mL/grDprZujalI3x4uwRdzNmXpyLaXDpTH02/wPmfj7mDHoWp9HHZsvQDGqpktz0H/r4u6K+nIe8rAa97qoL9cgH23cTbjVuqghS2lcDgIAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAD8R78Avoa44DkMuu0AAAAASUVORK5CYII=);background-position:50%;background-repeat:no-repeat;background-size:contain;height:125px;width:143px}.slpBlog{gap:30px;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,auto);padding:30px 15px}.slpBlog__header{grid-row:1/2;grid-column:1/-1}.slpBlog__article{grid-row:2/3;grid-column:1/-1}.slpBlog__aside{grid-row:4/5;grid-column:1/-1}.slpBlog__footer{grid-row:3/4;grid-column:1/-1}@media(min-width:1140px){.slpBlog{gap:30px;grid-template-columns:repeat(12,65px);grid-template-rows:repeat(3,auto);max-width:1140px}.slpBlog__article{grid-column:4/13}.slpBlog__aside{grid-column:1/4;grid-row:2/3}}.slpBlog__article h2,.slpBlog__article h3,.slpBlog__article h4,.slpBlog__article h5{color:#333;font-style:normal;margin-bottom:1em}.slpBlog__article h2{font-weight:400;font-size:32px;line-height:36px}.slpBlog__article h3{font-weight:400;font-size:23px;line-height:28px}.slpBlog__article h4{font-weight:600;font-size:16px;line-height:20px}.slpBlog__article h5{font-weight:600;font-size:12px;line-height:20px}.slpBlog__article li,.slpBlog__article ol,.slpBlog__article p,.slpBlog__article ul{font-style:normal;font-weight:400;font-size:16px;line-height:28px;margin-bottom:1em}.slpBlog__article hr{border-color:#c2c2c2;border-style:solid;border-top-width:1px;margin-bottom:1em}.slpBlog__article a{color:#9b51e0;text-decoration:underline}.slpBlog__article ol,.slpBlog__article ul{margin-bottom:1em;margin-left:1em}.slpBlog__article ol{list-style-type:decimal}.slpBlog__article ul{list-style-type:disc}.slpBlog__article li{display:list-item;margin-bottom:.5em}.slpBlog__article ol ol,.slpBlog__article ol ul,.slpBlog__article ul ol,.slpBlog__article ul ul{margin-bottom:0}.slpBlog__article .video_container{position:relative;padding-bottom:56.25%;padding-top:0;height:0;margin-bottom:15px}.slpBlog__article .video_container iframe,.slpBlog__article .video_container video{position:absolute;top:0;left:0;width:100%;height:100%}.slpBlog__article table{background-color:transparent;font-size:16px}.slpBlog__article table td ol,.slpBlog__article table td ul{padding-left:24px}.slpBlog__article caption{padding-top:8px;padding-bottom:8px;color:#777;text-align:left}.slpBlog__article th{text-align:left;font-weight:600}.slpBlog__article table{width:100%;max-width:100%;margin-bottom:27px}.slpBlog__article table>tbody>tr>td,.slpBlog__article table>tbody>tr>th,.slpBlog__article table>tfoot>tr>td,.slpBlog__article table>tfoot>tr>th,.slpBlog__article table>thead>tr>td,.slpBlog__article table>thead>tr>th{padding:8px;line-height:1.5;vertical-align:top;border:1px solid #ddd;min-width:130px}.slpBlog__article table>thead>tr>th{vertical-align:bottom}.slpBlog__article table>tbody+tbody{border-top:2px solid #ddd}.slpBlog__article table .table{background-color:#f9f9f9}.slpBlog__article .table-sm>tbody>tr>td,.slpBlog__article .table-sm>tbody>tr>th,.slpBlog__article .table-sm>tfoot>tr>td,.slpBlog__article .table-sm>tfoot>tr>th,.slpBlog__article .table-sm>thead>tr>td,.slpBlog__article .table-sm>thead>tr>th{padding:5px}.slpBlog__article .table-lg>tbody>tr>td,.slpBlog__article .table-lg>tbody>tr>th,.slpBlog__article .table-lg>tfoot>tr>td,.slpBlog__article .table-lg>tfoot>tr>th,.slpBlog__article .table-lg>thead>tr>td,.slpBlog__article .table-lg>thead>tr>th{padding:20px}.slpBlog__article .table-bordered,.slpBlog__article .table-bordered>tbody>tr>td,.slpBlog__article .table-bordered>tbody>tr>th,.slpBlog__article .table-bordered>tfoot>tr>td,.slpBlog__article .table-bordered>tfoot>tr>th,.slpBlog__article .table-bordered>thead>tr>td,.slpBlog__article .table-bordered>thead>tr>th{border:1px solid #ddd}.slpBlog__article .table-bordered>thead>tr>td,.slpBlog__article .table-bordered>thead>tr>th{border-bottom-width:2px}.slpBlog__article .table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.slpBlog__article .table-hover>tbody>tr:hover{background-color:#f5f5f5}.slpBlog__article table col[class*=col-]{position:static;float:none;display:table-column}.slpBlog__article table td[class*=col-],.slpBlog__article table th[class*=col-]{position:static;float:none;display:table-cell}.slpBlog__article .table>tbody>tr.active>td,.slpBlog__article .table>tbody>tr.active>th,.slpBlog__article .table>tbody>tr>td.active,.slpBlog__article .table>tbody>tr>th.active,.slpBlog__article .table>tfoot>tr.active>td,.slpBlog__article .table>tfoot>tr.active>th,.slpBlog__article .table>tfoot>tr>td.active,.slpBlog__article .table>tfoot>tr>th.active,.slpBlog__article .table>thead>tr.active>td,.slpBlog__article .table>thead>tr.active>th,.slpBlog__article .table>thead>tr>td.active,.slpBlog__article .table>thead>tr>th.active{background-color:#f5f5f5}.slpBlog__article .table-hover>tbody>tr.active:hover>td,.slpBlog__article .table-hover>tbody>tr.active:hover>th,.slpBlog__article .table-hover>tbody>tr:hover>.active,.slpBlog__article .table-hover>tbody>tr>td.active:hover,.slpBlog__article .table-hover>tbody>tr>th.active:hover{background-color:#e8e8e8}.slpBlog__article .table>tbody>tr.success>td,.slpBlog__article .table>tbody>tr.success>th,.slpBlog__article .table>tbody>tr>td.success,.slpBlog__article .table>tbody>tr>th.success,.slpBlog__article .table>tfoot>tr.success>td,.slpBlog__article .table>tfoot>tr.success>th,.slpBlog__article .table>tfoot>tr>td.success,.slpBlog__article .table>tfoot>tr>th.success,.slpBlog__article .table>thead>tr.success>td,.slpBlog__article .table>thead>tr.success>th,.slpBlog__article .table>thead>tr>td.success,.slpBlog__article .table>thead>tr>th.success{background-color:#dff0d8}.slpBlog__article .table-hover>tbody>tr.success:hover>td,.slpBlog__article .table-hover>tbody>tr.success:hover>th,.slpBlog__article .table-hover>tbody>tr:hover>.success,.slpBlog__article .table-hover>tbody>tr>td.success:hover,.slpBlog__article .table-hover>tbody>tr>th.success:hover{background-color:#d0e9c6}.slpBlog__article .table>tbody>tr.info>td,.slpBlog__article .table>tbody>tr.info>th,.slpBlog__article .table>tbody>tr>td.info,.slpBlog__article .table>tbody>tr>th.info,.slpBlog__article .table>tfoot>tr.info>td,.slpBlog__article .table>tfoot>tr.info>th,.slpBlog__article .table>tfoot>tr>td.info,.slpBlog__article .table>tfoot>tr>th.info,.slpBlog__article .table>thead>tr.info>td,.slpBlog__article .table>thead>tr.info>th,.slpBlog__article .table>thead>tr>td.info,.slpBlog__article .table>thead>tr>th.info{background-color:#d9edf7}.slpBlog__article .table-hover>tbody>tr.info:hover>td,.slpBlog__article .table-hover>tbody>tr.info:hover>th,.slpBlog__article .table-hover>tbody>tr:hover>.info,.slpBlog__article .table-hover>tbody>tr>td.info:hover,.slpBlog__article .table-hover>tbody>tr>th.info:hover{background-color:#c4e3f3}.slpBlog__article .table>tbody>tr.warning>td,.slpBlog__article .table>tbody>tr.warning>th,.slpBlog__article .table>tbody>tr>td.warning,.slpBlog__article .table>tbody>tr>th.warning,.slpBlog__article .table>tfoot>tr.warning>td,.slpBlog__article .table>tfoot>tr.warning>th,.slpBlog__article .table>tfoot>tr>td.warning,.slpBlog__article .table>tfoot>tr>th.warning,.slpBlog__article .table>thead>tr.warning>td,.slpBlog__article .table>thead>tr.warning>th,.slpBlog__article .table>thead>tr>td.warning,.slpBlog__article .table>thead>tr>th.warning{background-color:#fcf8e3}.slpBlog__article .table-hover>tbody>tr.warning:hover>td,.slpBlog__article .table-hover>tbody>tr.warning:hover>th,.slpBlog__article .table-hover>tbody>tr:hover>.warning,.slpBlog__article .table-hover>tbody>tr>td.warning:hover,.slpBlog__article .table-hover>tbody>tr>th.warning:hover{background-color:#faf2cc}.slpBlog__article .table>tbody>tr.danger>td,.slpBlog__article .table>tbody>tr.danger>th,.slpBlog__article .table>tbody>tr>td.danger,.slpBlog__article .table>tbody>tr>th.danger,.slpBlog__article .table>tfoot>tr.danger>td,.slpBlog__article .table>tfoot>tr.danger>th,.slpBlog__article .table>tfoot>tr>td.danger,.slpBlog__article .table>tfoot>tr>th.danger,.slpBlog__article .table>thead>tr.danger>td,.slpBlog__article .table>thead>tr.danger>th,.slpBlog__article .table>thead>tr>td.danger,.slpBlog__article .table>thead>tr>th.danger{background-color:#f2dede}.slpBlog__article .table-hover>tbody>tr.danger:hover>td,.slpBlog__article .table-hover>tbody>tr.danger:hover>th,.slpBlog__article .table-hover>tbody>tr:hover>.danger,.slpBlog__article .table-hover>tbody>tr>td.danger:hover,.slpBlog__article .table-hover>tbody>tr>th.danger:hover{background-color:#ebcccc}.slpBlog__article .table-responsive{width:100%;overflow-x:auto;min-height:.01%}@media screen and (max-width:767px){.slpBlog__article .table-responsive{width:100%;margin-bottom:20.25px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar}.slpBlog__article .table-responsive>table{margin-bottom:0}.slpBlog__article .table-responsive>table>tbody>tr>td,.slpBlog__article .table-responsive>table>tbody>tr>th,.slpBlog__article .table-responsive>table>tfoot>tr>td,.slpBlog__article .table-responsive>table>tfoot>tr>th,.slpBlog__article .table-responsive>table>thead>tr>td,.slpBlog__article .table-responsive>table>thead>tr>th{min-width:130px}.slpBlog__article .table-responsive>.table-bordered{border:0}.slpBlog__article .table-responsive>.table-bordered>tbody>tr>td:first-child,.slpBlog__article .table-responsive>.table-bordered>tbody>tr>th:first-child,.slpBlog__article .table-responsive>.table-bordered>tfoot>tr>td:first-child,.slpBlog__article .table-responsive>.table-bordered>tfoot>tr>th:first-child,.slpBlog__article .table-responsive>.table-bordered>thead>tr>td:first-child,.slpBlog__article .table-responsive>.table-bordered>thead>tr>th:first-child{border-left:0}.slpBlog__article .table-responsive>.table-bordered>tbody>tr>td:last-child,.slpBlog__article .table-responsive>.table-bordered>tbody>tr>th:last-child,.slpBlog__article .table-responsive>.table-bordered>tfoot>tr>td:last-child,.slpBlog__article .table-responsive>.table-bordered>tfoot>tr>th:last-child,.slpBlog__article .table-responsive>.table-bordered>thead>tr>td:last-child,.slpBlog__article .table-responsive>.table-bordered>thead>tr>th:last-child{border-right:0}.slpBlog__article .table-responsive>.table-bordered>tbody>tr:last-child>td,.slpBlog__article .table-responsive>.table-bordered>tbody>tr:last-child>th,.slpBlog__article .table-responsive>.table-bordered>tfoot>tr:last-child>td,.slpBlog__article .table-responsive>.table-bordered>tfoot>tr:last-child>th{border-bottom:0}}.slpBlog__article details{font-size:16px;margin-bottom:1em}.slpBlog__article code{padding:2px 4px;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:90%;color:#c7254e;background-color:#f9f2f4;border-radius:4px}.slpBlog__article pre{display:block;padding:13px;margin:0 0 13.5px;font-size:16px;line-height:1.5;word-break:break-all;word-wrap:break-word;color:#333;background-color:#f5f5f5;border:1px solid #ccc}.slpBlog__article pre code{padding:0;font-size:inherit;color:inherit;white-space:pre-wrap;background-color:transparent;border-radius:0}.slpBlog__article .highlight table td{padding:5px}.slpBlog__article .highlight table pre{margin:0}.slpBlog__article .highlight .cm{color:#998;font-style:italic}.slpBlog__article .highlight .cp{color:#999;font-weight:700}.slpBlog__article .highlight .c1{color:#998;font-style:italic}.slpBlog__article .highlight .cs{color:#999;font-weight:700;font-style:italic}.slpBlog__article .highlight .c,.slpBlog__article .highlight .cd{color:#998;font-style:italic}.slpBlog__article .highlight .err{color:#a61717;background-color:#e3d2d2}.slpBlog__article .highlight .gd{color:#000;background-color:#fdd}.slpBlog__article .highlight .ge{color:#000;font-style:italic}.slpBlog__article .highlight .gr{color:#a00}.slpBlog__article .highlight .gh{color:#999}.slpBlog__article .highlight .gi{color:#000;background-color:#dfd}.slpBlog__article .highlight .go{color:#888}.slpBlog__article .highlight .gp{color:#555}.slpBlog__article .highlight .gs{font-weight:700}.slpBlog__article .highlight .gu{color:#aaa}.slpBlog__article .highlight .gt{color:#a00}.slpBlog__article .highlight .kc,.slpBlog__article .highlight .kd,.slpBlog__article .highlight .kn,.slpBlog__article .highlight .kp,.slpBlog__article .highlight .kr{color:#000;font-weight:700}.slpBlog__article .highlight .kt{color:#458;font-weight:700}.slpBlog__article .highlight .k,.slpBlog__article .highlight .kv{color:#000;font-weight:700}.slpBlog__article .highlight .il,.slpBlog__article .highlight .m,.slpBlog__article .highlight .mb,.slpBlog__article .highlight .mf,.slpBlog__article .highlight .mh,.slpBlog__article .highlight .mi,.slpBlog__article .highlight .mo,.slpBlog__article .highlight .mx{color:#099}.slpBlog__article .highlight .s2,.slpBlog__article .highlight .sb,.slpBlog__article .highlight .sc,.slpBlog__article .highlight .sd,.slpBlog__article .highlight .se,.slpBlog__article .highlight .sh,.slpBlog__article .highlight .si,.slpBlog__article .highlight .sx{color:#d14}.slpBlog__article .highlight .sr{color:#009926}.slpBlog__article .highlight .s1{color:#d14}.slpBlog__article .highlight .ss{color:#990073}.slpBlog__article .highlight .s{color:#d14}.slpBlog__article .highlight .na{color:teal}.slpBlog__article .highlight .bp{color:#999}.slpBlog__article .highlight .nb{color:#0086b3}.slpBlog__article .highlight .nc{color:#458;font-weight:700}.slpBlog__article .highlight .no{color:teal}.slpBlog__article .highlight .nd{color:#3c5d5d;font-weight:700}.slpBlog__article .highlight .ni{color:purple}.slpBlog__article .highlight .ne,.slpBlog__article .highlight .nf,.slpBlog__article .highlight .nl{color:#900;font-weight:700}.slpBlog__article .highlight .nn{color:#555}.slpBlog__article .highlight .nt{color:navy}.slpBlog__article .highlight .nv,.slpBlog__article .highlight .vc,.slpBlog__article .highlight .vg,.slpBlog__article .highlight .vi{color:teal}.slpBlog__article .highlight .o,.slpBlog__article .highlight .ow{color:#000;font-weight:700}.slpBlog__article .highlight .w{color:#bbb}.slpBlog__article .highlight{background-color:#f8f8f8}.slpBlog__article blockquote{background:#fff;border-left:5px solid #52cdb7;box-shadow:0 2px 4px 0 rgba(0,0,0,.1);font-size:18px;font-style:normal;font-weight:300;margin-bottom:48px;margin-top:48px;padding:30px}.slpBlog__article .note{font-style:italic;color:#666}.slpBlog__article .twitter-tweet{margin-left:auto;margin-right:auto}.slp-btn{display:inline-block!important;--tw-text-opacity:1!important;color:rgba(255,255,255,var(--tw-text-opacity))!important;padding:1.6rem!important;background-color:rgba(249,100,36,var(--tw-bg-opacity))!important;--tw-border-opacity:1!important;border-color:rgba(249,100,36,var(--tw-border-opacity))!important;border-width:1px!important}.slp-btn,.slp-btn:hover{--tw-bg-opacity:1!important}.slp-btn:hover{background-color:rgba(221,101,49,var(--tw-bg-opacity))!important}.slp-btn{transition-property:background-color,border-color,color,fill,stroke,opacity,box-shadow,transform!important;transition-duration:.15s!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;--tw-shadow:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)!important;margin-top:1.6rem!important;margin-bottom:1.6rem!important;font-weight:600!important;font-size:1.8rem!important;line-height:2rem!important;text-align:center!important;text-decoration:none!important}.slp-btn,.slp-btn:active{box-shadow:var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)!important}.slp-btn:active{--tw-shadow:0 0 transparent!important}.slp-btn{border-radius:8px!important;box-shadow:0 4px 4px rgba(0,0,0,.25)!important}.slp-btn--secondary{--tw-bg-opacity:1!important;background-color:rgba(155,81,224,var(--tw-bg-opacity))!important}.slp-btn--secondary:hover{--tw-bg-opacity:1!important;background-color:rgba(125,43,217,var(--tw-bg-opacity))!important}.slp-btn--outline{--tw-bg-opacity:1!important;background-color:rgba(255,255,255,var(--tw-bg-opacity))!important;--tw-text-opacity:1!important;color:rgba(64,64,64,var(--tw-text-opacity))!important;--tw-border-opacity:1!important;border-color:rgba(51,51,51,var(--tw-border-opacity))!important;border-width:1px!important}.slp-btn--outline:hover{background-color:rgba(64,64,64,var(--tw-bg-opacity))!important}.slp-btn--disabled,.slp-btn--outline:hover{--tw-text-opacity:1!important;color:rgba(255,255,255,var(--tw-text-opacity))!important;--tw-bg-opacity:1!important}.slp-btn--disabled,.slp-btn--disabled:hover{background-color:rgba(153,153,153,var(--tw-bg-opacity))!important}.slp-btn--disabled:hover{--tw-bg-opacity:1!important}.slp-btn--disabled{cursor:not-allowed!important}.slpBlogMerchBanner__confetti--left{transform:translate(-50%,-50%) scale(.8)}.slpBlogMerchBanner__confetti--right{transform:translateY(-50%) rotate(-45deg) scale(.8)}.slpBlogMerchBanner__image{max-width:177px}.slpBlogMerchBanner__content{width:100%}@media (min-width:640px){.slpBlogMerchBanner__confetti--right{transform:translate(50%) rotate(-45deg) scale(.8)}.slpBlogMerchBanner__content,.slpBlogMerchBanner__shadow{width:calc(100% - 2.4rem)}}.slpBlogMerchSidebar{max-width:222px}.slpBlogMerchSidebar__confetti--left{transform:translateY(-100%) scale(.8)}.slpBlogMerchSidebar__confetti--right{transform:translate(50%,-50%) rotate(-15deg) scale(.8)}.slp-checkbox label:before{content:" ";top:3px;height:16px;width:16px;margin-right:.4rem;position:relative;display:inline-block;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgba(51,51,51,var(--tw-border-opacity));border-radius:.125rem}.slp-checkbox input:checked+label:after{width:16px;height:16px;top:2px;left:2px;content:"✓";font-size:1.4rem;line-height:2rem;display:block;--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity));position:absolute}.slp-dropdown{min-width:250px;position:relative;display:inline-block}.slp-dropdown a:hover{text-decoration:none}.slp-dropdown .slp-dropdown-toggle{color:#5e5e5e;background-color:#fff;font-size:16px;min-width:250px;padding:8px 20px 8px 12px;margin-bottom:7px;border:1px solid #333;float:none;border-radius:4px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.slp-dropdown .slp-dropdown-toggle:hover{cursor:pointer}.slp-dropdown .slp-dropdown-menu{position:absolute;top:37px;left:0;z-index:1000;float:left;min-width:250px;width:100%;padding:5px 0 0 0;margin:2px 0 0;list-style:none;font-size:16px;text-align:left;background-color:#fff;border-left:1px solid #333;border-right:1px solid #333;border-bottom:1px solid #333;border-radius:0 0 4px 4px}.slp-dropdown .slp-dropdown-menu>li>a{padding:8px 12px;display:block;clear:both;font-weight:400;line-height:24px;color:#7d2bd9;white-space:nowrap;text-decoration:none}.slp-dropdown .slp-dropdown-menu>li>a:hover{background:#f2f2f2}.slp-dropdown .slp-dropdown-menu>li{overflow:hidden;width:100%;position:relative;margin:0;color:#333}.slp-dropdown li{list-style:none}.slpEventAnnoucement .slp-commit-grid{margin:unset;padding:unset}.slpEventAnnoucement__shadow{width:calc(80% + 35px)}.slp-form-field input:focus{box-shadow:0 0 4px 1px rgba(0,0,0,.25)}.slp-form-field input:disabled{--tw-bg-opacity:1;background-color:rgba(229,231,235,var(--tw-bg-opacity));--tw-border-opacity:1;border-color:rgba(229,231,235,var(--tw-border-opacity))}.slp-form-field input:invalid:not(:focus):not(:-moz-placeholder-shown){--tw-border-opacity:1;border-color:rgba(242,79,99,var(--tw-border-opacity))}.slp-form-field input:invalid:not(:focus):not(:-ms-input-placeholder){--tw-border-opacity:1;border-color:rgba(242,79,99,var(--tw-border-opacity))}.slp-form-field input:invalid:not(:focus):not(:placeholder-shown){--tw-border-opacity:1;border-color:rgba(242,79,99,var(--tw-border-opacity))}.slp-form-field input:valid:focus:not(:-moz-placeholder-shown){--tw-border-opacity:1;border-color:rgba(72,166,81,var(--tw-border-opacity))}.slp-form-field input:valid:focus:not(:-ms-input-placeholder){--tw-border-opacity:1;border-color:rgba(72,166,81,var(--tw-border-opacity))}.slp-form-field input:valid:focus:not(:placeholder-shown){--tw-border-opacity:1;border-color:rgba(72,166,81,var(--tw-border-opacity))}.slp-form-field--required label:after{content:"*"}.slpEventConnect .slp-btn{margin-bottom:0!important}.slpEventHeader{background-size:contain!important;background-position:top!important;background-repeat:no-repeat!important}.slpEventHeader__videoContainer{position:relative;padding-bottom:56.25%;height:0;width:100%}.slpEventHeader__videoContainer iframe{position:absolute;top:0;left:0;width:100%;height:100%}.slpEventNavigationLogo{height:88px;width:100px}@media(min-width:1024px){.slpEventNavigationLogo{height:112px;width:126px}}.slpEventNavigationLink{padding-right:74px;position:relative}.slpEventNavigationLink:after{background:#f2f2f2;content:"";height:1px;position:absolute;right:0;top:50%;transform:translateY(-50%);transition:background-color .15s ease;width:61px}.slpEventNavigationLink:focus,.slpEventNavigationLink:hover{cursor:pointer}.slpEventNavigationLink:focus:after,.slpEventNavigationLink:hover:after{height:2px;background:#7d2bd9}.slpEventNavigationLink.active{padding-right:98px}.slpEventNavigationLink.active:after{height:2px;background:#7d2bd9;width:85px}.slp-image-gallery{width:720px}.slp-image-gallery__slides{height:391px;width:666px}.slp-image-gallery__next,.slp-image-gallery__previous{height:54px;transform:translateY(-50%);width:54px}.slp-image-gallery__indicator{height:10px;width:10px}.navigation-mobile__button{width:100%!important;outline:2px solid transparent!important;outline-offset:2px!important;border-style:none!important;padding:0!important;font-family:Source Sans Pro,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji!important}.navigation-mobile__item{position:absolute!important;left:-100%!important}.navigation-mobile__item:focus-within{position:relative!important}.navigation-mobile__item:focus-within{left:0!important}.navigation-mobile__item{padding-bottom:0!important}.navigation-mobile__item-active{position:relative!important;overflow-x:auto!important;padding-left:0!important;padding-bottom:0!important;margin-bottom:0!important}.navigation-mobile-active{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;--tw-bg-opacity:1!important;background-color:rgba(255,255,255,var(--tw-bg-opacity))!important;z-index:100!important}@media (min-width:1200px){.navigation-mobile{display:none!important}}.navigation-mobile:focus-within{overflow-y:auto!important}.navigation-mobile:focus-within{z-index:100!important}.navigation-mobile:focus-within{top:0!important}.navigation-mobile:focus-within{bottom:3.2rem!important}.navigation-mobile:focus-within{width:100%!important}.navigation-mobile__dropdown-active{position:fixed!important;left:1.6rem!important;right:1.6rem!important;overflow-y:scroll!important;top:70px!important;bottom:146px!important}.navigation-mobile__dropdown{position:absolute!important;--tw-translate-x:0!important;--tw-translate-y:0!important;--tw-rotate:0!important;--tw-skew-x:0!important;--tw-skew-y:0!important;--tw-scale-x:1!important;--tw-scale-y:1!important;transform:translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;--tw-translate-x:-100%!important;--tw-translate-y:-100%!important}.navigation-mobile__dropdown:focus-within{position:relative!important}.navigation-mobile__dropdown:focus-within{transform:none!important}.navigation-mobile__dropdown:focus-within{margin-left:1.6rem!important;margin-right:1.6rem!important}.navigation-mobile__cta-active{position:fixed!important}.navigation-mobile__cta{display:none!important}.slp-group:hover>.slp-navigation-desktop__drop-down{top:7.6rem}.slp-group:hover>.slp-navigation-desktop__drop-down:after{content:"";width:10px;height:10px;transform:rotate(225deg);bottom:-12px;left:47%;z-index:101;position:absolute!important;--tw-bg-opacity:1!important;background-color:rgba(255,255,255,var(--tw-bg-opacity))!important;transition-property:opacity!important;transition-duration:.15s!important;transition-timing-function:cubic-bezier(.4,0,.2,1)!important;transition-duration:.3s!important}.slp-group:hover .slp-group:hover .slp-navigation-desktop__link-item{--tw-text-opacity:1!important;color:rgba(125,43,217,var(--tw-text-opacity))!important;opacity:1!important}.slp-group:hover .slp-group:hover .slp-navigation-dekstop__link-description{--tw-text-opacity:1!important;color:rgba(51,51,51,var(--tw-text-opacity))!important}.slp-radio label:before{content:" ";top:3px;height:16px;width:16px;border-radius:50%;margin-right:.4rem;position:relative;display:inline-block;border-width:1px;border-style:solid;--tw-border-opacity:1;border-color:rgba(51,51,51,var(--tw-border-opacity))}.slp-radio input:checked+label:after{width:8px;height:8px;top:9px;left:4px;content:" ";border-radius:50%;display:block;--tw-bg-opacity:1;background-color:rgba(249,100,36,var(--tw-bg-opacity));position:absolute}.slp-tooltip--trigger .slp-tooltip{display:none;position:relative}.slp-tooltip--trigger:hover{cursor:pointer}.slp-tooltip--trigger:hover .slp-tooltip{max-width:180px;left:50%;transform:translateX(-50%);display:block;--tw-bg-opacity:1;background-color:rgba(51,51,51,var(--tw-bg-opacity));--tw-text-opacity:1;color:rgba(255,255,255,var(--tw-text-opacity));padding:1.2rem;font-size:1.4rem;line-height:2rem;border-radius:.5rem;position:absolute}.slp-tooltip--trigger:hover .slp-tooltip:before{content:"";width:10px;height:10px;transform:rotate(225deg);top:-5px;left:calc(50% - 5px);position:absolute;--tw-bg-opacity:1;background-color:rgba(51,51,51,var(--tw-bg-opacity))}.slpEventCountdown{background-size:contain;background-position:top;background-repeat:no-repeat}.slpEventCountdown .slp-countdown-card{width:calc(25% - 13px)}@media(max-width:640px){.slpEventCountdown .slp-countdown-card{width:calc(50% - 13px)}}
package/package.json CHANGED
@@ -1,10 +1,10 @@
1
1
  {
2
2
  "name": "slippers-ui",
3
- "version": "0.14.12-alpha6",
3
+ "version": "0.14.14",
4
4
  "description": "GitLab Marketing Design System",
5
- "homepage": "https://gitlab-com.gitlab.io/marketing/inbound-marketing/slippers-ui/",
5
+ "homepage": "https://gitlab-com.gitlab.io/marketing/digital-experience/slippers-ui",
6
6
  "bugs": {
7
- "url": "https://gitlab.com/gitlab-com/marketing/inbound-marketing/slippers-ui/-/issues"
7
+ "url": "https://gitlab.com/gitlab-com/marketing/digital-experience/slippers-ui-/issues"
8
8
  },
9
9
  "license": "MIT",
10
10
  "author": "GitLab",
@@ -22,7 +22,7 @@
22
22
  },
23
23
  "repository": {
24
24
  "type": "git",
25
- "url": "https://gitlab.com/gitlab-com/marketing/inbound-marketing/slippers-ui.git"
25
+ "url": "https://gitlab.com/gitlab-com/marketing/digital-experience/slippers-ui.git"
26
26
  },
27
27
  "scripts": {
28
28
  "start": "concurrently --kill-others \"yarn storybook:quiet\" \"yarn watch:css\" -p \"[{name}]\" -n \"Storybook,PostCSS\" -c \"bgBlue.bold,bgMagenta.bold\"",