gatsby-matrix-theme 37.0.29 → 37.0.31

package/.storybook/main.js

@@ -21,6 +21,12 @@ module.exports = {
     '../../node_modules/gatsby-core-theme/src/components/molecules/pagination/pagination.stories.js',
     '../../node_modules/gatsby-core-theme/src/components/organisms/carousel/template-one/template-one.stories',
     '../../node_modules/gatsby-core-theme/src/components/organisms/carousel/template-two/template-two.stories',
+    '../../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/icon/template-one',
+    '../../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image/template-one/template-one.stories',
+    '../../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image/template-two/template-two.stories',
+    '../../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image-text/template-one/template-one.stories',
+    '../../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image-text/template-two/template-two.stories',
+    '../../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image-text/template-three/template-three.stories',
   ],
   addons: ['@storybook/addon-links', '@storybook/addon-essentials'],
   env: (config) => ({

package/CHANGELOG.md

@@ -1,3 +1,24 @@
+## [37.0.31](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v37.0.30...v37.0.31) (2023-12-13)
+
+
+### Bug Fixes
+
+* update core version ([10dfcf2](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/10dfcf2ba82106d28d70b3f223f4c390fc81c479))
+* update theme ([a551f3a](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/a551f3afc093691a12e08e067786119cef64d330))
+
+
+* Merge branch 'new-core-version' into 'master' ([1356a55](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/1356a55fa542309d94ba1010498a73c6dfe143cd))
+
+## [37.0.30](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v37.0.29...v37.0.30) (2023-12-11)
+
+
+### Bug Fixes
+
+* removed extra a tag ([98680bd](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/98680bd0dcd00ecd76cf1a8e5e5745945447c3e3))
+
+
+* Merge branch 'tm-3828-wagering-calculator' into 'master' ([dfb9d43](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/dfb9d4348deba04a3ec2a98ec41c9e86eb256b9a))
+
 ## [37.0.29](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v37.0.28...v37.0.29) (2023-12-11)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "37.0.29",
+  "version": "37.0.31",
   "main": "index.js",
   "description": "Matrix Theme NPM Package",
   "author": "",
@@ -25,7 +25,7 @@
   "dependencies": {
     "@react-icons/all-files": "^4.1.0",
     "gatsby": "^5.11.0",
-    "gatsby-core-theme": "30.0.32",
+    "gatsby-core-theme": "30.0.34",
     "gatsby-plugin-sharp": "^5.11.0",
     "gatsby-plugin-sitemap": "^3.3.0",
     "gatsby-transformer-sharp": "^5.11.0",

package/src/components/atoms/recommended-operators/index.js

@@ -27,20 +27,13 @@ const RecommendedOperators = ({
 
       return (
         <div>
-          <a
-            href={prettyLink}
-            aria-label={operator.name}
-            target="_blank"
-            rel="nofollow noreferrer sponsored"
-          >
-            <OperatorDetails
-              showRating={showRating}
-              item={operator}
-              showAuthor={showAuthor}
-              showReviewLink={false}
-              costumeStyle={styles.operatorDetails}
-            />
-          </a>
+          <OperatorDetails
+            showRating={showRating}
+            item={operator}
+            showAuthor={showAuthor}
+            showReviewLink={false}
+            costumeStyle={styles.operatorDetails}
+          />
           <div className={styles.operatorBonus}>
             <a
               href={prettyLink}

package/src/components/atoms/recommended-operators/recommended-operators.module.scss

@@ -41,9 +41,9 @@
         margin-bottom: 0;
       }
   
-      & > a:first-child{
+      & > div:first-child{
         @include min(tablet){
-          flex-basis: 35%;
+          flex-basis: 30%;
         }
       }
 

package/src/gatsby-core-theme/components/molecules/module/index.js

@@ -63,7 +63,11 @@ const Modules = ({ module, pageContext, index, exclOperator }) => {
       case 'image':
         return loadable(() => import('gatsby-core-theme/src/components/atoms/image'));
       case 'spotlights':
-        return loadable(() => import('gatsby-core-theme/src/components/atoms/spotlights'));
+        if (process.env.ENABLE_SPOTLIGHT_V2) {
+          return loadable(() => import('~molecules/spotlights_v2'));
+        }
+        return loadable(() => import('~atoms/spotlights'));
+
       case 'faq':
         // eslint-disable-next-line react/destructuring-assignment
         if (moduleItem?.display_front_end === '1') {

package/storybook/public/283.219e438b.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[283],{"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return index}});__webpack_require__("../node_modules/core-js/modules/es.promise.js"),__webpack_require__("../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.iterator.js");var react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../node_modules/react/index.js"),_loadable_component__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../node_modules/@loadable/component/dist/loadable.esm.js");function index(_ref){var module=_ref.module,Component=function Component(){switch(null==module?void 0:module.mode){case"image_text":var ImageWithText=(0,_loadable_component__WEBPACK_IMPORTED_MODULE_6__.ZP)((function(){return __webpack_require__.e(952).then(__webpack_require__.bind(__webpack_require__,"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image-text/index.js"))}));return react__WEBPACK_IMPORTED_MODULE_5__.createElement(ImageWithText,{module:module});case"icon":var Icon=(0,_loadable_component__WEBPACK_IMPORTED_MODULE_6__.ZP)((function(){return __webpack_require__.e(329).then(__webpack_require__.bind(__webpack_require__,"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/icon/index.js"))}));return react__WEBPACK_IMPORTED_MODULE_5__.createElement(Icon,{module:module});default:var Image=(0,_loadable_component__WEBPACK_IMPORTED_MODULE_6__.ZP)((function(){return __webpack_require__.e(426).then(__webpack_require__.bind(__webpack_require__,"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image/index.js"))}));return react__WEBPACK_IMPORTED_MODULE_5__.createElement(Image,{module:module})}};return react__WEBPACK_IMPORTED_MODULE_5__.createElement(react__WEBPACK_IMPORTED_MODULE_5__.Fragment,null,Component&&react__WEBPACK_IMPORTED_MODULE_5__.createElement(Component,null))}index.__docgenInfo={description:"",methods:[],displayName:"index"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/index.js"]={name:"index",docgenInfo:index.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/index.js"})}}]);

package/storybook/public/329.31f288b0.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[329],{"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/icon/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return index}});__webpack_require__("../node_modules/core-js/modules/es.promise.js"),__webpack_require__("../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.iterator.js");var react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../node_modules/react/index.js"),_loadable_component__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../node_modules/@loadable/component/dist/loadable.esm.js");function index(_ref){var module=_ref.module,Component=function Component(){null==module||module.style;var TempateOne=(0,_loadable_component__WEBPACK_IMPORTED_MODULE_6__.ZP)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/icon/template-one/index.js"))}));return react__WEBPACK_IMPORTED_MODULE_5__.createElement(TempateOne,{module:module})};return react__WEBPACK_IMPORTED_MODULE_5__.createElement(react__WEBPACK_IMPORTED_MODULE_5__.Fragment,null,Component&&react__WEBPACK_IMPORTED_MODULE_5__.createElement(Component,null))}index.__docgenInfo={description:"",methods:[],displayName:"index"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/icon/index.js"]={name:"index",docgenInfo:index.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/icon/index.js"})}}]);

