npm - gatsby-matrix-theme - Versions diffs - 49.0.9 → 49.0.11 - Mend

gatsby-matrix-theme 49.0.9 → 49.0.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (15) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,3 +1,17 @@
+## [49.0.11](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v49.0.10...v49.0.11) (2024-08-21)
+### Bug Fixes
+* updated to latest core version ([4da63f0](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/4da63f0b1775f12af776cb9d2a5bb43e842a44a6))
+## [49.0.10](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v49.0.9...v49.0.10) (2024-08-21)
+### Bug Fixes
+* updated to latest core theme version ([d828a0d](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/d828a0d15258b203e0da8e8dfb3f9926a1e0617b))
 ## [49.0.9](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v49.0.8...v49.0.9) (2024-08-21)

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "49.0.9",
+  "version": "49.0.11",
   "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": "36.0.0",
+    "gatsby-core-theme": "36.0.2",
     "gatsby-plugin-sharp": "^5.11.0",
     "gatsby-transformer-sharp": "^5.11.0",
     "prop-types": "15.7.2",

package/src/components/atoms/operator-bonuses/index.js CHANGED Viewed

@@ -10,13 +10,13 @@ import styles from './operator-bonuses.module.scss';
 import { getBonus } from '~helpers/getters';
-const OperatorBonuses = ({ page, operator }) => {
+const OperatorBonuses = ({ operator }) => {
   const onliner = getBonus('main', operator);
-  const { min_deposit, currency } = operator?.bonus;
-  const { deposit_wagering } = operator;
   const status = operator?.status;
-  const isPlaceholder = status === 'coming_soon' || page.extra_fields.operator_is_placeholder == 1;
-  const isInoperative = status === 'inactive' || page.extra_fields.operator_is_inoperative == 1;
+  const isPlaceholder = status === 'coming_soon';
+  const isInoperative = status === 'inactive';
+  const depositText = operator?.bonus?.min_deposit && operator?.bonus?.currency ? `${operator?.bonus?.min_deposit} ${operator?.bonus?.currency}` : '';
   return (
     <div className={styles?.leftSide || ''}>
@@ -42,9 +42,9 @@ const OperatorBonuses = ({ page, operator }) => {
           {useTranslate('turnover_requirements', 'Turnover requirements')}
         </p>
         <p className={styles?.textRight || ''}>
-          {min_deposit} {currency}
+          {depositText}
           <br />
-          {deposit_wagering}
+          {operator.deposit_wagering ? operator.deposit_wagering : ''}
         </p>
       </div>
       <div className={styles?.buttonSummary || ''}>

package/src/gatsby-core-theme/components/organisms/toplist/list/index.js CHANGED Viewed

@@ -36,17 +36,17 @@ export default function List({
   let { items } = toplist;
   if (removeInactiveItems) {
-    items = items.filter((res) => res.status === 'active');
+    items = items && items.filter((res) => res.status === 'active');
   }
   if ((!hasLoadMoreButton || parseInt(hasLoadMoreButton) === 0) && parseInt(initItemsCount) > 0) {
-    items = items.splice(0, initItemsCount);
+    items = items && items.splice(0, initItemsCount);
   }
   const loadMoreBtn = useRef(React.createRef());
   const showLoadMoreButton =
-    hasLoadMoreButton === '1' && Number(initItemsCount) < toplist.items.length;
+    hasLoadMoreButton === '1' && Number(initItemsCount) < toplist.items?.length;
   function handleClick() {
     const displayed = elRefs.current.filter((item) => item.classList.contains(styles.show)).length;
@@ -78,7 +78,7 @@ export default function List({
   return (
     <>
       <ul className={`${styles.list || ''} ${templateStyle()} `} key={keygen()}>
-        {items.map((item, index) => (
+        {items && items.map((item, index) => (
           <Row
             pagePath={pagePath}
             item={item}

package/src/gatsby-core-theme/components/pages/body/index.js CHANGED Viewed

@@ -4,7 +4,7 @@
 import React, { useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { v4 as uuidv4 } from 'uuid';
-import { getSection } from 'gatsby-core-theme/src/helpers/getters';
+import { getSection, getMarketSection } from 'gatsby-core-theme/src/helpers/getters';
 import Navigation from 'gatsby-core-theme/src/components/organisms/navigation';
 import Main from 'gatsby-core-theme/src/components/molecules/main';
 import Header from 'gatsby-core-theme/src/components/molecules/header';
@@ -29,11 +29,18 @@ function Body({ pageContext, children, serverData }) {
   const { template } = pageContext.page;
   const main = getBodySection('main');
-  const navigation = getBodySection(pageTypes[template]?.section || pageTypes.default.section);
-  const footer = getBodySection('footer');
+  const navigation = getMarketSection(
+    pageTypes[template]?.section || pageTypes.default.section,
+    pageContext
+  );
+  const footer = pageTypes[template]?.disableFooter
+    ? null
+    : getMarketSection('footer', pageContext);
+  const links = pageTypes[template]?.disableFooter ? null : getMarketSection('links', pageContext);
-  const links = getBodySection('links');
   const isHomePage = pageContext?.page && pageContext?.page.path === '/';
   const pageType = pageContext.page.relation_type;
   const is404 = pageContext.page.path.includes('404');

package/src/gatsby-core-theme/constants/site-settings/navigation.js CHANGED Viewed

@@ -11,6 +11,8 @@ export const pageTypes = {
       disablePopup: true,
     },
     responsible_gambling_guide: {
+      disableFooter: true,
+      disableLinks: true,
       section: "rg_navigation",
       showLogoWithLink: false,
       disableSearch: false,

package/storybook/public/177.cc3588f0.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[177],{"./src/components/molecules/operator-welcome-bonus/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>operator_welcome_bonus});var react=__webpack_require__("../node_modules/react/index.js"),operator_cta=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/button/operator-cta.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),useTranslate=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/useTranslate/useTranslate.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),operator_bonuses_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/operator-bonuses/operator-bonuses.module.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(operator_bonuses_module.A,options);const operator_bonuses_operator_bonuses_module=operator_bonuses_module.A.locals||{};var getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.mjs"),OperatorBonuses=function(_ref){var _operator$bonus,_operator$bonus2,_operator$bonus3,_operator$bonus4,operator=_ref.operator,onliner=(0,getters.sc)("main",operator),status=null==operator?void 0:operator.status,isPlaceholder="coming_soon"===status,isInoperative="inactive"===status,depositText=null!=operator&&null!==(_operator$bonus=operator.bonus)&&void 0!==_operator$bonus&&_operator$bonus.min_deposit&&null!=operator&&null!==(_operator$bonus2=operator.bonus)&&void 0!==_operator$bonus2&&_operator$bonus2.currency?`${null==operator||null===(_operator$bonus3=operator.bonus)||void 0===_operator$bonus3?void 0:_operator$bonus3.min_deposit} ${null==operator||null===(_operator$bonus4=operator.bonus)||void 0===_operator$bonus4?void 0:_operator$bonus4.currency}`:"";return react.createElement("div",{className:(null==operator_bonuses_operator_bonuses_module?void 0:operator_bonuses_operator_bonuses_module.leftSide)||""},react.createElement(react.Fragment,null,react.createElement("div",{className:(null==operator_bonuses_operator_bonuses_module?void 0:operator_bonuses_operator_bonuses_module.welcomeTitle)||""},react.createElement("div",{className:(null==operator_bonuses_operator_bonuses_module?void 0:operator_bonuses_operator_bonuses_module.bonusIcon)||""},!isInoperative&&react.createElement("img",{src:"/images/bonus-icon-white.png",alt:"Bonus icon"})),!isInoperative&&react.createElement("span",{className:(null==operator_bonuses_operator_bonuses_module?void 0:operator_bonuses_operator_bonuses_module.title)||""},(0,useTranslate.A)("welcome_bonus","Welcome bonus"))),react.createElement("div",{className:(null==operator_bonuses_operator_bonuses_module?void 0:operator_bonuses_operator_bonuses_module.Bonus)||""},!isInoperative&&react.createElement("p",{className:"casino-bonus"},null==onliner?void 0:onliner.one_liner))),react.createElement("div",{className:(null==operator_bonuses_operator_bonuses_module?void 0:operator_bonuses_operator_bonuses_module.welcomeDescription)||""},react.createElement("p",{className:(null==operator_bonuses_operator_bonuses_module?void 0:operator_bonuses_operator_bonuses_module.textLeft)||""},(0,useTranslate.A)("minimum_deposit","Minimum deposit")," ",react.createElement("br",null),(0,useTranslate.A)("turnover_requirements","Turnover requirements")),react.createElement("p",{className:(null==operator_bonuses_operator_bonuses_module?void 0:operator_bonuses_operator_bonuses_module.textRight)||""},depositText,react.createElement("br",null),operator.deposit_wagering?operator.deposit_wagering:"")),react.createElement("div",{className:(null==operator_bonuses_operator_bonuses_module?void 0:operator_bonuses_operator_bonuses_module.buttonSummary)||""},isInoperative&&react.createElement("p",{className:(null==operator_bonuses_operator_bonuses_module?void 0:operator_bonuses_operator_bonuses_module.textRight)||""},(0,useTranslate.A)("expired","Expired")),isPlaceholder&&react.createElement("p",{className:(null==operator_bonuses_operator_bonuses_module?void 0:operator_bonuses_operator_bonuses_module.textRight)||""},(0,useTranslate.A)("comming_soon","Comming Soon")),!isPlaceholder&&!isInoperative&&react.createElement(operator_cta.A,{translationsObj:{active:{translationKey:"btn_bonus",defaultValue:"Get your bonus now"},not_recommended:{translationKey:"not_recommended",defaultValue:"Not Recommended"},coming_soon:{translationKey:"coming_soon",defaultValue:"Soon Available"},inactive:{translationKey:"inactive",defaultValue:"Not Accepting New Players"},blacklisted:{translationKey:"blacklisted",defaultValue:"Blacklisted"}},operator,tracker:"main"})))};OperatorBonuses.displayName="OperatorBonuses",OperatorBonuses.propTypes={page:prop_types_default().shape({translations:prop_types_default().string})},OperatorBonuses.__docgenInfo={description:"",methods:[],displayName:"OperatorBonuses",props:{page:{description:"",type:{name:"shape",value:{translations:{name:"string",required:!1}}},required:!1}}};const operator_bonuses=OperatorBonuses;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/operator-bonuses/index.js"]={name:"OperatorBonuses",docgenInfo:OperatorBonuses.__docgenInfo,path:"src/components/atoms/operator-bonuses/index.js"});var operator_score_gauge_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/operator-score-gauge/operator-score-gauge.module.scss"),operator_score_gauge_module_options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(operator_score_gauge_module.A,operator_score_gauge_module_options);const operator_score_gauge_operator_score_gauge_module=operator_score_gauge_module.A.locals||{};var SvgGradient=function(_ref){var gradientId=_ref.gradientId,startGradientColor=_ref.startGradientColor,endGradientColor=_ref.endGradientColor;return react.createElement("svg",{role:"img","aria-labelledby":"svgGradient",xmlns:"http://www.w3.org/2000/svg",className:"invisible",width:"0",height:"0"},react.createElement("title",{id:"svgGradient"},"SVG Gradient"),react.createElement("defs",null,react.createElement("linearGradient",{id:gradientId,x1:"0%",y1:"0%",x2:"100%",y2:"100%"},react.createElement("stop",{stopColor:startGradientColor,offset:"25%"}),react.createElement("stop",{stopColor:endGradientColor,offset:"70%"}))))};SvgGradient.displayName="SvgGradient",SvgGradient.propTypes={gradientId:prop_types_default().string,startGradientColor:prop_types_default().string,endGradientColor:prop_types_default().string},SvgGradient.defaultProps={gradientId:"diagonal-gradient",startGradientColor:"#4ecdc4",endGradientColor:"#1a535c"},SvgGradient.__docgenInfo={description:"",methods:[],displayName:"SvgGradient",props:{gradientId:{defaultValue:{value:"'diagonal-gradient'",computed:!1},description:"",type:{name:"string"},required:!1},startGradientColor:{defaultValue:{value:"'#4ecdc4'",computed:!1},description:"",type:{name:"string"},required:!1},endGradientColor:{defaultValue:{value:"'#1a535c'",computed:!1},description:"",type:{name:"string"},required:!1}}};const svg_gradient=SvgGradient;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/circle-rating/svg-gradient.js"]={name:"SvgGradient",docgenInfo:SvgGradient.__docgenInfo,path:"src/components/atoms/circle-rating/svg-gradient.js"});var getCircumference=function(radius){return Math.floor(Math.PI*(2*radius))},getCircleSection=function(radius,section){return Math.floor(getCircumference(radius)-section*(getCircumference(radius)/5))},CircleRating=function(_ref){var rating=_ref.rating,radius=_ref.radius,strokeWidth=_ref.strokeWidth,gradientId=_ref.gradientId,backgroundColor=_ref.backgroundColor;return react.createElement("svg",{role:"img","aria-labelledby":"circleRatingIcon",xmlns:"http://www.w3.org/2000/svg"},react.createElement("title",{id:"circleRatingIcon"},"Circle Rating icon"),react.createElement("circle",{cx:radius+10,cy:radius+10,r:radius,stroke:backgroundColor,strokeWidth,fill:"transparent"}),react.createElement("circle",{cx:radius+10,cy:radius+10,r:radius,stroke:`url(#${gradientId})`,strokeLinecap:"round",strokeWidth,strokeDasharray:getCircumference(radius),strokeDashoffset:getCircleSection(radius,rating),fill:"transparent"},react.createElement("animate",{attributeName:"stroke-dashoffset",values:`${getCircumference(radius)};${getCircleSection(radius,rating)}`,dur:"0.1s",repeatCount:"1"})))};CircleRating.displayName="CircleRating",CircleRating.defaultProps={gradientId:"diagonal-gradient",backgroundColor:"#e2e9ed"},CircleRating.__docgenInfo={description:"",methods:[],displayName:"CircleRating",props:{gradientId:{defaultValue:{value:"'diagonal-gradient'",computed:!1},required:!1},backgroundColor:{defaultValue:{value:"'#e2e9ed'",computed:!1},required:!1}}};const circle_rating=CircleRating;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/circle-rating/circle-rating.js"]={name:"CircleRating",docgenInfo:CircleRating.__docgenInfo,path:"src/components/atoms/circle-rating/circle-rating.js"});var OperatorScoreGauge=function(_ref){var operator=_ref.operator,_ref$onHeader=_ref.onHeader,onHeader=void 0!==_ref$onHeader&&_ref$onHeader,_ref$numOfStars=_ref.numOfStars,numOfStars=void 0===_ref$numOfStars?5:_ref$numOfStars,_ref$showRoundedRatin=_ref.showRoundedRating,showRoundedRating=void 0!==_ref$showRoundedRatin&&_ref$showRoundedRatin,rating=numOfStars<6?null==operator?void 0:operator.rating:2*(null==operator?void 0:operator.rating),formattedRating=showRoundedRating?Math.floor(rating):rating;return react.createElement("div",{className:`${(null==operator_score_gauge_operator_score_gauge_module?void 0:operator_score_gauge_operator_score_gauge_module.rightSide)||""} ${onHeader&&operator_score_gauge_operator_score_gauge_module.onHeader||""}`},react.createElement("div",{className:(null==operator_score_gauge_operator_score_gauge_module?void 0:operator_score_gauge_operator_score_gauge_module.ratingAnimation)||""},react.createElement(svg_gradient,{gradientId:onHeader?"diagonal-gradient":"white-diagonal",startGradientColor:onHeader?"#4ecdc4":"#ccced9",endGradientColor:onHeader?"#1a535c":"#4ecdc4"}),react.createElement("div",{className:`${(null==operator_score_gauge_operator_score_gauge_module?void 0:operator_score_gauge_operator_score_gauge_module.frontCircle)||""} ${(null==operator_score_gauge_operator_score_gauge_module?void 0:operator_score_gauge_operator_score_gauge_module.textCircle)||""}`},react.createElement(circle_rating,{rating:formattedRating,radius:onHeader?50:80,strokeWidth:onHeader?"12":"18",gradientId:onHeader?"diagonal-gradient":"white-diagonal",backgroundColor:onHeader?"":"#082030",numOfStars}),react.createElement("span",{className:(null==operator_score_gauge_operator_score_gauge_module?void 0:operator_score_gauge_operator_score_gauge_module.ratingText)||""},react.createElement("span",null,formattedRating),"/",numOfStars))))};OperatorScoreGauge.displayName="OperatorScoreGauge",OperatorScoreGauge.propTypes={onHeader:prop_types_default().bool,operator:prop_types_default().shape({rating:prop_types_default().number}),numOfStars:prop_types_default().number,showRoundedRating:prop_types_default().bool},OperatorScoreGauge.__docgenInfo={description:"",methods:[],displayName:"OperatorScoreGauge",props:{onHeader:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},numOfStars:{defaultValue:{value:"5",computed:!1},description:"",type:{name:"number"},required:!1},showRoundedRating:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},operator:{description:"",type:{name:"shape",value:{rating:{name:"number",required:!1}}},required:!1}}};const operator_score_gauge=OperatorScoreGauge;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/operator-score-gauge/index.js"]={name:"OperatorScoreGauge",docgenInfo:OperatorScoreGauge.__docgenInfo,path:"src/components/atoms/operator-score-gauge/index.js"});var operator_welcome_bonus_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/molecules/operator-welcome-bonus/operator-welcome-bonus.module.scss"),operator_welcome_bonus_module_options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(operator_welcome_bonus_module.A,operator_welcome_bonus_module_options);const operator_welcome_bonus_operator_welcome_bonus_module=operator_welcome_bonus_module.A.locals||{};var OperatorWelcomeBonus=function(_ref){var page=_ref.page,_ref$numOfStars=_ref.numOfStars,numOfStars=void 0===_ref$numOfStars?5:_ref$numOfStars;return react.createElement("div",{className:(null==operator_welcome_bonus_operator_welcome_bonus_module?void 0:operator_welcome_bonus_operator_welcome_bonus_module.welcomeBonuss)||""},react.createElement("div",{className:(null==operator_welcome_bonus_operator_welcome_bonus_module?void 0:operator_welcome_bonus_operator_welcome_bonus_module.containerWelcome)||""},react.createElement(operator_bonuses,{page,operator:null==page?void 0:page.relation}),react.createElement(operator_score_gauge,{operator:null==page?void 0:page.relation,numOfStars})))};OperatorWelcomeBonus.displayName="OperatorWelcomeBonus",OperatorWelcomeBonus.__docgenInfo={description:"",methods:[],displayName:"OperatorWelcomeBonus",props:{numOfStars:{defaultValue:{value:"5",computed:!1},required:!1}}};const operator_welcome_bonus=OperatorWelcomeBonus;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/molecules/operator-welcome-bonus/index.js"]={name:"OperatorWelcomeBonus",docgenInfo:OperatorWelcomeBonus.__docgenInfo,path:"src/components/molecules/operator-welcome-bonus/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/operator-bonuses/operator-bonuses.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".sosBLa7pZd0L0PPLDKCl8g\\=\\={padding:0 1.7rem 0 1.7rem}@media only screen and (min-width:768px){.sosBLa7pZd0L0PPLDKCl8g\\=\\={padding-left:3.6rem}}@media only screen and (min-width:992px){.sosBLa7pZd0L0PPLDKCl8g\\=\\={padding:0 1.7rem 0 4.2rem}}.sosBLa7pZd0L0PPLDKCl8g\\=\\= .rRZJXvdy8lHLjThy6tLI2A\\=\\={display:flex}.sosBLa7pZd0L0PPLDKCl8g\\=\\= .rRZJXvdy8lHLjThy6tLI2A\\=\\= .B6g8vrz2WRBDa78Cu3pYCw\\=\\={padding-top:2.3rem}.sosBLa7pZd0L0PPLDKCl8g\\=\\= .rRZJXvdy8lHLjThy6tLI2A\\=\\= .B6g8vrz2WRBDa78Cu3pYCw\\=\\= img{width:2.4rem;height:2.4rem}.sosBLa7pZd0L0PPLDKCl8g\\=\\= .rRZJXvdy8lHLjThy6tLI2A\\=\\= .Xtnw75aUdeEU\\+aeTCxtN9g\\=\\={color:#fff;font-size:1.8rem;font-weight:400;margin:2.4rem 0 .8rem 1.6rem}.sosBLa7pZd0L0PPLDKCl8g\\=\\= .yMbVfNsd-03vvaPWA3ueEg\\=\\={color:#fff;font-size:1.8rem;font-weight:300}.sosBLa7pZd0L0PPLDKCl8g\\=\\= .yMbVfNsd-03vvaPWA3ueEg\\=\\= .S8X5O41QEN43tb6PkttpOQ\\=\\={color:#fff;font-size:1.8rem;margin-top:-0.6rem}.sosBLa7pZd0L0PPLDKCl8g\\=\\= .HGxVVpD3Gor1EMEjRefMOg\\=\\={display:flex;justify-content:space-between}.sosBLa7pZd0L0PPLDKCl8g\\=\\= .HGxVVpD3Gor1EMEjRefMOg\\=\\= .sxVI4h-tou4oQrk0a8l7eA\\=\\={color:#fff;padding-top:1.4rem;font-weight:500;margin-bottom:10px}.sosBLa7pZd0L0PPLDKCl8g\\=\\= .HGxVVpD3Gor1EMEjRefMOg\\=\\= .UqMryOnoUcDIMNccrGGZcQ\\=\\={color:#fff;padding-top:1.4rem;font-weight:300;text-align:right}@media only screen and (min-width:768px){.sosBLa7pZd0L0PPLDKCl8g\\=\\= .HGxVVpD3Gor1EMEjRefMOg\\=\\= .UqMryOnoUcDIMNccrGGZcQ\\=\\={margin-right:4rem}}@media only screen and (min-width:992px){.sosBLa7pZd0L0PPLDKCl8g\\=\\= .HGxVVpD3Gor1EMEjRefMOg\\=\\= .UqMryOnoUcDIMNccrGGZcQ\\=\\={margin-right:7.5rem}}.sosBLa7pZd0L0PPLDKCl8g\\=\\= .AXu989cpxd3n3KJ6\\+POPUA\\=\\={display:flex;justify-content:center;bottom:27px;position:absolute;left:0;right:0;margin-left:auto;margin-right:auto}.sosBLa7pZd0L0PPLDKCl8g\\=\\= .AXu989cpxd3n3KJ6\\+POPUA\\=\\= ._4XweEACr2JxathWCTWWT-g\\=\\={font-size:1.8rem;font-weight:500;color:#fff;padding:.5rem;margin-left:6rem}@media only screen and (min-width:992px){.sosBLa7pZd0L0PPLDKCl8g\\=\\= .AXu989cpxd3n3KJ6\\+POPUA\\=\\= ._4XweEACr2JxathWCTWWT-g\\=\\={margin-left:0}}@media only screen and (min-width:768px){.sosBLa7pZd0L0PPLDKCl8g\\=\\= .AXu989cpxd3n3KJ6\\+POPUA\\=\\= ._4XweEACr2JxathWCTWWT-g\\=\\={margin-left:0}}.sosBLa7pZd0L0PPLDKCl8g\\=\\= .AXu989cpxd3n3KJ6\\+POPUA\\=\\= .UqMryOnoUcDIMNccrGGZcQ\\=\\={font-size:1.8rem;font-weight:500;color:#fff;padding:.5rem}@media only screen and (min-width:768px){.sosBLa7pZd0L0PPLDKCl8g\\=\\= .AXu989cpxd3n3KJ6\\+POPUA\\=\\= .UqMryOnoUcDIMNccrGGZcQ\\=\\={margin-left:0}}@media only screen and (min-width:992px){.sosBLa7pZd0L0PPLDKCl8g\\=\\= .AXu989cpxd3n3KJ6\\+POPUA\\=\\= .UqMryOnoUcDIMNccrGGZcQ\\=\\={margin-left:0}}@media only screen and (min-width:768px){.sosBLa7pZd0L0PPLDKCl8g\\=\\= .AXu989cpxd3n3KJ6\\+POPUA\\=\\={justify-content:unset;margin-left:-0.1rem;position:unset;margin-top:1.5rem}}@media only screen and (min-width:992px){.sosBLa7pZd0L0PPLDKCl8g\\=\\= .AXu989cpxd3n3KJ6\\+POPUA\\=\\={margin-left:-0.3rem;position:unset;margin-top:0;display:flow-root;width:32.5rem}}.sosBLa7pZd0L0PPLDKCl8g\\=\\= .AXu989cpxd3n3KJ6\\+POPUA\\=\\= .LdQR5uygmT9KqvvX17neyg\\=\\={font-weight:500}.sosBLa7pZd0L0PPLDKCl8g\\=\\= .AXu989cpxd3n3KJ6\\+POPUA\\=\\= .ZdB84dWhF-vRpAQXYDTdfA\\=\\=,.sosBLa7pZd0L0PPLDKCl8g\\=\\= .AXu989cpxd3n3KJ6\\+POPUA\\=\\= .glXxHPmi8xoL1Tn5stkvyA\\=\\={height:4.4rem;min-width:10rem}.sosBLa7pZd0L0PPLDKCl8g\\=\\= .AXu989cpxd3n3KJ6\\+POPUA\\=\\= .glXxHPmi8xoL1Tn5stkvyA\\=\\={color:#fff;display:flex;justify-content:center;align-items:center}.sosBLa7pZd0L0PPLDKCl8g\\=\\= .AXu989cpxd3n3KJ6\\+POPUA\\=\\= .glXxHPmi8xoL1Tn5stkvyA\\=\\={background:var(--color-40);position:absolute;width:21rem;margin-top:19rem;border:none;text-align:center;text-decoration:none;z-index:2}.sosBLa7pZd0L0PPLDKCl8g\\=\\= .AXu989cpxd3n3KJ6\\+POPUA\\=\\= .glXxHPmi8xoL1Tn5stkvyA\\=\\=:hover{box-shadow:0 4px 16px 0}.sosBLa7pZd0L0PPLDKCl8g\\=\\= .AXu989cpxd3n3KJ6\\+POPUA\\=\\= .glXxHPmi8xoL1Tn5stkvyA\\=\\=:focus{background-color:#fff}@media only screen and (min-width:768px){.sosBLa7pZd0L0PPLDKCl8g\\=\\= .AXu989cpxd3n3KJ6\\+POPUA\\=\\= .glXxHPmi8xoL1Tn5stkvyA\\=\\={width:20.6rem;margin-top:.6rem;position:unset}}@media only screen and (min-width:992px){.sosBLa7pZd0L0PPLDKCl8g\\=\\= .AXu989cpxd3n3KJ6\\+POPUA\\=\\= .glXxHPmi8xoL1Tn5stkvyA\\=\\={width:32.5rem}}","",{version:3,sources:["webpack://./src/components/atoms/operator-bonuses/operator-bonuses.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAcA,4BACE,yBAAA,CCqCA,yCDtCF,4BAGI,mBAAA,CAAA,CCmCF,yCDtCF,4BAMI,yBAAA,CAAA,CAEF,wDACE,YAAA,CACA,oFACE,kBAAA,CACA,wFACE,YAAA,CACA,aAAA,CAIJ,qFACE,UAAA,CAGE,gBAAA,CACA,eAAA,CAGF,4BAAA,CAIJ,wDACE,UAAA,CACA,gBAAA,CACA,eAAA,CACA,oFACE,UAAA,CAGE,gBAAA,CAGF,kBAAA,CAIJ,wDACE,YAAA,CACA,6BAAA,CAEA,oFACE,UAAA,CACA,kBAAA,CACA,eAAA,CACA,kBAAA,CAGF,oFACE,UAAA,CACA,kBAAA,CACA,eAAA,CACA,gBAAA,CCtBJ,yCDkBE,oFAMI,iBAAA,CAAA,CCxBN,yCDkBE,oFAUI,mBAAA,CAAA,CAKN,yDACE,YAAA,CACA,sBAAA,CACA,WAAA,CACA,iBAAA,CACA,MAAA,CACA,OAAA,CACA,gBAAA,CACA,iBAAA,CACA,sFACE,gBAAA,CACA,eAAA,CACA,UAAA,CACA,aAAA,CACA,gBAAA,CC/CJ,yCD0CE,sFAOI,aAAA,CAAA,CCjDN,yCD0CE,sFAUI,aAAA,CAAA,CAGJ,qFACE,gBAAA,CACA,eAAA,CACA,UAAA,CACA,aAAA,CC3DJ,yCDuDE,qFAMI,aAAA,CAAA,CC7DN,yCDuDE,qFASI,aAAA,CAAA,CChEN,yCDiCA,yDAmCI,qBAAA,CACA,mBAAA,CACA,cAAA,CACA,iBAAA,CAAA,CCvEJ,yCDiCA,yDAyCI,mBAAA,CACA,cAAA,CACA,YAAA,CACA,iBAAA,CACA,aAAA,CAAA,CAEF,qFACE,eAAA,CAEF,0KACE,aAAA,CACA,eAAA,CAGF,qFAEE,UAAA,CACA,YAAA,CACA,sBAAA,CACA,kBAAA,CAUF,qFACE,0BAAA,CAGA,iBAAA,CACA,WAAA,CACA,gBAAA,CACA,WAAA,CACA,iBAAA,CACA,oBAAA,CACA,SAAA,CAEA,2FACE,uBAAA,CAGF,2FACE,qBAAA,CCxHN,yCDuGE,qFAqBI,aAAA,CACA,gBAAA,CACA,cAAA,CAAA,CC9HN,yCDuGE,qFA2BI,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.leftSide {\n padding: 0 1.7rem 0 1.7rem;\n @include min(tablet) {\n padding-left: 3.6rem;\n }\n @include min(laptop){\n padding: 0 1.7rem 0 4.2rem;\n }\n .welcomeTitle {\n display: flex;\n .bonusIcon {\n padding-top: 2.3rem;\n img {\n width: 2.4rem;\n height: 2.4rem;\n }\n }\n\n .title {\n color:white;\n\n font: {\n size: 1.8rem;\n weight: 400;\n }\n\n margin: 2.4rem 0 0.8rem 1.6rem;\n }\n }\n\n .Bonus {\n color:white;\n font-size: 1.8rem;\n font-weight: 300;\n .casino-bonus {\n color:white;\n\n font: {\n size: 1.8rem;\n }\n\n margin-top: -0.6rem;\n }\n }\n\n .welcomeDescription {\n display: flex;\n justify-content: space-between;\n\n .textLeft {\n color:white;\n padding-top: 1.4rem;\n font-weight: 500;\n margin-bottom: 10px;\n }\n\n .textRight {\n color:white;\n padding-top: 1.4rem;\n font-weight: 300;\n text-align: right;\n @include min(tablet) {\n margin-right: 4rem;\n }\n\n @include min(laptop) {\n margin-right: 7.5rem;\n }\n }\n }\n\n .buttonSummary {\n display: flex;\n justify-content: center;\n bottom: 27px;\n position: absolute;\n left: 0;\n right: 0;\n margin-left: auto;\n margin-right: auto;\n .textExpired{\n font-size: 1.8rem;\n font-weight: 500;\n color: white;\n padding: .5rem;\n margin-left: 6rem;\n @include min(laptop){\n margin-left: 0;\n }\n @include min(tablet){\n margin-left: 0;\n }\n }\n .textRight{\n font-size: 1.8rem;\n font-weight: 500;\n color: white;\n padding: .5rem;\n @include min(tablet){\n margin-left: 0;\n }\n @include min(laptop){\n margin-left: 0;\n }\n }\n @include min(tablet) {\n justify-content: unset;\n margin-left: -0.1rem;\n position: unset;\n margin-top: 1.5rem;\n }\n @include min(laptop){\n margin-left: -0.3rem;\n position: unset;\n margin-top: 0;\n display: flow-root;\n width: 32.5rem;\n }\n .ctaBtn{\n font-weight: 500;\n }\n .btn {\n height: 4.4rem;\n min-width: 10rem;\n }\n\n .btnMain {\n @extend .btn;\n color: white;\n display: flex;\n justify-content: center;\n align-items: center;\n\n &:visited,\n &:hover,\n &:active,\n &:focus {\n //color: white;\n }\n }\n\n .btnMain {\n background: var(--color-40);\n //@extend .btnMain;\n\n position: absolute;\n width: 21rem;\n margin-top: 19rem;\n border: none;\n text-align: center;\n text-decoration: none;\n z-index: 2;\n\n &:hover {\n box-shadow: 0 4px 16px 0 ;\n }\n\n &:focus {\n background-color: #fff;\n }\n\n @include min(tablet) {\n width: 20.6rem;\n margin-top: 0.6rem;\n position: unset;\n }\n\n @include min(laptop) {\n width: 32.5rem;\n }\n }\n }\n}","$media-query-sizes: (\n mobile-s: (\n min: 320px,\n max: 374px,\n ),\n mobile-m: (\n min: 375px,\n max: 424px,\n ),\n mobile: (\n min: 425px,\n max: 767px,\n ),\n tablet: (\n min: 768px,\n max: 991px,\n ),\n laptop: (\n min: 992px,\n max: 1199px,\n ),\n desktop: (\n min: 1200px,\n ),\n);\n\n// Get media query sizes\n$screen: 'only screen';\n@function media-query($media, $optional-media: '', $min: true) {\n $media-label: '';\n\n @if ($optional-media != '') {\n $media-sizes-min: map-get($media-query-sizes, $media);\n $media-sizes-max: map-get($media-query-sizes, $optional-media);\n $media-label: $screen +\n \" and (min-width:#{map-get($media-sizes-min, 'min')}) and (max-width:#{map-get($media-sizes-max, 'max')})\";\n } @else {\n $query: 'max';\n\n @if ($min) {\n $query: 'min';\n }\n\n $media-sizes: map-get($media-query-sizes, $media);\n $media-label: $screen + ' and (#{$query}-width:#{map-get($media-sizes, $query)})';\n }\n\n @return $media-label;\n}\n\n// Min media query\n@mixin min($media) {\n @media #{media-query($media)} {\n @content;\n }\n}\n\n// Max media query\n@mixin max($media) {\n @media #{media-query($media, '', false)} {\n @content;\n }\n}\n\n// Min & max media query\n@mixin min-max($min, $max) {\n @media #{media-query($min, $max)} {\n @content;\n }\n}\n\n// Use this ONLY if you need a media query that doesn't fit the $media-query-sizes breakpoints above\n// Pass number, for example @include custom-min(992)\n@mixin custom-min($min) {\n @media #{$screen} and (min-width: #{$min}px) {\n @content;\n }\n}\n\n@mixin custom-max($max) {\n @media #{$screen} and (max-width: #{$max}px) {\n @content;\n }\n}\n\n@mixin custom-min-max($min, $max) {\n @media #{$screen} and (min-width: #{$min}px) and (max-width: #{$max}px) {\n @content;\n }\n}\n\n// Landscape\n// (If we find more use cases of this in the future, might want to refactor this and include it in the media-query function for $screen)\n// Pass number\n$landscape: 'screen and (orientation:landscape)';\n\n@mixin landscape-max($max) {\n @media #{$landscape} and (max-width: #{$max}px) {\n @content;\n }\n}\n\n@mixin landscape-min($min) {\n @media #{$landscape} and (min-width: #{$min}px) {\n @content;\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={leftSide:"sosBLa7pZd0L0PPLDKCl8g==",welcomeTitle:"rRZJXvdy8lHLjThy6tLI2A==",bonusIcon:"B6g8vrz2WRBDa78Cu3pYCw==",title:"Xtnw75aUdeEU+aeTCxtN9g==",Bonus:"yMbVfNsd-03vvaPWA3ueEg==","casino-bonus":"S8X5O41QEN43tb6PkttpOQ==",welcomeDescription:"HGxVVpD3Gor1EMEjRefMOg==",textLeft:"sxVI4h-tou4oQrk0a8l7eA==",textRight:"UqMryOnoUcDIMNccrGGZcQ==",buttonSummary:"AXu989cpxd3n3KJ6+POPUA==",textExpired:"_4XweEACr2JxathWCTWWT-g==",ctaBtn:"LdQR5uygmT9KqvvX17neyg==",btn:"ZdB84dWhF-vRpAQXYDTdfA==",btnMain:"glXxHPmi8xoL1Tn5stkvyA=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/atoms/operator-score-gauge/operator-score-gauge.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".h56MbDOhJ8IObe3im4fMtg\\=\\={width:100%;display:flex;align-items:center;justify-content:center}.h56MbDOhJ8IObe3im4fMtg\\=\\= svg._2\\+ZvpnK33NWMzevwcCiFcw\\=\\={visibility:hidden !important}@media only screen and (min-width:768px){.h56MbDOhJ8IObe3im4fMtg\\=\\={margin-top:3.5rem}}.h56MbDOhJ8IObe3im4fMtg\\=\\= ._4CV63JSAIimLXXicFMi4uA\\=\\={display:flex;align-items:center;justify-content:center;font-weight:500}.h56MbDOhJ8IObe3im4fMtg\\=\\= .AtP2O48GBrqGluwimdyNSw\\=\\={position:absolute}.h56MbDOhJ8IObe3im4fMtg\\=\\= .l7tMTK0IZPQ8oPce-y0S6g\\=\\={width:18rem;height:18rem;z-index:1}.h56MbDOhJ8IObe3im4fMtg\\=\\= .l7tMTK0IZPQ8oPce-y0S6g\\=\\= svg{width:18rem;height:18rem}.h56MbDOhJ8IObe3im4fMtg\\=\\= .l7tMTK0IZPQ8oPce-y0S6g\\=\\= .AtP2O48GBrqGluwimdyNSw\\=\\={color:#fff;font-size:2.4rem}.h56MbDOhJ8IObe3im4fMtg\\=\\= .l7tMTK0IZPQ8oPce-y0S6g\\=\\= .AtP2O48GBrqGluwimdyNSw\\=\\= span{font-size:3rem}@media only screen and (min-width:768px){.h56MbDOhJ8IObe3im4fMtg\\=\\= ._759OJY5NiBmOiuKCpbn3\\+g\\=\\={display:flex}}@media only screen and (min-width:992px){.h56MbDOhJ8IObe3im4fMtg\\=\\={margin-top:3.5rem}.h56MbDOhJ8IObe3im4fMtg\\=\\= ._759OJY5NiBmOiuKCpbn3\\+g\\=\\={display:flex}}","",{version:3,sources:["webpack://./src/components/atoms/operator-score-gauge/operator-score-gauge.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAcA,4BACE,UAAA,CACA,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,6DACE,4BAAA,CCgCF,yCDtCF,4BASI,iBAAA,CAAA,CAGF,yDACE,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,eAAA,CAGF,wDACE,iBAAA,CAIF,wDACE,WAAA,CACA,YAAA,CACA,SAAA,CAEA,4DACE,WAAA,CACA,YAAA,CAGF,oFACE,UAAA,CACA,gBAAA,CAEA,yFACE,cAAA,CCDN,yCDME,0DACE,YAAA,CAAA,CCPJ,yCDtCF,4BAkDI,iBAAA,CACA,0DACE,YAAA,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.ratingAnimation {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n svg.invisible {\n visibility: hidden!important;\n }\n @include min(tablet) {\n margin-top: 3.5rem;\n }\n\n .textCircle {\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 500;\n }\n\n .ratingText {\n position: absolute;\n }\n\n \n .frontCircle {\n width: 18rem;\n height: 18rem;\n z-index: 1;\n\n svg {\n width: 18rem;\n height: 18rem;\n }\n\n .ratingText {\n color:white;\n font-size: 2.4rem;\n\n span {\n font-size: 3rem;\n }\n }\n }\n @include min(tablet){\n .backCircle{\n display: flex;\n }\n\n }\n @include min(laptop){\n margin-top: 3.5rem;\n .backCircle{\n display: flex;\n }\n\n }\n}","$media-query-sizes: (\n mobile-s: (\n min: 320px,\n max: 374px,\n ),\n mobile-m: (\n min: 375px,\n max: 424px,\n ),\n mobile: (\n min: 425px,\n max: 767px,\n ),\n tablet: (\n min: 768px,\n max: 991px,\n ),\n laptop: (\n min: 992px,\n max: 1199px,\n ),\n desktop: (\n min: 1200px,\n ),\n);\n\n// Get media query sizes\n$screen: 'only screen';\n@function media-query($media, $optional-media: '', $min: true) {\n $media-label: '';\n\n @if ($optional-media != '') {\n $media-sizes-min: map-get($media-query-sizes, $media);\n $media-sizes-max: map-get($media-query-sizes, $optional-media);\n $media-label: $screen +\n \" and (min-width:#{map-get($media-sizes-min, 'min')}) and (max-width:#{map-get($media-sizes-max, 'max')})\";\n } @else {\n $query: 'max';\n\n @if ($min) {\n $query: 'min';\n }\n\n $media-sizes: map-get($media-query-sizes, $media);\n $media-label: $screen + ' and (#{$query}-width:#{map-get($media-sizes, $query)})';\n }\n\n @return $media-label;\n}\n\n// Min media query\n@mixin min($media) {\n @media #{media-query($media)} {\n @content;\n }\n}\n\n// Max media query\n@mixin max($media) {\n @media #{media-query($media, '', false)} {\n @content;\n }\n}\n\n// Min & max media query\n@mixin min-max($min, $max) {\n @media #{media-query($min, $max)} {\n @content;\n }\n}\n\n// Use this ONLY if you need a media query that doesn't fit the $media-query-sizes breakpoints above\n// Pass number, for example @include custom-min(992)\n@mixin custom-min($min) {\n @media #{$screen} and (min-width: #{$min}px) {\n @content;\n }\n}\n\n@mixin custom-max($max) {\n @media #{$screen} and (max-width: #{$max}px) {\n @content;\n }\n}\n\n@mixin custom-min-max($min, $max) {\n @media #{$screen} and (min-width: #{$min}px) and (max-width: #{$max}px) {\n @content;\n }\n}\n\n// Landscape\n// (If we find more use cases of this in the future, might want to refactor this and include it in the media-query function for $screen)\n// Pass number\n$landscape: 'screen and (orientation:landscape)';\n\n@mixin landscape-max($max) {\n @media #{$landscape} and (max-width: #{$max}px) {\n @content;\n }\n}\n\n@mixin landscape-min($min) {\n @media #{$landscape} and (min-width: #{$min}px) {\n @content;\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={ratingAnimation:"h56MbDOhJ8IObe3im4fMtg==",invisible:"_2+ZvpnK33NWMzevwcCiFcw==",textCircle:"_4CV63JSAIimLXXicFMi4uA==",ratingText:"AtP2O48GBrqGluwimdyNSw==",frontCircle:"l7tMTK0IZPQ8oPce-y0S6g==",backCircle:"_759OJY5NiBmOiuKCpbn3+g=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/molecules/operator-welcome-bonus/operator-welcome-bonus.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".jPGj1QdpKQ95FoezxtjMQA\\=\\= ._55DfGykodPkIR5P6y4Pnug\\=\\={padding:0}.jPGj1QdpKQ95FoezxtjMQA\\=\\= .J8vFEZkQN3yIGkmE4a9rog\\=\\={display:none}.jPGj1QdpKQ95FoezxtjMQA\\=\\= .FdYr08a9HPWN5eKpTETT2w\\=\\={max-width:980px;overflow:hidden;position:relative;background:linear-gradient(to bottom left, #060c46, #00889e);margin:0;padding-bottom:7.8rem;border-radius:.6rem}@media only screen and (min-width:768px){.jPGj1QdpKQ95FoezxtjMQA\\=\\= .FdYr08a9HPWN5eKpTETT2w\\=\\={display:grid;grid-template-columns:1fr 1fr;grid-gap:0;background:linear-gradient(to right, #00889e, #060c46);padding-bottom:2.4rem}}","",{version:3,sources:["webpack://./src/components/molecules/operator-welcome-bonus/operator-welcome-bonus.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAeE,yDACE,SAAA,CAEF,wDACE,YAAA,CAGF,wDACE,eAAA,CACA,eAAA,CACA,iBAAA,CACA,4DAAA,CACA,QAAA,CACA,qBAAA,CACA,mBAAA,CCuBF,yCD9BA,wDASI,YAAA,CACA,6BAAA,CACA,UAAA,CACA,sDAAA,CACA,qBAAA,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.welcomeBonuss {\n .container-row{\n padding: 0;\n }\n .module-title {\n display: none;\n }\n\n .containerWelcome {\n max-width: 980px;\n overflow: hidden;\n position: relative;\n background: linear-gradient(to bottom left,#060c46,#00889e);\n margin: 0;\n padding-bottom: 7.8rem;\n border-radius: 0.6rem;\n @include min(tablet) {\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-gap: 0;\n background: linear-gradient(to right, #00889e,#060c46);\n padding-bottom: 2.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"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={welcomeBonuss:"jPGj1QdpKQ95FoezxtjMQA==","container-row":"_55DfGykodPkIR5P6y4Pnug==","module-title":"J8vFEZkQN3yIGkmE4a9rog==",containerWelcome:"FdYr08a9HPWN5eKpTETT2w=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);