gatsby-matrix-theme 43.0.1 → 43.0.3

package/CHANGELOG.md

@@ -1,3 +1,34 @@
+## [43.0.3](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v43.0.2...v43.0.3) (2024-06-04)
+
+
+### Code Refactoring
+
+* changes to ratings ([aa1efc0](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/aa1efc035aaf1fa8b0266d177a6a1f5ebb231ff3))
+* correction to rating number ([1002d25](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/1002d25d2df09ce9278fae0de036117291a742fb))
+
+
+### Config
+
+* update theme ([2518743](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/2518743fd86415b53cea36a1b070dbe5bd35d4a4))
+
+
+* Merge branch 'tm-4442-ratings-nsa' into 'master' ([349ef49](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/349ef49fe9b9a2307ff4436503ce4a2e25ec8aa6))
+
+## [43.0.2](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v43.0.1...v43.0.2) (2024-05-31)
+
+
+### Code Refactoring
+
+* changes to review credits order ([9cbd170](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/9cbd17079efd6cd0d8e371d9566a06e943b403e3))
+
+
+### Config
+
+* update theme ([71ce5db](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/71ce5dbd6c01d16f01433a44b789b9eefbaf5f79))
+
+
+* Merge branch 'tm-4404-author-by-line' into 'master' ([db2ad01](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/db2ad01fe4059281a2a015fa4ab4abb49a16a559))
+
 ## [43.0.1](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v43.0.0...v43.0.1) (2024-05-30)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "43.0.1",
+  "version": "43.0.3",
   "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": "32.0.3",
+    "gatsby-core-theme": "32.0.6",
     "gatsby-plugin-sharp": "^5.11.0",
     "gatsby-transformer-sharp": "^5.11.0",
     "prop-types": "15.7.2",

package/src/components/atoms/circle-rating/circle-rating.js

@@ -5,7 +5,7 @@ const getCircumference = (radius) => Math.floor(Math.PI * (radius * 2));
 
 // Returns value to fill SVG - by tenth of the circumference
 const getCircleSection = (radius, section) =>
