gatsby-matrix-theme 40.0.19 → 40.0.21

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 (147) hide show
  1. package/.ci.yml +4 -5
  2. package/CHANGELOG.md +40 -0
  3. package/jest.config.js +1 -1
  4. package/package.json +2 -2
  5. package/src/components/atoms/cards/article-card/template-one/index.js +2 -4
  6. package/src/components/atoms/cards/article-card/template-one/template-one.testtt.js +51 -0
  7. package/src/components/atoms/cards/game-cards/template-five/index.js +4 -5
  8. package/src/components/atoms/cards/game-cards/template-four/index.js +4 -5
  9. package/src/components/atoms/cards/game-cards/template-one/index.js +1 -6
  10. package/src/components/atoms/cards/game-cards/template-three/index.js +4 -5
  11. package/src/components/atoms/cards/game-cards/template-two/index.js +4 -5
  12. package/src/components/atoms/cards/operator-card/template-four/index.js +2 -4
  13. package/src/components/atoms/cards/operator-card/template-four/template-four.test.js +31 -31
  14. package/src/components/atoms/cards/operator-card/template-one/index.js +4 -7
  15. package/src/components/atoms/cards/operator-card/template-one/template-one.test.js +31 -31
  16. package/src/components/atoms/cards/operator-card/template-three/index.js +4 -7
  17. package/src/components/atoms/cards/operator-card/template-three/template-three.test.js +31 -31
  18. package/src/components/atoms/cards/operator-card/template-two/index.js +4 -8
  19. package/src/components/atoms/cards/operator-card/template-two/template-two.test.js +31 -31
  20. package/src/components/atoms/cards/payment-method/template-one/index.js +2 -5
  21. package/src/components/atoms/cards/payment-method/template-three/index.js +4 -6
  22. package/src/components/atoms/footer/hotline/index.js +21 -25
  23. package/src/components/atoms/ratings/index.js +1 -1
  24. package/src/components/molecules/cookie-modal/index.js +4 -1
  25. package/src/components/molecules/header/variants/operator/template-five/index.js +1 -1
  26. package/src/components/molecules/header/variants/operator/template-four/index.js +2 -4
  27. package/src/components/molecules/header/variants/operator/template-one-two/index.js +2 -4
  28. package/src/components/molecules/header/variants/operator/template-three/index.js +2 -4
  29. package/src/components/molecules/operator-details/index.js +3 -21
  30. package/src/components/molecules/operator-details/operator-details.test.js +16 -16
  31. package/src/components/molecules/wagering-calculator/index.js +3 -7
  32. package/src/components/molecules/wagering-calculator/wagering-calculator.test.js +11 -11
  33. package/src/components/organisms/cards/index.js +4 -5
  34. package/src/components/organisms/cards/module-introduction/index.js +4 -8
  35. package/src/components/organisms/cards/template-one/cards.module.scss +24 -0
  36. package/src/components/organisms/cards/template-one/index.js +59 -12
  37. package/src/components/organisms/cards/template-two/index.js +2 -2
  38. package/src/components/organisms/cards/template-two/item/index.js +11 -9
  39. package/src/constants/ratings-constant.js +2 -1
  40. package/src/gatsby-core-theme/components/molecules/floating-area/index.js +21 -17
  41. package/src/gatsby-core-theme/components/molecules/header/header.module.scss +24 -0
  42. package/src/gatsby-core-theme/components/molecules/header/header.test.js +1 -15
  43. package/src/gatsby-core-theme/components/molecules/header/index.js +241 -210
  44. package/src/gatsby-core-theme/components/molecules/main/index.js +68 -38
  45. package/src/gatsby-core-theme/components/molecules/module/index.js +117 -65
  46. package/src/gatsby-core-theme/components/molecules/module/module.module.scss +9 -0
  47. package/src/gatsby-core-theme/components/molecules/search/index.js +3 -8
  48. package/src/gatsby-core-theme/components/organisms/cookie-consent/cookie-consent.module.scss +5 -0
  49. package/src/gatsby-core-theme/components/organisms/toplist/index.js +8 -11
  50. package/src/gatsby-core-theme/components/pages/body/index.js +20 -32
  51. package/src/gatsby-core-theme/components/pages/search/index.js +1 -8
  52. package/src/gatsby-core-theme/hooks/tabs/index.js +9 -10
  53. package/src/helpers/cards.js +8 -8
  54. package/storybook/public/177.d172c821.iframe.bundle.js +1 -0
  55. package/storybook/public/179.cf86fb79.iframe.bundle.js +2 -0
  56. package/storybook/public/232.0187b657.iframe.bundle.js +1 -0
  57. package/storybook/public/240.bceabc4d.iframe.bundle.js +1 -0
  58. package/storybook/public/36.6d7d7dac.iframe.bundle.js +1 -0
  59. package/storybook/public/395.c1efbb64.iframe.bundle.js +2 -0
  60. package/storybook/public/395.c1efbb64.iframe.bundle.js.LICENSE.txt +19 -0
  61. package/storybook/public/420.a736e0a4.iframe.bundle.js +1 -0
  62. package/storybook/public/441.785aac5c.iframe.bundle.js +1 -0
  63. package/storybook/public/475.d67cc45e.iframe.bundle.js +1 -0
  64. package/storybook/public/477.9c72cb2c.iframe.bundle.js +1 -0
  65. package/storybook/public/504.6c39549e.iframe.bundle.js +1 -0
  66. package/storybook/public/563.10ed9a30.iframe.bundle.js +1 -0
  67. package/storybook/public/597.76b11f56.iframe.bundle.js +1 -0
  68. package/storybook/public/604.9bf212fc.iframe.bundle.js +1 -0
  69. package/storybook/public/61.24d29b3a.iframe.bundle.js +1 -0
  70. package/storybook/public/620.006a92ae.iframe.bundle.js +2 -0
  71. package/storybook/public/631.01156847.iframe.bundle.js +1 -0
  72. package/storybook/public/672.3058d279.iframe.bundle.js +1 -0
  73. package/storybook/public/679.4b227ee0.iframe.bundle.js +1 -0
  74. package/storybook/public/728.ae4470e4.iframe.bundle.js +7 -0
  75. package/storybook/public/{972.46b935fe.iframe.bundle.js.LICENSE.txt → 728.ae4470e4.iframe.bundle.js.LICENSE.txt} +0 -8
  76. package/storybook/public/{972.46b935fe.iframe.bundle.js.map → 728.ae4470e4.iframe.bundle.js.map} +1 -1
  77. package/storybook/public/776.44fd86a4.iframe.bundle.js +1 -0
  78. package/storybook/public/777.54713435.iframe.bundle.js +1 -0
  79. package/storybook/public/778.65a1be79.iframe.bundle.js +1 -0
  80. package/storybook/public/780.3a6a2927.iframe.bundle.js +2 -0
  81. package/storybook/public/794.abd55b25.iframe.bundle.js +1 -0
  82. package/storybook/public/796.8a8f559c.iframe.bundle.js +1 -0
  83. package/storybook/public/854.9fc784ba.iframe.bundle.js +1 -0
  84. package/storybook/public/909.0e3d61f8.iframe.bundle.js +1 -0
  85. package/storybook/public/943.bb1590d6.iframe.bundle.js +1 -0
  86. package/storybook/public/964.10c64556.iframe.bundle.js +1 -0
  87. package/storybook/public/iframe.html +1 -1
  88. package/storybook/public/main.845fe2d1.iframe.bundle.js +1 -0
  89. package/storybook/public/project.json +1 -1
  90. package/storybook/public/runtime~main.2fdfdc96.iframe.bundle.js +1 -0
  91. package/src/components/atoms/cards/article-card/template-one/template-one.test.js +0 -51
  92. package/src/components/organisms/footer-navigation/footer-navigation.module.scss +0 -63
  93. package/src/components/organisms/footer-navigation/footer-navigation.stories.js +0 -122
  94. package/src/components/organisms/footer-navigation/index.js +0 -63
  95. package/storybook/public/113.10a9116f.iframe.bundle.js +0 -1
  96. package/storybook/public/127.17fc3e0b.iframe.bundle.js +0 -1
  97. package/storybook/public/162.d30676dc.iframe.bundle.js +0 -1
  98. package/storybook/public/172.1e3aefdb.iframe.bundle.js +0 -1
  99. package/storybook/public/183.b66d2a78.iframe.bundle.js +0 -1
  100. package/storybook/public/200.d678bbe9.iframe.bundle.js +0 -1
  101. package/storybook/public/203.52d417b8.iframe.bundle.js +0 -1
  102. package/storybook/public/225.6dca798a.iframe.bundle.js +0 -2
  103. package/storybook/public/26.e7520637.iframe.bundle.js +0 -1
  104. package/storybook/public/274.0e5a096a.iframe.bundle.js +0 -1
  105. package/storybook/public/283.219e438b.iframe.bundle.js +0 -1
  106. package/storybook/public/313.f14e679f.iframe.bundle.js +0 -1
  107. package/storybook/public/326.da0ba286.iframe.bundle.js +0 -1
  108. package/storybook/public/329.31f288b0.iframe.bundle.js +0 -1
  109. package/storybook/public/347.9b0cc0b2.iframe.bundle.js +0 -1
  110. package/storybook/public/357.40e0e31a.iframe.bundle.js +0 -1
  111. package/storybook/public/377.0129ee10.iframe.bundle.js +0 -1
  112. package/storybook/public/426.5bbf0dd8.iframe.bundle.js +0 -1
  113. package/storybook/public/43.44dc45b5.iframe.bundle.js +0 -1
  114. package/storybook/public/487.04548d26.iframe.bundle.js +0 -1
  115. package/storybook/public/495.b7d9f489.iframe.bundle.js +0 -1
  116. package/storybook/public/521.cac47219.iframe.bundle.js +0 -1
  117. package/storybook/public/555.99d9c86b.iframe.bundle.js +0 -1
  118. package/storybook/public/567.17326796.iframe.bundle.js +0 -1
  119. package/storybook/public/590.25fcc3e8.iframe.bundle.js +0 -1
  120. package/storybook/public/625.4e46db89.iframe.bundle.js +0 -1
  121. package/storybook/public/658.22cfca07.iframe.bundle.js +0 -1
  122. package/storybook/public/664.a464a442.iframe.bundle.js +0 -1
  123. package/storybook/public/687.7bbde896.iframe.bundle.js +0 -1
  124. package/storybook/public/696.209eab94.iframe.bundle.js +0 -1
  125. package/storybook/public/713.8662e9a0.iframe.bundle.js +0 -1
  126. package/storybook/public/725.7f876a32.iframe.bundle.js +0 -2
  127. package/storybook/public/758.dae33e9e.iframe.bundle.js +0 -1
  128. package/storybook/public/809.7a44a691.iframe.bundle.js +0 -1
  129. package/storybook/public/864.8d02059a.iframe.bundle.js +0 -1
  130. package/storybook/public/866.0e255b9d.iframe.bundle.js +0 -1
  131. package/storybook/public/871.e3a780ba.iframe.bundle.js +0 -1
  132. package/storybook/public/907.0521c6f4.iframe.bundle.js +0 -2
  133. package/storybook/public/907.0521c6f4.iframe.bundle.js.LICENSE.txt +0 -1
  134. package/storybook/public/919.57aed125.iframe.bundle.js +0 -1
  135. package/storybook/public/933.e56e01a1.iframe.bundle.js +0 -1
  136. package/storybook/public/938.f1a4065f.iframe.bundle.js +0 -1
  137. package/storybook/public/952.09d50df1.iframe.bundle.js +0 -1
  138. package/storybook/public/97.dab9ed43.iframe.bundle.js +0 -1
  139. package/storybook/public/972.46b935fe.iframe.bundle.js +0 -7
  140. package/storybook/public/984.5ce87937.iframe.bundle.js +0 -2
  141. package/storybook/public/main.e89889b3.iframe.bundle.js +0 -2
  142. package/storybook/public/main.e89889b3.iframe.bundle.js.LICENSE.txt +0 -1
  143. package/storybook/public/runtime~main.01b9ad37.iframe.bundle.js +0 -1
  144. /package/src/gatsby-core-theme/components/{pages/body/body.module.scss → molecules/floating-area/floating-area.module.scss} +0 -0
  145. /package/storybook/public/{725.7f876a32.iframe.bundle.js.LICENSE.txt → 179.cf86fb79.iframe.bundle.js.LICENSE.txt} +0 -0
  146. /package/storybook/public/{225.6dca798a.iframe.bundle.js.LICENSE.txt → 620.006a92ae.iframe.bundle.js.LICENSE.txt} +0 -0
  147. /package/storybook/public/{984.5ce87937.iframe.bundle.js.LICENSE.txt → 780.3a6a2927.iframe.bundle.js.LICENSE.txt} +0 -0
