slippers-ui 0.14.12 → 0.14.15

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 +5 -0
  3. package/dist/slippersComponents.common.js +46 -16
  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
@@ -2083,6 +2083,11 @@
2083
2083
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
2084
2084
  }
2085
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
+
2086
2091
  * {
2087
2092
  --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
2088
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=41017223&
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(" "+_vm._s(_vm.title)+" "+_vm._s(_vm.competitorName)+" ")]),_c('p',{staticClass:"slp-comparison-infographic__header-p"},[_vm._v(" "+_vm._s(_vm.subtitle)+" ")]),_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(_vm._s(_vm.methodologyLinkText)+" "),_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=41017223&
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
 
@@ -1903,11 +1907,14 @@ var comparison_infographic_icon_component = normalizeComponent(
1903
1907
  *
1904
1908
  * ## Props:
1905
1909
  *
1910
+ * 1. title: this would be the opening line for the header, before `competitorName`. Default is set as `GitLab vs `.
1906
1911
  * 1. competitorName: if we're comparing GitLab to GitHub, this would be `GitHub`.
1912
+ * 1. subtitle: an optional string, provides support content as a subtitle below the header.
1907
1913
  * 1. competitorLogo: this should be a URL to an image (preferably SVG) of the competitor's logo. We drop it in an img tag as-is in the src attribute.
1908
1914
  * 1. gitlabLogo: this should be a URL to the image (preferably SVG) of the GitLab logo we want to use. We drop it in an img tag as-is in the src attribute
1909
1915
  * 1. competitorData and gitlabData: we should get objects that have 10 different categories, each with between 1 and 15 features, and a score of 0, 1, or 2. We can sum up the scores to get the overall scores/percentages, and then we need to loop over the objects to render out the comparison pieces.
1910
1916
  * 1. methodologyLink: an optional string. If it exists, we render a link to the scoring methodology. If it is not provided, the link is not rendered. Added since the page didn't exist at the time of building the component.
1917
+ * 1. methodologyLinkText: an optional string. Provides the text to be displayed as a methodologyLink. Make sure to add this if a methodologyLink is present.
1911
1918
  * 1. singleTool: this boolean prop should tell us if the infographic is comparing as a single tool or a platform, and should default to false.
1912
1919
  * 1. singleToolCategory: if `singleTool` is true, we need to be explicit about which set of features we're using to compare against.
1913
1920
  *
@@ -1940,6 +1947,11 @@ var comparison_infographic_icon_component = normalizeComponent(
1940
1947
  SlpComparisonInfographicIcon: comparison_infographic_icon
1941
1948
  },
1942
1949
  props: {
1950
+ title: {
1951
+ type: String,
1952
+ required: true,
1953
+ default: 'GitLab vs'
1954
+ },
1943
1955
  competitorName: {
1944
1956
  type: String,
1945
1957
  required: true,
@@ -1977,6 +1989,24 @@ var comparison_infographic_icon_component = normalizeComponent(
1977
1989
  singleToolCategory: {
1978
1990
  type: String,
1979
1991
  required: false
1992
+ },
1993
+ dataGaName: {
1994
+ type: String,
1995
+ required: true
1996
+ },
1997
+ dataGaLocation: {
1998
+ type: String,
1999
+ required: true
2000
+ },
2001
+ subtitle: {
2002
+ type: String,
2003
+ required: true,
2004
+ default: 'Feature maturity comparison against a set of industry standards'
2005
+ },
2006
+ methodologyLinkText: {
2007
+ type: String,
2008
+ required: true,
2009
+ default: ''
1980
2010
  }
1981
2011
  },
1982
2012
 
@@ -2218,12 +2248,12 @@ var free_trial_banner_component = normalizeComponent(
2218
2248
  )
2219
2249
 
2220
2250
  /* 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")])])}]
2251
+ // 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&
2252
+ 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)])}
2253
+ 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
2254
 
2225
2255
 
2226
- // CONCATENATED MODULE: ./src/components/HeaderBanner/header-banner.vue?vue&type=template&id=df7939c6&
2256
+ // CONCATENATED MODULE: ./src/components/HeaderBanner/header-banner.vue?vue&type=template&id=f6f9970c&
2227
2257
 
2228
2258
  // 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
2259
  //
@@ -2249,7 +2279,7 @@ var header_bannervue_type_template_id_df7939c6_staticRenderFns = [function () {v
2249
2279
  /**
2250
2280
  * Use this comment block to generate documentation for your component.
2251
2281
  *
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).
2282
+ * 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
2283
  *
2254
2284
  * You can use markdown syntax in this block comment.
2255
2285
  */
@@ -2272,8 +2302,8 @@ var header_bannervue_type_template_id_df7939c6_staticRenderFns = [function () {v
2272
2302
 
2273
2303
  var header_banner_component = normalizeComponent(
2274
2304
  HeaderBanner_header_bannervue_type_script_lang_js_,
2275
- header_bannervue_type_template_id_df7939c6_render,
2276
- header_bannervue_type_template_id_df7939c6_staticRenderFns,
2305
+ header_bannervue_type_template_id_f6f9970c_render,
2306
+ header_bannervue_type_template_id_f6f9970c_staticRenderFns,
2277
2307
  false,
2278
2308
  null,
2279
2309
  null,
@@ -2967,12 +2997,12 @@ var blog_merch_bannervue_type_template_id_4ddcca2e_staticRenderFns = []
2967
2997
 
2968
2998
  // CONCATENATED MODULE: ./src/components/MerchBanner/blog-merch-banner.vue?vue&type=template&id=4ddcca2e&
2969
2999
 
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 = []
3000
+ // 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&
3001
+ 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)}
3002
+ var slp_buttonvue_type_template_id_08be6109_staticRenderFns = []
2973
3003
 
2974
3004
 
2975
- // CONCATENATED MODULE: ./src/components/Button/slp-button.vue?vue&type=template&id=05fb28e8&
3005
+ // CONCATENATED MODULE: ./src/components/Button/slp-button.vue?vue&type=template&id=08be6109&
2976
3006
 
2977
3007
  // 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
3008
  //
@@ -3031,8 +3061,8 @@ var slp_buttonvue_type_style_index_0_lang_css_ = __webpack_require__("7cf4");
3031
3061
 
3032
3062
  var slp_button_component = normalizeComponent(
3033
3063
  Button_slp_buttonvue_type_script_lang_js_,
3034
- slp_buttonvue_type_template_id_05fb28e8_render,
3035
- slp_buttonvue_type_template_id_05fb28e8_staticRenderFns,
3064
+ slp_buttonvue_type_template_id_08be6109_render,
3065
+ slp_buttonvue_type_template_id_08be6109_staticRenderFns,
3036
3066
  false,
3037
3067
  null,
3038
3068
  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: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)}}
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",
3
+ "version": "0.14.15",
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\"",