gatsby-matrix-theme 53.2.7 → 53.2.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/package.json +2 -2
  3. package/src/gatsby-core-theme/helpers/server-data.js +2 -2
  4. package/storybook/public/563.e1e66d81.iframe.bundle.js +1 -0
  5. package/storybook/public/582.966b7510.iframe.bundle.js +1 -0
  6. package/storybook/public/604.1ff7045f.iframe.bundle.js +1 -0
  7. package/storybook/public/{717.63a597c7.iframe.bundle.js → 717.27bce499.iframe.bundle.js} +4 -4
  8. package/storybook/public/{717.63a597c7.iframe.bundle.js.map → 717.27bce499.iframe.bundle.js.map} +1 -1
  9. package/storybook/public/776.71c64a44.iframe.bundle.js +1 -0
  10. package/storybook/public/777.426e8bf9.iframe.bundle.js +1 -0
  11. package/storybook/public/941.3c72fb77.iframe.bundle.js +1 -0
  12. package/storybook/public/942.7a3b5e99.iframe.bundle.js +1 -0
  13. package/storybook/public/943.3f7c32be.iframe.bundle.js +1 -0
  14. package/storybook/public/iframe.html +1 -1
  15. package/storybook/public/main.850a645b.iframe.bundle.js +1 -0
  16. package/storybook/public/project.json +1 -1
  17. package/storybook/public/{runtime~main.f3a5bb31.iframe.bundle.js → runtime~main.f1439b4c.iframe.bundle.js} +1 -1
  18. package/storybook/public/563.a3a067bc.iframe.bundle.js +0 -1
  19. package/storybook/public/582.f442a86e.iframe.bundle.js +0 -1
  20. package/storybook/public/604.f5d9235e.iframe.bundle.js +0 -1
  21. package/storybook/public/776.aa2fb07e.iframe.bundle.js +0 -1
  22. package/storybook/public/777.a62d8c28.iframe.bundle.js +0 -1
  23. package/storybook/public/941.4b5a2816.iframe.bundle.js +0 -1
  24. package/storybook/public/942.7deca466.iframe.bundle.js +0 -1
  25. package/storybook/public/943.ea716a5f.iframe.bundle.js +0 -1
  26. package/storybook/public/main.48c97eba.iframe.bundle.js +0 -1
  27. /package/storybook/public/{717.63a597c7.iframe.bundle.js.LICENSE.txt → 717.27bce499.iframe.bundle.js.LICENSE.txt} +0 -0
