gatsby-matrix-theme 53.0.31 → 53.0.32-beta.1

package/CHANGELOG.md

@@ -1,3 +1,14 @@
+## [53.0.32-beta.1](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v53.0.31...v53.0.32-beta.1) (2025-05-20)
+
+
+### Bug Fixes
+
+* update to beta version ([b70f7d0](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/b70f7d06d32b133871ff1508da2df20f1cc0b790))
+* version for beta ([837ea75](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/837ea751bc43a0e1e46e11a1f478009304d04491))
+
+
+* Merge branch 'tm-5125-new-folder-structure' into 'beta' ([26e6660](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/26e666070fcfee91305393757b2fc2c0394cc74b))
+
 ## [53.0.31](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v53.0.30...v53.0.31) (2025-05-15)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "53.0.31",
+  "version": "53.0.32-beta.1",
   "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": "44.0.39",
+    "gatsby-core-theme": "44.0.37-beta.1",
     "gatsby-plugin-sharp": "^5.11.0",
     "gatsby-transformer-sharp": "^5.11.0",
     "gatsby-plugin-sitemap": "^6.13.1",

package/src/gatsby-core-theme/helpers/server-data.js

@@ -3,14 +3,14 @@
 /* eslint-disable import/prefer-default-export */
 // eslint-disable-next-line import/no-extraneous-dependencies
 import chalk from 'chalk';
+import { fetchSiteSettings } from "gatsby-core-theme/src/services/fetch.mjs";
+import processor from "gatsby-core-theme/src/resolver/index.mjs";
 import { getApiQueryParams } from './sportstake';
 import { getApiBasedNames } from './lotto';
 import { getResultsById, getLatestResults, getAvailableDrawDays, getLottoUKdata, getCalendarData } from './services';
 import loadSource from '~helpers/search-source';
 import { deparam } from '~helpers/strings';
 import { groupBy } from '~helpers/getters';
