gatsby-matrix-theme 37.0.28 → 37.0.29

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+## [37.0.29](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v37.0.28...v37.0.29) (2023-12-11)
+
+
+### Bug Fixes
+
+* updated styling and pretty links for recommended-casinos ([e503088](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/e503088284f3d7056fc32ca3825395a4873abea6))
+
+
+* Merge branch 'tm-3828-wagering-calculator' into 'master' ([b39b5c0](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/b39b5c09c165f0c3b995182f542c408cd6a6b68f))
+
 ## [37.0.28](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v37.0.27...v37.0.28) (2023-12-11)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "37.0.28",
+  "version": "37.0.29",
   "main": "index.js",
   "description": "Matrix Theme NPM Package",
   "author": "",

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

@@ -42,7 +42,14 @@ const RecommendedOperators = ({
             />
           </a>
           <div className={styles.operatorBonus}>
-            <Bonus item={operator} tracker="main" />
+            <a
+              href={prettyLink}
+              aria-label={operator.name}
+              target="_blank"
+              rel="nofollow noreferrer sponsored"
+            >
+              <Bonus item={operator} tracker="main" />
+            </a>
             {showTerms && <TermsConditions operator={operator} hasCollapse={false} />}
           </div>
           {showCouponCode && (

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

@@ -95,12 +95,12 @@
               border-radius: 0.8rem;
             }
     
-            > span {
+            > span, > a > span {
               font-weight: 700;
               color: #515156;
               font-size: 1.2rem;
               line-height: 1.8rem;
-      
+              @include flex-align(center, center);
               @include min(tablet) {
                 @include flex-direction(row);
                 font-size: 1.4rem;
@@ -147,6 +147,7 @@
         @include min(tablet){
             display: inline-flex;
             margin: auto 0;
+            cursor: default;
             a{font-size: 1.4rem; padding: 0 !important;}
         };
         span > a{display: none;}

package/storybook/public/43.ff3db0c5.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("a",{href:prettyLink,"aria-label":operator.name,target:"_blank",rel:"nofollow noreferrer sponsored"},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>a:first-child{flex-basis:35%}}.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,8CAEI,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      & > a:first-child{\n        @include min(tablet){\n          flex-basis: 35%;\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___}}]);

package/storybook/public/iframe.html

@@ -361,4 +361,4 @@
           
       
           
-            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/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)$"}];</script><script src="runtime~main.90de754d.iframe.bundle.js"></script><script src="182.dd603f55.iframe.bundle.js"></script><script src="main.4d539514.iframe.bundle.js"></script></body></html>
+            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/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)$"}];</script><script src="runtime~main.a3f0f7b2.iframe.bundle.js"></script><script src="182.dd603f55.iframe.bundle.js"></script><script src="main.4d539514.iframe.bundle.js"></script></body></html>

package/storybook/public/{runtime~main.90de754d.iframe.bundle.js → runtime~main.a3f0f7b2.iframe.bundle.js}

@@ -1 +1 @@
-!function(){"use strict";var deferred,leafPrototypes,getProto,inProgress,__webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,deferred=[],__webpack_require__.O=function(result,chunkIds,fn,priority){if(!chunkIds){var notFulfilled=1/0;for(i=0;i<deferred.length;i++){chunkIds=deferred[i][0],fn=deferred[i][1],priority=deferred[i][2];for(var fulfilled=!0,j=0;j<chunkIds.length;j++)(!1&priority||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every((function(key){return __webpack_require__.O[key](chunkIds[j])}))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();void 0!==r&&(result=r)}}return result}priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority]},__webpack_require__.n=function(module){var getter=module&&module.__esModule?function(){return module.default}:function(){return module};return __webpack_require__.d(getter,{a:getter}),getter},getProto=Object.getPrototypeOf?function(obj){return Object.getPrototypeOf(obj)}:function(obj){return obj.__proto__},__webpack_require__.t=function(value,mode){if(1&mode&&(value=this(value)),8&mode)return value;if("object"==typeof value&&value){if(4&mode&&value.__esModule)return value;if(16&mode&&"function"==typeof value.then)return value}var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=2&mode&&value;"object"==typeof current&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach((function(key){def[key]=function(){return value[key]}}));return def.default=function(){return value},__webpack_require__.d(ns,def),ns},__webpack_require__.d=function(exports,definition){for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=function(chunkId){return Promise.all(Object.keys(__webpack_require__.f).reduce((function(promises,key){return __webpack_require__.f[key](chunkId,promises),promises}),[]))},__webpack_require__.u=function(chunkId){return chunkId+"."+{43:"3fe696b4",60:"ff674703",119:"ffce82f9",127:"ff669276",162:"d30676dc",172:"fe4ee9e5",183:"b66d2a78",200:"58e72b2b",203:"c847d37e",225:"6dca798a",238:"ef62d1ab",313:"f14e679f",326:"da0ba286",343:"34b4aca2",347:"15814dd4",357:"109f6237",377:"0129ee10",408:"a15d93ee",487:"45abc0d9",495:"384c1d3c",528:"f36da661",555:"6eba6df4",567:"17326796",590:"25fcc3e8",625:"8b8c54c4",658:"0bf05662",664:"a464a442",694:"275e5411",696:"6dd52f9c",713:"888f0872",725:"7f876a32",758:"729fbe5e",809:"09ed93ec",864:"cbf8e102",866:"e7c9a1aa",871:"5ceb4bc5",917:"b6ab19ed",933:"e56e01a1",938:"f1a4065f",984:"5ce87937"}[chunkId]+".iframe.bundle.js"},__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.hmd=function(module){return(module=Object.create(module)).children||(module.children=[]),Object.defineProperty(module,"exports",{enumerable:!0,set:function(){throw new Error("ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: "+module.id)}}),module},__webpack_require__.o=function(obj,prop){return Object.prototype.hasOwnProperty.call(obj,prop)},inProgress={},__webpack_require__.l=function(url,done,key,chunkId){if(inProgress[url])inProgress[url].push(done);else{var script,needAttach;if(void 0!==key)for(var scripts=document.getElementsByTagName("script"),i=0;i<scripts.length;i++){var s=scripts[i];if(s.getAttribute("src")==url||s.getAttribute("data-webpack")=="gatsby-matrix-theme:"+key){script=s;break}}script||(needAttach=!0,(script=document.createElement("script")).charset="utf-8",script.timeout=120,__webpack_require__.nc&&script.setAttribute("nonce",__webpack_require__.nc),script.setAttribute("data-webpack","gatsby-matrix-theme:"+key),script.src=url),inProgress[url]=[done];var onScriptComplete=function(prev,event){script.onerror=script.onload=null,clearTimeout(timeout);var doneFns=inProgress[url];if(delete inProgress[url],script.parentNode&&script.parentNode.removeChild(script),doneFns&&doneFns.forEach((function(fn){return fn(event)})),prev)return prev(event)},timeout=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:script}),12e4);script.onerror=onScriptComplete.bind(null,script.onerror),script.onload=onScriptComplete.bind(null,script.onload),needAttach&&document.head.appendChild(script)}},__webpack_require__.r=function(exports){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=function(module){return module.paths=[],module.children||(module.children=[]),module},__webpack_require__.p="",function(){var installedChunks={303:0};__webpack_require__.f.j=function(chunkId,promises){var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else if(303!=chunkId){var promise=new Promise((function(resolve,reject){installedChunkData=installedChunks[chunkId]=[resolve,reject]}));promises.push(installedChunkData[2]=promise);var url=__webpack_require__.p+__webpack_require__.u(chunkId),error=new Error;__webpack_require__.l(url,(function(event){if(__webpack_require__.o(installedChunks,chunkId)&&(0!==(installedChunkData=installedChunks[chunkId])&&(installedChunks[chunkId]=void 0),installedChunkData)){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,installedChunkData[1](error)}}),"chunk-"+chunkId,chunkId)}else installedChunks[chunkId]=0},__webpack_require__.O.j=function(chunkId){return 0===installedChunks[chunkId]};var webpackJsonpCallback=function(parentChunkLoadingFunction,data){var moduleId,chunkId,chunkIds=data[0],moreModules=data[1],runtime=data[2],i=0;if(chunkIds.some((function(id){return 0!==installedChunks[id]}))){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))}(),__webpack_require__.nc=void 0}();
+!function(){"use strict";var deferred,leafPrototypes,getProto,inProgress,__webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,deferred=[],__webpack_require__.O=function(result,chunkIds,fn,priority){if(!chunkIds){var notFulfilled=1/0;for(i=0;i<deferred.length;i++){chunkIds=deferred[i][0],fn=deferred[i][1],priority=deferred[i][2];for(var fulfilled=!0,j=0;j<chunkIds.length;j++)(!1&priority||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every((function(key){return __webpack_require__.O[key](chunkIds[j])}))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();void 0!==r&&(result=r)}}return result}priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority]},__webpack_require__.n=function(module){var getter=module&&module.__esModule?function(){return module.default}:function(){return module};return __webpack_require__.d(getter,{a:getter}),getter},getProto=Object.getPrototypeOf?function(obj){return Object.getPrototypeOf(obj)}:function(obj){return obj.__proto__},__webpack_require__.t=function(value,mode){if(1&mode&&(value=this(value)),8&mode)return value;if("object"==typeof value&&value){if(4&mode&&value.__esModule)return value;if(16&mode&&"function"==typeof value.then)return value}var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=2&mode&&value;"object"==typeof current&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach((function(key){def[key]=function(){return value[key]}}));return def.default=function(){return value},__webpack_require__.d(ns,def),ns},__webpack_require__.d=function(exports,definition){for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=function(chunkId){return Promise.all(Object.keys(__webpack_require__.f).reduce((function(promises,key){return __webpack_require__.f[key](chunkId,promises),promises}),[]))},__webpack_require__.u=function(chunkId){return chunkId+"."+{43:"ff3db0c5",60:"ff674703",119:"ffce82f9",127:"ff669276",162:"d30676dc",172:"fe4ee9e5",183:"b66d2a78",200:"58e72b2b",203:"c847d37e",225:"6dca798a",238:"ef62d1ab",313:"f14e679f",326:"da0ba286",343:"34b4aca2",347:"15814dd4",357:"109f6237",377:"0129ee10",408:"a15d93ee",487:"45abc0d9",495:"384c1d3c",528:"f36da661",555:"6eba6df4",567:"17326796",590:"25fcc3e8",625:"8b8c54c4",658:"0bf05662",664:"a464a442",694:"275e5411",696:"6dd52f9c",713:"888f0872",725:"7f876a32",758:"729fbe5e",809:"09ed93ec",864:"cbf8e102",866:"e7c9a1aa",871:"5ceb4bc5",917:"b6ab19ed",933:"e56e01a1",938:"f1a4065f",984:"5ce87937"}[chunkId]+".iframe.bundle.js"},__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.hmd=function(module){return(module=Object.create(module)).children||(module.children=[]),Object.defineProperty(module,"exports",{enumerable:!0,set:function(){throw new Error("ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: "+module.id)}}),module},__webpack_require__.o=function(obj,prop){return Object.prototype.hasOwnProperty.call(obj,prop)},inProgress={},__webpack_require__.l=function(url,done,key,chunkId){if(inProgress[url])inProgress[url].push(done);else{var script,needAttach;if(void 0!==key)for(var scripts=document.getElementsByTagName("script"),i=0;i<scripts.length;i++){var s=scripts[i];if(s.getAttribute("src")==url||s.getAttribute("data-webpack")=="gatsby-matrix-theme:"+key){script=s;break}}script||(needAttach=!0,(script=document.createElement("script")).charset="utf-8",script.timeout=120,__webpack_require__.nc&&script.setAttribute("nonce",__webpack_require__.nc),script.setAttribute("data-webpack","gatsby-matrix-theme:"+key),script.src=url),inProgress[url]=[done];var onScriptComplete=function(prev,event){script.onerror=script.onload=null,clearTimeout(timeout);var doneFns=inProgress[url];if(delete inProgress[url],script.parentNode&&script.parentNode.removeChild(script),doneFns&&doneFns.forEach((function(fn){return fn(event)})),prev)return prev(event)},timeout=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:script}),12e4);script.onerror=onScriptComplete.bind(null,script.onerror),script.onload=onScriptComplete.bind(null,script.onload),needAttach&&document.head.appendChild(script)}},__webpack_require__.r=function(exports){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=function(module){return module.paths=[],module.children||(module.children=[]),module},__webpack_require__.p="",function(){var installedChunks={303:0};__webpack_require__.f.j=function(chunkId,promises){var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else if(303!=chunkId){var promise=new Promise((function(resolve,reject){installedChunkData=installedChunks[chunkId]=[resolve,reject]}));promises.push(installedChunkData[2]=promise);var url=__webpack_require__.p+__webpack_require__.u(chunkId),error=new Error;__webpack_require__.l(url,(function(event){if(__webpack_require__.o(installedChunks,chunkId)&&(0!==(installedChunkData=installedChunks[chunkId])&&(installedChunks[chunkId]=void 0),installedChunkData)){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,installedChunkData[1](error)}}),"chunk-"+chunkId,chunkId)}else installedChunks[chunkId]=0},__webpack_require__.O.j=function(chunkId){return 0===installedChunks[chunkId]};var webpackJsonpCallback=function(parentChunkLoadingFunction,data){var moduleId,chunkId,chunkIds=data[0],moreModules=data[1],runtime=data[2],i=0;if(chunkIds.some((function(id){return 0!==installedChunks[id]}))){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))}(),__webpack_require__.nc=void 0}();

package/storybook/public/43.3fe696b4.iframe.bundle.js

@@ -1 +0,0 @@
-"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("a",{href:prettyLink,"aria-label":operator.name,target:"_blank",rel:"nofollow noreferrer sponsored"},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(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>a:first-child{flex-basis:35%}}.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{font-weight:700;color:#515156;font-size:1.2rem;line-height:1.8rem}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div.HyfWUVyd9IHiwdPpQQeSjg\\=\\=>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}.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,8CAEI,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,oEACE,eAAA,CACA,aAAA,CACA,gBAAA,CACA,kBAAA,CC/DZ,yCD2DU,oEExGV,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,kCAAA,gBAAA,CAAA,oBAAA,CAAA,CAEJ,uCAAA,YAAA,CAEJ,8BACI,UAAA,CACA,WAAA,CACA,kCACI,UAAA,CACA,WAAA,CCxHV,yCDmHE,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      & > a:first-child{\n        @include min(tablet){\n          flex-basis: 35%;\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 {\n              font-weight: 700;\n              color: #515156;\n              font-size: 1.2rem;\n              line-height: 1.8rem;\n      \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            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___}}]);