gatsby-matrix-theme 53.2.7 → 53.2.8

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/package.json +2 -2
  3. package/src/gatsby-core-theme/helpers/server-data.js +2 -2
  4. package/storybook/public/563.e1e66d81.iframe.bundle.js +1 -0
  5. package/storybook/public/582.966b7510.iframe.bundle.js +1 -0
  6. package/storybook/public/604.1ff7045f.iframe.bundle.js +1 -0
  7. package/storybook/public/{717.63a597c7.iframe.bundle.js → 717.250d3e86.iframe.bundle.js} +4 -4
  8. package/storybook/public/{717.63a597c7.iframe.bundle.js.map → 717.250d3e86.iframe.bundle.js.map} +1 -1
  9. package/storybook/public/776.71c64a44.iframe.bundle.js +1 -0
  10. package/storybook/public/777.426e8bf9.iframe.bundle.js +1 -0
  11. package/storybook/public/941.3c72fb77.iframe.bundle.js +1 -0
  12. package/storybook/public/942.7a3b5e99.iframe.bundle.js +1 -0
  13. package/storybook/public/943.3f7c32be.iframe.bundle.js +1 -0
  14. package/storybook/public/iframe.html +1 -1
  15. package/storybook/public/main.850a645b.iframe.bundle.js +1 -0
  16. package/storybook/public/project.json +2 -1
  17. package/storybook/public/{runtime~main.f3a5bb31.iframe.bundle.js → runtime~main.f1439b4c.iframe.bundle.js} +1 -1
  18. package/storybook/public/563.a3a067bc.iframe.bundle.js +0 -1
  19. package/storybook/public/582.f442a86e.iframe.bundle.js +0 -1
  20. package/storybook/public/604.f5d9235e.iframe.bundle.js +0 -1
  21. package/storybook/public/776.aa2fb07e.iframe.bundle.js +0 -1
  22. package/storybook/public/777.a62d8c28.iframe.bundle.js +0 -1
  23. package/storybook/public/941.4b5a2816.iframe.bundle.js +0 -1
  24. package/storybook/public/942.7deca466.iframe.bundle.js +0 -1
  25. package/storybook/public/943.ea716a5f.iframe.bundle.js +0 -1
  26. package/storybook/public/main.48c97eba.iframe.bundle.js +0 -1
  27. /package/storybook/public/{717.63a597c7.iframe.bundle.js.LICENSE.txt → 717.250d3e86.iframe.bundle.js.LICENSE.txt} +0 -0
