gatsby-matrix-theme 53.2.7 → 53.2.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/package.json +2 -2
  3. package/src/gatsby-core-theme/helpers/server-data.js +2 -2
  4. package/storybook/public/563.e1e66d81.iframe.bundle.js +1 -0
  5. package/storybook/public/582.966b7510.iframe.bundle.js +1 -0
  6. package/storybook/public/604.1ff7045f.iframe.bundle.js +1 -0
  7. package/storybook/public/{717.63a597c7.iframe.bundle.js → 717.27bce499.iframe.bundle.js} +4 -4
  8. package/storybook/public/{717.63a597c7.iframe.bundle.js.map → 717.27bce499.iframe.bundle.js.map} +1 -1
  9. package/storybook/public/776.71c64a44.iframe.bundle.js +1 -0
  10. package/storybook/public/777.426e8bf9.iframe.bundle.js +1 -0
  11. package/storybook/public/941.3c72fb77.iframe.bundle.js +1 -0
  12. package/storybook/public/942.7a3b5e99.iframe.bundle.js +1 -0
  13. package/storybook/public/943.3f7c32be.iframe.bundle.js +1 -0
  14. package/storybook/public/iframe.html +1 -1
  15. package/storybook/public/main.850a645b.iframe.bundle.js +1 -0
  16. package/storybook/public/project.json +1 -1
  17. package/storybook/public/{runtime~main.f3a5bb31.iframe.bundle.js → runtime~main.f1439b4c.iframe.bundle.js} +1 -1
  18. package/storybook/public/563.a3a067bc.iframe.bundle.js +0 -1
  19. package/storybook/public/582.f442a86e.iframe.bundle.js +0 -1
  20. package/storybook/public/604.f5d9235e.iframe.bundle.js +0 -1
  21. package/storybook/public/776.aa2fb07e.iframe.bundle.js +0 -1
  22. package/storybook/public/777.a62d8c28.iframe.bundle.js +0 -1
  23. package/storybook/public/941.4b5a2816.iframe.bundle.js +0 -1
  24. package/storybook/public/942.7deca466.iframe.bundle.js +0 -1
  25. package/storybook/public/943.ea716a5f.iframe.bundle.js +0 -1
  26. package/storybook/public/main.48c97eba.iframe.bundle.js +0 -1
  27. /package/storybook/public/{717.63a597c7.iframe.bundle.js.LICENSE.txt → 717.27bce499.iframe.bundle.js.LICENSE.txt} +0 -0