package/storybook/public/426.5bbf0dd8.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[426],{"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return index}});__webpack_require__("../node_modules/core-js/modules/es.promise.js"),__webpack_require__("../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.iterator.js");var react__WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("../node_modules/react/index.js"),_loadable_component__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../node_modules/@loadable/component/dist/loadable.esm.js");function index(_ref){var module=_ref.module,Component=function Component(){if("template_two"===(null==module?void 0:module.style)){var TempateTwo=(0,_loadable_component__WEBPACK_IMPORTED_MODULE_6__.ZP)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image/template-two/index.js"))}));return react__WEBPACK_IMPORTED_MODULE_5__.createElement(TempateTwo,{module:module})}var TempateOne=(0,_loadable_component__WEBPACK_IMPORTED_MODULE_6__.ZP)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image/template-one/index.js"))}));return react__WEBPACK_IMPORTED_MODULE_5__.createElement(TempateOne,{module:module})};return react__WEBPACK_IMPORTED_MODULE_5__.createElement(react__WEBPACK_IMPORTED_MODULE_5__.Fragment,null,Component&&react__WEBPACK_IMPORTED_MODULE_5__.createElement(Component,null))}index.__docgenInfo={description:"",methods:[],displayName:"index"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image/index.js"]={name:"index",docgenInfo:index.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image/index.js"})}}]);

