gatsby-matrix-theme 53.2.7 → 53.2.9

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [53.2.9](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v53.2.8...v53.2.9) (2025-06-17)
+
+
+### Bug Fixes
+
+* update theme ([b692a07](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/b692a07a2bf0e1e899bc709a77c883fa07362aaf))
+
+## [53.2.8](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v53.2.7...v53.2.8) (2025-06-12)
+
+
+### Bug Fixes
+
+* update theme ([d76f47a](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/d76f47a7dad1aef666accbec38f60faf13856a99))
+
 ## [53.2.7](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v53.2.6...v53.2.7) (2025-06-11)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "53.2.7",
+  "version": "53.2.9",
   "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.2.5",
+    "gatsby-core-theme": "44.2.10",
     "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 processor from 'gatsby-core-theme/src/resolver/index';
+import { fetchSiteSettings } from 'gatsby-core-theme/src/services/fetch.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/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/582.966b7510.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[582],{"../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_img=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/gatsby-img/index.js"),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.Ay,{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___}}]);

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___}}]);