package/storybook/public/{717.63a597c7.iframe.bundle.js.map → 717.27bce499.iframe.bundle.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"717.63a597c7.iframe.bundle.js","mappings":";;;;;AAWA","sources":["webpack://gatsby-matrix-theme/../node_modules/@storybook/addon-docs/blocks.js"],"sourcesContent":["import deprecate from 'util-deprecate';\nimport dedent from 'ts-dedent';\n\nconst warnBlocksImport = deprecate(\n () => {},\n dedent`\n Importing from '@storybook/addon-docs/blocks' is deprecated, import directly from '@storybook/addon-docs' instead:\n \n https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-scoped-blocks-imports\n`\n);\nwarnBlocksImport();\n\nexport * from './dist/esm/blocks';\n"],"names":[],"sourceRoot":""}
1
+ {"version":3,"file":"717.27bce499.iframe.bundle.js","mappings":";;;;;AAWA","sources":["webpack://gatsby-matrix-theme/../node_modules/@storybook/addon-docs/blocks.js"],"sourcesContent":["import deprecate from 'util-deprecate';\nimport dedent from 'ts-dedent';\n\nconst warnBlocksImport = deprecate(\n () => {},\n dedent`\n Importing from '@storybook/addon-docs/blocks' is deprecated, import directly from '@storybook/addon-docs' instead:\n \n https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-scoped-blocks-imports\n`\n);\nwarnBlocksImport();\n\nexport * from './dist/esm/blocks';\n"],"names":[],"sourceRoot":""}
package/storybook/public/776.71c64a44.iframe.bundle.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[776],{"../node_modules/gatsby-core-theme/src/components/organisms/accordion/variants/template-one/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>template_one});var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("../node_modules/gatsby-core-theme/node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),template_one_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/organisms/accordion/variants/template-one/template-one.module.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(template_one_module.A,options);const template_one_template_one_module=template_one_module.A.locals||{};var keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.mjs"),TemplateOne=function(_ref){var module=_ref.module,_ref$openAll=_ref.openAll,openAll=void 0!==_ref$openAll&&_ref$openAll,openItem=_ref.openItem,_ref$closeOthers=_ref.closeOthers,closeOthers=void 0!==_ref$closeOthers&&_ref$closeOthers,items=module.items,itemRefs=(0,react.useRef)([]),btnRefs=(0,react.useRef)([]),toggle=function(index){btnRefs.current[index][0].classList.toggle(template_one_template_one_module.invertArrow),itemRefs.current[index][0].classList.toggle(template_one_template_one_module.active),closeOthers&&function(index){for(var i=0;i<itemRefs.current.length;i+=1)i!==index&&(itemRefs.current[i][0].classList.remove(template_one_template_one_module.active),btnRefs.current[i][0].classList.remove(template_one_template_one_module.invertArrow))}(index)};return(0,react.useEffect)((function(){openAll&&function(){for(var i=0;i<itemRefs.current.length;i+=1)void 0!==itemRefs.current[i]&&(itemRefs.current[i][0].classList.add(template_one_template_one_module.active),btnRefs.current[i][0].classList.add(template_one_template_one_module.invertArrow))}()}),[openAll]),(0,react.useEffect)((function(){var index;openItem&&(index=openItem-1,itemRefs.current.filter((function(ref){return ref.length>0})),itemRefs.current[index]&&(itemRefs.current[index][0].classList.add(template_one_template_one_module.active),btnRefs.current[index][0].classList.add(template_one_template_one_module.invertArrow)))}),[openItem]),react.createElement(react.Fragment,null,react.createElement("div",{className:template_one_template_one_module.accordionContainer||""},items.map((function(item,index){return item.content&&react.createElement("div",{key:(0,keygen.A)(),className:template_one_template_one_module.accordionItem||""},react.createElement("button",{onClick:function(){return toggle(index)},className:`${template_one_template_one_module.title||""} accordion-gtm btn-cta`,type:"button","aria-label":`${(0,keygen.A)()}_accordionButton`,ref:function(el){btnRefs.current[index]=btnRefs.current[index]||[],btnRefs.current[index].push(el)}},react.createElement("div",{dangerouslySetInnerHTML:{__html:item.title}})),react.createElement("div",{className:template_one_template_one_module.content||"",ref:function(el){itemRefs.current[index]=itemRefs.current[index]||[],itemRefs.current[index].push(el)}},react.createElement("div",{dangerouslySetInnerHTML:{__html:item.content}})))}))))};TemplateOne.propTypes={module:prop_types_default().shape({anchor_label:prop_types_default().string,items:prop_types_default().arrayOf(prop_types_default().shape({title:prop_types_default().string,content:prop_types_default().string}))}).isRequired,openAll:prop_types_default().bool,openItem:prop_types_default().number,closeOthers:prop_types_default().bool,styles:prop_types_default().shape({})},TemplateOne.__docgenInfo={description:"",methods:[],displayName:"TemplateOne",props:{openAll:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},closeOthers:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},module:{description:"",type:{name:"shape",value:{anchor_label:{name:"string",required:!1},items:{name:"arrayOf",value:{name:"shape",value:{title:{name:"string",required:!1},content:{name:"string",required:!1}}},required:!1}}},required:!0},openItem:{description:"",type:{name:"number"},required:!1},styles:{description:"",type:{name:"shape",value:{}},required:!1}}};const template_one=TemplateOne;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/organisms/accordion/variants/template-one/index.js"]={name:"TemplateOne",docgenInfo:TemplateOne.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/organisms/accordion/variants/template-one/index.js"})},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/organisms/accordion/variants/template-one/template-one.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.YlMIwp9KDAz-FU1vQGW-8Q\\=\\={padding:0 1.6rem}@media only screen and (min-width:768px){.YlMIwp9KDAz-FU1vQGW-8Q\\=\\={padding:0 2.4rem}}.YlMIwp9KDAz-FU1vQGW-8Q\\=\\= .peFyv\\+3TCBS7N4VVi\\+WA9w\\=\\={display:flex;flex-direction:column;padding:1rem 1.6rem 1.6rem;background-color:#fff;border-radius:.6rem;margin:1.6rem 0;border:1px solid #ccc}.YlMIwp9KDAz-FU1vQGW-8Q\\=\\= .peFyv\\+3TCBS7N4VVi\\+WA9w\\=\\= .fcQ19dG928fhJNcQdxD7Fw\\=\\={position:relative;text-align:left;color:var(--color-12);background:rgba(0,0,0,0);max-width:unset;border:none;justify-content:left;font-size:1.8rem;font-weight:700;padding:1rem 0;outline:none}.YlMIwp9KDAz-FU1vQGW-8Q\\=\\= .peFyv\\+3TCBS7N4VVi\\+WA9w\\=\\= .fcQ19dG928fhJNcQdxD7Fw\\=\\=:hover,.YlMIwp9KDAz-FU1vQGW-8Q\\=\\= .peFyv\\+3TCBS7N4VVi\\+WA9w\\=\\= .fcQ19dG928fhJNcQdxD7Fw\\=\\=:focus{outline:none}.YlMIwp9KDAz-FU1vQGW-8Q\\=\\= .peFyv\\+3TCBS7N4VVi\\+WA9w\\=\\= .fcQ19dG928fhJNcQdxD7Fw\\=\\=:after{transition:0s;content:"";border:solid #000;border-width:0 .3rem .3rem 0;padding:.3rem;transform:translateY(-50%) rotate(45deg);position:absolute;right:.5rem;top:50%}.YlMIwp9KDAz-FU1vQGW-8Q\\=\\= .peFyv\\+3TCBS7N4VVi\\+WA9w\\=\\= .fcQ19dG928fhJNcQdxD7Fw\\=\\=.BLfcBDjGM\\+IYgRil5WZrkg\\=\\=:after{transform:translateY(-50%) rotate(-135deg)}.YlMIwp9KDAz-FU1vQGW-8Q\\=\\= .peFyv\\+3TCBS7N4VVi\\+WA9w\\=\\= .zItWD6SR14EIspKWd9-\\+fA\\=\\={max-height:0;transition:max-height 0s ease-out;overflow:hidden;font-size:1.6rem;color:var(--color-20);padding:0}.YlMIwp9KDAz-FU1vQGW-8Q\\=\\= .peFyv\\+3TCBS7N4VVi\\+WA9w\\=\\= .zItWD6SR14EIspKWd9-\\+fA\\=\\=._8VoMztJeRBO1MEYknG-d8A\\=\\=,.YlMIwp9KDAz-FU1vQGW-8Q\\=\\= .peFyv\\+3TCBS7N4VVi\\+WA9w\\=\\= .zItWD6SR14EIspKWd9-\\+fA\\=\\=.RpccZafECZirmjCjjBx8kQ\\=\\={display:inherit;max-height:20rem;transition:max-height 0s ease-in;overflow-y:auto}.YlMIwp9KDAz-FU1vQGW-8Q\\=\\= .peFyv\\+3TCBS7N4VVi\\+WA9w\\=\\= .zItWD6SR14EIspKWd9-\\+fA\\=\\= p{padding:1rem 0}',"",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/organisms/accordion/variants/template-one/template-one.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_icons.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_animations.scss"],names:[],mappings:"AAcA,4BACE,gBAAA,CCqCA,yCDtCF,4BAGI,gBAAA,CAAA,CAEF,0DACE,YAAA,CACA,qBAAA,CACA,0BAAA,CACA,qBAAA,CACA,mBAAA,CACA,eAAA,CACA,qBAAA,CAEA,sFACE,iBAAA,CACA,eAAA,CACA,qBAAA,CACA,wBAAA,CACA,eAAA,CACA,WAAA,CACA,oBAAA,CACA,gBAAA,CACA,eAAA,CACA,cAAA,CACA,YAAA,CACA,wLAEE,YAAA,CAGF,4FACE,aAAA,CE7CN,UAAA,CAaE,iBAAA,CACA,4BAAA,CACA,aAHQ,CAsBR,wCAAA,CFaI,iBAAA,CACA,WAAA,CACA,OAAA,CAIA,wHACE,0CAAA,CAKN,uFGzBF,YAAA,CAlCA,iCAoCA,CAEA,eAAA,CHuBI,gBAAA,CACA,qBAAA,CACA,SAAA,CGvBJ,qOAEE,eAAA,CACA,gBHiBwB,CG5D1B,gCA6CE,CAEA,eAAA,CHkBE,yFACE,cAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../../styles/utils/variables/stack-order";\n@import "../../../../../styles/utils/variables/typography";\n@import "../../../../../styles/utils/variables/layout";\n@import "../../../../../styles/utils/media-queries";\n@import "../../../../../styles/utils/icons";\n@import "../../../../../styles/utils/tooltip";\n@import "../../../../../styles/utils/loader";\n@import "../../../../../styles/utils/mixins";\n@import "../../../../../styles/utils/scrollbar";\n@import "../../../../../styles/utils/animations";\n.accordionContainer {\n padding: 0 1.6rem;\n @include min(tablet) {\n padding: 0 2.4rem;\n }\n .accordionItem {\n display: flex;\n flex-direction: column;\n padding: 1rem 1.6rem 1.6rem;\n background-color: #fff;\n border-radius: 0.6rem;\n margin: 1.6rem 0;\n border: 1px solid #ccc;\n\n .title {\n position: relative;\n text-align: left;\n color: var(--color-12);\n background: transparent;\n max-width: unset;\n border: none;\n justify-content: left;\n font-size: 1.8rem;\n font-weight: 700;\n padding: 1rem 0;\n outline: none;\n &:hover,\n &:focus {\n outline: none;\n }\n\n &:after {\n transition: 0s;\n @include arrow(black, 0.9rem, down, false, translateY(-50%));\n position: absolute;\n right: 0.5rem;\n top: 50%;\n }\n\n &.invertArrow {\n &:after {\n transform: translateY(-50%) rotate(-135deg);\n }\n }\n }\n\n .content {\n @include collapse(0s, 20rem);\n font-size: 1.6rem;\n color: var(--color-20);\n padding: 0;\n\n p {\n padding: 1rem 0;\n }\n }\n }\n}\n',"$media-query-sizes: (\n mobile-s: (\n min: 320px,\n max: 374px,\n ),\n mobile-m: (\n min: 375px,\n max: 424px,\n ),\n mobile: (\n min: 425px,\n max: 767px,\n ),\n tablet: (\n min: 768px,\n max: 991px,\n ),\n laptop: (\n min: 992px,\n max: 1199px,\n ),\n desktop: (\n min: 1200px,\n ),\n);\n\n// Get media query sizes\n$screen: 'only screen';\n@function media-query($media, $optional-media: '', $min: true) {\n $media-label: '';\n\n @if ($optional-media != '') {\n $media-sizes-min: map-get($media-query-sizes, $media);\n $media-sizes-max: map-get($media-query-sizes, $optional-media);\n $media-label: $screen +\n \" and (min-width:#{map-get($media-sizes-min, 'min')}) and (max-width:#{map-get($media-sizes-max, 'max')})\";\n } @else {\n $query: 'max';\n\n @if ($min) {\n $query: 'min';\n }\n\n $media-sizes: map-get($media-query-sizes, $media);\n $media-label: $screen + ' and (#{$query}-width:#{map-get($media-sizes, $query)})';\n }\n\n @return $media-label;\n}\n\n// Min media query\n@mixin min($media) {\n @media #{media-query($media)} {\n @content;\n }\n}\n\n// Max media query\n@mixin max($media) {\n @media #{media-query($media, '', false)} {\n @content;\n }\n}\n\n// Min & max media query\n@mixin min-max($min, $max) {\n @media #{media-query($min, $max)} {\n @content;\n }\n}\n\n// Use this ONLY if you need a media query that doesn't fit the $media-query-sizes breakpoints above\n// Pass number, for example @include custom-min(992)\n@mixin custom-min($min) {\n @media #{$screen} and (min-width: #{$min}px) {\n @content;\n }\n}\n\n@mixin custom-max($max) {\n @media #{$screen} and (max-width: #{$max}px) {\n @content;\n }\n}\n\n@mixin custom-min-max($min, $max) {\n @media #{$screen} and (min-width: #{$min}px) and (max-width: #{$max}px) {\n @content;\n }\n}\n\n// Landscape\n// (If we find more use cases of this in the future, might want to refactor this and include it in the media-query function for $screen)\n// Pass number\n$landscape: 'screen and (orientation:landscape)';\n\n@mixin landscape-max($max) {\n @media #{$landscape} and (max-width: #{$max}px) {\n @content;\n }\n}\n\n@mixin landscape-min($min) {\n @media #{$landscape} and (min-width: #{$min}px) {\n @content;\n }\n}\n","@mixin arrow($color, $size, $orientation, $solid: true, $transform: '') {\n content: '';\n\n $rotation_right: 90deg;\n $rotation_down: 180deg;\n $rotation_left: -90deg;\n $rotation: rotate(-135deg);\n\n @if ($solid) {\n border-left: $size solid transparent;\n border-right: $size solid transparent;\n border-bottom: $size solid $color;\n } @else {\n $size: calc($size/3);\n border: solid $color;\n border-width: 0 $size $size 0;\n padding: $size;\n }\n\n $rotation_right: -45deg;\n $rotation_down: 45deg;\n $rotation_left: 135deg;\n\n @if ($orientation == up) {\n bottom: 100%;\n left: calc(50% - #{$size});\n } @else if ($orientation == right) {\n $rotation: rotate($rotation_right);\n } @else if ($orientation == down) {\n $rotation: rotate($rotation_down);\n } @else if ($orientation == left) {\n $rotation: rotate($rotation_left);\n }\n\n @if ($transform != '') {\n transform: $transform $rotation;\n } @else {\n transform: $rotation;\n }\n}\n\n@mixin circle($color, $size) {\n content: '';\n width: $size;\n height: $size;\n background: $color;\n border-radius: 50%;\n}\n\n@mixin circle-bordered($color, $size, $border-width, $border-color) {\n @include circle($color, $size);\n border: $border-width solid $border-color;\n}\n\n@mixin iframe-play($color, $bg-color) {\n &:before {\n @include arrow($color, 1rem, right, true);\n border-bottom-width: 2rem;\n z-index: 1;\n }\n\n &:after {\n @include circle-bordered($bg-color, 8rem, 1rem, transparentize($bg-color, 0.2));\n }\n\n &:before,\n &:after {\n cursor: pointer;\n transition: all 0.25s linear;\n }\n\n &:hover,\n &:focus {\n &:before {\n border-bottom: 2rem solid $bg-color;\n }\n\n &:after {\n border-color: transparentize($color, 0.2);\n background-color: $color;\n }\n }\n}\n\n@mixin close($size, $thickness, $color) {\n & {\n display: inline-block;\n width: $size;\n height: $size;\n }\n\n &:before,\n &:after {\n content: '';\n display: block;\n width: 140%;\n height: $thickness;\n background: $color;\n border-radius: 0.1rem;\n }\n\n &:before {\n transform: rotate(45deg);\n transform-origin: 0 0;\n margin: - calc($thickness / 4) 0 0 calc($thickness / 2);\n }\n\n &:after {\n transform: rotate(-45deg);\n transform-origin: 100% 0;\n margin: -$thickness 0 0 -45%;\n }\n}\n\n@mixin nav-icon($size, $color, $thickness: 5px, $translate: 12px) {\n width: $size;\n\n &:before,\n &:after,\n div {\n background-color: $color;\n border-radius: 3px;\n content: '';\n display: block;\n height: $thickness;\n margin: 7px 0;\n transition: all 0.2s ease-in-out;\n }\n\n &:before {\n margin: 0;\n }\n\n &:after {\n width: 50%;\n margin: 0 0 0 auto;\n }\n\n &.active {\n &:before {\n transform: translateY($translate) rotate(135deg);\n }\n\n &:after {\n margin: 7px 0;\n width: auto;\n transform: translateY(-$translate) rotate(-135deg);\n }\n\n div {\n transform: scale(0);\n }\n }\n}\n\n@mixin nav-icon-2($size, $color, $thickness: 5px, $translate: 12px) {\n width: $size;\n\n &:before,\n &:after,\n div {\n background-color: $color;\n border-radius: 1px;\n content: '';\n display: block;\n height: $thickness;\n margin: 4px 0;\n transition: all 0.2s ease-in-out;\n width: 100%;\n }\n\n &:before {\n margin: 0;\n }\n\n &:after {\n margin: 0 0 0 auto;\n }\n\n &.active {\n &:before {\n transform: translateY($translate) rotate(135deg);\n }\n\n &:after {\n margin: 10px 0;\n width: auto;\n transform: translateY(-$translate) rotate(-135deg);\n }\n\n div {\n transform: scale(0);\n }\n }\n}\n\n","@mixin transition($args...) {\n transition: $args;\n}\n\n@mixin visibility {\n position: absolute;\n opacity: 0;\n transition: visibility 0s linear 0.33s, opacity 0.33s linear;\n\n @include customZindex(below-content);\n\n &.show {\n opacity: 1;\n\n @include customZindex(modal);\n\n &.list {\n @include customZindex(scroll-to-top);\n }\n }\n}\n\n@mixin slide($from, $position, $fromVal: -100%, $toVal: 0) {\n position: $position;\n\n @include transition(1.5s);\n\n #{$from}: $fromVal;\n\n &.show {\n #{$from}: $toVal;\n }\n}\n\n@mixin collapse($time: 0.15s, $maxHeight: 500px) {\n max-height: 0;\n\n @include transition(max-height $time ease-out);\n\n overflow: hidden;\n\n &.show,\n &.active {\n display: inherit;\n max-height: $maxHeight;\n\n @include transition(max-height $time ease-in);\n\n overflow-y: auto;\n }\n}\n\n@mixin collapse-full($time: 0.15s, $removeHeight: 0) {\n height: 0;\n\n @include transition(height $time ease-out);\n\n overflow: hidden;\n\n &.show,\n &.active {\n height: calc(100vh - #{$removeHeight}); /* NOTE standard definition (as fallback) */\n height: calc(100dvh - #{$removeHeight}); /* NOTE dynamic vh will trick iOS for newer versions */\n\n @include transition(height $time ease-in);\n }\n}\n\n@mixin arrow-rotate($translate: 50%, $rotate: -135deg) {\n &::after {\n transform: translateY($translate) rotate($rotate);\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={accordionContainer:"YlMIwp9KDAz-FU1vQGW-8Q==",accordionItem:"peFyv+3TCBS7N4VVi+WA9w==",title:"fcQ19dG928fhJNcQdxD7Fw==",invertArrow:"BLfcBDjGM+IYgRil5WZrkg==",content:"zItWD6SR14EIspKWd9-+fA==",show:"_8VoMztJeRBO1MEYknG-d8A==",active:"RpccZafECZirmjCjjBx8kQ=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);
package/storybook/public/777.426e8bf9.iframe.bundle.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[777],{"../node_modules/gatsby-core-theme/src/components/organisms/archive/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>archive});var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("../node_modules/gatsby-core-theme/node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),pagination=__webpack_require__("../node_modules/gatsby-core-theme/src/components/molecules/pagination/index.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),cards_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/organisms/cards/cards.module.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(cards_module.A,options);const cards_cards_module=cards_module.A.locals||{};var default_card=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/cards/default-card/index.js"),keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.mjs"),CardsGridStyles=function(_ref){var module=_ref.module,children=_ref.children,_ref$mobileColumns=_ref.mobileColumns,mobileColumns=void 0===_ref$mobileColumns?2:_ref$mobileColumns,_ref$tabletColumns=_ref.tabletColumns,tabletColumns=void 0===_ref$tabletColumns?3:_ref$tabletColumns,_ref$desktopColumns=_ref.desktopColumns,desktopColumns=void 0===_ref$desktopColumns?4:_ref$desktopColumns,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,divStyle={"--cards-mob-column":`${module.mobile_num_of_columns?module.mobile_num_of_columns:mobileColumns}`,"--cards-tablet-column":`${module.tablet_num_of_columns?module.tablet_num_of_columns:tabletColumns}`,"--cards-desktop-column":`${module.desktop_num_of_columns?module.desktop_num_of_columns:desktopColumns}`};return react.createElement("div",{className:className||"",style:divStyle},children)};CardsGridStyles.displayName="CardsGridStyles",CardsGridStyles.propTypes={className:prop_types_default().string,module:prop_types_default().shape({mobile_num_of_columns:prop_types_default().oneOfType([prop_types_default().number,prop_types_default().string]),tablet_num_of_columns:prop_types_default().oneOfType([prop_types_default().number,prop_types_default().string]),desktop_num_of_columns:prop_types_default().oneOfType([prop_types_default().number,prop_types_default().string])}).isRequired,children:prop_types_default().oneOfType([prop_types_default().arrayOf(prop_types_default().node),prop_types_default().node,prop_types_default().any]),mobileColumns:prop_types_default().number,tabletColumns:prop_types_default().number,desktopColumns:prop_types_default().number};var Cards=function(_ref2){var module=_ref2.module,CustomCardComponent=_ref2.CustomCardComponent,page=_ref2.page,_ref2$desktopColumns=_ref2.desktopColumns,desktopColumns=void 0===_ref2$desktopColumns?4:_ref2$desktopColumns,_ref2$tabletColumns=_ref2.tabletColumns,tabletColumns=void 0===_ref2$tabletColumns?3:_ref2$tabletColumns,_ref2$mobileColumns=_ref2.mobileColumns,mobileColumns=void 0===_ref2$mobileColumns?2:_ref2$mobileColumns,modulePosition=_ref2.modulePosition;return react.createElement(CardsGridStyles,{module,desktopColumns,tabletColumns,mobileColumns,className:cards_cards_module.cardsContainer},module.items&&module.items.map((function(item,index){return CustomCardComponent?react.createElement(CustomCardComponent,{key:(0,keygen.A)(),featured:"featured"===module.style,item,type:item.type,number:index+1,page,modulePosition,itemPosition:index+1}):react.createElement(default_card.A,{key:(0,keygen.A)(),item,modulePosition,itemPosition:index+1})})))};Cards.displayName="Cards",Cards.propTypes={module:prop_types_default().shape({items:prop_types_default().arrayOf(prop_types_default().object),featured_index:prop_types_default().number,style:prop_types_default().string}).isRequired,CustomCardComponent:prop_types_default().oneOfType([prop_types_default().element,prop_types_default().any]),page:prop_types_default().shape({}),desktopColumns:prop_types_default().number,tabletColumns:prop_types_default().number,mobileColumns:prop_types_default().number,modulePosition:prop_types_default().number},Cards.__docgenInfo={description:"",methods:[],displayName:"Cards",props:{desktopColumns:{defaultValue:{value:"4",computed:!1},description:"",type:{name:"number"},required:!1},tabletColumns:{defaultValue:{value:"3",computed:!1},description:"",type:{name:"number"},required:!1},mobileColumns:{defaultValue:{value:"2",computed:!1},description:"",type:{name:"number"},required:!1},module:{description:"",type:{name:"shape",value:{items:{name:"arrayOf",value:{name:"object"},required:!1},featured_index:{name:"number",required:!1},style:{name:"string",required:!1}}},required:!0},CustomCardComponent:{description:"",type:{name:"union",value:[{name:"element"},{name:"any"}]},required:!1},page:{description:"",type:{name:"shape",value:{}},required:!1},modulePosition:{description:"",type:{name:"number"},required:!1}}};const cards=Cards;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/organisms/cards/index.js"]={name:"Cards",docgenInfo:Cards.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/organisms/cards/index.js"});var Items=function(_ref){var module=_ref.module,page=_ref.page,modulePosition=_ref.modulePosition;return react.createElement(cards,{module,page,modulePosition})};Items.displayName="Items",Items.propTypes={module:prop_types_default().shape({module_title:prop_types_default().string}).isRequired,page:prop_types_default().shape({}),modulePosition:prop_types_default().number},Items.__docgenInfo={description:"",methods:[],displayName:"Items",props:{module:{description:"",type:{name:"shape",value:{module_title:{name:"string",required:!1}}},required:!0},page:{description:"",type:{name:"shape",value:{}},required:!1},modulePosition:{description:"",type:{name:"number"},required:!1}}};const items=Items;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/archive/items/index.js"]={name:"Items",docgenInfo:Items.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/archive/items/index.js"});var button_button=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/button/button.js"),useTranslate=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/useTranslate/useTranslate.js"),archive_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/organisms/archive/archive.module.scss"),archive_module_options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(archive_module.A,archive_module_options);const archive_archive_module=archive_module.A.locals||{};function _toConsumableArray(r){return function _arrayWithoutHoles(r){if(Array.isArray(r))return _arrayLikeToArray(r)}(r)||function _iterableToArray(r){if("undefined"!=typeof Symbol&&null!=r[Symbol.iterator]||null!=r["@@iterator"])return Array.from(r)}(r)||_unsupportedIterableToArray(r)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||_unsupportedIterableToArray(r,e)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n}var Archive=function(_ref){var module=_ref.module,page=_ref.page,loadMore=_ref.loadMore,_ref$gtmClass=_ref.gtmClass,gtmClass=void 0===_ref$gtmClass?"":_ref$gtmClass,anchorLabel=_ref.anchorLabel,modulePosition=_ref.modulePosition,_ref$buttonType=_ref.buttonType,buttonType=void 0===_ref$buttonType?"tertiary":_ref$buttonType,_ref$buttonSize=_ref.buttonSize,buttonSize=void 0===_ref$buttonSize?"m":_ref$buttonSize,_useState2=_slicedToArray((0,react.useState)(_toConsumableArray(module.items)),2),moduleItems=_useState2[0],setModuleItems=_useState2[1],updatedModule=Object.assign({},module),hasLoadMore="load_more"===module.pagination_type;(0,react.useEffect)((function(){if("load_more"===module.pagination_type){var items=module.items.filter((function(item,index){return index<parseInt(loadMore?loadMore.limit:9)}));setModuleItems(items)}}),[module,module.items,loadMore]);var loadMoreText=(0,useTranslate.A)("load_more","Load More");return updatedModule.items=moduleItems,react.createElement(react.Fragment,null,react.createElement(items,{module:updatedModule,page,gtmClass,modulePosition}),hasLoadMore?module.items.length>updatedModule.items.length&&react.createElement("div",{className:archive_archive_module.loadMoreWrapper||""},react.createElement(button_button.A,{btnText:loadMoreText,onClick:function(){var items=_toConsumableArray(module.items);items.length>moduleItems.length&&(items=items.filter((function(item,index){return index<moduleItems.length+parseInt(loadMore?loadMore.increment:9)})),setModuleItems(items))},buttonType,buttonSize,gtmClass:"archive-gtm btn-cta",isInternalLink:!1})):react.createElement(pagination.A,{pagePath:module.rootPath,currentPage:module.currentPage,totalPages:module.numOfPages,anchorLabel}))};Archive.propTypes={module:prop_types_default().shape({module_title:prop_types_default().string,rootPath:prop_types_default().string,currentPage:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().number]),numOfPages:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().number]),items:prop_types_default().arrayOf(prop_types_default().object),pagination_type:prop_types_default().string,num_of_items:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().number])}).isRequired,loadMore:prop_types_default().shape({label:prop_types_default().string,increment:prop_types_default().number,limit:prop_types_default().number,usePrimaryButton:prop_types_default().bool,useInvertColors:prop_types_default().bool}),page:prop_types_default().shape({translations:prop_types_default().shape({})}),gtmClass:prop_types_default().string,anchorLabel:prop_types_default().string,modulePosition:prop_types_default().number,buttonType:prop_types_default().string,buttonSize:prop_types_default().string},Archive.__docgenInfo={description:"",methods:[],displayName:"Archive",props:{gtmClass:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},buttonType:{defaultValue:{value:"'tertiary'",computed:!1},description:"",type:{name:"string"},required:!1},buttonSize:{defaultValue:{value:"'m'",computed:!1},description:"",type:{name:"string"},required:!1},module:{description:"",type:{name:"shape",value:{module_title:{name:"string",required:!1},rootPath:{name:"string",required:!1},currentPage:{name:"union",value:[{name:"string"},{name:"number"}],required:!1},numOfPages:{name:"union",value:[{name:"string"},{name:"number"}],required:!1},items:{name:"arrayOf",value:{name:"object"},required:!1},pagination_type:{name:"string",required:!1},num_of_items:{name:"union",value:[{name:"string"},{name:"number"}],required:!1}}},required:!0},loadMore:{description:"",type:{name:"shape",value:{label:{name:"string",required:!1},increment:{name:"number",required:!1},limit:{name:"number",required:!1},usePrimaryButton:{name:"bool",required:!1},useInvertColors:{name:"bool",required:!1}}},required:!1},page:{description:"",type:{name:"shape",value:{translations:{name:"shape",value:{},required:!1}}},required:!1},anchorLabel:{description:"",type:{name:"string"},required:!1},modulePosition:{description:"",type:{name:"number"},required:!1}}};const archive=Archive;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/organisms/archive/index.js"]={name:"Archive",docgenInfo:Archive.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/organisms/archive/index.js"})},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/organisms/archive/archive.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".vyePgwWVhVHcgvTgdtTGLg\\=\\={margin:2rem 0;text-align:center}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/organisms/archive/archive.module.scss"],names:[],mappings:"AAcA,4BACE,aAAA,CACA,iBAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../styles/utils/variables/stack-order";\n@import "../../../styles/utils/variables/typography";\n@import "../../../styles/utils/variables/layout";\n@import "../../../styles/utils/media-queries";\n@import "../../../styles/utils/icons";\n@import "../../../styles/utils/tooltip";\n@import "../../../styles/utils/loader";\n@import "../../../styles/utils/mixins";\n@import "../../../styles/utils/scrollbar";\n@import "../../../styles/utils/animations";\n.loadMoreWrapper {\n margin: 2rem 0;\n text-align: center;\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={loadMoreWrapper:"vyePgwWVhVHcgvTgdtTGLg=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/organisms/cards/cards.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".sqHtqgZrgYSvQDlCRAl60w\\=\\={display:grid;column-gap:.8rem;row-gap:1rem}@media only screen and (min-width:425px){.sqHtqgZrgYSvQDlCRAl60w\\=\\={grid-template-columns:repeat(var(--cards-mob-column), minmax(0, 1fr))}}@media only screen and (min-width:768px){.sqHtqgZrgYSvQDlCRAl60w\\=\\={grid-template-columns:repeat(var(--cards-tablet-column), minmax(0, 1fr))}}@media only screen and (min-width:1200px){.sqHtqgZrgYSvQDlCRAl60w\\=\\={grid-template-columns:repeat(var(--cards-desktop-column), minmax(0, 1fr))}}@media only screen and (min-width:1200px){.sqHtqgZrgYSvQDlCRAl60w\\=\\={column-gap:1.6rem}}.sqHtqgZrgYSvQDlCRAl60w\\=\\=>div{margin:.4rem 0}@media only screen and (min-width:1200px){.sqHtqgZrgYSvQDlCRAl60w\\=\\=>div{margin:.8rem 0}}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/organisms/cards/cards.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAcA,4BACE,YAAA,CAaA,gBAAA,CACA,YAAA,CCuBA,yCDtCF,4BAII,qEAAA,CAAA,CCkCF,yCDtCF,4BAQI,wEAAA,CAAA,CC8BF,0CDtCF,4BAYI,yEAAA,CAAA,CC0BF,0CDtCF,4BAkBI,iBAAA,CAAA,CAEF,gCACE,cAAA,CCiBF,0CDlBA,gCAGI,cAAA,CAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../styles/utils/variables/stack-order";\n@import "../../../styles/utils/variables/typography";\n@import "../../../styles/utils/variables/layout";\n@import "../../../styles/utils/media-queries";\n@import "../../../styles/utils/icons";\n@import "../../../styles/utils/tooltip";\n@import "../../../styles/utils/loader";\n@import "../../../styles/utils/mixins";\n@import "../../../styles/utils/scrollbar";\n@import "../../../styles/utils/animations";\n.cardsContainer {\n display: grid;\n\n @include min(mobile) {\n grid-template-columns: repeat(var(--cards-mob-column), minmax(0,1fr));\n }\n\n @include min(tablet) {\n grid-template-columns: repeat(var(--cards-tablet-column), minmax(0,1fr));\n }\n\n @include min(desktop) {\n grid-template-columns: repeat(var(--cards-desktop-column), minmax(0,1fr));\n }\n column-gap: 0.8rem;\n row-gap: 1rem;\n\n @include min(desktop) {\n column-gap: 1.6rem;\n }\n > div {\n margin: 0.4rem 0;\n @include min(desktop) {\n margin: 0.8rem 0;\n }\n }\n}\n',"$media-query-sizes: (\n mobile-s: (\n min: 320px,\n max: 374px,\n ),\n mobile-m: (\n min: 375px,\n max: 424px,\n ),\n mobile: (\n min: 425px,\n max: 767px,\n ),\n tablet: (\n min: 768px,\n max: 991px,\n ),\n laptop: (\n min: 992px,\n max: 1199px,\n ),\n desktop: (\n min: 1200px,\n ),\n);\n\n// Get media query sizes\n$screen: 'only screen';\n@function media-query($media, $optional-media: '', $min: true) {\n $media-label: '';\n\n @if ($optional-media != '') {\n $media-sizes-min: map-get($media-query-sizes, $media);\n $media-sizes-max: map-get($media-query-sizes, $optional-media);\n $media-label: $screen +\n \" and (min-width:#{map-get($media-sizes-min, 'min')}) and (max-width:#{map-get($media-sizes-max, 'max')})\";\n } @else {\n $query: 'max';\n\n @if ($min) {\n $query: 'min';\n }\n\n $media-sizes: map-get($media-query-sizes, $media);\n $media-label: $screen + ' and (#{$query}-width:#{map-get($media-sizes, $query)})';\n }\n\n @return $media-label;\n}\n\n// Min media query\n@mixin min($media) {\n @media #{media-query($media)} {\n @content;\n }\n}\n\n// Max media query\n@mixin max($media) {\n @media #{media-query($media, '', false)} {\n @content;\n }\n}\n\n// Min & max media query\n@mixin min-max($min, $max) {\n @media #{media-query($min, $max)} {\n @content;\n }\n}\n\n// Use this ONLY if you need a media query that doesn't fit the $media-query-sizes breakpoints above\n// Pass number, for example @include custom-min(992)\n@mixin custom-min($min) {\n @media #{$screen} and (min-width: #{$min}px) {\n @content;\n }\n}\n\n@mixin custom-max($max) {\n @media #{$screen} and (max-width: #{$max}px) {\n @content;\n }\n}\n\n@mixin custom-min-max($min, $max) {\n @media #{$screen} and (min-width: #{$min}px) and (max-width: #{$max}px) {\n @content;\n }\n}\n\n// Landscape\n// (If we find more use cases of this in the future, might want to refactor this and include it in the media-query function for $screen)\n// Pass number\n$landscape: 'screen and (orientation:landscape)';\n\n@mixin landscape-max($max) {\n @media #{$landscape} and (max-width: #{$max}px) {\n @content;\n }\n}\n\n@mixin landscape-min($min) {\n @media #{$landscape} and (min-width: #{$min}px) {\n @content;\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={cardsContainer:"sqHtqgZrgYSvQDlCRAl60w=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);
package/storybook/public/941.3c72fb77.iframe.bundle.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[941],{"./src/components/atoms/ratings-with-comments/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>ratings_with_comments});var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.mjs"),keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.mjs"),FaStar=__webpack_require__("../node_modules/@react-icons/all-files/fa/FaStar.js"),ratings_constant=__webpack_require__("../node_modules/gatsby-core-theme/src/constants/ratings-constant.js"),useTranslate=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/useTranslate/useTranslate.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),ratings_with_comments_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/atoms/ratings-with-comments/ratings-with-comments.module.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(ratings_with_comments_module.A,options);const ratings_with_comments_ratings_with_comments_module=ratings_with_comments_module.A.locals||{};var helpers_rating=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/rating.js"),linear_rating_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/gatsby-core-theme/components/molecules/star-rating/linear-rating.module.scss"),linear_rating_module_options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(linear_rating_module.A,linear_rating_module_options);const star_rating_linear_rating_module=linear_rating_module.A.locals||{};var LinearStarRating=function(_ref){var rating=_ref.rating,_ref$numOfStars=_ref.numOfStars,numOfStars=void 0===_ref$numOfStars?5:_ref$numOfStars,_ref$active=_ref.active,active=void 0===_ref$active||_ref$active,_ref$showLabel=_ref.showLabel,showLabel=void 0!==_ref$showLabel&&_ref$showLabel,_ref$icon=_ref.icon,icon=void 0===_ref$icon?null:_ref$icon,_ref$showRatingText=_ref.showRatingText,showRatingText=void 0===_ref$showRatingText||_ref$showRatingText,_ref$showDecimal=_ref.showDecimal,showDecimal=void 0!==_ref$showDecimal&&_ref$showDecimal,_ref$showRoundedRatin=_ref.showRoundedRating,showRoundedRating=void 0!==_ref$showRoundedRatin&&_ref$showRoundedRatin,_ref$showTotal=_ref.showTotal,showTotal=void 0!==_ref$showTotal&&_ref$showTotal,calculatedRating=(0,helpers_rating.e)(rating,showRoundedRating),percentage=calculatedRating?calculatedRating/numOfStars*100:0;return react.createElement("div",{className:`${star_rating_linear_rating_module.starRatingContainer||""} ${!active&&(star_rating_linear_rating_module.inactive||"")}`},showLabel&&react.createElement("span",null,(0,useTranslate.A)("rating","Rating:")),react.createElement("div",{className:star_rating_linear_rating_module.bar},react.createElement("div",{className:star_rating_linear_rating_module.fill,style:{width:`${percentage}%`}})),showRatingText&&react.createElement("div",{className:star_rating_linear_rating_module.ratingText},icon&&icon,showDecimal?calculatedRating.toFixed(1):calculatedRating,showTotal&&react.createElement(react.Fragment,null,react.createElement("span",null,"/"),react.createElement("span",null,numOfStars))))};LinearStarRating.displayName="LinearStarRating",LinearStarRating.propTypes={numOfStars:prop_types_default().oneOf([5,10]),rating:prop_types_default().oneOfType([prop_types_default().array,prop_types_default().number,prop_types_default().string]).isRequired,active:prop_types_default().bool,showLabel:prop_types_default().bool,icon:prop_types_default().element,showDecimal:prop_types_default().bool,showRoundedRating:prop_types_default().bool,showRatingText:prop_types_default().bool,showTotal:prop_types_default().bool},LinearStarRating.__docgenInfo={description:"",methods:[],displayName:"LinearStarRating",props:{numOfStars:{defaultValue:{value:"5",computed:!1},description:"",type:{name:"enum",value:[{value:"5",computed:!1},{value:"10",computed:!1}]},required:!1},active:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},showLabel:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},icon:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"element"},required:!1},showRatingText:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},showDecimal:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},showRoundedRating:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},showTotal:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},rating:{description:"",type:{name:"union",value:[{name:"array"},{name:"number"},{name:"string"}]},required:!0}}};const linear_rating=LinearStarRating;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/gatsby-core-theme/components/molecules/star-rating/linear-rating.js"]={name:"LinearStarRating",docgenInfo:LinearStarRating.__docgenInfo,path:"src/gatsby-core-theme/components/molecules/star-rating/linear-rating.js"});var RatingsWithComments=function(_ref){var page=_ref.page,_ref$numOfStars=_ref.numOfStars,numOfStars=void 0===_ref$numOfStars?5:_ref$numOfStars,_ref$templateWithBoxe=_ref.templateWithBoxes,templateWithBoxes=void 0!==_ref$templateWithBoxe&&_ref$templateWithBoxe,_ref$showTitle=_ref.showTitle,showTitle=void 0===_ref$showTitle||_ref$showTitle,_ref$currency=_ref.currency,currency=void 0===_ref$currency?"€":_ref$currency,_ref$showComment=_ref.showComment,showComment=void 0===_ref$showComment||_ref$showComment,_ref$icon=_ref.icon,icon=void 0===_ref$icon?null:_ref$icon,_ref$iconColor=_ref.iconColor,iconColor=void 0===_ref$iconColor?"#D63B54":_ref$iconColor,item=page.relation,type=page.type,typeCheck="operator"===type?"casino"===(null==item?void 0:item.type)?"operator":null==item?void 0:item.type:type,ratings=ratings_constant.Z[typeCheck]||[],rangeText={0:(0,useTranslate.A)("range_low","Low"),1:(0,useTranslate.A)("range_medium","Medium"),2:(0,useTranslate.A)("range_high","High")},ratingsData=ratings_constant.Z.ratingProperties.some((function(prop){return item[prop]}))?item:(null==item?void 0:item.bonus)||item;if(!ratings.length)return null;var renderRatingItem=function(rating){var _ratingsData$rating_c,_ratingsData$rating_c2,valueDisplayed,_ref2=rating||{},fieldValue=_ref2.fieldValue,translationKey=_ref2.translationKey,fieldLabel=_ref2.fieldLabel,componentToUse=_ref2.componentToUse,value=(0,getters.nh)(ratingsData,fieldValue),component=showComment?react.createElement(linear_rating,{numOfStars,rating:value,icon:icon||react.createElement(FaStar.g,{title:"Star Icon",color:iconColor})}):!!componentToUse&&componentToUse(numOfStars,value,currency);valueDisplayed=component?component||"-":fieldValue.includes("volatility")?rangeText[(0,getters.nh)(ratingsData,fieldValue)]||"-":value||"-";var comment=showComment?null==ratingsData||null===(_ratingsData$rating_c=ratingsData.rating_comments)||void 0===_ratingsData$rating_c||null===(_ratingsData$rating_c2=_ratingsData$rating_c.find((function(entry){return(null==entry?void 0:entry.rating_name)===fieldValue})))||void 0===_ratingsData$rating_c2?void 0:_ratingsData$rating_c2.comment:null;return react.createElement("li",{key:(0,keygen.A)(),className:`${(null==ratings_with_comments_ratings_with_comments_module?void 0:ratings_with_comments_ratings_with_comments_module.item)||""} ${"Overall"===fieldLabel&&(null==ratings_with_comments_ratings_with_comments_module?void 0:ratings_with_comments_ratings_with_comments_module.overall)}`},react.createElement("p",{className:(null==ratings_with_comments_ratings_with_comments_module?void 0:ratings_with_comments_ratings_with_comments_module.label)||""},(0,useTranslate.A)(translationKey,fieldLabel)),react.createElement(react.Fragment,null,valueDisplayed,"number"==typeof valueDisplayed&&"rtp"===fieldValue&&"%",comment&&react.createElement("span",{className:null==ratings_with_comments_ratings_with_comments_module?void 0:ratings_with_comments_ratings_with_comments_module.comment},comment)))};return react.createElement("div",{className:`${ratings_with_comments_ratings_with_comments_module.ratingsContainer} ${templateWithBoxes&&ratings_with_comments_ratings_with_comments_module.ratingWithBoxes} ${showComment?ratings_with_comments_ratings_with_comments_module.ratingsWithComments:""}`},showTitle?react.createElement("div",{className:ratings_with_comments_ratings_with_comments_module.withTitle||""},react.createElement("h3",null,(0,useTranslate.A)("ratings_with_comments_title","Ratings")),null==ratings?void 0:ratings.filter((function(rating){return"Overall"===rating.fieldLabel})).map((function(rating){return renderRatingItem(rating)}))):null==ratings?void 0:ratings.filter((function(rating){return"Overall"===rating.fieldLabel})).map((function(rating){return renderRatingItem(rating)})),react.createElement("ul",{className:`${(null==ratings_with_comments_ratings_with_comments_module?void 0:ratings_with_comments_ratings_with_comments_module.ratingList)||""}`,tabIndex:0},null==ratings?void 0:ratings.filter((function(rating){return"Overall"!==rating.fieldLabel})).map((function(rating){return renderRatingItem(rating)}))))};RatingsWithComments.displayName="RatingsWithComments",RatingsWithComments.propTypes={page:prop_types_default().shape({relation:prop_types_default().shape({type:prop_types_default().string,bonus:prop_types_default().shape({})}),type:prop_types_default().shape({})}),numOfStars:prop_types_default().number,templateWithBoxes:prop_types_default().bool,showTitle:prop_types_default().string,currency:prop_types_default().string,showComment:prop_types_default().bool,icon:prop_types_default().element,iconColor:prop_types_default().string},RatingsWithComments.__docgenInfo={description:"",methods:[],displayName:"RatingsWithComments",props:{numOfStars:{defaultValue:{value:"5",computed:!1},description:"",type:{name:"number"},required:!1},templateWithBoxes:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},showTitle:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"string"},required:!1},currency:{defaultValue:{value:"'€'",computed:!1},description:"",type:{name:"string"},required:!1},showComment:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},icon:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"element"},required:!1},iconColor:{defaultValue:{value:"'#D63B54'",computed:!1},description:"",type:{name:"string"},required:!1},page:{description:"",type:{name:"shape",value:{relation:{name:"shape",value:{type:{name:"string",required:!1},bonus:{name:"shape",value:{},required:!1}},required:!1},type:{name:"shape",value:{},required:!1}}},required:!1}}};const ratings_with_comments=RatingsWithComments;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/ratings-with-comments/index.js"]={name:"RatingsWithComments",docgenInfo:RatingsWithComments.__docgenInfo,path:"src/components/atoms/ratings-with-comments/index.js"})},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/atoms/ratings-with-comments/ratings-with-comments.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"._8fvDYIUopyeelCKHk5Oj1A\\=\\={display:flex;box-shadow:0 4px 6px -2px rgba(27,27,28,.0392156863),0 12px 16px -4px rgba(27,27,28,.0705882353);padding:1.6rem;background:#fff;border-radius:.8rem;gap:1.7rem;flex-direction:column}@media only screen and (min-width:992px){._8fvDYIUopyeelCKHk5Oj1A\\=\\={flex-direction:row}}._8fvDYIUopyeelCKHk5Oj1A\\=\\=>li{background:#f1f5f9;padding:1.6rem .8rem;border-radius:.8rem;display:flex;flex-flow:row-reverse wrap;justify-content:center;min-width:11.4rem;gap:.8rem;min-height:7.2rem;align-items:center}@media only screen and (min-width:992px){._8fvDYIUopyeelCKHk5Oj1A\\=\\=>li{flex-direction:column-reverse;min-height:14.2rem}}._8fvDYIUopyeelCKHk5Oj1A\\=\\=>li>div{display:flex;flex-direction:row;align-items:center;gap:.8rem}@media only screen and (min-width:992px){._8fvDYIUopyeelCKHk5Oj1A\\=\\=>li>div{display:flex;flex-direction:column}}._8fvDYIUopyeelCKHk5Oj1A\\=\\=>li>p{font-size:1.4rem;line-height:2.2rem;font-weight:600;color:#0f172a}.Y0waA--ZQVSPDL5X3IOxcA\\=\\={display:grid;width:100%;gap:1.6rem 2.2rem;background:#f1f5f9;border-radius:1.6rem;padding:1.6rem}@media only screen and (min-width:992px){.Y0waA--ZQVSPDL5X3IOxcA\\=\\={grid-template-columns:1fr 1fr}}.oRuKCYz2ubUN2Q5rkB-FYQ\\=\\={display:grid;position:relative}@media only screen and (min-width:992px){.oRuKCYz2ubUN2Q5rkB-FYQ\\=\\={grid-template-columns:1fr 1fr;align-items:center}}.jhsWxGwHE4044NJasysuBw\\=\\={color:#0f172a;font-size:1.4rem;line-height:2.2rem;font-weight:600}.FVtHPTxYmilgac-qU2ZVyw\\=\\={font-weight:700;font-size:18px;line-height:28px;color:#1c1a28;display:flex}@media only screen and (min-width:768px){.FVtHPTxYmilgac-qU2ZVyw\\=\\={font-weight:800}}.yxoPCUu\\+EYck-bzwAGhAmA\\=\\={border:1.5px solid #d63b54}.ULFOesolstiDIT2TNuxrJg\\=\\={background:rgba(0,0,0,0);padding:0;overflow-y:auto;padding-bottom:1.6rem}.ULFOesolstiDIT2TNuxrJg\\=\\=::-webkit-scrollbar{height:.5rem}.ULFOesolstiDIT2TNuxrJg\\=\\=::-webkit-scrollbar-track{background:rgba(91,139,185,.2);border-radius:1rem}.ULFOesolstiDIT2TNuxrJg\\=\\=::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:1rem}@media only screen and (min-width:768px){.ULFOesolstiDIT2TNuxrJg\\=\\={padding-bottom:0}}.ULFOesolstiDIT2TNuxrJg\\=\\=>ul{background:rgba(0,0,0,0);display:flex;padding:0;gap:.8rem}@media only screen and (min-width:768px){.ULFOesolstiDIT2TNuxrJg\\=\\=>ul{gap:1.6rem}}.ULFOesolstiDIT2TNuxrJg\\=\\=>ul>li{display:flex;flex-direction:column;width:100%;gap:.8rem;min-height:9.6rem;background:#f4f4f4;border-radius:.8rem;padding:2.2rem;color:#1b1b1c;font-weight:600;font-size:1.4rem;line-height:2.2rem;text-align:center;align-items:center;justify-content:center;white-space:nowrap}@media only screen and (min-width:768px){.ULFOesolstiDIT2TNuxrJg\\=\\=>ul>li{white-space:normal}}.ULFOesolstiDIT2TNuxrJg\\=\\=>ul>li>p{font-size:1.4rem;line-height:2.2rem;font-weight:500;color:#3c3c40;min-width:98px}.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\={display:flex;flex-direction:column;gap:1.6rem}@media only screen and (min-width:768px){.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\={justify-content:space-between;display:flex;flex-direction:row}}.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\= h3{margin:0;font-size:2.4rem;color:#000;line-height:4rem;font-weight:600}.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\=>li{display:flex;justify-content:space-between;gap:1.8rem}@media only screen and (min-width:768px){.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\=>li{gap:1.5rem}}.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\=>li>p{color:#000;font-size:1.8rem;line-height:2.8rem;font-weight:600}.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\=>li>div{gap:1.5rem;display:flex}@media only screen and (min-width:768px){.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\=>li>div{display:inherit}}.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\=>li>div>div:first-child{background:#fff;margin:1rem 0;border-radius:.8rem}.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\=>li>div>div:first-child>div{background:#59be28;border-radius:.8rem}.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\=>li>div>div:last-child{display:flex;align-items:center;position:static}.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\=>li>div>div:last-child>svg{margin-right:1.5rem}.e-rK-wMW6uXs2d89vupNXA\\=\\={flex-direction:column;padding:0;box-shadow:none}@media only screen and (min-width:768px){.e-rK-wMW6uXs2d89vupNXA\\=\\={padding:inherit}}.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul{gap:1.6rem}@media only screen and (min-width:768px){.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul{row-gap:3.2rem}}.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul>li{display:flex;flex-direction:column;align-items:flex-start}.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul>li>p{font-size:2rem;line-height:3.6rem;color:#000;font-weight:600;margin-bottom:.8rem}.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul>li>span{grid-column:1/3;font-size:1.6rem;line-height:2.6rem;color:#000}.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul>li>div{min-width:100%;grid-template-columns:8fr auto;gap:2rem}.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul>li>div>div:first-child{background:#fff;margin:1rem 0;border-radius:.8rem}.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul>li>div>div:first-child>div{background:#59be28;border-radius:.8rem}.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul>li>div>div:last-child{font-size:1.8rem;line-height:2.8rem;color:#000;display:flex;align-items:center}.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul>li>div>div:last-child svg{margin-right:.8rem}","",{version:3,sources:["webpack://./src/components/atoms/ratings-with-comments/ratings-with-comments.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAeA,6BACE,YAAA,CACA,gGAAA,CACA,cAAA,CACA,eAAA,CACA,mBAAA,CACA,UAAA,CACA,qBAAA,CC8BA,yCDrCF,6BAUI,kBAAA,CAAA,CAGF,gCACE,kBAAA,CACA,oBAAA,CACA,mBAAA,CACA,YAAA,CACA,0BAAA,CACA,sBAAA,CACA,iBAAA,CACA,SAAA,CACA,iBAAA,CACA,kBAAA,CCcF,yCDxBA,gCAaI,6BAAA,CACA,kBAAA,CAAA,CAGF,oCEtCF,YAAA,CACA,kBFsC4B,CAExB,kBAAA,CACA,SAAA,CCGJ,yCDPE,oCEtCF,YAAA,CACA,qBF4C8B,CAAA,CAI5B,kCACE,gBAAA,CACA,kBAAA,CACA,eAAA,CACA,aAAA,CAKN,4BACE,YAAA,CACA,UAAA,CACA,iBAAA,CACA,kBAAA,CACA,oBAAA,CACA,cAAA,CCnBA,yCDaF,4BASI,6BAAA,CAAA,CAIJ,4BACE,YAAA,CACA,iBAAA,CC5BA,yCD0BF,4BAKI,6BAAA,CACA,kBAAA,CAAA,CAIJ,4BACE,aAAA,CACA,gBAAA,CACA,kBAAA,CACA,eAAA,CAGF,4BACE,eAAA,CACA,cAAA,CACA,gBAAA,CACA,aAAA,CACA,YAAA,CChDA,yCD2CF,4BAQI,eAAA,CAAA,CAIJ,6BACE,0BAAA,CAGF,4BACE,wBAAA,CACA,SAAA,CACA,eAAA,CACA,qBAAA,CAEA,+CACE,YAAA,CAGF,qDACE,8BAAA,CACA,kBAAA,CAGF,qDACE,wBAAA,CACA,kBAAA,CC5EF,yCD2DF,4BAqBI,gBAAA,CAAA,CAGF,+BACE,wBAAA,CACA,YAAA,CACA,SAAA,CACA,SAAA,CCvFF,yCDmFA,+BAOI,UAAA,CAAA,CAGF,kCACE,YAAA,CACA,qBAAA,CACA,UAAA,CACA,SAAA,CACA,iBAAA,CACA,kBAAA,CACA,mBAAA,CACA,cAAA,CACA,aAAA,CACA,eAAA,CACA,gBAAA,CACA,kBAAA,CAEA,iBAAA,CACA,kBAAA,CACA,sBAAA,CACA,kBAAA,CC9GJ,yCD6FE,kCAoBI,kBAAA,CAAA,CAGF,oCACE,gBAAA,CACA,kBAAA,CACA,eAAA,CACA,aAAA,CACA,cAAA,CAMR,6BE5KE,YAAA,CACA,qBF4KwB,CAExB,UAAA,CClIA,yCD+HF,6BAMI,6BAAA,CElLF,YAAA,CACA,kBFmL0B,CAAA,CAG1B,gCACE,QAAA,CACA,gBAAA,CACA,UAAA,CACA,gBAAA,CACA,eAAA,CAGF,gCACE,YAAA,CACA,6BAAA,CACA,UAAA,CCrJF,yCDkJA,gCAMI,UAAA,CAAA,CAGF,kCACE,UAAA,CACA,gBAAA,CACA,kBAAA,CACA,eAAA,CAGF,oCACE,UAAA,CACA,YAAA,CCpKJ,yCDkKE,oCAKI,eAAA,CAAA,CAGF,oDACE,eAAA,CACA,aAAA,CACA,mBAAA,CAEA,wDACE,kBAAA,CACA,mBAAA,CAIJ,mDACE,YAAA,CACA,kBAAA,CACA,eAAA,CAEA,uDACE,mBAAA,CAOV,4BACE,qBAAA,CACA,SAAA,CACA,eAAA,CCrMA,yCDkMF,4BAMI,eAAA,CAAA,CAGF,+BACE,UAAA,CC5MF,yCD2MA,+BAII,cAAA,CAAA,CAGF,kCE/PF,YAAA,CACA,qBF+P4B,CAExB,sBAAA,CAEA,oCACE,cAAA,CACA,kBAAA,CACA,UAAA,CACA,eAAA,CACA,mBAAA,CAGF,uCACE,eAAA,CACA,gBAAA,CACA,kBAAA,CACA,UAAA,CAGF,sCACE,cAAA,CACA,8BAAA,CACA,QAAA,CAEA,sDACE,eAAA,CACA,aAAA,CACA,mBAAA,CAEA,0DACE,kBAAA,CACA,mBAAA,CAIJ,qDACE,gBAAA,CACA,kBAAA,CACA,UAAA,CACA,YAAA,CACA,kBAAA,CAEA,yDACE,kBAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order";\n@import "../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/typography";\n@import "../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/layout";\n@import "../../../../../node_modules/gatsby-core-theme/src/styles/utils/media-queries";\n@import "../../../../../node_modules/gatsby-core-theme/src/styles/utils/icons";\n@import "../../../../../node_modules/gatsby-core-theme/src/styles/utils/tooltip";\n@import "../../../../../node_modules/gatsby-core-theme/src/styles/utils/loader";\n@import "../../../../../node_modules/gatsby-core-theme/src/styles/utils/mixins";\n@import "../../../../../node_modules/gatsby-core-theme/src/styles/utils/scrollbar";\n@import "../../../../../node_modules/gatsby-core-theme/src/styles/utils/animations";\n/* stylelint-disable comment-pattern, selector-max-compound-selectors, max-nesting-depth */\n.ratingsContainer {\n display: flex;\n box-shadow: 0 4px 6px -2px #1b1b1c0a, 0 12px 16px -4px #1b1b1c12;\n padding: 1.6rem;\n background: #fff;\n border-radius: 0.8rem;\n gap: 1.7rem;\n flex-direction: column;\n\n @include min(laptop) {\n flex-direction: row;\n }\n\n > li {\n background: #f1f5f9;\n padding: 1.6rem 0.8rem;\n border-radius: 0.8rem;\n display: flex;\n flex-flow: row-reverse wrap;\n justify-content: center;\n min-width: 11.4rem;\n gap: 0.8rem;\n min-height: 7.2rem;\n align-items: center;\n\n @include min(laptop) {\n flex-direction: column-reverse;\n min-height: 14.2rem;\n }\n\n > div {\n @include flex-direction(row);\n\n align-items: center;\n gap: 0.8rem;\n\n @include min(laptop) {\n @include flex-direction(column);\n }\n }\n\n > p {\n font-size: 1.4rem;\n line-height: 2.2rem;\n font-weight: 600;\n color: #0f172a;\n }\n }\n}\n\n.ratingList {\n display: grid;\n width: 100%;\n gap: 1.6rem 2.2rem;\n background: #f1f5f9;\n border-radius: 1.6rem;\n padding: 1.6rem;\n\n @include min(laptop) {\n grid-template-columns: 1fr 1fr;\n }\n}\n\n.item {\n display: grid;\n position: relative;\n\n @include min(laptop) {\n grid-template-columns: 1fr 1fr;\n align-items: center;\n }\n}\n\n.label {\n color: #0f172a;\n font-size: 1.4rem;\n line-height: 2.2rem;\n font-weight: 600;\n}\n\n.value {\n font-weight: 700;\n font-size: 18px;\n line-height: 28px;\n color: #1c1a28;\n display: flex;\n\n @include min(tablet) {\n font-weight: 800;\n }\n}\n\n.showOnlyMobile {\n border: 1.5px solid #d63b54;\n}\n\n.ratingWithBoxes {\n background: transparent;\n padding: 0;\n overflow-y: auto;\n padding-bottom: 1.6rem;\n\n &::-webkit-scrollbar {\n height: 0.5rem;\n }\n\n &::-webkit-scrollbar-track {\n background: #5b8bb933;\n border-radius: 1rem;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: #cbd5e1;\n border-radius: 1rem;\n }\n\n @include min(tablet) {\n padding-bottom: 0;\n }\n\n > ul {\n background: transparent;\n display: flex;\n padding: 0;\n gap: 0.8rem;\n\n @include min(tablet) {\n gap: 1.6rem;\n }\n\n > li {\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 0.8rem;\n min-height: 9.6rem;\n background: #f4f4f4;\n border-radius: 0.8rem;\n padding: 2.2rem;\n color: #1b1b1c;\n font-weight: 600;\n font-size: 1.4rem;\n line-height: 2.2rem;\n // min-width: 13.6rem;\n text-align: center;\n align-items: center;\n justify-content: center;\n white-space: nowrap;\n\n @include min(tablet) {\n white-space: normal;\n }\n\n > p {\n font-size: 1.4rem;\n line-height: 2.2rem;\n font-weight: 500;\n color: #3c3c40;\n min-width: 98px;\n }\n }\n }\n}\n\n.withTitle {\n @include flex-direction(column);\n\n gap: 1.6rem;\n\n @include min(tablet) {\n justify-content: space-between;\n\n @include flex-direction(row);\n }\n\n h3 {\n margin: 0;\n font-size: 2.4rem;\n color: #000;\n line-height: 4rem;\n font-weight: 600;\n }\n\n > li {\n display: flex;\n justify-content: space-between;\n gap: 1.8rem;\n\n @include min(tablet) {\n gap: 1.5rem;\n }\n\n > p {\n color: #000;\n font-size: 1.8rem;\n line-height: 2.8rem;\n font-weight: 600;\n }\n\n > div {\n gap: 1.5rem;\n display: flex;\n\n @include min(tablet) {\n display: inherit;\n }\n\n > div:first-child {\n background: #fff;\n margin: 1rem 0;\n border-radius: 0.8rem;\n\n > div {\n background: #59be28;\n border-radius: 0.8rem;\n }\n }\n\n > div:last-child {\n display: flex;\n align-items: center;\n position: static;\n\n > svg {\n margin-right: 1.5rem;\n }\n }\n }\n }\n}\n\n.ratingsWithComments {\n flex-direction: column;\n padding: 0;\n box-shadow: none;\n\n @include min(tablet) {\n padding: inherit;\n }\n\n > ul {\n gap: 1.6rem;\n\n @include min(tablet) {\n row-gap: 3.2rem;\n }\n\n > li {\n @include flex-direction(column);\n\n align-items: flex-start;\n\n > p {\n font-size: 2rem;\n line-height: 3.6rem;\n color: #000;\n font-weight: 600;\n margin-bottom: 0.8rem;\n }\n\n > span {\n grid-column: 1 / 3;\n font-size: 1.6rem;\n line-height: 2.6rem;\n color: #000;\n }\n\n > div {\n min-width: 100%;\n grid-template-columns: 8fr auto;\n gap: 2rem;\n\n > div:first-child {\n background: #fff;\n margin: 1rem 0;\n border-radius: 0.8rem;\n\n > div {\n background: #59be28;\n border-radius: 0.8rem;\n }\n }\n\n > div:last-child {\n font-size: 1.8rem;\n line-height: 2.8rem;\n color: #000;\n display: flex;\n align-items: center;\n\n svg {\n margin-right: 0.8rem;\n }\n }\n }\n }\n }\n}',"$media-query-sizes: (\n mobile-s: (\n min: 320px,\n max: 374px,\n ),\n mobile-m: (\n min: 375px,\n max: 424px,\n ),\n mobile: (\n min: 425px,\n max: 767px,\n ),\n tablet: (\n min: 768px,\n max: 991px,\n ),\n laptop: (\n min: 992px,\n max: 1199px,\n ),\n desktop: (\n min: 1200px,\n ),\n);\n\n// Get media query sizes\n$screen: 'only screen';\n@function media-query($media, $optional-media: '', $min: true) {\n $media-label: '';\n\n @if ($optional-media != '') {\n $media-sizes-min: map-get($media-query-sizes, $media);\n $media-sizes-max: map-get($media-query-sizes, $optional-media);\n $media-label: $screen +\n \" and (min-width:#{map-get($media-sizes-min, 'min')}) and (max-width:#{map-get($media-sizes-max, 'max')})\";\n } @else {\n $query: 'max';\n\n @if ($min) {\n $query: 'min';\n }\n\n $media-sizes: map-get($media-query-sizes, $media);\n $media-label: $screen + ' and (#{$query}-width:#{map-get($media-sizes, $query)})';\n }\n\n @return $media-label;\n}\n\n// Min media query\n@mixin min($media) {\n @media #{media-query($media)} {\n @content;\n }\n}\n\n// Max media query\n@mixin max($media) {\n @media #{media-query($media, '', false)} {\n @content;\n }\n}\n\n// Min & max media query\n@mixin min-max($min, $max) {\n @media #{media-query($min, $max)} {\n @content;\n }\n}\n\n// Use this ONLY if you need a media query that doesn't fit the $media-query-sizes breakpoints above\n// Pass number, for example @include custom-min(992)\n@mixin custom-min($min) {\n @media #{$screen} and (min-width: #{$min}px) {\n @content;\n }\n}\n\n@mixin custom-max($max) {\n @media #{$screen} and (max-width: #{$max}px) {\n @content;\n }\n}\n\n@mixin custom-min-max($min, $max) {\n @media #{$screen} and (min-width: #{$min}px) and (max-width: #{$max}px) {\n @content;\n }\n}\n\n// Landscape\n// (If we find more use cases of this in the future, might want to refactor this and include it in the media-query function for $screen)\n// Pass number\n$landscape: 'screen and (orientation:landscape)';\n\n@mixin landscape-max($max) {\n @media #{$landscape} and (max-width: #{$max}px) {\n @content;\n }\n}\n\n@mixin landscape-min($min) {\n @media #{$landscape} and (min-width: #{$min}px) {\n @content;\n }\n}\n","@mixin flex-align($align-items, $justify-content) {\n display: flex;\n align-items: $align-items;\n justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n display: flex;\n flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n #{$overflow-type}: $overflow-value;\n -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n background: $bgcolor;\n border-radius: 100px;\n color: $text-color;\n font-weight: 700;\n @include flex-align(center, center);\n padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n color: $color;\n\n &:hover {\n color: $color;\n }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n float: $direction;\n @if $direction == right {\n margin: var(--img-float-direction-right, 0 0 2.4rem 4.8rem);\n } @else if $direction == left {\n margin: var(--img-float-direction-left, 0 4.8rem 2.4rem 0);\n } @else {\n margin: 0 1em 1em 0;\n }\n}\n\n@mixin content-img-align($direction: center, $spacing: var(--content-img-spacing, 1em)) {\n display: block;\n @if $direction == right {\n margin: $spacing 0 $spacing auto;\n } @else if $direction == left {\n margin: $spacing auto $spacing 0;\n } @else {\n margin: $spacing auto;\n }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n position: relative;\n &:after {\n top: 100%;\n left: 50%;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-color: rgba(0, 0, 0, 0);\n border-top: $height solid $color;\n border-right: calc($width / 2) solid transparent;\n border-left: calc($width / 2) solid transparent;\n margin-left: - calc($width / 2);\n }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n &:hover {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n }\n}\n\n@mixin sportBtn($color1, $color2) {\n background: linear-gradient(to bottom, $color1 0, $color2 100%);\n &:hover {\n background: linear-gradient(to bottom, $color2 0, $color1 100%);\n }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n line-height: $line-height;\n width: $width;\n font-weight: normal;\n display: inline-block;\n color: $fill-color;\n font-size: 15px;\n position: relative;\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n &:last-child {\n margin-right: 0;\n }\n &:before {\n content: '\\2605';\n }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n line-height: 2rem;\n width: 16px;\n font-weight: normal;\n display: inline-block;\n color: $half-full-color;\n font-size: 15px;\n position: relative;\n &:before {\n content: '\\2605';\n }\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n &:after {\n content: '\\2605';\n color: $half-empty-color;\n position: absolute;\n width: 7px;\n overflow: hidden;\n bottom: 0;\n left: 0;\n }\n}\n\n@mixin border-gradient($color-1, $color-2, $bgcolor, $radius: 0.8rem, $border-width: 2px) {\n background: $bgcolor;\n &:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: $radius;\n border: $border-width solid transparent;\n background: $color-1, $color-2 border-box;\n -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: destination-out;\n mask-composite: exclude;\n }\n}\n\n@mixin border-gradient-single($color-1, $bgcolor, $radius: 0.8rem, $border-width: 0.1rem) {\n background: $bgcolor;\n &:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: $radius;\n border: $border-width solid transparent;\n background: $color-1 border-box;\n -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: destination-out;\n mask-composite: exclude;\n }\n}\n\n@mixin buttonsColor($color1, $color2, $color3, $textColor: 'white') {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n background-color: $color1;\n color: $textColor;\n padding: 0.9rem 3rem;\n font-weight: 700;\n font-size: 1.8rem;\n border-radius: var(--border-radius);\n\n > svg {\n flex: none;\n margin-left: 0.8rem;\n }\n\n &:hover {\n background-color: $color2;\n color: $textColor;\n }\n\n &:active {\n background-color: $color3;\n color: $textColor;\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={ratingsContainer:"_8fvDYIUopyeelCKHk5Oj1A==",ratingList:"Y0waA--ZQVSPDL5X3IOxcA==",item:"oRuKCYz2ubUN2Q5rkB-FYQ==",label:"jhsWxGwHE4044NJasysuBw==",value:"FVtHPTxYmilgac-qU2ZVyw==",showOnlyMobile:"yxoPCUu+EYck-bzwAGhAmA==",ratingWithBoxes:"ULFOesolstiDIT2TNuxrJg==",withTitle:"NpCK-U+ZSN89NDoi-KDr-w==",ratingsWithComments:"e-rK-wMW6uXs2d89vupNXA=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/gatsby-core-theme/components/molecules/star-rating/linear-rating.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".gI\\+xm2eicY1WX4auDF10Gw\\=\\={display:grid;gap:.8rem;align-items:center}@media only screen and (min-width:992px){.gI\\+xm2eicY1WX4auDF10Gw\\=\\={grid-template-columns:3fr 1fr;min-width:21.78rem}}.r\\+2QQeeuUQ5IE1tApl9Nsg\\=\\={position:relative;width:100%;height:.8rem;background-color:#d3e0ec;border-radius:5px;overflow:hidden;margin:5px 0;min-width:17.1rem}.zUYj-K6AvTlqFI6Msb0Smw\\=\\={height:100%;background-color:#fbbf24;transition:width .3s ease;border-radius:.8rem}.E9XIk9\\+uPEwP41QVNQqs9A\\=\\={color:#0f172a;font-size:1.6rem;line-height:2.6rem;font-weight:600;position:absolute;right:0;top:0}@media only screen and (min-width:992px){.E9XIk9\\+uPEwP41QVNQqs9A\\=\\={display:block;position:static}}","",{version:3,sources:["webpack://./src/gatsby-core-theme/components/molecules/star-rating/linear-rating.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAcA,6BACE,YAAA,CACA,SAAA,CACA,kBAAA,CCmCA,yCDtCF,6BAME,6BAAA,CACA,kBAAA,CAAA,CAIF,6BACE,iBAAA,CACA,UAAA,CACA,YAAA,CACA,wBAAA,CACA,iBAAA,CACA,eAAA,CACA,YAAA,CACE,iBAAA,CAGJ,4BACE,WAAA,CACA,wBAAA,CACA,yBAAA,CACA,mBAAA,CAGF,6BACE,aAAA,CACA,gBAAA,CACA,kBAAA,CACA,eAAA,CACA,iBAAA,CACA,OAAA,CACA,KAAA,CCEA,yCDTF,6BAUI,aAAA,CACA,eAAA,CAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/typography";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/layout";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/media-queries";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/icons";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/tooltip";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/loader";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/mixins";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/scrollbar";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/animations";\n.starRatingContainer {\n display: grid;\n gap: 0.8rem;\n align-items: center;\n \n @include min(laptop) {\n grid-template-columns: 3fr 1fr;\n min-width: 21.78rem;\n }\n}\n\n.bar {\n position: relative;\n width: 100%; \n height: 0.8rem; \n background-color: #D3E0EC;\n border-radius: 5px;\n overflow: hidden;\n margin: 5px 0;\n min-width: 17.1rem;\n}\n\n.fill {\n height: 100%;\n background-color: #FBBF24; \n transition: width 0.3s ease;\n border-radius: 0.8rem;\n}\n\n.ratingText {\n color: #0F172A;\n font-size: 1.6rem;\n line-height: 2.6rem;\n font-weight: 600;\n position: absolute;\n right: 0;\n top: 0;\n \n @include min(laptop) {\n display: block;\n position: static;\n }\n}\n',"$media-query-sizes: (\n mobile-s: (\n min: 320px,\n max: 374px,\n ),\n mobile-m: (\n min: 375px,\n max: 424px,\n ),\n mobile: (\n min: 425px,\n max: 767px,\n ),\n tablet: (\n min: 768px,\n max: 991px,\n ),\n laptop: (\n min: 992px,\n max: 1199px,\n ),\n desktop: (\n min: 1200px,\n ),\n);\n\n// Get media query sizes\n$screen: 'only screen';\n@function media-query($media, $optional-media: '', $min: true) {\n $media-label: '';\n\n @if ($optional-media != '') {\n $media-sizes-min: map-get($media-query-sizes, $media);\n $media-sizes-max: map-get($media-query-sizes, $optional-media);\n $media-label: $screen +\n \" and (min-width:#{map-get($media-sizes-min, 'min')}) and (max-width:#{map-get($media-sizes-max, 'max')})\";\n } @else {\n $query: 'max';\n\n @if ($min) {\n $query: 'min';\n }\n\n $media-sizes: map-get($media-query-sizes, $media);\n $media-label: $screen + ' and (#{$query}-width:#{map-get($media-sizes, $query)})';\n }\n\n @return $media-label;\n}\n\n// Min media query\n@mixin min($media) {\n @media #{media-query($media)} {\n @content;\n }\n}\n\n// Max media query\n@mixin max($media) {\n @media #{media-query($media, '', false)} {\n @content;\n }\n}\n\n// Min & max media query\n@mixin min-max($min, $max) {\n @media #{media-query($min, $max)} {\n @content;\n }\n}\n\n// Use this ONLY if you need a media query that doesn't fit the $media-query-sizes breakpoints above\n// Pass number, for example @include custom-min(992)\n@mixin custom-min($min) {\n @media #{$screen} and (min-width: #{$min}px) {\n @content;\n }\n}\n\n@mixin custom-max($max) {\n @media #{$screen} and (max-width: #{$max}px) {\n @content;\n }\n}\n\n@mixin custom-min-max($min, $max) {\n @media #{$screen} and (min-width: #{$min}px) and (max-width: #{$max}px) {\n @content;\n }\n}\n\n// Landscape\n// (If we find more use cases of this in the future, might want to refactor this and include it in the media-query function for $screen)\n// Pass number\n$landscape: 'screen and (orientation:landscape)';\n\n@mixin landscape-max($max) {\n @media #{$landscape} and (max-width: #{$max}px) {\n @content;\n }\n}\n\n@mixin landscape-min($min) {\n @media #{$landscape} and (min-width: #{$min}px) {\n @content;\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={starRatingContainer:"gI+xm2eicY1WX4auDF10Gw==",bar:"r+2QQeeuUQ5IE1tApl9Nsg==",fill:"zUYj-K6AvTlqFI6Msb0Smw==",ratingText:"E9XIk9+uPEwP41QVNQqs9A=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);
package/storybook/public/942.7a3b5e99.iframe.bundle.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[942],{"../node_modules/gatsby-core-theme/src/components/molecules/counter/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>counter});var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("../node_modules/gatsby-core-theme/node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),count_number=__webpack_require__("../node_modules/gatsby-core-theme/src/components/molecules/counter/counter-item/count-number/index.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),counter_item_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/molecules/counter/counter-item/counter-item.module.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(counter_item_module.A,options);const counter_item_counter_item_module=counter_item_module.A.locals||{};var CounterItem=function(_ref){var data=_ref.data,icon=_ref.icon;return react.createElement(react.Fragment,null,react.createElement("div",{className:counter_item_counter_item_module.title||""},data.title),react.createElement("div",{className:counter_item_counter_item_module.value||""},icon&&icon,react.createElement(count_number.A,{end:parseInt(data.value)})))};CounterItem.propTypes={data:prop_types_default().shape({title:prop_types_default().string,value:prop_types_default().oneOfType([prop_types_default().number,prop_types_default().string])}).isRequired,icon:prop_types_default().oneOfType([prop_types_default().element,prop_types_default().any])},CounterItem.__docgenInfo={description:"",methods:[],displayName:"CounterItem",props:{data:{description:"",type:{name:"shape",value:{title:{name:"string",required:!1},value:{name:"union",value:[{name:"number"},{name:"string"}],required:!1}}},required:!0},icon:{description:"",type:{name:"union",value:[{name:"element"},{name:"any"}]},required:!1}}};const counter_item=CounterItem;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/molecules/counter/counter-item/index.js"]={name:"CounterItem",docgenInfo:CounterItem.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/molecules/counter/counter-item/index.js"});var counter_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/molecules/counter/counter.module.scss"),counter_module_options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(counter_module.A,counter_module_options);const counter_counter_module=counter_module.A.locals||{};var keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.mjs"),Counter=function(_ref){var module=_ref.module;return react.createElement(react.Fragment,null,module.content&&react.createElement("p",{className:counter_counter_module.counterContent||"",dangerouslySetInnerHTML:{__html:module.content}}),react.createElement("ul",{className:counter_counter_module.counter||""},module.items.map((function(item){return react.createElement("li",{key:(0,keygen.A)()},react.createElement(counter_item,{data:item}),";")}))))};Counter.propTypes={module:prop_types_default().shape({items:prop_types_default().arrayOf(prop_types_default().object),content:prop_types_default().string}).isRequired},Counter.__docgenInfo={description:"",methods:[],displayName:"Counter",props:{module:{description:"",type:{name:"shape",value:{items:{name:"arrayOf",value:{name:"object"},required:!1},content:{name:"string",required:!1}}},required:!0}}};const counter=Counter;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/molecules/counter/index.js"]={name:"Counter",docgenInfo:Counter.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/molecules/counter/index.js"})},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/molecules/counter/counter-item/counter-item.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".izN6q\\+z1b6gjBSlXHZwd8g\\=\\={color:#000;font-size:var(--h2-size);font-weight:bold}.TsBy3L7lNgVGg1zBEtbfwg\\=\\={font-weight:bold;font-size:10rem}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/molecules/counter/counter-item/counter-item.module.scss"],names:[],mappings:"AAcA,6BACE,UAAA,CAEE,wBAAA,CACA,gBAAA,CAIJ,4BAEI,gBAAA,CACA,eAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../styles/utils/variables/stack-order";\n@import "../../../../styles/utils/variables/typography";\n@import "../../../../styles/utils/variables/layout";\n@import "../../../../styles/utils/media-queries";\n@import "../../../../styles/utils/icons";\n@import "../../../../styles/utils/tooltip";\n@import "../../../../styles/utils/loader";\n@import "../../../../styles/utils/mixins";\n@import "../../../../styles/utils/scrollbar";\n@import "../../../../styles/utils/animations";\n.title {\n color: black;\n font: {\n size: var(--h2-size);\n weight: bold;\n }\n}\n\n.value {\n font: {\n weight: bold;\n size: 10rem;\n }\n}\n'],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={title:"izN6q+z1b6gjBSlXHZwd8g==",value:"TsBy3L7lNgVGg1zBEtbfwg=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/molecules/counter/counter.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'._80xwOteTGhRsou9OwoHb-g\\=\\={margin-bottom:2rem}@media only screen and (min-width:768px){._560t7dIe-BWOQ1hv7-mqsQ\\=\\={display:flex}}._560t7dIe-BWOQ1hv7-mqsQ\\=\\= li{display:flex;align-items:center;justify-content:center;flex-direction:column;width:40rem;height:20rem;background:#fff;position:relative;border-radius:.6rem}._560t7dIe-BWOQ1hv7-mqsQ\\=\\= li:hover,._560t7dIe-BWOQ1hv7-mqsQ\\=\\= li:focus{box-shadow:0 .8rem 1.6rem 0 rgba(0,0,0,.3)}._560t7dIe-BWOQ1hv7-mqsQ\\=\\= li:first-of-type{margin-right:2rem}._560t7dIe-BWOQ1hv7-mqsQ\\=\\= li:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:.6rem;border-radius:0 0 .6rem .6rem;background:linear-gradient(to left, #1a535c 0%, #4ecdc4 100%)}',"",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/molecules/counter/counter.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,6BACE,kBAAA,CCqCA,yCDlCF,6BAEI,YAAA,CAAA,CAGF,gCEtBA,YAAA,CACA,kBFsBsB,CErBtB,sBFqB8B,CAC5B,qBAAA,CACA,WAAA,CACA,YAAA,CACA,eAAA,CACA,iBAAA,CACA,mBAAA,CAEA,4EAEE,0CAAA,CAGF,8CACE,iBAAA,CAGF,sCACE,UAAA,CACA,iBAAA,CACA,MAAA,CACA,QAAA,CACA,UAAA,CACA,YAAA,CACA,6BAAA,CACA,6DAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../styles/utils/variables/stack-order";\n@import "../../../styles/utils/variables/typography";\n@import "../../../styles/utils/variables/layout";\n@import "../../../styles/utils/media-queries";\n@import "../../../styles/utils/icons";\n@import "../../../styles/utils/tooltip";\n@import "../../../styles/utils/loader";\n@import "../../../styles/utils/mixins";\n@import "../../../styles/utils/scrollbar";\n@import "../../../styles/utils/animations";\n.counterContent {\n margin-bottom: 2rem;\n}\n\n.counter {\n @include min(tablet) {\n display: flex;\n }\n\n li {\n @include flex-align(center, center);\n flex-direction: column;\n width: 40rem;\n height: 20rem;\n background: white;\n position: relative;\n border-radius: 0.6rem;\n\n &:hover,\n &:focus {\n box-shadow: 0 0.8rem 1.6rem 0 rgba(0, 0, 0, 0.3);\n }\n\n &:first-of-type {\n margin-right: 2rem;\n }\n\n &:after {\n content: \'\';\n position: absolute;\n left: 0;\n bottom: 0;\n width: 100%;\n height: 0.6rem;\n border-radius: 0 0 0.6rem 0.6rem;\n background: linear-gradient(to left, #1a535c 0%, #4ecdc4 100%);\n }\n }\n}\n',"$media-query-sizes: (\n mobile-s: (\n min: 320px,\n max: 374px,\n ),\n mobile-m: (\n min: 375px,\n max: 424px,\n ),\n mobile: (\n min: 425px,\n max: 767px,\n ),\n tablet: (\n min: 768px,\n max: 991px,\n ),\n laptop: (\n min: 992px,\n max: 1199px,\n ),\n desktop: (\n min: 1200px,\n ),\n);\n\n// Get media query sizes\n$screen: 'only screen';\n@function media-query($media, $optional-media: '', $min: true) {\n $media-label: '';\n\n @if ($optional-media != '') {\n $media-sizes-min: map-get($media-query-sizes, $media);\n $media-sizes-max: map-get($media-query-sizes, $optional-media);\n $media-label: $screen +\n \" and (min-width:#{map-get($media-sizes-min, 'min')}) and (max-width:#{map-get($media-sizes-max, 'max')})\";\n } @else {\n $query: 'max';\n\n @if ($min) {\n $query: 'min';\n }\n\n $media-sizes: map-get($media-query-sizes, $media);\n $media-label: $screen + ' and (#{$query}-width:#{map-get($media-sizes, $query)})';\n }\n\n @return $media-label;\n}\n\n// Min media query\n@mixin min($media) {\n @media #{media-query($media)} {\n @content;\n }\n}\n\n// Max media query\n@mixin max($media) {\n @media #{media-query($media, '', false)} {\n @content;\n }\n}\n\n// Min & max media query\n@mixin min-max($min, $max) {\n @media #{media-query($min, $max)} {\n @content;\n }\n}\n\n// Use this ONLY if you need a media query that doesn't fit the $media-query-sizes breakpoints above\n// Pass number, for example @include custom-min(992)\n@mixin custom-min($min) {\n @media #{$screen} and (min-width: #{$min}px) {\n @content;\n }\n}\n\n@mixin custom-max($max) {\n @media #{$screen} and (max-width: #{$max}px) {\n @content;\n }\n}\n\n@mixin custom-min-max($min, $max) {\n @media #{$screen} and (min-width: #{$min}px) and (max-width: #{$max}px) {\n @content;\n }\n}\n\n// Landscape\n// (If we find more use cases of this in the future, might want to refactor this and include it in the media-query function for $screen)\n// Pass number\n$landscape: 'screen and (orientation:landscape)';\n\n@mixin landscape-max($max) {\n @media #{$landscape} and (max-width: #{$max}px) {\n @content;\n }\n}\n\n@mixin landscape-min($min) {\n @media #{$landscape} and (min-width: #{$min}px) {\n @content;\n }\n}\n","@mixin flex-align($align-items, $justify-content) {\n display: flex;\n align-items: $align-items;\n justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n display: flex;\n flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n #{$overflow-type}: $overflow-value;\n -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n background: $bgcolor;\n border-radius: 100px;\n color: $text-color;\n font-weight: 700;\n @include flex-align(center, center);\n padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n color: $color;\n\n &:hover {\n color: $color;\n }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n float: $direction;\n @if $direction == right {\n margin: var(--img-float-direction-right, 0 0 2.4rem 4.8rem);\n } @else if $direction == left {\n margin: var(--img-float-direction-left, 0 4.8rem 2.4rem 0);\n } @else {\n margin: 0 1em 1em 0;\n }\n}\n\n@mixin content-img-align($direction: center, $spacing: var(--content-img-spacing, 1em)) {\n display: block;\n @if $direction == right {\n margin: $spacing 0 $spacing auto;\n } @else if $direction == left {\n margin: $spacing auto $spacing 0;\n } @else {\n margin: $spacing auto;\n }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n position: relative;\n &:after {\n top: 100%;\n left: 50%;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-color: rgba(0, 0, 0, 0);\n border-top: $height solid $color;\n border-right: calc($width / 2) solid transparent;\n border-left: calc($width / 2) solid transparent;\n margin-left: - calc($width / 2);\n }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n &:hover {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n }\n}\n\n@mixin sportBtn($color1, $color2) {\n background: linear-gradient(to bottom, $color1 0, $color2 100%);\n &:hover {\n background: linear-gradient(to bottom, $color2 0, $color1 100%);\n }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n line-height: $line-height;\n width: $width;\n font-weight: normal;\n display: inline-block;\n color: $fill-color;\n font-size: 15px;\n position: relative;\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n &:last-child {\n margin-right: 0;\n }\n &:before {\n content: '\\2605';\n }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n line-height: 2rem;\n width: 16px;\n font-weight: normal;\n display: inline-block;\n color: $half-full-color;\n font-size: 15px;\n position: relative;\n &:before {\n content: '\\2605';\n }\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n &:after {\n content: '\\2605';\n color: $half-empty-color;\n position: absolute;\n width: 7px;\n overflow: hidden;\n bottom: 0;\n left: 0;\n }\n}\n\n@mixin border-gradient($color-1, $color-2, $bgcolor, $radius: 0.8rem, $border-width: 2px) {\n background: $bgcolor;\n &:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: $radius;\n border: $border-width solid transparent;\n background: $color-1, $color-2 border-box;\n -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: destination-out;\n mask-composite: exclude;\n }\n}\n\n@mixin border-gradient-single($color-1, $bgcolor, $radius: 0.8rem, $border-width: 0.1rem) {\n background: $bgcolor;\n &:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: $radius;\n border: $border-width solid transparent;\n background: $color-1 border-box;\n -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: destination-out;\n mask-composite: exclude;\n }\n}\n\n@mixin buttonsColor($color1, $color2, $color3, $textColor: 'white') {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n background-color: $color1;\n color: $textColor;\n padding: 0.9rem 3rem;\n font-weight: 700;\n font-size: 1.8rem;\n border-radius: var(--border-radius);\n\n > svg {\n flex: none;\n margin-left: 0.8rem;\n }\n\n &:hover {\n background-color: $color2;\n color: $textColor;\n }\n\n &:active {\n background-color: $color3;\n color: $textColor;\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={counterContent:"_80xwOteTGhRsou9OwoHb-g==",counter:"_560t7dIe-BWOQ1hv7-mqsQ=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);
package/storybook/public/943.3f7c32be.iframe.bundle.js ADDED
@@ -0,0 +1 @@
1
+ "use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[943],{"./src/components/molecules/sportstake/lotto-module/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>sportstake_lotto_module});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),tabs=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/tabs/index.js"),keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.mjs"),header_operator_bannner=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/header-operator-bannner/index.js"),pretty_link=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/pretty-link/index.js"),useTranslate=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/useTranslate/useTranslate.js"),tracking_api=__webpack_require__("../node_modules/gatsby-core-theme/src/constants/tracking-api.js"),lotto=__webpack_require__("./src/gatsby-core-theme/helpers/lotto.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),lotto_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/lotto-module/winning-numbers/lotto.module.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(lotto_module.A,options);const winning_numbers_lotto_module=lotto_module.A.locals||{};var WinningNumbers=function(_ref){var label,_label$charAt,upperCase,data=_ref.data,template=_ref.template,_ref$operator=_ref.operator,operator=void 0===_ref$operator?null:_ref$operator,modulePosition=_ref.modulePosition,balls=((null==data?void 0:data.drawDetails)||{}).balls,imageName="daily-lotto"!==(null==data?void 0:data.lottery)?null==data?void 0:data.lottery:"lotto";return react.createElement("div",{className:winning_numbers_lotto_module.lottoContainer},react.createElement("div",{className:winning_numbers_lotto_module.body},react.createElement("p",{className:winning_numbers_lotto_module.rowTitle},react.createElement("span",{className:winning_numbers_lotto_module.region},`${(0,useTranslate.A)(`${data.lottery}_country`,"South Africa")} - ${label=null==data?void 0:data.lottery,upperCase=(null==label||null===(_label$charAt=label.charAt(0))||void 0===_label$charAt?void 0:_label$charAt.toUpperCase())+(null==label?void 0:label.slice(1)),upperCase&&upperCase.replaceAll("-"," ")}`),react.createElement("span",{className:winning_numbers_lotto_module.date},(0,lotto.Yq)(null==data?void 0:data.drawDate))),react.createElement("div",{className:winning_numbers_lotto_module.imgContainer},react.createElement("img",{src:`../../../../../images/${imageName}.png`,alt:`${null==data?void 0:data.lottery}-lottery`,width:167,height:57})),react.createElement("ul",{className:winning_numbers_lotto_module.numbersWrapper},Object.entries(balls).map((function(value){return react.createElement("li",{key:(0,keygen.A)(),className:`${winning_numbers_lotto_module.number} ${"bonus"===value[0]?winning_numbers_lotto_module.bonusBall:""}`},value[1])})))),react.createElement("div",{className:winning_numbers_lotto_module.informationBlock},react.createElement("div",{className:winning_numbers_lotto_module.logoContainer},react.createElement("img",{width:20,height:20,alt:"trophy",src:"../../../../../images/trophy.png"})),react.createElement("div",{className:winning_numbers_lotto_module.infoText},react.createElement("p",{className:winning_numbers_lotto_module.label},(0,useTranslate.A)("no_winners","There were no winners this week.")),react.createElement(pretty_link.A,{operator,pageTemplate:template,moduleName:null===tracking_api.E||void 0===tracking_api.E?void 0:tracking_api.E.LOTTO,modulePosition,rel:"nofollow noreferrer sponsored",clickedElement:"lotto_text"},react.createElement("p",{className:winning_numbers_lotto_module.linkCta},(0,useTranslate.A)("get_tickets","Get your ticket in for the next draw!"))))),operator&&react.createElement("div",{className:winning_numbers_lotto_module.bonusBox},react.createElement(header_operator_bannner.A,{operator,moduleName:null===tracking_api.E||void 0===tracking_api.E?void 0:tracking_api.E.LOTTO,modulePosition})))};WinningNumbers.displayName="WinningNumbers",WinningNumbers.__docgenInfo={description:"",methods:[],displayName:"WinningNumbers",props:{operator:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"shape",value:{}},required:!1},data:{description:"",type:{name:"shape",value:{drawDetails:{name:"shape",value:{},required:!1},lottery:{name:"string",required:!1},drawDate:{name:"string",required:!1}}},required:!1},template:{description:"",type:{name:"string"},required:!1},modulePosition:{description:"",type:{name:"number"},required:!1}}};const winning_numbers=WinningNumbers;WinningNumbers.propTypes={data:prop_types_default().shape({drawDetails:prop_types_default().shape({}),lottery:prop_types_default().string,drawDate:prop_types_default().string}),operator:prop_types_default().shape({}),template:prop_types_default().string,modulePosition:prop_types_default().number},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/molecules/sportstake/lotto-module/winning-numbers/index.js"]={name:"WinningNumbers",docgenInfo:WinningNumbers.__docgenInfo,path:"src/components/molecules/sportstake/lotto-module/winning-numbers/index.js"});var operator_cta=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/button/operator-cta.js"),rollover_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/lotto-module/rollover/rollover.module.scss"),rollover_module_options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(rollover_module.A,rollover_module_options);const rollover_rollover_module=rollover_module.A.locals||{};var Rollover=function(_ref){var _data$drawDetails,data=_ref.data,lotteryName=_ref.lotteryName,_ref$operator=_ref.operator,operator=void 0===_ref$operator?null:_ref$operator,template=_ref.template,_ref2=(null==data?void 0:data.more_info)||{},rolloverAmount=_ref2.rolloverAmount,totalSales=_ref2.totalSales,estimatedJackpot=_ref2.estimatedJackpot,totalPrizePool=_ref2.totalPrizePool,rolloverNumber=((null==data?void 0:data.more_info)||{}).rolloverNumber,drawMachine=null==data||null===(_data$drawDetails=data.drawDetails)||void 0===_data$drawDetails?void 0:_data$drawDetails.drawMachine,nextDrawDate=null==data?void 0:data.nextDrawDate,ctaText=(0,lotto.EB)(lotteryName,"rollover"),rows=[{title:"Rollover amount for next draw:",value:rolloverAmount=`R${(0,lotto.Hp)(parseFloat(rolloverAmount))}`},{title:"This is rollover number:",value:rolloverNumber},{title:"Draw Machine:",value:drawMachine,redColor:!0},{title:"Total prize pool for this draw:",value:totalPrizePool=`R${(0,lotto.Hp)(parseFloat(totalPrizePool))}`},{title:"Total sales:",value:totalSales=`R${(0,lotto.Hp)(parseFloat(totalSales))}`},{title:"Next Estimated Jackpot:",value:estimatedJackpot=`R${(0,lotto.Hp)(parseFloat(estimatedJackpot))}`,redColor:!0},{title:"Next Draw Date:",value:(0,lotto.Yq)(nextDrawDate)}];return react.createElement("div",{className:rollover_rollover_module.rolloverContainer},rows.map((function(item){return react.createElement("div",{key:(0,keygen.A)(),className:`${rollover_rollover_module.rollover} ${item.redColor&&rollover_rollover_module.red}`},react.createElement("p",null,item.title),react.createElement("h2",null,item.value))})),operator&&react.createElement("div",{className:rollover_rollover_module.buttonContainer},react.createElement(operator_cta.A,{moduleName:null===tracking_api.E||void 0===tracking_api.E?void 0:tracking_api.E.LOTTO,operator,pageTemplate:template,translationsObj:{active:{translationKey:`${lotteryName}_rollover`,defaultValue:ctaText||"Visit"},not_recommended:{translationKey:"not_recommended",defaultValue:"Not Recommended"},coming_soon:{translationKey:"coming_soon",defaultValue:"Soon Available"},inactive:{translationKey:"inactive",defaultValue:"Not Accepting New Players"},blacklisted:{translationKey:"blacklisted",defaultValue:"Blacklisted"}}})))};Rollover.displayName="Rollover",Rollover.__docgenInfo={description:"",methods:[],displayName:"Rollover",props:{operator:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"shape",value:{}},required:!1},data:{description:"",type:{name:"shape",value:{more_info:{name:"shape",value:{},required:!1},drawDetails:{name:"shape",value:{drawMachine:{name:"string",required:!1}},required:!1},nextDrawDate:{name:"string",required:!1}}},required:!1},lotteryName:{description:"",type:{name:"string"},required:!1},template:{description:"",type:{name:"string"},required:!1}}};const rollover=Rollover;Rollover.propTypes={data:prop_types_default().shape({more_info:prop_types_default().shape({}),drawDetails:prop_types_default().shape({drawMachine:prop_types_default().string}),nextDrawDate:prop_types_default().string}),lotteryName:prop_types_default().string,operator:prop_types_default().shape({}),template:prop_types_default().string},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/molecules/sportstake/lotto-module/rollover/index.js"]={name:"Rollover",docgenInfo:Rollover.__docgenInfo,path:"src/components/molecules/sportstake/lotto-module/rollover/index.js"});var lotto_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/lotto-module/lotto-table/lotto-table.module.scss"),lotto_table_module_options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(lotto_table_module.A,lotto_table_module_options);const lotto_table_lotto_table_module=lotto_table_module.A.locals||{};var LottoTable=function(_ref){var data=_ref.data,lotteryName=_ref.lotteryName,_ref$operator=_ref.operator,operator=void 0===_ref$operator?null:_ref$operator,template=_ref.template,ctaText=(0,lotto.EB)(lotteryName,"lottoTable"),divs=((null==data?void 0:data.drawDetails)||{}).divs,splitIndex=divs&&Math.ceil(Object.values(divs).length/2),divArr1=divs?Object.values(divs).slice(0,splitIndex):[],divArr2=divs?Object.values(divs).slice(splitIndex,divs.length):[],labels=(0,lotto.Ur)(lotteryName);return react.createElement("div",{className:lotto_table_lotto_table_module.tableWrapper},react.createElement("div",{className:lotto_table_lotto_table_module.firstBox},null==divArr1?void 0:divArr1.map((function(div,index){var _labels$index,hasWinners=Number(null==div?void 0:div.winners);return react.createElement("div",{key:(0,keygen.A)(),className:lotto_table_lotto_table_module.tableRow},react.createElement("p",{className:lotto_table_lotto_table_module.labelName},null===(_labels$index=labels[index])||void 0===_labels$index?void 0:_labels$index.title),react.createElement("p",{className:lotto_table_lotto_table_module.tableValue},`${null==div?void 0:div.winners} Winners ${hasWinners?`- R${(0,lotto.Hp)(parseFloat(null==div?void 0:div.payout))}`:""}`))}))),react.createElement("div",{className:lotto_table_lotto_table_module.secondBox},null==divArr2?void 0:divArr2.map((function(div,index){var _labels,hasWinners=Number(null==div?void 0:div.winners);return react.createElement("div",{key:(0,keygen.A)(),className:lotto_table_lotto_table_module.tableRow},react.createElement("p",{className:lotto_table_lotto_table_module.labelName},null===(_labels=labels[index+splitIndex])||void 0===_labels?void 0:_labels.title),react.createElement("p",{className:lotto_table_lotto_table_module.tableValue},`${null==div?void 0:div.winners} Winners ${hasWinners?`- R${(0,lotto.Hp)(parseFloat(null==div?void 0:div.payout))}`:""}`))}))),operator&&react.createElement("div",{className:lotto_table_lotto_table_module.btnContainer},react.createElement(operator_cta.A,{operator,pageTemplate:template,moduleName:null===tracking_api.E||void 0===tracking_api.E?void 0:tracking_api.E.LOTTO,translationsObj:{active:{translationKey:`${lotteryName}_lottoTable`,defaultValue:ctaText||"Visit"},not_recommended:{translationKey:"not_recommended",defaultValue:"Not Recommended"},coming_soon:{translationKey:"coming_soon",defaultValue:"Soon Available"},inactive:{translationKey:"inactive",defaultValue:"Not Accepting New Players"},blacklisted:{translationKey:"blacklisted",defaultValue:"Blacklisted"}}})))};LottoTable.displayName="LottoTable",LottoTable.__docgenInfo={description:"",methods:[],displayName:"LottoTable",props:{operator:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"shape",value:{}},required:!1},data:{description:"",type:{name:"shape",value:{drawDetails:{name:"shape",value:{},required:!1}}},required:!1},lotteryName:{description:"",type:{name:"string"},required:!1},template:{description:"",type:{name:"string"},required:!1}}};const lotto_table=LottoTable;LottoTable.propTypes={data:prop_types_default().shape({drawDetails:prop_types_default().shape({})}),lotteryName:prop_types_default().string,operator:prop_types_default().shape({}),template:prop_types_default().string},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/molecules/sportstake/lotto-module/lotto-table/index.js"]={name:"LottoTable",docgenInfo:LottoTable.__docgenInfo,path:"src/components/molecules/sportstake/lotto-module/lotto-table/index.js"});var services=__webpack_require__("./src/gatsby-core-theme/helpers/services.js"),lotto_module_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/molecules/sportstake/lotto-module/lotto-module.module.scss"),lotto_module_module_options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(lotto_module_module.A,lotto_module_module_options);const lotto_module_lotto_module_module=lotto_module_module.A.locals||{};function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n}var LottoModule=function(_ref){var serverData=_ref.serverData,page=_ref.page,module=_ref.module,modulePosition=_ref.modulePosition,_ref2=page||{},template=_ref2.template,extraFields=_ref2.extra_fields,moduleName=module.name,operator=(extraFields||{}).operator,latestDrawResults=serverData.latestDrawResults,reorderedDates=serverData.reorderedDates,daysOfWeek=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],monthsOfYear=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],_useState2=_slicedToArray((0,react.useState)(latestDrawResults),2),tabData=_useState2[0],setTabData=_useState2[1];return react.createElement(tabs.A,{showAll:!1,showNumberOfResults:!0,headerClass:"sportstakeTabs",activeTabClass:"sportstakeTabsActive",onTabChange:async function(tabId){var apiBaseNames=(0,lotto.OQ)(moduleName),idIndex="daily_lotto"===moduleName?2:1,lottoId=reorderedDates[tabId.split("_")[1]]._id.split("-")[idIndex];setTabData(await Promise.all(apiBaseNames.map((function(name){return(0,services.fu)(`${name}-${lottoId}`)}))))},activeIndex:0},reorderedDates&&reorderedDates.map((function(date,index){var label=0===index?"Latest":daysOfWeek[new Date(date.drawDate).getDay()],results=`${monthsOfYear[new Date(date.drawDate).getMonth()]} ${new Date(date.drawDate).getDate()}`;return react.createElement("div",{label,results,key:tabData,className:`${lotto_module_lotto_module_module.sportstake}`},tabData&&tabData.map((function(draw){return react.createElement("div",{className:lotto_module_lotto_module_module.row},react.createElement(winning_numbers,{data:draw,lotteryName:draw.lottery,template,operator,modulePosition}),react.createElement(rollover,{data:draw,lotteryName:draw.lottery,template}),react.createElement(lotto_table,{data:draw,lotteryName:draw.lottery,template}))})))})))};LottoModule.displayName="LottoModule",LottoModule.__docgenInfo={description:"",methods:[],displayName:"LottoModule",props:{page:{description:"",type:{name:"shape",value:{template:{name:"string",required:!1},extra_fields:{name:"shape",value:{operator:{name:"shape",value:{},required:!1}},required:!1}}},required:!1},serverData:{description:"",type:{name:"shape",value:{reorderedDates:{name:"arrayOf",value:{name:"shape",value:{}},required:!1},latestDrawResults:{name:"arrayOf",value:{name:"shape",value:{}},required:!1}}},required:!1},module:{description:"",type:{name:"shape",value:{name:{name:"string",required:!1}}},required:!1},modulePosition:{description:"",type:{name:"number"},required:!1}}};const sportstake_lotto_module=LottoModule;LottoModule.propTypes={page:prop_types_default().shape({template:prop_types_default().string,extra_fields:prop_types_default().shape({operator:prop_types_default().shape({})})}),serverData:prop_types_default().shape({reorderedDates:prop_types_default().arrayOf(prop_types_default().shape({})),latestDrawResults:prop_types_default().arrayOf(prop_types_default().shape({}))}),module:prop_types_default().shape({name:prop_types_default().string}),modulePosition:prop_types_default().number},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/molecules/sportstake/lotto-module/index.js"]={name:"LottoModule",docgenInfo:LottoModule.__docgenInfo,path:"src/components/molecules/sportstake/lotto-module/index.js"})},"./src/gatsby-core-theme/helpers/services.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{fu:()=>getResultsById});var process=__webpack_require__("../node_modules/process/browser.js"),getResultsById=async function(lotteryId){var res=await fetch(`${process.env.LOTTERY_API_URL}results/${lotteryId}`).catch((function(){return null}));return(res?await res.json():{success:!1}).data}},"../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/lotto-module/lotto-module.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".JFp7f8cy0RUol1ZF8Lt10Q\\=\\={margin-bottom:.8rem;margin-top:3.2rem;font-size:1.8rem;line-height:3rem}.LvLpdosC-7jpvPFNv534TA\\=\\={display:grid}@media only screen and (min-width:768px){.LvLpdosC-7jpvPFNv534TA\\=\\={column-gap:1.6rem;grid-template-columns:repeat(2, 1fr)}}","",{version:3,sources:["webpack://./src/components/molecules/sportstake/lotto-module/lotto-module.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAcA,4BACE,mBAAA,CACA,iBAAA,CACA,gBAAA,CACA,gBAAA,CAGF,4BACE,YAAA,CC8BA,yCD/BF,4BAII,iBAAA,CACA,oCAAA,CAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/typography";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/layout";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/media-queries";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/icons";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/tooltip";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/loader";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/mixins";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/scrollbar";\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/animations";\n.resultText {\n margin-bottom: 0.8rem;\n margin-top: 3.2rem;\n font-size: 1.8rem;\n line-height: 3rem;\n}\n\n.row {\n display: grid;\n \n @include min(tablet) {\n column-gap: 1.6rem;\n grid-template-columns: repeat(2, 1fr);\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={resultText:"JFp7f8cy0RUol1ZF8Lt10Q==",row:"LvLpdosC-7jpvPFNv534TA=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/molecules/sportstake/lotto-module/lotto-table/lotto-table.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"._0ishpIsi2LODidNW6leLCw\\=\\={display:grid;grid-template-columns:repeat(1, 1fr);margin-top:2.4rem;padding:1.6rem;background-color:var(--lotto-box-bg-color, #ececf6);border-radius:.8rem;grid-row:2/3;margin-bottom:2.4rem}@media only screen and (min-width:768px){._0ishpIsi2LODidNW6leLCw\\=\\={grid-template-columns:repeat(2, 1fr);grid-column:1/3;padding:1.6rem 0 2.4rem 1.6rem;height:fit-content}}.JCWVQXgW0DbgWReEf1X3FA\\=\\=,._9zzPQAEH8Zq-k32e3DDz3w\\=\\={height:fit-content}@media only screen and (min-width:768px){.rP4nJko6KDvNY-hRVLaXhQ\\=\\={margin-bottom:1.6rem}.rP4nJko6KDvNY-hRVLaXhQ\\=\\=:last-child{margin-bottom:0}}.BP09TMIcNQaNtSbA\\+AX\\+dg\\=\\={font-size:1.6rem;line-height:2.4rem;margin-bottom:.8rem}.qrhKsZBWckjUS8EZkaLg5g\\=\\={font-size:1.8rem;line-height:2.4rem;font-weight:700}._4sqtWKRxhOYxVZBsotANIA\\=\\={margin-top:2.4rem;max-width:31.1rem}._4sqtWKRxhOYxVZBsotANIA\\=\\=>a{margin-top:0;height:4.8rem;font-weight:700;font-size:2rem;line-height:3rem}","",{version:3,sources:["webpack://./src/components/molecules/sportstake/lotto-module/lotto-table/lotto-table.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAcA,6BACE,YAAA,CACA,oCAAA,CACA,iBAAA,CACA,cAAA,CACA,mDAAA,CACA,mBAAA,CACA,YAAA,CACA,oBAAA,CC8BA,yCDtCF,6BAWI,oCAAA,CACA,eAAA,CACA,8BAAA,CACA,kBAAA,CAAA,CAIJ,yDAEE,kBAAA,CCkBA,yCDfF,4BAEI,oBAAA,CAEA,uCACE,eAAA,CAAA,CAKN,8BACE,gBAAA,CACA,kBAAA,CACA,mBAAA,CAGF,4BACE,gBAAA,CACA,kBAAA,CACA,eAAA,CAGF,6BACE,iBAAA,CACA,iBAAA,CAEA,+BACE,YAAA,CACA,aAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/typography";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/layout";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/media-queries";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/icons";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/tooltip";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/loader";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/mixins";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/scrollbar";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/animations";\n.tableWrapper {\n display: grid;\n grid-template-columns: repeat(1, 1fr);\n margin-top: 2.4rem;\n padding: 1.6rem;\n background-color: var(--lotto-box-bg-color, #ececf6);\n border-radius: 0.8rem;\n grid-row: 2/3;\n margin-bottom: 2.4rem;\n\n @include min(tablet) {\n grid-template-columns: repeat(2, 1fr);\n grid-column: 1/3;\n padding: 1.6rem 0 2.4rem 1.6rem;\n height: fit-content;\n }\n}\n\n.firstBox,\n.secondBox {\n height: fit-content;\n}\n\n.tableRow {\n @include min(tablet) {\n margin-bottom: 1.6rem;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n}\n\n.labelName {\n font-size: 1.6rem;\n line-height: 2.4rem;\n margin-bottom: 0.8rem;\n}\n\n.tableValue {\n font-size: 1.8rem;\n line-height: 2.4rem;\n font-weight: 700;\n}\n\n.btnContainer {\n margin-top: 2.4rem;\n max-width: 31.1rem;\n\n > a {\n margin-top: 0;\n height: 4.8rem;\n font-weight: 700;\n font-size: 2rem;\n line-height: 3rem;\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:"_0ishpIsi2LODidNW6leLCw==",firstBox:"JCWVQXgW0DbgWReEf1X3FA==",secondBox:"_9zzPQAEH8Zq-k32e3DDz3w==",tableRow:"rP4nJko6KDvNY-hRVLaXhQ==",labelName:"BP09TMIcNQaNtSbA+AX+dg==",tableValue:"qrhKsZBWckjUS8EZkaLg5g==",btnContainer:"_4sqtWKRxhOYxVZBsotANIA=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/molecules/sportstake/lotto-module/rollover/rollover.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".Q4puQ0CyIcYjCujfcpeggw\\=\\={display:flex;flex-direction:column;background-color:var(--lotto-box-bg-color, #ececf6);border-radius:8px;padding:1.6rem 1.6rem 2.4rem 1.6rem;height:fit-content}.oBirdxXF0iTx4D7yQLs8fQ\\=\\=>p{margin-bottom:.8rem;font-size:1.6rem;line-height:2.4rem}.oBirdxXF0iTx4D7yQLs8fQ\\=\\=>h2{margin-bottom:1.6rem;font-size:2.4rem;line-height:2.4rem;font-weight:700}.oBirdxXF0iTx4D7yQLs8fQ\\=\\=.DGL\\+o-mK87FwBqx9RItYEQ\\=\\=>h2{color:var(--lotto-rollover-text-color, #e00028)}@media only screen and (min-width:768px){.oBirdxXF0iTx4D7yQLs8fQ\\=\\=:nth-last-child(2)>h2{margin-bottom:0}}.oBirdxXF0iTx4D7yQLs8fQ\\=\\=.IWmnaMcHWaakkfyVhTwfxg\\=\\={display:none}.LPczOaLVTotVHcCaFZJjaw\\=\\=>a{height:4.8rem;font-size:2rem;line-height:3rem;margin-top:0;font-weight:700}@media only screen and (min-width:425px){.LPczOaLVTotVHcCaFZJjaw\\=\\={max-width:31.1rem;width:100%;margin:0 auto;margin-top:2.4rem}}","",{version:3,sources:["webpack://./src/components/molecules/sportstake/lotto-module/rollover/rollover.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,4BCPE,YAAA,CACA,qBDOwB,CACxB,mDAAA,CACA,iBAAA,CACA,mCAAA,CACA,kBAAA,CAIA,8BACE,mBAAA,CACA,gBAAA,CACA,kBAAA,CAGF,+BACE,oBAAA,CACA,gBAAA,CACA,kBAAA,CACA,eAAA,CAIA,2DACE,+CAAA,CEcJ,yCFTE,iDAEI,eAAA,CAAA,CAKN,uDACE,YAAA,CAKF,8BACE,aAAA,CACA,cAAA,CACA,gBAAA,CACA,YAAA,CACA,eAAA,CETF,yCFGF,4BAUI,iBAAA,CACA,UAAA,CACA,aAAA,CACA,iBAAA,CAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/typography";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/layout";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/media-queries";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/icons";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/tooltip";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/loader";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/mixins";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/scrollbar";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/animations";\n.rolloverContainer {\n @include flex-direction(column);\n background-color: var(--lotto-box-bg-color, #ececf6);\n border-radius: 8px;\n padding: 1.6rem 1.6rem 2.4rem 1.6rem;\n height: fit-content;\n}\n\n.rollover {\n > p {\n margin-bottom: 0.8rem;\n font-size: 1.6rem;\n line-height: 2.4rem;\n }\n\n > h2 {\n margin-bottom: 1.6rem;\n font-size: 2.4rem;\n line-height: 2.4rem;\n font-weight: 700;\n }\n\n &.red {\n > h2 {\n color: var(--lotto-rollover-text-color, #e00028);\n }\n }\n\n &:nth-last-child(2) {\n > h2 {\n @include min(tablet) {\n margin-bottom: 0;\n }\n }\n }\n\n &.hide {\n display: none;\n }\n}\n\n.buttonContainer {\n > a {\n height: 4.8rem;\n font-size: 2rem;\n line-height: 3rem;\n margin-top: 0;\n font-weight: 700;\n }\n\n @include min(mobile) {\n max-width: 31.1rem;\n width: 100%;\n margin: 0 auto;\n margin-top: 2.4rem;\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={rolloverContainer:"Q4puQ0CyIcYjCujfcpeggw==",rollover:"oBirdxXF0iTx4D7yQLs8fQ==",red:"DGL+o-mK87FwBqx9RItYEQ==",hide:"IWmnaMcHWaakkfyVhTwfxg==",buttonContainer:"LPczOaLVTotVHcCaFZJjaw=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/molecules/sportstake/lotto-module/winning-numbers/lotto.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"._8DffQCtDuTiJoocm6hoCTA\\=\\={display:flex;flex-direction:column;height:max-content}.tU9QjQnJoKuxPhtwNt9CbQ\\=\\={width:100%;padding:1.6rem;border-radius:8px;background-color:var(--lotto-box-bg-color, #ececf6)}@media only screen and (max-width:767px){.tU9QjQnJoKuxPhtwNt9CbQ\\=\\={margin-bottom:2.4rem}}.DmWMbEYxsgPcTigLiqfoRg\\=\\={width:100%;margin-bottom:.8rem;display:flex;justify-content:space-between}.\\-5K1spifx3QMlmNMjm7Vvg\\=\\={font-size:1.4rem;align-self:center}.kg7c7bR3l5vNlm5XnwvyAw\\=\\={font-size:1.6rem;font-weight:700}.vCLO10XrLc7DjnJjFg8Fbg\\=\\={display:flex}.U1-K-9BLZgO1wlXOE1Go-Q\\=\\={display:flex;margin:1.6rem 0}.SohV1eUYAnX4BmTweYmnaw\\=\\={display:flex;align-items:center;justify-content:center;width:3.2rem;font-size:1.8rem;color:var(--lotto-winning-numbers-text-color, #171f49);font-weight:700;line-height:2.4rem;background-color:var(--lotto-winning-numbers-bg-color, #ffb800);border-radius:50%;margin:.2rem;padding:.4rem}.SohV1eUYAnX4BmTweYmnaw\\=\\=:first-child{margin-left:0}.nhz6mSef1\\+NWLwMVfBm-gA\\=\\={background-color:var(--lotto-winning-numbers-bonus-bg-color, #295dd6);color:var(--lotto-winning-numbers-bonus-text-color, #ececf6)}.WBv8fsWYsP0GG22mvh33Bg\\=\\={display:flex;border-radius:8px;background-color:var(--lotto-info-block-bg-color, #fff5f5);padding:0 0 0 1.8rem}@media only screen and (min-width:768px){.WBv8fsWYsP0GG22mvh33Bg\\=\\={margin-top:2.4rem;padding:0}}._2dzBdzmZSmWPWZ-i4TAAHg\\=\\={display:flex;align-items:center;justify-content:center;margin:0 1.8rem 0 0;align-self:center;border-radius:50%;width:4rem;height:4rem}@media only screen and (min-width:768px){._2dzBdzmZSmWPWZ-i4TAAHg\\=\\={margin:0 2.4rem 0 2.6rem}}.QLmUOmdu-XvJaHnRdZx4bQ\\=\\={padding:.8rem 0 1.2rem 0}.QLmUOmdu-XvJaHnRdZx4bQ\\=\\=>a{text-decoration:underline}.jylYsTXjxaeJzqBzPaWVVA\\=\\={color:var(--lotto-info-block-text-color, #e00028);font-weight:400;font-size:1.6rem;line-height:3rem}.BuNa7ik-KGGbwV6ORLc83Q\\=\\={color:var(--color-27);line-height:3rem;font-size:1.4rem}.BuNa7ik-KGGbwV6ORLc83Q\\=\\=:hover{cursor:pointer}@media only screen and (min-width:768px){.X2ftaTlW7kTJl9w0HTeezQ\\=\\={margin-top:2.4rem}}.X2ftaTlW7kTJl9w0HTeezQ\\=\\=>div{display:block;column-gap:.8rem;row-gap:1.1rem;padding:1.2rem;border:1.5px solid #243069;width:100%;position:fixed;bottom:0;left:0;z-index:20;margin-top:2.4rem}@media only screen and (min-width:768px){.X2ftaTlW7kTJl9w0HTeezQ\\=\\=>div{position:static;margin-top:unset}}.X2ftaTlW7kTJl9w0HTeezQ\\=\\=>div>a{width:4rem;height:4rem;margin-right:0}.X2ftaTlW7kTJl9w0HTeezQ\\=\\=>div>:nth-child(2){display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.X2ftaTlW7kTJl9w0HTeezQ\\=\\=>div>:nth-child(2)>span{color:#fff;font-size:1.4rem;line-height:1.8rem;font-weight:600;margin-top:0}.X2ftaTlW7kTJl9w0HTeezQ\\=\\=>div>:nth-child(2)>span:last-child{margin-left:1px}.X2ftaTlW7kTJl9w0HTeezQ\\=\\=>div>:nth-child(3){grid-column:span 2;width:100%}.X2ftaTlW7kTJl9w0HTeezQ\\=\\=>div>:nth-child(3)>div button{height:4rem}.X2ftaTlW7kTJl9w0HTeezQ\\=\\=>div>:nth-child(3)>a{height:4rem}.X2ftaTlW7kTJl9w0HTeezQ\\=\\=>div>:nth-child(3)>a>svg{display:none}.X2ftaTlW7kTJl9w0HTeezQ\\=\\=>div>div:last-child{grid-row:3;grid-column:span 2;margin-top:-3px}@media only screen and (min-width:768px){.X2ftaTlW7kTJl9w0HTeezQ\\=\\=>div>div:last-child{margin-top:0}}.X2ftaTlW7kTJl9w0HTeezQ\\=\\=>div>div:last-child>p,.X2ftaTlW7kTJl9w0HTeezQ\\=\\=>div>div:last-child a{font-size:1rem;line-height:1.4rem;font-weight:400;color:#cfdeff;text-align:left}.X2ftaTlW7kTJl9w0HTeezQ\\=\\=>div>div:last-child>a{font-size:500;text-decoration:underline}","",{version:3,sources:["webpack://./src/components/molecules/sportstake/lotto-module/winning-numbers/lotto.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,qBAAA,CACA,kBAAA,CAGF,4BACE,UAAA,CACA,cAAA,CACA,iBAAA,CACA,mDAAA,CCmCA,yCDvCF,4BAOI,oBAAA,CAAA,CAIJ,4BACE,UAAA,CACA,mBAAA,CACA,YAAA,CACA,6BAAA,CAGF,6BACE,gBAAA,CACA,iBAAA,CAGF,4BACE,gBAAA,CACA,eAAA,CAGF,4BACE,YAAA,CAGF,4BACE,YAAA,CACA,eAAA,CAGF,4BExDE,YAAA,CACA,kBFwDoB,CEvDpB,sBFuD4B,CAC5B,YAAA,CACA,gBAAA,CACA,sDAAA,CACA,eAAA,CACA,kBAAA,CACA,+DAAA,CACA,iBAAA,CACA,YAAA,CACA,aAAA,CAEA,wCACE,aAAA,CAIJ,6BACE,qEAAA,CACA,4DAAA,CAGF,4BACE,YAAA,CACA,iBAAA,CACA,0DAAA,CACA,oBAAA,CC/BA,yCD2BF,4BAOI,iBAAA,CACA,SAAA,CAAA,CAIJ,6BE1FE,YAAA,CACA,kBF0FoB,CEzFpB,sBFyF4B,CAC5B,mBAAA,CACA,iBAAA,CACA,iBAAA,CACA,UAAA,CACA,WAAA,CC7CA,yCDuCF,6BASI,wBAAA,CAAA,CAIJ,4BACE,wBAAA,CAEA,8BACE,yBAAA,CAIJ,4BACE,iDAAA,CACA,eAAA,CACA,gBAAA,CACA,gBAAA,CAGF,4BACE,qBAAA,CACA,gBAAA,CACA,gBAAA,CAEA,kCACE,cAAA,CCzEF,yCD6EF,4BAEI,iBAAA,CAAA,CAEF,gCACE,aAAA,CAIA,gBAAA,CACA,cAAA,CACA,cAAA,CACA,0BAAA,CACA,UAAA,CACA,cAAA,CACA,QAAA,CACA,MAAA,CACA,UAAA,CACA,iBAAA,CC/FF,yCDiFA,gCAgBI,eAAA,CACA,gBAAA,CAAA,CAEF,kCACE,UAAA,CACA,WAAA,CACA,cAAA,CAEF,8CACE,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,cAAA,CACA,mDACE,UAAA,CACA,gBAAA,CACA,kBAAA,CACA,eAAA,CACA,YAAA,CAEF,8DACE,eAAA,CAGJ,8CACE,kBAAA,CACA,UAAA,CAEE,yDACE,WAAA,CAGJ,gDACE,WAAA,CACA,oDACE,YAAA,CAIN,+CACE,UAAA,CACA,kBAAA,CACA,eAAA,CC3IJ,yCDwIE,+CAKI,YAAA,CAAA,CAEF,kGACE,cAAA,CACA,kBAAA,CACA,eAAA,CACA,aAAA,CACA,eAAA,CAEF,iDACE,aAAA,CACA,yBAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/typography";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/layout";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/media-queries";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/icons";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/tooltip";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/loader";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/mixins";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/scrollbar";\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/animations";\n.lottoContainer {\n display: flex;\n flex-direction: column;\n height: max-content;\n}\n\n.body {\n width: 100%;\n padding: 1.6rem;\n border-radius: 8px;\n background-color: var(--lotto-box-bg-color, #ececf6);\n\n @include max(mobile) {\n margin-bottom: 2.4rem;\n }\n}\n\n.rowTitle {\n width: 100%;\n margin-bottom: 0.8rem;\n display: flex;\n justify-content: space-between;\n}\n\n.date {\n font-size: 1.4rem;\n align-self: center;\n}\n\n.region {\n font-size: 1.6rem;\n font-weight: 700;\n}\n\n.imgContainer {\n display: flex;\n}\n\n.numbersWrapper {\n display: flex;\n margin: 1.6rem 0;\n}\n\n.number {\n @include flex-align(center, center);\n width: 3.2rem;\n font-size: 1.8rem;\n color: var(--lotto-winning-numbers-text-color, #171f49);\n font-weight: 700;\n line-height: 2.4rem;\n background-color: var(--lotto-winning-numbers-bg-color, #ffb800);\n border-radius: 50%;\n margin: 0.2rem;\n padding: 0.4rem;\n\n &:first-child {\n margin-left: 0;\n }\n}\n\n.bonusBall {\n background-color: var(--lotto-winning-numbers-bonus-bg-color, #295dd6);\n color: var(--lotto-winning-numbers-bonus-text-color, #ececf6);\n}\n\n.informationBlock {\n display: flex;\n border-radius: 8px;\n background-color: var(--lotto-info-block-bg-color, #fff5f5);\n padding: 0 0 0 1.8rem;\n\n @include min(tablet) {\n margin-top: 2.4rem;\n padding: 0;\n }\n}\n\n.logoContainer {\n @include flex-align(center, center);\n margin: 0 1.8rem 0 0;\n align-self: center;\n border-radius: 50%;\n width: 4rem;\n height: 4rem;\n\n @include min(tablet) {\n margin: 0 2.4rem 0 2.6rem;\n }\n}\n\n.infoText {\n padding: 0.8rem 0 1.2rem 0;\n\n > a {\n text-decoration: underline;\n }\n}\n\n.label {\n color: var(--lotto-info-block-text-color, #e00028);\n font-weight: 400;\n font-size: 1.6rem;\n line-height: 3rem;\n}\n\n.linkCta {\n color: var(--color-27);\n line-height: 3rem;\n font-size: 1.4rem;\n\n &:hover {\n cursor: pointer;\n }\n}\n\n.bonusBox {\n @include min(tablet) {\n margin-top: 2.4rem;\n }\n > div {\n display: block;\n // display: grid;\n // grid-template-columns: 4rem 5fr;\n // grid-template-rows: auto auto;\n column-gap: 0.8rem;\n row-gap: 1.1rem;\n padding: 1.2rem;\n border: 1.5px solid #243069;\n width: 100%;\n position: fixed;\n bottom: 0;\n left: 0;\n z-index: 20;\n margin-top: 2.4rem;\n @include min(tablet) {\n position: static;\n margin-top: unset;\n }\n >a {\n width: 4rem;\n height: 4rem;\n margin-right: 0;\n }\n >:nth-child(2) {\n display: flex;\n flex-direction: row;\n align-items: center;\n flex-wrap: wrap;\n >span {\n color: #fff;\n font-size: 1.4rem;\n line-height: 1.8rem;\n font-weight: 600;\n margin-top: 0;\n }\n >span:last-child {\n margin-left: 1px;\n }\n }\n > :nth-child(3) {\n grid-column: span 2;\n width: 100%;\n >div {\n button {\n height: 4rem;\n }\n }\n >a {\n height: 4rem;\n >svg {\n display: none;\n }\n }\n }\n > div:last-child {\n grid-row: 3;\n grid-column: span 2;\n margin-top: -3px;\n @include min(tablet) {\n margin-top: 0;\n }\n >p, a {\n font-size: 1rem;\n line-height: 1.4rem;\n font-weight: 400;\n color: #cfdeff;\n text-align: left;\n }\n >a {\n font-size: 500;\n text-decoration: underline;\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={lottoContainer:"_8DffQCtDuTiJoocm6hoCTA==",body:"tU9QjQnJoKuxPhtwNt9CbQ==",rowTitle:"DmWMbEYxsgPcTigLiqfoRg==",date:"-5K1spifx3QMlmNMjm7Vvg==",region:"kg7c7bR3l5vNlm5XnwvyAw==",imgContainer:"vCLO10XrLc7DjnJjFg8Fbg==",numbersWrapper:"U1-K-9BLZgO1wlXOE1Go-Q==",number:"SohV1eUYAnX4BmTweYmnaw==",bonusBall:"nhz6mSef1+NWLwMVfBm-gA==",informationBlock:"WBv8fsWYsP0GG22mvh33Bg==",logoContainer:"_2dzBdzmZSmWPWZ-i4TAAHg==",infoText:"QLmUOmdu-XvJaHnRdZx4bQ==",label:"jylYsTXjxaeJzqBzPaWVVA==",linkCta:"BuNa7ik-KGGbwV6ORLc83Q==",bonusBox:"X2ftaTlW7kTJl9w0HTeezQ=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);
package/storybook/public/iframe.html CHANGED
@@ -361,4 +361,4 @@
361
361
 
362
362
 
363
363
 
364
- window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"./src","files":"**/**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"./src","files":"**/**/**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/header/variants/default/template-one","files":"template-one.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/header\\/variants\\/default\\/template-one\\/template-one\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/header/variants/operator/template-one-two","files":"template-one-two.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/header\\/variants\\/operator\\/template-one-two\\/template-one-two\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/footer/variants","files":"template-one.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/footer\\/variants\\/template-one\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/footer/variants","files":"template-two.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/footer\\/variants\\/template-two\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/footer/variants","files":"template-three.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/footer\\/variants\\/template-three\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/navigation","files":"navigation.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/navigation\\/navigation\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/anchor/template-one","files":"anchor.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/anchor\\/template-one\\/anchor\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/anchor/template-two","files":"template-two.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/anchor\\/template-two\\/template-two\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/bonus/template-one","files":"bonus.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/bonus\\/template-one\\/bonus\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/bonus/template-two","files":"bonus.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/bonus\\/template-two\\/bonus\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content","files":"text.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/text\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content","files":"show-more.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/show-more\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content","files":"content.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/content\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/lists","files":"lists.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/lists\\/lists\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/frame","files":"frame.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/frame\\/frame\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/table","files":"table-one.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/table\\/table-one\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/table","files":"table-two.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/table\\/table-two\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/pagination","files":"pagination.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/pagination\\/pagination\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/carousel/template-one","files":"template-one.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/carousel\\/template-one\\/template-one\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/carousel/template-two","files":"template-two.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/carousel\\/template-two\\/template-two\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/icon/template-one","files":"**/*.stories.@(mdx|tsx|ts|jsx|js)","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/icon\\/template-one(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(mdx|tsx|ts|jsx|js))$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image/template-one","files":"template-one.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image\\/template-one\\/template-one\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image/template-two","files":"template-two.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image\\/template-two\\/template-two\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image-text/template-one","files":"template-one.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image-text\\/template-one\\/template-one\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image-text/template-two","files":"template-two.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image-text\\/template-two\\/template-two\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image-text/template-three","files":"template-three.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image-text\\/template-three\\/template-three\\.stories)$"}];</script><script src="runtime~main.f3a5bb31.iframe.bundle.js"></script><script src="717.63a597c7.iframe.bundle.js"></script><script src="main.48c97eba.iframe.bundle.js"></script></body></html>
364
+ window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"./src","files":"**/**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"./src","files":"**/**/**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/header/variants/default/template-one","files":"template-one.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/header\\/variants\\/default\\/template-one\\/template-one\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/header/variants/operator/template-one-two","files":"template-one-two.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/header\\/variants\\/operator\\/template-one-two\\/template-one-two\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/footer/variants","files":"template-one.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/footer\\/variants\\/template-one\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/footer/variants","files":"template-two.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/footer\\/variants\\/template-two\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/footer/variants","files":"template-three.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/footer\\/variants\\/template-three\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/navigation","files":"navigation.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/navigation\\/navigation\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/anchor/template-one","files":"anchor.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/anchor\\/template-one\\/anchor\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/anchor/template-two","files":"template-two.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/anchor\\/template-two\\/template-two\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/bonus/template-one","files":"bonus.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/bonus\\/template-one\\/bonus\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/bonus/template-two","files":"bonus.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/bonus\\/template-two\\/bonus\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content","files":"text.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/text\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content","files":"show-more.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/show-more\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content","files":"content.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/content\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/lists","files":"lists.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/lists\\/lists\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/frame","files":"frame.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/frame\\/frame\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/table","files":"table-one.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/table\\/table-one\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/table","files":"table-two.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/table\\/table-two\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/pagination","files":"pagination.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/pagination\\/pagination\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/carousel/template-one","files":"template-one.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/carousel\\/template-one\\/template-one\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/carousel/template-two","files":"template-two.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/carousel\\/template-two\\/template-two\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/icon/template-one","files":"**/*.stories.@(mdx|tsx|ts|jsx|js)","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/icon\\/template-one(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(mdx|tsx|ts|jsx|js))$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image/template-one","files":"template-one.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image\\/template-one\\/template-one\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image/template-two","files":"template-two.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image\\/template-two\\/template-two\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image-text/template-one","files":"template-one.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image-text\\/template-one\\/template-one\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image-text/template-two","files":"template-two.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image-text\\/template-two\\/template-two\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image-text/template-three","files":"template-three.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image-text\\/template-three\\/template-three\\.stories)$"}];</script><script src="runtime~main.f1439b4c.iframe.bundle.js"></script><script src="717.27bce499.iframe.bundle.js"></script><script src="main.850a645b.iframe.bundle.js"></script></body></html>