package/storybook/public/43.e5f66f01.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[43],{"./src/components/atoms/recommended-operators/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return recommended_operators}});__webpack_require__("../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../node_modules/core-js/modules/es.array.slice.js");var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.mjs"),template_four=__webpack_require__("../node_modules/gatsby-core-theme/src/components/molecules/bonus-box/template-four/index.js"),operator_cta=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/button/operator-cta.js"),tnc=__webpack_require__("../node_modules/gatsby-core-theme/src/components/molecules/tnc/index.js"),operator_details=__webpack_require__("./src/components/molecules/operator-details/index.js"),coupon=__webpack_require__("./src/components/atoms/coupon/index.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),recommended_operators_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/recommended-operators/recommended-operators.module.scss"),options={insert:"head",singleton:!1},recommended_operators_recommended_operators_module=(injectStylesIntoStyleTag_default()(recommended_operators_module.Z,options),recommended_operators_module.Z.locals||{}),RecommendedOperators=function RecommendedOperators(_ref){var _ref$showCouponCode=_ref.showCouponCode,showCouponCode=void 0!==_ref$showCouponCode&&_ref$showCouponCode,_ref$showTerms=_ref.showTerms,showTerms=void 0!==_ref$showTerms&&_ref$showTerms,_ref$showRating=_ref.showRating,showRating=void 0!==_ref$showRating&&_ref$showRating,_ref$showAuthor=_ref.showAuthor,showAuthor=void 0!==_ref$showAuthor&&_ref$showAuthor,_ref$title=_ref.title,title=void 0===_ref$title?"Recommended Casinos:":_ref$title,_ref$buttonType=_ref.buttonType,buttonType=void 0===_ref$buttonType?"primary":_ref$buttonType,operators=_ref.operators;return react.createElement("div",{className:recommended_operators_recommended_operators_module.reccommendedCasinos},react.createElement("h3",null,title),operators.slice(0,3).map((function(operator){var prettyLink=(0,getters.u4)(operator,"main",!1),couponCode=(0,getters.tp)(operator.extra_fields,"coupon_code");return react.createElement("div",null,react.createElement(operator_details.Z,{showRating:showRating,item:operator,showAuthor:showAuthor,showReviewLink:!1,costumeStyle:recommended_operators_recommended_operators_module.operatorDetails}),react.createElement("div",{className:recommended_operators_recommended_operators_module.operatorBonus},react.createElement("a",{href:prettyLink,"aria-label":operator.name,target:"_blank",rel:"nofollow noreferrer sponsored"},react.createElement(template_four.Z,{item:operator,tracker:"main"})),showTerms&&react.createElement(tnc.Z,{operator:operator,hasCollapse:!1})),showCouponCode&&react.createElement("div",{className:recommended_operators_recommended_operators_module.couponCtaContainer},showCouponCode&&react.createElement(coupon.Z,{code:couponCode}),react.createElement(operator_cta.Z,{operator:operator,tracker:"main",buttonType:buttonType})),!showCouponCode&&react.createElement(operator_cta.Z,{operator:operator,tracker:"main",buttonType:buttonType}))})))};RecommendedOperators.displayName="RecommendedOperators",RecommendedOperators.__docgenInfo={description:"",methods:[],displayName:"RecommendedOperators",props:{showCouponCode:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},showTerms:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},showRating:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},showAuthor:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},title:{defaultValue:{value:"'Recommended Casinos:'",computed:!1},description:"",type:{name:"string"},required:!1},buttonType:{defaultValue:{value:"'primary'",computed:!1},description:"",type:{name:"string"},required:!1},operators:{description:"",type:{name:"arrayOf",value:{name:"custom",raw:"[\n  PropTypes.shape({\n    name: PropTypes.string,\n  }),\n]"}},required:!1}}};var recommended_operators=RecommendedOperators;RecommendedOperators.propTypes={showCouponCode:prop_types_default().bool,showRating:prop_types_default().bool,showTerms:prop_types_default().bool,showAuthor:prop_types_default().bool,title:prop_types_default().string,buttonType:prop_types_default().string,operators:prop_types_default().arrayOf([prop_types_default().shape({name:prop_types_default().string})])},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/recommended-operators/index.js"]={name:"RecommendedOperators",docgenInfo:RecommendedOperators.__docgenInfo,path:"src/components/atoms/recommended-operators/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/recommended-operators/recommended-operators.module.scss":function(module,__webpack_exports__,__webpack_require__){var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".Ll5iYiC0EgLQOxSl7AGFDw\\=\\={background-color:#fff;padding:.8rem;border-radius:1.6rem;margin-top:1.6rem}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\={padding:1.6rem}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>h3{margin-top:0;margin-bottom:.8rem;font-size:1.8rem;font-weight:700}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>h3{font-size:2rem}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div{margin-bottom:.8rem;background:#f4f4f4;display:flex;align-items:center;justify-content:space-between;row-gap:.8rem;border-radius:1.6rem;color:#fff;padding:.8rem;column-gap:.8rem;flex-wrap:wrap}@media only screen and (min-width:425px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div{flex-wrap:nowrap;row-gap:1.6rem;padding:1.2rem}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div:last-child{margin-bottom:0}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div:first-child{flex-basis:30%}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div a:nth-child(2){width:unset}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div a:nth-child(2)>span{color:#fff !important;text-decoration:none !important}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div a:nth-child(2)>span:last-child{color:#ced0dd !important}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div img{border-radius:.8rem;height:100%}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div a:nth-child(3){padding:.8rem 1.6rem;font-size:1.4rem;font-weight:700;width:100%}@media only screen and (min-width:425px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div a:nth-child(3){width:unset}}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div a:nth-child(3){padding:.9rem 3rem;width:unset}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div.HyfWUVyd9IHiwdPpQQeSjg\\=\\={flex-grow:1;flex-basis:50%;display:flex;align-items:flex-start;justify-content:center;display:flex;flex-direction:column}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div.HyfWUVyd9IHiwdPpQQeSjg\\=\\={display:flex;align-items:center;justify-content:flex-start;background-color:#fff;padding:.8rem;min-height:6.4rem;align-items:center;justify-content:center;border-radius:.8rem}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div.HyfWUVyd9IHiwdPpQQeSjg\\=\\=>span,.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div.HyfWUVyd9IHiwdPpQQeSjg\\=\\=>a>span{font-weight:700;color:#515156;font-size:1.2rem;line-height:1.8rem;display:flex;align-items:center;justify-content:center}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div.HyfWUVyd9IHiwdPpQQeSjg\\=\\=>span,.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div.HyfWUVyd9IHiwdPpQQeSjg\\=\\=>a>span{display:flex;flex-direction:row;font-size:1.4rem;line-height:2.2rem}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div.HyfWUVyd9IHiwdPpQQeSjg\\=\\=>div{font-size:1rem;color:#515156;font-weight:400;text-align:left}@media only screen and (min-width:425px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div.HyfWUVyd9IHiwdPpQQeSjg\\=\\=>div{padding:.4rem 0;text-align:center;display:inline-block}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div.eq2SFnxIBMDlqu9MJkJ44A\\=\\=>div{width:100%}@media only screen and (min-width:320px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div.eq2SFnxIBMDlqu9MJkJ44A\\=\\={display:grid;grid-template-columns:1fr 1fr;gap:.8rem;flex-basis:100%}}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div.eq2SFnxIBMDlqu9MJkJ44A\\=\\={flex-basis:30%}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div.eq2SFnxIBMDlqu9MJkJ44A\\=\\= button{width:100%}.V55x0PJWd6osa7ZirJjmwA\\=\\= div{display:none}@media only screen and (min-width:768px){.V55x0PJWd6osa7ZirJjmwA\\=\\= div{display:inline-flex;margin:auto 0;cursor:default}.V55x0PJWd6osa7ZirJjmwA\\=\\= div a{font-size:1.4rem;padding:0 !important}}.V55x0PJWd6osa7ZirJjmwA\\=\\= div span>a{display:none}.V55x0PJWd6osa7ZirJjmwA\\=\\=>a{width:4rem;height:4rem}.V55x0PJWd6osa7ZirJjmwA\\=\\=>a img{width:100%;height:100%}@media only screen and (min-width:768px){.V55x0PJWd6osa7ZirJjmwA\\=\\=>a{width:6.4rem;height:6.4rem}}","",{version:3,sources:["webpack://./src/components/atoms/recommended-operators/recommended-operators.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,4BACI,qBAAA,CACA,aAAA,CACA,oBAAA,CACA,iBAAA,CCkCF,yCDtCF,4BAOQ,cAAA,CAAA,CAGJ,+BACE,YAAA,CACA,mBAAA,CACA,gBAAA,CACA,eAAA,CCwBJ,yCD5BE,+BAOI,cAAA,CAAA,CAIJ,gCACE,mBAAA,CACA,kBAAA,CEpCJ,YAAA,CACA,kBFoCwB,CEnCxB,6BFmCgC,CAC5B,aAAA,CACA,oBAAA,CACA,UAAA,CACA,aAAA,CACA,gBAAA,CACA,cAAA,CCQJ,yCDjBE,gCAaI,gBAAA,CACA,cAAA,CACA,cAAA,CAAA,CAGF,2CACE,eAAA,CCFN,yCDKI,gDAEI,cAAA,CAAA,CAIJ,+CACE,WAAA,CACA,oDACE,qBAAA,CACA,+BAAA,CCfR,yCDiBU,+DACE,wBAAA,CAAA,CAMR,oCACE,mBAAA,CACA,WAAA,CAEF,+CACE,oBAAA,CACA,gBAAA,CACA,eAAA,CACA,UAAA,CChCN,yCD4BI,+CAMI,WAAA,CAAA,CClCR,yCD4BI,+CASM,kBAAA,CACA,WAAA,CAAA,CAKJ,+DACI,WAAA,CACA,cAAA,CEhGV,YAAA,CACA,sBFgG8B,CE/F9B,sBF+F0C,CE3F1C,YAAA,CACA,qBF2FkC,CC/ClC,yCD2CM,+DE9FN,YAAA,CACA,kBFoGgC,CEnGhC,0BFmGwC,CAC5B,qBAAA,CACA,aAAA,CACA,iBAAA,CACA,kBAAA,CACA,sBAAA,CACA,mBAAA,CAAA,CAGF,0IACE,eAAA,CACA,aAAA,CACA,gBAAA,CACA,kBAAA,CElHZ,YAAA,CACA,kBFkHgC,CEjHhC,sBFiHwC,CChExC,yCD2DU,0IExGV,YAAA,CACA,kBF8GsC,CACxB,gBAAA,CACA,kBAAA,CAAA,CAIJ,mEACE,cAAA,CACA,aAAA,CACA,eAAA,CACA,eAAA,CC5EZ,yCDwEU,mEAOI,eAAA,CACA,iBAAA,CACA,oBAAA,CAAA,CAKN,mEAAA,UAAA,CCtFR,yCDqFM,+DAII,YAAA,CACA,6BAAA,CACA,SAAA,CACA,eAAA,CAAA,CC5FV,yCDqFM,+DAUI,cAAA,CAAA,CAEF,sEACE,UAAA,CAQR,gCACI,YAAA,CC3GN,yCD0GE,gCAGQ,mBAAA,CACA,aAAA,CACA,cAAA,CACA,kCAAA,gBAAA,CAAA,oBAAA,CAAA,CAEJ,uCAAA,YAAA,CAEJ,8BACI,UAAA,CACA,WAAA,CACA,kCACI,UAAA,CACA,WAAA,CCzHV,yCDoHE,8BAQQ,YAAA,CACA,aAAA,CAAA",sourcesContent:["// Global styles extended in each theme\n\n// Utils\n@import '../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/typography';\n@import '../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/layout';\n@import '../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order';\n@import '../../../../../node_modules/gatsby-core-theme/src/styles/utils/media-queries';\n@import '../../../../../node_modules/gatsby-core-theme/src/styles/utils/icons';\n@import '../../../../../node_modules/gatsby-core-theme/src/styles/utils/tooltip';\n@import '../../../../../node_modules/gatsby-core-theme/src/styles/utils/loader';\n@import '../../../../../node_modules/gatsby-core-theme/src/styles/utils/mixins';\n@import '../../../../../node_modules/gatsby-core-theme/src/styles/utils/scrollbar';\n@import '../../../../../node_modules/gatsby-core-theme/src/styles/utils/animations';\n\n.reccommendedCasinos {\n    background-color: #fff;\n    padding: 0.8rem;\n    border-radius: 1.6rem;\n    margin-top: 1.6rem;\n\n    @include min(tablet){\n        padding: 1.6rem;\n    }\n\n    > h3 {\n      margin-top: 0;\n      margin-bottom: 0.8rem;\n      font-size: 1.8rem;\n      font-weight: 700;\n  \n      @include min(tablet) {\n        font-size: 2rem;\n      }\n    }\n  \n    > div {\n      margin-bottom: 0.8rem;\n      background: #f4f4f4;\n      @include flex-align(center, space-between);\n      row-gap: 0.8rem;\n      border-radius: 1.6rem;\n      color: #fff;\n      padding: 0.8rem;\n      column-gap: 0.8rem;\n      flex-wrap: wrap;\n\n\n      @include min(mobile) {\n        flex-wrap: nowrap;\n        row-gap: 1.6rem;\n        padding: 1.2rem;\n      }\n  \n      &:last-child {\n        margin-bottom: 0;\n      }\n  \n      & > div:first-child{\n        @include min(tablet){\n          flex-basis: 30%;\n        }\n      }\n\n      a:nth-child(2) {\n        width: unset;\n        > span{\n          color: #fff !important;\n          text-decoration: none !important;\n          @include min(tablet) {\n            &:last-child{\n              color: #CED0DD !important;\n            }\n          }\n        }\n      }\n  \n      img {\n        border-radius: 0.8rem;\n        height: 100%;\n      }\n      a:nth-child(3){\n        padding: 0.8rem 1.6rem;\n        font-size: 1.4rem;\n        font-weight: 700;\n        width: 100%;\n        @include min(mobile){\n          width: unset;\n        }\n        @include min(tablet) {\n            padding: 0.9rem 3rem;\n            width: unset;\n        }\n      }     \n  \n      > div {\n        &.operatorBonus{\n            flex-grow: 1;\n            flex-basis: 50%;\n            @include flex-align(flex-start, center);\n            @include flex-direction(column);\n\n            @include min(tablet) {\n              @include flex-align(center, flex-start);\n              background-color: #fff;\n              padding: .8rem;\n              min-height: 6.4rem;\n              align-items: center;\n              justify-content: center;\n              border-radius: 0.8rem;\n            }\n    \n            > span, > a > span {\n              font-weight: 700;\n              color: #515156;\n              font-size: 1.2rem;\n              line-height: 1.8rem;\n              @include flex-align(center, center);\n              @include min(tablet) {\n                @include flex-direction(row);\n                font-size: 1.4rem;\n                line-height: 2.2rem;\n              }\n            }\n\n            > div{\n              font-size: 1rem;\n              color: #515156;\n              font-weight: 400;\n              text-align: left;\n\n              @include min(mobile){\n                padding: 0.4rem 0;\n                text-align: center;\n                display: inline-block;\n              }\n            }\n        }\n        &.couponCtaContainer{\n          > div{ width: 100%; }\n          @include min(mobile-s)\n          {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: .8rem;\n            flex-basis: 100%;\n          }\n          @include min(tablet){\n            flex-basis: 30%;\n          }\n          button{\n            width: 100%;\n          }\n        }\n      }\n    }\n}\n\n.operatorDetails {\n    div{\n        display: none;\n        @include min(tablet){\n            display: inline-flex;\n            margin: auto 0;\n            cursor: default;\n            a{font-size: 1.4rem; padding: 0 !important;}\n        };\n        span > a{display: none;}\n    }\n    > a {\n        width: 4rem;\n        height: 4rem;\n        img{\n            width: 100%;\n            height: 100%;\n        }\n        @include min(tablet){\n            width: 6.4rem;\n            height: 6.4rem;\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) {\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: 2px 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 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={reccommendedCasinos:"Ll5iYiC0EgLQOxSl7AGFDw==",operatorBonus:"HyfWUVyd9IHiwdPpQQeSjg==",couponCtaContainer:"eq2SFnxIBMDlqu9MJkJ44A==",operatorDetails:"V55x0PJWd6osa7ZirJjmwA=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);