gatsby-matrix-theme 40.0.19 → 40.0.21

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

@@ -3,7 +3,6 @@
 /* eslint-disable import/no-extraneous-dependencies */
 import React, { useEffect } from 'react';
 import PropTypes from 'prop-types';
-import loadable from '@loadable/component';
 import { v4 as uuidv4 } from 'uuid';
 import { getSection } from 'gatsby-core-theme/src/helpers/getters';
 import Navigation from 'gatsby-core-theme/src/components/organisms/navigation';
@@ -11,10 +10,12 @@ import Main from 'gatsby-core-theme/src/components/molecules/main';
 import Header from 'gatsby-core-theme/src/components/molecules/header';
 import FloatingArea from 'gatsby-core-theme/src/components/molecules/floating-area';
 import Footer from 'gatsby-core-theme/src/components/molecules/footer';
+import OpenGraph from 'gatsby-core-theme/src/components/atoms/open-graph';
+import Popup from '../../../../components/organisms/popup';
 import LinkMenu from '../../../../components/atoms/link-menu';
 import { isSearchPath } from '~helpers/isSearchPath';
+import ExclusiveOperator from '../../../../components/molecules/operator-exclusive';
 import { setCookie, getCookie } from '~helpers/cookies';
-import styles from './body.module.scss';
 
 function Body({ pageContext, children, excludeTemplateInPopup = [], serverData }) {
   useEffect(() => {
@@ -35,26 +36,17 @@ function Body({ pageContext, children, excludeTemplateInPopup = [], serverData }
   const is404 = pageContext.page.path.includes('404');
 
   const excOperator = navigation?.modules.find((module) => module.name === 'bonus');
-  const Popup = pageContext?.marketSections?.popup
-    ? loadable(() => import(`../../../../components/organisms/popup`))
-    : null;
 
   const isContactUsPage = !!main?.modules?.filter((module) => module.name === 'contact_form')
     .length;
 
-  const OpenGraph =
-    process.env.ENABLE_OPENGRAPH === 'true' && !isHomePage
-      ? loadable(() => import(`gatsby-core-theme/src/components/atoms/open-graph`))
-      : null;
+  const showOpenGraph = process.env.ENABLE_OPENGRAPH === 'true' && !isHomePage;
 
   const isSearch = isSearchPath(pageContext.allMarkets, pageContext.page.path);
 
   const { template } = pageContext.page;
 
-  const ExclusiveOperator =
-    excOperator && pageType !== 'operator'
-      ? loadable(() => import(`../../../../components/molecules/operator-exclusive`))
-      : null;
+  const showExclusiveOperator = excOperator && pageType !== 'operator';
 
   const popupData = pageContext?.marketSections?.popup?.modules?.find((m) => m.name === 'top_list');
 
@@ -81,20 +73,19 @@ function Body({ pageContext, children, excludeTemplateInPopup = [], serverData }
           }}
         />
       )}
-      {ExclusiveOperator && (
+      {!isSearch && !is404 && <Header exclOperator={showExclusiveOperator} section={pageContext} />}
+      {showExclusiveOperator && (
         <ExclusiveOperator bonus={excOperator} template={pageContext?.page?.template} />
       )}
-      {!isSearch && !is404 && (
-        <Header exclOperator={ExclusiveOperator !== null} section={pageContext} />
-      )}
       {main && !children && (
         <Main
-          exclOperator={ExclusiveOperator !== null}
+          exclOperator={showExclusiveOperator}
           section={main}
           pageContext={pageContext}
           serverData={serverData}
         />
       )}
+
       {children && <main>{children}</main>}
 
       {links && !isContactUsPage && (
@@ -102,7 +93,7 @@ function Body({ pageContext, children, excludeTemplateInPopup = [], serverData }
           <LinkMenu section={links} />
         </aside>
       )}
-      {OpenGraph && <OpenGraph text="Del på" page={pageContext?.page} />}
+      {showOpenGraph && <OpenGraph text="Del på" page={pageContext?.page} />}
       {footer && (
         <Footer
           section={footer}
@@ -112,19 +103,16 @@ function Body({ pageContext, children, excludeTemplateInPopup = [], serverData }
           dmcaImage="../../../../../../images/dmca.png"
         />
       )}
-      <FloatingArea
-        pageContext={pageContext}
-        template={template}
-        customStyles={styles}
-        isPageHomepage={isHomePage}
-      />
-      {!excludeTemplateInPopup.includes(pageContext?.page?.template) && Popup && popupData && (
-        <Popup
-          module={popupData}
-          template={pageContext?.page?.template}
-          operatorStatus={pageContext?.page?.relation?.status}
-        />
-      )}
+      {!excludeTemplateInPopup.includes(pageContext?.page?.template) &&
+        pageContext?.marketSections?.popup &&
+        popupData && (
+          <Popup
+            module={popupData}
+            template={pageContext?.page?.template}
+            operatorStatus={pageContext?.page?.relation?.status}
+          />
+        )}
+      <FloatingArea pageContext={pageContext} template={template} />
     </>
   );
 }

package/src/gatsby-core-theme/components/pages/search/index.js

@@ -6,18 +6,11 @@ import Breadcrumbs from 'gatsby-core-theme/src/components/atoms/breadcrumbs';
 import moduleStyles from 'gatsby-core-theme/src/components/molecules/module/module.module.scss';
 import { translate } from 'gatsby-core-theme/src/helpers/getters';
 import { Context } from 'gatsby-core-theme/src/context/MainProvider';
-import loadable from '@loadable/component';
-// import CardArticle from '../../../../components/atoms/cards/article-card';
-// import CardGame from '../../../../components/atoms/cards/game-card';
-// import CardOperator from '../../../../components/atoms/cards/operator-card';
-// import PaymentMethods from '../../../../components/atoms/cards/payment-method-card';
-// import SoftwareProvider from '../../../../components/atoms/cards/software-provider-card';
+import Search from 'gatsby-core-theme/src/components/molecules/search';
 import styles from './search.module.scss';
 
 const SearchContent = ({ page }) => {
   const { translations } = useContext(Context) || {};
-
-  const Search = loadable(() => import('gatsby-core-theme/src/components/molecules/search'));
   const searchURLPageName = page.path;
   return (
     <div className={`${styles.searchPage} ${moduleStyles.module} module`}>

package/src/gatsby-core-theme/hooks/tabs/index.js

@@ -3,8 +3,10 @@
 /* eslint-disable import/no-extraneous-dependencies */
 import React, { useState } from 'react';
 import PropTypes from 'prop-types';
-import loadable from '@loadable/component';
 import AffiliateDisclaimer from '../../../components/atoms/affiliate-disclaimer';
+import Title from './title';
+import ModuleIntro from '~molecules/content';
+import TabList from './tab/tab-list';
 import styles from './tabs.module.scss';
 
 const Tabs = ({
@@ -29,12 +31,9 @@ const Tabs = ({
   const [activeTab, setActiveTab] = useState(
     showAll ? showAllTabId : `${children[0].props.label}_0`
   );
-  const Title =
-    module?.name === 'top_list' &&
-    (module?.title || module?.module_title) &&
-    loadable(() => import('./title'));
-  const TabList = children.length > 1 && loadable(() => import('./tab/tab-list'));
-  const ModuleIntro = module.module_introduction && loadable(() => import('~molecules/content'));
+  const showTitle = module?.name === 'top_list' && (module?.title || module?.module_title);
+  const showTabList = children.length > 1;
+  const showModuleIntro = module.module_introduction;
   const tabHeaderClass = `${styles?.tabsHeader} ${!HeaderComp ? styles?.tabsOnly || '' : ''} ${
     styles[headerClass] || ''
   } ${tabsAlign === 'right' ? styles?.invertOrder || '' : ''}`;
@@ -47,14 +46,14 @@ const Tabs = ({
             moduleStyle ? styles[moduleStyle] || '' : ''
           } ${isHomepageFirstModule ? styles?.isHomepageFirstModule || '' : ''}`}
         >
-          {Title && (
+          {showTitle && (
             <Title
               module={module}
               moduleStyle={moduleStyle}
               isHomepageFirstModule={isHomepageFirstModule}
             />
           )}
-          {TabList && (
+          {showTabList && (
             <TabList
               siteName={siteName}
               title={module.title}
@@ -78,7 +77,7 @@ const Tabs = ({
         </div>
         {HeaderComp && <div className={styles.headerComp}>{HeaderComp}</div>}
       </div>
-      {ModuleIntro && (
+      {showModuleIntro && (
         <ModuleIntro
           module={{ value: module.module_introduction }}
           isHomepageFirstModule={isHomepageFirstModule}

package/src/helpers/cards.js

@@ -1,23 +1,23 @@
 /* eslint-disable import/prefer-default-export */
 // eslint-disable-next-line import/no-extraneous-dependencies
-import loadable from '@loadable/component';
+import { lazy } from 'react';
 
 export function getCard(type) {
   switch (type) {
     case 'operator':
-      return loadable(() => import(`../components/atoms/cards/operator-card/template-one`));
+      return lazy(() => import(`../components/atoms/cards/operator-card/template-one`));
     case 'game':
-      return loadable(() => import(`../components/atoms/cards/game-cards/template-one`));
+      return lazy(() => import(`../components/atoms/cards/game-cards/template-one`));
     case 'payment_method':
-      return loadable(() => import(`../components/atoms/cards/payment-method/template-one`));
+      return lazy(() => import(`../components/atoms/cards/payment-method/template-one`));
     case 'software_provider':
-      return loadable(() => import(`../components/atoms/cards/software-provider-card/index`));
+      return lazy(() => import(`../components/atoms/cards/software-provider-card/index`));
     case 'article':
     case 'page':
-      return loadable(() => import(`../components/atoms/cards/article-card/template-one`));
+      return lazy(() => import(`../components/atoms/cards/article-card/template-one`));
     case 'author':
-      return loadable(() => import(`../components/atoms/cards/author/template-one`));
+      return lazy(() => import(`../components/atoms/cards/author/template-one`));
     default:
-      return loadable(() => import(`../components/atoms/cards/article-card/template-one`));
+      return lazy(() => import(`../components/atoms/cards/article-card/template-one`));
   }
 }

package/storybook/public/177.d172c821.iframe.bundle.js

@@ -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"),MainProvider=__webpack_require__("../node_modules/gatsby-core-theme/src/context/MainProvider.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),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 page=_ref.page,operator=_ref.operator,onliner=(0,getters.sc)("main",operator),_operator$bonus=null==operator?void 0:operator.bonus,min_deposit=_operator$bonus.min_deposit,currency=_operator$bonus.currency,deposit_wagering=operator.deposit_wagering,status=null==operator?void 0:operator.status,isPlaceholder="coming_soon"===status||1==page.extra_fields.operator_is_placeholder,isInoperative="inactive"===status||1==page.extra_fields.operator_is_inoperative,translations=((0,react.useContext)(MainProvider.o)||{}).translations;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,getters.Tl)(translations,"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,getters.Tl)(translations,"minimum_deposit","Minimum deposit")," ",react.createElement("br",null),(0,getters.Tl)(translations,"turnover_requirements","Turnover requirements")),react.createElement("p",{className:(null==operator_bonuses_operator_bonuses_module?void 0:operator_bonuses_operator_bonuses_module.textRight)||""},min_deposit," ",currency,react.createElement("br",null),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,getters.Tl)(translations,"expired","Expired")),isPlaceholder&&react.createElement("p",{className:(null==operator_bonuses_operator_bonuses_module?void 0:operator_bonuses_operator_bonuses_module.textRight)||""},(0,getters.Tl)(translations,"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",{xmlns:"http://www.w3.org/2000/svg",className:"invisible",width:"0",height:"0"},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.defaultProps={gradientId:"diagonal-gradient",startGradientColor:"#4ecdc4",endGradientColor:"#1a535c"},SvgGradient.__docgenInfo={description:"",methods:[],displayName:"SvgGradient",props:{gradientId:{defaultValue:{value:"'diagonal-gradient'",computed:!1},required:!1},startGradientColor:{defaultValue:{value:"'#4ecdc4'",computed:!1},required:!1},endGradientColor:{defaultValue:{value:"'#1a535c'",computed:!1},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)/10))},CircleRating=function(_ref){var rating=_ref.rating,radius=_ref.radius,strokeWidth=_ref.strokeWidth,gradientId=_ref.gradientId,backgroundColor=_ref.backgroundColor;return react.createElement("svg",{xmlns:"http://www.w3.org/2000/svg"},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(#".concat(gradientId,")"),strokeLinecap:"round",strokeWidth,strokeDasharray:getCircumference(radius),strokeDashoffset:getCircleSection(radius,rating),fill:"transparent"},react.createElement("animate",{attributeName:"stroke-dashoffset",values:"".concat(getCircumference(radius),";").concat(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,rating=Math.floor(2*operator.rating);return react.createElement("div",{className:"".concat((null==operator_score_gauge_operator_score_gauge_module?void 0:operator_score_gauge_operator_score_gauge_module.rightSide)||""," ").concat(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:"".concat((null==operator_score_gauge_operator_score_gauge_module?void 0:operator_score_gauge_operator_score_gauge_module.frontCircle)||""," ").concat((null==operator_score_gauge_operator_score_gauge_module?void 0:operator_score_gauge_operator_score_gauge_module.textCircle)||"")},react.createElement(circle_rating,{rating,radius:onHeader?50:80,strokeWidth:onHeader?"12":"18",gradientId:onHeader?"diagonal-gradient":"white-diagonal",backgroundColor:onHeader?"":"#082030"}),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,rating),"/10"))))};OperatorScoreGauge.displayName="OperatorScoreGauge",OperatorScoreGauge.propTypes={onHeader:prop_types_default().bool,operator:prop_types_default().shape({rating:prop_types_default().number})},OperatorScoreGauge.__docgenInfo={description:"",methods:[],displayName:"OperatorScoreGauge",props:{onHeader:{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;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})))};OperatorWelcomeBonus.displayName="OperatorWelcomeBonus",OperatorWelcomeBonus.__docgenInfo={description:"",methods:[],displayName:"OperatorWelcomeBonus"};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___}}]);