gatsby-matrix-theme 37.0.43 → 37.0.44

package/CHANGELOG.md

@@ -1,3 +1,10 @@
+## [37.0.44](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v37.0.43...v37.0.44) (2023-12-28)
+
+
+### Bug Fixes
+
+* updated core version ([8969507](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/8969507bc6f13045e28ba783412f4e934fedcad6))
+
 ## [37.0.43](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v37.0.42...v37.0.43) (2023-12-28)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "37.0.43",
+  "version": "37.0.44",
   "main": "index.js",
   "description": "Matrix Theme NPM Package",
   "author": "",
@@ -25,7 +25,7 @@
   "dependencies": {
     "@react-icons/all-files": "^4.1.0",
     "gatsby": "^5.11.0",
-    "gatsby-core-theme": "30.0.39",
+    "gatsby-core-theme": "30.0.40",
     "gatsby-plugin-sharp": "^5.11.0",
     "gatsby-plugin-sitemap": "^3.3.0",
     "gatsby-transformer-sharp": "^5.11.0",

package/storybook/public/{172.fe4ee9e5.iframe.bundle.js → 172.52ea6c90.iframe.bundle.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[172],{"../node_modules/gatsby-core-theme/src/components/molecules/content-and-custom-module/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return content_and_custom_module}});var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("../node_modules/gatsby-core-theme/node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),html_react_parser=__webpack_require__("../node_modules/html-react-parser/index.mjs"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),content_and_custom_module_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/molecules/content-and-custom-module/content-and-custom-module.module.scss"),options={insert:"head",singleton:!1},content_and_custom_module_content_and_custom_module_module=(injectStylesIntoStyleTag_default()(content_and_custom_module_module.Z,options),content_and_custom_module_module.Z.locals||{}),ContentAndCustomModule=function ContentAndCustomModule(_ref){var _ref$content=_ref.content,content=void 0===_ref$content?"":_ref$content,CustomComponent=_ref.CustomComponent,customComponentProps=_ref.customComponentProps;return react.createElement(react.Fragment,null,react.createElement("div",{className:content_and_custom_module_content_and_custom_module_module.contentAndCustomModuleContainer||""},content&&react.createElement("div",{className:content_and_custom_module_content_and_custom_module_module.contentBox||""},(0,html_react_parser.ZP)(content)),CustomComponent&&react.createElement("div",{className:content_and_custom_module_content_and_custom_module_module.customComponentBox||""},react.createElement(CustomComponent,customComponentProps))))};ContentAndCustomModule.propTypes={content:prop_types_default().string,CustomComponent:prop_types_default().oneOfType([prop_types_default().element,prop_types_default().any]),customComponentProps:prop_types_default().object,styles:prop_types_default().shape({})},ContentAndCustomModule.__docgenInfo={description:"",methods:[],displayName:"ContentAndCustomModule",props:{content:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},CustomComponent:{description:"",type:{name:"union",value:[{name:"element"},{name:"any"}]},required:!1},customComponentProps:{description:"",type:{name:"object"},required:!1},styles:{description:"",type:{name:"shape",value:{}},required:!1}}};var content_and_custom_module=ContentAndCustomModule;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/molecules/content-and-custom-module/index.js"]={name:"ContentAndCustomModule",docgenInfo:ContentAndCustomModule.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/molecules/content-and-custom-module/index.js"})},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/molecules/content-and-custom-module/content-and-custom-module.module.scss":function(module,__webpack_exports__,__webpack_require__){var _css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".JKOq5oo4cL0bK35HtbInHg\\=\\={padding:1rem 0;display:flex;flex-direction:column}@media only screen and (min-width:1200px){.JKOq5oo4cL0bK35HtbInHg\\=\\={display:flex;flex-direction:row;justify-content:space-between}}.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\={padding:1.6rem 0;width:100%}@media only screen and (min-width:1200px){.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\={width:50%;padding-right:1.6rem}}.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= p{font-size:1.6rem;color:var(--color-44)}.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= h2,.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= h3,.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= h4,.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= .ZtE-bwJwBRql-ciJmfQT3w\\=\\=,.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= ._2vsOIGHF-iOe6EQBSqGRvQ\\=\\=,.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= .ckrqMIB4t8bLApGEeHgpbA\\=\\={color:var(--color-43);font-size:1.8rem}@media only screen and (min-width:768px){.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= h2,.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= h3,.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= h4,.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= .ZtE-bwJwBRql-ciJmfQT3w\\=\\=,.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= ._2vsOIGHF-iOe6EQBSqGRvQ\\=\\=,.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= .ckrqMIB4t8bLApGEeHgpbA\\=\\={font-size:2.4rem}}.JKOq5oo4cL0bK35HtbInHg\\=\\= .DwpD51IjkX87JGK1t9idtg\\=\\={padding:1.6rem 0;width:100%}@media only screen and (min-width:1200px){.JKOq5oo4cL0bK35HtbInHg\\=\\= .DwpD51IjkX87JGK1t9idtg\\=\\={width:50%}}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/molecules/content-and-custom-module/content-and-custom-module.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAcA,4BACE,cAAA,CCRA,YAAA,CACA,qBDQwB,CEoCxB,0CFtCF,4BCPE,YAAA,CACA,kBDU0B,CACxB,6BAAA,CAAA,CAEF,wDACE,gBAAA,CACA,UAAA,CE6BF,0CF/BA,wDAII,SAAA,CACA,oBAAA,CAAA,CAEF,0DACE,gBAAA,CACA,qBAAA,CAEF,8aAME,qBAAA,CACA,gBAAA,CEaJ,yCFpBE,8aASI,gBAAA,CAAA,CAIN,wDACE,gBAAA,CACA,UAAA,CEKF,0CFPA,wDAII,SAAA,CAAA",sourcesContent:["// Global styles extended in each theme\n\n// Utils\n@import '../../../styles/utils/variables/typography';\n@import '../../../styles/utils/variables/layout';\n@import '../../../styles/utils/variables/stack-order';\n@import '../../../styles/utils/media-queries';\n@import '../../../styles/utils/icons';\n@import '../../../styles/utils/tooltip';\n@import '../../../styles/utils/loader';\n@import '../../../styles/utils/mixins';\n@import '../../../styles/utils/scrollbar';\n@import '../../../styles/utils/animations';\n\n.contentAndCustomModuleContainer {\n  padding: 1rem 0;\n  @include flex-direction(column);\n  @include min(desktop) {\n    @include flex-direction(row);\n    justify-content: space-between;\n  }\n  .contentBox {\n    padding: 1.6rem 0;\n    width: 100%;\n    @include min(desktop) {\n      width: 50%;\n      padding-right: 1.6rem;\n    }\n    p {\n      font-size: 1.6rem;\n      color: var(--color-44);\n    }\n    h2,\n    h3,\n    h4,\n    .h2,\n    .h3,\n    .h4 {\n      color: var(--color-43);\n      font-size: 1.8rem;\n      @include min(tablet) {\n        font-size: 2.4rem;\n      }\n    }\n  }\n  .customComponentBox {\n    padding: 1.6rem 0;\n    width: 100%;\n    @include min(desktop) {\n      width: 50%;\n    }\n  }\n}\n","@mixin flex-align($align-items, $justify-content) {\n  display: flex;\n  align-items: $align-items;\n  justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n  display: flex;\n  flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n  #{$overflow-type}: $overflow-value;\n  -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n  background: $bgcolor;\n  border-radius: 100px;\n  color: $text-color;\n  font-weight: 700;\n  @include flex-align(center, center);\n  padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n  color: $color;\n\n  &:hover {\n    color: $color;\n  }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n  float: $direction;\n  @if $direction == right {\n    margin: var(--img-float-direction-right, 0 0 2.4rem 4.8rem);\n  } @else if $direction == left {\n    margin: var(--img-float-direction-left, 0 4.8rem 2.4rem 0);\n  } @else {\n    margin: 0 1em 1em 0;\n  }\n}\n\n@mixin content-img-align($direction: center, $spacing: var(--content-img-spacing, 1em)) {\n  display: block;\n  @if $direction == right {\n    margin: $spacing 0 $spacing auto;\n  } @else if $direction == left {\n    margin: $spacing auto $spacing 0;\n  } @else {\n    margin: $spacing auto;\n  }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n  position: relative;\n  &:after {\n    top: 100%;\n    left: 50%;\n    border: solid transparent;\n    content: '';\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n    border-color: rgba(0, 0, 0, 0);\n    border-top: $height solid $color;\n    border-right: calc($width / 2) solid transparent;\n    border-left: calc($width / 2) solid transparent;\n    margin-left: -calc($width / 2);\n  }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n  background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  &:hover {\n    background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  }\n}\n\n@mixin sportBtn($color1, $color2) {\n  background: linear-gradient(to bottom, $color1 0, $color2 100%);\n  &:hover {\n    background: linear-gradient(to bottom, $color2 0, $color1 100%);\n  }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n  line-height: $line-height;\n  width: $width;\n  font-weight: normal;\n  display: inline-block;\n  color: $fill-color;\n  font-size: 15px;\n  position: relative;\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n  &:last-child {\n    margin-right: 0;\n  }\n  &:before {\n    content: '\\2605';\n  }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n  line-height: 2rem;\n  width: 16px;\n  font-weight: normal;\n  display: inline-block;\n  color: $half-full-color;\n  font-size: 15px;\n  position: relative;\n  &:before {\n    content: '\\2605';\n  }\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n  &:after {\n    content: '\\2605';\n    color: $half-empty-color;\n    position: absolute;\n    width: 7px;\n    overflow: hidden;\n    bottom: 0;\n    left: 0;\n  }\n}\n\n@mixin border-gradient($color-1, $color-2, $bgcolor, $radius: 0.8rem) {\n  background: $bgcolor;\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: $radius;\n    border: 2px solid transparent;\n    background: $color-1, $color-2 border-box;\n    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: destination-out;\n    mask-composite: exclude;\n  }\n}\n\n@mixin buttonsColor($color1, $color2, $color3, $textColor: 'white') {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  background-color: $color1;\n  color: $textColor;\n  padding: 0.9rem 3rem;\n  font-weight: 700;\n  font-size: 1.8rem;\n  border-radius: var(--border-radius);\n\n  > svg {\n    flex: none;\n    margin-left: 0.8rem;\n  }\n\n  &:hover {\n    background-color: $color2;\n    color: $textColor;\n  }\n\n  &:active {\n    background-color: $color3;\n    color: $textColor;\n  }\n}\n","$media-query-sizes: (\n  mobile-s: (\n    min: 320px,\n    max: 374px,\n  ),\n  mobile-m: (\n    min: 375px,\n    max: 424px,\n  ),\n  mobile: (\n    min: 425px,\n    max: 767px,\n  ),\n  tablet: (\n    min: 768px,\n    max: 991px,\n  ),\n  laptop: (\n    min: 992px,\n    max: 1199px,\n  ),\n  desktop: (\n    min: 1200px,\n  ),\n);\n\n// Get media query sizes\n$screen: 'only screen';\n@function media-query($media, $optional-media: '', $min: true) {\n  $media-label: '';\n\n  @if ($optional-media != '') {\n    $media-sizes-min: map-get($media-query-sizes, $media);\n    $media-sizes-max: map-get($media-query-sizes, $optional-media);\n    $media-label: $screen +\n      \" and (min-width:#{map-get($media-sizes-min, 'min')}) and (max-width:#{map-get($media-sizes-max, 'max')})\";\n  } @else {\n    $query: 'max';\n\n    @if ($min) {\n      $query: 'min';\n    }\n\n    $media-sizes: map-get($media-query-sizes, $media);\n    $media-label: $screen + ' and (#{$query}-width:#{map-get($media-sizes, $query)})';\n  }\n\n  @return $media-label;\n}\n\n// Min media query\n@mixin min($media) {\n  @media #{media-query($media)} {\n    @content;\n  }\n}\n\n// Max media query\n@mixin max($media) {\n  @media #{media-query($media, '', false)} {\n    @content;\n  }\n}\n\n// Min & max media query\n@mixin min-max($min, $max) {\n  @media #{media-query($min, $max)} {\n    @content;\n  }\n}\n\n// Use this ONLY if you need a media query that doesn't fit the $media-query-sizes breakpoints above\n// Pass number, for example @include custom-min(992)\n@mixin custom-min($min) {\n  @media #{$screen} and (min-width: #{$min}px) {\n    @content;\n  }\n}\n\n@mixin custom-max($max) {\n  @media #{$screen} and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n@mixin custom-min-max($min, $max) {\n  @media #{$screen} and (min-width: #{$min}px) and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n// Landscape\n// (If we find more use cases of this in the future, might want to refactor this and include it in the media-query function for $screen)\n// Pass number\n$landscape: 'screen and (orientation:landscape)';\n\n@mixin landscape-max($max) {\n  @media #{$landscape} and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n@mixin landscape-min($min) {\n  @media #{$landscape} and (min-width: #{$min}px) {\n    @content;\n  }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={contentAndCustomModuleContainer:"JKOq5oo4cL0bK35HtbInHg==",contentBox:"QJKVWzZ4yOSh0D03MfsiyQ==",h2:"ZtE-bwJwBRql-ciJmfQT3w==",h3:"_2vsOIGHF-iOe6EQBSqGRvQ==",h4:"ckrqMIB4t8bLApGEeHgpbA==",customComponentBox:"DwpD51IjkX87JGK1t9idtg=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);
+"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[172],{"../node_modules/gatsby-core-theme/src/components/molecules/content-and-custom-module/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return content_and_custom_module}});var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("../node_modules/gatsby-core-theme/node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),html_react_parser=__webpack_require__("../node_modules/html-react-parser/index.mjs"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),content_and_custom_module_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/molecules/content-and-custom-module/content-and-custom-module.module.scss"),options={insert:"head",singleton:!1},content_and_custom_module_content_and_custom_module_module=(injectStylesIntoStyleTag_default()(content_and_custom_module_module.Z,options),content_and_custom_module_module.Z.locals||{}),ContentAndCustomModule=function ContentAndCustomModule(_ref){var _ref$content=_ref.content,content=void 0===_ref$content?"":_ref$content,CustomComponent=_ref.CustomComponent,customComponentProps=_ref.customComponentProps;return react.createElement(react.Fragment,null,react.createElement("div",{className:content_and_custom_module_content_and_custom_module_module.contentAndCustomModuleContainer||""},content&&react.createElement("div",{className:content_and_custom_module_content_and_custom_module_module.contentBox||""},(0,html_react_parser.ZP)(content)),CustomComponent&&react.createElement("div",{className:content_and_custom_module_content_and_custom_module_module.customComponentBox||""},react.createElement(CustomComponent,customComponentProps))))};ContentAndCustomModule.propTypes={content:prop_types_default().string,CustomComponent:prop_types_default().oneOfType([prop_types_default().element,prop_types_default().any]),customComponentProps:prop_types_default().object,styles:prop_types_default().shape({})},ContentAndCustomModule.__docgenInfo={description:"",methods:[],displayName:"ContentAndCustomModule",props:{content:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},CustomComponent:{description:"",type:{name:"union",value:[{name:"element"},{name:"any"}]},required:!1},customComponentProps:{description:"",type:{name:"object"},required:!1},styles:{description:"",type:{name:"shape",value:{}},required:!1}}};var content_and_custom_module=ContentAndCustomModule;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/molecules/content-and-custom-module/index.js"]={name:"ContentAndCustomModule",docgenInfo:ContentAndCustomModule.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/molecules/content-and-custom-module/index.js"})},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/molecules/content-and-custom-module/content-and-custom-module.module.scss":function(module,__webpack_exports__,__webpack_require__){var _css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".JKOq5oo4cL0bK35HtbInHg\\=\\={padding:1rem 0;display:flex;flex-direction:column}@media only screen and (min-width:1200px){.JKOq5oo4cL0bK35HtbInHg\\=\\={display:flex;flex-direction:row;justify-content:space-between}}.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\={padding:1.6rem 0;width:100%}@media only screen and (min-width:1200px){.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\={width:50%;padding-right:1.6rem}}.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= p{font-size:1.6rem;color:var(--color-44)}.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= h2,.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= h3,.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= h4,.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= .ZtE-bwJwBRql-ciJmfQT3w\\=\\=,.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= ._2vsOIGHF-iOe6EQBSqGRvQ\\=\\=,.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= .ckrqMIB4t8bLApGEeHgpbA\\=\\={color:var(--color-43);font-size:1.8rem}@media only screen and (min-width:768px){.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= h2,.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= h3,.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= h4,.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= .ZtE-bwJwBRql-ciJmfQT3w\\=\\=,.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= ._2vsOIGHF-iOe6EQBSqGRvQ\\=\\=,.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= .ckrqMIB4t8bLApGEeHgpbA\\=\\={font-size:2.4rem}}.JKOq5oo4cL0bK35HtbInHg\\=\\= .DwpD51IjkX87JGK1t9idtg\\=\\={padding:1.6rem 0;width:100%}@media only screen and (min-width:1200px){.JKOq5oo4cL0bK35HtbInHg\\=\\= .DwpD51IjkX87JGK1t9idtg\\=\\={width:50%}}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/molecules/content-and-custom-module/content-and-custom-module.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAcA,4BACE,cAAA,CCRA,YAAA,CACA,qBDQwB,CEoCxB,0CFtCF,4BCPE,YAAA,CACA,kBDU0B,CACxB,6BAAA,CAAA,CAEF,wDACE,gBAAA,CACA,UAAA,CE6BF,0CF/BA,wDAII,SAAA,CACA,oBAAA,CAAA,CAEF,0DACE,gBAAA,CACA,qBAAA,CAEF,8aAME,qBAAA,CACA,gBAAA,CEaJ,yCFpBE,8aASI,gBAAA,CAAA,CAIN,wDACE,gBAAA,CACA,UAAA,CEKF,0CFPA,wDAII,SAAA,CAAA",sourcesContent:["// Global styles extended in each theme\n\n// Utils\n@import '../../../styles/utils/variables/typography';\n@import '../../../styles/utils/variables/layout';\n@import '../../../styles/utils/variables/stack-order';\n@import '../../../styles/utils/media-queries';\n@import '../../../styles/utils/icons';\n@import '../../../styles/utils/tooltip';\n@import '../../../styles/utils/loader';\n@import '../../../styles/utils/mixins';\n@import '../../../styles/utils/scrollbar';\n@import '../../../styles/utils/animations';\n\n.contentAndCustomModuleContainer {\n  padding: 1rem 0;\n  @include flex-direction(column);\n  @include min(desktop) {\n    @include flex-direction(row);\n    justify-content: space-between;\n  }\n  .contentBox {\n    padding: 1.6rem 0;\n    width: 100%;\n    @include min(desktop) {\n      width: 50%;\n      padding-right: 1.6rem;\n    }\n    p {\n      font-size: 1.6rem;\n      color: var(--color-44);\n    }\n    h2,\n    h3,\n    h4,\n    .h2,\n    .h3,\n    .h4 {\n      color: var(--color-43);\n      font-size: 1.8rem;\n      @include min(tablet) {\n        font-size: 2.4rem;\n      }\n    }\n  }\n  .customComponentBox {\n    padding: 1.6rem 0;\n    width: 100%;\n    @include min(desktop) {\n      width: 50%;\n    }\n  }\n}\n","@mixin flex-align($align-items, $justify-content) {\n  display: flex;\n  align-items: $align-items;\n  justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n  display: flex;\n  flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n  #{$overflow-type}: $overflow-value;\n  -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n  background: $bgcolor;\n  border-radius: 100px;\n  color: $text-color;\n  font-weight: 700;\n  @include flex-align(center, center);\n  padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n  color: $color;\n\n  &:hover {\n    color: $color;\n  }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n  float: $direction;\n  @if $direction == right {\n    margin: var(--img-float-direction-right, 0 0 2.4rem 4.8rem);\n  } @else if $direction == left {\n    margin: var(--img-float-direction-left, 0 4.8rem 2.4rem 0);\n  } @else {\n    margin: 0 1em 1em 0;\n  }\n}\n\n@mixin content-img-align($direction: center, $spacing: var(--content-img-spacing, 1em)) {\n  display: block;\n  @if $direction == right {\n    margin: $spacing 0 $spacing auto;\n  } @else if $direction == left {\n    margin: $spacing auto $spacing 0;\n  } @else {\n    margin: $spacing auto;\n  }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n  position: relative;\n  &:after {\n    top: 100%;\n    left: 50%;\n    border: solid transparent;\n    content: '';\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n    border-color: rgba(0, 0, 0, 0);\n    border-top: $height solid $color;\n    border-right: calc($width / 2) solid transparent;\n    border-left: calc($width / 2) solid transparent;\n    margin-left: -calc($width / 2);\n  }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n  background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  &:hover {\n    background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  }\n}\n\n@mixin sportBtn($color1, $color2) {\n  background: linear-gradient(to bottom, $color1 0, $color2 100%);\n  &:hover {\n    background: linear-gradient(to bottom, $color2 0, $color1 100%);\n  }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n  line-height: $line-height;\n  width: $width;\n  font-weight: normal;\n  display: inline-block;\n  color: $fill-color;\n  font-size: 15px;\n  position: relative;\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n  &:last-child {\n    margin-right: 0;\n  }\n  &:before {\n    content: '\\2605';\n  }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n  line-height: 2rem;\n  width: 16px;\n  font-weight: normal;\n  display: inline-block;\n  color: $half-full-color;\n  font-size: 15px;\n  position: relative;\n  &:before {\n    content: '\\2605';\n  }\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n  &:after {\n    content: '\\2605';\n    color: $half-empty-color;\n    position: absolute;\n    width: 7px;\n    overflow: hidden;\n    bottom: 0;\n    left: 0;\n  }\n}\n\n@mixin border-gradient($color-1, $color-2, $bgcolor, $radius: 0.8rem) {\n  background: $bgcolor;\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: $radius;\n    border: 2px solid transparent;\n    background: $color-1, $color-2 border-box;\n    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: destination-out;\n    mask-composite: exclude;\n  }\n}\n\n@mixin border-gradient-single($color-1, $bgcolor, $radius: 0.8rem, $border-width: 0.1rem) {\n  background: $bgcolor;\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: $radius;\n    border: $border-width solid transparent;\n    background: $color-1 border-box;\n    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: destination-out;\n    mask-composite: exclude;\n  }\n}\n\n@mixin buttonsColor($color1, $color2, $color3, $textColor: 'white') {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  background-color: $color1;\n  color: $textColor;\n  padding: 0.9rem 3rem;\n  font-weight: 700;\n  font-size: 1.8rem;\n  border-radius: var(--border-radius);\n\n  > svg {\n    flex: none;\n    margin-left: 0.8rem;\n  }\n\n  &:hover {\n    background-color: $color2;\n    color: $textColor;\n  }\n\n  &:active {\n    background-color: $color3;\n    color: $textColor;\n  }\n}\n","$media-query-sizes: (\n  mobile-s: (\n    min: 320px,\n    max: 374px,\n  ),\n  mobile-m: (\n    min: 375px,\n    max: 424px,\n  ),\n  mobile: (\n    min: 425px,\n    max: 767px,\n  ),\n  tablet: (\n    min: 768px,\n    max: 991px,\n  ),\n  laptop: (\n    min: 992px,\n    max: 1199px,\n  ),\n  desktop: (\n    min: 1200px,\n  ),\n);\n\n// Get media query sizes\n$screen: 'only screen';\n@function media-query($media, $optional-media: '', $min: true) {\n  $media-label: '';\n\n  @if ($optional-media != '') {\n    $media-sizes-min: map-get($media-query-sizes, $media);\n    $media-sizes-max: map-get($media-query-sizes, $optional-media);\n    $media-label: $screen +\n      \" and (min-width:#{map-get($media-sizes-min, 'min')}) and (max-width:#{map-get($media-sizes-max, 'max')})\";\n  } @else {\n    $query: 'max';\n\n    @if ($min) {\n      $query: 'min';\n    }\n\n    $media-sizes: map-get($media-query-sizes, $media);\n    $media-label: $screen + ' and (#{$query}-width:#{map-get($media-sizes, $query)})';\n  }\n\n  @return $media-label;\n}\n\n// Min media query\n@mixin min($media) {\n  @media #{media-query($media)} {\n    @content;\n  }\n}\n\n// Max media query\n@mixin max($media) {\n  @media #{media-query($media, '', false)} {\n    @content;\n  }\n}\n\n// Min & max media query\n@mixin min-max($min, $max) {\n  @media #{media-query($min, $max)} {\n    @content;\n  }\n}\n\n// Use this ONLY if you need a media query that doesn't fit the $media-query-sizes breakpoints above\n// Pass number, for example @include custom-min(992)\n@mixin custom-min($min) {\n  @media #{$screen} and (min-width: #{$min}px) {\n    @content;\n  }\n}\n\n@mixin custom-max($max) {\n  @media #{$screen} and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n@mixin custom-min-max($min, $max) {\n  @media #{$screen} and (min-width: #{$min}px) and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n// Landscape\n// (If we find more use cases of this in the future, might want to refactor this and include it in the media-query function for $screen)\n// Pass number\n$landscape: 'screen and (orientation:landscape)';\n\n@mixin landscape-max($max) {\n  @media #{$landscape} and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n@mixin landscape-min($min) {\n  @media #{$landscape} and (min-width: #{$min}px) {\n    @content;\n  }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={contentAndCustomModuleContainer:"JKOq5oo4cL0bK35HtbInHg==",contentBox:"QJKVWzZ4yOSh0D03MfsiyQ==",h2:"ZtE-bwJwBRql-ciJmfQT3w==",h3:"_2vsOIGHF-iOe6EQBSqGRvQ==",h4:"ckrqMIB4t8bLApGEeHgpbA==",customComponentBox:"DwpD51IjkX87JGK1t9idtg=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/{200.58e72b2b.iframe.bundle.js → 200.698b03dc.iframe.bundle.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[200],{"../node_modules/gatsby-core-theme/src/components/molecules/pros-cons/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return pros_cons}});__webpack_require__("../node_modules/core-js/modules/es.array.map.js");var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("../node_modules/gatsby-core-theme/node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),pros_cons_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/molecules/pros-cons/pros-cons.module.scss"),options={insert:"head",singleton:!1},pros_cons_pros_cons_module=(injectStylesIntoStyleTag_default()(pros_cons_module.Z,options),pros_cons_module.Z.locals||{}),keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.js"),ProsCons=function ProsCons(_ref){var _ref$module=_ref.module,module=void 0===_ref$module?{}:_ref$module,_ref$pros=_ref.pros,pros=void 0===_ref$pros?"Pros":_ref$pros,_ref$cons=_ref.cons,cons=void 0===_ref$cons?"Cons":_ref$cons,icons=_ref.icons;return react.createElement("div",{className:pros_cons_pros_cons_module.prosCons||""},react.createElement("div",{className:pros_cons_pros_cons_module.pros||""},icons&&react.createElement("span",{className:pros_cons_pros_cons_module.icon||""},icons[0]),react.createElement("span",{className:pros_cons_pros_cons_module.title||""},pros),react.createElement("ul",null,module.pros.map((function(perk){return react.createElement("li",{key:(0,keygen.Z)()},react.createElement("span",{className:pros_cons_pros_cons_module.listIcon||""},icons&&icons[2]),perk)})))),react.createElement("div",{className:pros_cons_pros_cons_module.cons||""},icons&&react.createElement("span",{className:pros_cons_pros_cons_module.icon||""},icons[1]),react.createElement("span",{className:pros_cons_pros_cons_module.title||""},cons),react.createElement("ul",null,module.cons.map((function(con){return react.createElement("li",{key:(0,keygen.Z)()},react.createElement("span",{className:pros_cons_pros_cons_module.listIcon||""},icons&&icons[3]),con)})))))};ProsCons.displayName="ProsCons",ProsCons.propTypes={module:prop_types_default().objectOf(prop_types_default().any).isRequired,pros:prop_types_default().string,cons:prop_types_default().string,icons:prop_types_default().arrayOf(prop_types_default().any),styles:prop_types_default().shape({})},ProsCons.__docgenInfo={description:"",methods:[],displayName:"ProsCons",props:{module:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"objectOf",value:{name:"any"}},required:!1},pros:{defaultValue:{value:"'Pros'",computed:!1},description:"",type:{name:"string"},required:!1},cons:{defaultValue:{value:"'Cons'",computed:!1},description:"",type:{name:"string"},required:!1},icons:{description:"",type:{name:"arrayOf",value:{name:"any"}},required:!1},styles:{description:"",type:{name:"shape",value:{}},required:!1}}};var pros_cons=ProsCons;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/molecules/pros-cons/index.js"]={name:"ProsCons",docgenInfo:ProsCons.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/molecules/pros-cons/index.js"})},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/molecules/pros-cons/pros-cons.module.scss":function(module,__webpack_exports__,__webpack_require__){var _css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"@media only screen and (min-width:768px){.C2N5Sip5HF0Xy0h28uZdoA\\=\\={display:flex}}.C2N5Sip5HF0Xy0h28uZdoA\\=\\= div{display:flex;flex-direction:column;align-items:center;border-radius:var(--border-radius);background:#fff;margin-top:4.3rem;padding:3rem}@media only screen and (max-width:767px){.C2N5Sip5HF0Xy0h28uZdoA\\=\\= div{max-width:45rem;margin:4.3rem auto 1rem}}@media only screen and (min-width:768px){.C2N5Sip5HF0Xy0h28uZdoA\\=\\= div{width:50%;padding:4rem;margin-bottom:1rem}}.C2N5Sip5HF0Xy0h28uZdoA\\=\\= div .kvDfEt53Pqnfmq37zSi9Yw\\=\\={display:flex;align-items:center;justify-content:center;border-radius:50%;width:9rem;height:9rem;margin-top:-7.3rem}@media only screen and (min-width:768px){.C2N5Sip5HF0Xy0h28uZdoA\\=\\= div .kvDfEt53Pqnfmq37zSi9Yw\\=\\={margin-top:-8.2rem}}.C2N5Sip5HF0Xy0h28uZdoA\\=\\= div .kvDfEt53Pqnfmq37zSi9Yw\\=\\= svg{fill:#fff}.C2N5Sip5HF0Xy0h28uZdoA\\=\\= div .Blj\\+9D4y7VA7JOJt5HJzMQ\\=\\={color:var(--color-22);margin:2rem 0 2.3rem;font-size:2.4rem;font-weight:bold}.C2N5Sip5HF0Xy0h28uZdoA\\=\\= div ul{font-size:1.8rem}.C2N5Sip5HF0Xy0h28uZdoA\\=\\= div ul li{display:flex;margin-bottom:1rem}.C2N5Sip5HF0Xy0h28uZdoA\\=\\= div ul li svg{margin-right:1rem}@media only screen and (min-width:768px){.C2N5Sip5HF0Xy0h28uZdoA\\=\\= .UO6hxJvyQQg2elOUZ2Z16g\\=\\={margin-right:4rem}}.C2N5Sip5HF0Xy0h28uZdoA\\=\\= .UO6hxJvyQQg2elOUZ2Z16g\\=\\= .kvDfEt53Pqnfmq37zSi9Yw\\=\\={background:var(--primary-color)}.C2N5Sip5HF0Xy0h28uZdoA\\=\\= .Sh\\+GXsSqgjyzgJOmzgKcBg\\=\\= .kvDfEt53Pqnfmq37zSi9Yw\\=\\={background:var(--color-35)}@media only screen and (max-width:767px){.C2N5Sip5HF0Xy0h28uZdoA\\=\\= .Sh\\+GXsSqgjyzgJOmzgKcBg\\=\\= .kvDfEt53Pqnfmq37zSi9Yw\\=\\={margin-top:-5.7rem}}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss","webpack://./../node_modules/gatsby-core-theme/src/components/molecules/pros-cons/pros-cons.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAoDE,yCCtCF,4BAEI,YAAA,CAAA,CAGF,gCCZA,YAAA,CACA,qBDY0B,CACxB,kBAAA,CACA,kCAAA,CACA,eAAA,CACA,iBAAA,CACA,YAAA,CDkCF,yCCxCA,gCASI,eAAA,CACA,uBAAA,CAAA,CDuBJ,yCCjCA,gCAcI,SAAA,CACA,YAAA,CACA,kBAAA,CAAA,CAGF,4DCrCF,YAAA,CACA,kBDqCwB,CCpCxB,sBDoCgC,CAC5B,iBAAA,CACA,UAAA,CACA,WAAA,CACA,kBAAA,CDSJ,yCCdE,4DAQI,kBAAA,CAAA,CAGF,gEACE,SAAA,CAIJ,6DACE,qBAAA,CACA,oBAAA,CAEE,gBAAA,CACA,gBAAA,CAIJ,mCACE,gBAAA,CAEA,sCACE,YAAA,CACA,kBAAA,CAEA,0CACE,iBAAA,CDnBR,yCCyBA,wDAEI,iBAAA,CAAA,CAGF,oFACE,+BAAA,CAIJ,qFACE,0BAAA,CD7BF,yCC4BA,qFAII,kBAAA,CAAA",sourcesContent:["$media-query-sizes: (\n  mobile-s: (\n    min: 320px,\n    max: 374px,\n  ),\n  mobile-m: (\n    min: 375px,\n    max: 424px,\n  ),\n  mobile: (\n    min: 425px,\n    max: 767px,\n  ),\n  tablet: (\n    min: 768px,\n    max: 991px,\n  ),\n  laptop: (\n    min: 992px,\n    max: 1199px,\n  ),\n  desktop: (\n    min: 1200px,\n  ),\n);\n\n// Get media query sizes\n$screen: 'only screen';\n@function media-query($media, $optional-media: '', $min: true) {\n  $media-label: '';\n\n  @if ($optional-media != '') {\n    $media-sizes-min: map-get($media-query-sizes, $media);\n    $media-sizes-max: map-get($media-query-sizes, $optional-media);\n    $media-label: $screen +\n      \" and (min-width:#{map-get($media-sizes-min, 'min')}) and (max-width:#{map-get($media-sizes-max, 'max')})\";\n  } @else {\n    $query: 'max';\n\n    @if ($min) {\n      $query: 'min';\n    }\n\n    $media-sizes: map-get($media-query-sizes, $media);\n    $media-label: $screen + ' and (#{$query}-width:#{map-get($media-sizes, $query)})';\n  }\n\n  @return $media-label;\n}\n\n// Min media query\n@mixin min($media) {\n  @media #{media-query($media)} {\n    @content;\n  }\n}\n\n// Max media query\n@mixin max($media) {\n  @media #{media-query($media, '', false)} {\n    @content;\n  }\n}\n\n// Min & max media query\n@mixin min-max($min, $max) {\n  @media #{media-query($min, $max)} {\n    @content;\n  }\n}\n\n// Use this ONLY if you need a media query that doesn't fit the $media-query-sizes breakpoints above\n// Pass number, for example @include custom-min(992)\n@mixin custom-min($min) {\n  @media #{$screen} and (min-width: #{$min}px) {\n    @content;\n  }\n}\n\n@mixin custom-max($max) {\n  @media #{$screen} and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n@mixin custom-min-max($min, $max) {\n  @media #{$screen} and (min-width: #{$min}px) and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n// Landscape\n// (If we find more use cases of this in the future, might want to refactor this and include it in the media-query function for $screen)\n// Pass number\n$landscape: 'screen and (orientation:landscape)';\n\n@mixin landscape-max($max) {\n  @media #{$landscape} and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n@mixin landscape-min($min) {\n  @media #{$landscape} and (min-width: #{$min}px) {\n    @content;\n  }\n}\n","// Global styles extended in each theme\n\n// Utils\n@import '../../../styles/utils/variables/typography';\n@import '../../../styles/utils/variables/layout';\n@import '../../../styles/utils/variables/stack-order';\n@import '../../../styles/utils/media-queries';\n@import '../../../styles/utils/icons';\n@import '../../../styles/utils/tooltip';\n@import '../../../styles/utils/loader';\n@import '../../../styles/utils/mixins';\n@import '../../../styles/utils/scrollbar';\n@import '../../../styles/utils/animations';\n\n.prosCons {\n  @include min(tablet) {\n    display: flex;\n  }\n\n  div {\n    @include flex-direction(column);\n    align-items: center;\n    border-radius: var(--border-radius);\n    background: white;\n    margin-top: 4.3rem;\n    padding: 3rem;\n\n    @include max(mobile) {\n      max-width: 45rem;\n      margin: 4.3rem auto 1rem;\n    }\n\n    @include min(tablet) {\n      width: 50%;\n      padding: 4rem;\n      margin-bottom: 1rem;\n    }\n\n    .icon {\n      @include flex-align(center, center);\n      border-radius: 50%;\n      width: 9rem;\n      height: 9rem;\n      margin-top: -7.3rem;\n\n      @include min(tablet) {\n        margin-top: -8.2rem;\n      }\n\n      svg {\n        fill: white;\n      }\n    }\n\n    .title {\n      color: var(--color-22);\n      margin: 2rem 0 2.3rem;\n      font: {\n        size: 2.4rem;\n        weight: bold;\n      }\n    }\n\n    ul {\n      font-size: 1.8rem;\n\n      li {\n        display: flex;\n        margin-bottom: 1rem;\n\n        svg {\n          margin-right: 1rem;\n        }\n      }\n    }\n  }\n\n  .pros {\n    @include min(tablet) {\n      margin-right: 4rem;\n    }\n\n    .icon {\n      background: var(--primary-color);\n    }\n  }\n\n  .cons .icon {\n    background: var(--color-35);\n\n    @include max(mobile) {\n      margin-top: calc(-7.3rem - -1.6rem);\n    }\n  }\n}\n","@mixin flex-align($align-items, $justify-content) {\n  display: flex;\n  align-items: $align-items;\n  justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n  display: flex;\n  flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n  #{$overflow-type}: $overflow-value;\n  -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n  background: $bgcolor;\n  border-radius: 100px;\n  color: $text-color;\n  font-weight: 700;\n  @include flex-align(center, center);\n  padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n  color: $color;\n\n  &:hover {\n    color: $color;\n  }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n  float: $direction;\n  @if $direction == right {\n    margin: var(--img-float-direction-right, 0 0 2.4rem 4.8rem);\n  } @else if $direction == left {\n    margin: var(--img-float-direction-left, 0 4.8rem 2.4rem 0);\n  } @else {\n    margin: 0 1em 1em 0;\n  }\n}\n\n@mixin content-img-align($direction: center, $spacing: var(--content-img-spacing, 1em)) {\n  display: block;\n  @if $direction == right {\n    margin: $spacing 0 $spacing auto;\n  } @else if $direction == left {\n    margin: $spacing auto $spacing 0;\n  } @else {\n    margin: $spacing auto;\n  }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n  position: relative;\n  &:after {\n    top: 100%;\n    left: 50%;\n    border: solid transparent;\n    content: '';\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n    border-color: rgba(0, 0, 0, 0);\n    border-top: $height solid $color;\n    border-right: calc($width / 2) solid transparent;\n    border-left: calc($width / 2) solid transparent;\n    margin-left: -calc($width / 2);\n  }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n  background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  &:hover {\n    background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  }\n}\n\n@mixin sportBtn($color1, $color2) {\n  background: linear-gradient(to bottom, $color1 0, $color2 100%);\n  &:hover {\n    background: linear-gradient(to bottom, $color2 0, $color1 100%);\n  }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n  line-height: $line-height;\n  width: $width;\n  font-weight: normal;\n  display: inline-block;\n  color: $fill-color;\n  font-size: 15px;\n  position: relative;\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n  &:last-child {\n    margin-right: 0;\n  }\n  &:before {\n    content: '\\2605';\n  }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n  line-height: 2rem;\n  width: 16px;\n  font-weight: normal;\n  display: inline-block;\n  color: $half-full-color;\n  font-size: 15px;\n  position: relative;\n  &:before {\n    content: '\\2605';\n  }\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n  &:after {\n    content: '\\2605';\n    color: $half-empty-color;\n    position: absolute;\n    width: 7px;\n    overflow: hidden;\n    bottom: 0;\n    left: 0;\n  }\n}\n\n@mixin border-gradient($color-1, $color-2, $bgcolor, $radius: 0.8rem) {\n  background: $bgcolor;\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: $radius;\n    border: 2px solid transparent;\n    background: $color-1, $color-2 border-box;\n    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: destination-out;\n    mask-composite: exclude;\n  }\n}\n\n@mixin buttonsColor($color1, $color2, $color3, $textColor: 'white') {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  background-color: $color1;\n  color: $textColor;\n  padding: 0.9rem 3rem;\n  font-weight: 700;\n  font-size: 1.8rem;\n  border-radius: var(--border-radius);\n\n  > svg {\n    flex: none;\n    margin-left: 0.8rem;\n  }\n\n  &:hover {\n    background-color: $color2;\n    color: $textColor;\n  }\n\n  &:active {\n    background-color: $color3;\n    color: $textColor;\n  }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={prosCons:"C2N5Sip5HF0Xy0h28uZdoA==",icon:"kvDfEt53Pqnfmq37zSi9Yw==",title:"Blj+9D4y7VA7JOJt5HJzMQ==",pros:"UO6hxJvyQQg2elOUZ2Z16g==",cons:"Sh+GXsSqgjyzgJOmzgKcBg=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);
+"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[200],{"../node_modules/gatsby-core-theme/src/components/molecules/pros-cons/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return pros_cons}});__webpack_require__("../node_modules/core-js/modules/es.array.map.js");var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("../node_modules/gatsby-core-theme/node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),pros_cons_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/molecules/pros-cons/pros-cons.module.scss"),options={insert:"head",singleton:!1},pros_cons_pros_cons_module=(injectStylesIntoStyleTag_default()(pros_cons_module.Z,options),pros_cons_module.Z.locals||{}),keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.js"),ProsCons=function ProsCons(_ref){var _ref$module=_ref.module,module=void 0===_ref$module?{}:_ref$module,_ref$pros=_ref.pros,pros=void 0===_ref$pros?"Pros":_ref$pros,_ref$cons=_ref.cons,cons=void 0===_ref$cons?"Cons":_ref$cons,icons=_ref.icons;return react.createElement("div",{className:pros_cons_pros_cons_module.prosCons||""},react.createElement("div",{className:pros_cons_pros_cons_module.pros||""},icons&&react.createElement("span",{className:pros_cons_pros_cons_module.icon||""},icons[0]),react.createElement("span",{className:pros_cons_pros_cons_module.title||""},pros),react.createElement("ul",null,module.pros.map((function(perk){return react.createElement("li",{key:(0,keygen.Z)()},react.createElement("span",{className:pros_cons_pros_cons_module.listIcon||""},icons&&icons[2]),perk)})))),react.createElement("div",{className:pros_cons_pros_cons_module.cons||""},icons&&react.createElement("span",{className:pros_cons_pros_cons_module.icon||""},icons[1]),react.createElement("span",{className:pros_cons_pros_cons_module.title||""},cons),react.createElement("ul",null,module.cons.map((function(con){return react.createElement("li",{key:(0,keygen.Z)()},react.createElement("span",{className:pros_cons_pros_cons_module.listIcon||""},icons&&icons[3]),con)})))))};ProsCons.displayName="ProsCons",ProsCons.propTypes={module:prop_types_default().objectOf(prop_types_default().any).isRequired,pros:prop_types_default().string,cons:prop_types_default().string,icons:prop_types_default().arrayOf(prop_types_default().any),styles:prop_types_default().shape({})},ProsCons.__docgenInfo={description:"",methods:[],displayName:"ProsCons",props:{module:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"objectOf",value:{name:"any"}},required:!1},pros:{defaultValue:{value:"'Pros'",computed:!1},description:"",type:{name:"string"},required:!1},cons:{defaultValue:{value:"'Cons'",computed:!1},description:"",type:{name:"string"},required:!1},icons:{description:"",type:{name:"arrayOf",value:{name:"any"}},required:!1},styles:{description:"",type:{name:"shape",value:{}},required:!1}}};var pros_cons=ProsCons;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/molecules/pros-cons/index.js"]={name:"ProsCons",docgenInfo:ProsCons.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/molecules/pros-cons/index.js"})},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/molecules/pros-cons/pros-cons.module.scss":function(module,__webpack_exports__,__webpack_require__){var _css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"@media only screen and (min-width:768px){.C2N5Sip5HF0Xy0h28uZdoA\\=\\={display:flex}}.C2N5Sip5HF0Xy0h28uZdoA\\=\\= div{display:flex;flex-direction:column;align-items:center;border-radius:var(--border-radius);background:#fff;margin-top:4.3rem;padding:3rem}@media only screen and (max-width:767px){.C2N5Sip5HF0Xy0h28uZdoA\\=\\= div{max-width:45rem;margin:4.3rem auto 1rem}}@media only screen and (min-width:768px){.C2N5Sip5HF0Xy0h28uZdoA\\=\\= div{width:50%;padding:4rem;margin-bottom:1rem}}.C2N5Sip5HF0Xy0h28uZdoA\\=\\= div .kvDfEt53Pqnfmq37zSi9Yw\\=\\={display:flex;align-items:center;justify-content:center;border-radius:50%;width:9rem;height:9rem;margin-top:-7.3rem}@media only screen and (min-width:768px){.C2N5Sip5HF0Xy0h28uZdoA\\=\\= div .kvDfEt53Pqnfmq37zSi9Yw\\=\\={margin-top:-8.2rem}}.C2N5Sip5HF0Xy0h28uZdoA\\=\\= div .kvDfEt53Pqnfmq37zSi9Yw\\=\\= svg{fill:#fff}.C2N5Sip5HF0Xy0h28uZdoA\\=\\= div .Blj\\+9D4y7VA7JOJt5HJzMQ\\=\\={color:var(--color-22);margin:2rem 0 2.3rem;font-size:2.4rem;font-weight:bold}.C2N5Sip5HF0Xy0h28uZdoA\\=\\= div ul{font-size:1.8rem}.C2N5Sip5HF0Xy0h28uZdoA\\=\\= div ul li{display:flex;margin-bottom:1rem}.C2N5Sip5HF0Xy0h28uZdoA\\=\\= div ul li svg{margin-right:1rem}@media only screen and (min-width:768px){.C2N5Sip5HF0Xy0h28uZdoA\\=\\= .UO6hxJvyQQg2elOUZ2Z16g\\=\\={margin-right:4rem}}.C2N5Sip5HF0Xy0h28uZdoA\\=\\= .UO6hxJvyQQg2elOUZ2Z16g\\=\\= .kvDfEt53Pqnfmq37zSi9Yw\\=\\={background:var(--primary-color)}.C2N5Sip5HF0Xy0h28uZdoA\\=\\= .Sh\\+GXsSqgjyzgJOmzgKcBg\\=\\= .kvDfEt53Pqnfmq37zSi9Yw\\=\\={background:var(--color-35)}@media only screen and (max-width:767px){.C2N5Sip5HF0Xy0h28uZdoA\\=\\= .Sh\\+GXsSqgjyzgJOmzgKcBg\\=\\= .kvDfEt53Pqnfmq37zSi9Yw\\=\\={margin-top:-5.7rem}}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss","webpack://./../node_modules/gatsby-core-theme/src/components/molecules/pros-cons/pros-cons.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAoDE,yCCtCF,4BAEI,YAAA,CAAA,CAGF,gCCZA,YAAA,CACA,qBDY0B,CACxB,kBAAA,CACA,kCAAA,CACA,eAAA,CACA,iBAAA,CACA,YAAA,CDkCF,yCCxCA,gCASI,eAAA,CACA,uBAAA,CAAA,CDuBJ,yCCjCA,gCAcI,SAAA,CACA,YAAA,CACA,kBAAA,CAAA,CAGF,4DCrCF,YAAA,CACA,kBDqCwB,CCpCxB,sBDoCgC,CAC5B,iBAAA,CACA,UAAA,CACA,WAAA,CACA,kBAAA,CDSJ,yCCdE,4DAQI,kBAAA,CAAA,CAGF,gEACE,SAAA,CAIJ,6DACE,qBAAA,CACA,oBAAA,CAEE,gBAAA,CACA,gBAAA,CAIJ,mCACE,gBAAA,CAEA,sCACE,YAAA,CACA,kBAAA,CAEA,0CACE,iBAAA,CDnBR,yCCyBA,wDAEI,iBAAA,CAAA,CAGF,oFACE,+BAAA,CAIJ,qFACE,0BAAA,CD7BF,yCC4BA,qFAII,kBAAA,CAAA",sourcesContent:["$media-query-sizes: (\n  mobile-s: (\n    min: 320px,\n    max: 374px,\n  ),\n  mobile-m: (\n    min: 375px,\n    max: 424px,\n  ),\n  mobile: (\n    min: 425px,\n    max: 767px,\n  ),\n  tablet: (\n    min: 768px,\n    max: 991px,\n  ),\n  laptop: (\n    min: 992px,\n    max: 1199px,\n  ),\n  desktop: (\n    min: 1200px,\n  ),\n);\n\n// Get media query sizes\n$screen: 'only screen';\n@function media-query($media, $optional-media: '', $min: true) {\n  $media-label: '';\n\n  @if ($optional-media != '') {\n    $media-sizes-min: map-get($media-query-sizes, $media);\n    $media-sizes-max: map-get($media-query-sizes, $optional-media);\n    $media-label: $screen +\n      \" and (min-width:#{map-get($media-sizes-min, 'min')}) and (max-width:#{map-get($media-sizes-max, 'max')})\";\n  } @else {\n    $query: 'max';\n\n    @if ($min) {\n      $query: 'min';\n    }\n\n    $media-sizes: map-get($media-query-sizes, $media);\n    $media-label: $screen + ' and (#{$query}-width:#{map-get($media-sizes, $query)})';\n  }\n\n  @return $media-label;\n}\n\n// Min media query\n@mixin min($media) {\n  @media #{media-query($media)} {\n    @content;\n  }\n}\n\n// Max media query\n@mixin max($media) {\n  @media #{media-query($media, '', false)} {\n    @content;\n  }\n}\n\n// Min & max media query\n@mixin min-max($min, $max) {\n  @media #{media-query($min, $max)} {\n    @content;\n  }\n}\n\n// Use this ONLY if you need a media query that doesn't fit the $media-query-sizes breakpoints above\n// Pass number, for example @include custom-min(992)\n@mixin custom-min($min) {\n  @media #{$screen} and (min-width: #{$min}px) {\n    @content;\n  }\n}\n\n@mixin custom-max($max) {\n  @media #{$screen} and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n@mixin custom-min-max($min, $max) {\n  @media #{$screen} and (min-width: #{$min}px) and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n// Landscape\n// (If we find more use cases of this in the future, might want to refactor this and include it in the media-query function for $screen)\n// Pass number\n$landscape: 'screen and (orientation:landscape)';\n\n@mixin landscape-max($max) {\n  @media #{$landscape} and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n@mixin landscape-min($min) {\n  @media #{$landscape} and (min-width: #{$min}px) {\n    @content;\n  }\n}\n","// Global styles extended in each theme\n\n// Utils\n@import '../../../styles/utils/variables/typography';\n@import '../../../styles/utils/variables/layout';\n@import '../../../styles/utils/variables/stack-order';\n@import '../../../styles/utils/media-queries';\n@import '../../../styles/utils/icons';\n@import '../../../styles/utils/tooltip';\n@import '../../../styles/utils/loader';\n@import '../../../styles/utils/mixins';\n@import '../../../styles/utils/scrollbar';\n@import '../../../styles/utils/animations';\n\n.prosCons {\n  @include min(tablet) {\n    display: flex;\n  }\n\n  div {\n    @include flex-direction(column);\n    align-items: center;\n    border-radius: var(--border-radius);\n    background: white;\n    margin-top: 4.3rem;\n    padding: 3rem;\n\n    @include max(mobile) {\n      max-width: 45rem;\n      margin: 4.3rem auto 1rem;\n    }\n\n    @include min(tablet) {\n      width: 50%;\n      padding: 4rem;\n      margin-bottom: 1rem;\n    }\n\n    .icon {\n      @include flex-align(center, center);\n      border-radius: 50%;\n      width: 9rem;\n      height: 9rem;\n      margin-top: -7.3rem;\n\n      @include min(tablet) {\n        margin-top: -8.2rem;\n      }\n\n      svg {\n        fill: white;\n      }\n    }\n\n    .title {\n      color: var(--color-22);\n      margin: 2rem 0 2.3rem;\n      font: {\n        size: 2.4rem;\n        weight: bold;\n      }\n    }\n\n    ul {\n      font-size: 1.8rem;\n\n      li {\n        display: flex;\n        margin-bottom: 1rem;\n\n        svg {\n          margin-right: 1rem;\n        }\n      }\n    }\n  }\n\n  .pros {\n    @include min(tablet) {\n      margin-right: 4rem;\n    }\n\n    .icon {\n      background: var(--primary-color);\n    }\n  }\n\n  .cons .icon {\n    background: var(--color-35);\n\n    @include max(mobile) {\n      margin-top: calc(-7.3rem - -1.6rem);\n    }\n  }\n}\n","@mixin flex-align($align-items, $justify-content) {\n  display: flex;\n  align-items: $align-items;\n  justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n  display: flex;\n  flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n  #{$overflow-type}: $overflow-value;\n  -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n  background: $bgcolor;\n  border-radius: 100px;\n  color: $text-color;\n  font-weight: 700;\n  @include flex-align(center, center);\n  padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n  color: $color;\n\n  &:hover {\n    color: $color;\n  }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n  float: $direction;\n  @if $direction == right {\n    margin: var(--img-float-direction-right, 0 0 2.4rem 4.8rem);\n  } @else if $direction == left {\n    margin: var(--img-float-direction-left, 0 4.8rem 2.4rem 0);\n  } @else {\n    margin: 0 1em 1em 0;\n  }\n}\n\n@mixin content-img-align($direction: center, $spacing: var(--content-img-spacing, 1em)) {\n  display: block;\n  @if $direction == right {\n    margin: $spacing 0 $spacing auto;\n  } @else if $direction == left {\n    margin: $spacing auto $spacing 0;\n  } @else {\n    margin: $spacing auto;\n  }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n  position: relative;\n  &:after {\n    top: 100%;\n    left: 50%;\n    border: solid transparent;\n    content: '';\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n    border-color: rgba(0, 0, 0, 0);\n    border-top: $height solid $color;\n    border-right: calc($width / 2) solid transparent;\n    border-left: calc($width / 2) solid transparent;\n    margin-left: -calc($width / 2);\n  }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n  background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  &:hover {\n    background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  }\n}\n\n@mixin sportBtn($color1, $color2) {\n  background: linear-gradient(to bottom, $color1 0, $color2 100%);\n  &:hover {\n    background: linear-gradient(to bottom, $color2 0, $color1 100%);\n  }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n  line-height: $line-height;\n  width: $width;\n  font-weight: normal;\n  display: inline-block;\n  color: $fill-color;\n  font-size: 15px;\n  position: relative;\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n  &:last-child {\n    margin-right: 0;\n  }\n  &:before {\n    content: '\\2605';\n  }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n  line-height: 2rem;\n  width: 16px;\n  font-weight: normal;\n  display: inline-block;\n  color: $half-full-color;\n  font-size: 15px;\n  position: relative;\n  &:before {\n    content: '\\2605';\n  }\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n  &:after {\n    content: '\\2605';\n    color: $half-empty-color;\n    position: absolute;\n    width: 7px;\n    overflow: hidden;\n    bottom: 0;\n    left: 0;\n  }\n}\n\n@mixin border-gradient($color-1, $color-2, $bgcolor, $radius: 0.8rem) {\n  background: $bgcolor;\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: $radius;\n    border: 2px solid transparent;\n    background: $color-1, $color-2 border-box;\n    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: destination-out;\n    mask-composite: exclude;\n  }\n}\n\n@mixin border-gradient-single($color-1, $bgcolor, $radius: 0.8rem, $border-width: 0.1rem) {\n  background: $bgcolor;\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: $radius;\n    border: $border-width solid transparent;\n    background: $color-1 border-box;\n    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: destination-out;\n    mask-composite: exclude;\n  }\n}\n\n@mixin buttonsColor($color1, $color2, $color3, $textColor: 'white') {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  background-color: $color1;\n  color: $textColor;\n  padding: 0.9rem 3rem;\n  font-weight: 700;\n  font-size: 1.8rem;\n  border-radius: var(--border-radius);\n\n  > svg {\n    flex: none;\n    margin-left: 0.8rem;\n  }\n\n  &:hover {\n    background-color: $color2;\n    color: $textColor;\n  }\n\n  &:active {\n    background-color: $color3;\n    color: $textColor;\n  }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={prosCons:"C2N5Sip5HF0Xy0h28uZdoA==",icon:"kvDfEt53Pqnfmq37zSi9Yw==",title:"Blj+9D4y7VA7JOJt5HJzMQ==",pros:"UO6hxJvyQQg2elOUZ2Z16g==",cons:"Sh+GXsSqgjyzgJOmzgKcBg=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/{203.c847d37e.iframe.bundle.js → 203.addad7cd.iframe.bundle.js}

@@ -1 +1 @@
-(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[203],{"./src/components/atoms/cards/article-card/variables/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return variables}});__webpack_require__("../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.iterator.js");var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),hooks_link=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/link/index.js"),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.mjs"),lazy_image=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/lazy-image/index.js"),AiOutlineClockCircle=__webpack_require__("../node_modules/@react-icons/all-files/ai/AiOutlineClockCircle.js"),date_time=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/date-time.js"),MainProvider=__webpack_require__("../node_modules/gatsby-core-theme/src/context/MainProvider.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),variable_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/atoms/cards/article-card/variables/variable.module.scss"),options={insert:"head",singleton:!1},variables_variable_module=(injectStylesIntoStyleTag_default()(variable_module.Z,options),variable_module.Z.locals||{});function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var VariableComponent=function VariableComponent(_ref){var item=_ref.item,showAuthorOnOneLine=_ref.showAuthorOnOneLine,showAuthorAsLink=_ref.showAuthorAsLink,showDate=_ref.showDate,readingTime=_ref.readingTime,verifyIcon=_ref.verifyIcon,author=item.author,title=item.title,path=item.path,translations=((0,react.useContext)(MainProvider._)||{}).translations,imgSize=showAuthorOnOneLine?30:48,date=(null==item?void 0:item.updated_at)||(null==item?void 0:item.created_at),formatedDate=date&&(0,date_time.p)(date,"DD.MM.YYYY","/","en-GB");return react.createElement(react.Fragment,null,react.createElement(hooks_link.Z,{to:path,className:"article-card-gtm"},react.createElement("span",{className:(null==variables_variable_module?void 0:variables_variable_module.cardTitle)||""},title)),"object"===_typeof(author)&&react.createElement("div",{className:"".concat(showAuthorOnOneLine?(null==variables_variable_module?void 0:variables_variable_module.showAuthorOnOneLine)||"":(null==variables_variable_module?void 0:variables_variable_module.showAuthorBlock)||""," ")},react.createElement("div",{className:variables_variable_module.authorImages},react.createElement(lazy_image.Z,{alt:null==author?void 0:author.name,width:imgSize,height:imgSize,src:(0,getters.S7)(null==author?void 0:author.image,imgSize,imgSize)}),verifyIcon&&react.createElement("span",{className:variables_variable_module.verifyIcon},react.createElement(lazy_image.Z,{src:verifyIcon,alt:(0,getters.Iu)(translations,"verified","Verified"),width:10,height:10}))),react.createElement("div",{className:variables_variable_module.authorContainer},showAuthorOnOneLine&&react.createElement("p",null,react.createElement("span",null,(0,getters.Iu)(translations,"by","By"))),showAuthorAsLink?react.createElement(hooks_link.Z,{to:null==author?void 0:author.profile_page_path,title:null==author?void 0:author.name},null==author?void 0:author.name):react.createElement("span",null,null==author?void 0:author.name),showDate&&react.createElement("span",{className:(null==variables_variable_module?void 0:variables_variable_module.noLink)||""},formatedDate),readingTime&&react.createElement("span",{className:(null==variables_variable_module?void 0:variables_variable_module.readingTime)||""},react.createElement(AiOutlineClockCircle.c,{title:"Clock Icon"}),readingTime,react.createElement("p",{className:variables_variable_module.readText||""},(0,getters.Iu)(translations,"readingTime","min read"))))))};VariableComponent.propTypes={item:prop_types_default().shape({author:prop_types_default().shape({name:prop_types_default().string,profile_page_path:prop_types_default().string,twitter_profile:prop_types_default().string,image:prop_types_default().string}),title:prop_types_default().string,updated_at:prop_types_default().string,created_at:prop_types_default().string,path:prop_types_default().string,banner:prop_types_default().string}).isRequired,showAuthorOnOneLine:prop_types_default().bool,showDate:prop_types_default().bool,showAuthorAsLink:prop_types_default().bool,readingTime:prop_types_default().any,verifyIcon:prop_types_default().string},VariableComponent.__docgenInfo={description:"",methods:[],displayName:"VariableComponent",props:{item:{description:"",type:{name:"shape",value:{author:{name:"shape",value:{name:{name:"string",required:!1},profile_page_path:{name:"string",required:!1},twitter_profile:{name:"string",required:!1},image:{name:"string",required:!1}},required:!1},title:{name:"string",required:!1},updated_at:{name:"string",required:!1},created_at:{name:"string",required:!1},path:{name:"string",required:!1},banner:{name:"string",required:!1}}},required:!0},showAuthorOnOneLine:{description:"",type:{name:"bool"},required:!1},showDate:{description:"",type:{name:"bool"},required:!1},showAuthorAsLink:{description:"",type:{name:"bool"},required:!1},readingTime:{description:"",type:{name:"any"},required:!1},verifyIcon:{description:"",type:{name:"string"},required:!1}}};var variables=VariableComponent;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/cards/article-card/variables/index.js"]={name:"VariableComponent",docgenInfo:VariableComponent.__docgenInfo,path:"src/components/atoms/cards/article-card/variables/index.js"})},"../node_modules/@react-icons/all-files/ai/AiOutlineClockCircle.js":function(module,__unused_webpack_exports,__webpack_require__){var GenIcon=__webpack_require__("../node_modules/@react-icons/all-files/lib/esm/index.js").w_;module.exports.c=function AiOutlineClockCircle(props){return GenIcon({tag:"svg",attr:{viewBox:"0 0 1024 1024"},child:[{tag:"path",attr:{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"}},{tag:"path",attr:{d:"M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"}}]})(props)}},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/atoms/cards/article-card/variables/variable.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".thB0bqcpc--l1farbL-INw\\=\\={display:flex;align-items:center;justify-content:space-between;font-size:14px;line-height:22px;width:100%;gap:.2rem}.thB0bqcpc--l1farbL-INw\\=\\= img{border-radius:10rem}.thB0bqcpc--l1farbL-INw\\=\\=>div{display:flex;align-items:flex-start;justify-content:flex-start;gap:.2rem;flex-grow:1}.thB0bqcpc--l1farbL-INw\\=\\=>div>span{flex-grow:1;display:flex;align-items:flex-start;justify-content:flex-start}.thB0bqcpc--l1farbL-INw\\=\\=>div>span+span{justify-content:flex-end}.thB0bqcpc--l1farbL-INw\\=\\=>div>a+span{justify-content:flex-end}.ddk9maoh--D1dVAMlNT6xg\\=\\={display:flex;align-items:center;justify-content:flex-start;font-size:14px;line-height:22px;width:100%;gap:.5rem}.ddk9maoh--D1dVAMlNT6xg\\=\\= img{border-radius:10rem}.ddk9maoh--D1dVAMlNT6xg\\=\\=>div{display:flex;align-items:flex-start;justify-content:flex-start;gap:.2rem;flex-direction:column}.ddk9maoh--D1dVAMlNT6xg\\=\\=>div>span{flex-grow:1;display:flex;align-items:flex-end;justify-content:flex-end}._0HbJtC8Nw4tTP821X8z4zA\\=\\={position:relative}._0HbJtC8Nw4tTP821X8z4zA\\=\\= .GDAkTB5uHp1T6KUJhDOJiQ\\=\\={position:absolute;width:1rem;height:1rem;bottom:0;right:0}","",{version:3,sources:["webpack://./src/components/atoms/cards/article-card/variables/variable.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,4BCbE,YAAA,CACA,kBDaoB,CCZpB,6BDY4B,CAC5B,cAAA,CACA,gBAAA,CACA,UAAA,CACA,SAAA,CAEA,gCACE,mBAAA,CAGF,gCCxBA,YAAA,CACA,sBDwBsB,CCvBtB,0BDuBkC,CAChC,SAAA,CACA,WAAA,CACA,qCACE,WAAA,CC7BJ,YAAA,CACA,sBD6BwB,CC5BxB,0BD4BoC,CAEhC,0CACE,wBAAA,CAKF,uCACE,wBAAA,CAMR,4BC7CE,YAAA,CACA,kBD6CoB,CC5CpB,0BD4C4B,CAC5B,cAAA,CACA,gBAAA,CACA,UAAA,CACA,SAAA,CAEA,gCACE,mBAAA,CAGF,gCCxDA,YAAA,CACA,sBDwDsB,CCvDtB,0BDuDkC,CAChC,SAAA,CACA,qBAAA,CAEA,qCACE,WAAA,CC9DJ,YAAA,CACA,oBD8DwB,CC7DxB,wBD6DkC,CAKpC,6BACE,iBAAA,CACA,yDACE,iBAAA,CACA,UAAA,CACA,WAAA,CACA,QAAA,CACA,OAAA",sourcesContent:["// Global styles extended in each theme\n\n// Utils\n@import '../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/typography';\n@import '../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/layout';\n@import '../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order';\n@import '../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/media-queries';\n@import '../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/icons';\n@import '../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/tooltip';\n@import '../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/loader';\n@import '../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/mixins';\n@import '../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/scrollbar';\n@import '../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/animations';\n\n.showAuthorOnOneLine {\n  @include flex-align(center, space-between);\n  font-size: 14px;\n  line-height: 22px;\n  width: 100%;\n  gap: .2rem;\n\n  img {\n    border-radius: 10rem;\n  }\n\n  > div {\n    @include flex-align(flex-start, flex-start);\n    gap: .2rem;\n    flex-grow: 1;\n    > span {\n      flex-grow: 1;\n      @include flex-align(flex-start, flex-start);\n\n      + span {\n        justify-content: flex-end;\n      }\n    }\n\n    > a {\n      + span {\n        justify-content: flex-end;\n      }\n    }\n  }\n}\n\n.showAuthorBlock {\n  @include flex-align(center, flex-start);\n  font-size: 14px;\n  line-height: 22px;\n  width: 100%;\n  gap: .5rem;\n\n  img {\n    border-radius: 10rem;\n  }\n\n  > div {\n    @include flex-align(flex-start, flex-start);\n    gap: .2rem;\n    flex-direction: column;\n\n    >span {\n      flex-grow: 1;\n      @include flex-align(flex-end, flex-end);\n    }\n  }\n}\n\n.authorImages {\n  position: relative;\n  .verifyIcon {\n    position: absolute;\n    width: 1rem;\n    height: 1rem;\n    bottom:0;\n    right: 0;\n  }\n}","@mixin flex-align($align-items, $justify-content) {\n  display: flex;\n  align-items: $align-items;\n  justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n  display: flex;\n  flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n  #{$overflow-type}: $overflow-value;\n  -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n  background: $bgcolor;\n  border-radius: 100px;\n  color: $text-color;\n  font-weight: 700;\n  @include flex-align(center, center);\n  padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n  color: $color;\n\n  &:hover {\n    color: $color;\n  }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n  float: $direction;\n  @if $direction == right {\n    margin: var(--img-float-direction-right, 0 0 2.4rem 4.8rem);\n  } @else if $direction == left {\n    margin: var(--img-float-direction-left, 0 4.8rem 2.4rem 0);\n  } @else {\n    margin: 0 1em 1em 0;\n  }\n}\n\n@mixin content-img-align($direction: center, $spacing: var(--content-img-spacing, 1em)) {\n  display: block;\n  @if $direction == right {\n    margin: $spacing 0 $spacing auto;\n  } @else if $direction == left {\n    margin: $spacing auto $spacing 0;\n  } @else {\n    margin: $spacing auto;\n  }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n  position: relative;\n  &:after {\n    top: 100%;\n    left: 50%;\n    border: solid transparent;\n    content: '';\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n    border-color: rgba(0, 0, 0, 0);\n    border-top: $height solid $color;\n    border-right: calc($width / 2) solid transparent;\n    border-left: calc($width / 2) solid transparent;\n    margin-left: -calc($width / 2);\n  }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n  background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  &:hover {\n    background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  }\n}\n\n@mixin sportBtn($color1, $color2) {\n  background: linear-gradient(to bottom, $color1 0, $color2 100%);\n  &:hover {\n    background: linear-gradient(to bottom, $color2 0, $color1 100%);\n  }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n  line-height: $line-height;\n  width: $width;\n  font-weight: normal;\n  display: inline-block;\n  color: $fill-color;\n  font-size: 15px;\n  position: relative;\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n  &:last-child {\n    margin-right: 0;\n  }\n  &:before {\n    content: '\\2605';\n  }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n  line-height: 2rem;\n  width: 16px;\n  font-weight: normal;\n  display: inline-block;\n  color: $half-full-color;\n  font-size: 15px;\n  position: relative;\n  &:before {\n    content: '\\2605';\n  }\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n  &:after {\n    content: '\\2605';\n    color: $half-empty-color;\n    position: absolute;\n    width: 7px;\n    overflow: hidden;\n    bottom: 0;\n    left: 0;\n  }\n}\n\n@mixin border-gradient($color-1, $color-2, $bgcolor, $radius: 0.8rem) {\n  background: $bgcolor;\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: $radius;\n    border: 2px solid transparent;\n    background: $color-1, $color-2 border-box;\n    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: destination-out;\n    mask-composite: exclude;\n  }\n}\n\n@mixin buttonsColor($color1, $color2, $color3, $textColor: 'white') {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  background-color: $color1;\n  color: $textColor;\n  padding: 0.9rem 3rem;\n  font-weight: 700;\n  font-size: 1.8rem;\n  border-radius: var(--border-radius);\n\n  > svg {\n    flex: none;\n    margin-left: 0.8rem;\n  }\n\n  &:hover {\n    background-color: $color2;\n    color: $textColor;\n  }\n\n  &:active {\n    background-color: $color3;\n    color: $textColor;\n  }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={showAuthorOnOneLine:"thB0bqcpc--l1farbL-INw==",showAuthorBlock:"ddk9maoh--D1dVAMlNT6xg==",authorImages:"_0HbJtC8Nw4tTP821X8z4zA==",verifyIcon:"GDAkTB5uHp1T6KUJhDOJiQ=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);
+(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[203],{"./src/components/atoms/cards/article-card/variables/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return variables}});__webpack_require__("../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.iterator.js");var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),hooks_link=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/link/index.js"),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.mjs"),lazy_image=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/lazy-image/index.js"),AiOutlineClockCircle=__webpack_require__("../node_modules/@react-icons/all-files/ai/AiOutlineClockCircle.js"),date_time=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/date-time.js"),MainProvider=__webpack_require__("../node_modules/gatsby-core-theme/src/context/MainProvider.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),variable_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/atoms/cards/article-card/variables/variable.module.scss"),options={insert:"head",singleton:!1},variables_variable_module=(injectStylesIntoStyleTag_default()(variable_module.Z,options),variable_module.Z.locals||{});function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var VariableComponent=function VariableComponent(_ref){var item=_ref.item,showAuthorOnOneLine=_ref.showAuthorOnOneLine,showAuthorAsLink=_ref.showAuthorAsLink,showDate=_ref.showDate,readingTime=_ref.readingTime,verifyIcon=_ref.verifyIcon,author=item.author,title=item.title,path=item.path,translations=((0,react.useContext)(MainProvider._)||{}).translations,imgSize=showAuthorOnOneLine?30:48,date=(null==item?void 0:item.updated_at)||(null==item?void 0:item.created_at),formatedDate=date&&(0,date_time.p)(date,"DD.MM.YYYY","/","en-GB");return react.createElement(react.Fragment,null,react.createElement(hooks_link.Z,{to:path,className:"article-card-gtm"},react.createElement("span",{className:(null==variables_variable_module?void 0:variables_variable_module.cardTitle)||""},title)),"object"===_typeof(author)&&react.createElement("div",{className:"".concat(showAuthorOnOneLine?(null==variables_variable_module?void 0:variables_variable_module.showAuthorOnOneLine)||"":(null==variables_variable_module?void 0:variables_variable_module.showAuthorBlock)||""," ")},react.createElement("div",{className:variables_variable_module.authorImages},react.createElement(lazy_image.Z,{alt:null==author?void 0:author.name,width:imgSize,height:imgSize,src:(0,getters.S7)(null==author?void 0:author.image,imgSize,imgSize)}),verifyIcon&&react.createElement("span",{className:variables_variable_module.verifyIcon},react.createElement(lazy_image.Z,{src:verifyIcon,alt:(0,getters.Iu)(translations,"verified","Verified"),width:10,height:10}))),react.createElement("div",{className:variables_variable_module.authorContainer},showAuthorOnOneLine&&react.createElement("p",null,react.createElement("span",null,(0,getters.Iu)(translations,"by","By"))),showAuthorAsLink?react.createElement(hooks_link.Z,{to:null==author?void 0:author.profile_page_path,title:null==author?void 0:author.name},null==author?void 0:author.name):react.createElement("span",null,null==author?void 0:author.name),showDate&&react.createElement("span",{className:(null==variables_variable_module?void 0:variables_variable_module.noLink)||""},formatedDate),readingTime&&react.createElement("span",{className:(null==variables_variable_module?void 0:variables_variable_module.readingTime)||""},react.createElement(AiOutlineClockCircle.c,{title:"Clock Icon"}),readingTime,react.createElement("p",{className:variables_variable_module.readText||""},(0,getters.Iu)(translations,"readingTime","min read"))))))};VariableComponent.propTypes={item:prop_types_default().shape({author:prop_types_default().shape({name:prop_types_default().string,profile_page_path:prop_types_default().string,twitter_profile:prop_types_default().string,image:prop_types_default().string}),title:prop_types_default().string,updated_at:prop_types_default().string,created_at:prop_types_default().string,path:prop_types_default().string,banner:prop_types_default().string}).isRequired,showAuthorOnOneLine:prop_types_default().bool,showDate:prop_types_default().bool,showAuthorAsLink:prop_types_default().bool,readingTime:prop_types_default().any,verifyIcon:prop_types_default().string},VariableComponent.__docgenInfo={description:"",methods:[],displayName:"VariableComponent",props:{item:{description:"",type:{name:"shape",value:{author:{name:"shape",value:{name:{name:"string",required:!1},profile_page_path:{name:"string",required:!1},twitter_profile:{name:"string",required:!1},image:{name:"string",required:!1}},required:!1},title:{name:"string",required:!1},updated_at:{name:"string",required:!1},created_at:{name:"string",required:!1},path:{name:"string",required:!1},banner:{name:"string",required:!1}}},required:!0},showAuthorOnOneLine:{description:"",type:{name:"bool"},required:!1},showDate:{description:"",type:{name:"bool"},required:!1},showAuthorAsLink:{description:"",type:{name:"bool"},required:!1},readingTime:{description:"",type:{name:"any"},required:!1},verifyIcon:{description:"",type:{name:"string"},required:!1}}};var variables=VariableComponent;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/cards/article-card/variables/index.js"]={name:"VariableComponent",docgenInfo:VariableComponent.__docgenInfo,path:"src/components/atoms/cards/article-card/variables/index.js"})},"../node_modules/@react-icons/all-files/ai/AiOutlineClockCircle.js":function(module,__unused_webpack_exports,__webpack_require__){var GenIcon=__webpack_require__("../node_modules/@react-icons/all-files/lib/esm/index.js").w_;module.exports.c=function AiOutlineClockCircle(props){return GenIcon({tag:"svg",attr:{viewBox:"0 0 1024 1024"},child:[{tag:"path",attr:{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"}},{tag:"path",attr:{d:"M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"}}]})(props)}},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/atoms/cards/article-card/variables/variable.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".thB0bqcpc--l1farbL-INw\\=\\={display:flex;align-items:center;justify-content:space-between;font-size:14px;line-height:22px;width:100%;gap:.2rem}.thB0bqcpc--l1farbL-INw\\=\\= img{border-radius:10rem}.thB0bqcpc--l1farbL-INw\\=\\=>div{display:flex;align-items:flex-start;justify-content:flex-start;gap:.2rem;flex-grow:1}.thB0bqcpc--l1farbL-INw\\=\\=>div>span{flex-grow:1;display:flex;align-items:flex-start;justify-content:flex-start}.thB0bqcpc--l1farbL-INw\\=\\=>div>span+span{justify-content:flex-end}.thB0bqcpc--l1farbL-INw\\=\\=>div>a+span{justify-content:flex-end}.ddk9maoh--D1dVAMlNT6xg\\=\\={display:flex;align-items:center;justify-content:flex-start;font-size:14px;line-height:22px;width:100%;gap:.5rem}.ddk9maoh--D1dVAMlNT6xg\\=\\= img{border-radius:10rem}.ddk9maoh--D1dVAMlNT6xg\\=\\=>div{display:flex;align-items:flex-start;justify-content:flex-start;gap:.2rem;flex-direction:column}.ddk9maoh--D1dVAMlNT6xg\\=\\=>div>span{flex-grow:1;display:flex;align-items:flex-end;justify-content:flex-end}._0HbJtC8Nw4tTP821X8z4zA\\=\\={position:relative}._0HbJtC8Nw4tTP821X8z4zA\\=\\= .GDAkTB5uHp1T6KUJhDOJiQ\\=\\={position:absolute;width:1rem;height:1rem;bottom:0;right:0}","",{version:3,sources:["webpack://./src/components/atoms/cards/article-card/variables/variable.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,4BCbE,YAAA,CACA,kBDaoB,CCZpB,6BDY4B,CAC5B,cAAA,CACA,gBAAA,CACA,UAAA,CACA,SAAA,CAEA,gCACE,mBAAA,CAGF,gCCxBA,YAAA,CACA,sBDwBsB,CCvBtB,0BDuBkC,CAChC,SAAA,CACA,WAAA,CACA,qCACE,WAAA,CC7BJ,YAAA,CACA,sBD6BwB,CC5BxB,0BD4BoC,CAEhC,0CACE,wBAAA,CAKF,uCACE,wBAAA,CAMR,4BC7CE,YAAA,CACA,kBD6CoB,CC5CpB,0BD4C4B,CAC5B,cAAA,CACA,gBAAA,CACA,UAAA,CACA,SAAA,CAEA,gCACE,mBAAA,CAGF,gCCxDA,YAAA,CACA,sBDwDsB,CCvDtB,0BDuDkC,CAChC,SAAA,CACA,qBAAA,CAEA,qCACE,WAAA,CC9DJ,YAAA,CACA,oBD8DwB,CC7DxB,wBD6DkC,CAKpC,6BACE,iBAAA,CACA,yDACE,iBAAA,CACA,UAAA,CACA,WAAA,CACA,QAAA,CACA,OAAA",sourcesContent:["// Global styles extended in each theme\n\n// Utils\n@import '../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/typography';\n@import '../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/layout';\n@import '../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order';\n@import '../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/media-queries';\n@import '../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/icons';\n@import '../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/tooltip';\n@import '../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/loader';\n@import '../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/mixins';\n@import '../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/scrollbar';\n@import '../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/animations';\n\n.showAuthorOnOneLine {\n  @include flex-align(center, space-between);\n  font-size: 14px;\n  line-height: 22px;\n  width: 100%;\n  gap: .2rem;\n\n  img {\n    border-radius: 10rem;\n  }\n\n  > div {\n    @include flex-align(flex-start, flex-start);\n    gap: .2rem;\n    flex-grow: 1;\n    > span {\n      flex-grow: 1;\n      @include flex-align(flex-start, flex-start);\n\n      + span {\n        justify-content: flex-end;\n      }\n    }\n\n    > a {\n      + span {\n        justify-content: flex-end;\n      }\n    }\n  }\n}\n\n.showAuthorBlock {\n  @include flex-align(center, flex-start);\n  font-size: 14px;\n  line-height: 22px;\n  width: 100%;\n  gap: .5rem;\n\n  img {\n    border-radius: 10rem;\n  }\n\n  > div {\n    @include flex-align(flex-start, flex-start);\n    gap: .2rem;\n    flex-direction: column;\n\n    >span {\n      flex-grow: 1;\n      @include flex-align(flex-end, flex-end);\n    }\n  }\n}\n\n.authorImages {\n  position: relative;\n  .verifyIcon {\n    position: absolute;\n    width: 1rem;\n    height: 1rem;\n    bottom:0;\n    right: 0;\n  }\n}","@mixin flex-align($align-items, $justify-content) {\n  display: flex;\n  align-items: $align-items;\n  justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n  display: flex;\n  flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n  #{$overflow-type}: $overflow-value;\n  -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n  background: $bgcolor;\n  border-radius: 100px;\n  color: $text-color;\n  font-weight: 700;\n  @include flex-align(center, center);\n  padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n  color: $color;\n\n  &:hover {\n    color: $color;\n  }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n  float: $direction;\n  @if $direction == right {\n    margin: var(--img-float-direction-right, 0 0 2.4rem 4.8rem);\n  } @else if $direction == left {\n    margin: var(--img-float-direction-left, 0 4.8rem 2.4rem 0);\n  } @else {\n    margin: 0 1em 1em 0;\n  }\n}\n\n@mixin content-img-align($direction: center, $spacing: var(--content-img-spacing, 1em)) {\n  display: block;\n  @if $direction == right {\n    margin: $spacing 0 $spacing auto;\n  } @else if $direction == left {\n    margin: $spacing auto $spacing 0;\n  } @else {\n    margin: $spacing auto;\n  }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n  position: relative;\n  &:after {\n    top: 100%;\n    left: 50%;\n    border: solid transparent;\n    content: '';\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n    border-color: rgba(0, 0, 0, 0);\n    border-top: $height solid $color;\n    border-right: calc($width / 2) solid transparent;\n    border-left: calc($width / 2) solid transparent;\n    margin-left: -calc($width / 2);\n  }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n  background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  &:hover {\n    background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  }\n}\n\n@mixin sportBtn($color1, $color2) {\n  background: linear-gradient(to bottom, $color1 0, $color2 100%);\n  &:hover {\n    background: linear-gradient(to bottom, $color2 0, $color1 100%);\n  }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n  line-height: $line-height;\n  width: $width;\n  font-weight: normal;\n  display: inline-block;\n  color: $fill-color;\n  font-size: 15px;\n  position: relative;\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n  &:last-child {\n    margin-right: 0;\n  }\n  &:before {\n    content: '\\2605';\n  }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n  line-height: 2rem;\n  width: 16px;\n  font-weight: normal;\n  display: inline-block;\n  color: $half-full-color;\n  font-size: 15px;\n  position: relative;\n  &:before {\n    content: '\\2605';\n  }\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n  &:after {\n    content: '\\2605';\n    color: $half-empty-color;\n    position: absolute;\n    width: 7px;\n    overflow: hidden;\n    bottom: 0;\n    left: 0;\n  }\n}\n\n@mixin border-gradient($color-1, $color-2, $bgcolor, $radius: 0.8rem) {\n  background: $bgcolor;\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: $radius;\n    border: 2px solid transparent;\n    background: $color-1, $color-2 border-box;\n    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: destination-out;\n    mask-composite: exclude;\n  }\n}\n\n@mixin border-gradient-single($color-1, $bgcolor, $radius: 0.8rem, $border-width: 0.1rem) {\n  background: $bgcolor;\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: $radius;\n    border: $border-width solid transparent;\n    background: $color-1 border-box;\n    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: destination-out;\n    mask-composite: exclude;\n  }\n}\n\n@mixin buttonsColor($color1, $color2, $color3, $textColor: 'white') {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  background-color: $color1;\n  color: $textColor;\n  padding: 0.9rem 3rem;\n  font-weight: 700;\n  font-size: 1.8rem;\n  border-radius: var(--border-radius);\n\n  > svg {\n    flex: none;\n    margin-left: 0.8rem;\n  }\n\n  &:hover {\n    background-color: $color2;\n    color: $textColor;\n  }\n\n  &:active {\n    background-color: $color3;\n    color: $textColor;\n  }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={showAuthorOnOneLine:"thB0bqcpc--l1farbL-INw==",showAuthorBlock:"ddk9maoh--D1dVAMlNT6xg==",authorImages:"_0HbJtC8Nw4tTP821X8z4zA==",verifyIcon:"GDAkTB5uHp1T6KUJhDOJiQ=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/{238.ef62d1ab.iframe.bundle.js → 238.c12c9b55.iframe.bundle.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[238],{"../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/operator.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return operator}});var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("../node_modules/gatsby-core-theme/node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),lazy_image=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/lazy-image/index.js"),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.mjs"),operator_cta=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/button/operator-cta.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),operator_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/operator.module.scss"),options={insert:"head",singleton:!1},autocomplete_operator_module=(injectStylesIntoStyleTag_default()(operator_module.Z,options),operator_module.Z.locals||{}),Operator=function Operator(_ref){var _relation$standardise,_ref$item=_ref.item,item=void 0===_ref$item?{}:_ref$item,relation=item.relation,img=(null==relation||null===(_relation$standardise=relation.standardised_logo_url_object)||void 0===_relation$standardise?void 0:_relation$standardise.filename)||relation.logo_url;return react.createElement("div",{className:autocomplete_operator_module.row||""},react.createElement(lazy_image.Z,{width:56,height:56,src:(0,getters.S7)(img,56,56),alt:item.title}),react.createElement("h3",null,item.title),react.createElement(operator_cta.Z,{module:"search",operator:relation,gtmClass:"toplist-operator-cta-gtm"}))};Operator.displayName="Operator",Operator.propTypes={item:prop_types_default().shape({title:prop_types_default().string,relation:prop_types_default().shape({logo_url:prop_types_default().string})}).isRequired},Operator.__docgenInfo={description:"",methods:[],displayName:"Operator",props:{item:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"shape",value:{title:{name:"string",required:!1},relation:{name:"shape",value:{logo_url:{name:"string",required:!1}},required:!1}}},required:!1}}};var operator=Operator;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/operator.js"]={name:"Operator",docgenInfo:Operator.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/operator.js"})},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/operator.module.scss":function(module,__webpack_exports__,__webpack_require__){var _css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".r58fNxDfcLwVDC\\+bB1aHXg\\=\\={display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:0 1rem;border-top:1px solid #ccc}.r58fNxDfcLwVDC\\+bB1aHXg\\=\\= img{max-width:6.5rem}.r58fNxDfcLwVDC\\+bB1aHXg\\=\\= h3{font-size:1.6rem}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/operator.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,6BCbE,YAAA,CACA,kBDaoB,CCZpB,6BDY4B,CAC5B,qBAAA,CACA,cAAA,CACA,yBAAA,CACA,iCACE,gBAAA,CAEF,gCACE,gBAAA",sourcesContent:["// Global styles extended in each theme\n\n// Utils\n@import '../../../../styles/utils/variables/typography';\n@import '../../../../styles/utils/variables/layout';\n@import '../../../../styles/utils/variables/stack-order';\n@import '../../../../styles/utils/media-queries';\n@import '../../../../styles/utils/icons';\n@import '../../../../styles/utils/tooltip';\n@import '../../../../styles/utils/loader';\n@import '../../../../styles/utils/mixins';\n@import '../../../../styles/utils/scrollbar';\n@import '../../../../styles/utils/animations';\n\n.row {\n  @include flex-align(center, space-between);\n  background-color: white;\n  padding: 0 1rem;\n  border-top: 1px solid #ccc;\n  img {\n    max-width: 6.5rem;\n  }\n  h3 {\n    font-size: 1.6rem;\n  }\n}\n","@mixin flex-align($align-items, $justify-content) {\n  display: flex;\n  align-items: $align-items;\n  justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n  display: flex;\n  flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n  #{$overflow-type}: $overflow-value;\n  -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n  background: $bgcolor;\n  border-radius: 100px;\n  color: $text-color;\n  font-weight: 700;\n  @include flex-align(center, center);\n  padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n  color: $color;\n\n  &:hover {\n    color: $color;\n  }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n  float: $direction;\n  @if $direction == right {\n    margin: var(--img-float-direction-right, 0 0 2.4rem 4.8rem);\n  } @else if $direction == left {\n    margin: var(--img-float-direction-left, 0 4.8rem 2.4rem 0);\n  } @else {\n    margin: 0 1em 1em 0;\n  }\n}\n\n@mixin content-img-align($direction: center, $spacing: var(--content-img-spacing, 1em)) {\n  display: block;\n  @if $direction == right {\n    margin: $spacing 0 $spacing auto;\n  } @else if $direction == left {\n    margin: $spacing auto $spacing 0;\n  } @else {\n    margin: $spacing auto;\n  }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n  position: relative;\n  &:after {\n    top: 100%;\n    left: 50%;\n    border: solid transparent;\n    content: '';\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n    border-color: rgba(0, 0, 0, 0);\n    border-top: $height solid $color;\n    border-right: calc($width / 2) solid transparent;\n    border-left: calc($width / 2) solid transparent;\n    margin-left: -calc($width / 2);\n  }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n  background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  &:hover {\n    background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  }\n}\n\n@mixin sportBtn($color1, $color2) {\n  background: linear-gradient(to bottom, $color1 0, $color2 100%);\n  &:hover {\n    background: linear-gradient(to bottom, $color2 0, $color1 100%);\n  }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n  line-height: $line-height;\n  width: $width;\n  font-weight: normal;\n  display: inline-block;\n  color: $fill-color;\n  font-size: 15px;\n  position: relative;\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n  &:last-child {\n    margin-right: 0;\n  }\n  &:before {\n    content: '\\2605';\n  }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n  line-height: 2rem;\n  width: 16px;\n  font-weight: normal;\n  display: inline-block;\n  color: $half-full-color;\n  font-size: 15px;\n  position: relative;\n  &:before {\n    content: '\\2605';\n  }\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n  &:after {\n    content: '\\2605';\n    color: $half-empty-color;\n    position: absolute;\n    width: 7px;\n    overflow: hidden;\n    bottom: 0;\n    left: 0;\n  }\n}\n\n@mixin border-gradient($color-1, $color-2, $bgcolor, $radius: 0.8rem) {\n  background: $bgcolor;\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: $radius;\n    border: 2px solid transparent;\n    background: $color-1, $color-2 border-box;\n    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: destination-out;\n    mask-composite: exclude;\n  }\n}\n\n@mixin buttonsColor($color1, $color2, $color3, $textColor: 'white') {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  background-color: $color1;\n  color: $textColor;\n  padding: 0.9rem 3rem;\n  font-weight: 700;\n  font-size: 1.8rem;\n  border-radius: var(--border-radius);\n\n  > svg {\n    flex: none;\n    margin-left: 0.8rem;\n  }\n\n  &:hover {\n    background-color: $color2;\n    color: $textColor;\n  }\n\n  &:active {\n    background-color: $color3;\n    color: $textColor;\n  }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={row:"r58fNxDfcLwVDC+bB1aHXg=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);
+"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[238],{"../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/operator.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return operator}});var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("../node_modules/gatsby-core-theme/node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),lazy_image=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/lazy-image/index.js"),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.mjs"),operator_cta=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/button/operator-cta.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),operator_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/operator.module.scss"),options={insert:"head",singleton:!1},autocomplete_operator_module=(injectStylesIntoStyleTag_default()(operator_module.Z,options),operator_module.Z.locals||{}),Operator=function Operator(_ref){var _relation$standardise,_ref$item=_ref.item,item=void 0===_ref$item?{}:_ref$item,relation=item.relation,img=(null==relation||null===(_relation$standardise=relation.standardised_logo_url_object)||void 0===_relation$standardise?void 0:_relation$standardise.filename)||relation.logo_url;return react.createElement("div",{className:autocomplete_operator_module.row||""},react.createElement(lazy_image.Z,{width:56,height:56,src:(0,getters.S7)(img,56,56),alt:item.title}),react.createElement("h3",null,item.title),react.createElement(operator_cta.Z,{module:"search",operator:relation,gtmClass:"toplist-operator-cta-gtm"}))};Operator.displayName="Operator",Operator.propTypes={item:prop_types_default().shape({title:prop_types_default().string,relation:prop_types_default().shape({logo_url:prop_types_default().string})}).isRequired},Operator.__docgenInfo={description:"",methods:[],displayName:"Operator",props:{item:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"shape",value:{title:{name:"string",required:!1},relation:{name:"shape",value:{logo_url:{name:"string",required:!1}},required:!1}}},required:!1}}};var operator=Operator;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/operator.js"]={name:"Operator",docgenInfo:Operator.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/operator.js"})},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/operator.module.scss":function(module,__webpack_exports__,__webpack_require__){var _css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".r58fNxDfcLwVDC\\+bB1aHXg\\=\\={display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:0 1rem;border-top:1px solid #ccc}.r58fNxDfcLwVDC\\+bB1aHXg\\=\\= img{max-width:6.5rem}.r58fNxDfcLwVDC\\+bB1aHXg\\=\\= h3{font-size:1.6rem}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/operator.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,6BCbE,YAAA,CACA,kBDaoB,CCZpB,6BDY4B,CAC5B,qBAAA,CACA,cAAA,CACA,yBAAA,CACA,iCACE,gBAAA,CAEF,gCACE,gBAAA",sourcesContent:["// Global styles extended in each theme\n\n// Utils\n@import '../../../../styles/utils/variables/typography';\n@import '../../../../styles/utils/variables/layout';\n@import '../../../../styles/utils/variables/stack-order';\n@import '../../../../styles/utils/media-queries';\n@import '../../../../styles/utils/icons';\n@import '../../../../styles/utils/tooltip';\n@import '../../../../styles/utils/loader';\n@import '../../../../styles/utils/mixins';\n@import '../../../../styles/utils/scrollbar';\n@import '../../../../styles/utils/animations';\n\n.row {\n  @include flex-align(center, space-between);\n  background-color: white;\n  padding: 0 1rem;\n  border-top: 1px solid #ccc;\n  img {\n    max-width: 6.5rem;\n  }\n  h3 {\n    font-size: 1.6rem;\n  }\n}\n","@mixin flex-align($align-items, $justify-content) {\n  display: flex;\n  align-items: $align-items;\n  justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n  display: flex;\n  flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n  #{$overflow-type}: $overflow-value;\n  -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n  background: $bgcolor;\n  border-radius: 100px;\n  color: $text-color;\n  font-weight: 700;\n  @include flex-align(center, center);\n  padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n  color: $color;\n\n  &:hover {\n    color: $color;\n  }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n  float: $direction;\n  @if $direction == right {\n    margin: var(--img-float-direction-right, 0 0 2.4rem 4.8rem);\n  } @else if $direction == left {\n    margin: var(--img-float-direction-left, 0 4.8rem 2.4rem 0);\n  } @else {\n    margin: 0 1em 1em 0;\n  }\n}\n\n@mixin content-img-align($direction: center, $spacing: var(--content-img-spacing, 1em)) {\n  display: block;\n  @if $direction == right {\n    margin: $spacing 0 $spacing auto;\n  } @else if $direction == left {\n    margin: $spacing auto $spacing 0;\n  } @else {\n    margin: $spacing auto;\n  }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n  position: relative;\n  &:after {\n    top: 100%;\n    left: 50%;\n    border: solid transparent;\n    content: '';\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n    border-color: rgba(0, 0, 0, 0);\n    border-top: $height solid $color;\n    border-right: calc($width / 2) solid transparent;\n    border-left: calc($width / 2) solid transparent;\n    margin-left: -calc($width / 2);\n  }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n  background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  &:hover {\n    background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  }\n}\n\n@mixin sportBtn($color1, $color2) {\n  background: linear-gradient(to bottom, $color1 0, $color2 100%);\n  &:hover {\n    background: linear-gradient(to bottom, $color2 0, $color1 100%);\n  }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n  line-height: $line-height;\n  width: $width;\n  font-weight: normal;\n  display: inline-block;\n  color: $fill-color;\n  font-size: 15px;\n  position: relative;\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n  &:last-child {\n    margin-right: 0;\n  }\n  &:before {\n    content: '\\2605';\n  }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n  line-height: 2rem;\n  width: 16px;\n  font-weight: normal;\n  display: inline-block;\n  color: $half-full-color;\n  font-size: 15px;\n  position: relative;\n  &:before {\n    content: '\\2605';\n  }\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n  &:after {\n    content: '\\2605';\n    color: $half-empty-color;\n    position: absolute;\n    width: 7px;\n    overflow: hidden;\n    bottom: 0;\n    left: 0;\n  }\n}\n\n@mixin border-gradient($color-1, $color-2, $bgcolor, $radius: 0.8rem) {\n  background: $bgcolor;\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: $radius;\n    border: 2px solid transparent;\n    background: $color-1, $color-2 border-box;\n    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: destination-out;\n    mask-composite: exclude;\n  }\n}\n\n@mixin border-gradient-single($color-1, $bgcolor, $radius: 0.8rem, $border-width: 0.1rem) {\n  background: $bgcolor;\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: $radius;\n    border: $border-width solid transparent;\n    background: $color-1 border-box;\n    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: destination-out;\n    mask-composite: exclude;\n  }\n}\n\n@mixin buttonsColor($color1, $color2, $color3, $textColor: 'white') {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  background-color: $color1;\n  color: $textColor;\n  padding: 0.9rem 3rem;\n  font-weight: 700;\n  font-size: 1.8rem;\n  border-radius: var(--border-radius);\n\n  > svg {\n    flex: none;\n    margin-left: 0.8rem;\n  }\n\n  &:hover {\n    background-color: $color2;\n    color: $textColor;\n  }\n\n  &:active {\n    background-color: $color3;\n    color: $textColor;\n  }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={row:"r58fNxDfcLwVDC+bB1aHXg=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/{343.34b4aca2.iframe.bundle.js → 343.0aa2f344.iframe.bundle.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[343],{"../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/game.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return game}});var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("../node_modules/gatsby-core-theme/node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),game_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/game.module.scss"),options={insert:"head",singleton:!1},autocomplete_game_module=(injectStylesIntoStyleTag_default()(game_module.Z,options),game_module.Z.locals||{}),Game=function Game(_ref){var _ref$item=_ref.item,item=void 0===_ref$item?{}:_ref$item;return react.createElement("div",{className:autocomplete_game_module.row||""},react.createElement("h3",null,item.title))};Game.displayName="Game",Game.propTypes={item:prop_types_default().shape({title:prop_types_default().string}).isRequired},Game.__docgenInfo={description:"",methods:[],displayName:"Game",props:{item:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"shape",value:{title:{name:"string",required:!1}}},required:!1}}};var game=Game;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/game.js"]={name:"Game",docgenInfo:Game.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/game.js"})},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/game.module.scss":function(module,__webpack_exports__,__webpack_require__){var _css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".kFHTXGonUmeUo4L5waNvpw\\=\\={display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:0 1rem;border-top:1px solid #ccc}.kFHTXGonUmeUo4L5waNvpw\\=\\= h3{font-size:1.6rem}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/game.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,4BCbE,YAAA,CACA,kBDaoB,CCZpB,6BDY4B,CAC5B,qBAAA,CACA,cAAA,CACA,yBAAA,CACA,+BACE,gBAAA",sourcesContent:["// Global styles extended in each theme\n\n// Utils\n@import '../../../../styles/utils/variables/typography';\n@import '../../../../styles/utils/variables/layout';\n@import '../../../../styles/utils/variables/stack-order';\n@import '../../../../styles/utils/media-queries';\n@import '../../../../styles/utils/icons';\n@import '../../../../styles/utils/tooltip';\n@import '../../../../styles/utils/loader';\n@import '../../../../styles/utils/mixins';\n@import '../../../../styles/utils/scrollbar';\n@import '../../../../styles/utils/animations';\n\n.row {\n  @include flex-align(center, space-between);\n  background-color: white;\n  padding: 0 1rem;\n  border-top: 1px solid #ccc;\n  h3 {\n    font-size: 1.6rem;\n  }\n}\n","@mixin flex-align($align-items, $justify-content) {\n  display: flex;\n  align-items: $align-items;\n  justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n  display: flex;\n  flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n  #{$overflow-type}: $overflow-value;\n  -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n  background: $bgcolor;\n  border-radius: 100px;\n  color: $text-color;\n  font-weight: 700;\n  @include flex-align(center, center);\n  padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n  color: $color;\n\n  &:hover {\n    color: $color;\n  }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n  float: $direction;\n  @if $direction == right {\n    margin: var(--img-float-direction-right, 0 0 2.4rem 4.8rem);\n  } @else if $direction == left {\n    margin: var(--img-float-direction-left, 0 4.8rem 2.4rem 0);\n  } @else {\n    margin: 0 1em 1em 0;\n  }\n}\n\n@mixin content-img-align($direction: center, $spacing: var(--content-img-spacing, 1em)) {\n  display: block;\n  @if $direction == right {\n    margin: $spacing 0 $spacing auto;\n  } @else if $direction == left {\n    margin: $spacing auto $spacing 0;\n  } @else {\n    margin: $spacing auto;\n  }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n  position: relative;\n  &:after {\n    top: 100%;\n    left: 50%;\n    border: solid transparent;\n    content: '';\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n    border-color: rgba(0, 0, 0, 0);\n    border-top: $height solid $color;\n    border-right: calc($width / 2) solid transparent;\n    border-left: calc($width / 2) solid transparent;\n    margin-left: -calc($width / 2);\n  }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n  background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  &:hover {\n    background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  }\n}\n\n@mixin sportBtn($color1, $color2) {\n  background: linear-gradient(to bottom, $color1 0, $color2 100%);\n  &:hover {\n    background: linear-gradient(to bottom, $color2 0, $color1 100%);\n  }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n  line-height: $line-height;\n  width: $width;\n  font-weight: normal;\n  display: inline-block;\n  color: $fill-color;\n  font-size: 15px;\n  position: relative;\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n  &:last-child {\n    margin-right: 0;\n  }\n  &:before {\n    content: '\\2605';\n  }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n  line-height: 2rem;\n  width: 16px;\n  font-weight: normal;\n  display: inline-block;\n  color: $half-full-color;\n  font-size: 15px;\n  position: relative;\n  &:before {\n    content: '\\2605';\n  }\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n  &:after {\n    content: '\\2605';\n    color: $half-empty-color;\n    position: absolute;\n    width: 7px;\n    overflow: hidden;\n    bottom: 0;\n    left: 0;\n  }\n}\n\n@mixin border-gradient($color-1, $color-2, $bgcolor, $radius: 0.8rem) {\n  background: $bgcolor;\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: $radius;\n    border: 2px solid transparent;\n    background: $color-1, $color-2 border-box;\n    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: destination-out;\n    mask-composite: exclude;\n  }\n}\n\n@mixin buttonsColor($color1, $color2, $color3, $textColor: 'white') {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  background-color: $color1;\n  color: $textColor;\n  padding: 0.9rem 3rem;\n  font-weight: 700;\n  font-size: 1.8rem;\n  border-radius: var(--border-radius);\n\n  > svg {\n    flex: none;\n    margin-left: 0.8rem;\n  }\n\n  &:hover {\n    background-color: $color2;\n    color: $textColor;\n  }\n\n  &:active {\n    background-color: $color3;\n    color: $textColor;\n  }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={row:"kFHTXGonUmeUo4L5waNvpw=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);
+"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[343],{"../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/game.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return game}});var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("../node_modules/gatsby-core-theme/node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),game_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/game.module.scss"),options={insert:"head",singleton:!1},autocomplete_game_module=(injectStylesIntoStyleTag_default()(game_module.Z,options),game_module.Z.locals||{}),Game=function Game(_ref){var _ref$item=_ref.item,item=void 0===_ref$item?{}:_ref$item;return react.createElement("div",{className:autocomplete_game_module.row||""},react.createElement("h3",null,item.title))};Game.displayName="Game",Game.propTypes={item:prop_types_default().shape({title:prop_types_default().string}).isRequired},Game.__docgenInfo={description:"",methods:[],displayName:"Game",props:{item:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"shape",value:{title:{name:"string",required:!1}}},required:!1}}};var game=Game;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/game.js"]={name:"Game",docgenInfo:Game.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/game.js"})},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/game.module.scss":function(module,__webpack_exports__,__webpack_require__){var _css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".kFHTXGonUmeUo4L5waNvpw\\=\\={display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:0 1rem;border-top:1px solid #ccc}.kFHTXGonUmeUo4L5waNvpw\\=\\= h3{font-size:1.6rem}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/game.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,4BCbE,YAAA,CACA,kBDaoB,CCZpB,6BDY4B,CAC5B,qBAAA,CACA,cAAA,CACA,yBAAA,CACA,+BACE,gBAAA",sourcesContent:["// Global styles extended in each theme\n\n// Utils\n@import '../../../../styles/utils/variables/typography';\n@import '../../../../styles/utils/variables/layout';\n@import '../../../../styles/utils/variables/stack-order';\n@import '../../../../styles/utils/media-queries';\n@import '../../../../styles/utils/icons';\n@import '../../../../styles/utils/tooltip';\n@import '../../../../styles/utils/loader';\n@import '../../../../styles/utils/mixins';\n@import '../../../../styles/utils/scrollbar';\n@import '../../../../styles/utils/animations';\n\n.row {\n  @include flex-align(center, space-between);\n  background-color: white;\n  padding: 0 1rem;\n  border-top: 1px solid #ccc;\n  h3 {\n    font-size: 1.6rem;\n  }\n}\n","@mixin flex-align($align-items, $justify-content) {\n  display: flex;\n  align-items: $align-items;\n  justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n  display: flex;\n  flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n  #{$overflow-type}: $overflow-value;\n  -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n  background: $bgcolor;\n  border-radius: 100px;\n  color: $text-color;\n  font-weight: 700;\n  @include flex-align(center, center);\n  padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n  color: $color;\n\n  &:hover {\n    color: $color;\n  }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n  float: $direction;\n  @if $direction == right {\n    margin: var(--img-float-direction-right, 0 0 2.4rem 4.8rem);\n  } @else if $direction == left {\n    margin: var(--img-float-direction-left, 0 4.8rem 2.4rem 0);\n  } @else {\n    margin: 0 1em 1em 0;\n  }\n}\n\n@mixin content-img-align($direction: center, $spacing: var(--content-img-spacing, 1em)) {\n  display: block;\n  @if $direction == right {\n    margin: $spacing 0 $spacing auto;\n  } @else if $direction == left {\n    margin: $spacing auto $spacing 0;\n  } @else {\n    margin: $spacing auto;\n  }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n  position: relative;\n  &:after {\n    top: 100%;\n    left: 50%;\n    border: solid transparent;\n    content: '';\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n    border-color: rgba(0, 0, 0, 0);\n    border-top: $height solid $color;\n    border-right: calc($width / 2) solid transparent;\n    border-left: calc($width / 2) solid transparent;\n    margin-left: -calc($width / 2);\n  }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n  background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  &:hover {\n    background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  }\n}\n\n@mixin sportBtn($color1, $color2) {\n  background: linear-gradient(to bottom, $color1 0, $color2 100%);\n  &:hover {\n    background: linear-gradient(to bottom, $color2 0, $color1 100%);\n  }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n  line-height: $line-height;\n  width: $width;\n  font-weight: normal;\n  display: inline-block;\n  color: $fill-color;\n  font-size: 15px;\n  position: relative;\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n  &:last-child {\n    margin-right: 0;\n  }\n  &:before {\n    content: '\\2605';\n  }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n  line-height: 2rem;\n  width: 16px;\n  font-weight: normal;\n  display: inline-block;\n  color: $half-full-color;\n  font-size: 15px;\n  position: relative;\n  &:before {\n    content: '\\2605';\n  }\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n  &:after {\n    content: '\\2605';\n    color: $half-empty-color;\n    position: absolute;\n    width: 7px;\n    overflow: hidden;\n    bottom: 0;\n    left: 0;\n  }\n}\n\n@mixin border-gradient($color-1, $color-2, $bgcolor, $radius: 0.8rem) {\n  background: $bgcolor;\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: $radius;\n    border: 2px solid transparent;\n    background: $color-1, $color-2 border-box;\n    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: destination-out;\n    mask-composite: exclude;\n  }\n}\n\n@mixin border-gradient-single($color-1, $bgcolor, $radius: 0.8rem, $border-width: 0.1rem) {\n  background: $bgcolor;\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: $radius;\n    border: $border-width solid transparent;\n    background: $color-1 border-box;\n    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: destination-out;\n    mask-composite: exclude;\n  }\n}\n\n@mixin buttonsColor($color1, $color2, $color3, $textColor: 'white') {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  background-color: $color1;\n  color: $textColor;\n  padding: 0.9rem 3rem;\n  font-weight: 700;\n  font-size: 1.8rem;\n  border-radius: var(--border-radius);\n\n  > svg {\n    flex: none;\n    margin-left: 0.8rem;\n  }\n\n  &:hover {\n    background-color: $color2;\n    color: $textColor;\n  }\n\n  &:active {\n    background-color: $color3;\n    color: $textColor;\n  }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={row:"kFHTXGonUmeUo4L5waNvpw=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/{347.e9e9fb35.iframe.bundle.js → 347.f916517d.iframe.bundle.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[347],{"./src/components/organisms/cards/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return index}});__webpack_require__("../node_modules/core-js/modules/es.promise.js"),__webpack_require__("../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.iterator.js");var react=__webpack_require__("../node_modules/react/index.js"),loadable_esm=__webpack_require__("../node_modules/@loadable/component/dist/loadable.esm.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),strings=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/strings.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styles_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/organisms/cards/module-introduction/styles.module.scss"),options={insert:"head",singleton:!1},module_introduction_styles_module=(injectStylesIntoStyleTag_default()(styles_module.Z,options),styles_module.Z.locals||{}),module_title=__webpack_require__("./src/gatsby-core-theme/components/atoms/module-title/index.js"),helpers_strings=__webpack_require__("./src/helpers/strings.js"),see_more=__webpack_require__("./src/components/atoms/see-more/index.js"),ModuleIntroduction=function ModuleIntroduction(_ref){var module=_ref.module,_ref$showSeeMore=_ref.showSeeMore,showSeeMore=void 0!==_ref$showSeeMore&&_ref$showSeeMore,anchorLabel=(null==module?void 0:module.anchor_label)&&(0,helpers_strings.t5)((0,strings.CB)(null==module?void 0:module.anchor_label)),ModuleIntro=null!=module&&module.module_introduction&&"<p></p>"!==(null==module?void 0:module.module_introduction)?(0,loadable_esm.ZP)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"../node_modules/gatsby-core-theme/src/components/molecules/content/index.js"))})):null;return react.createElement("div",{className:ModuleIntro?"":module_introduction_styles_module.noIntroModuleCards},react.createElement(module_title.Z,{module:module,anchorLabel:"archive"===module.name&&anchorLabel,showMoreLink:!ModuleIntro}),ModuleIntro&&react.createElement(ModuleIntro,{isModuleIntroduction:null==module?void 0:module.module_introduction,module:{value:null==module?void 0:module.module_introduction}}),showSeeMore&&react.createElement(see_more.Z,{module:module}))};ModuleIntroduction.displayName="ModuleIntroduction",ModuleIntroduction.propTypes={module:prop_types_default().shape({anchor_label:prop_types_default().string,name:prop_types_default().string.isRequired,module_introduction:prop_types_default().string,see_more_link:prop_types_default().shape({path:prop_types_default().string,title:prop_types_default().string})}),showSeeMore:prop_types_default().bool},ModuleIntroduction.__docgenInfo={description:"",methods:[],displayName:"ModuleIntroduction",props:{showSeeMore:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},module:{description:"",type:{name:"shape",value:{anchor_label:{name:"string",required:!1},name:{name:"string",required:!0},module_introduction:{name:"string",required:!1},see_more_link:{name:"shape",value:{path:{name:"string",required:!1},title:{name:"string",required:!1}},required:!1}}},required:!1}}};var module_introduction=ModuleIntroduction;function index(_ref){var module=_ref.module,page=_ref.page,_ref$seeMoreButtonDow=_ref.seeMoreButtonDown,seeMoreButtonDown=void 0!==_ref$seeMoreButtonDow&&_ref$seeMoreButtonDow,Component=function Component(){switch(null==module?void 0:module.style){case"stack_table":if("operator"===module.cards_page_type){var OperatorsTable=(0,loadable_esm.ZP)((function(){return __webpack_require__.e(487).then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/operators-table/index.js"))}));return react.createElement(OperatorsTable,{module:module,page:page})}return null;case"comparison_table":if("operator"===module.cards_page_type){var ComparisonTable=(0,loadable_esm.ZP)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/comparison-table/index.js"))}));return react.createElement(ComparisonTable,{module:module,page:page})}return null;case"template_two":var SrcollLayout=(0,loadable_esm.ZP)((function(){return __webpack_require__.e(809).then(__webpack_require__.bind(__webpack_require__,"./src/components/organisms/cards/template-two/index.js"))}));return react.createElement(SrcollLayout,{module:module,page:page});default:var GridLayout=(0,loadable_esm.ZP)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/organisms/cards/template-one/index.js"))}));return react.createElement(GridLayout,{module:module,page:page})}};return react.createElement(react.Fragment,null,react.createElement(module_introduction,{showSeeMore:!seeMoreButtonDown,module:module}),Component&&react.createElement(Component,null),seeMoreButtonDown&&react.createElement(see_more.Z,{module:module}))}"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/organisms/cards/module-introduction/index.js"]={name:"ModuleIntroduction",docgenInfo:ModuleIntroduction.__docgenInfo,path:"src/components/organisms/cards/module-introduction/index.js"}),index.__docgenInfo={description:"",methods:[],displayName:"index",props:{seeMoreButtonDown:{defaultValue:{value:"false",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/organisms/cards/index.js"]={name:"index",docgenInfo:index.__docgenInfo,path:"src/components/organisms/cards/index.js"})},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/organisms/cards/module-introduction/styles.module.scss":function(module,__webpack_exports__,__webpack_require__){var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".rJsck5V3Vhw9AZjiRqWp6Q\\=\\=>div{display:flex;align-items:flex-start;justify-content:space-between;width:100%;flex-direction:column}@media only screen and (min-width:768px){.rJsck5V3Vhw9AZjiRqWp6Q\\=\\=>div{flex-direction:row;align-items:space-between}}.rJsck5V3Vhw9AZjiRqWp6Q\\=\\=>div a{display:flex;align-items:center;justify-content:space-between}._3fi4PYDoDd7CGQkSUegABg\\=\\={font-size:1.6rem;font-style:normal;font-weight:700;line-height:2.7rem;text-transform:capitalize;display:flex;align-items:center;justify-content:flex-start;color:#165af8;gap:.4rem}._3fi4PYDoDd7CGQkSUegABg\\=\\= svg{margin-top:.2rem}","",{version:3,sources:["webpack://./src/components/organisms/cards/module-introduction/styles.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAeI,gCCdF,YAAA,CACA,sBDcwB,CCbxB,6BDaoC,CAChC,UAAA,CACA,qBAAA,CEkCJ,yCFrCE,gCAMI,kBAAA,CACA,yBAAA,CAAA,CAGF,kCCxBJ,YAAA,CACA,kBDwB0B,CCvB1B,6BDuBkC,CAMpC,6BACE,gBAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA,CACA,yBAAA,CCpCA,YAAA,CACA,kBDoCoB,CCnCpB,0BDmC4B,CAC5B,aAAA,CACA,SAAA,CACA,iCACE,gBAAA",sourcesContent:["// Global styles extended in each theme\n\n// Utils\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/typography';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/layout';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/media-queries';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/icons';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/tooltip';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/loader';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/mixins';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/scrollbar';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/animations';\n\n.noIntroModuleCards {\n    > div {\n      @include flex-align(flex-start, space-between);\n      width: 100%;\n      flex-direction: column;\n  \n      @include min(tablet) {\n        flex-direction: row;\n        align-items: space-between;\n      }\n  \n      a {\n        @include flex-align(center, space-between);\n      }\n    }\n  }\n\n\n.viewMore {\n  font-size: 1.6rem;\n  font-style: normal;\n  font-weight: 700;\n  line-height: 2.7rem; \n  text-transform: capitalize;\n  @include flex-align(center, flex-start);\n  color: #165AF8;\n  gap: .4rem;\n  svg{\n    margin-top: .2rem;\n  }\n}","@mixin flex-align($align-items, $justify-content) {\n  display: flex;\n  align-items: $align-items;\n  justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n  display: flex;\n  flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n  #{$overflow-type}: $overflow-value;\n  -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n  background: $bgcolor;\n  border-radius: 100px;\n  color: $text-color;\n  font-weight: 700;\n  @include flex-align(center, center);\n  padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n  color: $color;\n\n  &:hover {\n    color: $color;\n  }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n  float: $direction;\n  @if $direction == right {\n    margin: var(--img-float-direction-right, 0 0 2.4rem 4.8rem);\n  } @else if $direction == left {\n    margin: var(--img-float-direction-left, 0 4.8rem 2.4rem 0);\n  } @else {\n    margin: 0 1em 1em 0;\n  }\n}\n\n@mixin content-img-align($direction: center, $spacing: var(--content-img-spacing, 1em)) {\n  display: block;\n  @if $direction == right {\n    margin: $spacing 0 $spacing auto;\n  } @else if $direction == left {\n    margin: $spacing auto $spacing 0;\n  } @else {\n    margin: $spacing auto;\n  }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n  position: relative;\n  &:after {\n    top: 100%;\n    left: 50%;\n    border: solid transparent;\n    content: '';\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n    border-color: rgba(0, 0, 0, 0);\n    border-top: $height solid $color;\n    border-right: calc($width / 2) solid transparent;\n    border-left: calc($width / 2) solid transparent;\n    margin-left: -calc($width / 2);\n  }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n  background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  &:hover {\n    background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  }\n}\n\n@mixin sportBtn($color1, $color2) {\n  background: linear-gradient(to bottom, $color1 0, $color2 100%);\n  &:hover {\n    background: linear-gradient(to bottom, $color2 0, $color1 100%);\n  }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n  line-height: $line-height;\n  width: $width;\n  font-weight: normal;\n  display: inline-block;\n  color: $fill-color;\n  font-size: 15px;\n  position: relative;\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n  &:last-child {\n    margin-right: 0;\n  }\n  &:before {\n    content: '\\2605';\n  }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n  line-height: 2rem;\n  width: 16px;\n  font-weight: normal;\n  display: inline-block;\n  color: $half-full-color;\n  font-size: 15px;\n  position: relative;\n  &:before {\n    content: '\\2605';\n  }\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n  &:after {\n    content: '\\2605';\n    color: $half-empty-color;\n    position: absolute;\n    width: 7px;\n    overflow: hidden;\n    bottom: 0;\n    left: 0;\n  }\n}\n\n@mixin border-gradient($color-1, $color-2, $bgcolor, $radius: 0.8rem) {\n  background: $bgcolor;\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: $radius;\n    border: 2px solid transparent;\n    background: $color-1, $color-2 border-box;\n    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: destination-out;\n    mask-composite: exclude;\n  }\n}\n\n@mixin buttonsColor($color1, $color2, $color3, $textColor: 'white') {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  background-color: $color1;\n  color: $textColor;\n  padding: 0.9rem 3rem;\n  font-weight: 700;\n  font-size: 1.8rem;\n  border-radius: var(--border-radius);\n\n  > svg {\n    flex: none;\n    margin-left: 0.8rem;\n  }\n\n  &:hover {\n    background-color: $color2;\n    color: $textColor;\n  }\n\n  &:active {\n    background-color: $color3;\n    color: $textColor;\n  }\n}\n","$media-query-sizes: (\n  mobile-s: (\n    min: 320px,\n    max: 374px,\n  ),\n  mobile-m: (\n    min: 375px,\n    max: 424px,\n  ),\n  mobile: (\n    min: 425px,\n    max: 767px,\n  ),\n  tablet: (\n    min: 768px,\n    max: 991px,\n  ),\n  laptop: (\n    min: 992px,\n    max: 1199px,\n  ),\n  desktop: (\n    min: 1200px,\n  ),\n);\n\n// Get media query sizes\n$screen: 'only screen';\n@function media-query($media, $optional-media: '', $min: true) {\n  $media-label: '';\n\n  @if ($optional-media != '') {\n    $media-sizes-min: map-get($media-query-sizes, $media);\n    $media-sizes-max: map-get($media-query-sizes, $optional-media);\n    $media-label: $screen +\n      \" and (min-width:#{map-get($media-sizes-min, 'min')}) and (max-width:#{map-get($media-sizes-max, 'max')})\";\n  } @else {\n    $query: 'max';\n\n    @if ($min) {\n      $query: 'min';\n    }\n\n    $media-sizes: map-get($media-query-sizes, $media);\n    $media-label: $screen + ' and (#{$query}-width:#{map-get($media-sizes, $query)})';\n  }\n\n  @return $media-label;\n}\n\n// Min media query\n@mixin min($media) {\n  @media #{media-query($media)} {\n    @content;\n  }\n}\n\n// Max media query\n@mixin max($media) {\n  @media #{media-query($media, '', false)} {\n    @content;\n  }\n}\n\n// Min & max media query\n@mixin min-max($min, $max) {\n  @media #{media-query($min, $max)} {\n    @content;\n  }\n}\n\n// Use this ONLY if you need a media query that doesn't fit the $media-query-sizes breakpoints above\n// Pass number, for example @include custom-min(992)\n@mixin custom-min($min) {\n  @media #{$screen} and (min-width: #{$min}px) {\n    @content;\n  }\n}\n\n@mixin custom-max($max) {\n  @media #{$screen} and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n@mixin custom-min-max($min, $max) {\n  @media #{$screen} and (min-width: #{$min}px) and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n// Landscape\n// (If we find more use cases of this in the future, might want to refactor this and include it in the media-query function for $screen)\n// Pass number\n$landscape: 'screen and (orientation:landscape)';\n\n@mixin landscape-max($max) {\n  @media #{$landscape} and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n@mixin landscape-min($min) {\n  @media #{$landscape} and (min-width: #{$min}px) {\n    @content;\n  }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={noIntroModuleCards:"rJsck5V3Vhw9AZjiRqWp6Q==",viewMore:"_3fi4PYDoDd7CGQkSUegABg=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);
+"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[347],{"./src/components/organisms/cards/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return index}});__webpack_require__("../node_modules/core-js/modules/es.promise.js"),__webpack_require__("../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.iterator.js");var react=__webpack_require__("../node_modules/react/index.js"),loadable_esm=__webpack_require__("../node_modules/@loadable/component/dist/loadable.esm.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),strings=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/strings.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styles_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/organisms/cards/module-introduction/styles.module.scss"),options={insert:"head",singleton:!1},module_introduction_styles_module=(injectStylesIntoStyleTag_default()(styles_module.Z,options),styles_module.Z.locals||{}),module_title=__webpack_require__("./src/gatsby-core-theme/components/atoms/module-title/index.js"),helpers_strings=__webpack_require__("./src/helpers/strings.js"),see_more=__webpack_require__("./src/components/atoms/see-more/index.js"),ModuleIntroduction=function ModuleIntroduction(_ref){var module=_ref.module,_ref$showSeeMore=_ref.showSeeMore,showSeeMore=void 0!==_ref$showSeeMore&&_ref$showSeeMore,anchorLabel=(null==module?void 0:module.anchor_label)&&(0,helpers_strings.t5)((0,strings.CB)(null==module?void 0:module.anchor_label)),ModuleIntro=null!=module&&module.module_introduction&&"<p></p>"!==(null==module?void 0:module.module_introduction)?(0,loadable_esm.ZP)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"../node_modules/gatsby-core-theme/src/components/molecules/content/index.js"))})):null;return react.createElement("div",{className:ModuleIntro?"":module_introduction_styles_module.noIntroModuleCards},react.createElement(module_title.Z,{module:module,anchorLabel:"archive"===module.name&&anchorLabel,showMoreLink:!ModuleIntro}),ModuleIntro&&react.createElement(ModuleIntro,{isModuleIntroduction:null==module?void 0:module.module_introduction,module:{value:null==module?void 0:module.module_introduction}}),showSeeMore&&react.createElement(see_more.Z,{module:module}))};ModuleIntroduction.displayName="ModuleIntroduction",ModuleIntroduction.propTypes={module:prop_types_default().shape({anchor_label:prop_types_default().string,name:prop_types_default().string.isRequired,module_introduction:prop_types_default().string,see_more_link:prop_types_default().shape({path:prop_types_default().string,title:prop_types_default().string})}),showSeeMore:prop_types_default().bool},ModuleIntroduction.__docgenInfo={description:"",methods:[],displayName:"ModuleIntroduction",props:{showSeeMore:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},module:{description:"",type:{name:"shape",value:{anchor_label:{name:"string",required:!1},name:{name:"string",required:!0},module_introduction:{name:"string",required:!1},see_more_link:{name:"shape",value:{path:{name:"string",required:!1},title:{name:"string",required:!1}},required:!1}}},required:!1}}};var module_introduction=ModuleIntroduction;function index(_ref){var module=_ref.module,page=_ref.page,_ref$seeMoreButtonDow=_ref.seeMoreButtonDown,seeMoreButtonDown=void 0!==_ref$seeMoreButtonDow&&_ref$seeMoreButtonDow,Component=function Component(){switch(null==module?void 0:module.style){case"stack_table":if("operator"===module.cards_page_type){var OperatorsTable=(0,loadable_esm.ZP)((function(){return __webpack_require__.e(487).then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/operators-table/index.js"))}));return react.createElement(OperatorsTable,{module:module,page:page})}return null;case"comparison_table":if("operator"===module.cards_page_type){var ComparisonTable=(0,loadable_esm.ZP)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/comparison-table/index.js"))}));return react.createElement(ComparisonTable,{module:module,page:page})}return null;case"template_two":var SrcollLayout=(0,loadable_esm.ZP)((function(){return __webpack_require__.e(809).then(__webpack_require__.bind(__webpack_require__,"./src/components/organisms/cards/template-two/index.js"))}));return react.createElement(SrcollLayout,{module:module,page:page});default:var GridLayout=(0,loadable_esm.ZP)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/organisms/cards/template-one/index.js"))}));return react.createElement(GridLayout,{module:module,page:page})}};return react.createElement(react.Fragment,null,react.createElement(module_introduction,{showSeeMore:!seeMoreButtonDown,module:module}),Component&&react.createElement(Component,null),seeMoreButtonDown&&react.createElement(see_more.Z,{module:module}))}"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/organisms/cards/module-introduction/index.js"]={name:"ModuleIntroduction",docgenInfo:ModuleIntroduction.__docgenInfo,path:"src/components/organisms/cards/module-introduction/index.js"}),index.__docgenInfo={description:"",methods:[],displayName:"index",props:{seeMoreButtonDown:{defaultValue:{value:"false",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/organisms/cards/index.js"]={name:"index",docgenInfo:index.__docgenInfo,path:"src/components/organisms/cards/index.js"})},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/organisms/cards/module-introduction/styles.module.scss":function(module,__webpack_exports__,__webpack_require__){var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".rJsck5V3Vhw9AZjiRqWp6Q\\=\\=>div{display:flex;align-items:flex-start;justify-content:space-between;width:100%;flex-direction:column}@media only screen and (min-width:768px){.rJsck5V3Vhw9AZjiRqWp6Q\\=\\=>div{flex-direction:row;align-items:space-between}}.rJsck5V3Vhw9AZjiRqWp6Q\\=\\=>div a{display:flex;align-items:center;justify-content:space-between}._3fi4PYDoDd7CGQkSUegABg\\=\\={font-size:1.6rem;font-style:normal;font-weight:700;line-height:2.7rem;text-transform:capitalize;display:flex;align-items:center;justify-content:flex-start;color:#165af8;gap:.4rem}._3fi4PYDoDd7CGQkSUegABg\\=\\= svg{margin-top:.2rem}","",{version:3,sources:["webpack://./src/components/organisms/cards/module-introduction/styles.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAeI,gCCdF,YAAA,CACA,sBDcwB,CCbxB,6BDaoC,CAChC,UAAA,CACA,qBAAA,CEkCJ,yCFrCE,gCAMI,kBAAA,CACA,yBAAA,CAAA,CAGF,kCCxBJ,YAAA,CACA,kBDwB0B,CCvB1B,6BDuBkC,CAMpC,6BACE,gBAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA,CACA,yBAAA,CCpCA,YAAA,CACA,kBDoCoB,CCnCpB,0BDmC4B,CAC5B,aAAA,CACA,SAAA,CACA,iCACE,gBAAA",sourcesContent:["// Global styles extended in each theme\n\n// Utils\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/typography';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/layout';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/media-queries';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/icons';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/tooltip';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/loader';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/mixins';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/scrollbar';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/animations';\n\n.noIntroModuleCards {\n    > div {\n      @include flex-align(flex-start, space-between);\n      width: 100%;\n      flex-direction: column;\n  \n      @include min(tablet) {\n        flex-direction: row;\n        align-items: space-between;\n      }\n  \n      a {\n        @include flex-align(center, space-between);\n      }\n    }\n  }\n\n\n.viewMore {\n  font-size: 1.6rem;\n  font-style: normal;\n  font-weight: 700;\n  line-height: 2.7rem; \n  text-transform: capitalize;\n  @include flex-align(center, flex-start);\n  color: #165AF8;\n  gap: .4rem;\n  svg{\n    margin-top: .2rem;\n  }\n}","@mixin flex-align($align-items, $justify-content) {\n  display: flex;\n  align-items: $align-items;\n  justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n  display: flex;\n  flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n  #{$overflow-type}: $overflow-value;\n  -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n  background: $bgcolor;\n  border-radius: 100px;\n  color: $text-color;\n  font-weight: 700;\n  @include flex-align(center, center);\n  padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n  color: $color;\n\n  &:hover {\n    color: $color;\n  }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n  float: $direction;\n  @if $direction == right {\n    margin: var(--img-float-direction-right, 0 0 2.4rem 4.8rem);\n  } @else if $direction == left {\n    margin: var(--img-float-direction-left, 0 4.8rem 2.4rem 0);\n  } @else {\n    margin: 0 1em 1em 0;\n  }\n}\n\n@mixin content-img-align($direction: center, $spacing: var(--content-img-spacing, 1em)) {\n  display: block;\n  @if $direction == right {\n    margin: $spacing 0 $spacing auto;\n  } @else if $direction == left {\n    margin: $spacing auto $spacing 0;\n  } @else {\n    margin: $spacing auto;\n  }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n  position: relative;\n  &:after {\n    top: 100%;\n    left: 50%;\n    border: solid transparent;\n    content: '';\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n    border-color: rgba(0, 0, 0, 0);\n    border-top: $height solid $color;\n    border-right: calc($width / 2) solid transparent;\n    border-left: calc($width / 2) solid transparent;\n    margin-left: -calc($width / 2);\n  }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n  background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  &:hover {\n    background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  }\n}\n\n@mixin sportBtn($color1, $color2) {\n  background: linear-gradient(to bottom, $color1 0, $color2 100%);\n  &:hover {\n    background: linear-gradient(to bottom, $color2 0, $color1 100%);\n  }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n  line-height: $line-height;\n  width: $width;\n  font-weight: normal;\n  display: inline-block;\n  color: $fill-color;\n  font-size: 15px;\n  position: relative;\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n  &:last-child {\n    margin-right: 0;\n  }\n  &:before {\n    content: '\\2605';\n  }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n  line-height: 2rem;\n  width: 16px;\n  font-weight: normal;\n  display: inline-block;\n  color: $half-full-color;\n  font-size: 15px;\n  position: relative;\n  &:before {\n    content: '\\2605';\n  }\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n  &:after {\n    content: '\\2605';\n    color: $half-empty-color;\n    position: absolute;\n    width: 7px;\n    overflow: hidden;\n    bottom: 0;\n    left: 0;\n  }\n}\n\n@mixin border-gradient($color-1, $color-2, $bgcolor, $radius: 0.8rem) {\n  background: $bgcolor;\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: $radius;\n    border: 2px solid transparent;\n    background: $color-1, $color-2 border-box;\n    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: destination-out;\n    mask-composite: exclude;\n  }\n}\n\n@mixin border-gradient-single($color-1, $bgcolor, $radius: 0.8rem, $border-width: 0.1rem) {\n  background: $bgcolor;\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: $radius;\n    border: $border-width solid transparent;\n    background: $color-1 border-box;\n    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: destination-out;\n    mask-composite: exclude;\n  }\n}\n\n@mixin buttonsColor($color1, $color2, $color3, $textColor: 'white') {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  background-color: $color1;\n  color: $textColor;\n  padding: 0.9rem 3rem;\n  font-weight: 700;\n  font-size: 1.8rem;\n  border-radius: var(--border-radius);\n\n  > svg {\n    flex: none;\n    margin-left: 0.8rem;\n  }\n\n  &:hover {\n    background-color: $color2;\n    color: $textColor;\n  }\n\n  &:active {\n    background-color: $color3;\n    color: $textColor;\n  }\n}\n","$media-query-sizes: (\n  mobile-s: (\n    min: 320px,\n    max: 374px,\n  ),\n  mobile-m: (\n    min: 375px,\n    max: 424px,\n  ),\n  mobile: (\n    min: 425px,\n    max: 767px,\n  ),\n  tablet: (\n    min: 768px,\n    max: 991px,\n  ),\n  laptop: (\n    min: 992px,\n    max: 1199px,\n  ),\n  desktop: (\n    min: 1200px,\n  ),\n);\n\n// Get media query sizes\n$screen: 'only screen';\n@function media-query($media, $optional-media: '', $min: true) {\n  $media-label: '';\n\n  @if ($optional-media != '') {\n    $media-sizes-min: map-get($media-query-sizes, $media);\n    $media-sizes-max: map-get($media-query-sizes, $optional-media);\n    $media-label: $screen +\n      \" and (min-width:#{map-get($media-sizes-min, 'min')}) and (max-width:#{map-get($media-sizes-max, 'max')})\";\n  } @else {\n    $query: 'max';\n\n    @if ($min) {\n      $query: 'min';\n    }\n\n    $media-sizes: map-get($media-query-sizes, $media);\n    $media-label: $screen + ' and (#{$query}-width:#{map-get($media-sizes, $query)})';\n  }\n\n  @return $media-label;\n}\n\n// Min media query\n@mixin min($media) {\n  @media #{media-query($media)} {\n    @content;\n  }\n}\n\n// Max media query\n@mixin max($media) {\n  @media #{media-query($media, '', false)} {\n    @content;\n  }\n}\n\n// Min & max media query\n@mixin min-max($min, $max) {\n  @media #{media-query($min, $max)} {\n    @content;\n  }\n}\n\n// Use this ONLY if you need a media query that doesn't fit the $media-query-sizes breakpoints above\n// Pass number, for example @include custom-min(992)\n@mixin custom-min($min) {\n  @media #{$screen} and (min-width: #{$min}px) {\n    @content;\n  }\n}\n\n@mixin custom-max($max) {\n  @media #{$screen} and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n@mixin custom-min-max($min, $max) {\n  @media #{$screen} and (min-width: #{$min}px) and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n// Landscape\n// (If we find more use cases of this in the future, might want to refactor this and include it in the media-query function for $screen)\n// Pass number\n$landscape: 'screen and (orientation:landscape)';\n\n@mixin landscape-max($max) {\n  @media #{$landscape} and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n@mixin landscape-min($min) {\n  @media #{$landscape} and (min-width: #{$min}px) {\n    @content;\n  }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={noIntroModuleCards:"rJsck5V3Vhw9AZjiRqWp6Q==",viewMore:"_3fi4PYDoDd7CGQkSUegABg=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);