gatsby-matrix-theme 40.0.19 → 40.0.21

package/storybook/public/758.dae33e9e.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[758],{"../node_modules/gatsby-core-theme/src/components/molecules/counter/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return counter}});__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);__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");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)||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,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 _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 CountNumber=function CountNumber(_ref){var end=_ref.end,_ref$start=_ref.start,start=void 0===_ref$start?0:_ref$start,_ref$increase=_ref.increase,increase=void 0===_ref$increase||_ref$increase,_ref$delay=_ref.delay,delay=void 0===_ref$delay?0:_ref$delay,_useState2=_slicedToArray((0,react.useState)(start),2),counter=_useState2[0],setCounter=_useState2[1];return(0,react.useEffect)((function(){if(counter!==end){var delayTimer=delay;increase&&end-counter<10&&(delayTimer=50);var timer=setTimeout((function(){setCounter(increase?counter+1:counter-1)}),delayTimer);return function(){return clearTimeout(timer)}}}),[counter,end,increase,delay]),react.createElement(react.Fragment,null,counter)};CountNumber.propTypes={end:prop_types_default().number,start:prop_types_default().number,increase:prop_types_default().bool,delay:prop_types_default().number},CountNumber.__docgenInfo={description:"",methods:[],displayName:"CountNumber",props:{start:{defaultValue:{value:"0",computed:!1},description:"",type:{name:"number"},required:!1},increase:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},delay:{defaultValue:{value:"0",computed:!1},description:"",type:{name:"number"},required:!1},end:{description:"",type:{name:"number"},required:!1}}};var count_number=CountNumber;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/molecules/counter/counter-item/count-number/index.js"]={name:"CountNumber",docgenInfo:CountNumber.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/molecules/counter/counter-item/count-number/index.js"});var injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),counter_item_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/molecules/counter/counter-item/counter-item.module.scss"),options={insert:"head",singleton:!1},counter_item_counter_item_module=(injectStylesIntoStyleTag_default()(counter_item_module.Z,options),counter_item_module.Z.locals||{}),CounterItem=function CounterItem(_ref){var data=_ref.data,icon=_ref.icon;return react.createElement(react.Fragment,null,react.createElement("div",{className:counter_item_counter_item_module.title||""},data.title),react.createElement("div",{className:counter_item_counter_item_module.value||""},icon&&icon,react.createElement(count_number,{end:parseInt(data.value)})))};CounterItem.propTypes={data:prop_types_default().shape({title:prop_types_default().string,value:prop_types_default().oneOfType([prop_types_default().number,prop_types_default().string])}).isRequired,icon:prop_types_default().oneOfType([prop_types_default().element,prop_types_default().any])},CounterItem.__docgenInfo={description:"",methods:[],displayName:"CounterItem",props:{data:{description:"",type:{name:"shape",value:{title:{name:"string",required:!1},value:{name:"union",value:[{name:"number"},{name:"string"}],required:!1}}},required:!0},icon:{description:"",type:{name:"union",value:[{name:"element"},{name:"any"}]},required:!1}}};var counter_item=CounterItem;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/molecules/counter/counter-item/index.js"]={name:"CounterItem",docgenInfo:CounterItem.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/molecules/counter/counter-item/index.js"});var counter_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/molecules/counter/counter.module.scss"),counter_module_options={insert:"head",singleton:!1},counter_counter_module=(injectStylesIntoStyleTag_default()(counter_module.Z,counter_module_options),counter_module.Z.locals||{}),keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.js"),Counter=function Counter(_ref){var module=_ref.module;return react.createElement(react.Fragment,null,module.content&&react.createElement("p",{className:counter_counter_module.counterContent||"",dangerouslySetInnerHTML:{__html:module.content}}),react.createElement("ul",{className:counter_counter_module.counter||""},module.items.map((function(item){return react.createElement("li",{key:(0,keygen.Z)()},react.createElement(counter_item,{data:item}),";")}))))};Counter.propTypes={module:prop_types_default().shape({items:prop_types_default().arrayOf(prop_types_default().object),content:prop_types_default().string}).isRequired},Counter.__docgenInfo={description:"",methods:[],displayName:"Counter",props:{module:{description:"",type:{name:"shape",value:{items:{name:"arrayOf",value:{name:"object"},required:!1},content:{name:"string",required:!1}}},required:!0}}};var counter=Counter;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/molecules/counter/index.js"]={name:"Counter",docgenInfo:Counter.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/molecules/counter/index.js"})},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/molecules/counter/counter-item/counter-item.module.scss":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,".izN6q\\+z1b6gjBSlXHZwd8g\\=\\={color:#000;font-size:var(--h2-size);font-weight:bold}.TsBy3L7lNgVGg1zBEtbfwg\\=\\={font-weight:bold;font-size:10rem}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/molecules/counter/counter-item/counter-item.module.scss"],names:[],mappings:"AAcA,6BACE,UAAA,CAEE,wBAAA,CACA,gBAAA,CAIJ,4BAEI,gBAAA,CACA,eAAA",sourcesContent:["// 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.title {\n  color: black;\n  font: {\n    size: var(--h2-size);\n    weight: bold;\n  }\n}\n\n.value {\n  font: {\n    weight: bold;\n    size: 10rem;\n  }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={title:"izN6q+z1b6gjBSlXHZwd8g==",value:"TsBy3L7lNgVGg1zBEtbfwg=="},__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/molecules/counter/counter.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,'._80xwOteTGhRsou9OwoHb-g\\=\\={margin-bottom:2rem}@media only screen and (min-width:768px){._560t7dIe-BWOQ1hv7-mqsQ\\=\\={display:flex}}._560t7dIe-BWOQ1hv7-mqsQ\\=\\= li{display:flex;align-items:center;justify-content:center;flex-direction:column;width:40rem;height:20rem;background:#fff;position:relative;border-radius:.6rem}._560t7dIe-BWOQ1hv7-mqsQ\\=\\= li:hover,._560t7dIe-BWOQ1hv7-mqsQ\\=\\= li:focus{box-shadow:0 .8rem 1.6rem 0 rgba(0,0,0,.3)}._560t7dIe-BWOQ1hv7-mqsQ\\=\\= li:first-of-type{margin-right:2rem}._560t7dIe-BWOQ1hv7-mqsQ\\=\\= li:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:.6rem;border-radius:0 0 .6rem .6rem;background:linear-gradient(to left, #1a535c 0%, #4ecdc4 100%)}',"",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/molecules/counter/counter.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,6BACE,kBAAA,CCqCA,yCDlCF,6BAEI,YAAA,CAAA,CAGF,gCEtBA,YAAA,CACA,kBFsBsB,CErBtB,sBFqB8B,CAC5B,qBAAA,CACA,WAAA,CACA,YAAA,CACA,eAAA,CACA,iBAAA,CACA,mBAAA,CAEA,4EAEE,0CAAA,CAGF,8CACE,iBAAA,CAGF,sCACE,UAAA,CACA,iBAAA,CACA,MAAA,CACA,QAAA,CACA,UAAA,CACA,YAAA,CACA,6BAAA,CACA,6DAAA",sourcesContent:["// 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.counterContent {\n  margin-bottom: 2rem;\n}\n\n.counter {\n  @include min(tablet) {\n    display: flex;\n  }\n\n  li {\n    @include flex-align(center, center);\n    flex-direction: column;\n    width: 40rem;\n    height: 20rem;\n    background: white;\n    position: relative;\n    border-radius: 0.6rem;\n\n    &:hover,\n    &:focus {\n      box-shadow: 0 0.8rem 1.6rem 0 rgba(0, 0, 0, 0.3);\n    }\n\n    &:first-of-type {\n      margin-right: 2rem;\n    }\n\n    &:after {\n      content: '';\n      position: absolute;\n      left: 0;\n      bottom: 0;\n      width: 100%;\n      height: 0.6rem;\n      border-radius: 0 0 0.6rem 0.6rem;\n      background: linear-gradient(to left, #1a535c 0%, #4ecdc4 100%);\n    }\n  }\n}\n","$media-query-sizes: (\n  mobile-s: (\n    min: 320px,\n    max: 374px,\n  ),\n  mobile-m: (\n    min: 375px,\n    max: 424px,\n  ),\n  mobile: (\n    min: 425px,\n    max: 767px,\n  ),\n  tablet: (\n    min: 768px,\n    max: 991px,\n  ),\n  laptop: (\n    min: 992px,\n    max: 1199px,\n  ),\n  desktop: (\n    min: 1200px,\n  ),\n);\n\n// Get media query sizes\n$screen: 'only screen';\n@function media-query($media, $optional-media: '', $min: true) {\n  $media-label: '';\n\n  @if ($optional-media != '') {\n    $media-sizes-min: map-get($media-query-sizes, $media);\n    $media-sizes-max: map-get($media-query-sizes, $optional-media);\n    $media-label: $screen +\n      \" and (min-width:#{map-get($media-sizes-min, 'min')}) and (max-width:#{map-get($media-sizes-max, 'max')})\";\n  } @else {\n    $query: 'max';\n\n    @if ($min) {\n      $query: 'min';\n    }\n\n    $media-sizes: map-get($media-query-sizes, $media);\n    $media-label: $screen + ' and (#{$query}-width:#{map-get($media-sizes, $query)})';\n  }\n\n  @return $media-label;\n}\n\n// Min media query\n@mixin min($media) {\n  @media #{media-query($media)} {\n    @content;\n  }\n}\n\n// Max media query\n@mixin max($media) {\n  @media #{media-query($media, '', false)} {\n    @content;\n  }\n}\n\n// Min & max media query\n@mixin min-max($min, $max) {\n  @media #{media-query($min, $max)} {\n    @content;\n  }\n}\n\n// Use this ONLY if you need a media query that doesn't fit the $media-query-sizes breakpoints above\n// Pass number, for example @include custom-min(992)\n@mixin custom-min($min) {\n  @media #{$screen} and (min-width: #{$min}px) {\n    @content;\n  }\n}\n\n@mixin custom-max($max) {\n  @media #{$screen} and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n@mixin custom-min-max($min, $max) {\n  @media #{$screen} and (min-width: #{$min}px) and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n// Landscape\n// (If we find more use cases of this in the future, might want to refactor this and include it in the media-query function for $screen)\n// Pass number\n$landscape: 'screen and (orientation:landscape)';\n\n@mixin landscape-max($max) {\n  @media #{$landscape} and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n@mixin landscape-min($min) {\n  @media #{$landscape} and (min-width: #{$min}px) {\n    @content;\n  }\n}\n","@mixin flex-align($align-items, $justify-content) {\n  display: flex;\n  align-items: $align-items;\n  justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n  display: flex;\n  flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n  #{$overflow-type}: $overflow-value;\n  -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n  background: $bgcolor;\n  border-radius: 100px;\n  color: $text-color;\n  font-weight: 700;\n  @include flex-align(center, center);\n  padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n  color: $color;\n\n  &:hover {\n    color: $color;\n  }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n  float: $direction;\n  @if $direction == right {\n    margin: var(--img-float-direction-right, 0 0 2.4rem 4.8rem);\n  } @else if $direction == left {\n    margin: var(--img-float-direction-left, 0 4.8rem 2.4rem 0);\n  } @else {\n    margin: 0 1em 1em 0;\n  }\n}\n\n@mixin content-img-align($direction: center, $spacing: var(--content-img-spacing, 1em)) {\n  display: block;\n  @if $direction == right {\n    margin: $spacing 0 $spacing auto;\n  } @else if $direction == left {\n    margin: $spacing auto $spacing 0;\n  } @else {\n    margin: $spacing auto;\n  }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n  position: relative;\n  &:after {\n    top: 100%;\n    left: 50%;\n    border: solid transparent;\n    content: '';\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n    border-color: rgba(0, 0, 0, 0);\n    border-top: $height solid $color;\n    border-right: calc($width / 2) solid transparent;\n    border-left: calc($width / 2) solid transparent;\n    margin-left: -calc($width / 2);\n  }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n  background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  &:hover {\n    background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  }\n}\n\n@mixin sportBtn($color1, $color2) {\n  background: linear-gradient(to bottom, $color1 0, $color2 100%);\n  &:hover {\n    background: linear-gradient(to bottom, $color2 0, $color1 100%);\n  }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n  line-height: $line-height;\n  width: $width;\n  font-weight: normal;\n  display: inline-block;\n  color: $fill-color;\n  font-size: 15px;\n  position: relative;\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n  &:last-child {\n    margin-right: 0;\n  }\n  &:before {\n    content: '\\2605';\n  }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n  line-height: 2rem;\n  width: 16px;\n  font-weight: normal;\n  display: inline-block;\n  color: $half-full-color;\n  font-size: 15px;\n  position: relative;\n  &:before {\n    content: '\\2605';\n  }\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n  &:after {\n    content: '\\2605';\n    color: $half-empty-color;\n    position: absolute;\n    width: 7px;\n    overflow: hidden;\n    bottom: 0;\n    left: 0;\n  }\n}\n\n@mixin border-gradient($color-1, $color-2, $bgcolor, $radius: 0.8rem, $border-width: 2px) {\n  background: $bgcolor;\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: $radius;\n    border: $border-width solid transparent;\n    background: $color-1, $color-2 border-box;\n    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: destination-out;\n    mask-composite: exclude;\n  }\n}\n\n@mixin border-gradient-single($color-1, $bgcolor, $radius: 0.8rem, $border-width: 0.1rem) {\n  background: $bgcolor;\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: $radius;\n    border: $border-width solid transparent;\n    background: $color-1 border-box;\n    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: destination-out;\n    mask-composite: exclude;\n  }\n}\n\n@mixin buttonsColor($color1, $color2, $color3, $textColor: 'white') {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  background-color: $color1;\n  color: $textColor;\n  padding: 0.9rem 3rem;\n  font-weight: 700;\n  font-size: 1.8rem;\n  border-radius: var(--border-radius);\n\n  > svg {\n    flex: none;\n    margin-left: 0.8rem;\n  }\n\n  &:hover {\n    background-color: $color2;\n    color: $textColor;\n  }\n\n  &:active {\n    background-color: $color3;\n    color: $textColor;\n  }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={counterContent:"_80xwOteTGhRsou9OwoHb-g==",counter:"_560t7dIe-BWOQ1hv7-mqsQ=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/809.7a44a691.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[809],{"./src/components/organisms/cards/template-two/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return template_two}});__webpack_require__("../node_modules/core-js/modules/es.array.map.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/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),scroll_x=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/scroll-x/index.js"),cards=__webpack_require__("./src/helpers/cards.js"),keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.js"),CustomCardComponent=(0,react.memo)((function(_ref){var module=_ref.module,item=_ref.item,page=_ref.page,index=_ref.index,_ref$template=_ref.template,template=void 0===_ref$template?"template_five":_ref$template,Compo=(0,cards.n)(module.model_type||module.cards_page_type,template);return react.createElement(Compo,{key:(0,keygen.Z)(),featured:"featured"===module.style,item:item,type:item.type,number:index+1,page:page})}));CustomCardComponent.propTypes={page:prop_types_default().shape({}),module:prop_types_default().shape({items:prop_types_default().array,style:prop_types_default().string,model_type:prop_types_default().string,cards_page_type:prop_types_default().string}),item:prop_types_default().shape({type:prop_types_default().string}),index:prop_types_default().number,template:prop_types_default().string};var template_two_item=CustomCardComponent,IoIosArrowBack=(__webpack_require__("../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../node_modules/@react-icons/all-files/io/IoIosArrowBack.js")),IoIosArrowForward=__webpack_require__("../node_modules/@react-icons/all-files/io/IoIosArrowForward.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),buttons_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/organisms/cards/template-two/buttons/buttons.module.scss"),options={insert:"head",singleton:!1},buttons_buttons_module=(injectStylesIntoStyleTag_default()(buttons_module.Z,options),buttons_module.Z.locals||{}),Buttons=function Buttons(_ref){var scrollX=_ref.scrollX,noModuleIntro=_ref.noModuleIntro,scrollEnd=_ref.scrollEnd,scroll=_ref.scroll;return react.createElement(react.Fragment,null,react.createElement("button",{className:"".concat(buttons_buttons_module.buttLeft," ").concat(noModuleIntro?buttons_buttons_module.nointroButtLeft:""," ").concat(scrollX<=0?buttons_buttons_module.disabled:""),onClick:function onClick(){return scroll(-200)},type:"button"},react.createElement(IoIosArrowBack.u,null)),react.createElement("button",{className:"".concat(buttons_buttons_module.buttRight," ").concat(noModuleIntro?buttons_buttons_module.nointroButtRight:""," ").concat(scrollEnd?buttons_buttons_module.disabled:""),onClick:function onClick(){return scroll(200)},type:"button"},react.createElement(IoIosArrowForward.h,null)))};Buttons.propTypes={scrollX:prop_types_default().number,noModuleIntro:prop_types_default().bool,scrollEnd:prop_types_default().bool,scroll:prop_types_default().func},Buttons.__docgenInfo={description:"",methods:[],displayName:"Buttons",props:{scrollX:{description:"",type:{name:"number"},required:!1},noModuleIntro:{description:"",type:{name:"bool"},required:!1},scrollEnd:{description:"",type:{name:"bool"},required:!1},scroll:{description:"",type:{name:"func"},required:!1}}};var buttons=Buttons;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)||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,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 _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}"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/organisms/cards/template-two/buttons/index.js"]={name:"Buttons",docgenInfo:Buttons.__docgenInfo,path:"src/components/organisms/cards/template-two/buttons/index.js"});var CustomCarousel=function CustomCarousel(_ref){var page=_ref.page,module=_ref.module,noModuleIntro=_ref.noModuleIntro,container=(0,react.useRef)(null),_useState2=_slicedToArray((0,react.useState)(0),2),scrollX=_useState2[0],setScrollX=_useState2[1],_useState4=_slicedToArray((0,react.useState)(!1),2),scrollEnd=_useState4[0],setScrollEnd=_useState4[1],_useState6=_slicedToArray((0,react.useState)(!1),2),showButtons=_useState6[0],setShowButtons=_useState6[1],updateButtons=function updateButtons(shift){setScrollEnd(Math.floor(container.current.scrollWidth-(container.current.scrollLeft+shift))<=container.current.offsetWidth)};return(0,react.useEffect)((function(){var timer=setTimeout((function(){setShowButtons(container.current.scrollWidth>container.current.offsetWidth)}),500);return function(){return clearTimeout(timer)}}),[]),react.createElement(scroll_x.Z,{refTag:container,scroll:!0,stopScrolling:function stopScrolling(){return function onStopScrolling(){setScrollX(container.current.scrollLeft),updateButtons(0)}()},onScroll:function onScroll(scrollLeft){updateButtons(0),setScrollX(scrollLeft)}},react.createElement("div",{ref:container},module.items&&module.items.map((function(item,index){return react.createElement(template_two_item,{key:index,index:index,item:item,page:page,module:module})})),showButtons&&react.createElement(buttons,{scroll:function scroll(shift){container.current.scrollTo({left:container.current.scrollLeft+shift,behavior:"smooth"}),updateButtons(shift),setScrollX(scrollX+shift)},noModuleIntro:noModuleIntro,scrollX:scrollX,scrollEnd:scrollEnd})))};CustomCarousel.displayName="CustomCarousel",CustomCarousel.propTypes={page:prop_types_default().shape({}),module:prop_types_default().shape({items:prop_types_default().arrayOf(prop_types_default().object),style:prop_types_default().string}).isRequired,noModuleIntro:prop_types_default().bool},CustomCarousel.__docgenInfo={description:"",methods:[],displayName:"CustomCarousel",props:{page:{description:"",type:{name:"shape",value:{}},required:!1},module:{description:"",type:{name:"shape",value:{items:{name:"arrayOf",value:{name:"object"},required:!1},style:{name:"string",required:!1}}},required:!0},noModuleIntro:{description:"",type:{name:"bool"},required:!1}}};var template_two=CustomCarousel;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/organisms/cards/template-two/index.js"]={name:"CustomCarousel",docgenInfo:CustomCarousel.__docgenInfo,path:"src/components/organisms/cards/template-two/index.js"})},"./src/helpers/cards.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{n:function(){return getCard}});__webpack_require__("../node_modules/core-js/modules/es.promise.js"),__webpack_require__("../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.iterator.js");var _loadable_component__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../node_modules/@loadable/component/dist/loadable.esm.js");function getCard(type){switch(type){case"operator":return(0,_loadable_component__WEBPACK_IMPORTED_MODULE_5__.ZP)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/operator-card/template-one/index.js"))}));case"game":return(0,_loadable_component__WEBPACK_IMPORTED_MODULE_5__.ZP)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/game-cards/template-one/index.js"))}));case"payment_method":return(0,_loadable_component__WEBPACK_IMPORTED_MODULE_5__.ZP)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/payment-method/template-one/index.js"))}));case"software_provider":return(0,_loadable_component__WEBPACK_IMPORTED_MODULE_5__.ZP)((function(){return __webpack_require__.e(658).then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/software-provider-card/index.js"))}));case"article":case"page":default:return(0,_loadable_component__WEBPACK_IMPORTED_MODULE_5__.ZP)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/article-card/template-one/index.js"))}));case"author":return(0,_loadable_component__WEBPACK_IMPORTED_MODULE_5__.ZP)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/author/template-one/index.js"))}))}}},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/organisms/cards/template-two/buttons/buttons.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,".t9WQSmM3mUd6SeVyIIvv4w\\=\\=,.mxIeQkDDTmWq5ppQpOY\\+cw\\=\\={position:absolute;right:1rem;width:4rem;height:4rem;border-radius:100px;background:var(--background-card-slider-button, #262629);color:var(--card-color-slider-button, white);display:none}@media only screen and (min-width:768px){.t9WQSmM3mUd6SeVyIIvv4w\\=\\=,.mxIeQkDDTmWq5ppQpOY\\+cw\\=\\={display:flex;flex-direction:column;display:flex;align-items:center;justify-content:center;bottom:1.6rem;left:5.6rem}}@media only screen and (min-width:1200px){.t9WQSmM3mUd6SeVyIIvv4w\\=\\=,.mxIeQkDDTmWq5ppQpOY\\+cw\\=\\={left:9.6rem}}.mxIeQkDDTmWq5ppQpOY\\+cw\\=\\={left:12.4rem}@media only screen and (min-width:768px){.mxIeQkDDTmWq5ppQpOY\\+cw\\=\\={left:10rem}}@media only screen and (min-width:1200px){.mxIeQkDDTmWq5ppQpOY\\+cw\\=\\={left:14rem}}.USkiwhMhetE-\\+ZBcVGai\\+g\\=\\={background:var(--disabled-background-card-slider-button, #dedede);color:var(--disabled-color-card-slider-button, #262629)}.p\\+2k1Y1kjZBFTF9EG2T4ug\\=\\={left:1%;bottom:4rem}@media only screen and (min-width:1200px){.p\\+2k1Y1kjZBFTF9EG2T4ug\\=\\={left:15%}}.QcGQHZFB\\+FiNwtZLxPevlg\\=\\={left:calc(1% + 4.5rem);bottom:4rem}@media only screen and (min-width:1200px){.QcGQHZFB\\+FiNwtZLxPevlg\\=\\={left:calc(15% + 4.5rem)}}","",{version:3,sources:["webpack://./src/components/organisms/cards/template-two/buttons/buttons.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,yDAEE,iBAAA,CACA,UAAA,CACA,UAAA,CACA,WAAA,CACA,mBAAA,CACA,wDAAA,CACA,4CAAA,CACA,YAAA,CC6BA,yCDtCF,yDEPE,YAAA,CACA,qBFkB0B,CEzB1B,YAAA,CACA,kBFyBsB,CExBtB,sBFwB8B,CAC5B,aAAA,CACA,WAAA,CAAA,CCuBF,0CDtCF,yDAmBI,WAAA,CAAA,CAIJ,6BACE,YAAA,CCcA,yCDfF,6BAII,UAAA,CAAA,CCWF,0CDfF,6BAQI,UAAA,CAAA,CAIJ,8BACE,iEAAA,CACA,uDAAA,CAGF,6BACE,OAAA,CACA,WAAA,CCJA,0CDEF,6BAKI,QAAA,CAAA,CAIJ,6BACE,sBAAA,CACA,WAAA,CCbA,0CDWF,6BAKI,uBAAA,CAAA",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.buttLeft,\n.buttRight {\n  position: absolute;\n  right: 1rem;\n  width: 4rem;\n  height: 4rem;\n  border-radius: 100px;\n  background: var(--background-card-slider-button, #262629);\n  color: var(--card-color-slider-button, white);\n  display: none;\n\n  @include min(tablet) {\n    @include flex-direction(column);\n    @include flex-align(center, center);\n    bottom: 1.6rem;\n    left: 5.6rem;\n  }\n\n  @include min(desktop) {\n    left: 9.6rem;\n  }\n}\n\n.buttRight {\n  left: 12.4rem;\n\n  @include min(tablet) {\n    left: 10rem;\n  }\n\n  @include min(desktop) {\n    left: 14rem;\n  }\n}\n\n.disabled {\n  background: var(--disabled-background-card-slider-button, #dedede);\n  color: var(--disabled-color-card-slider-button, #262629);\n}\n\n.nointroButtLeft {\n  left: 1%;\n  bottom: 4rem;\n\n  @include min(desktop) {\n    left: 15%;\n  }\n}\n\n.nointroButtRight {\n  left: calc(1% + 4.5rem);\n  bottom: 4rem;\n\n  @include min(desktop) {\n    left: calc(15% + 4.5rem);\n  }\n}\n","$media-query-sizes: (\n  mobile-s: (\n    min: 320px,\n    max: 374px,\n  ),\n  mobile-m: (\n    min: 375px,\n    max: 424px,\n  ),\n  mobile: (\n    min: 425px,\n    max: 767px,\n  ),\n  tablet: (\n    min: 768px,\n    max: 991px,\n  ),\n  laptop: (\n    min: 992px,\n    max: 1199px,\n  ),\n  desktop: (\n    min: 1200px,\n  ),\n);\n\n// Get media query sizes\n$screen: 'only screen';\n@function media-query($media, $optional-media: '', $min: true) {\n  $media-label: '';\n\n  @if ($optional-media != '') {\n    $media-sizes-min: map-get($media-query-sizes, $media);\n    $media-sizes-max: map-get($media-query-sizes, $optional-media);\n    $media-label: $screen +\n      \" and (min-width:#{map-get($media-sizes-min, 'min')}) and (max-width:#{map-get($media-sizes-max, 'max')})\";\n  } @else {\n    $query: 'max';\n\n    @if ($min) {\n      $query: 'min';\n    }\n\n    $media-sizes: map-get($media-query-sizes, $media);\n    $media-label: $screen + ' and (#{$query}-width:#{map-get($media-sizes, $query)})';\n  }\n\n  @return $media-label;\n}\n\n// Min media query\n@mixin min($media) {\n  @media #{media-query($media)} {\n    @content;\n  }\n}\n\n// Max media query\n@mixin max($media) {\n  @media #{media-query($media, '', false)} {\n    @content;\n  }\n}\n\n// Min & max media query\n@mixin min-max($min, $max) {\n  @media #{media-query($min, $max)} {\n    @content;\n  }\n}\n\n// Use this ONLY if you need a media query that doesn't fit the $media-query-sizes breakpoints above\n// Pass number, for example @include custom-min(992)\n@mixin custom-min($min) {\n  @media #{$screen} and (min-width: #{$min}px) {\n    @content;\n  }\n}\n\n@mixin custom-max($max) {\n  @media #{$screen} and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n@mixin custom-min-max($min, $max) {\n  @media #{$screen} and (min-width: #{$min}px) and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n// Landscape\n// (If we find more use cases of this in the future, might want to refactor this and include it in the media-query function for $screen)\n// Pass number\n$landscape: 'screen and (orientation:landscape)';\n\n@mixin landscape-max($max) {\n  @media #{$landscape} and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n@mixin landscape-min($min) {\n  @media #{$landscape} and (min-width: #{$min}px) {\n    @content;\n  }\n}\n","@mixin flex-align($align-items, $justify-content) {\n  display: flex;\n  align-items: $align-items;\n  justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n  display: flex;\n  flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n  #{$overflow-type}: $overflow-value;\n  -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n  background: $bgcolor;\n  border-radius: 100px;\n  color: $text-color;\n  font-weight: 700;\n  @include flex-align(center, center);\n  padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n  color: $color;\n\n  &:hover {\n    color: $color;\n  }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n  float: $direction;\n  @if $direction == right {\n    margin: var(--img-float-direction-right, 0 0 2.4rem 4.8rem);\n  } @else if $direction == left {\n    margin: var(--img-float-direction-left, 0 4.8rem 2.4rem 0);\n  } @else {\n    margin: 0 1em 1em 0;\n  }\n}\n\n@mixin content-img-align($direction: center, $spacing: var(--content-img-spacing, 1em)) {\n  display: block;\n  @if $direction == right {\n    margin: $spacing 0 $spacing auto;\n  } @else if $direction == left {\n    margin: $spacing auto $spacing 0;\n  } @else {\n    margin: $spacing auto;\n  }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n  position: relative;\n  &:after {\n    top: 100%;\n    left: 50%;\n    border: solid transparent;\n    content: '';\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n    border-color: rgba(0, 0, 0, 0);\n    border-top: $height solid $color;\n    border-right: calc($width / 2) solid transparent;\n    border-left: calc($width / 2) solid transparent;\n    margin-left: -calc($width / 2);\n  }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n  background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  &:hover {\n    background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  }\n}\n\n@mixin sportBtn($color1, $color2) {\n  background: linear-gradient(to bottom, $color1 0, $color2 100%);\n  &:hover {\n    background: linear-gradient(to bottom, $color2 0, $color1 100%);\n  }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n  line-height: $line-height;\n  width: $width;\n  font-weight: normal;\n  display: inline-block;\n  color: $fill-color;\n  font-size: 15px;\n  position: relative;\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n  &:last-child {\n    margin-right: 0;\n  }\n  &:before {\n    content: '\\2605';\n  }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n  line-height: 2rem;\n  width: 16px;\n  font-weight: normal;\n  display: inline-block;\n  color: $half-full-color;\n  font-size: 15px;\n  position: relative;\n  &:before {\n    content: '\\2605';\n  }\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n  &:after {\n    content: '\\2605';\n    color: $half-empty-color;\n    position: absolute;\n    width: 7px;\n    overflow: hidden;\n    bottom: 0;\n    left: 0;\n  }\n}\n\n@mixin border-gradient($color-1, $color-2, $bgcolor, $radius: 0.8rem, $border-width: 2px) {\n  background: $bgcolor;\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: $radius;\n    border: $border-width solid transparent;\n    background: $color-1, $color-2 border-box;\n    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: destination-out;\n    mask-composite: exclude;\n  }\n}\n\n@mixin border-gradient-single($color-1, $bgcolor, $radius: 0.8rem, $border-width: 0.1rem) {\n  background: $bgcolor;\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: $radius;\n    border: $border-width solid transparent;\n    background: $color-1 border-box;\n    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: destination-out;\n    mask-composite: exclude;\n  }\n}\n\n@mixin buttonsColor($color1, $color2, $color3, $textColor: 'white') {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  background-color: $color1;\n  color: $textColor;\n  padding: 0.9rem 3rem;\n  font-weight: 700;\n  font-size: 1.8rem;\n  border-radius: var(--border-radius);\n\n  > svg {\n    flex: none;\n    margin-left: 0.8rem;\n  }\n\n  &:hover {\n    background-color: $color2;\n    color: $textColor;\n  }\n\n  &:active {\n    background-color: $color3;\n    color: $textColor;\n  }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={buttLeft:"t9WQSmM3mUd6SeVyIIvv4w==",buttRight:"mxIeQkDDTmWq5ppQpOY+cw==",disabled:"USkiwhMhetE-+ZBcVGai+g==",nointroButtLeft:"p+2k1Y1kjZBFTF9EG2T4ug==",nointroButtRight:"QcGQHZFB+FiNwtZLxPevlg=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/864.8d02059a.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[864],{"./src/components/molecules/sportstake/results/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return results}});__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.parse-float.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.for-each.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),results_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/results/results.module.scss"),options={insert:"head",singleton:!1},results_results_module=(injectStylesIntoStyleTag_default()(results_module.Z,options),results_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 Results=function Results(_ref){var _Object$values,_Object$values2,module=_ref.module,serverData=_ref.serverData;if(serverData){var moduleName=module.name,isCricket=moduleName.includes("cricket"),isRugby=moduleName.includes("rugby"),isSportstake4=moduleName.includes("sportstake4"),hasTwoTables=moduleName.includes("sportstake8")||isSportstake4,newSportStakes=isCricket||isSportstake4||isRugby,query=(0,sportstake.bj)(moduleName),_ref2=(null==serverData?void 0:serverData.drawDetails)||{},games=_ref2.games,divs=_ref2.divs,winnerData=((null==serverData?void 0:serverData.more_info)||{}).winnerData,_ref4=(null==serverData?void 0:serverData.more_info)||{},totalPrizePool=_ref4.totalPrizePool,estimatedJackpot=_ref4.estimatedJackpot,nextEstimatedJackpotAmt=_ref4.nextEstimatedJackpotAmt,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=isCricket?constants_sportstake.My:constants_sportstake.Rt,divsList=divs?Object.values(divs):winnerData?Object.values(winnerData):[],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:results_results_module.sportstakeHeader},react.createElement("p",null,"Winning results for ".concat(nrOfFixtures," (Provisional) ").concat(formattedDate)))},DivTable=function DivTable(){var _serverData$toss_resu;return react.createElement("div",{className:results_results_module.divTable},react.createElement("div",{className:results_results_module.tablesContainer},react.createElement(table.Z,{headerList:constants_sportstake.VL,rowList:divsList,isDivTable:!0,resultTableNumber:query.secondTableStart}),isCricket&&react.createElement(table.Z,{headerList:constants_sportstake.dX,rowList:null==serverData||null===(_serverData$toss_resu=serverData.toss_results)||void 0===_serverData$toss_resu?void 0:_serverData$toss_resu.winnerData,isDivTable:!0,resultTableNumber:query.secondTableStart})),react.createElement("div",{className:results_results_module.jackpotDiv},react.createElement("p",null,"Total Prize Pool:"),react.createElement("h3",null,"R",(0,lotto.Dq)(parseFloat(totalPrizePool))),react.createElement("p",null,"Next Estimated Jackpot:"),react.createElement("h3",null,"R",(0,lotto.Dq)(parseFloat(estimatedJackpot)||parseFloat(nextEstimatedJackpotAmt)))))},mutateObjectAtributes=function mutateObjectAtributes(obj){obj.forEach((function(element,index){obj[index]={homeTeam:element.homeTeam,awayTeam:element.awayTeam,toss:element.toss_winner,dateTime:element.eventDate,score:isCricket?"".concat(element.homeScore||"0/0"):"".concat(element.homeScore,"-").concat(element.awayScore),results:element.result}}))};return newSportStakes&&mutateObjectAtributes(firstTableGames),newSportStakes&&mutateObjectAtributes(secondTableGames),react.createElement("div",{className:"".concat(results_results_module.sportstake," ").concat(hasTwoTables&&results_results_module.twoHalfs)},react.createElement(SportstakeHeader,null),isSportstake4&&react.createElement("h3",null,"1st half"),react.createElement(table.Z,{headerList:headerList,rowList:firstTableGames,isResult:!0}),hasTwoTables&&react.createElement(react.Fragment,null,react.createElement("h3",null,isSportstake4?"Full Time":"2nd Half"),react.createElement(table.Z,{headerList:headerList,rowList:secondTableGames,isResult:!0})),react.createElement(DivTable,null))}};Results.displayName="Results",Results.__docgenInfo={description:"",methods:[],displayName:"Results",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},more_info:{name:"shape",value:{},required:!1},toss_results:{name:"shape",value:{winnerData:{name:"arrayOf",value:{name:"shape",value:{}},required:!1}},required:!1},winnerData:{name:"arrayOf",value:{name:"shape",value:{}},required:!1}}},required:!1}}};var results=Results;Results.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({})}),more_info:prop_types_default().shape({}),toss_results:prop_types_default().shape({winnerData:prop_types_default().arrayOf(prop_types_default().shape({}))}),winnerData:prop_types_default().arrayOf(prop_types_default().shape({}))})},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/molecules/sportstake/results/index.js"]={name:"Results",docgenInfo:Results.__docgenInfo,path:"src/components/molecules/sportstake/results/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/results/results.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,".tTbTUeH6G-EP2u-YVFYy7g\\=\\={font-size:3rem;padding-bottom:3rem}.YGl3EwIIXjClvJ6m2y3Lpg\\=\\={font-size:3rem}.YRcdkavQZf9JkGBAYcClYA\\=\\={margin:1.6rem 0}.YRcdkavQZf9JkGBAYcClYA\\=\\=>p{font-size:1.6rem;font-weight:400;line-height:2.4rem}.qEB4A467nKqDktd20eQwvw\\=\\=>h3{margin:3.2rem 0 1.6rem .8rem}.gQoj9QlSvm8x5gO53TFvUA\\=\\={margin-top:3.2rem;display:flex;flex-direction:column;display:flex;align-items:flex-start;justify-content:flex-start;gap:1.6rem}@media only screen and (min-width:768px){.gQoj9QlSvm8x5gO53TFvUA\\=\\={flex-direction:row}}.gQoj9QlSvm8x5gO53TFvUA\\=\\= .\\-1l0aJQ-3fPqrbZzlZPclg\\=\\={width:100%;display:grid;grid-row:1;grid-gap:1rem}.gQoj9QlSvm8x5gO53TFvUA\\=\\= .TZAsVyl-MNMO0EVskba2Tg\\=\\={min-width:28rem;background:var(--jackpot-bg-color, #f4f4f4);padding:1.6rem 0 2.5rem 1.6rem;border-radius:.8rem}.gQoj9QlSvm8x5gO53TFvUA\\=\\= .TZAsVyl-MNMO0EVskba2Tg\\=\\=>p{font-size:1.6rem;color:var(--jackpot-text-color, #000000);line-height:2.4rem;margin-bottom:.8rem}.gQoj9QlSvm8x5gO53TFvUA\\=\\= .TZAsVyl-MNMO0EVskba2Tg\\=\\=>h3{font-size:2.4rem;line-height:2.4rem;font-weight:700;margin-bottom:1.6rem;color:var(--jackpot-current-prize-color, #000000)}.gQoj9QlSvm8x5gO53TFvUA\\=\\= .TZAsVyl-MNMO0EVskba2Tg\\=\\=>h3:nth-child(4){color:var(--jackpot-next-prize-color, #e00028)}","",{version:3,sources:["webpack://./src/components/molecules/sportstake/results/results.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,CACA,mBAAA,CAEF,4BACE,cAAA,CAGF,4BACE,eAAA,CAEA,8BACE,gBAAA,CACA,eAAA,CACA,kBAAA,CAKF,+BACE,4BAAA,CAIJ,4BACE,iBAAA,CChCA,YAAA,CACA,qBDgCwB,CCvCxB,YAAA,CACA,sBDuCoB,CCtCpB,0BDsCgC,CAChC,UAAA,CEUA,yCFdF,4BAOI,kBAAA,CAAA,CAGF,yDACE,UAAA,CACA,YAAA,CACA,UAAA,CACA,aAAA,CAGF,wDACE,eAAA,CACA,2CAAA,CACA,8BAAA,CACA,mBAAA,CAEA,0DACE,gBAAA,CACA,wCAAA,CACA,kBAAA,CACA,mBAAA,CAGF,2DACE,gBAAA,CACA,kBAAA,CACA,eAAA,CACA,oBAAA,CACA,iDAAA,CAEA,wEACE,8CAAA",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.sportstakeHeader {\n  margin: 1.6rem 0;\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\n.divTable {\n  margin-top: 3.2rem;\n  @include flex-direction(column);\n  @include flex-align(flex-start, flex-start);\n  gap: 1.6rem;\n\n  @include min(tablet) {\n    flex-direction: row;\n  }\n\n  .tablesContainer {\n    width: 100%;\n    display: grid;\n    grid-row: 1;\n    grid-gap: 1rem;\n  }\n\n  .jackpotDiv {\n    min-width: 28rem;\n    background: var(--jackpot-bg-color, #f4f4f4);\n    padding: 1.6rem 0 2.5rem 1.6rem;\n    border-radius: 0.8rem;\n\n    > p {\n      font-size: 1.6rem;\n      color: var(--jackpot-text-color, #000000);\n      line-height: 2.4rem;\n      margin-bottom: 0.8rem;\n    }\n\n    > h3 {\n      font-size: 2.4rem;\n      line-height: 2.4rem;\n      font-weight: 700;\n      margin-bottom: 1.6rem;\n      color: var(--jackpot-current-prize-color, #000000);\n\n      &:nth-child(4) {\n        color: var(--jackpot-next-prize-color, #e00028);\n      }\n    }\n  }\n}\n","@mixin flex-align($align-items, $justify-content) {\n  display: flex;\n  align-items: $align-items;\n  justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n  display: flex;\n  flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n  #{$overflow-type}: $overflow-value;\n  -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n  background: $bgcolor;\n  border-radius: 100px;\n  color: $text-color;\n  font-weight: 700;\n  @include flex-align(center, center);\n  padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n  color: $color;\n\n  &:hover {\n    color: $color;\n  }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n  float: $direction;\n  @if $direction == right {\n    margin: var(--img-float-direction-right, 0 0 2.4rem 4.8rem);\n  } @else if $direction == left {\n    margin: var(--img-float-direction-left, 0 4.8rem 2.4rem 0);\n  } @else {\n    margin: 0 1em 1em 0;\n  }\n}\n\n@mixin content-img-align($direction: center, $spacing: var(--content-img-spacing, 1em)) {\n  display: block;\n  @if $direction == right {\n    margin: $spacing 0 $spacing auto;\n  } @else if $direction == left {\n    margin: $spacing auto $spacing 0;\n  } @else {\n    margin: $spacing auto;\n  }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n  position: relative;\n  &:after {\n    top: 100%;\n    left: 50%;\n    border: solid transparent;\n    content: '';\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n    border-color: rgba(0, 0, 0, 0);\n    border-top: $height solid $color;\n    border-right: calc($width / 2) solid transparent;\n    border-left: calc($width / 2) solid transparent;\n    margin-left: -calc($width / 2);\n  }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n  background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  &:hover {\n    background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  }\n}\n\n@mixin sportBtn($color1, $color2) {\n  background: linear-gradient(to bottom, $color1 0, $color2 100%);\n  &:hover {\n    background: linear-gradient(to bottom, $color2 0, $color1 100%);\n  }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n  line-height: $line-height;\n  width: $width;\n  font-weight: normal;\n  display: inline-block;\n  color: $fill-color;\n  font-size: 15px;\n  position: relative;\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n  &:last-child {\n    margin-right: 0;\n  }\n  &:before {\n    content: '\\2605';\n  }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n  line-height: 2rem;\n  width: 16px;\n  font-weight: normal;\n  display: inline-block;\n  color: $half-full-color;\n  font-size: 15px;\n  position: relative;\n  &:before {\n    content: '\\2605';\n  }\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n  &:after {\n    content: '\\2605';\n    color: $half-empty-color;\n    position: absolute;\n    width: 7px;\n    overflow: hidden;\n    bottom: 0;\n    left: 0;\n  }\n}\n\n@mixin border-gradient($color-1, $color-2, $bgcolor, $radius: 0.8rem, $border-width: 2px) {\n  background: $bgcolor;\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: $radius;\n    border: $border-width solid transparent;\n    background: $color-1, $color-2 border-box;\n    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: destination-out;\n    mask-composite: exclude;\n  }\n}\n\n@mixin border-gradient-single($color-1, $bgcolor, $radius: 0.8rem, $border-width: 0.1rem) {\n  background: $bgcolor;\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: $radius;\n    border: $border-width solid transparent;\n    background: $color-1 border-box;\n    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: destination-out;\n    mask-composite: exclude;\n  }\n}\n\n@mixin buttonsColor($color1, $color2, $color3, $textColor: 'white') {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  background-color: $color1;\n  color: $textColor;\n  padding: 0.9rem 3rem;\n  font-weight: 700;\n  font-size: 1.8rem;\n  border-radius: var(--border-radius);\n\n  > svg {\n    flex: none;\n    margin-left: 0.8rem;\n  }\n\n  &:hover {\n    background-color: $color2;\n    color: $textColor;\n  }\n\n  &:active {\n    background-color: $color3;\n    color: $textColor;\n  }\n}\n","$media-query-sizes: (\n  mobile-s: (\n    min: 320px,\n    max: 374px,\n  ),\n  mobile-m: (\n    min: 375px,\n    max: 424px,\n  ),\n  mobile: (\n    min: 425px,\n    max: 767px,\n  ),\n  tablet: (\n    min: 768px,\n    max: 991px,\n  ),\n  laptop: (\n    min: 992px,\n    max: 1199px,\n  ),\n  desktop: (\n    min: 1200px,\n  ),\n);\n\n// Get media query sizes\n$screen: 'only screen';\n@function media-query($media, $optional-media: '', $min: true) {\n  $media-label: '';\n\n  @if ($optional-media != '') {\n    $media-sizes-min: map-get($media-query-sizes, $media);\n    $media-sizes-max: map-get($media-query-sizes, $optional-media);\n    $media-label: $screen +\n      \" and (min-width:#{map-get($media-sizes-min, 'min')}) and (max-width:#{map-get($media-sizes-max, 'max')})\";\n  } @else {\n    $query: 'max';\n\n    @if ($min) {\n      $query: 'min';\n    }\n\n    $media-sizes: map-get($media-query-sizes, $media);\n    $media-label: $screen + ' and (#{$query}-width:#{map-get($media-sizes, $query)})';\n  }\n\n  @return $media-label;\n}\n\n// Min media query\n@mixin min($media) {\n  @media #{media-query($media)} {\n    @content;\n  }\n}\n\n// Max media query\n@mixin max($media) {\n  @media #{media-query($media, '', false)} {\n    @content;\n  }\n}\n\n// Min & max media query\n@mixin min-max($min, $max) {\n  @media #{media-query($min, $max)} {\n    @content;\n  }\n}\n\n// Use this ONLY if you need a media query that doesn't fit the $media-query-sizes breakpoints above\n// Pass number, for example @include custom-min(992)\n@mixin custom-min($min) {\n  @media #{$screen} and (min-width: #{$min}px) {\n    @content;\n  }\n}\n\n@mixin custom-max($max) {\n  @media #{$screen} and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n@mixin custom-min-max($min, $max) {\n  @media #{$screen} and (min-width: #{$min}px) and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n// Landscape\n// (If we find more use cases of this in the future, might want to refactor this and include it in the media-query function for $screen)\n// Pass number\n$landscape: 'screen and (orientation:landscape)';\n\n@mixin landscape-max($max) {\n  @media #{$landscape} and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n@mixin landscape-min($min) {\n  @media #{$landscape} and (min-width: #{$min}px) {\n    @content;\n  }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={titlefixture:"tTbTUeH6G-EP2u-YVFYy7g==",title:"YGl3EwIIXjClvJ6m2y3Lpg==",sportstakeHeader:"YRcdkavQZf9JkGBAYcClYA==",twoHalfs:"qEB4A467nKqDktd20eQwvw==",divTable:"gQoj9QlSvm8x5gO53TFvUA==",tablesContainer:"-1l0aJQ-3fPqrbZzlZPclg==",jackpotDiv:"TZAsVyl-MNMO0EVskba2Tg=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/866.0e255b9d.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[866],{"../node_modules/gatsby-core-theme/src/components/organisms/toplist/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return toplist}});__webpack_require__("../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../node_modules/core-js/modules/es.promise.js"),__webpack_require__("../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.iterator.js");var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("../node_modules/gatsby-core-theme/node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),loadable_esm=__webpack_require__("../node_modules/@loadable/component/dist/loadable.esm.js"),keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.js"),button_button=(__webpack_require__("../node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("../node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/button/button.js")),template_one=(__webpack_require__("../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../node_modules/gatsby-core-theme/src/components/molecules/bonus-box/template-one/index.js")),selling_points=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/selling-points/index.js"),review_link=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/review-link/index.js"),pretty_link=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/pretty-link/index.js"),operator_cta=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/button/operator-cta.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"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),default_row_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/toplist/default-row/default-row.module.scss"),options={insert:"head",singleton:!1},default_row_default_row_module=(injectStylesIntoStyleTag_default()(default_row_module.Z,options),default_row_module.Z.locals||{}),Row=function Row(_ref){var item=_ref.item,_ref$oneliner=_ref.oneliner,oneliner=void 0===_ref$oneliner?"main":_ref$oneliner,_ref$layout=_ref.layout,layout=void 0===_ref$layout?"list":_ref$layout,_ref$tracker=_ref.tracker,tracker=void 0===_ref$tracker?"main":_ref$tracker,pageTemplate=_ref.pageTemplate,itemRefs=_ref.itemRefs,index=_ref.index,className=_ref.className,_ref$nofollow=_ref.nofollow,nofollow=void 0!==_ref$nofollow&&_ref$nofollow,module=_ref.module,reviewPath=item.review_link?"/".concat(item.review_link):item.path||null,imageObject=(null==item?void 0:item.standardised_logo_url_object)||(null==item?void 0:item.logo_url_object);return react.createElement("li",{className:"".concat(className||""," ").concat(default_row_default_row_module.row||""," ").concat(default_row_default_row_module[layout]||""),ref:function ref(el){return function addToRefs(el,itemNum){el&&itemRefs&&(itemRefs.current[itemNum]=el)}(el,index)}},react.createElement("div",{className:default_row_default_row_module.ribbons||""},item.ribbons&&item.ribbons.map((function(ribbon){return react.createElement("span",null,ribbon)}))),react.createElement(pretty_link.Z,{operator:item,pageTemplate:pageTemplate,module:module,tracker:tracker,clickedElement:"logo",className:"casinos-top-list-gtm logo-cta ".concat(default_row_default_row_module.logo)},react.createElement(lazy_image.Z,{alt:(0,getters.PY)(imageObject,item.name),src:(0,getters.S7)((null==imageObject?void 0:imageObject.filename)||(null==item?void 0:item.logo_url),100,100),width:100,height:100})),react.createElement(template_one.default,{module:"bonus",item:item,tracker:oneliner}),react.createElement(selling_points.Z,{sellingPoints:item.selling_points}),reviewPath&&react.createElement(review_link.default,{className:"".concat(default_row_default_row_module.reviewLink||"","  toplist-variant-one-gtm"),template:pageTemplate,operatorName:item.name,nofollow:nofollow,reviewPath:reviewPath}),react.createElement(operator_cta.Z,{operator:item,tracker:tracker,gtmClass:"toplist-operator-cta-gtm",pageTemplate:pageTemplate,module:module}))};Row.displayName="Row",Row.propTypes={oneliner:prop_types_default().string,layout:prop_types_default().string,tracker:prop_types_default().string,module:prop_types_default().string,item:prop_types_default().shape({name:prop_types_default().string,ribbons:prop_types_default().arrayOf(prop_types_default().string),logo_url:prop_types_default().string,selling_points:prop_types_default().arrayOf(prop_types_default().string),review_link:prop_types_default().string,rating:prop_types_default().string,one_liners:prop_types_default().shape({main:prop_types_default().shape({one_liner:prop_types_default().string})}),logo_url_object:prop_types_default().shape({filename:prop_types_default().string}),standardised_logo_url_object:prop_types_default().shape({filename:prop_types_default().string}),bonus:prop_types_default().oneOfType([prop_types_default().array,prop_types_default().object])}).isRequired,pageTemplate:prop_types_default().string},Row.__docgenInfo={description:"",methods:[],displayName:"Row",props:{oneliner:{defaultValue:{value:"'main'",computed:!1},description:"",type:{name:"string"},required:!1},layout:{defaultValue:{value:"'list'",computed:!1},description:"",type:{name:"string"},required:!1},tracker:{defaultValue:{value:"'main'",computed:!1},description:"",type:{name:"string"},required:!1},nofollow:{defaultValue:{value:"false",computed:!1},required:!1},module:{description:"",type:{name:"string"},required:!1},item:{description:"",type:{name:"shape",value:{name:{name:"string",required:!1},ribbons:{name:"arrayOf",value:{name:"string"},required:!1},logo_url:{name:"string",required:!1},selling_points:{name:"arrayOf",value:{name:"string"},required:!1},review_link:{name:"string",required:!1},rating:{name:"string",required:!1},one_liners:{name:"shape",value:{main:{name:"shape",value:{one_liner:{name:"string",required:!1}},required:!1}},required:!1},logo_url_object:{name:"shape",value:{filename:{name:"string",required:!1}},required:!1},standardised_logo_url_object:{name:"shape",value:{filename:{name:"string",required:!1}},required:!1},bonus:{name:"union",value:[{name:"array"},{name:"object"}],required:!1}}},required:!0},pageTemplate:{description:"",type:{name:"string"},required:!1}}};var default_row=Row;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/molecules/toplist/default-row/index.js"]={name:"Row",docgenInfo:Row.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/molecules/toplist/default-row/index.js"});var list_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/toplist/list/list.module.scss"),list_module_options={insert:"head",singleton:!1},list_list_module=(injectStylesIntoStyleTag_default()(list_module.Z,list_module_options),list_module.Z.locals||{});function List(_ref){var toplist=_ref.toplist,hasLoadMoreButton=_ref.hasLoadMoreButton,initItemsCount=_ref.initItemsCount,loadItemsCount=_ref.loadItemsCount,pageTemplate=_ref.pageTemplate,module=_ref.module,pagePath=_ref.pagePath,initLoadItems=0!==Number(initItemsCount)?Number(initItemsCount):1e4,loadingItems=0!==Number(loadItemsCount)?Number(loadItemsCount):1e4,elRefs=(0,react.useRef)([]),loadMoreBtn=(0,react.useRef)(react.createRef()),showLoadMoreButton="1"===hasLoadMoreButton&&0!==Number(initItemsCount);return react.createElement(react.Fragment,null,react.createElement("ul",{className:list_list_module.list||"",key:(0,keygen.Z)()},toplist.items.map((function(item,index){return react.createElement(default_row,{pagePath:pagePath,item:item,tracker:toplist.tracker,pageTemplate:pageTemplate,className:index+1<=initLoadItems?list_list_module.show:null,key:(0,keygen.Z)(),itemRefs:elRefs,oneliner:toplist.one_liner,index:index,module:module})}))),showLoadMoreButton&&react.createElement("div",{ref:loadMoreBtn,className:list_list_module.loadMore||""},react.createElement(button_button.Z,{isInternalLink:!1,btnText:"Load More",onClick:function onClick(){return function handleClick(){var displayed=elRefs.current.filter((function(item){return item.classList.contains(list_list_module.show)})).length,lastItem=loadingItems+displayed>elRefs.current.length?elRefs.current.length+1:displayed+loadingItems;elRefs.current.slice(displayed,lastItem).forEach((function(item){return item.classList.toggle(list_list_module.show)})),loadingItems+displayed>elRefs.current.length&&loadMoreBtn.current.classList.toggle(list_list_module.hide)}()},buttonType:"tertiary"})))}List.propTypes={toplist:prop_types_default().shape({items:prop_types_default().arrayOf(prop_types_default().shape({name:prop_types_default().string})),tracker:prop_types_default().string,one_liner:prop_types_default().string}),hasLoadMoreButton:prop_types_default().string,initItemsCount:prop_types_default().string,loadItemsCount:prop_types_default().string,pageTemplate:prop_types_default().string,module:prop_types_default().string,pagePath:prop_types_default().string},List.__docgenInfo={description:"",methods:[],displayName:"List",props:{toplist:{description:"",type:{name:"shape",value:{items:{name:"arrayOf",value:{name:"shape",value:{name:{name:"string",required:!1}}},required:!1},tracker:{name:"string",required:!1},one_liner:{name:"string",required:!1}}},required:!1},hasLoadMoreButton:{description:"",type:{name:"string"},required:!1},initItemsCount:{description:"",type:{name:"string"},required:!1},loadItemsCount:{description:"",type:{name:"string"},required:!1},pageTemplate:{description:"",type:{name:"string"},required:!1},module:{description:"",type:{name:"string"},required:!1},pagePath:{description:"",type:{name:"string"},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/organisms/toplist/list/index.js"]={name:"List",docgenInfo:List.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/organisms/toplist/list/index.js"});var toplist_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/toplist/toplist.module.scss"),toplist_module_options={insert:"head",singleton:!1},toplist_toplist_module=(injectStylesIntoStyleTag_default()(toplist_module.Z,toplist_module_options),toplist_module.Z.locals||{}),TopList=function TopList(_ref){var module=_ref.module,toplistHeading=_ref.toplistHeading,page=_ref.page,showTabs=module.items.length>1,content=module.items.map((function(toplist){return react.createElement("div",{className:!showTabs&&(toplist_toplist_module.toplistContainer||""),label:toplist.title,key:(0,keygen.Z)()},toplistHeading,react.createElement(List,{pagePath:null==page?void 0:page.path,toplist:toplist,hasLoadMoreButton:toplist.show_load_more,initItemsCount:toplist.num_items_initial_load,loadItemsCount:toplist.num_items_load_more,pageTemplate:null==page?void 0:page.template,module:module.name}))})),Tabs=showTabs&&(0,loadable_esm.ZP)((function(){return __webpack_require__.e(555).then(__webpack_require__.bind(__webpack_require__,"../node_modules/gatsby-core-theme/src/hooks/tabs/index.js"))}));return showTabs?react.createElement(Tabs,{tabsAlign:"right",gtmClass:"toplist-tabs-menu-gtm",children:content}):content};TopList.propTypes={module:prop_types_default().shape({name:prop_types_default().string,items:prop_types_default().arrayOf(prop_types_default().object)}),toplistHeading:prop_types_default().element,page:prop_types_default().shape({template:prop_types_default().string,path:prop_types_default().string})},TopList.__docgenInfo={description:"",methods:[],displayName:"TopList",props:{module:{description:"",type:{name:"shape",value:{name:{name:"string",required:!1},items:{name:"arrayOf",value:{name:"object"},required:!1}}},required:!1},toplistHeading:{description:"",type:{name:"element"},required:!1},page:{description:"",type:{name:"shape",value:{template:{name:"string",required:!1},path:{name:"string",required:!1}}},required:!1}}};var toplist=TopList;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/organisms/toplist/index.js"]={name:"TopList",docgenInfo:TopList.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/organisms/toplist/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/toplist/default-row/default-row.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,".vz-rAZjJGhdY\\+NgWlVNi-A\\=\\={display:grid;gap:2rem}@media only screen and (max-width:767px){.vz-rAZjJGhdY\\+NgWlVNi-A\\=\\={justify-content:center;text-align:center}}@media only screen and (min-width:768px){.vz-rAZjJGhdY\\+NgWlVNi-A\\=\\={padding:0 0 0 3rem}}@media only screen and (max-width:767px){.vz-rAZjJGhdY\\+NgWlVNi-A\\=\\= ul li{justify-content:center}}.vz-rAZjJGhdY\\+NgWlVNi-A\\=\\=>*{align-self:center}.vz-rAZjJGhdY\\+NgWlVNi-A\\=\\=>a:first-child{color:var(--primary-text-color);font-weight:bold;font-size:var(--h2-size)}.vz-rAZjJGhdY\\+NgWlVNi-A\\=\\=.J8GFIC8eDM9L8KCb9fPOVA\\=\\={grid-template-columns:auto}.vz-rAZjJGhdY\\+NgWlVNi-A\\=\\=._9occg3vd42IP3g-vt86foA\\=\\={grid-template-columns:repeat(5, 1fr)}@media only screen and (max-width:991px){.vz-rAZjJGhdY\\+NgWlVNi-A\\=\\=._9occg3vd42IP3g-vt86foA\\=\\={grid-template-columns:auto}}.vz-rAZjJGhdY\\+NgWlVNi-A\\=\\= ._1Nl7cIus-7ETiN008itlLw\\=\\={display:flex;align-items:center;justify-content:center}.DlZD-BlWhRmBo9ZUjJ\\+eMg\\=\\={position:absolute;top:-1rem;display:flex;flex-direction:row;gap:1rem}.DlZD-BlWhRmBo9ZUjJ\\+eMg\\=\\=>span{color:#fff;padding:.2rem 1rem;background-color:red;border-radius:1rem}.yS8jhYDQeywOkcH4CPyp3A\\=\\={display:flex;flex-direction:column}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/molecules/toplist/default-row/default-row.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,6BACE,YAAA,CACA,QAAA,CC2CA,yCD7CF,6BAKI,sBAAA,CACA,iBAAA,CAAA,CCgCF,yCDtCF,6BAUI,kBAAA,CAAA,CCmCF,yCDhCA,mCAEI,sBAAA,CAAA,CAIJ,+BACE,iBAAA,CAGF,2CACE,+BAAA,CAEE,gBAAA,CACA,wBAAA,CAIJ,wDACE,0BAAA,CAGF,yDACE,oCAAA,CCSF,yCDVA,yDAII,0BAAA,CAAA,CAIJ,0DExDA,YAAA,CACA,kBFwDsB,CEvDtB,sBFuD8B,CAIhC,6BACE,iBAAA,CACA,SAAA,CEzDA,YAAA,CACA,kBFyDwB,CACxB,QAAA,CAEA,kCACE,UAAA,CACA,kBAAA,CACA,oBAAA,CACA,kBAAA,CAIJ,4BErEE,YAAA,CACA,qBFqEwB",sourcesContent:["// Global styles extended in each theme\n\n// Utils\n@import '../../../../styles/utils/variables/typography';\n@import '../../../../styles/utils/variables/layout';\n@import '../../../../styles/utils/variables/stack-order';\n@import '../../../../styles/utils/media-queries';\n@import '../../../../styles/utils/icons';\n@import '../../../../styles/utils/tooltip';\n@import '../../../../styles/utils/loader';\n@import '../../../../styles/utils/mixins';\n@import '../../../../styles/utils/scrollbar';\n@import '../../../../styles/utils/animations';\n\n.row {\n  display: grid;\n  gap: 2rem;\n\n  @include max(mobile) {\n    justify-content: center;\n    text-align: center;\n  }\n\n  @include min(tablet) {\n    padding: 0 0 0 3rem;\n  }\n\n  ul li {\n    @include max(mobile) {\n      justify-content: center;\n    }\n  }\n\n  > * {\n    align-self: center;\n  }\n\n  > a:first-child {\n    color: var(--primary-text-color);\n    font: {\n      weight: bold;\n      size: var(--h2-size);\n    }\n  }\n\n  &.grid {\n    grid-template-columns: auto;\n  }\n\n  &.list {\n    grid-template-columns: repeat(5, 1fr);\n\n    @include max(tablet) {\n      grid-template-columns: auto;\n    }\n  }\n\n  .alignCenter {\n    @include flex-align(center, center);\n  }\n}\n\n.ribbons {\n  position: absolute;\n  top: -1rem;\n  @include flex-direction(row);\n  gap: 1rem;\n\n  > span {\n    color: white;\n    padding: .2rem 1rem;\n    background-color: red;\n    border-radius: 1rem;\n  }\n}\n\n.logo {\n  @include flex-direction(column);\n}","$media-query-sizes: (\n  mobile-s: (\n    min: 320px,\n    max: 374px,\n  ),\n  mobile-m: (\n    min: 375px,\n    max: 424px,\n  ),\n  mobile: (\n    min: 425px,\n    max: 767px,\n  ),\n  tablet: (\n    min: 768px,\n    max: 991px,\n  ),\n  laptop: (\n    min: 992px,\n    max: 1199px,\n  ),\n  desktop: (\n    min: 1200px,\n  ),\n);\n\n// Get media query sizes\n$screen: 'only screen';\n@function media-query($media, $optional-media: '', $min: true) {\n  $media-label: '';\n\n  @if ($optional-media != '') {\n    $media-sizes-min: map-get($media-query-sizes, $media);\n    $media-sizes-max: map-get($media-query-sizes, $optional-media);\n    $media-label: $screen +\n      \" and (min-width:#{map-get($media-sizes-min, 'min')}) and (max-width:#{map-get($media-sizes-max, 'max')})\";\n  } @else {\n    $query: 'max';\n\n    @if ($min) {\n      $query: 'min';\n    }\n\n    $media-sizes: map-get($media-query-sizes, $media);\n    $media-label: $screen + ' and (#{$query}-width:#{map-get($media-sizes, $query)})';\n  }\n\n  @return $media-label;\n}\n\n// Min media query\n@mixin min($media) {\n  @media #{media-query($media)} {\n    @content;\n  }\n}\n\n// Max media query\n@mixin max($media) {\n  @media #{media-query($media, '', false)} {\n    @content;\n  }\n}\n\n// Min & max media query\n@mixin min-max($min, $max) {\n  @media #{media-query($min, $max)} {\n    @content;\n  }\n}\n\n// Use this ONLY if you need a media query that doesn't fit the $media-query-sizes breakpoints above\n// Pass number, for example @include custom-min(992)\n@mixin custom-min($min) {\n  @media #{$screen} and (min-width: #{$min}px) {\n    @content;\n  }\n}\n\n@mixin custom-max($max) {\n  @media #{$screen} and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n@mixin custom-min-max($min, $max) {\n  @media #{$screen} and (min-width: #{$min}px) and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n// Landscape\n// (If we find more use cases of this in the future, might want to refactor this and include it in the media-query function for $screen)\n// Pass number\n$landscape: 'screen and (orientation:landscape)';\n\n@mixin landscape-max($max) {\n  @media #{$landscape} and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n@mixin landscape-min($min) {\n  @media #{$landscape} and (min-width: #{$min}px) {\n    @content;\n  }\n}\n","@mixin flex-align($align-items, $justify-content) {\n  display: flex;\n  align-items: $align-items;\n  justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n  display: flex;\n  flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n  #{$overflow-type}: $overflow-value;\n  -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n  background: $bgcolor;\n  border-radius: 100px;\n  color: $text-color;\n  font-weight: 700;\n  @include flex-align(center, center);\n  padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n  color: $color;\n\n  &:hover {\n    color: $color;\n  }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n  float: $direction;\n  @if $direction == right {\n    margin: var(--img-float-direction-right, 0 0 2.4rem 4.8rem);\n  } @else if $direction == left {\n    margin: var(--img-float-direction-left, 0 4.8rem 2.4rem 0);\n  } @else {\n    margin: 0 1em 1em 0;\n  }\n}\n\n@mixin content-img-align($direction: center, $spacing: var(--content-img-spacing, 1em)) {\n  display: block;\n  @if $direction == right {\n    margin: $spacing 0 $spacing auto;\n  } @else if $direction == left {\n    margin: $spacing auto $spacing 0;\n  } @else {\n    margin: $spacing auto;\n  }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n  position: relative;\n  &:after {\n    top: 100%;\n    left: 50%;\n    border: solid transparent;\n    content: '';\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n    border-color: rgba(0, 0, 0, 0);\n    border-top: $height solid $color;\n    border-right: calc($width / 2) solid transparent;\n    border-left: calc($width / 2) solid transparent;\n    margin-left: -calc($width / 2);\n  }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n  background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  &:hover {\n    background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  }\n}\n\n@mixin sportBtn($color1, $color2) {\n  background: linear-gradient(to bottom, $color1 0, $color2 100%);\n  &:hover {\n    background: linear-gradient(to bottom, $color2 0, $color1 100%);\n  }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n  line-height: $line-height;\n  width: $width;\n  font-weight: normal;\n  display: inline-block;\n  color: $fill-color;\n  font-size: 15px;\n  position: relative;\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n  &:last-child {\n    margin-right: 0;\n  }\n  &:before {\n    content: '\\2605';\n  }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n  line-height: 2rem;\n  width: 16px;\n  font-weight: normal;\n  display: inline-block;\n  color: $half-full-color;\n  font-size: 15px;\n  position: relative;\n  &:before {\n    content: '\\2605';\n  }\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n  &:after {\n    content: '\\2605';\n    color: $half-empty-color;\n    position: absolute;\n    width: 7px;\n    overflow: hidden;\n    bottom: 0;\n    left: 0;\n  }\n}\n\n@mixin border-gradient($color-1, $color-2, $bgcolor, $radius: 0.8rem, $border-width: 2px) {\n  background: $bgcolor;\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: $radius;\n    border: $border-width solid transparent;\n    background: $color-1, $color-2 border-box;\n    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: destination-out;\n    mask-composite: exclude;\n  }\n}\n\n@mixin border-gradient-single($color-1, $bgcolor, $radius: 0.8rem, $border-width: 0.1rem) {\n  background: $bgcolor;\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: $radius;\n    border: $border-width solid transparent;\n    background: $color-1 border-box;\n    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: destination-out;\n    mask-composite: exclude;\n  }\n}\n\n@mixin buttonsColor($color1, $color2, $color3, $textColor: 'white') {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  background-color: $color1;\n  color: $textColor;\n  padding: 0.9rem 3rem;\n  font-weight: 700;\n  font-size: 1.8rem;\n  border-radius: var(--border-radius);\n\n  > svg {\n    flex: none;\n    margin-left: 0.8rem;\n  }\n\n  &:hover {\n    background-color: $color2;\n    color: $textColor;\n  }\n\n  &:active {\n    background-color: $color3;\n    color: $textColor;\n  }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={row:"vz-rAZjJGhdY+NgWlVNi-A==",grid:"J8GFIC8eDM9L8KCb9fPOVA==",list:"_9occg3vd42IP3g-vt86foA==",alignCenter:"_1Nl7cIus-7ETiN008itlLw==",ribbons:"DlZD-BlWhRmBo9ZUjJ+eMg==",logo:"yS8jhYDQeywOkcH4CPyp3A=="},__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/toplist/list/list.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,".iXHuogkUOFynpqHDdWjmpw\\=\\={display:grid;grid-template-columns:auto;padding:0;list-style:none;gap:2rem;counter-reset:toplist-counter}.iXHuogkUOFynpqHDdWjmpw\\=\\=>li{position:relative;counter-increment:toplist-counter;display:none}.iXHuogkUOFynpqHDdWjmpw\\=\\=>li.b2M\\+GBGkyWI4eDu0kbpUtw\\=\\={display:grid}.iXHuogkUOFynpqHDdWjmpw\\=\\=>li:before{position:absolute;content:counter(toplist-counter);display:flex;align-items:center;background-color:var(--toplist-ranking-base-color);font-size:1.4rem;font-weight:700;color:#fff;height:auto;padding:.5rem 1rem;border-radius:.6rem 0 .6rem 0;top:0;left:0;z-index:1}@media only screen and (min-width:768px){.iXHuogkUOFynpqHDdWjmpw\\=\\=>li:before{border-radius:.6rem 0 0 .6rem;padding:0;height:100%;min-width:2rem;justify-content:center}}.iXHuogkUOFynpqHDdWjmpw\\=\\=>li:first-child:before{background-color:var(--toplist-ranking-first-color)}.iXHuogkUOFynpqHDdWjmpw\\=\\=>li:nth-child(2):before{background-color:var(--toplist-ranking-second-color)}.iXHuogkUOFynpqHDdWjmpw\\=\\=>li:nth-child(3):before{background-color:var(--toplist-ranking-third-color)}.lVTwa03Zu4wHJ97lL4Kmsw\\=\\={display:flex;align-items:center;justify-content:center;padding-top:2rem}.lVTwa03Zu4wHJ97lL4Kmsw\\=\\=.sphbIxaHDwdCXvnW-tDAog\\=\\={display:none}.lVTwa03Zu4wHJ97lL4Kmsw\\=\\=>div{padding:1rem 5rem}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/organisms/toplist/list/list.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,4BACE,YAAA,CACA,0BAAA,CACA,SAAA,CACA,eAAA,CACA,QAAA,CACA,6BAAA,CAEA,+BACE,iBAAA,CACA,iCAAA,CACA,YAAA,CAEA,2DACE,YAAA,CAGF,sCACE,iBAAA,CACA,gCAAA,CAEA,YAAA,CACA,kBAAA,CACA,kDAAA,CACA,gBAAA,CACA,eAAA,CACA,UAAA,CACA,WAAA,CACA,kBAAA,CACA,6BAAA,CACA,KAAA,CACA,MAAA,CACA,SAAA,CCMJ,yCDrBE,sCAkBI,6BAAA,CACA,SAAA,CACA,WAAA,CACA,cAAA,CACA,sBAAA,CAAA,CAIJ,kDACE,mDAAA,CAGF,mDACE,oDAAA,CAGF,mDACE,mDAAA,CAKN,4BEtEE,YAAA,CACA,kBFsEoB,CErEpB,sBFqE4B,CAC5B,gBAAA,CAEA,uDACE,YAAA,CAGF,gCACE,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.list {\n  display: grid;\n  grid-template-columns: auto;\n  padding: 0;\n  list-style: none;\n  gap: 2rem;\n  counter-reset: toplist-counter;\n\n  > li {\n    position: relative;\n    counter-increment: toplist-counter;\n    display: none;\n\n    &.show {\n      display: grid;\n    }\n\n    &:before {\n      position: absolute;\n      content: counter(toplist-counter);\n\n      display: flex;\n      align-items: center;\n      background-color: var(--toplist-ranking-base-color);\n      font-size: 1.4rem;\n      font-weight: 700;\n      color: white;\n      height: auto;\n      padding: 0.5rem 1rem;\n      border-radius: 0.6rem 0 0.6rem 0;\n      top: 0;\n      left: 0;\n      z-index: 1;\n\n      @include min(tablet) {\n        border-radius: 0.6rem 0 0 0.6rem;\n        padding: 0;\n        height: 100%;\n        min-width: 2rem;\n        justify-content: center;\n      }\n    }\n\n    &:first-child:before {\n      background-color: var(--toplist-ranking-first-color);\n    }\n\n    &:nth-child(2):before {\n      background-color: var(--toplist-ranking-second-color);\n    }\n\n    &:nth-child(3):before {\n      background-color: var(--toplist-ranking-third-color);\n    }\n  }\n}\n\n.loadMore {\n  @include flex-align(center, center);\n  padding-top: 2rem;\n\n  &.hide {\n    display: none;\n  }\n\n  > div {\n    padding: 1rem 5rem;\n  }\n}\n","$media-query-sizes: (\n  mobile-s: (\n    min: 320px,\n    max: 374px,\n  ),\n  mobile-m: (\n    min: 375px,\n    max: 424px,\n  ),\n  mobile: (\n    min: 425px,\n    max: 767px,\n  ),\n  tablet: (\n    min: 768px,\n    max: 991px,\n  ),\n  laptop: (\n    min: 992px,\n    max: 1199px,\n  ),\n  desktop: (\n    min: 1200px,\n  ),\n);\n\n// Get media query sizes\n$screen: 'only screen';\n@function media-query($media, $optional-media: '', $min: true) {\n  $media-label: '';\n\n  @if ($optional-media != '') {\n    $media-sizes-min: map-get($media-query-sizes, $media);\n    $media-sizes-max: map-get($media-query-sizes, $optional-media);\n    $media-label: $screen +\n      \" and (min-width:#{map-get($media-sizes-min, 'min')}) and (max-width:#{map-get($media-sizes-max, 'max')})\";\n  } @else {\n    $query: 'max';\n\n    @if ($min) {\n      $query: 'min';\n    }\n\n    $media-sizes: map-get($media-query-sizes, $media);\n    $media-label: $screen + ' and (#{$query}-width:#{map-get($media-sizes, $query)})';\n  }\n\n  @return $media-label;\n}\n\n// Min media query\n@mixin min($media) {\n  @media #{media-query($media)} {\n    @content;\n  }\n}\n\n// Max media query\n@mixin max($media) {\n  @media #{media-query($media, '', false)} {\n    @content;\n  }\n}\n\n// Min & max media query\n@mixin min-max($min, $max) {\n  @media #{media-query($min, $max)} {\n    @content;\n  }\n}\n\n// Use this ONLY if you need a media query that doesn't fit the $media-query-sizes breakpoints above\n// Pass number, for example @include custom-min(992)\n@mixin custom-min($min) {\n  @media #{$screen} and (min-width: #{$min}px) {\n    @content;\n  }\n}\n\n@mixin custom-max($max) {\n  @media #{$screen} and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n@mixin custom-min-max($min, $max) {\n  @media #{$screen} and (min-width: #{$min}px) and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n// Landscape\n// (If we find more use cases of this in the future, might want to refactor this and include it in the media-query function for $screen)\n// Pass number\n$landscape: 'screen and (orientation:landscape)';\n\n@mixin landscape-max($max) {\n  @media #{$landscape} and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n@mixin landscape-min($min) {\n  @media #{$landscape} and (min-width: #{$min}px) {\n    @content;\n  }\n}\n","@mixin flex-align($align-items, $justify-content) {\n  display: flex;\n  align-items: $align-items;\n  justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n  display: flex;\n  flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n  #{$overflow-type}: $overflow-value;\n  -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n  background: $bgcolor;\n  border-radius: 100px;\n  color: $text-color;\n  font-weight: 700;\n  @include flex-align(center, center);\n  padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n  color: $color;\n\n  &:hover {\n    color: $color;\n  }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n  float: $direction;\n  @if $direction == right {\n    margin: var(--img-float-direction-right, 0 0 2.4rem 4.8rem);\n  } @else if $direction == left {\n    margin: var(--img-float-direction-left, 0 4.8rem 2.4rem 0);\n  } @else {\n    margin: 0 1em 1em 0;\n  }\n}\n\n@mixin content-img-align($direction: center, $spacing: var(--content-img-spacing, 1em)) {\n  display: block;\n  @if $direction == right {\n    margin: $spacing 0 $spacing auto;\n  } @else if $direction == left {\n    margin: $spacing auto $spacing 0;\n  } @else {\n    margin: $spacing auto;\n  }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n  position: relative;\n  &:after {\n    top: 100%;\n    left: 50%;\n    border: solid transparent;\n    content: '';\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n    border-color: rgba(0, 0, 0, 0);\n    border-top: $height solid $color;\n    border-right: calc($width / 2) solid transparent;\n    border-left: calc($width / 2) solid transparent;\n    margin-left: -calc($width / 2);\n  }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n  background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  &:hover {\n    background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  }\n}\n\n@mixin sportBtn($color1, $color2) {\n  background: linear-gradient(to bottom, $color1 0, $color2 100%);\n  &:hover {\n    background: linear-gradient(to bottom, $color2 0, $color1 100%);\n  }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n  line-height: $line-height;\n  width: $width;\n  font-weight: normal;\n  display: inline-block;\n  color: $fill-color;\n  font-size: 15px;\n  position: relative;\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n  &:last-child {\n    margin-right: 0;\n  }\n  &:before {\n    content: '\\2605';\n  }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n  line-height: 2rem;\n  width: 16px;\n  font-weight: normal;\n  display: inline-block;\n  color: $half-full-color;\n  font-size: 15px;\n  position: relative;\n  &:before {\n    content: '\\2605';\n  }\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n  &:after {\n    content: '\\2605';\n    color: $half-empty-color;\n    position: absolute;\n    width: 7px;\n    overflow: hidden;\n    bottom: 0;\n    left: 0;\n  }\n}\n\n@mixin border-gradient($color-1, $color-2, $bgcolor, $radius: 0.8rem, $border-width: 2px) {\n  background: $bgcolor;\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: $radius;\n    border: $border-width solid transparent;\n    background: $color-1, $color-2 border-box;\n    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: destination-out;\n    mask-composite: exclude;\n  }\n}\n\n@mixin border-gradient-single($color-1, $bgcolor, $radius: 0.8rem, $border-width: 0.1rem) {\n  background: $bgcolor;\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: $radius;\n    border: $border-width solid transparent;\n    background: $color-1 border-box;\n    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: destination-out;\n    mask-composite: exclude;\n  }\n}\n\n@mixin buttonsColor($color1, $color2, $color3, $textColor: 'white') {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  background-color: $color1;\n  color: $textColor;\n  padding: 0.9rem 3rem;\n  font-weight: 700;\n  font-size: 1.8rem;\n  border-radius: var(--border-radius);\n\n  > svg {\n    flex: none;\n    margin-left: 0.8rem;\n  }\n\n  &:hover {\n    background-color: $color2;\n    color: $textColor;\n  }\n\n  &:active {\n    background-color: $color3;\n    color: $textColor;\n  }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={list:"iXHuogkUOFynpqHDdWjmpw==",show:"b2M+GBGkyWI4eDu0kbpUtw==",loadMore:"lVTwa03Zu4wHJ97lL4Kmsw==",hide:"sphbIxaHDwdCXvnW-tDAog=="},__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/toplist/toplist.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,".F4Rl\\+yKVsYpZ5XzOVfUOWQ\\=\\=>ul{margin-top:2rem}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/organisms/toplist/toplist.module.scss"],names:[],mappings:"AAcA,gCACE,eAAA",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.toplistContainer > ul {\n  margin-top: 2rem;\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={toplistContainer:"F4Rl+yKVsYpZ5XzOVfUOWQ=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/871.e3a780ba.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[871],{"../node_modules/gatsby-core-theme/src/components/atoms/image/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return atoms_image}});__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/gatsby-core-theme/node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),lazy_image=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/lazy-image/index.js"),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.mjs"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),image_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/atoms/image/image.module.scss"),options={insert:"head",singleton:!1},image_image_module=(injectStylesIntoStyleTag_default()(image_module.Z,options),image_module.Z.locals||{}),Image=function Image(_ref){var _ref$module=_ref.module,module=void 0===_ref$module?{}:_ref$module,title=module.title,value=module.value,_module$alt=module.alt,alt=void 0===_module$alt?"missing alt":_module$alt,alignment=module.alignment;return value?react.createElement(lazy_image.Z,{src:(0,getters.S7)(value,912,333),alt:alt||"missing alt",width:912,height:333,title:title&&title,className:"".concat(image_image_module.imageModule||""," ").concat(image_image_module[alignment]||"")}):react.createElement(react.Fragment,null)};Image.displayName="Image",Image.propTypes={module:prop_types_default().shape({title:prop_types_default().string,value:prop_types_default().string,alt:prop_types_default().string,alignment:prop_types_default().string})},Image.__docgenInfo={description:"",methods:[],displayName:"Image",props:{module:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"shape",value:{title:{name:"string",required:!1},value:{name:"string",required:!1},alt:{name:"string",required:!1},alignment:{name:"string",required:!1}}},required:!1}}};var atoms_image=Image;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/image/index.js"]={name:"Image",docgenInfo:Image.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/image/index.js"})},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/atoms/image/image.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,".igHJ56XlrK5G1tT2c9QxVA\\=\\=.G2qFh58W0IT1gwhVVBtHGA\\=\\={display:block;margin:0 auto}.igHJ56XlrK5G1tT2c9QxVA\\=\\=.y4609nVlrj9sleha0FpHKw\\=\\={display:block;margin:0 0 0 auto}.igHJ56XlrK5G1tT2c9QxVA\\=\\=.fb6oNZ8TRfXQEREFK1bUVw\\=\\={display:block;margin:0 auto 0 0}.igHJ56XlrK5G1tT2c9QxVA\\=\\= img{width:100%}@media only screen and (min-width:768px){.igHJ56XlrK5G1tT2c9QxVA\\=\\= img{width:auto}}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/atoms/image/image.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAeE,uDC+BA,aAAA,CAME,aAAA,CDjCF,uDC2BA,aAAA,CAEE,iBAAA,CDzBF,uDCuBA,aAAA,CAIE,iBAAA,CDvBF,gCACE,UAAA,CEwBF,yCFzBA,gCAGI,UAAA,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.imageModule {\n  &.align_center {\n    @include content-img-align(center, 0);\n  }\n\n  &.align_right {\n    @include content-img-align(right, 0);\n  }\n\n  &.align_left {\n    @include content-img-align(left, 0);\n  }\n\n  img {\n    width: 100%;\n    @include min(tablet) {\n      width: auto;\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={imageModule:"igHJ56XlrK5G1tT2c9QxVA==",align_center:"G2qFh58W0IT1gwhVVBtHGA==",align_right:"y4609nVlrj9sleha0FpHKw==",align_left:"fb6oNZ8TRfXQEREFK1bUVw=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/907.0521c6f4.iframe.bundle.js

@@ -1,2 +0,0 @@
-/*! For license information please see 907.0521c6f4.iframe.bundle.js.LICENSE.txt */
-"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[907],{"../node_modules/gatsby-core-theme/src/components/molecules/newsletter/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return newsletter}});__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.slice.js"),__webpack_require__("../node_modules/core-js/modules/es.array.from.js");var react=__webpack_require__("../node_modules/react/index.js"),MdClose=__webpack_require__("../node_modules/@react-icons/all-files/md/MdClose.js"),prop_types=__webpack_require__("../node_modules/gatsby-core-theme/node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),MainProvider=__webpack_require__("../node_modules/gatsby-core-theme/src/context/MainProvider.js"),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.mjs"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),newsletter_button_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/newsletter/toggle-button/newsletter-button.module.scss"),options={insert:"head",singleton:!1},toggle_button_newsletter_button_module=(injectStylesIntoStyleTag_default()(newsletter_button_module.Z,options),newsletter_button_module.Z.locals||{}),NewsletterButton=function NewsletterButton(_ref){var _ref$text=_ref.text,text=void 0===_ref$text?"Bonus alert":_ref$text,toggleNewsLetter=_ref.toggleNewsLetter,_ref$active=_ref.active,active=void 0===_ref$active||_ref$active;return react.createElement("button",{onClick:toggleNewsLetter,className:"".concat((null==toggle_button_newsletter_button_module?void 0:toggle_button_newsletter_button_module.button)||""," ").concat(active&&toggle_button_newsletter_button_module.active||"")},text)};NewsletterButton.displayName="NewsletterButton",NewsletterButton.propTypes={text:prop_types_default().string,toggleNewsLetter:prop_types_default().bool,active:prop_types_default().bool},NewsletterButton.__docgenInfo={description:"",methods:[],displayName:"NewsletterButton",props:{text:{defaultValue:{value:"'Bonus alert'",computed:!1},description:"",type:{name:"string"},required:!1},active:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},toggleNewsLetter:{description:"",type:{name:"bool"},required:!1}}};var toggle_button=NewsletterButton;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/molecules/newsletter/toggle-button/index.js"]={name:"NewsletterButton",docgenInfo:NewsletterButton.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/molecules/newsletter/toggle-button/index.js"});__webpack_require__("../node_modules/core-js/modules/es.promise.js"),__webpack_require__("../node_modules/core-js/modules/es.object.define-property.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.async-iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.to-string-tag.js"),__webpack_require__("../node_modules/core-js/modules/es.math.to-string-tag.js"),__webpack_require__("../node_modules/core-js/modules/es.json.to-string-tag.js"),__webpack_require__("../node_modules/core-js/modules/es.object.get-prototype-of.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../node_modules/core-js/modules/es.object.set-prototype-of.js");var organisms_form=__webpack_require__("../node_modules/gatsby-core-theme/src/components/organisms/form/index.js"),constants_forms=__webpack_require__("../node_modules/gatsby-core-theme/src/constants/forms.js"),process=__webpack_require__("../node_modules/process/browser.js");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)}function _regeneratorRuntime(){_regeneratorRuntime=function _regeneratorRuntime(){return exports};var exports={},Op=Object.prototype,hasOwn=Op.hasOwnProperty,defineProperty=Object.defineProperty||function(obj,key,desc){obj[key]=desc.value},$Symbol="function"==typeof Symbol?Symbol:{},iteratorSymbol=$Symbol.iterator||"@@iterator",asyncIteratorSymbol=$Symbol.asyncIterator||"@@asyncIterator",toStringTagSymbol=$Symbol.toStringTag||"@@toStringTag";function define(obj,key,value){return Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}),obj[key]}try{define({},"")}catch(err){define=function define(obj,key,value){return obj[key]=value}}function wrap(innerFn,outerFn,self,tryLocsList){var protoGenerator=outerFn&&outerFn.prototype instanceof Generator?outerFn:Generator,generator=Object.create(protoGenerator.prototype),context=new Context(tryLocsList||[]);return defineProperty(generator,"_invoke",{value:makeInvokeMethod(innerFn,self,context)}),generator}function tryCatch(fn,obj,arg){try{return{type:"normal",arg:fn.call(obj,arg)}}catch(err){return{type:"throw",arg:err}}}exports.wrap=wrap;var ContinueSentinel={};function Generator(){}function GeneratorFunction(){}function GeneratorFunctionPrototype(){}var IteratorPrototype={};define(IteratorPrototype,iteratorSymbol,(function(){return this}));var getProto=Object.getPrototypeOf,NativeIteratorPrototype=getProto&&getProto(getProto(values([])));NativeIteratorPrototype&&NativeIteratorPrototype!==Op&&hasOwn.call(NativeIteratorPrototype,iteratorSymbol)&&(IteratorPrototype=NativeIteratorPrototype);var Gp=GeneratorFunctionPrototype.prototype=Generator.prototype=Object.create(IteratorPrototype);function defineIteratorMethods(prototype){["next","throw","return"].forEach((function(method){define(prototype,method,(function(arg){return this._invoke(method,arg)}))}))}function AsyncIterator(generator,PromiseImpl){function invoke(method,arg,resolve,reject){var record=tryCatch(generator[method],generator,arg);if("throw"!==record.type){var result=record.arg,value=result.value;return value&&"object"==_typeof(value)&&hasOwn.call(value,"__await")?PromiseImpl.resolve(value.__await).then((function(value){invoke("next",value,resolve,reject)}),(function(err){invoke("throw",err,resolve,reject)})):PromiseImpl.resolve(value).then((function(unwrapped){result.value=unwrapped,resolve(result)}),(function(error){return invoke("throw",error,resolve,reject)}))}reject(record.arg)}var previousPromise;defineProperty(this,"_invoke",{value:function value(method,arg){function callInvokeWithMethodAndArg(){return new PromiseImpl((function(resolve,reject){invoke(method,arg,resolve,reject)}))}return previousPromise=previousPromise?previousPromise.then(callInvokeWithMethodAndArg,callInvokeWithMethodAndArg):callInvokeWithMethodAndArg()}})}function makeInvokeMethod(innerFn,self,context){var state="suspendedStart";return function(method,arg){if("executing"===state)throw new Error("Generator is already running");if("completed"===state){if("throw"===method)throw arg;return doneResult()}for(context.method=method,context.arg=arg;;){var delegate=context.delegate;if(delegate){var delegateResult=maybeInvokeDelegate(delegate,context);if(delegateResult){if(delegateResult===ContinueSentinel)continue;return delegateResult}}if("next"===context.method)context.sent=context._sent=context.arg;else if("throw"===context.method){if("suspendedStart"===state)throw state="completed",context.arg;context.dispatchException(context.arg)}else"return"===context.method&&context.abrupt("return",context.arg);state="executing";var record=tryCatch(innerFn,self,context);if("normal"===record.type){if(state=context.done?"completed":"suspendedYield",record.arg===ContinueSentinel)continue;return{value:record.arg,done:context.done}}"throw"===record.type&&(state="completed",context.method="throw",context.arg=record.arg)}}}function maybeInvokeDelegate(delegate,context){var methodName=context.method,method=delegate.iterator[methodName];if(void 0===method)return context.delegate=null,"throw"===methodName&&delegate.iterator.return&&(context.method="return",context.arg=void 0,maybeInvokeDelegate(delegate,context),"throw"===context.method)||"return"!==methodName&&(context.method="throw",context.arg=new TypeError("The iterator does not provide a '"+methodName+"' method")),ContinueSentinel;var record=tryCatch(method,delegate.iterator,context.arg);if("throw"===record.type)return context.method="throw",context.arg=record.arg,context.delegate=null,ContinueSentinel;var info=record.arg;return info?info.done?(context[delegate.resultName]=info.value,context.next=delegate.nextLoc,"return"!==context.method&&(context.method="next",context.arg=void 0),context.delegate=null,ContinueSentinel):info:(context.method="throw",context.arg=new TypeError("iterator result is not an object"),context.delegate=null,ContinueSentinel)}function pushTryEntry(locs){var entry={tryLoc:locs[0]};1 in locs&&(entry.catchLoc=locs[1]),2 in locs&&(entry.finallyLoc=locs[2],entry.afterLoc=locs[3]),this.tryEntries.push(entry)}function resetTryEntry(entry){var record=entry.completion||{};record.type="normal",delete record.arg,entry.completion=record}function Context(tryLocsList){this.tryEntries=[{tryLoc:"root"}],tryLocsList.forEach(pushTryEntry,this),this.reset(!0)}function values(iterable){if(iterable){var iteratorMethod=iterable[iteratorSymbol];if(iteratorMethod)return iteratorMethod.call(iterable);if("function"==typeof iterable.next)return iterable;if(!isNaN(iterable.length)){var i=-1,next=function next(){for(;++i<iterable.length;)if(hasOwn.call(iterable,i))return next.value=iterable[i],next.done=!1,next;return next.value=void 0,next.done=!0,next};return next.next=next}}return{next:doneResult}}function doneResult(){return{value:void 0,done:!0}}return GeneratorFunction.prototype=GeneratorFunctionPrototype,defineProperty(Gp,"constructor",{value:GeneratorFunctionPrototype,configurable:!0}),defineProperty(GeneratorFunctionPrototype,"constructor",{value:GeneratorFunction,configurable:!0}),GeneratorFunction.displayName=define(GeneratorFunctionPrototype,toStringTagSymbol,"GeneratorFunction"),exports.isGeneratorFunction=function(genFun){var ctor="function"==typeof genFun&&genFun.constructor;return!!ctor&&(ctor===GeneratorFunction||"GeneratorFunction"===(ctor.displayName||ctor.name))},exports.mark=function(genFun){return Object.setPrototypeOf?Object.setPrototypeOf(genFun,GeneratorFunctionPrototype):(genFun.__proto__=GeneratorFunctionPrototype,define(genFun,toStringTagSymbol,"GeneratorFunction")),genFun.prototype=Object.create(Gp),genFun},exports.awrap=function(arg){return{__await:arg}},defineIteratorMethods(AsyncIterator.prototype),define(AsyncIterator.prototype,asyncIteratorSymbol,(function(){return this})),exports.AsyncIterator=AsyncIterator,exports.async=function(innerFn,outerFn,self,tryLocsList,PromiseImpl){void 0===PromiseImpl&&(PromiseImpl=Promise);var iter=new AsyncIterator(wrap(innerFn,outerFn,self,tryLocsList),PromiseImpl);return exports.isGeneratorFunction(outerFn)?iter:iter.next().then((function(result){return result.done?result.value:iter.next()}))},defineIteratorMethods(Gp),define(Gp,toStringTagSymbol,"Generator"),define(Gp,iteratorSymbol,(function(){return this})),define(Gp,"toString",(function(){return"[object Generator]"})),exports.keys=function(val){var object=Object(val),keys=[];for(var key in object)keys.push(key);return keys.reverse(),function next(){for(;keys.length;){var key=keys.pop();if(key in object)return next.value=key,next.done=!1,next}return next.done=!0,next}},exports.values=values,Context.prototype={constructor:Context,reset:function reset(skipTempReset){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(resetTryEntry),!skipTempReset)for(var name in this)"t"===name.charAt(0)&&hasOwn.call(this,name)&&!isNaN(+name.slice(1))&&(this[name]=void 0)},stop:function stop(){this.done=!0;var rootRecord=this.tryEntries[0].completion;if("throw"===rootRecord.type)throw rootRecord.arg;return this.rval},dispatchException:function dispatchException(exception){if(this.done)throw exception;var context=this;function handle(loc,caught){return record.type="throw",record.arg=exception,context.next=loc,caught&&(context.method="next",context.arg=void 0),!!caught}for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i],record=entry.completion;if("root"===entry.tryLoc)return handle("end");if(entry.tryLoc<=this.prev){var hasCatch=hasOwn.call(entry,"catchLoc"),hasFinally=hasOwn.call(entry,"finallyLoc");if(hasCatch&&hasFinally){if(this.prev<entry.catchLoc)return handle(entry.catchLoc,!0);if(this.prev<entry.finallyLoc)return handle(entry.finallyLoc)}else if(hasCatch){if(this.prev<entry.catchLoc)return handle(entry.catchLoc,!0)}else{if(!hasFinally)throw new Error("try statement without catch or finally");if(this.prev<entry.finallyLoc)return handle(entry.finallyLoc)}}}},abrupt:function abrupt(type,arg){for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i];if(entry.tryLoc<=this.prev&&hasOwn.call(entry,"finallyLoc")&&this.prev<entry.finallyLoc){var finallyEntry=entry;break}}finallyEntry&&("break"===type||"continue"===type)&&finallyEntry.tryLoc<=arg&&arg<=finallyEntry.finallyLoc&&(finallyEntry=null);var record=finallyEntry?finallyEntry.completion:{};return record.type=type,record.arg=arg,finallyEntry?(this.method="next",this.next=finallyEntry.finallyLoc,ContinueSentinel):this.complete(record)},complete:function complete(record,afterLoc){if("throw"===record.type)throw record.arg;return"break"===record.type||"continue"===record.type?this.next=record.arg:"return"===record.type?(this.rval=this.arg=record.arg,this.method="return",this.next="end"):"normal"===record.type&&afterLoc&&(this.next=afterLoc),ContinueSentinel},finish:function finish(finallyLoc){for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i];if(entry.finallyLoc===finallyLoc)return this.complete(entry.completion,entry.afterLoc),resetTryEntry(entry),ContinueSentinel}},catch:function _catch(tryLoc){for(var i=this.tryEntries.length-1;i>=0;--i){var entry=this.tryEntries[i];if(entry.tryLoc===tryLoc){var record=entry.completion;if("throw"===record.type){var thrown=record.arg;resetTryEntry(entry)}return thrown}}throw new Error("illegal catch attempt")},delegateYield:function delegateYield(iterable,resultName,nextLoc){return this.delegate={iterator:values(iterable),resultName:resultName,nextLoc:nextLoc},"next"===this.method&&(this.arg=void 0),ContinueSentinel}},exports}function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}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)||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,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 _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 NewsletterForm=function NewsletterForm(_ref){var handleApi=_ref.handleApi,redirectUrl=_ref.redirectUrl,_ref$submitText=_ref.submitText,submitText=void 0===_ref$submitText?"Submit":_ref$submitText,market=_ref.market,setErr=_ref.setErr,path=_ref.path,_useState2=_slicedToArray((0,react.useState)(""),2),ip=_useState2[0],setIP=_useState2[1],_useState4=_slicedToArray((0,react.useState)(!1),2),error=_useState4[0],setError=_useState4[1],translations=((0,react.useContext)(MainProvider._)||{}).translations,getData=function(){var _ref3=_asyncToGenerator(_regeneratorRuntime().mark((function _callee(){return _regeneratorRuntime().wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,fetch("https://geolocation-db.com/json/",{method:"GET"}).then((function(response){return response.json()})).then((function(data){return setIP(data.IPv4)})).catch((function(err){}));case 2:case"end":return _context.stop()}}),_callee)})));return function getData(){return _ref3.apply(this,arguments)}}();(0,react.useEffect)((function(){getData()}),[]);var bacomApi=function(){var _ref4=_asyncToGenerator(_regeneratorRuntime().mark((function _callee2(name,email,phomeNumber){var timestamp,refUrl,validatePhoneNr;return _regeneratorRuntime().wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return timestamp=Date.now()/1e3|0,refUrl=process.env.BACOM_REF_URL,validatePhoneNr=void 0===phomeNumber,_context2.next=5,fetch("https://bacom.dk/subscribe/gig/?firstname=".concat(name,"&user_ip=").concat(ip,"&ref_name=").concat(process.env.BACOM_REF_NAME,"&ref_url=").concat(refUrl,"&timestamp=").concat(timestamp,"&country=").concat(process.env.COUNTRY,"&email=").concat(email).concat(validatePhoneNr?"":"&phone_number=".concat(phomeNumber)),{method:"GET",headers:{"Content-Type":"application/json",Accept:"application/json"}}).then((function(res){return res.text().then((function(text){"OK"===text?window.location.href=redirectUrl:setError(!0)}))}));case 5:case"end":return _context2.stop()}}),_callee2)})));return function bacomApi(_x2,_x3,_x4){return _ref4.apply(this,arguments)}}();return error||setErr?react.createElement("span",null,(0,getters.Iu)(translations,"fail_error_newsletter","Something went wrong. Please try again later!")," "):react.createElement(organisms_form.Z,{formOptions:constants_forms.M[market]||constants_forms.M.default,successMessage:(0,getters.Iu)(translations,"newsletter_form_thanks",""),failMessage:(0,getters.Iu)(translations,"fail_error_newsletter","Something went wrong. Please try again later!"),customeSubmit:function handelSubmit(e){var _e$name,_e$email,_e$phomeNumber,_e$name2,_e$email2,_e$phomeNumber2;return handleApi?handleApi(null==e||null===(_e$name=e.name)||void 0===_e$name?void 0:_e$name.value,null==e||null===(_e$email=e.email)||void 0===_e$email?void 0:_e$email.value,null==e||null===(_e$phomeNumber=e.phomeNumber)||void 0===_e$phomeNumber?void 0:_e$phomeNumber.value,ip):bacomApi(null==e||null===(_e$name2=e.name)||void 0===_e$name2?void 0:_e$name2.value,null==e||null===(_e$email2=e.email)||void 0===_e$email2?void 0:_e$email2.value,null==e||null===(_e$phomeNumber2=e.phomeNumber)||void 0===_e$phomeNumber2?void 0:_e$phomeNumber2.value)},customError:!0,buttonLabel:submitText,path:path})};NewsletterForm.displayName="NewsletterForm",NewsletterForm.propTypes={handleApi:prop_types_default().func,redirectUrl:prop_types_default().string,submitText:prop_types_default().string,market:prop_types_default().string,setErr:prop_types_default().bool,path:prop_types_default().string},NewsletterForm.__docgenInfo={description:"",methods:[],displayName:"NewsletterForm",props:{submitText:{defaultValue:{value:"'Submit'",computed:!1},description:"",type:{name:"string"},required:!1},handleApi:{description:"",type:{name:"func"},required:!1},redirectUrl:{description:"",type:{name:"string"},required:!1},market:{description:"",type:{name:"string"},required:!1},setErr:{description:"",type:{name:"bool"},required:!1},path:{description:"",type:{name:"string"},required:!1}}};var newsletter_form=NewsletterForm;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/molecules/newsletter/form/index.js"]={name:"NewsletterForm",docgenInfo:NewsletterForm.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/molecules/newsletter/form/index.js"});var newsletter_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/newsletter/newsletter.module.scss"),newsletter_module_options={insert:"head",singleton:!1},newsletter_newsletter_module=(injectStylesIntoStyleTag_default()(newsletter_module.Z,newsletter_module_options),newsletter_module.Z.locals||{});function newsletter_slicedToArray(arr,i){return function newsletter_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function newsletter_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)||function newsletter_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return newsletter_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 newsletter_arrayLikeToArray(o,minLen)}(arr,i)||function newsletter_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 newsletter_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 Newsletter=function Newsletter(_ref){var page=_ref.page,_ref$openBtnText=_ref.openBtnText,openBtnText=void 0===_ref$openBtnText?"Unlock Bonuses":_ref$openBtnText,_ref$isSticky=_ref.isSticky,isSticky=void 0===_ref$isSticky||_ref$isSticky,_useState2=newsletter_slicedToArray((0,react.useState)(!1),2),toggleNewsetter=_useState2[0],setToggleNewsletter=_useState2[1],_useState4=newsletter_slicedToArray((0,react.useState)(!1),2),isClicked=_useState4[0],setIsClicked=_useState4[1],translations=((0,react.useContext)(MainProvider._)||{}).translations,redirectUrl="/"===(null==page?void 0:page.path)?"".concat((0,getters.Gr)(null==page?void 0:page.path),"?subscribed=true"):"".concat((0,getters.Gr)(null==page?void 0:page.path),"/?subscribed=true");return react.createElement(react.Fragment,null,toggleNewsetter&&react.createElement("div",{className:(null==newsletter_newsletter_module?void 0:newsletter_newsletter_module.layer)||"",onClick:function onClick(){return setToggleNewsletter(!1)},"aria-hidden":"true"}),react.createElement("div",{className:isSticky?newsletter_newsletter_module.content||"":newsletter_newsletter_module.contentPage||""},isSticky&&react.createElement(toggle_button,{active:!toggleNewsetter,text:(0,getters.Iu)(translations,"newsletter_open_btn",openBtnText),toggleNewsLetter:function statesCombined(){setToggleNewsletter(!toggleNewsetter),setIsClicked(!0)},isClicked:isClicked,gtmClass:"newsletter-gtm btn-cta"}),react.createElement("div",{className:isSticky?"".concat((null==newsletter_newsletter_module?void 0:newsletter_newsletter_module.form)||""," ").concat(toggleNewsetter&&(null==newsletter_newsletter_module?void 0:newsletter_newsletter_module.active)||""):(null==newsletter_newsletter_module?void 0:newsletter_newsletter_module.formPage)||""},react.createElement(newsletter_form,{market:null==page?void 0:page.market,path:null==page?void 0:page.path,redirectUrl:redirectUrl}),isSticky&&react.createElement(MdClose.F,{className:(null==newsletter_newsletter_module?void 0:newsletter_newsletter_module.closeBtn)||"",onClick:function onClick(){return setToggleNewsletter(!1)},title:"Close Icon"}))))};Newsletter.propTypes={openBtnText:prop_types_default().string,page:prop_types_default().shape({path:prop_types_default().string,template:prop_types_default().string,type:prop_types_default().string,market:prop_types_default().string}),isSticky:prop_types_default().bool},Newsletter.__docgenInfo={description:"",methods:[],displayName:"Newsletter",props:{openBtnText:{defaultValue:{value:"'Unlock Bonuses'",computed:!1},description:"",type:{name:"string"},required:!1},isSticky:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},page:{description:"",type:{name:"shape",value:{path:{name:"string",required:!1},template:{name:"string",required:!1},type:{name:"string",required:!1},market:{name:"string",required:!1}}},required:!1}}};var newsletter=Newsletter;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/molecules/newsletter/index.js"]={name:"Newsletter",docgenInfo:Newsletter.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/molecules/newsletter/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/newsletter/newsletter.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,".osQVXffrfIVDaJrBXNdUpw\\=\\={margin:0 auto}@media only screen and (min-width:768px){.osQVXffrfIVDaJrBXNdUpw\\=\\= .Kjw1GkkaF6Sj8T2JZQgZlg\\=\\={width:70rem;left:2rem;z-index:15}}@media only screen and (max-width:767px){.osQVXffrfIVDaJrBXNdUpw\\=\\= .Kjw1GkkaF6Sj8T2JZQgZlg\\=\\={bottom:30%}}.FbVesRwjDq6MOvjbxpJAqw\\=\\={position:absolute;width:100vw;height:100vh;top:0}.ncslz-PEZwOxh5cuw6HurQ\\=\\={position:fixed;background:#fff;box-shadow:0 .4rem 1.6rem rgba(0,0,0,.2);border-radius:.4rem;padding:2rem;transition:0s;bottom:-100%;z-index:var(--scroll-to-top-index)}@media only screen and (min-width:768px){.ncslz-PEZwOxh5cuw6HurQ\\=\\={display:flex;flex-direction:column;left:-90rem;max-width:90rem;height:fit-content;top:25vh;position:fixed}}.rrqTRI4i6t0vC6Zvq1zTHQ\\=\\={position:absolute;right:1rem;top:1rem;width:2.5rem;height:2.5rem;cursor:pointer;z-index:2;border:none;color:#00889e}.dwUfBNN1D5YlnXbixVp86A\\=\\={padding:3.2rem 1.6rem;width:100%;background:var(--newsletter-container-background-color);z-index:var(--scroll-to-top-index);max-width:100rem;margin:0 auto}.ncslz-PEZwOxh5cuw6HurQ\\=\\=>div{background:rgba(0,0,0,0);box-shadow:none}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/molecules/newsletter/newsletter.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,4BACE,aAAA,CCqCA,yCDnCE,wDACE,WAAA,CACA,SAAA,CACA,UAAA,CAAA,CCuCJ,yCDnCE,wDACE,UAAA,CAAA,CAIN,4BACE,iBAAA,CACA,WAAA,CACA,YAAA,CACA,KAAA,CAEF,4BACE,cAAA,CACA,eAAA,CACA,wCAAA,CACA,mBAAA,CACA,YAAA,CACA,aAAA,CACA,YAAA,CACA,kCAAA,CCSA,yCDjBF,4BE5BE,YAAA,CACA,qBFqC0B,CACxB,WAAA,CACA,eAAA,CACA,kBAAA,CACA,QAAA,CACA,cAAA,CAAA,CAIJ,4BACE,iBAAA,CACA,UAAA,CACA,QAAA,CACA,YAAA,CACA,aAAA,CACA,cAAA,CACA,SAAA,CACA,WAAA,CACA,aAAA,CAEF,4BACE,qBAAA,CACA,UAAA,CACA,uDAAA,CACA,kCAAA,CACA,gBAAA,CACA,aAAA,CAKA,gCACE,wBAAA,CACA,eAAA",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.content {\n  margin: 0 auto;\n  @include min(tablet) {\n    .active {\n      width: 70rem;\n      left: 2rem;\n      z-index: 15;\n    }\n  }\n  @include max(mobile) {\n    .active {\n      bottom: 30%;\n    }\n  }\n}\n.layer {\n  position: absolute;\n  width: 100vw;\n  height: 100vh;\n  top: 0;\n}\n.form {\n  position: fixed;\n  background: #fff;\n  box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.2);\n  border-radius: 0.4rem;\n  padding: 2rem;\n  transition: 0s;\n  bottom: -100%;\n  z-index: var(--scroll-to-top-index);\n  @include min(tablet) {\n    @include flex-direction(column);\n    left: -90rem;\n    max-width: 90rem;\n    height: fit-content;\n    top: 25vh;\n    position: fixed;\n  }\n}\n\n.closeBtn {\n  position: absolute;\n  right: 1rem;\n  top: 1rem;\n  width: 2.5rem;\n  height: 2.5rem;\n  cursor: pointer;\n  z-index: 2;\n  border: none;\n  color: #00889e;\n}\n.contentPage {\n  padding: 3.2rem 1.6rem;\n  width: 100%;\n  background: var(--newsletter-container-background-color);\n  z-index: var(--scroll-to-top-index);\n  max-width: 100rem;\n  margin: 0 auto;\n}\n\n.form{\n  // form style\n  >div{\n    background: transparent;\n    box-shadow: none;\n    h2{\n\n    }\n    p{\n\n    }\n    form{\n     \n      label{\n\n      }\n      input{\n\n      }\n    }\n  }\n}","$media-query-sizes: (\n  mobile-s: (\n    min: 320px,\n    max: 374px,\n  ),\n  mobile-m: (\n    min: 375px,\n    max: 424px,\n  ),\n  mobile: (\n    min: 425px,\n    max: 767px,\n  ),\n  tablet: (\n    min: 768px,\n    max: 991px,\n  ),\n  laptop: (\n    min: 992px,\n    max: 1199px,\n  ),\n  desktop: (\n    min: 1200px,\n  ),\n);\n\n// Get media query sizes\n$screen: 'only screen';\n@function media-query($media, $optional-media: '', $min: true) {\n  $media-label: '';\n\n  @if ($optional-media != '') {\n    $media-sizes-min: map-get($media-query-sizes, $media);\n    $media-sizes-max: map-get($media-query-sizes, $optional-media);\n    $media-label: $screen +\n      \" and (min-width:#{map-get($media-sizes-min, 'min')}) and (max-width:#{map-get($media-sizes-max, 'max')})\";\n  } @else {\n    $query: 'max';\n\n    @if ($min) {\n      $query: 'min';\n    }\n\n    $media-sizes: map-get($media-query-sizes, $media);\n    $media-label: $screen + ' and (#{$query}-width:#{map-get($media-sizes, $query)})';\n  }\n\n  @return $media-label;\n}\n\n// Min media query\n@mixin min($media) {\n  @media #{media-query($media)} {\n    @content;\n  }\n}\n\n// Max media query\n@mixin max($media) {\n  @media #{media-query($media, '', false)} {\n    @content;\n  }\n}\n\n// Min & max media query\n@mixin min-max($min, $max) {\n  @media #{media-query($min, $max)} {\n    @content;\n  }\n}\n\n// Use this ONLY if you need a media query that doesn't fit the $media-query-sizes breakpoints above\n// Pass number, for example @include custom-min(992)\n@mixin custom-min($min) {\n  @media #{$screen} and (min-width: #{$min}px) {\n    @content;\n  }\n}\n\n@mixin custom-max($max) {\n  @media #{$screen} and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n@mixin custom-min-max($min, $max) {\n  @media #{$screen} and (min-width: #{$min}px) and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n// Landscape\n// (If we find more use cases of this in the future, might want to refactor this and include it in the media-query function for $screen)\n// Pass number\n$landscape: 'screen and (orientation:landscape)';\n\n@mixin landscape-max($max) {\n  @media #{$landscape} and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n@mixin landscape-min($min) {\n  @media #{$landscape} and (min-width: #{$min}px) {\n    @content;\n  }\n}\n","@mixin flex-align($align-items, $justify-content) {\n  display: flex;\n  align-items: $align-items;\n  justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n  display: flex;\n  flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n  #{$overflow-type}: $overflow-value;\n  -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n  background: $bgcolor;\n  border-radius: 100px;\n  color: $text-color;\n  font-weight: 700;\n  @include flex-align(center, center);\n  padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n  color: $color;\n\n  &:hover {\n    color: $color;\n  }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n  float: $direction;\n  @if $direction == right {\n    margin: var(--img-float-direction-right, 0 0 2.4rem 4.8rem);\n  } @else if $direction == left {\n    margin: var(--img-float-direction-left, 0 4.8rem 2.4rem 0);\n  } @else {\n    margin: 0 1em 1em 0;\n  }\n}\n\n@mixin content-img-align($direction: center, $spacing: var(--content-img-spacing, 1em)) {\n  display: block;\n  @if $direction == right {\n    margin: $spacing 0 $spacing auto;\n  } @else if $direction == left {\n    margin: $spacing auto $spacing 0;\n  } @else {\n    margin: $spacing auto;\n  }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n  position: relative;\n  &:after {\n    top: 100%;\n    left: 50%;\n    border: solid transparent;\n    content: '';\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n    border-color: rgba(0, 0, 0, 0);\n    border-top: $height solid $color;\n    border-right: calc($width / 2) solid transparent;\n    border-left: calc($width / 2) solid transparent;\n    margin-left: -calc($width / 2);\n  }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n  background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  &:hover {\n    background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  }\n}\n\n@mixin sportBtn($color1, $color2) {\n  background: linear-gradient(to bottom, $color1 0, $color2 100%);\n  &:hover {\n    background: linear-gradient(to bottom, $color2 0, $color1 100%);\n  }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n  line-height: $line-height;\n  width: $width;\n  font-weight: normal;\n  display: inline-block;\n  color: $fill-color;\n  font-size: 15px;\n  position: relative;\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n  &:last-child {\n    margin-right: 0;\n  }\n  &:before {\n    content: '\\2605';\n  }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n  line-height: 2rem;\n  width: 16px;\n  font-weight: normal;\n  display: inline-block;\n  color: $half-full-color;\n  font-size: 15px;\n  position: relative;\n  &:before {\n    content: '\\2605';\n  }\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n  &:after {\n    content: '\\2605';\n    color: $half-empty-color;\n    position: absolute;\n    width: 7px;\n    overflow: hidden;\n    bottom: 0;\n    left: 0;\n  }\n}\n\n@mixin border-gradient($color-1, $color-2, $bgcolor, $radius: 0.8rem, $border-width: 2px) {\n  background: $bgcolor;\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: $radius;\n    border: $border-width solid transparent;\n    background: $color-1, $color-2 border-box;\n    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: destination-out;\n    mask-composite: exclude;\n  }\n}\n\n@mixin border-gradient-single($color-1, $bgcolor, $radius: 0.8rem, $border-width: 0.1rem) {\n  background: $bgcolor;\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: $radius;\n    border: $border-width solid transparent;\n    background: $color-1 border-box;\n    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: destination-out;\n    mask-composite: exclude;\n  }\n}\n\n@mixin buttonsColor($color1, $color2, $color3, $textColor: 'white') {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  background-color: $color1;\n  color: $textColor;\n  padding: 0.9rem 3rem;\n  font-weight: 700;\n  font-size: 1.8rem;\n  border-radius: var(--border-radius);\n\n  > svg {\n    flex: none;\n    margin-left: 0.8rem;\n  }\n\n  &:hover {\n    background-color: $color2;\n    color: $textColor;\n  }\n\n  &:active {\n    background-color: $color3;\n    color: $textColor;\n  }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={content:"osQVXffrfIVDaJrBXNdUpw==",active:"Kjw1GkkaF6Sj8T2JZQgZlg==",layer:"FbVesRwjDq6MOvjbxpJAqw==",form:"ncslz-PEZwOxh5cuw6HurQ==",closeBtn:"rrqTRI4i6t0vC6Zvq1zTHQ==",contentPage:"dwUfBNN1D5YlnXbixVp86A=="},__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/molecules/newsletter/toggle-button/newsletter-button.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,"._9c3HEc4Oa9BzFBj9U9V2Dg\\=\\={border:none;background-color:#00889e;padding:1rem;color:#fff;border-radius:0 .5rem .5rem 0;position:fixed;z-index:var(--scroll-to-top-index)}@media only screen and (max-width:767px){._9c3HEc4Oa9BzFBj9U9V2Dg\\=\\={bottom:-70rem;width:100%}.qgItsvbr63UIbTgWJgwNcg\\=\\={border-radius:0;bottom:0}}.qgItsvbr63UIbTgWJgwNcg\\=\\={transition:0s}@media only screen and (min-width:768px){._9c3HEc4Oa9BzFBj9U9V2Dg\\=\\={width:15rem;left:-70rem;top:50vh}.qgItsvbr63UIbTgWJgwNcg\\=\\={left:0}}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/molecules/newsletter/toggle-button/newsletter-button.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAcA,6BACE,WAAA,CACA,wBAAA,CACA,YAAA,CACA,UAAA,CACA,6BAAA,CACA,cAAA,CACA,kCAAA,CCsCA,yCDnCA,6BACE,aAAA,CACA,UAAA,CAEF,4BACE,eAAA,CACA,QAAA,CAAA,CAGJ,4BACE,aAAA,CCkBA,yCDdA,6BACE,WAAA,CACA,WAAA,CACA,QAAA,CAEF,4BACE,MAAA,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.button {\n  border: none;\n  background-color: #00889e;\n  padding: 1rem;\n  color: white;\n  border-radius: 0 0.5rem 0.5rem 0;\n  position: fixed;\n  z-index: var(--scroll-to-top-index);\n}\n@include max(mobile) {\n  .button {\n    bottom: -70rem;\n    width: 100%;\n  }\n  .active {\n    border-radius: 0;\n    bottom: 0;\n  }\n}\n.active {\n  transition: 0s;\n}\n\n@include min(tablet) {\n  .button {\n    width: 15rem;\n    left: -70rem;\n    top: 50vh;\n  }\n  .active {\n    left: 0;\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={button:"_9c3HEc4Oa9BzFBj9U9V2Dg==",active:"qgItsvbr63UIbTgWJgwNcg=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/907.0521c6f4.iframe.bundle.js.LICENSE.txt

@@ -1 +0,0 @@
-/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */

package/storybook/public/919.57aed125.iframe.bundle.js

@@ -1 +0,0 @@
-(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[919],{"./src/components/molecules/sportstake/table/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return table}});__webpack_require__("../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../node_modules/core-js/modules/es.parse-float.js"),__webpack_require__("../node_modules/core-js/modules/es.array.filter.js"),__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/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),lotto=__webpack_require__("./src/gatsby-core-theme/helpers/lotto.js"),sportstake=__webpack_require__("./src/gatsby-core-theme/helpers/sportstake.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),table_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/table/table.module.scss"),options={insert:"head",singleton:!1},table_table_module=(injectStylesIntoStyleTag_default()(table_module.Z,options),table_module.Z.locals||{}),Table=function Table(_ref){var headerList=_ref.headerList,rowList=_ref.rowList,_ref$isResult=_ref.isResult,isResult=void 0!==_ref$isResult&&_ref$isResult,_ref$isDivTable=_ref.isDivTable,isDivTable=void 0!==_ref$isDivTable&&_ref$isDivTable,_ref$resultTableNumbe=_ref.resultTableNumber,resultTableNumber=void 0===_ref$resultTableNumbe?0:_ref$resultTableNumbe,getIcon=function getIcon(result){switch(null==result?void 0:result.toLowerCase()){case"home":case"home win":return react.createElement("div",{className:table_table_module.home},react.createElement("div",{className:table_table_module.circle},react.createElement("span",null,"1")),react.createElement("span",null,"HOME WIN"));case"away":case"away win":return react.createElement("div",{className:table_table_module.away},react.createElement("div",{className:table_table_module.circle},react.createElement("span",null,"2")),react.createElement("span",null,"AWAY WIN"));case"draw":return react.createElement("div",{className:table_table_module.draw},react.createElement("div",{className:table_table_module.circle},react.createElement("span",null,"X")),react.createElement("span",null,"DRAW"));case"postponed":return react.createElement("div",{className:table_table_module.cancelled},react.createElement("span",null,"POSTPONED"));case"cancel":case"cancelled":return react.createElement("div",{className:table_table_module.cancelled},react.createElement("span",null,"CANCELLED"));default:return null}};return react.createElement("div",{className:table_table_module.tableWrapper},react.createElement("table",{className:table_table_module.table},react.createElement("thead",null,react.createElement("tr",null,headerList.map((function(title){return react.createElement("th",null,react.createElement("span",null,title))})))),react.createElement("tbody",null,function getRows(){return react.createElement(react.Fragment,null,rowList.map((function(game,index){var keys=function getKeys(game){return["homeTeam","awayTeam","toss","dateTime","score","results","winners","payout","no_of_winners","payout_per_winner_system"].map((function(key){return game[key]||0===game[key]?key:null})).filter((function(elm){return elm}))}(game),matchNr=resultTableNumber,num=matchNr;return react.createElement("tr",null,keys.length?react.createElement("td",null,react.createElement("span",null,isDivTable?"Div ".concat(index+1):index+1," ")):null,isDivTable&&react.createElement("td",null,react.createElement("span",null,"Match ".concat(num-index," out of ").concat(matchNr," Fixtures"))),keys.map((function(key){return function getTableDataValue(game,key){switch(key){case"toss":case"results":return isResult?react.createElement("td",{className:"".concat(!isResult&&table_table_module.hideDesktopRow)},getIcon(game[key])):null;case"score":return react.createElement("td",{className:"".concat(!isResult&&table_table_module.hideDesktopRow)},react.createElement("span",null,(0,sportstake.o6)(game[key])));case"payout_per_winner_system":case"payout":return react.createElement("td",null,react.createElement("span",null,"R".concat((0,lotto.Dq)(parseFloat(game[key]))," ")));case"dateTime":return react.createElement("td",null,react.createElement("span",null,"".concat((0,lotto.p6)(game[key],"dd/mmm/yy"))));case"no_of_winners":case"winners":return react.createElement("td",null,react.createElement("span",null,game[key]));case"homeTeam":case"awayTeam":return react.createElement("td",{className:table_table_module[key]},react.createElement("span",null,game[key]));default:return null}}(game,key)})),function getMobileRows(game,index,matchNr){var hasIcon=!!getIcon(null==game?void 0:game.results);return isDivTable?react.createElement(react.Fragment,null,react.createElement("td",{className:"".concat(table_table_module.mobileOnly," ").concat(0===index&&table_table_module.firstCard)},react.createElement("span",null,"Div ",index+1," ",null==game?void 0:game.number," Match ",matchNr-index," out of 13 Fixtures")),react.createElement("td",{className:"".concat(table_table_module.mobileOnly," ").concat(0===index&&table_table_module.firstCard)},react.createElement("div",{className:table_table_module.cardBox},react.createElement("div",null,react.createElement("span",null,"Number of Winners:")," ",react.createElement("span",null,(null==game?void 0:game.winners)||(null==game?void 0:game.no_of_winners))),react.createElement("div",null,react.createElement("span",null,"Payout per Winner:")," ",react.createElement("span",null,"R".concat((0,lotto.Dq)(parseFloat(null==game?void 0:game.payout)||parseFloat(null==game?void 0:game.payout_per_winner_system))," ")))))):react.createElement(react.Fragment,null,react.createElement("td",{className:"".concat(table_table_module.mobileOnly," ").concat(0===index&&table_table_module.firstCard)},hasIcon&&react.createElement("span",null,index+1,"."),react.createElement("span",null,"".concat((0,sportstake.sn)(null==game?void 0:game.homeTeam),"vs ").concat((0,sportstake.sn)(null==game?void 0:game.awayTeam)))),react.createElement("td",{className:"".concat(table_table_module.mobileOnly," ").concat(0===index&&table_table_module.firstCard)},(null==game?void 0:game.toss)&&react.createElement("div",null,react.createElement("span",null,"Toss:")," ",react.createElement("span",null,getIcon(null==game?void 0:game.toss))),react.createElement("div",null,react.createElement("span",null,"Date:")," ",react.createElement("span",null,(0,lotto.p6)(null==game?void 0:game.dateTime,"dd/mmm/yy"))),hasIcon&&react.createElement(react.Fragment,null,react.createElement("div",null,react.createElement("span",null,"Score:")," ",react.createElement("span",null,(0,sportstake.o6)(null==game?void 0:game.score))),react.createElement("div",null,getIcon(null==game?void 0:game.results)))))}(game,index,matchNr))})))}())))};Table.displayName="Table",Table.__docgenInfo={description:"",methods:[],displayName:"Table",props:{isResult:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},isDivTable:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},resultTableNumber:{defaultValue:{value:"0",computed:!1},description:"",type:{name:"number"},required:!1},headerList:{description:"",type:{name:"shape",value:"[]",computed:!0},required:!1},rowList:{description:"",type:{name:"arrayOf",value:{name:"shape",value:{}}},required:!1}}};var table=Table;Table.propTypes={headerList:prop_types_default().shape([]),rowList:prop_types_default().arrayOf(prop_types_default().shape({})),isResult:prop_types_default().bool,isDivTable:prop_types_default().bool,resultTableNumber:prop_types_default().number},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/molecules/sportstake/table/index.js"]={name:"Table",docgenInfo:Table.__docgenInfo,path:"src/components/molecules/sportstake/table/index.js"})},"./src/gatsby-core-theme/constants/sportstake.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{My:function(){return tableHeaderCricket},Rt:function(){return tableHeader},VL:function(){return divHeader},dX:function(){return tossResultsHeader}});var tableHeader=["Fixture","Home Team","Away Team","Date","Score","Result"],tableHeaderCricket=["Fixture","Home Team","Away Team","Toss","Date","Score","Result"],divHeader=["DIV","Matches","Number of Winners","Payout per Winner"],tossResultsHeader=["DIV","Toss Results","Number of Winners","Payout per Winner"]},"../node_modules/core-js/internals/number-parse-float.js":function(module,__unused_webpack_exports,__webpack_require__){var global=__webpack_require__("../node_modules/core-js/internals/global.js"),fails=__webpack_require__("../node_modules/core-js/internals/fails.js"),uncurryThis=__webpack_require__("../node_modules/core-js/internals/function-uncurry-this.js"),toString=__webpack_require__("../node_modules/core-js/internals/to-string.js"),trim=__webpack_require__("../node_modules/core-js/internals/string-trim.js").trim,whitespaces=__webpack_require__("../node_modules/core-js/internals/whitespaces.js"),charAt=uncurryThis("".charAt),$parseFloat=global.parseFloat,Symbol=global.Symbol,ITERATOR=Symbol&&Symbol.iterator,FORCED=1/$parseFloat(whitespaces+"-0")!=-1/0||ITERATOR&&!fails((function(){$parseFloat(Object(ITERATOR))}));module.exports=FORCED?function parseFloat(string){var trimmedString=trim(toString(string)),result=$parseFloat(trimmedString);return 0===result&&"-"==charAt(trimmedString,0)?-0:result}:$parseFloat},"../node_modules/core-js/modules/es.parse-float.js":function(__unused_webpack_module,__unused_webpack_exports,__webpack_require__){var $=__webpack_require__("../node_modules/core-js/internals/export.js"),$parseFloat=__webpack_require__("../node_modules/core-js/internals/number-parse-float.js");$({global:!0,forced:parseFloat!=$parseFloat},{parseFloat:$parseFloat})},"../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/table/table.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,"._8\\+NvOhgqhANlUgBjVbbQyw\\=\\={margin-bottom:1rem;border-radius:var(--sportstake-table-border-radius, 1.6rem);border:var(--sportstake-table-border-color, none);box-sizing:var(--box-sizing-templateTwo, content-box);overflow-x:auto;-webkit-overflow-scrolling:touch}._8\\+NvOhgqhANlUgBjVbbQyw\\=\\=::-webkit-scrollbar{height:.6rem}._8\\+NvOhgqhANlUgBjVbbQyw\\=\\=::-webkit-scrollbar-thumb{border-radius:2px;background-color:#515156;border-radius:100px}._8\\+NvOhgqhANlUgBjVbbQyw\\=\\=::-webkit-scrollbar-track{background:#e0e0e2;border-radius:100px;opacity:.200000003}._8\\+NvOhgqhANlUgBjVbbQyw\\=\\=::-webkit-scrollbar{height:var(--scroll-height-1, 0.8rem);width:var(--scroll-height-1, 0.8rem)}._8\\+NvOhgqhANlUgBjVbbQyw\\=\\=::-webkit-scrollbar-thumb{background:var(--color-100, #515156);border-radius:var(--scroll-height-2, 0.8rem)}._8\\+NvOhgqhANlUgBjVbbQyw\\=\\=::-webkit-scrollbar-thumb:hover{background:var(--color-100, #515156)}.RM8XGH6j37GricnFhO4Uyw\\=\\={border:none;border-radius:var(--table-border-radius);margin-bottom:var(--sportstake-table-margin-bottom, 4rem);font-weight:400;table-layout:auto;color:var(--table-content-color, --color-6);display:block;padding-bottom:2.4rem}.RM8XGH6j37GricnFhO4Uyw\\=\\=:hover{color:var(--table-content-color, --color-6)}.RM8XGH6j37GricnFhO4Uyw\\=\\= *{box-sizing:var(--table-box-sizing, content-box)}.RM8XGH6j37GricnFhO4Uyw\\=\\= thead,.RM8XGH6j37GricnFhO4Uyw\\=\\= tbody{display:table;width:100%;table-layout:auto;box-sizing:border-box}@media only screen and (min-width:768px){.RM8XGH6j37GricnFhO4Uyw\\=\\= thead,.RM8XGH6j37GricnFhO4Uyw\\=\\= tbody{table-layout:auto}}@media only screen and (min-width:768px){.RM8XGH6j37GricnFhO4Uyw\\=\\={width:100%;display:table;padding-bottom:0;box-shadow:var(--table-box-shadow, 0px 4px 6px -2px rgba(27, 27, 28, 0.02), 0px 12px 16px -4px rgba(27, 27, 28, 0.05))}}.RM8XGH6j37GricnFhO4Uyw\\=\\= thead,.RM8XGH6j37GricnFhO4Uyw\\=\\= tbody{display:flex;flex-direction:column}.RM8XGH6j37GricnFhO4Uyw\\=\\= thead tr,.RM8XGH6j37GricnFhO4Uyw\\=\\= tbody tr{border:var(--header-border);background-color:var(--table-background);box-shadow:0px 4px 4px -2px rgba(27,27,28,.06),0px 6px 8px -2px rgba(27,27,28,.08);margin-bottom:1rem}.RM8XGH6j37GricnFhO4Uyw\\=\\= thead tr th,.RM8XGH6j37GricnFhO4Uyw\\=\\= tbody tr th{color:var(--table-head-text);background:var(--table-head-background);border-right:var(--border-right-table-header, 2px solid var(--table-head-background));font-weight:700;font-size:1.4rem;text-align:left}.RM8XGH6j37GricnFhO4Uyw\\=\\= thead tr th:first-child,.RM8XGH6j37GricnFhO4Uyw\\=\\= tbody tr th:first-child{border-top-left-radius:var(--table-border-radius)}.RM8XGH6j37GricnFhO4Uyw\\=\\= thead tr th:last-child,.RM8XGH6j37GricnFhO4Uyw\\=\\= tbody tr th:last-child{border-top-right-radius:var(--table-border-radius)}.RM8XGH6j37GricnFhO4Uyw\\=\\= thead tr th a,.RM8XGH6j37GricnFhO4Uyw\\=\\= tbody tr th a{color:#fff !important;text-decoration:underline}.RM8XGH6j37GricnFhO4Uyw\\=\\= thead tr td,.RM8XGH6j37GricnFhO4Uyw\\=\\= tbody tr td{border:var(--border-table-content, none);font-size:1.4rem;font-weight:400;line-height:4rem}.RM8XGH6j37GricnFhO4Uyw\\=\\= thead tr td a,.RM8XGH6j37GricnFhO4Uyw\\=\\= tbody tr td a{text-decoration:underline;line-height:2.7rem;font-weight:500}.RM8XGH6j37GricnFhO4Uyw\\=\\= thead tr td a img,.RM8XGH6j37GricnFhO4Uyw\\=\\= tbody tr td a img{width:15rem}.RM8XGH6j37GricnFhO4Uyw\\=\\= thead tr:last-child td:last-child,.RM8XGH6j37GricnFhO4Uyw\\=\\= tbody tr:last-child td:last-child{border-bottom-right-radius:var(--table-border-radius)}.RM8XGH6j37GricnFhO4Uyw\\=\\= thead tr:last-child td:first-child,.RM8XGH6j37GricnFhO4Uyw\\=\\= tbody tr:last-child td:first-child{border-bottom-left-radius:var(--table-border-radius)}@media only screen and (min-width:768px){.RM8XGH6j37GricnFhO4Uyw\\=\\= thead tr,.RM8XGH6j37GricnFhO4Uyw\\=\\= tbody tr{margin:0}.RM8XGH6j37GricnFhO4Uyw\\=\\= thead tr:nth-child(even),.RM8XGH6j37GricnFhO4Uyw\\=\\= tbody tr:nth-child(even){background-color:var(--table-highlight)}}@media only screen and (min-width:768px){.RM8XGH6j37GricnFhO4Uyw\\=\\= thead,.RM8XGH6j37GricnFhO4Uyw\\=\\= tbody{display:table-header-group}}.RM8XGH6j37GricnFhO4Uyw\\=\\= td,.RM8XGH6j37GricnFhO4Uyw\\=\\= th{padding:4px 16px;line-height:2.7rem;display:none}.RM8XGH6j37GricnFhO4Uyw\\=\\= td.kHZNBnytwSIzlrdzCk8kRg\\=\\=,.RM8XGH6j37GricnFhO4Uyw\\=\\= th.kHZNBnytwSIzlrdzCk8kRg\\=\\={display:flex;flex-direction:column}.RM8XGH6j37GricnFhO4Uyw\\=\\= td.kHZNBnytwSIzlrdzCk8kRg\\=\\=:nth-of-type(even),.RM8XGH6j37GricnFhO4Uyw\\=\\= th.kHZNBnytwSIzlrdzCk8kRg\\=\\=:nth-of-type(even){background-color:var(--table-highlight)}.RM8XGH6j37GricnFhO4Uyw\\=\\= td img,.RM8XGH6j37GricnFhO4Uyw\\=\\= th img{max-width:none}@media only screen and (min-width:768px){.RM8XGH6j37GricnFhO4Uyw\\=\\= td,.RM8XGH6j37GricnFhO4Uyw\\=\\= th{max-width:unset;display:table-cell;height:auto}.RM8XGH6j37GricnFhO4Uyw\\=\\= td.kHZNBnytwSIzlrdzCk8kRg\\=\\=,.RM8XGH6j37GricnFhO4Uyw\\=\\= th.kHZNBnytwSIzlrdzCk8kRg\\=\\={display:none}}@media only screen and (min-width:425px){.Ry5zQmW8i6XBsgIdaQew5A\\=\\={display:none}}.G1bk4pFqt4VmMG4IDsh2qA\\=\\=,.UYqFGqVLvd3749gi2aXGFQ\\=\\=,.eabBSvaOyBO8nl06yCg3mw\\=\\=,.WvhueDxz5JbVyxl4Hzrt6g\\=\\={display:inline-flex;align-items:center;color:var(--results-color, #ffffff);border-radius:8px;font-size:1.4rem;line-height:3rem;max-height:3rem}.G1bk4pFqt4VmMG4IDsh2qA\\=\\=>span,.UYqFGqVLvd3749gi2aXGFQ\\=\\=>span,.eabBSvaOyBO8nl06yCg3mw\\=\\=>span,.WvhueDxz5JbVyxl4Hzrt6g\\=\\=>span{margin-right:1.2rem;white-space:nowrap}.G1bk4pFqt4VmMG4IDsh2qA\\=\\={background-color:var(--home-bg-color, #53a373);color:var(--home-text-color, var(--results-color, #ffffff))}.UYqFGqVLvd3749gi2aXGFQ\\=\\={background-color:var(--away-bg-color, #295dd6);color:var(--away-text-color, var(--results-color, #ffffff))}.eabBSvaOyBO8nl06yCg3mw\\=\\={background-color:var(--draw-bg-color, #ff6860);color:var(--away-text-color, var(--results-color, #ffffff));max-width:15rem}.WvhueDxz5JbVyxl4Hzrt6g\\=\\={background-color:var(--cancelled-bg-color, #6e6e84);color:var(--away-text-color, var(--results-color, #ffffff))}.WvhueDxz5JbVyxl4Hzrt6g\\=\\=>span{padding:.4rem .8rem;display:flex;align-items:center;justify-content:center;margin:0}.RTSaaiAuyCmoBp0YEPHYXA\\=\\={margin:0 .5rem;border-radius:50%;width:2.4rem;height:2.4rem;display:flex;align-items:center;justify-content:center;background-color:var(--icon-bg-color, #ffffff);color:var(--icon-text-color, #000000);font-weight:bolder}","",{version:3,sources:["webpack://./src/components/molecules/sportstake/table/table.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_scrollbar.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAwJA,8BACE,kBAAA,CACA,2DAAA,CACA,iDAAA,CACA,qDAAA,CChJA,eDiJ8B,CChJ9B,gCDgJoC,CAEpC,iDACE,YAAA,CAGF,uDACE,iBAAA,CACA,wBAAA,CACA,mBAAA,CAIF,uDACE,kBAAA,CACA,mBAAA,CACA,kBAAA,CE5KF,iDACE,qCF+KA,CE9KA,oCF8KA,CE3KF,uDACE,oCF4KA,CE3KA,4CF0KA,CEvKF,6DACE,oCFuKA,CAIJ,4BAxKE,WAAA,CACA,wCAAA,CACA,yDAAA,CACA,eAAA,CACA,iBAAA,CCOA,2CDNoB,CACpB,aAAA,CACA,qBAAA,CCMA,kCACE,2CDTkB,CAIpB,8BACE,+CAAA,CAGF,oEAEE,aAAA,CACA,UAAA,CACA,iBAAA,CACA,qBAAA,CGmBF,yCHxBA,oEAQI,iBAAA,CAAA,CGgBJ,yCHmIF,4BA9II,UAAA,CACA,aAAA,CACA,gBAAA,CACA,sHAAA,CAAA,CAGF,oECxCA,YAAA,CACA,qBDyC0B,CAExB,0EACE,2BAAA,CACA,wCAAA,CACA,kFAAA,CACA,kBAAA,CAEA,gFACE,4BAAA,CACA,uCAAA,CACA,qFAAA,CACA,eAAA,CACA,gBAAA,CACA,eAAA,CAEA,wGACE,iDAAA,CAGF,sGACE,kDAAA,CAGF,oFACE,qBAAA,CACA,yBAAA,CAIJ,gFACE,wCAAA,CACA,gBAAA,CACA,eAAA,CACA,gBAAA,CAEA,oFACE,yBAAA,CACA,kBAAA,CACA,eAAA,CAEA,4FACE,WAAA,CAOF,4HACE,qDAAA,CAGF,8HACE,oDAAA,CGnDV,yCHDE,0EA0DI,QAAA,CAEA,0GACE,uCAAA,CAAA,CG5DR,yCHLA,oEAuEI,0BAAA,CAAA,CAIJ,8DAEE,gBAAA,CACA,kBAAA,CACA,YAAA,CAEA,oHCzHF,YAAA,CACA,qBDyH4B,CAExB,wJACE,uCAAA,CAIJ,sEACE,cAAA,CGrFJ,yCHsEA,8DAmBI,eAAA,CACA,kBAAA,CACA,WAAA,CAEA,oHACE,YAAA,CAAA,CG9FN,yCHwIF,4BAEI,YAAA,CAAA,CAIJ,gHAIE,mBAAA,CACA,kBAAA,CACA,mCAAA,CACA,iBAAA,CACA,gBAAA,CACA,gBAAA,CACA,eAAA,CAEA,oIACE,mBAAA,CACA,kBAAA,CAIJ,4BACE,8CAAA,CACA,2DAAA,CAGF,4BACE,8CAAA,CACA,2DAAA,CAGF,4BACE,8CAAA,CACA,2DAAA,CACA,eAAA,CAGF,4BACE,mDAAA,CACA,2DAAA,CAEA,iCACE,mBAAA,CCxOF,YAAA,CACA,kBDwOsB,CCvOtB,sBDuO8B,CAC5B,QAAA,CAIJ,4BACE,cAAA,CACA,iBAAA,CACA,YAAA,CACA,aAAA,CClPA,YAAA,CACA,kBDkPoB,CCjPpB,sBDiP4B,CAC5B,8CAAA,CACA,qCAAA,CACA,kBAAA",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@mixin tableStyles {\n  border: none;\n  border-radius: var(--table-border-radius);\n  margin-bottom: var(--sportstake-table-margin-bottom, 4rem);\n  font-weight: 400;\n  table-layout: auto;\n  @include link-color(var(--table-content-color, --color-6));\n  display: block;\n  padding-bottom: 2.4rem;\n\n  * {\n    box-sizing: var(--table-box-sizing, content-box);\n  }\n\n  thead,\n  tbody {\n    display: table;\n    width: 100%;\n    table-layout: auto;\n    box-sizing: border-box;\n\n    @include min(tablet) {\n      table-layout: auto; \n    }\n  }\n\n  @include min(tablet) {\n    width: 100%;\n    display: table;\n    padding-bottom: 0;\n    box-shadow: var(--table-box-shadow, 0px 4px 6px -2px rgba(27, 27, 28, 0.02), 0px 12px 16px -4px rgba(27, 27, 28, 0.05));\n  }\n\n  thead,\n  tbody {\n    @include flex-direction(column);\n\n    tr {\n      border: var(--header-border);\n      background-color: var(--table-background);\n      box-shadow: 0px 4px 4px -2px rgba(27, 27, 28, 0.06), 0px 6px 8px -2px rgba(27, 27, 28, 0.08);\n      margin-bottom: 1rem;\n\n      th {\n        color: var(--table-head-text);\n        background: var(--table-head-background);\n        border-right: var(--border-right-table-header, 2px solid var(--table-head-background));\n        font-weight: 700;\n        font-size: 1.4rem;\n        text-align: left;\n\n        &:first-child {\n          border-top-left-radius: var(--table-border-radius);\n        }\n\n        &:last-child {\n          border-top-right-radius: var(--table-border-radius);\n        }\n\n        a {\n          color: white !important;\n          text-decoration: underline;\n        }\n      }\n\n      td {\n        border: var(--border-table-content, none);\n        font-size: 1.4rem;\n        font-weight: 400;\n        line-height: 4rem;\n\n        a {\n          text-decoration: underline;\n          line-height: 2.7rem;\n          font-weight: 500;\n\n          img {\n            width: 15rem;\n          }\n        }\n      }\n\n      &:last-child {\n        td {\n          &:last-child {\n            border-bottom-right-radius: var(--table-border-radius);\n          }\n  \n          &:first-child {\n            border-bottom-left-radius: var(--table-border-radius);\n          }\n        }\n      }\n\n      @include min(tablet) {\n        margin: 0;\n\n        &:nth-child(even) {\n          background-color: var(--table-highlight);\n        }\n      }\n    }\n\n    @include min(tablet) {\n      display: table-header-group;\n    }\n  }\n\n  td,\n  th {\n    padding: 4px 16px;\n    line-height: 2.7rem;\n    display: none;\n\n    &.mobileOnly {\n      @include flex-direction(column);\n\n      &:nth-of-type(even) {\n        background-color: var(--table-highlight);\n      }\n    }\n\n    img {\n      max-width: none;\n    }\n\n    @include min(tablet) {\n      max-width: unset;\n      display: table-cell;\n      height: auto;\n\n      &.mobileOnly {\n        display: none;\n      }\n    }\n  }\n}\n\n.tableWrapper {\n  margin-bottom: 1rem;\n  border-radius: var(--sportstake-table-border-radius, 1.6rem);  \n  border: var(--sportstake-table-border-color, none);\n  box-sizing: var(--box-sizing-templateTwo, content-box);\n  @include overflow(overflow-x, auto, touch);\n\n  &::-webkit-scrollbar {\n    height: 0.6rem;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    border-radius: 2px;\n    background-color: #515156;\n    border-radius: 100px;\n  }\n\n  /* Track */\n  &::-webkit-scrollbar-track {\n    background: #e0e0e2;\n    border-radius: 100px;\n    opacity: 0.20000000298023224;\n  }\n\n  @include scrollbar(\n    var(--scroll-height-1, 0.8rem),\n    var(--scroll-height-2, 0.8rem),\n    var(--color-100, #515156)\n  );\n}\n\n.table {\n  @include tableStyles;\n}\n\n\n.hideDesktopRow {\n  @include min(mobile) {\n    display: none;\n  }\n}\n\n.home,\n.away,\n.draw,\n.cancelled {\n  display: inline-flex;\n  align-items: center;\n  color: var(--results-color, #ffffff);\n  border-radius: 8px;\n  font-size: 1.4rem;\n  line-height: 3rem;\n  max-height: 3rem;\n\n  > span {\n    margin-right: 1.2rem;\n    white-space: nowrap;\n  }\n}\n\n.home {\n  background-color: var(--home-bg-color, #53a373);\n  color: var(--home-text-color, var(--results-color, #ffffff));\n}\n\n.away {\n  background-color: var(--away-bg-color, #295dd6);\n  color: var(--away-text-color, var(--results-color, #ffffff));\n}\n\n.draw {\n  background-color: var(--draw-bg-color, #ff6860);\n  color: var(--away-text-color, var(--results-color, #ffffff));\n  max-width: 15rem;\n}\n\n.cancelled {\n  background-color: var(--cancelled-bg-color, #6e6e84);\n  color: var(--away-text-color, var(--results-color, #ffffff));\n  \n  > span {\n    padding: 0.4rem 0.8rem;\n    @include flex-align(center, center);\n    margin: 0;\n  }\n}\n\n.circle {\n  margin: 0 0.5rem;\n  border-radius: 50%;\n  width: 2.4rem;\n  height: 2.4rem;\n  @include flex-align(center, center);\n  background-color: var(--icon-bg-color, #ffffff);\n  color: var(--icon-text-color, #000000);\n  font-weight: bolder;\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","@mixin scrollbar($thickness, $border-radius, $thumb-color) {\n  &::-webkit-scrollbar {\n    height: $thickness;\n    width: $thickness;\n  }\n\n  &::-webkit-scrollbar-thumb {\n    background: $thumb-color;\n    border-radius: $border-radius;\n  }\n\n  &::-webkit-scrollbar-thumb:hover {\n    background: $thumb-color;\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={tableWrapper:"_8+NvOhgqhANlUgBjVbbQyw==",table:"RM8XGH6j37GricnFhO4Uyw==",mobileOnly:"kHZNBnytwSIzlrdzCk8kRg==",hideDesktopRow:"Ry5zQmW8i6XBsgIdaQew5A==",home:"G1bk4pFqt4VmMG4IDsh2qA==",away:"UYqFGqVLvd3749gi2aXGFQ==",draw:"eabBSvaOyBO8nl06yCg3mw==",cancelled:"WvhueDxz5JbVyxl4Hzrt6g==",circle:"RTSaaiAuyCmoBp0YEPHYXA=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/933.e56e01a1.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[933],{"../node_modules/gatsby-core-theme/src/components/organisms/carousel/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return index}});var react__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/react/index.js"),_template_one__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/gatsby-core-theme/src/components/organisms/carousel/template-one/index.js"),_template_two__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../node_modules/gatsby-core-theme/src/components/organisms/carousel/template-two/index.js");function index(_ref){var module=_ref.module;return"template_two"===(null==module?void 0:module.style)?react__WEBPACK_IMPORTED_MODULE_0__.createElement(_template_two__WEBPACK_IMPORTED_MODULE_2__.Z,{module:module}):react__WEBPACK_IMPORTED_MODULE_0__.createElement(_template_one__WEBPACK_IMPORTED_MODULE_1__.Z,{module:module})}index.__docgenInfo={description:"",methods:[],displayName:"index"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/organisms/carousel/index.js"]={name:"index",docgenInfo:index.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/organisms/carousel/index.js"})}}]);