-import { fetchSiteSettings } from '~helpers/fetch-site-settings';
-import processor from '~helpers/processor';
 
 
 export async function getAPIData(page, url, header, preview) {

package/storybook/public/356.e78975c4.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[356],{"../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/game/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>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),FaArrowRight=__webpack_require__("../node_modules/@react-icons/all-files/fa/FaArrowRight.js"),button_button=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/button/button.js"),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"),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/game.module.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(game_module.A,options);const game_game_module=game_module.A.locals||{};var Game=function(_ref){var _ref$item=_ref.item,item=void 0===_ref$item?{}:_ref$item,_ref$width=_ref.width,width=void 0===_ref$width?56:_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?56:_ref$height,_ref$btnText=_ref.btnText,btnText=void 0===_ref$btnText?"":_ref$btnText,_ref$icon=_ref.icon,icon=void 0===_ref$icon?react.createElement(FaArrowRight.Z,{title:"Right-pointing Arrow Icon"}):_ref$icon,logo=item.logo;return react.createElement("li",{className:game_game_module.row||""},react.createElement(lazy_image.A,{className:game_game_module.gameImage,width,height,src:logo?(0,getters.pv)(logo,width,height):"/images/default-slot.jpg",alt:item.title}),react.createElement("h3",{className:game_game_module.gameTitle},item.title),react.createElement(button_button.A,{btnText,to:null==item?void 0:item.path,gtmClass:"autocomplete-game-item-gtm btn-cta",icon}))};Game.displayName="Game",Game.propTypes={item:prop_types_default().shape({title:prop_types_default().string,relation:prop_types_default().shape({logo:prop_types_default().shape({})})}).isRequired,width:prop_types_default().number,height:prop_types_default().number,btnText:prop_types_default().string,icon:prop_types_default().node},Game.__docgenInfo={description:"",methods:[],displayName:"Game",props:{item:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"shape",value:{title:{name:"string",required:!1},relation:{name:"shape",value:{logo:{name:"shape",value:{},required:!1}},required:!1}}},required:!1},width:{defaultValue:{value:"56",computed:!1},description:"",type:{name:"number"},required:!1},height:{defaultValue:{value:"56",computed:!1},description:"",type:{name:"number"},required:!1},btnText:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},icon:{defaultValue:{value:'<FaArrowRight title="Right-pointing Arrow Icon" />',computed:!1},description:"",type:{name:"node"},required:!1}}};const game=Game;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/game/index.js"]={name:"Game",docgenInfo:Game.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/game/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/atoms/search/autocomplete/game/game.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});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,"._2vncI3GDm8QRgSif\\+kX-jw\\=\\={display:flex;align-items:center;justify-content:start;gap:.8rem;width:100%;background-color:var(--autocomplete-bg, #FFF);border-radius:.8rem;padding:1.2rem}._2vncI3GDm8QRgSif\\+kX-jw\\=\\=>a{margin-left:auto}.GpOyY3qDBIJ8ZRaxWWbukg\\=\\={border-radius:.8rem;height:revert-layer !important}.UkFkVSzgK3Upk4sSqTqoVw\\=\\={margin:0 !important;font-size:1.6rem;font-weight:400}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/game/game.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,8BCbE,YAAA,CACA,kBDaoB,CCZpB,qBDY4B,CAE5B,SAAA,CACA,UAAA,CACI,6CAAA,CACJ,mBAAA,CACA,cAAA,CAEA,gCACE,gBAAA,CAIJ,4BACE,mBAAA,CACA,8BAAA,CAGF,4BACE,mBAAA,CACA,gBAAA,CACA,eAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../../styles/utils/variables/stack-order";\n@import "../../../../../styles/utils/variables/typography";\n@import "../../../../../styles/utils/variables/layout";\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.row {\n  @include flex-align(center, start);\n\n  gap: .8rem;\n  width: 100%;\n      background-color: var(--autocomplete-bg, #FFF);\n  border-radius: .8rem;\n  padding: 1.2rem;\n\n  > a{\n    margin-left: auto;\n  }\n}\n\n.gameImage{\n  border-radius: .8rem;\n  height: revert-layer !important;\n}\n\n.gameTitle{\n  margin: 0 !important;\n  font-size: 1.6rem;\n  font-weight: 400;\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, $border-width: 2px) {\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, $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:"_2vncI3GDm8QRgSif+kX-jw==",gameImage:"GpOyY3qDBIJ8ZRaxWWbukg==",gameTitle:"UkFkVSzgK3Upk4sSqTqoVw=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/46.fb12cf63.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[46],{"../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/article/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>article});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),button_button=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/button/button.js"),FaArrowRight=__webpack_require__("../node_modules/@react-icons/all-files/fa/FaArrowRight.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),article_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/article/article.module.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(article_module.A,options);const article_article_module=article_module.A.locals||{};var Article=function(_ref){var _ref$item=_ref.item,item=void 0===_ref$item?{}:_ref$item,_ref$btnText=_ref.btnText,btnText=void 0===_ref$btnText?"":_ref$btnText,_ref$icon=_ref.icon,icon=void 0===_ref$icon?react.createElement(FaArrowRight.Z,{title:"Right-pointing Arrow Icon"}):_ref$icon;return react.createElement("li",{className:article_article_module.row||""},react.createElement("h3",{className:article_article_module.operatorTitle},item.title),react.createElement(button_button.A,{btnText,to:null==item?void 0:item.path,gtmClass:"autocomplete-article-item-gtm btn-cta",icon}))};Article.displayName="Article",Article.propTypes={item:prop_types_default().shape({title:prop_types_default().string}).isRequired,btnText:prop_types_default().string,icon:prop_types_default().node},Article.__docgenInfo={description:"",methods:[],displayName:"Article",props:{item:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"shape",value:{title:{name:"string",required:!1}}},required:!1},btnText:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},icon:{defaultValue:{value:'<FaArrowRight title="Right-pointing Arrow Icon" />',computed:!1},description:"",type:{name:"node"},required:!1}}};const article=Article;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/article/index.js"]={name:"Article",docgenInfo:Article.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/article/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/atoms/search/autocomplete/article/article.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});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,".UfmilSE0KJ9BIQJIhpcSzw\\=\\={display:flex;align-items:center;justify-content:start;gap:.8rem;width:100%;background-color:var(--autocomplete-bg, #FFF);border-radius:.8rem;padding:1.2rem}.UfmilSE0KJ9BIQJIhpcSzw\\=\\=>a{margin-left:auto}.UfmilSE0KJ9BIQJIhpcSzw\\=\\=>a>svg{margin:0 !important}.znNzEYFRzuxg1MAnE0\\+AVQ\\=\\={border-radius:.8rem}.NQfOP0hd9Vi0bNrMKkYv6Q\\=\\={margin:0 !important;font-size:1.6rem;font-weight:400}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/article/article.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,4BCbE,YAAA,CACA,kBDaoB,CCZpB,qBDY4B,CAE5B,SAAA,CACA,UAAA,CACI,6CAAA,CACJ,mBAAA,CACA,cAAA,CAEA,8BACE,gBAAA,CAEA,kCACE,mBAAA,CAKN,6BACE,mBAAA,CAGF,4BACE,mBAAA,CACA,gBAAA,CACA,eAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../../styles/utils/variables/stack-order";\n@import "../../../../../styles/utils/variables/typography";\n@import "../../../../../styles/utils/variables/layout";\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.row {\n  @include flex-align(center, start);\n\n  gap: .8rem;\n  width: 100%;\n      background-color: var(--autocomplete-bg, #FFF);\n  border-radius: .8rem;\n  padding: 1.2rem;\n\n  > a{\n    margin-left: auto;\n\n    > svg{\n      margin: 0 !important;\n    }\n  }\n}\n\n.operatorImage{\n  border-radius: .8rem;\n}\n\n.operatorTitle{\n  margin: 0 !important;\n  font-size: 1.6rem;\n  font-weight: 400;\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, $border-width: 2px) {\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, $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:"UfmilSE0KJ9BIQJIhpcSzw==",operatorImage:"znNzEYFRzuxg1MAnE0+AVQ==",operatorTitle:"NQfOP0hd9Vi0bNrMKkYv6Q=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/563.e1e66d81.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[563],{"../node_modules/gatsby-core-theme/src/components/molecules/pros-cons/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>pros_cons});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};injectStylesIntoStyleTag_default()(pros_cons_module.A,options);const pros_cons_pros_cons_module=pros_cons_module.A.locals||{};var keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.mjs"),useTranslate=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/useTranslate/useTranslate.js"),ProsCons=function(_ref){var _module$pros,_module$cons,_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||""},(0,useTranslate.A)("pros",pros)),react.createElement("ul",null,null===(_module$pros=module.pros)||void 0===_module$pros?void 0:_module$pros.map((function(perk){return react.createElement("li",{key:(0,keygen.A)()},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||""},(0,useTranslate.A)("cons",cons)),react.createElement("ul",null,null===(_module$cons=module.cons)||void 0===_module$cons?void 0:_module$cons.map((function(con){return react.createElement("li",{key:(0,keygen.A)()},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}}};const 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":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});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",'/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../styles/utils/variables/stack-order";\n@import "../../../styles/utils/variables/typography";\n@import "../../../styles/utils/variables/layout";\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.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, $border-width: 2px) {\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, $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=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/604.1ff7045f.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[604],{"../node_modules/gatsby-core-theme/src/components/atoms/content-box/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>content_box});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"),keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.mjs"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),content_box_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/content-box/content-box.module.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(content_box_module.A,options);const content_box_content_box_module=content_box_module.A.locals||{};var ContentBox=function(_ref){var _ref$data=_ref.data,data=void 0===_ref$data?[]:_ref$data;return react.createElement("div",{className:content_box_content_box_module.contentBoxContainer||""},react.createElement("ul",{className:content_box_content_box_module.contentBoxList||""},data&&data.map((function(item){return react.createElement("li",{key:(0,keygen.A)()},react.createElement("div",{className:content_box_content_box_module.item||""},react.createElement("div",{className:content_box_content_box_module.icon||""},react.createElement(lazy_image.A,{alt:item.title,src:item.image})),react.createElement("div",{className:content_box_content_box_module.body||""},react.createElement("div",{className:"h2"},item.title),react.createElement("p",null,item.text))))}))))};ContentBox.displayName="ContentBox",ContentBox.propTypes={data:prop_types_default().arrayOf(prop_types_default().shape({title:prop_types_default().string,image:prop_types_default().string,text:prop_types_default().string})).isRequired,styles:prop_types_default().shape({})},ContentBox.__docgenInfo={description:"",methods:[],displayName:"ContentBox",props:{data:{defaultValue:{value:"[]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"shape",value:{title:{name:"string",required:!1},image:{name:"string",required:!1},text:{name:"string",required:!1}}}},required:!1},styles:{description:"",type:{name:"shape",value:{}},required:!1}}};const content_box=ContentBox;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/content-box/index.js"]={name:"ContentBox",docgenInfo:ContentBox.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/content-box/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/atoms/content-box/content-box.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});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,".wbtYQCZwB-QazFecNBXZdA\\=\\= .FdW2qkH6WyiNJZcw6TACjA\\=\\={display:flex;flex-direction:column;width:100%;max-width:80rem;margin:0 auto}.wbtYQCZwB-QazFecNBXZdA\\=\\= .FdW2qkH6WyiNJZcw6TACjA\\=\\= li:nth-child(even){align-self:flex-end}.wbtYQCZwB-QazFecNBXZdA\\=\\= .FdW2qkH6WyiNJZcw6TACjA\\=\\= li:nth-child(1) .mGUJNejATWfyY\\+vpqoWyJQ\\=\\={background-color:#7ba0f5;border-color:#ebf1ff}.wbtYQCZwB-QazFecNBXZdA\\=\\= .FdW2qkH6WyiNJZcw6TACjA\\=\\= li:nth-child(2) .mGUJNejATWfyY\\+vpqoWyJQ\\=\\={background-color:#b7f0c7;border-color:#f2faf4}.wbtYQCZwB-QazFecNBXZdA\\=\\= .FdW2qkH6WyiNJZcw6TACjA\\=\\= li:nth-child(3) .mGUJNejATWfyY\\+vpqoWyJQ\\=\\={background-color:#ffbc64;border-color:#faf1e9}.wbtYQCZwB-QazFecNBXZdA\\=\\= .dD0TSu8AM3s2usoyFu8Uhw\\=\\={background-color:#fff;border-radius:.8rem;width:100%;padding:0 2.5rem 4rem 2.5rem;display:flex;flex-direction:column;align-items:center;margin:7rem 0 1rem 0;box-shadow:0px 8px 32px rgba(23,24,47,.15)}@media only screen and (min-width:768px){.wbtYQCZwB-QazFecNBXZdA\\=\\= .dD0TSu8AM3s2usoyFu8Uhw\\=\\={display:flex;flex-direction:row;justify-content:flex-start;margin:1rem 0 3rem 3.2rem;width:calc(100% - 3.2rem);max-width:52rem;padding:3.2rem 3.2rem 3.2rem 0}}.wbtYQCZwB-QazFecNBXZdA\\=\\= .mGUJNejATWfyY\\+vpqoWyJQ\\=\\={width:11.2rem;height:11.2rem;border:solid 1.6rem #fff;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:-5.6rem}.wbtYQCZwB-QazFecNBXZdA\\=\\= .mGUJNejATWfyY\\+vpqoWyJQ\\=\\= img{width:4.7rem;height:4.7rem}@media only screen and (min-width:768px){.wbtYQCZwB-QazFecNBXZdA\\=\\= .mGUJNejATWfyY\\+vpqoWyJQ\\=\\={margin:0 0 0 -3.2rem}}.wbtYQCZwB-QazFecNBXZdA\\=\\= ._0\\+M1urLtLxzn6JNubMEsOQ\\=\\={margin-top:1.6rem}@media only screen and (min-width:768px){.wbtYQCZwB-QazFecNBXZdA\\=\\= ._0\\+M1urLtLxzn6JNubMEsOQ\\=\\={margin:0 0 0 1.6rem;max-width:39rem}}.wbtYQCZwB-QazFecNBXZdA\\=\\= ._0\\+M1urLtLxzn6JNubMEsOQ\\=\\= div{color:#000;font-weight:700;font-size:2rem}.wbtYQCZwB-QazFecNBXZdA\\=\\= ._0\\+M1urLtLxzn6JNubMEsOQ\\=\\= p{color:var(--color-44);font-size:1.6rem}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/atoms/content-box/content-box.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:"AAeE,wDCRA,YAAA,CACA,qBDQ0B,CACxB,UAAA,CACA,eAAA,CACA,aAAA,CAEE,2EACE,mBAAA,CAGA,qGACE,wBAAA,CACA,oBAAA,CAIF,qGACE,wBAAA,CACA,oBAAA,CAIF,qGACE,wBAAA,CACA,oBAAA,CAKR,wDACE,qBAAA,CACA,mBAAA,CACA,UAAA,CACA,4BAAA,CCzCF,YAAA,CACA,qBDyC0B,CACxB,kBAAA,CACA,oBAAA,CACA,0CAAA,CAAA,yCARF,wDCrCA,YAAA,CACA,kBD8C4B,CACxB,0BAAA,CACA,yBAAA,CACA,yBAAA,CACA,eAAA,CACA,8BAAA,CAAA,CAGJ,yDACE,aAAA,CACA,cAAA,CACA,wBAAA,CACA,iBAAA,CC3DF,YAAA,CACA,qBD2D0B,CACxB,sBAAA,CACA,kBAAA,CACA,kBAAA,CACA,6DACE,YAAA,CACA,aAAA,CErBJ,yCFUA,yDAcI,oBAAA,CAAA,CAGJ,0DACE,iBAAA,CE5BF,yCF2BA,0DAGI,mBAAA,CACA,eAAA,CAAA,CAEF,8DACE,UAAA,CACA,eAAA,CACA,cAAA,CAEF,4DACE,qBAAA,CACA,gBAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../styles/utils/variables/stack-order";\n@import "../../../styles/utils/variables/typography";\n@import "../../../styles/utils/variables/layout";\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.contentBoxContainer {\n  .contentBoxList {\n    @include flex-direction(column);\n    width: 100%;\n    max-width: 80rem;\n    margin: 0 auto;\n    li {\n      &:nth-child(even) {\n        align-self: flex-end;\n      }\n      &:nth-child(1) {\n        .icon {\n          background-color: #7ba0f5;\n          border-color: #ebf1ff;\n        }\n      }\n      &:nth-child(2) {\n        .icon {\n          background-color: #b7f0c7;\n          border-color: #f2faf4;\n        }\n      }\n      &:nth-child(3) {\n        .icon {\n          background-color: #ffbc64;\n          border-color: #faf1e9;\n        }\n      }\n    }\n  }\n  .item {\n    background-color: white;\n    border-radius: 0.8rem;\n    width: 100%;\n    padding: 0 2.5rem 4rem 2.5rem;\n    @include flex-direction(column);\n    align-items: center;\n    margin: 7rem 0 1rem 0;\n    box-shadow: 0px 8px 32px rgba(23, 24, 47, 0.15);\n    @include min(tablet) {\n      @include flex-direction(row);\n      justify-content: flex-start;\n      margin: 1rem 0 3rem 3.2rem;\n      width: calc(100% - 3.2rem);\n      max-width: 52rem;\n      padding: 3.2rem 3.2rem 3.2rem 0;\n    }\n  }\n  .icon {\n    width: 11.2rem;\n    height: 11.2rem;\n    border: solid 1.6rem white;\n    border-radius: 50%;\n    @include flex-direction(column);\n    justify-content: center;\n    align-items: center;\n    margin-top: -5.6rem;\n    img {\n      width: 4.7rem;\n      height: 4.7rem;\n    }\n    @include min(tablet) {\n      margin: 0 0 0 -3.2rem;\n    }\n  }\n  .body {\n    margin-top: 1.6rem;\n    @include min(tablet) {\n      margin: 0 0 0 1.6rem;\n      max-width: 39rem;\n    }\n    div {\n      color: #000;\n      font-weight: 700;\n      font-size: 2rem;\n    }\n    p {\n      color: var(--color-44);\n      font-size: 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, $border-width: 2px) {\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, $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={contentBoxContainer:"wbtYQCZwB-QazFecNBXZdA==",contentBoxList:"FdW2qkH6WyiNJZcw6TACjA==",icon:"mGUJNejATWfyY+vpqoWyJQ==",item:"dD0TSu8AM3s2usoyFu8Uhw==",body:"_0+M1urLtLxzn6JNubMEsOQ=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/617.e002f245.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[617],{"../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/operator/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>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),FaArrowRight=__webpack_require__("../node_modules/@react-icons/all-files/fa/FaArrowRight.js"),button_button=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/button/button.js"),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"),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/operator.module.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(operator_module.A,options);const operator_operator_module=operator_module.A.locals||{};var Operator=function(_ref){var _ref$item=_ref.item,item=void 0===_ref$item?{}:_ref$item,_ref$width=_ref.width,width=void 0===_ref$width?56:_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?56:_ref$height,_ref$btnText=_ref.btnText,btnText=void 0===_ref$btnText?"":_ref$btnText,_ref$icon=_ref.icon,icon=void 0===_ref$icon?react.createElement(FaArrowRight.Z,{title:"Right-pointing Arrow Icon"}):_ref$icon,logo=item.logo;return react.createElement("li",{className:operator_operator_module.row||""},logo&&react.createElement(lazy_image.A,{className:operator_operator_module.operatorImage,width,height,src:(0,getters.pv)(logo,width,height),alt:item.title}),react.createElement("h3",{className:operator_operator_module.operatorTitle},item.title),react.createElement(button_button.A,{to:null==item?void 0:item.path,btnText,gtmClass:"autocomplete-operator-item-gtm btn-cta",icon}))};Operator.displayName="Operator",Operator.propTypes={item:prop_types_default().shape({title:prop_types_default().string,relation:prop_types_default().shape({logo:prop_types_default().shape({})})}).isRequired,width:prop_types_default().number,height:prop_types_default().number,btnText:prop_types_default().string,icon:prop_types_default().node},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:{name:"shape",value:{},required:!1}},required:!1}}},required:!1},width:{defaultValue:{value:"56",computed:!1},description:"",type:{name:"number"},required:!1},height:{defaultValue:{value:"56",computed:!1},description:"",type:{name:"number"},required:!1},btnText:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},icon:{defaultValue:{value:'<FaArrowRight title="Right-pointing Arrow Icon" />',computed:!1},description:"",type:{name:"node"},required:!1}}};const operator=Operator;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/operator/index.js"]={name:"Operator",docgenInfo:Operator.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/operator/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/atoms/search/autocomplete/operator/operator.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});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,".B8uLXYHVVFW7B-ny8KTDGg\\=\\={display:flex;align-items:center;justify-content:start;gap:.8rem;width:100%;background-color:var(--autocomplete-bg, #FFF);border-radius:.8rem;padding:1.2rem}.B8uLXYHVVFW7B-ny8KTDGg\\=\\=>a{margin-left:auto}.KqH8Zg6uwu0uFUCb4cl4jg\\=\\={border-radius:.8rem}.oGvkA\\+4KxU7UQ4EWglfsWA\\=\\={margin:0 !important;font-size:1.6rem;font-weight:400}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/operator/operator.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,4BCbE,YAAA,CACA,kBDaoB,CCZpB,qBDY4B,CAE5B,SAAA,CACA,UAAA,CACI,6CAAA,CACJ,mBAAA,CACA,cAAA,CAEA,8BACE,gBAAA,CAIJ,4BACE,mBAAA,CAGF,6BACE,mBAAA,CACA,gBAAA,CACA,eAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../../styles/utils/variables/stack-order";\n@import "../../../../../styles/utils/variables/typography";\n@import "../../../../../styles/utils/variables/layout";\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.row {\n  @include flex-align(center, start);\n\n  gap: .8rem;\n  width: 100%;\n      background-color: var(--autocomplete-bg, #FFF);\n  border-radius: .8rem;\n  padding: 1.2rem;\n\n  > a{\n    margin-left: auto;\n  }\n}\n\n.operatorImage{\n  border-radius: .8rem;\n}\n\n.operatorTitle{\n  margin: 0 !important;\n  font-size: 1.6rem;\n  font-weight: 400;\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, $border-width: 2px) {\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, $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:"B8uLXYHVVFW7B-ny8KTDGg==",operatorImage:"KqH8Zg6uwu0uFUCb4cl4jg==",operatorTitle:"oGvkA+4KxU7UQ4EWglfsWA=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/776.71c64a44.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[776],{"../node_modules/gatsby-core-theme/src/components/organisms/accordion/variants/template-one/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>template_one});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),template_one_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/organisms/accordion/variants/template-one/template-one.module.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(template_one_module.A,options);const template_one_template_one_module=template_one_module.A.locals||{};var keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.mjs"),TemplateOne=function(_ref){var module=_ref.module,_ref$openAll=_ref.openAll,openAll=void 0!==_ref$openAll&&_ref$openAll,openItem=_ref.openItem,_ref$closeOthers=_ref.closeOthers,closeOthers=void 0!==_ref$closeOthers&&_ref$closeOthers,items=module.items,itemRefs=(0,react.useRef)([]),btnRefs=(0,react.useRef)([]),toggle=function(index){btnRefs.current[index][0].classList.toggle(template_one_template_one_module.invertArrow),itemRefs.current[index][0].classList.toggle(template_one_template_one_module.active),closeOthers&&function(index){for(var i=0;i<itemRefs.current.length;i+=1)i!==index&&(itemRefs.current[i][0].classList.remove(template_one_template_one_module.active),btnRefs.current[i][0].classList.remove(template_one_template_one_module.invertArrow))}(index)};return(0,react.useEffect)((function(){openAll&&function(){for(var i=0;i<itemRefs.current.length;i+=1)void 0!==itemRefs.current[i]&&(itemRefs.current[i][0].classList.add(template_one_template_one_module.active),btnRefs.current[i][0].classList.add(template_one_template_one_module.invertArrow))}()}),[openAll]),(0,react.useEffect)((function(){var index;openItem&&(index=openItem-1,itemRefs.current.filter((function(ref){return ref.length>0})),itemRefs.current[index]&&(itemRefs.current[index][0].classList.add(template_one_template_one_module.active),btnRefs.current[index][0].classList.add(template_one_template_one_module.invertArrow)))}),[openItem]),react.createElement(react.Fragment,null,react.createElement("div",{className:template_one_template_one_module.accordionContainer||""},items.map((function(item,index){return item.content&&react.createElement("div",{key:(0,keygen.A)(),className:template_one_template_one_module.accordionItem||""},react.createElement("button",{onClick:function(){return toggle(index)},className:`${template_one_template_one_module.title||""} accordion-gtm btn-cta`,type:"button","aria-label":`${(0,keygen.A)()}_accordionButton`,ref:function(el){btnRefs.current[index]=btnRefs.current[index]||[],btnRefs.current[index].push(el)}},react.createElement("div",{dangerouslySetInnerHTML:{__html:item.title}})),react.createElement("div",{className:template_one_template_one_module.content||"",ref:function(el){itemRefs.current[index]=itemRefs.current[index]||[],itemRefs.current[index].push(el)}},react.createElement("div",{dangerouslySetInnerHTML:{__html:item.content}})))}))))};TemplateOne.propTypes={module:prop_types_default().shape({anchor_label:prop_types_default().string,items:prop_types_default().arrayOf(prop_types_default().shape({title:prop_types_default().string,content:prop_types_default().string}))}).isRequired,openAll:prop_types_default().bool,openItem:prop_types_default().number,closeOthers:prop_types_default().bool,styles:prop_types_default().shape({})},TemplateOne.__docgenInfo={description:"",methods:[],displayName:"TemplateOne",props:{openAll:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},closeOthers:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},module:{description:"",type:{name:"shape",value:{anchor_label:{name:"string",required:!1},items:{name:"arrayOf",value:{name:"shape",value:{title:{name:"string",required:!1},content:{name:"string",required:!1}}},required:!1}}},required:!0},openItem:{description:"",type:{name:"number"},required:!1},styles:{description:"",type:{name:"shape",value:{}},required:!1}}};const template_one=TemplateOne;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/organisms/accordion/variants/template-one/index.js"]={name:"TemplateOne",docgenInfo:TemplateOne.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/organisms/accordion/variants/template-one/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/organisms/accordion/variants/template-one/template-one.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});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,'.YlMIwp9KDAz-FU1vQGW-8Q\\=\\={padding:0 1.6rem}@media only screen and (min-width:768px){.YlMIwp9KDAz-FU1vQGW-8Q\\=\\={padding:0 2.4rem}}.YlMIwp9KDAz-FU1vQGW-8Q\\=\\= .peFyv\\+3TCBS7N4VVi\\+WA9w\\=\\={display:flex;flex-direction:column;padding:1rem 1.6rem 1.6rem;background-color:#fff;border-radius:.6rem;margin:1.6rem 0;border:1px solid #ccc}.YlMIwp9KDAz-FU1vQGW-8Q\\=\\= .peFyv\\+3TCBS7N4VVi\\+WA9w\\=\\= .fcQ19dG928fhJNcQdxD7Fw\\=\\={position:relative;text-align:left;color:var(--color-12);background:rgba(0,0,0,0);max-width:unset;border:none;justify-content:left;font-size:1.8rem;font-weight:700;padding:1rem 0;outline:none}.YlMIwp9KDAz-FU1vQGW-8Q\\=\\= .peFyv\\+3TCBS7N4VVi\\+WA9w\\=\\= .fcQ19dG928fhJNcQdxD7Fw\\=\\=:hover,.YlMIwp9KDAz-FU1vQGW-8Q\\=\\= .peFyv\\+3TCBS7N4VVi\\+WA9w\\=\\= .fcQ19dG928fhJNcQdxD7Fw\\=\\=:focus{outline:none}.YlMIwp9KDAz-FU1vQGW-8Q\\=\\= .peFyv\\+3TCBS7N4VVi\\+WA9w\\=\\= .fcQ19dG928fhJNcQdxD7Fw\\=\\=:after{transition:0s;content:"";border:solid #000;border-width:0 .3rem .3rem 0;padding:.3rem;transform:translateY(-50%) rotate(45deg);position:absolute;right:.5rem;top:50%}.YlMIwp9KDAz-FU1vQGW-8Q\\=\\= .peFyv\\+3TCBS7N4VVi\\+WA9w\\=\\= .fcQ19dG928fhJNcQdxD7Fw\\=\\=.BLfcBDjGM\\+IYgRil5WZrkg\\=\\=:after{transform:translateY(-50%) rotate(-135deg)}.YlMIwp9KDAz-FU1vQGW-8Q\\=\\= .peFyv\\+3TCBS7N4VVi\\+WA9w\\=\\= .zItWD6SR14EIspKWd9-\\+fA\\=\\={max-height:0;transition:max-height 0s ease-out;overflow:hidden;font-size:1.6rem;color:var(--color-20);padding:0}.YlMIwp9KDAz-FU1vQGW-8Q\\=\\= .peFyv\\+3TCBS7N4VVi\\+WA9w\\=\\= .zItWD6SR14EIspKWd9-\\+fA\\=\\=._8VoMztJeRBO1MEYknG-d8A\\=\\=,.YlMIwp9KDAz-FU1vQGW-8Q\\=\\= .peFyv\\+3TCBS7N4VVi\\+WA9w\\=\\= .zItWD6SR14EIspKWd9-\\+fA\\=\\=.RpccZafECZirmjCjjBx8kQ\\=\\={display:inherit;max-height:20rem;transition:max-height 0s ease-in;overflow-y:auto}.YlMIwp9KDAz-FU1vQGW-8Q\\=\\= .peFyv\\+3TCBS7N4VVi\\+WA9w\\=\\= .zItWD6SR14EIspKWd9-\\+fA\\=\\= p{padding:1rem 0}',"",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/organisms/accordion/variants/template-one/template-one.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_icons.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_animations.scss"],names:[],mappings:"AAcA,4BACE,gBAAA,CCqCA,yCDtCF,4BAGI,gBAAA,CAAA,CAEF,0DACE,YAAA,CACA,qBAAA,CACA,0BAAA,CACA,qBAAA,CACA,mBAAA,CACA,eAAA,CACA,qBAAA,CAEA,sFACE,iBAAA,CACA,eAAA,CACA,qBAAA,CACA,wBAAA,CACA,eAAA,CACA,WAAA,CACA,oBAAA,CACA,gBAAA,CACA,eAAA,CACA,cAAA,CACA,YAAA,CACA,wLAEE,YAAA,CAGF,4FACE,aAAA,CE7CN,UAAA,CAaE,iBAAA,CACA,4BAAA,CACA,aAHQ,CAsBR,wCAAA,CFaI,iBAAA,CACA,WAAA,CACA,OAAA,CAIA,wHACE,0CAAA,CAKN,uFGzBF,YAAA,CAlCA,iCAoCA,CAEA,eAAA,CHuBI,gBAAA,CACA,qBAAA,CACA,SAAA,CGvBJ,qOAEE,eAAA,CACA,gBHiBwB,CG5D1B,gCA6CE,CAEA,eAAA,CHkBE,yFACE,cAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../../styles/utils/variables/stack-order";\n@import "../../../../../styles/utils/variables/typography";\n@import "../../../../../styles/utils/variables/layout";\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.accordionContainer {\n  padding: 0 1.6rem;\n  @include min(tablet) {\n    padding: 0 2.4rem;\n  }\n  .accordionItem {\n    display: flex;\n    flex-direction: column;\n    padding: 1rem 1.6rem 1.6rem;\n    background-color: #fff;\n    border-radius: 0.6rem;\n    margin: 1.6rem 0;\n    border: 1px solid #ccc;\n\n    .title {\n      position: relative;\n      text-align: left;\n      color: var(--color-12);\n      background: transparent;\n      max-width: unset;\n      border: none;\n      justify-content: left;\n      font-size: 1.8rem;\n      font-weight: 700;\n      padding: 1rem 0;\n      outline: none;\n      &:hover,\n      &:focus {\n        outline: none;\n      }\n\n      &:after {\n        transition: 0s;\n        @include arrow(black, 0.9rem, down, false, translateY(-50%));\n        position: absolute;\n        right: 0.5rem;\n        top: 50%;\n      }\n\n      &.invertArrow {\n        &:after {\n          transform: translateY(-50%) rotate(-135deg);\n        }\n      }\n    }\n\n    .content {\n      @include collapse(0s, 20rem);\n      font-size: 1.6rem;\n      color: var(--color-20);\n      padding: 0;\n\n      p {\n        padding: 1rem 0;\n      }\n    }\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","@mixin arrow($color, $size, $orientation, $solid: true, $transform: '') {\n  content: '';\n\n  $rotation_right: 90deg;\n  $rotation_down: 180deg;\n  $rotation_left: -90deg;\n  $rotation: rotate(-135deg);\n\n  @if ($solid) {\n    border-left: $size solid transparent;\n    border-right: $size solid transparent;\n    border-bottom: $size solid $color;\n  } @else {\n    $size:  calc($size/3);\n    border: solid $color;\n    border-width: 0 $size $size 0;\n    padding: $size;\n  }\n\n  $rotation_right: -45deg;\n  $rotation_down: 45deg;\n  $rotation_left: 135deg;\n\n  @if ($orientation == up) {\n    bottom: 100%;\n    left: calc(50% - #{$size});\n  } @else if ($orientation == right) {\n    $rotation: rotate($rotation_right);\n  } @else if ($orientation == down) {\n    $rotation: rotate($rotation_down);\n  } @else if ($orientation == left) {\n    $rotation: rotate($rotation_left);\n  }\n\n  @if ($transform != '') {\n    transform: $transform $rotation;\n  } @else {\n    transform: $rotation;\n  }\n}\n\n@mixin circle($color, $size) {\n  content: '';\n  width: $size;\n  height: $size;\n  background: $color;\n  border-radius: 50%;\n}\n\n@mixin circle-bordered($color, $size, $border-width, $border-color) {\n  @include circle($color, $size);\n  border: $border-width solid $border-color;\n}\n\n@mixin iframe-play($color, $bg-color) {\n  &:before {\n    @include arrow($color, 1rem, right, true);\n    border-bottom-width: 2rem;\n    z-index: 1;\n  }\n\n  &:after {\n    @include circle-bordered($bg-color, 8rem, 1rem, transparentize($bg-color, 0.2));\n  }\n\n  &:before,\n  &:after {\n    cursor: pointer;\n    transition: all 0.25s linear;\n  }\n\n  &:hover,\n  &:focus {\n    &:before {\n      border-bottom: 2rem solid $bg-color;\n    }\n\n    &:after {\n      border-color: transparentize($color, 0.2);\n      background-color: $color;\n    }\n  }\n}\n\n@mixin close($size, $thickness, $color) {\n  & {\n    display: inline-block;\n    width: $size;\n    height: $size;\n  }\n\n  &:before,\n  &:after {\n    content: '';\n    display: block;\n    width: 140%;\n    height: $thickness;\n    background: $color;\n    border-radius: 0.1rem;\n  }\n\n  &:before {\n    transform: rotate(45deg);\n    transform-origin: 0 0;\n    margin: - calc($thickness / 4) 0 0 calc($thickness / 2);\n  }\n\n  &:after {\n    transform: rotate(-45deg);\n    transform-origin: 100% 0;\n    margin: -$thickness 0 0 -45%;\n  }\n}\n\n@mixin nav-icon($size, $color, $thickness: 5px, $translate: 12px) {\n  width: $size;\n\n  &:before,\n  &:after,\n  div {\n    background-color: $color;\n    border-radius: 3px;\n    content: '';\n    display: block;\n    height: $thickness;\n    margin: 7px 0;\n    transition: all 0.2s ease-in-out;\n  }\n\n  &:before {\n    margin: 0;\n  }\n\n  &:after {\n    width: 50%;\n    margin: 0 0 0 auto;\n  }\n\n  &.active {\n    &:before {\n      transform: translateY($translate) rotate(135deg);\n    }\n\n    &:after {\n      margin: 7px 0;\n      width: auto;\n      transform: translateY(-$translate) rotate(-135deg);\n    }\n\n    div {\n      transform: scale(0);\n    }\n  }\n}\n\n@mixin nav-icon-2($size, $color, $thickness: 5px, $translate: 12px) {\n  width: $size;\n\n  &:before,\n  &:after,\n  div {\n    background-color: $color;\n    border-radius: 1px;\n    content: '';\n    display: block;\n    height: $thickness;\n    margin: 4px 0;\n    transition: all 0.2s ease-in-out;\n    width: 100%;\n  }\n\n  &:before {\n    margin: 0;\n  }\n\n  &:after {\n    margin: 0 0 0 auto;\n  }\n\n  &.active {\n    &:before {\n      transform: translateY($translate) rotate(135deg);\n    }\n\n    &:after {\n      margin: 10px 0;\n      width: auto;\n      transform: translateY(-$translate) rotate(-135deg);\n    }\n\n    div {\n      transform: scale(0);\n    }\n  }\n}\n\n","@mixin transition($args...) {\n  transition: $args;\n}\n\n@mixin visibility {\n  position: absolute;\n  opacity: 0;\n  transition: visibility 0s linear 0.33s, opacity 0.33s linear;\n\n  @include customZindex(below-content);\n\n  &.show {\n    opacity: 1;\n\n    @include customZindex(modal);\n\n    &.list {\n      @include customZindex(scroll-to-top);\n    }\n  }\n}\n\n@mixin slide($from, $position, $fromVal: -100%, $toVal: 0) {\n  position: $position;\n\n  @include transition(1.5s);\n\n  #{$from}: $fromVal;\n\n  &.show {\n    #{$from}: $toVal;\n  }\n}\n\n@mixin collapse($time: 0.15s, $maxHeight: 500px) {\n  max-height: 0;\n\n  @include transition(max-height $time ease-out);\n\n  overflow: hidden;\n\n  &.show,\n  &.active {\n    display: inherit;\n    max-height: $maxHeight;\n\n    @include transition(max-height $time ease-in);\n\n    overflow-y: auto;\n  }\n}\n\n@mixin collapse-full($time: 0.15s, $removeHeight: 0) {\n  height: 0;\n\n  @include transition(height $time ease-out);\n\n  overflow: hidden;\n\n  &.show,\n  &.active {\n    height: calc(100vh - #{$removeHeight});  /* NOTE standard definition (as fallback) */\n    height: calc(100dvh - #{$removeHeight}); /* NOTE dynamic vh will trick iOS for newer versions */\n\n    @include transition(height $time ease-in);\n  }\n}\n\n@mixin arrow-rotate($translate: 50%, $rotate: -135deg) {\n  &::after {\n    transform: translateY($translate) rotate($rotate);\n  }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={accordionContainer:"YlMIwp9KDAz-FU1vQGW-8Q==",accordionItem:"peFyv+3TCBS7N4VVi+WA9w==",title:"fcQ19dG928fhJNcQdxD7Fw==",invertArrow:"BLfcBDjGM+IYgRil5WZrkg==",content:"zItWD6SR14EIspKWd9-+fA==",show:"_8VoMztJeRBO1MEYknG-d8A==",active:"RpccZafECZirmjCjjBx8kQ=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/777.426e8bf9.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[777],{"../node_modules/gatsby-core-theme/src/components/organisms/archive/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>archive});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),pagination=__webpack_require__("../node_modules/gatsby-core-theme/src/components/molecules/pagination/index.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),cards_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/organisms/cards/cards.module.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(cards_module.A,options);const cards_cards_module=cards_module.A.locals||{};var default_card=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/cards/default-card/index.js"),keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.mjs"),CardsGridStyles=function(_ref){var module=_ref.module,children=_ref.children,_ref$mobileColumns=_ref.mobileColumns,mobileColumns=void 0===_ref$mobileColumns?2:_ref$mobileColumns,_ref$tabletColumns=_ref.tabletColumns,tabletColumns=void 0===_ref$tabletColumns?3:_ref$tabletColumns,_ref$desktopColumns=_ref.desktopColumns,desktopColumns=void 0===_ref$desktopColumns?4:_ref$desktopColumns,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,divStyle={"--cards-mob-column":`${module.mobile_num_of_columns?module.mobile_num_of_columns:mobileColumns}`,"--cards-tablet-column":`${module.tablet_num_of_columns?module.tablet_num_of_columns:tabletColumns}`,"--cards-desktop-column":`${module.desktop_num_of_columns?module.desktop_num_of_columns:desktopColumns}`};return react.createElement("div",{className:className||"",style:divStyle},children)};CardsGridStyles.displayName="CardsGridStyles",CardsGridStyles.propTypes={className:prop_types_default().string,module:prop_types_default().shape({mobile_num_of_columns:prop_types_default().oneOfType([prop_types_default().number,prop_types_default().string]),tablet_num_of_columns:prop_types_default().oneOfType([prop_types_default().number,prop_types_default().string]),desktop_num_of_columns:prop_types_default().oneOfType([prop_types_default().number,prop_types_default().string])}).isRequired,children:prop_types_default().oneOfType([prop_types_default().arrayOf(prop_types_default().node),prop_types_default().node,prop_types_default().any]),mobileColumns:prop_types_default().number,tabletColumns:prop_types_default().number,desktopColumns:prop_types_default().number};var Cards=function(_ref2){var module=_ref2.module,CustomCardComponent=_ref2.CustomCardComponent,page=_ref2.page,_ref2$desktopColumns=_ref2.desktopColumns,desktopColumns=void 0===_ref2$desktopColumns?4:_ref2$desktopColumns,_ref2$tabletColumns=_ref2.tabletColumns,tabletColumns=void 0===_ref2$tabletColumns?3:_ref2$tabletColumns,_ref2$mobileColumns=_ref2.mobileColumns,mobileColumns=void 0===_ref2$mobileColumns?2:_ref2$mobileColumns,modulePosition=_ref2.modulePosition;return react.createElement(CardsGridStyles,{module,desktopColumns,tabletColumns,mobileColumns,className:cards_cards_module.cardsContainer},module.items&&module.items.map((function(item,index){return CustomCardComponent?react.createElement(CustomCardComponent,{key:(0,keygen.A)(),featured:"featured"===module.style,item,type:item.type,number:index+1,page,modulePosition,itemPosition:index+1}):react.createElement(default_card.A,{key:(0,keygen.A)(),item,modulePosition,itemPosition:index+1})})))};Cards.displayName="Cards",Cards.propTypes={module:prop_types_default().shape({items:prop_types_default().arrayOf(prop_types_default().object),featured_index:prop_types_default().number,style:prop_types_default().string}).isRequired,CustomCardComponent:prop_types_default().oneOfType([prop_types_default().element,prop_types_default().any]),page:prop_types_default().shape({}),desktopColumns:prop_types_default().number,tabletColumns:prop_types_default().number,mobileColumns:prop_types_default().number,modulePosition:prop_types_default().number},Cards.__docgenInfo={description:"",methods:[],displayName:"Cards",props:{desktopColumns:{defaultValue:{value:"4",computed:!1},description:"",type:{name:"number"},required:!1},tabletColumns:{defaultValue:{value:"3",computed:!1},description:"",type:{name:"number"},required:!1},mobileColumns:{defaultValue:{value:"2",computed:!1},description:"",type:{name:"number"},required:!1},module:{description:"",type:{name:"shape",value:{items:{name:"arrayOf",value:{name:"object"},required:!1},featured_index:{name:"number",required:!1},style:{name:"string",required:!1}}},required:!0},CustomCardComponent:{description:"",type:{name:"union",value:[{name:"element"},{name:"any"}]},required:!1},page:{description:"",type:{name:"shape",value:{}},required:!1},modulePosition:{description:"",type:{name:"number"},required:!1}}};const cards=Cards;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/organisms/cards/index.js"]={name:"Cards",docgenInfo:Cards.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/organisms/cards/index.js"});var Items=function(_ref){var module=_ref.module,page=_ref.page,modulePosition=_ref.modulePosition;return react.createElement(cards,{module,page,modulePosition})};Items.displayName="Items",Items.propTypes={module:prop_types_default().shape({module_title:prop_types_default().string}).isRequired,page:prop_types_default().shape({}),modulePosition:prop_types_default().number},Items.__docgenInfo={description:"",methods:[],displayName:"Items",props:{module:{description:"",type:{name:"shape",value:{module_title:{name:"string",required:!1}}},required:!0},page:{description:"",type:{name:"shape",value:{}},required:!1},modulePosition:{description:"",type:{name:"number"},required:!1}}};const items=Items;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/archive/items/index.js"]={name:"Items",docgenInfo:Items.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/archive/items/index.js"});var button_button=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/button/button.js"),useTranslate=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/useTranslate/useTranslate.js"),archive_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/organisms/archive/archive.module.scss"),archive_module_options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(archive_module.A,archive_module_options);const archive_archive_module=archive_module.A.locals||{};function _toConsumableArray(r){return function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}(r)||function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||_unsupportedIterableToArray(r)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||_unsupportedIterableToArray(r,e)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n}var Archive=function(_ref){var module=_ref.module,page=_ref.page,loadMore=_ref.loadMore,_ref$gtmClass=_ref.gtmClass,gtmClass=void 0===_ref$gtmClass?"":_ref$gtmClass,anchorLabel=_ref.anchorLabel,modulePosition=_ref.modulePosition,_ref$buttonType=_ref.buttonType,buttonType=void 0===_ref$buttonType?"tertiary":_ref$buttonType,_ref$buttonSize=_ref.buttonSize,buttonSize=void 0===_ref$buttonSize?"m":_ref$buttonSize,_useState2=_slicedToArray((0,react.useState)(_toConsumableArray(module.items)),2),moduleItems=_useState2[0],setModuleItems=_useState2[1],updatedModule=Object.assign({},module),hasLoadMore="load_more"===module.pagination_type;(0,react.useEffect)((function(){if("load_more"===module.pagination_type){var items=module.items.filter((function(item,index){return index<parseInt(loadMore?loadMore.limit:9)}));setModuleItems(items)}}),[module,module.items,loadMore]);var loadMoreText=(0,useTranslate.A)("load_more","Load More");return updatedModule.items=moduleItems,react.createElement(react.Fragment,null,react.createElement(items,{module:updatedModule,page,gtmClass,modulePosition}),hasLoadMore?module.items.length>updatedModule.items.length&&react.createElement("div",{className:archive_archive_module.loadMoreWrapper||""},react.createElement(button_button.A,{btnText:loadMoreText,onClick:function(){var items=_toConsumableArray(module.items);items.length>moduleItems.length&&(items=items.filter((function(item,index){return index<moduleItems.length+parseInt(loadMore?loadMore.increment:9)})),setModuleItems(items))},buttonType,buttonSize,gtmClass:"archive-gtm btn-cta",isInternalLink:!1})):react.createElement(pagination.A,{pagePath:module.rootPath,currentPage:module.currentPage,totalPages:module.numOfPages,anchorLabel}))};Archive.propTypes={module:prop_types_default().shape({module_title:prop_types_default().string,rootPath:prop_types_default().string,currentPage:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().number]),numOfPages:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().number]),items:prop_types_default().arrayOf(prop_types_default().object),pagination_type:prop_types_default().string,num_of_items:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().number])}).isRequired,loadMore:prop_types_default().shape({label:prop_types_default().string,increment:prop_types_default().number,limit:prop_types_default().number,usePrimaryButton:prop_types_default().bool,useInvertColors:prop_types_default().bool}),page:prop_types_default().shape({translations:prop_types_default().shape({})}),gtmClass:prop_types_default().string,anchorLabel:prop_types_default().string,modulePosition:prop_types_default().number,buttonType:prop_types_default().string,buttonSize:prop_types_default().string},Archive.__docgenInfo={description:"",methods:[],displayName:"Archive",props:{gtmClass:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},buttonType:{defaultValue:{value:"'tertiary'",computed:!1},description:"",type:{name:"string"},required:!1},buttonSize:{defaultValue:{value:"'m'",computed:!1},description:"",type:{name:"string"},required:!1},module:{description:"",type:{name:"shape",value:{module_title:{name:"string",required:!1},rootPath:{name:"string",required:!1},currentPage:{name:"union",value:[{name:"string"},{name:"number"}],required:!1},numOfPages:{name:"union",value:[{name:"string"},{name:"number"}],required:!1},items:{name:"arrayOf",value:{name:"object"},required:!1},pagination_type:{name:"string",required:!1},num_of_items:{name:"union",value:[{name:"string"},{name:"number"}],required:!1}}},required:!0},loadMore:{description:"",type:{name:"shape",value:{label:{name:"string",required:!1},increment:{name:"number",required:!1},limit:{name:"number",required:!1},usePrimaryButton:{name:"bool",required:!1},useInvertColors:{name:"bool",required:!1}}},required:!1},page:{description:"",type:{name:"shape",value:{translations:{name:"shape",value:{},required:!1}}},required:!1},anchorLabel:{description:"",type:{name:"string"},required:!1},modulePosition:{description:"",type:{name:"number"},required:!1}}};const archive=Archive;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/organisms/archive/index.js"]={name:"Archive",docgenInfo:Archive.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/organisms/archive/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/organisms/archive/archive.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});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,".vyePgwWVhVHcgvTgdtTGLg\\=\\={margin:2rem 0;text-align:center}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/organisms/archive/archive.module.scss"],names:[],mappings:"AAcA,4BACE,aAAA,CACA,iBAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../styles/utils/variables/stack-order";\n@import "../../../styles/utils/variables/typography";\n@import "../../../styles/utils/variables/layout";\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.loadMoreWrapper {\n  margin: 2rem 0;\n  text-align: center;\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={loadMoreWrapper:"vyePgwWVhVHcgvTgdtTGLg=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"../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/organisms/cards/cards.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});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,".sqHtqgZrgYSvQDlCRAl60w\\=\\={display:grid;column-gap:.8rem;row-gap:1rem}@media only screen and (min-width:425px){.sqHtqgZrgYSvQDlCRAl60w\\=\\={grid-template-columns:repeat(var(--cards-mob-column), minmax(0, 1fr))}}@media only screen and (min-width:768px){.sqHtqgZrgYSvQDlCRAl60w\\=\\={grid-template-columns:repeat(var(--cards-tablet-column), minmax(0, 1fr))}}@media only screen and (min-width:1200px){.sqHtqgZrgYSvQDlCRAl60w\\=\\={grid-template-columns:repeat(var(--cards-desktop-column), minmax(0, 1fr))}}@media only screen and (min-width:1200px){.sqHtqgZrgYSvQDlCRAl60w\\=\\={column-gap:1.6rem}}.sqHtqgZrgYSvQDlCRAl60w\\=\\=>div{margin:.4rem 0}@media only screen and (min-width:1200px){.sqHtqgZrgYSvQDlCRAl60w\\=\\=>div{margin:.8rem 0}}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/organisms/cards/cards.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAcA,4BACE,YAAA,CAaA,gBAAA,CACA,YAAA,CCuBA,yCDtCF,4BAII,qEAAA,CAAA,CCkCF,yCDtCF,4BAQI,wEAAA,CAAA,CC8BF,0CDtCF,4BAYI,yEAAA,CAAA,CC0BF,0CDtCF,4BAkBI,iBAAA,CAAA,CAEF,gCACE,cAAA,CCiBF,0CDlBA,gCAGI,cAAA,CAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../styles/utils/variables/stack-order";\n@import "../../../styles/utils/variables/typography";\n@import "../../../styles/utils/variables/layout";\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.cardsContainer {\n  display: grid;\n\n  @include min(mobile) {\n    grid-template-columns: repeat(var(--cards-mob-column), minmax(0,1fr));\n  }\n\n  @include min(tablet) {\n    grid-template-columns: repeat(var(--cards-tablet-column), minmax(0,1fr));\n  }\n\n  @include min(desktop) {\n    grid-template-columns: repeat(var(--cards-desktop-column), minmax(0,1fr));\n  }\n  column-gap: 0.8rem;\n  row-gap: 1rem;\n\n  @include min(desktop) {\n    column-gap: 1.6rem;\n  }\n  > div {\n    margin: 0.4rem 0;\n    @include min(desktop) {\n      margin: 0.8rem 0;\n    }\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={cardsContainer:"sqHtqgZrgYSvQDlCRAl60w=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/909.8b1b8513.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[909],{"../node_modules/gatsby-core-theme/src/components/organisms/accordion/variants/template-two/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>template_two});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),template_two_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/organisms/accordion/variants/template-two/template-two.module.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(template_two_module.A,options);const template_two_template_two_module=template_two_module.A.locals||{};var keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.mjs"),gatsby_browser_entry=__webpack_require__("../node_modules/gatsby/cache-dir/gatsby-browser-entry.js"),index_browser_006c3456=__webpack_require__("../node_modules/gatsby-plugin-image/dist/index.browser-006c3456.js");function _extends(){return _extends=Object.assign?Object.assign.bind():function(n){for(var e=1;e<arguments.length;e++){var t=arguments[e];for(var r in t)({}).hasOwnProperty.call(t,r)&&(n[r]=t[r])}return n},_extends.apply(null,arguments)}var PureImage=function(_ref){var filename=_ref.filename,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,_ref$alt=_ref.alt,alt=void 0===_ref$alt?"":_ref$alt,_ref$height=_ref.height,height=void 0===_ref$height?"100%":_ref$height,_ref$width=_ref.width,width=void 0===_ref$width?"100%":_ref$width,_ref$objectFit=_ref.objectFit,objectFit=void 0===_ref$objectFit?"cover":_ref$objectFit,_ref$customStyle=_ref.customStyle,customStyle=void 0===_ref$customStyle?null:_ref$customStyle,_ref$loading=_ref.loading,loading=void 0===_ref$loading?"eager":_ref$loading,data=_ref.data,image=data&&data.images.edges.find((function(n){return n.node.relativePath.includes(filename)}));return image?react.createElement(index_browser_006c3456.G,{className:className||"",loading,objectFit,alt,style:customStyle||{height,width},image:image.node.childImageSharp.gatsbyImageData}):null};PureImage.displayName="PureImage";var Image=function(props){var data=(0,gatsby_browser_entry.GR)("2795371711");return react.createElement(PureImage,_extends({},props,{data}))};Image.displayName="Image",PureImage.propTypes={filename:prop_types_default().string,className:prop_types_default().string,alt:prop_types_default().string,height:prop_types_default().string,objectFit:prop_types_default().string,loading:prop_types_default().string,customStyle:prop_types_default().shape({}),width:prop_types_default().string,data:prop_types_default().shape({images:prop_types_default().shape({edges:prop_types_default().arrayOf(prop_types_default().shape({}))})})},Image.__docgenInfo={description:"",methods:[],displayName:"Image"};const gatsby_img=Image;PureImage.__docgenInfo={description:"",methods:[],displayName:"PureImage",props:{className:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},alt:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},height:{defaultValue:{value:"'100%'",computed:!1},description:"",type:{name:"string"},required:!1},width:{defaultValue:{value:"'100%'",computed:!1},description:"",type:{name:"string"},required:!1},objectFit:{defaultValue:{value:"'cover'",computed:!1},description:"",type:{name:"string"},required:!1},customStyle:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"shape",value:{}},required:!1},loading:{defaultValue:{value:"'eager'",computed:!1},description:"",type:{name:"string"},required:!1},filename:{description:"",type:{name:"string"},required:!1},data:{description:"",type:{name:"shape",value:{images:{name:"shape",value:{edges:{name:"arrayOf",value:{name:"shape",value:{}},required:!1}},required:!1}}},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/hooks/gatsby-img/index.js"]={name:"PureImage",docgenInfo:PureImage.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/hooks/gatsby-img/index.js"}),"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/hooks/gatsby-img/index.js"]={name:"Image",docgenInfo:Image.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/hooks/gatsby-img/index.js"});var hooks_link=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/link/index.js"),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"),TemplateTwo=function(_ref){var module=_ref.module,author=_ref.author,_ref$width=_ref.width,width=void 0===_ref$width?36:_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?36:_ref$height,items=module.items,usernames=["mindbrew94","nebulaecho49","opalight79","peachsunrise60","quartzbeat23","ripplequiet58","solarpulse99","tidalwave402","vineglow47","wavemender23","zenithsky11","abysslooker56","lilyMoonbeam","nathanVoyage","rachelSunset","leoWildfire","miaRipple","ethanSky","oliviaMist","samOcean","avaWhisper","adam","jonathan","sophia","max","ellie","jake","lily","nathan","rachel","leo","mia","ethan","olivia","sam","ava","tyler","isabella","aiden","grace","noah","emma","lucas","qroxon","plentix","flubro","drinzo","yerkum","slinx","frevoq","gwintol","crunom","blivart","jepro","kuzlim","zoplonk","twindax"];return react.createElement(react.Fragment,null,react.createElement("div",{className:template_two_template_two_module.accordionContainer||""},items.map((function(item,key){return item.content&&react.createElement("div",{key:(0,keygen.A)(),className:template_two_template_two_module.accordionItem||""},react.createElement("div",{className:template_two_template_two_module.question},react.createElement("span",null,item.title),react.createElement("div",{className:template_two_template_two_module.commenter},react.createElement("span",null,usernames[key]),react.createElement(gatsby_img,{className:template_two_template_two_module.userAvatar,alt:"user-avatar",filename:"user_avatar",width,height}))),react.createElement("div",{className:`${template_two_template_two_module.answer||""} ${template_two_template_two_module.active}`},react.createElement("div",{dangerouslySetInnerHTML:{__html:item.content}}),"object"==typeof author&&react.createElement("div",{className:template_two_template_two_module.author},react.createElement("span",null,author.name),react.createElement(hooks_link.A,{to:author.profile_page_path,className:template_two_template_two_module.authorImage},react.createElement(lazy_image.A,{alt:author.name,loading:"eager",width,height,src:(0,getters.pv)(author.image,width,height)})))))}))))};TemplateTwo.propTypes={module:prop_types_default().shape({anchor_label:prop_types_default().string,items:prop_types_default().arrayOf(prop_types_default().shape({title:prop_types_default().string,content:prop_types_default().string}))}).isRequired,styles:prop_types_default().shape({}),author:prop_types_default().shape({image:prop_types_default().string,profile_page_path:prop_types_default().string,name:prop_types_default().string}),width:prop_types_default().number,height:prop_types_default().number},TemplateTwo.__docgenInfo={description:"",methods:[],displayName:"TemplateTwo",props:{width:{defaultValue:{value:"36",computed:!1},description:"",type:{name:"number"},required:!1},height:{defaultValue:{value:"36",computed:!1},description:"",type:{name:"number"},required:!1},module:{description:"",type:{name:"shape",value:{anchor_label:{name:"string",required:!1},items:{name:"arrayOf",value:{name:"shape",value:{title:{name:"string",required:!1},content:{name:"string",required:!1}}},required:!1}}},required:!0},styles:{description:"",type:{name:"shape",value:{}},required:!1},author:{description:"",type:{name:"shape",value:{image:{name:"string",required:!1},profile_page_path:{name:"string",required:!1},name:{name:"string",required:!1}}},required:!1}}};const template_two=TemplateTwo;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/organisms/accordion/variants/template-two/index.js"]={name:"TemplateTwo",docgenInfo:TemplateTwo.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/organisms/accordion/variants/template-two/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/organisms/accordion/variants/template-two/template-two.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});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,"._1LodAM1RBW4wir8M49Obww\\=\\= .Xrk9U2UA6\\+EdVHORbQ7yDQ\\=\\={display:flex;flex-direction:column;padding-right:1.6rem;background-color:#fff;border-radius:1.6rem;margin:1rem 0;box-shadow:0 4px 12px rgba(27,27,28,.0784313725)}._1LodAM1RBW4wir8M49Obww\\=\\= .Xrk9U2UA6\\+EdVHORbQ7yDQ\\=\\=>div>span{font-size:18px;font-weight:700;padding:2.75rem 2.4rem;color:#1b1b1c}._1LodAM1RBW4wir8M49Obww\\=\\= .Xrk9U2UA6\\+EdVHORbQ7yDQ\\=\\= .AN3PE3CJlh0E5l3m8j9B8w\\=\\={display:flex;flex-direction:row;align-items:center}._1LodAM1RBW4wir8M49Obww\\=\\= .Xrk9U2UA6\\+EdVHORbQ7yDQ\\=\\= .AN3PE3CJlh0E5l3m8j9B8w\\=\\=>.boCrbVJR9GIK-KUnGSHm2w\\=\\={margin-left:auto;display:flex;flex-direction:row;align-items:center;height:fit-content;font-size:1.4rem;font-weight:400}._1LodAM1RBW4wir8M49Obww\\=\\= .Xrk9U2UA6\\+EdVHORbQ7yDQ\\=\\= .AN3PE3CJlh0E5l3m8j9B8w\\=\\=>.boCrbVJR9GIK-KUnGSHm2w\\=\\=>span{background-color:#f1f5f9;padding:0rem 1rem;border-radius:100px}._1LodAM1RBW4wir8M49Obww\\=\\= .Xrk9U2UA6\\+EdVHORbQ7yDQ\\=\\= .AN3PE3CJlh0E5l3m8j9B8w\\=\\=>.boCrbVJR9GIK-KUnGSHm2w\\=\\=>.HhVZPKTv3MrlQBCzTdfmWQ\\=\\={border-radius:100%;margin-left:.8rem}._1LodAM1RBW4wir8M49Obww\\=\\= .Xrk9U2UA6\\+EdVHORbQ7yDQ\\=\\= .fIjmZo8SXQV3siaixs038g\\=\\={font-weight:400;line-height:2.7rem;font-size:1.6rem;color:#515156;padding-bottom:2.4rem;padding-left:1.6rem}@media only screen and (min-width:768px){._1LodAM1RBW4wir8M49Obww\\=\\= .Xrk9U2UA6\\+EdVHORbQ7yDQ\\=\\= .fIjmZo8SXQV3siaixs038g\\=\\={display:flex;flex-direction:row;display:flex;align-items:center;justify-content:center}}._1LodAM1RBW4wir8M49Obww\\=\\= .Xrk9U2UA6\\+EdVHORbQ7yDQ\\=\\= .fIjmZo8SXQV3siaixs038g\\=\\=>.WEhntPvW6EEh7UJVuTYHOQ\\=\\={margin-top:10px;display:flex;flex-direction:row;align-items:center;height:fit-content;font-size:1.4rem;font-weight:400}@media only screen and (min-width:768px){._1LodAM1RBW4wir8M49Obww\\=\\= .Xrk9U2UA6\\+EdVHORbQ7yDQ\\=\\= .fIjmZo8SXQV3siaixs038g\\=\\=>.WEhntPvW6EEh7UJVuTYHOQ\\=\\={margin-left:auto;padding-left:10px;margin-top:0}}._1LodAM1RBW4wir8M49Obww\\=\\= .Xrk9U2UA6\\+EdVHORbQ7yDQ\\=\\= .fIjmZo8SXQV3siaixs038g\\=\\=>.WEhntPvW6EEh7UJVuTYHOQ\\=\\=>span{background-color:#f1f5f9;padding:0rem 1rem;border-radius:100px;white-space:nowrap}._1LodAM1RBW4wir8M49Obww\\=\\= .Xrk9U2UA6\\+EdVHORbQ7yDQ\\=\\= .fIjmZo8SXQV3siaixs038g\\=\\=>.WEhntPvW6EEh7UJVuTYHOQ\\=\\=>.N40r74Dc3MKHF6Ffz1oVFA\\=\\={min-width:3.6rem;display:flex;flex-direction:row;display:flex;align-items:center;justify-content:center;margin-left:.8rem}._1LodAM1RBW4wir8M49Obww\\=\\= .Xrk9U2UA6\\+EdVHORbQ7yDQ\\=\\= .fIjmZo8SXQV3siaixs038g\\=\\=>.WEhntPvW6EEh7UJVuTYHOQ\\=\\=>.N40r74Dc3MKHF6Ffz1oVFA\\=\\=>img{border-radius:100%}._1LodAM1RBW4wir8M49Obww\\=\\= .Xrk9U2UA6\\+EdVHORbQ7yDQ\\=\\= .fIjmZo8SXQV3siaixs038g\\=\\=>.WEhntPvW6EEh7UJVuTYHOQ\\=\\=>.HhVZPKTv3MrlQBCzTdfmWQ\\=\\={border-radius:100%;margin-left:.8rem}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/organisms/accordion/variants/template-two/template-two.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:"AAeE,0DCRA,YAAA,CACA,qBDQ0B,CACxB,oBAAA,CACA,qBAAA,CACA,oBAAA,CACA,aAAA,CACA,gDAAA,CAEA,mEACE,cAAA,CACA,eAAA,CACA,sBAAA,CACA,aAAA,CAGF,sFCvBF,YAAA,CACA,kBDuB4B,CACxB,kBAAA,CACA,kHACE,gBAAA,CC3BN,YAAA,CACA,kBD2B8B,CACxB,kBAAA,CACA,kBAAA,CACA,gBAAA,CACA,eAAA,CAEA,uHACE,wBAAA,CACA,iBAAA,CACA,mBAAA,CAGF,8IACE,kBAAA,CACA,iBAAA,CAKN,sFAKE,eAAA,CACA,kBAAA,CACA,gBAAA,CACA,aAAA,CACA,qBAAA,CACA,mBAAA,CEZJ,yCFEE,sFC/CF,YAAA,CACA,kBDgD8B,CCvD9B,YAAA,CACA,kBDuD0B,CCtD1B,sBDsDkC,CAAA,CAS9B,kHACE,eAAA,CC5DN,YAAA,CACA,kBDiE8B,CACxB,kBAAA,CACA,kBAAA,CACA,gBAAA,CACA,eAAA,CEzBN,yCFcI,kHAGI,gBAAA,CACA,iBAAA,CACA,YAAA,CAAA,CAQF,uHACE,wBAAA,CACA,iBAAA,CACA,mBAAA,CACA,kBAAA,CAGF,8IACE,gBAAA,CChFR,YAAA,CACA,kBDgFgC,CCvFhC,YAAA,CACA,kBDuF4B,CCtF5B,sBDsFoC,CAI5B,iBAAA,CAHA,kJACE,kBAAA,CAKJ,8IACE,kBAAA,CACA,iBAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../../styles/utils/variables/stack-order";\n@import "../../../../../styles/utils/variables/typography";\n@import "../../../../../styles/utils/variables/layout";\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.accordionContainer {\n  .accordionItem {\n    @include flex-direction(column);\n    padding-right: 1.6rem;\n    background-color: #fff;\n    border-radius: 1.6rem;\n    margin: 1rem 0;\n    box-shadow: 0 4px 12px #1B1B1C14;\n\n    & > div > span{\n      font-size: 18px;\n      font-weight: 700;\n      padding: 2.75rem 2.4rem;\n      color: #1B1B1C;\n    }\n\n    .question{\n      @include flex-direction(row);\n      align-items: center;\n      & > .commenter{\n        margin-left: auto;\n        @include flex-direction(row);\n        align-items: center;\n        height: fit-content;\n        font-size: 1.4rem;\n        font-weight: 400;\n\n        & > span{\n          background-color: #F1F5F9;\n          padding: 0rem 1rem;\n          border-radius:100px;\n        }\n\n        & > .userAvatar{\n          border-radius: 100%;\n          margin-left: .8rem\n        }\n      }\n    }\n\n    .answer {\n      @include min(tablet){\n        @include flex-direction(row);\n        @include flex-align(center, center);\n      }\n      font-weight: 400;\n      line-height: 2.7rem;\n      font-size: 1.6rem;\n      color: #515156;\n      padding-bottom: 2.4rem;\n      padding-left: 1.6rem;\n\n      & > .author{\n        margin-top: 10px;\n        @include min(tablet){\n          margin-left: auto;\n          padding-left: 10px;\n          margin-top: 0;\n        }\n        @include flex-direction(row);\n        align-items: center;\n        height: fit-content;\n        font-size: 1.4rem;\n        font-weight: 400;\n\n        & > span{\n          background-color: #F1F5F9;\n          padding: 0rem 1rem;\n          border-radius:100px;\n          white-space: nowrap;\n        }\n\n        & > .authorImage{\n          min-width: 3.6rem;\n          @include flex-direction(row);\n          @include flex-align(center, center);\n          & > img{\n            border-radius: 100%;\n          }\n          margin-left: .8rem\n        }\n\n        & > .userAvatar{\n          border-radius: 100%;\n          margin-left: .8rem\n        }\n      }\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, $border-width: 2px) {\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, $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={accordionContainer:"_1LodAM1RBW4wir8M49Obww==",accordionItem:"Xrk9U2UA6+EdVHORbQ7yDQ==",question:"AN3PE3CJlh0E5l3m8j9B8w==",commenter:"boCrbVJR9GIK-KUnGSHm2w==",userAvatar:"HhVZPKTv3MrlQBCzTdfmWQ==",answer:"fIjmZo8SXQV3siaixs038g==",author:"WEhntPvW6EEh7UJVuTYHOQ==",authorImage:"N40r74Dc3MKHF6Ffz1oVFA=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"../node_modules/gatsby-plugin-image/dist/index.browser-006c3456.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{G:()=>ce,L:()=>G,M:()=>K,P:()=>Z,_:()=>u,a:()=>h,b:()=>P,g:()=>A,h:()=>W});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/react/index.js"),prop_types__WEBPACK_IMPORTED_MODULE_2__=(__webpack_require__("../node_modules/gatsby-plugin-image/node_modules/camelcase/index.js"),__webpack_require__("../node_modules/prop-types/index.js")),prop_types__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(prop_types__WEBPACK_IMPORTED_MODULE_2__);function h(){return h=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var i in a)Object.prototype.hasOwnProperty.call(a,i)&&(e[i]=a[i])}return e},h.apply(this,arguments)}function u(e,t){if(null==e)return{};var a,i,s={},r=Object.keys(e);for(i=0;i<r.length;i++)t.indexOf(a=r[i])>=0||(s[a]=e[a]);return s}const W=()=>"undefined"!=typeof HTMLImageElement&&"loading"in HTMLImageElement.prototype;function R(){return"undefined"!=typeof GATSBY___IMAGE&&GATSBY___IMAGE}function z(e,t,a){const i={};let s="gatsby-image-wrapper";return R()||(i.position="relative",i.overflow="hidden"),"fixed"===a?(i.width=e,i.height=t):"constrained"===a&&(R()||(i.display="inline-block",i.verticalAlign="top"),s="gatsby-image-wrapper gatsby-image-wrapper-constrained"),{className:s,"data-gatsby-image-wrapper":"",style:i}}function P(e,t,a,i,s={}){return R()||(s=h({height:"100%",left:0,position:"absolute",top:0,transform:"translateZ(0)",transition:"opacity 250ms linear",width:"100%",willChange:"opacity"},s)),h({},a,{loading:i,shouldLoad:e,"data-main-image":"",style:h({},s,{opacity:t?1:0})})}function A(e,t,a,i,s,r,n,o){const l={};r&&(l.backgroundColor=r,"fixed"===a?(l.width=i,l.height=s,l.backgroundColor=r,l.position="relative"):("constrained"===a||"fullWidth"===a)&&(l.position="absolute",l.top=0,l.left=0,l.bottom=0,l.right=0)),n&&(l.objectFit=n),o&&(l.objectPosition=o);const d=h({},e,{"aria-hidden":!0,"data-placeholder-image":"",style:h({opacity:t?0:1,transition:"opacity 500ms linear"},l)});return R()||(d.style={height:"100%",left:0,position:"absolute",top:0,width:"100%"}),d}const H=["children"],F=function({layout:t,width:a,height:i}){return"fullWidth"===t?react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{"aria-hidden":!0,style:{paddingTop:i/a*100+"%"}}):"constrained"===t?react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",{style:{maxWidth:a,display:"block"}},react__WEBPACK_IMPORTED_MODULE_0__.createElement("img",{alt:"",role:"presentation","aria-hidden":"true",src:`data:image/svg+xml;charset=utf-8,%3Csvg%20height='${i}'%20width='${a}'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E`,style:{maxWidth:"100%",display:"block",position:"static"}})):null},G=function(a){let{children:i}=a,s=u(a,H);return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(F,h({},s)),i,null)},V=["src","srcSet","loading","alt","shouldLoad"],B=["fallback","sources","shouldLoad"],U=function(t){let{src:a,srcSet:i,loading:s,alt:r="",shouldLoad:n}=t,o=u(t,V);return react__WEBPACK_IMPORTED_MODULE_0__.createElement("img",h({},o,{decoding:"async",loading:s,src:n?a:void 0,"data-src":n?void 0:a,srcSet:n?i:void 0,"data-srcset":n?void 0:i,alt:r}))},Y=function(t){let{fallback:a,sources:i=[],shouldLoad:s=!0}=t,r=u(t,B);const n=r.sizes||(null==a?void 0:a.sizes),o=react__WEBPACK_IMPORTED_MODULE_0__.createElement(U,h({},r,a,{sizes:n,shouldLoad:s}));return i.length?react__WEBPACK_IMPORTED_MODULE_0__.createElement("picture",null,i.map((({media:t,srcSet:a,type:i})=>react__WEBPACK_IMPORTED_MODULE_0__.createElement("source",{key:`${t}-${i}-${a}`,type:i,media:t,srcSet:s?a:void 0,"data-srcset":s?void 0:a,sizes:n}))),o):o};var X;U.propTypes={src:prop_types__WEBPACK_IMPORTED_MODULE_2__.string.isRequired,alt:prop_types__WEBPACK_IMPORTED_MODULE_2__.string.isRequired,sizes:prop_types__WEBPACK_IMPORTED_MODULE_2__.string,srcSet:prop_types__WEBPACK_IMPORTED_MODULE_2__.string,shouldLoad:prop_types__WEBPACK_IMPORTED_MODULE_2__.bool},Y.displayName="Picture",Y.propTypes={alt:prop_types__WEBPACK_IMPORTED_MODULE_2__.string.isRequired,shouldLoad:prop_types__WEBPACK_IMPORTED_MODULE_2__.bool,fallback:prop_types__WEBPACK_IMPORTED_MODULE_2__.exact({src:prop_types__WEBPACK_IMPORTED_MODULE_2__.string.isRequired,srcSet:prop_types__WEBPACK_IMPORTED_MODULE_2__.string,sizes:prop_types__WEBPACK_IMPORTED_MODULE_2__.string}),sources:prop_types__WEBPACK_IMPORTED_MODULE_2__.arrayOf(prop_types__WEBPACK_IMPORTED_MODULE_2__.oneOfType([prop_types__WEBPACK_IMPORTED_MODULE_2__.exact({media:prop_types__WEBPACK_IMPORTED_MODULE_2__.string.isRequired,type:prop_types__WEBPACK_IMPORTED_MODULE_2__.string,sizes:prop_types__WEBPACK_IMPORTED_MODULE_2__.string,srcSet:prop_types__WEBPACK_IMPORTED_MODULE_2__.string.isRequired}),prop_types__WEBPACK_IMPORTED_MODULE_2__.exact({media:prop_types__WEBPACK_IMPORTED_MODULE_2__.string,type:prop_types__WEBPACK_IMPORTED_MODULE_2__.string.isRequired,sizes:prop_types__WEBPACK_IMPORTED_MODULE_2__.string,srcSet:prop_types__WEBPACK_IMPORTED_MODULE_2__.string.isRequired})]))};const J=["fallback"],Z=function(t){let{fallback:a}=t,i=u(t,J);return a?react__WEBPACK_IMPORTED_MODULE_0__.createElement(Y,h({},i,{fallback:{src:a},"aria-hidden":!0,alt:""})):react__WEBPACK_IMPORTED_MODULE_0__.createElement("div",h({},i))};Z.displayName="Placeholder",Z.propTypes={fallback:prop_types__WEBPACK_IMPORTED_MODULE_2__.string,sources:null==(X=Y.propTypes)?void 0:X.sources,alt:function(e,t,a){return e[t]?new Error(`Invalid prop \`${t}\` supplied to \`${a}\`. Validation failed.`):null}};const K=function(t){return react__WEBPACK_IMPORTED_MODULE_0__.createElement(react__WEBPACK_IMPORTED_MODULE_0__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(Y,h({},t)),react__WEBPACK_IMPORTED_MODULE_0__.createElement("noscript",null,react__WEBPACK_IMPORTED_MODULE_0__.createElement(Y,h({},t,{shouldLoad:!0}))))};K.displayName="MainImage",K.propTypes=Y.propTypes;const Q=["as","className","class","style","image","loading","imgClassName","imgStyle","backgroundColor","objectFit","objectPosition"],ee=["style","className"],te=e=>e.replace(/\n/g,""),ae=(e,t,a,...i)=>e.alt||""===e.alt?prop_types__WEBPACK_IMPORTED_MODULE_2___default().string(e,t,a,...i):new Error(`The "alt" prop is required in ${a}. If the image is purely presentational then pass an empty string: e.g. alt="". Learn more: https://a11y-style-guide.com/style-guide/section-media.html`),ie={image:prop_types__WEBPACK_IMPORTED_MODULE_2___default().object.isRequired,alt:ae},se=["as","image","style","backgroundColor","className","class","onStartLoad","onLoad","onError"],re=["style","className"],ne=new Set;let oe,le;const de=function(e){let{as:t="div",image:a,style:l,backgroundColor:d,className:c,class:g,onStartLoad:p,onLoad:m,onError:f}=e,w=u(e,se);const{width:y,height:b,layout:v}=a,E=z(y,b,v),{style:k,className:S}=E,M=u(E,re),N=(0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(),$=(0,react__WEBPACK_IMPORTED_MODULE_0__.useMemo)((()=>JSON.stringify(a.images)),[a.images]);g&&(c=g);const I=function(e,t,a){let i="";return"fullWidth"===e&&(i=`<div aria-hidden="true" style="padding-top: ${a/t*100}%;"></div>`),"constrained"===e&&(i=`<div style="max-width: ${t}px; display: block;"><img alt="" role="presentation" aria-hidden="true" src="data:image/svg+xml;charset=utf-8,%3Csvg%20height='${a}'%20width='${t}'%20xmlns='http://www.w3.org/2000/svg'%20version='1.1'%3E%3C/svg%3E" style="max-width: 100%; display: block; position: static;"></div>`),i}(v,y,b);return(0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)((()=>{oe||(oe=__webpack_require__.e(395).then(__webpack_require__.bind(__webpack_require__,"../node_modules/gatsby-plugin-image/dist/lazy-hydrate-62277b8c.js")).then((({renderImageToString:e,swapPlaceholderImage:t})=>(le=e,{renderImageToString:e,swapPlaceholderImage:t}))));const e=N.current.querySelector("[data-gatsby-image-ssr]");if(e&&W())return e.complete?(null==p||p({wasCached:!0}),null==m||m({wasCached:!0}),setTimeout((()=>{e.removeAttribute("data-gatsby-image-ssr")}),0)):(null==p||p({wasCached:!0}),e.addEventListener("load",(function t(){e.removeEventListener("load",t),null==m||m({wasCached:!0}),setTimeout((()=>{e.removeAttribute("data-gatsby-image-ssr")}),0)}))),void ne.add($);if(le&&ne.has($))return;let t,i;return oe.then((({renderImageToString:e,swapPlaceholderImage:s})=>{N.current&&(N.current.innerHTML=e(h({isLoading:!0,isLoaded:ne.has($),image:a},w)),ne.has($)||(t=requestAnimationFrame((()=>{N.current&&(i=s(N.current,$,ne,l,p,m,f))}))))})),()=>{t&&cancelAnimationFrame(t),i&&i()}}),[a]),(0,react__WEBPACK_IMPORTED_MODULE_0__.useLayoutEffect)((()=>{ne.has($)&&le&&(N.current.innerHTML=le(h({isLoading:ne.has($),isLoaded:ne.has($),image:a},w)),null==p||p({wasCached:!0}),null==m||m({wasCached:!0}))}),[a]),(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(t,h({},M,{style:h({},k,l,{backgroundColor:d}),className:`${S}${c?` ${c}`:""}`,ref:N,dangerouslySetInnerHTML:{__html:I},suppressHydrationWarning:!0}))},ce=(0,react__WEBPACK_IMPORTED_MODULE_0__.memo)((function(e){return e.image?(R(),(0,react__WEBPACK_IMPORTED_MODULE_0__.createElement)(de,e)):null}));ce.propTypes=ie,ce.displayName="GatsbyImage";const he=["src","__imageData","__error","width","height","aspectRatio","tracedSVGOptions","placeholder","formats","quality","transformOptions","jpgOptions","pngOptions","webpOptions","avifOptions","blurredOptions","breakpoints","outputPixelDensities"];function ue(t){return function(a){let{src:i,__imageData:s,__error:r}=a,n=u(a,he);return r&&console.warn(r),s?react__WEBPACK_IMPORTED_MODULE_0__.createElement(t,h({image:s},n)):(console.warn("Image not loaded",i),null)}}const ge=ue((function(t){let{as:a="div",className:i,class:s,style:r,image:n,loading:o="lazy",imgClassName:l,imgStyle:d,backgroundColor:c,objectFit:g,objectPosition:p}=t,m=u(t,Q);if(!n)return console.warn("[gatsby-plugin-image] Missing image prop"),null;s&&(i=s),d=h({objectFit:g,objectPosition:p,backgroundColor:c},d);const{width:f,height:w,layout:y,images:b,placeholder:v,backgroundColor:E}=n,k=z(f,w,y),{style:S,className:M}=k,N=u(k,ee),$={fallback:void 0,sources:[]};return b.fallback&&($.fallback=h({},b.fallback,{srcSet:b.fallback.srcSet?te(b.fallback.srcSet):void 0})),b.sources&&($.sources=b.sources.map((e=>h({},e,{srcSet:te(e.srcSet)})))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(a,h({},N,{style:h({},S,r,{backgroundColor:c}),className:`${M}${i?` ${i}`:""}`}),react__WEBPACK_IMPORTED_MODULE_0__.createElement(G,{layout:y,width:f,height:w},react__WEBPACK_IMPORTED_MODULE_0__.createElement(Z,h({},A(v,!1,y,f,w,E,g,p))),react__WEBPACK_IMPORTED_MODULE_0__.createElement(K,h({"data-gatsby-image-ssr":"",className:l},m,P("eager"===o,!1,$,o,d)))))})),pe=(e,t,...a)=>"fullWidth"!==e.layout||"width"!==t&&"height"!==t||!e[t]?prop_types__WEBPACK_IMPORTED_MODULE_2___default().number(e,t,...a):new Error(`"${t}" ${e[t]} may not be passed when layout is fullWidth.`),me=new Set(["fixed","fullWidth","constrained"]),fe={src:prop_types__WEBPACK_IMPORTED_MODULE_2___default().string.isRequired,alt:ae,width:pe,height:pe,sizes:prop_types__WEBPACK_IMPORTED_MODULE_2___default().string,layout:e=>{if(void 0!==e.layout&&!me.has(e.layout))return new Error(`Invalid value ${e.layout}" provided for prop "layout". Defaulting to "constrained". Valid values are "fixed", "fullWidth" or "constrained".`)}};ge.displayName="StaticImage",ge.propTypes=fe;const we=ue(ce);we.displayName="StaticImage",we.propTypes=fe},"../node_modules/gatsby-plugin-image/node_modules/camelcase/index.js":module=>{const UPPERCASE=/[\p{Lu}]/u,LOWERCASE=/[\p{Ll}]/u,LEADING_CAPITAL=/^[\p{Lu}](?![\p{Lu}])/gu,IDENTIFIER=/([\p{Alpha}\p{N}_]|$)/u,SEPARATORS=/[_.\- ]+/,LEADING_SEPARATORS=new RegExp("^"+SEPARATORS.source),SEPARATORS_AND_IDENTIFIER=new RegExp(SEPARATORS.source+IDENTIFIER.source,"gu"),NUMBERS_AND_IDENTIFIER=new RegExp("\\d+"+IDENTIFIER.source,"gu"),camelCase=(input,options)=>{if("string"!=typeof input&&!Array.isArray(input))throw new TypeError("Expected the input to be `string | string[]`");if(options={pascalCase:!1,preserveConsecutiveUppercase:!1,...options},0===(input=Array.isArray(input)?input.map((x=>x.trim())).filter((x=>x.length)).join("-"):input.trim()).length)return"";const toLowerCase=!1===options.locale?string=>string.toLowerCase():string=>string.toLocaleLowerCase(options.locale),toUpperCase=!1===options.locale?string=>string.toUpperCase():string=>string.toLocaleUpperCase(options.locale);if(1===input.length)return options.pascalCase?toUpperCase(input):toLowerCase(input);return input!==toLowerCase(input)&&(input=((string,toLowerCase,toUpperCase)=>{let isLastCharLower=!1,isLastCharUpper=!1,isLastLastCharUpper=!1;for(let i=0;i<string.length;i++){const character=string[i];isLastCharLower&&UPPERCASE.test(character)?(string=string.slice(0,i)+"-"+string.slice(i),isLastCharLower=!1,isLastLastCharUpper=isLastCharUpper,isLastCharUpper=!0,i++):isLastCharUpper&&isLastLastCharUpper&&LOWERCASE.test(character)?(string=string.slice(0,i-1)+"-"+string.slice(i-1),isLastLastCharUpper=isLastCharUpper,isLastCharUpper=!1,isLastCharLower=!0):(isLastCharLower=toLowerCase(character)===character&&toUpperCase(character)!==character,isLastLastCharUpper=isLastCharUpper,isLastCharUpper=toUpperCase(character)===character&&toLowerCase(character)!==character)}return string})(input,toLowerCase,toUpperCase)),input=input.replace(LEADING_SEPARATORS,""),input=options.preserveConsecutiveUppercase?((input,toLowerCase)=>(LEADING_CAPITAL.lastIndex=0,input.replace(LEADING_CAPITAL,(m1=>toLowerCase(m1)))))(input,toLowerCase):toLowerCase(input),options.pascalCase&&(input=toUpperCase(input.charAt(0))+input.slice(1)),((input,toUpperCase)=>(SEPARATORS_AND_IDENTIFIER.lastIndex=0,NUMBERS_AND_IDENTIFIER.lastIndex=0,input.replace(SEPARATORS_AND_IDENTIFIER,((_,identifier)=>toUpperCase(identifier))).replace(NUMBERS_AND_IDENTIFIER,(m=>toUpperCase(m)))))(input,toUpperCase)};module.exports=camelCase,module.exports.default=camelCase}}]);