gatsby-matrix-theme 10.0.11 → 10.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +32 -0
- package/package.json +2 -2
- package/src/components/atoms/cards/article-card/index.js +4 -19
- package/src/components/atoms/cards/payment-method-card/index.js +2 -18
- package/src/components/atoms/cards/payment-method-card/payment-method-card.module.scss +38 -64
- package/src/components/atoms/cards/software-provider-card/index.js +11 -19
- package/src/components/atoms/cards/software-provider-card/software-provider-card.module.scss +47 -59
- package/src/gatsby-core-theme/components/atoms/spotlights/spotlights-theme.module.scss +26 -14
- package/src/gatsby-core-theme/components/atoms/spotlights/spotlights.module.scss +13 -7
- package/storybook/public/iframe.html +1 -1
- package/storybook/public/main.eadbf337.iframe.bundle.js +1 -0
- package/storybook/public/main.19dfecb4.iframe.bundle.js +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[179],{"./src sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.js)$":function(module,__unused_webpack_exports,__webpack_require__){var map={"./components/atoms/author-card/author-card.stories.js":"./src/components/atoms/author-card/author-card.stories.js","./components/atoms/cards/comparison-table/comparison-table.stories.js":"./src/components/atoms/cards/comparison-table/comparison-table.stories.js","./components/atoms/cards/popup-card/popup-card.stories.js":"./src/components/atoms/cards/popup-card/popup-card.stories.js","./components/atoms/link-menu/link-menu.stories.js":"./src/components/atoms/link-menu/link-menu.stories.js","./components/atoms/social-icons/social-icons.stories.js":"./src/components/atoms/social-icons/social-icons.stories.js","./components/molecules/faq/faq.stories.js":"./src/components/molecules/faq/faq.stories.js","./components/molecules/game-iframe/game-iframe.stories.js":"./src/components/molecules/game-iframe/game-iframe.stories.js","./components/molecules/game-score-gauge/game-score-gauge.stories.js":"./src/components/molecules/game-score-gauge/game-score-gauge.stories.js","./components/molecules/horse-calculator/horse-calculator.stories.js":"./src/components/molecules/horse-calculator/horse-calculator.stories.js","./components/molecules/newsletter-optin/newsletter-optin.stories.js":"./src/components/molecules/newsletter-optin/newsletter-optin.stories.js","./components/molecules/newsletter/newsletter.stories.js":"./src/components/molecules/newsletter/newsletter.stories.js","./components/molecules/operator-summary/operator-summary.stories.js":"./src/components/molecules/operator-summary/operator-summary.stories.js","./components/molecules/small-welcome-bonus/small-welcome-bonus.stories.js":"./src/components/molecules/small-welcome-bonus/small-welcome-bonus.stories.js","./components/organisms/footer-navigation/footer-navigation.stories.js":"./src/components/organisms/footer-navigation/footer-navigation.stories.js","./components/organisms/popup/popup.stories.js":"./src/components/organisms/popup/popup.stories.js","./components/pages/contact-us/contact-us.stories.js":"./src/components/pages/contact-us/contact-us.stories.js","./gatsby-core-theme/components/atoms/info-grid/info-grid.stories.js":"./src/gatsby-core-theme/components/atoms/info-grid/info-grid.stories.js","./gatsby-core-theme/components/organisms/cards/cards.stories.js":"./src/gatsby-core-theme/components/organisms/cards/cards.stories.js"};function webpackContext(req){var id=webpackContextResolve(req);return __webpack_require__(id)}function webpackContextResolve(req){if(!__webpack_require__.o(map,req)){var e=new Error("Cannot find module '"+req+"'");throw e.code="MODULE_NOT_FOUND",e}return map[req]}webpackContext.keys=function webpackContextKeys(){return Object.keys(map)},webpackContext.resolve=webpackContextResolve,module.exports=webpackContext,webpackContext.id="./src sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.js)$"},"./.storybook/preview.js-generated-config-entry.js":function(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__){"use strict";var preview_namespaceObject={};__webpack_require__.r(preview_namespaceObject),__webpack_require__.d(preview_namespaceObject,{decorators:function(){return decorators},parameters:function(){return parameters}});__webpack_require__("../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("../node_modules/core-js/modules/es.object.get-own-property-descriptor.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../node_modules/core-js/modules/es.object.get-own-property-descriptors.js"),__webpack_require__("../node_modules/core-js/modules/es.object.define-properties.js"),__webpack_require__("../node_modules/core-js/modules/es.object.define-property.js");var ClientApi=__webpack_require__("../node_modules/@storybook/client-api/dist/esm/ClientApi.js"),esm=__webpack_require__("../node_modules/@storybook/client-logger/dist/esm/index.js"),react=(__webpack_require__("../node_modules/gatsby-core-theme/gatsby-browser.js"),__webpack_require__("../node_modules/react/index.js"));__webpack_require__.g.___loader={enqueue:function enqueue(){},hovering:function hovering(){}},__webpack_require__.g.__PATH_PREFIX__="",__webpack_require__.g.__BASE_PATH__="",window.___navigate=function(pathname){action("NavigateTo:")(pathname)};var parameters={controls:{expanded:!0},actions:{argTypesRegex:"^on[A-Z].*"},options:{storySort:{method:"alphabetical",order:["Matrix-Theme",["Atoms","Molecules","Organisms","Pages","Hooks"]]}}},decorators=[function(Story){return react.createElement("div",{style:{margin:"1.5rem auto 0",maxWidth:"96rem"}},react.createElement(Story,null))}];function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter((function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable}))),keys.push.apply(keys,symbols)}return keys}function _defineProperty(obj,key,value){return key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}Object.keys(preview_namespaceObject).forEach((function(key){var value=preview_namespaceObject[key];switch(key){case"args":case"argTypes":return esm.kg.warn("Invalid args/argTypes in config, ignoring.",JSON.stringify(value));case"decorators":return value.forEach((function(decorator){return(0,ClientApi.$9)(decorator,!1)}));case"loaders":return value.forEach((function(loader){return(0,ClientApi.HZ)(loader,!1)}));case"parameters":return(0,ClientApi.h1)(function _objectSpread(target){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?ownKeys(Object(source),!0).forEach((function(key){_defineProperty(target,key,source[key])})):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach((function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))}))}return target}({},value),!1);case"argTypesEnhancers":return value.forEach((function(enhancer){return(0,ClientApi.My)(enhancer)}));case"argsEnhancers":return value.forEach((function(enhancer){return(0,ClientApi._C)(enhancer)}));case"render":return(0,ClientApi.$P)(value);case"globals":case"globalTypes":var v={};return v[key]=value,(0,ClientApi.h1)(v,!1);case"__namedExportsOrder":case"decorateStory":case"renderToDOM":return null;default:return console.log(key+" was not supported :( !")}}))},"./generated-stories-entry.js":function(module,__unused_webpack_exports,__webpack_require__){"use strict";module=__webpack_require__.nmd(module),(0,__webpack_require__("../node_modules/@storybook/react/dist/esm/client/index.js").configure)([__webpack_require__("./src sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.js)$"),__webpack_require__("./src sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.js)$"),__webpack_require__("./src sync recursive ^\\.(?:(?:^%7C\\/%7C(?:(?:(?%21(?:^%7C\\/)\\.).)*?)\\/)(?%21\\.)(?=.)[^/]*?\\.stories\\.js)$")],module,!1)},"./src/components/atoms/author-card/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return author_card}});__webpack_require__("../node_modules/core-js/modules/es.function.name.js");var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),lazy_image=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/lazy-image/index.js"),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),author_card_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/author-card/author-card.module.scss"),options={insert:"head",singleton:!1},author_card_author_card_module=(injectStylesIntoStyleTag_default()(author_card_module.Z,options),author_card_module.Z.locals||{}),AuthorCard=function AuthorCard(_ref){var author=_ref.author,_ref$width=_ref.width,width=void 0===_ref$width?60:_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?60:_ref$height,_ref2=author||{},name=_ref2.name,author_title=_ref2.author_title,email_address=_ref2.email_address,image=_ref2.image,image_alt=_ref2.image_alt,image_object=_ref2.image_object;return react.createElement("div",{className:author_card_author_card_module.authorCard},react.createElement("div",{className:author_card_author_card_module.img},react.createElement(lazy_image.Z,{src:(0,getters.S7)(image),alt:(0,getters.PY)(image_object,image_alt||name),width:width,height:height})),react.createElement("div",{className:author_card_author_card_module.txt},react.createElement("div",{className:author_card_author_card_module.name},name),react.createElement("div",{className:author_card_author_card_module.position},author_title),react.createElement("a",{className:author_card_author_card_module.email,href:"mailto:".concat(email_address),target:"_blank",rel:"nofollow noreferrer"},email_address)))};AuthorCard.displayName="AuthorCard",AuthorCard.propTypes={author:prop_types_default().shape({name:prop_types_default().string,author_title:prop_types_default().string,email_address:prop_types_default().string,image:prop_types_default().string}).isRequired,width:prop_types_default().number,height:prop_types_default().number},AuthorCard.__docgenInfo={description:"",methods:[],displayName:"AuthorCard",props:{width:{defaultValue:{value:"60",computed:!1},type:{name:"number"},required:!1,description:""},height:{defaultValue:{value:"60",computed:!1},type:{name:"number"},required:!1,description:""},author:{type:{name:"shape",value:{name:{name:"string",required:!1},author_title:{name:"string",required:!1},email_address:{name:"string",required:!1},image:{name:"string",required:!1}}},required:!0,description:""}}};var author_card=AuthorCard;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/author-card/index.js"]={name:"AuthorCard",docgenInfo:AuthorCard.__docgenInfo,path:"src/components/atoms/author-card/index.js"})},"./src/components/atoms/cards/article-card/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return article_card}});__webpack_require__("../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../node_modules/core-js/modules/es.array.concat.js");var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),hooks_link=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/link/index.js"),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.js"),lazy_image=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/lazy-image/index.js"),lazy_picture=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/lazy-picture/index.js"),atoms_author=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/author/index.js"),base_card=__webpack_require__("./src/components/atoms/cards/base-card/index.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),article_card_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/cards/article-card/article-card.module.scss"),options={insert:"head",singleton:!1},article_card_article_card_module=(injectStylesIntoStyleTag_default()(article_card_module.Z,options),article_card_module.Z.locals||{}),ArticleCard=function ArticleCard(_ref){var _item$author,item=_ref.item,width=_ref.width,height=_ref.height,_ref$authorImage=_ref.authorImage,authorImage=void 0!==_ref$authorImage&&_ref$authorImage,author=item.author,title=item.title,path=item.path,banner=item.banner,pictureSource_webp="../../../../../../../images/default-article.webp",pictureSource_fallback="../../../../../../../images/default-article.jpg",featured=!!(0,getters.x8)(null,item,"card_background_image"),AuthorName=author&&author.name;return react.createElement(base_card.Z,{item:item,cardType:"article"},!featured&&react.createElement("div",{className:article_card_article_card_module.cardBanner},react.createElement(hooks_link.Z,{to:path,className:"article-card-gtm","aria-label":"".concat(title," Link")},banner?react.createElement(lazy_image.Z,{width:width,height:height,src:(0,getters.S7)(banner),alt:title}):react.createElement(lazy_picture.Z,{webp:pictureSource_webp,fallback:pictureSource_fallback,alt:title}))),react.createElement("div",{className:"".concat(article_card_article_card_module.cardContent," ").concat(featured&&article_card_article_card_module.featured)},react.createElement(hooks_link.Z,{to:path,className:"article-card-gtm"},react.createElement("span",{className:article_card_article_card_module.cardTitle},title)),react.createElement("div",{className:article_card_article_card_module.cardMeta},react.createElement(atoms_author.default,{prefix:"by",name:AuthorName,isCardsAuthor:!0,authorImg:!!authorImage&&(null==item||null===(_item$author=item.author)||void 0===_item$author?void 0:_item$author.image),date:!1}))))};ArticleCard.displayName="ArticleCard",ArticleCard.propTypes={item:prop_types_default().shape({author:prop_types_default().shape({name:prop_types_default().string,profile_page_path:prop_types_default().string,twitter_profile:prop_types_default().string,image:prop_types_default().string}),title:prop_types_default().string,updated_at:prop_types_default().string,created_at:prop_types_default().string,path:prop_types_default().string,banner:prop_types_default().string}).isRequired,width:prop_types_default().number,height:prop_types_default().number,authorImage:prop_types_default().bool},ArticleCard.__docgenInfo={description:"",methods:[],displayName:"ArticleCard",props:{authorImage:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},item:{type:{name:"shape",value:{author:{name:"shape",value:{name:{name:"string",required:!1},profile_page_path:{name:"string",required:!1},twitter_profile:{name:"string",required:!1},image:{name:"string",required:!1}},required:!1},title:{name:"string",required:!1},updated_at:{name:"string",required:!1},created_at:{name:"string",required:!1},path:{name:"string",required:!1},banner:{name:"string",required:!1}}},required:!0,description:""},width:{type:{name:"number"},required:!1,description:""},height:{type:{name:"number"},required:!1,description:""}}};var article_card=ArticleCard;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/cards/article-card/index.js"]={name:"ArticleCard",docgenInfo:ArticleCard.__docgenInfo,path:"src/components/atoms/cards/article-card/index.js"})},"./src/components/atoms/cards/base-card/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return base_card}});__webpack_require__("../node_modules/core-js/modules/es.array.concat.js");var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),hooks_link=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/link/index.js"),lazy_image=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/lazy-image/index.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),base_card_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/cards/base-card/base-card.module.scss"),options={insert:"head",singleton:!1},base_card_base_card_module=(injectStylesIntoStyleTag_default()(base_card_module.Z,options),base_card_module.Z.locals||{}),BaseCard=function BaseCard(_ref){var item=_ref.item,children=_ref.children,_ref$isLinked=_ref.isLinked,isLinked=void 0!==_ref$isLinked&&_ref$isLinked,cardType=_ref.cardType,_ref$featured=_ref.featured,featured=void 0!==_ref$featured&&_ref$featured,_ref$backgroundImage=_ref.backgroundImage,backgroundImage=void 0===_ref$backgroundImage?null:_ref$backgroundImage,path=item.path,title=item.title,imgContent=backgroundImage?react.createElement(lazy_image.Z,{src:"../../../../../../images/".concat(backgroundImage),alt:title,width:321,height:360,target:"_blank"}):react.createElement(react.Fragment,null);return react.createElement("div",{className:"".concat(base_card_base_card_module.baseCard," ").concat(base_card_base_card_module[cardType]," ").concat(featured?base_card_base_card_module.featured:""," ").concat(base_card_base_card_module.cardWrapper)},featured&&(isLinked?react.createElement(hooks_link.Z,{to:path,title:title,className:"".concat(base_card_base_card_module.cardLink," base-card-gtm")},imgContent):react.createElement("div",{className:base_card_base_card_module.cardLink},imgContent)),children)};BaseCard.displayName="BaseCard",BaseCard.propTypes={item:prop_types_default().shape({path:prop_types_default().string,title:prop_types_default().string}).isRequired,featured:prop_types_default().bool,backgroundImage:prop_types_default().string,children:prop_types_default().oneOfType([prop_types_default().any,prop_types_default().element,prop_types_default().node]),isLinked:prop_types_default().bool,cardType:prop_types_default().oneOf(["article","game","operator","toplist"])},BaseCard.__docgenInfo={description:"",methods:[],displayName:"BaseCard",props:{isLinked:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},featured:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},backgroundImage:{defaultValue:{value:"null",computed:!1},type:{name:"string"},required:!1,description:""},item:{type:{name:"shape",value:{path:{name:"string",required:!1},title:{name:"string",required:!1}}},required:!0,description:""},children:{type:{name:"union",value:[{name:"any"},{name:"element"},{name:"node"}]},required:!1,description:""},cardType:{type:{name:"enum",value:[{value:"'article'",computed:!1},{value:"'game'",computed:!1},{value:"'operator'",computed:!1},{value:"'toplist'",computed:!1}]},required:!1,description:""}}};var base_card=BaseCard;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/cards/base-card/index.js"]={name:"BaseCard",docgenInfo:BaseCard.__docgenInfo,path:"src/components/atoms/cards/base-card/index.js"})},"./src/components/atoms/cards/game-card/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return game_card}});__webpack_require__("../node_modules/core-js/modules/es.promise.js"),__webpack_require__("../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../node_modules/core-js/modules/es.function.name.js");var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),loadable_esm=__webpack_require__("../node_modules/@loadable/component/dist/loadable.esm.js"),atoms_button=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/button/index.js"),operator_cta=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/operator-cta/index.js"),lazy_image=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/lazy-image/index.js"),hooks_link=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/link/index.js"),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.js"),MainProvider=__webpack_require__("../node_modules/gatsby-core-theme/src/context/MainProvider.js"),base_card=__webpack_require__("./src/components/atoms/cards/base-card/index.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),game_card_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/cards/game-card/game-card.module.scss"),options={insert:"head",singleton:!1},game_card_game_card_module=(injectStylesIntoStyleTag_default()(game_card_module.Z,options),game_card_module.Z.locals||{}),GameCard=function GameCard(_ref){var item=_ref.item,_ref$button_text=_ref.button_text,button_text=void 0===_ref$button_text?"play_now_slots":_ref$button_text,_ref$width=_ref.width,width=void 0===_ref$width?300:_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?250:_ref$height,_ref$useOneStarRating=_ref.useOneStarRating,useOneStarRating=void 0!==_ref$useOneStarRating&&_ref$useOneStarRating,_ref$affilateLink=_ref.affilateLink,affilateLink=void 0!==_ref$affilateLink&&_ref$affilateLink,page=_ref.page,relation=item.relation,title=item.title,path=item.path,banner=item.banner,featured=!!(0,getters.x8)(null,item,"card_background_image"),translations=((0,react.useContext)(MainProvider._)||{}).translations,logUrlObject=null==relation?void 0:relation.thumbnail_filename_object,StarRating=useOneStarRating?(0,loadable_esm.ZP)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"../node_modules/gatsby-core-theme/src/components/molecules/star-rating/one-star.js"))})):(0,loadable_esm.ZP)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"../node_modules/gatsby-core-theme/src/components/molecules/star-rating/index.js"))}));return react.createElement(base_card.Z,{item:item,isLinked:!0,cardType:"game"},!featured&&react.createElement(hooks_link.Z,{to:path,className:"game-card-gtm ".concat(game_card_game_card_module.cardBanner),"aria-label":"".concat(title," Link")},banner?react.createElement(lazy_image.Z,{width:width,height:height,src:(0,getters.S7)(banner,width,height),alt:(0,getters.PY)(logUrlObject,title)}):react.createElement(lazy_image.Z,{filename:"default-slot.jpg",alt:title})),react.createElement("div",{className:"".concat(game_card_game_card_module.cardContent," ").concat(featured&&game_card_game_card_module.featured)},react.createElement(hooks_link.Z,{to:path,className:"game-card-gtm"},react.createElement("span",{className:game_card_game_card_module.cardTitle},title)),react.createElement("div",{className:game_card_game_card_module.cardMeta},relation&&(null!=relation&&relation.game_provider.name&&null!=relation&&relation.game_provider.path?react.createElement(hooks_link.Z,{to:relation.game_provider.path,className:game_card_game_card_module.cardProvider},relation.game_provider.name):react.createElement("div",{className:game_card_game_card_module.cardProvider},relation.game_provider.name)),react.createElement("div",{className:game_card_game_card_module.cardRating},relation&&react.createElement(StarRating,{numOfStars:5,halfStars:!1,rating:[relation.first_rating,relation.second_rating,relation.third_rating,relation.fourth_rating]}))),function button(){var _item$extra_fields,_item$extra_fields2;return affilateLink?react.createElement(react.Fragment,null,null!=item&&null!==(_item$extra_fields=item.extra_fields)&&void 0!==_item$extra_fields&&_item$extra_fields.operator?react.createElement(operator_cta.Z,{tracker:"main",operator:null==item||null===(_item$extra_fields2=item.extra_fields)||void 0===_item$extra_fields2?void 0:_item$extra_fields2.operator,playText:"Play for Real",translationKey:"play_now_game",gtmClass:"operator-card-gtm btn-cta",pageTemplate:null==page?void 0:page.template}):null):react.createElement(atoms_button.Z,{to:path,primaryColor:!featured,btnText:(0,getters.Iu)(translations,button_text,"Play now"),className:game_card_game_card_module.playNow,gtmClass:"game-card-gtm btn-cta"})}()))};GameCard.displayName="GameCard",GameCard.propTypes={item:prop_types_default().shape({relation:prop_types_default().shape({first_rating:prop_types_default().string,second_rating:prop_types_default().string,third_rating:prop_types_default().string,fourth_rating:prop_types_default().string,game_provider:prop_types_default().shape({name:prop_types_default().string,path:prop_types_default().string}),thumbnail_filename_object:prop_types_default().shape({alt:prop_types_default().string})}),title:prop_types_default().string,path:prop_types_default().string,banner:prop_types_default().string,extra_fields:prop_types_default().shape({operator:prop_types_default().shape({})})}).isRequired,page:prop_types_default().shape({template:prop_types_default().string}),button_text:prop_types_default().string,width:prop_types_default().number,height:prop_types_default().number,useOneStarRating:prop_types_default().bool,affilateLink:prop_types_default().bool},GameCard.__docgenInfo={description:"",methods:[],displayName:"GameCard",props:{button_text:{defaultValue:{value:"'play_now_slots'",computed:!1},type:{name:"string"},required:!1,description:""},width:{defaultValue:{value:"300",computed:!1},type:{name:"number"},required:!1,description:""},height:{defaultValue:{value:"250",computed:!1},type:{name:"number"},required:!1,description:""},useOneStarRating:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},affilateLink:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},item:{type:{name:"shape",value:{relation:{name:"shape",value:{first_rating:{name:"string",required:!1},second_rating:{name:"string",required:!1},third_rating:{name:"string",required:!1},fourth_rating:{name:"string",required:!1},game_provider:{name:"shape",value:{name:{name:"string",required:!1},path:{name:"string",required:!1}},required:!1},thumbnail_filename_object:{name:"shape",value:{alt:{name:"string",required:!1}},required:!1}},required:!1},title:{name:"string",required:!1},path:{name:"string",required:!1},banner:{name:"string",required:!1},extra_fields:{name:"shape",value:{operator:{name:"shape",value:{},required:!1}},required:!1}}},required:!0,description:""},page:{type:{name:"shape",value:{template:{name:"string",required:!1}}},required:!1,description:""}}};var game_card=GameCard;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/cards/game-card/index.js"]={name:"GameCard",docgenInfo:GameCard.__docgenInfo,path:"src/components/atoms/cards/game-card/index.js"})},"./src/components/atoms/cards/operator-card/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return operator_card}});__webpack_require__("../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../node_modules/core-js/modules/es.promise.js"),__webpack_require__("../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.concat.js");var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),loadable_esm=__webpack_require__("../node_modules/@loadable/component/dist/loadable.esm.js"),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.js"),hooks_link=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/link/index.js"),lazy_image=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/lazy-image/index.js"),bonus=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/bonus/index.js"),tnc=__webpack_require__("../node_modules/gatsby-core-theme/src/components/molecules/tnc/index.js"),MainProvider=__webpack_require__("../node_modules/gatsby-core-theme/src/context/MainProvider.js"),operator_cta=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/operator-cta/index.js"),base_card=__webpack_require__("./src/components/atoms/cards/base-card/index.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),operator_card_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/cards/operator-card/operator-card.module.scss"),options={insert:"head",singleton:!1},operator_card_operator_card_module=(injectStylesIntoStyleTag_default()(operator_card_module.Z,options),operator_card_module.Z.locals||{}),atoms_button=(__webpack_require__("../node_modules/core-js/modules/es.string.link.js"),__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/button/index.js")),VscFiles=__webpack_require__("../node_modules/@react-icons/all-files/vsc/VscFiles.js"),coupon_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/coupon/coupon.module.scss"),coupon_module_options={insert:"head",singleton:!1},coupon_coupon_module=(injectStylesIntoStyleTag_default()(coupon_module.Z,coupon_module_options),coupon_module.Z.locals||{}),Coupon=function Coupon(_ref){var isActive=_ref.isActive,_ref$icon=_ref.icon,icon=void 0!==_ref$icon&&_ref$icon,_ref$link=_ref.link,link=void 0===_ref$link?"":_ref$link,_ref$code=_ref.code,code=void 0===_ref$code?"":_ref$code,_ref$prefix=_ref.prefix,prefix=void 0!==_ref$prefix&&_ref$prefix,translations=((0,react.useContext)(MainProvider._)||{}).translations;return react.createElement("div",{className:coupon_coupon_module.coupon},react.createElement(atoms_button.Z,{to:link,btnText:react.createElement(react.Fragment,null,prefix&&react.createElement("span",null,(0,getters.Iu)(translations,"code","Code:")),react.createElement("span",null,code),icon&&react.createElement(VscFiles.F,null)),isInternalLink:!1,disabled:!isActive,gtmClass:"coupon-cta btn-cta"}))};Coupon.displayName="Coupon",Coupon.propTypes={isActive:prop_types_default().bool,icon:prop_types_default().bool,link:prop_types_default().string,code:prop_types_default().string,prefix:prop_types_default().bool},Coupon.__docgenInfo={description:"",methods:[],displayName:"Coupon",props:{icon:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},link:{defaultValue:{value:"''",computed:!1},type:{name:"string"},required:!1,description:""},code:{defaultValue:{value:"''",computed:!1},type:{name:"string"},required:!1,description:""},prefix:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},isActive:{type:{name:"bool"},required:!1,description:""}}};var coupon=Coupon;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/coupon/index.js"]={name:"Coupon",docgenInfo:Coupon.__docgenInfo,path:"src/components/atoms/coupon/index.js"});var OperatorCard=function OperatorCard(_ref){var _relation$logo_url_ob,_item$relation,_item$relation$extra_,_item$relation2,_item$relation2$extra,_relation$extra_field,item=_ref.item,_ref$featured=_ref.featured,featured=void 0!==_ref$featured&&_ref$featured,number=_ref.number,width=_ref.width,height=_ref.height,_ref$useOneStarRating=_ref.useOneStarRating,useOneStarRating=void 0!==_ref$useOneStarRating&&_ref$useOneStarRating,_ref$useCoupon=_ref.useCoupon,useCoupon=void 0===_ref$useCoupon||_ref$useCoupon,page=_ref.page,relation=item.relation,path=item.path,itemName=relation.name,reviewPath=path||relation.path,isInactive="inactive"===(null==relation?void 0:relation.status),backgroundImage=1===number?"default-article.webp":null,logUrlObject=null==relation?void 0:relation.logo_url_object,translations=((0,react.useContext)(MainProvider._)||{}).translations,StarRating=useOneStarRating?(0,loadable_esm.ZP)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"../node_modules/gatsby-core-theme/src/components/molecules/star-rating/one-star.js"))})):(0,loadable_esm.ZP)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"../node_modules/gatsby-core-theme/src/components/molecules/star-rating/index.js"))}));return react.createElement(base_card.Z,{featured:featured,backgroundImage:backgroundImage,item:item,cardType:"operator"},react.createElement("div",{className:"".concat(operator_card_operator_card_module.cardHeader," ").concat(featured&&operator_card_operator_card_module.featured," ").concat(backgroundImage&&operator_card_operator_card_module.hasBackground)},react.createElement(hooks_link.Z,{to:reviewPath,title:itemName,className:"".concat(operator_card_operator_card_module.casinoLogo," operator-card-gtm")},react.createElement(lazy_image.Z,{width:width,height:height,src:(0,getters.S7)(null==relation||null===(_relation$logo_url_ob=relation.logo_url_object)||void 0===_relation$logo_url_ob?void 0:_relation$logo_url_ob.filename),alt:(0,getters.PY)(logUrlObject,itemName)})),react.createElement(StarRating,{numOfStars:5,halfStars:!1,rating:relation.rating})),react.createElement("div",{className:"".concat(operator_card_operator_card_module.cardContent," ").concat(featured&&operator_card_operator_card_module.featured," ").concat(backgroundImage&&operator_card_operator_card_module.hasBackground)},react.createElement("div",{className:operator_card_operator_card_module.casinoText},react.createElement(hooks_link.Z,{to:reviewPath,title:itemName,className:"operator-card-gtm"},itemName),!isInactive&&react.createElement(bonus.Z,{item:relation,tracker:"main"})),react.createElement("div",{className:"".concat(operator_card_operator_card_module.cardFooter," ").concat(featured&&operator_card_operator_card_module.featured," ").concat(backgroundImage&&operator_card_operator_card_module.hasBackground)},react.createElement(hooks_link.Z,{to:reviewPath,title:itemName,className:"".concat(operator_card_operator_card_module.reviewLink," operator-card-gtm")},"".concat(itemName," ").concat((0,getters.Iu)(translations,"read_review","Review"))),react.createElement(operator_cta.Z,{tracker:"main",operator:relation,playText:(0,getters.Iu)(translations,"play_now","Play Now"),gtmClass:"operator-card-gtm btn-cta",pageTemplate:null==page?void 0:page.template}),useCoupon&&(null==item||null===(_item$relation=item.relation)||void 0===_item$relation||null===(_item$relation$extra_=_item$relation.extra_fields)||void 0===_item$relation$extra_?void 0:_item$relation$extra_.coupon_code)&&react.createElement(coupon,{icon:!0,isActive:!0,code:null==item||null===(_item$relation2=item.relation)||void 0===_item$relation2||null===(_item$relation2$extra=_item$relation2.extra_fields)||void 0===_item$relation2$extra?void 0:_item$relation2$extra.coupon_code,link:null==item?void 0:item.path}),"1"===(null==relation||null===(_relation$extra_field=relation.extra_fields)||void 0===_relation$extra_field?void 0:_relation$extra_field.terms_and_conditions_text_enabled)&&react.createElement("span",{className:operator_card_operator_card_module.tnc},react.createElement(tnc.Z,{hasCollapse:!1,operator:relation})))))};OperatorCard.displayName="OperatorCard",OperatorCard.propTypes={item:prop_types_default().shape({relation:prop_types_default().shape({bonus:prop_types_default().shape({operator_name:prop_types_default().string}),rating:prop_types_default().string,name:prop_types_default().string,path:prop_types_default().string,logo_url:prop_types_default().string,extra_fields:prop_types_default().shape({terms_and_conditions_text_enabled:prop_types_default().string,coupon_code:prop_types_default().string}),status:prop_types_default().string,logo_url_object:prop_types_default().shape({alt:prop_types_default().string,filename:prop_types_default().string})}),path:prop_types_default().string}).isRequired,page:prop_types_default().shape({template:prop_types_default().string}),featured:prop_types_default().bool,number:prop_types_default().number,width:prop_types_default().number,height:prop_types_default().number,useOneStarRating:prop_types_default().bool,useCoupon:prop_types_default().bool},OperatorCard.__docgenInfo={description:"",methods:[],displayName:"OperatorCard",props:{featured:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},useOneStarRating:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},useCoupon:{defaultValue:{value:"true",computed:!1},type:{name:"bool"},required:!1,description:""},item:{type:{name:"shape",value:{relation:{name:"shape",value:{bonus:{name:"shape",value:{operator_name:{name:"string",required:!1}},required:!1},rating:{name:"string",required:!1},name:{name:"string",required:!1},path:{name:"string",required:!1},logo_url:{name:"string",required:!1},extra_fields:{name:"shape",value:{terms_and_conditions_text_enabled:{name:"string",required:!1},coupon_code:{name:"string",required:!1}},required:!1},status:{name:"string",required:!1},logo_url_object:{name:"shape",value:{alt:{name:"string",required:!1},filename:{name:"string",required:!1}},required:!1}},required:!1},path:{name:"string",required:!1}}},required:!0,description:""},page:{type:{name:"shape",value:{template:{name:"string",required:!1}}},required:!1,description:""},number:{type:{name:"number"},required:!1,description:""},width:{type:{name:"number"},required:!1,description:""},height:{type:{name:"number"},required:!1,description:""}}};var operator_card=OperatorCard;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/cards/operator-card/index.js"]={name:"OperatorCard",docgenInfo:OperatorCard.__docgenInfo,path:"src/components/atoms/cards/operator-card/index.js"})},"./src/components/atoms/cards/payment-method-card/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return payment_method_card}});__webpack_require__("../node_modules/core-js/modules/es.promise.js"),__webpack_require__("../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.iterator.js");var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),loadable_esm=__webpack_require__("../node_modules/@loadable/component/dist/loadable.esm.js"),hooks_link=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/link/index.js"),lazy_image=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/lazy-image/index.js"),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.js"),base_card=__webpack_require__("./src/components/atoms/cards/base-card/index.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),payment_method_card_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/cards/payment-method-card/payment-method-card.module.scss"),options={insert:"head",singleton:!1},payment_method_card_payment_method_card_module=(injectStylesIntoStyleTag_default()(payment_method_card_module.Z,options),payment_method_card_module.Z.locals||{}),PaymentMethodCard=function PaymentMethodCard(_ref){var _sections$header,_sections$header$extr,_sections$header$extr2,_sections$header2,_sections$header2$ext,item=_ref.item,_ref$showTitle=_ref.showTitle,showTitle=void 0===_ref$showTitle||_ref$showTitle,_ref$showDesc=_ref.showDesc,showDesc=void 0===_ref$showDesc||_ref$showDesc,_ref$width=_ref.width,width=void 0===_ref$width?150:_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?150:_ref$height,_ref$showRating=_ref.showRating,showRating=void 0!==_ref$showRating&&_ref$showRating,title=item.title,path=item.path,relation=item.relation,sections=item.sections,imageObject=(null==relation?void 0:relation.standardised_logo_filename_object)||(null==relation?void 0:relation.logo_filename_object),StarRating=showRating&&(0,loadable_esm.ZP)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"../node_modules/gatsby-core-theme/src/components/molecules/star-rating/one-star.js"))}));return react.createElement(base_card.Z,{item:item,cardType:"payment_method"},react.createElement("div",{className:payment_method_card_payment_method_card_module.content},react.createElement("div",{className:payment_method_card_payment_method_card_module.header},react.createElement(hooks_link.Z,{className:"".concat(payment_method_card_payment_method_card_module.links," payment-method-card-gtm"),"aria-label":"".concat(title," Link"),to:path},react.createElement(lazy_image.Z,{width:width,className:payment_method_card_payment_method_card_module.logo,height:height,src:(0,getters.S7)(null==imageObject?void 0:imageObject.filename,width,height),alt:(0,getters.PY)(imageObject,title)})),showTitle&&react.createElement(hooks_link.Z,{className:"".concat(payment_method_card_payment_method_card_module.links," payment-method-card-gtm"),to:path},react.createElement("span",{className:payment_method_card_payment_method_card_module.title},title),showRating&&react.createElement(StarRating,{numOfStars:5,halfStars:!1,rating:relation.rating}))),showDesc&&react.createElement("div",{className:payment_method_card_payment_method_card_module.excerpt},(0,getters.q0)((null==sections||null===(_sections$header=sections.header)||void 0===_sections$header||null===(_sections$header$extr=_sections$header.extra_fields)||void 0===_sections$header$extr||null===(_sections$header$extr2=_sections$header$extr.header_text)||void 0===_sections$header$extr2?void 0:_sections$header$extr2.value)||(null==sections||null===(_sections$header2=sections.header)||void 0===_sections$header2||null===(_sections$header2$ext=_sections$header2.extra_fields)||void 0===_sections$header2$ext?void 0:_sections$header2$ext.header_text)))))};PaymentMethodCard.displayName="PaymentMethodCard",PaymentMethodCard.propTypes={showTitle:prop_types_default().bool,showDesc:prop_types_default().bool,item:prop_types_default().shape({title:prop_types_default().string,path:prop_types_default().string,relation:prop_types_default().shape({games_count:prop_types_default().number,logo:prop_types_default().string,logo_filename_object:prop_types_default().shape({alt:prop_types_default().string}),standardised_logo_filename_object:prop_types_default().shape({alt:prop_types_default().string}),rating:prop_types_default().string}),sections:prop_types_default().shape({header:prop_types_default().shape({extra_fields:prop_types_default().shape({header_text:prop_types_default().string})})})}).isRequired,width:prop_types_default().number,height:prop_types_default().number,showRating:prop_types_default().bool},PaymentMethodCard.__docgenInfo={description:"",methods:[],displayName:"PaymentMethodCard",props:{showTitle:{defaultValue:{value:"true",computed:!1},type:{name:"bool"},required:!1,description:""},showDesc:{defaultValue:{value:"true",computed:!1},type:{name:"bool"},required:!1,description:""},width:{defaultValue:{value:"150",computed:!1},type:{name:"number"},required:!1,description:""},height:{defaultValue:{value:"150",computed:!1},type:{name:"number"},required:!1,description:""},showRating:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},item:{type:{name:"shape",value:{title:{name:"string",required:!1},path:{name:"string",required:!1},relation:{name:"shape",value:{games_count:{name:"number",required:!1},logo:{name:"string",required:!1},logo_filename_object:{name:"shape",value:{alt:{name:"string",required:!1}},required:!1},standardised_logo_filename_object:{name:"shape",value:{alt:{name:"string",required:!1}},required:!1},rating:{name:"string",required:!1}},required:!1},sections:{name:"shape",value:{header:{name:"shape",value:{extra_fields:{name:"shape",value:{header_text:{name:"string",required:!1}},required:!1}},required:!1}},required:!1}}},required:!0,description:""}}};var payment_method_card=PaymentMethodCard;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/cards/payment-method-card/index.js"]={name:"PaymentMethodCard",docgenInfo:PaymentMethodCard.__docgenInfo,path:"src/components/atoms/cards/payment-method-card/index.js"})},"./src/components/atoms/cards/popup-card/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return popup_card}});__webpack_require__("../node_modules/core-js/modules/es.function.name.js");var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),MainProvider=__webpack_require__("../node_modules/gatsby-core-theme/src/context/MainProvider.js"),operator_cta=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/operator-cta/index.js"),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.js"),molecules_tnc=__webpack_require__("../node_modules/gatsby-core-theme/src/components/molecules/tnc/index.js"),star_rating=__webpack_require__("../node_modules/gatsby-core-theme/src/components/molecules/star-rating/index.js"),bonus=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/bonus/index.js"),lazy_image=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/lazy-image/index.js"),hooks_link=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/link/index.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),popup_card_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/cards/popup-card/popup-card.module.scss"),options={insert:"head",singleton:!1},popup_card_popup_card_module=(injectStylesIntoStyleTag_default()(popup_card_module.Z,options),popup_card_module.Z.locals||{}),PopupCard=function PopupCard(_ref){var _item$one_liners,_item$one_liners$main,_item$extra_fields,item=_ref.item,tracker=_ref.tracker,_ref$showName=_ref.showName,showName=void 0!==_ref$showName&&_ref$showName,_ref$showTnc=_ref.showTnc,showTnc=void 0!==_ref$showTnc&&_ref$showTnc,_ref$showRating=_ref.showRating,showRating=void 0!==_ref$showRating&&_ref$showRating,_ref$showReviewLink=_ref.showReviewLink,showReviewLink=void 0!==_ref$showReviewLink&&_ref$showReviewLink,template=_ref.template,translations=((0,react.useContext)(MainProvider._)||{}).translations,operatorName=item.name,oneLiner=null==item||null===(_item$one_liners=item.one_liners)||void 0===_item$one_liners||null===(_item$one_liners$main=_item$one_liners.main)||void 0===_item$one_liners$main?void 0:_item$one_liners$main.one_liner,tnc=null==item||null===(_item$extra_fields=item.extra_fields)||void 0===_item$extra_fields?void 0:_item$extra_fields.terms_and_conditions_text_enabled,imageObject=(null==item?void 0:item.standardised_logo_url_object)||(null==item?void 0:item.logo_url_object);return react.createElement("div",{className:popup_card_popup_card_module.popupCard},react.createElement("div",{className:popup_card_popup_card_module.imgContainer},react.createElement(lazy_image.Z,{src:(0,getters.S7)((null==imageObject?void 0:imageObject.filename)||(null==item?void 0:item.logo_url),98,98),alt:(0,getters.PY)(imageObject,oneLiner),width:98,height:98}),showRating&&react.createElement(star_rating.default,{numOfStars:5,rating:null==item?void 0:item.rating}),showName&&react.createElement("p",{className:popup_card_popup_card_module.name},operatorName)),react.createElement("div",{className:popup_card_popup_card_module.textContainer},react.createElement(bonus.Z,{item:item,tracker:tracker})),react.createElement("div",{className:popup_card_popup_card_module.buttonContainer},react.createElement(operator_cta.Z,{tracker:tracker,operator:item,playText:"Play Now",gtmClass:"popup-operator-cta-gtm",translationKey:"play_now_popup",pageTemplate:template}),showReviewLink&&react.createElement(hooks_link.Z,{className:"".concat(popup_card_popup_card_module.reviewLink," popup-review-gtm"),to:item.review_link},"".concat((0,getters.Iu)(translations,"read_review","Read Review")))),showTnc&&"1"===tnc&&react.createElement("div",{className:popup_card_popup_card_module.tandc},react.createElement(molecules_tnc.Z,{onlyMobile:!0,operator:item})))};PopupCard.displayName="PopupCard",PopupCard.propTypes={item:prop_types_default().shape({name:prop_types_default().string,bonus:prop_types_default().shape({operator_name:prop_types_default().string}),links:prop_types_default().shape({main:prop_types_default().string}),standardised_logo_url_object:prop_types_default().shape({alt:prop_types_default().string}),review_link:prop_types_default().string,rating:prop_types_default().string,logo_url_object:prop_types_default().shape({alt:prop_types_default().string}),extra_fields:prop_types_default().shape({terms_and_conditions_text_enabled:prop_types_default().string}),logo_url:prop_types_default().string,one_liners:prop_types_default().shape({main:prop_types_default().shape({one_liner:prop_types_default().string}),secondary:prop_types_default().shape({one_liner:prop_types_default().string})})}),tracker:prop_types_default().string,showName:prop_types_default().bool,showTnc:prop_types_default().bool,showRating:prop_types_default().bool,showReviewLink:prop_types_default().bool,template:prop_types_default().string},PopupCard.__docgenInfo={description:"",methods:[],displayName:"PopupCard",props:{showName:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},showTnc:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},showRating:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},showReviewLink:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},item:{type:{name:"shape",value:{name:{name:"string",required:!1},bonus:{name:"shape",value:{operator_name:{name:"string",required:!1}},required:!1},links:{name:"shape",value:{main:{name:"string",required:!1}},required:!1},standardised_logo_url_object:{name:"shape",value:{alt:{name:"string",required:!1}},required:!1},review_link:{name:"string",required:!1},rating:{name:"string",required:!1},logo_url_object:{name:"shape",value:{alt:{name:"string",required:!1}},required:!1},extra_fields:{name:"shape",value:{terms_and_conditions_text_enabled:{name:"string",required:!1}},required:!1},logo_url:{name:"string",required:!1},one_liners:{name:"shape",value:{main:{name:"shape",value:{one_liner:{name:"string",required:!1}},required:!1},secondary:{name:"shape",value:{one_liner:{name:"string",required:!1}},required:!1}},required:!1}}},required:!1,description:""},tracker:{type:{name:"string"},required:!1,description:""},template:{type:{name:"string"},required:!1,description:""}}};var popup_card=PopupCard;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/cards/popup-card/index.js"]={name:"PopupCard",docgenInfo:PopupCard.__docgenInfo,path:"src/components/atoms/cards/popup-card/index.js"})},"./src/components/atoms/cards/software-provider-card/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return software_provider_card}});var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),hooks_link=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/link/index.js"),lazy_image=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/lazy-image/index.js"),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.js"),base_card=__webpack_require__("./src/components/atoms/cards/base-card/index.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),software_provider_card_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/cards/software-provider-card/software-provider-card.module.scss"),options={insert:"head",singleton:!1},software_provider_card_software_provider_card_module=(injectStylesIntoStyleTag_default()(software_provider_card_module.Z,options),software_provider_card_module.Z.locals||{}),SoftwareProviderCard=function SoftwareProviderCard(_ref){var _sections$header,_sections$header$extr,_sections$header$extr2,_sections$header2,_sections$header2$ext,item=_ref.item,_ref$showTitle=_ref.showTitle,showTitle=void 0===_ref$showTitle||_ref$showTitle,_ref$showProvider=_ref.showProvider,showProvider=void 0===_ref$showProvider||_ref$showProvider,_ref$showDesc=_ref.showDesc,showDesc=void 0===_ref$showDesc||_ref$showDesc,_ref$gameProvider=_ref.gameProvider,gameProvider=void 0===_ref$gameProvider?{textOne:"This game provider has",textTwo:"slots"}:_ref$gameProvider,width=_ref.width,height=_ref.height,title=item.title,path=item.path,relation=item.relation,sections=item.sections,logUrlObject=(null==relation?void 0:relation.standardised_logo_filename_object)||(null==relation?void 0:relation.logo_filename_object);return react.createElement(base_card.Z,{item:item,cardType:"software_provider"},react.createElement("div",{className:software_provider_card_software_provider_card_module.content},react.createElement("div",{className:software_provider_card_software_provider_card_module.header},react.createElement(hooks_link.Z,{className:"".concat(software_provider_card_software_provider_card_module.links," software-provider-card-gtm"),"aria-label":"".concat(title," Link"),to:path},react.createElement(lazy_image.Z,{width:width,height:height,className:software_provider_card_software_provider_card_module.logo,src:(0,getters.S7)(null==logUrlObject?void 0:logUrlObject.filename,width,height),alt:(0,getters.PY)(logUrlObject,title)})),showTitle&&react.createElement(hooks_link.Z,{className:"".concat(software_provider_card_software_provider_card_module.links," software-provider-card-gtm"),to:path},react.createElement("span",{className:software_provider_card_software_provider_card_module.title},title))),showDesc&&react.createElement("div",{className:software_provider_card_software_provider_card_module.excerpt},(0,getters.q0)((null==sections||null===(_sections$header=sections.header)||void 0===_sections$header||null===(_sections$header$extr=_sections$header.extra_fields)||void 0===_sections$header$extr||null===(_sections$header$extr2=_sections$header$extr.header_text)||void 0===_sections$header$extr2?void 0:_sections$header$extr2.value)||(null==sections||null===(_sections$header2=sections.header)||void 0===_sections$header2||null===(_sections$header2$ext=_sections$header2.extra_fields)||void 0===_sections$header2$ext?void 0:_sections$header2$ext.header_text))),react.createElement("div",{className:software_provider_card_software_provider_card_module.bottom},(null==relation?void 0:relation.games_count)&&showProvider&&react.createElement("p",null,gameProvider.textOne,react.createElement("span",{className:"counter-number"}," ",null==relation?void 0:relation.games_count," ")," ",gameProvider.textTwo))))};SoftwareProviderCard.displayName="SoftwareProviderCard",SoftwareProviderCard.propTypes={showTitle:prop_types_default().bool,showProvider:prop_types_default().bool,showDesc:prop_types_default().bool,gameProvider:prop_types_default().shape({textOne:prop_types_default().string,textTwo:prop_types_default().string}),item:prop_types_default().shape({title:prop_types_default().string,path:prop_types_default().string,relation:prop_types_default().shape({games_count:prop_types_default().number,logo:prop_types_default().string,logo_filename_object:prop_types_default().shape({alt:prop_types_default().string}),standardised_logo_filename_object:prop_types_default().shape({alt:prop_types_default().string})}),sections:prop_types_default().shape({header:prop_types_default().shape({extra_fields:prop_types_default().shape({header_text:prop_types_default().string})})})}).isRequired,width:prop_types_default().number,height:prop_types_default().number},SoftwareProviderCard.__docgenInfo={description:"",methods:[],displayName:"SoftwareProviderCard",props:{showTitle:{defaultValue:{value:"true",computed:!1},type:{name:"bool"},required:!1,description:""},showProvider:{defaultValue:{value:"true",computed:!1},type:{name:"bool"},required:!1,description:""},showDesc:{defaultValue:{value:"true",computed:!1},type:{name:"bool"},required:!1,description:""},gameProvider:{defaultValue:{value:"{\n textOne: 'This game provider has',\n textTwo: 'slots',\n}",computed:!1},type:{name:"shape",value:{textOne:{name:"string",required:!1},textTwo:{name:"string",required:!1}}},required:!1,description:""},item:{type:{name:"shape",value:{title:{name:"string",required:!1},path:{name:"string",required:!1},relation:{name:"shape",value:{games_count:{name:"number",required:!1},logo:{name:"string",required:!1},logo_filename_object:{name:"shape",value:{alt:{name:"string",required:!1}},required:!1},standardised_logo_filename_object:{name:"shape",value:{alt:{name:"string",required:!1}},required:!1}},required:!1},sections:{name:"shape",value:{header:{name:"shape",value:{extra_fields:{name:"shape",value:{header_text:{name:"string",required:!1}},required:!1}},required:!1}},required:!1}}},required:!0,description:""},width:{type:{name:"number"},required:!1,description:""},height:{type:{name:"number"},required:!1,description:""}}};var software_provider_card=SoftwareProviderCard;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/cards/software-provider-card/index.js"]={name:"SoftwareProviderCard",docgenInfo:SoftwareProviderCard.__docgenInfo,path:"src/components/atoms/cards/software-provider-card/index.js"})},"./src/components/atoms/social-icons/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{Z:function(){return social_icons}});__webpack_require__("../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../node_modules/core-js/modules/es.array.map.js");var react=__webpack_require__("../node_modules/react/index.js"),FaInstagram=__webpack_require__("../node_modules/@react-icons/all-files/fa/FaInstagram.js"),FaFacebookSquare=__webpack_require__("../node_modules/@react-icons/all-files/fa/FaFacebookSquare.js"),FaTwitter=__webpack_require__("../node_modules/@react-icons/all-files/fa/FaTwitter.js"),FaLinkedin=__webpack_require__("../node_modules/@react-icons/all-files/fa/FaLinkedin.js"),FaYoutube=__webpack_require__("../node_modules/@react-icons/all-files/fa/FaYoutube.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.js"),MainProvider=__webpack_require__("../node_modules/gatsby-core-theme/src/context/MainProvider.js"),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),social_icons_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/social-icons/social-icons.module.scss"),options={insert:"head",singleton:!1},social_icons_social_icons_module=(injectStylesIntoStyleTag_default()(social_icons_module.Z,options),social_icons_module.Z.locals||{}),SocialIcons=function SocialIcons(_ref){var socialIcons=_ref.socialIcons,_ref$showTitle=_ref.showTitle,showTitle=void 0===_ref$showTitle||_ref$showTitle,_ref$icons=_ref.icons,icons=void 0===_ref$icons?{instagram:react.createElement(FaInstagram.Z,null),facebook:react.createElement(FaFacebookSquare.R,null),twitter:react.createElement(FaTwitter.f,null),linkedin:react.createElement(FaLinkedin.l,null),youtube:react.createElement(FaYoutube.V,null)}:_ref$icons,translations=((0,react.useContext)(MainProvider._)||{}).translations,keys=Object.keys(socialIcons);return react.createElement("div",{className:social_icons_social_icons_module.container},showTitle&&react.createElement("div",{className:social_icons_social_icons_module.title},(0,getters.Iu)(translations,"follow_us","Follow Us")),react.createElement("div",{className:social_icons_social_icons_module.socialIcons},keys.map((function(key){return socialIcons[key]&&react.createElement("a",{key:(0,keygen.Z)(),"aria-label":"".concat(key," Link"),href:socialIcons[key],target:"_blank",rel:"noreferrer"},icons[key])}))))};SocialIcons.displayName="SocialIcons",SocialIcons.__docgenInfo={description:"",methods:[],displayName:"SocialIcons",props:{showTitle:{defaultValue:{value:"true",computed:!1},type:{name:"bool"},required:!1,description:""},icons:{defaultValue:{value:"{\n instagram: <FaInstagram />,\n facebook: <FaFacebookSquare />,\n twitter: <FaTwitter />,\n linkedin: <FaLinkedin />,\n youtube: <FaYoutube />,\n}",computed:!1},type:{name:"object"},required:!1,description:""},socialIcons:{type:{name:"shape",value:{}},required:!1,description:""}}};var social_icons=SocialIcons;SocialIcons.propTypes={socialIcons:prop_types_default().shape({}),showTitle:prop_types_default().bool,icons:prop_types_default().object},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/social-icons/index.js"]={name:"SocialIcons",docgenInfo:SocialIcons.__docgenInfo,path:"src/components/atoms/social-icons/index.js"})},"./src/helpers/horse-racing-calculator/bookmaker-bonus.js":function(module,__unused_webpack_exports,__webpack_require__){__webpack_require__("../node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("../node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../node_modules/core-js/modules/es.function.name.js");var applyAllWinnersBonus=function applyAllWinnersBonus(outcomes,totalReturn,bookmakerBonus){return 0===outcomes.filter((function(outcome){return"lost"===outcome||"void"===outcome})).length&&(totalReturn+=Number(bookmakerBonus)/100*totalReturn),totalReturn};module.exports={applyBookmakerBonuses:function applyBookmakerBonuses(betType,outcomes,stake,totalReturn,bookmakerBonus,oneWinnerConsolation,oneLoserBonus){switch(betType.name){case"Alphabet":return applyAllWinnersBonus(outcomes,totalReturn,bookmakerBonus);case"Lucky15":return totalReturn=applyAllWinnersBonus(outcomes,totalReturn,bookmakerBonus);case"Lucky31":case"Lucky63":return totalReturn=function applyOneLoserBonus(outcomes,totalReturn,oneLoserBonus){var lostOutcomesCounter=0,voidOutcomesCounter=0;return outcomes.forEach((function(outcome){"lost"===outcome&&lostOutcomesCounter++,"void"===outcome&&voidOutcomesCounter++})),1===lostOutcomesCounter&&0===voidOutcomesCounter&&(totalReturn+=Number(oneLoserBonus)/100*totalReturn),totalReturn}(outcomes,totalReturn=applyAllWinnersBonus(outcomes,totalReturn,bookmakerBonus),oneLoserBonus),totalReturn=function applyOneWinnerConsolation(outcomes,totalReturn){return outcomes.forEach((function(outcome){})),outcomes.length,totalReturn}(outcomes,stake),totalReturn;default:return totalReturn}}}},"./src/helpers/horse-racing-calculator/index.js":function(module,__unused_webpack_exports,__webpack_require__){function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}__webpack_require__("../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../node_modules/core-js/modules/es.array.reduce.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../node_modules/core-js/modules/es.number.to-fixed.js"),__webpack_require__("../node_modules/core-js/modules/es.string.split.js"),__webpack_require__("../node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../node_modules/core-js/modules/es.array.find.js"),__webpack_require__("../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.from.js");var calculateCombination=function calculateCombination(combination,stake,isUpAndDown,applyEachWay,multipleOptions,betType){var baseOdds=combination.map((function(odds){return odds[0]}));if("Yes"===applyEachWay){var eachWayOdds=combination.map((function(odds){return odds[1]}));if("1"===multipleOptions)return[baseOdds.reduce((function(a,b){return a*b}))*stake+eachWayOdds.reduce((function(a,b){return a*b}))*stake,2];var currentStake=stake,betResult=0;return combination.forEach((function(oddsPair){var mainBet=oddsPair[0]*currentStake,placeBet=oddsPair[1]*currentStake;currentStake=(betResult=mainBet+placeBet)/2})),[betResult,2]}if(isUpAndDown){var _calculateSSA=function calculateSSA(result,stake,betType){var final=0;if(result[0]>0){var firstBet=result[0]*stake,secondPartStake=0;secondPartStake="Double stakes about"===betType?firstBet<2*stake?firstBet:2*stake:firstBet<stake?firstBet:stake,result[1]>0?(firstBet+=result[1]*secondPartStake,firstBet-=secondPartStake):firstBet-=secondPartStake,final+=firstBet}if(result[1]>0){var secondBet=result[1]*stake,_secondPartStake=0;_secondPartStake="Double stakes about"===betType?secondBet<2*stake?secondBet:2*stake:secondBet<stake?secondBet:stake,result[0]>0?(secondBet+=result[0]*_secondPartStake,secondBet-=_secondPartStake):secondBet-=_secondPartStake,final+=secondBet}return[final,2]}(baseOdds,stake,betType),_calculateSSA2=_slicedToArray(_calculateSSA,2);return[_calculateSSA2[0],_calculateSSA2[1]]}var baseOddsResult=baseOdds.reduce((function(a,b){return a*b}));return[baseOddsResult*=stake,1]};function makeCombination(input,comboLength,start,stake,length,betType,applyEachWay,multipleOptions){var isUpAndDown=arguments.length>8&&void 0!==arguments[8]&&arguments[8],result=[],finalResult=[0,0];function combine(input,comboLength,start,stake){var isUpAndDown=arguments.length>4&&void 0!==arguments[4]&&arguments[4];if(0===comboLength){var combinationResult=calculateCombination(result,stake,isUpAndDown,applyEachWay,multipleOptions,betType);return finalResult[0]+=combinationResult[0],void(finalResult[1]+=combinationResult[1])}for(var i=start;i<=input.length-comboLength;i++)result[result.length-comboLength]=input[i],combine(input,comboLength-1,i+1,stake,isUpAndDown)}return result.length=length,combine(input,comboLength,start,stake,isUpAndDown),finalResult}var getTheOutputResult=function getTheOutputResult(stake,stakeType,total,numberOfBets){return stake<=0?["-","-","-"]:("2"===stakeType&&(stake/=numberOfBets,total/=numberOfBets),stake<.01?["-","min stake is ".concat(.01*numberOfBets,"(").concat(numberOfBets," bets)"),"-"]:[total.toFixed(2),"".concat(numberOfBets*stake," (").concat(numberOfBets," bets of ").concat(stake.toFixed(2),")"),(total-numberOfBets*stake).toFixed(2)])},doTheCalculations=function doTheCalculations(betType,typesOfBetType,applyEachWay,multipleOptions,selectionsOdds,stake){var total=0,numberOfBets=0,combinationLength=0;return typesOfBetType.map((function(type){if(0===type&&(type=combinationLength=selectionsOdds.length),"SSA"===type||"DSA"===type){var _makeCombination2=_slicedToArray(makeCombination(selectionsOdds,type=combinationLength=2,0,stake,combinationLength,betType,applyEachWay,multipleOptions,!0),2),_combineTotal=_makeCombination2[0],_combineNumberOfBets=_makeCombination2[1];return total+=_combineTotal,void(numberOfBets+=_combineNumberOfBets)}var _makeCombination4=_slicedToArray(makeCombination(selectionsOdds,type,0,stake,combinationLength=type,betType,applyEachWay,multipleOptions),2),combineTotal=_makeCombination4[0],combineNumberOfBets=_makeCombination4[1];total+=combineTotal,numberOfBets+=combineNumberOfBets})),[total,numberOfBets]};module.exports={getSelectionOddsAndOutcomes:function getSelectionOddsAndOutcomes(rows,deadHeatRows,applyRuleFour,applyEachWay,addNotes){var selectionsOdds=[],outcomes=[];return rows.map((function(row,index){if(null!==row){selectionsOdds[index]=[];var _getOutcomeRow=function getOutcomeRow(row,addNotes,applyEachWay,applyRuleFour){var outcome=row.children[addNotes?0:1].children[0].children[0].value,oddsValue=row.children[addNotes?1:2].children[0].value,placeOdds=null,ruleFour=null;return row.children.length>2&&("Yes"===applyEachWay&&(placeOdds=row.children[addNotes?2:3].children[0].children[0].value),applyRuleFour&&"Yes"===applyEachWay?ruleFour=5===row.children.length&&row.children[addNotes?3:4].children[0].children[0].value:applyRuleFour&&"No"===applyEachWay&&(ruleFour=4===row.children.length&&row.children[addNotes?2:3].children[0].children[0].value)),[outcome,oddsValue,placeOdds,ruleFour]}(row,addNotes,applyEachWay,applyRuleFour),_getOutcomeRow2=_slicedToArray(_getOutcomeRow,4),outcome=_getOutcomeRow2[0],oddsValue=_getOutcomeRow2[1],placeOdds=_getOutcomeRow2[2],ruleFour=_getOutcomeRow2[3],odds=oddsValue;outcomes.push(outcome);var placeOddsVal=placeOdds&&placeOdds.split("/"),eachWayOdds=function eachWayOdds(placeOddsValue){var newOdds=odds;return newOdds-=1,newOdds*=placeOddsValue[0],newOdds/=placeOddsValue[1],newOdds+=1};if(applyRuleFour)odds--,odds*=1-ruleFour/100,odds++;switch(outcome){case"winner":selectionsOdds[index][0]=odds,"Yes"===applyEachWay&&(selectionsOdds[index][1]=eachWayOdds(placeOddsVal));break;case"placed":selectionsOdds[index][0]=0,"Yes"===applyEachWay&&(selectionsOdds[index][1]=eachWayOdds(placeOddsVal));break;case"lost":selectionsOdds[index][0]=0,"Yes"===applyEachWay&&(selectionsOdds[index][1]=0);break;case"void":selectionsOdds[index][0]=1,"Yes"===applyEachWay&&(selectionsOdds[index][1]=1);break;case"dead_heat":if(deadHeatRows[index].children){var _getDeadHeatRow=function getDeadHeatRow(row){return[row.children[1].children[0].children[0].children[0].children[0].value,row.children[1].children[0].children[1].children[0].children[0].value,row.children[1].children[0].children[2].children[0].children[0].value]}(deadHeatRows[index]),_getDeadHeatRow2=_slicedToArray(_getDeadHeatRow,3),tiedPosition=_getDeadHeatRow2[0],deadHeatValue=_getDeadHeatRow2[1],placesOffered=_getDeadHeatRow2[2];if(selectionsOdds[index][0]="Yes"===applyEachWay&&"1"!==tiedPosition?0:odds/deadHeatValue,"Yes"===applyEachWay){var ewOdds=eachWayOdds(placeOddsVal),freePlaces=placesOffered-tiedPosition+1,filledPlaces=tiedPosition+deadHeatValue-1;selectionsOdds[index][1]=placesOffered<tiedPosition?0:filledPlaces>placesOffered?ewOdds*freePlaces/deadHeatValue:ewOdds}}}}})),[selectionsOdds,outcomes]},doTheCalculations:doTheCalculations,getTheOutputResult:getTheOutputResult,calculateForAlphabet:function calculateForAlphabet(stake,selectionsOdds,betType,applyEachWay,multipleOptions){var firstPatentOdds=selectionsOdds.slice(0,3),secondPatentOdds=selectionsOdds.slice(3,6),yankeeOdds=selectionsOdds.slice(1,5),_doTheCalculations2=_slicedToArray(doTheCalculations("Alphabet",betType.find((function(_ref){return"Patent"===_ref.name})).types,applyEachWay,multipleOptions,firstPatentOdds,stake),2),firstPatentTotal=_doTheCalculations2[0],firstPatentBetCount=_doTheCalculations2[1],_doTheCalculations4=_slicedToArray(doTheCalculations("Alphabet",betType.find((function(_ref2){return"Patent"===_ref2.name})).types,applyEachWay,multipleOptions,secondPatentOdds,stake),2),secondPatentTotal=_doTheCalculations4[0],secondPatentBetCount=_doTheCalculations4[1],_doTheCalculations6=_slicedToArray(doTheCalculations("Alphabet",betType.find((function(_ref3){return"Yankee"===_ref3.name})).types,applyEachWay,multipleOptions,yankeeOdds,stake),2),yankeeTotal=_doTheCalculations6[0],yankeeBetCount=_doTheCalculations6[1],_doTheCalculations8=_slicedToArray(doTheCalculations("Alphabet",betType.find((function(_ref4){return"Accumulator"===_ref4.name})).types,applyEachWay,multipleOptions,selectionsOdds,stake),2);return[firstPatentTotal+secondPatentTotal+yankeeTotal+_doTheCalculations8[0],firstPatentBetCount+secondPatentBetCount+yankeeBetCount+_doTheCalculations8[1]]},calculateForUnionJack:function calculateForUnionJack(stake,selectionsOdds,betType,applyEachWay,multipleOptions){var unionJackOdds=function generateUnionJackGrid(selectionsOdds){var unionJackOdds=[];unionJackOdds[0]=selectionsOdds.slice(0,3),unionJackOdds[1]=selectionsOdds.slice(3,6),unionJackOdds[2]=selectionsOdds.slice(6,9),unionJackOdds[3]=[],unionJackOdds[4]=[],unionJackOdds[5]=[];for(var i=3;i<6;i++){var j=i-3;unionJackOdds[i].push(selectionsOdds[j]),unionJackOdds[i].push(selectionsOdds[j+3]),unionJackOdds[i].push(selectionsOdds[j+6])}return unionJackOdds[6]=[],unionJackOdds[6].push(selectionsOdds[0]),unionJackOdds[6].push(selectionsOdds[4]),unionJackOdds[6].push(selectionsOdds[8]),unionJackOdds[7]=[],unionJackOdds[7].push(selectionsOdds[2]),unionJackOdds[7].push(selectionsOdds[4]),unionJackOdds[7].push(selectionsOdds[6]),unionJackOdds}(selectionsOdds),total=0,totalNumberOfBets=0;return unionJackOdds.map((function(odds){var _doTheCalculations10=_slicedToArray(doTheCalculations(betType.name,betType.types,applyEachWay,multipleOptions,odds,stake),2),returnAmount=_doTheCalculations10[0],numberOfBets=_doTheCalculations10[1];total+=returnAmount,totalNumberOfBets+=numberOfBets})),[total,totalNumberOfBets]},calculateFoldOptions:function calculateFoldOptions(selectionsOdds,curretFoldRows,betType,applyEachWay,multipleOptions,stakeType){var foldOutput=[],finalReturn=0,finalOutlay=0,finalProfit=0;return curretFoldRows.map((function(foldRow,index){var returnAndBetCount,typesOfBet=[index+1],stake=Number(foldRow.children[1].children[0].value);returnAndBetCount=doTheCalculations(betType,typesOfBet,applyEachWay,multipleOptions,selectionsOdds,stake);var _getTheOutputResult2=_slicedToArray(getTheOutputResult(stake,stakeType,returnAndBetCount[0],returnAndBetCount[1]),3),totalReturnOutput=_getTheOutputResult2[0],totalOutlayOutput=_getTheOutputResult2[1],profitOutput=_getTheOutputResult2[2];isNaN(Number(totalReturnOutput))||isNaN(Number(profitOutput))||(finalReturn+=Number(totalReturnOutput),finalProfit+=Number(profitOutput),finalOutlay+=Number(totalOutlayOutput.split(" ")[0])),foldOutput.push([totalOutlayOutput,totalReturnOutput,profitOutput])})),[foldOutput,[finalOutlay,finalReturn,finalProfit]]}}},"./src/helpers/mobile-detect.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.d(__webpack_exports__,{s:function(){return isMobileDevice}});__webpack_require__("../node_modules/core-js/modules/es.string.match.js"),__webpack_require__("../node_modules/core-js/modules/es.regexp.exec.js");function isMobileDevice(){var nav=function getNavigatorInstance(){return!("undefined"==typeof window||!window.navigator&&!navigator)&&(window.navigator||navigator)}();if(!nav)return!1;var userAgent=nav.userAgent,platform=nav.platform,maxTouchPoints=nav.maxTouchPoints;return Boolean(function isAndroid(){return Boolean(userAgent.match(/Android/i))}()||function isIos(){return Boolean(userAgent.match(/iPhone/i))}()||function isOpera(){return Boolean(userAgent.match(/Opera Mini/i))}()||function isWindows(){return Boolean(userAgent.match(/IEMobile/i))}()||function isIos13(){return Boolean("MacIntel"===platform&&maxTouchPoints&&5===maxTouchPoints)}())}},"./storybook-init-framework-entry.js":function(__unused_webpack_module,__unused_webpack___webpack_exports__,__webpack_require__){"use strict";__webpack_require__("../node_modules/@storybook/react/dist/esm/client/index.js")},"./src/components/atoms/author-card/author-card.stories.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default}});__webpack_require__("../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../node_modules/react/index.js"),_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../node_modules/@storybook/addon-docs/blocks.js"),gatsby_core_theme_tests_factories_modules_contact_us_authors_factory__WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("../node_modules/gatsby-core-theme/tests/factories/modules/contact-us-authors.factory.js"),___WEBPACK_IMPORTED_MODULE_5__=__webpack_require__("./src/components/atoms/author-card/index.js"),authorsKeys=Object.keys(gatsby_core_theme_tests_factories_modules_contact_us_authors_factory__WEBPACK_IMPORTED_MODULE_4__.o);__webpack_exports__.default={title:"Matrix-Theme/Atoms/Author Card",component:___WEBPACK_IMPORTED_MODULE_5__.Z,argTypes:{author:{name:"author",type:{name:"object",required:!0},defaultValue:"",description:"author object data"}},parameters:{docs:{description:{component:"A component that displays authors cards"},page:function page(){return react__WEBPACK_IMPORTED_MODULE_2__.createElement(react__WEBPACK_IMPORTED_MODULE_2__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_2__.createElement(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_3__.Dx,null),react__WEBPACK_IMPORTED_MODULE_2__.createElement(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_3__.dk,null),react__WEBPACK_IMPORTED_MODULE_2__.createElement(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_3__.sq,null),react__WEBPACK_IMPORTED_MODULE_2__.createElement(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_3__.$4,{story:_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_3__.Uh}))}}}};var Template=function Template(args){return react__WEBPACK_IMPORTED_MODULE_2__.createElement(___WEBPACK_IMPORTED_MODULE_5__.Z,args)};Template.displayName="Template";var Default=Template.bind({});Default.args={author:gatsby_core_theme_tests_factories_modules_contact_us_authors_factory__WEBPACK_IMPORTED_MODULE_4__.o[authorsKeys[0]]},Default.parameters=Object.assign({storySource:{source:"(args) => <AuthorCard {...args} />"}},Default.parameters)},"./src/components/atoms/cards/comparison-table/comparison-table.stories.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default},default:function(){return comparison_table_stories}});__webpack_require__("../node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("../node_modules/react/index.js"),blocks=__webpack_require__("../node_modules/@storybook/addon-docs/blocks.js"),card_factory=__webpack_require__("../node_modules/gatsby-core-theme/tests/factories/modules/card.factory.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),scroll_x=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/scroll-x/index.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),comparison_table_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/cards/comparison-table/comparison-table.module.scss"),options={insert:"head",singleton:!1},comparison_table_comparison_table_module=(injectStylesIntoStyleTag_default()(comparison_table_module.Z,options),comparison_table_module.Z.locals||{}),AiOutlineCheckCircle=(__webpack_require__("../node_modules/core-js/modules/es.array.find.js"),__webpack_require__("../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../node_modules/@react-icons/all-files/ai/AiOutlineCheckCircle.js")),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.js"),lazy_image=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/lazy-image/index.js"),operator_cta=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/operator-cta/index.js"),one_star=__webpack_require__("../node_modules/gatsby-core-theme/src/components/molecules/star-rating/one-star.js"),hooks_link=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/link/index.js"),bonus=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/bonus/index.js"),MainProvider=__webpack_require__("../node_modules/gatsby-core-theme/src/context/MainProvider.js"),table_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/cards/comparison-table/table/table.module.scss"),table_module_options={insert:"head",singleton:!1},table_table_module=(injectStylesIntoStyleTag_default()(table_module.Z,table_module_options),table_module.Z.locals||{}),listHeadings=[{id:1,defaultValue:"Casino name",key:"casino_name"},{id:2,defaultValue:"Rating",key:"rating"},{id:3,defaultValue:"Bonus",key:"bonus"},{id:4,defaultValue:"Top Features",key:"top_features"},{id:5,defaultValue:"Payment Methods",key:"payment_methods"},{id:6,defaultValue:"Banking",key:"banking"},{id:7,defaultValue:"Currencies",key:"currencies"},{id:8,defaultValue:"Licenses",key:"licenses"}];function ComparisonTable(_ref){var items=_ref.items,_ref$tabelInfo=_ref.tabelInfo,tabelInfo=void 0===_ref$tabelInfo?listHeadings:_ref$tabelInfo,_ref$ctaKey=_ref.ctaKey,ctaKey=void 0===_ref$ctaKey?"play_now":_ref$ctaKey,type=_ref.type,tempate=_ref.tempate,translations=((0,react.useContext)(MainProvider._)||{}).translations;return function table(){var row=[];return tabelInfo.forEach((function(heading){var cells=[];items.forEach((function(item,index){cells.push(function cell(heading,item,key,index){var _item$relation,_item$relation2,_item$relation3,_item$relation4,_item$relation5,_item$relation6,_item$relation6$bonus,_item$relation7,_item$relation7$bonus,_item$relation7$bonus2,_item$relation7$bonus3,_item$relation8,_item$relation8$bonus,_item$relation9,_item$relation9$bonus,_item$relation10,_item$relation10$bonu,_item$relation11,_item$relation11$bonu,_item$relation12,_item$relation12$bonu,_item$relation13,_item$relation13$bonu,rowData=tabelInfo.find((function(m){return m.key===heading}));if(rowData&&rowData.customComponent){var CustomComponent=rowData.customComponent;return react.createElement(CustomComponent,{key:key,operator:item})}var imageObject=(null==item?void 0:item.relation.standardised_logo_url_object)||(null==item?void 0:item.relation.logo_url_object),itemName=null==item||null===(_item$relation=item.relation)||void 0===_item$relation?void 0:_item$relation.name;switch(heading){case"casino_name":return react.createElement("td",{key:key,className:table_table_module.casinoName},null!=item&&null!==(_item$relation2=item.relation)&&void 0!==_item$relation2&&_item$relation2.logo_url?react.createElement(lazy_image.Z,{src:(0,getters.S7)((null==imageObject?void 0:imageObject.filename)||(null==item?void 0:item.relation.logo_url),89,89),height:89,width:89,alt:itemName}):react.createElement(lazy_image.Z,{filename:"default-operator.png",alt:itemName,width:"9rem",height:"9rem"}),react.createElement("div",null,react.createElement("span",null,itemName),react.createElement(operator_cta.Z,{tracker:"main",operator:null==item?void 0:item.relation,translationKey:ctaKey,gtmClass:"comparison-table-gtm btn-cta",pageTemplate:tempate})));case"rating":return react.createElement("td",{key:key,className:table_table_module.raiting},react.createElement(one_star.default,{numOfStars:5,rating:null==item||null===(_item$relation3=item.relation)||void 0===_item$relation3?void 0:_item$relation3.rating}),"operator"===type&&0===index?null:react.createElement(hooks_link.Z,{to:item.path},"".concat(itemName," ").concat((0,getters.Iu)(translations,"review","Review"))));case"bonus":return react.createElement("td",{key:key,className:table_table_module.bonus},react.createElement(bonus.Z,{tracker:"main",item:null==item?void 0:item.relation}));case"top_features":return react.createElement("td",{key:key,className:table_table_module.topFeatures},(null==item||null===(_item$relation4=item.relation)||void 0===_item$relation4?void 0:_item$relation4.selling_points)&&(null==item||null===(_item$relation5=item.relation)||void 0===_item$relation5?void 0:_item$relation5.selling_points.map((function(sellingPoint){return react.createElement("span",{key:sellingPoint},react.createElement(AiOutlineCheckCircle.K,{size:27}),sellingPoint)}))));case"payment_methods":return react.createElement("td",{key:key,className:table_table_module.paymentMethods},react.createElement("div",{key:key},(null==item||null===(_item$relation6=item.relation)||void 0===_item$relation6||null===(_item$relation6$bonus=_item$relation6.bonus)||void 0===_item$relation6$bonus?void 0:_item$relation6$bonus.deposit_methods)&&(null==item||null===(_item$relation7=item.relation)||void 0===_item$relation7||null===(_item$relation7$bonus=_item$relation7.bonus)||void 0===_item$relation7$bonus||null===(_item$relation7$bonus2=_item$relation7$bonus.deposit_methods)||void 0===_item$relation7$bonus2||null===(_item$relation7$bonus3=_item$relation7$bonus2.slice(0,5))||void 0===_item$relation7$bonus3?void 0:_item$relation7$bonus3.map((function(deposit){var _deposit$standardised;return react.createElement(hooks_link.Z,{to:null==deposit?void 0:deposit.path},react.createElement(lazy_image.Z,{key:"".concat(key,"-").concat(deposit.name),src:(0,getters.S7)((null==deposit||null===(_deposit$standardised=deposit.standardised_logo_filename_object)||void 0===_deposit$standardised?void 0:_deposit$standardised.filename)||(null==deposit?void 0:deposit.standardised_logo_filename)||(null==deposit?void 0:deposit.logo_filename),72,32),width:72,height:32,alt:deposit.name}))})))));case"banking":return react.createElement("td",{key:key,className:table_table_module.banking},(null==item||null===(_item$relation8=item.relation)||void 0===_item$relation8||null===(_item$relation8$bonus=_item$relation8.bonus)||void 0===_item$relation8$bonus?void 0:_item$relation8$bonus.min_deposit)&&react.createElement("p",null,(0,getters.Iu)(translations,"min_deposit","Min Deposit:"),react.createElement("span",null,item.relation.bonus.min_deposit)),(null==item||null===(_item$relation9=item.relation)||void 0===_item$relation9||null===(_item$relation9$bonus=_item$relation9.bonus)||void 0===_item$relation9$bonus?void 0:_item$relation9$bonus.max_withdrawal)&&react.createElement("p",null,(0,getters.Iu)(translations,"max_withdrawal","Max Withdrawal:"),react.createElement("span",null,item.relation.bonus.max_withdrawal)));case"currencies":return react.createElement("td",{key:key,className:table_table_module.currencies},(null==item||null===(_item$relation10=item.relation)||void 0===_item$relation10||null===(_item$relation10$bonu=_item$relation10.bonus)||void 0===_item$relation10$bonu?void 0:_item$relation10$bonu.currencies)&&(null==item||null===(_item$relation11=item.relation)||void 0===_item$relation11||null===(_item$relation11$bonu=_item$relation11.bonus)||void 0===_item$relation11$bonu?void 0:_item$relation11$bonu.currencies.slice(0,6).map((function(currencies){return react.createElement("span",{key:"".concat(key,"-").concat(currencies.iso_code)},currencies.iso_code)}))));case"licenses":return react.createElement("td",{key:key,className:table_table_module.licenses},(null==item||null===(_item$relation12=item.relation)||void 0===_item$relation12||null===(_item$relation12$bonu=_item$relation12.bonus)||void 0===_item$relation12$bonu?void 0:_item$relation12$bonu.license_objects)&&(null==item||null===(_item$relation13=item.relation)||void 0===_item$relation13||null===(_item$relation13$bonu=_item$relation13.bonus)||void 0===_item$relation13$bonu?void 0:_item$relation13$bonu.license_objects.slice(0,3).map((function(license){return null!=license&&license.logo_filename?react.createElement(lazy_image.Z,{key:license.name,src:(0,getters.S7)(null==license?void 0:license.logo_filename,72,72),height:32,width:72,alt:license.name}):react.createElement(react.Fragment,null)}))));default:return null}}(heading.key,item,"".concat(heading.key,"-").concat(index),index))})),row.push(react.createElement("tr",{key:heading.key,className:"".concat(table_table_module[heading.key],"_tr")},react.createElement("th",null,(0,getters.Iu)(translations,heading.key,heading.defaultValue)),cells))})),react.createElement("table",{className:table_table_module.table},react.createElement("tbody",null,row))}()}function comparison_table_ComparisonTable(_ref){var module=_ref.module,page=_ref.page,ele=(0,react.useRef)("");return react.createElement("div",{className:comparison_table_comparison_table_module.comparisonTable},react.createElement(scroll_x.Z,{refTag:ele,scroll:!0},react.createElement("div",{ref:ele,className:comparison_table_comparison_table_module.contentTable},react.createElement(ComparisonTable,{type:null==page?void 0:page.type,items:null==module?void 0:module.items,tempate:null==page?void 0:page.template}))))}ComparisonTable.propTypes={items:prop_types_default().arrayOf(prop_types_default().object)},ComparisonTable.__docgenInfo={description:"",methods:[],displayName:"ComparisonTable",props:{tabelInfo:{defaultValue:{value:"[\n {\n id: 1,\n defaultValue: 'Casino name',\n key: 'casino_name',\n },\n {\n id: 2,\n defaultValue: 'Rating',\n key: 'rating',\n },\n {\n id: 3,\n defaultValue: 'Bonus',\n key: 'bonus',\n // customComponent: ({operator}) => ( <td>{operator.title}</td> ), This is an example\n },\n {\n id: 4,\n defaultValue: 'Top Features',\n key: 'top_features',\n },\n {\n id: 5,\n defaultValue: 'Payment Methods',\n key: 'payment_methods',\n },\n {\n id: 6,\n defaultValue: 'Banking',\n key: 'banking',\n },\n {\n id: 7,\n defaultValue: 'Currencies',\n key: 'currencies',\n },\n {\n id: 8,\n defaultValue: 'Licenses',\n key: 'licenses',\n },\n]",computed:!1},required:!1},ctaKey:{defaultValue:{value:"'play_now'",computed:!1},required:!1},items:{type:{name:"arrayOf",value:{name:"object"}},required:!1,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/cards/comparison-table/table/index.js"]={name:"ComparisonTable",docgenInfo:ComparisonTable.__docgenInfo,path:"src/components/atoms/cards/comparison-table/table/index.js"}),comparison_table_ComparisonTable.displayName="ComparisonTable",comparison_table_ComparisonTable.propTypes={module:prop_types_default().shape({items:prop_types_default().shape({})}),page:prop_types_default().shape({type:prop_types_default().string,template:prop_types_default().string})},comparison_table_ComparisonTable.__docgenInfo={description:"",methods:[],displayName:"ComparisonTable",props:{module:{type:{name:"shape",value:{items:{name:"shape",value:{},required:!1}}},required:!1,description:""},page:{type:{name:"shape",value:{type:{name:"string",required:!1},template:{name:"string",required:!1}}},required:!1,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/cards/comparison-table/index.js"]={name:"ComparisonTable",docgenInfo:comparison_table_ComparisonTable.__docgenInfo,path:"src/components/atoms/cards/comparison-table/index.js"});var comparison_table_stories={title:"Matrix-Theme/Atoms/Comparison Table",component:comparison_table_ComparisonTable,parameters:{docs:{description:{component:"A component that displays a single Popup Card"},page:function page(){return react.createElement(react.Fragment,null,react.createElement(blocks.Dx,null),react.createElement(blocks.dk,null),react.createElement(blocks.sq,null),react.createElement(blocks.$4,{story:blocks.Uh}))}}}},Template=function Template(args){return react.createElement(comparison_table_ComparisonTable,args)};Template.displayName="Template";var Default=Template.bind({});Default.args={module:(0,card_factory.$r)()},Default.parameters=Object.assign({storySource:{source:"(args) => <ComparisonTable {...args} />"}},Default.parameters)},"./src/components/atoms/cards/popup-card/popup-card.stories.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default}});__webpack_require__("../node_modules/core-js/modules/es.object.assign.js");var react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/react/index.js"),_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../node_modules/@storybook/addon-docs/blocks.js"),gatsby_core_theme_tests_factories_modules_toplist_factory__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../node_modules/gatsby-core-theme/tests/factories/modules/toplist.factory.js"),___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/atoms/cards/popup-card/index.js");__webpack_exports__.default={title:"Matrix-Theme/Atoms/Cards/Popup Card",component:___WEBPACK_IMPORTED_MODULE_4__.Z,argTypes:{item:{name:"item",type:{name:"object",required:!0},defaultValue:"",description:"item object",table:{type:{summary:"object"},defaultValue:{summary:""}}}},parameters:{docs:{description:{component:"A component that displays a single Popup Card"},page:function page(){return react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_1__.createElement(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_2__.Dx,null),react__WEBPACK_IMPORTED_MODULE_1__.createElement(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_2__.dk,null),react__WEBPACK_IMPORTED_MODULE_1__.createElement(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_2__.sq,null),react__WEBPACK_IMPORTED_MODULE_1__.createElement(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_2__.$4,{story:_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_2__.Uh}))}}}};var Template=function Template(args){return react__WEBPACK_IMPORTED_MODULE_1__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Z,args)};Template.displayName="Template";var Default=Template.bind({});Default.args={isStorybook:!0,item:gatsby_core_theme_tests_factories_modules_toplist_factory__WEBPACK_IMPORTED_MODULE_3__.Zj.items[0].items[0]},Default.parameters=Object.assign({storySource:{source:"(args) => <PopupCard {...args} />"}},Default.parameters)},"./src/components/atoms/link-menu/link-menu.stories.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default},default:function(){return link_menu_stories}});__webpack_require__("../node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("../node_modules/react/index.js"),blocks=__webpack_require__("../node_modules/@storybook/addon-docs/blocks.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),FaChevronRight=__webpack_require__("../node_modules/@react-icons/all-files/fa/FaChevronRight.js"),link_list=__webpack_require__("../node_modules/gatsby-core-theme/src/components/molecules/link-list/index.js"),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),link_menu_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/link-menu/link-menu.module.scss"),options={insert:"head",singleton:!1},link_menu_link_menu_module=(injectStylesIntoStyleTag_default()(link_menu_module.Z,options),link_menu_module.Z.locals||{}),LinkMenu=function LinkMenu(_ref){var section=_ref.section,menuArray=(0,getters.yB)(section,"menu");return react.createElement("div",{className:link_menu_link_menu_module.linkMenuContainer},react.createElement("div",{className:link_menu_link_menu_module.linkMenuContent},react.createElement(link_list.Z,{lists:menuArray,listIcon:react.createElement(FaChevronRight.D,null),gtmClass:"link-menu-gtm"})))};LinkMenu.displayName="LinkMenu",LinkMenu.propTypes={section:prop_types_default().shape({modules:prop_types_default().arrayOf(prop_types_default().shape({name:prop_types_default().string}))}).isRequired},LinkMenu.__docgenInfo={description:"",methods:[],displayName:"LinkMenu",props:{section:{type:{name:"shape",value:{modules:{name:"arrayOf",value:{name:"shape",value:{name:{name:"string",required:!1}}},required:!1}}},required:!0,description:""}}};var link_menu=LinkMenu;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/link-menu/index.js"]={name:"LinkMenu",docgenInfo:LinkMenu.__docgenInfo,path:"src/components/atoms/link-menu/index.js"});var link_menu_stories={title:"Matrix-Theme/Atoms/Link Menu",component:link_menu,argTypes:{section:{name:"section",type:{name:"object",required:!0},defaultValue:"",description:"Section object containing a menu module.",table:{type:{summary:"object"},defaultValue:{summary:""}}}},parameters:{docs:{description:{component:"A component that displays a list of links. Used frequently for example in footers."},page:function page(){return react.createElement(react.Fragment,null,react.createElement(blocks.Dx,null),react.createElement(blocks.dk,null),react.createElement(blocks.sq,null),react.createElement(blocks.$4,{story:blocks.Uh}))}}}},Template=function Template(args){return react.createElement(link_menu,args)};Template.displayName="Template";var Default=Template.bind({});Default.args={section:{modules:[{name:"menu",menu_short_code:"nav_1",children:[{title:"Top Casinos",value:"#",children:[{title:"Rizk Casino",value:"#",image:"rizk-logopng7ed316ac19-original.png"},{title:"Gopher Gold",value:"#",image:"rizk-logopng7ed316ac19-original.png"},{title:"Bet 365",value:"#",image:"rizk-logopng7ed316ac19-original.png"},{title:"Sun Vegas",value:"#",image:"rizk-logopng7ed316ac19-original.png"},{title:"Kassu Casino",value:"#",image:"rizk-logopng7ed316ac19-original.png"},{title:"Dream Vegas Casino",value:"#",image:"rizk-logopng7ed316ac19-original.png"},{title:"Betfair",value:"#",image:"rizk-logopng7ed316ac19-original.png"},{title:"Chanz Casino",value:"#",image:"rizk-logopng7ed316ac19-original.png"}]},{title:"Info",value:"#",children:[{title:"Privacy policy",value:"#",image:"rizk-logopng7ed316ac19-original.png"},{title:"Contact us",value:"#",image:"rizk-logopng7ed316ac19-original.png"},{title:"Paddy Power",value:"#",image:"rizk-logopng7ed316ac19-original.png"},{title:"Pearls of India",value:"#",image:"rizk-logopng7ed316ac19-original.png"},{title:"Break da Bank Again",value:"#",image:"rizk-logopng7ed316ac19-original.png"}]}]}]}},Default.parameters=Object.assign({storySource:{source:"(args) => <LinkMenu {...args} />"}},Default.parameters)},"./src/components/atoms/social-icons/social-icons.stories.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default}});__webpack_require__("../node_modules/core-js/modules/es.object.assign.js");var _ref,react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/react/index.js"),_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../node_modules/@storybook/addon-docs/blocks.js"),gatsby_core_theme_tests_factories_modules_site_schema_factory__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../node_modules/gatsby-core-theme/tests/factories/modules/site-schema.factory.js"),___WEBPACK_IMPORTED_MODULE_4__=__webpack_require__("./src/components/atoms/social-icons/index.js"),socialIcons=gatsby_core_theme_tests_factories_modules_site_schema_factory__WEBPACK_IMPORTED_MODULE_3__.Y&&{instagram:(_ref=gatsby_core_theme_tests_factories_modules_site_schema_factory__WEBPACK_IMPORTED_MODULE_3__.Y).instagram,facebook:_ref.facebook,twitter:_ref.twitter,linkedin:_ref.linkedin,youtube:_ref.youtube};__webpack_exports__.default={title:"Matrix-Theme/Atoms/Social Icons",component:___WEBPACK_IMPORTED_MODULE_4__.Z,argTypes:{socialIcons:{name:"social icons",type:{name:"object",required:!0},defaultValue:"",description:"social icons object data"}},parameters:{docs:{description:{component:"A component that displays social icons"},page:function page(){return react__WEBPACK_IMPORTED_MODULE_1__.createElement(react__WEBPACK_IMPORTED_MODULE_1__.Fragment,null,react__WEBPACK_IMPORTED_MODULE_1__.createElement(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_2__.Dx,null),react__WEBPACK_IMPORTED_MODULE_1__.createElement(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_2__.dk,null),react__WEBPACK_IMPORTED_MODULE_1__.createElement(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_2__.sq,null),react__WEBPACK_IMPORTED_MODULE_1__.createElement(_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_2__.$4,{story:_storybook_addon_docs_blocks__WEBPACK_IMPORTED_MODULE_2__.Uh}))}}}};var Template=function Template(args){return react__WEBPACK_IMPORTED_MODULE_1__.createElement(___WEBPACK_IMPORTED_MODULE_4__.Z,args)};Template.displayName="Template";var Default=Template.bind({});Default.args={socialIcons:socialIcons},Default.parameters=Object.assign({storySource:{source:"(args) => <SocialIcons {...args} />"}},Default.parameters)},"./src/components/molecules/faq/faq.stories.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default},default:function(){return faq_stories}});__webpack_require__("../node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("../node_modules/react/index.js"),blocks=__webpack_require__("../node_modules/@storybook/addon-docs/blocks.js"),prop_types=(__webpack_require__("../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../node_modules/core-js/modules/es.array.concat.js"),__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),faq_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/faq/faq.module.scss"),options={insert:"head",singleton:!1},faq_faq_module=(injectStylesIntoStyleTag_default()(faq_module.Z,options),faq_module.Z.locals||{}),keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.js"),Faq=function Faq(_ref){var module=_ref.module,_ref$closeAll=_ref.closeAll,closeAll=void 0!==_ref$closeAll&&_ref$closeAll,openItem=_ref.openItem,_ref$closeOthers=_ref.closeOthers,closeOthers=void 0!==_ref$closeOthers&&_ref$closeOthers,_ref$icon=_ref.icon,icon=void 0===_ref$icon?"":_ref$icon,items=module.items,itemRefs=(0,react.useRef)([]),btnRefs=(0,react.useRef)([]),toggle=function toggle(index){btnRefs.current[index].classList.toggle(faq_faq_module.invertArrow),itemRefs.current[index].classList.toggle(faq_faq_module.active),closeOthers&&function closeOtherItems(index){for(var i=0;i<itemRefs.current.length;i+=1)i!==index&&(itemRefs.current[i].classList.remove(faq_faq_module.active),btnRefs.current[i].classList.remove(faq_faq_module.invertArrow))}(index)};return(0,react.useEffect)((function(){closeAll&&function closeAllItems(){for(var i=0;i<itemRefs.current.length;i+=1)itemRefs.current[i].classList.remove(faq_faq_module.active),btnRefs.current[i].classList.remove(faq_faq_module.invertArrow)}()})),(0,react.useEffect)((function(){openItem&&function openSingleItem(index){itemRefs.current[index]&&(itemRefs.current[index].classList.add(faq_faq_module.active),btnRefs.current[index].classList.add(faq_faq_module.invertArrow))}(openItem-1)})),react.createElement(react.Fragment,null,react.createElement("div",{className:faq_faq_module.faqContainer},items.map((function(item,index){return react.createElement("div",{key:(0,keygen.Z)(),className:faq_faq_module.faqItem},react.createElement("button",{onClick:function onClick(){return toggle(index)},className:"".concat(faq_faq_module.title," faq-gtm"),type:"button",ref:function ref(el){return btnRefs.current[index]=el}},react.createElement("span",{className:faq_faq_module.icon},icon&&react.createElement("span",{className:faq_faq_module.circle},icon," "),react.createElement("span",{dangerouslySetInnerHTML:{__html:item.question}}))),react.createElement("div",{className:"".concat(faq_faq_module.content," ").concat(faq_faq_module.active),ref:function ref(el){return itemRefs.current[index]=el},dangerouslySetInnerHTML:{__html:item.answer}}))}))))};Faq.propTypes={module:prop_types_default().shape({anchor_label:prop_types_default().string,items:prop_types_default().arrayOf(prop_types_default().shape({title:prop_types_default().string,content:prop_types_default().string}))}).isRequired,closeAll:prop_types_default().bool,openItem:prop_types_default().number,closeOthers:prop_types_default().bool,styles:prop_types_default().shape({}),icon:prop_types_default().func},Faq.__docgenInfo={description:"",methods:[],displayName:"Faq",props:{closeAll:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},closeOthers:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},icon:{defaultValue:{value:"''",computed:!1},type:{name:"func"},required:!1,description:""},module:{type:{name:"shape",value:{anchor_label:{name:"string",required:!1},items:{name:"arrayOf",value:{name:"shape",value:{title:{name:"string",required:!1},content:{name:"string",required:!1}}},required:!1}}},required:!0,description:""},openItem:{type:{name:"number"},required:!1,description:""},styles:{type:{name:"shape",value:{}},required:!1,description:""}}};var faq=Faq;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/molecules/faq/index.js"]={name:"Faq",docgenInfo:Faq.__docgenInfo,path:"src/components/molecules/faq/index.js"});var faq_stories={title:"Matrix-Theme/Molecules/Faq",component:faq,argTypes:{module:{name:"module",type:{name:"object",required:!0},defaultValue:null,description:"The page object."},openAll:{name:"openAll",type:{name:"boolean",required:!1},defaultValue:!1,description:"This prop opens all sections"},openItem:{name:"OpenItem",type:{name:"boolean",required:!0},defaultValue:"",description:"This prop open a sections"},closeOthers:{name:"closeOthers",type:{name:"boolean",required:!1},defaultValue:!1,description:"This prop close all others sections"}},parameters:{docs:{description:{component:"A component that gets an object of data and generates divs including keys/values. works as a slider on mobile devices"},page:function page(){return react.createElement(react.Fragment,null,react.createElement(blocks.Dx,null),react.createElement(blocks.dk,null),react.createElement(blocks.sq,null),react.createElement(blocks.$4,{story:blocks.Uh}))}}}},Template=function Template(args){return react.createElement(faq,args)};Template.displayName="Template";var Default=Template.bind({});Default.args={module:{items:[{question:"🍀 Do online casinos need an Irish gambling licence?",answer:"Yes. In 2015 there was an amendment to the Irish Gambling Law to legally be able to provide gambling services to Irish players, the online casino needs a licence. When you play online it is important to do some research before you choose a casino, so that you are sure you choose a good and licensed and regulated one."},{question:"🍀 Is it legal to gamble in Ireland?",answer:"Yes, it is legal provided the online casino has the correct license."},{question:"🍀 How safe are Irish online casinos?",answer:"Online casinos are very safe to use if you do your research. Good online casinos will offer only secure payment options, as well as having additional encryption protocols in place. This is to prevent third parties from getting both your money and your personal data. We always provide information on whether an Irish casino has this or not. "},{question:"🍀 Can I play at Irish Luck from another country?",answer:"Unfortunately, no. The casino lists and reviews at Irish Luck are aimed for Irish players. Therefore, if you are visiting our website from another country, we suggest that you check out other sites that are localised for your country."},{question:"🍀 What`s the best online casinos for Irish Players?",answer:"That`s a good question! And that`s also why it`s not the easiest to answer. It depends on what you prefer and what is important to you when you, when have to choose a gambling site. We recommend that you have a look at the toplist on top of this page. It`s always updated with the best casinos right now! Then go from there and see which one speaks the most to you. Good luck!"}]}},Default.parameters=Object.assign({storySource:{source:"(args) => <Faq {...args} />"}},Default.parameters)},"./src/components/molecules/game-iframe/game-iframe.stories.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default},default:function(){return game_iframe_stories}});__webpack_require__("../node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("../node_modules/react/index.js"),blocks=__webpack_require__("../node_modules/@storybook/addon-docs/blocks.js"),default_factory=__webpack_require__("../node_modules/gatsby-core-theme/tests/factories/pages/default.factory.js"),prop_types=(__webpack_require__("../node_modules/core-js/modules/web.dom-collections.for-each.js"),__webpack_require__("../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/prop-types/index.js")),prop_types_default=__webpack_require__.n(prop_types),lazy_image=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/lazy-image/index.js"),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.js"),iframe=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/iframe/index.js"),atoms_button=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/button/index.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),game_iframe_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/game-iframe/game-iframe.module.scss"),options={insert:"head",singleton:!1},game_iframe_game_iframe_module=(injectStylesIntoStyleTag_default()(game_iframe_module.Z,options),game_iframe_module.Z.locals||{});function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var GameIframe=function GameIframe(_ref){var _page$featured_image_,_page$featured_image_2,page=_ref.page,_useState2=_slicedToArray((0,react.useState)(!1),2),showIframe=_useState2[0],setShowIframe=_useState2[1];(0,react.useEffect)((function(){var playfreeLinks=document.querySelectorAll("button.playfree"),click=function click(){showIframe||setShowIframe(!0)};return playfreeLinks.forEach((function(item){item.addEventListener("click",click)})),function(){playfreeLinks.forEach((function(item){item.removeEventListener("click",click)}))}}),[showIframe]);return react.createElement(react.Fragment,null,page.relation&&page.relation.iframe&&""!==page.relation.iframe&&react.createElement("div",null,react.createElement("div",{className:game_iframe_game_iframe_module.thumbnailContainer},react.createElement("div",{className:"".concat(game_iframe_game_iframe_module.thumbnail," ").concat(showIframe?game_iframe_game_iframe_module.hide:"")},page.banner?react.createElement(lazy_image.Z,{alt:page.title,src:(0,getters.S7)(page.banner),width:null==page||null===(_page$featured_image_=page.featured_image_object)||void 0===_page$featured_image_?void 0:_page$featured_image_.width,height:null==page||null===(_page$featured_image_2=page.featured_image_object)||void 0===_page$featured_image_2?void 0:_page$featured_image_2.height}):react.createElement(lazy_image.Z,{alt:page.title,filename:"default-slot.jpg"}),react.createElement(atoms_button.Z,{isInternalLink:!1,onClick:function clickHandler(){showIframe||setShowIframe(!0)},isButton:!0,gtmClass:"game-iframe-gtm btn-cta"})),showIframe&&react.createElement(iframe.Z,{lazyLoad:!1,src:page.relation.iframe,title:page.title,frameBorder:0}))))};GameIframe.propTypes={page:prop_types_default().shape({title:prop_types_default().string,banner:prop_types_default().string,featured_image_object:prop_types_default().shape({width:prop_types_default().string,height:prop_types_default().string}),relation:prop_types_default().shape({iframe:prop_types_default().string})})},GameIframe.__docgenInfo={description:"",methods:[],displayName:"GameIframe",props:{page:{type:{name:"shape",value:{title:{name:"string",required:!1},banner:{name:"string",required:!1},featured_image_object:{name:"shape",value:{width:{name:"string",required:!1},height:{name:"string",required:!1}},required:!1},relation:{name:"shape",value:{iframe:{name:"string",required:!1}},required:!1}}},required:!1,description:""}}};var game_iframe=GameIframe;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/molecules/game-iframe/index.js"]={name:"GameIframe",docgenInfo:GameIframe.__docgenInfo,path:"src/components/molecules/game-iframe/index.js"});var game_iframe_stories={title:"Matrix-Theme/Molecules/Game Iframe",component:game_iframe,argTypes:{page:{name:"page",type:{name:"object",required:!0},defaultValue:null,description:"The page object.",table:{type:{summary:"object"},defaultValue:{summary:null}}}},parameters:{docs:{description:{component:"Generates the game iframe"},page:function page(){return react.createElement(react.Fragment,null,react.createElement(blocks.Dx,null),react.createElement(blocks.dk,null),react.createElement(blocks.sq,null),react.createElement(blocks.$4,{story:blocks.Uh}))}}}},Template=function Template(args){return react.createElement(game_iframe,args)};Template.displayName="Template";var Default=Template.bind({});Default.args={page:(0,default_factory.Z)()},Default.parameters=Object.assign({storySource:{source:"(args) => <GameIframe {...args} />"}},Default.parameters)},"./src/components/molecules/game-score-gauge/game-score-gauge.stories.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default},default:function(){return game_score_gauge_stories}});__webpack_require__("../node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("../node_modules/react/index.js"),blocks=__webpack_require__("../node_modules/@storybook/addon-docs/blocks.js"),GiGamepad=__webpack_require__("../node_modules/@react-icons/all-files/gi/GiGamepad.js"),GiPresent=__webpack_require__("../node_modules/@react-icons/all-files/gi/GiPresent.js"),TiImage=__webpack_require__("../node_modules/@react-icons/all-files/ti/TiImage.js"),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.js"),MainProvider=__webpack_require__("../node_modules/gatsby-core-theme/src/context/MainProvider.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),game_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/molecules/game-score-gauge/game-score-gauge.module.scss"),options={insert:"head",singleton:!1},game_score_gauge_game_score_gauge_module=(injectStylesIntoStyleTag_default()(game_score_gauge_module.Z,options),game_score_gauge_module.Z.locals||{}),ScoreGaugeColumn=function ScoreGaugeColumn(_ref){var Icon=_ref.Icon,label=_ref.label,rating=_ref.rating,max=_ref.max;return react.createElement("div",{className:game_score_gauge_game_score_gauge_module.scoreGaugeContainer},react.createElement("div",{className:game_score_gauge_game_score_gauge_module.firstCategory},react.createElement("div",{className:game_score_gauge_game_score_gauge_module.graphics},react.createElement(Icon,{color:"#2498ab",size:"2.9rem"})),react.createElement("p",null,label),react.createElement("div",{className:game_score_gauge_game_score_gauge_module.score},react.createElement("span",{className:game_score_gauge_game_score_gauge_module.rating},rating),react.createElement("span",{className:game_score_gauge_game_score_gauge_module.ten},"/",max)),react.createElement("div",{className:game_score_gauge_game_score_gauge_module.linearGradient})))};ScoreGaugeColumn.displayName="ScoreGaugeColumn";var ScoreGauge=function ScoreGauge(_ref2){var page=_ref2.page,translations=((0,react.useContext)(MainProvider._)||{}).translations,relation=page.relation;return react.createElement("div",{className:game_score_gauge_game_score_gauge_module.scoreGauge},react.createElement("div",{className:game_score_gauge_game_score_gauge_module.containerGauge},react.createElement(ScoreGaugeColumn,{Icon:TiImage.d,label:(0,getters.Iu)(translations,"grafikk","Grafikk"),rating:Math.floor(2*(null==relation?void 0:relation.second_rating)),max:10}),react.createElement(ScoreGaugeColumn,{Icon:GiPresent.D,label:(0,getters.Iu)(translations,"bonuser","Bonuser"),rating:Math.floor(2*(null==relation?void 0:relation.third_rating)),max:10}),react.createElement(ScoreGaugeColumn,{Icon:GiGamepad.l,label:(0,getters.Iu)(translations,"spillopplevelse","Spillopplevelse"),rating:Math.floor(2*(null==relation?void 0:relation.fourth_rating)),max:10})))};ScoreGauge.displayName="ScoreGauge",ScoreGauge.__docgenInfo={description:"",methods:[],displayName:"ScoreGauge"};var game_score_gauge=ScoreGauge;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/molecules/game-score-gauge/index.js"]={name:"ScoreGauge",docgenInfo:ScoreGauge.__docgenInfo,path:"src/components/molecules/game-score-gauge/index.js"});var game_score_gauge_stories={title:"Matrix-Theme/Molecules/ScoreGauge",component:game_score_gauge,argTypes:{page:{name:"page",type:{name:"object",required:!0},defaultValue:null,description:"The page object."}},parameters:{docs:{description:{component:"A component for rating"},page:function page(){return react.createElement(react.Fragment,null,react.createElement(blocks.Dx,null),react.createElement(blocks.dk,null),react.createElement(blocks.sq,null),react.createElement(blocks.$4,{story:blocks.Uh}))}}}},Template=function Template(args){return react.createElement(game_score_gauge,args)};Template.displayName="Template";var Default=Template.bind({});Default.args={page:{relation:{second_rating:3,third_rating:5,fourth_rating:4,max:10}}},Default.parameters=Object.assign({storySource:{source:"(args) => <ScoreGauge {...args} />"}},Default.parameters)},"./src/components/molecules/horse-calculator/horse-calculator.stories.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default},default:function(){return horse_calculator_stories}});__webpack_require__("../node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("../node_modules/react/index.js"),blocks=__webpack_require__("../node_modules/@storybook/addon-docs/blocks.js"),atoms_button=(__webpack_require__("../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../node_modules/core-js/modules/es.parse-int.js"),__webpack_require__("../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../node_modules/core-js/modules/es.string.starts-with.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.from.js"),__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/button/index.js")),MainProvider=__webpack_require__("../node_modules/gatsby-core-theme/src/context/MainProvider.js"),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.js"),horse_racing_calculator=__webpack_require__("./src/helpers/horse-racing-calculator/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),BsQuestionCircle=__webpack_require__("../node_modules/@react-icons/all-files/bs/BsQuestionCircle.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),tooltip_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/tooltip/tooltip.module.scss"),options={insert:"head",singleton:!1},tooltip_tooltip_module=(injectStylesIntoStyleTag_default()(tooltip_module.Z,options),tooltip_module.Z.locals||{});function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var Tooltip=function Tooltip(_ref){var timeout,content=_ref.content,delay=_ref.delay,children=_ref.children,direction=_ref.direction,_useState2=_slicedToArray((0,react.useState)(!1),2),active=_useState2[0],setActive=_useState2[1];return react.createElement("div",{className:tooltip_tooltip_module.wrapper,onMouseEnter:function showTip(){timeout=setTimeout((function(){setActive(!0)}),delay||400)},onMouseLeave:function hideTip(){clearInterval(timeout),setActive(!1)}},children,active&&react.createElement("div",{className:"".concat(tooltip_tooltip_module.tooltip," ").concat(direction||tooltip_tooltip_module.top)},content))};Tooltip.displayName="Tooltip",Tooltip.__docgenInfo={description:"",methods:[],displayName:"Tooltip",props:{delay:{type:{name:"number"},required:!1,description:""},direction:{type:{name:"string"},required:!1,description:""},content:{type:{name:"string"},required:!1,description:""},children:{type:{name:"union",value:[{name:"arrayOf",value:{name:"node"}},{name:"node"}]},required:!1,description:""}}};var atoms_tooltip=Tooltip;Tooltip.propTypes={delay:prop_types_default().number,direction:prop_types_default().string,content:prop_types_default().string,children:prop_types_default().oneOfType([prop_types_default().arrayOf(prop_types_default().node),prop_types_default().node])},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/tooltip/index.js"]={name:"Tooltip",docgenInfo:Tooltip.__docgenInfo,path:"src/components/atoms/tooltip/index.js"});var select_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/select/select.module.scss"),select_module_options={insert:"head",singleton:!1},select_select_module=(injectStylesIntoStyleTag_default()(select_module.Z,select_module_options),select_module.Z.locals||{});function Select(_ref){var _ref$label=_ref.label,label=void 0===_ref$label?null:_ref$label,id=_ref.id,_ref$onChangeFunc=_ref.onChangeFunc,onChangeFunc=void 0===_ref$onChangeFunc?function(){}:_ref$onChangeFunc,options=_ref.options,refObj=_ref.refObj,index=_ref.index,_ref$tooltip=_ref.tooltip,tooltip=void 0===_ref$tooltip?null:_ref$tooltip,translations=((0,react.useContext)(MainProvider._)||{}).translations;return label?react.createElement("label",{htmlFor:id},(0,getters.Iu)(translations,id,label),react.createElement("div",{className:"".concat(select_select_module.dropdownStyling," ").concat(tooltip?select_select_module.tooltip:select_select_module.fullWidth)},react.createElement("select",{ref:refObj,onChange:function onChange(e){return onChangeFunc(e,index)},id:id},options.map((function(option){return option}))),tooltip&&react.createElement(atoms_tooltip,{content:(0,getters.Iu)(translations,"".concat(id,"_tooltip"),tooltip)},react.createElement(BsQuestionCircle.k,{size:"2.6rem"})))):react.createElement("div",{className:"".concat(select_select_module.dropdownStyling," ").concat(tooltip?select_select_module.tooltip:select_select_module.fullWidth)},react.createElement("select",{ref:refObj,onChange:function onChange(e){return onChangeFunc(e,index)},id:id},options.map((function(option){return option}))),tooltip&&react.createElement(atoms_tooltip,{content:(0,getters.Iu)(translations,"".concat(id,"_tooltip"),tooltip)},react.createElement(BsQuestionCircle.k,{size:"2.6rem"})))}Select.displayName="Select",Select.propTypes={label:prop_types_default().string,id:prop_types_default().string,onChangeFunc:prop_types_default().func,options:prop_types_default().arrayOf(prop_types_default().any),refObj:prop_types_default().func,index:prop_types_default().number,tooltip:prop_types_default().string},Select.__docgenInfo={description:"",methods:[],displayName:"Select",props:{label:{defaultValue:{value:"null",computed:!1},type:{name:"string"},required:!1,description:""},onChangeFunc:{defaultValue:{value:"() => {}",computed:!1},type:{name:"func"},required:!1,description:""},tooltip:{defaultValue:{value:"null",computed:!1},type:{name:"string"},required:!1,description:""},id:{type:{name:"string"},required:!1,description:""},options:{type:{name:"arrayOf",value:{name:"any"}},required:!1,description:""},refObj:{type:{name:"func"},required:!1,description:""},index:{type:{name:"number"},required:!1,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/select/index.js"]={name:"Select",docgenInfo:Select.__docgenInfo,path:"src/components/atoms/select/index.js"});var bookmaker_bonus=__webpack_require__("./src/helpers/horse-racing-calculator/bookmaker-bonus.js"),deafultFoldTableRows=[{name:"Single",type:"number"},{name:"Double",type:"number"},{name:"Treble",type:"number"}],betType=[{name:"Single",num_of_rows:1,multiple_options:!1,show_num_selection:!0,types:[1],bookmakerBonus:!1,oneLoserBonus:!1,oneWinnerConsolation:!1},{name:"Double",num_of_rows:2,show_num_selection:!0,multiple_options:!0,types:[2],bookmakerBonus:!1,oneLoserBonus:!1,oneWinnerConsolation:!1},{name:"Treble",num_of_rows:3,show_num_selection:!0,multiple_options:!0,types:[3],bookmakerBonus:!1,oneLoserBonus:!1,oneWinnerConsolation:!1},{name:"Accumulator",num_of_rows:3,show_num_selection:!0,multiple_options:!0,types:[0],bookmakerBonus:!1,oneLoserBonus:!1,oneWinnerConsolation:!1},{name:"Trixie",num_of_rows:3,show_num_selection:!1,multiple_options:!0,types:[2,3],bookmakerBonus:!1,oneLoserBonus:!1,oneWinnerConsolation:!1},{name:"Patent",num_of_rows:3,multiple_options:!0,show_num_selection:!1,types:[1,2,3],bookmakerBonus:!1,oneLoserBonus:!1,oneWinnerConsolation:!1},{name:"Yankee",num_of_rows:4,show_num_selection:!1,multiple_options:!0,types:[2,3,4],bookmakerBonus:!1,oneLoserBonus:!1,oneWinnerConsolation:!1},{name:"Canadian",num_of_rows:5,multiple_options:!0,show_num_selection:!1,types:[2,3,4,5],bookmakerBonus:!1,oneLoserBonus:!1,oneWinnerConsolation:!1},{name:"Superyankee",num_of_rows:5,show_num_selection:!1,multiple_options:!0,types:[2,3,4,5],bookmakerBonus:!1,oneLoserBonus:!1,oneWinnerConsolation:!1},{name:"Heinz",num_of_rows:6,multiple_options:!0,show_num_selection:!1,types:[2,3,4,5,6],bookmakerBonus:!1,oneLoserBonus:!1,oneWinnerConsolation:!1},{name:"Superheinz",num_of_rows:7,multiple_options:!0,show_num_selection:!1,types:[2,3,4,5,6,7],bookmakerBonus:!1,oneLoserBonus:!1,oneWinnerConsolation:!1},{name:"Goliath",num_of_rows:8,show_num_selection:!1,types:[2,3,4,5,6,7,8],multiple_options:!0,bookmakerBonus:!1,oneLoserBonus:!1,oneWinnerConsolation:!1},{name:"Lucky15",num_of_rows:4,show_num_selection:!1,types:[1,2,3,4],multiple_options:!0,bookmakerBonus:!0,oneLoserBonus:!1,oneWinnerConsolation:!0},{name:"Lucky31",num_of_rows:5,show_num_selection:!1,types:[1,2,3,4,5],multiple_options:!0,bookmakerBonus:!0,oneLoserBonus:!0,oneWinnerConsolation:!0},{name:"Lucky63",num_of_rows:6,show_num_selection:!1,multiple_options:!0,types:[1,2,3,4,5,6],bookmakerBonus:!0,oneLoserBonus:!0,oneWinnerConsolation:!0},{name:"Alphabet",num_of_rows:6,show_num_selection:!1,multiple_options:!1,types:[],bookmakerBonus:!0,oneLoserBonus:!1,oneWinnerConsolation:!1},{name:"Single stakes about",num_of_rows:2,show_num_selection:!1,multiple_options:!1,types:["SSA"],bookmakerBonus:!1,oneLoserBonus:!1,oneWinnerConsolation:!1},{name:"Double stakes about",num_of_rows:2,show_num_selection:!1,multiple_options:!1,types:["DSA"],bookmakerBonus:!1,oneLoserBonus:!1,oneWinnerConsolation:!1},{name:"Roundrobin",num_of_rows:3,show_num_selection:!1,multiple_options:!0,types:[2,3,"SSA"],bookmakerBonus:!1,oneLoserBonus:!1,oneWinnerConsolation:!1},{name:"Flag",num_of_rows:4,show_num_selection:!1,types:[2,3,4,"SSA"],multiple_options:!0,bookmakerBonus:!1,oneLoserBonus:!1,oneWinnerConsolation:!1},{name:"Superflag",num_of_rows:5,show_num_selection:!1,multiple_options:!0,types:[2,3,4,5,"SSA"],bookmakerBonus:!1,oneLoserBonus:!1,oneWinnerConsolation:!1},{name:"Heinzflag",num_of_rows:6,show_num_selection:!1,multiple_options:!0,types:[2,3,4,5,6,"SSA"],bookmakerBonus:!1,oneLoserBonus:!1,oneWinnerConsolation:!1},{name:"Superheinzflag",num_of_rows:7,show_num_selection:!1,multiple_options:!0,types:[2,3,4,5,6,7,"SSA"],bookmakerBonus:!1,oneLoserBonus:!1,oneWinnerConsolation:!1},{name:"Goliath",num_of_rows:8,show_num_selection:!1,multiple_options:!0,types:[2,3,4,5,6,7,8,"SSA"],bookmakerBonus:!1,oneLoserBonus:!1,oneWinnerConsolation:!1},{name:"Unionjacktrebles",num_of_rows:9,show_num_selection:!1,multiple_options:!0,types:[3],bookmakerBonus:!1,oneLoserBonus:!1,oneWinnerConsolation:!1},{name:"Unionjacktrixie",num_of_rows:9,show_num_selection:!1,multiple_options:!0,types:[2,3],bookmakerBonus:!1,oneLoserBonus:!1,oneWinnerConsolation:!1},{name:"Unionjackpatent",num_of_rows:9,show_num_selection:!1,multiple_options:!0,types:[1,2,3],bookmakerBonus:!1,oneLoserBonus:!1,oneWinnerConsolation:!1},{name:"Unionjackroundrobin",num_of_rows:9,show_num_selection:!1,multiple_options:!0,types:[2,3,"SSA"],bookmakerBonus:!1,oneLoserBonus:!1,oneWinnerConsolation:!1}],placeOddsoptions=["1/1","1/2","1/3","1/4","1/5","1/6","1/7","1/8"],ruleFourOptions=[0,5,10,15,20,25,30,35,40,45,50,55,60,65,70,75],outcomeOptions=[{name:"Winner",value:"winner"},{name:"Placed",value:"placed"},{name:"Dead Heat",value:"dead_heat"},{name:"Lost",value:"lost"},{value:"void",name:"Void / Non-Runner"}],horse_calculator_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/horse-calculator/horse-calculator.module.scss"),horse_calculator_module_options={insert:"head",singleton:!1},horse_calculator_horse_calculator_module=(injectStylesIntoStyleTag_default()(horse_calculator_module.Z,horse_calculator_module_options),horse_calculator_module.Z.locals||{});function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return horse_calculator_arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||horse_calculator_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function horse_calculator_slicedToArray(arr,i){return function horse_calculator_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function horse_calculator_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||horse_calculator_unsupportedIterableToArray(arr,i)||function horse_calculator_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function horse_calculator_unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return horse_calculator_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?horse_calculator_arrayLikeToArray(o,minLen):void 0}}function horse_calculator_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var HorseCalculator=function HorseCalculator(){var translations=((0,react.useContext)(MainProvider._)||{}).translations,outcomesTableRefs=(0,react.useRef)([]),deadHeatRefs=(0,react.useRef)([]),stakeTypeRef=(0,react.useRef)("1"),foldOptionRef=(0,react.useRef)(null),foldTableRefs=(0,react.useRef)([]),oneLoserBonusRef=(0,react.useRef)(0),bookmakerBonusRef=(0,react.useRef)(0),oneWinnerConsolationRef=(0,react.useRef)("1"),totalOutlayRef=(0,react.useRef)(null),totalReturnRef=(0,react.useRef)(null),totalProfitRef=(0,react.useRef)(null),numSelectionRef=(0,react.useRef)(null),betTypeRef=(0,react.useRef)(null),stakeRef=(0,react.useRef)(null),_useState2=horse_calculator_slicedToArray((0,react.useState)(betType[0]),2),activeBetType=_useState2[0],setBetType=_useState2[1],_useState4=horse_calculator_slicedToArray((0,react.useState)("No"),2),eachWay=_useState4[0],setEachWay=_useState4[1],_useState6=horse_calculator_slicedToArray((0,react.useState)("No"),2),ruleFour=_useState6[0],setRuleFour=_useState6[1],_useState8=horse_calculator_slicedToArray((0,react.useState)("No"),2),addNotes=_useState8[0],setAddNotes=_useState8[1],_useState10=horse_calculator_slicedToArray((0,react.useState)("1"),2),foldOption=_useState10[0],setFoldOption=_useState10[1],_useState12=horse_calculator_slicedToArray((0,react.useState)(0),2),stake=_useState12[0],setStake=_useState12[1],_useState14=horse_calculator_slicedToArray((0,react.useState)("1"),2),multipleOptions=_useState14[0],setMultipleOption=_useState14[1],_useState16=horse_calculator_slicedToArray((0,react.useState)(null),2),numSelections=_useState16[0],setNumSelections=_useState16[1],_useState18=horse_calculator_slicedToArray((0,react.useState)(deafultFoldTableRows),2),foldTableRows=_useState18[0],setFoldTableRows=_useState18[1],_useState20=horse_calculator_slicedToArray((0,react.useState)(_toConsumableArray(Array(numSelections?parseInt(numSelections):activeBetType.num_of_rows)).map((function(){return"winner"}))),2),outcomeSelection=_useState20[0],setOutcomeSelection=_useState20[1],resetOutcomeRows=function resetOutcomeRows(outcomeSelect){outcomesTableRefs.current.map((function(item){item&&(outcomeSelect&&(item.children[1].children[0].children[0].value="winner"),item.children[2].children[0].value=2)}))},handleBetTypeChange=function handleBetTypeChange(e){setBetType(Object.assign({},betType[e.target.value])),setNumSelections(null),setOutcomeSelection(_toConsumableArray(Array(betType[e.target.value].num_of_rows)).map((function(){return"winner"}))),numSelectionRef.current&&(numSelectionRef.current.value=betType[e.target.value].num_of_rows),resetOutcomeRows()},handleFoldOption=function handleFoldOption(e){return setFoldOption(e.target.value)},handleOutcomeSelection=function handleOutcomeSelection(e,index){var outcomeSelectionClone=outcomeSelection;outcomeSelectionClone[index]=e.target.value,setOutcomeSelection(_toConsumableArray(outcomeSelectionClone))},getColspan=function getColspan(){return"Yes"===ruleFour&&"Yes"===eachWay?4:"Yes"===ruleFour&&"No"===eachWay||"No"===ruleFour&&"Yes"===eachWay?3:2},updateTotals=function updateTotals(totals){var _totals=horse_calculator_slicedToArray(totals,3),outlay=_totals[0],totReturn=_totals[1],profit=_totals[2];totalOutlayRef.current.innerText=isNaN(totReturn)?"-":outlay,totalReturnRef.current.innerText=isNaN(totReturn)?"-":totReturn,totalProfitRef.current.innerText=isNaN(totReturn)?"-":profit};(0,react.useEffect)((function(){resetOutcomeRows(!0)}),[activeBetType]),(0,react.useEffect)((function(){resetOutcomeRows(!1)}),[outcomeSelection]);var calculateTotalBet=(0,react.useCallback)((function(){var totalReturn=0,betCount=0,_getSelectionOddsAndO2=horse_calculator_slicedToArray((0,horse_racing_calculator.getSelectionOddsAndOutcomes)(outcomesTableRefs.current,deadHeatRefs.current,ruleFour,eachWay,"Yes"===addNotes),2),selectionsOdds=_getSelectionOddsAndO2[0],outcomes=_getSelectionOddsAndO2[1];if("Accumulator"===activeBetType.name&&2==foldOption){var output=(0,horse_racing_calculator.calculateFoldOptions)(selectionsOdds,foldTableRefs.current,activeBetType.name,eachWay,multipleOptions,stakeTypeRef.current.value);return function updateFoldTotals(totals){totals.map((function(total,index){var _total=horse_calculator_slicedToArray(total,3),totalOutlayOutput=_total[0],totalReturnOutput=_total[1],profitOutput=_total[2];foldTableRefs.current[index].children[2].innerText=totalOutlayOutput,foldTableRefs.current[index].children[3].innerText=totalReturnOutput,foldTableRefs.current[index].children[4].innerText=profitOutput}))}(output[0]),void updateTotals(output[1])}var returnAndBetCount=[];totalReturn+=(returnAndBetCount="Alphabet"===activeBetType.name?(0,horse_racing_calculator.calculateForAlphabet)(stake,selectionsOdds,betType,eachWay,multipleOptions):activeBetType.name.startsWith("Unionjack")?(0,horse_racing_calculator.calculateForUnionJack)(stake,selectionsOdds,activeBetType,eachWay,multipleOptions):(0,horse_racing_calculator.doTheCalculations)(activeBetType.name,activeBetType.types,eachWay,multipleOptions,selectionsOdds,stake))[0],betCount+=returnAndBetCount[1],"No"===eachWay&&(totalReturn=(0,bookmaker_bonus.applyBookmakerBonuses)(activeBetType,outcomes,stake,totalReturn,bookmakerBonusRef.current?bookmakerBonusRef.current.value:0,oneWinnerConsolationRef.current?oneWinnerConsolationRef.current.value:"1",oneLoserBonusRef.current?oneLoserBonusRef.current.value:0));var _getTheOutputResult2=horse_calculator_slicedToArray((0,horse_racing_calculator.getTheOutputResult)(stake,stakeTypeRef.current.value,totalReturn,betCount),3),totalReturnOutput=_getTheOutputResult2[0],totalOutlayOutput=_getTheOutputResult2[1],profitOutput=_getTheOutputResult2[2];updateTotals([totalOutlayOutput,totalReturnOutput,profitOutput])}));return(0,react.useEffect)((function(){calculateTotalBet(parseInt(stake))}),[activeBetType,eachWay,ruleFour,multipleOptions,stake,outcomeSelection,calculateTotalBet]),react.createElement("div",{className:horse_calculator_horse_calculator_module.container},react.createElement("div",{className:horse_calculator_horse_calculator_module.innerContainer},react.createElement("h2",null,"Bet Calculator"),react.createElement("div",null,react.createElement("div",null,react.createElement(Select,{id:"bettype",label:"Bet type:",tooltip:"Accumulator - A Single Bet on up to 20 Selections",onChangeFunc:handleBetTypeChange,options:betType.map((function(type,index){return react.createElement("option",{value:index},type.name)})),refObj:betTypeRef}),react.createElement(Select,{id:"eachway",label:"Each way?",tooltip:"Whether you are calculating an each way bet. Two individual bets of equal amount, one placed on the selection to win and the other on the same selection to place.",onChangeFunc:function handleEachWayChange(e){return setEachWay(e.target.value)},options:[react.createElement("option",{value:"Yes"},"Yes"),react.createElement("option",{selected:!0,value:"No"},"No")]}),"Yes"===eachWay&&activeBetType.multiple_options&&react.createElement(Select,{id:"multiple_options",label:"Multiple Options:",tooltip:"Test",onChangeFunc:function handleMultipleOption(e){return setMultipleOption(e.target.value)},options:[react.createElement("option",{value:"1"},"Default - Win-to-Win, Place-to-Place"),react.createElement("option",{value:"2"},"Advanced - Equally Divided (All EW)")]}),activeBetType.show_num_selection&&react.createElement(Select,{id:"num_of_selection",label:"Number of selections:",tooltip:"Pick how many horses you want to track below!",onChangeFunc:function handleNumSelectionChange(e){if(setNumSelections(e.target.value),outcomeSelection.length+1>e.target.value)setOutcomeSelection(outcomeSelection.slice(0,e.target.value));else{var arrDifference=parseInt(e.target.value)-outcomeSelection.length;setOutcomeSelection([].concat(_toConsumableArray(outcomeSelection),_toConsumableArray(_toConsumableArray(Array(arrDifference)).map((function(){return"winner"})))))}if(parseInt(e.target.value)>3){var foldDynamicFields=_toConsumableArray(Array(parseInt(e.target.value)-3)).map((function(item,index){return{name:"".concat(index+4,"-Fold"),type:"decimal"}}));setFoldTableRows([].concat(_toConsumableArray(foldTableRows),_toConsumableArray(foldDynamicFields)))}},options:_toConsumableArray(Array(20)).map((function(e,i){return react.createElement("option",{value:i+1},i+1)})),refObj:numSelectionRef}),react.createElement(Select,{id:"rulefour",label:"Show rule 4?",tooltip:"Used in horse racing to adjust winnings when runners are withdrawn before the race.",onChangeFunc:function handleRuleFourChange(e){return setRuleFour(e.target.value)},options:[react.createElement("option",{value:"Yes"},"Yes"),react.createElement("option",{selected:!0,value:"No"},"No")]}),react.createElement(Select,{id:"addNotes",label:"Add Selection Notes?",tooltip:"Keep some personalized notes on your picks.",onChangeFunc:function handleAddNotesChange(e){return setAddNotes(e.target.value)},options:[react.createElement("option",{value:"Yes"},"Yes"),react.createElement("option",{selected:!0,value:"No"},"No")]})),react.createElement("table",{className:horse_calculator_horse_calculator_module.overflowTable},react.createElement("thead",null,react.createElement("tr",null,react.createElement("th",null,"#"),react.createElement("th",{className:horse_calculator_horse_calculator_module.outcomeColumn},"Outcome"),react.createElement("th",{className:horse_calculator_horse_calculator_module.oddsColumn},"Odds"),"Yes"===eachWay&&react.createElement("th",null,"Place Odds"),"Yes"===ruleFour&&react.createElement("th",null,"Rule 4"))),react.createElement("tbody",null,activeBetType&&_toConsumableArray(Array(activeBetType.num_of_rows!==outcomeSelection.length?outcomeSelection.length:activeBetType.num_of_rows)).map((function(item,index){return react.createElement(react.Fragment,null,"Yes"===addNotes&&react.createElement("tr",{className:horse_calculator_horse_calculator_module.selectionNotesRow},"Yes"===addNotes&&react.createElement("td",{rowSpan:"2"},index+1),react.createElement("td",{colSpan:getColspan()},react.createElement("input",{type:"text",placeholder:"Selection Notes"}))),react.createElement("tr",{className:"".concat("dead_heat"===outcomeSelection[index]?horse_calculator_horse_calculator_module.deadHeatEnabled:""," ").concat("Yes"===addNotes?horse_calculator_horse_calculator_module.selectionNotesEnabled:""),ref:function ref(el){return outcomesTableRefs.current[index]=el}},"No"===addNotes&&react.createElement("td",null,index+1),react.createElement("td",null,react.createElement(Select,{id:"outcome-".concat(index),onChangeFunc:handleOutcomeSelection,options:outcomeOptions.map((function(option){return react.createElement("option",{value:option.value},option.name)})),index:index})),react.createElement("td",null,react.createElement("input",{onChange:calculateTotalBet,className:"lost"===outcomeSelection[index]||"void"===outcomeSelection[index]?horse_calculator_horse_calculator_module.displayNone:"",type:"number",placeholder:2})),"Yes"===eachWay&&react.createElement("td",null,react.createElement(Select,{id:"place_odds",onChangeFunc:calculateTotalBet,options:placeOddsoptions.map((function(option){return react.createElement("option",{value:option},option)}))})),"Yes"===ruleFour&&react.createElement("td",null,react.createElement(Select,{id:"rule_four",onChangeFunc:calculateTotalBet,options:ruleFourOptions.map((function(option){return react.createElement("option",{value:option},option)}))}))),react.createElement("tr",{className:"".concat(horse_calculator_horse_calculator_module.deadHeatRow),ref:function ref(el){return deadHeatRefs.current[index]=el}},"dead_heat"===outcomeSelection[index]&&react.createElement(react.Fragment,null,react.createElement("td",null),react.createElement("td",{colSpan:getColspan()},react.createElement("div",{className:horse_calculator_horse_calculator_module.deadHeat},react.createElement(Select,{id:"tiedposition",label:"Tied position",onChangeFunc:calculateTotalBet,options:_toConsumableArray(Array(16)).map((function(e,i){return react.createElement("option",{value:i+1},i+1)}))}),react.createElement(Select,{id:"deadheatrunners",onChangeFunc:calculateTotalBet,label:"Number of runnners in dead heat:",options:_toConsumableArray(Array(16)).map((function(e,i){return react.createElement("option",{value:i+1},i+1)}))}),react.createElement(Select,{id:"placesoffered",label:"Places Offered",onChangeFunc:calculateTotalBet,options:_toConsumableArray(Array(16)).map((function(e,i){return react.createElement("option",{value:i+1},i+1)}))}))))))})))),"Accumulator"===activeBetType.name&&react.createElement(react.Fragment,null,react.createElement("div",{className:horse_calculator_horse_calculator_module.fullWidth},react.createElement(Select,{id:"fold_option",label:"Fold options:",refObj:foldOptionRef,tooltip:"Accumulator - A Single Bet on up to 20 Selections",onChangeFunc:handleFoldOption,options:[react.createElement("option",{value:"1"},"Disabled"),react.createElement("option",{value:"2"},"Enabled")]})),"2"===foldOption&&react.createElement("table",{className:horse_calculator_horse_calculator_module.foldTable},react.createElement("thead",null,react.createElement("tr",null,react.createElement("th",null,"Fold"),react.createElement("th",null,"Stake"),react.createElement("th",null,"Outlay"),react.createElement("th",null,"Return"),react.createElement("th",null,"Profit"))),react.createElement("tbody",null,foldTableRows.map((function(row,index){return react.createElement("tr",{ref:function ref(el){return foldTableRefs.current[index]=el}},react.createElement("td",null,row.name),react.createElement("td",null,react.createElement("input",{type:"number",onChange:calculateTotalBet,step:"decimal"===row.type?.01:0})),react.createElement("td",null,"-"),react.createElement("td",null,"-"),react.createElement("td",null,"-"))}))))),activeBetType.bookmakerBonus&&react.createElement(react.Fragment,null,react.createElement("div",null,react.createElement("label",{htmlFor:"bookmaker_bonus"},(0,getters.Iu)(translations,"bookmaker_bonuses","Bookmaker bonuses:"),react.createElement("input",{type:"number",ref:bookmakerBonusRef,id:"bookmaker_bonus"})),activeBetType.oneLoserBonus&&react.createElement("label",{htmlFor:"one_loser_bonus"},"One loser bonus %:",react.createElement("input",{type:"number",ref:oneLoserBonusRef,id:"one_loser_bonus"}))),activeBetType.oneWinnerConsolation&&react.createElement("div",{className:horse_calculator_horse_calculator_module.fullWidth},react.createElement(Select,{id:"one_winner_consolation",label:"One Winner Consolation:",refObj:oneWinnerConsolationRef,onChangeFunc:handleFoldOption,options:[react.createElement("option",{value:"0",selected:""},"None"),react.createElement("option",{value:"2"},"Double Odds"),react.createElement("option",{value:"3"},"Triple Odds"),react.createElement("option",{value:"4"},"Quadruple Odds"),react.createElement("option",{value:"5"},"Quintuple Odds")]}))),react.createElement("div",null,react.createElement(Select,{id:"stake_type",label:"Stake Type:",refObj:stakeTypeRef,options:[react.createElement("option",{value:"1",selected:!0},"Stake per Bet"),react.createElement("option",{value:"2"},"Total Combined Stake")]}),!("Accumulator"===activeBetType.name&&"2"===foldOption)&&react.createElement("label",{htmlFor:"stake"},(0,getters.Iu)(translations,"stake","Stake:"),react.createElement("div",{"data-curr-symbol":(0,getters.Iu)(translations,"horse_racing_currency","€"),className:horse_calculator_horse_calculator_module.currencyInput},react.createElement("input",{ref:stakeRef,type:"number",onChange:function handleStakeChange(e){return setStake(parseInt(e.target.value))}})))),react.createElement("table",{className:horse_calculator_horse_calculator_module.outcomeTable},react.createElement("thead",null,react.createElement("tr",null,react.createElement("th",null,(0,getters.Iu)(translations,"total_outlay","Total Outlay")),react.createElement("th",null,(0,getters.Iu)(translations,"total_return","Total Return")),react.createElement("th",null,(0,getters.Iu)(translations,"total_profit","Total Profit")))),react.createElement("tbody",null,react.createElement("tr",null,react.createElement("td",{ref:totalOutlayRef},"-"),react.createElement("td",{ref:totalReturnRef},"-"),react.createElement("td",{ref:totalProfitRef},"-"))))),react.createElement("div",{className:horse_calculator_horse_calculator_module.ctaContainer},react.createElement(atoms_button.Z,{isButton:!0,primaryColor:!1,btnText:(0,getters.Iu)(translations,"reset-calculation","Reset Calculation"),invertColors:!0,onClick:function resetCalculation(){handleBetTypeChange({target:{value:0}}),setStake(parseInt(0)),stakeRef.current.value=null,betTypeRef.current&&(betTypeRef.current.value=0)}}))))};HorseCalculator.displayName="HorseCalculator",HorseCalculator.__docgenInfo={description:"",methods:[],displayName:"HorseCalculator"};var horse_calculator=HorseCalculator;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/molecules/horse-calculator/index.js"]={name:"HorseCalculator",docgenInfo:HorseCalculator.__docgenInfo,path:"src/components/molecules/horse-calculator/index.js"});var horse_calculator_stories={title:"Matrix-Theme/Molecules/HorseRacingCalculator",component:horse_calculator,argTypes:{},parameters:{docs:{description:{component:"Horse racing calculator component"},page:function page(){return react.createElement(react.Fragment,null,react.createElement(blocks.Dx,null),react.createElement(blocks.dk,null),react.createElement(blocks.sq,null),react.createElement(blocks.$4,{story:blocks.Uh}))}}}},Template=function Template(args){return react.createElement(horse_calculator,args)};Template.displayName="Template";var Default=Template.bind({});Default.parameters=Object.assign({storySource:{source:"(args) => <HorseRacingCalculator {...args} />"}},Default.parameters)},"./src/components/molecules/newsletter-optin/newsletter-optin.stories.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default},default:function(){return newsletter_optin_stories}});__webpack_require__("../node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("../node_modules/react/index.js"),blocks=__webpack_require__("../node_modules/@storybook/addon-docs/blocks.js"),getters=(__webpack_require__("../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../node_modules/core-js/modules/es.string.trim.js"),__webpack_require__("../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../node_modules/core-js/modules/es.array.from.js"),__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.js")),MainProvider=__webpack_require__("../node_modules/gatsby-core-theme/src/context/MainProvider.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),newsletter_optin_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/newsletter-optin/newsletter-optin.module.scss"),options={insert:"head",singleton:!1},newsletter_optin_newsletter_optin_module=(injectStylesIntoStyleTag_default()(newsletter_optin_module.Z,options),newsletter_optin_module.Z.locals||{});function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function Newsletter(_ref){var _ref$title=_ref.title,title=void 0===_ref$title?"Exclusive Casino Offers and Free Spins straight to your Inbox":_ref$title,_ref$description=_ref.description,description=void 0===_ref$description?"Subscribe below to be the first to get notified of exclusive casino offers, free spins and bonuses - conveniently via email or SMS. We won’t flood your inbox, but just give you the good stuff in the right way!":_ref$description,_ref$terms=_ref.terms,terms=void 0===_ref$terms?"I confirm that I am 18+ years old and Irish resident.":_ref$terms,_ref$privacyText=_ref.privacyText,privacyText=void 0===_ref$privacyText?'Read our <a class="newsletter-gtm" href="/privacy-policy">Privacy Policy</a> for more details.':_ref$privacyText,form=(0,react.useRef)(null),translations=((0,react.useContext)(MainProvider._)||{}).translations,validationForm=function validationForm(e){var termsValidate,nameValidate=!1,emailValidate=!1,phoneValidate=!1;return e.name.value||""!==e.name.value.trim()?(nameValidate=!0,e.name.classList.remove(newsletter_optin_newsletter_optin_module.error)):(nameValidate=!1,e.name.classList.add(newsletter_optin_newsletter_optin_module.error)),/^([\w.%+-]+)@([\w-]+\.)+([\w]{2,})$/i.test(e.email.value)?(emailValidate=!0,e.email.classList.remove(newsletter_optin_newsletter_optin_module.error)):(emailValidate=!1,e.email.classList.add(newsletter_optin_newsletter_optin_module.error)),/^\d+$/.test(e.phone.value)?(phoneValidate=!0,e.phone.classList.remove(newsletter_optin_newsletter_optin_module.error)):(phoneValidate=!1,e.phone.classList.add(newsletter_optin_newsletter_optin_module.error)),termsValidate=e.terms.checked,!!(nameValidate&&emailValidate&&phoneValidate&&termsValidate)},_useState2=_slicedToArray((0,react.useState)(!1),2),checked=_useState2[0],setChecked=_useState2[1];return react.createElement("div",{className:newsletter_optin_newsletter_optin_module.container},react.createElement("div",{className:newsletter_optin_newsletter_optin_module.newsletterBody},react.createElement("h2",{className:newsletter_optin_newsletter_optin_module.title},"SUBSCRIBE"),react.createElement("p",null,title),react.createElement("p",null,description),react.createElement("form",{action:"",method:"post",ref:form,onSubmit:function onSubmit(e){e.preventDefault(),validationForm(e.target.elements)&&console.log("submited")}},react.createElement("input",{placeholder:(0,getters.Iu)(translations,"first_name","First Name"),type:"text",name:"name"}),react.createElement("input",{placeholder:(0,getters.Iu)(translations,"email","E-Mail"),type:"email",name:"email"}),react.createElement("input",{placeholder:(0,getters.Iu)(translations,"phone_number","Phone Number"),type:"text",name:"phone"}),react.createElement("button",{type:"submit"},"Subscribe"),react.createElement("div",{className:newsletter_optin_newsletter_optin_module.checkbox},react.createElement("div",null,react.createElement("label",{className:newsletter_optin_newsletter_optin_module.labelContainer,htmlFor:"terms"},terms,react.createElement("input",{type:"checkbox",id:"terms",name:"terms",checked:checked,onChange:function handleChange(){setChecked(!checked)}}),react.createElement("span",{className:newsletter_optin_newsletter_optin_module.checkmark}))),react.createElement("p",{dangerouslySetInnerHTML:{__html:privacyText}})))))}Newsletter.displayName="Newsletter",Newsletter.__docgenInfo={description:"",methods:[],displayName:"Newsletter",props:{title:{defaultValue:{value:"'Exclusive Casino Offers and Free Spins straight to your Inbox'",computed:!1},required:!1},description:{defaultValue:{value:"'Subscribe below to be the first to get notified of exclusive casino offers, free spins and bonuses - conveniently via email or SMS. We won’t flood your inbox, but just give you the good stuff in the right way!'",computed:!1},required:!1},terms:{defaultValue:{value:"'I confirm that I am 18+ years old and Irish resident.'",computed:!1},required:!1},privacyText:{defaultValue:{value:'\'Read our <a class="newsletter-gtm" href="/privacy-policy">Privacy Policy</a> for more details.\'',computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/molecules/newsletter-optin/index.js"]={name:"Newsletter",docgenInfo:Newsletter.__docgenInfo,path:"src/components/molecules/newsletter-optin/index.js"});var newsletter_optin_stories={title:"Matrix-Theme/Molecules/Newsletter Optin",component:Newsletter,argTypes:{page:{name:"page",type:{name:"object",required:!0},defaultValue:null,description:"The page object.",table:{type:{summary:"object"},defaultValue:{summary:null}}},title:{name:"title",type:{name:"string",required:!1},defaultValue:"Exclusive Casino Offers and Free Spins straight to your Inbox",description:"This text message will show on top of Newsletter as a title.",table:{type:{summary:"string"},defaultValue:{summary:"Exclusive Casino Offers and Free Spins straight to your Inbox"}}},description:{name:"description",defaultValue:"Subscribe below to be the first to get notified of exclusive casino offers, free spins and bonuses - conveniently via email or SMS. We won’t flood your inbox, but just give you the good stuff in the right way!",description:"This text message will be shown below the title.",table:{type:{summary:"string"},defaultValue:{summary:"Subscribe below to be the first to get notified of exclusive casino offers, free spins and bonuses - conveniently via email or SMS. We won’t flood your inbox, but just give you the good stuff in the right way!"}}},terms:{name:"terms",defaultValue:"I confirm that I am 18+ years old and Irish resident.",description:"This text message shows Terms and Conditions.",table:{type:{summary:"string"},defaultValue:{summary:"I confirm that I am 18+ years old and Irish resident."}}},privacy_text:{name:"privacy_text",defaultValue:"Read our Privacy Policy for more details.",description:"This text message shows the URL for Privacy Policy.",table:{type:{summary:"string"},defaultValue:{summary:"Read our Privacy Policy for more details."}}}},parameters:{docs:{description:{component:"Generates Newsletter Optin form on PPC pages."},page:function page(){return react.createElement(react.Fragment,null,react.createElement(blocks.Dx,null),react.createElement(blocks.dk,null),react.createElement(blocks.sq,null),react.createElement(blocks.$4,{story:blocks.Uh}))}}}},Template=function Template(args){return react.createElement(Newsletter,args)};Template.displayName="Template";var Default=Template.bind({});Default.args={page:{},title:"Exclusive Casino Offers and Free Spins straight to your Inbox",description:"Subscribe below to be the first to get notified of exclusive casino offers, free spins and bonuses - conveniently via email or SMS. We won’t flood your inbox, but just give you the good stuff in the right way!",terms:"I confirm that I am 18+ years old and Irish resident.",privacy_text:"Read our Privacy Policy for more details."},Default.parameters=Object.assign({storySource:{source:"(args) => <Newsletter {...args} />"}},Default.parameters)},"./src/components/molecules/newsletter/newsletter.stories.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default},default:function(){return newsletter_stories}});__webpack_require__("../node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("../node_modules/react/index.js"),blocks=__webpack_require__("../node_modules/@storybook/addon-docs/blocks.js"),MdClose=(__webpack_require__("../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../node_modules/core-js/modules/es.array.from.js"),__webpack_require__("../node_modules/@react-icons/all-files/md/MdClose.js")),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),MainProvider=__webpack_require__("../node_modules/gatsby-core-theme/src/context/MainProvider.js"),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),newsletter_button_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/newsletter/toggle-button/newsletter-button.module.scss"),options={insert:"head",singleton:!1},toggle_button_newsletter_button_module=(injectStylesIntoStyleTag_default()(newsletter_button_module.Z,options),newsletter_button_module.Z.locals||{}),NewsletterButton=function NewsletterButton(_ref){var _ref$text=_ref.text,text=void 0===_ref$text?"Bonus alert":_ref$text,toggleNewsLetter=_ref.toggleNewsLetter,_ref$active=_ref.active,active=void 0===_ref$active||_ref$active,_ref$ppcPage=_ref.ppcPage,ppcPage=void 0!==_ref$ppcPage&&_ref$ppcPage;return react.createElement("button",{onClick:toggleNewsLetter,className:"".concat(toggle_button_newsletter_button_module.button," ").concat(active&&toggle_button_newsletter_button_module.active," ").concat(ppcPage&&toggle_button_newsletter_button_module.ppcButton)},text)};NewsletterButton.displayName="NewsletterButton",NewsletterButton.propTypes={text:prop_types_default().string,toggleNewsLetter:prop_types_default().bool,active:prop_types_default().bool,ppcPage:prop_types_default().bool},NewsletterButton.__docgenInfo={description:"",methods:[],displayName:"NewsletterButton",props:{text:{defaultValue:{value:"'Bonus alert'",computed:!1},type:{name:"string"},required:!1,description:""},active:{defaultValue:{value:"true",computed:!1},type:{name:"bool"},required:!1,description:""},ppcPage:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},toggleNewsLetter:{type:{name:"bool"},required:!1,description:""}}};var toggle_button=NewsletterButton;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/newsletter/toggle-button/index.js"]={name:"NewsletterButton",docgenInfo:NewsletterButton.__docgenInfo,path:"src/components/atoms/newsletter/toggle-button/index.js"});__webpack_require__("../node_modules/core-js/modules/es.string.trim.js"),__webpack_require__("../node_modules/core-js/modules/es.string.match.js"),__webpack_require__("../node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("../node_modules/core-js/modules/es.promise.js");var atoms_button=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/button/index.js"),newsletter_privacy_button_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/newsletter/privacy&button/newsletter-privacy&button.module.scss"),newsletter_privacy_button_module_options={insert:"head",singleton:!1},privacy_button_newsletter_privacy_button_module=(injectStylesIntoStyleTag_default()(newsletter_privacy_button_module.Z,newsletter_privacy_button_module_options),newsletter_privacy_button_module.Z.locals||{}),PrivacyandSuccess=function PrivacyandSuccess(_ref){var privacyText=_ref.privacyText,btnText=_ref.btnText,loading=_ref.loading;return react.createElement("div",{className:privacy_button_newsletter_privacy_button_module.display},privacyText?react.createElement("p",{className:privacy_button_newsletter_privacy_button_module.privacytext,dangerouslySetInnerHTML:{__html:privacyText}}):null,react.createElement(atoms_button.Z,{disabled:loading,className:privacy_button_newsletter_privacy_button_module.button,btnText:btnText,isButton:!0}))};PrivacyandSuccess.displayName="PrivacyandSuccess",PrivacyandSuccess.propTypes={privacyText:prop_types_default().string,btnText:prop_types_default().string,loading:prop_types_default().bool},PrivacyandSuccess.__docgenInfo={description:"",methods:[],displayName:"PrivacyandSuccess",props:{privacyText:{type:{name:"string"},required:!1,description:""},btnText:{type:{name:"string"},required:!1,description:""},loading:{type:{name:"bool"},required:!1,description:""}}};var privacy_button=PrivacyandSuccess;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/newsletter/privacy&button/index.js"]={name:"PrivacyandSuccess",docgenInfo:PrivacyandSuccess.__docgenInfo,path:"src/components/atoms/newsletter/privacy&button/index.js"});var newsletter_form_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/newsletter/form/newsletter-form.module.scss"),newsletter_form_module_options={insert:"head",singleton:!1},form_newsletter_form_module=(injectStylesIntoStyleTag_default()(newsletter_form_module.Z,newsletter_form_module_options),newsletter_form_module.Z.locals||{}),process=__webpack_require__("../node_modules/process/browser.js");function asyncGeneratorStep(gen,resolve,reject,_next,_throw,key,arg){try{var info=gen[key](arg),value=info.value}catch(error){return void reject(error)}info.done?resolve(value):Promise.resolve(value).then(_next,_throw)}function _asyncToGenerator(fn){return function(){var self=this,args=arguments;return new Promise((function(resolve,reject){var gen=fn.apply(self,args);function _next(value){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"next",value)}function _throw(err){asyncGeneratorStep(gen,resolve,reject,_next,_throw,"throw",err)}_next(void 0)}))}}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var NewsletterForm=function NewsletterForm(_ref){var handleApi=_ref.handleApi,setErr=_ref.setErr,setLogading=_ref.setLogading,redirectUrl=_ref.redirectUrl,_ref$privacyText=_ref.privacyText,privacyText=void 0===_ref$privacyText?"By subscribing, you confirm that you are over 18 years of age and that you accept our":_ref$privacyText,_ref$formText=_ref.formText,formText=void 0===_ref$formText?{placeholderName:"John Doe",placeholderEmail:"johndoe@email.com",placeholderPhoneNumber:"08XXXXXXXX",buttonText:"Submit",thankYouText:null,textAboveEmail:"Email address",textAboveName:"Your name",textAbovePhoneNumber:"Phone number",mainText:"You get more than 405 free spins",subscribeText:"Subscribe to our newsletter and get more than 405 free spins instantly."}:_ref$formText,form=(0,react.useRef)(null),_useState2=_slicedToArray((0,react.useState)(""),2),ip=_useState2[0],setIP=_useState2[1],_useState4=_slicedToArray((0,react.useState)(!1),2),error=_useState4[0],setError=_useState4[1],_useState6=_slicedToArray((0,react.useState)(!1),2),loading=_useState6[0],setLoading=_useState6[1],translations=((0,react.useContext)(MainProvider._)||{}).translations,formTextTranslated={placeholderName:(0,getters.Iu)(translations,"newsletter_form_first_name_placeholder",formText.placeholderName),placeholderEmail:(0,getters.Iu)(translations,"newsletter_form_email_placeholder",formText.placeholderEmail),placeholderPhoneNumber:(0,getters.Iu)(translations,"newsletter_form_phone_placeholder",formText.placeholderPhoneNumber),buttonText:(0,getters.Iu)(translations,"newsletter_form_submit",formText.buttonText),thankYouText:(0,getters.Iu)(translations,"newsletter_form_thanks",formText.thankYouText),textAboveEmail:(0,getters.Iu)(translations,"newsletter_form_email_text",formText.textAboveEmail),textAboveName:(0,getters.Iu)(translations,"newsletter_form_first_name_text",formText.textAboveName),textAbovePhoneNumber:(0,getters.Iu)(translations,"newsletter_form_phone_text",formText.textAbovePhoneNumber),mainText:(0,getters.Iu)(translations,"newsletter_form_main_text",formText.mainText),subscribeText:(0,getters.Iu)(translations,"newsletter_form_subscribe_text",formText.subscribeText)},getData=function(){var _ref3=_asyncToGenerator(regeneratorRuntime.mark((function _callee(){return regeneratorRuntime.wrap((function _callee$(_context){for(;;)switch(_context.prev=_context.next){case 0:return _context.next=2,fetch("https://geolocation-db.com/json/",{method:"GET"}).then((function(response){return response.json()})).then((function(data){return setIP(data.IPv4)})).catch((function(err){console.log("Error ".concat(err))}));case 2:case"end":return _context.stop()}}),_callee)})));return function getData(){return _ref3.apply(this,arguments)}}();(0,react.useEffect)((function(){getData()}),[]);var bacomApi=function(){var _ref4=_asyncToGenerator(regeneratorRuntime.mark((function _callee2(name,email){var timestamp;return regeneratorRuntime.wrap((function _callee2$(_context2){for(;;)switch(_context2.prev=_context2.next){case 0:return timestamp=Date.now()/1e3|0,setLoading(!0),_context2.next=4,fetch("https://bacom.dk/subscribe/gig/?firstname=".concat(name,"&user_ip=").concat(ip,"&ref_name=").concat(process.env.BACOM_REF_NAME,"&ref_url=").concat(process.env.BACOM_REF_URL,"×tamp=").concat(timestamp,"&country=").concat(process.env.COUNTRY,"&email=").concat(email),{method:"GET",headers:{"Content-Type":"application/json",Accept:"application/json"}}).then((function(res){return res.text().then((function(text){"OK"===text?window.location.href=redirectUrl:setError(!0),setLoading(!1)}))}));case 4:case"end":return _context2.stop()}}),_callee2)})));return function bacomApi(_x,_x2){return _ref4.apply(this,arguments)}}();setErr&&setError(!0);return react.createElement(react.Fragment,null,error?react.createElement("span",null,(0,getters.Iu)(translations,"fail_error_newsletter","Something went wrong. Please try again later!")," "):react.createElement(react.Fragment,null,react.createElement("p",{className:form_newsletter_form_module.maintext},formTextTranslated.mainText),react.createElement("p",{dangerouslySetInnerHTML:{__html:formTextTranslated.subscribeText},className:form_newsletter_form_module.subscribe}),react.createElement("form",{ref:form,onSubmit:function handelSubmit(e){e.preventDefault();var elements=e.target.elements;(function validationForm(e){var _e$phone,_e$email,nameValidate=!1,emailValidate=!1,numberValidate=!1;return e.name.value||""!==e.name.value.trim()?(nameValidate=!0,e.name.classList.remove(form_newsletter_form_module.error)):(nameValidate=!1,e.name.classList.add(form_newsletter_form_module.error)),null!==(_e$phone=e.phone)&&void 0!==_e$phone&&_e$phone.value||e.email.value.match(/^([\w.%+-]+)@([\w-]+\.)+([\w]{2,})$/i)?(emailValidate=!0,e.email.classList.remove(form_newsletter_form_module.error)):(emailValidate=!1,e.email.classList.add(form_newsletter_form_module.error)),!e.phone||null!==(_e$email=e.email)&&void 0!==_e$email&&_e$email.value||(e.phone.value||""!==e.phone.value.trim()?(numberValidate=!0,e.phone.classList.remove(form_newsletter_form_module.error)):(numberValidate=!1,e.phone.classList.add(form_newsletter_form_module.error))),!(!nameValidate||!emailValidate&&!numberValidate)})(elements)&&(handleApi?handleApi(elements.name.value,elements.email.value,ip):bacomApi(elements.name.value,elements.email.value))}},formTextTranslated.textAboveName?react.createElement("label",{className:form_newsletter_form_module.textAboveInput,htmlFor:"name"},formTextTranslated.textAboveName):null,react.createElement("input",{className:form_newsletter_form_module.input,placeholder:formTextTranslated.placeholderName,type:"text",name:"name",id:"name"}),formTextTranslated.textAboveEmail?react.createElement("label",{className:form_newsletter_form_module.textAboveInput,htmlFor:"email"},formTextTranslated.textAboveEmail):null,react.createElement("input",{className:form_newsletter_form_module.input,placeholder:formTextTranslated.placeholderEmail,type:"email",name:"email",id:"email"}),formTextTranslated.textAbovePhoneNumber?react.createElement("label",{className:form_newsletter_form_module.textAboveInput,htmlFor:"phone"},formTextTranslated.textAbovePhoneNumber):null,formTextTranslated.placeholderPhoneNumber&&react.createElement("input",{className:form_newsletter_form_module.input,placeholder:formTextTranslated.placeholderPhoneNumber,type:"tel",name:"phone",id:"phone"}),react.createElement(privacy_button,{loading:setLogading||loading,btnText:formTextTranslated.buttonText,privacyText:privacyText}))))};NewsletterForm.propTypes={formText:prop_types_default().formText={placeholderName:prop_types_default().string,placeholderEmail:prop_types_default().string,buttonText:prop_types_default().string,placeholderPhoneNumber:prop_types_default().string,textAboveEmail:prop_types_default().string,textAboveName:prop_types_default().string,textAbovePhoneNumber:prop_types_default().string,privacyText:prop_types_default().string},handleApi:prop_types_default().func,setErr:prop_types_default().bool,redirectUrl:prop_types_default().string,privacyText:prop_types_default().string,setLogading:prop_types_default().bool},NewsletterForm.__docgenInfo={description:"",methods:[],displayName:"NewsletterForm",props:{privacyText:{defaultValue:{value:"'By subscribing, you confirm that you are over 18 years of age and that you accept our'",computed:!1},type:{name:"string"},required:!1,description:""},formText:{defaultValue:{value:"{\n placeholderName: 'John Doe',\n placeholderEmail: 'johndoe@email.com',\n placeholderPhoneNumber: '08XXXXXXXX',\n buttonText: 'Submit',\n thankYouText: null,\n textAboveEmail: 'Email address',\n textAboveName: 'Your name',\n textAbovePhoneNumber: 'Phone number',\n mainText: 'You get more than 405 free spins',\n subscribeText: 'Subscribe to our newsletter and get more than 405 free spins instantly.',\n}",computed:!1},type:{name:"custom",raw:"PropTypes.formText = {\n placeholderName: PropTypes.string,\n placeholderEmail: PropTypes.string,\n buttonText: PropTypes.string,\n placeholderPhoneNumber: PropTypes.string,\n textAboveEmail: PropTypes.string,\n textAboveName: PropTypes.string,\n textAbovePhoneNumber: PropTypes.string,\n privacyText: PropTypes.string,\n}"},required:!1,description:""},handleApi:{type:{name:"func"},required:!1,description:""},setErr:{type:{name:"bool"},required:!1,description:""},redirectUrl:{type:{name:"string"},required:!1,description:""},setLogading:{type:{name:"bool"},required:!1,description:""}}};var newsletter_form=NewsletterForm;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/newsletter/form/index.js"]={name:"NewsletterForm",docgenInfo:NewsletterForm.__docgenInfo,path:"src/components/atoms/newsletter/form/index.js"});var newsletter_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/newsletter/newsletter.module.scss"),newsletter_module_options={insert:"head",singleton:!1},newsletter_newsletter_module=(injectStylesIntoStyleTag_default()(newsletter_module.Z,newsletter_module_options),newsletter_module.Z.locals||{});function newsletter_slicedToArray(arr,i){return function newsletter_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function newsletter_iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function newsletter_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return newsletter_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return newsletter_arrayLikeToArray(o,minLen)}(arr,i)||function newsletter_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function newsletter_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var Newsletter=function Newsletter(_ref){var page=_ref.page,_ref$openBtnText=_ref.openBtnText,openBtnText=void 0===_ref$openBtnText?"Unlock Bonuses":_ref$openBtnText,_ref$footer=_ref.footer,footer=void 0!==_ref$footer&&_ref$footer,_ref$isSticky=_ref.isSticky,isSticky=void 0===_ref$isSticky||_ref$isSticky,_useState2=newsletter_slicedToArray((0,react.useState)(!1),2),toggleNewsetter=_useState2[0],setToggleNewsletter=_useState2[1],_useState4=newsletter_slicedToArray((0,react.useState)(!1),2),isClicked=_useState4[0],setIsClicked=_useState4[1],translations=((0,react.useContext)(MainProvider._)||{}).translations,redirectUrl="/"===(null==page?void 0:page.path)?"".concat((0,getters.Gr)(null==page?void 0:page.path),"?subscribed=true"):"".concat((0,getters.Gr)(null==page?void 0:page.path),"/?subscribed=true"),newsletterFloatingContainer=(0,react.useRef)(react.createRef()),ppcPage="ppc"===page.template;return react.createElement("div",{ref:newsletterFloatingContainer,className:footer?newsletter_newsletter_module.contentFooter:isSticky?newsletter_newsletter_module.content:newsletter_newsletter_module.contentPage},!footer&&isSticky&&react.createElement(toggle_button,{active:!toggleNewsetter,text:(0,getters.Iu)(translations,"newsletter_open_btn",openBtnText),toggleNewsLetter:function statesCombined(){setToggleNewsletter(!toggleNewsetter),setIsClicked(!0)},isClicked:isClicked,gtmClass:"newsletter-gtm btn-cta",ppcPage:ppcPage}),toggleNewsetter&&react.createElement("div",{className:newsletter_newsletter_module.layer,onClick:function onClick(){return setToggleNewsletter(!1)},"aria-hidden":"true"}),react.createElement("div",{className:footer?newsletter_newsletter_module.formFooter:isSticky?"".concat(newsletter_newsletter_module.form," ").concat(toggleNewsetter&&newsletter_newsletter_module.active," ").concat(ppcPage&&newsletter_newsletter_module.ppcPageForm):newsletter_newsletter_module.formPage},react.createElement(newsletter_form,{redirectUrl:redirectUrl,ppcPage:ppcPage,footer:footer}),!footer&&isSticky?react.createElement(MdClose.F,{className:newsletter_newsletter_module.closeBtn,onClick:function onClick(){return setToggleNewsletter(!1)}}):null))};Newsletter.displayName="Newsletter",Newsletter.propTypes={openBtnText:prop_types_default().string,page:prop_types_default().shape({path:prop_types_default().string,template:prop_types_default().string,type:prop_types_default().string}),footer:prop_types_default().bool,isSticky:prop_types_default().bool},Newsletter.__docgenInfo={description:"",methods:[],displayName:"Newsletter",props:{openBtnText:{defaultValue:{value:"'Unlock Bonuses'",computed:!1},type:{name:"string"},required:!1,description:""},footer:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},isSticky:{defaultValue:{value:"true",computed:!1},type:{name:"bool"},required:!1,description:""},page:{type:{name:"shape",value:{path:{name:"string",required:!1},template:{name:"string",required:!1},type:{name:"string",required:!1}}},required:!1,description:""}}};var newsletter=Newsletter;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/molecules/newsletter/index.js"]={name:"Newsletter",docgenInfo:Newsletter.__docgenInfo,path:"src/components/molecules/newsletter/index.js"});var newsletter_stories={title:"Matrix-Theme/Molecules/Newsletter",component:newsletter,argTypes:{page:{name:"page",type:{name:"object",required:!0},defaultValue:null,description:"The page object."},mainText:{name:"mainText",type:{name:"String",required:!1},defaultValue:"",description:"Main text"},subscribeText:{name:"subscribeText",type:{name:"String",required:!1},defaultValue:"",description:"Subscribe Text"},placeholderName:{name:"placeholderName",type:{name:"String",required:!1},defaultValue:"",description:"Placeholder Name"},placeholderEmail:{name:"placeholderEmail",type:{name:"String",required:!1},defaultValue:"",description:"Placeholder Email"},privacyText:{name:"privacyText",type:{name:"String",required:!1},defaultValue:"",description:"Privacy Text"},openBtnText:{name:"openBtnText",type:{name:"String",required:!1},defaultValue:"",description:"Open Button Text"},buttonText:{name:"buttonText",type:{name:"String",required:!1},defaultValue:"",description:"Button Text"},formAction:{name:"formAction",type:{name:"String",required:!1},defaultValue:"",description:"Form Action"},newsletterListId:{name:"newsletterListId",type:{name:"String",required:!1},defaultValue:"",description:"Newsletter List Id"},footer:{name:"footer",type:{name:"boolean",required:!0},defaultValue:!1,description:"Footer Newsletter"}},parameters:{docs:{description:{component:"Newsletter component"},page:function page(){return react.createElement(react.Fragment,null,react.createElement(blocks.Dx,null),react.createElement(blocks.dk,null),react.createElement(blocks.sq,null),react.createElement(blocks.$4,{story:blocks.Uh}))}}}},Template=function Template(args){return react.createElement(newsletter,args)};Template.displayName="Template";var Default=Template.bind({});Default.args={page:{},mainText:"You get more than 405 free spins",subscribeText:"Subscribe to our newsletter and get more than 405 free spins instantly.",placeholderName:"Name",placeholderEmail:"Email",privacyText:"By subscribing, you confirm that you are over 18 years of age and that you accept our",openBtnText:"FÅ 405 FREE SPINS UMIDDELBART",buttonText:"Hent dine freespins",formAction:"",newsletterListId:"",footer:!1},Default.parameters=Object.assign({storySource:{source:"(args) => <Newsletter {...args} />"}},Default.parameters)},"./src/components/molecules/operator-summary/operator-summary.stories.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default},default:function(){return operator_summary_stories}});__webpack_require__("../node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("../node_modules/react/index.js"),blocks=__webpack_require__("../node_modules/@storybook/addon-docs/blocks.js"),prop_types=(__webpack_require__("../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/prop-types/index.js")),prop_types_default=__webpack_require__.n(prop_types),bonus=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/bonus/index.js"),operator_cta=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/operator-cta/index.js"),conditional_wrapper=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/conditional-wrapper/index.js"),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.js"),lazy_image=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/lazy-image/index.js"),tnc=__webpack_require__("../node_modules/gatsby-core-theme/src/components/molecules/tnc/index.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),operator_summary_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-summary/operator-summary.module.scss"),options={insert:"head",singleton:!1},operator_summary_operator_summary_module=(injectStylesIntoStyleTag_default()(operator_summary_module.Z,options),operator_summary_module.Z.locals||{}),OperatorSummary=function OperatorSummary(_ref){var _page$extra_fields,_operatorData,_operatorData$extra_f,page=_ref.page,_ref$imgWidth=_ref.imgWidth,imgWidth=void 0===_ref$imgWidth?147:_ref$imgWidth,_ref$tracker=_ref.tracker,tracker=void 0===_ref$tracker?"main":_ref$tracker,_ref$activeOperator=_ref.activeOperator,activeOperator=void 0===_ref$activeOperator||_ref$activeOperator,defaultBg=_ref.defaultBg,operatorData=null==page||null===(_page$extra_fields=page.extra_fields)||void 0===_page$extra_fields?void 0:_page$extra_fields.related_operator;"operator"===page.type&&(operatorData=null==page?void 0:page.relation);var prettyLink=(0,getters.u4)(operatorData,"main",!1,page.template),bgImg=(0,getters.tp)(null==page?void 0:page.extra_fields,"summary_background")?(0,getters.S7)((0,getters.tp)(null==page?void 0:page.extra_fields,"summary_background")):defaultBg,operatorName=operatorData&&operatorData.name,operatorLogo=operatorData&&operatorData.logo_url;return react.createElement("div",{className:operator_summary_operator_summary_module.summaryContainer},react.createElement(lazy_image.Z,{alt:"summary review background",src:bgImg,className:operator_summary_operator_summary_module.backgroundImg}),react.createElement("div",{className:operator_summary_operator_summary_module.summaryInner},react.createElement(conditional_wrapper.Z,{condition:activeOperator,wrapper:function wrapper(item){return react.createElement("a",{href:prettyLink,title:operatorName,target:"_blank",rel:"noreferrer",className:"operator-summary-gtm"},item)}},react.createElement(lazy_image.Z,{alt:operatorName,src:(0,getters.S7)(operatorLogo,imgWidth)})),react.createElement(bonus.Z,{item:operatorData,tracker:tracker}),react.createElement("div",{className:operator_summary_operator_summary_module.summary,dangerouslySetInnerHTML:{__html:page.extra_fields.summary}}),react.createElement(operator_cta.Z,{operator:operatorData,gtmClass:"operator-summary-operator-cta-gtm",pageTemplate:null==page?void 0:page.template}),"1"===(null===(_operatorData=operatorData)||void 0===_operatorData||null===(_operatorData$extra_f=_operatorData.extra_fields)||void 0===_operatorData$extra_f?void 0:_operatorData$extra_f.terms_and_conditions_text_enabled)&&react.createElement(tnc.Z,{hasCollapse:!1,operator:operatorData})))};OperatorSummary.displayName="OperatorSummary",OperatorSummary.propTypes={imgWidth:prop_types_default().number,tracker:prop_types_default().string,activeOperator:prop_types_default().bool,defaultBg:prop_types_default().string,page:prop_types_default().shape({market:prop_types_default().string,extra_fields:prop_types_default().shape({summary:prop_types_default().string,summary_background:prop_types_default().string,related_operator:prop_types_default().objectOf({})}),template:prop_types_default().string,relation:prop_types_default().shape({name:prop_types_default().string,logo_url:prop_types_default().string,bonus:prop_types_default().objectOf({}),affiliate_games:prop_types_default().objectOf({}),status:prop_types_default().string}),name:prop_types_default().string,logo_url:prop_types_default().string,type:prop_types_default().string})},OperatorSummary.__docgenInfo={description:"",methods:[],displayName:"OperatorSummary",props:{imgWidth:{defaultValue:{value:"147",computed:!1},type:{name:"number"},required:!1,description:""},tracker:{defaultValue:{value:"'main'",computed:!1},type:{name:"string"},required:!1,description:""},activeOperator:{defaultValue:{value:"true",computed:!1},type:{name:"bool"},required:!1,description:""},defaultBg:{type:{name:"string"},required:!1,description:""},page:{type:{name:"shape",value:{market:{name:"string",required:!1},extra_fields:{name:"shape",value:{summary:{name:"string",required:!1},summary_background:{name:"string",required:!1},related_operator:{name:"objectOf",value:{name:"custom",raw:"{}"},required:!1}},required:!1},template:{name:"string",required:!1},relation:{name:"shape",value:{name:{name:"string",required:!1},logo_url:{name:"string",required:!1},bonus:{name:"objectOf",value:{name:"custom",raw:"{}"},required:!1},affiliate_games:{name:"objectOf",value:{name:"custom",raw:"{}"},required:!1},status:{name:"string",required:!1}},required:!1},name:{name:"string",required:!1},logo_url:{name:"string",required:!1},type:{name:"string",required:!1}}},required:!1,description:""}}};var operator_summary=OperatorSummary;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/molecules/operator-summary/index.js"]={name:"OperatorSummary",docgenInfo:OperatorSummary.__docgenInfo,path:"src/components/molecules/operator-summary/index.js"});var summaryBackground=__webpack_require__("./storybook-images/summaryBackground.jpeg"),operator_summary_stories={title:"Matrix-Theme/Molecules/Operator Summary",component:operator_summary,argTypes:{page:{name:"page",type:{name:"object",required:!1},defaultValue:"",description:"The page data object",table:{type:{summary:"object"},defaultValue:{summary:""}}},activeOperator:{name:"activeOperator",type:{name:"boolean",required:!1},defaultValue:!0,description:"Operator status",table:{type:{summary:"boolean"},defaultValue:{summary:!0}}},imgWidth:{name:"imgWidth",type:{name:"number",required:!1},defaultValue:147,description:"Width of the logo. Note: this will not update automatically as the images are resized in the CDN",table:{type:{summary:"number"},defaultValue:{summary:147}}},tracker:{name:"tracker",type:{name:"string",required:!1},defaultValue:"main",description:"Tracker type for the bonus",table:{type:{summary:"string"},defaultValue:{summary:"main"}},control:{type:"inline-radio",options:["main","secondary","fun"]}},defaultBg:{name:"defaultBg",type:{name:"string",required:!1},defaultValue:summaryBackground,description:"Default background image in case there is no background image uploaded in Hercules under `page.extra_fields.summary_background`",table:{type:{summary:"string"},defaultValue:{summary:summaryBackground}}}},parameters:{docs:{description:{component:"A component for operator information, almost like a banner. Displays the logo, background image, bonus (oneliner), summary and CTA button."},page:function page(){return react.createElement(react.Fragment,null,react.createElement(blocks.Dx,null),react.createElement(blocks.dk,null),react.createElement(blocks.sq,null),react.createElement(blocks.$4,{story:blocks.Uh}))}}}},Template=function Template(args){return react.createElement(operator_summary,args)};Template.displayName="Template";var Default=Template.bind({});Default.args={page:{extra_fields:{summary_background:"",summary:"The industry-leading Rizk Casino welcomes you with an exclusive welcome offer straight after your registration. Sign up today and let the reels dance! Rizk Casino offers many casino games to play and score a big win on.",related_operator:{name:"Rizk",type:"casino",short_name:"rizk",logo_url:"rizk-logopng7ed316ac19-original.png",one_liners:{main:{one_liner:"100% Bonus + 50 free spins"},secondary:{one_liner:"Welcome Bonus up to £1000"},fun:{one_liner:"10 Beers + 6 tequila shots"}}}}},imgWidth:147,tracker:"main",activeOperator:!0,defaultBg:summaryBackground},Default.parameters=Object.assign({storySource:{source:"(args) => <OperatorSummary {...args} />"}},Default.parameters)},"./src/components/molecules/small-welcome-bonus/small-welcome-bonus.stories.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default},default:function(){return small_welcome_bonus_stories}});__webpack_require__("../node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("../node_modules/react/index.js"),blocks=__webpack_require__("../node_modules/@storybook/addon-docs/blocks.js"),prop_types=(__webpack_require__("../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("./node_modules/prop-types/index.js")),prop_types_default=__webpack_require__.n(prop_types),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.js"),lazy_image=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/lazy-image/index.js"),MainProvider=__webpack_require__("../node_modules/gatsby-core-theme/src/context/MainProvider.js"),mobile_detect=__webpack_require__("./src/helpers/mobile-detect.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),small_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/small-welcome-bonus/small-welcome-bonus.module.scss"),options={insert:"head",singleton:!1},small_welcome_bonus_small_welcome_bonus_module=(injectStylesIntoStyleTag_default()(small_welcome_bonus_module.Z,options),small_welcome_bonus_module.Z.locals||{}),Index=function Index(_ref){var _page$extra_fields,page=_ref.page,operator=null==page||null===(_page$extra_fields=page.extra_fields)||void 0===_page$extra_fields?void 0:_page$extra_fields.game_review_summary_operator,logo_url=operator.logo_url,status=operator.status,translations=((0,react.useContext)(MainProvider._)||{}).translations,isMobile=(0,mobile_detect.s)(),prettyLink=(0,getters.u4)(operator,"main",!1,page.template),playNow=(0,getters.Iu)(translations,"play_now","Play now"),bonus=(0,getters.p8)("main",operator),logUrlObject=null==operator?void 0:operator.logo_url_object;return isMobile&&(playNow="> ".concat((0,getters.Iu)(translations,"play_for_real_at","Play for real at")," @ ").concat(operator.name)),react.createElement("div",null,react.createElement("div",{className:small_welcome_bonus_small_welcome_bonus_module.content},react.createElement("div",{className:small_welcome_bonus_small_welcome_bonus_module.desc},react.createElement("div",{className:small_welcome_bonus_small_welcome_bonus_module.logo},react.createElement("a",{href:prettyLink,title:operator.name,target:"_blank",rel:"noreferrer",className:"small-welcome-bonus-gtm logo-cta","aria-label":"".concat(null==operator?void 0:operator.name," Link")},react.createElement(lazy_image.Z,{width:120,height:50,alt:(0,getters.PY)(logUrlObject,null==operator?void 0:operator.name),src:(0,getters.S7)(logo_url,120,50)}))),react.createElement("div",{className:small_welcome_bonus_small_welcome_bonus_module.bonus},bonus&&react.createElement("h5",null,bonus.one_liner))),react.createElement("div",{className:small_welcome_bonus_small_welcome_bonus_module.ctaButton},"active"===status&&react.createElement("a",{href:prettyLink,title:operator.name,target:"_blank",rel:"noreferrer",className:"small-welcome-bonus-gtm"}," ",playNow," "))))};Index.displayName="Index",Index.propTypes={page:prop_types_default().shape({extra_fields:prop_types_default().shape({game_review_summary_operator:prop_types_default().shape({logo_url:prop_types_default().string,status:prop_types_default().string})})})},Index.__docgenInfo={description:"",methods:[],displayName:"Index",props:{page:{type:{name:"shape",value:{extra_fields:{name:"shape",value:{game_review_summary_operator:{name:"shape",value:{logo_url:{name:"string",required:!1},status:{name:"string",required:!1}},required:!1}},required:!1}}},required:!1,description:""}}};var small_welcome_bonus=Index;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/molecules/small-welcome-bonus/index.js"]={name:"Index",docgenInfo:Index.__docgenInfo,path:"src/components/molecules/small-welcome-bonus/index.js"});var small_welcome_bonus_stories={title:"Matrix-Theme/Molecules/SmallWelcomeBonus",component:small_welcome_bonus,argTypes:{page:{name:"page",type:{name:"object",required:!0},defaultValue:null,description:"The page object."}},parameters:{docs:{description:{component:"Small Welcome Bonus component"},page:function page(){return react.createElement(react.Fragment,null,react.createElement(blocks.Dx,null),react.createElement(blocks.dk,null),react.createElement(blocks.sq,null),react.createElement(blocks.$4,{story:blocks.Uh}))}}}},Template=function Template(args){return react.createElement(small_welcome_bonus,args)};Template.displayName="Template";var Default=Template.bind({});Default.args={page:{extra_fields:{game_review_summary_operator:{name:"Chanz Casino",bonus:{one_liners:{main:{one_liner:"100 kroner gratis + 200% opptil 2000 kr + 300 gratisspinn"}}},logo_url:"chanz390pngb3f8bb64f3-original.png",status:"active"}}}},Default.parameters=Object.assign({storySource:{source:"(args) => <SmallWelcomeBonus {...args} />"}},Default.parameters)},"./src/components/organisms/footer-navigation/footer-navigation.stories.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default},default:function(){return footer_navigation_stories}});__webpack_require__("../node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("../node_modules/react/index.js"),blocks=__webpack_require__("../node_modules/@storybook/addon-docs/blocks.js"),prop_types=(__webpack_require__("../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/prop-types/index.js")),prop_types_default=__webpack_require__.n(prop_types),link_list=__webpack_require__("../node_modules/gatsby-core-theme/src/components/molecules/link-list/index.js"),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),footer_navigation_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/organisms/footer-navigation/footer-navigation.module.scss"),options={insert:"head",singleton:!1},footer_navigation_footer_navigation_module=(injectStylesIntoStyleTag_default()(footer_navigation_module.Z,options),footer_navigation_module.Z.locals||{});function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var FooterNavigation=function FooterNavigation(_ref){var _window,section=_ref.section,_ref$isStorybook=_ref.isStorybook,isStorybook=void 0!==_ref$isStorybook&&_ref$isStorybook,_useState2=_slicedToArray((0,react.useState)(!1),2),show=_useState2[0],setShow=_useState2[1],scrollY="undefined"!=typeof window&&((null===(_window=window)||void 0===_window?void 0:_window.scrollY)||0),menuArray=(0,getters.yB)(section,"menu"),handleEvent=function handleEvent(){window.scrollY>scrollY?setShow(!1):setShow(!0),scrollY=window.scrollY};return(0,react.useEffect)((function(){return window.addEventListener("scroll",handleEvent),window.addEventListener("mousemove",handleEvent),window.addEventListener("touchstart",handleEvent),function(){window.removeEventListener("scroll",handleEvent),window.addEventListener("mousemove",handleEvent),window.addEventListener("touchstart",handleEvent)}}),[]),react.createElement("div",{className:"".concat(footer_navigation_footer_navigation_module.footerLinks," ").concat(isStorybook&&footer_navigation_footer_navigation_module.storybookStyles," ").concat(show&&footer_navigation_footer_navigation_module.showFooterNav)},react.createElement(link_list.Z,{showListTitle:!1,singleList:!0,lists:menuArray,disableLazyLoad:!0,width:48,height:48,gtmClass:"mobile-menu-gtm"}))};FooterNavigation.displayName="FooterNavigation",FooterNavigation.propTypes={section:prop_types_default().shape({modules:prop_types_default().arrayOf(prop_types_default().shape({name:prop_types_default().string}))}).isRequired,isStorybook:prop_types_default().bool},FooterNavigation.__docgenInfo={description:"",methods:[],displayName:"FooterNavigation",props:{isStorybook:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},section:{type:{name:"shape",value:{modules:{name:"arrayOf",value:{name:"shape",value:{name:{name:"string",required:!1}}},required:!1}}},required:!0,description:""}}};var footer_navigation=FooterNavigation;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/organisms/footer-navigation/index.js"]={name:"FooterNavigation",docgenInfo:FooterNavigation.__docgenInfo,path:"src/components/organisms/footer-navigation/index.js"});var footer_navigation_stories={title:"Matrix-Theme/Organisms/Footer Navigation",component:footer_navigation,argTypes:{section:{name:"section",type:{name:"object",required:!0},defaultValue:"",description:"Section object containing a menu module.",table:{type:{summary:"object"},defaultValue:{summary:""}}}},parameters:{docs:{description:{component:"A component that displays a list of links for use on Mobile only as component fixed to the bottom of the screen."},page:function page(){return react.createElement(react.Fragment,null,react.createElement(blocks.Dx,null),react.createElement(blocks.dk,null),react.createElement(blocks.sq,null),react.createElement(blocks.$4,{story:blocks.Uh}))}}}},Template=function Template(args){return react.createElement(footer_navigation,args)};Template.displayName="Template";var Default=Template.bind({});Default.args={section:{modules:[{menu_id:353,menu_short_code:"footer_navigation",module_value_id:167244,name:"menu",title:"Footer Navigation",short_code:"footer_navigation",language:"en",market:"za_en",children:[{id:5503,page_id:null,title:"R500 Free",nofollow:!1,value:"/za_en/visit/footerNav/zar_casino",image:"zar-casinopng.webp",image_object:{width:"80",height:"80",url:"https://assets-srv.s3.eu-west-1.amazonaws.com/zar-casinopng.webp",filename:"zar-casinopng.webp"}},{id:5501,page_id:null,title:"R350 Free",nofollow:!1,value:"/za_en/visit/footerNav/springbok_casino",image:"springbok-2png.webp",image_object:{width:"80",height:"80",url:"https://assets-srv.s3.eu-west-1.amazonaws.com/springbok-2png.webp",filename:"springbok-2png.webp"}},{id:5613,page_id:null,title:"R300 Free",nofollow:!1,value:"/za_en/visit/footerNav/rich_casino",image:"rich-casinopng.webp",image_object:{width:"80",height:"80",url:"https://assets-srv.s3.eu-west-1.amazonaws.com/rich-casinopng.webp",filename:"rich-casinopng.webp"}},{id:5614,page_id:null,title:"R200 Free",nofollow:!1,value:"/za_en/visit/footerNav/punt_casino",image:"punt-casinopng-1.webp",image_object:{width:"80",height:"80",url:"https://assets-srv.s3.eu-west-1.amazonaws.com/punt-casinopng-1.webp",filename:"punt-casinopng-1.webp"}}]}]},isStorybook:!0},Default.parameters=Object.assign({storySource:{source:"(args) => <FooterNavigation {...args} />"}},Default.parameters)},"./src/components/organisms/popup/popup.stories.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default},default:function(){return popup_stories}});__webpack_require__("../node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("../node_modules/react/index.js"),blocks=__webpack_require__("../node_modules/@storybook/addon-docs/blocks.js"),toplist_factory=__webpack_require__("../node_modules/gatsby-core-theme/tests/factories/modules/toplist.factory.js"),prop_types=(__webpack_require__("../node_modules/core-js/modules/es.string.link.js"),__webpack_require__("../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("../node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/prop-types/index.js")),prop_types_default=__webpack_require__.n(prop_types),MdClose=__webpack_require__("../node_modules/@react-icons/all-files/md/MdClose.js"),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.js"),MainProvider=__webpack_require__("../node_modules/gatsby-core-theme/src/context/MainProvider.js"),hooks_link=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/link/index.js"),popup_card=__webpack_require__("./src/components/atoms/cards/popup-card/index.js");function setIdleTimeout(seconds,onIdle){var timeout=0;function startTimer(){timeout=setTimeout(onExpires,1e3*seconds),document.addEventListener("mousemove",onActivity),document.addEventListener("keydown",onActivity)}function onExpires(){timeout=0,onIdle()}function onActivity(){timeout&&clearTimeout(timeout),document.removeEventListener("mousemove",onActivity),document.removeEventListener("keydown",onActivity),setTimeout(startTimer,1e3)}startTimer()}var mobile_detect=__webpack_require__("./src/helpers/mobile-detect.js"),months=["January","February","March","April","May","June","July","August","September","October","November","December"],injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),popup_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/organisms/popup/popup.module.scss"),options={insert:"head",singleton:!1},popup_popup_module=(injectStylesIntoStyleTag_default()(popup_module.Z,options),popup_module.Z.locals||{}),process=__webpack_require__("../node_modules/process/browser.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var Popup=function Popup(_ref){var module=_ref.module,_ref$isStorybook=_ref.isStorybook,isStorybook=void 0!==_ref$isStorybook&&_ref$isStorybook,_ref$toggle=_ref.toggle,toggle=void 0!==_ref$toggle&&_ref$toggle,_ref$icon=_ref.icon,icon=void 0===_ref$icon?null:_ref$icon,_ref$numberOfItems=_ref.numberOfItems,numberOfItems=void 0===_ref$numberOfItems?4:_ref$numberOfItems,_ref$link=_ref.link,link=void 0!==_ref$link&&_ref$link,template=_ref.template,modal=(0,react.useRef)(null),_useState2=_slicedToArray((0,react.useState)(!1),2),showModal=_useState2[0],setShowModal=_useState2[1],_useState4=_slicedToArray((0,react.useState)(!1),2),isIdle=_useState4[0],setIsIdle=_useState4[1],items=module.items[0].items,shownItems=(null==items?void 0:items.slice(0,numberOfItems))||[],style=module.style,tracker=(0,mobile_detect.s)()?"mobPopup":"Popup",translations=((0,react.useContext)(MainProvider._)||{}).translations,date=new Date,month=months[date.getMonth()],title=(0,getters.Iu)(translations,"popup_title","Claim These Exclusive Bonuses").replace("month",month),toggleTitle=(0,getters.Iu)(translations,"popup_toggle_title","Claim These Exclusive Bonuses").replace("month",month),handelActive=function handelActive(status){setShowModal(status)},idleTimeout=function idleTimeout(){setIsIdle(!0)},displayModal=function displayModal(){sessionStorage.getItem("popstate")||(setShowModal(!0),sessionStorage.setItem("popstate",!0))},handleEsc=function handleEsc(event){27===event.keyCode&&setShowModal(!1)},handleOutsideClick=function handleOutsideClick(event){modal.current&&(null==modal?void 0:modal.current)===event.target&&setShowModal(!1)};return(0,react.useEffect)((function(){isIdle&&window.addEventListener("scroll",displayModal)}),[isIdle]),(0,react.useEffect)((function(){showModal?modal.current.classList.toggle(popup_popup_module.activeModal):modal.current.classList.remove(popup_popup_module.activeModal)}),[showModal]),(0,react.useEffect)((function(){var time=process.env.EXPIRE_SECONDS_POPUP,expireSeconds=void 0!==time?time:20;return isStorybook&&setShowModal(!0),window.addEventListener("keydown",handleEsc),window.addEventListener("mousedown",handleOutsideClick),window.addEventListener("load",setIdleTimeout(expireSeconds,idleTimeout)),document.addEventListener("mouseleave",displayModal),function(){window.removeEventListener("keydown",handleEsc),window.removeEventListener("mousedown",handleOutsideClick),window.removeEventListener("load",setIdleTimeout),document.removeEventListener("mouseleave",displayModal)}}),[]),react.createElement("div",{className:"".concat(popup_popup_module.popup," ").concat(toggle?popup_popup_module.toggleButton:popup_popup_module.defaultPopup," ").concat(style&&popup_popup_module[style])},showModal&&react.createElement("div",{onClick:function onClick(){return handelActive(!1)},className:popup_popup_module.modalOverlay}),react.createElement("div",{className:"".concat(popup_popup_module.modalInner," "),ref:modal},react.createElement("div",{className:popup_popup_module.itemsContent},react.createElement("div",{className:popup_popup_module.popupCenter},react.createElement("div",{className:popup_popup_module.modalContent},react.createElement("div",{className:popup_popup_module.modalTitle},react.createElement("p",null,title),react.createElement("button",{className:"".concat(popup_popup_module.closeIcon," popup-gtm btn-cta"),onClick:function onClick(){return handelActive(!1)}},react.createElement(MdClose.F,null))),null==shownItems?void 0:shownItems.map((function(item,index){return react.createElement(popup_card.Z,{key:index,item:item,tracker:tracker,template:template})}))),toggle&&!link&&react.createElement("div",{className:popup_popup_module.toggleButtonPopup,onClick:function onClick(){handelActive(!showModal)}},icon,react.createElement("p",null,toggleTitle)),toggle&&link&&react.createElement(hooks_link.Z,{className:popup_popup_module.toggleButtonPopup,to:link},icon,react.createElement("p",null,toggleTitle))))))};Popup.displayName="Popup",Popup.propTypes={module:prop_types_default().shape({items:prop_types_default().arrayOf(prop_types_default().object),style:prop_types_default().string}).isRequired,isStorybook:prop_types_default().bool,toggle:prop_types_default().bool,icon:prop_types_default().elementType,numberOfItems:prop_types_default().number,link:prop_types_default().bool||prop_types_default().string,template:prop_types_default().string},Popup.__docgenInfo={description:"",methods:[],displayName:"Popup",props:{isStorybook:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},toggle:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},icon:{defaultValue:{value:"null",computed:!1},type:{name:"elementType"},required:!1,description:""},numberOfItems:{defaultValue:{value:"4",computed:!1},type:{name:"number"},required:!1,description:""},link:{defaultValue:{value:"false",computed:!1},type:{name:"custom",raw:"PropTypes.bool || PropTypes.string"},required:!1,description:""},module:{type:{name:"shape",value:{items:{name:"arrayOf",value:{name:"object"},required:!1},style:{name:"string",required:!1}}},required:!0,description:""},template:{type:{name:"string"},required:!1,description:""}}};var popup=Popup;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/organisms/popup/index.js"]={name:"Popup",docgenInfo:Popup.__docgenInfo,path:"src/components/organisms/popup/index.js"});var popup_stories={title:"Matrix-Theme/Organisms/Popup",component:popup,argTypes:{module:{name:"module",type:{name:"object",required:!0},defaultValue:"",description:"Module object",table:{type:{summary:"object"},defaultValue:{summary:""}}}},parameters:{docs:{description:{component:"A component that displays toplist Popup"},page:function page(){return react.createElement(react.Fragment,null,react.createElement(blocks.Dx,null),react.createElement(blocks.dk,null),react.createElement(blocks.sq,null),react.createElement(blocks.$4,{story:blocks.Uh}))}}}},Template=function Template(args){return react.createElement(popup,args)};Template.displayName="Template";var Default=Template.bind({});Default.args={isStorybook:!0,module:toplist_factory.Zj},Default.parameters=Object.assign({storySource:{source:"(args) => <Popup {...args} />"}},Default.parameters)},"./src/components/pages/contact-us/contact-us.stories.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default},default:function(){return contact_us_stories}});__webpack_require__("../node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("../node_modules/react/index.js"),blocks=__webpack_require__("../node_modules/@storybook/addon-docs/blocks.js"),contact_us_authors_factory=__webpack_require__("../node_modules/gatsby-core-theme/tests/factories/modules/contact-us-authors.factory.js"),site_schema_factory=__webpack_require__("../node_modules/gatsby-core-theme/tests/factories/modules/site-schema.factory.js"),prop_types=(__webpack_require__("../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("./node_modules/prop-types/index.js")),prop_types_default=__webpack_require__.n(prop_types),keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.js"),MainProvider=__webpack_require__("../node_modules/gatsby-core-theme/src/context/MainProvider.js"),organisms_form=__webpack_require__("../node_modules/gatsby-core-theme/src/components/organisms/form/index.js"),header=__webpack_require__("../node_modules/gatsby-core-theme/src/components/molecules/header/index.js"),author_card=__webpack_require__("./src/components/atoms/author-card/index.js"),social_icons=__webpack_require__("./src/components/atoms/social-icons/index.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),contact_us_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/pages/contact-us/contact-us.module.scss"),options={insert:"head",singleton:!1},contact_us_contact_us_module=(injectStylesIntoStyleTag_default()(contact_us_module.Z,options),contact_us_module.Z.locals||{}),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.js"),ContactUs=function ContactUs(_ref){var _ref4,page=_ref.page,_ref$hasHeader=_ref.hasHeader,hasHeader=void 0===_ref$hasHeader||_ref$hasHeader,submitUrl=_ref.submitUrl,_ref$successMessage=_ref.successMessage,successMessage=void 0===_ref$successMessage?"Message sent successfully.":_ref$successMessage,_ref$failMessage=_ref.failMessage,failMessage=void 0===_ref$failMessage?"Message failed to send.":_ref$failMessage,_ref$validationMessag=_ref.validationMessage,validationMessage=void 0===_ref$validationMessag?"Fill all the required fields.":_ref$validationMessag,translations=((0,react.useContext)(MainProvider._)||{}).translations,_ref3=page||{},siteSchema=_ref3.siteSchema,authors=_ref3.authors,authorsObjKeys=authors&&Object.keys(authors),socialIcons=siteSchema&&{instagram:(_ref4=siteSchema).instagram,facebook:_ref4.facebook,twitter:_ref4.twitter,linkedin:_ref4.linkedin,youtube:_ref4.youtube};return react.createElement("div",{className:contact_us_contact_us_module.pageContainer},react.createElement("div",{className:contact_us_contact_us_module.contactUsContainer},hasHeader&&react.createElement(header.Z,{section:page}),react.createElement("div",{className:contact_us_contact_us_module.contactBox},react.createElement("div",{className:contact_us_contact_us_module.formWrapper},react.createElement("h1",null,(0,getters.Iu)(translations,"contact_us","Contact Us")),react.createElement("p",null,(0,getters.Iu)(translations,"contact_us_questions","If you have questions about our reviews, games or content, or just want to leave some\n feedback, the Irish Luck team would love to hear from you. You can contact us any time\n using the details below and we'll endeavour to get back to you within 48 hours.")),react.createElement(organisms_form.Z,{type:"contact",hasButton:!0,buttonLabel:"Send",submitUrl:submitUrl,successMessage:successMessage,failMessage:failMessage,validationMessage:validationMessage})),react.createElement("div",{className:contact_us_contact_us_module.socialIcons},siteSchema&&react.createElement(social_icons.Z,{socialIcons:socialIcons}))),react.createElement("div",{className:contact_us_contact_us_module.authors},react.createElement("ul",null,authors&&authorsObjKeys.map((function(key){return react.createElement("li",{key:(0,keygen.Z)()},react.createElement(author_card.Z,{author:authors[key]}))}))))))};ContactUs.displayName="ContactUs",ContactUs.__docgenInfo={description:"",methods:[],displayName:"ContactUs",props:{hasHeader:{defaultValue:{value:"true",computed:!1},type:{name:"bool"},required:!1,description:""},successMessage:{defaultValue:{value:"'Message sent successfully.'",computed:!1},type:{name:"string"},required:!1,description:""},failMessage:{defaultValue:{value:"'Message failed to send.'",computed:!1},type:{name:"string"},required:!1,description:""},validationMessage:{defaultValue:{value:"'Fill all the required fields.'",computed:!1},type:{name:"string"},required:!1,description:""},page:{type:{name:"shape",value:{siteSchema:{name:"shape",value:{},required:!1},authors:{name:"shape",value:{},required:!1}}},required:!0,description:""},submitUrl:{type:{name:"string"},required:!1,description:""}}};var contact_us=ContactUs;ContactUs.propTypes={page:prop_types_default().shape({siteSchema:prop_types_default().shape({}),authors:prop_types_default().shape({})}).isRequired,hasHeader:prop_types_default().bool.isRequired,submitUrl:prop_types_default().string,successMessage:prop_types_default().string,failMessage:prop_types_default().string,validationMessage:prop_types_default().string},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/pages/contact-us/index.js"]={name:"ContactUs",docgenInfo:ContactUs.__docgenInfo,path:"src/components/pages/contact-us/index.js"});var page={};page.authors=Object.assign({},contact_us_authors_factory.o),page.siteSchema=Object.assign({},site_schema_factory.Y);var contact_us_stories={title:"Matrix-Theme/Pages/Contact Us",component:contact_us,argTypes:{page:{name:"page",type:{name:"object",required:!0},defaultValue:"",description:"page object",siteSchema:{type:{summary:"object"},defaultValue:{summary:""}},authors:{type:{summary:"object"},defaultValue:{summary:""}}},hasHeader:{name:"hasHeader",type:{name:"bool",required:!0},defaultValue:!0,description:"page Header"},submitUrl:{name:"submitUrl",type:{name:"string",required:!1},defaultValue:null,description:"submit URL"},successMessage:{name:"successMessage",type:{name:"string",required:!1},defaultValue:"Message sent successfully.",description:"sent message text"},failMessage:{name:"failMessage",type:{name:"string",required:!1},defaultValue:"Message not sent.",description:"fail message text"},validationMessage:{name:"validationMessage",type:{name:"string",required:!1},defaultValue:"Fill all the required fields.",description:"sent message info"}},parameters:{docs:{description:{component:"A component that displays Contact Us page"},page:function page(){return react.createElement(react.Fragment,null,react.createElement(blocks.Dx,null),react.createElement(blocks.dk,null),react.createElement(blocks.sq,null),react.createElement(blocks.$4,{story:blocks.Uh}))}}}},Template=function Template(args){return react.createElement(contact_us,args)};Template.displayName="Template";var Default=Template.bind({});Default.args={page:page,hasHeader:!1},Default.parameters=Object.assign({storySource:{source:"(args) => <ContactUs {...args} />"}},Default.parameters)},"./src/gatsby-core-theme/components/atoms/info-grid/info-grid.stories.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Default:function(){return Default},default:function(){return info_grid_stories}});__webpack_require__("../node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("../node_modules/react/index.js"),blocks=__webpack_require__("../node_modules/@storybook/addon-docs/blocks.js"),prop_types=(__webpack_require__("../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../node_modules/core-js/modules/es.array.from.js"),__webpack_require__("./node_modules/prop-types/index.js")),prop_types_default=__webpack_require__.n(prop_types),GrFormPrevious=__webpack_require__("../node_modules/@react-icons/all-files/gr/GrFormPrevious.js"),GrFormNext=__webpack_require__("../node_modules/@react-icons/all-files/gr/GrFormNext.js"),keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),info_grid_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/gatsby-core-theme/components/atoms/info-grid/info-grid.module.scss"),options={insert:"head",singleton:!1},info_grid_info_grid_module=(injectStylesIntoStyleTag_default()(info_grid_module.Z,options),info_grid_module.Z.locals||{});function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null==_i)return;var _s,_e,_arr=[],_n=!0,_d=!1;try{for(_i=_i.call(arr);!(_n=(_s=_i.next()).done)&&(_arr.push(_s.value),!i||_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{_n||null==_i.return||_i.return()}finally{if(_d)throw _e}}return _arr}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var InfoGrid=function InfoGrid(_ref){var _page$relation,_page$relation2,_page$relation3,_page$relation3$game_,_page$relation4,_page$relation4$game_,_page$relation5,_page$relation6,_page$relation7,_page$relation8,_page$relation9,_page$relation10,page=_ref.page,_ref$gridLables=_ref.gridLables,gridLables=void 0===_ref$gridLables?["Game Provider","Launched","RTP","Volatility","Freespins","Jackpot","Paylines","Wheels","Slot Type"]:_ref$gridLables,volatility="Low",ref=(0,react.useRef)(),_useState2=_slicedToArray((0,react.useState)(2),2),showButtons=_useState2[0],setShowButtons=_useState2[1];1===(null==page||null===(_page$relation=page.relation)||void 0===_page$relation?void 0:_page$relation.volatility)?volatility="Medium":2===(null==page||null===(_page$relation2=page.relation)||void 0===_page$relation2?void 0:_page$relation2.volatility)&&(volatility="High");var slotType="";(null==page||null===(_page$relation3=page.relation)||void 0===_page$relation3||null===(_page$relation3$game_=_page$relation3.game_categories)||void 0===_page$relation3$game_?void 0:_page$relation3$game_.length)>0&&(slotType=page.relation.game_categories[0].name);for(var gridValues=[null==page||null===(_page$relation4=page.relation)||void 0===_page$relation4||null===(_page$relation4$game_=_page$relation4.game_provider)||void 0===_page$relation4$game_?void 0:_page$relation4$game_.name,null==page||null===(_page$relation5=page.relation)||void 0===_page$relation5?void 0:_page$relation5.launch_date,"".concat(null==page||null===(_page$relation6=page.relation)||void 0===_page$relation6?void 0:_page$relation6.rtp,"%"),volatility,1===(null==page||null===(_page$relation7=page.relation)||void 0===_page$relation7?void 0:_page$relation7.freespins)?"Yes":"No",1===(null==page||null===(_page$relation8=page.relation)||void 0===_page$relation8?void 0:_page$relation8.jackpots)?"Yes":"No",null==page||null===(_page$relation9=page.relation)||void 0===_page$relation9?void 0:_page$relation9.winning_lines,null==page||null===(_page$relation10=page.relation)||void 0===_page$relation10?void 0:_page$relation10.number_of_reels,slotType],items={},i=0;i<gridValues.length;i+=1)0!==gridValues[i]&&(items[gridLables[i]]=gridValues[i]);return react.createElement("div",{className:info_grid_info_grid_module.container},react.createElement("div",{ref:ref,className:info_grid_info_grid_module.grid},Object.keys(items).map((function(key){return function gridItem(title,value){return react.createElement("div",{key:(0,keygen.Z)(),className:info_grid_info_grid_module.gridItem},react.createElement("span",null,title),react.createElement("span",null,value))}(key,items[key])}))),2!==showButtons&&react.createElement("button",{onClick:function onClick(){return function previewSlide(){var scrollValue=ref.current.scrollLeft-window.screen.width;ref.current.scrollLeft=scrollValue,setShowButtons(scrollValue<=0?2:0)}()},className:info_grid_info_grid_module.prev,type:"button","aria-label":"Previous Slide"},react.createElement(GrFormPrevious.$,{size:27,color:"#fff"})),1!==showButtons&&react.createElement("button",{onClick:function onClick(){return function nextSlide(){var widthItems=window.screen.width,scrollValue=ref.current.scrollLeft+widthItems-15,inThEnd=scrollValue+widthItems>=ref.current.scrollWidth;ref.current.scrollLeft=scrollValue,setShowButtons(inThEnd?1:0)}()},className:info_grid_info_grid_module.next,type:"button","aria-label":"Next Slide"},react.createElement(GrFormNext._,{size:27,color:"#fff"})))};InfoGrid.displayName="InfoGrid",InfoGrid.propTypes={page:prop_types_default().objectOf(prop_types_default().shape),gridLables:prop_types_default().arrayOf(prop_types_default().shape)},InfoGrid.__docgenInfo={description:"",methods:[],displayName:"InfoGrid",props:{gridLables:{defaultValue:{value:"[\n 'Game Provider',\n 'Launched',\n 'RTP',\n 'Volatility',\n 'Freespins',\n 'Jackpot',\n 'Paylines',\n 'Wheels',\n 'Slot Type',\n]",computed:!1},type:{name:"arrayOf",value:{name:"custom",raw:"PropTypes.shape"}},required:!1,description:""},page:{type:{name:"objectOf",value:{name:"custom",raw:"PropTypes.shape"}},required:!1,description:""}}};var info_grid=InfoGrid;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/gatsby-core-theme/components/atoms/info-grid/index.js"]={name:"InfoGrid",docgenInfo:InfoGrid.__docgenInfo,path:"src/gatsby-core-theme/components/atoms/info-grid/index.js"});var info_grid_stories={title:"Matrix-Theme/Molecules/Info Grid",component:info_grid,argTypes:{page:{name:"page",type:{name:"object",required:!0},defaultValue:null,description:"The page object.",table:{type:{summary:"object"},defaultValue:{summary:null}}}},parameters:{docs:{description:{component:"A component that gets an object of data and generates divs including keys/values. works as a slider on mobile devices"},page:function page(){return react.createElement(react.Fragment,null,react.createElement(blocks.Dx,null),react.createElement(blocks.dk,null),react.createElement(blocks.sq,null),react.createElement(blocks.$4,{story:blocks.Uh}))}}}},Template=function Template(args){return react.createElement(info_grid,args)};Template.displayName="Template";var Default=Template.bind({});Default.args={page:{relation:{volatility:"Medium",game_categories:[{name:"game name"}],game_provider:{name:"Rizk"},launch_date:"2020",freespins:1,jackpots:0,winning_lines:"10",number_of_reels:"50",rtp:"95"}}},Default.parameters=Object.assign({storySource:{source:"(args) => <InfoGrid {...args} />"}},Default.parameters)},"./src/gatsby-core-theme/components/organisms/cards/cards.stories.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ArticleCards:function(){return ArticleCards},GameCards:function(){return GameCards},OperatorCards:function(){return OperatorCards},PaymentMethodCards:function(){return PaymentMethodCards},SoftwareProviderCards:function(){return SoftwareProviderCards},ToplistCards:function(){return ToplistCards},default:function(){return cards_stories}});__webpack_require__("../node_modules/core-js/modules/es.object.assign.js");var react=__webpack_require__("../node_modules/react/index.js"),blocks=__webpack_require__("../node_modules/@storybook/addon-docs/blocks.js"),card_factory=__webpack_require__("../node_modules/gatsby-core-theme/tests/factories/modules/card.factory.js"),loadable_esm=(__webpack_require__("../node_modules/core-js/modules/es.promise.js"),__webpack_require__("../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../node_modules/@loadable/component/dist/loadable.esm.js")),cards=__webpack_require__("../node_modules/gatsby-core-theme/src/components/organisms/cards/index.js");function _extends(){return _extends=Object.assign||function(target){for(var i=1;i<arguments.length;i++){var source=arguments[i];for(var key in source)Object.prototype.hasOwnProperty.call(source,key)&&(target[key]=source[key])}return target},_extends.apply(this,arguments)}var organisms_cards=function(props){var _props$page2,customCardComponent=null;switch(props.module.model_type||props.module.cards_page_type){case"operator":if("advanced"===props.module.style){var ToplistRow=(0,loadable_esm.ZP)((function(){return __webpack_require__.e(64).then(__webpack_require__.bind(__webpack_require__,"./src/components/molecules/toplist/row/variant-one.js"))}));customCardComponent=function customCardComponent(prop){var _props$page;return react.createElement(ToplistRow,{page:prop.item,item:prop.item.relation,layout:"grid",tracker:"main",number:prop.number,template:null==props||null===(_props$page=props.page)||void 0===_props$page?void 0:_props$page.template})}}else customCardComponent=(0,loadable_esm.ZP)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/operator-card/index.js"))}));break;case"game":customCardComponent="game_template_2"===props.module.style?(0,loadable_esm.ZP)((function(){return __webpack_require__.e(500).then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/game-card-two/index.js"))})):(0,loadable_esm.ZP)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/game-card/index.js"))}));break;case"payment_method":customCardComponent=(0,loadable_esm.ZP)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/payment-method-card/index.js"))}));break;case"software_provider":customCardComponent=(0,loadable_esm.ZP)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/software-provider-card/index.js"))}));break;default:customCardComponent=(0,loadable_esm.ZP)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/article-card/index.js"))}))}return react.createElement(cards.Z,_extends({},props,{CustomCardComponent:customCardComponent,pageTemplate:null==props||null===(_props$page2=props.page)||void 0===_props$page2?void 0:_props$page2.template}))},article_card=__webpack_require__("./src/components/atoms/cards/article-card/index.js"),game_card=__webpack_require__("./src/components/atoms/cards/game-card/index.js"),operator_card=__webpack_require__("./src/components/atoms/cards/operator-card/index.js"),software_provider_card=__webpack_require__("./src/components/atoms/cards/software-provider-card/index.js"),payment_method_card=__webpack_require__("./src/components/atoms/cards/payment-method-card/index.js"),cards_stories={title:"Matrix-Theme/Organisms/Cards",component:organisms_cards,argTypes:{module:{name:"module",type:{name:"object",required:!1},defaultValue:"",description:"The module data object",table:{type:{summary:"object"},defaultValue:{summary:null}}},page:{name:"page",type:{name:"object",required:!1},defaultValue:null,description:"The page data object",table:{type:{summary:"object"},defaultValue:{summary:null}},control:null},CustomCardComponent:{name:"CustomCardComponent",type:{name:"element",required:!1},defaultValue:null,description:"Cards data, for example a custom `<ArticleCard />` component.",table:{type:{summary:"element"},defaultValue:{summary:null}},control:null}},parameters:{docs:{description:{component:"The Matrix-Theme provides custom card components for the cards organism in Gatsby-Theme. These are the inner card components, usually slightly different per theme, showing different data depending on the card type coming from Hercules."},page:function page(){return react.createElement(react.Fragment,null,react.createElement(blocks.Dx,null),react.createElement(blocks.dk,null),react.createElement(blocks.sq,null),react.createElement(blocks.fQ,null),react.createElement(blocks.$4,{story:blocks.Uh}))}}}},ArticleCardStory=function ArticleCardStory(args){return react.createElement(organisms_cards,args)};ArticleCardStory.displayName="ArticleCardStory";var ArticleCards=ArticleCardStory.bind({});ArticleCards.story={parameters:{docs:{storyDescription:"Article, game and operator cards have featured card functionality in Matrix-Theme. This means if there is data in the page `extra_fields.card_background_image`, it will display the card in a featured style. If there is no data for the extra field `card_background_image`, the card will display in default style."}},args:{module:card_factory.q9,CustomCardComponent:react.createElement(article_card.default,null)}};var GameCardStory=function GameCardStory(args){return react.createElement(organisms_cards,args)};GameCardStory.displayName="GameCardStory";var GameCards=GameCardStory.bind({});GameCards.args={module:card_factory.Rx,CustomCardComponent:react.createElement(game_card.default,null)};var SoftwareProviderCardStory=function SoftwareProviderCardStory(args){return react.createElement(organisms_cards,args)};SoftwareProviderCardStory.displayName="SoftwareProviderCardStory";var SoftwareProviderCards=SoftwareProviderCardStory.bind({});SoftwareProviderCards.args={module:{model_type:"software_provider",module_title:'"Software Provider"',link_label:"View more",link_value:"/sample",num_of_items:3,mobile_num_of_columns:1,desktop_num_of_columns:3,items:[{title:"Swintt",path:"spilleverandorer/swintt",relation:{games_count:50,logo:"swinttpnge30daf96e-original.png"},sections:{header:{extra_fields:{header_text:"Det er bare å merke seg navnet med det samme. Swintt er en spillutvikler som på kort tid har skape bølger innen iGaming. Grunnlagt i april 2019, markedsfører de seg selv under slagordet “A New Star Is Born”, og skal man bare vurdere dem ut fra antall automater de har..."}}}},{title:"iSoftBet",path:"spilleverandorer/isoftbet",relation:{games_count:150,logo:"isoftbet-1png5a8676-original.png"},sections:{header:{extra_fields:{header_text:"iSoftBet ble grunnlagt i London i 2010 og er i dag etablert med en rekke kontor rundt om i Europa, deriblant Malta og Luxembourg. I 2018 etablerte de seg også i Tallinn, et strategisk viktig land for alle leverandører av Live Casino. Om etableringen betyr at de skal utvide porteføljen..."}}}},{title:"Pragmatic Play",path:"spilleverandorer/pragmatic-play",relation:{games_count:132,logo:"logos-pragmaticplaypng309cff94f9-original.png"},sections:{header:{extra_fields:{header_text:"Pragmatic Play er en relativt ung spillutvikler som ble startet i Sør-Amerika under navnet Top Games og leverte de første årene bare spill til det amerikanske markedet. I 2015 endret de navn og flyttet fokus til Europa, hvor de i dag leverer spill til en lang rekke kjente casinoer på..."}}}}]},CustomCardComponent:react.createElement(software_provider_card.default,null)};var PaymentMethodStory=function PaymentMethodStory(args){return react.createElement(organisms_cards,args)};PaymentMethodStory.displayName="PaymentMethodStory";var PaymentMethodCards=PaymentMethodStory.bind({});PaymentMethodCards.args={module:{model_type:"payment_method",module_title:"Payment Method",link_label:"View more",link_value:"/sample",num_of_items:3,mobile_num_of_columns:1,desktop_num_of_columns:3,items:[{title:"Kortbetaling",path:"innskudd-uttak-casino/kortbetaling",relation:{logo:"kortbetaling.png",name:"Kortbetaling"},sections:{header:{extra_fields:{header_text:"Kortbetalinger med VISA og MasterCard har alltid vært populære i casinouniverset, og kanskje den mest brukte betalingsmetoden blant nordmenn. Er det på tide å bytte til en annen metode, eller bør du fortsette med kortbetaling? Finn ut alt om innskudd og uttak fra kort, samt sikkerheten og hvorfor casinoene gjør."}}}},{title:"Revolut",path:"/innskudd-uttak-casino/revolut",relation:{logo:"revolutpng9862175893-original.png",name:"Revolut"},sections:{header:{extra_fields:{header_text:"Ser du etter en alternativ nettbank, som ikke preges av lokale, norske lover? Revolut er en internasjonal, lisensiert tjeneste fra Storbritannia som gir deg større frihet og mer handlerom – du kan til og med velge å sende lønnen din direkte til denne nettbanken! Revolut er en revolusjonerende betalingsmetode, men..."}}}},{title:"Bankoverføring",path:"innskudd-uttak-casino/bankoverforing",relation:{logo:"banktransfer1.png",name:"Bankoverføring"},sections:{header:{extra_fields:{header_text:"Hvis du foretrekker det gode, gamle og problemfrie, er bankoverføringer midt i blinken. Ja, man kan fortsatt gjøre slike transaksjoner både til og fra nettcasinoene, men muligheten har sine begrensninger. Finn ut hvordan bankoverføringer til casino fungerer og hva du bør ha i tankene! Kan man sende penger til et..."}}}}]},CustomCardComponent:react.createElement(payment_method_card.default,null)};var OperatorCardStory=function OperatorCardStory(args){return react.createElement(organisms_cards,args)};OperatorCardStory.displayName="OperatorCardStory";var OperatorCards=OperatorCardStory.bind({});OperatorCards.args={module:(0,card_factory.$r)(),CustomCardComponent:react.createElement(operator_card.default,null)};var ToplistCardStory=function ToplistCardStory(args){return react.createElement(organisms_cards,args)};ToplistCardStory.displayName="ToplistCardStory";var ToplistCards=ToplistCardStory.bind({});ToplistCards.story={parameters:{docs:{storyDescription:'Toplist cards are a mix between cards and a toplist. They are a type of operator card in Hercules. To display them, you must select the operator card with `display_type` "advanced". In Matrix-Theme this calls the operator cards using the variant-one toplist template in grid style.'}},args:{module:(0,card_factory.$r)("advanced"),CustomCardComponent:react.createElement(operator_card.default,null)}},ArticleCards.parameters=Object.assign({storySource:{source:"(args) => <Cards {...args} />"}},ArticleCards.parameters),GameCards.parameters=Object.assign({storySource:{source:"(args) => <Cards {...args} />"}},GameCards.parameters),SoftwareProviderCards.parameters=Object.assign({storySource:{source:"(args) => <Cards {...args} />"}},SoftwareProviderCards.parameters),PaymentMethodCards.parameters=Object.assign({storySource:{source:"(args) => <Cards {...args} />"}},PaymentMethodCards.parameters),OperatorCards.parameters=Object.assign({storySource:{source:"(args) => <Cards {...args} />"}},OperatorCards.parameters),ToplistCards.parameters=Object.assign({storySource:{source:"(args) => <Cards {...args} />"}},ToplistCards.parameters)},"../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/author-card/author-card.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";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,".AkXjomgoQLiauwiFiFlOWQ\\=\\={width:100%;background:var(--color-2);border-radius:var(--border-radius);display:flex;flex-direction:row;padding:1.6rem}.AkXjomgoQLiauwiFiFlOWQ\\=\\= ._5pLiPB9SqfXiaZm7GQkd1Q\\=\\={width:6rem;height:6rem}.AkXjomgoQLiauwiFiFlOWQ\\=\\= ._5pLiPB9SqfXiaZm7GQkd1Q\\=\\= img{width:100%;height:100%;border-radius:50%}.AkXjomgoQLiauwiFiFlOWQ\\=\\= .XtAgDvhc\\+gAl8mnPqZPXzw\\=\\={padding-left:1.2rem;height:6rem;display:flex;flex-direction:column;align-content:center;justify-content:center}.AkXjomgoQLiauwiFiFlOWQ\\=\\= .XtAgDvhc\\+gAl8mnPqZPXzw\\=\\= div{line-height:1.8rem}.AkXjomgoQLiauwiFiFlOWQ\\=\\= .H47PExPTnyoPz6GjjtSGLw\\=\\={font-weight:600;font-size:1.6rem;color:var(--color-33);line-height:2.4rem}.AkXjomgoQLiauwiFiFlOWQ\\=\\= .ZPVYVc7GUDH9zsipUbR8rQ\\=\\={font-weight:normal;font-size:1.2rem;color:var(--color-32);margin:.4rem 0 0 0}.AkXjomgoQLiauwiFiFlOWQ\\=\\= .qS2-oJb7nkwtzQSSbox\\+gQ\\=\\={font-weight:600;font-size:1.2rem;line-height:1.8rem;color:var(--color-51)}","",{version:3,sources:["webpack://./src/components/atoms/author-card/author-card.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,4BACE,UAAA,CACA,yBAAA,CACA,kCAAA,CCVA,YAAA,CACA,kBDUwB,CACxB,cAAA,CACA,yDACE,UAAA,CACA,WAAA,CACA,6DACE,UAAA,CACA,WAAA,CACA,iBAAA,CAGJ,yDACE,mBAAA,CACA,WAAA,CCxBF,YAAA,CACA,qBDwB0B,CACxB,oBAAA,CACA,sBAAA,CACA,6DACE,kBAAA,CAGJ,wDACE,eAAA,CACA,gBAAA,CACA,qBAAA,CACA,kBAAA,CAEF,wDACE,kBAAA,CACA,gBAAA,CACA,qBAAA,CACA,kBAAA,CAEF,yDACE,eAAA,CACA,gBAAA,CACA,kBAAA,CACA,qBAAA",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.authorCard {\n width: 100%;\n background: var(--color-2);\n border-radius: var(--border-radius);\n @include flex-direction(row);\n padding: 1.6rem;\n .img {\n width: 6rem;\n height: 6rem;\n img {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n }\n }\n .txt {\n padding-left: 1.2rem;\n height: 6rem;\n @include flex-direction(column);\n align-content: center;\n justify-content: center;\n div {\n line-height: 1.8rem;\n }\n }\n .name {\n font-weight: 600;\n font-size: 1.6rem;\n color: var(--color-33);\n line-height: 2.4rem;\n }\n .position {\n font-weight: normal;\n font-size: 1.2rem;\n color: var(--color-32);\n margin: 0.4rem 0 0 0;\n }\n .email {\n font-weight: 600;\n font-size: 1.2rem;\n line-height: 1.8rem;\n color:var(--color-51);\n }\n}\n","@mixin flex-align($align-items, $justify-content) {\n display: flex;\n align-items: $align-items;\n justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n display: flex;\n flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n #{$overflow-type}: $overflow-value;\n -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n background: $bgcolor;\n border-radius: 100px;\n color: $text-color;\n font-weight: 700;\n @include flex-align(center, center);\n padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n color: $color;\n\n &:hover {\n color: $color;\n }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n float: $direction;\n @if $direction == right {\n margin: 0 0 1em 1em;\n } @else {\n margin: 0 1em 1em 0;\n }\n}\n\n@mixin content-img-align($direction: center, $spacing: 1em) {\n display: block;\n @if $direction == right {\n margin: $spacing 0 $spacing auto;\n } @else if $direction == left {\n margin: $spacing auto $spacing 0;\n } @else {\n margin: $spacing auto;\n }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n position: relative;\n &:after {\n top: 100%;\n left: 50%;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-color: rgba(0, 0, 0, 0);\n border-top: $height solid $color;\n border-right: calc($width / 2) solid transparent;\n border-left: calc($width / 2) solid transparent;\n margin-left: - calc($width / 2);\n }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n &:hover {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n }\n}\n\n@mixin sportBtn($color1, $color2) {\n background: linear-gradient(to bottom, $color1 0, $color2 100%);\n &:hover {\n background: linear-gradient(to bottom, $color2 0, $color1 100%);\n }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n line-height: $line-height;\n width: $width;\n font-weight: normal;\n display: inline-block;\n color: $fill-color;\n font-size: 15px;\n position: relative;\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n &:last-child {\n margin-right: 0;\n }\n &:before {\n content: '\\2605';\n }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n line-height: 2rem;\n width: 16px;\n font-weight: normal;\n display: inline-block;\n color: $half-full-color;\n font-size: 15px;\n position: relative;\n &:before {\n content: '\\2605';\n }\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n &:after {\n content: '\\2605';\n color: $half-empty-color;\n position: absolute;\n width: 7px;\n overflow: hidden;\n bottom: 0;\n left: 0;\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={authorCard:"AkXjomgoQLiauwiFiFlOWQ==",img:"_5pLiPB9SqfXiaZm7GQkd1Q==",txt:"XtAgDvhc+gAl8mnPqZPXzw==",name:"H47PExPTnyoPz6GjjtSGLw==",position:"ZPVYVc7GUDH9zsipUbR8rQ==",email:"qS2-oJb7nkwtzQSSbox+gQ=="},__webpack_exports__.Z=___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/cards/article-card/article-card.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";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,".Wygrb5X2J0V29KeJLiU28w\\=\\={flex-grow:1;display:flex;flex-direction:column;width:100%;padding:0 1.6rem .7rem 1.6rem;color:var(--color-43)}.Wygrb5X2J0V29KeJLiU28w\\=\\=.g9dRCRLHer759hGdHoXW2w\\=\\={color:#fff}.Wygrb5X2J0V29KeJLiU28w\\=\\=.g9dRCRLHer759hGdHoXW2w\\=\\= ._5ONZkks0Tufm2g1MlermoA\\=\\={color:#fff;font-weight:400}.Wygrb5X2J0V29KeJLiU28w\\=\\=>a:first-child{flex-grow:1}.Wygrb5X2J0V29KeJLiU28w\\=\\= ._5ONZkks0Tufm2g1MlermoA\\=\\={font-size:1.6rem;line-height:1.35;color:var(--color-43);margin:0;font-weight:400;height:4.5rem;overflow:hidden;font-weight:400;margin-bottom:1rem}.Wygrb5X2J0V29KeJLiU28w\\=\\= .RhWNnVD\\+LOYVx2KvTUAmMg\\=\\={display:flex;flex-direction:row;justify-content:space-between;margin:1rem 0 0 0;width:100%}.Wygrb5X2J0V29KeJLiU28w\\=\\= .RhWNnVD\\+LOYVx2KvTUAmMg\\=\\=>*{font-size:1.2rem;font-weight:400}.Wygrb5X2J0V29KeJLiU28w\\=\\= .EpDdFRCmv8t0u4um44uMYw\\=\\={display:block}.pLNSa-vMHliXgcvP2E0rIQ\\=\\= img{border-radius:var(--border-radius) var(--border-radius) 0 0;height:13rem;width:100%;object-fit:cover}","",{version:3,sources:["webpack://./src/components/atoms/cards/article-card/article-card.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,4BACE,WAAA,CCRA,YAAA,CACA,qBDQwB,CACxB,UAAA,CACA,6BAAA,CACA,qBAAA,CACA,uDACE,UAAA,CACA,oFACE,UAAA,CACA,eAAA,CAIJ,0CACE,WAAA,CAGF,yDACE,gBAAA,CACA,gBAAA,CACA,qBAAA,CACA,QAAA,CACA,eAAA,CACA,aAAA,CACA,eAAA,CACA,eAAA,CACA,kBAAA,CAEF,yDCpCA,YAAA,CACA,kBDoC0B,CACxB,6BAAA,CACA,iBAAA,CACA,UAAA,CAEA,2DACE,gBAAA,CACA,eAAA,CAGJ,wDACE,aAAA,CAIF,gCACE,2DAAA,CACA,YAAA,CACA,UAAA,CACA,gBAAA",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.cardContent {\n flex-grow: 1;\n @include flex-direction(column);\n width: 100%;\n padding: 0 1.6rem 0.7rem 1.6rem;\n color: var(--color-43);\n &.featured {\n color: white;\n .cardTitle {\n color: white;\n font-weight: 400;\n }\n }\n \n > a:first-child {\n flex-grow: 1;\n }\n \n .cardTitle {\n font-size: 1.6rem;\n line-height: 1.35;\n color: var(--color-43);\n margin: 0;\n font-weight: 400;\n height: 4.5rem;\n overflow: hidden;\n font-weight: 400;\n margin-bottom: 1rem;\n }\n .cardMeta {\n @include flex-direction(row);\n justify-content: space-between;\n margin: 1rem 0 0 0;\n width: 100%;\n\n > * {\n font-size: 1.2rem;\n font-weight: 400;\n }\n }\n .readMore {\n display: block;\n }\n}\n.cardBanner {\n img {\n border-radius: var(--border-radius) var(--border-radius) 0 0;\n height: 13rem;\n width: 100%;\n object-fit: cover;\n }\n}\n","@mixin flex-align($align-items, $justify-content) {\n display: flex;\n align-items: $align-items;\n justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n display: flex;\n flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n #{$overflow-type}: $overflow-value;\n -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n background: $bgcolor;\n border-radius: 100px;\n color: $text-color;\n font-weight: 700;\n @include flex-align(center, center);\n padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n color: $color;\n\n &:hover {\n color: $color;\n }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n float: $direction;\n @if $direction == right {\n margin: 0 0 1em 1em;\n } @else {\n margin: 0 1em 1em 0;\n }\n}\n\n@mixin content-img-align($direction: center, $spacing: 1em) {\n display: block;\n @if $direction == right {\n margin: $spacing 0 $spacing auto;\n } @else if $direction == left {\n margin: $spacing auto $spacing 0;\n } @else {\n margin: $spacing auto;\n }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n position: relative;\n &:after {\n top: 100%;\n left: 50%;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-color: rgba(0, 0, 0, 0);\n border-top: $height solid $color;\n border-right: calc($width / 2) solid transparent;\n border-left: calc($width / 2) solid transparent;\n margin-left: - calc($width / 2);\n }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n &:hover {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n }\n}\n\n@mixin sportBtn($color1, $color2) {\n background: linear-gradient(to bottom, $color1 0, $color2 100%);\n &:hover {\n background: linear-gradient(to bottom, $color2 0, $color1 100%);\n }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n line-height: $line-height;\n width: $width;\n font-weight: normal;\n display: inline-block;\n color: $fill-color;\n font-size: 15px;\n position: relative;\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n &:last-child {\n margin-right: 0;\n }\n &:before {\n content: '\\2605';\n }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n line-height: 2rem;\n width: 16px;\n font-weight: normal;\n display: inline-block;\n color: $half-full-color;\n font-size: 15px;\n position: relative;\n &:before {\n content: '\\2605';\n }\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n &:after {\n content: '\\2605';\n color: $half-empty-color;\n position: absolute;\n width: 7px;\n overflow: hidden;\n bottom: 0;\n left: 0;\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={cardContent:"Wygrb5X2J0V29KeJLiU28w==",featured:"g9dRCRLHer759hGdHoXW2w==",cardTitle:"_5ONZkks0Tufm2g1MlermoA==",cardMeta:"RhWNnVD+LOYVx2KvTUAmMg==",readMore:"EpDdFRCmv8t0u4um44uMYw==",cardBanner:"pLNSa-vMHliXgcvP2E0rIQ=="},__webpack_exports__.Z=___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/cards/base-card/base-card.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";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,"._4CyInegDVG42pNVOVBISxQ\\=\\={width:100%;height:29rem;overflow:hidden;background:#fff;border-radius:var(--border-radius);border:1px solid #f1f1f1;position:relative}._4CyInegDVG42pNVOVBISxQ\\=\\= a span{font-weight:500}._4CyInegDVG42pNVOVBISxQ\\=\\=._6KiL2lzqyba78dkYk0cdeQ\\=\\={height:auto;display:flex;flex-direction:column;justify-content:space-between}._4CyInegDVG42pNVOVBISxQ\\=\\=._3rxC9pIkk0vXU2EOn-Oj7Q\\=\\={height:27.8rem}._4CyInegDVG42pNVOVBISxQ\\=\\=._9DVJimdi5LDdhT0dSpW1jA\\=\\={min-height:27rem;height:auto;display:flex}._4CyInegDVG42pNVOVBISxQ\\=\\=._9DVJimdi5LDdhT0dSpW1jA\\=\\= .z6KCUjYV6frOmg5gawQe7A\\=\\={display:flex;height:unset}._4CyInegDVG42pNVOVBISxQ\\=\\=.Qmw1kRFr7n-W3qNIYetOjA\\=\\={background:rgba(0,0,0,0)}._4CyInegDVG42pNVOVBISxQ\\=\\= .KFApIJ83P-ORFn2WZ0USjw\\=\\={display:block;width:100%;height:100%;position:absolute;left:0;top:0}._4CyInegDVG42pNVOVBISxQ\\=\\= .KFApIJ83P-ORFn2WZ0USjw\\=\\= .Y-3mXNGSnRfY01Dy-xHW\\+g\\=\\={width:100%;height:100%;border-radius:var(--border-radius);position:absolute;left:0;top:0;object-fit:cover}._4CyInegDVG42pNVOVBISxQ\\=\\= .KFApIJ83P-ORFn2WZ0USjw\\=\\=>img{width:100%;height:100%}._4CyInegDVG42pNVOVBISxQ\\=\\= .z6KCUjYV6frOmg5gawQe7A\\=\\={display:block;width:100%;height:100%}","",{version:3,sources:["webpack://./src/components/atoms/cards/base-card/base-card.module.scss"],names:[],mappings:"AAcA,6BACE,UAAA,CACA,YAAA,CACA,eAAA,CACA,eAAA,CACA,kCAAA,CACA,wBAAA,CACA,iBAAA,CAEE,oCACE,eAAA,CAGJ,yDACE,WAAA,CACA,YAAA,CACA,qBAAA,CACA,6BAAA,CAEF,yDACE,cAAA,CAEF,yDACE,gBAAA,CACA,WAAA,CACA,YAAA,CAEA,qFACE,YAAA,CACA,YAAA,CAGJ,wDACE,wBAAA,CAEF,yDACE,aAAA,CACA,UAAA,CACA,WAAA,CACA,iBAAA,CACA,MAAA,CACA,KAAA,CACA,sFACE,UAAA,CACA,WAAA,CACA,kCAAA,CACA,iBAAA,CACA,MAAA,CACA,KAAA,CACA,gBAAA,CAGF,6DACE,UAAA,CACA,WAAA,CAGJ,yDACE,aAAA,CACA,UAAA,CACA,WAAA",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.baseCard {\n width: 100%;\n height: 29rem;\n overflow: hidden;\n background: #fff;\n border-radius: var(--border-radius);\n border: 1px solid #f1f1f1;\n position: relative;\n a{\n span{\n font-weight: 500;\n }\n }\n &.article {\n height: auto;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n &.game {\n height: 27.8rem;\n }\n &.operator {\n min-height: 27rem;\n height: auto;\n display: flex;\n\n .cardWrapper {\n display: flex;\n height: unset;\n }\n }\n &.featured {\n background: transparent;\n }\n .cardLink {\n display: block;\n width: 100%;\n height: 100%;\n position: absolute;\n left: 0;\n top: 0;\n .cardBackground { \n width: 100%;\n height: 100%;\n border-radius: var(--border-radius);\n position: absolute;\n left: 0;\n top: 0;\n object-fit: cover;\n }\n\n > img {\n width: 100%;\n height: 100%;\n }\n }\n .cardWrapper {\n display: block;\n width: 100%;\n height: 100%;\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={baseCard:"_4CyInegDVG42pNVOVBISxQ==",article:"_6KiL2lzqyba78dkYk0cdeQ==",game:"_3rxC9pIkk0vXU2EOn-Oj7Q==",operator:"_9DVJimdi5LDdhT0dSpW1jA==",cardWrapper:"z6KCUjYV6frOmg5gawQe7A==",featured:"Qmw1kRFr7n-W3qNIYetOjA==",cardLink:"KFApIJ83P-ORFn2WZ0USjw==",cardBackground:"Y-3mXNGSnRfY01Dy-xHW+g=="},__webpack_exports__.Z=___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/cards/comparison-table/comparison-table.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";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,".zFuRFBUozfXhOL4UbEqToA\\=\\= .EzOF7RFWoKZl9BLKZjCEmw\\=\\={border-right:1px solid var(--body-border-color);overflow-x:scroll;cursor:grabbing}.zFuRFBUozfXhOL4UbEqToA\\=\\= .EzOF7RFWoKZl9BLKZjCEmw\\=\\=::-webkit-scrollbar{height:5px}.zFuRFBUozfXhOL4UbEqToA\\=\\= .EzOF7RFWoKZl9BLKZjCEmw\\=\\=::-webkit-scrollbar-track{background:#f1f1f1}.zFuRFBUozfXhOL4UbEqToA\\=\\= .EzOF7RFWoKZl9BLKZjCEmw\\=\\=::-webkit-scrollbar-thumb{background:#d8d8d8;border-radius:10px}.zFuRFBUozfXhOL4UbEqToA\\=\\= .EzOF7RFWoKZl9BLKZjCEmw\\=\\=::-webkit-scrollbar-thumb:hover{background:#bbb}","",{version:3,sources:["webpack://./src/components/atoms/cards/comparison-table/comparison-table.module.scss"],names:[],mappings:"AAgBE,wDACE,+CAAA,CACA,iBAAA,CACA,eAAA,CACA,2EACE,UAAA,CAIF,iFACE,kBAAA,CAIF,iFACE,kBAAA,CACA,kBAAA,CAIF,uFACE,eAAA",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.comparisonTable {\n \n .contentTable {\n border-right: 1px solid var(--body-border-color);\n overflow-x: scroll;\n cursor: grabbing;\n &::-webkit-scrollbar {\n height: 5px;\n }\n\n /* Track */\n &::-webkit-scrollbar-track {\n background: #f1f1f1;\n }\n\n /* Handle */\n &::-webkit-scrollbar-thumb {\n background: rgb(216, 216, 216);\n border-radius: 10px;\n }\n\n /* Handle on hover */\n &::-webkit-scrollbar-thumb:hover {\n background: rgb(187, 187, 187);\n }\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={comparisonTable:"zFuRFBUozfXhOL4UbEqToA==",contentTable:"EzOF7RFWoKZl9BLKZjCEmw=="},__webpack_exports__.Z=___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/cards/comparison-table/table/table.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";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,".Wnj\\+dqUfGUZzT7Xw8eAEaw\\=\\={position:relative;z-index:0;cursor:grabbing}.Wnj\\+dqUfGUZzT7Xw8eAEaw\\=\\= tr{grid-template-columns:var(--comparison-template-columns-mobile, 9.6rem 27rem);grid-auto-columns:var(--comparison-columns-mobile, 27rem);grid-auto-flow:column;display:grid}.Wnj\\+dqUfGUZzT7Xw8eAEaw\\=\\= tr:first-child th{border-top-left-radius:.8rem}.Wnj\\+dqUfGUZzT7Xw8eAEaw\\=\\= tr:last-child th{border-bottom-left-radius:.8rem;border-bottom:1px solid var(--comparison-header-border-color)}.Wnj\\+dqUfGUZzT7Xw8eAEaw\\=\\= tr th{display:flex;align-items:center;justify-content:center;padding:2rem 2rem;background-color:var(--comparison-header-background-color, #f9f6f3);border:1px solid var(--comparison-header-border-color);border-bottom:none;box-sizing:border-box;color:var(--comparison-header-text-color, #171f49);text-transform:var(--comparison-header-text-transform);font-size:var(--comparison-th-font-size, 1.4rem);font-weight:var(--comparison-th-font-weight, 600);line-height:var(--comparison-th-line-height, 2.1rem);z-index:1}@media only screen and (min-width:992px){.Wnj\\+dqUfGUZzT7Xw8eAEaw\\=\\= tr th{position:sticky;left:0}}.Wnj\\+dqUfGUZzT7Xw8eAEaw\\=\\= tr td{border:1px solid var(--comparison-body-border-color);background-color:var(--comparison-body-background-color);box-sizing:border-box;padding:1.6rem}.Wnj\\+dqUfGUZzT7Xw8eAEaw\\=\\= tr .dU\\+OKQXzXChJ9ZDdyf2DeA\\=\\={display:flex;flex-direction:row;display:flex;align-items:center;justify-content:flex-start;padding:1.6rem}.Wnj\\+dqUfGUZzT7Xw8eAEaw\\=\\= tr .dU\\+OKQXzXChJ9ZDdyf2DeA\\=\\= img{border:1px solid var(--comparison-img-border-color, #f3f2f2);box-sizing:border-box;margin-right:1.6rem;border-radius:.6rem}.Wnj\\+dqUfGUZzT7Xw8eAEaw\\=\\= tr .dU\\+OKQXzXChJ9ZDdyf2DeA\\=\\=>div{height:100%;display:flex;flex-direction:column;display:flex;align-items:flex-start;justify-content:space-evenly}.Wnj\\+dqUfGUZzT7Xw8eAEaw\\=\\= tr .dU\\+OKQXzXChJ9ZDdyf2DeA\\=\\=>div span{font-weight:bold;font-size:18px;line-height:25px;font-weight:700;color:#000;word-break:break-word}.Wnj\\+dqUfGUZzT7Xw8eAEaw\\=\\= tr .dU\\+OKQXzXChJ9ZDdyf2DeA\\=\\=>div a{width:100%;color:var(--comparison-button-color, white) !important;font-size:var(--comparison-button-font-size, 1.8rem) !important;font-weight:var(--comparison-button-font-weight, 700) !important}.Wnj\\+dqUfGUZzT7Xw8eAEaw\\=\\= tr .fpTkRj\\+6pSt2mL0UsWv2xQ\\=\\={display:flex;flex-direction:column;display:flex;align-items:flex-start;justify-content:column}.Wnj\\+dqUfGUZzT7Xw8eAEaw\\=\\= tr .fpTkRj\\+6pSt2mL0UsWv2xQ\\=\\= span:first-child{font-size:1.6rem;line-height:22px;font-weight:bold;color:var(--comparison-first-bonus-color, #17d670)}.Wnj\\+dqUfGUZzT7Xw8eAEaw\\=\\= tr .fpTkRj\\+6pSt2mL0UsWv2xQ\\=\\= span:nth-child(2){font-weight:bold;font-size:1.4rem;font-weight:700;line-height:21px;color:var(--comparison-second-bonus-color, #0f0c28)}.Wnj\\+dqUfGUZzT7Xw8eAEaw\\=\\= tr .kPdYLTp9qhE5vvbREsTuJQ\\=\\={display:flex;align-items:center;justify-content:space-between}.Wnj\\+dqUfGUZzT7Xw8eAEaw\\=\\= tr .kPdYLTp9qhE5vvbREsTuJQ\\=\\=>div{justify-content:left;border:none}.Wnj\\+dqUfGUZzT7Xw8eAEaw\\=\\= tr .kPdYLTp9qhE5vvbREsTuJQ\\=\\=>div>div>span{position:inherit}.Wnj\\+dqUfGUZzT7Xw8eAEaw\\=\\= tr .kPdYLTp9qhE5vvbREsTuJQ\\=\\= a{text-align:right;font-size:1.6rem;line-height:24px;font-weight:700;color:var(--comparison-text-link-color, #4790fe)}.Wnj\\+dqUfGUZzT7Xw8eAEaw\\=\\= tr .Q3PQlu3\\+vYHjTUxq5Sw2uQ\\=\\={display:flex;flex-direction:column;display:flex;align-items:flex-start;justify-content:center}.Wnj\\+dqUfGUZzT7Xw8eAEaw\\=\\= tr .Q3PQlu3\\+vYHjTUxq5Sw2uQ\\=\\= span{display:flex;flex-direction:row;display:flex;align-items:center;justify-content:center;margin-bottom:.4rem;margin-top:.4rem;font-weight:500;font-size:16px;line-height:24px}.Wnj\\+dqUfGUZzT7Xw8eAEaw\\=\\= tr .Q3PQlu3\\+vYHjTUxq5Sw2uQ\\=\\= span svg{color:var(--comparison-top-features-icon-color, #ff893f);margin-right:.25rem;height:14px}.Wnj\\+dqUfGUZzT7Xw8eAEaw\\=\\= tr .WA7DyxOu6qwoWyKQf8wPWg\\=\\={display:flex;flex-direction:column;display:flex;align-items:center;justify-content:center}.Wnj\\+dqUfGUZzT7Xw8eAEaw\\=\\= tr .WA7DyxOu6qwoWyKQf8wPWg\\=\\= p{width:100%;display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:14px;line-height:36px;color:#000}.Wnj\\+dqUfGUZzT7Xw8eAEaw\\=\\= tr .WA7DyxOu6qwoWyKQf8wPWg\\=\\= p span{font-weight:700;font-size:var(--comparison-banking-values, 16px)}.Wnj\\+dqUfGUZzT7Xw8eAEaw\\=\\= tr .B3Miwtj2KpJP3kvuTIjpiA\\=\\={padding:1.6rem 1rem;display:flex;align-items:center;justify-content:flex-start}.Wnj\\+dqUfGUZzT7Xw8eAEaw\\=\\= tr .B3Miwtj2KpJP3kvuTIjpiA\\=\\= span{text-align:center;margin-left:.4rem;background-color:var(--comparison-currencies-background-color, #f3f2f2);color:var(--comparison-currencies-text-color, #17182f);border-radius:2px;padding:.3rem .8em;font-weight:bold;font-size:12px;line-height:18px;width:4.2rem;height:2.4rem;display:inline-block}.Wnj\\+dqUfGUZzT7Xw8eAEaw\\=\\= tr .JsKD7opBYPwwRS3Erz59AQ\\=\\={padding:1.3rem 1.6rem}.Wnj\\+dqUfGUZzT7Xw8eAEaw\\=\\= tr .JsKD7opBYPwwRS3Erz59AQ\\=\\=>div{display:grid;grid-template-columns:repeat(3, 1fr);grid-column-gap:1rem;grid-row-gap:.8rem}.Wnj\\+dqUfGUZzT7Xw8eAEaw\\=\\= tr .JsKD7opBYPwwRS3Erz59AQ\\=\\=>div span,.Wnj\\+dqUfGUZzT7Xw8eAEaw\\=\\= tr .JsKD7opBYPwwRS3Erz59AQ\\=\\=>div a{display:flex;flex-direction:row;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:14px;line-height:18px;object-fit:contain;color:#000;background-color:#fff;width:100%}.Wnj\\+dqUfGUZzT7Xw8eAEaw\\=\\= tr .JsKD7opBYPwwRS3Erz59AQ\\=\\=>div img{width:7.2rem;height:3.2rem;border-radius:4px;object-fit:contain;background-color:#fff}.Wnj\\+dqUfGUZzT7Xw8eAEaw\\=\\= tr .KV\\+ZtuJff06Sivnb93qfOA\\=\\={padding:1.1rem}.Wnj\\+dqUfGUZzT7Xw8eAEaw\\=\\= tr .KV\\+ZtuJff06Sivnb93qfOA\\=\\= img{display:inline-block;height:3.2rem;width:7.2rem;object-fit:contain;background-color:#fff;margin-right:1rem;margin-top:.5rem;margin-bottom:.5rem}@media only screen and (min-width:768px){.Wnj\\+dqUfGUZzT7Xw8eAEaw\\=\\= tr{grid-template-columns:var(--comparison-template-columns-desktop, 15.2rem 27rem)}}","",{version:3,sources:["webpack://./src/components/atoms/cards/comparison-table/table/table.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAcA,6BACE,iBAAA,CACA,SAAA,CACA,eAAA,CACA,gCACE,6EAAA,CACA,yDAAA,CACA,qBAAA,CACA,YAAA,CAGE,+CACE,4BAAA,CAKF,8CACE,+BAAA,CACA,6DAAA,CAIJ,mCCpCF,YAAA,CACA,kBDoCwB,CCnCxB,sBDmCgC,CAC5B,iBAAA,CACA,mEAAA,CACA,sDAAA,CACA,kBAAA,CACA,qBAAA,CACA,kDAAA,CACA,sDAAA,CACA,gDAAA,CACA,iDAAA,CACA,oDAAA,CACA,SAAA,CEGJ,yCFfE,mCAeI,eAAA,CACA,MAAA,CAAA,CAGJ,mCACE,oDAAA,CACA,wDAAA,CACA,qBAAA,CACA,cAAA,CAEF,6DCvDF,YAAA,CACA,kBDuD4B,CC9D5B,YAAA,CACA,kBD8DwB,CC7DxB,0BD6DgC,CAC5B,cAAA,CACA,iEACE,4DAAA,CACA,qBAAA,CACA,mBAAA,CACA,mBAAA,CAEF,iEACE,WAAA,CClEN,YAAA,CACA,qBDkE8B,CCzE9B,YAAA,CACA,sBDyE0B,CCxE1B,4BDwEsC,CAChC,sEACE,gBAAA,CACA,cAAA,CACA,gBAAA,CACA,eAAA,CACA,UAAA,CACA,qBAAA,CAGF,mEACE,UAAA,CACA,sDAAA,CACA,+DAAA,CACA,gEAAA,CAKN,6DCvFF,YAAA,CACA,qBDuF4B,CC9F5B,YAAA,CACA,sBD8FwB,CC7FxB,sBD6FoC,CAChC,8EACE,gBAAA,CACA,gBAAA,CACA,gBAAA,CACA,kDAAA,CAEF,+EACE,gBAAA,CACA,gBAAA,CACA,eAAA,CACA,gBAAA,CACA,mDAAA,CAIJ,4DC/GF,YAAA,CACA,kBD+GwB,CC9GxB,6BD8GgC,CAE5B,gEACE,oBAAA,CACA,WAAA,CAGF,yEACE,gBAAA,CAGF,8DACE,gBAAA,CACA,gBAAA,CACA,gBAAA,CACA,eAAA,CACA,gDAAA,CAGJ,6DC7HF,YAAA,CACA,qBD6H4B,CCpI5B,YAAA,CACA,sBDoIwB,CCnIxB,sBDmIoC,CAChC,kEChIJ,YAAA,CACA,kBDgI8B,CCvI9B,YAAA,CACA,kBDuI0B,CCtI1B,sBDsIkC,CAC5B,mBAAA,CACA,gBAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CAEA,sEACE,wDAAA,CACA,mBAAA,CACA,WAAA,CAIN,4DChJF,YAAA,CACA,qBDgJ4B,CCvJ5B,YAAA,CACA,kBDuJwB,CCtJxB,sBDsJgC,CAC5B,8DACE,UAAA,CC1JN,YAAA,CACA,kBD0J0B,CCzJ1B,6BDyJkC,CAC5B,eAAA,CACA,cAAA,CACA,gBAAA,CAEA,UAAA,CACA,mEACE,eAAA,CACA,gDAAA,CAIN,4DACE,mBAAA,CCxKJ,YAAA,CACA,kBDwKwB,CCvKxB,0BDuKgC,CAC5B,iEACE,iBAAA,CACA,iBAAA,CACA,uEAAA,CACA,sDAAA,CACA,iBAAA,CACA,kBAAA,CACA,gBAAA,CACA,cAAA,CACA,gBAAA,CACA,YAAA,CACA,aAAA,CACA,oBAAA,CAGJ,4DACE,qBAAA,CACA,gEACE,YAAA,CACA,oCAAA,CACA,oBAAA,CACA,kBAAA,CACA,uIC1LN,YAAA,CACA,kBD2LgC,CClMhC,YAAA,CACA,kBDkM4B,CCjM5B,sBDiMoC,CAC5B,gBAAA,CACA,cAAA,CACA,gBAAA,CACA,kBAAA,CACA,UAAA,CACA,qBAAA,CACA,UAAA,CAEF,oEACE,YAAA,CACA,aAAA,CACA,iBAAA,CACA,kBAAA,CACA,qBAAA,CAIN,6DACE,cAAA,CACA,iEACE,oBAAA,CACA,aAAA,CACA,YAAA,CACA,kBAAA,CACA,qBAAA,CACA,iBAAA,CACA,gBAAA,CACA,mBAAA,CE5KN,yCFlCA,gCAmNI,+EAAA,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.table {\n position: relative;\n z-index: 0;\n cursor: grabbing;\n tr {\n grid-template-columns: var(--comparison-template-columns-mobile, 9.6rem 27rem);\n grid-auto-columns: var(--comparison-columns-mobile, 27rem);\n grid-auto-flow: column;\n display: grid;\n\n &:first-child {\n th {\n border-top-left-radius: 0.8rem;\n }\n }\n\n &:last-child {\n th {\n border-bottom-left-radius: 0.8rem;\n border-bottom: 1px solid var(--comparison-header-border-color);\n }\n }\n\n th {\n @include flex-align(center, center);\n padding: 2rem 2rem;\n background-color: var(--comparison-header-background-color, #f9f6f3);\n border: 1px solid var(--comparison-header-border-color);\n border-bottom: none;\n box-sizing: border-box;\n color: var(--comparison-header-text-color, #171f49);\n text-transform: var(--comparison-header-text-transform);\n font-size: var(--comparison-th-font-size, 1.4rem);\n font-weight: var(--comparison-th-font-weight, 600);\n line-height: var(--comparison-th-line-height, 2.1rem);\n z-index: 1;\n\n @include min(laptop) {\n position: sticky;\n left: 0;\n }\n }\n td {\n border: 1px solid var(--comparison-body-border-color);\n background-color: var(--comparison-body-background-color);\n box-sizing: border-box;\n padding: 1.6rem;\n }\n .casinoName {\n @include flex-direction(row);\n @include flex-align(center, flex-start);\n padding: 1.6rem;\n img {\n border: 1px solid var(--comparison-img-border-color, #f3f2f2);\n box-sizing: border-box;\n margin-right: 1.6rem;\n border-radius: 0.6rem;\n }\n > div {\n height: 100%;\n @include flex-direction(column);\n @include flex-align(flex-start, space-evenly);\n span {\n font-weight: bold;\n font-size: 18px;\n line-height: 25px;\n font-weight: 700;\n color: #000000;\n word-break: break-word;\n }\n\n a {\n width: 100%;\n color: var(--comparison-button-color, white) !important;\n font-size: var(--comparison-button-font-size, 1.8rem) !important;\n font-weight: var(--comparison-button-font-weight, 700) !important;\n }\n }\n }\n\n .bonus {\n @include flex-direction(column);\n @include flex-align(flex-start, column);\n span:first-child {\n font-size: 1.6rem;\n line-height: 22px;\n font-weight: bold;\n color: var(--comparison-first-bonus-color, #17d670);\n }\n span:nth-child(2) {\n font-weight: bold;\n font-size: 1.4rem;\n font-weight: 700;\n line-height: 21px;\n color: var(--comparison-second-bonus-color, #0f0c28);\n }\n }\n\n .raiting {\n @include flex-align(center, space-between);\n\n > div {\n justify-content: left;\n border: none;\n }\n\n > div > div > span {\n position: inherit;\n }\n\n a {\n text-align: right;\n font-size: 1.6rem;\n line-height: 24px;\n font-weight: 700;\n color: var(--comparison-text-link-color, #4790fe);\n }\n }\n .topFeatures {\n @include flex-direction(column);\n @include flex-align(flex-start, center);\n span {\n @include flex-direction(row);\n @include flex-align(center, center);\n margin-bottom: 0.4rem;\n margin-top: 0.4rem;\n font-weight: 500;\n font-size: 16px;\n line-height: 24px;\n\n svg {\n color: var(--comparison-top-features-icon-color, #ff893f);\n margin-right: 0.25rem;\n height: 14px;\n }\n }\n }\n .banking {\n @include flex-direction(column);\n @include flex-align(center, center);\n p {\n width: 100%;\n @include flex-align(center, space-between);\n font-weight: 600;\n font-size: 14px;\n line-height: 36px;\n\n color: #000000;\n span {\n font-weight: 700;\n font-size: var(--comparison-banking-values, 16px);\n }\n }\n }\n .currencies {\n padding: 1.6rem 1rem;\n @include flex-align(center, flex-start);\n span {\n text-align: center;\n margin-left: 0.4rem;\n background-color: var(--comparison-currencies-background-color, #f3f2f2);\n color: var(--comparison-currencies-text-color, #17182f);\n border-radius: 2px;\n padding: 0.3rem 0.8em;\n font-weight: bold;\n font-size: 12px;\n line-height: 18px;\n width: 4.2rem;\n height: 2.4rem;\n display: inline-block;\n }\n }\n .paymentMethods {\n padding: 1.3rem 1.6rem;\n > div {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n grid-column-gap: 1rem;\n grid-row-gap: 0.8rem;\n span,\n a {\n @include flex-direction(row);\n @include flex-align(center, center);\n font-weight: bold;\n font-size: 14px;\n line-height: 18px;\n object-fit: contain;\n color: black;\n background-color: white;\n width: 100%;\n }\n img {\n width: 7.2rem;\n height: 3.2rem;\n border-radius: 4px;\n object-fit: contain;\n background-color: white;\n }\n }\n }\n .licenses {\n padding: 1.1rem;\n img {\n display: inline-block;\n height: 3.2rem;\n width: 7.2rem;\n object-fit: contain;\n background-color: #fff;\n margin-right: 1rem;\n margin-top: 0.5rem;\n margin-bottom: 0.5rem;\n }\n }\n\n @include min(tablet) {\n grid-template-columns: var(--comparison-template-columns-desktop, 15.2rem 27rem);\n }\n }\n}\n","@mixin flex-align($align-items, $justify-content) {\n display: flex;\n align-items: $align-items;\n justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n display: flex;\n flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n #{$overflow-type}: $overflow-value;\n -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n background: $bgcolor;\n border-radius: 100px;\n color: $text-color;\n font-weight: 700;\n @include flex-align(center, center);\n padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n color: $color;\n\n &:hover {\n color: $color;\n }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n float: $direction;\n @if $direction == right {\n margin: 0 0 1em 1em;\n } @else {\n margin: 0 1em 1em 0;\n }\n}\n\n@mixin content-img-align($direction: center, $spacing: 1em) {\n display: block;\n @if $direction == right {\n margin: $spacing 0 $spacing auto;\n } @else if $direction == left {\n margin: $spacing auto $spacing 0;\n } @else {\n margin: $spacing auto;\n }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n position: relative;\n &:after {\n top: 100%;\n left: 50%;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-color: rgba(0, 0, 0, 0);\n border-top: $height solid $color;\n border-right: calc($width / 2) solid transparent;\n border-left: calc($width / 2) solid transparent;\n margin-left: - calc($width / 2);\n }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n &:hover {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n }\n}\n\n@mixin sportBtn($color1, $color2) {\n background: linear-gradient(to bottom, $color1 0, $color2 100%);\n &:hover {\n background: linear-gradient(to bottom, $color2 0, $color1 100%);\n }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n line-height: $line-height;\n width: $width;\n font-weight: normal;\n display: inline-block;\n color: $fill-color;\n font-size: 15px;\n position: relative;\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n &:last-child {\n margin-right: 0;\n }\n &:before {\n content: '\\2605';\n }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n line-height: 2rem;\n width: 16px;\n font-weight: normal;\n display: inline-block;\n color: $half-full-color;\n font-size: 15px;\n position: relative;\n &:before {\n content: '\\2605';\n }\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n &:after {\n content: '\\2605';\n color: $half-empty-color;\n position: absolute;\n width: 7px;\n overflow: hidden;\n bottom: 0;\n left: 0;\n }\n}\n","$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\n// Hover\n// that allows you only to apply styles on devices with hover capability\n@mixin hover-device() {\n @media (hover: hover) {\n &:hover {\n @content;\n }\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={table:"Wnj+dqUfGUZzT7Xw8eAEaw==",casinoName:"dU+OKQXzXChJ9ZDdyf2DeA==",bonus:"fpTkRj+6pSt2mL0UsWv2xQ==",raiting:"kPdYLTp9qhE5vvbREsTuJQ==",topFeatures:"Q3PQlu3+vYHjTUxq5Sw2uQ==",banking:"WA7DyxOu6qwoWyKQf8wPWg==",currencies:"B3Miwtj2KpJP3kvuTIjpiA==",paymentMethods:"JsKD7opBYPwwRS3Erz59AQ==",licenses:"KV+ZtuJff06Sivnb93qfOA=="},__webpack_exports__.Z=___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/cards/game-card/game-card.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";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,".RFgM\\+G061fT6rN3SJRAkgg\\=\\={position:absolute;left:0;bottom:0;width:100%;padding:1.6rem;color:var(--color-44)}.RFgM\\+G061fT6rN3SJRAkgg\\=\\= ._0WC48OAjf-oayzQtkyELXw\\=\\={font-size:1.6rem;color:#000;margin:0}.RFgM\\+G061fT6rN3SJRAkgg\\=\\= .ATE\\+yHK3OFBm8o5szvleUw\\=\\={display:flex;flex-direction:row;justify-content:space-between;margin:.8rem 0 1rem;width:100%}.RFgM\\+G061fT6rN3SJRAkgg\\=\\= .g07ktVO5tHSbe7XuPFOzBA\\=\\={font-size:1.4rem;font-weight:400}.RFgM\\+G061fT6rN3SJRAkgg\\=\\= ._5NcJhsqdnX8-y7nxYYkzsw\\=\\={display:block}.RFgM\\+G061fT6rN3SJRAkgg\\=\\=.enMIOBHxuytMPdpnuPruZg\\=\\={color:#fff}.RFgM\\+G061fT6rN3SJRAkgg\\=\\=.enMIOBHxuytMPdpnuPruZg\\=\\= ._0WC48OAjf-oayzQtkyELXw\\=\\={color:#fff;font-size:1.8rem}.RFgM\\+G061fT6rN3SJRAkgg\\=\\=.enMIOBHxuytMPdpnuPruZg\\=\\= .g07ktVO5tHSbe7XuPFOzBA\\=\\={font-size:1.6rem}.BoDhyky3w2nKGgdVu9\\+WWQ\\=\\={position:absolute;left:0;top:0;width:100%}.BoDhyky3w2nKGgdVu9\\+WWQ\\=\\= a{display:block;width:100%}.BoDhyky3w2nKGgdVu9\\+WWQ\\=\\= img{border-radius:var(--border-radius) var(--border-radius) 0 0;height:13rem;width:100%;object-fit:cover}","",{version:3,sources:["webpack://./src/components/atoms/cards/game-card/game-card.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,6BACE,iBAAA,CACA,MAAA,CACA,QAAA,CACA,UAAA,CACA,cAAA,CACA,qBAAA,CACA,0DACE,gBAAA,CACA,UAAA,CACA,QAAA,CAEF,0DCnBA,YAAA,CACA,kBDmB0B,CACxB,6BAAA,CACA,mBAAA,CACA,UAAA,CAEF,yDACE,gBAAA,CACA,eAAA,CAEF,0DACE,aAAA,CAEF,wDACE,UAAA,CACA,qFACE,UAAA,CACA,gBAAA,CAEF,oFACE,gBAAA,CAIN,6BACE,iBAAA,CACA,MAAA,CACA,KAAA,CACA,UAAA,CACA,+BACE,aAAA,CACA,UAAA,CAEF,iCACE,2DAAA,CACA,YAAA,CACA,UAAA,CACA,gBAAA",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.cardContent {\n position: absolute;\n left: 0;\n bottom: 0;\n width: 100%;\n padding: 1.6rem;\n color: var(--color-44);\n .cardTitle {\n font-size: 1.6rem;\n color: #000;\n margin: 0;\n }\n .cardMeta {\n @include flex-direction(row);\n justify-content: space-between;\n margin: 0.8rem 0 1rem;\n width: 100%;\n }\n .cardProvider {\n font-size: 1.4rem;\n font-weight: 400;\n }\n .playNow {\n display: block;\n }\n &.featured {\n color: #fff;\n .cardTitle {\n color: #fff;\n font-size: 1.8rem;\n }\n .cardProvider {\n font-size: 1.6rem;\n }\n }\n}\n.cardBanner {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n a {\n display: block;\n width: 100%;\n }\n img {\n border-radius: var(--border-radius) var(--border-radius) 0 0;\n height: 13rem;\n width: 100%;\n object-fit: cover;\n }\n}\n","@mixin flex-align($align-items, $justify-content) {\n display: flex;\n align-items: $align-items;\n justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n display: flex;\n flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n #{$overflow-type}: $overflow-value;\n -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n background: $bgcolor;\n border-radius: 100px;\n color: $text-color;\n font-weight: 700;\n @include flex-align(center, center);\n padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n color: $color;\n\n &:hover {\n color: $color;\n }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n float: $direction;\n @if $direction == right {\n margin: 0 0 1em 1em;\n } @else {\n margin: 0 1em 1em 0;\n }\n}\n\n@mixin content-img-align($direction: center, $spacing: 1em) {\n display: block;\n @if $direction == right {\n margin: $spacing 0 $spacing auto;\n } @else if $direction == left {\n margin: $spacing auto $spacing 0;\n } @else {\n margin: $spacing auto;\n }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n position: relative;\n &:after {\n top: 100%;\n left: 50%;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-color: rgba(0, 0, 0, 0);\n border-top: $height solid $color;\n border-right: calc($width / 2) solid transparent;\n border-left: calc($width / 2) solid transparent;\n margin-left: - calc($width / 2);\n }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n &:hover {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n }\n}\n\n@mixin sportBtn($color1, $color2) {\n background: linear-gradient(to bottom, $color1 0, $color2 100%);\n &:hover {\n background: linear-gradient(to bottom, $color2 0, $color1 100%);\n }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n line-height: $line-height;\n width: $width;\n font-weight: normal;\n display: inline-block;\n color: $fill-color;\n font-size: 15px;\n position: relative;\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n &:last-child {\n margin-right: 0;\n }\n &:before {\n content: '\\2605';\n }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n line-height: 2rem;\n width: 16px;\n font-weight: normal;\n display: inline-block;\n color: $half-full-color;\n font-size: 15px;\n position: relative;\n &:before {\n content: '\\2605';\n }\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n &:after {\n content: '\\2605';\n color: $half-empty-color;\n position: absolute;\n width: 7px;\n overflow: hidden;\n bottom: 0;\n left: 0;\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={cardContent:"RFgM+G061fT6rN3SJRAkgg==",cardTitle:"_0WC48OAjf-oayzQtkyELXw==",cardMeta:"ATE+yHK3OFBm8o5szvleUw==",cardProvider:"g07ktVO5tHSbe7XuPFOzBA==",playNow:"_5NcJhsqdnX8-y7nxYYkzsw==",featured:"enMIOBHxuytMPdpnuPruZg==",cardBanner:"BoDhyky3w2nKGgdVu9+WWQ=="},__webpack_exports__.Z=___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/cards/operator-card/operator-card.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";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,".XRrbEummkbNtB\\+FdsM4tVg\\=\\={display:flex;flex-direction:column;width:100%;margin-top:auto;padding:0 1.6rem 2rem;position:relative;color:var(--color-44)}.XRrbEummkbNtB\\+FdsM4tVg\\=\\= .L8Zmtll438z-qF0eVrvOXQ\\=\\={display:flex;align-items:flex-start;justify-content:flex-start;width:100%;flex-direction:column;margin-bottom:.8rem;height:8.2rem;overflow:hidden}.XRrbEummkbNtB\\+FdsM4tVg\\=\\= .L8Zmtll438z-qF0eVrvOXQ\\=\\= a{color:#000;font-size:1.6rem;font-weight:400;margin-bottom:.8rem}.XRrbEummkbNtB\\+FdsM4tVg\\=\\=._0QMK3s08NHMsaBF2HML6Nw\\=\\={color:#fff}.XRrbEummkbNtB\\+FdsM4tVg\\=\\=._0QMK3s08NHMsaBF2HML6Nw\\=\\= .L8Zmtll438z-qF0eVrvOXQ\\=\\= a{color:#fff}.Wtf2\\+jWJH0Z27mWqkxzOYQ\\=\\={width:100%;color:var(--color-44);display:flex;flex-direction:column}.Wtf2\\+jWJH0Z27mWqkxzOYQ\\=\\= .NM\\+ZS-msXHFBfny8iETd8A\\=\\={margin:.8rem 0 -0.7rem}.Wtf2\\+jWJH0Z27mWqkxzOYQ\\=\\= .NM\\+ZS-msXHFBfny8iETd8A\\=\\= p{font-size:1rem}.Wtf2\\+jWJH0Z27mWqkxzOYQ\\=\\= a:last-of-type{max-width:fit-content;align-self:flex-end}@media only screen and (max-width:991px){.Wtf2\\+jWJH0Z27mWqkxzOYQ\\=\\= a[class*=button]{display:block;width:100%;max-width:100%;margin-bottom:.5rem}}.Wtf2\\+jWJH0Z27mWqkxzOYQ\\=\\=._0QMK3s08NHMsaBF2HML6Nw\\=\\={color:#fff}.ExZb7OqELASpc6QA0AjdTg\\=\\={display:flex;align-items:center;justify-content:space-between;padding:1.6rem 1.6rem 1.2rem 1.6rem;background-color:var(--color-7);position:absolute;left:0;top:0;width:100%;height:7.2rem;border-radius:var(--border-radius) var(--border-radius) 0 0}.ExZb7OqELASpc6QA0AjdTg\\=\\= .Hfi0jBdDHEn2ZqBDzawj1w\\=\\={display:inline-block;border-radius:var(--border-radius);text-align:center}.ExZb7OqELASpc6QA0AjdTg\\=\\= .Hfi0jBdDHEn2ZqBDzawj1w\\=\\= img{width:9.6rem;height:4.4rem;object-fit:contain}.ExZb7OqELASpc6QA0AjdTg\\=\\=._0QMK3s08NHMsaBF2HML6Nw\\=\\={background-color:rgba(0,0,0,0)}.ExZb7OqELASpc6QA0AjdTg\\=\\=._0QMK3s08NHMsaBF2HML6Nw\\=\\= .Hfi0jBdDHEn2ZqBDzawj1w\\=\\={background-color:rgba(0,0,0,0);text-align:left}","",{version:3,sources:["webpack://./src/components/atoms/cards/operator-card/operator-card.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAcA,6BCPE,YAAA,CACA,qBDOwB,CACxB,UAAA,CACA,eAAA,CACA,qBAAA,CACA,iBAAA,CACA,qBAAA,CAEA,yDCrBA,YAAA,CACA,sBDqBsB,CCpBtB,0BDoBkC,CAChC,UAAA,CACA,qBAAA,CACA,mBAAA,CACA,aAAA,CACA,eAAA,CAEA,2DACE,UAAA,CACA,gBAAA,CACA,eAAA,CACA,mBAAA,CAGJ,yDACE,UAAA,CAGE,uFACE,UAAA,CAKR,6BACE,UAAA,CACA,qBAAA,CC1CA,YAAA,CACA,qBD0CwB,CAExB,0DACE,sBAAA,CACA,4DACE,cAAA,CAIJ,4CACE,qBAAA,CACA,mBAAA,CEFF,yCFME,8CACE,aAAA,CACA,UAAA,CACA,cAAA,CACA,mBAAA,CAAA,CAIJ,yDACE,UAAA,CAIJ,4BC7EE,YAAA,CACA,kBD6EoB,CC5EpB,6BD4E4B,CAC5B,mCAAA,CACA,+BAAA,CACA,iBAAA,CACA,MAAA,CACA,KAAA,CACA,UAAA,CACA,aAAA,CACA,2DAAA,CAEA,wDACE,oBAAA,CACA,kCAAA,CACA,iBAAA,CAEA,4DACE,YAAA,CACA,aAAA,CACA,kBAAA,CAIJ,wDACE,8BAAA,CAEA,oFACE,8BAAA,CACA,eAAA",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.cardContent {\n @include flex-direction(column);\n width: 100%;\n margin-top: auto;\n padding: 0 1.6rem 2rem;\n position: relative;\n color: var(--color-44);\n\n .casinoText {\n @include flex-align(flex-start, flex-start);\n width: 100%;\n flex-direction: column;\n margin-bottom: 0.8rem;\n height: 8.2rem;\n overflow: hidden;\n\n a {\n color: #000;\n font-size: 1.6rem;\n font-weight: 400;\n margin-bottom: 0.8rem;\n }\n }\n &.featured {\n color: #fff;\n\n .casinoText {\n a {\n color: #fff;\n }\n }\n }\n}\n.cardFooter {\n width: 100%;\n color: var(--color-44);\n @include flex-direction(column);\n\n .tnc {\n margin: 0.8rem 0 -0.7rem;\n p {\n font-size: 1rem;\n }\n }\n\n a:last-of-type {\n max-width: fit-content;\n align-self: flex-end;\n }\n\n @include max(tablet) {\n a[class*='button'] {\n display: block;\n width: 100%;\n max-width: 100%;\n margin-bottom: 0.5rem;\n }\n }\n\n &.featured {\n color: #fff;\n }\n}\n\n.cardHeader {\n @include flex-align(center, space-between);\n padding: 1.6rem 1.6rem 1.2rem 1.6rem;\n background-color: var(--color-7);\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n height: 7.2rem;\n border-radius: var(--border-radius) var(--border-radius) 0 0;\n\n .casinoLogo {\n display: inline-block;\n border-radius: var(--border-radius);\n text-align: center;\n\n img {\n width: 9.6rem;\n height: 4.4rem;\n object-fit: contain;\n }\n }\n\n &.featured {\n background-color: transparent;\n\n .casinoLogo {\n background-color: transparent;\n text-align: left;\n }\n }\n}\n","@mixin flex-align($align-items, $justify-content) {\n display: flex;\n align-items: $align-items;\n justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n display: flex;\n flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n #{$overflow-type}: $overflow-value;\n -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n background: $bgcolor;\n border-radius: 100px;\n color: $text-color;\n font-weight: 700;\n @include flex-align(center, center);\n padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n color: $color;\n\n &:hover {\n color: $color;\n }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n float: $direction;\n @if $direction == right {\n margin: 0 0 1em 1em;\n } @else {\n margin: 0 1em 1em 0;\n }\n}\n\n@mixin content-img-align($direction: center, $spacing: 1em) {\n display: block;\n @if $direction == right {\n margin: $spacing 0 $spacing auto;\n } @else if $direction == left {\n margin: $spacing auto $spacing 0;\n } @else {\n margin: $spacing auto;\n }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n position: relative;\n &:after {\n top: 100%;\n left: 50%;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-color: rgba(0, 0, 0, 0);\n border-top: $height solid $color;\n border-right: calc($width / 2) solid transparent;\n border-left: calc($width / 2) solid transparent;\n margin-left: - calc($width / 2);\n }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n &:hover {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n }\n}\n\n@mixin sportBtn($color1, $color2) {\n background: linear-gradient(to bottom, $color1 0, $color2 100%);\n &:hover {\n background: linear-gradient(to bottom, $color2 0, $color1 100%);\n }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n line-height: $line-height;\n width: $width;\n font-weight: normal;\n display: inline-block;\n color: $fill-color;\n font-size: 15px;\n position: relative;\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n &:last-child {\n margin-right: 0;\n }\n &:before {\n content: '\\2605';\n }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n line-height: 2rem;\n width: 16px;\n font-weight: normal;\n display: inline-block;\n color: $half-full-color;\n font-size: 15px;\n position: relative;\n &:before {\n content: '\\2605';\n }\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n &:after {\n content: '\\2605';\n color: $half-empty-color;\n position: absolute;\n width: 7px;\n overflow: hidden;\n bottom: 0;\n left: 0;\n }\n}\n","$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\n// Hover\n// that allows you only to apply styles on devices with hover capability\n@mixin hover-device() {\n @media (hover: hover) {\n &:hover {\n @content;\n }\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={cardContent:"XRrbEummkbNtB+FdsM4tVg==",casinoText:"L8Zmtll438z-qF0eVrvOXQ==",featured:"_0QMK3s08NHMsaBF2HML6Nw==",cardFooter:"Wtf2+jWJH0Z27mWqkxzOYQ==",tnc:"NM+ZS-msXHFBfny8iETd8A==",cardHeader:"ExZb7OqELASpc6QA0AjdTg==",casinoLogo:"Hfi0jBdDHEn2ZqBDzawj1w=="},__webpack_exports__.Z=___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/cards/payment-method-card/payment-method-card.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";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,"._5LivRlGbWcGu9et-Li6L9Q\\=\\={width:100%;background-color:#fff;padding:1.6rem 1.8rem 2.3rem;display:flex;flex-direction:column;justify-content:space-between;border-radius:.6rem;height:100%}._5LivRlGbWcGu9et-Li6L9Q\\=\\= .kRtbmriYSzUv-r05uCYN0Q\\=\\={display:flex;flex-direction:column}._5LivRlGbWcGu9et-Li6L9Q\\=\\= .kRtbmriYSzUv-r05uCYN0Q\\=\\= a:first-child{height:6rem}._5LivRlGbWcGu9et-Li6L9Q\\=\\= .kRtbmriYSzUv-r05uCYN0Q\\=\\= .Al8q3ELP0IlwI0eMmuZw4w\\=\\={display:flex;align-items:center;justify-content:center}._5LivRlGbWcGu9et-Li6L9Q\\=\\= .kRtbmriYSzUv-r05uCYN0Q\\=\\= .Al8q3ELP0IlwI0eMmuZw4w\\=\\=:hover{text-decoration:underline;color:#08202e}._5LivRlGbWcGu9et-Li6L9Q\\=\\= .kRtbmriYSzUv-r05uCYN0Q\\=\\= .Al8q3ELP0IlwI0eMmuZw4w\\=\\= .ZOc62wuQuRD9niGbdNVPyw\\=\\={max-height:5rem;width:auto;margin-bottom:1rem}._5LivRlGbWcGu9et-Li6L9Q\\=\\= .kRtbmriYSzUv-r05uCYN0Q\\=\\= .Al8q3ELP0IlwI0eMmuZw4w\\=\\= .WaMGNZuwaeTNxx5AYOJIZQ\\=\\={color:#08202e;font-weight:400;padding-top:.8rem;font-size:1.6rem}._5LivRlGbWcGu9et-Li6L9Q\\=\\= .MsHQdUot2MXETk8IrMa9OA\\=\\={color:#6b7982;font-size:1.4rem;padding-bottom:1.6rem}","",{version:3,sources:["webpack://./src/components/atoms/cards/payment-method-card/payment-method-card.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,6BACE,UAAA,CACA,qBAAA,CACA,4BAAA,CACA,YAAA,CACA,qBAAA,CACA,6BAAA,CACA,mBAAA,CACA,WAAA,CACA,yDChBA,YAAA,CACA,qBDgB0B,CAExB,uEACE,WAAA,CAGF,qFC7BF,YAAA,CACA,kBD6BwB,CC5BxB,sBD4BgC,CAC5B,2FACE,yBAAA,CACA,aAAA,CAEF,iHACE,eAAA,CACA,UAAA,CACA,kBAAA,CAEF,iHACE,aAAA,CACA,eAAA,CACA,iBAAA,CACA,gBAAA,CAIN,yDACE,aAAA,CACA,gBAAA,CACA,qBAAA",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.content {\n width: 100%;\n background-color: #fff;\n padding: 1.6rem 1.8rem 2.3rem;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n border-radius: 0.6rem;\n height: 100%;\n .header {\n @include flex-direction(column);\n\n a:first-child {\n height: 6rem;\n }\n\n .links {\n @include flex-align(center, center);\n &:hover {\n text-decoration: underline;\n color: #08202e;\n }\n .logo {\n max-height: 5rem;\n width: auto;\n margin-bottom: 1rem;\n }\n .title {\n color: #08202e;\n font-weight: 400;\n padding-top: 0.8rem;\n font-size: 1.6rem;\n }\n }\n }\n .excerpt {\n color: #6b7982;\n font-size: 1.4rem;\n padding-bottom: 1.6rem;\n }\n}\n","@mixin flex-align($align-items, $justify-content) {\n display: flex;\n align-items: $align-items;\n justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n display: flex;\n flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n #{$overflow-type}: $overflow-value;\n -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n background: $bgcolor;\n border-radius: 100px;\n color: $text-color;\n font-weight: 700;\n @include flex-align(center, center);\n padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n color: $color;\n\n &:hover {\n color: $color;\n }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n float: $direction;\n @if $direction == right {\n margin: 0 0 1em 1em;\n } @else {\n margin: 0 1em 1em 0;\n }\n}\n\n@mixin content-img-align($direction: center, $spacing: 1em) {\n display: block;\n @if $direction == right {\n margin: $spacing 0 $spacing auto;\n } @else if $direction == left {\n margin: $spacing auto $spacing 0;\n } @else {\n margin: $spacing auto;\n }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n position: relative;\n &:after {\n top: 100%;\n left: 50%;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-color: rgba(0, 0, 0, 0);\n border-top: $height solid $color;\n border-right: calc($width / 2) solid transparent;\n border-left: calc($width / 2) solid transparent;\n margin-left: - calc($width / 2);\n }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n &:hover {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n }\n}\n\n@mixin sportBtn($color1, $color2) {\n background: linear-gradient(to bottom, $color1 0, $color2 100%);\n &:hover {\n background: linear-gradient(to bottom, $color2 0, $color1 100%);\n }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n line-height: $line-height;\n width: $width;\n font-weight: normal;\n display: inline-block;\n color: $fill-color;\n font-size: 15px;\n position: relative;\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n &:last-child {\n margin-right: 0;\n }\n &:before {\n content: '\\2605';\n }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n line-height: 2rem;\n width: 16px;\n font-weight: normal;\n display: inline-block;\n color: $half-full-color;\n font-size: 15px;\n position: relative;\n &:before {\n content: '\\2605';\n }\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n &:after {\n content: '\\2605';\n color: $half-empty-color;\n position: absolute;\n width: 7px;\n overflow: hidden;\n bottom: 0;\n left: 0;\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={content:"_5LivRlGbWcGu9et-Li6L9Q==",header:"kRtbmriYSzUv-r05uCYN0Q==",links:"Al8q3ELP0IlwI0eMmuZw4w==",logo:"ZOc62wuQuRD9niGbdNVPyw==",title:"WaMGNZuwaeTNxx5AYOJIZQ==",excerpt:"MsHQdUot2MXETk8IrMa9OA=="},__webpack_exports__.Z=___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/cards/popup-card/popup-card.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";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,".mF4EbnFgcCp8vw4fB4aSRQ\\=\\={display:grid;grid-template-columns:8rem 2fr;padding-top:16px;border-top:1px solid #a5bcf0}@media only screen and (min-width:768px){.mF4EbnFgcCp8vw4fB4aSRQ\\=\\={flex-direction:row;padding:16px 0}}@media only screen and (max-width:991px){.mF4EbnFgcCp8vw4fB4aSRQ\\=\\={width:100%}}.mF4EbnFgcCp8vw4fB4aSRQ\\=\\= ._5FwIvPyqBNRz\\+fWM87MTUA\\=\\={width:8rem;min-width:8rem;grid-column:1/2;grid-row:1/2;display:flex;flex-direction:column;display:flex;align-items:center;justify-content:center}@media only screen and (min-width:768px){.mF4EbnFgcCp8vw4fB4aSRQ\\=\\= ._5FwIvPyqBNRz\\+fWM87MTUA\\=\\={min-width:9.8rem;width:9.8rem;height:9.8rem}}.mF4EbnFgcCp8vw4fB4aSRQ\\=\\= ._5FwIvPyqBNRz\\+fWM87MTUA\\=\\=>img{width:100%;height:100%;border-radius:.4rem;object-fit:contain}.mF4EbnFgcCp8vw4fB4aSRQ\\=\\= .SmaptDbQq2YJRw56XHqekA\\=\\={grid-row:3/4;grid-column:1/3;margin-bottom:2rem}.mF4EbnFgcCp8vw4fB4aSRQ\\=\\= .VIjHSgMapx5ROWGhsXah2w\\=\\={display:flex;flex-direction:column;justify-content:center;grid-column:2/3;grid-row:1/2;margin-left:1.5rem}.mF4EbnFgcCp8vw4fB4aSRQ\\=\\= .VIjHSgMapx5ROWGhsXah2w\\=\\= .\\+Eaqfcpy8mNEMYEz\\+GdNUQ\\=\\={color:#e00028;font-weight:700;font-size:1.4rem;line-height:2.3rem}@media only screen and (min-width:768px){.mF4EbnFgcCp8vw4fB4aSRQ\\=\\= .VIjHSgMapx5ROWGhsXah2w\\=\\= .\\+Eaqfcpy8mNEMYEz\\+GdNUQ\\=\\={font-size:2rem;line-height:3rem}}.mF4EbnFgcCp8vw4fB4aSRQ\\=\\= .VIjHSgMapx5ROWGhsXah2w\\=\\= ._5Pgs8n0mG-2xSAa\\+OyGFbw\\=\\={color:#17182f;font-weight:700;line-height:2.3rem;font-size:1.4rem}@media only screen and (min-width:768px){.mF4EbnFgcCp8vw4fB4aSRQ\\=\\= .VIjHSgMapx5ROWGhsXah2w\\=\\= ._5Pgs8n0mG-2xSAa\\+OyGFbw\\=\\={line-height:3rem;font-size:1.8rem}}.mF4EbnFgcCp8vw4fB4aSRQ\\=\\= .WnQz5OxPDGRG7B1hidtzyA\\=\\={margin-left:3rem;grid-column:1/3;grid-row:2/3}@media only screen and (max-width:767px){.mF4EbnFgcCp8vw4fB4aSRQ\\=\\= .WnQz5OxPDGRG7B1hidtzyA\\=\\={width:100%;margin:1.6rem 0}.mF4EbnFgcCp8vw4fB4aSRQ\\=\\= .WnQz5OxPDGRG7B1hidtzyA\\=\\= a{width:100%}}.mF4EbnFgcCp8vw4fB4aSRQ\\=\\= .WnQz5OxPDGRG7B1hidtzyA\\=\\= a{border-radius:4px;font-weight:700;font-size:1.8rem}@media only screen and (min-width:768px){.mF4EbnFgcCp8vw4fB4aSRQ\\=\\={grid-template-columns:9.8rem 2fr 1.5fr}.mF4EbnFgcCp8vw4fB4aSRQ\\=\\= .WnQz5OxPDGRG7B1hidtzyA\\=\\={display:flex;flex-direction:row;display:flex;align-items:center;justify-content:end;grid-column:3/4;grid-row:1/2}}","",{version:3,sources:["webpack://./src/components/atoms/cards/popup-card/popup-card.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,4BACE,YAAA,CACA,8BAAA,CACA,gBAAA,CACA,4BAAA,CCkCA,yCDtCF,4BAOI,kBAAA,CACA,cAAA,CAAA,CCqCF,yCD7CF,4BAYI,UAAA,CAAA,CAGF,0DACE,UAAA,CACA,cAAA,CACA,eAAA,CACA,YAAA,CE1BF,YAAA,CACA,qBF0B0B,CEjC1B,YAAA,CACA,kBFiCsB,CEhCtB,sBFgC8B,CCiB9B,yCDvBA,0DASI,gBAAA,CACA,YAAA,CACA,aAAA,CAAA,CAGF,8DACE,UAAA,CACA,WAAA,CACA,mBAAA,CACA,kBAAA,CAGJ,wDACE,YAAA,CACA,eAAA,CACA,kBAAA,CAEF,wDACE,YAAA,CACA,qBAAA,CACA,sBAAA,CACA,eAAA,CACA,YAAA,CACA,kBAAA,CAEA,sFACE,aAAA,CACA,eAAA,CACA,gBAAA,CACA,kBAAA,CCfJ,yCDWE,sFAOI,cAAA,CACA,gBAAA,CAAA,CAIJ,sFACE,aAAA,CACA,eAAA,CACA,kBAAA,CACA,gBAAA,CC3BJ,yCDuBE,sFAOI,gBAAA,CACA,gBAAA,CAAA,CAKN,wDACE,gBAAA,CACA,eAAA,CACA,YAAA,CChCF,yCD6BA,wDAMI,UAAA,CACA,eAAA,CAEA,0DACE,UAAA,CAAA,CAIJ,0DACE,iBAAA,CACA,eAAA,CACA,gBAAA,CCrDJ,yCDtCF,4BA+FI,sCAAA,CACA,wDEvGF,YAAA,CACA,kBFuG4B,CE9G5B,YAAA,CACA,kBF8GwB,CE7GxB,mBF6GgC,CAC5B,eAAA,CACA,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.popupCard {\n display: grid;\n grid-template-columns: 8rem 2fr;\n padding-top: 16px;\n border-top: 1px solid #a5bcf0;\n\n @include min(tablet) {\n flex-direction: row;\n padding: 16px 0;\n }\n\n @include max(tablet) {\n width: 100%;\n }\n\n .imgContainer {\n width: 8rem;\n min-width: 8rem;\n grid-column: 1/2;\n grid-row: 1/2;\n @include flex-direction(column);\n @include flex-align(center, center);\n\n @include min(tablet) {\n min-width: 9.8rem;\n width: 9.8rem;\n height: 9.8rem;\n }\n\n > img {\n width: 100%;\n height: 100%;\n border-radius: 0.4rem;\n object-fit: contain;\n }\n }\n .tandc{\n grid-row: 3/4;\n grid-column: 1/3;\n margin-bottom: 2rem;\n }\n .textContainer {\n display: flex;\n flex-direction: column;\n justify-content: center;\n grid-column: 2/3;\n grid-row: 1/2;\n margin-left: 1.5rem;\n\n .primaryText {\n color: #e00028;\n font-weight: 700;\n font-size: 1.4rem;\n line-height: 2.3rem;\n\n @include min(tablet) {\n font-size: 2rem;\n line-height: 3rem;\n }\n }\n\n .secondaryText {\n color: #17182f;\n font-weight: 700;\n line-height: 2.3rem;\n font-size: 1.4rem;\n\n @include min(tablet) {\n line-height: 3rem;\n font-size: 1.8rem;\n }\n }\n \n }\n .buttonContainer {\n margin-left: 3rem;\n grid-column: 1/3;\n grid-row: 2/3;\n\n @include max(mobile) {\n width: 100%;\n margin: 1.6rem 0;\n\n a {\n width: 100%;\n }\n }\n\n a {\n border-radius: 4px;\n font-weight: 700;\n font-size: 1.8rem;\n }\n }\n @include min(tablet){\n grid-template-columns: 9.8rem 2fr 1.5fr;\n .buttonContainer {\n @include flex-direction(row);\n @include flex-align(center, end);\n grid-column: 3/4;\n grid-row: 1/2;\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\n// Hover\n// that allows you only to apply styles on devices with hover capability\n@mixin hover-device() {\n @media (hover: hover) {\n &:hover {\n @content;\n }\n }\n}\n","@mixin flex-align($align-items, $justify-content) {\n display: flex;\n align-items: $align-items;\n justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n display: flex;\n flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n #{$overflow-type}: $overflow-value;\n -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n background: $bgcolor;\n border-radius: 100px;\n color: $text-color;\n font-weight: 700;\n @include flex-align(center, center);\n padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n color: $color;\n\n &:hover {\n color: $color;\n }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n float: $direction;\n @if $direction == right {\n margin: 0 0 1em 1em;\n } @else {\n margin: 0 1em 1em 0;\n }\n}\n\n@mixin content-img-align($direction: center, $spacing: 1em) {\n display: block;\n @if $direction == right {\n margin: $spacing 0 $spacing auto;\n } @else if $direction == left {\n margin: $spacing auto $spacing 0;\n } @else {\n margin: $spacing auto;\n }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n position: relative;\n &:after {\n top: 100%;\n left: 50%;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-color: rgba(0, 0, 0, 0);\n border-top: $height solid $color;\n border-right: calc($width / 2) solid transparent;\n border-left: calc($width / 2) solid transparent;\n margin-left: - calc($width / 2);\n }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n &:hover {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n }\n}\n\n@mixin sportBtn($color1, $color2) {\n background: linear-gradient(to bottom, $color1 0, $color2 100%);\n &:hover {\n background: linear-gradient(to bottom, $color2 0, $color1 100%);\n }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n line-height: $line-height;\n width: $width;\n font-weight: normal;\n display: inline-block;\n color: $fill-color;\n font-size: 15px;\n position: relative;\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n &:last-child {\n margin-right: 0;\n }\n &:before {\n content: '\\2605';\n }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n line-height: 2rem;\n width: 16px;\n font-weight: normal;\n display: inline-block;\n color: $half-full-color;\n font-size: 15px;\n position: relative;\n &:before {\n content: '\\2605';\n }\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n &:after {\n content: '\\2605';\n color: $half-empty-color;\n position: absolute;\n width: 7px;\n overflow: hidden;\n bottom: 0;\n left: 0;\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={popupCard:"mF4EbnFgcCp8vw4fB4aSRQ==",imgContainer:"_5FwIvPyqBNRz+fWM87MTUA==",tandc:"SmaptDbQq2YJRw56XHqekA==",textContainer:"VIjHSgMapx5ROWGhsXah2w==",primaryText:"+Eaqfcpy8mNEMYEz+GdNUQ==",secondaryText:"_5Pgs8n0mG-2xSAa+OyGFbw==",buttonContainer:"WnQz5OxPDGRG7B1hidtzyA=="},__webpack_exports__.Z=___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/cards/software-provider-card/software-provider-card.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";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,".vXDm124lIMUTLX8x1wE\\+7g\\=\\={width:100%;background-color:#fff;padding:1.6rem 1.8rem 2.3rem;display:flex;flex-direction:column;justify-content:space-between;border-radius:.6rem;height:100%}.vXDm124lIMUTLX8x1wE\\+7g\\=\\= .FizPsTo\\+RQjwBM7KZiVhFA\\=\\={display:flex;flex-direction:column}.vXDm124lIMUTLX8x1wE\\+7g\\=\\= .FizPsTo\\+RQjwBM7KZiVhFA\\=\\= .iZJlMr49477ib1oJr7nN6g\\=\\={display:flex;align-items:center;justify-content:center}.vXDm124lIMUTLX8x1wE\\+7g\\=\\= .FizPsTo\\+RQjwBM7KZiVhFA\\=\\= .iZJlMr49477ib1oJr7nN6g\\=\\=:hover{text-decoration:underline;color:#08202e}.vXDm124lIMUTLX8x1wE\\+7g\\=\\= .FizPsTo\\+RQjwBM7KZiVhFA\\=\\= .iZJlMr49477ib1oJr7nN6g\\=\\= .QFI\\+W-HX8ENFixXSjeFc0g\\=\\={max-width:17.9rem;max-height:4rem;margin-bottom:1rem}.vXDm124lIMUTLX8x1wE\\+7g\\=\\= .FizPsTo\\+RQjwBM7KZiVhFA\\=\\= .iZJlMr49477ib1oJr7nN6g\\=\\= .spSljnSYKe8d--K66ExmkQ\\=\\={color:#08202e;font-weight:400;padding-top:.8rem;font-size:1.6rem}.vXDm124lIMUTLX8x1wE\\+7g\\=\\= .gVn-SWfNzdZWU6JGfr0RXw\\=\\={color:#6b7982;font-size:1.4rem;padding-bottom:1.6rem}.vXDm124lIMUTLX8x1wE\\+7g\\=\\= ._25bv8l3k-AD9frmdBTXP5w\\=\\={display:flex;flex-direction:column}.vXDm124lIMUTLX8x1wE\\+7g\\=\\= ._25bv8l3k-AD9frmdBTXP5w\\=\\= p{color:#00889e;font-size:1.4rem;text-align:center;padding:0 3rem 1.6rem;font-weight:400}.vXDm124lIMUTLX8x1wE\\+7g\\=\\= ._25bv8l3k-AD9frmdBTXP5w\\=\\= p span{font-weight:500}","",{version:3,sources:["webpack://./src/components/atoms/cards/software-provider-card/software-provider-card.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,6BACE,UAAA,CACA,qBAAA,CACA,4BAAA,CACA,YAAA,CACA,qBAAA,CACA,6BAAA,CACA,mBAAA,CACA,WAAA,CACA,0DChBA,YAAA,CACA,qBDgB0B,CACxB,sFCxBF,YAAA,CACA,kBDwBwB,CCvBxB,sBDuBgC,CAC5B,4FACE,yBAAA,CACA,aAAA,CAEF,mHACE,iBAAA,CACA,eAAA,CACA,kBAAA,CAEF,kHACE,aAAA,CACA,eAAA,CACA,iBAAA,CACA,gBAAA,CAIN,yDACE,aAAA,CACA,gBAAA,CACA,qBAAA,CAEF,0DC1CA,YAAA,CACA,qBD0C0B,CACxB,4DACE,aAAA,CACA,gBAAA,CACA,iBAAA,CACA,qBAAA,CACA,eAAA,CACA,iEACE,eAAA",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.content {\n width: 100%;\n background-color: #fff;\n padding: 1.6rem 1.8rem 2.3rem;\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n border-radius: 0.6rem;\n height: 100%;\n .header {\n @include flex-direction(column);\n .links {\n @include flex-align(center, center);\n &:hover {\n text-decoration: underline;\n color: #08202e;\n }\n .logo {\n max-width: 17.9rem;\n max-height: 4rem;\n margin-bottom: 1rem;\n }\n .title {\n color: #08202e;\n font-weight: 400;\n padding-top: 0.8rem;\n font-size: 1.6rem;\n }\n }\n }\n .excerpt {\n color: #6b7982;\n font-size: 1.4rem;\n padding-bottom: 1.6rem;\n }\n .bottom {\n @include flex-direction(column);\n p {\n color: #00889e;\n font-size: 1.4rem;\n text-align: center;\n padding: 0 3rem 1.6rem;\n font-weight: 400;\n span {\n font-weight: 500;\n }\n }\n }\n}\n","@mixin flex-align($align-items, $justify-content) {\n display: flex;\n align-items: $align-items;\n justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n display: flex;\n flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n #{$overflow-type}: $overflow-value;\n -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n background: $bgcolor;\n border-radius: 100px;\n color: $text-color;\n font-weight: 700;\n @include flex-align(center, center);\n padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n color: $color;\n\n &:hover {\n color: $color;\n }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n float: $direction;\n @if $direction == right {\n margin: 0 0 1em 1em;\n } @else {\n margin: 0 1em 1em 0;\n }\n}\n\n@mixin content-img-align($direction: center, $spacing: 1em) {\n display: block;\n @if $direction == right {\n margin: $spacing 0 $spacing auto;\n } @else if $direction == left {\n margin: $spacing auto $spacing 0;\n } @else {\n margin: $spacing auto;\n }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n position: relative;\n &:after {\n top: 100%;\n left: 50%;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-color: rgba(0, 0, 0, 0);\n border-top: $height solid $color;\n border-right: calc($width / 2) solid transparent;\n border-left: calc($width / 2) solid transparent;\n margin-left: - calc($width / 2);\n }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n &:hover {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n }\n}\n\n@mixin sportBtn($color1, $color2) {\n background: linear-gradient(to bottom, $color1 0, $color2 100%);\n &:hover {\n background: linear-gradient(to bottom, $color2 0, $color1 100%);\n }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n line-height: $line-height;\n width: $width;\n font-weight: normal;\n display: inline-block;\n color: $fill-color;\n font-size: 15px;\n position: relative;\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n &:last-child {\n margin-right: 0;\n }\n &:before {\n content: '\\2605';\n }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n line-height: 2rem;\n width: 16px;\n font-weight: normal;\n display: inline-block;\n color: $half-full-color;\n font-size: 15px;\n position: relative;\n &:before {\n content: '\\2605';\n }\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n &:after {\n content: '\\2605';\n color: $half-empty-color;\n position: absolute;\n width: 7px;\n overflow: hidden;\n bottom: 0;\n left: 0;\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={content:"vXDm124lIMUTLX8x1wE+7g==",header:"FizPsTo+RQjwBM7KZiVhFA==",links:"iZJlMr49477ib1oJr7nN6g==",logo:"QFI+W-HX8ENFixXSjeFc0g==",title:"spSljnSYKe8d--K66ExmkQ==",excerpt:"gVn-SWfNzdZWU6JGfr0RXw==",bottom:"_25bv8l3k-AD9frmdBTXP5w=="},__webpack_exports__.Z=___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/coupon/coupon.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";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,".d4AX\\+iEUyGj3ApVpu98YGg\\=\\= a{display:flex !important;justify-content:center;background-color:var(--cupon-background-color, #a0fbd3) !important;border:2px dashed var(--cupon-border-color, #6be1ac);width:fit-content;border-radius:0rem !important;text-decoration:none;word-break:normal;margin:0;padding:.4rem .8rem .4rem .8rem !important;box-shadow:none !important;color:var(--cupon-color, #263035) !important}.d4AX\\+iEUyGj3ApVpu98YGg\\=\\= a>span{font-weight:700;font-size:12px;line-height:18px;color:var(--cupon-span-color, #263035)}.d4AX\\+iEUyGj3ApVpu98YGg\\=\\= a>svg{margin-left:1rem;width:12px;height:13px}","",{version:3,sources:["webpack://./src/components/atoms/coupon/coupon.module.scss"],names:[],mappings:"AAeE,+BACE,uBAAA,CACA,sBAAA,CACA,kEAAA,CACA,oDAAA,CACA,iBAAA,CACA,6BAAA,CACA,oBAAA,CACA,iBAAA,CACA,QAAA,CACA,0CAAA,CACA,0BAAA,CACA,4CAAA,CAEA,oCACE,eAAA,CACA,cAAA,CACA,gBAAA,CACA,sCAAA,CAGF,mCACE,gBAAA,CACA,UAAA,CACA,WAAA",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.coupon {\n a {\n display: flex !important;\n justify-content: center;\n background-color: var(--cupon-background-color, #a0fbd3) !important;\n border: 2px dashed var(--cupon-border-color, #6be1ac);\n width: fit-content;\n border-radius: 0rem !important;\n text-decoration: none;\n word-break: normal;\n margin: 0;\n padding: 0.4rem 0.8rem 0.4rem 0.8rem !important;\n box-shadow: none !important;\n color: var(--cupon-color, #263035) !important;\n\n > span {\n font-weight: 700;\n font-size: 12px;\n line-height: 18px;\n color: var(--cupon-span-color, #263035);\n }\n\n > svg {\n margin-left: 1rem;\n width: 12px;\n height: 13px;\n }\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={coupon:"d4AX+iEUyGj3ApVpu98YGg=="},__webpack_exports__.Z=___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/link-menu/link-menu.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";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,".lMG3y\\+UOJpwwfJFZ-7-8nA\\=\\={background-color:var(--link-menu-background-color);padding:3.2rem 0}.lMG3y\\+UOJpwwfJFZ-7-8nA\\=\\= ._1d0YCIM1w\\+HNkQ\\+Y7fmFXg\\=\\={margin:0 auto;max-width:var(--main-container-max);padding:0 4rem;display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap}@media only screen and (min-width:768px){.lMG3y\\+UOJpwwfJFZ-7-8nA\\=\\= ._1d0YCIM1w\\+HNkQ\\+Y7fmFXg\\=\\={display:flex;align-items:flex-start;justify-content:center;flex-direction:row}}.lMG3y\\+UOJpwwfJFZ-7-8nA\\=\\= ._1d0YCIM1w\\+HNkQ\\+Y7fmFXg\\=\\=>ul{min-width:18rem}@media only screen and (min-width:768px){.lMG3y\\+UOJpwwfJFZ-7-8nA\\=\\= ._1d0YCIM1w\\+HNkQ\\+Y7fmFXg\\=\\=>ul{min-width:auto}}.lMG3y\\+UOJpwwfJFZ-7-8nA\\=\\= ._1d0YCIM1w\\+HNkQ\\+Y7fmFXg\\=\\=>ul li{margin:.7rem 0;color:var(--color-12);font-size:1.4rem;line-height:2.25;font-weight:700}.lMG3y\\+UOJpwwfJFZ-7-8nA\\=\\= ._1d0YCIM1w\\+HNkQ\\+Y7fmFXg\\=\\=>ul li a{font-size:1.4rem;line-height:1;color:var(--color-12);font-weight:400;display:flex;align-items:flex-start;justify-content:flex-start}@media only screen and (min-width:768px){.lMG3y\\+UOJpwwfJFZ-7-8nA\\=\\= ._1d0YCIM1w\\+HNkQ\\+Y7fmFXg\\=\\=>ul li a{font-size:1.2rem}}.lMG3y\\+UOJpwwfJFZ-7-8nA\\=\\= ._1d0YCIM1w\\+HNkQ\\+Y7fmFXg\\=\\=>ul li a svg{fill:var(--text-link-color);font-size:.9rem;margin:.2rem 0 0 -0.1rem}.lMG3y\\+UOJpwwfJFZ-7-8nA\\=\\= ._1d0YCIM1w\\+HNkQ\\+Y7fmFXg\\=\\=>ul li a span{padding-left:.4rem}","",{version:3,sources:["webpack://./src/components/atoms/link-menu/link-menu.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAcA,6BACI,kDAAA,CACA,gBAAA,CAEA,4DACE,aAAA,CACA,mCAAA,CACA,cAAA,CCpBJ,YAAA,CACA,kBDoBwB,CCnBxB,sBDmBgC,CAC5B,qBAAA,CACA,cAAA,CE4BJ,yCFlCE,4DCjBF,YAAA,CACA,sBDyB0B,CCxB1B,sBDwBsC,CAChC,kBAAA,CAAA,CAGF,+DACE,eAAA,CEoBN,yCFrBI,+DAII,cAAA,CAAA,CAGF,kEACE,cAAA,CACA,qBAAA,CACA,gBAAA,CACA,gBAAA,CACA,eAAA,CAEA,oEACE,gBAAA,CACA,aAAA,CACA,qBAAA,CACA,eAAA,CChDV,YAAA,CACA,sBDgD8B,CC/C9B,0BD+C0C,CEE1C,yCFPQ,oEAQI,gBAAA,CAAA,CAGF,wEACE,2BAAA,CACA,eAAA,CACA,wBAAA,CAGF,yEACE,kBAAA",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.linkMenuContainer {\n background-color: var(--link-menu-background-color);\n padding: 3.2rem 0;\n \n .linkMenuContent {\n margin: 0 auto;\n max-width: var(--main-container-max);\n padding: 0 4rem;\n @include flex-align(center, center);\n flex-direction: column;\n flex-wrap: wrap;\n \n @include min(tablet) {\n @include flex-align(flex-start, center);\n flex-direction: row;\n }\n \n > ul {\n min-width: 18rem;\n \n @include min(tablet) {\n min-width: auto;\n }\n \n li {\n margin: 0.7rem 0;\n color: var(--color-12);\n font-size: 1.4rem;\n line-height: 2.25;\n font-weight: 700;\n \n a {\n font-size: 1.4rem;\n line-height: 1;\n color: var(--color-12);\n font-weight: 400;\n @include flex-align(flex-start, flex-start);\n \n @include min(tablet) {\n font-size: 1.2rem;\n }\n \n svg {\n fill: var(--text-link-color);\n font-size: 0.9rem;\n margin: 0.2rem 0 0 -0.1rem;\n }\n \n span {\n padding-left: 0.4rem;\n }\n }\n }\n }\n }\n }\n ","@mixin flex-align($align-items, $justify-content) {\n display: flex;\n align-items: $align-items;\n justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n display: flex;\n flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n #{$overflow-type}: $overflow-value;\n -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n background: $bgcolor;\n border-radius: 100px;\n color: $text-color;\n font-weight: 700;\n @include flex-align(center, center);\n padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n color: $color;\n\n &:hover {\n color: $color;\n }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n float: $direction;\n @if $direction == right {\n margin: 0 0 1em 1em;\n } @else {\n margin: 0 1em 1em 0;\n }\n}\n\n@mixin content-img-align($direction: center, $spacing: 1em) {\n display: block;\n @if $direction == right {\n margin: $spacing 0 $spacing auto;\n } @else if $direction == left {\n margin: $spacing auto $spacing 0;\n } @else {\n margin: $spacing auto;\n }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n position: relative;\n &:after {\n top: 100%;\n left: 50%;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-color: rgba(0, 0, 0, 0);\n border-top: $height solid $color;\n border-right: calc($width / 2) solid transparent;\n border-left: calc($width / 2) solid transparent;\n margin-left: - calc($width / 2);\n }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n &:hover {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n }\n}\n\n@mixin sportBtn($color1, $color2) {\n background: linear-gradient(to bottom, $color1 0, $color2 100%);\n &:hover {\n background: linear-gradient(to bottom, $color2 0, $color1 100%);\n }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n line-height: $line-height;\n width: $width;\n font-weight: normal;\n display: inline-block;\n color: $fill-color;\n font-size: 15px;\n position: relative;\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n &:last-child {\n margin-right: 0;\n }\n &:before {\n content: '\\2605';\n }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n line-height: 2rem;\n width: 16px;\n font-weight: normal;\n display: inline-block;\n color: $half-full-color;\n font-size: 15px;\n position: relative;\n &:before {\n content: '\\2605';\n }\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n &:after {\n content: '\\2605';\n color: $half-empty-color;\n position: absolute;\n width: 7px;\n overflow: hidden;\n bottom: 0;\n left: 0;\n }\n}\n","$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\n// Hover\n// that allows you only to apply styles on devices with hover capability\n@mixin hover-device() {\n @media (hover: hover) {\n &:hover {\n @content;\n }\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={linkMenuContainer:"lMG3y+UOJpwwfJFZ-7-8nA==",linkMenuContent:"_1d0YCIM1w+HNkQ+Y7fmFXg=="},__webpack_exports__.Z=___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/newsletter/form/newsletter-form.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";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,"@media only screen and (min-width:768px){form{display:flex;flex-direction:column}}form .qIdHoF\\+rsx-7qEHmF6bL6w\\=\\={padding:1.2rem;border:0;border-radius:.5rem;background-color:#f3f2f2;font-size:1.4rem;margin-right:1rem;width:100%;margin-bottom:1rem;height:4.4rem}form .EqukYwpQy6sygDNroTeQ\\+A\\=\\={border:1px solid #ff0036}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss","webpack://./src/components/atoms/newsletter/form/newsletter-form.module.scss"],names:[],mappings:"AAoDE,yCCtCF,KAEI,YAAA,CACA,qBAAA,CAAA,CAEF,kCACE,cAAA,CACA,QAAA,CACA,mBAAA,CACA,wBAAA,CACA,gBAAA,CACA,iBAAA,CACA,UAAA,CACA,kBAAA,CACA,aAAA,CAEF,kCACE,wBAAA",sourcesContent:["$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\n// Hover\n// that allows you only to apply styles on devices with hover capability\n@mixin hover-device() {\n @media (hover: hover) {\n &:hover {\n @content;\n }\n }\n}\n","// 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\nform {\n @include min(tablet) {\n display: flex;\n flex-direction: column;\n }\n .input {\n padding: 1.2rem;\n border: 0;\n border-radius: 0.5rem;\n background-color: #f3f2f2;\n font-size: 1.4rem;\n margin-right: 1rem;\n width: 100%;\n margin-bottom: 1rem;\n height: 4.4rem;\n }\n .error {\n border: 1px solid #ff0036;\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={input:"qIdHoF+rsx-7qEHmF6bL6w==",error:"EqukYwpQy6sygDNroTeQ+A=="},__webpack_exports__.Z=___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/newsletter/privacy&button/newsletter-privacy&button.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";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,".t88tAWQmp6TRwBMhVmGF0g\\=\\={display:flex;flex-direction:column-reverse}.bMDkqA7E-6ZOgclol\\+AlZg\\=\\={color:#fff;background:#ff0036;width:100%;padding:.6rem 0;font-size:1.5rem;min-width:25.6rem;border-radius:.25rem;height:4.4rem}","",{version:3,sources:["webpack://./src/components/atoms/newsletter/privacy&button/newsletter-privacy&button.module.scss"],names:[],mappings:"AAcA,4BACE,YAAA,CACA,6BAAA,CAGF,6BACE,UAAA,CACA,kBAAA,CACA,UAAA,CACA,eAAA,CACA,gBAAA,CACA,iBAAA,CACA,oBAAA,CACA,aAAA",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.display {\n display: flex;\n flex-direction: column-reverse;\n}\n\n.button {\n color: #fff;\n background: #ff0036;\n width: 100%;\n padding: 0.6rem 0;\n font-size: 1.5rem;\n min-width: 25.6rem;\n border-radius: 0.25rem;\n height: 4.4rem;\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={display:"t88tAWQmp6TRwBMhVmGF0g==",button:"bMDkqA7E-6ZOgclol+AlZg=="},__webpack_exports__.Z=___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/newsletter/toggle-button/newsletter-button.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";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,".JSWcKzq\\+2mmfhRsvnc7Fvw\\=\\={border:none;background-color:#00889e;padding:1rem;color:#fff;border-radius:0 .5rem .5rem 0;position:fixed;z-index:var(--scroll-to-top-index)}@media only screen and (max-width:767px){.JSWcKzq\\+2mmfhRsvnc7Fvw\\=\\={bottom:-70rem;width:100%}.FbYE2JZ1Mi8yTsJvQljSaQ\\=\\={border-radius:0;bottom:0}}.FbYE2JZ1Mi8yTsJvQljSaQ\\=\\={transition:1s}@media only screen and (min-width:768px){.JSWcKzq\\+2mmfhRsvnc7Fvw\\=\\={width:15rem;left:-70rem;top:50vh}.FbYE2JZ1Mi8yTsJvQljSaQ\\=\\={left:0}}","",{version:3,sources:["webpack://./src/components/atoms/newsletter/toggle-button/newsletter-button.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAcA,6BACE,WAAA,CACA,wBAAA,CACA,YAAA,CACA,UAAA,CACA,6BAAA,CACA,cAAA,CACA,kCAAA,CCsCA,yCDnCA,6BACE,aAAA,CACA,UAAA,CAEF,4BACE,eAAA,CACA,QAAA,CAAA,CAGJ,4BACE,aAAA,CCkBA,yCDdA,6BACE,WAAA,CACA,WAAA,CACA,QAAA,CAEF,4BACE,MAAA,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.button {\n border: none;\n background-color: #00889e;\n padding: 1rem;\n color: white;\n border-radius: 0 0.5rem 0.5rem 0;\n position: fixed;\n z-index: var(--scroll-to-top-index);\n}\n@include max(mobile) {\n .button {\n bottom: -70rem;\n width: 100%;\n }\n .active {\n border-radius: 0;\n bottom: 0;\n }\n}\n.active {\n transition: 1s;\n}\n\n@include min(tablet) {\n .button {\n width: 15rem;\n left: -70rem;\n top: 50vh;\n }\n .active {\n left: 0;\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\n// Hover\n// that allows you only to apply styles on devices with hover capability\n@mixin hover-device() {\n @media (hover: hover) {\n &:hover {\n @content;\n }\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={button:"JSWcKzq+2mmfhRsvnc7Fvw==",active:"FbYE2JZ1Mi8yTsJvQljSaQ=="},__webpack_exports__.Z=___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/select/select.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";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,'.QmuTa79f08UVJ4aj8Tl61A\\=\\={position:relative}.QmuTa79f08UVJ4aj8Tl61A\\=\\=.PBbv2jdFpfnRRmcBPFNe1A\\=\\=>select{width:100%}.QmuTa79f08UVJ4aj8Tl61A\\=\\= select{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:var(--horse-calc-input-border, none);color:var(--horse-calc-label-color, #1a1c1f);background:var(--horse-calc-input-background, #f3f2f2);border-radius:var(--horse-calc-input-border-radius, 0.4rem);font-weight:400;font-size:16px;padding:1.6rem 1.5rem}@media only screen and (min-width:768px){.QmuTa79f08UVJ4aj8Tl61A\\=\\= select{padding:1.6rem 2.4rem}}.QmuTa79f08UVJ4aj8Tl61A\\=\\= svg{color:var(--tooltip-icon-color, #848587)}.QmuTa79f08UVJ4aj8Tl61A\\=\\=:after{content:"";border:solid var(--horse-calc-label-color, #1a1c1f);border-width:0 .2666666667rem .2666666667rem 0;padding:.2666666667rem;transform:rotate(45deg);position:absolute;right:1.5rem;top:38%}@media only screen and (min-width:768px){.QmuTa79f08UVJ4aj8Tl61A\\=\\=:after{right:2.4rem}}.XYNvU5YujHEmY3712JYA3A\\=\\={display:flex;align-items:center;justify-content:space-between}.XYNvU5YujHEmY3712JYA3A\\=\\=>select{width:90%}.XYNvU5YujHEmY3712JYA3A\\=\\=:after{left:83%;right:auto}',"",{version:3,sources:["webpack://./src/components/atoms/select/select.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_icons.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,4BACE,iBAAA,CAGE,8DACE,UAAA,CAIJ,mCACE,uBAAA,CACA,oBAAA,CACA,eAAA,CACA,2CAAA,CACA,4CAAA,CACA,sDAAA,CACA,2DAAA,CACA,eAAA,CACA,cAAA,CACA,qBAAA,CCmBF,yCD7BA,mCAaI,qBAAA,CAAA,CAMJ,gCACE,wCAAA,CAGF,kCE7CA,UAAA,CAaE,mDAAA,CACA,8CAAA,CACA,sBAHQ,CAwBR,uBARW,CFmBX,iBAAA,CACA,YAAA,CACA,OAAA,CCEF,yCDNA,kCAOI,YAAA,CAAA,CAON,4BG3DE,YAAA,CACA,kBH2DoB,CG1DpB,6BH0D4B,CAC5B,mCACE,SAAA,CAGF,kCACE,QAAA,CACA,UAAA",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.dropdownStyling {\n position: relative;\n\n &.fullWidth {\n > select {\n width: 100%;\n }\n }\n\n select {\n -webkit-appearance: none;\n -moz-appearance: none;\n appearance: none;\n border: var(--horse-calc-input-border, none);\n color: var(--horse-calc-label-color, #1a1c1f);\n background: var(--horse-calc-input-background, #f3f2f2);\n border-radius: var(--horse-calc-input-border-radius, 0.4rem);\n font-weight: 400;\n font-size: 16px;\n padding: 1.6rem 1.5rem;\n\n @include min(tablet) {\n padding: 1.6rem 2.4rem;\n }\n\n \n }\n\n svg {\n color: var(--tooltip-icon-color, #848587);\n }\n\n &:after {\n @include arrow(var(--horse-calc-label-color, #1a1c1f), 0.8rem, down, false);\n position: absolute;\n right: 1.5rem;\n top: 38%;\n\n @include min(tablet) {\n right: 2.4rem;\n }\n }\n\n\n}\n\n.tooltip {\n @include flex-align(center, space-between);\n > select {\n width: 90%;\n }\n\n &:after {\n left: 83%;\n right: auto;\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\n// Hover\n// that allows you only to apply styles on devices with hover capability\n@mixin hover-device() {\n @media (hover: hover) {\n &:hover {\n @content;\n }\n }\n}\n","@mixin arrow($color, $size, $orientation, $solid: true, $transform: '') {\n content: '';\n\n $rotation_right: 90deg;\n $rotation_down: 180deg;\n $rotation_left: -90deg;\n $rotation: rotate(-135deg);\n\n @if ($solid) {\n border-left: $size solid transparent;\n border-right: $size solid transparent;\n border-bottom: $size solid $color;\n } @else {\n $size: calc($size/3);\n border: solid $color;\n border-width: 0 $size $size 0;\n padding: $size;\n }\n\n $rotation_right: -45deg;\n $rotation_down: 45deg;\n $rotation_left: 135deg;\n\n @if ($orientation == up) {\n bottom: 100%;\n left: calc(50% - #{$size});\n } @else if ($orientation == right) {\n $rotation: rotate($rotation_right);\n } @else if ($orientation == down) {\n $rotation: rotate($rotation_down);\n } @else if ($orientation == left) {\n $rotation: rotate($rotation_left);\n }\n\n @if ($transform != '') {\n transform: $transform $rotation;\n } @else {\n transform: $rotation;\n }\n}\n\n@mixin circle($color, $size) {\n content: '';\n width: $size;\n height: $size;\n background: $color;\n border-radius: 50%;\n}\n\n@mixin circle-bordered($color, $size, $border-width, $border-color) {\n @include circle($color, $size);\n border: $border-width solid $border-color;\n}\n\n@mixin iframe-play($color, $bg-color) {\n &:before {\n @include arrow($color, 1rem, right, true);\n border-bottom-width: 2rem;\n z-index: 1;\n }\n\n &:after {\n @include circle-bordered($bg-color, 8rem, 1rem, transparentize($bg-color, 0.2));\n }\n\n &:before,\n &:after {\n cursor: pointer;\n transition: all 0.25s linear;\n }\n\n &:hover,\n &:focus {\n &:before {\n border-bottom: 2rem solid $bg-color;\n }\n\n &:after {\n border-color: transparentize($color, 0.2);\n background-color: $color;\n }\n }\n}\n\n@mixin close($size, $thickness, $color) {\n & {\n display: inline-block;\n width: $size;\n height: $size;\n }\n\n &:before,\n &:after {\n content: '';\n display: block;\n width: 140%;\n height: $thickness;\n background: $color;\n border-radius: 0.1rem;\n }\n\n &:before {\n transform: rotate(45deg);\n transform-origin: 0 0;\n margin: - calc($thickness / 4) 0 0 calc($thickness / 2);\n }\n\n &:after {\n transform: rotate(-45deg);\n transform-origin: 100% 0;\n margin: -$thickness 0 0 -45%;\n }\n}\n\n@mixin nav-icon($size, $color, $thickness: 5px, $translate: 12px) {\n width: $size;\n\n &:before,\n &:after,\n div {\n background-color: $color;\n border-radius: 3px;\n content: '';\n display: block;\n height: $thickness;\n margin: 7px 0;\n transition: all 0.2s ease-in-out;\n }\n\n &:before {\n margin: 0;\n }\n\n &:after {\n width: 50%;\n margin: 0 0 0 auto;\n }\n\n &.active {\n &:before {\n transform: translateY($translate) rotate(135deg);\n }\n\n &:after {\n margin: 7px 0;\n width: auto;\n transform: translateY(-$translate) rotate(-135deg);\n }\n\n div {\n transform: scale(0);\n }\n }\n}\n\n@mixin nav-icon-2($size, $color, $thickness: 5px, $translate: 12px) {\n width: $size;\n\n &:before,\n &:after,\n div {\n background-color: $color;\n border-radius: 1px;\n content: '';\n display: block;\n height: $thickness;\n margin: 4px 0;\n transition: all 0.2s ease-in-out;\n width: 100%;\n }\n\n &:before {\n margin: 0;\n }\n\n &:after {\n margin: 0 0 0 auto;\n }\n\n &.active {\n &:before {\n transform: translateY($translate) rotate(135deg);\n }\n\n &:after {\n margin: 10px 0;\n width: auto;\n transform: translateY(-$translate) rotate(-135deg);\n }\n\n div {\n transform: scale(0);\n }\n }\n}\n\n","@mixin flex-align($align-items, $justify-content) {\n display: flex;\n align-items: $align-items;\n justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n display: flex;\n flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n #{$overflow-type}: $overflow-value;\n -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n background: $bgcolor;\n border-radius: 100px;\n color: $text-color;\n font-weight: 700;\n @include flex-align(center, center);\n padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n color: $color;\n\n &:hover {\n color: $color;\n }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n float: $direction;\n @if $direction == right {\n margin: 0 0 1em 1em;\n } @else {\n margin: 0 1em 1em 0;\n }\n}\n\n@mixin content-img-align($direction: center, $spacing: 1em) {\n display: block;\n @if $direction == right {\n margin: $spacing 0 $spacing auto;\n } @else if $direction == left {\n margin: $spacing auto $spacing 0;\n } @else {\n margin: $spacing auto;\n }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n position: relative;\n &:after {\n top: 100%;\n left: 50%;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-color: rgba(0, 0, 0, 0);\n border-top: $height solid $color;\n border-right: calc($width / 2) solid transparent;\n border-left: calc($width / 2) solid transparent;\n margin-left: - calc($width / 2);\n }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n &:hover {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n }\n}\n\n@mixin sportBtn($color1, $color2) {\n background: linear-gradient(to bottom, $color1 0, $color2 100%);\n &:hover {\n background: linear-gradient(to bottom, $color2 0, $color1 100%);\n }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n line-height: $line-height;\n width: $width;\n font-weight: normal;\n display: inline-block;\n color: $fill-color;\n font-size: 15px;\n position: relative;\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n &:last-child {\n margin-right: 0;\n }\n &:before {\n content: '\\2605';\n }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n line-height: 2rem;\n width: 16px;\n font-weight: normal;\n display: inline-block;\n color: $half-full-color;\n font-size: 15px;\n position: relative;\n &:before {\n content: '\\2605';\n }\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n &:after {\n content: '\\2605';\n color: $half-empty-color;\n position: absolute;\n width: 7px;\n overflow: hidden;\n bottom: 0;\n left: 0;\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={dropdownStyling:"QmuTa79f08UVJ4aj8Tl61A==",fullWidth:"PBbv2jdFpfnRRmcBPFNe1A==",tooltip:"XYNvU5YujHEmY3712JYA3A=="},__webpack_exports__.Z=___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/social-icons/social-icons.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";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,"._2S5hGFDQ4tnY7xJZUIQvkg\\=\\={width:100%;display:flex;flex-direction:column}._2S5hGFDQ4tnY7xJZUIQvkg\\=\\= .b2ZYVytbsHKIlzsZjEjipw\\=\\={padding-bottom:1.6rem;font-weight:600;font-size:1.6rem;line-height:2.4rem;color:var(--color-33)}@media only screen and (min-width:768px){._2S5hGFDQ4tnY7xJZUIQvkg\\=\\= .b2ZYVytbsHKIlzsZjEjipw\\=\\={font-weight:bold;font-size:3.6rem;line-height:4.6rem}}._2S5hGFDQ4tnY7xJZUIQvkg\\=\\= .im1AgIubA8BFgy69RRXfAg\\=\\={display:inline-flex}._2S5hGFDQ4tnY7xJZUIQvkg\\=\\= .im1AgIubA8BFgy69RRXfAg\\=\\= a{display:inline-block;width:4rem;height:4rem;line-height:4.7rem;border-radius:50%;background:var(--color-52);margin:0 1.6rem 0 0;text-align:center;font-size:2rem}._2S5hGFDQ4tnY7xJZUIQvkg\\=\\= .im1AgIubA8BFgy69RRXfAg\\=\\= a svg{color:#000}","",{version:3,sources:["webpack://./src/components/atoms/social-icons/social-icons.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAcA,6BACE,UAAA,CCRA,YAAA,CACA,qBDQwB,CACxB,yDACE,qBAAA,CACE,eAAA,CACA,gBAAA,CACA,kBAAA,CACA,qBAAA,CE8BJ,yCFnCA,yDAOM,gBAAA,CACA,gBAAA,CACA,kBAAA,CAAA,CAGN,yDACE,mBAAA,CACA,2DACE,oBAAA,CACA,UAAA,CACA,WAAA,CACA,kBAAA,CACA,iBAAA,CACA,0BAAA,CACA,mBAAA,CACA,iBAAA,CACA,cAAA,CACA,+DACI,UAAA",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.container {\n width: 100%;\n @include flex-direction(column);\n .title{\n padding-bottom: 1.6rem;\n font-weight: 600;\n font-size: 1.6rem;\n line-height: 2.4rem; \n color: var(--color-33);\n @include min(tablet){\n font-weight: bold;\n font-size: 3.6rem;\n line-height: 4.6rem;\n }\n }\n .socialIcons{\n display: inline-flex;\n a {\n display: inline-block;\n width: 4rem;\n height: 4rem;\n line-height: 4.7rem;\n border-radius: 50%;\n background: var(--color-52);\n margin: 0 1.6rem 0 0;\n text-align: center;\n font-size: 2rem;\n svg{\n color: #000;\n }\n }\n }\n}\n","@mixin flex-align($align-items, $justify-content) {\n display: flex;\n align-items: $align-items;\n justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n display: flex;\n flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n #{$overflow-type}: $overflow-value;\n -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n background: $bgcolor;\n border-radius: 100px;\n color: $text-color;\n font-weight: 700;\n @include flex-align(center, center);\n padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n color: $color;\n\n &:hover {\n color: $color;\n }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n float: $direction;\n @if $direction == right {\n margin: 0 0 1em 1em;\n } @else {\n margin: 0 1em 1em 0;\n }\n}\n\n@mixin content-img-align($direction: center, $spacing: 1em) {\n display: block;\n @if $direction == right {\n margin: $spacing 0 $spacing auto;\n } @else if $direction == left {\n margin: $spacing auto $spacing 0;\n } @else {\n margin: $spacing auto;\n }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n position: relative;\n &:after {\n top: 100%;\n left: 50%;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-color: rgba(0, 0, 0, 0);\n border-top: $height solid $color;\n border-right: calc($width / 2) solid transparent;\n border-left: calc($width / 2) solid transparent;\n margin-left: - calc($width / 2);\n }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n &:hover {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n }\n}\n\n@mixin sportBtn($color1, $color2) {\n background: linear-gradient(to bottom, $color1 0, $color2 100%);\n &:hover {\n background: linear-gradient(to bottom, $color2 0, $color1 100%);\n }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n line-height: $line-height;\n width: $width;\n font-weight: normal;\n display: inline-block;\n color: $fill-color;\n font-size: 15px;\n position: relative;\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n &:last-child {\n margin-right: 0;\n }\n &:before {\n content: '\\2605';\n }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n line-height: 2rem;\n width: 16px;\n font-weight: normal;\n display: inline-block;\n color: $half-full-color;\n font-size: 15px;\n position: relative;\n &:before {\n content: '\\2605';\n }\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n &:after {\n content: '\\2605';\n color: $half-empty-color;\n position: absolute;\n width: 7px;\n overflow: hidden;\n bottom: 0;\n left: 0;\n }\n}\n","$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\n// Hover\n// that allows you only to apply styles on devices with hover capability\n@mixin hover-device() {\n @media (hover: hover) {\n &:hover {\n @content;\n }\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={container:"_2S5hGFDQ4tnY7xJZUIQvkg==",title:"b2ZYVytbsHKIlzsZjEjipw==",socialIcons:"im1AgIubA8BFgy69RRXfAg=="},__webpack_exports__.Z=___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/tooltip/tooltip.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";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,'.AGdne1xezg2P4zIFdcP6eQ\\=\\={display:flex;align-items:center;justify-content:center;position:relative}.BWmqSnr-MgUBVcwiQYMnOw\\=\\={position:absolute;border-radius:4px;left:50%;transform:translateX(-50%);padding:6px;color:var(--tooltip-text-color);background:var(--tooltip-background-color);font-size:1rem;z-index:100;width:20rem}.BWmqSnr-MgUBVcwiQYMnOw\\=\\=::before{content:" ";left:50%;border:solid rgba(0,0,0,0);height:0;width:0;position:absolute;pointer-events:none;border-width:var(--tooltip-arrow-size);margin-left:calc(var(--tooltip-arrow-size)*-1)}.BWmqSnr-MgUBVcwiQYMnOw\\=\\=.CL4I8a1td1aRo0sQZVCZ-w\\=\\={bottom:3rem}.BWmqSnr-MgUBVcwiQYMnOw\\=\\=.CL4I8a1td1aRo0sQZVCZ-w\\=\\=::before{top:100%;border-top-color:var(--tooltip-background-color)}.BWmqSnr-MgUBVcwiQYMnOw\\=\\=.yQbBuJc5esgYuHQmcYWhAw\\=\\={left:calc(100% + var(--tooltip-margin));top:50%;transform:translateX(0) translateY(-50%)}.BWmqSnr-MgUBVcwiQYMnOw\\=\\=.yQbBuJc5esgYuHQmcYWhAw\\=\\=::before{left:calc(var(--tooltip-arrow-size)*-1);top:50%;transform:translateX(0) translateY(-50%);border-right-color:var(--tooltip-background-color)}.BWmqSnr-MgUBVcwiQYMnOw\\=\\=.CLB29SLJ62RH0RTG1\\+kvPw\\=\\={bottom:calc(var(--tooltip-margin)*-1)}.BWmqSnr-MgUBVcwiQYMnOw\\=\\=.CLB29SLJ62RH0RTG1\\+kvPw\\=\\=::before{bottom:100%;border-bottom-color:var(--tooltip-background-color)}.BWmqSnr-MgUBVcwiQYMnOw\\=\\=.tS37-PgcSVdFGnYq\\+O1NRA\\=\\={left:auto;right:calc(100% + var(--tooltip-margin));top:50%;transform:translateX(0) translateY(-50%)}.BWmqSnr-MgUBVcwiQYMnOw\\=\\=.tS37-PgcSVdFGnYq\\+O1NRA\\=\\=::before{left:auto;right:calc(var(--tooltip-arrow-size)*-2);top:50%;transform:translateX(0) translateY(-50%);border-left-color:var(--tooltip-background-color)}',"",{version:3,sources:["webpack://./src/components/atoms/tooltip/tooltip.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAeE,4BCdA,YAAA,CACA,kBDcsB,CCbtB,sBDa8B,CAC5B,iBAAA,CAGF,4BACE,iBAAA,CACA,iBAAA,CACA,QAAA,CACA,0BAAA,CACA,WAAA,CACA,+BAAA,CACA,0CAAA,CACA,cAAA,CACA,WAAA,CAEA,WAAA,CAGF,oCACE,WAAA,CACA,QAAA,CACA,0BAAA,CACA,QAAA,CACA,OAAA,CACA,iBAAA,CACA,mBAAA,CACA,sCAAA,CACA,8CAAA,CAGF,uDAEE,WAAA,CAGF,+DACE,QAAA,CACA,gDAAA,CAIF,uDACE,uCAAA,CACA,OAAA,CACA,wCAAA,CAGF,+DACE,uCAAA,CACA,OAAA,CACA,wCAAA,CACA,kDAAA,CAIF,wDACE,qCAAA,CAGF,gEACE,WAAA,CACA,mDAAA,CAIF,wDACE,SAAA,CACA,wCAAA,CACA,OAAA,CACA,wCAAA,CAGF,gEACE,SAAA,CACA,wCAAA,CACA,OAAA,CACA,wCAAA,CACA,iDAAA",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\n .wrapper {\n @include flex-align(center, center);\n position: relative;\n }\n\n .tooltip {\n position: absolute;\n border-radius: 4px;\n left: 50%;\n transform: translateX(-50%);\n padding: 6px;\n color: var(--tooltip-text-color);\n background: var(--tooltip-background-color);\n font-size: 1rem;\n z-index: 100;\n // white-space: nowrap;\n width: 20rem;\n }\n \n .tooltip::before {\n content: \" \";\n left: 50%;\n border: solid transparent;\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-width: var(--tooltip-arrow-size);\n margin-left: calc(var(--tooltip-arrow-size) * -1);\n }\n\n .tooltip.top {\n // top: calc(var(--tooltip-margin) * -1);\n bottom: 3rem;\n }\n\n .tooltip.top::before {\n top: 100%;\n border-top-color: var(--tooltip-background-color);\n }\n \n\n .tooltip.right {\n left: calc(100% + var(--tooltip-margin));\n top: 50%;\n transform: translateX(0) translateY(-50%);\n }\n \n .tooltip.right::before {\n left: calc(var(--tooltip-arrow-size) * -1);\n top: 50%;\n transform: translateX(0) translateY(-50%);\n border-right-color: var(--tooltip-background-color);\n }\n \n /* Absolute positioning */\n .tooltip.bottom {\n bottom: calc(var(--tooltip-margin) * -1);\n }\n /* CSS border triangles */\n .tooltip.bottom::before {\n bottom: 100%;\n border-bottom-color: var(--tooltip-background-color);\n }\n \n /* Absolute positioning */\n .tooltip.left {\n left: auto;\n right: calc(100% + var(--tooltip-margin));\n top: 50%;\n transform: translateX(0) translateY(-50%);\n }\n /* CSS border triangles */\n .tooltip.left::before {\n left: auto;\n right: calc(var(--tooltip-arrow-size) * -2);\n top: 50%;\n transform: translateX(0) translateY(-50%);\n border-left-color: var(--tooltip-background-color);\n }\n ","@mixin flex-align($align-items, $justify-content) {\n display: flex;\n align-items: $align-items;\n justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n display: flex;\n flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n #{$overflow-type}: $overflow-value;\n -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n background: $bgcolor;\n border-radius: 100px;\n color: $text-color;\n font-weight: 700;\n @include flex-align(center, center);\n padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n color: $color;\n\n &:hover {\n color: $color;\n }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n float: $direction;\n @if $direction == right {\n margin: 0 0 1em 1em;\n } @else {\n margin: 0 1em 1em 0;\n }\n}\n\n@mixin content-img-align($direction: center, $spacing: 1em) {\n display: block;\n @if $direction == right {\n margin: $spacing 0 $spacing auto;\n } @else if $direction == left {\n margin: $spacing auto $spacing 0;\n } @else {\n margin: $spacing auto;\n }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n position: relative;\n &:after {\n top: 100%;\n left: 50%;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-color: rgba(0, 0, 0, 0);\n border-top: $height solid $color;\n border-right: calc($width / 2) solid transparent;\n border-left: calc($width / 2) solid transparent;\n margin-left: - calc($width / 2);\n }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n &:hover {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n }\n}\n\n@mixin sportBtn($color1, $color2) {\n background: linear-gradient(to bottom, $color1 0, $color2 100%);\n &:hover {\n background: linear-gradient(to bottom, $color2 0, $color1 100%);\n }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n line-height: $line-height;\n width: $width;\n font-weight: normal;\n display: inline-block;\n color: $fill-color;\n font-size: 15px;\n position: relative;\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n &:last-child {\n margin-right: 0;\n }\n &:before {\n content: '\\2605';\n }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n line-height: 2rem;\n width: 16px;\n font-weight: normal;\n display: inline-block;\n color: $half-full-color;\n font-size: 15px;\n position: relative;\n &:before {\n content: '\\2605';\n }\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n &:after {\n content: '\\2605';\n color: $half-empty-color;\n position: absolute;\n width: 7px;\n overflow: hidden;\n bottom: 0;\n left: 0;\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={wrapper:"AGdne1xezg2P4zIFdcP6eQ==",tooltip:"BWmqSnr-MgUBVcwiQYMnOw==",top:"CL4I8a1td1aRo0sQZVCZ-w==",right:"yQbBuJc5esgYuHQmcYWhAw==",bottom:"CLB29SLJ62RH0RTG1+kvPw==",left:"tS37-PgcSVdFGnYq+O1NRA=="},__webpack_exports__.Z=___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/faq/faq.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";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,'.MlTXeZjTI1w4V0mFt1Oq4w\\=\\={padding:0 1.6rem}@media only screen and (min-width:768px){.MlTXeZjTI1w4V0mFt1Oq4w\\=\\={padding:0 2.4rem}}.MlTXeZjTI1w4V0mFt1Oq4w\\=\\= .aLwn7qICdeXHq7vXd1pnGQ\\=\\={display:flex;flex-direction:column;padding:1rem 1.6rem 1.6rem;background-color:#fff;border-radius:.6rem;margin:1rem 0}.MlTXeZjTI1w4V0mFt1Oq4w\\=\\= .aLwn7qICdeXHq7vXd1pnGQ\\=\\= .sAHcBOHvNqpakWLAm8l\\+Zw\\=\\={position:relative;text-align:left;color:var(--color-12);font-size:1.8rem;font-weight:700;padding:1rem 0;outline:none;padding-right:2.5rem}.MlTXeZjTI1w4V0mFt1Oq4w\\=\\= .aLwn7qICdeXHq7vXd1pnGQ\\=\\= .sAHcBOHvNqpakWLAm8l\\+Zw\\=\\= .fM9-3lDkTEU0lQagWqOA6g\\=\\={display:flex;align-items:center}.MlTXeZjTI1w4V0mFt1Oq4w\\=\\= .aLwn7qICdeXHq7vXd1pnGQ\\=\\= .sAHcBOHvNqpakWLAm8l\\+Zw\\=\\= .fM9-3lDkTEU0lQagWqOA6g\\=\\= .StYCyJX9ln5kadGbvdy4zg\\=\\={display:flex;align-items:center;justify-content:center;margin-right:.5rem}.MlTXeZjTI1w4V0mFt1Oq4w\\=\\= .aLwn7qICdeXHq7vXd1pnGQ\\=\\= .sAHcBOHvNqpakWLAm8l\\+Zw\\=\\= .fM9-3lDkTEU0lQagWqOA6g\\=\\=>span{display:block;margin:0;margin-right:2rem;font-weight:700;font-size:1.8rem}.MlTXeZjTI1w4V0mFt1Oq4w\\=\\= .aLwn7qICdeXHq7vXd1pnGQ\\=\\= .sAHcBOHvNqpakWLAm8l\\+Zw\\=\\= .fM9-3lDkTEU0lQagWqOA6g\\=\\=>span p,.MlTXeZjTI1w4V0mFt1Oq4w\\=\\= .aLwn7qICdeXHq7vXd1pnGQ\\=\\= .sAHcBOHvNqpakWLAm8l\\+Zw\\=\\= .fM9-3lDkTEU0lQagWqOA6g\\=\\=>span h2,.MlTXeZjTI1w4V0mFt1Oq4w\\=\\= .aLwn7qICdeXHq7vXd1pnGQ\\=\\= .sAHcBOHvNqpakWLAm8l\\+Zw\\=\\= .fM9-3lDkTEU0lQagWqOA6g\\=\\=>span h3,.MlTXeZjTI1w4V0mFt1Oq4w\\=\\= .aLwn7qICdeXHq7vXd1pnGQ\\=\\= .sAHcBOHvNqpakWLAm8l\\+Zw\\=\\= .fM9-3lDkTEU0lQagWqOA6g\\=\\=>span h4{margin:0;font-weight:700;font-size:1.8rem}.MlTXeZjTI1w4V0mFt1Oq4w\\=\\= .aLwn7qICdeXHq7vXd1pnGQ\\=\\= .sAHcBOHvNqpakWLAm8l\\+Zw\\=\\=:hover,.MlTXeZjTI1w4V0mFt1Oq4w\\=\\= .aLwn7qICdeXHq7vXd1pnGQ\\=\\= .sAHcBOHvNqpakWLAm8l\\+Zw\\=\\=:focus{outline:none}.MlTXeZjTI1w4V0mFt1Oq4w\\=\\= .aLwn7qICdeXHq7vXd1pnGQ\\=\\= .sAHcBOHvNqpakWLAm8l\\+Zw\\=\\=:after{transition:.5s;content:"";border:solid #000;border-width:0 .3rem .3rem 0;padding:.3rem;transform:translateY(-50%) rotate(45deg);position:absolute;right:.5rem;top:50%}.MlTXeZjTI1w4V0mFt1Oq4w\\=\\= .aLwn7qICdeXHq7vXd1pnGQ\\=\\= .sAHcBOHvNqpakWLAm8l\\+Zw\\=\\=.Hsidw1s8mk-L4hHHEBT9pQ\\=\\=:after{transform:translateY(-50%) rotate(-135deg)}.MlTXeZjTI1w4V0mFt1Oq4w\\=\\= .aLwn7qICdeXHq7vXd1pnGQ\\=\\= .dWlbRJ3bmJej7psfyg\\+TUA\\=\\={max-height:0;transition:max-height .5s ease-out;overflow:hidden;display:flex;flex-direction:column;font-size:1.6rem;color:var(--color-20);padding:0}.MlTXeZjTI1w4V0mFt1Oq4w\\=\\= .aLwn7qICdeXHq7vXd1pnGQ\\=\\= .dWlbRJ3bmJej7psfyg\\+TUA\\=\\=.rKuSnh3iPUlYop6Fu-X25g\\=\\=,.MlTXeZjTI1w4V0mFt1Oq4w\\=\\= .aLwn7qICdeXHq7vXd1pnGQ\\=\\= .dWlbRJ3bmJej7psfyg\\+TUA\\=\\=.Y1WG8CY92SPDp\\+29UdQZKw\\=\\={display:inherit;max-height:500rem;transition:max-height .5s ease-in}',"",{version:3,sources:["webpack://./src/components/molecules/faq/faq.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_icons.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_animations.scss"],names:[],mappings:"AAcA,4BACI,gBAAA,CCqCF,yCDtCF,4BAGQ,gBAAA,CAAA,CAEJ,wDACI,YAAA,CACA,qBAAA,CACA,0BAAA,CACA,qBAAA,CACA,mBAAA,CACA,aAAA,CAEA,qFACI,iBAAA,CACA,eAAA,CACA,qBAAA,CACA,gBAAA,CACA,eAAA,CACA,cAAA,CACA,YAAA,CACA,oBAAA,CACA,iHACI,YAAA,CACA,kBAAA,CACA,6IEtCd,YAAA,CACA,kBFsCuC,CErCvC,sBFqC+C,CAC7B,kBAAA,CAEJ,sHACI,aAAA,CACA,QAAA,CACA,iBAAA,CACA,eAAA,CACA,gBAAA,CACA,meACI,QAAA,CACA,eAAA,CACA,gBAAA,CAIZ,sLAEI,YAAA,CAGJ,2FACI,cAAA,CG7Dd,UAAA,CAaE,iBAAA,CACA,4BAAA,CACA,aAHQ,CAsBR,wCAAA,CH6BY,iBAAA,CACA,WAAA,CACA,OAAA,CAIA,sHACI,0CAAA,CAKZ,qFI/CN,YAAA,CA5BA,kCA8BA,CACA,eAAA,CFzBA,YAAA,CACA,qBFsEkC,CACxB,gBAAA,CACA,qBAAA,CACA,SAAA,CI/CV,iOAEE,eAAA,CACA,iBJwCgC,CI5ElC,iCAqCE",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.faqContainer {\n padding: 0 1.6rem;\n @include min(tablet) {\n padding: 0 2.4rem;\n }\n .faqItem {\n display: flex;\n flex-direction: column;\n padding: 1rem 1.6rem 1.6rem;\n background-color: #fff;\n border-radius: 0.6rem;\n margin: 1rem 0;\n\n .title {\n position: relative;\n text-align: left;\n color: var(--color-12);\n font-size: 1.8rem;\n font-weight: 700;\n padding: 1rem 0;\n outline: none;\n padding-right: 2.5rem;\n .icon{\n display: flex;\n align-items: center;\n .circle{\n @include flex-align (center, center);\n margin-right: 0.5rem;\n }\n > span{\n display: block;\n margin: 0;\n margin-right: 2rem;\n font-weight: 700;\n font-size: 1.8rem;\n p, h2, h3, h4 {\n margin: 0;\n font-weight: 700;\n font-size: 1.8rem;\n }\n } \n }\n &:hover,\n &:focus {\n outline: none;\n }\n\n &:after {\n transition: 0.5s;\n @include arrow(black, 0.9rem, down, false, translateY(-50%));\n position: absolute;\n right: 0.5rem;\n top: 50%;\n }\n\n &.invertArrow {\n &:after {\n transform: translateY(-50%) rotate(-135deg);\n }\n } \n }\n\n .content {\n @include collapse(0.5s, 500rem);\n @include flex-direction(column);\n font-size: 1.6rem;\n color: var(--color-20);\n padding: 0;\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\n// Hover\n// that allows you only to apply styles on devices with hover capability\n@mixin hover-device() {\n @media (hover: hover) {\n &:hover {\n @content;\n }\n }\n}\n","@mixin flex-align($align-items, $justify-content) {\n display: flex;\n align-items: $align-items;\n justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n display: flex;\n flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n #{$overflow-type}: $overflow-value;\n -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n background: $bgcolor;\n border-radius: 100px;\n color: $text-color;\n font-weight: 700;\n @include flex-align(center, center);\n padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n color: $color;\n\n &:hover {\n color: $color;\n }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n float: $direction;\n @if $direction == right {\n margin: 0 0 1em 1em;\n } @else {\n margin: 0 1em 1em 0;\n }\n}\n\n@mixin content-img-align($direction: center, $spacing: 1em) {\n display: block;\n @if $direction == right {\n margin: $spacing 0 $spacing auto;\n } @else if $direction == left {\n margin: $spacing auto $spacing 0;\n } @else {\n margin: $spacing auto;\n }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n position: relative;\n &:after {\n top: 100%;\n left: 50%;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-color: rgba(0, 0, 0, 0);\n border-top: $height solid $color;\n border-right: calc($width / 2) solid transparent;\n border-left: calc($width / 2) solid transparent;\n margin-left: - calc($width / 2);\n }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n &:hover {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n }\n}\n\n@mixin sportBtn($color1, $color2) {\n background: linear-gradient(to bottom, $color1 0, $color2 100%);\n &:hover {\n background: linear-gradient(to bottom, $color2 0, $color1 100%);\n }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n line-height: $line-height;\n width: $width;\n font-weight: normal;\n display: inline-block;\n color: $fill-color;\n font-size: 15px;\n position: relative;\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n &:last-child {\n margin-right: 0;\n }\n &:before {\n content: '\\2605';\n }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n line-height: 2rem;\n width: 16px;\n font-weight: normal;\n display: inline-block;\n color: $half-full-color;\n font-size: 15px;\n position: relative;\n &:before {\n content: '\\2605';\n }\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n &:after {\n content: '\\2605';\n color: $half-empty-color;\n position: absolute;\n width: 7px;\n overflow: hidden;\n bottom: 0;\n left: 0;\n }\n}\n","@mixin arrow($color, $size, $orientation, $solid: true, $transform: '') {\n content: '';\n\n $rotation_right: 90deg;\n $rotation_down: 180deg;\n $rotation_left: -90deg;\n $rotation: rotate(-135deg);\n\n @if ($solid) {\n border-left: $size solid transparent;\n border-right: $size solid transparent;\n border-bottom: $size solid $color;\n } @else {\n $size: calc($size/3);\n border: solid $color;\n border-width: 0 $size $size 0;\n padding: $size;\n }\n\n $rotation_right: -45deg;\n $rotation_down: 45deg;\n $rotation_left: 135deg;\n\n @if ($orientation == up) {\n bottom: 100%;\n left: calc(50% - #{$size});\n } @else if ($orientation == right) {\n $rotation: rotate($rotation_right);\n } @else if ($orientation == down) {\n $rotation: rotate($rotation_down);\n } @else if ($orientation == left) {\n $rotation: rotate($rotation_left);\n }\n\n @if ($transform != '') {\n transform: $transform $rotation;\n } @else {\n transform: $rotation;\n }\n}\n\n@mixin circle($color, $size) {\n content: '';\n width: $size;\n height: $size;\n background: $color;\n border-radius: 50%;\n}\n\n@mixin circle-bordered($color, $size, $border-width, $border-color) {\n @include circle($color, $size);\n border: $border-width solid $border-color;\n}\n\n@mixin iframe-play($color, $bg-color) {\n &:before {\n @include arrow($color, 1rem, right, true);\n border-bottom-width: 2rem;\n z-index: 1;\n }\n\n &:after {\n @include circle-bordered($bg-color, 8rem, 1rem, transparentize($bg-color, 0.2));\n }\n\n &:before,\n &:after {\n cursor: pointer;\n transition: all 0.25s linear;\n }\n\n &:hover,\n &:focus {\n &:before {\n border-bottom: 2rem solid $bg-color;\n }\n\n &:after {\n border-color: transparentize($color, 0.2);\n background-color: $color;\n }\n }\n}\n\n@mixin close($size, $thickness, $color) {\n & {\n display: inline-block;\n width: $size;\n height: $size;\n }\n\n &:before,\n &:after {\n content: '';\n display: block;\n width: 140%;\n height: $thickness;\n background: $color;\n border-radius: 0.1rem;\n }\n\n &:before {\n transform: rotate(45deg);\n transform-origin: 0 0;\n margin: - calc($thickness / 4) 0 0 calc($thickness / 2);\n }\n\n &:after {\n transform: rotate(-45deg);\n transform-origin: 100% 0;\n margin: -$thickness 0 0 -45%;\n }\n}\n\n@mixin nav-icon($size, $color, $thickness: 5px, $translate: 12px) {\n width: $size;\n\n &:before,\n &:after,\n div {\n background-color: $color;\n border-radius: 3px;\n content: '';\n display: block;\n height: $thickness;\n margin: 7px 0;\n transition: all 0.2s ease-in-out;\n }\n\n &:before {\n margin: 0;\n }\n\n &:after {\n width: 50%;\n margin: 0 0 0 auto;\n }\n\n &.active {\n &:before {\n transform: translateY($translate) rotate(135deg);\n }\n\n &:after {\n margin: 7px 0;\n width: auto;\n transform: translateY(-$translate) rotate(-135deg);\n }\n\n div {\n transform: scale(0);\n }\n }\n}\n\n@mixin nav-icon-2($size, $color, $thickness: 5px, $translate: 12px) {\n width: $size;\n\n &:before,\n &:after,\n div {\n background-color: $color;\n border-radius: 1px;\n content: '';\n display: block;\n height: $thickness;\n margin: 4px 0;\n transition: all 0.2s ease-in-out;\n width: 100%;\n }\n\n &:before {\n margin: 0;\n }\n\n &:after {\n margin: 0 0 0 auto;\n }\n\n &.active {\n &:before {\n transform: translateY($translate) rotate(135deg);\n }\n\n &:after {\n margin: 10px 0;\n width: auto;\n transform: translateY(-$translate) rotate(-135deg);\n }\n\n div {\n transform: scale(0);\n }\n }\n}\n\n","@mixin transition($args...) {\n transition: $args;\n}\n\n@mixin visibility {\n position: absolute;\n opacity: 0;\n transition: visibility 0s linear 0.33s, opacity 0.33s linear;\n z-index: map-get($z-index, below-content);\n &.show {\n opacity: 1;\n z-index: map-get($z-index, modal);\n &.list {\n z-index: map-get($z-index, --scroll-to-top-index);\n }\n }\n}\n\n@mixin slide($from, $position) {\n position: $position;\n @include transition(1.5s);\n #{$from}: -100%;\n\n &.show {\n #{$from}: 0;\n }\n}\n\n@mixin collapse($time: 0.15s, $maxHeight: 500px) {\n max-height: 0;\n // display: none;\n @include transition(max-height $time ease-out);\n overflow: hidden;\n\n &.show,\n &.active {\n display: inherit;\n max-height: $maxHeight;\n @include transition(max-height $time ease-in);\n }\n}\n\n@mixin collapse-full($time: 0.15s, $removeHeight: 0px) {\n height: 0;\n @include transition(height $time ease-out);\n overflow: hidden;\n\n &.show,\n &.active {\n height: calc(100vh - #{$removeHeight});\n @include transition(height $time ease-in);\n }\n}\n\n@mixin arrow-rotate($translate: 50%, $rotate: -135deg) {\n &:after {\n transform: translateY($translate) rotate($rotate);\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={faqContainer:"MlTXeZjTI1w4V0mFt1Oq4w==",faqItem:"aLwn7qICdeXHq7vXd1pnGQ==",title:"sAHcBOHvNqpakWLAm8l+Zw==",icon:"fM9-3lDkTEU0lQagWqOA6g==",circle:"StYCyJX9ln5kadGbvdy4zg==",invertArrow:"Hsidw1s8mk-L4hHHEBT9pQ==",content:"dWlbRJ3bmJej7psfyg+TUA==",show:"rKuSnh3iPUlYop6Fu-X25g==",active:"Y1WG8CY92SPDp+29UdQZKw=="},__webpack_exports__.Z=___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/game-iframe/game-iframe.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";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,'.PveJ8Aj\\+0azZ6exxjDZ4og\\=\\={text-align:center;background-color:#000;border-radius:1.2rem 1.2rem 0 0;width:100%}.PveJ8Aj\\+0azZ6exxjDZ4og\\=\\= ._7I87gV9v3z8AJK6xSv1cCA\\=\\={display:inline-block;position:relative;width:100%;display:flex;justify-content:center}.PveJ8Aj\\+0azZ6exxjDZ4og\\=\\= ._7I87gV9v3z8AJK6xSv1cCA\\=\\=::before{display:block;content:"";position:absolute;width:100%;height:100%;box-shadow:inset 0 0 1rem 1rem rgba(0,0,0,.9)}.PveJ8Aj\\+0azZ6exxjDZ4og\\=\\= ._7I87gV9v3z8AJK6xSv1cCA\\=\\= button{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:22rem;height:6.2rem;font-size:2.4rem}.PveJ8Aj\\+0azZ6exxjDZ4og\\=\\= ._7I87gV9v3z8AJK6xSv1cCA\\=\\= img{display:block}.PveJ8Aj\\+0azZ6exxjDZ4og\\=\\= ._7I87gV9v3z8AJK6xSv1cCA\\=\\= iframe{display:block}.PveJ8Aj\\+0azZ6exxjDZ4og\\=\\= ._7I87gV9v3z8AJK6xSv1cCA\\=\\=.FL7MvXahGzBYS6uCclhJsg\\=\\={display:none}',"",{version:3,sources:["webpack://./src/components/molecules/game-iframe/game-iframe.module.scss"],names:[],mappings:"AAcA,6BACE,iBAAA,CACA,qBAAA,CACA,+BAAA,CACA,UAAA,CAEA,0DACE,oBAAA,CACA,iBAAA,CACA,UAAA,CACA,YAAA,CACA,sBAAA,CAEA,kEACE,aAAA,CACA,UAAA,CACA,iBAAA,CACA,UAAA,CACA,WAAA,CACA,6CAAA,CAGF,iEACE,iBAAA,CACA,OAAA,CACA,QAAA,CACA,+BAAA,CACA,WAAA,CACA,aAAA,CACA,gBAAA,CAGF,8DACE,aAAA,CAGF,iEACE,aAAA,CAGF,qFACE,YAAA",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.thumbnailContainer {\n text-align: center;\n background-color: #000;\n border-radius: 1.2rem 1.2rem 0 0;\n width: 100%;\n\n .thumbnail {\n display: inline-block;\n position: relative;\n width: 100%;\n display: flex;\n justify-content: center;\n\n &::before {\n display: block;\n content: '';\n position: absolute;\n width: 100%;\n height: 100%;\n box-shadow: inset 0 0 1rem 1rem rgba(0, 0, 0, 0.9);\n }\n\n button {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 22rem;\n height: 6.2rem;\n font-size: 2.4rem;\n }\n\n img {\n display: block;\n }\n\n iframe {\n display: block;\n }\n\n &.hide {\n display: none;\n }\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={thumbnailContainer:"PveJ8Aj+0azZ6exxjDZ4og==",thumbnail:"_7I87gV9v3z8AJK6xSv1cCA==",hide:"FL7MvXahGzBYS6uCclhJsg=="},__webpack_exports__.Z=___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/game-score-gauge/game-score-gauge.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";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,"@media only screen and (min-width:768px){.Vj2ShEjCAbZ-1TeTGeY0eA\\=\\= ._8Z3mcJnoKsRdKPBdzN73gg\\=\\={display:grid;grid-template-columns:1.5fr 1.5fr 1.5fr;column-gap:1.6rem}}.Vj2ShEjCAbZ-1TeTGeY0eA\\=\\= ._8Z3mcJnoKsRdKPBdzN73gg\\=\\= .EtCzbuN25HUI53ULhvqR0w\\=\\={border-radius:.5rem;background-color:#fff;margin-bottom:1.6rem}@media only screen and (min-width:1200px){.Vj2ShEjCAbZ-1TeTGeY0eA\\=\\= ._8Z3mcJnoKsRdKPBdzN73gg\\=\\= .EtCzbuN25HUI53ULhvqR0w\\=\\={min-width:29.2rem}}.Vj2ShEjCAbZ-1TeTGeY0eA\\=\\= ._8Z3mcJnoKsRdKPBdzN73gg\\=\\= .EtCzbuN25HUI53ULhvqR0w\\=\\= .sMXMJH4sKNbSghGAsj8Zaw\\=\\={display:flex;padding-top:1.6rem}@media only screen and (min-width:768px){.Vj2ShEjCAbZ-1TeTGeY0eA\\=\\= ._8Z3mcJnoKsRdKPBdzN73gg\\=\\= .EtCzbuN25HUI53ULhvqR0w\\=\\= .sMXMJH4sKNbSghGAsj8Zaw\\=\\={padding-top:2.4rem}}.Vj2ShEjCAbZ-1TeTGeY0eA\\=\\= ._8Z3mcJnoKsRdKPBdzN73gg\\=\\= .EtCzbuN25HUI53ULhvqR0w\\=\\= .sMXMJH4sKNbSghGAsj8Zaw\\=\\= svg{position:relative;left:2.2rem}.Vj2ShEjCAbZ-1TeTGeY0eA\\=\\= ._8Z3mcJnoKsRdKPBdzN73gg\\=\\= .EtCzbuN25HUI53ULhvqR0w\\=\\= p{color:#08202e;text-align:center;position:relative;bottom:2.3rem}.Vj2ShEjCAbZ-1TeTGeY0eA\\=\\= ._8Z3mcJnoKsRdKPBdzN73gg\\=\\= .EtCzbuN25HUI53ULhvqR0w\\=\\= ._8Z6TazFp-emCMUIxparicQ\\=\\={text-align:center;position:relative;bottom:.8rem}.Vj2ShEjCAbZ-1TeTGeY0eA\\=\\= ._8Z3mcJnoKsRdKPBdzN73gg\\=\\= .EtCzbuN25HUI53ULhvqR0w\\=\\= ._8Z6TazFp-emCMUIxparicQ\\=\\= ._6Kpwo2-oPUsLUtVr9qiraw\\=\\={color:#00889e;font-size:3.4rem;font-weight:500}.Vj2ShEjCAbZ-1TeTGeY0eA\\=\\= ._8Z3mcJnoKsRdKPBdzN73gg\\=\\= .EtCzbuN25HUI53ULhvqR0w\\=\\= ._8Z6TazFp-emCMUIxparicQ\\=\\= span.FDVJcS\\+HjRSVj-NsKHJHXg\\=\\={color:#000;font-weight:500;font-size:1.8rem}.Vj2ShEjCAbZ-1TeTGeY0eA\\=\\= ._8Z3mcJnoKsRdKPBdzN73gg\\=\\= .EtCzbuN25HUI53ULhvqR0w\\=\\= .eY0di7ZTs8qdYTnXDirJyg\\=\\={width:100%;height:.5rem;border-radius:0 0 .5rem .5rem;background-image:linear-gradient(90deg, #1a535c, #4ecdc4)}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss","webpack://./src/components/molecules/game-score-gauge/game-score-gauge.module.scss"],names:[],mappings:"AAoDE,yCCrCE,yDAEQ,YAAA,CACA,uCAAA,CACA,iBAAA,CAAA,CAEJ,qFACI,mBAAA,CACA,qBAAA,CACA,oBAAA,CD4BV,0CC/BM,qFAKQ,iBAAA,CAAA,CAEJ,iHACI,YAAA,CACA,kBAAA,CDsBd,yCCxBU,iHAIQ,kBAAA,CAAA,CAEJ,qHACI,iBAAA,CACA,WAAA,CAGR,uFACI,aAAA,CACA,iBAAA,CACA,iBAAA,CACA,aAAA,CAEJ,kHACI,iBAAA,CACA,iBAAA,CACA,YAAA,CACA,+IACI,aAAA,CAEA,gBAAA,CACA,eAAA,CAEJ,mJACI,UAAA,CACA,eAAA,CACA,gBAAA,CAGR,iHACI,UAAA,CACA,YAAA,CACA,6BAAA,CACA,yDAAA",sourcesContent:["$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\n// Hover\n// that allows you only to apply styles on devices with hover capability\n@mixin hover-device() {\n @media (hover: hover) {\n &:hover {\n @content;\n }\n }\n}\n","// 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.scoreGauge {\n .containerGauge {\n @include min(tablet) {\n display: grid;\n grid-template-columns: 1.5fr 1.5fr 1.5fr;\n column-gap: 1.6rem;\n }\n .firstCategory {\n border-radius: 0.5rem;\n background-color: #fff;\n margin-bottom: 1.6rem;\n @include min(desktop) {\n min-width: 29.2rem;\n }\n .graphics {\n display: flex;\n padding-top: 1.6rem;\n @include min(tablet) {\n padding-top: 2.4rem;\n }\n svg {\n position: relative;\n left: 2.2rem;\n }\n }\n p {\n color: #08202e;\n text-align: center;\n position: relative;\n bottom: 2.3rem;\n }\n .score {\n text-align: center;\n position: relative;\n bottom: 0.8rem;\n .rating {\n color: #00889e;\n\n font-size: 3.4rem;\n font-weight: 500;\n }\n span.ten {\n color: #000;\n font-weight: 500;\n font-size: 1.8rem;\n }\n }\n .linearGradient {\n width: 100%;\n height: 0.5rem;\n border-radius: 0 0 0.5rem 0.5rem;\n background-image: linear-gradient(90deg, #1a535c, #4ecdc4);\n }\n }\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={scoreGauge:"Vj2ShEjCAbZ-1TeTGeY0eA==",containerGauge:"_8Z3mcJnoKsRdKPBdzN73gg==",firstCategory:"EtCzbuN25HUI53ULhvqR0w==",graphics:"sMXMJH4sKNbSghGAsj8Zaw==",score:"_8Z6TazFp-emCMUIxparicQ==",rating:"_6Kpwo2-oPUsLUtVr9qiraw==",ten:"FDVJcS+HjRSVj-NsKHJHXg==",linearGradient:"eY0di7ZTs8qdYTnXDirJyg=="},__webpack_exports__.Z=___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/horse-calculator/horse-calculator.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";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,".jA8PQgtrD6SynWUR5hAcPQ\\=\\={background:var(--horse-calc-background-color);box-shadow:var(--horse-calc-shadow, 0px -3px 14px rgba(0, 0, 0, 0.09));border-radius:var(--horse-calc-border-radius, 1.6rem);border:1px solid var(--horse-calc-border-color, transparent);padding:3.7rem 1rem;color:var(--horse-calc-label-color, #150e06);margin-top:2rem}@media only screen and (min-width:768px){.jA8PQgtrD6SynWUR5hAcPQ\\=\\={padding:3.7rem 2.4rem}}.jA8PQgtrD6SynWUR5hAcPQ\\=\\= h2{margin-top:0;margin-bottom:3.6rem}.jA8PQgtrD6SynWUR5hAcPQ\\=\\= input{background-color:var(--horse-calc-input-background, #f3f2f2);padding:1.6rem 2.4rem;width:100%;border:var(--horse-calc-input-border, none);border-radius:var(--horse-calc-input-border-radius, 0.4rem);color:var(--horse-calc-label-color, #1a1c1f)}.jA8PQgtrD6SynWUR5hAcPQ\\=\\=>div{display:flex;flex-direction:column;gap:2rem}.jA8PQgtrD6SynWUR5hAcPQ\\=\\=>div>div{gap:2.4rem;display:flex;flex-direction:column}@media only screen and (min-width:768px){.jA8PQgtrD6SynWUR5hAcPQ\\=\\=>div>div{display:grid;grid-template-columns:repeat(2, 1fr)}}.jA8PQgtrD6SynWUR5hAcPQ\\=\\=>div>div>label{display:flex;flex-direction:column;flex-basis:50%;gap:1rem;font-weight:700;font-size:16px;line-height:23px}.jA8PQgtrD6SynWUR5hAcPQ\\=\\=>div table{width:100%;background-color:var(--horse-calc-totals-table-background, #fff)}.jA8PQgtrD6SynWUR5hAcPQ\\=\\=>div table th,.jA8PQgtrD6SynWUR5hAcPQ\\=\\=>div table tr{border:var(--horse-calc-outcome-table-header-border-width, 1.5px) solid var(--horse-calc-outcome-table-header-border-color, #dcd9d3)}.jA8PQgtrD6SynWUR5hAcPQ\\=\\=>div table th.zOdKvzo1sZCOpt11vbHbkg\\=\\=,.jA8PQgtrD6SynWUR5hAcPQ\\=\\=>div table th.utXartx0v9ev2MMXloLMSg\\=\\=,.jA8PQgtrD6SynWUR5hAcPQ\\=\\=>div table tr.zOdKvzo1sZCOpt11vbHbkg\\=\\=,.jA8PQgtrD6SynWUR5hAcPQ\\=\\=>div table tr.utXartx0v9ev2MMXloLMSg\\=\\={border-bottom:none}.jA8PQgtrD6SynWUR5hAcPQ\\=\\=>div table th.yimMexKouGmuJcl5E0ImwA\\=\\=,.jA8PQgtrD6SynWUR5hAcPQ\\=\\=>div table th.IWkwUxlBcclpsVL56wWCAA\\=\\=,.jA8PQgtrD6SynWUR5hAcPQ\\=\\=>div table tr.yimMexKouGmuJcl5E0ImwA\\=\\=,.jA8PQgtrD6SynWUR5hAcPQ\\=\\=>div table tr.IWkwUxlBcclpsVL56wWCAA\\=\\={border-top:none}.jA8PQgtrD6SynWUR5hAcPQ\\=\\=>div table th{border-color:var(--table-head-background)}.jA8PQgtrD6SynWUR5hAcPQ\\=\\=>div table thead tr{background:var(--table-head-background)}.jA8PQgtrD6SynWUR5hAcPQ\\=\\=>div table thead tr th{padding:1rem;vertical-align:top;padding-left:1.4rem;color:var(--horse-calc-table-head-color, #150e06);font-weight:700}.jA8PQgtrD6SynWUR5hAcPQ\\=\\=>div table thead tr th:first-child{width:4rem}.jA8PQgtrD6SynWUR5hAcPQ\\=\\=>div table tbody tr td{text-align:center;padding:1rem}.pJwEMwG4dvz0EFUGk17BFg\\=\\={display:flex !important}.pJwEMwG4dvz0EFUGk17BFg\\=\\= label{flex-basis:100% !important}.bF5ayG0Vxms4SZfY2eYIbA\\=\\={display:flex;align-items:center;justify-content:space-between;gap:1rem}.bF5ayG0Vxms4SZfY2eYIbA\\=\\= label:nth-child(2){flex-grow:1}.yh88JmkSpbe9CmLmBPcOlQ\\=\\={background:#f3f2f2;border-spacing:0 !important;display:flex}@media only screen and (min-width:768px){.yh88JmkSpbe9CmLmBPcOlQ\\=\\={display:table}}.yh88JmkSpbe9CmLmBPcOlQ\\=\\= thead,.yh88JmkSpbe9CmLmBPcOlQ\\=\\= tbody{width:50%}.yh88JmkSpbe9CmLmBPcOlQ\\=\\= tr{width:100%;display:block}@media only screen and (min-width:768px){.yh88JmkSpbe9CmLmBPcOlQ\\=\\= tr{width:auto;display:table-row}}.yh88JmkSpbe9CmLmBPcOlQ\\=\\= td,.yh88JmkSpbe9CmLmBPcOlQ\\=\\= th{width:100% !important;display:block}@media only screen and (min-width:768px){.yh88JmkSpbe9CmLmBPcOlQ\\=\\= td,.yh88JmkSpbe9CmLmBPcOlQ\\=\\= th{display:table-cell;width:auto !important}}.yh88JmkSpbe9CmLmBPcOlQ\\=\\= th,.yh88JmkSpbe9CmLmBPcOlQ\\=\\= tr{border:var(--horse-calc-outcome-table-header-border-width, 1.5px) solid var(--horse-calc-outcome-table-header-border-color, #dcd9d3) !important}.yh88JmkSpbe9CmLmBPcOlQ\\=\\= thead tr{border-color:var(--horse-calc-totals-table-header-background, #17d670) !important}.yh88JmkSpbe9CmLmBPcOlQ\\=\\= thead tr th{background:var(--horse-calc-totals-table-header-background, #17d670) !important;border-color:var(--horse-calc-totals-table-header-background, #17d670) !important}.yh88JmkSpbe9CmLmBPcOlQ\\=\\= thead tr th:first-child{width:auto !important}.Km-gb-Ot1XYeBbWmQHpOtQ\\=\\={border-collapse:collapse}.Km-gb-Ot1XYeBbWmQHpOtQ\\=\\= thead tr th:first-child{width:auto !important}.MFpi8h4dt7d5BLB\\+7fotaA\\=\\={margin-top:2rem;display:flex;align-items:center;justify-content:center}.MFpi8h4dt7d5BLB\\+7fotaA\\=\\= button{padding:1.6rem 4rem !important}.JnADBngK8qbQqoMu9OzNWA\\=\\={position:relative}.JnADBngK8qbQqoMu9OzNWA\\=\\= input{padding-left:4rem}.JnADBngK8qbQqoMu9OzNWA\\=\\=:before{content:attr(data-curr-symbol);position:absolute;left:2rem;top:1.4rem;font-weight:500}.nMdsnXrGKYJw\\+zyYM5b62w\\=\\={display:none}.qCrVGJhuVaTyezc2MYKdew\\=\\={display:block;overflow-x:auto;white-space:nowrap}@media only screen and (min-width:768px){.qCrVGJhuVaTyezc2MYKdew\\=\\={display:table}}._5Zt-cv5OMrSpVP92eAIZiQ\\=\\={min-width:20rem}._0HTJRB9UstiomAZO8Bl0cQ\\=\\={min-width:9rem}","",{version:3,sources:["webpack://./src/components/molecules/horse-calculator/horse-calculator.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,4BACE,6CAAA,CACA,sEAAA,CACA,qDAAA,CACA,4DAAA,CACA,mBAAA,CACA,4CAAA,CACA,eAAA,CC+BA,yCDtCF,4BAUI,qBAAA,CAAA,CAGF,+BACE,YAAA,CACA,oBAAA,CAGF,kCACE,4DAAA,CACA,qBAAA,CACA,UAAA,CACA,2CAAA,CACA,2DAAA,CACA,4CAAA,CAGF,gCElCA,YAAA,CACA,qBFkC0B,CACxB,QAAA,CAEA,oCACE,UAAA,CEvCJ,YAAA,CACA,qBFuC4B,CCK5B,yCDPE,oCAKI,YAAA,CACA,oCAAA,CAAA,CAGF,0CE/CJ,YAAA,CACA,qBF+C8B,CACxB,cAAA,CACA,QAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CAIJ,sCACE,UAAA,CACA,gEAAA,CAEA,kFAEE,oIAAA,CAGA,gRAEE,kBAAA,CAGF,gRAEE,eAAA,CAGJ,yCACE,yCAAA,CAIA,+CACE,uCAAA,CACA,kDACE,YAAA,CACA,kBAAA,CACA,mBAAA,CACA,iDAAA,CAEA,eAAA,CAEA,8DACE,UAAA,CAQJ,kDACE,iBAAA,CACA,YAAA,CAQZ,4BACE,uBAAA,CAEA,kCACE,0BAAA,CAIJ,4BE5HE,YAAA,CACA,kBF4HoB,CE3HpB,6BF2H4B,CAC5B,QAAA,CAEA,+CACE,WAAA,CAIJ,4BACE,kBAAA,CACA,2BAAA,CACA,YAAA,CCrFA,yCDkFF,4BAMI,aAAA,CAAA,CAGF,oEAEE,SAAA,CAGF,+BACE,UAAA,CACA,aAAA,CClGF,yCDgGA,+BAKI,UAAA,CACA,iBAAA,CAAA,CAIJ,8DAEE,qBAAA,CACA,aAAA,CC7GF,yCD0GA,8DAMI,kBAAA,CACA,qBAAA,CAAA,CAIJ,8DAEE,+IAAA,CAKA,qCACE,iFAAA,CACA,wCACE,+EAAA,CACA,iFAAA,CACA,oDACE,qBAAA,CAOV,4BACE,wBAAA,CAKM,oDACE,qBAAA,CAOV,6BACE,eAAA,CE3MA,YAAA,CACA,kBF2MoB,CE1MpB,sBF0M4B,CAC5B,oCACE,8BAAA,CAIJ,4BACE,iBAAA,CAEA,kCACE,iBAAA,CAGF,mCACE,8BAAA,CACA,iBAAA,CACA,SAAA,CACA,UAAA,CACA,eAAA,CAIJ,6BACE,YAAA,CAGF,4BACE,aAAA,CACA,eAAA,CACA,kBAAA,CCtLA,yCDmLF,4BAKI,aAAA,CAAA,CAIJ,6BACE,eAAA,CAGF,6BACE,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.innerContainer {\n background: var(--horse-calc-background-color);\n box-shadow: var(--horse-calc-shadow, 0px -3px 14px rgba(0, 0, 0, 0.09));\n border-radius: var(--horse-calc-border-radius, 1.6rem);\n border: 1px solid var(--horse-calc-border-color, transparent);\n padding: 3.7rem 1rem;\n color: var(--horse-calc-label-color, #150e06);\n margin-top: 2rem;\n\n @include min(tablet) {\n padding: 3.7rem 2.4rem;\n }\n\n h2 {\n margin-top: 0;\n margin-bottom: 3.6rem;\n }\n\n input {\n background-color: var(--horse-calc-input-background, #f3f2f2);\n padding: 1.6rem 2.4rem;\n width: 100%;\n border: var(--horse-calc-input-border, none);\n border-radius: var(--horse-calc-input-border-radius, 0.4rem);\n color: var(--horse-calc-label-color, #1a1c1f);\n }\n\n > div {\n @include flex-direction(column);\n gap: 2rem;\n\n > div {\n gap: 2.4rem;\n @include flex-direction(column);\n\n @include min(tablet) {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n }\n\n > label {\n @include flex-direction(column);\n flex-basis: 50%;\n gap: 1rem;\n font-weight: 700;\n font-size: 16px;\n line-height: 23px;\n }\n }\n\n table {\n width: 100%;\n background-color: var(--horse-calc-totals-table-background, #fff);\n\n th,\n tr {\n border: var(--horse-calc-outcome-table-header-border-width, 1.5px) solid\n var(--horse-calc-outcome-table-header-border-color, #dcd9d3);\n\n &.deadHeatEnabled,\n &.selectionNotesRow {\n border-bottom: none;\n }\n\n &.deadHeatRow,\n &.selectionNotesEnabled {\n border-top: none;\n }\n }\n th {\n border-color: var(--table-head-background);\n }\n\n thead {\n tr {\n background: var(--table-head-background);\n th {\n padding: 1rem;\n vertical-align: top;\n padding-left: 1.4rem;\n color: var(--horse-calc-table-head-color, #150e06);\n\n font-weight: 700;\n\n &:first-child {\n width: 4rem;\n }\n }\n }\n }\n\n tbody {\n tr {\n td {\n text-align: center;\n padding: 1rem;\n }\n }\n }\n }\n }\n}\n\n.fullWidth {\n display: flex !important;\n\n label {\n flex-basis: 100% !important;\n }\n}\n\n.deadHeat {\n @include flex-align(center, space-between);\n gap: 1rem;\n\n label:nth-child(2) {\n flex-grow: 1;\n }\n}\n\n.outcomeTable {\n background: #f3f2f2;\n border-spacing: 0 !important;\n display: flex;\n\n @include min(tablet) {\n display: table;\n }\n\n thead,\n tbody {\n width: 50%;\n }\n\n tr {\n width: 100%;\n display: block;\n\n @include min(tablet) {\n width: auto;\n display: table-row;\n }\n }\n\n td,\n th {\n width: 100% !important;\n display: block;\n\n @include min(tablet) {\n display: table-cell;\n width: auto !important;\n }\n }\n\n th,\n tr {\n border: var(--horse-calc-outcome-table-header-border-width, 1.5px) solid\n var(--horse-calc-outcome-table-header-border-color, #dcd9d3) !important;\n }\n\n thead {\n tr {\n border-color: var(--horse-calc-totals-table-header-background, #17d670) !important;\n th {\n background: var(--horse-calc-totals-table-header-background, #17d670) !important;\n border-color: var(--horse-calc-totals-table-header-background, #17d670) !important;\n &:first-child {\n width: auto !important;\n }\n }\n }\n }\n}\n\n.foldTable {\n border-collapse: collapse;\n\n thead {\n tr {\n th {\n &:first-child {\n width: auto !important;\n }\n }\n }\n }\n}\n\n.ctaContainer {\n margin-top: 2rem;\n @include flex-align(center, center);\n button {\n padding: 1.6rem 4rem !important;\n }\n}\n\n.currencyInput {\n position: relative;\n\n input {\n padding-left: 4rem;\n }\n\n &:before {\n content: attr(data-curr-symbol);\n position: absolute;\n left: 2rem;\n top: 1.4rem;\n font-weight: 500;\n }\n}\n\n.displayNone {\n display: none;\n}\n\n.overflowTable {\n display: block;\n overflow-x: auto;\n white-space: nowrap;\n @include min(tablet) {\n display: table;\n }\n}\n\n.outcomeColumn {\n min-width: 20rem;\n}\n\n.oddsColumn {\n min-width: 9rem;\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\n// Hover\n// that allows you only to apply styles on devices with hover capability\n@mixin hover-device() {\n @media (hover: hover) {\n &:hover {\n @content;\n }\n }\n}\n","@mixin flex-align($align-items, $justify-content) {\n display: flex;\n align-items: $align-items;\n justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n display: flex;\n flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n #{$overflow-type}: $overflow-value;\n -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n background: $bgcolor;\n border-radius: 100px;\n color: $text-color;\n font-weight: 700;\n @include flex-align(center, center);\n padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n color: $color;\n\n &:hover {\n color: $color;\n }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n float: $direction;\n @if $direction == right {\n margin: 0 0 1em 1em;\n } @else {\n margin: 0 1em 1em 0;\n }\n}\n\n@mixin content-img-align($direction: center, $spacing: 1em) {\n display: block;\n @if $direction == right {\n margin: $spacing 0 $spacing auto;\n } @else if $direction == left {\n margin: $spacing auto $spacing 0;\n } @else {\n margin: $spacing auto;\n }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n position: relative;\n &:after {\n top: 100%;\n left: 50%;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-color: rgba(0, 0, 0, 0);\n border-top: $height solid $color;\n border-right: calc($width / 2) solid transparent;\n border-left: calc($width / 2) solid transparent;\n margin-left: - calc($width / 2);\n }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n &:hover {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n }\n}\n\n@mixin sportBtn($color1, $color2) {\n background: linear-gradient(to bottom, $color1 0, $color2 100%);\n &:hover {\n background: linear-gradient(to bottom, $color2 0, $color1 100%);\n }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n line-height: $line-height;\n width: $width;\n font-weight: normal;\n display: inline-block;\n color: $fill-color;\n font-size: 15px;\n position: relative;\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n &:last-child {\n margin-right: 0;\n }\n &:before {\n content: '\\2605';\n }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n line-height: 2rem;\n width: 16px;\n font-weight: normal;\n display: inline-block;\n color: $half-full-color;\n font-size: 15px;\n position: relative;\n &:before {\n content: '\\2605';\n }\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n &:after {\n content: '\\2605';\n color: $half-empty-color;\n position: absolute;\n width: 7px;\n overflow: hidden;\n bottom: 0;\n left: 0;\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={innerContainer:"jA8PQgtrD6SynWUR5hAcPQ==",deadHeatEnabled:"zOdKvzo1sZCOpt11vbHbkg==",selectionNotesRow:"utXartx0v9ev2MMXloLMSg==",deadHeatRow:"yimMexKouGmuJcl5E0ImwA==",selectionNotesEnabled:"IWkwUxlBcclpsVL56wWCAA==",fullWidth:"pJwEMwG4dvz0EFUGk17BFg==",deadHeat:"bF5ayG0Vxms4SZfY2eYIbA==",outcomeTable:"yh88JmkSpbe9CmLmBPcOlQ==",foldTable:"Km-gb-Ot1XYeBbWmQHpOtQ==",ctaContainer:"MFpi8h4dt7d5BLB+7fotaA==",currencyInput:"JnADBngK8qbQqoMu9OzNWA==",displayNone:"nMdsnXrGKYJw+zyYM5b62w==",overflowTable:"qCrVGJhuVaTyezc2MYKdew==",outcomeColumn:"_5Zt-cv5OMrSpVP92eAIZiQ==",oddsColumn:"_0HTJRB9UstiomAZO8Bl0cQ=="},__webpack_exports__.Z=___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/newsletter-optin/newsletter-optin.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";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,'.lcfNseSet41BLSnRrU0-FA\\=\\={background:var(--color-4);min-width:100%}.lcfNseSet41BLSnRrU0-FA\\=\\= .Cfxq7qiqWa71hkU55\\+5CaA\\=\\={max-width:var(--main-container-max);margin:auto}@media only screen and (min-width:992px){.lcfNseSet41BLSnRrU0-FA\\=\\= .Cfxq7qiqWa71hkU55\\+5CaA\\=\\={padding:0 2.4rem}}.lcfNseSet41BLSnRrU0-FA\\=\\= .Cfxq7qiqWa71hkU55\\+5CaA\\=\\= ._3-dYbLgtB8DMwfTp5sklJQ\\=\\={font:var(--main-font);padding-top:3.4rem;margin-bottom:1.6rem;color:#08202e;font-size:2.8rem;font-weight:700}.lcfNseSet41BLSnRrU0-FA\\=\\= .Cfxq7qiqWa71hkU55\\+5CaA\\=\\= p{color:#08202e;font-size:1.6rem;font-weight:400}.lcfNseSet41BLSnRrU0-FA\\=\\= .Cfxq7qiqWa71hkU55\\+5CaA\\=\\=>:nth-child(2){margin-bottom:1.6rem;font-size:1.8rem;font-weight:900}.lcfNseSet41BLSnRrU0-FA\\=\\= .Cfxq7qiqWa71hkU55\\+5CaA\\=\\= form{display:block;padding-top:2.4rem}@media only screen and (min-width:768px){.lcfNseSet41BLSnRrU0-FA\\=\\= .Cfxq7qiqWa71hkU55\\+5CaA\\=\\= form{padding-top:1.6rem}}.lcfNseSet41BLSnRrU0-FA\\=\\= .Cfxq7qiqWa71hkU55\\+5CaA\\=\\= form input{font:var(--main-font);width:100%;background:#f3f2f2;padding:1.25rem;border-radius:.3rem;margin-bottom:1.6rem;font-size:1.4rem;line-height:1.4rem}.lcfNseSet41BLSnRrU0-FA\\=\\= .Cfxq7qiqWa71hkU55\\+5CaA\\=\\= form button{font:var(--main-font);background:#59c390;width:100%;border-radius:.6rem;color:var(--color-4);padding:.8rem;font-weight:700;font-size:1.8rem;line-height:2.8rem;margin-bottom:2.4rem}@media only screen and (min-width:992px){.lcfNseSet41BLSnRrU0-FA\\=\\= .Cfxq7qiqWa71hkU55\\+5CaA\\=\\= form button{margin-bottom:0;height:4.4rem}}.lcfNseSet41BLSnRrU0-FA\\=\\= .Cfxq7qiqWa71hkU55\\+5CaA\\=\\= form .\\+hSaCIJqxz5iMibIsoDcCQ\\=\\={padding-bottom:4rem}.lcfNseSet41BLSnRrU0-FA\\=\\= .Cfxq7qiqWa71hkU55\\+5CaA\\=\\= form .\\+hSaCIJqxz5iMibIsoDcCQ\\=\\=>div{display:flex;align-items:center}.lcfNseSet41BLSnRrU0-FA\\=\\= .Cfxq7qiqWa71hkU55\\+5CaA\\=\\= form .\\+hSaCIJqxz5iMibIsoDcCQ\\=\\= p,.lcfNseSet41BLSnRrU0-FA\\=\\= .Cfxq7qiqWa71hkU55\\+5CaA\\=\\= form .\\+hSaCIJqxz5iMibIsoDcCQ\\=\\= label{font-size:1.2rem;font-weight:400;color:#a8a8a8}.lcfNseSet41BLSnRrU0-FA\\=\\= .Cfxq7qiqWa71hkU55\\+5CaA\\=\\= form .\\+hSaCIJqxz5iMibIsoDcCQ\\=\\= p{margin-left:2.2rem}.lcfNseSet41BLSnRrU0-FA\\=\\= .Cfxq7qiqWa71hkU55\\+5CaA\\=\\= form .\\+hSaCIJqxz5iMibIsoDcCQ\\=\\= input{width:unset;margin-bottom:unset;margin-right:.8rem}.lcfNseSet41BLSnRrU0-FA\\=\\= .Cfxq7qiqWa71hkU55\\+5CaA\\=\\= form .\\+hSaCIJqxz5iMibIsoDcCQ\\=\\= .uiRS78W90I23ZdbhOu06DQ\\=\\={display:block;position:relative;padding-left:22px;cursor:pointer;font-size:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lcfNseSet41BLSnRrU0-FA\\=\\= .Cfxq7qiqWa71hkU55\\+5CaA\\=\\= form .\\+hSaCIJqxz5iMibIsoDcCQ\\=\\= .uiRS78W90I23ZdbhOu06DQ\\=\\= input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.lcfNseSet41BLSnRrU0-FA\\=\\= .Cfxq7qiqWa71hkU55\\+5CaA\\=\\= form .\\+hSaCIJqxz5iMibIsoDcCQ\\=\\= .uiRS78W90I23ZdbhOu06DQ\\=\\= input:checked~.o7IOO3SHZCqPqa75B0SDxA\\=\\={background-color:#17d670}.lcfNseSet41BLSnRrU0-FA\\=\\= .Cfxq7qiqWa71hkU55\\+5CaA\\=\\= form .\\+hSaCIJqxz5iMibIsoDcCQ\\=\\= .uiRS78W90I23ZdbhOu06DQ\\=\\= input:checked~.o7IOO3SHZCqPqa75B0SDxA\\=\\=:after{display:block}.lcfNseSet41BLSnRrU0-FA\\=\\= .Cfxq7qiqWa71hkU55\\+5CaA\\=\\= form .\\+hSaCIJqxz5iMibIsoDcCQ\\=\\= .uiRS78W90I23ZdbhOu06DQ\\=\\= .o7IOO3SHZCqPqa75B0SDxA\\=\\={position:absolute;top:.2rem;left:0;height:14px;width:14px;background-color:#f3f2f2;border-radius:.4rem}.lcfNseSet41BLSnRrU0-FA\\=\\= .Cfxq7qiqWa71hkU55\\+5CaA\\=\\= form .\\+hSaCIJqxz5iMibIsoDcCQ\\=\\= .uiRS78W90I23ZdbhOu06DQ\\=\\= .o7IOO3SHZCqPqa75B0SDxA\\=\\=:after{content:"";position:absolute;display:none;left:5px;top:2px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.lcfNseSet41BLSnRrU0-FA\\=\\= .Cfxq7qiqWa71hkU55\\+5CaA\\=\\= form .\\+hSaCIJqxz5iMibIsoDcCQ\\=\\= .uiRS78W90I23ZdbhOu06DQ\\=\\=:hover input~.o7IOO3SHZCqPqa75B0SDxA\\=\\={background-color:#ccc}.lcfNseSet41BLSnRrU0-FA\\=\\= .Cfxq7qiqWa71hkU55\\+5CaA\\=\\= .\\+2elBrF4VRYV4wPXfEG6LA\\=\\={border:1px solid red}@media only screen and (min-width:992px){.lcfNseSet41BLSnRrU0-FA\\=\\= .Cfxq7qiqWa71hkU55\\+5CaA\\=\\= form{display:grid;grid-template-columns:1fr 1fr;grid-column-gap:2.1rem}.lcfNseSet41BLSnRrU0-FA\\=\\= .Cfxq7qiqWa71hkU55\\+5CaA\\=\\= form input[name=name]{grid-column:1/2}.lcfNseSet41BLSnRrU0-FA\\=\\= .Cfxq7qiqWa71hkU55\\+5CaA\\=\\= form input[name=email]{grid-column:2/3}.lcfNseSet41BLSnRrU0-FA\\=\\= .Cfxq7qiqWa71hkU55\\+5CaA\\=\\= form input[name=phone]{grid-column:1/2}.lcfNseSet41BLSnRrU0-FA\\=\\= .Cfxq7qiqWa71hkU55\\+5CaA\\=\\= form button{grid-column:2/3}.lcfNseSet41BLSnRrU0-FA\\=\\= .Cfxq7qiqWa71hkU55\\+5CaA\\=\\= form .\\+hSaCIJqxz5iMibIsoDcCQ\\=\\={grid-column:1/3}}',"",{version:3,sources:["webpack://./src/components/molecules/newsletter-optin/newsletter-optin.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAcA,4BACE,yBAAA,CACA,cAAA,CACA,yDACE,mCAAA,CACA,WAAA,CCiCF,yCDnCA,yDAII,gBAAA,CAAA,CAEF,sFACE,qBAAA,CACA,kBAAA,CACA,oBAAA,CACA,aAAA,CACA,gBAAA,CACA,eAAA,CAEF,2DACE,aAAA,CACA,gBAAA,CACA,eAAA,CAEF,uEACE,oBAAA,CACA,gBAAA,CACA,eAAA,CAEF,8DACE,aAAA,CACA,kBAAA,CCSJ,yCDXE,8DAII,kBAAA,CAAA,CAEF,oEACE,qBAAA,CACA,UAAA,CACA,kBAAA,CACA,eAAA,CACA,mBAAA,CACA,oBAAA,CACA,gBAAA,CACA,kBAAA,CAEF,qEACE,qBAAA,CACA,kBAAA,CACA,UAAA,CACA,mBAAA,CACA,oBAAA,CACA,aAAA,CACA,eAAA,CACA,gBAAA,CACA,kBAAA,CACA,oBAAA,CCfN,yCDKI,qEAYI,eAAA,CACA,aAAA,CAAA,CAGJ,2FACE,mBAAA,CACA,+FACE,YAAA,CACA,kBAAA,CAEF,8LACE,gBAAA,CACA,eAAA,CACA,aAAA,CAEF,6FACE,kBAAA,CAEF,iGACE,WAAA,CACA,mBAAA,CACA,kBAAA,CAEF,uHACE,aAAA,CACA,iBAAA,CACA,iBAAA,CACA,cAAA,CACA,cAAA,CACA,wBAAA,CACA,qBAAA,CACA,oBAAA,CACA,gBAAA,CACA,6HACE,iBAAA,CACA,SAAA,CACA,cAAA,CACA,QAAA,CACA,OAAA,CACA,iKACE,wBAAA,CACA,uKACE,aAAA,CAIN,mJACE,iBAAA,CACA,SAAA,CACA,MAAA,CACA,WAAA,CACA,UAAA,CACA,wBAAA,CACA,mBAAA,CACA,yJACE,UAAA,CACA,iBAAA,CACA,YAAA,CACA,QAAA,CACA,OAAA,CACA,SAAA,CACA,WAAA,CACA,iBAAA,CACA,wBAAA,CACA,+BAAA,CACA,2BAAA,CACA,uBAAA,CAGJ,+JACE,qBAAA,CAMR,sFACE,oBAAA,CC9FJ,yCDoGA,8DACE,YAAA,CACA,6BAAA,CACA,sBAAA,CACA,+EACE,eAAA,CAEF,gFACE,eAAA,CAEF,gFACE,eAAA,CAEF,qEACE,eAAA,CAEF,2FACE,eAAA,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.container {\n background: var(--color-4);\n min-width: 100%;\n .newsletterBody{\n max-width: var(--main-container-max);\n margin:auto;\n @include min(laptop){\n padding: 0 2.4rem;\n }\n .title {\n font: var(--main-font);\n padding-top: 3.4rem;\n margin-bottom: 1.6rem;\n color: #08202e;\n font-size: 2.8rem;\n font-weight: 700;\n }\n p{\n color: #08202e;\n font-size: 1.6rem;\n font-weight: 400;\n }\n > :nth-child(2){\n margin-bottom: 1.6rem;\n font-size: 1.8rem;\n font-weight: 900;\n }\n form {\n display: block;\n padding-top: 2.4rem;\n @include min(tablet){\n padding-top: 1.6rem;\n }\n input {\n font: var(--main-font);\n width: 100%;\n background: #f3f2f2;\n padding: 1.25rem;\n border-radius: .3rem;\n margin-bottom: 1.6rem;\n font-size: 1.4rem;\n line-height: 1.4rem;\n }\n button {\n font: var(--main-font);\n background: #59C390;\n width: 100%;\n border-radius: .6rem;\n color: var(--color-4);\n padding: .8rem;\n font-weight: 700;\n font-size: 1.8rem;\n line-height: 2.8rem;\n margin-bottom: 2.4rem;\n @include min(laptop){\n margin-bottom: 0;\n height: 4.4rem;\n }\n }\n .checkbox {\n padding-bottom: 4rem;\n > div {\n display: flex;\n align-items: center;\n }\n p, label {\n font-size: 1.2rem;\n font-weight: 400;\n color: #a8a8a8;\n }\n p{\n margin-left: 2.2rem;\n }\n input{\n width: unset;\n margin-bottom: unset;\n margin-right: .8rem;\n }\n .labelContainer{\n display: block;\n position: relative;\n padding-left: 22px;\n cursor: pointer;\n font-size: 12px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n input {\n position: absolute;\n opacity: 0;\n cursor: pointer;\n height: 0;\n width: 0;\n &:checked ~ .checkmark {\n background-color: #17D670;\n &:after {\n display: block;\n }\n }\n }\n .checkmark {\n position: absolute;\n top: .2rem;\n left: 0;\n height: 14px;\n width: 14px;\n background-color: #F3F2F2;\n border-radius: .4rem;\n &:after {\n content: \"\";\n position: absolute;\n display: none;\n left: 5px;\n top: 2px;\n width: 5px;\n height: 10px;\n border: solid white;\n border-width: 0 2px 2px 0;\n -webkit-transform: rotate(45deg);\n -ms-transform: rotate(45deg);\n transform: rotate(45deg);\n }\n }\n &:hover input ~ .checkmark {\n background-color: #ccc;\n }\n\n }\n }\n }\n .error {\n border : 1px solid red;\n }\n }\n}\n\n@include min(laptop){\n .container .newsletterBody form {\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-column-gap: 2.1rem;\n input[name=\"name\"] {\n grid-column: 1/2;\n }\n input[name=\"email\"] {\n grid-column: 2/3;\n }\n input[name=\"phone\"] {\n grid-column: 1/2;\n }\n button {\n grid-column: 2/3;\n }\n .checkbox {\n grid-column: 1/3;\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\n// Hover\n// that allows you only to apply styles on devices with hover capability\n@mixin hover-device() {\n @media (hover: hover) {\n &:hover {\n @content;\n }\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={container:"lcfNseSet41BLSnRrU0-FA==",newsletterBody:"Cfxq7qiqWa71hkU55+5CaA==",title:"_3-dYbLgtB8DMwfTp5sklJQ==",checkbox:"+hSaCIJqxz5iMibIsoDcCQ==",labelContainer:"uiRS78W90I23ZdbhOu06DQ==",checkmark:"o7IOO3SHZCqPqa75B0SDxA==",error:"+2elBrF4VRYV4wPXfEG6LA=="},__webpack_exports__.Z=___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/newsletter/newsletter.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";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,"._7dkLXuVYI-3I6KARDjZ5ZA\\=\\= .h-QbbSknejWR\\+BbReUi6Mg\\=\\={position:fixed;background:#fff;box-shadow:0 .4rem 1.6rem rgba(0,0,0,.2);border-radius:.4rem;padding:2rem;transition:1s;bottom:-100%;z-index:var(--scroll-to-top-index)}@media only screen and (min-width:768px){._7dkLXuVYI-3I6KARDjZ5ZA\\=\\= .h-QbbSknejWR\\+BbReUi6Mg\\=\\={display:flex;flex-direction:column;left:-74rem;height:fit-content;top:45vh;position:fixed}}._7dkLXuVYI-3I6KARDjZ5ZA\\=\\= .h-QbbSknejWR\\+BbReUi6Mg\\=\\= ._685mP8IHYI7fVvPskdzSKQ\\=\\={display:block;color:#00889e;margin:1rem 0 0;font-size:1.8rem;font-weight:500;line-height:1.5}._7dkLXuVYI-3I6KARDjZ5ZA\\=\\= .h-QbbSknejWR\\+BbReUi6Mg\\=\\= ._4GVHd0yyt1UR9a7KqJ6buA\\=\\={font-size:1.6rem;font-weight:300;line-height:1.5;color:#6b7982;text-align:left}._7dkLXuVYI-3I6KARDjZ5ZA\\=\\= .h-QbbSknejWR\\+BbReUi6Mg\\=\\= .cojoqA4C9FrYV-2kQgX\\+Rg\\=\\={font-size:1.6rem;font-weight:300;line-height:1.5;color:#6b7982;text-align:left}._7dkLXuVYI-3I6KARDjZ5ZA\\=\\= .h-QbbSknejWR\\+BbReUi6Mg\\=\\= .PZbpObkSQmFyhgj3hBo77A\\=\\={position:absolute;right:1rem;top:1rem;width:2.5rem;height:2.5rem;cursor:pointer;z-index:2;border:none;color:#00889e}@media only screen and (min-width:768px){._7dkLXuVYI-3I6KARDjZ5ZA\\=\\= .TrpuAwQfCBL3M4U9V8AG7w\\=\\={width:70rem;left:2rem;z-index:15}}@media only screen and (max-width:767px){._7dkLXuVYI-3I6KARDjZ5ZA\\=\\= .TrpuAwQfCBL3M4U9V8AG7w\\=\\={bottom:30%}}.XRVUgc3ijSOhM82eiJmIDg\\=\\={padding:3.2rem 1.6rem;width:100%;background:var(--newsletter-container-background-color);z-index:var(--scroll-to-top-index)}.XRVUgc3ijSOhM82eiJmIDg\\=\\= .VChbk0fbSc0uKwcbSFlD1Q\\=\\={padding:2.4rem 1.6rem;border-radius:.8rem;box-shadow:0 .4rem 1.6rem rgba(0,0,0,.2);background:var(--newsletter-body-background-color);display:flex;flex-direction:column}@media only screen and (min-width:768px){.XRVUgc3ijSOhM82eiJmIDg\\=\\= .VChbk0fbSc0uKwcbSFlD1Q\\=\\={margin:0 auto;padding:2.4rem;max-width:var(--main-container-max)}}.dm2km88JN95\\+LmBJLyMvTw\\=\\={background:#fff;box-shadow:0 .4rem 1.6rem 0 rgba(0,0,0,.2);border-radius:.4rem;padding:1.5rem}.dm2km88JN95\\+LmBJLyMvTw\\=\\= .KhPeGgg1E-dfRl8xiEftmQ\\=\\={display:block}.dm2km88JN95\\+LmBJLyMvTw\\=\\= .KhPeGgg1E-dfRl8xiEftmQ\\=\\= ._685mP8IHYI7fVvPskdzSKQ\\=\\={display:block;margin-bottom:1rem;font-size:1.6rem;font-weight:500;line-height:1.5;color:#08202e}.dm2km88JN95\\+LmBJLyMvTw\\=\\= .KhPeGgg1E-dfRl8xiEftmQ\\=\\= ._4GVHd0yyt1UR9a7KqJ6buA\\=\\={font-size:1.5rem;margin-bottom:1.5rem;color:#6b7982;font-weight:400;line-height:1.5}.dm2km88JN95\\+LmBJLyMvTw\\=\\= .KhPeGgg1E-dfRl8xiEftmQ\\=\\= form{flex-direction:column}.dm2km88JN95\\+LmBJLyMvTw\\=\\= .KhPeGgg1E-dfRl8xiEftmQ\\=\\= .cojoqA4C9FrYV-2kQgX\\+Rg\\=\\={display:inline-block;width:100%;font-size:1.2rem;font-weight:400;font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:normal;color:#a8a8a8;vertical-align:super}","",{version:3,sources:["webpack://./src/components/molecules/newsletter/newsletter.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAeI,0DACI,cAAA,CACA,eAAA,CACA,wCAAA,CACA,mBAAA,CACA,YAAA,CACA,aAAA,CACA,YAAA,CACA,kCAAA,CC6BN,yCDrCE,0DERF,YAAA,CACA,qBFiBkC,CACxB,WAAA,CACA,kBAAA,CACA,QAAA,CACA,cAAA,CAAA,CAEJ,uFACI,aAAA,CACA,aAAA,CACA,eAAA,CACA,gBAAA,CACA,eAAA,CACA,eAAA,CAEJ,uFACI,gBAAA,CACA,eAAA,CACA,eAAA,CACA,aAAA,CACA,eAAA,CAEJ,uFACI,gBAAA,CACA,eAAA,CACA,eAAA,CACA,aAAA,CACA,eAAA,CAEJ,sFACI,iBAAA,CACA,UAAA,CACA,QAAA,CACA,YAAA,CACA,aAAA,CACA,cAAA,CACA,SAAA,CACA,WAAA,CACA,aAAA,CCVV,yCDeM,yDACI,WAAA,CACA,SAAA,CACA,UAAA,CAAA,CCXV,yCDgBM,yDACI,UAAA,CAAA,CAMZ,4BACI,qBAAA,CACA,UAAA,CACA,uDAAA,CACA,kCAAA,CACA,wDACI,qBAAA,CACA,mBAAA,CACA,wCAAA,CACA,kDAAA,CEpFN,YAAA,CACA,qBFoF8B,CCxC9B,yCDmCE,wDAOQ,aAAA,CACA,cAAA,CACA,mCAAA,CAAA,CAKZ,6BACI,eAAA,CACA,0CAAA,CACA,mBAAA,CACA,cAAA,CAEA,yDACI,aAAA,CACA,sFACI,aAAA,CACA,kBAAA,CACA,gBAAA,CACA,eAAA,CACA,eAAA,CACA,aAAA,CAEJ,sFACI,gBAAA,CACA,oBAAA,CACA,aAAA,CACA,eAAA,CACA,eAAA,CAEJ,8DACI,qBAAA,CAEJ,sFACI,oBAAA,CACA,UAAA,CACA,gBAAA,CACA,eAAA,CACA,iBAAA,CACA,mBAAA,CACA,eAAA,CACA,qBAAA,CACA,aAAA,CACA,oBAAA",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.content{\n .form{\n position: fixed;\n background: #fff;\n box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.2);\n border-radius: 0.4rem;\n padding: 2rem;\n transition: 1s;\n bottom: -100%;\n z-index: var(--scroll-to-top-index);\n @include min(tablet){\n @include flex-direction(column);\n left: -74rem;\n height: fit-content;\n top: 45vh;\n position: fixed;\n }\n .maintext{\n display: block;\n color: #00889e;\n margin: 1rem 0 0;\n font-size: 1.8rem;\n font-weight: 500;\n line-height: 1.5;\n }\n .subscribe{\n font-size: 1.6rem;\n font-weight: 300;\n line-height: 1.5;\n color: #6b7982;\n text-align: left;\n }\n .privacytext{\n font-size: 1.6rem;\n font-weight: 300;\n line-height: 1.5;\n color: #6b7982;\n text-align: left;\n }\n .closeBtn{ \n position: absolute;\n right: 1rem;\n top: 1rem;\n width: 2.5rem;\n height: 2.5rem;\n cursor: pointer;\n z-index: 2;\n border: none;\n color: #00889e;\n }\n }\n @include min(tablet)\n {\n .active{\n width: 70rem;\n left: 2rem;\n z-index: 15;\n }\n }\n @include max(mobile)\n {\n .active{\n bottom: 30%;\n }\n }\n \n}\n\n.contentPage {\n padding: 3.2rem 1.6rem;\n width: 100%;\n background: var(--newsletter-container-background-color);\n z-index: var(--scroll-to-top-index);\n .formPage {\n padding: 2.4rem 1.6rem;\n border-radius: 0.8rem;\n box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.2);\n background: var(--newsletter-body-background-color);\n @include flex-direction(column);\n @include min(tablet) {\n margin: 0 auto;\n padding: 2.4rem;\n max-width: var(--main-container-max);\n }\n }\n} \n\n.contentFooter{\n background: #fff;\n box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.2);\n border-radius: .4rem;\n padding: 1.5rem;\n \n .formFooter{\n display: block;\n .maintext{\n display: block;\n margin-bottom: 1rem;\n font-size: 1.6rem;\n font-weight: 500;\n line-height: 1.5;\n color: #08202e;\n }\n .subscribe{\n font-size: 1.5rem;\n margin-bottom: 1.5rem;\n color: #6b7982;\n font-weight: 400;\n line-height: 1.5;\n }\n form{\n flex-direction: (column);\n }\n .privacytext{\n display: inline-block;\n width: 100%;\n font-size: 1.2rem;\n font-weight: 400;\n font-style: normal;\n font-stretch: normal;\n line-height: 1.5;\n letter-spacing: normal;\n color: #a8a8a8;\n vertical-align: super;\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\n// Hover\n// that allows you only to apply styles on devices with hover capability\n@mixin hover-device() {\n @media (hover: hover) {\n &:hover {\n @content;\n }\n }\n}\n","@mixin flex-align($align-items, $justify-content) {\n display: flex;\n align-items: $align-items;\n justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n display: flex;\n flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n #{$overflow-type}: $overflow-value;\n -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n background: $bgcolor;\n border-radius: 100px;\n color: $text-color;\n font-weight: 700;\n @include flex-align(center, center);\n padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n color: $color;\n\n &:hover {\n color: $color;\n }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n float: $direction;\n @if $direction == right {\n margin: 0 0 1em 1em;\n } @else {\n margin: 0 1em 1em 0;\n }\n}\n\n@mixin content-img-align($direction: center, $spacing: 1em) {\n display: block;\n @if $direction == right {\n margin: $spacing 0 $spacing auto;\n } @else if $direction == left {\n margin: $spacing auto $spacing 0;\n } @else {\n margin: $spacing auto;\n }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n position: relative;\n &:after {\n top: 100%;\n left: 50%;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-color: rgba(0, 0, 0, 0);\n border-top: $height solid $color;\n border-right: calc($width / 2) solid transparent;\n border-left: calc($width / 2) solid transparent;\n margin-left: - calc($width / 2);\n }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n &:hover {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n }\n}\n\n@mixin sportBtn($color1, $color2) {\n background: linear-gradient(to bottom, $color1 0, $color2 100%);\n &:hover {\n background: linear-gradient(to bottom, $color2 0, $color1 100%);\n }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n line-height: $line-height;\n width: $width;\n font-weight: normal;\n display: inline-block;\n color: $fill-color;\n font-size: 15px;\n position: relative;\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n &:last-child {\n margin-right: 0;\n }\n &:before {\n content: '\\2605';\n }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n line-height: 2rem;\n width: 16px;\n font-weight: normal;\n display: inline-block;\n color: $half-full-color;\n font-size: 15px;\n position: relative;\n &:before {\n content: '\\2605';\n }\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n &:after {\n content: '\\2605';\n color: $half-empty-color;\n position: absolute;\n width: 7px;\n overflow: hidden;\n bottom: 0;\n left: 0;\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={content:"_7dkLXuVYI-3I6KARDjZ5ZA==",form:"h-QbbSknejWR+BbReUi6Mg==",maintext:"_685mP8IHYI7fVvPskdzSKQ==",subscribe:"_4GVHd0yyt1UR9a7KqJ6buA==",privacytext:"cojoqA4C9FrYV-2kQgX+Rg==",closeBtn:"PZbpObkSQmFyhgj3hBo77A==",active:"TrpuAwQfCBL3M4U9V8AG7w==",contentPage:"XRVUgc3ijSOhM82eiJmIDg==",formPage:"VChbk0fbSc0uKwcbSFlD1Q==",contentFooter:"dm2km88JN95+LmBJLyMvTw==",formFooter:"KhPeGgg1E-dfRl8xiEftmQ=="},__webpack_exports__.Z=___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-summary/operator-summary.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";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,"._7hHd0e2XWbqygSXxNK1jhA\\=\\={position:relative}._7hHd0e2XWbqygSXxNK1jhA\\=\\= .MjhD0E0sXnksYwz6zutPnw\\=\\={height:100%;width:100%;object-fit:cover;position:absolute;border-radius:var(--border-radius)}._7hHd0e2XWbqygSXxNK1jhA\\=\\= .tyvDkqLQYxB2-3V\\+no-m1g\\=\\={display:flex;flex-direction:column;align-items:center;padding:2rem;color:var(--color-12);position:relative}@media only screen and (min-width:768px){._7hHd0e2XWbqygSXxNK1jhA\\=\\= .tyvDkqLQYxB2-3V\\+no-m1g\\=\\={display:grid;grid-template-columns:15rem minmax(auto, 45rem) 1fr;grid-gap:1rem}}._7hHd0e2XWbqygSXxNK1jhA\\=\\= .tyvDkqLQYxB2-3V\\+no-m1g\\=\\= img{max-width:14.7rem}@media only screen and (max-width:767px){._7hHd0e2XWbqygSXxNK1jhA\\=\\= .tyvDkqLQYxB2-3V\\+no-m1g\\=\\= img{margin:1.5rem}}@media only screen and (min-width:768px){._7hHd0e2XWbqygSXxNK1jhA\\=\\= .tyvDkqLQYxB2-3V\\+no-m1g\\=\\= img{max-width:12rem;max-height:6.4rem;object-fit:cover}}._7hHd0e2XWbqygSXxNK1jhA\\=\\= .tyvDkqLQYxB2-3V\\+no-m1g\\=\\= .n-0XrXtW6Gjsx7lus9gtLg\\=\\={margin:1.1rem 0 1.6rem}@media only screen and (min-width:768px){._7hHd0e2XWbqygSXxNK1jhA\\=\\= .tyvDkqLQYxB2-3V\\+no-m1g\\=\\= .n-0XrXtW6Gjsx7lus9gtLg\\=\\={grid-area:2/1/3/3;margin:.5rem 0 0}}._7hHd0e2XWbqygSXxNK1jhA\\=\\= .tyvDkqLQYxB2-3V\\+no-m1g\\=\\= div div:nth-child(1){font-weight:700;font-size:2.4rem;line-height:3.4rem;color:var(--color-1)}@media only screen and (max-width:767px){._7hHd0e2XWbqygSXxNK1jhA\\=\\= .tyvDkqLQYxB2-3V\\+no-m1g\\=\\= div div:nth-child(1){margin-bottom:.5rem}}@media only screen and (min-width:768px){._7hHd0e2XWbqygSXxNK1jhA\\=\\= .tyvDkqLQYxB2-3V\\+no-m1g\\=\\= div div:nth-child(1){font-size:2.4rem}}._7hHd0e2XWbqygSXxNK1jhA\\=\\= .tyvDkqLQYxB2-3V\\+no-m1g\\=\\= div div:nth-child(2){font-weight:700}@media only screen and (min-width:768px){._7hHd0e2XWbqygSXxNK1jhA\\=\\= .tyvDkqLQYxB2-3V\\+no-m1g\\=\\= div div:nth-child(2){font-weight:unset;font-size:2rem}}._7hHd0e2XWbqygSXxNK1jhA\\=\\= .tyvDkqLQYxB2-3V\\+no-m1g\\=\\=>a:last-of-type{height:5.4rem}@media only screen and (max-width:767px){._7hHd0e2XWbqygSXxNK1jhA\\=\\= .tyvDkqLQYxB2-3V\\+no-m1g\\=\\=>a:last-of-type{width:100%}}@media only screen and (min-width:768px){._7hHd0e2XWbqygSXxNK1jhA\\=\\= .tyvDkqLQYxB2-3V\\+no-m1g\\=\\=>a:last-of-type{grid-area:1/3/3/4;width:19.3rem;display:flex;justify-self:flex-end}}._7hHd0e2XWbqygSXxNK1jhA\\=\\= .tyvDkqLQYxB2-3V\\+no-m1g\\=\\= p:last-of-type{margin-top:.8rem}@media only screen and (max-width:767px){._7hHd0e2XWbqygSXxNK1jhA\\=\\= .tyvDkqLQYxB2-3V\\+no-m1g\\=\\= p:last-of-type{color:var(--color-34)}}@media only screen and (min-width:768px){._7hHd0e2XWbqygSXxNK1jhA\\=\\= .tyvDkqLQYxB2-3V\\+no-m1g\\=\\= p:last-of-type{grid-column:1/4;margin-top:1.5rem;font-size:1.2rem}}","",{version:3,sources:["webpack://./src/components/molecules/operator-summary/operator-summary.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAcA,6BACE,iBAAA,CAEA,yDACE,WAAA,CACA,UAAA,CACA,gBAAA,CACA,iBAAA,CACA,kCAAA,CAGF,0DClBA,YAAA,CACA,qBDkB0B,CACxB,kBAAA,CACA,YAAA,CACA,qBAAA,CACA,iBAAA,CEsBF,yCF3BA,0DAQI,YAAA,CACA,mDAAA,CACA,aAAA,CAAA,CAGF,8DACE,iBAAA,CEoBJ,yCFrBE,8DAII,aAAA,CAAA,CEUN,yCFdE,8DAQI,eAAA,CACA,iBAAA,CACA,gBAAA,CAAA,CAIJ,sFACE,sBAAA,CEDJ,yCAAA,sFFIM,iBAAA,CACA,gBAAA,CAAA,CAKF,+EACE,eAAA,CACA,gBAAA,CACA,kBAAA,CACA,oBAAA,CEPN,yCFGI,+EAOI,mBAAA,CAAA,CEjBR,yCFUI,+EAWI,gBAAA,CAAA,CAIJ,+EACE,eAAA,CE1BN,yCFyBI,+EAKM,iBAAA,CACA,cAAA,CAAA,CAMR,yEACE,aAAA,CE/BJ,yCF8BE,yEAII,UAAA,CAAA,CEzCN,yCFqCE,yEAQI,iBAAA,CACA,aAAA,CACA,YAAA,CACA,qBAAA,CAAA,CAIJ,yEACE,gBAAA,CE9CJ,yCF6CE,yEAII,qBAAA,CAAA,CExDN,yCFoDE,yEAQI,eAAA,CACA,iBAAA,CACA,gBAAA,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.summaryContainer {\n position: relative;\n\n .backgroundImg {\n height: 100%;\n width: 100%;\n object-fit: cover;\n position: absolute;\n border-radius: var(--border-radius);\n }\n\n .summaryInner {\n @include flex-direction(column);\n align-items: center;\n padding: 2rem;\n color: var(--color-12);\n position: relative;\n\n @include min(tablet) {\n display: grid;\n grid-template-columns: 15rem minmax(auto, 45rem) 1fr;\n grid-gap: 1rem;\n }\n\n img {\n max-width: 14.7rem;\n\n @include max(mobile) {\n margin: 1.5rem;\n }\n\n @include min(tablet) {\n max-width: 12rem;\n max-height: 6.4rem;\n object-fit: cover;\n }\n }\n\n .summary {\n margin: 1.1rem 0 1.6rem;\n\n @include min(tablet) {\n grid-area: 2/1/3/3;\n margin: 0.5rem 0 0;\n }\n }\n\n div {\n div:nth-child(1) {\n font-weight: 700;\n font-size: 2.4rem;\n line-height: 3.4rem;\n color: var(--color-1);\n\n @include max(mobile) {\n margin-bottom: 0.5rem;\n }\n\n @include min(tablet) {\n font-size: 2.4rem;\n }\n }\n\n div:nth-child(2) {\n font-weight: 700;\n\n @include min(tablet) {\n font: {\n weight: unset;\n size: 2rem;\n }\n }\n }\n }\n\n > a:last-of-type {\n height: 5.4rem;\n\n @include max(mobile) {\n width: 100%;\n }\n\n @include min(tablet) {\n grid-area: 1/3/3/4;\n width: 19.3rem;\n display: flex;\n justify-self: flex-end;\n }\n }\n\n p:last-of-type {\n margin-top: 0.8rem;\n\n @include max(mobile) {\n color: var(--color-34);\n }\n\n @include min(tablet) {\n grid-column: 1/4;\n margin-top: 1.5rem;\n font-size: 1.2rem;\n }\n }\n }\n}\n","@mixin flex-align($align-items, $justify-content) {\n display: flex;\n align-items: $align-items;\n justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n display: flex;\n flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n #{$overflow-type}: $overflow-value;\n -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n background: $bgcolor;\n border-radius: 100px;\n color: $text-color;\n font-weight: 700;\n @include flex-align(center, center);\n padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n color: $color;\n\n &:hover {\n color: $color;\n }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n float: $direction;\n @if $direction == right {\n margin: 0 0 1em 1em;\n } @else {\n margin: 0 1em 1em 0;\n }\n}\n\n@mixin content-img-align($direction: center, $spacing: 1em) {\n display: block;\n @if $direction == right {\n margin: $spacing 0 $spacing auto;\n } @else if $direction == left {\n margin: $spacing auto $spacing 0;\n } @else {\n margin: $spacing auto;\n }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n position: relative;\n &:after {\n top: 100%;\n left: 50%;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-color: rgba(0, 0, 0, 0);\n border-top: $height solid $color;\n border-right: calc($width / 2) solid transparent;\n border-left: calc($width / 2) solid transparent;\n margin-left: - calc($width / 2);\n }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n &:hover {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n }\n}\n\n@mixin sportBtn($color1, $color2) {\n background: linear-gradient(to bottom, $color1 0, $color2 100%);\n &:hover {\n background: linear-gradient(to bottom, $color2 0, $color1 100%);\n }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n line-height: $line-height;\n width: $width;\n font-weight: normal;\n display: inline-block;\n color: $fill-color;\n font-size: 15px;\n position: relative;\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n &:last-child {\n margin-right: 0;\n }\n &:before {\n content: '\\2605';\n }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n line-height: 2rem;\n width: 16px;\n font-weight: normal;\n display: inline-block;\n color: $half-full-color;\n font-size: 15px;\n position: relative;\n &:before {\n content: '\\2605';\n }\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n &:after {\n content: '\\2605';\n color: $half-empty-color;\n position: absolute;\n width: 7px;\n overflow: hidden;\n bottom: 0;\n left: 0;\n }\n}\n","$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\n// Hover\n// that allows you only to apply styles on devices with hover capability\n@mixin hover-device() {\n @media (hover: hover) {\n &:hover {\n @content;\n }\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={summaryContainer:"_7hHd0e2XWbqygSXxNK1jhA==",backgroundImg:"MjhD0E0sXnksYwz6zutPnw==",summaryInner:"tyvDkqLQYxB2-3V+no-m1g==",summary:"n-0XrXtW6Gjsx7lus9gtLg=="},__webpack_exports__.Z=___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/small-welcome-bonus/small-welcome-bonus.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";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,".m6brSD3wWTcjO1gVP9\\+vvg\\=\\={display:block;padding:0;display:flex;align-items:center;justify-content:space-between;position:relative;width:100%;min-height:5.6rem}@media only screen and (min-width:768px){.m6brSD3wWTcjO1gVP9\\+vvg\\=\\={background:#fff;border-radius:.6rem;box-shadow:0 0 11px #e3f0f2;padding:0}}.m6brSD3wWTcjO1gVP9\\+vvg\\=\\= ._2D9sQXBRZ3\\+TkhywXVlCWg\\=\\={display:flex;align-items:center;justify-content:flex-start}@media only screen and (max-width:767px){.m6brSD3wWTcjO1gVP9\\+vvg\\=\\= ._2D9sQXBRZ3\\+TkhywXVlCWg\\=\\={display:none}}.m6brSD3wWTcjO1gVP9\\+vvg\\=\\= ._2D9sQXBRZ3\\+TkhywXVlCWg\\=\\= .ySTZN0fUHSjCOjISKEGIRQ\\=\\={min-width:10rem}.m6brSD3wWTcjO1gVP9\\+vvg\\=\\= ._2D9sQXBRZ3\\+TkhywXVlCWg\\=\\= .ySTZN0fUHSjCOjISKEGIRQ\\=\\= a{display:flex;align-items:center}.m6brSD3wWTcjO1gVP9\\+vvg\\=\\= ._2D9sQXBRZ3\\+TkhywXVlCWg\\=\\= .ySTZN0fUHSjCOjISKEGIRQ\\=\\= a img{position:relative;padding:0 1.6rem}.m6brSD3wWTcjO1gVP9\\+vvg\\=\\= ._2D9sQXBRZ3\\+TkhywXVlCWg\\=\\= ._9rzpRAGwPo8iEuRIyQbIpw\\=\\={padding-left:1.5rem;padding-right:1.5rem}.m6brSD3wWTcjO1gVP9\\+vvg\\=\\= ._2D9sQXBRZ3\\+TkhywXVlCWg\\=\\= ._9rzpRAGwPo8iEuRIyQbIpw\\=\\= h5{color:#ff0036;margin:0}.m6brSD3wWTcjO1gVP9\\+vvg\\=\\= .MtCiFtXdaogUXxOfYJEORA\\=\\={width:100%;padding:0}@media only screen and (min-width:768px){.m6brSD3wWTcjO1gVP9\\+vvg\\=\\= .MtCiFtXdaogUXxOfYJEORA\\=\\={width:12rem;padding:.6rem}}.m6brSD3wWTcjO1gVP9\\+vvg\\=\\= .MtCiFtXdaogUXxOfYJEORA\\=\\= a{min-height:4.4rem;border-radius:.3rem;margin-top:0;width:100%;background-color:#ff0036;color:#fff;float:right;min-width:12rem;font-weight:700;text-decoration:none;display:flex;align-items:center;justify-content:center}","",{version:3,sources:["webpack://./src/components/molecules/small-welcome-bonus/small-welcome-bonus.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAcA,6BACI,aAAA,CACA,SAAA,CCfF,YAAA,CACA,kBDqBsB,CCpBtB,6BDoB6B,CAC3B,iBAAA,CACA,UAAA,CACA,iBAAA,CE0BF,yCFtCF,6BAIQ,eAAA,CACA,mBAAA,CACA,2BAAA,CACA,SAAA,CAAA,CAMJ,2DC1BF,YAAA,CACA,kBD6B0B,CC5B1B,0BD4BiC,CE4BjC,yCFhCE,2DAEQ,YAAA,CAAA,CAGJ,uFACI,eAAA,CACA,yFACI,YAAA,CACA,kBAAA,CACA,6FACI,iBAAA,CACA,gBAAA,CAIZ,wFACI,mBAAA,CACA,oBAAA,CACA,2FACI,aAAA,CACA,QAAA,CAKZ,yDACI,UAAA,CACA,SAAA,CEHN,yCFCE,yDAIQ,WAAA,CACA,aAAA,CAAA,CAEJ,2DACI,iBAAA,CACA,mBAAA,CACA,YAAA,CACA,UAAA,CACA,wBAAA,CACA,UAAA,CACA,WAAA,CACA,eAAA,CACA,eAAA,CACA,oBAAA,CCrEV,YAAA,CACA,kBDqE8B,CCpE9B,sBDoEqC",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.content{\n display: block;\n padding: 0;\n @include min(tablet){\n background: #fff;\n border-radius: .6rem;\n box-shadow: 0 0 11px #e3f0f2;\n padding: 0;\n }\n @include flex-align(center,space-between);\n position: relative;\n width: 100%;\n min-height: 5.6rem;\n .desc{\n @include max(mobile){\n display: none;\n }\n @include flex-align(center,flex-start);\n .logo{\n min-width: 10rem;\n a{\n display: flex;\n align-items: center;\n img{\n position: relative;\n padding: 0 1.6rem;\n }\n } \n }\n .bonus{\n padding-left: 1.5rem;\n padding-right: 1.5rem;\n h5{\n color: #ff0036;\n margin: 0;\n }\n }\n \n }\n .ctaButton{\n width: 100%;\n padding: 0;\n @include min(tablet){\n width: 12rem;\n padding: .6rem;\n }\n a{\n min-height: 4.4rem;\n border-radius: .3rem;\n margin-top: 0;\n width: 100%;\n background-color: #ff0036;\n color: #fff;\n float: right;\n min-width: 12rem;\n font-weight:700; \n text-decoration: none;\n @include flex-align(center,center);\n \n } \n \n }\n \n}","@mixin flex-align($align-items, $justify-content) {\n display: flex;\n align-items: $align-items;\n justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n display: flex;\n flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n #{$overflow-type}: $overflow-value;\n -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n background: $bgcolor;\n border-radius: 100px;\n color: $text-color;\n font-weight: 700;\n @include flex-align(center, center);\n padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n color: $color;\n\n &:hover {\n color: $color;\n }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n float: $direction;\n @if $direction == right {\n margin: 0 0 1em 1em;\n } @else {\n margin: 0 1em 1em 0;\n }\n}\n\n@mixin content-img-align($direction: center, $spacing: 1em) {\n display: block;\n @if $direction == right {\n margin: $spacing 0 $spacing auto;\n } @else if $direction == left {\n margin: $spacing auto $spacing 0;\n } @else {\n margin: $spacing auto;\n }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n position: relative;\n &:after {\n top: 100%;\n left: 50%;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-color: rgba(0, 0, 0, 0);\n border-top: $height solid $color;\n border-right: calc($width / 2) solid transparent;\n border-left: calc($width / 2) solid transparent;\n margin-left: - calc($width / 2);\n }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n &:hover {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n }\n}\n\n@mixin sportBtn($color1, $color2) {\n background: linear-gradient(to bottom, $color1 0, $color2 100%);\n &:hover {\n background: linear-gradient(to bottom, $color2 0, $color1 100%);\n }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n line-height: $line-height;\n width: $width;\n font-weight: normal;\n display: inline-block;\n color: $fill-color;\n font-size: 15px;\n position: relative;\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n &:last-child {\n margin-right: 0;\n }\n &:before {\n content: '\\2605';\n }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n line-height: 2rem;\n width: 16px;\n font-weight: normal;\n display: inline-block;\n color: $half-full-color;\n font-size: 15px;\n position: relative;\n &:before {\n content: '\\2605';\n }\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n &:after {\n content: '\\2605';\n color: $half-empty-color;\n position: absolute;\n width: 7px;\n overflow: hidden;\n bottom: 0;\n left: 0;\n }\n}\n","$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\n// Hover\n// that allows you only to apply styles on devices with hover capability\n@mixin hover-device() {\n @media (hover: hover) {\n &:hover {\n @content;\n }\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={content:"m6brSD3wWTcjO1gVP9+vvg==",desc:"_2D9sQXBRZ3+TkhywXVlCWg==",logo:"ySTZN0fUHSjCOjISKEGIRQ==",bonus:"_9rzpRAGwPo8iEuRIyQbIpw==",ctaButton:"MtCiFtXdaogUXxOfYJEORA=="},__webpack_exports__.Z=___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/organisms/footer-navigation/footer-navigation.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";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,"._9Kq2goRsHWkge1Dp-QSP1A\\=\\={position:fixed;width:100%;height:88px;bottom:-50vh;left:0;padding:0;background-color:var(--color-7);border-radius:0;z-index:1001;display:flex;opacity:0;visibility:hidden;transition:2s}._9Kq2goRsHWkge1Dp-QSP1A\\=\\=._31EW0fWy6EO9i95XwQ3cMA\\=\\={position:absolute}@media only screen and (max-width: 767px){._9Kq2goRsHWkge1Dp-QSP1A\\=\\={opacity:1;visibility:visible}}._9Kq2goRsHWkge1Dp-QSP1A\\=\\=>ul{display:flex;width:100%}._9Kq2goRsHWkge1Dp-QSP1A\\=\\=>ul>li{width:100%;display:flex;flex-direction:row;display:flex;align-items:center;justify-content:center}._9Kq2goRsHWkge1Dp-QSP1A\\=\\=>ul>li a{display:flex;flex-flow:column;flex-direction:column-reverse;justify-content:center;align-items:center;color:#fff}._9Kq2goRsHWkge1Dp-QSP1A\\=\\=>ul>li a img{width:48px}._9Kq2goRsHWkge1Dp-QSP1A\\=\\=>ul>li a span{font-style:normal;font-weight:400;font-size:12px;line-height:18px;text-align:center;color:#fff;position:relative}.Hut1MC5Nt-VmFZor6ggUWA\\=\\={transition:.5s;bottom:0}","",{version:3,sources:["webpack://./src/components/organisms/footer-navigation/footer-navigation.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,6BACE,cAAA,CACA,UAAA,CACA,WAAA,CACA,YAAA,CACA,MAAA,CACA,SAAA,CACA,+BAAA,CACA,eAAA,CACA,YAAA,CACA,YAAA,CACA,SAAA,CACA,iBAAA,CACA,aAAA,CAEA,yDACE,iBAAA,CAGF,0CAnBF,6BAoBI,SAAA,CACA,kBAAA,CAAA,CAIF,gCACE,YAAA,CACA,UAAA,CAEA,mCACE,UAAA,CCrCJ,YAAA,CACA,kBDqC4B,CC5C5B,YAAA,CACA,kBD4CwB,CC3CxB,sBD2CgC,CAE5B,qCACE,YAAA,CACA,gBAAA,CACA,6BAAA,CACA,sBAAA,CACA,kBAAA,CACA,UAAA,CAEA,yCACE,UAAA,CAGF,0CACE,iBAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CACA,iBAAA,CACA,UAAA,CACA,iBAAA,CAMV,4BACE,cAAA,CACA,QAAA",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.footerLinks {\n position: fixed;\n width: 100%;\n height: 88px;\n bottom: -50vh;\n left: 0;\n padding: 0;\n background-color: var(--color-7);\n border-radius: 0;\n z-index: 1001;\n display: flex;\n opacity: 0;\n visibility: hidden;\n transition: 2s;\n\n &.storybookStyles {\n position: absolute;\n }\n\n @media only screen and (max-width: 767px) {\n opacity: 1;\n visibility: visible;\n \n }\n\n > ul {\n display: flex;\n width: 100%;\n\n > li {\n width: 100%;\n @include flex-direction(row);\n @include flex-align(center, center);\n\n a {\n display: flex;\n flex-flow: column;\n flex-direction: column-reverse;\n justify-content: center;\n align-items: center;\n color: #ffffff;\n\n img {\n width: 48px;\n }\n\n span {\n font-style: normal;\n font-weight: 400;\n font-size: 12px;\n line-height: 18px;\n text-align: center;\n color: #fff;\n position: relative;\n }\n }\n }\n }\n}\n.showFooterNav{\n transition: 0.5s;\n bottom: 0;\n}\n","@mixin flex-align($align-items, $justify-content) {\n display: flex;\n align-items: $align-items;\n justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n display: flex;\n flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n #{$overflow-type}: $overflow-value;\n -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n background: $bgcolor;\n border-radius: 100px;\n color: $text-color;\n font-weight: 700;\n @include flex-align(center, center);\n padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n color: $color;\n\n &:hover {\n color: $color;\n }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n float: $direction;\n @if $direction == right {\n margin: 0 0 1em 1em;\n } @else {\n margin: 0 1em 1em 0;\n }\n}\n\n@mixin content-img-align($direction: center, $spacing: 1em) {\n display: block;\n @if $direction == right {\n margin: $spacing 0 $spacing auto;\n } @else if $direction == left {\n margin: $spacing auto $spacing 0;\n } @else {\n margin: $spacing auto;\n }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n position: relative;\n &:after {\n top: 100%;\n left: 50%;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-color: rgba(0, 0, 0, 0);\n border-top: $height solid $color;\n border-right: calc($width / 2) solid transparent;\n border-left: calc($width / 2) solid transparent;\n margin-left: - calc($width / 2);\n }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n &:hover {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n }\n}\n\n@mixin sportBtn($color1, $color2) {\n background: linear-gradient(to bottom, $color1 0, $color2 100%);\n &:hover {\n background: linear-gradient(to bottom, $color2 0, $color1 100%);\n }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n line-height: $line-height;\n width: $width;\n font-weight: normal;\n display: inline-block;\n color: $fill-color;\n font-size: 15px;\n position: relative;\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n &:last-child {\n margin-right: 0;\n }\n &:before {\n content: '\\2605';\n }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n line-height: 2rem;\n width: 16px;\n font-weight: normal;\n display: inline-block;\n color: $half-full-color;\n font-size: 15px;\n position: relative;\n &:before {\n content: '\\2605';\n }\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n &:after {\n content: '\\2605';\n color: $half-empty-color;\n position: absolute;\n width: 7px;\n overflow: hidden;\n bottom: 0;\n left: 0;\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={footerLinks:"_9Kq2goRsHWkge1Dp-QSP1A==",storybookStyles:"_31EW0fWy6EO9i95XwQ3cMA==",showFooterNav:"Hut1MC5Nt-VmFZor6ggUWA=="},__webpack_exports__.Z=___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/organisms/popup/popup.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";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"),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__),_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("../node_modules/css-loader/dist/runtime/getUrl.js"),_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2__),_static_images_popup_bg_webp__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("./static/images/popup-bg.webp"),___CSS_LOADER_EXPORT___=_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default()),___CSS_LOADER_URL_REPLACEMENT_0___=_node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_2___default()(_static_images_popup_bg_webp__WEBPACK_IMPORTED_MODULE_3__);___CSS_LOADER_EXPORT___.push([module.id,"@media only screen and (max-width:1199px){.NImjfOSvV\\+5YGQdBefiDBA\\=\\=.CoIwfAo2\\+6vhF7TXDFzd1A\\=\\={display:none}}@media only screen and (min-width:992px){.NImjfOSvV\\+5YGQdBefiDBA\\=\\=.\\+Z3JYtQ6mtXXqi0qkUijOQ\\=\\={display:none}}.NImjfOSvV\\+5YGQdBefiDBA\\=\\= .YmsVYVCUPRSFEWVAu6KNKA\\=\\={position:fixed;width:100%;height:100%;background-color:var(--overlay-backgorund-color);transition:opacity .15s linear;top:0;bottom:0;z-index:var(--modal-index)}.NImjfOSvV\\+5YGQdBefiDBA\\=\\= ._6eZ1NpI1UT7\\+T4XgkWy0KQ\\=\\={display:flex;justify-content:flex-start;align-items:center;position:fixed;top:0;height:100%;width:100%;z-index:var(--modal-index);width:100%}.NImjfOSvV\\+5YGQdBefiDBA\\=\\= ._6eZ1NpI1UT7\\+T4XgkWy0KQ\\=\\= .wKsAFdOwKFIC1dwM8rpsQw\\=\\={display:flex;justify-content:center;align-items:center;left:0;right:0}.NImjfOSvV\\+5YGQdBefiDBA\\=\\= ._6eZ1NpI1UT7\\+T4XgkWy0KQ\\=\\= .u36QTKkdwXxR\\+j4uqNnDCQ\\=\\={display:block;z-index:var(--modal-index);width:fit-content;height:fit-content;top:0;left:0;position:relative;width:100%;height:100%;padding-top:1.6rem}@media only screen and (min-width:768px){.NImjfOSvV\\+5YGQdBefiDBA\\=\\= ._6eZ1NpI1UT7\\+T4XgkWy0KQ\\=\\= .u36QTKkdwXxR\\+j4uqNnDCQ\\=\\={padding-top:0;width:100%;height:fit-content;border-bottom-right-radius:1.6rem}}.NImjfOSvV\\+5YGQdBefiDBA\\=\\= ._6eZ1NpI1UT7\\+T4XgkWy0KQ\\=\\= .u36QTKkdwXxR\\+j4uqNnDCQ\\=\\= .n1Hs8SUe\\+IU\\+dd0rtJlvfw\\=\\={width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}@media only screen and (min-width:768px){.NImjfOSvV\\+5YGQdBefiDBA\\=\\= ._6eZ1NpI1UT7\\+T4XgkWy0KQ\\=\\= .u36QTKkdwXxR\\+j4uqNnDCQ\\=\\= .n1Hs8SUe\\+IU\\+dd0rtJlvfw\\=\\={justify-content:center}}.NImjfOSvV\\+5YGQdBefiDBA\\=\\= ._6eZ1NpI1UT7\\+T4XgkWy0KQ\\=\\= .u36QTKkdwXxR\\+j4uqNnDCQ\\=\\= .n1Hs8SUe\\+IU\\+dd0rtJlvfw\\=\\= ._0Tgmwtaew7uuGtRFzhDdng\\=\\={background:var(--popup-backgorund-color);padding:.8rem 2.4rem;width:100%;border-radius:1rem;margin-top:4.5rem;position:relative;background-image:url("+___CSS_LOADER_URL_REPLACEMENT_0___+");background-repeat:no-repeat;background-size:cover}@media only screen and (min-width:768px){.NImjfOSvV\\+5YGQdBefiDBA\\=\\= ._6eZ1NpI1UT7\\+T4XgkWy0KQ\\=\\= .u36QTKkdwXxR\\+j4uqNnDCQ\\=\\= .n1Hs8SUe\\+IU\\+dd0rtJlvfw\\=\\= ._0Tgmwtaew7uuGtRFzhDdng\\=\\={margin-top:0}}@media only screen and (max-width:767px){.NImjfOSvV\\+5YGQdBefiDBA\\=\\= ._6eZ1NpI1UT7\\+T4XgkWy0KQ\\=\\= .u36QTKkdwXxR\\+j4uqNnDCQ\\=\\= .n1Hs8SUe\\+IU\\+dd0rtJlvfw\\=\\= ._0Tgmwtaew7uuGtRFzhDdng\\=\\={overflow:scroll}}.NImjfOSvV\\+5YGQdBefiDBA\\=\\= ._6eZ1NpI1UT7\\+T4XgkWy0KQ\\=\\= .u36QTKkdwXxR\\+j4uqNnDCQ\\=\\= .n1Hs8SUe\\+IU\\+dd0rtJlvfw\\=\\= ._0Tgmwtaew7uuGtRFzhDdng\\=\\= .Hvtx\\+1tV5dTyPDIIgF\\+Kqw\\=\\={position:absolute;top:1.5rem;right:1.5rem;width:32px;height:32px;background:rgba(0,0,0,0);border-radius:40px;display:flex;flex-direction:column;display:flex;align-items:center;justify-content:center}.NImjfOSvV\\+5YGQdBefiDBA\\=\\= ._6eZ1NpI1UT7\\+T4XgkWy0KQ\\=\\= .u36QTKkdwXxR\\+j4uqNnDCQ\\=\\= .n1Hs8SUe\\+IU\\+dd0rtJlvfw\\=\\= ._0Tgmwtaew7uuGtRFzhDdng\\=\\= .Hvtx\\+1tV5dTyPDIIgF\\+Kqw\\=\\=>svg{width:2.4rem;height:2.4rem}.NImjfOSvV\\+5YGQdBefiDBA\\=\\= ._6eZ1NpI1UT7\\+T4XgkWy0KQ\\=\\= .u36QTKkdwXxR\\+j4uqNnDCQ\\=\\= .n1Hs8SUe\\+IU\\+dd0rtJlvfw\\=\\= ._0Tgmwtaew7uuGtRFzhDdng\\=\\= .POtxiuRPdM52hpF0SdbhUw\\=\\=>p{font-size:2.4rem;margin-bottom:1rem;margin-top:1rem;line-height:3.3rem;font-weight:bold;text-align:center;padding-right:1.6rem}@media only screen and (min-width:768px){.NImjfOSvV\\+5YGQdBefiDBA\\=\\= ._6eZ1NpI1UT7\\+T4XgkWy0KQ\\=\\= .u36QTKkdwXxR\\+j4uqNnDCQ\\=\\= .n1Hs8SUe\\+IU\\+dd0rtJlvfw\\=\\= ._0Tgmwtaew7uuGtRFzhDdng\\=\\= .POtxiuRPdM52hpF0SdbhUw\\=\\=>p{font-size:3.2rem;line-height:4.4rem;margin-top:1.2rem;margin-bottom:1.3rem}}.NImjfOSvV\\+5YGQdBefiDBA\\=\\=.IRfREsPMydJSrwpPuuIumw\\=\\= ._6eZ1NpI1UT7\\+T4XgkWy0KQ\\=\\={left:-100vw;transition:all .7s;-moz-transition:all .7s;-webkit-transition:all .7s;-o-transition:all .7s}@media only screen and (min-width:768px){.NImjfOSvV\\+5YGQdBefiDBA\\=\\=.IRfREsPMydJSrwpPuuIumw\\=\\= ._6eZ1NpI1UT7\\+T4XgkWy0KQ\\=\\={max-width:68rem;min-width:68rem;margin-top:0;width:auto;left:-68rem}}@media only screen and (min-width:992px){.NImjfOSvV\\+5YGQdBefiDBA\\=\\=.IRfREsPMydJSrwpPuuIumw\\=\\= ._6eZ1NpI1UT7\\+T4XgkWy0KQ\\=\\={max-width:78rem;min-width:78rem;margin-top:0;width:auto}}@media only screen and (min-width:992px){.NImjfOSvV\\+5YGQdBefiDBA\\=\\=.IRfREsPMydJSrwpPuuIumw\\=\\= ._6eZ1NpI1UT7\\+T4XgkWy0KQ\\=\\={left:-78.4rem}}.NImjfOSvV\\+5YGQdBefiDBA\\=\\=.IRfREsPMydJSrwpPuuIumw\\=\\= ._6eZ1NpI1UT7\\+T4XgkWy0KQ\\=\\=.wKsAFdOwKFIC1dwM8rpsQw\\=\\={left:0;transition:all .7s;-moz-transition:all .7s;-webkit-transition:all .7s;-o-transition:all .7s}.NImjfOSvV\\+5YGQdBefiDBA\\=\\=.IRfREsPMydJSrwpPuuIumw\\=\\= .u36QTKkdwXxR\\+j4uqNnDCQ\\=\\= .n1Hs8SUe\\+IU\\+dd0rtJlvfw\\=\\= ._0Tgmwtaew7uuGtRFzhDdng\\=\\= .POtxiuRPdM52hpF0SdbhUw\\=\\= p{font-size:2rem;line-height:3rem;margin-bottom:1.3rem;margin-top:1.2rem}@media only screen and (min-width:768px){.NImjfOSvV\\+5YGQdBefiDBA\\=\\=.IRfREsPMydJSrwpPuuIumw\\=\\= .u36QTKkdwXxR\\+j4uqNnDCQ\\=\\= .n1Hs8SUe\\+IU\\+dd0rtJlvfw\\=\\= ._0Tgmwtaew7uuGtRFzhDdng\\=\\= .Hvtx\\+1tV5dTyPDIIgF\\+Kqw\\=\\={display:none}}.NImjfOSvV\\+5YGQdBefiDBA\\=\\=.IRfREsPMydJSrwpPuuIumw\\=\\= .u36QTKkdwXxR\\+j4uqNnDCQ\\=\\= ._7K2MCy80ao0ZECRqyUlLag\\=\\={cursor:pointer;display:none;background:var(--toggle-backgorund-color);border-radius:0px 16px 16px 0px;position:absolute;right:-8.7rem;width:8.7rem;height:17rem;top:0;padding:2rem 1rem}.NImjfOSvV\\+5YGQdBefiDBA\\=\\=.IRfREsPMydJSrwpPuuIumw\\=\\= .u36QTKkdwXxR\\+j4uqNnDCQ\\=\\= ._7K2MCy80ao0ZECRqyUlLag\\=\\= p{font-weight:bold;font-size:12px;text-align:center;text-transform:uppercase;color:#000;line-height:1.6rem}@media only screen and (min-width:768px){.NImjfOSvV\\+5YGQdBefiDBA\\=\\=.IRfREsPMydJSrwpPuuIumw\\=\\= .u36QTKkdwXxR\\+j4uqNnDCQ\\=\\= ._7K2MCy80ao0ZECRqyUlLag\\=\\={display:block}}.NImjfOSvV\\+5YGQdBefiDBA\\=\\=.OQTAIjYDkLn4tQyRH9LqpA\\=\\= ._6eZ1NpI1UT7\\+T4XgkWy0KQ\\=\\={display:none}@media only screen and (min-width:768px){.NImjfOSvV\\+5YGQdBefiDBA\\=\\=.OQTAIjYDkLn4tQyRH9LqpA\\=\\= ._6eZ1NpI1UT7\\+T4XgkWy0KQ\\=\\={max-width:68rem;min-width:68rem;margin-top:0;width:auto;left:-68rem}}.NImjfOSvV\\+5YGQdBefiDBA\\=\\=.OQTAIjYDkLn4tQyRH9LqpA\\=\\= ._6eZ1NpI1UT7\\+T4XgkWy0KQ\\=\\= .u36QTKkdwXxR\\+j4uqNnDCQ\\=\\= .n1Hs8SUe\\+IU\\+dd0rtJlvfw\\=\\= ._0Tgmwtaew7uuGtRFzhDdng\\=\\= .POtxiuRPdM52hpF0SdbhUw\\=\\= p{font-size:2rem;line-height:3rem;margin-bottom:1.3rem;margin-top:1.2rem;text-align:left}.NImjfOSvV\\+5YGQdBefiDBA\\=\\=.OQTAIjYDkLn4tQyRH9LqpA\\=\\= ._6eZ1NpI1UT7\\+T4XgkWy0KQ\\=\\=.wKsAFdOwKFIC1dwM8rpsQw\\=\\={display:flex;left:0;right:0;margin:0 auto}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss","webpack://./src/components/organisms/popup/popup.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AA2DE,0CC5CA,yDAEI,YAAA,CAAA,CDmCJ,yCC/BA,yDAEI,YAAA,CAAA,CAGJ,yDACE,cAAA,CACA,UAAA,CACA,WAAA,CACA,gDAAA,CACA,8BAAA,CACA,KAAA,CACA,QAAA,CACA,0BAAA,CAEF,2DACE,YAAA,CACA,0BAAA,CACA,kBAAA,CACA,cAAA,CACA,KAAA,CACA,WAAA,CACA,UAAA,CACA,0BAAA,CACA,UAAA,CACA,uFACE,YAAA,CACA,sBAAA,CACA,kBAAA,CACA,MAAA,CACA,OAAA,CAGF,wFACE,aAAA,CACA,0BAAA,CACA,iBAAA,CACA,kBAAA,CACA,KAAA,CACA,MAAA,CACA,iBAAA,CACA,UAAA,CACA,WAAA,CACA,kBAAA,CDZJ,yCCEE,wFAYI,aAAA,CACA,UAAA,CACA,kBAAA,CACA,iCAAA,CAAA,CAEF,sHACE,UAAA,CACA,WAAA,CACA,YAAA,CACA,qBAAA,CACA,kBAAA,CACA,sBAAA,CDzBN,yCCmBI,sHASI,sBAAA,CAAA,CAEF,mJACE,wCAAA,CACA,oBAAA,CACA,UAAA,CACA,kBAAA,CACA,iBAAA,CACA,iBAAA,CACA,wDAAA,CACA,2BAAA,CACA,qBAAA,CDvCR,yCC8BM,mJAWI,YAAA,CAAA,CDlCV,yCCuBM,mJAcI,eAAA,CAAA,CAEF,iLACE,iBAAA,CACA,UAAA,CACA,YAAA,CACA,UAAA,CACA,WAAA,CACA,wBAAA,CACA,kBAAA,CClGV,YAAA,CACA,qBDkGkC,CCzGlC,YAAA,CACA,kBDyG8B,CCxG9B,sBDwGsC,CAE5B,qLACE,YAAA,CACA,aAAA,CAIF,iLACE,gBAAA,CACA,kBAAA,CACA,eAAA,CACA,kBAAA,CACA,gBAAA,CACA,iBAAA,CACA,oBAAA,CDtEZ,yCC+DU,iLAUI,gBAAA,CACA,kBAAA,CACA,iBAAA,CACA,oBAAA,CAAA,CAUZ,sFACE,WAAA,CACA,kBAAA,CACA,uBAAA,CACA,0BAAA,CACA,qBAAA,CD3FJ,yCCsFE,sFAQI,eAAA,CACA,eAAA,CACA,YAAA,CACA,UAAA,CACA,WAAA,CAAA,CDlGN,yCCsFE,sFAeI,eAAA,CACA,eAAA,CACA,YAAA,CACA,UAAA,CAAA,CDxGN,yCCsFE,sFAqBI,aAAA,CAAA,CAGF,iHACE,MAAA,CACA,kBAAA,CACA,uBAAA,CACA,0BAAA,CACA,qBAAA,CAOI,8KACE,cAAA,CACA,gBAAA,CACA,oBAAA,CACA,iBAAA,CD9HZ,yCCiIQ,8KAEI,YAAA,CAAA,CAKR,kHACE,cAAA,CACA,YAAA,CACA,yCAAA,CACA,+BAAA,CACA,iBAAA,CACA,aAAA,CACA,YAAA,CACA,YAAA,CACA,KAAA,CACA,iBAAA,CACA,oHACE,gBAAA,CACA,cAAA,CACA,iBAAA,CACA,wBAAA,CACA,UAAA,CACA,kBAAA,CDzJR,yCCwII,kHAoBI,aAAA,CAAA,CAMN,sFACE,YAAA,CDnKJ,yCCkKE,sFAII,eAAA,CACA,eAAA,CACA,YAAA,CACA,UAAA,CACA,WAAA,CAAA,CAMM,4MACE,cAAA,CACA,gBAAA,CACA,oBAAA,CACA,iBAAA,CACA,eAAA,CAMV,iHACE,YAAA,CACA,MAAA,CACA,OAAA,CACA,aAAA",sourcesContent:["$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\n// Hover\n// that allows you only to apply styles on devices with hover capability\n@mixin hover-device() {\n @media (hover: hover) {\n &:hover {\n @content;\n }\n }\n}\n","// 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.popup {\n &.desktop_only {\n @include max(laptop) {\n display: none;\n }\n }\n\n &.mobile_only {\n @include min(laptop) {\n display: none;\n }\n }\n .modalOverlay {\n position: fixed;\n width: 100%;\n height: 100%;\n background-color: var(--overlay-backgorund-color);\n transition: opacity 0.15s linear;\n top: 0;\n bottom: 0;\n z-index: map-get($z-index, modal);\n }\n .modalInner {\n display: flex;\n justify-content: flex-start;\n align-items: center;\n position: fixed;\n top: 0;\n height: 100%;\n width: 100%;\n z-index: map-get($z-index, modal);\n width: 100%;\n .activeModal {\n display: flex;\n justify-content: center;\n align-items: center;\n left: 0;\n right: 0;\n }\n\n .itemsContent {\n display: block;\n z-index: map-get($z-index, modal);\n width: fit-content;\n height: fit-content;\n top: 0;\n left: 0;\n position: relative;\n width: 100%;\n height: 100%;\n padding-top: 1.6rem;\n @include min(tablet) {\n padding-top: 0;\n width: 100%;\n height: fit-content;\n border-bottom-right-radius: 1.6rem;\n }\n .popupCenter {\n width: 100%;\n height: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n\n @include min(tablet) {\n justify-content: center;\n }\n .modalContent {\n background: var(--popup-backgorund-color);\n padding: 0.8rem 2.4rem;\n width: 100%;\n border-radius: 1rem;\n margin-top: 4.5rem;\n position: relative;\n background-image: url('../../../../static/images/popup-bg.webp');\n background-repeat: no-repeat;\n background-size: cover;\n @include min(tablet) {\n margin-top: 0;\n }\n @include max(mobile) {\n overflow: scroll;\n }\n .closeIcon {\n position: absolute;\n top: 1.5rem;\n right: 1.5rem;\n width: 32px;\n height: 32px;\n background: transparent;\n border-radius: 40px;\n @include flex-direction(column);\n @include flex-align(center, center);\n\n > svg {\n width: 2.4rem;\n height: 2.4rem;\n }\n }\n .modalTitle {\n > p {\n font-size: 2.4rem;\n margin-bottom: 1rem;\n margin-top: 1rem;\n line-height: 3.3rem;\n font-weight: bold;\n text-align: center;\n padding-right: 1.6rem;\n\n @include min(tablet) {\n font-size: 3.2rem;\n line-height: 4.4rem;\n margin-top: 1.2rem;\n margin-bottom: 1.3rem;\n }\n }\n }\n }\n }\n }\n }\n\n &.toggleButton {\n .modalInner {\n left: -100vw;\n transition: all 0.7s;\n -moz-transition: all 0.7s;\n -webkit-transition: all 0.7s;\n -o-transition: all 0.7s;\n\n @include min(tablet) {\n max-width: 68rem;\n min-width: 68rem;\n margin-top: 0;\n width: auto;\n left: -68rem;\n }\n @include min(laptop) {\n max-width: 78rem;\n min-width: 78rem;\n margin-top: 0;\n width: auto;\n }\n @include min(laptop) {\n left: -78.4rem;\n }\n\n &.activeModal {\n left: 0;\n transition: all 0.7s;\n -moz-transition: all 0.7s;\n -webkit-transition: all 0.7s;\n -o-transition: all 0.7s;\n }\n }\n .itemsContent {\n .popupCenter {\n .modalContent {\n .modalTitle {\n p {\n font-size: 2rem;\n line-height: 3rem;\n margin-bottom: 1.3rem;\n margin-top: 1.2rem;\n }\n }\n .closeIcon {\n @include min(tablet) {\n display: none;\n }\n }\n }\n }\n .toggleButtonPopup {\n cursor: pointer;\n display: none;\n background: var(--toggle-backgorund-color);\n border-radius: 0px 16px 16px 0px;\n position: absolute;\n right: -8.7rem;\n width: 8.7rem;\n height: 17rem;\n top: 0;\n padding: 2rem 1rem;\n p {\n font-weight: bold;\n font-size: 12px;\n text-align: center;\n text-transform: uppercase;\n color: #000000;\n line-height: 1.6rem;\n }\n @include min(tablet) {\n display: block;\n }\n }\n }\n }\n &.defaultPopup {\n .modalInner {\n display: none;\n\n @include min(tablet) {\n max-width: 68rem;\n min-width: 68rem;\n margin-top: 0;\n width: auto;\n left: -68rem;\n }\n .itemsContent {\n .popupCenter {\n .modalContent {\n .modalTitle {\n p {\n font-size: 2rem;\n line-height: 3rem;\n margin-bottom: 1.3rem;\n margin-top: 1.2rem;\n text-align: left;\n }\n }\n }\n }\n }\n &.activeModal {\n display: flex;\n left: 0;\n right: 0;\n margin: 0 auto;\n }\n }\n }\n}\n","@mixin flex-align($align-items, $justify-content) {\n display: flex;\n align-items: $align-items;\n justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n display: flex;\n flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n #{$overflow-type}: $overflow-value;\n -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n background: $bgcolor;\n border-radius: 100px;\n color: $text-color;\n font-weight: 700;\n @include flex-align(center, center);\n padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n color: $color;\n\n &:hover {\n color: $color;\n }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n float: $direction;\n @if $direction == right {\n margin: 0 0 1em 1em;\n } @else {\n margin: 0 1em 1em 0;\n }\n}\n\n@mixin content-img-align($direction: center, $spacing: 1em) {\n display: block;\n @if $direction == right {\n margin: $spacing 0 $spacing auto;\n } @else if $direction == left {\n margin: $spacing auto $spacing 0;\n } @else {\n margin: $spacing auto;\n }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n position: relative;\n &:after {\n top: 100%;\n left: 50%;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-color: rgba(0, 0, 0, 0);\n border-top: $height solid $color;\n border-right: calc($width / 2) solid transparent;\n border-left: calc($width / 2) solid transparent;\n margin-left: - calc($width / 2);\n }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n &:hover {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n }\n}\n\n@mixin sportBtn($color1, $color2) {\n background: linear-gradient(to bottom, $color1 0, $color2 100%);\n &:hover {\n background: linear-gradient(to bottom, $color2 0, $color1 100%);\n }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n line-height: $line-height;\n width: $width;\n font-weight: normal;\n display: inline-block;\n color: $fill-color;\n font-size: 15px;\n position: relative;\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n &:last-child {\n margin-right: 0;\n }\n &:before {\n content: '\\2605';\n }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n line-height: 2rem;\n width: 16px;\n font-weight: normal;\n display: inline-block;\n color: $half-full-color;\n font-size: 15px;\n position: relative;\n &:before {\n content: '\\2605';\n }\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n &:after {\n content: '\\2605';\n color: $half-empty-color;\n position: absolute;\n width: 7px;\n overflow: hidden;\n bottom: 0;\n left: 0;\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={popup:"NImjfOSvV+5YGQdBefiDBA==",desktop_only:"CoIwfAo2+6vhF7TXDFzd1A==",mobile_only:"+Z3JYtQ6mtXXqi0qkUijOQ==",modalOverlay:"YmsVYVCUPRSFEWVAu6KNKA==",modalInner:"_6eZ1NpI1UT7+T4XgkWy0KQ==",activeModal:"wKsAFdOwKFIC1dwM8rpsQw==",itemsContent:"u36QTKkdwXxR+j4uqNnDCQ==",popupCenter:"n1Hs8SUe+IU+dd0rtJlvfw==",modalContent:"_0Tgmwtaew7uuGtRFzhDdng==",closeIcon:"Hvtx+1tV5dTyPDIIgF+Kqw==",modalTitle:"POtxiuRPdM52hpF0SdbhUw==",toggleButton:"IRfREsPMydJSrwpPuuIumw==",toggleButtonPopup:"_7K2MCy80ao0ZECRqyUlLag==",defaultPopup:"OQTAIjYDkLn4tQyRH9LqpA=="},__webpack_exports__.Z=___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/pages/contact-us/contact-us.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";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,".rgPE1YQJ-EvBersasMIs3g\\=\\={background-color:#fff;padding:6rem 0 0}@media only screen and (min-width:992px){.rgPE1YQJ-EvBersasMIs3g\\=\\={padding:8rem 0 0}}.rgPE1YQJ-EvBersasMIs3g\\=\\= .vTpei3pQPcHeNq-Gl8fQGA\\=\\={max-width:var(--main-container-max);margin:0 auto;display:flex;flex-direction:column;padding:1.6rem 2.4rem;background-color:rgba(0,0,0,0)}.rgPE1YQJ-EvBersasMIs3g\\=\\= .vTpei3pQPcHeNq-Gl8fQGA\\=\\= header{padding-top:0}.rgPE1YQJ-EvBersasMIs3g\\=\\= .vTpei3pQPcHeNq-Gl8fQGA\\=\\= header>div{padding:0}.rgPE1YQJ-EvBersasMIs3g\\=\\= .vTpei3pQPcHeNq-Gl8fQGA\\=\\= header>div a,.rgPE1YQJ-EvBersasMIs3g\\=\\= .vTpei3pQPcHeNq-Gl8fQGA\\=\\= header>div li{font-weight:normal;font-size:1.4rem;line-height:2.4rem;color:var(--color-41)}.rgPE1YQJ-EvBersasMIs3g\\=\\= .vTpei3pQPcHeNq-Gl8fQGA\\=\\= header>div div:last-of-type{display:none}.rgPE1YQJ-EvBersasMIs3g\\=\\= .vTpei3pQPcHeNq-Gl8fQGA\\=\\= .n98KpdDUTDk1N39kyMk\\+rA\\=\\={width:100%;padding-top:1.2rem;padding-bottom:4.6rem;border-radius:var(--border-radius)}@media only screen and (min-width:768px){.rgPE1YQJ-EvBersasMIs3g\\=\\= .vTpei3pQPcHeNq-Gl8fQGA\\=\\= .n98KpdDUTDk1N39kyMk\\+rA\\=\\={display:flex;flex-direction:row;padding-bottom:3.3rem}}.rgPE1YQJ-EvBersasMIs3g\\=\\= .vTpei3pQPcHeNq-Gl8fQGA\\=\\= .YIB6\\+f7MTseAIjyOS\\+BJ7A\\=\\={flex-basis:100%;padding:0}.rgPE1YQJ-EvBersasMIs3g\\=\\= .vTpei3pQPcHeNq-Gl8fQGA\\=\\= .YIB6\\+f7MTseAIjyOS\\+BJ7A\\=\\= p{font-weight:normal;font-size:1.6rem;line-height:2.4rem;color:var(--color-38);padding-top:.8rem}.rgPE1YQJ-EvBersasMIs3g\\=\\= .vTpei3pQPcHeNq-Gl8fQGA\\=\\= .YIB6\\+f7MTseAIjyOS\\+BJ7A\\=\\= h1{margin:0;font-weight:bold;font-size:3.6rem;line-height:4.6rem;color:var(--color-33)}@media only screen and (min-width:768px){.rgPE1YQJ-EvBersasMIs3g\\=\\= .vTpei3pQPcHeNq-Gl8fQGA\\=\\= .YIB6\\+f7MTseAIjyOS\\+BJ7A\\=\\={flex-basis:61rem;padding-right:3.3rem}}.rgPE1YQJ-EvBersasMIs3g\\=\\= .vTpei3pQPcHeNq-Gl8fQGA\\=\\= ._7lJFhWF4i43N0AvjsMvwew\\=\\={width:100%}.rgPE1YQJ-EvBersasMIs3g\\=\\= .vTpei3pQPcHeNq-Gl8fQGA\\=\\= ._7lJFhWF4i43N0AvjsMvwew\\=\\= ul{width:100%;display:flex;flex-direction:column}@media only screen and (min-width:768px){.rgPE1YQJ-EvBersasMIs3g\\=\\= .vTpei3pQPcHeNq-Gl8fQGA\\=\\= ._7lJFhWF4i43N0AvjsMvwew\\=\\= ul{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.6rem}}@media only screen and (min-width:1200px){.rgPE1YQJ-EvBersasMIs3g\\=\\= .vTpei3pQPcHeNq-Gl8fQGA\\=\\= ._7lJFhWF4i43N0AvjsMvwew\\=\\= ul{grid-template-columns:1fr 1fr 1fr}}.rgPE1YQJ-EvBersasMIs3g\\=\\= .vTpei3pQPcHeNq-Gl8fQGA\\=\\= ._7lJFhWF4i43N0AvjsMvwew\\=\\= ul li{margin-bottom:1.6rem}@media only screen and (min-width:768px){.rgPE1YQJ-EvBersasMIs3g\\=\\= .vTpei3pQPcHeNq-Gl8fQGA\\=\\= ._7lJFhWF4i43N0AvjsMvwew\\=\\= ul li{margin-bottom:0}}","",{version:3,sources:["webpack://./src/components/pages/contact-us/contact-us.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,4BACE,qBAAA,CACA,gBAAA,CCoCA,yCDtCF,4BAII,gBAAA,CAAA,CAEF,wDACE,mCAAA,CACA,aAAA,CEfF,YAAA,CACA,qBFe0B,CACxB,qBAAA,CACA,8BAAA,CAEA,+DACE,aAAA,CACA,mEACE,SAAA,CACA,2IACE,kBAAA,CACA,gBAAA,CACA,kBAAA,CACA,qBAAA,CAEF,oFACE,YAAA,CAKN,qFACE,UAAA,CACA,kBAAA,CACA,qBAAA,CACA,kCAAA,CCKJ,yCDTE,qFEpCF,YAAA,CACA,kBFyC8B,CACxB,qBAAA,CAAA,CAGJ,sFACE,eAAA,CACA,SAAA,CACA,wFACE,kBAAA,CACA,gBAAA,CACA,kBAAA,CACA,qBAAA,CACA,iBAAA,CAEF,yFACE,QAAA,CACA,gBAAA,CACA,gBAAA,CACA,kBAAA,CACA,qBAAA,CChBN,yCDCE,sFAkBI,gBAAA,CACA,oBAAA,CAAA,CAGJ,qFACE,UAAA,CAGA,wFACE,UAAA,CEzEN,YAAA,CACA,qBFyE8B,CC7B9B,yCD2BI,wFAII,YAAA,CACA,6BAAA,CACA,eAAA,CAAA,CCjCR,0CD2BI,wFASI,iCAAA,CAAA,CAEF,2FACE,oBAAA,CCvCR,yCDsCM,2FAGI,eAAA,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.pageContainer {\n background-color: white;\n padding: 6rem 0 0;\n @include min(laptop) {\n padding: 8rem 0 0;\n }\n .contactUsContainer {\n max-width: var(--main-container-max);\n margin: 0 auto;\n @include flex-direction(column);\n padding: 1.6rem 2.4rem;\n background-color: transparent;\n\n header{\n padding-top: 0;\n > div{\n padding: 0;\n a, li{\n font-weight: normal;\n font-size: 1.4rem;\n line-height: 2.4rem;\n color:var(--color-41);\n }\n div:last-of-type{\n display: none;\n }\n }\n }\n\n .contactBox {\n width: 100%;\n padding-top: 1.2rem;\n padding-bottom: 4.6rem;\n border-radius: var(--border-radius);\n @include min(tablet) {\n @include flex-direction(row);\n padding-bottom: 3.3rem;\n }\n }\n .formWrapper {\n flex-basis: 100%;\n padding: 0;\n p {\n font-weight: normal;\n font-size: 1.6rem;\n line-height: 2.4rem;\n color: var(--color-38);\n padding-top: 0.8rem;\n }\n h1 {\n margin: 0;\n font-weight: bold;\n font-size: 3.6rem;\n line-height: 4.6rem;\n color: var(--color-33);\n }\n @include min(tablet) {\n flex-basis: 61rem;\n padding-right: 3.3rem;\n }\n }\n .authors {\n width: 100%;\n @include min(desktop) {\n }\n ul {\n width: 100%;\n @include flex-direction(column);\n @include min(tablet) {\n display: grid;\n grid-template-columns: 1fr 1fr;\n grid-gap: 1.6rem;\n }\n @include min(desktop) {\n grid-template-columns: 1fr 1fr 1fr;\n }\n li {\n margin-bottom: 1.6rem;\n @include min(tablet) {\n margin-bottom: 0;\n }\n }\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\n// Hover\n// that allows you only to apply styles on devices with hover capability\n@mixin hover-device() {\n @media (hover: hover) {\n &:hover {\n @content;\n }\n }\n}\n","@mixin flex-align($align-items, $justify-content) {\n display: flex;\n align-items: $align-items;\n justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n display: flex;\n flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n #{$overflow-type}: $overflow-value;\n -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n background: $bgcolor;\n border-radius: 100px;\n color: $text-color;\n font-weight: 700;\n @include flex-align(center, center);\n padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n color: $color;\n\n &:hover {\n color: $color;\n }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n float: $direction;\n @if $direction == right {\n margin: 0 0 1em 1em;\n } @else {\n margin: 0 1em 1em 0;\n }\n}\n\n@mixin content-img-align($direction: center, $spacing: 1em) {\n display: block;\n @if $direction == right {\n margin: $spacing 0 $spacing auto;\n } @else if $direction == left {\n margin: $spacing auto $spacing 0;\n } @else {\n margin: $spacing auto;\n }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n position: relative;\n &:after {\n top: 100%;\n left: 50%;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-color: rgba(0, 0, 0, 0);\n border-top: $height solid $color;\n border-right: calc($width / 2) solid transparent;\n border-left: calc($width / 2) solid transparent;\n margin-left: - calc($width / 2);\n }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n &:hover {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n }\n}\n\n@mixin sportBtn($color1, $color2) {\n background: linear-gradient(to bottom, $color1 0, $color2 100%);\n &:hover {\n background: linear-gradient(to bottom, $color2 0, $color1 100%);\n }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n line-height: $line-height;\n width: $width;\n font-weight: normal;\n display: inline-block;\n color: $fill-color;\n font-size: 15px;\n position: relative;\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n &:last-child {\n margin-right: 0;\n }\n &:before {\n content: '\\2605';\n }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n line-height: 2rem;\n width: 16px;\n font-weight: normal;\n display: inline-block;\n color: $half-full-color;\n font-size: 15px;\n position: relative;\n &:before {\n content: '\\2605';\n }\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n &:after {\n content: '\\2605';\n color: $half-empty-color;\n position: absolute;\n width: 7px;\n overflow: hidden;\n bottom: 0;\n left: 0;\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={pageContainer:"rgPE1YQJ-EvBersasMIs3g==",contactUsContainer:"vTpei3pQPcHeNq-Gl8fQGA==",contactBox:"n98KpdDUTDk1N39kyMk+rA==",formWrapper:"YIB6+f7MTseAIjyOS+BJ7A==",authors:"_7lJFhWF4i43N0AvjsMvwew=="},__webpack_exports__.Z=___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/gatsby-core-theme/components/atoms/info-grid/info-grid.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";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,".info_grid{background:#f3f2f2}.wt4RWphjryl\\+zTuNX-4fcg\\=\\={position:relative}.wt4RWphjryl\\+zTuNX-4fcg\\=\\= button{-webkit-tap-highlight-color:rgba(0,0,0,0)}@media only screen and (min-width:768px){.wt4RWphjryl\\+zTuNX-4fcg\\=\\= button{display:none}}.wt4RWphjryl\\+zTuNX-4fcg\\=\\= button svg{border:1px solid #ccc;border-radius:50%;height:3rem;width:3rem}.wt4RWphjryl\\+zTuNX-4fcg\\=\\= .OMdQboVxwBQn0JfqSOh0ew\\=\\={position:absolute;left:1rem;top:0;bottom:0}.wt4RWphjryl\\+zTuNX-4fcg\\=\\= .z-41ltYlFQCIklGrlHMy\\+Q\\=\\={position:absolute;right:2rem;top:0;bottom:0}.wt4RWphjryl\\+zTuNX-4fcg\\=\\= .W19NSVENjMCSXVu73uBbuQ\\=\\={display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:1.9rem;margin-top:1rem}@media only screen and (max-width:767px){.wt4RWphjryl\\+zTuNX-4fcg\\=\\= .W19NSVENjMCSXVu73uBbuQ\\=\\={overflow-x:scroll;position:relative;transition:1s;scroll-behavior:smooth}.wt4RWphjryl\\+zTuNX-4fcg\\=\\= .W19NSVENjMCSXVu73uBbuQ\\=\\=::-webkit-scrollbar{display:none}}.wt4RWphjryl\\+zTuNX-4fcg\\=\\= .mkW6heMcTv2Vp-EN9pmezA\\=\\={margin-top:1rem;display:grid;grid-template-rows:repeat(3, 1fr);grid-gap:1.5rem}.wt4RWphjryl\\+zTuNX-4fcg\\=\\= .KX0OPWQK7YgJpRqslwba\\+w\\=\\={border-left:.8rem solid var(--info-grid-border-left-color);padding:1.4rem 1.5rem;border-radius:.6rem 0 0 .6rem;background-color:var(--info-grid-backgorund-color)}@media only screen and (max-width:767px){.wt4RWphjryl\\+zTuNX-4fcg\\=\\= .KX0OPWQK7YgJpRqslwba\\+w\\=\\={width:92vw}}.wt4RWphjryl\\+zTuNX-4fcg\\=\\= .KX0OPWQK7YgJpRqslwba\\+w\\=\\= span{float:left;clear:left;color:#08202e}.wt4RWphjryl\\+zTuNX-4fcg\\=\\= .KX0OPWQK7YgJpRqslwba\\+w\\=\\= span:first-of-type{font-size:1.8rem;line-height:1.8rem;font-weight:700;margin-bottom:.5rem}.wt4RWphjryl\\+zTuNX-4fcg\\=\\= .KX0OPWQK7YgJpRqslwba\\+w\\=\\= span:nth-of-type(2){font-size:1.6rem;line-height:2.4rem;margin-bottom:1.5rem}","",{version:3,sources:["webpack://./src/gatsby-core-theme/components/atoms/info-grid/info-grid.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAgBE,WACE,kBAAA,CAIJ,6BACE,iBAAA,CACA,oCACE,yCAAA,CC4BF,yCD7BA,oCAGI,YAAA,CAAA,CAEF,wCACE,qBAAA,CACA,iBAAA,CACA,WAAA,CACA,UAAA,CAGJ,yDACE,iBAAA,CACA,SAAA,CACA,KAAA,CACA,QAAA,CAEF,0DACE,iBAAA,CACA,UAAA,CACA,KAAA,CACA,QAAA,CAEF,yDAUE,YAAA,CACA,oCAAA,CACA,eAAA,CACA,eAAA,CCDF,yCDZA,yDAEI,iBAAA,CACA,iBAAA,CACA,aAAA,CACA,sBAAA,CACA,4EACE,YAAA,CAAA,CASN,yDACE,eAAA,CACA,YAAA,CACA,iCAAA,CACA,eAAA,CAGF,0DACE,0DAAA,CACA,qBAAA,CACA,6BAAA,CACA,kDAAA,CCfF,yCDWA,0DAMI,UAAA,CAAA,CAGF,+DACE,UAAA,CACA,UAAA,CACA,aAAA,CAGF,6EACE,gBAAA,CACA,kBAAA,CACA,eAAA,CACA,mBAAA,CAGF,8EACE,gBAAA,CACA,kBAAA,CACA,oBAAA",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:global {\n // TODO: Remove line 1 - 6 when background color fields in Hercules are added\n .info_grid {\n background: #f3f2f2;\n }\n}\n\n.container {\n position: relative;\n button {\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n @include min(tablet){\n display: none;\n }\n svg {\n border: 1px solid #ccc;\n border-radius: 50%;\n height: 3rem;\n width: 3rem;\n }\n }\n .prev {\n position: absolute;\n left: 1rem;\n top: 0;\n bottom: 0;\n }\n .next {\n position: absolute;\n right: 2rem;\n top: 0;\n bottom: 0;\n }\n .grid {\n @include max(mobile) {\n overflow-x: scroll;\n position: relative;\n transition: 1s;\n scroll-behavior: smooth;\n &::-webkit-scrollbar {\n display: none;\n }\n }\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n grid-gap: 1.9rem;\n margin-top: 1rem;\n }\n\n .verticalGrid {\n margin-top: 1rem;\n display: grid;\n grid-template-rows: repeat(3, 1fr);\n grid-gap: 1.5rem;\n }\n\n .gridItem {\n border-left: 0.8rem solid var(--info-grid-border-left-color);\n padding: 1.4rem 1.5rem;\n border-radius: 0.6rem 0 0 0.6rem;\n background-color: var(--info-grid-backgorund-color);\n @include max(mobile) {\n width: 92vw;\n }\n\n span {\n float: left;\n clear: left;\n color: #08202e;\n }\n\n span:first-of-type {\n font-size: 1.8rem;\n line-height: 1.8rem;\n font-weight: 700;\n margin-bottom: 0.5rem;\n }\n\n span:nth-of-type(2) {\n font-size: 1.6rem;\n line-height: 2.4rem;\n margin-bottom: 1.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\n// Hover\n// that allows you only to apply styles on devices with hover capability\n@mixin hover-device() {\n @media (hover: hover) {\n &:hover {\n @content;\n }\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={container:"wt4RWphjryl+zTuNX-4fcg==",prev:"OMdQboVxwBQn0JfqSOh0ew==",next:"z-41ltYlFQCIklGrlHMy+Q==",grid:"W19NSVENjMCSXVu73uBbuQ==",verticalGrid:"mkW6heMcTv2Vp-EN9pmezA==",gridItem:"KX0OPWQK7YgJpRqslwba+w=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"./static/images/popup-bg.webp":function(module,__unused_webpack_exports,__webpack_require__){"use strict";module.exports=__webpack_require__.p+"static/media/popup-bg.51d14d2d.webp"},"./storybook-images/summaryBackground.jpeg":function(module,__unused_webpack_exports,__webpack_require__){"use strict";module.exports=__webpack_require__.p+"static/media/summaryBackground.92dfe7de.jpeg"},"?d91c":function(){}},function(__webpack_require__){var __webpack_exec__=function(moduleId){return __webpack_require__(__webpack_require__.s=moduleId)};__webpack_require__.O(0,[455],(function(){return __webpack_exec__("../node_modules/@storybook/core-client/dist/esm/globals/polyfills.js"),__webpack_exec__("../node_modules/@storybook/core-client/dist/esm/globals/globals.js"),__webpack_exec__("./storybook-init-framework-entry.js"),__webpack_exec__("../node_modules/@storybook/addon-docs/dist/esm/frameworks/common/config.js-generated-config-entry.js"),__webpack_exec__("../node_modules/@storybook/addon-docs/dist/esm/frameworks/react/config.js-generated-config-entry.js"),__webpack_exec__("../node_modules/@storybook/react/dist/esm/client/preview/config-generated-config-entry.js"),__webpack_exec__("../node_modules/@storybook/addon-links/dist/esm/preset/addDecorator.js-generated-config-entry.js"),__webpack_exec__("../node_modules/@storybook/addon-actions/dist/esm/preset/addDecorator.js-generated-config-entry.js"),__webpack_exec__("../node_modules/@storybook/addon-actions/dist/esm/preset/addArgs.js-generated-config-entry.js"),__webpack_exec__("../node_modules/@storybook/addon-backgrounds/dist/esm/preset/addDecorator.js-generated-config-entry.js"),__webpack_exec__("../node_modules/@storybook/addon-backgrounds/dist/esm/preset/addParameter.js-generated-config-entry.js"),__webpack_exec__("../node_modules/@storybook/addon-measure/dist/esm/preset/addDecorator.js-generated-config-entry.js"),__webpack_exec__("../node_modules/@storybook/addon-outline/dist/esm/preset/addDecorator.js-generated-config-entry.js"),__webpack_exec__("./.storybook/preview.js-generated-config-entry.js"),__webpack_exec__("./generated-stories-entry.js")}));__webpack_require__.O()}]);
|