package/storybook/public/943.ea716a5f.iframe.bundle.js DELETED
@@ -1 +0,0 @@
1
- "use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[943],{"./src/components/molecules/sportstake/lotto-module/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>sportstake_lotto_module});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),tabs=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/tabs/index.js"),keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.js"),header_operator_bannner=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/header-operator-bannner/index.js"),pretty_link=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/pretty-link/index.js"),useTranslate=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/useTranslate/useTranslate.js"),tracking_api=__webpack_require__("../node_modules/gatsby-core-theme/src/constants/tracking-api.js"),lotto=__webpack_require__("./src/gatsby-core-theme/helpers/lotto.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),lotto_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/sportstake/lotto-module/winning-numbers/lotto.module.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(lotto_module.A,options);const winning_numbers_lotto_module=lotto_module.A.locals||{};var WinningNumbers=function(_ref){var label,_label$charAt,upperCase,data=_ref.data,template=_ref.template,_ref$operator=_ref.operator,operator=void 0===_ref$operator?null:_ref$operator,modulePosition=_ref.modulePosition,balls=((null==data?void 0:data.drawDetails)||{}).balls,imageName="daily-lotto"!==(null==data?void 0:data.lottery)?null==data?void 0:data.lottery:"lotto";return react.createElement("div",{className:winning_numbers_lotto_module.lottoContainer},react.createElement("div",{className:winning_numbers_lotto_module.body},react.createElement("p",{className:winning_numbers_lotto_module.rowTitle},react.createElement("span",{className:winning_numbers_lotto_module.region},`${(0,useTranslate.A)(`${data.lottery}_country`,"South Africa")} - ${label=null==data?void 0:data.lottery,upperCase=(null==label||null===(_label$charAt=label.charAt(0))||void 0===_label$charAt?void 0:_label$charAt.toUpperCase())+(null==label?void 0:label.slice(1)),upperCase&&upperCase.replaceAll("-"," ")}`),react.createElement("span",{className:winning_numbers_lotto_module.date},(0,lotto.Yq)(null==data?void 0:data.drawDate))),react.createElement("div",{className:winning_numbers_lotto_module.imgContainer},react.createElement("img",{src:`../../../../../images/${imageName}.png`,alt:`${null==data?void 0:data.lottery}-lottery`,width:167,height:57})),react.createElement("ul",{className:winning_numbers_lotto_module.numbersWrapper},Object.entries(balls).map((function(value){return react.createElement("li",{key:(0,keygen.A)(),className:`${winning_numbers_lotto_module.number} ${"bonus"===value[0]?winning_numbers_lotto_module.bonusBall:""}`},value[1])})))),react.createElement("div",{className:winning_numbers_lotto_module.informationBlock},react.createElement("div",{className:winning_numbers_lotto_module.logoContainer},react.createElement("img",{width:20,height:20,alt:"trophy",src:"../../../../../images/trophy.png"})),react.createElement("div",{className:winning_numbers_lotto_module.infoText},react.createElement("p",{className:winning_numbers_lotto_module.label},(0,useTranslate.A)("no_winners","There were no winners this week.")),react.createElement(pretty_link.A,{operator,pageTemplate:template,moduleName:null===tracking_api.E||void 0===tracking_api.E?void 0:tracking_api.E.LOTTO,modulePosition,rel:"nofollow noreferrer sponsored",clickedElement:"lotto_text"},react.createElement("p",{className:winning_numbers_lotto_module.linkCta},(0,useTranslate.A)("get_tickets","Get your ticket in for the next draw!"))))),operator&&react.createElement("div",{className:winning_numbers_lotto_module.bonusBox},react.createElement(header_operator_bannner.A,{operator,moduleName:null===tracking_api.E||void 0===tracking_api.E?void 0:tracking_api.E.LOTTO,modulePosition})))};WinningNumbers.displayName="WinningNumbers",WinningNumbers.__docgenInfo={description:"",methods:[],displayName:"WinningNumbers",props:{operator:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"shape",value:{}},required:!1},data:{description:"",type:{name:"shape",value:{drawDetails:{name:"shape",value:{},required:!1},lottery:{name:"string",required:!1},drawDate:{name:"string",required:!1}}},required:!1},template:{description:"",type:{name:"string"},required:!1},modulePosition:{description:"",type:{name:"number"},required:!1}}};const winning_numbers=WinningNumbers;WinningNumbers.propTypes={data:prop_types_default().shape({drawDetails:prop_types_default().shape({}),lottery:prop_types_default().string,drawDate:prop_types_default().string}),operator:prop_types_default().shape({}),template:prop_types_default().string,modulePosition:prop_types_default().number},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/molecules/sportstake/lotto-module/winning-numbers/index.js"]={name:"WinningNumbers",docgenInfo:WinningNumbers.__docgenInfo,path:"src/components/molecules/sportstake/lotto-module/winning-numbers/index.js"});var operator_cta=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/button/operator-cta.js"),rollover_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/sportstake/lotto-module/rollover/rollover.module.scss"),rollover_module_options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(rollover_module.A,rollover_module_options);const rollover_rollover_module=rollover_module.A.locals||{};var Rollover=function(_ref){var _data$drawDetails,data=_ref.data,lotteryName=_ref.lotteryName,_ref$operator=_ref.operator,operator=void 0===_ref$operator?null:_ref$operator,template=_ref.template,_ref2=(null==data?void 0:data.more_info)||{},rolloverAmount=_ref2.rolloverAmount,totalSales=_ref2.totalSales,estimatedJackpot=_ref2.estimatedJackpot,totalPrizePool=_ref2.totalPrizePool,rolloverNumber=((null==data?void 0:data.more_info)||{}).rolloverNumber,drawMachine=null==data||null===(_data$drawDetails=data.drawDetails)||void 0===_data$drawDetails?void 0:_data$drawDetails.drawMachine,nextDrawDate=null==data?void 0:data.nextDrawDate,ctaText=(0,lotto.EB)(lotteryName,"rollover"),rows=[{title:"Rollover amount for next draw:",value:rolloverAmount=`R${(0,lotto.Hp)(parseFloat(rolloverAmount))}`},{title:"This is rollover number:",value:rolloverNumber},{title:"Draw Machine:",value:drawMachine,redColor:!0},{title:"Total prize pool for this draw:",value:totalPrizePool=`R${(0,lotto.Hp)(parseFloat(totalPrizePool))}`},{title:"Total sales:",value:totalSales=`R${(0,lotto.Hp)(parseFloat(totalSales))}`},{title:"Next Estimated Jackpot:",value:estimatedJackpot=`R${(0,lotto.Hp)(parseFloat(estimatedJackpot))}`,redColor:!0},{title:"Next Draw Date:",value:(0,lotto.Yq)(nextDrawDate)}];return react.createElement("div",{className:rollover_rollover_module.rolloverContainer},rows.map((function(item){return react.createElement("div",{key:(0,keygen.A)(),className:`${rollover_rollover_module.rollover} ${item.redColor&&rollover_rollover_module.red}`},react.createElement("p",null,item.title),react.createElement("h2",null,item.value))})),operator&&react.createElement("div",{className:rollover_rollover_module.buttonContainer},react.createElement(operator_cta.A,{moduleName:null===tracking_api.E||void 0===tracking_api.E?void 0:tracking_api.E.LOTTO,operator,pageTemplate:template,translationsObj:{active:{translationKey:`${lotteryName}_rollover`,defaultValue:ctaText||"Visit"},not_recommended:{translationKey:"not_recommended",defaultValue:"Not Recommended"},coming_soon:{translationKey:"coming_soon",defaultValue:"Soon Available"},inactive:{translationKey:"inactive",defaultValue:"Not Accepting New Players"},blacklisted:{translationKey:"blacklisted",defaultValue:"Blacklisted"}}})))};Rollover.displayName="Rollover",Rollover.__docgenInfo={description:"",methods:[],displayName:"Rollover",props:{operator:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"shape",value:{}},required:!1},data:{description:"",type:{name:"shape",value:{more_info:{name:"shape",value:{},required:!1},drawDetails:{name:"shape",value:{drawMachine:{name:"string",required:!1}},required:!1},nextDrawDate:{name:"string",required:!1}}},required:!1},lotteryName:{description:"",type:{name:"string"},required:!1},template:{description:"",type:{name:"string"},required:!1}}};const rollover=Rollover;Rollover.propTypes={data:prop_types_default().shape({more_info:prop_types_default().shape({}),drawDetails:prop_types_default().shape({drawMachine:prop_types_default().string}),nextDrawDate:prop_types_default().string}),lotteryName:prop_types_default().string,operator:prop_types_default().shape({}),template:prop_types_default().string},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/molecules/sportstake/lotto-module/rollover/index.js"]={name:"Rollover",docgenInfo:Rollover.__docgenInfo,path:"src/components/molecules/sportstake/lotto-module/rollover/index.js"});var lotto_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/molecules/sportstake/lotto-module/lotto-table/lotto-table.module.scss"),lotto_table_module_options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(lotto_table_module.A,lotto_table_module_options);const lotto_table_lotto_table_module=lotto_table_module.A.locals||{};var LottoTable=function(_ref){var data=_ref.data,lotteryName=_ref.lotteryName,_ref$operator=_ref.operator,operator=void 0===_ref$operator?null:_ref$operator,template=_ref.template,ctaText=(0,lotto.EB)(lotteryName,"lottoTable"),divs=((null==data?void 0:data.drawDetails)||{}).divs,splitIndex=divs&&Math.ceil(Object.values(divs).length/2),divArr1=divs?Object.values(divs).slice(0,splitIndex):[],divArr2=divs?Object.values(divs).slice(splitIndex,divs.length):[],labels=(0,lotto.Ur)(lotteryName);return react.createElement("div",{className:lotto_table_lotto_table_module.tableWrapper},react.createElement("div",{className:lotto_table_lotto_table_module.firstBox},null==divArr1?void 0:divArr1.map((function(div,index){var _labels$index,hasWinners=Number(null==div?void 0:div.winners);return react.createElement("div",{key:(0,keygen.A)(),className:lotto_table_lotto_table_module.tableRow},react.createElement("p",{className:lotto_table_lotto_table_module.labelName},null===(_labels$index=labels[index])||void 0===_labels$index?void 0:_labels$index.title),react.createElement("p",{className:lotto_table_lotto_table_module.tableValue},`${null==div?void 0:div.winners} Winners ${hasWinners?`- R${(0,lotto.Hp)(parseFloat(null==div?void 0:div.payout))}`:""}`))}))),react.createElement("div",{className:lotto_table_lotto_table_module.secondBox},null==divArr2?void 0:divArr2.map((function(div,index){var _labels,hasWinners=Number(null==div?void 0:div.winners);return react.createElement("div",{key:(0,keygen.A)(),className:lotto_table_lotto_table_module.tableRow},react.createElement("p",{className:lotto_table_lotto_table_module.labelName},null===(_labels=labels[index+splitIndex])||void 0===_labels?void 0:_labels.title),react.createElement("p",{className:lotto_table_lotto_table_module.tableValue},`${null==div?void 0:div.winners} Winners ${hasWinners?`- R${(0,lotto.Hp)(parseFloat(null==div?void 0:div.payout))}`:""}`))}))),operator&&react.createElement("div",{className:lotto_table_lotto_table_module.btnContainer},react.createElement(operator_cta.A,{operator,pageTemplate:template,moduleName:null===tracking_api.E||void 0===tracking_api.E?void 0:tracking_api.E.LOTTO,translationsObj:{active:{translationKey:`${lotteryName}_lottoTable`,defaultValue:ctaText||"Visit"},not_recommended:{translationKey:"not_recommended",defaultValue:"Not Recommended"},coming_soon:{translationKey:"coming_soon",defaultValue:"Soon Available"},inactive:{translationKey:"inactive",defaultValue:"Not Accepting New Players"},blacklisted:{translationKey:"blacklisted",defaultValue:"Blacklisted"}}})))};LottoTable.displayName="LottoTable",LottoTable.__docgenInfo={description:"",methods:[],displayName:"LottoTable",props:{operator:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"shape",value:{}},required:!1},data:{description:"",type:{name:"shape",value:{drawDetails:{name:"shape",value:{},required:!1}}},required:!1},lotteryName:{description:"",type:{name:"string"},required:!1},template:{description:"",type:{name:"string"},required:!1}}};const lotto_table=LottoTable;LottoTable.propTypes={data:prop_types_default().shape({drawDetails:prop_types_default().shape({})}),lotteryName:prop_types_default().string,operator:prop_types_default().shape({}),template:prop_types_default().string},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/molecules/sportstake/lotto-module/lotto-table/index.js"]={name:"LottoTable",docgenInfo:LottoTable.__docgenInfo,path:"src/components/molecules/sportstake/lotto-module/lotto-table/index.js"});var services=__webpack_require__("./src/gatsby-core-theme/helpers/services.js"),lotto_module_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/sportstake/lotto-module/lotto-module.module.scss"),lotto_module_module_options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(lotto_module_module.A,lotto_module_module_options);const lotto_module_lotto_module_module=lotto_module_module.A.locals||{};function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||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(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n}var LottoModule=function(_ref){var serverData=_ref.serverData,page=_ref.page,module=_ref.module,modulePosition=_ref.modulePosition,_ref2=page||{},template=_ref2.template,extraFields=_ref2.extra_fields,moduleName=module.name,operator=(extraFields||{}).operator,latestDrawResults=serverData.latestDrawResults,reorderedDates=serverData.reorderedDates,daysOfWeek=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],monthsOfYear=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],_useState2=_slicedToArray((0,react.useState)(latestDrawResults),2),tabData=_useState2[0],setTabData=_useState2[1];return react.createElement(tabs.A,{showAll:!1,showNumberOfResults:!0,headerClass:"sportstakeTabs",activeTabClass:"sportstakeTabsActive",onTabChange:async function(tabId){var apiBaseNames=(0,lotto.OQ)(moduleName),idIndex="daily_lotto"===moduleName?2:1,lottoId=reorderedDates[tabId.split("_")[1]]._id.split("-")[idIndex];setTabData(await Promise.all(apiBaseNames.map((function(name){return(0,services.fu)(`${name}-${lottoId}`)}))))},activeIndex:0},reorderedDates&&reorderedDates.map((function(date,index){var label=0===index?"Latest":daysOfWeek[new Date(date.drawDate).getDay()],results=`${monthsOfYear[new Date(date.drawDate).getMonth()]} ${new Date(date.drawDate).getDate()}`;return react.createElement("div",{label,results,key:tabData,className:`${lotto_module_lotto_module_module.sportstake}`},tabData&&tabData.map((function(draw){return react.createElement("div",{className:lotto_module_lotto_module_module.row},react.createElement(winning_numbers,{data:draw,lotteryName:draw.lottery,template,operator,modulePosition}),react.createElement(rollover,{data:draw,lotteryName:draw.lottery,template}),react.createElement(lotto_table,{data:draw,lotteryName:draw.lottery,template}))})))})))};LottoModule.displayName="LottoModule",LottoModule.__docgenInfo={description:"",methods:[],displayName:"LottoModule",props:{page:{description:"",type:{name:"shape",value:{template:{name:"string",required:!1},extra_fields:{name:"shape",value:{operator:{name:"shape",value:{},required:!1}},required:!1}}},required:!1},serverData:{description:"",type:{name:"shape",value:{reorderedDates:{name:"arrayOf",value:{name:"shape",value:{}},required:!1},latestDrawResults:{name:"arrayOf",value:{name:"shape",value:{}},required:!1}}},required:!1},module:{description:"",type:{name:"shape",value:{name:{name:"string",required:!1}}},required:!1},modulePosition:{description:"",type:{name:"number"},required:!1}}};const sportstake_lotto_module=LottoModule;LottoModule.propTypes={page:prop_types_default().shape({template:prop_types_default().string,extra_fields:prop_types_default().shape({operator:prop_types_default().shape({})})}),serverData:prop_types_default().shape({reorderedDates:prop_types_default().arrayOf(prop_types_default().shape({})),latestDrawResults:prop_types_default().arrayOf(prop_types_default().shape({}))}),module:prop_types_default().shape({name:prop_types_default().string}),modulePosition:prop_types_default().number},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/molecules/sportstake/lotto-module/index.js"]={name:"LottoModule",docgenInfo:LottoModule.__docgenInfo,path:"src/components/molecules/sportstake/lotto-module/index.js"})},"./src/gatsby-core-theme/helpers/services.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{fu:()=>getResultsById});var process=__webpack_require__("../node_modules/process/browser.js"),getResultsById=async function(lotteryId){var res=await fetch(`${process.env.LOTTERY_API_URL}results/${lotteryId}`).catch((function(){return null}));return(res?await res.json():{success:!1}).data}},"../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/sportstake/lotto-module/lotto-module.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".JFp7f8cy0RUol1ZF8Lt10Q\\=\\={margin-bottom:.8rem;margin-top:3.2rem;font-size:1.8rem;line-height:3rem}.LvLpdosC-7jpvPFNv534TA\\=\\={display:grid}@media only screen and (min-width:768px){.LvLpdosC-7jpvPFNv534TA\\=\\={column-gap:1.6rem;grid-template-columns:repeat(2, 1fr)}}","",{version:3,sources:["webpack://./src/components/molecules/sportstake/lotto-module/lotto-module.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAcA,4BACE,mBAAA,CACA,iBAAA,CACA,gBAAA,CACA,gBAAA,CAGF,4BACE,YAAA,CC8BA,yCD/BF,4BAII,iBAAA,CACA,oCAAA,CAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order";\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/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.resultText {\n margin-bottom: 0.8rem;\n margin-top: 3.2rem;\n font-size: 1.8rem;\n line-height: 3rem;\n}\n\n.row {\n display: grid;\n \n @include min(tablet) {\n column-gap: 1.6rem;\n grid-template-columns: repeat(2, 1fr);\n }\n}',"$media-query-sizes: (\n mobile-s: (\n min: 320px,\n max: 374px,\n ),\n mobile-m: (\n min: 375px,\n max: 424px,\n ),\n mobile: (\n min: 425px,\n max: 767px,\n ),\n tablet: (\n min: 768px,\n max: 991px,\n ),\n laptop: (\n min: 992px,\n max: 1199px,\n ),\n desktop: (\n min: 1200px,\n ),\n);\n\n// Get media query sizes\n$screen: 'only screen';\n@function media-query($media, $optional-media: '', $min: true) {\n $media-label: '';\n\n @if ($optional-media != '') {\n $media-sizes-min: map-get($media-query-sizes, $media);\n $media-sizes-max: map-get($media-query-sizes, $optional-media);\n $media-label: $screen +\n \" and (min-width:#{map-get($media-sizes-min, 'min')}) and (max-width:#{map-get($media-sizes-max, 'max')})\";\n } @else {\n $query: 'max';\n\n @if ($min) {\n $query: 'min';\n }\n\n $media-sizes: map-get($media-query-sizes, $media);\n $media-label: $screen + ' and (#{$query}-width:#{map-get($media-sizes, $query)})';\n }\n\n @return $media-label;\n}\n\n// Min media query\n@mixin min($media) {\n @media #{media-query($media)} {\n @content;\n }\n}\n\n// Max media query\n@mixin max($media) {\n @media #{media-query($media, '', false)} {\n @content;\n }\n}\n\n// Min & max media query\n@mixin min-max($min, $max) {\n @media #{media-query($min, $max)} {\n @content;\n }\n}\n\n// Use this ONLY if you need a media query that doesn't fit the $media-query-sizes breakpoints above\n// Pass number, for example @include custom-min(992)\n@mixin custom-min($min) {\n @media #{$screen} and (min-width: #{$min}px) {\n @content;\n }\n}\n\n@mixin custom-max($max) {\n @media #{$screen} and (max-width: #{$max}px) {\n @content;\n }\n}\n\n@mixin custom-min-max($min, $max) {\n @media #{$screen} and (min-width: #{$min}px) and (max-width: #{$max}px) {\n @content;\n }\n}\n\n// Landscape\n// (If we find more use cases of this in the future, might want to refactor this and include it in the media-query function for $screen)\n// Pass number\n$landscape: 'screen and (orientation:landscape)';\n\n@mixin landscape-max($max) {\n @media #{$landscape} and (max-width: #{$max}px) {\n @content;\n }\n}\n\n@mixin landscape-min($min) {\n @media #{$landscape} and (min-width: #{$min}px) {\n @content;\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={resultText:"JFp7f8cy0RUol1ZF8Lt10Q==",row:"LvLpdosC-7jpvPFNv534TA=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/molecules/sportstake/lotto-module/lotto-table/lotto-table.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"._0ishpIsi2LODidNW6leLCw\\=\\={display:grid;grid-template-columns:repeat(1, 1fr);margin-top:2.4rem;padding:1.6rem;background-color:var(--lotto-box-bg-color, #ececf6);border-radius:.8rem;grid-row:2/3;margin-bottom:2.4rem}@media only screen and (min-width:768px){._0ishpIsi2LODidNW6leLCw\\=\\={grid-template-columns:repeat(2, 1fr);grid-column:1/3;padding:1.6rem 0 2.4rem 1.6rem;height:fit-content}}.JCWVQXgW0DbgWReEf1X3FA\\=\\=,._9zzPQAEH8Zq-k32e3DDz3w\\=\\={height:fit-content}@media only screen and (min-width:768px){.rP4nJko6KDvNY-hRVLaXhQ\\=\\={margin-bottom:1.6rem}.rP4nJko6KDvNY-hRVLaXhQ\\=\\=:last-child{margin-bottom:0}}.BP09TMIcNQaNtSbA\\+AX\\+dg\\=\\={font-size:1.6rem;line-height:2.4rem;margin-bottom:.8rem}.qrhKsZBWckjUS8EZkaLg5g\\=\\={font-size:1.8rem;line-height:2.4rem;font-weight:700}._4sqtWKRxhOYxVZBsotANIA\\=\\={margin-top:2.4rem;max-width:31.1rem}._4sqtWKRxhOYxVZBsotANIA\\=\\=>a{margin-top:0;height:4.8rem;font-weight:700;font-size:2rem;line-height:3rem}","",{version:3,sources:["webpack://./src/components/molecules/sportstake/lotto-module/lotto-table/lotto-table.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAcA,6BACE,YAAA,CACA,oCAAA,CACA,iBAAA,CACA,cAAA,CACA,mDAAA,CACA,mBAAA,CACA,YAAA,CACA,oBAAA,CC8BA,yCDtCF,6BAWI,oCAAA,CACA,eAAA,CACA,8BAAA,CACA,kBAAA,CAAA,CAIJ,yDAEE,kBAAA,CCkBA,yCDfF,4BAEI,oBAAA,CAEA,uCACE,eAAA,CAAA,CAKN,8BACE,gBAAA,CACA,kBAAA,CACA,mBAAA,CAGF,4BACE,gBAAA,CACA,kBAAA,CACA,eAAA,CAGF,6BACE,iBAAA,CACA,iBAAA,CAEA,+BACE,YAAA,CACA,aAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order";\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/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.tableWrapper {\n display: grid;\n grid-template-columns: repeat(1, 1fr);\n margin-top: 2.4rem;\n padding: 1.6rem;\n background-color: var(--lotto-box-bg-color, #ececf6);\n border-radius: 0.8rem;\n grid-row: 2/3;\n margin-bottom: 2.4rem;\n\n @include min(tablet) {\n grid-template-columns: repeat(2, 1fr);\n grid-column: 1/3;\n padding: 1.6rem 0 2.4rem 1.6rem;\n height: fit-content;\n }\n}\n\n.firstBox,\n.secondBox {\n height: fit-content;\n}\n\n.tableRow {\n @include min(tablet) {\n margin-bottom: 1.6rem;\n\n &:last-child {\n margin-bottom: 0;\n }\n }\n}\n\n.labelName {\n font-size: 1.6rem;\n line-height: 2.4rem;\n margin-bottom: 0.8rem;\n}\n\n.tableValue {\n font-size: 1.8rem;\n line-height: 2.4rem;\n font-weight: 700;\n}\n\n.btnContainer {\n margin-top: 2.4rem;\n max-width: 31.1rem;\n\n > a {\n margin-top: 0;\n height: 4.8rem;\n font-weight: 700;\n font-size: 2rem;\n line-height: 3rem;\n }\n}\n',"$media-query-sizes: (\n mobile-s: (\n min: 320px,\n max: 374px,\n ),\n mobile-m: (\n min: 375px,\n max: 424px,\n ),\n mobile: (\n min: 425px,\n max: 767px,\n ),\n tablet: (\n min: 768px,\n max: 991px,\n ),\n laptop: (\n min: 992px,\n max: 1199px,\n ),\n desktop: (\n min: 1200px,\n ),\n);\n\n// Get media query sizes\n$screen: 'only screen';\n@function media-query($media, $optional-media: '', $min: true) {\n $media-label: '';\n\n @if ($optional-media != '') {\n $media-sizes-min: map-get($media-query-sizes, $media);\n $media-sizes-max: map-get($media-query-sizes, $optional-media);\n $media-label: $screen +\n \" and (min-width:#{map-get($media-sizes-min, 'min')}) and (max-width:#{map-get($media-sizes-max, 'max')})\";\n } @else {\n $query: 'max';\n\n @if ($min) {\n $query: 'min';\n }\n\n $media-sizes: map-get($media-query-sizes, $media);\n $media-label: $screen + ' and (#{$query}-width:#{map-get($media-sizes, $query)})';\n }\n\n @return $media-label;\n}\n\n// Min media query\n@mixin min($media) {\n @media #{media-query($media)} {\n @content;\n }\n}\n\n// Max media query\n@mixin max($media) {\n @media #{media-query($media, '', false)} {\n @content;\n }\n}\n\n// Min & max media query\n@mixin min-max($min, $max) {\n @media #{media-query($min, $max)} {\n @content;\n }\n}\n\n// Use this ONLY if you need a media query that doesn't fit the $media-query-sizes breakpoints above\n// Pass number, for example @include custom-min(992)\n@mixin custom-min($min) {\n @media #{$screen} and (min-width: #{$min}px) {\n @content;\n }\n}\n\n@mixin custom-max($max) {\n @media #{$screen} and (max-width: #{$max}px) {\n @content;\n }\n}\n\n@mixin custom-min-max($min, $max) {\n @media #{$screen} and (min-width: #{$min}px) and (max-width: #{$max}px) {\n @content;\n }\n}\n\n// Landscape\n// (If we find more use cases of this in the future, might want to refactor this and include it in the media-query function for $screen)\n// Pass number\n$landscape: 'screen and (orientation:landscape)';\n\n@mixin landscape-max($max) {\n @media #{$landscape} and (max-width: #{$max}px) {\n @content;\n }\n}\n\n@mixin landscape-min($min) {\n @media #{$landscape} and (min-width: #{$min}px) {\n @content;\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={tableWrapper:"_0ishpIsi2LODidNW6leLCw==",firstBox:"JCWVQXgW0DbgWReEf1X3FA==",secondBox:"_9zzPQAEH8Zq-k32e3DDz3w==",tableRow:"rP4nJko6KDvNY-hRVLaXhQ==",labelName:"BP09TMIcNQaNtSbA+AX+dg==",tableValue:"qrhKsZBWckjUS8EZkaLg5g==",btnContainer:"_4sqtWKRxhOYxVZBsotANIA=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/molecules/sportstake/lotto-module/rollover/rollover.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".Q4puQ0CyIcYjCujfcpeggw\\=\\={display:flex;flex-direction:column;background-color:var(--lotto-box-bg-color, #ececf6);border-radius:8px;padding:1.6rem 1.6rem 2.4rem 1.6rem;height:fit-content}.oBirdxXF0iTx4D7yQLs8fQ\\=\\=>p{margin-bottom:.8rem;font-size:1.6rem;line-height:2.4rem}.oBirdxXF0iTx4D7yQLs8fQ\\=\\=>h2{margin-bottom:1.6rem;font-size:2.4rem;line-height:2.4rem;font-weight:700}.oBirdxXF0iTx4D7yQLs8fQ\\=\\=.DGL\\+o-mK87FwBqx9RItYEQ\\=\\=>h2{color:var(--lotto-rollover-text-color, #e00028)}@media only screen and (min-width:768px){.oBirdxXF0iTx4D7yQLs8fQ\\=\\=:nth-last-child(2)>h2{margin-bottom:0}}.oBirdxXF0iTx4D7yQLs8fQ\\=\\=.IWmnaMcHWaakkfyVhTwfxg\\=\\={display:none}.LPczOaLVTotVHcCaFZJjaw\\=\\=>a{height:4.8rem;font-size:2rem;line-height:3rem;margin-top:0;font-weight:700}@media only screen and (min-width:425px){.LPczOaLVTotVHcCaFZJjaw\\=\\={max-width:31.1rem;width:100%;margin:0 auto;margin-top:2.4rem}}","",{version:3,sources:["webpack://./src/components/molecules/sportstake/lotto-module/rollover/rollover.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,4BCPE,YAAA,CACA,qBDOwB,CACxB,mDAAA,CACA,iBAAA,CACA,mCAAA,CACA,kBAAA,CAIA,8BACE,mBAAA,CACA,gBAAA,CACA,kBAAA,CAGF,+BACE,oBAAA,CACA,gBAAA,CACA,kBAAA,CACA,eAAA,CAIA,2DACE,+CAAA,CEcJ,yCFTE,iDAEI,eAAA,CAAA,CAKN,uDACE,YAAA,CAKF,8BACE,aAAA,CACA,cAAA,CACA,gBAAA,CACA,YAAA,CACA,eAAA,CETF,yCFGF,4BAUI,iBAAA,CACA,UAAA,CACA,aAAA,CACA,iBAAA,CAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order";\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/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.rolloverContainer {\n @include flex-direction(column);\n background-color: var(--lotto-box-bg-color, #ececf6);\n border-radius: 8px;\n padding: 1.6rem 1.6rem 2.4rem 1.6rem;\n height: fit-content;\n}\n\n.rollover {\n > p {\n margin-bottom: 0.8rem;\n font-size: 1.6rem;\n line-height: 2.4rem;\n }\n\n > h2 {\n margin-bottom: 1.6rem;\n font-size: 2.4rem;\n line-height: 2.4rem;\n font-weight: 700;\n }\n\n &.red {\n > h2 {\n color: var(--lotto-rollover-text-color, #e00028);\n }\n }\n\n &:nth-last-child(2) {\n > h2 {\n @include min(tablet) {\n margin-bottom: 0;\n }\n }\n }\n\n &.hide {\n display: none;\n }\n}\n\n.buttonContainer {\n > a {\n height: 4.8rem;\n font-size: 2rem;\n line-height: 3rem;\n margin-top: 0;\n font-weight: 700;\n }\n\n @include min(mobile) {\n max-width: 31.1rem;\n width: 100%;\n margin: 0 auto;\n margin-top: 2.4rem;\n }\n}\n',"@mixin flex-align($align-items, $justify-content) {\n display: flex;\n align-items: $align-items;\n justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n display: flex;\n flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n #{$overflow-type}: $overflow-value;\n -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n background: $bgcolor;\n border-radius: 100px;\n color: $text-color;\n font-weight: 700;\n @include flex-align(center, center);\n padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n color: $color;\n\n &:hover {\n color: $color;\n }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n float: $direction;\n @if $direction == right {\n margin: var(--img-float-direction-right, 0 0 2.4rem 4.8rem);\n } @else if $direction == left {\n margin: var(--img-float-direction-left, 0 4.8rem 2.4rem 0);\n } @else {\n margin: 0 1em 1em 0;\n }\n}\n\n@mixin content-img-align($direction: center, $spacing: var(--content-img-spacing, 1em)) {\n display: block;\n @if $direction == right {\n margin: $spacing 0 $spacing auto;\n } @else if $direction == left {\n margin: $spacing auto $spacing 0;\n } @else {\n margin: $spacing auto;\n }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n position: relative;\n &:after {\n top: 100%;\n left: 50%;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-color: rgba(0, 0, 0, 0);\n border-top: $height solid $color;\n border-right: calc($width / 2) solid transparent;\n border-left: calc($width / 2) solid transparent;\n margin-left: - calc($width / 2);\n }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n &:hover {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n }\n}\n\n@mixin sportBtn($color1, $color2) {\n background: linear-gradient(to bottom, $color1 0, $color2 100%);\n &:hover {\n background: linear-gradient(to bottom, $color2 0, $color1 100%);\n }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n line-height: $line-height;\n width: $width;\n font-weight: normal;\n display: inline-block;\n color: $fill-color;\n font-size: 15px;\n position: relative;\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n &:last-child {\n margin-right: 0;\n }\n &:before {\n content: '\\2605';\n }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n line-height: 2rem;\n width: 16px;\n font-weight: normal;\n display: inline-block;\n color: $half-full-color;\n font-size: 15px;\n position: relative;\n &:before {\n content: '\\2605';\n }\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n &:after {\n content: '\\2605';\n color: $half-empty-color;\n position: absolute;\n width: 7px;\n overflow: hidden;\n bottom: 0;\n left: 0;\n }\n}\n\n@mixin border-gradient($color-1, $color-2, $bgcolor, $radius: 0.8rem, $border-width: 2px) {\n background: $bgcolor;\n &:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: $radius;\n border: $border-width solid transparent;\n background: $color-1, $color-2 border-box;\n -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: destination-out;\n mask-composite: exclude;\n }\n}\n\n@mixin border-gradient-single($color-1, $bgcolor, $radius: 0.8rem, $border-width: 0.1rem) {\n background: $bgcolor;\n &:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: $radius;\n border: $border-width solid transparent;\n background: $color-1 border-box;\n -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: destination-out;\n mask-composite: exclude;\n }\n}\n\n@mixin buttonsColor($color1, $color2, $color3, $textColor: 'white') {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n background-color: $color1;\n color: $textColor;\n padding: 0.9rem 3rem;\n font-weight: 700;\n font-size: 1.8rem;\n border-radius: var(--border-radius);\n\n > svg {\n flex: none;\n margin-left: 0.8rem;\n }\n\n &:hover {\n background-color: $color2;\n color: $textColor;\n }\n\n &:active {\n background-color: $color3;\n color: $textColor;\n }\n}\n","$media-query-sizes: (\n mobile-s: (\n min: 320px,\n max: 374px,\n ),\n mobile-m: (\n min: 375px,\n max: 424px,\n ),\n mobile: (\n min: 425px,\n max: 767px,\n ),\n tablet: (\n min: 768px,\n max: 991px,\n ),\n laptop: (\n min: 992px,\n max: 1199px,\n ),\n desktop: (\n min: 1200px,\n ),\n);\n\n// Get media query sizes\n$screen: 'only screen';\n@function media-query($media, $optional-media: '', $min: true) {\n $media-label: '';\n\n @if ($optional-media != '') {\n $media-sizes-min: map-get($media-query-sizes, $media);\n $media-sizes-max: map-get($media-query-sizes, $optional-media);\n $media-label: $screen +\n \" and (min-width:#{map-get($media-sizes-min, 'min')}) and (max-width:#{map-get($media-sizes-max, 'max')})\";\n } @else {\n $query: 'max';\n\n @if ($min) {\n $query: 'min';\n }\n\n $media-sizes: map-get($media-query-sizes, $media);\n $media-label: $screen + ' and (#{$query}-width:#{map-get($media-sizes, $query)})';\n }\n\n @return $media-label;\n}\n\n// Min media query\n@mixin min($media) {\n @media #{media-query($media)} {\n @content;\n }\n}\n\n// Max media query\n@mixin max($media) {\n @media #{media-query($media, '', false)} {\n @content;\n }\n}\n\n// Min & max media query\n@mixin min-max($min, $max) {\n @media #{media-query($min, $max)} {\n @content;\n }\n}\n\n// Use this ONLY if you need a media query that doesn't fit the $media-query-sizes breakpoints above\n// Pass number, for example @include custom-min(992)\n@mixin custom-min($min) {\n @media #{$screen} and (min-width: #{$min}px) {\n @content;\n }\n}\n\n@mixin custom-max($max) {\n @media #{$screen} and (max-width: #{$max}px) {\n @content;\n }\n}\n\n@mixin custom-min-max($min, $max) {\n @media #{$screen} and (min-width: #{$min}px) and (max-width: #{$max}px) {\n @content;\n }\n}\n\n// Landscape\n// (If we find more use cases of this in the future, might want to refactor this and include it in the media-query function for $screen)\n// Pass number\n$landscape: 'screen and (orientation:landscape)';\n\n@mixin landscape-max($max) {\n @media #{$landscape} and (max-width: #{$max}px) {\n @content;\n }\n}\n\n@mixin landscape-min($min) {\n @media #{$landscape} and (min-width: #{$min}px) {\n @content;\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={rolloverContainer:"Q4puQ0CyIcYjCujfcpeggw==",rollover:"oBirdxXF0iTx4D7yQLs8fQ==",red:"DGL+o-mK87FwBqx9RItYEQ==",hide:"IWmnaMcHWaakkfyVhTwfxg==",buttonContainer:"LPczOaLVTotVHcCaFZJjaw=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/molecules/sportstake/lotto-module/winning-numbers/lotto.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"._8DffQCtDuTiJoocm6hoCTA\\=\\={display:flex;flex-direction:column;height:max-content}.tU9QjQnJoKuxPhtwNt9CbQ\\=\\={width:100%;padding:1.6rem;border-radius:8px;background-color:var(--lotto-box-bg-color, #ececf6)}@media only screen and (max-width:767px){.tU9QjQnJoKuxPhtwNt9CbQ\\=\\={margin-bottom:2.4rem}}.DmWMbEYxsgPcTigLiqfoRg\\=\\={width:100%;margin-bottom:.8rem;display:flex;justify-content:space-between}.\\-5K1spifx3QMlmNMjm7Vvg\\=\\={font-size:1.4rem;align-self:center}.kg7c7bR3l5vNlm5XnwvyAw\\=\\={font-size:1.6rem;font-weight:700}.vCLO10XrLc7DjnJjFg8Fbg\\=\\={display:flex}.U1-K-9BLZgO1wlXOE1Go-Q\\=\\={display:flex;margin:1.6rem 0}.SohV1eUYAnX4BmTweYmnaw\\=\\={display:flex;align-items:center;justify-content:center;width:3.2rem;font-size:1.8rem;color:var(--lotto-winning-numbers-text-color, #171f49);font-weight:700;line-height:2.4rem;background-color:var(--lotto-winning-numbers-bg-color, #ffb800);border-radius:50%;margin:.2rem;padding:.4rem}.SohV1eUYAnX4BmTweYmnaw\\=\\=:first-child{margin-left:0}.nhz6mSef1\\+NWLwMVfBm-gA\\=\\={background-color:var(--lotto-winning-numbers-bonus-bg-color, #295dd6);color:var(--lotto-winning-numbers-bonus-text-color, #ececf6)}.WBv8fsWYsP0GG22mvh33Bg\\=\\={display:flex;border-radius:8px;background-color:var(--lotto-info-block-bg-color, #fff5f5);padding:0 0 0 1.8rem}@media only screen and (min-width:768px){.WBv8fsWYsP0GG22mvh33Bg\\=\\={margin-top:2.4rem;padding:0}}._2dzBdzmZSmWPWZ-i4TAAHg\\=\\={display:flex;align-items:center;justify-content:center;margin:0 1.8rem 0 0;align-self:center;border-radius:50%;width:4rem;height:4rem}@media only screen and (min-width:768px){._2dzBdzmZSmWPWZ-i4TAAHg\\=\\={margin:0 2.4rem 0 2.6rem}}.QLmUOmdu-XvJaHnRdZx4bQ\\=\\={padding:.8rem 0 1.2rem 0}.QLmUOmdu-XvJaHnRdZx4bQ\\=\\=>a{text-decoration:underline}.jylYsTXjxaeJzqBzPaWVVA\\=\\={color:var(--lotto-info-block-text-color, #e00028);font-weight:400;font-size:1.6rem;line-height:3rem}.BuNa7ik-KGGbwV6ORLc83Q\\=\\={color:var(--color-27);line-height:3rem;font-size:1.4rem}.BuNa7ik-KGGbwV6ORLc83Q\\=\\=:hover{cursor:pointer}@media only screen and (min-width:768px){.X2ftaTlW7kTJl9w0HTeezQ\\=\\={margin-top:2.4rem}}.X2ftaTlW7kTJl9w0HTeezQ\\=\\=>div{display:block;column-gap:.8rem;row-gap:1.1rem;padding:1.2rem;border:1.5px solid #243069;width:100%;position:fixed;bottom:0;left:0;z-index:20;margin-top:2.4rem}@media only screen and (min-width:768px){.X2ftaTlW7kTJl9w0HTeezQ\\=\\=>div{position:static;margin-top:unset}}.X2ftaTlW7kTJl9w0HTeezQ\\=\\=>div>a{width:4rem;height:4rem;margin-right:0}.X2ftaTlW7kTJl9w0HTeezQ\\=\\=>div>:nth-child(2){display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.X2ftaTlW7kTJl9w0HTeezQ\\=\\=>div>:nth-child(2)>span{color:#fff;font-size:1.4rem;line-height:1.8rem;font-weight:600;margin-top:0}.X2ftaTlW7kTJl9w0HTeezQ\\=\\=>div>:nth-child(2)>span:last-child{margin-left:1px}.X2ftaTlW7kTJl9w0HTeezQ\\=\\=>div>:nth-child(3){grid-column:span 2;width:100%}.X2ftaTlW7kTJl9w0HTeezQ\\=\\=>div>:nth-child(3)>div button{height:4rem}.X2ftaTlW7kTJl9w0HTeezQ\\=\\=>div>:nth-child(3)>a{height:4rem}.X2ftaTlW7kTJl9w0HTeezQ\\=\\=>div>:nth-child(3)>a>svg{display:none}.X2ftaTlW7kTJl9w0HTeezQ\\=\\=>div>div:last-child{grid-row:3;grid-column:span 2;margin-top:-3px}@media only screen and (min-width:768px){.X2ftaTlW7kTJl9w0HTeezQ\\=\\=>div>div:last-child{margin-top:0}}.X2ftaTlW7kTJl9w0HTeezQ\\=\\=>div>div:last-child>p,.X2ftaTlW7kTJl9w0HTeezQ\\=\\=>div>div:last-child a{font-size:1rem;line-height:1.4rem;font-weight:400;color:#cfdeff;text-align:left}.X2ftaTlW7kTJl9w0HTeezQ\\=\\=>div>div:last-child>a{font-size:500;text-decoration:underline}","",{version:3,sources:["webpack://./src/components/molecules/sportstake/lotto-module/winning-numbers/lotto.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,6BACE,YAAA,CACA,qBAAA,CACA,kBAAA,CAGF,4BACE,UAAA,CACA,cAAA,CACA,iBAAA,CACA,mDAAA,CCmCA,yCDvCF,4BAOI,oBAAA,CAAA,CAIJ,4BACE,UAAA,CACA,mBAAA,CACA,YAAA,CACA,6BAAA,CAGF,6BACE,gBAAA,CACA,iBAAA,CAGF,4BACE,gBAAA,CACA,eAAA,CAGF,4BACE,YAAA,CAGF,4BACE,YAAA,CACA,eAAA,CAGF,4BExDE,YAAA,CACA,kBFwDoB,CEvDpB,sBFuD4B,CAC5B,YAAA,CACA,gBAAA,CACA,sDAAA,CACA,eAAA,CACA,kBAAA,CACA,+DAAA,CACA,iBAAA,CACA,YAAA,CACA,aAAA,CAEA,wCACE,aAAA,CAIJ,6BACE,qEAAA,CACA,4DAAA,CAGF,4BACE,YAAA,CACA,iBAAA,CACA,0DAAA,CACA,oBAAA,CC/BA,yCD2BF,4BAOI,iBAAA,CACA,SAAA,CAAA,CAIJ,6BE1FE,YAAA,CACA,kBF0FoB,CEzFpB,sBFyF4B,CAC5B,mBAAA,CACA,iBAAA,CACA,iBAAA,CACA,UAAA,CACA,WAAA,CC7CA,yCDuCF,6BASI,wBAAA,CAAA,CAIJ,4BACE,wBAAA,CAEA,8BACE,yBAAA,CAIJ,4BACE,iDAAA,CACA,eAAA,CACA,gBAAA,CACA,gBAAA,CAGF,4BACE,qBAAA,CACA,gBAAA,CACA,gBAAA,CAEA,kCACE,cAAA,CCzEF,yCD6EF,4BAEI,iBAAA,CAAA,CAEF,gCACE,aAAA,CAIA,gBAAA,CACA,cAAA,CACA,cAAA,CACA,0BAAA,CACA,UAAA,CACA,cAAA,CACA,QAAA,CACA,MAAA,CACA,UAAA,CACA,iBAAA,CC/FF,yCDiFA,gCAgBI,eAAA,CACA,gBAAA,CAAA,CAEF,kCACE,UAAA,CACA,WAAA,CACA,cAAA,CAEF,8CACE,YAAA,CACA,kBAAA,CACA,kBAAA,CACA,cAAA,CACA,mDACE,UAAA,CACA,gBAAA,CACA,kBAAA,CACA,eAAA,CACA,YAAA,CAEF,8DACE,eAAA,CAGJ,8CACE,kBAAA,CACA,UAAA,CAEE,yDACE,WAAA,CAGJ,gDACE,WAAA,CACA,oDACE,YAAA,CAIN,+CACE,UAAA,CACA,kBAAA,CACA,eAAA,CC3IJ,yCDwIE,+CAKI,YAAA,CAAA,CAEF,kGACE,cAAA,CACA,kBAAA,CACA,eAAA,CACA,aAAA,CACA,eAAA,CAEF,iDACE,aAAA,CACA,yBAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order";\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/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.lottoContainer {\n display: flex;\n flex-direction: column;\n height: max-content;\n}\n\n.body {\n width: 100%;\n padding: 1.6rem;\n border-radius: 8px;\n background-color: var(--lotto-box-bg-color, #ececf6);\n\n @include max(mobile) {\n margin-bottom: 2.4rem;\n }\n}\n\n.rowTitle {\n width: 100%;\n margin-bottom: 0.8rem;\n display: flex;\n justify-content: space-between;\n}\n\n.date {\n font-size: 1.4rem;\n align-self: center;\n}\n\n.region {\n font-size: 1.6rem;\n font-weight: 700;\n}\n\n.imgContainer {\n display: flex;\n}\n\n.numbersWrapper {\n display: flex;\n margin: 1.6rem 0;\n}\n\n.number {\n @include flex-align(center, center);\n width: 3.2rem;\n font-size: 1.8rem;\n color: var(--lotto-winning-numbers-text-color, #171f49);\n font-weight: 700;\n line-height: 2.4rem;\n background-color: var(--lotto-winning-numbers-bg-color, #ffb800);\n border-radius: 50%;\n margin: 0.2rem;\n padding: 0.4rem;\n\n &:first-child {\n margin-left: 0;\n }\n}\n\n.bonusBall {\n background-color: var(--lotto-winning-numbers-bonus-bg-color, #295dd6);\n color: var(--lotto-winning-numbers-bonus-text-color, #ececf6);\n}\n\n.informationBlock {\n display: flex;\n border-radius: 8px;\n background-color: var(--lotto-info-block-bg-color, #fff5f5);\n padding: 0 0 0 1.8rem;\n\n @include min(tablet) {\n margin-top: 2.4rem;\n padding: 0;\n }\n}\n\n.logoContainer {\n @include flex-align(center, center);\n margin: 0 1.8rem 0 0;\n align-self: center;\n border-radius: 50%;\n width: 4rem;\n height: 4rem;\n\n @include min(tablet) {\n margin: 0 2.4rem 0 2.6rem;\n }\n}\n\n.infoText {\n padding: 0.8rem 0 1.2rem 0;\n\n > a {\n text-decoration: underline;\n }\n}\n\n.label {\n color: var(--lotto-info-block-text-color, #e00028);\n font-weight: 400;\n font-size: 1.6rem;\n line-height: 3rem;\n}\n\n.linkCta {\n color: var(--color-27);\n line-height: 3rem;\n font-size: 1.4rem;\n\n &:hover {\n cursor: pointer;\n }\n}\n\n.bonusBox {\n @include min(tablet) {\n margin-top: 2.4rem;\n }\n > div {\n display: block;\n // display: grid;\n // grid-template-columns: 4rem 5fr;\n // grid-template-rows: auto auto;\n column-gap: 0.8rem;\n row-gap: 1.1rem;\n padding: 1.2rem;\n border: 1.5px solid #243069;\n width: 100%;\n position: fixed;\n bottom: 0;\n left: 0;\n z-index: 20;\n margin-top: 2.4rem;\n @include min(tablet) {\n position: static;\n margin-top: unset;\n }\n >a {\n width: 4rem;\n height: 4rem;\n margin-right: 0;\n }\n >:nth-child(2) {\n display: flex;\n flex-direction: row;\n align-items: center;\n flex-wrap: wrap;\n >span {\n color: #fff;\n font-size: 1.4rem;\n line-height: 1.8rem;\n font-weight: 600;\n margin-top: 0;\n }\n >span:last-child {\n margin-left: 1px;\n }\n }\n > :nth-child(3) {\n grid-column: span 2;\n width: 100%;\n >div {\n button {\n height: 4rem;\n }\n }\n >a {\n height: 4rem;\n >svg {\n display: none;\n }\n }\n }\n > div:last-child {\n grid-row: 3;\n grid-column: span 2;\n margin-top: -3px;\n @include min(tablet) {\n margin-top: 0;\n }\n >p, a {\n font-size: 1rem;\n line-height: 1.4rem;\n font-weight: 400;\n color: #cfdeff;\n text-align: left;\n }\n >a {\n font-size: 500;\n text-decoration: underline;\n }\n }\n }\n}',"$media-query-sizes: (\n mobile-s: (\n min: 320px,\n max: 374px,\n ),\n mobile-m: (\n min: 375px,\n max: 424px,\n ),\n mobile: (\n min: 425px,\n max: 767px,\n ),\n tablet: (\n min: 768px,\n max: 991px,\n ),\n laptop: (\n min: 992px,\n max: 1199px,\n ),\n desktop: (\n min: 1200px,\n ),\n);\n\n// Get media query sizes\n$screen: 'only screen';\n@function media-query($media, $optional-media: '', $min: true) {\n $media-label: '';\n\n @if ($optional-media != '') {\n $media-sizes-min: map-get($media-query-sizes, $media);\n $media-sizes-max: map-get($media-query-sizes, $optional-media);\n $media-label: $screen +\n \" and (min-width:#{map-get($media-sizes-min, 'min')}) and (max-width:#{map-get($media-sizes-max, 'max')})\";\n } @else {\n $query: 'max';\n\n @if ($min) {\n $query: 'min';\n }\n\n $media-sizes: map-get($media-query-sizes, $media);\n $media-label: $screen + ' and (#{$query}-width:#{map-get($media-sizes, $query)})';\n }\n\n @return $media-label;\n}\n\n// Min media query\n@mixin min($media) {\n @media #{media-query($media)} {\n @content;\n }\n}\n\n// Max media query\n@mixin max($media) {\n @media #{media-query($media, '', false)} {\n @content;\n }\n}\n\n// Min & max media query\n@mixin min-max($min, $max) {\n @media #{media-query($min, $max)} {\n @content;\n }\n}\n\n// Use this ONLY if you need a media query that doesn't fit the $media-query-sizes breakpoints above\n// Pass number, for example @include custom-min(992)\n@mixin custom-min($min) {\n @media #{$screen} and (min-width: #{$min}px) {\n @content;\n }\n}\n\n@mixin custom-max($max) {\n @media #{$screen} and (max-width: #{$max}px) {\n @content;\n }\n}\n\n@mixin custom-min-max($min, $max) {\n @media #{$screen} and (min-width: #{$min}px) and (max-width: #{$max}px) {\n @content;\n }\n}\n\n// Landscape\n// (If we find more use cases of this in the future, might want to refactor this and include it in the media-query function for $screen)\n// Pass number\n$landscape: 'screen and (orientation:landscape)';\n\n@mixin landscape-max($max) {\n @media #{$landscape} and (max-width: #{$max}px) {\n @content;\n }\n}\n\n@mixin landscape-min($min) {\n @media #{$landscape} and (min-width: #{$min}px) {\n @content;\n }\n}\n","@mixin flex-align($align-items, $justify-content) {\n display: flex;\n align-items: $align-items;\n justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n display: flex;\n flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n #{$overflow-type}: $overflow-value;\n -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n background: $bgcolor;\n border-radius: 100px;\n color: $text-color;\n font-weight: 700;\n @include flex-align(center, center);\n padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n color: $color;\n\n &:hover {\n color: $color;\n }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n float: $direction;\n @if $direction == right {\n margin: var(--img-float-direction-right, 0 0 2.4rem 4.8rem);\n } @else if $direction == left {\n margin: var(--img-float-direction-left, 0 4.8rem 2.4rem 0);\n } @else {\n margin: 0 1em 1em 0;\n }\n}\n\n@mixin content-img-align($direction: center, $spacing: var(--content-img-spacing, 1em)) {\n display: block;\n @if $direction == right {\n margin: $spacing 0 $spacing auto;\n } @else if $direction == left {\n margin: $spacing auto $spacing 0;\n } @else {\n margin: $spacing auto;\n }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n position: relative;\n &:after {\n top: 100%;\n left: 50%;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-color: rgba(0, 0, 0, 0);\n border-top: $height solid $color;\n border-right: calc($width / 2) solid transparent;\n border-left: calc($width / 2) solid transparent;\n margin-left: - calc($width / 2);\n }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n &:hover {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n }\n}\n\n@mixin sportBtn($color1, $color2) {\n background: linear-gradient(to bottom, $color1 0, $color2 100%);\n &:hover {\n background: linear-gradient(to bottom, $color2 0, $color1 100%);\n }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n line-height: $line-height;\n width: $width;\n font-weight: normal;\n display: inline-block;\n color: $fill-color;\n font-size: 15px;\n position: relative;\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n &:last-child {\n margin-right: 0;\n }\n &:before {\n content: '\\2605';\n }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n line-height: 2rem;\n width: 16px;\n font-weight: normal;\n display: inline-block;\n color: $half-full-color;\n font-size: 15px;\n position: relative;\n &:before {\n content: '\\2605';\n }\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n &:after {\n content: '\\2605';\n color: $half-empty-color;\n position: absolute;\n width: 7px;\n overflow: hidden;\n bottom: 0;\n left: 0;\n }\n}\n\n@mixin border-gradient($color-1, $color-2, $bgcolor, $radius: 0.8rem, $border-width: 2px) {\n background: $bgcolor;\n &:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: $radius;\n border: $border-width solid transparent;\n background: $color-1, $color-2 border-box;\n -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: destination-out;\n mask-composite: exclude;\n }\n}\n\n@mixin border-gradient-single($color-1, $bgcolor, $radius: 0.8rem, $border-width: 0.1rem) {\n background: $bgcolor;\n &:before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n border-radius: $radius;\n border: $border-width solid transparent;\n background: $color-1 border-box;\n -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n -webkit-mask-composite: destination-out;\n mask-composite: exclude;\n }\n}\n\n@mixin buttonsColor($color1, $color2, $color3, $textColor: 'white') {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n background-color: $color1;\n color: $textColor;\n padding: 0.9rem 3rem;\n font-weight: 700;\n font-size: 1.8rem;\n border-radius: var(--border-radius);\n\n > svg {\n flex: none;\n margin-left: 0.8rem;\n }\n\n &:hover {\n background-color: $color2;\n color: $textColor;\n }\n\n &:active {\n background-color: $color3;\n color: $textColor;\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={lottoContainer:"_8DffQCtDuTiJoocm6hoCTA==",body:"tU9QjQnJoKuxPhtwNt9CbQ==",rowTitle:"DmWMbEYxsgPcTigLiqfoRg==",date:"-5K1spifx3QMlmNMjm7Vvg==",region:"kg7c7bR3l5vNlm5XnwvyAw==",imgContainer:"vCLO10XrLc7DjnJjFg8Fbg==",numbersWrapper:"U1-K-9BLZgO1wlXOE1Go-Q==",number:"SohV1eUYAnX4BmTweYmnaw==",bonusBall:"nhz6mSef1+NWLwMVfBm-gA==",informationBlock:"WBv8fsWYsP0GG22mvh33Bg==",logoContainer:"_2dzBdzmZSmWPWZ-i4TAAHg==",infoText:"QLmUOmdu-XvJaHnRdZx4bQ==",label:"jylYsTXjxaeJzqBzPaWVVA==",linkCta:"BuNa7ik-KGGbwV6ORLc83Q==",bonusBox:"X2ftaTlW7kTJl9w0HTeezQ=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);