@@ -1 +1 @@
1
- {"generatedAt":1714391251163,"builder":{"name":"webpack5"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"metaFramework":{"name":"Gatsby","packageName":"gatsby","version":"5.11.0"},"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":1714418601879,"builder":{"name":"webpack5"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"metaFramework":{"name":"Gatsby","packageName":"gatsby","version":"5.13.4"},"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"}}}
@@ -0,0 +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:"d172c821",179:"cf86fb79",232:"0187b657",240:"bceabc4d",395:"c1efbb64",420:"a736e0a4",441:"785aac5c",475:"d67cc45e",477:"9c72cb2c",504:"6c39549e",563:"10ed9a30",597:"76b11f56",604:"9bf212fc",620:"006a92ae",631:"01156847",672:"3058d279",679:"4b227ee0",776:"44fd86a4",777:"54713435",778:"65a1be79",780:"3a6a2927",794:"abd55b25",796:"8a8f559c",854:"9fc784ba",909:"0e3d61f8",943:"bb1590d6",964:"10c64556"}[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,51 +0,0 @@
1
- import React from 'react';
2
- import { render, screen } from '@testing-library/react';
3
- import ArticleCard from './index';
4
-
5
- const item = {
6
- author: {
7
- name: 'John Doe',
8
- profile_page_path: '/john-doe',
9
- twitter_profile: 'johndoe',
10
- image: '/images/john-doe.png',
11
- },
12
- title: 'Sample Article',
13
- updated_at: '2022-02-01',
14
- created_at: '2022-01-01',
15
- path: '/sample-article',
16
- banner: 'sample-article-banner.jpg',
17
- };
18
-
19
- describe('ArticleCard', () => {
20
- it('should render Article Card with hasVariableComponent prop', () => {
21
- render(
22
- <ArticleCard
23
- item={item}
24
- width={200}
25
- height={200}
26
- showAuthorOnOneLine={false}
27
- hasVariableComponent
28
- />
29
- );
30
-
31
- const articleLink = screen.getByRole('link', { name: /Sample Article/i });
32
-
33
- expect(articleLink).toBeInTheDocument();
34
- });
35
-
36
- it('should render Article Card without hasVariableComponent prop', () => {
37
- render(
38
- <ArticleCard
39
- item={item}
40
- width={200}
41
- height={200}
42
- showAuthorOnOneLine={false}
43
- hasVariableComponent={false}
44
- />
45
- );
46
-
47
- const articleLink = screen.getByRole('link', { name: /Sample Article/i });
48
- expect(articleLink).toBeInTheDocument();
49
- expect(articleLink).not.toHaveAttribute('hasvariablecomponent');
50
- });
51
- });
@@ -1,63 +0,0 @@
1
- .footerLinks {
2
- position: fixed;
3
- width: 100%;
4
- height: 88px;
5
- bottom: -50vh;
6
- left: 0;
7
- padding: 0;
8
- background-color: var(--color-7);
9
- border-radius: 0;
10
- z-index: 1001;
11
- display: flex;
12
- opacity: 0;
13
- visibility: hidden;
14
- transition: 2s;
15
-
16
- &.storybookStyles {
17
- position: absolute;
18
- }
19
-
20
- @media only screen and (max-width: 767px) {
21
- opacity: 1;
22
- visibility: visible;
23
-
24
- }
25
-
26
- > ul {
27
- display: flex;
28
- width: 100%;
29
-
30
- > li {
31
- width: 100%;
32
- @include flex-direction(row);
33
- @include flex-align(center, center);
34
-
35
- a {
36
- display: flex;
37
- flex-flow: column;
38
- flex-direction: column-reverse;
39
- justify-content: center;
40
- align-items: center;
41
- color: #ffffff;
42
-
43
- img {
44
- width: 48px;
45
- }
46
-
47
- span {
48
- font-style: normal;
49
- font-weight: 400;
50
- font-size: 12px;
51
- line-height: 18px;
52
- text-align: center;
53
- color: #fff;
54
- position: relative;
55
- }
56
- }
57
- }
58
- }
59
- }
60
- .showFooterNav{
61
- transition: 0.5s;
62
- bottom: 0;
63
- }
@@ -1,122 +0,0 @@
1
- import React from 'react';
2
- // eslint-disable-next-line import/no-extraneous-dependencies
3
- import {
4
- Title,
5
- Description,
6
- Primary,
7
- PRIMARY_STORY,
8
- ArgsTable,
9
- } from '@storybook/addon-docs/blocks';
10
-
11
- import FooterNavigation from '.';
12
-
13
- export default {
14
- title: 'Theme/Organisms/Footer Navigation',
15
- component: FooterNavigation,
16
- argTypes: {
17
- section: {
18
- name: 'section',
19
- type: { name: 'object', required: true },
20
- defaultValue: '',
21
- description: 'Section object containing a menu module.',
22
- table: {
23
- type: { summary: 'object' },
24
- defaultValue: { summary: '' },
25
- },
26
- },
27
- },
28
- parameters: {
29
- docs: {
30
- description: {
31
- component:
32
- 'A component that displays a list of links for use on Mobile only as component fixed to the bottom of the screen.',
33
- },
34
- page: () => (
35
- <>
36
- <Title />
37
- <Description />
38
- <Primary />
39
- <ArgsTable story={PRIMARY_STORY} />
40
- </>
41
- ),
42
- },
43
- },
44
- };
45
-
46
- const Template = (args) => <FooterNavigation {...args} />;
47
- export const Default = Template.bind({});
48
- Default.args = {
49
- section: {
50
- modules: [
51
- {
52
- menu_id: 353,
53
- menu_short_code: 'footer_navigation',
54
- module_value_id: 167244,
55
- name: 'menu',
56
- title: 'Footer Navigation',
57
- short_code: 'footer_navigation',
58
- language: 'en',
59
- market: 'za_en',
60
- children: [
61
- {
62
- id: 5503,
63
- page_id: null,
64
- title: 'R500 Free',
65
- nofollow: false,
66
- value: '/za_en/visit/footerNav/zar_casino',
67
- image: 'zar-casinopng.webp',
68
- image_object: {
69
- width: '80',
70
- height: '80',
71
- url: 'https://assets-srv.s3.eu-west-1.amazonaws.com/zar-casinopng.webp',
72
- filename: 'zar-casinopng.webp',
73
- },
74
- },
75
- {
76
- id: 5501,
77
- page_id: null,
78
- title: 'R350 Free',
79
- nofollow: false,
80
- value: '/za_en/visit/footerNav/springbok_casino',
81
- image: 'springbok-2png.webp',
82
- image_object: {
83
- width: '80',
84
- height: '80',
85
- url: 'https://assets-srv.s3.eu-west-1.amazonaws.com/springbok-2png.webp',
86
- filename: 'springbok-2png.webp',
87
- },
88
- },
89
- {
90
- id: 5613,
91
- page_id: null,
92
- title: 'R300 Free',
93
- nofollow: false,
94
- value: '/za_en/visit/footerNav/rich_casino',
95
- image: 'rich-casinopng.webp',
96
- image_object: {
97
- width: '80',
98
- height: '80',
99
- url: 'https://assets-srv.s3.eu-west-1.amazonaws.com/rich-casinopng.webp',
100
- filename: 'rich-casinopng.webp',
101
- },
102
- },
103
- {
104
- id: 5614,
105
- page_id: null,
106
- title: 'R200 Free',
107
- nofollow: false,
108
- value: '/za_en/visit/footerNav/punt_casino',
109
- image: 'punt-casinopng-1.webp',
110
- image_object: {
111
- width: '80',
112
- height: '80',
113
- url: 'https://assets-srv.s3.eu-west-1.amazonaws.com/punt-casinopng-1.webp',
114
- filename: 'punt-casinopng-1.webp',
115
- },
116
- },
117
- ],
118
- },
119
- ],
120
- },
121
- isStorybook: true,
122
- };
@@ -1,63 +0,0 @@
1
- /* eslint-disable react-hooks/exhaustive-deps */
2
- import React, { useEffect, useState } from 'react';
3
- // eslint-disable-next-line import/no-extraneous-dependencies
4
- import PropTypes from 'prop-types';
5
-
6
- import LinkList from 'gatsby-core-theme/src/components/molecules/link-list';
7
- import { getFirstModuleByName } from 'gatsby-core-theme/src/helpers/getters';
8
- import styles from './footer-navigation.module.scss';
9
-
10
- const FooterNavigation = ({ section, isStorybook = false }) => {
11
- const [show, setShow] = useState(false);
12
- let scrollY = typeof window !== 'undefined' && (window?.scrollY || 0);
13
- const menuArray = getFirstModuleByName(section, 'menu');
14
-
15
- const handleEvent = () => {
16
- if (window.scrollY > scrollY) {
17
- setShow(false);
18
- } else {
19
- setShow(true);
20
- }
21
-
22
- scrollY = window.scrollY;
23
- };
24
- useEffect(() => {
25
- window.addEventListener('scroll', handleEvent);
26
-
27
- return () => {
28
- window.removeEventListener('scroll', handleEvent);
29
- };
30
- }, []);
31
-
32
- return (
33
- menuArray?.children?.length > 0 && (
34
- <div
35
- className={`${styles?.footerLinks || ''} ${
36
- isStorybook ? styles?.storybookStyles || '' : ''
37
- } ${show ? styles?.showFooterNav || '' : ''}`}
38
- >
39
- <LinkList
40
- showListTitle={false}
41
- singleList
42
- lists={menuArray}
43
- width={48}
44
- height={48}
45
- gtmClass="mobile-menu-gtm"
46
- />
47
- </div>
48
- )
49
- );
50
- };
51
-
52
- FooterNavigation.propTypes = {
53
- section: PropTypes.shape({
54
- modules: PropTypes.arrayOf(
55
- PropTypes.shape({
56
- name: PropTypes.string,
57
- })
58
- ),
59
- }).isRequired,
60
- isStorybook: PropTypes.bool,
61
- };
62
-
63
- export default FooterNavigation;
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[113],{"./src/components/molecules/sportstake/fixtures/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return fixtures}});__webpack_require__("../node_modules/core-js/modules/es.array.includes.js"),__webpack_require__("../node_modules/core-js/modules/es.string.includes.js"),__webpack_require__("../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../node_modules/core-js/modules/es.object.values.js"),__webpack_require__("../node_modules/core-js/modules/es.string.split.js"),__webpack_require__("../node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),sportstake=__webpack_require__("./src/gatsby-core-theme/helpers/sportstake.js"),lotto=__webpack_require__("./src/gatsby-core-theme/helpers/lotto.js"),constants_sportstake=__webpack_require__("./src/gatsby-core-theme/constants/sportstake.js"),table=__webpack_require__("./src/components/molecules/sportstake/table/index.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),fixtures_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/molecules/sportstake/fixtures/fixtures.module.scss"),options={insert:"head",singleton:!1},fixtures_fixtures_module=(injectStylesIntoStyleTag_default()(fixtures_module.Z,options),fixtures_module.Z.locals||{});function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr)||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 _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var Fixtures=function Fixtures(_ref){var _Object$values,_Object$values2,module=_ref.module,serverData=_ref.serverData;if(serverData){var moduleName=module.name,isCricket=moduleName.includes("cricket"),isSportstake4=moduleName.includes("sportstake4"),hasTwoTables=moduleName.includes("sportstake8")||isSportstake4,query=(0,sportstake.bj)(moduleName),games=((null==serverData?void 0:serverData.drawDetails)||{}).games,firstTableGames=games?hasTwoTables||isCricket?(_Object$values=Object.values(games)).slice.apply(_Object$values,_toConsumableArray(query.firstTable)):Object.values(games):[],secondTableGames=games?(_Object$values2=Object.values(games)).slice.apply(_Object$values2,_toConsumableArray(query.secondTable)):[],headerList=constants_sportstake.Rt.slice(0,4),SportstakeHeader=function SportstakeHeader(){var _serverData$_id,nrOfFixtures=null==serverData||null===(_serverData$_id=serverData._id)||void 0===_serverData$_id?void 0:_serverData$_id.split("-")[1],formattedDate=(0,lotto.p6)(null==serverData?void 0:serverData.drawDate,"dd/MMM/yy");return react.createElement("div",{className:fixtures_fixtures_module.sportstakeHeader},react.createElement("p",null,"Fixtures List for ".concat(nrOfFixtures," (Provisional) ").concat(formattedDate)," "))};return react.createElement("div",{className:"".concat(fixtures_fixtures_module.sportstake," ").concat(hasTwoTables&&fixtures_fixtures_module.twoHalfs)},react.createElement(SportstakeHeader,null),isSportstake4&&react.createElement("h3",null,"1st half"),react.createElement(table.Z,{headerList:headerList,rowList:firstTableGames}),hasTwoTables&&react.createElement(react.Fragment,null,react.createElement("h3",null,isSportstake4?"Full Time":"2nd Half"),react.createElement(table.Z,{headerList:headerList,rowList:secondTableGames})))}};Fixtures.displayName="Fixtures",Fixtures.__docgenInfo={description:"",methods:[],displayName:"Fixtures",props:{page:{description:"",type:{name:"shape",value:{}},required:!1},module:{description:"",type:{name:"shape",value:{items:{name:"arrayOf",value:{name:"shape",value:{}},required:!1},style:{name:"string",required:!1},name:{name:"string",required:!1},module_title:{name:"string",required:!1},module_introduction:{name:"string",required:!1}}},required:!0},pageContext:{description:"",type:{name:"shape",value:{}},required:!1},serverData:{description:"",type:{name:"shape",value:{_id:{name:"string",required:!1},drawDate:{name:"string",required:!1},drawDetails:{name:"shape",value:{games:{name:"shape",value:{},required:!1},divs:{name:"shape",value:{},required:!1}},required:!1}}},required:!1}}};var fixtures=Fixtures;Fixtures.propTypes={page:prop_types_default().shape({}),module:prop_types_default().shape({items:prop_types_default().arrayOf(prop_types_default().shape({})),style:prop_types_default().string,name:prop_types_default().string,module_title:prop_types_default().string,module_introduction:prop_types_default().string}).isRequired,pageContext:prop_types_default().shape({}),serverData:prop_types_default().shape({_id:prop_types_default().string,drawDate:prop_types_default().string,drawDetails:prop_types_default().shape({games:prop_types_default().shape({}),divs:prop_types_default().shape({})})})},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/molecules/sportstake/fixtures/index.js"]={name:"Fixtures",docgenInfo:Fixtures.__docgenInfo,path:"src/components/molecules/sportstake/fixtures/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/molecules/sportstake/fixtures/fixtures.module.scss":function(module,__webpack_exports__,__webpack_require__){var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"._5CwNzfVDr5fWiuLScgHi-g\\=\\={font-size:3rem;padding-bottom:3rem}._3crS9FTO2ODCRue\\+70iGhQ\\=\\={font-size:3rem}.McIL\\+RQKCbCnThcUSdHFag\\=\\= .dUjwNn8SpPoje2tY7\\+q6ig\\=\\={margin-bottom:1.6rem}.McIL\\+RQKCbCnThcUSdHFag\\=\\= .dUjwNn8SpPoje2tY7\\+q6ig\\=\\=>p{font-size:1.6rem;font-weight:400;line-height:2.4rem}.McIL\\+RQKCbCnThcUSdHFag\\=\\=._8XKZ4KdqfzcbvftCScKigA\\=\\=>h3{margin:3.2rem 0 1.6rem .8rem}","",{version:3,sources:["webpack://./src/components/molecules/sportstake/fixtures/fixtures.module.scss"],names:[],mappings:"AAcA,6BACE,cAAA,CACA,mBAAA,CAEF,8BACE,cAAA,CAIA,0DACE,oBAAA,CAEA,4DACE,gBAAA,CACA,eAAA,CACA,kBAAA,CAKF,4DACE,4BAAA",sourcesContent:["// Global styles extended in each theme\n\n// Utils\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/typography';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/layout';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/media-queries';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/icons';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/tooltip';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/loader';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/mixins';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/scrollbar';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/animations';\n\n.titlefixture {\n font-size: 3rem;\n padding-bottom: 3rem;\n}\n.title {\n font-size: 3rem;\n}\n\n.sportstake {\n .sportstakeHeader {\n margin-bottom: 1.6rem;\n\n > p {\n font-size: 1.6rem;\n font-weight: 400;\n line-height: 2.4rem;\n }\n }\n\n &.twoHalfs {\n > h3 {\n margin: 3.2rem 0 1.6rem 0.8rem;\n }\n }\n}"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={titlefixture:"_5CwNzfVDr5fWiuLScgHi-g==",title:"_3crS9FTO2ODCRue+70iGhQ==",sportstake:"McIL+RQKCbCnThcUSdHFag==",sportstakeHeader:"dUjwNn8SpPoje2tY7+q6ig==",twoHalfs:"_8XKZ4KdqfzcbvftCScKigA=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[127],{"../node_modules/gatsby-core-theme/src/components/organisms/archive/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return archive}});__webpack_require__("../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("../node_modules/core-js/modules/es.parse-int.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("../node_modules/gatsby-core-theme/node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),pagination=__webpack_require__("../node_modules/gatsby-core-theme/src/components/molecules/pagination/index.js"),cards=__webpack_require__("../node_modules/gatsby-core-theme/src/components/organisms/cards/index.js"),Items=function Items(_ref){var module=_ref.module,page=_ref.page;return react.createElement(cards.Z,{module:module,page:page})};Items.displayName="Items",Items.propTypes={module:prop_types_default().shape({module_title:prop_types_default().string}).isRequired,page:prop_types_default().shape({})},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}}};var 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"),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.mjs"),MainProvider=__webpack_require__("../node_modules/gatsby-core-theme/src/context/MainProvider.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),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"),options={insert:"head",singleton:!1},archive_archive_module=(injectStylesIntoStyleTag_default()(archive_module.Z,options),archive_module.Z.locals||{});function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||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(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}(arr,i)||_unsupportedIterableToArray(arr,i)||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(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var Archive=function Archive(_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,_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,translations=((0,react.useContext)(MainProvider._)||{}).translations;(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]);return updatedModule.items=moduleItems,react.createElement(react.Fragment,null,react.createElement(items,{module:updatedModule,page:page,gtmClass:gtmClass}),hasLoadMore?module.items.length>updatedModule.items.length&&react.createElement("div",{className:archive_archive_module.loadMoreWrapper||""},react.createElement(button_button.Z,{btnText:(0,getters.Iu)(translations,"load_more","Load More"),onClick:function loadMoreHandler(){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:"tertiary",buttonSize:"m",gtmClass:"archive-gtm btn-cta",isInternalLink:!1})):react.createElement(pagination.Z,{pagePath:module.rootPath,currentPage:module.currentPage,totalPages:module.numOfPages,anchorLabel: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},Archive.__docgenInfo={description:"",methods:[],displayName:"Archive",props:{gtmClass:{defaultValue:{value:"''",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}}};var 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/gatsby-core-theme/src/components/organisms/cards/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{Z:function(){return cards}});__webpack_require__("../node_modules/core-js/modules/es.array.map.js");var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("../node_modules/gatsby-core-theme/node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),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},cards_cards_module=(injectStylesIntoStyleTag_default()(cards_module.Z,options),cards_module.Z.locals||{}),Card=function Card(_ref){var item=_ref.item;return react.createElement(react.Fragment,null,react.createElement("h2",null,item.title))};Card.propTypes={item:prop_types_default().shape({title:prop_types_default().string}).isRequired},Card.__docgenInfo={description:"",methods:[],displayName:"Card",props:{item:{description:"",type:{name:"shape",value:{title:{name:"string",required:!1}}},required:!0}}};var default_card=Card;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/cards/default-card/index.js"]={name:"Card",docgenInfo:Card.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/cards/default-card/index.js"});var keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.js"),CardsGridStyles=function CardsGridStyles(_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":"".concat(module.mobile_num_of_columns?module.mobile_num_of_columns:mobileColumns),"--cards-tablet-column":"".concat(module.tablet_num_of_columns?module.tablet_num_of_columns:tabletColumns),"--cards-desktop-column":"".concat(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 Cards(_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;return react.createElement(CardsGridStyles,{module:module,desktopColumns:desktopColumns,tabletColumns:tabletColumns,mobileColumns:mobileColumns,className:cards_cards_module.cardsContainer},module.items&&module.items.map((function(item,index){return CustomCardComponent?react.createElement(CustomCardComponent,{key:(0,keygen.Z)(),featured:"featured"===module.style,item:item,type:item.type,number:index+1,page:page}):react.createElement(default_card,{key:(0,keygen.Z)(),item:item})})))};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},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}}};var 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"})},"../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":function(module,__webpack_exports__,__webpack_require__){var _css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".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:["// Global styles extended in each theme\n\n// Utils\n@import '../../../styles/utils/variables/typography';\n@import '../../../styles/utils/variables/layout';\n@import '../../../styles/utils/variables/stack-order';\n@import '../../../styles/utils/media-queries';\n@import '../../../styles/utils/icons';\n@import '../../../styles/utils/tooltip';\n@import '../../../styles/utils/loader';\n@import '../../../styles/utils/mixins';\n@import '../../../styles/utils/scrollbar';\n@import '../../../styles/utils/animations';\n\n.loadMoreWrapper {\n margin: 2rem 0;\n text-align: center;\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={loadMoreWrapper:"vyePgwWVhVHcgvTgdtTGLg=="},__webpack_exports__.Z=___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":function(module,__webpack_exports__,__webpack_require__){var _css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".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:["// Global styles extended in each theme\n\n// Utils\n@import '../../../styles/utils/variables/typography';\n@import '../../../styles/utils/variables/layout';\n@import '../../../styles/utils/variables/stack-order';\n@import '../../../styles/utils/media-queries';\n@import '../../../styles/utils/icons';\n@import '../../../styles/utils/tooltip';\n@import '../../../styles/utils/loader';\n@import '../../../styles/utils/mixins';\n@import '../../../styles/utils/scrollbar';\n@import '../../../styles/utils/animations';\n\n.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=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[162],{"./src/gatsby-core-theme/hooks/tabs/title/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return title}});__webpack_require__("../node_modules/core-js/modules/es.array.concat.js");var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.mjs"),MainProvider=__webpack_require__("../node_modules/gatsby-core-theme/src/context/MainProvider.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),title_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/hooks/tabs/title/title.module.scss"),options={insert:"head",singleton:!1},title_title_module=(injectStylesIntoStyleTag_default()(title_module.Z,options),title_module.Z.locals||{}),strings=__webpack_require__("./src/helpers/strings.js"),TabsTitle=function TabsTitle(_ref){var module=_ref.module,moduleStyle=_ref.moduleStyle,_ref$isHomepageFirstM=_ref.isHomepageFirstModule,isHomepageFirstModule=void 0!==_ref$isHomepageFirstM&&_ref$isHomepageFirstM,TitleTag=null!=module&&module.module_title_tag?"".concat(null==module?void 0:module.module_title_tag):null!=module&&module.module_title?"span":"h2",showDate=(null==module?void 0:module.show_last_updated_date)||!1,translations=((0,react.useContext)(MainProvider._)||{}).translations,_ref3=showDate&&(0,strings._3)(),month=_ref3.month,year=_ref3.year,titleText=(null==module?void 0:module.module_title)||(null==module?void 0:module.title);return react.createElement(TitleTag,{className:"".concat((null==title_title_module?void 0:title_title_module.noTag)||""," ").concat(moduleStyle&&title_title_module[moduleStyle]||""," ").concat(isHomepageFirstModule&&(null==title_title_module?void 0:title_title_module.firstModule)||""," ")},null!=module&&module.module_title_tag?react.createElement("span",{className:(null==title_title_module?void 0:title_title_module.title)||""},titleText):titleText,showDate&&react.createElement("span",{className:(null==title_title_module?void 0:title_title_module.toplistDate)||""},react.createElement("small",null,"•"),"".concat((0,getters.Iu)(translations,month,month)," ").concat(year)))};TabsTitle.displayName="TabsTitle",TabsTitle.propTypes={isHomepageFirstModule:prop_types_default().bool,moduleStyle:prop_types_default().string,module:prop_types_default().shape({title:prop_types_default().string,module_title:prop_types_default().string,module_title_tag:prop_types_default().string,show_last_updated_date:prop_types_default().string})},TabsTitle.__docgenInfo={description:"",methods:[],displayName:"TabsTitle",props:{isHomepageFirstModule:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},moduleStyle:{description:"",type:{name:"string"},required:!1},module:{description:"",type:{name:"shape",value:{title:{name:"string",required:!1},module_title:{name:"string",required:!1},module_title_tag:{name:"string",required:!1},show_last_updated_date:{name:"string",required:!1}}},required:!1}}};var title=TabsTitle;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/gatsby-core-theme/hooks/tabs/title/index.js"]={name:"TabsTitle",docgenInfo:TabsTitle.__docgenInfo,path:"src/gatsby-core-theme/hooks/tabs/title/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/gatsby-core-theme/hooks/tabs/title/title.module.scss":function(module,__webpack_exports__,__webpack_require__){var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".DuY98HBbPHefMT6EUXp9Yw\\=\\={margin:2rem 0;display:block}._8b7tA\\+CNpo0IbFl3EelbJg\\=\\={display:block;color:var(--heading-base-color);margin:1rem .3rem 0 0;font-weight:bold;font-size:var(--h2-mobile-size)}@media only screen and (min-width:768px){._8b7tA\\+CNpo0IbFl3EelbJg\\=\\={font-size:var(--h2-size)}}.yU8iUiNgBfzJ5e5g\\+wyt9g\\=\\={color:var(--color-66);font-weight:300;font-size:1.4rem;padding-left:.5rem;display:inline-block;position:relative;top:-4px}.yU8iUiNgBfzJ5e5g\\+wyt9g\\=\\= small{padding-right:.5rem;font-size:1.2rem;font-weight:400}","",{version:3,sources:["webpack://./src/gatsby-core-theme/hooks/tabs/title/title.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAcA,4BACE,aAAA,CACA,aAAA,CAEF,8BACE,aAAA,CACA,+BAAA,CACA,qBAAA,CAEE,gBAAA,CACA,+BAAA,CC4BF,yCDlCF,8BASI,wBAAA,CAAA,CAGJ,6BACE,qBAAA,CACA,eAAA,CACA,gBAAA,CACA,kBAAA,CACA,oBAAA,CACA,iBAAA,CACA,QAAA,CACA,mCACE,mBAAA,CACA,gBAAA,CACA,eAAA",sourcesContent:["// Global styles extended in each theme\n\n// Utils\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/typography';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/layout';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/media-queries';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/icons';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/tooltip';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/loader';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/mixins';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/scrollbar';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/animations';\n\n.title {\n margin: 2rem 0;\n display: block;\n}\n.noTag {\n display: block;\n color: var(--heading-base-color);\n margin: 1rem 0.3rem 0 0;\n font: {\n weight: bold;\n size: var(--h2-mobile-size);\n }\n @include min(tablet) {\n font-size: var(--h2-size);\n }\n}\n.toplistDate {\n color: var(--color-66);\n font-weight: 300;\n font-size: 1.4rem;\n padding-left: 0.5rem;\n display: inline-block;\n position: relative;\n top: -4px;\n small {\n padding-right: 0.5rem;\n font-size: 1.2rem;\n font-weight: 400;\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={title:"DuY98HBbPHefMT6EUXp9Yw==",noTag:"_8b7tA+CNpo0IbFl3EelbJg==",toplistDate:"yU8iUiNgBfzJ5e5g+wyt9g=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[172],{"../node_modules/gatsby-core-theme/src/components/molecules/content-and-custom-module/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return content_and_custom_module}});var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("../node_modules/gatsby-core-theme/node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),html_react_parser=__webpack_require__("../node_modules/html-react-parser/index.mjs"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),content_and_custom_module_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/molecules/content-and-custom-module/content-and-custom-module.module.scss"),options={insert:"head",singleton:!1},content_and_custom_module_content_and_custom_module_module=(injectStylesIntoStyleTag_default()(content_and_custom_module_module.Z,options),content_and_custom_module_module.Z.locals||{}),ContentAndCustomModule=function ContentAndCustomModule(_ref){var _ref$content=_ref.content,content=void 0===_ref$content?"":_ref$content,CustomComponent=_ref.CustomComponent,customComponentProps=_ref.customComponentProps;return react.createElement(react.Fragment,null,react.createElement("div",{className:content_and_custom_module_content_and_custom_module_module.contentAndCustomModuleContainer||""},content&&react.createElement("div",{className:content_and_custom_module_content_and_custom_module_module.contentBox||""},(0,html_react_parser.ZP)(content)),CustomComponent&&react.createElement("div",{className:content_and_custom_module_content_and_custom_module_module.customComponentBox||""},react.createElement(CustomComponent,customComponentProps))))};ContentAndCustomModule.propTypes={content:prop_types_default().string,CustomComponent:prop_types_default().oneOfType([prop_types_default().element,prop_types_default().any]),customComponentProps:prop_types_default().object,styles:prop_types_default().shape({})},ContentAndCustomModule.__docgenInfo={description:"",methods:[],displayName:"ContentAndCustomModule",props:{content:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},CustomComponent:{description:"",type:{name:"union",value:[{name:"element"},{name:"any"}]},required:!1},customComponentProps:{description:"",type:{name:"object"},required:!1},styles:{description:"",type:{name:"shape",value:{}},required:!1}}};var content_and_custom_module=ContentAndCustomModule;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/molecules/content-and-custom-module/index.js"]={name:"ContentAndCustomModule",docgenInfo:ContentAndCustomModule.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/molecules/content-and-custom-module/index.js"})},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/molecules/content-and-custom-module/content-and-custom-module.module.scss":function(module,__webpack_exports__,__webpack_require__){var _css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".JKOq5oo4cL0bK35HtbInHg\\=\\={padding:1rem 0;display:flex;flex-direction:column}@media only screen and (min-width:1200px){.JKOq5oo4cL0bK35HtbInHg\\=\\={display:flex;flex-direction:row;justify-content:space-between}}.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\={padding:1.6rem 0;width:100%}@media only screen and (min-width:1200px){.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\={width:50%;padding-right:1.6rem}}.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= p{font-size:1.6rem;color:var(--color-44)}.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= h2,.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= h3,.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= h4,.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= .ZtE-bwJwBRql-ciJmfQT3w\\=\\=,.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= ._2vsOIGHF-iOe6EQBSqGRvQ\\=\\=,.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= .ckrqMIB4t8bLApGEeHgpbA\\=\\={color:var(--color-43);font-size:1.8rem}@media only screen and (min-width:768px){.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= h2,.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= h3,.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= h4,.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= .ZtE-bwJwBRql-ciJmfQT3w\\=\\=,.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= ._2vsOIGHF-iOe6EQBSqGRvQ\\=\\=,.JKOq5oo4cL0bK35HtbInHg\\=\\= .QJKVWzZ4yOSh0D03MfsiyQ\\=\\= .ckrqMIB4t8bLApGEeHgpbA\\=\\={font-size:2.4rem}}.JKOq5oo4cL0bK35HtbInHg\\=\\= .DwpD51IjkX87JGK1t9idtg\\=\\={padding:1.6rem 0;width:100%}@media only screen and (min-width:1200px){.JKOq5oo4cL0bK35HtbInHg\\=\\= .DwpD51IjkX87JGK1t9idtg\\=\\={width:50%}}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/molecules/content-and-custom-module/content-and-custom-module.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAcA,4BACE,cAAA,CCRA,YAAA,CACA,qBDQwB,CEoCxB,0CFtCF,4BCPE,YAAA,CACA,kBDU0B,CACxB,6BAAA,CAAA,CAEF,wDACE,gBAAA,CACA,UAAA,CE6BF,0CF/BA,wDAII,SAAA,CACA,oBAAA,CAAA,CAEF,0DACE,gBAAA,CACA,qBAAA,CAEF,8aAME,qBAAA,CACA,gBAAA,CEaJ,yCFpBE,8aASI,gBAAA,CAAA,CAIN,wDACE,gBAAA,CACA,UAAA,CEKF,0CFPA,wDAII,SAAA,CAAA",sourcesContent:["// Global styles extended in each theme\n\n// Utils\n@import '../../../styles/utils/variables/typography';\n@import '../../../styles/utils/variables/layout';\n@import '../../../styles/utils/variables/stack-order';\n@import '../../../styles/utils/media-queries';\n@import '../../../styles/utils/icons';\n@import '../../../styles/utils/tooltip';\n@import '../../../styles/utils/loader';\n@import '../../../styles/utils/mixins';\n@import '../../../styles/utils/scrollbar';\n@import '../../../styles/utils/animations';\n\n.contentAndCustomModuleContainer {\n padding: 1rem 0;\n @include flex-direction(column);\n @include min(desktop) {\n @include flex-direction(row);\n justify-content: space-between;\n }\n .contentBox {\n padding: 1.6rem 0;\n width: 100%;\n @include min(desktop) {\n width: 50%;\n padding-right: 1.6rem;\n }\n p {\n font-size: 1.6rem;\n color: var(--color-44);\n }\n h2,\n h3,\n h4,\n .h2,\n .h3,\n .h4 {\n color: var(--color-43);\n font-size: 1.8rem;\n @include min(tablet) {\n font-size: 2.4rem;\n }\n }\n }\n .customComponentBox {\n padding: 1.6rem 0;\n width: 100%;\n @include min(desktop) {\n width: 50%;\n }\n }\n}\n","@mixin flex-align($align-items, $justify-content) {\n display: flex;\n align-items: $align-items;\n justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n display: flex;\n flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n #{$overflow-type}: $overflow-value;\n -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n background: $bgcolor;\n border-radius: 100px;\n color: $text-color;\n font-weight: 700;\n @include flex-align(center, center);\n padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n color: $color;\n\n &:hover {\n color: $color;\n }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n float: $direction;\n @if $direction == right {\n margin: var(--img-float-direction-right, 0 0 2.4rem 4.8rem);\n } @else if $direction == left {\n margin: var(--img-float-direction-left, 0 4.8rem 2.4rem 0);\n } @else {\n margin: 0 1em 1em 0;\n }\n}\n\n@mixin content-img-align($direction: center, $spacing: var(--content-img-spacing, 1em)) {\n display: block;\n @if $direction == right {\n margin: $spacing 0 $spacing auto;\n } @else if $direction == left {\n margin: $spacing auto $spacing 0;\n } @else {\n margin: $spacing auto;\n }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n position: relative;\n &:after {\n top: 100%;\n left: 50%;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-color: rgba(0, 0, 0, 0);\n border-top: $height solid $color;\n border-right: calc($width / 2) solid transparent;\n border-left: calc($width / 2) solid transparent;\n margin-left: -calc($width / 2);\n }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n &:hover {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n }\n}\n\n@mixin sportBtn($color1, $color2) {\n background: linear-gradient(to bottom, $color1 0, $color2 100%);\n &:hover {\n background: linear-gradient(to bottom, $color2 0, $color1 100%);\n }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n line-height: $line-height;\n width: $width;\n font-weight: normal;\n display: inline-block;\n color: $fill-color;\n font-size: 15px;\n position: relative;\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n &:last-child {\n margin-right: 0;\n }\n &:before {\n content: '\\2605';\n }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n line-height: 2rem;\n width: 16px;\n font-weight: normal;\n display: inline-block;\n color: $half-full-color;\n font-size: 15px;\n position: relative;\n &:before {\n content: '\\2605';\n }\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n &:after {\n content: '\\2605';\n color: $half-empty-color;\n position: absolute;\n width: 7px;\n overflow: hidden;\n bottom: 0;\n left: 0;\n }\n}\n\n@mixin border-gradient($color-1, $color-2, $bgcolor, $radius: 0.8rem, $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={contentAndCustomModuleContainer:"JKOq5oo4cL0bK35HtbInHg==",contentBox:"QJKVWzZ4yOSh0D03MfsiyQ==",h2:"ZtE-bwJwBRql-ciJmfQT3w==",h3:"_2vsOIGHF-iOe6EQBSqGRvQ==",h4:"ckrqMIB4t8bLApGEeHgpbA==",customComponentBox:"DwpD51IjkX87JGK1t9idtg=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[183],{"../node_modules/@storybook/components/dist/esm/GlobalScrollAreaStyles-8793ce4a.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return GlobalScrollAreaStyles},getScrollAreaStyles:function(){return getScrollAreaStyles}});__webpack_require__("../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../node_modules/core-js/modules/es.object.freeze.js");var _templateObject,react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../node_modules/react/index.js"),_storybook_theming__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../node_modules/@storybook/theming/dist/esm/index.js");var hsResizeObserverDummyAnimation=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_3__.F4)(_templateObject||(_templateObject=function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}(["0%{z-index:0}to{z-index:-1}"]))),getScrollAreaStyles=function getScrollAreaStyles(theme){return{"html.os-html, html.os-html>.os-host":{display:"block",overflow:"hidden",boxSizing:"border-box",height:"100%!important",width:"100%!important",minWidth:"100%!important",minHeight:"100%!important",margin:"0!important",position:"absolute!important"},"html.os-html>.os-host>.os-padding":{position:"absolute"},"body.os-dragging, body.os-dragging *":{cursor:"default"},".os-host, .os-host-textarea":{position:"relative",overflow:"visible!important",flexDirection:"column",flexWrap:"nowrap",justifyContent:"flex-start",alignContent:"flex-start",alignItems:"flex-start"},".os-host-flexbox":{overflow:"hidden!important",display:"flex"},".os-host-flexbox>.os-size-auto-observer":{height:"inherit!important"},".os-host-flexbox>.os-content-glue":{flexGrow:1,flexShrink:0},".os-host-flexbox>.os-size-auto-observer, .os-host-flexbox>.os-content-glue":{minHeight:0,minWidth:0,flexGrow:0,flexShrink:1,flexBasis:"auto"},"#os-dummy-scrollbar-size":{position:"fixed",opacity:0,visibility:"hidden",overflow:"scroll",height:500,width:500},"#os-dummy-scrollbar-size>div":{width:"200%",height:"200%",margin:10},"#os-dummy-scrollbar-size, .os-viewport":{},".os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size, .os-viewport-native-scrollbars-invisible.os-viewport":{scrollbarWidth:"none!important"},".os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner":{display:"none!important",width:"0!important",height:"0!important",visibility:"hidden!important",background:"0 0!important"},".os-content-glue":{boxSizing:"inherit",maxHeight:"100%",maxWidth:"100%",width:"100%",pointerEvents:"none"},".os-padding":{boxSizing:"inherit",direction:"inherit",position:"absolute",overflow:"visible",padding:0,margin:0,left:0,top:0,bottom:0,right:0,width:"auto!important",height:"auto!important",zIndex:1},".os-host-overflow>.os-padding":{overflow:"hidden"},".os-viewport":{direction:"inherit!important",boxSizing:"inherit!important",resize:"none!important",outline:"0!important",position:"absolute",overflow:"hidden",top:0,left:0,bottom:0,right:0,padding:0,margin:0},".os-content-arrange":{position:"absolute",zIndex:-1,minHeight:1,minWidth:1,pointerEvents:"none"},".os-content":{direction:"inherit",boxSizing:"border-box!important",position:"relative",display:"block",height:"100%",width:"100%",visibility:"visible"},".os-content:before, .os-content:after":{content:"''",display:"table",width:0,height:0,lineHeight:0,fontSize:0},".os-content>.os-textarea":{boxSizing:"border-box!important",direction:"inherit!important",background:"0 0!important",outline:"0 transparent!important",overflow:"hidden!important",position:"absolute!important",display:"block!important",top:"0!important",left:"0!important",margin:"0!important",borderRadius:"0!important",float:"none!important",filter:"none!important",border:"0!important",resize:"none!important",transform:"none!important",maxWidth:"none!important",maxHeight:"none!important",boxShadow:"none!important",perspective:"none!important",opacity:"1!important",zIndex:"1!important",clip:"auto!important",verticalAlign:"baseline!important",padding:0},".os-host-rtl>.os-padding>.os-viewport>.os-content>.os-textarea":{right:"0!important"},".os-content>.os-textarea-cover":{zIndex:-1,pointerEvents:"none"},".os-content>.os-textarea[wrap=off]":{whiteSpace:"pre!important",margin:"0!important"},".os-text-inherit":{fontFamily:"inherit",fontSize:"inherit",fontWeight:"inherit",fontStyle:"inherit",fontVariant:"inherit",textTransform:"inherit",textDecoration:"inherit",textIndent:"inherit",textAlign:"inherit",textShadow:"inherit",textOverflow:"inherit",letterSpacing:"inherit",wordSpacing:"inherit",lineHeight:"inherit",unicodeBidi:"inherit",direction:"inherit",color:"inherit",cursor:"text"},".os-resize-observer, .os-resize-observer-host":{boxSizing:"inherit",display:"block",opacity:0,position:"absolute",top:0,left:0,height:"100%",width:"100%",overflow:"hidden",pointerEvents:"none",zIndex:-1},".os-resize-observer-host":{padding:"inherit",border:"inherit",borderColor:"transparent",borderStyle:"solid",boxSizing:"border-box"},".os-resize-observer-host:after":{content:"''"},".os-resize-observer-host>.os-resize-observer, .os-resize-observer-host:after":{height:"200%",width:"200%",padding:"inherit",border:"inherit",margin:0,display:"block",boxSizing:"content-box"},".os-resize-observer.observed, object.os-resize-observer":{boxSizing:"border-box!important"},".os-size-auto-observer":{boxSizing:"inherit!important",height:"100%",width:"inherit",maxWidth:1,position:"relative",float:"left",maxHeight:1,overflow:"hidden",zIndex:-1,padding:0,margin:0,pointerEvents:"none",flexGrow:"inherit",flexShrink:0,flexBasis:0},".os-size-auto-observer>.os-resize-observer":{width:"1000%",height:"1000%",minHeight:1,minWidth:1},".os-resize-observer-item":{position:"absolute",top:0,right:0,bottom:0,left:0,overflow:"hidden",zIndex:-1,opacity:0,direction:"ltr!important",flex:"none!important"},".os-resize-observer-item-final":{position:"absolute",left:0,top:0,transition:"none!important",flex:"none!important"},".os-resize-observer":{animationDuration:".001s",animationName:"".concat(hsResizeObserverDummyAnimation)},".os-host-transition>.os-scrollbar, .os-host-transition>.os-scrollbar-corner":{transition:"opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s"},"html.os-html>.os-host>.os-scrollbar":{position:"absolute",zIndex:999999},".os-scrollbar, .os-scrollbar-corner":{position:"absolute",opacity:1,zIndex:1},".os-scrollbar-corner":{bottom:0,right:0,height:10,width:10,backgroundColor:"transparent"},".os-scrollbar":{pointerEvents:"none",padding:2,boxSizing:"border-box",background:0},".os-scrollbar-track":{pointerEvents:"auto",position:"relative",height:"100%",width:"100%",padding:"0!important",border:"0!important"},".os-scrollbar-handle":{pointerEvents:"auto",position:"absolute",width:"100%",height:"100%"},".os-scrollbar-handle-off, .os-scrollbar-track-off":{pointerEvents:"none"},".os-scrollbar.os-scrollbar-unusable, .os-scrollbar.os-scrollbar-unusable *":{pointerEvents:"none!important"},".os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle":{opacity:"0!important"},".os-scrollbar-horizontal":{bottom:0,left:0,right:10,height:10},".os-scrollbar-vertical":{top:0,right:0,bottom:10,width:10},".os-host-rtl>.os-scrollbar-horizontal":{right:0},".os-host-rtl>.os-scrollbar-vertical":{right:"auto",left:0},".os-host-rtl>.os-scrollbar-corner":{right:"auto",left:0},".os-scrollbar-auto-hidden, .os-padding+.os-scrollbar-corner, .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-corner, .os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal, .os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-corner, .os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical, .os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical+.os-scrollbar-corner, .os-scrollbar-horizontal+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner, .os-scrollbar-horizontal.os-scrollbar-auto-hidden+.os-scrollbar-vertical.os-scrollbar-auto-hidden+.os-scrollbar-corner":{opacity:0,visibility:"hidden",pointerEvents:"none"},".os-scrollbar-corner-resize-both":{cursor:"nwse-resize"},".os-host-rtl>.os-scrollbar-corner-resize-both":{cursor:"nesw-resize"},".os-scrollbar-corner-resize-horizontal":{cursor:"ew-resize"},".os-scrollbar-corner-resize-vertical":{cursor:"ns-resize"},".os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize":{cursor:"default"},".os-host-resize-disabled.os-host-scrollbar-horizontal-hidden>.os-scrollbar-vertical":{top:0,bottom:0},".os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal, .os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden>.os-scrollbar-horizontal":{right:0,left:0},".os-scrollbar:hover, .os-scrollbar-corner.os-scrollbar-corner-resize":{opacity:"1!important",visibility:"visible!important"},".os-scrollbar-corner.os-scrollbar-corner-resize":{backgroundImage:"linear-gradient(135deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.4) 100%)",backgroundRepeat:"no-repeat",backgroundPosition:"100% 100%",pointerEvents:"auto!important"},".os-host-rtl>.os-scrollbar-corner.os-scrollbar-corner-resize":{transform:"scale(-1,1)"},".os-host-overflow":{overflow:"hidden!important"},".os-theme-dark.os-host-rtl>.os-scrollbar-horizontal":{left:10,right:0},".os-scrollbar.os-scrollbar-unusable":{background:0},".os-scrollbar>.os-scrollbar-track":{background:0},".os-scrollbar-horizontal>.os-scrollbar-track>.os-scrollbar-handle":{minWidth:30},".os-scrollbar-vertical>.os-scrollbar-track>.os-scrollbar-handle":{minHeight:30},".os-theme-dark.os-host-transition>.os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle":{transition:"background-color .3s"},".os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle, .os-scrollbar>.os-scrollbar-track":{borderRadius:10},".os-scrollbar>.os-scrollbar-track>.os-scrollbar-handle":{background:theme.color.mediumdark,opacity:.5},".os-scrollbar:hover>.os-scrollbar-track>.os-scrollbar-handle":{opacity:.6},".os-scrollbar-horizontal .os-scrollbar-handle:before, .os-scrollbar-vertical .os-scrollbar-handle:before":{content:"''",position:"absolute",left:0,right:0,top:0,bottom:0,display:"block"},".os-theme-dark.os-host-scrollbar-horizontal-hidden>.os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-dark.os-host-scrollbar-vertical-hidden>.os-scrollbar-vertical .os-scrollbar-handle:before":{display:"none"},".os-scrollbar-horizontal .os-scrollbar-handle:before":{top:-6,bottom:-2},".os-scrollbar-vertical .os-scrollbar-handle:before":{left:-6,right:-2},".os-host-rtl.os-scrollbar-vertical .os-scrollbar-handle:before":{right:-6,left:-2}}},GlobalScrollAreaStyles=function GlobalScrollAreaStyles(){return react__WEBPACK_IMPORTED_MODULE_2__.createElement(_storybook_theming__WEBPACK_IMPORTED_MODULE_3__.xB,{styles:getScrollAreaStyles})}}}]);
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[200],{"../node_modules/gatsby-core-theme/src/components/molecules/pros-cons/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return pros_cons}});__webpack_require__("../node_modules/core-js/modules/es.array.map.js");var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("../node_modules/gatsby-core-theme/node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),pros_cons_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/molecules/pros-cons/pros-cons.module.scss"),options={insert:"head",singleton:!1},pros_cons_pros_cons_module=(injectStylesIntoStyleTag_default()(pros_cons_module.Z,options),pros_cons_module.Z.locals||{}),keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.js"),ProsCons=function ProsCons(_ref){var _ref$module=_ref.module,module=void 0===_ref$module?{}:_ref$module,_ref$pros=_ref.pros,pros=void 0===_ref$pros?"Pros":_ref$pros,_ref$cons=_ref.cons,cons=void 0===_ref$cons?"Cons":_ref$cons,icons=_ref.icons;return react.createElement("div",{className:pros_cons_pros_cons_module.prosCons||""},react.createElement("div",{className:pros_cons_pros_cons_module.pros||""},icons&&react.createElement("span",{className:pros_cons_pros_cons_module.icon||""},icons[0]),react.createElement("span",{className:pros_cons_pros_cons_module.title||""},pros),react.createElement("ul",null,module.pros.map((function(perk){return react.createElement("li",{key:(0,keygen.Z)()},react.createElement("span",{className:pros_cons_pros_cons_module.listIcon||""},icons&&icons[2]),perk)})))),react.createElement("div",{className:pros_cons_pros_cons_module.cons||""},icons&&react.createElement("span",{className:pros_cons_pros_cons_module.icon||""},icons[1]),react.createElement("span",{className:pros_cons_pros_cons_module.title||""},cons),react.createElement("ul",null,module.cons.map((function(con){return react.createElement("li",{key:(0,keygen.Z)()},react.createElement("span",{className:pros_cons_pros_cons_module.listIcon||""},icons&&icons[3]),con)})))))};ProsCons.displayName="ProsCons",ProsCons.propTypes={module:prop_types_default().objectOf(prop_types_default().any).isRequired,pros:prop_types_default().string,cons:prop_types_default().string,icons:prop_types_default().arrayOf(prop_types_default().any),styles:prop_types_default().shape({})},ProsCons.__docgenInfo={description:"",methods:[],displayName:"ProsCons",props:{module:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"objectOf",value:{name:"any"}},required:!1},pros:{defaultValue:{value:"'Pros'",computed:!1},description:"",type:{name:"string"},required:!1},cons:{defaultValue:{value:"'Cons'",computed:!1},description:"",type:{name:"string"},required:!1},icons:{description:"",type:{name:"arrayOf",value:{name:"any"}},required:!1},styles:{description:"",type:{name:"shape",value:{}},required:!1}}};var pros_cons=ProsCons;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/molecules/pros-cons/index.js"]={name:"ProsCons",docgenInfo:ProsCons.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/molecules/pros-cons/index.js"})},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/molecules/pros-cons/pros-cons.module.scss":function(module,__webpack_exports__,__webpack_require__){var _css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"@media only screen and (min-width:768px){.C2N5Sip5HF0Xy0h28uZdoA\\=\\={display:flex}}.C2N5Sip5HF0Xy0h28uZdoA\\=\\= div{display:flex;flex-direction:column;align-items:center;border-radius:var(--border-radius);background:#fff;margin-top:4.3rem;padding:3rem}@media only screen and (max-width:767px){.C2N5Sip5HF0Xy0h28uZdoA\\=\\= div{max-width:45rem;margin:4.3rem auto 1rem}}@media only screen and (min-width:768px){.C2N5Sip5HF0Xy0h28uZdoA\\=\\= div{width:50%;padding:4rem;margin-bottom:1rem}}.C2N5Sip5HF0Xy0h28uZdoA\\=\\= div .kvDfEt53Pqnfmq37zSi9Yw\\=\\={display:flex;align-items:center;justify-content:center;border-radius:50%;width:9rem;height:9rem;margin-top:-7.3rem}@media only screen and (min-width:768px){.C2N5Sip5HF0Xy0h28uZdoA\\=\\= div .kvDfEt53Pqnfmq37zSi9Yw\\=\\={margin-top:-8.2rem}}.C2N5Sip5HF0Xy0h28uZdoA\\=\\= div .kvDfEt53Pqnfmq37zSi9Yw\\=\\= svg{fill:#fff}.C2N5Sip5HF0Xy0h28uZdoA\\=\\= div .Blj\\+9D4y7VA7JOJt5HJzMQ\\=\\={color:var(--color-22);margin:2rem 0 2.3rem;font-size:2.4rem;font-weight:bold}.C2N5Sip5HF0Xy0h28uZdoA\\=\\= div ul{font-size:1.8rem}.C2N5Sip5HF0Xy0h28uZdoA\\=\\= div ul li{display:flex;margin-bottom:1rem}.C2N5Sip5HF0Xy0h28uZdoA\\=\\= div ul li svg{margin-right:1rem}@media only screen and (min-width:768px){.C2N5Sip5HF0Xy0h28uZdoA\\=\\= .UO6hxJvyQQg2elOUZ2Z16g\\=\\={margin-right:4rem}}.C2N5Sip5HF0Xy0h28uZdoA\\=\\= .UO6hxJvyQQg2elOUZ2Z16g\\=\\= .kvDfEt53Pqnfmq37zSi9Yw\\=\\={background:var(--primary-color)}.C2N5Sip5HF0Xy0h28uZdoA\\=\\= .Sh\\+GXsSqgjyzgJOmzgKcBg\\=\\= .kvDfEt53Pqnfmq37zSi9Yw\\=\\={background:var(--color-35)}@media only screen and (max-width:767px){.C2N5Sip5HF0Xy0h28uZdoA\\=\\= .Sh\\+GXsSqgjyzgJOmzgKcBg\\=\\= .kvDfEt53Pqnfmq37zSi9Yw\\=\\={margin-top:-5.7rem}}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss","webpack://./../node_modules/gatsby-core-theme/src/components/molecules/pros-cons/pros-cons.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAoDE,yCCtCF,4BAEI,YAAA,CAAA,CAGF,gCCZA,YAAA,CACA,qBDY0B,CACxB,kBAAA,CACA,kCAAA,CACA,eAAA,CACA,iBAAA,CACA,YAAA,CDkCF,yCCxCA,gCASI,eAAA,CACA,uBAAA,CAAA,CDuBJ,yCCjCA,gCAcI,SAAA,CACA,YAAA,CACA,kBAAA,CAAA,CAGF,4DCrCF,YAAA,CACA,kBDqCwB,CCpCxB,sBDoCgC,CAC5B,iBAAA,CACA,UAAA,CACA,WAAA,CACA,kBAAA,CDSJ,yCCdE,4DAQI,kBAAA,CAAA,CAGF,gEACE,SAAA,CAIJ,6DACE,qBAAA,CACA,oBAAA,CAEE,gBAAA,CACA,gBAAA,CAIJ,mCACE,gBAAA,CAEA,sCACE,YAAA,CACA,kBAAA,CAEA,0CACE,iBAAA,CDnBR,yCCyBA,wDAEI,iBAAA,CAAA,CAGF,oFACE,+BAAA,CAIJ,qFACE,0BAAA,CD7BF,yCC4BA,qFAII,kBAAA,CAAA",sourcesContent:["$media-query-sizes: (\n mobile-s: (\n min: 320px,\n max: 374px,\n ),\n mobile-m: (\n min: 375px,\n max: 424px,\n ),\n mobile: (\n min: 425px,\n max: 767px,\n ),\n tablet: (\n min: 768px,\n max: 991px,\n ),\n laptop: (\n min: 992px,\n max: 1199px,\n ),\n desktop: (\n min: 1200px,\n ),\n);\n\n// Get media query sizes\n$screen: 'only screen';\n@function media-query($media, $optional-media: '', $min: true) {\n $media-label: '';\n\n @if ($optional-media != '') {\n $media-sizes-min: map-get($media-query-sizes, $media);\n $media-sizes-max: map-get($media-query-sizes, $optional-media);\n $media-label: $screen +\n \" and (min-width:#{map-get($media-sizes-min, 'min')}) and (max-width:#{map-get($media-sizes-max, 'max')})\";\n } @else {\n $query: 'max';\n\n @if ($min) {\n $query: 'min';\n }\n\n $media-sizes: map-get($media-query-sizes, $media);\n $media-label: $screen + ' and (#{$query}-width:#{map-get($media-sizes, $query)})';\n }\n\n @return $media-label;\n}\n\n// Min media query\n@mixin min($media) {\n @media #{media-query($media)} {\n @content;\n }\n}\n\n// Max media query\n@mixin max($media) {\n @media #{media-query($media, '', false)} {\n @content;\n }\n}\n\n// Min & max media query\n@mixin min-max($min, $max) {\n @media #{media-query($min, $max)} {\n @content;\n }\n}\n\n// Use this ONLY if you need a media query that doesn't fit the $media-query-sizes breakpoints above\n// Pass number, for example @include custom-min(992)\n@mixin custom-min($min) {\n @media #{$screen} and (min-width: #{$min}px) {\n @content;\n }\n}\n\n@mixin custom-max($max) {\n @media #{$screen} and (max-width: #{$max}px) {\n @content;\n }\n}\n\n@mixin custom-min-max($min, $max) {\n @media #{$screen} and (min-width: #{$min}px) and (max-width: #{$max}px) {\n @content;\n }\n}\n\n// Landscape\n// (If we find more use cases of this in the future, might want to refactor this and include it in the media-query function for $screen)\n// Pass number\n$landscape: 'screen and (orientation:landscape)';\n\n@mixin landscape-max($max) {\n @media #{$landscape} and (max-width: #{$max}px) {\n @content;\n }\n}\n\n@mixin landscape-min($min) {\n @media #{$landscape} and (min-width: #{$min}px) {\n @content;\n }\n}\n","// Global styles extended in each theme\n\n// Utils\n@import '../../../styles/utils/variables/typography';\n@import '../../../styles/utils/variables/layout';\n@import '../../../styles/utils/variables/stack-order';\n@import '../../../styles/utils/media-queries';\n@import '../../../styles/utils/icons';\n@import '../../../styles/utils/tooltip';\n@import '../../../styles/utils/loader';\n@import '../../../styles/utils/mixins';\n@import '../../../styles/utils/scrollbar';\n@import '../../../styles/utils/animations';\n\n.prosCons {\n @include min(tablet) {\n display: flex;\n }\n\n div {\n @include flex-direction(column);\n align-items: center;\n border-radius: var(--border-radius);\n background: white;\n margin-top: 4.3rem;\n padding: 3rem;\n\n @include max(mobile) {\n max-width: 45rem;\n margin: 4.3rem auto 1rem;\n }\n\n @include min(tablet) {\n width: 50%;\n padding: 4rem;\n margin-bottom: 1rem;\n }\n\n .icon {\n @include flex-align(center, center);\n border-radius: 50%;\n width: 9rem;\n height: 9rem;\n margin-top: -7.3rem;\n\n @include min(tablet) {\n margin-top: -8.2rem;\n }\n\n svg {\n fill: white;\n }\n }\n\n .title {\n color: var(--color-22);\n margin: 2rem 0 2.3rem;\n font: {\n size: 2.4rem;\n weight: bold;\n }\n }\n\n ul {\n font-size: 1.8rem;\n\n li {\n display: flex;\n margin-bottom: 1rem;\n\n svg {\n margin-right: 1rem;\n }\n }\n }\n }\n\n .pros {\n @include min(tablet) {\n margin-right: 4rem;\n }\n\n .icon {\n background: var(--primary-color);\n }\n }\n\n .cons .icon {\n background: var(--color-35);\n\n @include max(mobile) {\n margin-top: calc(-7.3rem - -1.6rem);\n }\n }\n}\n","@mixin flex-align($align-items, $justify-content) {\n display: flex;\n align-items: $align-items;\n justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n display: flex;\n flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n #{$overflow-type}: $overflow-value;\n -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n background: $bgcolor;\n border-radius: 100px;\n color: $text-color;\n font-weight: 700;\n @include flex-align(center, center);\n padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n color: $color;\n\n &:hover {\n color: $color;\n }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n float: $direction;\n @if $direction == right {\n margin: var(--img-float-direction-right, 0 0 2.4rem 4.8rem);\n } @else if $direction == left {\n margin: var(--img-float-direction-left, 0 4.8rem 2.4rem 0);\n } @else {\n margin: 0 1em 1em 0;\n }\n}\n\n@mixin content-img-align($direction: center, $spacing: var(--content-img-spacing, 1em)) {\n display: block;\n @if $direction == right {\n margin: $spacing 0 $spacing auto;\n } @else if $direction == left {\n margin: $spacing auto $spacing 0;\n } @else {\n margin: $spacing auto;\n }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n position: relative;\n &:after {\n top: 100%;\n left: 50%;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-color: rgba(0, 0, 0, 0);\n border-top: $height solid $color;\n border-right: calc($width / 2) solid transparent;\n border-left: calc($width / 2) solid transparent;\n margin-left: -calc($width / 2);\n }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n &:hover {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n }\n}\n\n@mixin sportBtn($color1, $color2) {\n background: linear-gradient(to bottom, $color1 0, $color2 100%);\n &:hover {\n background: linear-gradient(to bottom, $color2 0, $color1 100%);\n }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n line-height: $line-height;\n width: $width;\n font-weight: normal;\n display: inline-block;\n color: $fill-color;\n font-size: 15px;\n position: relative;\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n &:last-child {\n margin-right: 0;\n }\n &:before {\n content: '\\2605';\n }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n line-height: 2rem;\n width: 16px;\n font-weight: normal;\n display: inline-block;\n color: $half-full-color;\n font-size: 15px;\n position: relative;\n &:before {\n content: '\\2605';\n }\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n &:after {\n content: '\\2605';\n color: $half-empty-color;\n position: absolute;\n width: 7px;\n overflow: hidden;\n bottom: 0;\n left: 0;\n }\n}\n\n@mixin border-gradient($color-1, $color-2, $bgcolor, $radius: 0.8rem, $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=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);
@@ -1 +0,0 @@
1
- (self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[203],{"./src/components/atoms/cards/article-card/variables/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return variables}});__webpack_require__("../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.iterator.js");var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),hooks_link=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/link/index.js"),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.mjs"),lazy_image=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/lazy-image/index.js"),AiOutlineClockCircle=__webpack_require__("../node_modules/@react-icons/all-files/ai/AiOutlineClockCircle.js"),date_time=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/date-time.js"),MainProvider=__webpack_require__("../node_modules/gatsby-core-theme/src/context/MainProvider.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),variable_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/atoms/cards/article-card/variables/variable.module.scss"),options={insert:"head",singleton:!1},variables_variable_module=(injectStylesIntoStyleTag_default()(variable_module.Z,options),variable_module.Z.locals||{});function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}var VariableComponent=function VariableComponent(_ref){var item=_ref.item,showAuthorOnOneLine=_ref.showAuthorOnOneLine,showAuthorAsLink=_ref.showAuthorAsLink,showDate=_ref.showDate,readingTime=_ref.readingTime,verifyIcon=_ref.verifyIcon,author=item.author,title=item.title,path=item.path,translations=((0,react.useContext)(MainProvider._)||{}).translations,imgSize=showAuthorOnOneLine?30:48,date=(null==item?void 0:item.updated_at)||(null==item?void 0:item.created_at),formatedDate=date&&(0,date_time.p)(date,"DD.MM.YYYY","/","en-GB");return react.createElement(react.Fragment,null,react.createElement(hooks_link.Z,{to:path,className:"article-card-gtm"},react.createElement("span",{className:(null==variables_variable_module?void 0:variables_variable_module.cardTitle)||""},title)),"object"===_typeof(author)&&react.createElement("div",{className:"".concat(showAuthorOnOneLine?(null==variables_variable_module?void 0:variables_variable_module.showAuthorOnOneLine)||"":(null==variables_variable_module?void 0:variables_variable_module.showAuthorBlock)||""," ")},react.createElement("div",{className:variables_variable_module.authorImages},react.createElement(lazy_image.Z,{alt:null==author?void 0:author.name,width:imgSize,height:imgSize,src:(0,getters.S7)(null==author?void 0:author.image,imgSize,imgSize)}),verifyIcon&&react.createElement("span",{className:variables_variable_module.verifyIcon},react.createElement(lazy_image.Z,{src:verifyIcon,alt:(0,getters.Iu)(translations,"verified","Verified"),width:10,height:10}))),react.createElement("div",{className:variables_variable_module.authorContainer},showAuthorOnOneLine&&react.createElement("p",null,react.createElement("span",null,(0,getters.Iu)(translations,"by","By"))),showAuthorAsLink?react.createElement(hooks_link.Z,{to:null==author?void 0:author.profile_page_path,title:null==author?void 0:author.name},null==author?void 0:author.name):react.createElement("span",null,null==author?void 0:author.name),showDate&&react.createElement("span",{className:(null==variables_variable_module?void 0:variables_variable_module.noLink)||""},formatedDate),readingTime&&react.createElement("span",{className:(null==variables_variable_module?void 0:variables_variable_module.readingTime)||""},react.createElement(AiOutlineClockCircle.c,{title:"Clock Icon"}),readingTime,react.createElement("p",{className:variables_variable_module.readText||""},(0,getters.Iu)(translations,"readingTime","min read"))))))};VariableComponent.propTypes={item:prop_types_default().shape({author:prop_types_default().shape({name:prop_types_default().string,profile_page_path:prop_types_default().string,twitter_profile:prop_types_default().string,image:prop_types_default().string}),title:prop_types_default().string,updated_at:prop_types_default().string,created_at:prop_types_default().string,path:prop_types_default().string,banner:prop_types_default().string}).isRequired,showAuthorOnOneLine:prop_types_default().bool,showDate:prop_types_default().bool,showAuthorAsLink:prop_types_default().bool,readingTime:prop_types_default().any,verifyIcon:prop_types_default().string},VariableComponent.__docgenInfo={description:"",methods:[],displayName:"VariableComponent",props:{item:{description:"",type:{name:"shape",value:{author:{name:"shape",value:{name:{name:"string",required:!1},profile_page_path:{name:"string",required:!1},twitter_profile:{name:"string",required:!1},image:{name:"string",required:!1}},required:!1},title:{name:"string",required:!1},updated_at:{name:"string",required:!1},created_at:{name:"string",required:!1},path:{name:"string",required:!1},banner:{name:"string",required:!1}}},required:!0},showAuthorOnOneLine:{description:"",type:{name:"bool"},required:!1},showDate:{description:"",type:{name:"bool"},required:!1},showAuthorAsLink:{description:"",type:{name:"bool"},required:!1},readingTime:{description:"",type:{name:"any"},required:!1},verifyIcon:{description:"",type:{name:"string"},required:!1}}};var variables=VariableComponent;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/cards/article-card/variables/index.js"]={name:"VariableComponent",docgenInfo:VariableComponent.__docgenInfo,path:"src/components/atoms/cards/article-card/variables/index.js"})},"../node_modules/@react-icons/all-files/ai/AiOutlineClockCircle.js":function(module,__unused_webpack_exports,__webpack_require__){var GenIcon=__webpack_require__("../node_modules/@react-icons/all-files/lib/esm/index.js").w_;module.exports.c=function AiOutlineClockCircle(props){return GenIcon({tag:"svg",attr:{viewBox:"0 0 1024 1024"},child:[{tag:"path",attr:{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"}},{tag:"path",attr:{d:"M686.7 638.6L544.1 535.5V288c0-4.4-3.6-8-8-8H488c-4.4 0-8 3.6-8 8v275.4c0 2.6 1.2 5 3.3 6.5l165.4 120.6c3.6 2.6 8.6 1.8 11.2-1.7l28.6-39c2.6-3.7 1.8-8.7-1.8-11.2z"}}]})(props)}},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/atoms/cards/article-card/variables/variable.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".thB0bqcpc--l1farbL-INw\\=\\={display:flex;align-items:center;justify-content:space-between;font-size:14px;line-height:22px;width:100%;gap:.2rem}.thB0bqcpc--l1farbL-INw\\=\\= img{border-radius:10rem}.thB0bqcpc--l1farbL-INw\\=\\=>div{display:flex;align-items:flex-start;justify-content:flex-start;gap:.2rem;flex-grow:1}.thB0bqcpc--l1farbL-INw\\=\\=>div>span{flex-grow:1;display:flex;align-items:flex-start;justify-content:flex-start}.thB0bqcpc--l1farbL-INw\\=\\=>div>span+span{justify-content:flex-end}.thB0bqcpc--l1farbL-INw\\=\\=>div>a+span{justify-content:flex-end}.ddk9maoh--D1dVAMlNT6xg\\=\\={display:flex;align-items:center;justify-content:flex-start;font-size:14px;line-height:22px;width:100%;gap:.5rem}.ddk9maoh--D1dVAMlNT6xg\\=\\= img{border-radius:10rem}.ddk9maoh--D1dVAMlNT6xg\\=\\=>div{display:flex;align-items:flex-start;justify-content:flex-start;gap:.2rem;flex-direction:column}.ddk9maoh--D1dVAMlNT6xg\\=\\=>div>span{flex-grow:1;display:flex;align-items:flex-end;justify-content:flex-end}._0HbJtC8Nw4tTP821X8z4zA\\=\\={position:relative}._0HbJtC8Nw4tTP821X8z4zA\\=\\= .GDAkTB5uHp1T6KUJhDOJiQ\\=\\={position:absolute;width:1rem;height:1rem;bottom:0;right:0}","",{version:3,sources:["webpack://./src/components/atoms/cards/article-card/variables/variable.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,4BCbE,YAAA,CACA,kBDaoB,CCZpB,6BDY4B,CAC5B,cAAA,CACA,gBAAA,CACA,UAAA,CACA,SAAA,CAEA,gCACE,mBAAA,CAGF,gCCxBA,YAAA,CACA,sBDwBsB,CCvBtB,0BDuBkC,CAChC,SAAA,CACA,WAAA,CACA,qCACE,WAAA,CC7BJ,YAAA,CACA,sBD6BwB,CC5BxB,0BD4BoC,CAEhC,0CACE,wBAAA,CAKF,uCACE,wBAAA,CAMR,4BC7CE,YAAA,CACA,kBD6CoB,CC5CpB,0BD4C4B,CAC5B,cAAA,CACA,gBAAA,CACA,UAAA,CACA,SAAA,CAEA,gCACE,mBAAA,CAGF,gCCxDA,YAAA,CACA,sBDwDsB,CCvDtB,0BDuDkC,CAChC,SAAA,CACA,qBAAA,CAEA,qCACE,WAAA,CC9DJ,YAAA,CACA,oBD8DwB,CC7DxB,wBD6DkC,CAKpC,6BACE,iBAAA,CACA,yDACE,iBAAA,CACA,UAAA,CACA,WAAA,CACA,QAAA,CACA,OAAA",sourcesContent:["// Global styles extended in each theme\n\n// Utils\n@import '../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/typography';\n@import '../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/layout';\n@import '../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order';\n@import '../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/media-queries';\n@import '../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/icons';\n@import '../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/tooltip';\n@import '../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/loader';\n@import '../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/mixins';\n@import '../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/scrollbar';\n@import '../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/animations';\n\n.showAuthorOnOneLine {\n @include flex-align(center, space-between);\n font-size: 14px;\n line-height: 22px;\n width: 100%;\n gap: .2rem;\n\n img {\n border-radius: 10rem;\n }\n\n > div {\n @include flex-align(flex-start, flex-start);\n gap: .2rem;\n flex-grow: 1;\n > span {\n flex-grow: 1;\n @include flex-align(flex-start, flex-start);\n\n + span {\n justify-content: flex-end;\n }\n }\n\n > a {\n + span {\n justify-content: flex-end;\n }\n }\n }\n}\n\n.showAuthorBlock {\n @include flex-align(center, flex-start);\n font-size: 14px;\n line-height: 22px;\n width: 100%;\n gap: .5rem;\n\n img {\n border-radius: 10rem;\n }\n\n > div {\n @include flex-align(flex-start, flex-start);\n gap: .2rem;\n flex-direction: column;\n\n >span {\n flex-grow: 1;\n @include flex-align(flex-end, flex-end);\n }\n }\n}\n\n.authorImages {\n position: relative;\n .verifyIcon {\n position: absolute;\n width: 1rem;\n height: 1rem;\n bottom:0;\n right: 0;\n }\n}","@mixin flex-align($align-items, $justify-content) {\n display: flex;\n align-items: $align-items;\n justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n display: flex;\n flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n #{$overflow-type}: $overflow-value;\n -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n background: $bgcolor;\n border-radius: 100px;\n color: $text-color;\n font-weight: 700;\n @include flex-align(center, center);\n padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n color: $color;\n\n &:hover {\n color: $color;\n }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n float: $direction;\n @if $direction == right {\n margin: var(--img-float-direction-right, 0 0 2.4rem 4.8rem);\n } @else if $direction == left {\n margin: var(--img-float-direction-left, 0 4.8rem 2.4rem 0);\n } @else {\n margin: 0 1em 1em 0;\n }\n}\n\n@mixin content-img-align($direction: center, $spacing: var(--content-img-spacing, 1em)) {\n display: block;\n @if $direction == right {\n margin: $spacing 0 $spacing auto;\n } @else if $direction == left {\n margin: $spacing auto $spacing 0;\n } @else {\n margin: $spacing auto;\n }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n position: relative;\n &:after {\n top: 100%;\n left: 50%;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-color: rgba(0, 0, 0, 0);\n border-top: $height solid $color;\n border-right: calc($width / 2) solid transparent;\n border-left: calc($width / 2) solid transparent;\n margin-left: -calc($width / 2);\n }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n &:hover {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n }\n}\n\n@mixin sportBtn($color1, $color2) {\n background: linear-gradient(to bottom, $color1 0, $color2 100%);\n &:hover {\n background: linear-gradient(to bottom, $color2 0, $color1 100%);\n }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n line-height: $line-height;\n width: $width;\n font-weight: normal;\n display: inline-block;\n color: $fill-color;\n font-size: 15px;\n position: relative;\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n &:last-child {\n margin-right: 0;\n }\n &:before {\n content: '\\2605';\n }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n line-height: 2rem;\n width: 16px;\n font-weight: normal;\n display: inline-block;\n color: $half-full-color;\n font-size: 15px;\n position: relative;\n &:before {\n content: '\\2605';\n }\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n &:after {\n content: '\\2605';\n color: $half-empty-color;\n position: absolute;\n width: 7px;\n overflow: hidden;\n bottom: 0;\n left: 0;\n }\n}\n\n@mixin border-gradient($color-1, $color-2, $bgcolor, $radius: 0.8rem, $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={showAuthorOnOneLine:"thB0bqcpc--l1farbL-INw==",showAuthorBlock:"ddk9maoh--D1dVAMlNT6xg==",authorImages:"_0HbJtC8Nw4tTP821X8z4zA==",verifyIcon:"GDAkTB5uHp1T6KUJhDOJiQ=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);