-  Math.floor(getCircumference(radius) - section * (getCircumference(radius) / 10));
+  Math.floor(getCircumference(radius) - section * (getCircumference(radius) / 5));
 
 const CircleRating = ({ rating, radius, strokeWidth, gradientId, backgroundColor }) => (
   <svg xmlns="http://www.w3.org/2000/svg">

package/src/components/atoms/operator-score-gauge/index.js

@@ -5,8 +5,15 @@ import styles from 'gatsby-matrix-theme/src/components/atoms/operator-score-gaug
 import SvgGradient from 'gatsby-matrix-theme/src/components/atoms/circle-rating/svg-gradient';
 import CircleRating from 'gatsby-matrix-theme/src/components/atoms/circle-rating/circle-rating';
 
-const OperatorScoreGauge = ({ operator, onHeader = false }) => {
-  const rating = Math.floor(operator.rating * 2);
+const OperatorScoreGauge = ({
+  operator,
+  onHeader = false,
+  numOfStars = 5,
+  showRoundedRating = false,
+}) => {
+  const rating = numOfStars < 6 ? operator?.rating : operator?.rating * 2;
+  const formattedRating = showRoundedRating ? Math.floor(rating) : rating;
+
   return (
     <div className={`${styles?.rightSide || ''} ${onHeader ? styles.onHeader || '' : ''}`}>
       <div className={styles?.ratingAnimation || ''}>
@@ -17,14 +24,15 @@ const OperatorScoreGauge = ({ operator, onHeader = false }) => {
         />
         <div className={`${styles?.frontCircle || ''} ${styles?.textCircle || ''}`}>
           <CircleRating
-            rating={rating}
+            rating={formattedRating}
             radius={onHeader ? 50 : 80}
             strokeWidth={onHeader ? '12' : '18'}
             gradientId={onHeader ? 'diagonal-gradient' : 'white-diagonal'}
             backgroundColor={onHeader ? '' : '#082030'}
+            numOfStars={numOfStars}
           />
           <span className={styles?.ratingText || ''}>
-            <span>{rating}</span>/10
+            <span>{formattedRating}</span>/{numOfStars}
           </span>
         </div>
       </div>
@@ -37,6 +45,8 @@ OperatorScoreGauge.propTypes = {
   operator: PropTypes.shape({
     rating: PropTypes.number,
   }),
+  numOfStars: PropTypes.number,
+  showRoundedRating: PropTypes.bool,
 };
 
 export default OperatorScoreGauge;

package/src/components/atoms/review-credits/index.js

@@ -57,12 +57,6 @@ const ReviewCredits = ({
 
   const contentText = (
     <div className={styles.reviewCredits || ''}>
-      {showEditorialGuide && (
-        <div className={styles.editorial || ''}>
-          {editorialContent}
-          {editorialIcon}
-        </div>
-      )}
       {(authors?.length || reviewer) && (
         <div className={styles.people || ''}>
           {authors &&
@@ -143,6 +137,12 @@ const ReviewCredits = ({
           )}
         </div>
       )}
+      {showEditorialGuide && (
+        <div className={styles.editorial || ''}>
+          {editorialContent}
+          {editorialIcon}
+        </div>
+      )}
     </div>
   );
 

package/src/components/molecules/game-score-gauge/game-score-gauge.stories.js

@@ -20,6 +20,20 @@ export default {
       defaultValue: null,
       description: 'The page object.',
     },
+    numOfStars: {
+      name: 'numOfStars',
+      type: { name: 'number', required: false },
+      defaultValue: '10',
+      description: 'Total number.',
+      table: {
+        type: { summary: 'one of 5 and 10' },
+        defaultValue: { summary: '10' },
+      },
+      control: {
+        type: 'inline-radio',
+        options: [5, 10],
+      },
+    },
   },
   parameters: {
     docs: {

package/src/components/molecules/game-score-gauge/index.js

@@ -24,7 +24,7 @@ const ScoreGaugeColumn = ({ Icon, label, rating, max }) => (
   </div>
 );
 
-const ScoreGauge = ({ page }) => {
+const ScoreGauge = ({ page, numOfStars = 10 }) => {
   const { translations } = useContext(Context) || {};
   const { relation } = page;
   return (
@@ -33,20 +33,24 @@ const ScoreGauge = ({ page }) => {
         <ScoreGaugeColumn
           Icon={TiImage}
           label={translate(translations, 'grafikk', 'Grafikk')}
-          rating={Math.floor(relation?.second_rating * 2)}
-          max={10}
+          rating={
+            numOfStars < 6 ? relation?.second_rating : Math.floor(relation?.second_rating * 2)
+          }
+          max={numOfStars}
         />
         <ScoreGaugeColumn
           Icon={GiPresent}
           label={translate(translations, 'bonuser', 'Bonuser')}
-          rating={Math.floor(relation?.third_rating * 2)}
-          max={10}
+          rating={numOfStars < 6 ? relation?.third_rating : Math.floor(relation?.third_rating * 2)}
+          max={numOfStars}
         />
         <ScoreGaugeColumn
           Icon={GiGamepad}
           label={translate(translations, 'spillopplevelse', 'Spillopplevelse')}
-          rating={Math.floor(relation?.fourth_rating * 2)}
-          max={10}
+          rating={
+            numOfStars < 6 ? relation?.fourth_rating : Math.floor(relation?.fourth_rating * 2)
+          }
+          max={numOfStars}
         />
       </div>
     </div>

package/src/components/molecules/operator-welcome-bonus/index.js

@@ -5,11 +5,11 @@ import OperatorBonuses from 'gatsby-matrix-theme/src/components/atoms/operator-b
 import OperatorScoreGauge from 'gatsby-matrix-theme/src/components/atoms/operator-score-gauge';
 import styles from './operator-welcome-bonus.module.scss';
 
-const OperatorWelcomeBonus = ({ page }) => (
+const OperatorWelcomeBonus = ({ page, numOfStars = 5 }) => (
   <div className={styles?.welcomeBonuss || ''}>
     <div className={styles?.containerWelcome || ''}>
       <OperatorBonuses page={page} operator={page?.relation} />
-      <OperatorScoreGauge operator={page?.relation} />
+      <OperatorScoreGauge operator={page?.relation} numOfStars={numOfStars} />
     </div>
   </div>
 );

package/storybook/public/177.a8e9fc85.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)/5))},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,_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:"".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: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___}}]);