@@ -1 +1 @@
1
- {"generatedAt":1749649061433,"builder":{"name":"webpack5"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"metaFramework":{"name":"Gatsby","packageName":"gatsby","version":"5.13.6"},"monorepo":"Workspaces","packageManager":{"type":"yarn","version":"1.22.19"},"storybookVersion":"6.5.16","language":"javascript","storybookPackages":{"@storybook/addon-actions":{"version":"6.5.16"},"@storybook/builder-webpack5":{"version":"6.5.16"},"@storybook/manager-webpack5":{"version":"6.5.16"},"@storybook/react":{"version":"6.5.16"}},"framework":{"name":"react"},"addons":{"@storybook/addon-links":{"version":"6.5.16"},"@storybook/addon-essentials":{"version":"6.5.16"}}}
1
+ {"generatedAt":1750161522273,"builder":{"name":"webpack5"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"metaFramework":{"name":"Gatsby","packageName":"gatsby","version":"5.13.6"},"monorepo":"Workspaces","packageManager":{"type":"yarn","version":"1.22.19"},"storybookVersion":"6.5.16","language":"javascript","storybookPackages":{"@storybook/addon-actions":{"version":"6.5.16"},"@storybook/builder-webpack5":{"version":"6.5.16"},"@storybook/manager-webpack5":{"version":"6.5.16"},"@storybook/react":{"version":"6.5.16"}},"framework":{"name":"react"},"addons":{"@storybook/addon-links":{"version":"6.5.16"},"@storybook/addon-essentials":{"version":"6.5.16"}}}
@@ -1 +1 @@
1
- (()=>{"use strict";var deferred,leafPrototypes,getProto,inProgress,__webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,deferred=[],__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(!chunkIds){var notFulfilled=1/0;for(i=0;i<deferred.length;i++){chunkIds=deferred[i][0],fn=deferred[i][1],priority=deferred[i][2];for(var fulfilled=!0,j=0;j<chunkIds.length;j++)(!1&priority||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every((key=>__webpack_require__.O[key](chunkIds[j])))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();void 0!==r&&(result=r)}}return result}priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority]},__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,__webpack_require__.t=function(value,mode){if(1&mode&&(value=this(value)),8&mode)return value;if("object"==typeof value&&value){if(4&mode&&value.__esModule)return value;if(16&mode&&"function"==typeof value.then)return value}var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=2&mode&&value;"object"==typeof current&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach((key=>def[key]=()=>value[key]));return def.default=()=>value,__webpack_require__.d(ns,def),ns},__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=chunkId=>Promise.all(Object.keys(__webpack_require__.f).reduce(((promises,key)=>(__webpack_require__.f[key](chunkId,promises),promises)),[])),__webpack_require__.u=chunkId=>chunkId+"."+{36:"6d7d7dac",61:"24d29b3a",177:"ac764a45",179:"cf86fb79",232:"e2508c7f",240:"7b2818a3",242:"150ae3e2",333:"4e379536",395:"c1efbb64",421:"bcd59807",449:"b926d2e5",472:"5c5f9f3f",477:"0df7d903",504:"6c39549e",563:"a3a067bc",582:"f442a86e",604:"f5d9235e",620:"006a92ae",631:"8d388e4d",638:"f09af860",650:"4189a741",672:"3058d279",679:"4baf924a",733:"7566cbec",776:"aa2fb07e",777:"a62d8c28",780:"3a6a2927",794:"7bc8e2ea",796:"8a8f559c",854:"9fc784ba",941:"4b5a2816",942:"7deca466",943:"ea716a5f",964:"af5ad47f"}[chunkId]+".iframe.bundle.js",__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.hmd=module=>((module=Object.create(module)).children||(module.children=[]),Object.defineProperty(module,"exports",{enumerable:!0,set:()=>{throw new Error("ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: "+module.id)}}),module),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),inProgress={},__webpack_require__.l=(url,done,key,chunkId)=>{if(inProgress[url])inProgress[url].push(done);else{var script,needAttach;if(void 0!==key)for(var scripts=document.getElementsByTagName("script"),i=0;i<scripts.length;i++){var s=scripts[i];if(s.getAttribute("src")==url||s.getAttribute("data-webpack")=="gatsby-matrix-theme:"+key){script=s;break}}script||(needAttach=!0,(script=document.createElement("script")).charset="utf-8",script.timeout=120,__webpack_require__.nc&&script.setAttribute("nonce",__webpack_require__.nc),script.setAttribute("data-webpack","gatsby-matrix-theme:"+key),script.src=url),inProgress[url]=[done];var onScriptComplete=(prev,event)=>{script.onerror=script.onload=null,clearTimeout(timeout);var doneFns=inProgress[url];if(delete inProgress[url],script.parentNode&&script.parentNode.removeChild(script),doneFns&&doneFns.forEach((fn=>fn(event))),prev)return prev(event)},timeout=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:script}),12e4);script.onerror=onScriptComplete.bind(null,script.onerror),script.onload=onScriptComplete.bind(null,script.onload),needAttach&&document.head.appendChild(script)}},__webpack_require__.r=exports=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),__webpack_require__.p="",(()=>{var installedChunks={354:0};__webpack_require__.f.j=(chunkId,promises)=>{var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else if(354!=chunkId){var promise=new Promise(((resolve,reject)=>installedChunkData=installedChunks[chunkId]=[resolve,reject]));promises.push(installedChunkData[2]=promise);var url=__webpack_require__.p+__webpack_require__.u(chunkId),error=new Error;__webpack_require__.l(url,(event=>{if(__webpack_require__.o(installedChunks,chunkId)&&(0!==(installedChunkData=installedChunks[chunkId])&&(installedChunks[chunkId]=void 0),installedChunkData)){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,installedChunkData[1](error)}}),"chunk-"+chunkId,chunkId)}else installedChunks[chunkId]=0},__webpack_require__.O.j=chunkId=>0===installedChunks[chunkId];var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var moduleId,chunkId,chunkIds=data[0],moreModules=data[1],runtime=data[2],i=0;if(chunkIds.some((id=>0!==installedChunks[id]))){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))})(),__webpack_require__.nc=void 0})();
1
+ (()=>{"use strict";var deferred,leafPrototypes,getProto,inProgress,__webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,deferred=[],__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(!chunkIds){var notFulfilled=1/0;for(i=0;i<deferred.length;i++){chunkIds=deferred[i][0],fn=deferred[i][1],priority=deferred[i][2];for(var fulfilled=!0,j=0;j<chunkIds.length;j++)(!1&priority||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every((key=>__webpack_require__.O[key](chunkIds[j])))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();void 0!==r&&(result=r)}}return result}priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority]},__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,__webpack_require__.t=function(value,mode){if(1&mode&&(value=this(value)),8&mode)return value;if("object"==typeof value&&value){if(4&mode&&value.__esModule)return value;if(16&mode&&"function"==typeof value.then)return value}var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=2&mode&&value;"object"==typeof current&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach((key=>def[key]=()=>value[key]));return def.default=()=>value,__webpack_require__.d(ns,def),ns},__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=chunkId=>Promise.all(Object.keys(__webpack_require__.f).reduce(((promises,key)=>(__webpack_require__.f[key](chunkId,promises),promises)),[])),__webpack_require__.u=chunkId=>chunkId+"."+{36:"6d7d7dac",61:"24d29b3a",177:"ac764a45",179:"cf86fb79",232:"e2508c7f",240:"7b2818a3",242:"150ae3e2",333:"4e379536",395:"c1efbb64",421:"bcd59807",449:"b926d2e5",472:"5c5f9f3f",477:"0df7d903",504:"6c39549e",563:"e1e66d81",582:"966b7510",604:"1ff7045f",620:"006a92ae",631:"8d388e4d",638:"f09af860",650:"4189a741",672:"3058d279",679:"4baf924a",733:"7566cbec",776:"71c64a44",777:"426e8bf9",780:"3a6a2927",794:"7bc8e2ea",796:"8a8f559c",854:"9fc784ba",941:"3c72fb77",942:"7a3b5e99",943:"3f7c32be",964:"af5ad47f"}[chunkId]+".iframe.bundle.js",__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.hmd=module=>((module=Object.create(module)).children||(module.children=[]),Object.defineProperty(module,"exports",{enumerable:!0,set:()=>{throw new Error("ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: "+module.id)}}),module),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),inProgress={},__webpack_require__.l=(url,done,key,chunkId)=>{if(inProgress[url])inProgress[url].push(done);else{var script,needAttach;if(void 0!==key)for(var scripts=document.getElementsByTagName("script"),i=0;i<scripts.length;i++){var s=scripts[i];if(s.getAttribute("src")==url||s.getAttribute("data-webpack")=="gatsby-matrix-theme:"+key){script=s;break}}script||(needAttach=!0,(script=document.createElement("script")).charset="utf-8",script.timeout=120,__webpack_require__.nc&&script.setAttribute("nonce",__webpack_require__.nc),script.setAttribute("data-webpack","gatsby-matrix-theme:"+key),script.src=url),inProgress[url]=[done];var onScriptComplete=(prev,event)=>{script.onerror=script.onload=null,clearTimeout(timeout);var doneFns=inProgress[url];if(delete inProgress[url],script.parentNode&&script.parentNode.removeChild(script),doneFns&&doneFns.forEach((fn=>fn(event))),prev)return prev(event)},timeout=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:script}),12e4);script.onerror=onScriptComplete.bind(null,script.onerror),script.onload=onScriptComplete.bind(null,script.onload),needAttach&&document.head.appendChild(script)}},__webpack_require__.r=exports=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),__webpack_require__.p="",(()=>{var installedChunks={354:0};__webpack_require__.f.j=(chunkId,promises)=>{var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else if(354!=chunkId){var promise=new Promise(((resolve,reject)=>installedChunkData=installedChunks[chunkId]=[resolve,reject]));promises.push(installedChunkData[2]=promise);var url=__webpack_require__.p+__webpack_require__.u(chunkId),error=new Error;__webpack_require__.l(url,(event=>{if(__webpack_require__.o(installedChunks,chunkId)&&(0!==(installedChunkData=installedChunks[chunkId])&&(installedChunks[chunkId]=void 0),installedChunkData)){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,installedChunkData[1](error)}}),"chunk-"+chunkId,chunkId)}else installedChunks[chunkId]=0},__webpack_require__.O.j=chunkId=>0===installedChunks[chunkId];var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var moduleId,chunkId,chunkIds=data[0],moreModules=data[1],runtime=data[2],i=0;if(chunkIds.some((id=>0!==installedChunks[id]))){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))})(),__webpack_require__.nc=void 0})();
@@ -1 +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.js"),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___}}]);
@@ -1 +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.js"),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___}}]);
@@ -1 +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.js"),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___}}]);
@@ -1 +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.js"),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___}}]);
@@ -1 +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.js"),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___}}]);
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[941],{"./src/components/atoms/ratings-with-comments/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>ratings_with_comments});var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.mjs"),keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.js"),FaStar=__webpack_require__("../node_modules/@react-icons/all-files/fa/FaStar.js"),ratings_constant=__webpack_require__("../node_modules/gatsby-core-theme/src/constants/ratings-constant.js"),useTranslate=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/useTranslate/useTranslate.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),ratings_with_comments_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/atoms/ratings-with-comments/ratings-with-comments.module.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(ratings_with_comments_module.A,options);const ratings_with_comments_ratings_with_comments_module=ratings_with_comments_module.A.locals||{};var helpers_rating=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/rating.js"),linear_rating_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/gatsby-core-theme/components/molecules/star-rating/linear-rating.module.scss"),linear_rating_module_options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(linear_rating_module.A,linear_rating_module_options);const star_rating_linear_rating_module=linear_rating_module.A.locals||{};var LinearStarRating=function(_ref){var rating=_ref.rating,_ref$numOfStars=_ref.numOfStars,numOfStars=void 0===_ref$numOfStars?5:_ref$numOfStars,_ref$active=_ref.active,active=void 0===_ref$active||_ref$active,_ref$showLabel=_ref.showLabel,showLabel=void 0!==_ref$showLabel&&_ref$showLabel,_ref$icon=_ref.icon,icon=void 0===_ref$icon?null:_ref$icon,_ref$showRatingText=_ref.showRatingText,showRatingText=void 0===_ref$showRatingText||_ref$showRatingText,_ref$showDecimal=_ref.showDecimal,showDecimal=void 0!==_ref$showDecimal&&_ref$showDecimal,_ref$showRoundedRatin=_ref.showRoundedRating,showRoundedRating=void 0!==_ref$showRoundedRatin&&_ref$showRoundedRatin,_ref$showTotal=_ref.showTotal,showTotal=void 0!==_ref$showTotal&&_ref$showTotal,calculatedRating=(0,helpers_rating.e)(rating,showRoundedRating),percentage=calculatedRating?calculatedRating/numOfStars*100:0;return react.createElement("div",{className:`${star_rating_linear_rating_module.starRatingContainer||""} ${!active&&(star_rating_linear_rating_module.inactive||"")}`},showLabel&&react.createElement("span",null,(0,useTranslate.A)("rating","Rating:")),react.createElement("div",{className:star_rating_linear_rating_module.bar},react.createElement("div",{className:star_rating_linear_rating_module.fill,style:{width:`${percentage}%`}})),showRatingText&&react.createElement("div",{className:star_rating_linear_rating_module.ratingText},icon&&icon,showDecimal?calculatedRating.toFixed(1):calculatedRating,showTotal&&react.createElement(react.Fragment,null,react.createElement("span",null,"/"),react.createElement("span",null,numOfStars))))};LinearStarRating.displayName="LinearStarRating",LinearStarRating.propTypes={numOfStars:prop_types_default().oneOf([5,10]),rating:prop_types_default().oneOfType([prop_types_default().array,prop_types_default().number,prop_types_default().string]).isRequired,active:prop_types_default().bool,showLabel:prop_types_default().bool,icon:prop_types_default().element,showDecimal:prop_types_default().bool,showRoundedRating:prop_types_default().bool,showRatingText:prop_types_default().bool,showTotal:prop_types_default().bool},LinearStarRating.__docgenInfo={description:"",methods:[],displayName:"LinearStarRating",props:{numOfStars:{defaultValue:{value:"5",computed:!1},description:"",type:{name:"enum",value:[{value:"5",computed:!1},{value:"10",computed:!1}]},required:!1},active:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},showLabel:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},icon:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"element"},required:!1},showRatingText:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},showDecimal:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},showRoundedRating:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},showTotal:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},rating:{description:"",type:{name:"union",value:[{name:"array"},{name:"number"},{name:"string"}]},required:!0}}};const linear_rating=LinearStarRating;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/gatsby-core-theme/components/molecules/star-rating/linear-rating.js"]={name:"LinearStarRating",docgenInfo:LinearStarRating.__docgenInfo,path:"src/gatsby-core-theme/components/molecules/star-rating/linear-rating.js"});var RatingsWithComments=function(_ref){var page=_ref.page,_ref$numOfStars=_ref.numOfStars,numOfStars=void 0===_ref$numOfStars?5:_ref$numOfStars,_ref$templateWithBoxe=_ref.templateWithBoxes,templateWithBoxes=void 0!==_ref$templateWithBoxe&&_ref$templateWithBoxe,_ref$showTitle=_ref.showTitle,showTitle=void 0===_ref$showTitle||_ref$showTitle,_ref$currency=_ref.currency,currency=void 0===_ref$currency?"€":_ref$currency,_ref$showComment=_ref.showComment,showComment=void 0===_ref$showComment||_ref$showComment,_ref$icon=_ref.icon,icon=void 0===_ref$icon?null:_ref$icon,_ref$iconColor=_ref.iconColor,iconColor=void 0===_ref$iconColor?"#D63B54":_ref$iconColor,item=page.relation,type=page.type,typeCheck="operator"===type?"casino"===(null==item?void 0:item.type)?"operator":null==item?void 0:item.type:type,ratings=ratings_constant.Z[typeCheck]||[],rangeText={0:(0,useTranslate.A)("range_low","Low"),1:(0,useTranslate.A)("range_medium","Medium"),2:(0,useTranslate.A)("range_high","High")},ratingsData=ratings_constant.Z.ratingProperties.some((function(prop){return item[prop]}))?item:(null==item?void 0:item.bonus)||item;if(!ratings.length)return null;var renderRatingItem=function(rating){var _ratingsData$rating_c,_ratingsData$rating_c2,valueDisplayed,_ref2=rating||{},fieldValue=_ref2.fieldValue,translationKey=_ref2.translationKey,fieldLabel=_ref2.fieldLabel,componentToUse=_ref2.componentToUse,value=(0,getters.nh)(ratingsData,fieldValue),component=showComment?react.createElement(linear_rating,{numOfStars,rating:value,icon:icon||react.createElement(FaStar.g,{title:"Star Icon",color:iconColor})}):!!componentToUse&&componentToUse(numOfStars,value,currency);valueDisplayed=component?component||"-":fieldValue.includes("volatility")?rangeText[(0,getters.nh)(ratingsData,fieldValue)]||"-":value||"-";var comment=showComment?null==ratingsData||null===(_ratingsData$rating_c=ratingsData.rating_comments)||void 0===_ratingsData$rating_c||null===(_ratingsData$rating_c2=_ratingsData$rating_c.find((function(entry){return(null==entry?void 0:entry.rating_name)===fieldValue})))||void 0===_ratingsData$rating_c2?void 0:_ratingsData$rating_c2.comment:null;return react.createElement("li",{key:(0,keygen.A)(),className:`${(null==ratings_with_comments_ratings_with_comments_module?void 0:ratings_with_comments_ratings_with_comments_module.item)||""} ${"Overall"===fieldLabel&&(null==ratings_with_comments_ratings_with_comments_module?void 0:ratings_with_comments_ratings_with_comments_module.overall)}`},react.createElement("p",{className:(null==ratings_with_comments_ratings_with_comments_module?void 0:ratings_with_comments_ratings_with_comments_module.label)||""},(0,useTranslate.A)(translationKey,fieldLabel)),react.createElement(react.Fragment,null,valueDisplayed,"number"==typeof valueDisplayed&&"rtp"===fieldValue&&"%",comment&&react.createElement("span",{className:null==ratings_with_comments_ratings_with_comments_module?void 0:ratings_with_comments_ratings_with_comments_module.comment},comment)))};return react.createElement("div",{className:`${ratings_with_comments_ratings_with_comments_module.ratingsContainer} ${templateWithBoxes&&ratings_with_comments_ratings_with_comments_module.ratingWithBoxes} ${showComment?ratings_with_comments_ratings_with_comments_module.ratingsWithComments:""}`},showTitle?react.createElement("div",{className:ratings_with_comments_ratings_with_comments_module.withTitle||""},react.createElement("h3",null,(0,useTranslate.A)("ratings_with_comments_title","Ratings")),null==ratings?void 0:ratings.filter((function(rating){return"Overall"===rating.fieldLabel})).map((function(rating){return renderRatingItem(rating)}))):null==ratings?void 0:ratings.filter((function(rating){return"Overall"===rating.fieldLabel})).map((function(rating){return renderRatingItem(rating)})),react.createElement("ul",{className:`${(null==ratings_with_comments_ratings_with_comments_module?void 0:ratings_with_comments_ratings_with_comments_module.ratingList)||""}`,tabIndex:0},null==ratings?void 0:ratings.filter((function(rating){return"Overall"!==rating.fieldLabel})).map((function(rating){return renderRatingItem(rating)}))))};RatingsWithComments.displayName="RatingsWithComments",RatingsWithComments.propTypes={page:prop_types_default().shape({relation:prop_types_default().shape({type:prop_types_default().string,bonus:prop_types_default().shape({})}),type:prop_types_default().shape({})}),numOfStars:prop_types_default().number,templateWithBoxes:prop_types_default().bool,showTitle:prop_types_default().string,currency:prop_types_default().string,showComment:prop_types_default().bool,icon:prop_types_default().element,iconColor:prop_types_default().string},RatingsWithComments.__docgenInfo={description:"",methods:[],displayName:"RatingsWithComments",props:{numOfStars:{defaultValue:{value:"5",computed:!1},description:"",type:{name:"number"},required:!1},templateWithBoxes:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},showTitle:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"string"},required:!1},currency:{defaultValue:{value:"'€'",computed:!1},description:"",type:{name:"string"},required:!1},showComment:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},icon:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"element"},required:!1},iconColor:{defaultValue:{value:"'#D63B54'",computed:!1},description:"",type:{name:"string"},required:!1},page:{description:"",type:{name:"shape",value:{relation:{name:"shape",value:{type:{name:"string",required:!1},bonus:{name:"shape",value:{},required:!1}},required:!1},type:{name:"shape",value:{},required:!1}}},required:!1}}};const ratings_with_comments=RatingsWithComments;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/ratings-with-comments/index.js"]={name:"RatingsWithComments",docgenInfo:RatingsWithComments.__docgenInfo,path:"src/components/atoms/ratings-with-comments/index.js"})},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/atoms/ratings-with-comments/ratings-with-comments.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"._8fvDYIUopyeelCKHk5Oj1A\\=\\={display:flex;box-shadow:0 4px 6px -2px rgba(27,27,28,.0392156863),0 12px 16px -4px rgba(27,27,28,.0705882353);padding:1.6rem;background:#fff;border-radius:.8rem;gap:1.7rem;flex-direction:column}@media only screen and (min-width:992px){._8fvDYIUopyeelCKHk5Oj1A\\=\\={flex-direction:row}}._8fvDYIUopyeelCKHk5Oj1A\\=\\=>li{background:#f1f5f9;padding:1.6rem .8rem;border-radius:.8rem;display:flex;flex-flow:row-reverse wrap;justify-content:center;min-width:11.4rem;gap:.8rem;min-height:7.2rem;align-items:center}@media only screen and (min-width:992px){._8fvDYIUopyeelCKHk5Oj1A\\=\\=>li{flex-direction:column-reverse;min-height:14.2rem}}._8fvDYIUopyeelCKHk5Oj1A\\=\\=>li>div{display:flex;flex-direction:row;align-items:center;gap:.8rem}@media only screen and (min-width:992px){._8fvDYIUopyeelCKHk5Oj1A\\=\\=>li>div{display:flex;flex-direction:column}}._8fvDYIUopyeelCKHk5Oj1A\\=\\=>li>p{font-size:1.4rem;line-height:2.2rem;font-weight:600;color:#0f172a}.Y0waA--ZQVSPDL5X3IOxcA\\=\\={display:grid;width:100%;gap:1.6rem 2.2rem;background:#f1f5f9;border-radius:1.6rem;padding:1.6rem}@media only screen and (min-width:992px){.Y0waA--ZQVSPDL5X3IOxcA\\=\\={grid-template-columns:1fr 1fr}}.oRuKCYz2ubUN2Q5rkB-FYQ\\=\\={display:grid;position:relative}@media only screen and (min-width:992px){.oRuKCYz2ubUN2Q5rkB-FYQ\\=\\={grid-template-columns:1fr 1fr;align-items:center}}.jhsWxGwHE4044NJasysuBw\\=\\={color:#0f172a;font-size:1.4rem;line-height:2.2rem;font-weight:600}.FVtHPTxYmilgac-qU2ZVyw\\=\\={font-weight:700;font-size:18px;line-height:28px;color:#1c1a28;display:flex}@media only screen and (min-width:768px){.FVtHPTxYmilgac-qU2ZVyw\\=\\={font-weight:800}}.yxoPCUu\\+EYck-bzwAGhAmA\\=\\={border:1.5px solid #d63b54}.ULFOesolstiDIT2TNuxrJg\\=\\={background:rgba(0,0,0,0);padding:0;overflow-y:auto;padding-bottom:1.6rem}.ULFOesolstiDIT2TNuxrJg\\=\\=::-webkit-scrollbar{height:.5rem}.ULFOesolstiDIT2TNuxrJg\\=\\=::-webkit-scrollbar-track{background:rgba(91,139,185,.2);border-radius:1rem}.ULFOesolstiDIT2TNuxrJg\\=\\=::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:1rem}@media only screen and (min-width:768px){.ULFOesolstiDIT2TNuxrJg\\=\\={padding-bottom:0}}.ULFOesolstiDIT2TNuxrJg\\=\\=>ul{background:rgba(0,0,0,0);display:flex;padding:0;gap:.8rem}@media only screen and (min-width:768px){.ULFOesolstiDIT2TNuxrJg\\=\\=>ul{gap:1.6rem}}.ULFOesolstiDIT2TNuxrJg\\=\\=>ul>li{display:flex;flex-direction:column;width:100%;gap:.8rem;min-height:9.6rem;background:#f4f4f4;border-radius:.8rem;padding:2.2rem;color:#1b1b1c;font-weight:600;font-size:1.4rem;line-height:2.2rem;text-align:center;align-items:center;justify-content:center;white-space:nowrap}@media only screen and (min-width:768px){.ULFOesolstiDIT2TNuxrJg\\=\\=>ul>li{white-space:normal}}.ULFOesolstiDIT2TNuxrJg\\=\\=>ul>li>p{font-size:1.4rem;line-height:2.2rem;font-weight:500;color:#3c3c40;min-width:98px}.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\={display:flex;flex-direction:column;gap:1.6rem}@media only screen and (min-width:768px){.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\={justify-content:space-between;display:flex;flex-direction:row}}.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\= h3{margin:0;font-size:2.4rem;color:#000;line-height:4rem;font-weight:600}.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\=>li{display:flex;justify-content:space-between;gap:1.8rem}@media only screen and (min-width:768px){.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\=>li{gap:1.5rem}}.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\=>li>p{color:#000;font-size:1.8rem;line-height:2.8rem;font-weight:600}.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\=>li>div{gap:1.5rem;display:flex}@media only screen and (min-width:768px){.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\=>li>div{display:inherit}}.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\=>li>div>div:first-child{background:#fff;margin:1rem 0;border-radius:.8rem}.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\=>li>div>div:first-child>div{background:#59be28;border-radius:.8rem}.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\=>li>div>div:last-child{display:flex;align-items:center;position:static}.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\=>li>div>div:last-child>svg{margin-right:1.5rem}.e-rK-wMW6uXs2d89vupNXA\\=\\={flex-direction:column;padding:0;box-shadow:none}@media only screen and (min-width:768px){.e-rK-wMW6uXs2d89vupNXA\\=\\={padding:inherit}}.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul{gap:1.6rem}@media only screen and (min-width:768px){.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul{row-gap:3.2rem}}.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul>li{display:flex;flex-direction:column;align-items:flex-start}.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul>li>p{font-size:2rem;line-height:3.6rem;color:#000;font-weight:600;margin-bottom:.8rem}.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul>li>span{grid-column:1/3;font-size:1.6rem;line-height:2.6rem;color:#000}.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul>li>div{min-width:100%;grid-template-columns:8fr auto;gap:2rem}.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul>li>div>div:first-child{background:#fff;margin:1rem 0;border-radius:.8rem}.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul>li>div>div:first-child>div{background:#59be28;border-radius:.8rem}.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul>li>div>div:last-child{font-size:1.8rem;line-height:2.8rem;color:#000;display:flex;align-items:center}.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul>li>div>div:last-child svg{margin-right:.8rem}","",{version:3,sources:["webpack://./src/components/atoms/ratings-with-comments/ratings-with-comments.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAeA,6BACE,YAAA,CACA,gGAAA,CACA,cAAA,CACA,eAAA,CACA,mBAAA,CACA,UAAA,CACA,qBAAA,CC8BA,yCDrCF,6BAUI,kBAAA,CAAA,CAGF,gCACE,kBAAA,CACA,oBAAA,CACA,mBAAA,CACA,YAAA,CACA,0BAAA,CACA,sBAAA,CACA,iBAAA,CACA,SAAA,CACA,iBAAA,CACA,kBAAA,CCcF,yCDxBA,gCAaI,6BAAA,CACA,kBAAA,CAAA,CAGF,oCEtCF,YAAA,CACA,kBFsC4B,CAExB,kBAAA,CACA,SAAA,CCGJ,yCDPE,oCEtCF,YAAA,CACA,qBF4C8B,CAAA,CAI5B,kCACE,gBAAA,CACA,kBAAA,CACA,eAAA,CACA,aAAA,CAKN,4BACE,YAAA,CACA,UAAA,CACA,iBAAA,CACA,kBAAA,CACA,oBAAA,CACA,cAAA,CCnBA,yCDaF,4BASI,6BAAA,CAAA,CAIJ,4BACE,YAAA,CACA,iBAAA,CC5BA,yCD0BF,4BAKI,6BAAA,CACA,kBAAA,CAAA,CAIJ,4BACE,aAAA,CACA,gBAAA,CACA,kBAAA,CACA,eAAA,CAGF,4BACE,eAAA,CACA,cAAA,CACA,gBAAA,CACA,aAAA,CACA,YAAA,CChDA,yCD2CF,4BAQI,eAAA,CAAA,CAIJ,6BACE,0BAAA,CAGF,4BACE,wBAAA,CACA,SAAA,CACA,eAAA,CACA,qBAAA,CAEA,+CACE,YAAA,CAGF,qDACE,8BAAA,CACA,kBAAA,CAGF,qDACE,wBAAA,CACA,kBAAA,CC5EF,yCD2DF,4BAqBI,gBAAA,CAAA,CAGF,+BACE,wBAAA,CACA,YAAA,CACA,SAAA,CACA,SAAA,CCvFF,yCDmFA,+BAOI,UAAA,CAAA,CAGF,kCACE,YAAA,CACA,qBAAA,CACA,UAAA,CACA,SAAA,CACA,iBAAA,CACA,kBAAA,CACA,mBAAA,CACA,cAAA,CACA,aAAA,CACA,eAAA,CACA,gBAAA,CACA,kBAAA,CAEA,iBAAA,CACA,kBAAA,CACA,sBAAA,CACA,kBAAA,CC9GJ,yCD6FE,kCAoBI,kBAAA,CAAA,CAGF,oCACE,gBAAA,CACA,kBAAA,CACA,eAAA,CACA,aAAA,CACA,cAAA,CAMR,6BE5KE,YAAA,CACA,qBF4KwB,CAExB,UAAA,CClIA,yCD+HF,6BAMI,6BAAA,CElLF,YAAA,CACA,kBFmL0B,CAAA,CAG1B,gCACE,QAAA,CACA,gBAAA,CACA,UAAA,CACA,gBAAA,CACA,eAAA,CAGF,gCACE,YAAA,CACA,6BAAA,CACA,UAAA,CCrJF,yCDkJA,gCAMI,UAAA,CAAA,CAGF,kCACE,UAAA,CACA,gBAAA,CACA,kBAAA,CACA,eAAA,CAGF,oCACE,UAAA,CACA,YAAA,CCpKJ,yCDkKE,oCAKI,eAAA,CAAA,CAGF,oDACE,eAAA,CACA,aAAA,CACA,mBAAA,CAEA,wDACE,kBAAA,CACA,mBAAA,CAIJ,mDACE,YAAA,CACA,kBAAA,CACA,eAAA,CAEA,uDACE,mBAAA,CAOV,4BACE,qBAAA,CACA,SAAA,CACA,eAAA,CCrMA,yCDkMF,4BAMI,eAAA,CAAA,CAGF,+BACE,UAAA,CC5MF,yCD2MA,+BAII,cAAA,CAAA,CAGF,kCE/PF,YAAA,CACA,qBF+P4B,CAExB,sBAAA,CAEA,oCACE,cAAA,CACA,kBAAA,CACA,UAAA,CACA,eAAA,CACA,mBAAA,CAGF,uCACE,eAAA,CACA,gBAAA,CACA,kBAAA,CACA,UAAA,CAGF,sCACE,cAAA,CACA,8BAAA,CACA,QAAA,CAEA,sDACE,eAAA,CACA,aAAA,CACA,mBAAA,CAEA,0DACE,kBAAA,CACA,mBAAA,CAIJ,qDACE,gBAAA,CACA,kBAAA,CACA,UAAA,CACA,YAAA,CACA,kBAAA,CAEA,yDACE,kBAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order";\n@import "../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/typography";\n@import "../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/layout";\n@import "../../../../../node_modules/gatsby-core-theme/src/styles/utils/media-queries";\n@import "../../../../../node_modules/gatsby-core-theme/src/styles/utils/icons";\n@import "../../../../../node_modules/gatsby-core-theme/src/styles/utils/tooltip";\n@import "../../../../../node_modules/gatsby-core-theme/src/styles/utils/loader";\n@import "../../../../../node_modules/gatsby-core-theme/src/styles/utils/mixins";\n@import "../../../../../node_modules/gatsby-core-theme/src/styles/utils/scrollbar";\n@import "../../../../../node_modules/gatsby-core-theme/src/styles/utils/animations";\n/* stylelint-disable comment-pattern, selector-max-compound-selectors, max-nesting-depth */\n.ratingsContainer {\n display: flex;\n box-shadow: 0 4px 6px -2px #1b1b1c0a, 0 12px 16px -4px #1b1b1c12;\n padding: 1.6rem;\n background: #fff;\n border-radius: 0.8rem;\n gap: 1.7rem;\n flex-direction: column;\n\n @include min(laptop) {\n flex-direction: row;\n }\n\n > li {\n background: #f1f5f9;\n padding: 1.6rem 0.8rem;\n border-radius: 0.8rem;\n display: flex;\n flex-flow: row-reverse wrap;\n justify-content: center;\n min-width: 11.4rem;\n gap: 0.8rem;\n min-height: 7.2rem;\n align-items: center;\n\n @include min(laptop) {\n flex-direction: column-reverse;\n min-height: 14.2rem;\n }\n\n > div {\n @include flex-direction(row);\n\n align-items: center;\n gap: 0.8rem;\n\n @include min(laptop) {\n @include flex-direction(column);\n }\n }\n\n > p {\n font-size: 1.4rem;\n line-height: 2.2rem;\n font-weight: 600;\n color: #0f172a;\n }\n }\n}\n\n.ratingList {\n display: grid;\n width: 100%;\n gap: 1.6rem 2.2rem;\n background: #f1f5f9;\n border-radius: 1.6rem;\n padding: 1.6rem;\n\n @include min(laptop) {\n grid-template-columns: 1fr 1fr;\n }\n}\n\n.item {\n display: grid;\n position: relative;\n\n @include min(laptop) {\n grid-template-columns: 1fr 1fr;\n align-items: center;\n }\n}\n\n.label {\n color: #0f172a;\n font-size: 1.4rem;\n line-height: 2.2rem;\n font-weight: 600;\n}\n\n.value {\n font-weight: 700;\n font-size: 18px;\n line-height: 28px;\n color: #1c1a28;\n display: flex;\n\n @include min(tablet) {\n font-weight: 800;\n }\n}\n\n.showOnlyMobile {\n border: 1.5px solid #d63b54;\n}\n\n.ratingWithBoxes {\n background: transparent;\n padding: 0;\n overflow-y: auto;\n padding-bottom: 1.6rem;\n\n &::-webkit-scrollbar {\n height: 0.5rem;\n }\n\n &::-webkit-scrollbar-track {\n background: #5b8bb933;\n border-radius: 1rem;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: #cbd5e1;\n border-radius: 1rem;\n }\n\n @include min(tablet) {\n padding-bottom: 0;\n }\n\n > ul {\n background: transparent;\n display: flex;\n padding: 0;\n gap: 0.8rem;\n\n @include min(tablet) {\n gap: 1.6rem;\n }\n\n > li {\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 0.8rem;\n min-height: 9.6rem;\n background: #f4f4f4;\n border-radius: 0.8rem;\n padding: 2.2rem;\n color: #1b1b1c;\n font-weight: 600;\n font-size: 1.4rem;\n line-height: 2.2rem;\n // min-width: 13.6rem;\n text-align: center;\n align-items: center;\n justify-content: center;\n white-space: nowrap;\n\n @include min(tablet) {\n white-space: normal;\n }\n\n > p {\n font-size: 1.4rem;\n line-height: 2.2rem;\n font-weight: 500;\n color: #3c3c40;\n min-width: 98px;\n }\n }\n }\n}\n\n.withTitle {\n @include flex-direction(column);\n\n gap: 1.6rem;\n\n @include min(tablet) {\n justify-content: space-between;\n\n @include flex-direction(row);\n }\n\n h3 {\n margin: 0;\n font-size: 2.4rem;\n color: #000;\n line-height: 4rem;\n font-weight: 600;\n }\n\n > li {\n display: flex;\n justify-content: space-between;\n gap: 1.8rem;\n\n @include min(tablet) {\n gap: 1.5rem;\n }\n\n > p {\n color: #000;\n font-size: 1.8rem;\n line-height: 2.8rem;\n font-weight: 600;\n }\n\n > div {\n gap: 1.5rem;\n display: flex;\n\n @include min(tablet) {\n display: inherit;\n }\n\n > div:first-child {\n background: #fff;\n margin: 1rem 0;\n border-radius: 0.8rem;\n\n > div {\n background: #59be28;\n border-radius: 0.8rem;\n }\n }\n\n > div:last-child {\n display: flex;\n align-items: center;\n position: static;\n\n > svg {\n margin-right: 1.5rem;\n }\n }\n }\n }\n}\n\n.ratingsWithComments {\n flex-direction: column;\n padding: 0;\n box-shadow: none;\n\n @include min(tablet) {\n padding: inherit;\n }\n\n > ul {\n gap: 1.6rem;\n\n @include min(tablet) {\n row-gap: 3.2rem;\n }\n\n > li {\n @include flex-direction(column);\n\n align-items: flex-start;\n\n > p {\n font-size: 2rem;\n line-height: 3.6rem;\n color: #000;\n font-weight: 600;\n margin-bottom: 0.8rem;\n }\n\n > span {\n grid-column: 1 / 3;\n font-size: 1.6rem;\n line-height: 2.6rem;\n color: #000;\n }\n\n > div {\n min-width: 100%;\n grid-template-columns: 8fr auto;\n gap: 2rem;\n\n > div:first-child {\n background: #fff;\n margin: 1rem 0;\n border-radius: 0.8rem;\n\n > div {\n background: #59be28;\n border-radius: 0.8rem;\n }\n }\n\n > div:last-child {\n font-size: 1.8rem;\n line-height: 2.8rem;\n color: #000;\n display: flex;\n align-items: center;\n\n svg {\n margin-right: 0.8rem;\n }\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 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={ratingsContainer:"_8fvDYIUopyeelCKHk5Oj1A==",ratingList:"Y0waA--ZQVSPDL5X3IOxcA==",item:"oRuKCYz2ubUN2Q5rkB-FYQ==",label:"jhsWxGwHE4044NJasysuBw==",value:"FVtHPTxYmilgac-qU2ZVyw==",showOnlyMobile:"yxoPCUu+EYck-bzwAGhAmA==",ratingWithBoxes:"ULFOesolstiDIT2TNuxrJg==",withTitle:"NpCK-U+ZSN89NDoi-KDr-w==",ratingsWithComments:"e-rK-wMW6uXs2d89vupNXA=="};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]!./src/gatsby-core-theme/components/molecules/star-rating/linear-rating.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".gI\\+xm2eicY1WX4auDF10Gw\\=\\={display:grid;gap:.8rem;align-items:center}@media only screen and (min-width:992px){.gI\\+xm2eicY1WX4auDF10Gw\\=\\={grid-template-columns:3fr 1fr;min-width:21.78rem}}.r\\+2QQeeuUQ5IE1tApl9Nsg\\=\\={position:relative;width:100%;height:.8rem;background-color:#d3e0ec;border-radius:5px;overflow:hidden;margin:5px 0;min-width:17.1rem}.zUYj-K6AvTlqFI6Msb0Smw\\=\\={height:100%;background-color:#fbbf24;transition:width .3s ease;border-radius:.8rem}.E9XIk9\\+uPEwP41QVNQqs9A\\=\\={color:#0f172a;font-size:1.6rem;line-height:2.6rem;font-weight:600;position:absolute;right:0;top:0}@media only screen and (min-width:992px){.E9XIk9\\+uPEwP41QVNQqs9A\\=\\={display:block;position:static}}","",{version:3,sources:["webpack://./src/gatsby-core-theme/components/molecules/star-rating/linear-rating.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAcA,6BACE,YAAA,CACA,SAAA,CACA,kBAAA,CCmCA,yCDtCF,6BAME,6BAAA,CACA,kBAAA,CAAA,CAIF,6BACE,iBAAA,CACA,UAAA,CACA,YAAA,CACA,wBAAA,CACA,iBAAA,CACA,eAAA,CACA,YAAA,CACE,iBAAA,CAGJ,4BACE,WAAA,CACA,wBAAA,CACA,yBAAA,CACA,mBAAA,CAGF,6BACE,aAAA,CACA,gBAAA,CACA,kBAAA,CACA,eAAA,CACA,iBAAA,CACA,OAAA,CACA,KAAA,CCEA,yCDTF,6BAUI,aAAA,CACA,eAAA,CAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/typography";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/layout";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/media-queries";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/icons";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/tooltip";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/loader";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/mixins";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/scrollbar";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/animations";\n.starRatingContainer {\n display: grid;\n gap: 0.8rem;\n align-items: center;\n \n @include min(laptop) {\n grid-template-columns: 3fr 1fr;\n min-width: 21.78rem;\n }\n}\n\n.bar {\n position: relative;\n width: 100%; \n height: 0.8rem; \n background-color: #D3E0EC;\n border-radius: 5px;\n overflow: hidden;\n margin: 5px 0;\n min-width: 17.1rem;\n}\n\n.fill {\n height: 100%;\n background-color: #FBBF24; \n transition: width 0.3s ease;\n border-radius: 0.8rem;\n}\n\n.ratingText {\n color: #0F172A;\n font-size: 1.6rem;\n line-height: 2.6rem;\n font-weight: 600;\n position: absolute;\n right: 0;\n top: 0;\n \n @include min(laptop) {\n display: block;\n position: static;\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={starRatingContainer:"gI+xm2eicY1WX4auDF10Gw==",bar:"r+2QQeeuUQ5IE1tApl9Nsg==",fill:"zUYj-K6AvTlqFI6Msb0Smw==",ratingText:"E9XIk9+uPEwP41QVNQqs9A=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[942],{"../node_modules/gatsby-core-theme/src/components/molecules/counter/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>counter});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),count_number=__webpack_require__("../node_modules/gatsby-core-theme/src/components/molecules/counter/counter-item/count-number/index.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),counter_item_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/counter/counter-item/counter-item.module.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(counter_item_module.A,options);const counter_item_counter_item_module=counter_item_module.A.locals||{};var CounterItem=function(_ref){var data=_ref.data,icon=_ref.icon;return react.createElement(react.Fragment,null,react.createElement("div",{className:counter_item_counter_item_module.title||""},data.title),react.createElement("div",{className:counter_item_counter_item_module.value||""},icon&&icon,react.createElement(count_number.A,{end:parseInt(data.value)})))};CounterItem.propTypes={data:prop_types_default().shape({title:prop_types_default().string,value:prop_types_default().oneOfType([prop_types_default().number,prop_types_default().string])}).isRequired,icon:prop_types_default().oneOfType([prop_types_default().element,prop_types_default().any])},CounterItem.__docgenInfo={description:"",methods:[],displayName:"CounterItem",props:{data:{description:"",type:{name:"shape",value:{title:{name:"string",required:!1},value:{name:"union",value:[{name:"number"},{name:"string"}],required:!1}}},required:!0},icon:{description:"",type:{name:"union",value:[{name:"element"},{name:"any"}]},required:!1}}};const counter_item=CounterItem;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/molecules/counter/counter-item/index.js"]={name:"CounterItem",docgenInfo:CounterItem.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/molecules/counter/counter-item/index.js"});var counter_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/counter/counter.module.scss"),counter_module_options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(counter_module.A,counter_module_options);const counter_counter_module=counter_module.A.locals||{};var keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.js"),Counter=function(_ref){var module=_ref.module;return react.createElement(react.Fragment,null,module.content&&react.createElement("p",{className:counter_counter_module.counterContent||"",dangerouslySetInnerHTML:{__html:module.content}}),react.createElement("ul",{className:counter_counter_module.counter||""},module.items.map((function(item){return react.createElement("li",{key:(0,keygen.A)()},react.createElement(counter_item,{data:item}),";")}))))};Counter.propTypes={module:prop_types_default().shape({items:prop_types_default().arrayOf(prop_types_default().object),content:prop_types_default().string}).isRequired},Counter.__docgenInfo={description:"",methods:[],displayName:"Counter",props:{module:{description:"",type:{name:"shape",value:{items:{name:"arrayOf",value:{name:"object"},required:!1},content:{name:"string",required:!1}}},required:!0}}};const counter=Counter;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/molecules/counter/index.js"]={name:"Counter",docgenInfo:Counter.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/molecules/counter/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/counter/counter-item/counter-item.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,".izN6q\\+z1b6gjBSlXHZwd8g\\=\\={color:#000;font-size:var(--h2-size);font-weight:bold}.TsBy3L7lNgVGg1zBEtbfwg\\=\\={font-weight:bold;font-size:10rem}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/molecules/counter/counter-item/counter-item.module.scss"],names:[],mappings:"AAcA,6BACE,UAAA,CAEE,wBAAA,CACA,gBAAA,CAIJ,4BAEI,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.title {\n color: black;\n font: {\n size: var(--h2-size);\n weight: bold;\n }\n}\n\n.value {\n font: {\n weight: bold;\n size: 10rem;\n }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={title:"izN6q+z1b6gjBSlXHZwd8g==",value:"TsBy3L7lNgVGg1zBEtbfwg=="};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/molecules/counter/counter.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,'._80xwOteTGhRsou9OwoHb-g\\=\\={margin-bottom:2rem}@media only screen and (min-width:768px){._560t7dIe-BWOQ1hv7-mqsQ\\=\\={display:flex}}._560t7dIe-BWOQ1hv7-mqsQ\\=\\= li{display:flex;align-items:center;justify-content:center;flex-direction:column;width:40rem;height:20rem;background:#fff;position:relative;border-radius:.6rem}._560t7dIe-BWOQ1hv7-mqsQ\\=\\= li:hover,._560t7dIe-BWOQ1hv7-mqsQ\\=\\= li:focus{box-shadow:0 .8rem 1.6rem 0 rgba(0,0,0,.3)}._560t7dIe-BWOQ1hv7-mqsQ\\=\\= li:first-of-type{margin-right:2rem}._560t7dIe-BWOQ1hv7-mqsQ\\=\\= li:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:.6rem;border-radius:0 0 .6rem .6rem;background:linear-gradient(to left, #1a535c 0%, #4ecdc4 100%)}',"",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/molecules/counter/counter.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,6BACE,kBAAA,CCqCA,yCDlCF,6BAEI,YAAA,CAAA,CAGF,gCEtBA,YAAA,CACA,kBFsBsB,CErBtB,sBFqB8B,CAC5B,qBAAA,CACA,WAAA,CACA,YAAA,CACA,eAAA,CACA,iBAAA,CACA,mBAAA,CAEA,4EAEE,0CAAA,CAGF,8CACE,iBAAA,CAGF,sCACE,UAAA,CACA,iBAAA,CACA,MAAA,CACA,QAAA,CACA,UAAA,CACA,YAAA,CACA,6BAAA,CACA,6DAAA",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.counterContent {\n margin-bottom: 2rem;\n}\n\n.counter {\n @include min(tablet) {\n display: flex;\n }\n\n li {\n @include flex-align(center, center);\n flex-direction: column;\n width: 40rem;\n height: 20rem;\n background: white;\n position: relative;\n border-radius: 0.6rem;\n\n &:hover,\n &:focus {\n box-shadow: 0 0.8rem 1.6rem 0 rgba(0, 0, 0, 0.3);\n }\n\n &:first-of-type {\n margin-right: 2rem;\n }\n\n &:after {\n content: \'\';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 100%;\n height: 0.6rem;\n border-radius: 0 0 0.6rem 0.6rem;\n background: linear-gradient(to left, #1a535c 0%, #4ecdc4 100%);\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 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={counterContent:"_80xwOteTGhRsou9OwoHb-g==",counter:"_560t7dIe-BWOQ1hv7-mqsQ=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);