gatsby-matrix-theme 40.0.19 → 40.0.21

package/storybook/public/326.da0ba286.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[326],{"../node_modules/@storybook/components/dist/esm/Color-f953d088.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ColorControl:function(){return ColorControl},default:function(){return ColorControl}});__webpack_require__("../node_modules/core-js/modules/es.object.assign.js"),__webpack_require__("../node_modules/core-js/modules/es.object.keys.js"),__webpack_require__("../node_modules/core-js/modules/es.array.join.js"),__webpack_require__("../node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../node_modules/core-js/modules/es.number.constructor.js"),__webpack_require__("../node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("../node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("../node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.map.js"),__webpack_require__("../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.string.match.js"),__webpack_require__("../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../node_modules/core-js/modules/es.string.split.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.for-each.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.object.values.js"),__webpack_require__("../node_modules/core-js/modules/es.string.starts-with.js"),__webpack_require__("../node_modules/core-js/modules/es.function.name.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.symbol.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.from.js");var _ColorPicker,_fallbackColor,_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__=__webpack_require__("../node_modules/@storybook/components/dist/esm/index-681e4b07.js"),react__WEBPACK_IMPORTED_MODULE_26__=__webpack_require__("../node_modules/react/index.js"),_storybook_theming__WEBPACK_IMPORTED_MODULE_31__=__webpack_require__("../node_modules/@storybook/theming/dist/esm/index.js");__webpack_require__("../node_modules/memoizerific/memoizerific.js"),__webpack_require__("../node_modules/@storybook/csf/dist/index.js"),__webpack_require__("../node_modules/qs/lib/index.js");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}function _typeof(obj){return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}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 u(){return(u=Object.assign||function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e}).apply(this,arguments)}function c(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r.indexOf(t=a[n])>=0||(o[t]=e[t]);return o}function i(e){var t=(0,react__WEBPACK_IMPORTED_MODULE_26__.useRef)(e),n=(0,react__WEBPACK_IMPORTED_MODULE_26__.useRef)((function(e){t.current&&t.current(e)}));return t.current=e,n.current}var s=function s(e,r,t){return void 0===r&&(r=0),void 0===t&&(t=1),e>t?t:e<r?r:e},f=function f(e){return"touches"in e},v=function v(e){return e&&e.ownerDocument.defaultView||self},d=function d(e,r,t){var n=e.getBoundingClientRect(),o=f(r)?function(e,r){for(var t=0;t<e.length;t++)if(e[t].identifier===r)return e[t];return e[0]}(r.touches,t):r;return{left:s((o.pageX-(n.left+v(e).pageXOffset))/n.width),top:s((o.pageY-(n.top+v(e).pageYOffset))/n.height)}},h=function h(e){!f(e)&&e.preventDefault()},m=react__WEBPACK_IMPORTED_MODULE_26__.memo((function(o){var a=o.onMove,l=o.onKey,s=c(o,["onMove","onKey"]),m=(0,react__WEBPACK_IMPORTED_MODULE_26__.useRef)(null),g=i(a),p=i(l),b=(0,react__WEBPACK_IMPORTED_MODULE_26__.useRef)(null),_=(0,react__WEBPACK_IMPORTED_MODULE_26__.useRef)(!1),x=(0,react__WEBPACK_IMPORTED_MODULE_26__.useMemo)((function(){var e=function e(_e){h(_e),(f(_e)?_e.touches.length>0:_e.buttons>0)&&m.current?g(d(m.current,_e,b.current)):t(!1)},r=function r(){return t(!1)};function t(t){var n=_.current,o=v(m.current),a=t?o.addEventListener:o.removeEventListener;a(n?"touchmove":"mousemove",e),a(n?"touchend":"mouseup",r)}return[function(e){var r=e.nativeEvent,n=m.current;if(n&&(h(r),!function(e,r){return r&&!f(e)}(r,_.current)&&n)){if(f(r)){_.current=!0;var o=r.changedTouches||[];o.length&&(b.current=o[0].identifier)}n.focus(),g(d(n,r,b.current)),t(!0)}},function(e){var r=e.which||e.keyCode;r<37||r>40||(e.preventDefault(),p({left:39===r?.05:37===r?-.05:0,top:40===r?.05:38===r?-.05:0}))},t]}),[p,g]),C=x[0],E=x[1],H=x[2];return(0,react__WEBPACK_IMPORTED_MODULE_26__.useEffect)((function(){return H}),[H]),react__WEBPACK_IMPORTED_MODULE_26__.createElement("div",u({},s,{onTouchStart:C,onMouseDown:C,className:"react-colorful__interactive",ref:m,onKeyDown:E,tabIndex:0,role:"slider"}))})),g=function g(e){return e.filter(Boolean).join(" ")},p=function p(r){var t=r.color,n=r.left,o=r.top,a=void 0===o?.5:o,l=g(["react-colorful__pointer",r.className]);return react__WEBPACK_IMPORTED_MODULE_26__.createElement("div",{className:l,style:{top:100*a+"%",left:100*n+"%"}},react__WEBPACK_IMPORTED_MODULE_26__.createElement("div",{className:"react-colorful__pointer-fill",style:{backgroundColor:t}}))},b=function b(e,r,t){return void 0===r&&(r=0),void 0===t&&(t=Math.pow(10,r)),Math.round(t*e)/t},_={grad:.9,turn:360,rad:360/(2*Math.PI)},x=function x(e){return"#"===e[0]&&(e=e.substr(1)),e.length<6?{r:parseInt(e[0]+e[0],16),g:parseInt(e[1]+e[1],16),b:parseInt(e[2]+e[2],16),a:1}:{r:parseInt(e.substr(0,2),16),g:parseInt(e.substr(2,2),16),b:parseInt(e.substr(4,2),16),a:1}},C=function C(e,r){return void 0===r&&(r="deg"),Number(e)*(_[r]||1)},M=function M(e){var r=e.s,t=e.l;return{h:e.h,s:(r*=(t<50?t:100-t)/100)>0?2*r/(t+r)*100:0,v:t+r,a:e.a}},N=function N(e){var r=e.s,t=e.v,n=e.a,o=(200-r)*t/100;return{h:b(e.h),s:b(o>0&&o<200?r*t/100/(o<=100?o:200-o)*100:0),l:b(o/2),a:b(n,2)}},w=function w(e){var r=N(e);return"hsl("+r.h+", "+r.s+"%, "+r.l+"%)"},y=function y(e){var r=N(e);return"hsla("+r.h+", "+r.s+"%, "+r.l+"%, "+r.a+")"},q=function q(e){var r=e.h,t=e.s,n=e.v,o=e.a;r=r/360*6,t/=100,n/=100;var a=Math.floor(r),l=n*(1-t),u=n*(1-(r-a)*t),c=n*(1-(1-r+a)*t),i=a%6;return{r:b(255*[n,u,l,l,c,n][i]),g:b(255*[c,n,n,u,l,l][i]),b:b(255*[l,l,c,n,n,u][i]),a:b(o,2)}},z=function z(e){var r=e.toString(16);return r.length<2?"0"+r:r},B=function B(e){var r=e.r,t=e.g,n=e.b,o=e.a,a=Math.max(r,t,n),l=a-Math.min(r,t,n),u=l?a===r?(t-n)/l:a===t?2+(n-r)/l:4+(r-t)/l:0;return{h:b(60*(u<0?u+6:u)),s:b(a?l/a*100:0),v:b(a/255*100),a:o}},K=react__WEBPACK_IMPORTED_MODULE_26__.memo((function(r){var t=r.hue,n=r.onChange,o=g(["react-colorful__hue",r.className]);return react__WEBPACK_IMPORTED_MODULE_26__.createElement("div",{className:o},react__WEBPACK_IMPORTED_MODULE_26__.createElement(m,{onMove:function onMove(e){n({h:360*e.left})},onKey:function onKey(e){n({h:s(t+360*e.left,0,360)})},"aria-label":"Hue","aria-valuetext":b(t)},react__WEBPACK_IMPORTED_MODULE_26__.createElement(p,{className:"react-colorful__hue-pointer",left:t/360,color:w({h:t,s:100,v:100,a:1})})))})),L=react__WEBPACK_IMPORTED_MODULE_26__.memo((function(r){var t=r.hsva,n=r.onChange,o={backgroundColor:w({h:t.h,s:100,v:100,a:1})};return react__WEBPACK_IMPORTED_MODULE_26__.createElement("div",{className:"react-colorful__saturation",style:o},react__WEBPACK_IMPORTED_MODULE_26__.createElement(m,{onMove:function onMove(e){n({s:100*e.left,v:100-100*e.top})},onKey:function onKey(e){n({s:s(t.s+100*e.left,0,100),v:s(t.v-100*e.top,0,100)})},"aria-label":"Color","aria-valuetext":"Saturation "+b(t.s)+"%, Brightness "+b(t.v)+"%"},react__WEBPACK_IMPORTED_MODULE_26__.createElement(p,{className:"react-colorful__saturation-pointer",top:1-t.v/100,left:t.s/100,color:w(t)})))})),A=function A(e,r){if(e===r)return!0;for(var t in e)if(e[t]!==r[t])return!1;return!0},S=function S(e,r){return e.replace(/\s/g,"")===r.replace(/\s/g,"")};function T(e,t,l){var u=i(l),c=(0,react__WEBPACK_IMPORTED_MODULE_26__.useState)((function(){return e.toHsva(t)})),s=c[0],f=c[1],v=(0,react__WEBPACK_IMPORTED_MODULE_26__.useRef)({color:t,hsva:s});(0,react__WEBPACK_IMPORTED_MODULE_26__.useEffect)((function(){if(!e.equal(t,v.current.color)){var r=e.toHsva(t);v.current={hsva:r,color:t},f(r)}}),[t,e]),(0,react__WEBPACK_IMPORTED_MODULE_26__.useEffect)((function(){var r;A(s,v.current.hsva)||e.equal(r=e.fromHsva(s),v.current.color)||(v.current={hsva:s,color:r},u(r))}),[s,e,u]);var d=(0,react__WEBPACK_IMPORTED_MODULE_26__.useCallback)((function(e){f((function(r){return Object.assign({},r,e)}))}),[]);return[s,d]}for(var P="undefined"!=typeof window?react__WEBPACK_IMPORTED_MODULE_26__.useLayoutEffect:react__WEBPACK_IMPORTED_MODULE_26__.useEffect,R=new Map,V=function V(e){P((function(){var r=e.current?e.current.ownerDocument:document;if(void 0!==r&&!R.has(r)){var t=r.createElement("style");t.innerHTML='.react-colorful{position:relative;display:flex;flex-direction:column;width:200px;height:200px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:default}.react-colorful__saturation{position:relative;flex-grow:1;border-color:transparent;border-bottom:12px solid #000;border-radius:8px 8px 0 0;background-image:linear-gradient(0deg,#000,transparent),linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}.react-colorful__alpha-gradient,.react-colorful__pointer-fill{content:"";position:absolute;left:0;top:0;right:0;bottom:0;pointer-events:none;border-radius:inherit}.react-colorful__alpha-gradient,.react-colorful__saturation{box-shadow:inset 0 0 0 1px rgba(0,0,0,.05)}.react-colorful__alpha,.react-colorful__hue{position:relative;height:24px}.react-colorful__hue{background:linear-gradient(90deg,red 0,#ff0 17%,#0f0 33%,#0ff 50%,#00f 67%,#f0f 83%,red)}.react-colorful__last-control{border-radius:0 0 8px 8px}.react-colorful__interactive{position:absolute;left:0;top:0;right:0;bottom:0;border-radius:inherit;outline:none;touch-action:none}.react-colorful__pointer{position:absolute;z-index:1;box-sizing:border-box;width:28px;height:28px;transform:translate(-50%,-50%);background-color:#fff;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2)}.react-colorful__interactive:focus .react-colorful__pointer{transform:translate(-50%,-50%) scale(1.1)}.react-colorful__alpha,.react-colorful__alpha-pointer{background-color:#fff;background-image:url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>\')}.react-colorful__saturation-pointer{z-index:3}.react-colorful__hue-pointer{z-index:2}',R.set(r,t);var n=function X(){return __webpack_require__.nc}();n&&t.setAttribute("nonce",n),r.head.appendChild(t)}}),[])},$=function $(t){var n=t.className,o=t.colorModel,a=t.color,l=void 0===a?o.defaultColor:a,i=t.onChange,s=c(t,["className","colorModel","color","onChange"]),f=(0,react__WEBPACK_IMPORTED_MODULE_26__.useRef)(null);V(f);var v=T(o,l,i),d=v[0],h=v[1],m=g(["react-colorful",n]);return react__WEBPACK_IMPORTED_MODULE_26__.createElement("div",u({},s,{ref:f,className:m}),react__WEBPACK_IMPORTED_MODULE_26__.createElement(L,{hsva:d,onChange:h}),react__WEBPACK_IMPORTED_MODULE_26__.createElement(K,{hue:d.h,onChange:h,className:"react-colorful__last-control"}))},G={defaultColor:"000",toHsva:function toHsva(e){return B(x(e))},fromHsva:function fromHsva(e){return t=(r=q(e)).g,n=r.b,"#"+z(r.r)+z(t)+z(n);var r,t,n},equal:function equal(e,r){return e.toLowerCase()===r.toLowerCase()||A(x(e),x(r))}},Q=function Q(r){var t=r.className,n=r.hsva,o=r.onChange,a={backgroundImage:"linear-gradient(90deg, "+y(Object.assign({},n,{a:0}))+", "+y(Object.assign({},n,{a:1}))+")"},l=g(["react-colorful__alpha",t]);return react__WEBPACK_IMPORTED_MODULE_26__.createElement("div",{className:l},react__WEBPACK_IMPORTED_MODULE_26__.createElement("div",{className:"react-colorful__alpha-gradient",style:a}),react__WEBPACK_IMPORTED_MODULE_26__.createElement(m,{onMove:function onMove(e){o({a:e.left})},onKey:function onKey(e){o({a:s(n.a+e.left)})},"aria-label":"Alpha","aria-valuetext":b(100*n.a)+"%"},react__WEBPACK_IMPORTED_MODULE_26__.createElement(p,{className:"react-colorful__alpha-pointer",left:n.a,color:y(n)})))},U=function U(t){var n=t.className,o=t.colorModel,a=t.color,l=void 0===a?o.defaultColor:a,i=t.onChange,s=c(t,["className","colorModel","color","onChange"]),f=(0,react__WEBPACK_IMPORTED_MODULE_26__.useRef)(null);V(f);var v=T(o,l,i),d=v[0],h=v[1],m=g(["react-colorful",n]);return react__WEBPACK_IMPORTED_MODULE_26__.createElement("div",u({},s,{ref:f,className:m}),react__WEBPACK_IMPORTED_MODULE_26__.createElement(L,{hsva:d,onChange:h}),react__WEBPACK_IMPORTED_MODULE_26__.createElement(K,{hue:d.h,onChange:h}),react__WEBPACK_IMPORTED_MODULE_26__.createElement(Q,{hsva:d,onChange:h,className:"react-colorful__last-control"}))},ee={defaultColor:"hsla(0, 0%, 0%, 1)",toHsva:function E(e){var r=/hsla?\(?\s*(-?\d*\.?\d+)(deg|rad|grad|turn)?[,\s]+(-?\d*\.?\d+)%?[,\s]+(-?\d*\.?\d+)%?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return r?M({h:C(r[1],r[2]),s:Number(r[3]),l:Number(r[4]),a:void 0===r[5]?1:Number(r[5])/(r[6]?100:1)}):{h:0,s:0,v:0,a:1}},fromHsva:y,equal:S},ge={defaultColor:"rgba(0, 0, 0, 1)",toHsva:function I(e){var r=/rgba?\(?\s*(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?[,\s]+(-?\d*\.?\d+)(%)?,?\s*[/\s]*(-?\d*\.?\d+)?(%)?\s*\)?/i.exec(e);return r?B({r:Number(r[1])/(r[2]?100/255:1),g:Number(r[3])/(r[4]?100/255:1),b:Number(r[5])/(r[6]?100/255:1),a:void 0===r[7]?1:Number(r[7])/(r[8]?100:1)}):{h:0,s:0,v:0,a:1}},fromHsva:function fromHsva(e){var r=q(e);return"rgba("+r.r+", "+r.g+", "+r.b+", "+r.a+")"},equal:S},cssKeywords={aliceblue:[240,248,255],antiquewhite:[250,235,215],aqua:[0,255,255],aquamarine:[127,255,212],azure:[240,255,255],beige:[245,245,220],bisque:[255,228,196],black:[0,0,0],blanchedalmond:[255,235,205],blue:[0,0,255],blueviolet:[138,43,226],brown:[165,42,42],burlywood:[222,184,135],cadetblue:[95,158,160],chartreuse:[127,255,0],chocolate:[210,105,30],coral:[255,127,80],cornflowerblue:[100,149,237],cornsilk:[255,248,220],crimson:[220,20,60],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgoldenrod:[184,134,11],darkgray:[169,169,169],darkgreen:[0,100,0],darkgrey:[169,169,169],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkseagreen:[143,188,143],darkslateblue:[72,61,139],darkslategray:[47,79,79],darkslategrey:[47,79,79],darkturquoise:[0,206,209],darkviolet:[148,0,211],deeppink:[255,20,147],deepskyblue:[0,191,255],dimgray:[105,105,105],dimgrey:[105,105,105],dodgerblue:[30,144,255],firebrick:[178,34,34],floralwhite:[255,250,240],forestgreen:[34,139,34],fuchsia:[255,0,255],gainsboro:[220,220,220],ghostwhite:[248,248,255],gold:[255,215,0],goldenrod:[218,165,32],gray:[128,128,128],green:[0,128,0],greenyellow:[173,255,47],grey:[128,128,128],honeydew:[240,255,240],hotpink:[255,105,180],indianred:[205,92,92],indigo:[75,0,130],ivory:[255,255,240],khaki:[240,230,140],lavender:[230,230,250],lavenderblush:[255,240,245],lawngreen:[124,252,0],lemonchiffon:[255,250,205],lightblue:[173,216,230],lightcoral:[240,128,128],lightcyan:[224,255,255],lightgoldenrodyellow:[250,250,210],lightgray:[211,211,211],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightsalmon:[255,160,122],lightseagreen:[32,178,170],lightskyblue:[135,206,250],lightslategray:[119,136,153],lightslategrey:[119,136,153],lightsteelblue:[176,196,222],lightyellow:[255,255,224],lime:[0,255,0],limegreen:[50,205,50],linen:[250,240,230],magenta:[255,0,255],maroon:[128,0,0],mediumaquamarine:[102,205,170],mediumblue:[0,0,205],mediumorchid:[186,85,211],mediumpurple:[147,112,219],mediumseagreen:[60,179,113],mediumslateblue:[123,104,238],mediumspringgreen:[0,250,154],mediumturquoise:[72,209,204],mediumvioletred:[199,21,133],midnightblue:[25,25,112],mintcream:[245,255,250],mistyrose:[255,228,225],moccasin:[255,228,181],navajowhite:[255,222,173],navy:[0,0,128],oldlace:[253,245,230],olive:[128,128,0],olivedrab:[107,142,35],orange:[255,165,0],orangered:[255,69,0],orchid:[218,112,214],palegoldenrod:[238,232,170],palegreen:[152,251,152],paleturquoise:[175,238,238],palevioletred:[219,112,147],papayawhip:[255,239,213],peachpuff:[255,218,185],peru:[205,133,63],pink:[255,192,203],plum:[221,160,221],powderblue:[176,224,230],purple:[128,0,128],rebeccapurple:[102,51,153],red:[255,0,0],rosybrown:[188,143,143],royalblue:[65,105,225],saddlebrown:[139,69,19],salmon:[250,128,114],sandybrown:[244,164,96],seagreen:[46,139,87],seashell:[255,245,238],sienna:[160,82,45],silver:[192,192,192],skyblue:[135,206,235],slateblue:[106,90,205],slategray:[112,128,144],slategrey:[112,128,144],snow:[255,250,250],springgreen:[0,255,127],steelblue:[70,130,180],tan:[210,180,140],teal:[0,128,128],thistle:[216,191,216],tomato:[255,99,71],turquoise:[64,224,208],violet:[238,130,238],wheat:[245,222,179],white:[255,255,255],whitesmoke:[245,245,245],yellow:[255,255,0],yellowgreen:[154,205,50]},reverseKeywords={},_i=0,_Object$keys=Object.keys(cssKeywords);_i<_Object$keys.length;_i++){var key=_Object$keys[_i];reverseKeywords[cssKeywords[key]]=key}for(var convert$1={rgb:{channels:3,labels:"rgb"},hsl:{channels:3,labels:"hsl"},hsv:{channels:3,labels:"hsv"},hwb:{channels:3,labels:"hwb"},cmyk:{channels:4,labels:"cmyk"},xyz:{channels:3,labels:"xyz"},lab:{channels:3,labels:"lab"},lch:{channels:3,labels:"lch"},hex:{channels:1,labels:["hex"]},keyword:{channels:1,labels:["keyword"]},ansi16:{channels:1,labels:["ansi16"]},ansi256:{channels:1,labels:["ansi256"]},hcg:{channels:3,labels:["h","c","g"]},apple:{channels:3,labels:["r16","g16","b16"]},gray:{channels:1,labels:["gray"]}},conversions$2=convert$1,_i2=0,_Object$keys2=Object.keys(convert$1);_i2<_Object$keys2.length;_i2++){var model=_Object$keys2[_i2];if(!("channels"in convert$1[model]))throw new Error("missing channels property: "+model);if(!("labels"in convert$1[model]))throw new Error("missing channel labels property: "+model);if(convert$1[model].labels.length!==convert$1[model].channels)throw new Error("channel and label counts mismatch: "+model);var _convert$1$model=convert$1[model],channels=_convert$1$model.channels,labels=_convert$1$model.labels;delete convert$1[model].channels,delete convert$1[model].labels,Object.defineProperty(convert$1[model],"channels",{value:channels}),Object.defineProperty(convert$1[model],"labels",{value:labels})}function comparativeDistance(x,y){return Math.pow(x[0]-y[0],2)+Math.pow(x[1]-y[1],2)+Math.pow(x[2]-y[2],2)}convert$1.rgb.hsl=function(rgb){var h,r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255,min=Math.min(r,g,b),max=Math.max(r,g,b),delta=max-min;max===min?h=0:r===max?h=(g-b)/delta:g===max?h=2+(b-r)/delta:b===max&&(h=4+(r-g)/delta),(h=Math.min(60*h,360))<0&&(h+=360);var l=(min+max)/2;return[h,100*(max===min?0:l<=.5?delta/(max+min):delta/(2-max-min)),100*l]},convert$1.rgb.hsv=function(rgb){var rdif,gdif,bdif,h,s,r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255,v=Math.max(r,g,b),diff=v-Math.min(r,g,b),diffc=function diffc(c){return(v-c)/6/diff+.5};return 0===diff?(h=0,s=0):(s=diff/v,rdif=diffc(r),gdif=diffc(g),bdif=diffc(b),r===v?h=bdif-gdif:g===v?h=1/3+rdif-bdif:b===v&&(h=2/3+gdif-rdif),h<0?h+=1:h>1&&(h-=1)),[360*h,100*s,100*v]},convert$1.rgb.hwb=function(rgb){var r=rgb[0],g=rgb[1],b=rgb[2];return[convert$1.rgb.hsl(rgb)[0],100*(1/255*Math.min(r,Math.min(g,b))),100*(b=1-1/255*Math.max(r,Math.max(g,b)))]},convert$1.rgb.cmyk=function(rgb){var r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255,k=Math.min(1-r,1-g,1-b);return[100*((1-r-k)/(1-k)||0),100*((1-g-k)/(1-k)||0),100*((1-b-k)/(1-k)||0),100*k]},convert$1.rgb.keyword=function(rgb){var reversed=reverseKeywords[rgb];if(reversed)return reversed;for(var currentClosestKeyword,currentClosestDistance=1/0,_i3=0,_Object$keys3=Object.keys(cssKeywords);_i3<_Object$keys3.length;_i3++){var keyword=_Object$keys3[_i3],distance=comparativeDistance(rgb,cssKeywords[keyword]);distance<currentClosestDistance&&(currentClosestDistance=distance,currentClosestKeyword=keyword)}return currentClosestKeyword},convert$1.keyword.rgb=function(keyword){return cssKeywords[keyword]},convert$1.rgb.xyz=function(rgb){var r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255;return[100*(.4124*(r=r>.04045?Math.pow((r+.055)/1.055,2.4):r/12.92)+.3576*(g=g>.04045?Math.pow((g+.055)/1.055,2.4):g/12.92)+.1805*(b=b>.04045?Math.pow((b+.055)/1.055,2.4):b/12.92)),100*(.2126*r+.7152*g+.0722*b),100*(.0193*r+.1192*g+.9505*b)]},convert$1.rgb.lab=function(rgb){var xyz=convert$1.rgb.xyz(rgb),x=xyz[0],y=xyz[1],z=xyz[2];return y/=100,z/=108.883,x=(x/=95.047)>.008856?Math.pow(x,1/3):7.787*x+16/116,[116*(y=y>.008856?Math.pow(y,1/3):7.787*y+16/116)-16,500*(x-y),200*(y-(z=z>.008856?Math.pow(z,1/3):7.787*z+16/116))]},convert$1.hsl.rgb=function(hsl){var t2,t3,val,h=hsl[0]/360,s=hsl[1]/100,l=hsl[2]/100;if(0===s)return[val=255*l,val,val];for(var t1=2*l-(t2=l<.5?l*(1+s):l+s-l*s),rgb=[0,0,0],_i4=0;_i4<3;_i4++)(t3=h+1/3*-(_i4-1))<0&&t3++,t3>1&&t3--,val=6*t3<1?t1+6*(t2-t1)*t3:2*t3<1?t2:3*t3<2?t1+(t2-t1)*(2/3-t3)*6:t1,rgb[_i4]=255*val;return rgb},convert$1.hsl.hsv=function(hsl){var h=hsl[0],s=hsl[1]/100,l=hsl[2]/100,smin=s,lmin=Math.max(l,.01);return s*=(l*=2)<=1?l:2-l,smin*=lmin<=1?lmin:2-lmin,[h,100*(0===l?2*smin/(lmin+smin):2*s/(l+s)),100*((l+s)/2)]},convert$1.hsv.rgb=function(hsv){var h=hsv[0]/60,s=hsv[1]/100,v=hsv[2]/100,hi=Math.floor(h)%6,f=h-Math.floor(h),p=255*v*(1-s),q=255*v*(1-s*f),t=255*v*(1-s*(1-f));switch(v*=255,hi){case 0:return[v,t,p];case 1:return[q,v,p];case 2:return[p,v,t];case 3:return[p,q,v];case 4:return[t,p,v];case 5:return[v,p,q]}},convert$1.hsv.hsl=function(hsv){var sl,l,h=hsv[0],s=hsv[1]/100,v=hsv[2]/100,vmin=Math.max(v,.01);l=(2-s)*v;var lmin=(2-s)*vmin;return sl=s*vmin,[h,100*(sl=(sl/=lmin<=1?lmin:2-lmin)||0),100*(l/=2)]},convert$1.hwb.rgb=function(hwb){var f,h=hwb[0]/360,wh=hwb[1]/100,bl=hwb[2]/100,ratio=wh+bl;ratio>1&&(wh/=ratio,bl/=ratio);var i=Math.floor(6*h),v=1-bl;f=6*h-i,0!=(1&i)&&(f=1-f);var r,g,b,n=wh+f*(v-wh);switch(i){default:case 6:case 0:r=v,g=n,b=wh;break;case 1:r=n,g=v,b=wh;break;case 2:r=wh,g=v,b=n;break;case 3:r=wh,g=n,b=v;break;case 4:r=n,g=wh,b=v;break;case 5:r=v,g=wh,b=n}return[255*r,255*g,255*b]},convert$1.cmyk.rgb=function(cmyk){var c=cmyk[0]/100,m=cmyk[1]/100,y=cmyk[2]/100,k=cmyk[3]/100;return[255*(1-Math.min(1,c*(1-k)+k)),255*(1-Math.min(1,m*(1-k)+k)),255*(1-Math.min(1,y*(1-k)+k))]},convert$1.xyz.rgb=function(xyz){var r,g,b,x=xyz[0]/100,y=xyz[1]/100,z=xyz[2]/100;return g=-.9689*x+1.8758*y+.0415*z,b=.0557*x+-.204*y+1.057*z,r=(r=3.2406*x+-1.5372*y+-.4986*z)>.0031308?1.055*Math.pow(r,1/2.4)-.055:12.92*r,g=g>.0031308?1.055*Math.pow(g,1/2.4)-.055:12.92*g,b=b>.0031308?1.055*Math.pow(b,1/2.4)-.055:12.92*b,[255*(r=Math.min(Math.max(0,r),1)),255*(g=Math.min(Math.max(0,g),1)),255*(b=Math.min(Math.max(0,b),1))]},convert$1.xyz.lab=function(xyz){var x=xyz[0],y=xyz[1],z=xyz[2];return y/=100,z/=108.883,x=(x/=95.047)>.008856?Math.pow(x,1/3):7.787*x+16/116,[116*(y=y>.008856?Math.pow(y,1/3):7.787*y+16/116)-16,500*(x-y),200*(y-(z=z>.008856?Math.pow(z,1/3):7.787*z+16/116))]},convert$1.lab.xyz=function(lab){var x,y,z,l=lab[0];x=lab[1]/500+(y=(l+16)/116),z=y-lab[2]/200;var y2=Math.pow(y,3),x2=Math.pow(x,3),z2=Math.pow(z,3);return y=y2>.008856?y2:(y-16/116)/7.787,x=x2>.008856?x2:(x-16/116)/7.787,z=z2>.008856?z2:(z-16/116)/7.787,[x*=95.047,y*=100,z*=108.883]},convert$1.lab.lch=function(lab){var h,l=lab[0],a=lab[1],b=lab[2];return(h=360*Math.atan2(b,a)/2/Math.PI)<0&&(h+=360),[l,Math.sqrt(a*a+b*b),h]},convert$1.lch.lab=function(lch){var l=lch[0],c=lch[1],hr=lch[2]/360*2*Math.PI;return[l,c*Math.cos(hr),c*Math.sin(hr)]},convert$1.rgb.ansi16=function(args){var saturation=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,_args=_slicedToArray(args,3),r=_args[0],g=_args[1],b=_args[2],value=null===saturation?convert$1.rgb.hsv(args)[2]:saturation;if(0===(value=Math.round(value/50)))return 30;var ansi=30+(Math.round(b/255)<<2|Math.round(g/255)<<1|Math.round(r/255));return 2===value&&(ansi+=60),ansi},convert$1.hsv.ansi16=function(args){return convert$1.rgb.ansi16(convert$1.hsv.rgb(args),args[2])},convert$1.rgb.ansi256=function(args){var r=args[0],g=args[1],b=args[2];return r===g&&g===b?r<8?16:r>248?231:Math.round((r-8)/247*24)+232:16+36*Math.round(r/255*5)+6*Math.round(g/255*5)+Math.round(b/255*5)},convert$1.ansi16.rgb=function(args){var color=args%10;if(0===color||7===color)return args>50&&(color+=3.5),[color=color/10.5*255,color,color];var mult=.5*(1+~~(args>50));return[(1&color)*mult*255,(color>>1&1)*mult*255,(color>>2&1)*mult*255]},convert$1.ansi256.rgb=function(args){if(args>=232){var _c=10*(args-232)+8;return[_c,_c,_c]}var rem;return args-=16,[Math.floor(args/36)/5*255,Math.floor((rem=args%36)/6)/5*255,rem%6/5*255]},convert$1.rgb.hex=function(args){var string=(((255&Math.round(args[0]))<<16)+((255&Math.round(args[1]))<<8)+(255&Math.round(args[2]))).toString(16).toUpperCase();return"000000".substring(string.length)+string},convert$1.hex.rgb=function(args){var match=args.toString(16).match(/[a-f0-9]{6}|[a-f0-9]{3}/i);if(!match)return[0,0,0];var colorString=match[0];3===match[0].length&&(colorString=colorString.split("").map((function(char){return char+char})).join(""));var integer=parseInt(colorString,16);return[integer>>16&255,integer>>8&255,255&integer]},convert$1.rgb.hcg=function(rgb){var hue,r=rgb[0]/255,g=rgb[1]/255,b=rgb[2]/255,max=Math.max(Math.max(r,g),b),min=Math.min(Math.min(r,g),b),chroma=max-min;return hue=chroma<=0?0:max===r?(g-b)/chroma%6:max===g?2+(b-r)/chroma:4+(r-g)/chroma,hue/=6,[360*(hue%=1),100*chroma,100*(chroma<1?min/(1-chroma):0)]},convert$1.hsl.hcg=function(hsl){var s=hsl[1]/100,l=hsl[2]/100,c=l<.5?2*s*l:2*s*(1-l),f=0;return c<1&&(f=(l-.5*c)/(1-c)),[hsl[0],100*c,100*f]},convert$1.hsv.hcg=function(hsv){var s=hsv[1]/100,v=hsv[2]/100,c=s*v,f=0;return c<1&&(f=(v-c)/(1-c)),[hsv[0],100*c,100*f]},convert$1.hcg.rgb=function(hcg){var h=hcg[0]/360,c=hcg[1]/100,g=hcg[2]/100;if(0===c)return[255*g,255*g,255*g];var mg,pure=[0,0,0],hi=h%1*6,v=hi%1,w=1-v;switch(Math.floor(hi)){case 0:pure[0]=1,pure[1]=v,pure[2]=0;break;case 1:pure[0]=w,pure[1]=1,pure[2]=0;break;case 2:pure[0]=0,pure[1]=1,pure[2]=v;break;case 3:pure[0]=0,pure[1]=w,pure[2]=1;break;case 4:pure[0]=v,pure[1]=0,pure[2]=1;break;default:pure[0]=1,pure[1]=0,pure[2]=w}return mg=(1-c)*g,[255*(c*pure[0]+mg),255*(c*pure[1]+mg),255*(c*pure[2]+mg)]},convert$1.hcg.hsv=function(hcg){var c=hcg[1]/100,v=c+hcg[2]/100*(1-c),f=0;return v>0&&(f=c/v),[hcg[0],100*f,100*v]},convert$1.hcg.hsl=function(hcg){var c=hcg[1]/100,l=hcg[2]/100*(1-c)+.5*c,s=0;return l>0&&l<.5?s=c/(2*l):l>=.5&&l<1&&(s=c/(2*(1-l))),[hcg[0],100*s,100*l]},convert$1.hcg.hwb=function(hcg){var c=hcg[1]/100,v=c+hcg[2]/100*(1-c);return[hcg[0],100*(v-c),100*(1-v)]},convert$1.hwb.hcg=function(hwb){var w=hwb[1]/100,v=1-hwb[2]/100,c=v-w,g=0;return c<1&&(g=(v-c)/(1-c)),[hwb[0],100*c,100*g]},convert$1.apple.rgb=function(apple){return[apple[0]/65535*255,apple[1]/65535*255,apple[2]/65535*255]},convert$1.rgb.apple=function(rgb){return[rgb[0]/255*65535,rgb[1]/255*65535,rgb[2]/255*65535]},convert$1.gray.rgb=function(args){return[args[0]/100*255,args[0]/100*255,args[0]/100*255]},convert$1.gray.hsl=function(args){return[0,0,args[0]]},convert$1.gray.hsv=convert$1.gray.hsl,convert$1.gray.hwb=function(gray){return[0,100,gray[0]]},convert$1.gray.cmyk=function(gray){return[0,0,0,gray[0]]},convert$1.gray.lab=function(gray){return[gray[0],0,0]},convert$1.gray.hex=function(gray){var val=255&Math.round(gray[0]/100*255),string=((val<<16)+(val<<8)+val).toString(16).toUpperCase();return"000000".substring(string.length)+string},convert$1.rgb.gray=function(rgb){return[(rgb[0]+rgb[1]+rgb[2])/3/255*100]};var conversions$1=conversions$2;function deriveBFS(fromModel){var graph=function buildGraph(){for(var graph={},models=Object.keys(conversions$1),len=models.length,_i5=0;_i5<len;_i5++)graph[models[_i5]]={distance:-1,parent:null};return graph}(),queue=[fromModel];for(graph[fromModel].distance=0;queue.length;)for(var current=queue.pop(),adjacents=Object.keys(conversions$1[current]),len=adjacents.length,_i6=0;_i6<len;_i6++){var adjacent=adjacents[_i6],node=graph[adjacent];-1===node.distance&&(node.distance=graph[current].distance+1,node.parent=current,queue.unshift(adjacent))}return graph}function link(from,to){return function(args){return to(from(args))}}function wrapConversion(toModel,graph){for(var path=[graph[toModel].parent,toModel],fn=conversions$1[graph[toModel].parent][toModel],cur=graph[toModel].parent;graph[cur].parent;)path.unshift(graph[cur].parent),fn=link(conversions$1[graph[cur].parent][cur],fn),cur=graph[cur].parent;return fn.conversion=path,fn}var conversions=conversions$2,route=function route$1(fromModel){for(var graph=deriveBFS(fromModel),conversion={},models=Object.keys(graph),len=models.length,_i7=0;_i7<len;_i7++){var toModel=models[_i7];null!==graph[toModel].parent&&(conversion[toModel]=wrapConversion(toModel,graph))}return conversion},convert={};Object.keys(conversions).forEach((function(fromModel){convert[fromModel]={},Object.defineProperty(convert[fromModel],"channels",{value:conversions[fromModel].channels}),Object.defineProperty(convert[fromModel],"labels",{value:conversions[fromModel].labels});var routes=route(fromModel);Object.keys(routes).forEach((function(toModel){var fn=routes[toModel];convert[fromModel][toModel]=function wrapRounded(fn){var wrappedFn=function wrappedFn(){for(var _len2=arguments.length,args=new Array(_len2),_key2=0;_key2<_len2;_key2++)args[_key2]=arguments[_key2];var arg0=args[0];if(null==arg0)return arg0;arg0.length>1&&(args=arg0);var result=fn(args);if("object"===_typeof(result))for(var len=result.length,_i8=0;_i8<len;_i8++)result[_i8]=Math.round(result[_i8]);return result};return"conversion"in fn&&(wrappedFn.conversion=fn.conversion),wrappedFn}(fn),convert[fromModel][toModel].raw=function wrapRaw(fn){var wrappedFn=function wrappedFn(){for(var _len=arguments.length,args=new Array(_len),_key=0;_key<_len;_key++)args[_key]=arguments[_key];var arg0=args[0];return null==arg0?arg0:(arg0.length>1&&(args=arg0),fn(args))};return"conversion"in fn&&(wrappedFn.conversion=fn.conversion),wrappedFn}(fn)}))}));var colorConvert=convert,root=_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.u,now_1=function now$1(){return root.Date.now()},reWhitespace=/\s/;var trimmedEndIndex=function trimmedEndIndex$1(string){for(var index=string.length;index--&&reWhitespace.test(string.charAt(index)););return index},reTrimStart=/^\s+/;var baseTrim=function baseTrim$1(string){return string?string.slice(0,trimmedEndIndex(string)+1).replace(reTrimStart,""):string},isObject$2=_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.x,isSymbol=_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.y,reIsBadHex=/^[-+]0x[0-9a-f]+$/i,reIsBinary=/^0b[01]+$/i,reIsOctal=/^0o[0-7]+$/i,freeParseInt=parseInt;var toNumber_1=function toNumber$1(value){if("number"==typeof value)return value;if(isSymbol(value))return NaN;if(isObject$2(value)){var other="function"==typeof value.valueOf?value.valueOf():value;value=isObject$2(other)?other+"":other}if("string"!=typeof value)return 0===value?value:+value;value=baseTrim(value);var isBinary=reIsBinary.test(value);return isBinary||reIsOctal.test(value)?freeParseInt(value.slice(2),isBinary?2:8):reIsBadHex.test(value)?NaN:+value},isObject$1=_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.x,now=now_1,toNumber=toNumber_1,nativeMax=Math.max,nativeMin=Math.min;var debounce_1=function debounce$1(func,wait,options){var lastArgs,lastThis,maxWait,result,timerId,lastCallTime,lastInvokeTime=0,leading=!1,maxing=!1,trailing=!0;if("function"!=typeof func)throw new TypeError("Expected a function");function invokeFunc(time){var args=lastArgs,thisArg=lastThis;return lastArgs=lastThis=void 0,lastInvokeTime=time,result=func.apply(thisArg,args)}function shouldInvoke(time){var timeSinceLastCall=time-lastCallTime;return void 0===lastCallTime||timeSinceLastCall>=wait||timeSinceLastCall<0||maxing&&time-lastInvokeTime>=maxWait}function timerExpired(){var time=now();if(shouldInvoke(time))return trailingEdge(time);timerId=setTimeout(timerExpired,function remainingWait(time){var timeWaiting=wait-(time-lastCallTime);return maxing?nativeMin(timeWaiting,maxWait-(time-lastInvokeTime)):timeWaiting}(time))}function trailingEdge(time){return timerId=void 0,trailing&&lastArgs?invokeFunc(time):(lastArgs=lastThis=void 0,result)}function debounced(){var time=now(),isInvoking=shouldInvoke(time);if(lastArgs=arguments,lastThis=this,lastCallTime=time,isInvoking){if(void 0===timerId)return function leadingEdge(time){return lastInvokeTime=time,timerId=setTimeout(timerExpired,wait),leading?invokeFunc(time):result}(lastCallTime);if(maxing)return clearTimeout(timerId),timerId=setTimeout(timerExpired,wait),invokeFunc(lastCallTime)}return void 0===timerId&&(timerId=setTimeout(timerExpired,wait)),result}return wait=toNumber(wait)||0,isObject$1(options)&&(leading=!!options.leading,maxWait=(maxing="maxWait"in options)?nativeMax(toNumber(options.maxWait)||0,wait):maxWait,trailing="trailing"in options?!!options.trailing:trailing),debounced.cancel=function cancel(){void 0!==timerId&&clearTimeout(timerId),lastInvokeTime=0,lastArgs=lastCallTime=lastThis=timerId=void 0},debounced.flush=function flush(){return void 0===timerId?result:trailingEdge(now())},debounced},debounce=debounce_1,isObject=_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.x;var ColorSpace,throttle_1=function throttle(func,wait,options){var leading=!0,trailing=!0;if("function"!=typeof func)throw new TypeError("Expected a function");return isObject(options)&&(leading="leading"in options?!!options.leading:leading,trailing="trailing"in options?!!options.trailing:trailing),debounce(func,wait,{leading:leading,maxWait:wait,trailing:trailing})},Wrapper=_storybook_theming__WEBPACK_IMPORTED_MODULE_31__.zo.div({position:"relative",maxWidth:250}),PickerTooltip=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_31__.zo)(_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.W)({position:"absolute",zIndex:1,top:4,left:4}),TooltipContent=_storybook_theming__WEBPACK_IMPORTED_MODULE_31__.zo.div({width:200,margin:5,".react-colorful__saturation":{borderRadius:"4px 4px 0 0"},".react-colorful__hue":{boxShadow:"inset 0 0 0 1px rgb(0 0 0 / 5%)"},".react-colorful__last-control":{borderRadius:"0 0 4px 4px"}}),Note=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_31__.zo)(_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.T)((function(_ref){return{fontFamily:_ref.theme.typography.fonts.base}})),Swatches=_storybook_theming__WEBPACK_IMPORTED_MODULE_31__.zo.div({display:"grid",gridTemplateColumns:"repeat(9, 16px)",gap:6,padding:3,marginTop:5,width:200}),SwatchColor=_storybook_theming__WEBPACK_IMPORTED_MODULE_31__.zo.div((function(_ref2){var theme=_ref2.theme;return{width:16,height:16,boxShadow:_ref2.active?"".concat(theme.appBorderColor," 0 0 0 1px inset, ").concat(theme.color.mediumdark,"50 0 0 0 4px"):"".concat(theme.appBorderColor," 0 0 0 1px inset"),borderRadius:theme.appBorderRadius}})),Swatch=function Swatch(_a){var value=_a.value,active=_a.active,onClick=_a.onClick,style=_a.style,props=(0,_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.d)(_a,["value","active","onClick","style"]),backgroundImage="linear-gradient(".concat(value,", ").concat(value,"), ").concat('url(\'data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill-opacity=".05"><path d="M8 0h8v8H8zM0 8h8v8H0z"/></svg>\')',", linear-gradient(#fff, #fff)");return react__WEBPACK_IMPORTED_MODULE_26__.createElement(SwatchColor,Object.assign({},props,{active:active,onClick:onClick},{style:Object.assign(Object.assign({},style),{backgroundImage:backgroundImage})}))},Input=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_31__.zo)(_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.F.Input)((function(_ref3){return{width:"100%",paddingLeft:30,paddingRight:30,boxSizing:"border-box",fontFamily:_ref3.theme.typography.fonts.base}})),ToggleIcon=(0,_storybook_theming__WEBPACK_IMPORTED_MODULE_31__.zo)(_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.I)((function(_ref4){return{position:"absolute",zIndex:1,top:6,right:7,width:20,height:20,padding:4,boxSizing:"border-box",cursor:"pointer",color:_ref4.theme.input.color}}));!function(ColorSpace){ColorSpace.RGB="rgb",ColorSpace.HSL="hsl",ColorSpace.HEX="hex"}(ColorSpace||(ColorSpace={}));var COLOR_SPACES=Object.values(ColorSpace),COLOR_REGEXP=/\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/,RGB_REGEXP=/^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i,HSL_REGEXP=/^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i,HEX_REGEXP=/^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i,SHORTHEX_REGEXP=/^\s*#?([0-9a-f]{3})\s*$/i,ColorPicker=(_defineProperty(_ColorPicker={},ColorSpace.HEX,(function J(r){return react__WEBPACK_IMPORTED_MODULE_26__.createElement($,u({},r,{colorModel:G}))})),_defineProperty(_ColorPicker,ColorSpace.RGB,(function pe(r){return react__WEBPACK_IMPORTED_MODULE_26__.createElement(U,u({},r,{colorModel:ge}))})),_defineProperty(_ColorPicker,ColorSpace.HSL,(function re(r){return react__WEBPACK_IMPORTED_MODULE_26__.createElement(U,u({},r,{colorModel:ee}))})),_ColorPicker),fallbackColor=(_defineProperty(_fallbackColor={},ColorSpace.HEX,"transparent"),_defineProperty(_fallbackColor,ColorSpace.RGB,"rgba(0, 0, 0, 0)"),_defineProperty(_fallbackColor,ColorSpace.HSL,"hsla(0, 0%, 0%, 0)"),_fallbackColor),stringToArgs=function stringToArgs(value){var match=null==value?void 0:value.match(COLOR_REGEXP);if(!match)return[0,0,0,1];var _match=_slicedToArray(match,5),x=_match[1],y=_match[2],z=_match[3],_match$=_match[4];return[x,y,z,void 0===_match$?1:_match$].map(Number)},parseValue=function parseValue(value){var _ref11;if(value){var valid=!0;if(RGB_REGEXP.test(value)){var _ref7,_stringToArgs2=_slicedToArray(stringToArgs(value),4),r=_stringToArgs2[0],_g=_stringToArgs2[1],_b=_stringToArgs2[2],a=_stringToArgs2[3],_ref6=_slicedToArray(colorConvert.rgb.hsl([r,_g,_b])||[0,0,0],3),_h=_ref6[0],_s2=_ref6[1],l=_ref6[2];return _defineProperty(_ref7={valid:valid,value:value,keyword:colorConvert.rgb.keyword([r,_g,_b]),colorSpace:ColorSpace.RGB},ColorSpace.RGB,value),_defineProperty(_ref7,ColorSpace.HSL,"hsla(".concat(_h,", ").concat(_s2,"%, ").concat(l,"%, ").concat(a,")")),_defineProperty(_ref7,ColorSpace.HEX,"#".concat(colorConvert.rgb.hex([r,_g,_b]).toLowerCase())),_ref7}if(HSL_REGEXP.test(value)){var _ref10,_stringToArgs4=_slicedToArray(stringToArgs(value),4),_h2=_stringToArgs4[0],_s3=_stringToArgs4[1],_l=_stringToArgs4[2],_a2=_stringToArgs4[3],_ref9=_slicedToArray(colorConvert.hsl.rgb([_h2,_s3,_l])||[0,0,0],3),_r=_ref9[0],_g2=_ref9[1],_b2=_ref9[2];return _defineProperty(_ref10={valid:valid,value:value,keyword:colorConvert.hsl.keyword([_h2,_s3,_l]),colorSpace:ColorSpace.HSL},ColorSpace.RGB,"rgba(".concat(_r,", ").concat(_g2,", ").concat(_b2,", ").concat(_a2,")")),_defineProperty(_ref10,ColorSpace.HSL,value),_defineProperty(_ref10,ColorSpace.HEX,"#".concat(colorConvert.hsl.hex([_h2,_s3,_l]).toLowerCase())),_ref10}var plain=value.replace("#",""),rgb=colorConvert.keyword.rgb(plain)||colorConvert.hex.rgb(plain),hsl=colorConvert.rgb.hsl(rgb),mapped=value;if(/[^#a-f0-9]/i.test(value)?mapped=plain:HEX_REGEXP.test(value)&&(mapped="#".concat(plain)),mapped.startsWith("#"))valid=HEX_REGEXP.test(mapped);else try{colorConvert.keyword.hex(mapped)}catch(e){valid=!1}return _defineProperty(_ref11={valid:valid,value:mapped,keyword:colorConvert.rgb.keyword(rgb),colorSpace:ColorSpace.HEX},ColorSpace.RGB,"rgba(".concat(rgb[0],", ").concat(rgb[1],", ").concat(rgb[2],", 1)")),_defineProperty(_ref11,ColorSpace.HSL,"hsla(".concat(hsl[0],", ").concat(hsl[1],"%, ").concat(hsl[2],"%, 1)")),_defineProperty(_ref11,ColorSpace.HEX,mapped),_ref11}},useColorInput=function useColorInput(initialValue,onChange){var _useState2=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_26__.useState)(initialValue||""),2),value=_useState2[0],setValue=_useState2[1],_useState4=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_26__.useState)((function(){return parseValue(value)})),2),color=_useState4[0],setColor=_useState4[1],_useState6=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_26__.useState)((null==color?void 0:color.colorSpace)||ColorSpace.HEX),2),colorSpace=_useState6[0],setColorSpace=_useState6[1];(0,react__WEBPACK_IMPORTED_MODULE_26__.useEffect)((function(){void 0===initialValue&&(setValue(""),setColor(void 0),setColorSpace(ColorSpace.HEX))}),[initialValue]);var realValue=(0,react__WEBPACK_IMPORTED_MODULE_26__.useMemo)((function(){return function getRealValue(value,color,colorSpace){if(!value||!(null==color?void 0:color.valid))return fallbackColor[colorSpace];if(colorSpace!==ColorSpace.HEX)return(null==color?void 0:color[colorSpace])||fallbackColor[colorSpace];if(!color.hex.startsWith("#"))try{return"#".concat(colorConvert.keyword.hex(color.hex))}catch(e){return fallbackColor.hex}var short=color.hex.match(SHORTHEX_REGEXP);if(!short)return HEX_REGEXP.test(color.hex)?color.hex:fallbackColor.hex;var _short$1$split2=_slicedToArray(short[1].split(""),3),r=_short$1$split2[0],g=_short$1$split2[1],b=_short$1$split2[2];return"#".concat(r).concat(r).concat(g).concat(g).concat(b).concat(b)}(value,color,colorSpace).toLowerCase()}),[value,color,colorSpace]),updateValue=(0,react__WEBPACK_IMPORTED_MODULE_26__.useCallback)((function(update){var parsed=parseValue(update);setValue((null==parsed?void 0:parsed.value)||update||""),parsed&&(setColor(parsed),setColorSpace(parsed.colorSpace),onChange(parsed.value))}),[onChange]),cycleColorSpace=(0,react__WEBPACK_IMPORTED_MODULE_26__.useCallback)((function(){var next=COLOR_SPACES.indexOf(colorSpace)+1;next>=COLOR_SPACES.length&&(next=0),setColorSpace(COLOR_SPACES[next]);var update=(null==color?void 0:color[COLOR_SPACES[next]])||"";setValue(update),onChange(update)}),[color,colorSpace,onChange]);return{value:value,realValue:realValue,updateValue:updateValue,color:color,colorSpace:colorSpace,cycleColorSpace:cycleColorSpace}},id=function id(value){return value.replace(/\s*/,"").toLowerCase()},ColorControl=function ColorControl(_ref12){var name=_ref12.name,initialValue=_ref12.value,onChange=_ref12.onChange,onFocus=_ref12.onFocus,onBlur=_ref12.onBlur,presetColors=_ref12.presetColors,startOpen=_ref12.startOpen,_useColorInput=useColorInput(initialValue,throttle_1(onChange,200)),value=_useColorInput.value,realValue=_useColorInput.realValue,updateValue=_useColorInput.updateValue,color=_useColorInput.color,colorSpace=_useColorInput.colorSpace,cycleColorSpace=_useColorInput.cycleColorSpace,_usePresets=function usePresets(presetColors,currentColor,colorSpace){var _useState8=_slicedToArray((0,react__WEBPACK_IMPORTED_MODULE_26__.useState)((null==currentColor?void 0:currentColor.valid)?[currentColor]:[]),2),selectedColors=_useState8[0],setSelectedColors=_useState8[1];(0,react__WEBPACK_IMPORTED_MODULE_26__.useEffect)((function(){void 0===currentColor&&setSelectedColors([])}),[currentColor]);var presets=(0,react__WEBPACK_IMPORTED_MODULE_26__.useMemo)((function(){return(presetColors||[]).map((function(preset){return"string"==typeof preset?parseValue(preset):preset.title?Object.assign(Object.assign({},parseValue(preset.color)),{keyword:preset.title}):parseValue(preset.color)})).concat(selectedColors).filter(Boolean).slice(-27)}),[presetColors,selectedColors]),addPreset=(0,react__WEBPACK_IMPORTED_MODULE_26__.useCallback)((function(color){(null==color?void 0:color.valid)&&(presets.some((function(preset){return id(preset[colorSpace])===id(color[colorSpace])}))||setSelectedColors((function(arr){return arr.concat(color)})))}),[colorSpace,presets]);return{presets:presets,addPreset:addPreset}}(presetColors,color,colorSpace),presets=_usePresets.presets,addPreset=_usePresets.addPreset,Picker=ColorPicker[colorSpace];return react__WEBPACK_IMPORTED_MODULE_26__.createElement(Wrapper,null,react__WEBPACK_IMPORTED_MODULE_26__.createElement(PickerTooltip,{trigger:"click",startOpen:startOpen,closeOnClick:!0,onVisibilityChange:function onVisibilityChange(){return addPreset(color)},tooltip:react__WEBPACK_IMPORTED_MODULE_26__.createElement(TooltipContent,null,react__WEBPACK_IMPORTED_MODULE_26__.createElement(Picker,Object.assign({color:"transparent"===realValue?"#000000":realValue},{onChange:updateValue,onFocus:onFocus,onBlur:onBlur})),presets.length>0&&react__WEBPACK_IMPORTED_MODULE_26__.createElement(Swatches,null,presets.map((function(preset,index){return react__WEBPACK_IMPORTED_MODULE_26__.createElement(_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.W,{key:"".concat(preset.value,"-").concat(index),hasChrome:!1,tooltip:react__WEBPACK_IMPORTED_MODULE_26__.createElement(Note,{note:preset.keyword||preset.value})},react__WEBPACK_IMPORTED_MODULE_26__.createElement(Swatch,{value:preset[colorSpace],active:color&&id(preset[colorSpace])===id(color[colorSpace]),onClick:function onClick(){return updateValue(preset.value)}}))}))))},react__WEBPACK_IMPORTED_MODULE_26__.createElement(Swatch,{value:realValue,style:{margin:4}})),react__WEBPACK_IMPORTED_MODULE_26__.createElement(Input,{id:(0,_index_681e4b07_js__WEBPACK_IMPORTED_MODULE_30__.z)(name),value:value,onChange:function onChange(e){return updateValue(e.target.value)},onFocus:function onFocus(e){return e.target.select()},placeholder:"Choose color..."}),value?react__WEBPACK_IMPORTED_MODULE_26__.createElement(ToggleIcon,{icon:"markup",onClick:cycleColorSpace}):null)}}}]);

package/storybook/public/329.31f288b0.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[329],{"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/icon/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return index}});__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_IMPORTED_MODULE_5__=__webpack_require__("../node_modules/react/index.js"),_loadable_component__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../node_modules/@loadable/component/dist/loadable.esm.js");function index(_ref){var module=_ref.module,Component=function Component(){null==module||module.style;var TempateOne=(0,_loadable_component__WEBPACK_IMPORTED_MODULE_6__.ZP)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/icon/template-one/index.js"))}));return react__WEBPACK_IMPORTED_MODULE_5__.createElement(TempateOne,{module:module})};return react__WEBPACK_IMPORTED_MODULE_5__.createElement(react__WEBPACK_IMPORTED_MODULE_5__.Fragment,null,Component&&react__WEBPACK_IMPORTED_MODULE_5__.createElement(Component,null))}index.__docgenInfo={description:"",methods:[],displayName:"index"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/icon/index.js"]={name:"index",docgenInfo:index.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/icon/index.js"})}}]);

package/storybook/public/347.9b0cc0b2.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[347],{"./src/components/organisms/cards/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return index}});__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"),loadable_esm=__webpack_require__("../node_modules/@loadable/component/dist/loadable.esm.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),strings=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/strings.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),styles_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/cards/module-introduction/styles.module.scss"),options={insert:"head",singleton:!1},module_introduction_styles_module=(injectStylesIntoStyleTag_default()(styles_module.Z,options),styles_module.Z.locals||{}),module_title=__webpack_require__("./src/gatsby-core-theme/components/atoms/module-title/index.js"),helpers_strings=__webpack_require__("./src/helpers/strings.js"),see_more=__webpack_require__("./src/components/atoms/see-more/index.js"),ModuleIntroduction=function ModuleIntroduction(_ref){var module=_ref.module,_ref$showSeeMore=_ref.showSeeMore,showSeeMore=void 0!==_ref$showSeeMore&&_ref$showSeeMore,anchorLabel=(null==module?void 0:module.anchor_label)&&(0,helpers_strings.t5)((0,strings.CB)(null==module?void 0:module.anchor_label)),ModuleIntro=null!=module&&module.module_introduction&&"<p></p>"!==(null==module?void 0:module.module_introduction)?(0,loadable_esm.ZP)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"../node_modules/gatsby-core-theme/src/components/molecules/content/index.js"))})):null;return react.createElement("div",{className:ModuleIntro?"":module_introduction_styles_module.noIntroModuleCards},react.createElement(module_title.Z,{module:module,anchorLabel:"archive"===module.name&&anchorLabel,showMoreLink:!ModuleIntro}),ModuleIntro&&react.createElement(ModuleIntro,{isModuleIntroduction:null==module?void 0:module.module_introduction,module:{value:null==module?void 0:module.module_introduction}}),showSeeMore&&ModuleIntro&&react.createElement(see_more.Z,{module:module}))};ModuleIntroduction.displayName="ModuleIntroduction",ModuleIntroduction.propTypes={module:prop_types_default().shape({anchor_label:prop_types_default().string,name:prop_types_default().string.isRequired,module_introduction:prop_types_default().string,see_more_link:prop_types_default().shape({path:prop_types_default().string,title:prop_types_default().string})}),showSeeMore:prop_types_default().bool},ModuleIntroduction.__docgenInfo={description:"",methods:[],displayName:"ModuleIntroduction",props:{showSeeMore:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},module:{description:"",type:{name:"shape",value:{anchor_label:{name:"string",required:!1},name:{name:"string",required:!0},module_introduction:{name:"string",required:!1},see_more_link:{name:"shape",value:{path:{name:"string",required:!1},title:{name:"string",required:!1}},required:!1}}},required:!1}}};var module_introduction=ModuleIntroduction;function index(_ref){var module=_ref.module,page=_ref.page,_ref$seeMoreButtonDow=_ref.seeMoreButtonDown,seeMoreButtonDown=void 0!==_ref$seeMoreButtonDow&&_ref$seeMoreButtonDow,Component=function Component(){switch(null==module?void 0:module.style){case"stack_table":if("operator"===module.cards_page_type){var OperatorsTable=(0,loadable_esm.ZP)((function(){return __webpack_require__.e(487).then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/operators-table/index.js"))}));return react.createElement(OperatorsTable,{module:module,page:page})}return null;case"comparison_table":if("operator"===module.cards_page_type){var ComparisonTable=(0,loadable_esm.ZP)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"./src/components/atoms/cards/comparison-table/index.js"))}));return react.createElement(ComparisonTable,{module:module,page:page})}return null;case"template_two":var SrcollLayout=(0,loadable_esm.ZP)((function(){return __webpack_require__.e(809).then(__webpack_require__.bind(__webpack_require__,"./src/components/organisms/cards/template-two/index.js"))}));return react.createElement(SrcollLayout,{module:module,page:page});default:var GridLayout=(0,loadable_esm.ZP)((function(){return __webpack_require__.e(26).then(__webpack_require__.bind(__webpack_require__,"./src/components/organisms/cards/template-one/index.js"))}));return react.createElement(GridLayout,{module:module,page:page})}};return react.createElement(react.Fragment,null,react.createElement(module_introduction,{showSeeMore:!seeMoreButtonDown,module:module}),Component&&react.createElement(Component,null),seeMoreButtonDown&&react.createElement(see_more.Z,{module:module}))}"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/organisms/cards/module-introduction/index.js"]={name:"ModuleIntroduction",docgenInfo:ModuleIntroduction.__docgenInfo,path:"src/components/organisms/cards/module-introduction/index.js"}),index.__docgenInfo={description:"",methods:[],displayName:"index",props:{seeMoreButtonDown:{defaultValue:{value:"false",computed:!1},required:!1}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/organisms/cards/index.js"]={name:"index",docgenInfo:index.__docgenInfo,path:"src/components/organisms/cards/index.js"})},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/organisms/cards/module-introduction/styles.module.scss":function(module,__webpack_exports__,__webpack_require__){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,".rJsck5V3Vhw9AZjiRqWp6Q\\=\\=>div{display:flex;align-items:flex-start;justify-content:space-between;width:100%;flex-direction:column}@media only screen and (min-width:768px){.rJsck5V3Vhw9AZjiRqWp6Q\\=\\=>div{flex-direction:row;align-items:space-between}}.rJsck5V3Vhw9AZjiRqWp6Q\\=\\=>div a{display:flex;align-items:center;justify-content:space-between}._3fi4PYDoDd7CGQkSUegABg\\=\\={font-size:1.6rem;font-style:normal;font-weight:700;line-height:2.7rem;text-transform:capitalize;display:flex;align-items:center;justify-content:flex-start;color:#165af8;gap:.4rem}._3fi4PYDoDd7CGQkSUegABg\\=\\= svg{margin-top:.2rem}","",{version:3,sources:["webpack://./src/components/organisms/cards/module-introduction/styles.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:"AAeI,gCCdF,YAAA,CACA,sBDcwB,CCbxB,6BDaoC,CAChC,UAAA,CACA,qBAAA,CEkCJ,yCFrCE,gCAMI,kBAAA,CACA,yBAAA,CAAA,CAGF,kCCxBJ,YAAA,CACA,kBDwB0B,CCvB1B,6BDuBkC,CAMpC,6BACE,gBAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA,CACA,yBAAA,CCpCA,YAAA,CACA,kBDoCoB,CCnCpB,0BDmC4B,CAC5B,aAAA,CACA,SAAA,CACA,iCACE,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.noIntroModuleCards {\n    > div {\n      @include flex-align(flex-start, space-between);\n      width: 100%;\n      flex-direction: column;\n  \n      @include min(tablet) {\n        flex-direction: row;\n        align-items: space-between;\n      }\n  \n      a {\n        @include flex-align(center, space-between);\n      }\n    }\n  }\n\n\n.viewMore {\n  font-size: 1.6rem;\n  font-style: normal;\n  font-weight: 700;\n  line-height: 2.7rem; \n  text-transform: capitalize;\n  @include flex-align(center, flex-start);\n  color: #165AF8;\n  gap: .4rem;\n  svg{\n    margin-top: .2rem;\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={noIntroModuleCards:"rJsck5V3Vhw9AZjiRqWp6Q==",viewMore:"_3fi4PYDoDd7CGQkSUegABg=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/357.40e0e31a.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[357],{"../node_modules/gatsby-core-theme/src/components/atoms/content-box/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return content_box}});__webpack_require__("../node_modules/core-js/modules/es.array.map.js");var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("../node_modules/gatsby-core-theme/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"),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),content_box_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]!../node_modules/gatsby-core-theme/src/components/atoms/content-box/content-box.module.scss"),options={insert:"head",singleton:!1},content_box_content_box_module=(injectStylesIntoStyleTag_default()(content_box_module.Z,options),content_box_module.Z.locals||{}),ContentBox=function ContentBox(_ref){var _ref$data=_ref.data,data=void 0===_ref$data?[]:_ref$data;return react.createElement("div",{className:content_box_content_box_module.contentBoxContainer||""},react.createElement("ul",{className:content_box_content_box_module.contentBoxList||""},data&&data.map((function(item){return react.createElement("li",{key:(0,keygen.Z)()},react.createElement("div",{className:content_box_content_box_module.item||""},react.createElement("div",{className:content_box_content_box_module.icon||""},react.createElement(lazy_image.Z,{alt:item.title,src:item.image})),react.createElement("div",{className:content_box_content_box_module.body||""},react.createElement("div",{className:"h2"},item.title),react.createElement("p",null,item.text))))}))))};ContentBox.displayName="ContentBox",ContentBox.propTypes={data:prop_types_default().arrayOf(prop_types_default().shape({title:prop_types_default().string,image:prop_types_default().string,text:prop_types_default().string})).isRequired,styles:prop_types_default().shape({})},ContentBox.__docgenInfo={description:"",methods:[],displayName:"ContentBox",props:{data:{defaultValue:{value:"[]",computed:!1},description:"",type:{name:"arrayOf",value:{name:"shape",value:{title:{name:"string",required:!1},image:{name:"string",required:!1},text:{name:"string",required:!1}}}},required:!1},styles:{description:"",type:{name:"shape",value:{}},required:!1}}};var content_box=ContentBox;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/content-box/index.js"]={name:"ContentBox",docgenInfo:ContentBox.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/content-box/index.js"})},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/atoms/content-box/content-box.module.scss":function(module,__webpack_exports__,__webpack_require__){var _css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_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(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".wbtYQCZwB-QazFecNBXZdA\\=\\= .FdW2qkH6WyiNJZcw6TACjA\\=\\={display:flex;flex-direction:column;width:100%;max-width:80rem;margin:0 auto}.wbtYQCZwB-QazFecNBXZdA\\=\\= .FdW2qkH6WyiNJZcw6TACjA\\=\\= li:nth-child(even){align-self:flex-end}.wbtYQCZwB-QazFecNBXZdA\\=\\= .FdW2qkH6WyiNJZcw6TACjA\\=\\= li:nth-child(1) .mGUJNejATWfyY\\+vpqoWyJQ\\=\\={background-color:#7ba0f5;border-color:#ebf1ff}.wbtYQCZwB-QazFecNBXZdA\\=\\= .FdW2qkH6WyiNJZcw6TACjA\\=\\= li:nth-child(2) .mGUJNejATWfyY\\+vpqoWyJQ\\=\\={background-color:#b7f0c7;border-color:#f2faf4}.wbtYQCZwB-QazFecNBXZdA\\=\\= .FdW2qkH6WyiNJZcw6TACjA\\=\\= li:nth-child(3) .mGUJNejATWfyY\\+vpqoWyJQ\\=\\={background-color:#ffbc64;border-color:#faf1e9}.wbtYQCZwB-QazFecNBXZdA\\=\\= .dD0TSu8AM3s2usoyFu8Uhw\\=\\={background-color:#fff;border-radius:.8rem;width:100%;padding:0 2.5rem 4rem 2.5rem;display:flex;flex-direction:column;align-items:center;margin:7rem 0 1rem 0;box-shadow:0px 8px 32px rgba(23,24,47,.15)}@media only screen and (min-width:768px){.wbtYQCZwB-QazFecNBXZdA\\=\\= .dD0TSu8AM3s2usoyFu8Uhw\\=\\={display:flex;flex-direction:row;justify-content:flex-start;margin:1rem 0 3rem 3.2rem;width:calc(100% - 3.2rem);max-width:52rem;padding:3.2rem 3.2rem 3.2rem 0}}.wbtYQCZwB-QazFecNBXZdA\\=\\= .mGUJNejATWfyY\\+vpqoWyJQ\\=\\={width:11.2rem;height:11.2rem;border:solid 1.6rem #fff;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:-5.6rem}.wbtYQCZwB-QazFecNBXZdA\\=\\= .mGUJNejATWfyY\\+vpqoWyJQ\\=\\= img{width:4.7rem;height:4.7rem}@media only screen and (min-width:768px){.wbtYQCZwB-QazFecNBXZdA\\=\\= .mGUJNejATWfyY\\+vpqoWyJQ\\=\\={margin:0 0 0 -3.2rem}}.wbtYQCZwB-QazFecNBXZdA\\=\\= ._0\\+M1urLtLxzn6JNubMEsOQ\\=\\={margin-top:1.6rem}@media only screen and (min-width:768px){.wbtYQCZwB-QazFecNBXZdA\\=\\= ._0\\+M1urLtLxzn6JNubMEsOQ\\=\\={margin:0 0 0 1.6rem;max-width:39rem}}.wbtYQCZwB-QazFecNBXZdA\\=\\= ._0\\+M1urLtLxzn6JNubMEsOQ\\=\\= div{color:#000;font-weight:700;font-size:2rem}.wbtYQCZwB-QazFecNBXZdA\\=\\= ._0\\+M1urLtLxzn6JNubMEsOQ\\=\\= p{color:var(--color-44);font-size:1.6rem}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/atoms/content-box/content-box.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:"AAeE,wDCRA,YAAA,CACA,qBDQ0B,CACxB,UAAA,CACA,eAAA,CACA,aAAA,CAEE,2EACE,mBAAA,CAGA,qGACE,wBAAA,CACA,oBAAA,CAIF,qGACE,wBAAA,CACA,oBAAA,CAIF,qGACE,wBAAA,CACA,oBAAA,CAKR,wDACE,qBAAA,CACA,mBAAA,CACA,UAAA,CACA,4BAAA,CCzCF,YAAA,CACA,qBDyC0B,CACxB,kBAAA,CACA,oBAAA,CACA,0CAAA,CAAA,yCARF,wDCrCA,YAAA,CACA,kBD8C4B,CACxB,0BAAA,CACA,yBAAA,CACA,yBAAA,CACA,eAAA,CACA,8BAAA,CAAA,CAGJ,yDACE,aAAA,CACA,cAAA,CACA,wBAAA,CACA,iBAAA,CC3DF,YAAA,CACA,qBD2D0B,CACxB,sBAAA,CACA,kBAAA,CACA,kBAAA,CACA,6DACE,YAAA,CACA,aAAA,CErBJ,yCFUA,yDAcI,oBAAA,CAAA,CAGJ,0DACE,iBAAA,CE5BF,yCF2BA,0DAGI,mBAAA,CACA,eAAA,CAAA,CAEF,8DACE,UAAA,CACA,eAAA,CACA,cAAA,CAEF,4DACE,qBAAA,CACA,gBAAA",sourcesContent:["// Global styles extended in each theme\n\n// Utils\n@import '../../../styles/utils/variables/typography';\n@import '../../../styles/utils/variables/layout';\n@import '../../../styles/utils/variables/stack-order';\n@import '../../../styles/utils/media-queries';\n@import '../../../styles/utils/icons';\n@import '../../../styles/utils/tooltip';\n@import '../../../styles/utils/loader';\n@import '../../../styles/utils/mixins';\n@import '../../../styles/utils/scrollbar';\n@import '../../../styles/utils/animations';\n\n.contentBoxContainer {\n  .contentBoxList {\n    @include flex-direction(column);\n    width: 100%;\n    max-width: 80rem;\n    margin: 0 auto;\n    li {\n      &:nth-child(even) {\n        align-self: flex-end;\n      }\n      &:nth-child(1) {\n        .icon {\n          background-color: #7ba0f5;\n          border-color: #ebf1ff;\n        }\n      }\n      &:nth-child(2) {\n        .icon {\n          background-color: #b7f0c7;\n          border-color: #f2faf4;\n        }\n      }\n      &:nth-child(3) {\n        .icon {\n          background-color: #ffbc64;\n          border-color: #faf1e9;\n        }\n      }\n    }\n  }\n  .item {\n    background-color: white;\n    border-radius: 0.8rem;\n    width: 100%;\n    padding: 0 2.5rem 4rem 2.5rem;\n    @include flex-direction(column);\n    align-items: center;\n    margin: 7rem 0 1rem 0;\n    box-shadow: 0px 8px 32px rgba(23, 24, 47, 0.15);\n    @include min(tablet) {\n      @include flex-direction(row);\n      justify-content: flex-start;\n      margin: 1rem 0 3rem 3.2rem;\n      width: calc(100% - 3.2rem);\n      max-width: 52rem;\n      padding: 3.2rem 3.2rem 3.2rem 0;\n    }\n  }\n  .icon {\n    width: 11.2rem;\n    height: 11.2rem;\n    border: solid 1.6rem white;\n    border-radius: 50%;\n    @include flex-direction(column);\n    justify-content: center;\n    align-items: center;\n    margin-top: -5.6rem;\n    img {\n      width: 4.7rem;\n      height: 4.7rem;\n    }\n    @include min(tablet) {\n      margin: 0 0 0 -3.2rem;\n    }\n  }\n  .body {\n    margin-top: 1.6rem;\n    @include min(tablet) {\n      margin: 0 0 0 1.6rem;\n      max-width: 39rem;\n    }\n    div {\n      color: #000;\n      font-weight: 700;\n      font-size: 2rem;\n    }\n    p {\n      color: var(--color-44);\n      font-size: 1.6rem;\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: 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={contentBoxContainer:"wbtYQCZwB-QazFecNBXZdA==",contentBoxList:"FdW2qkH6WyiNJZcw6TACjA==",icon:"mGUJNejATWfyY+vpqoWyJQ==",item:"dD0TSu8AM3s2usoyFu8Uhw==",body:"_0+M1urLtLxzn6JNubMEsOQ=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/377.0129ee10.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[377],{"./src/components/atoms/cards/operator-card/variables/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return variables}});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),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),variable_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/variables/variable.module.scss"),options={insert:"head",singleton:!1},variables_variable_module=(injectStylesIntoStyleTag_default()(variable_module.Z,options),variable_module.Z.locals||{}),VariableComponent=function VariableComponent(_ref){var item=_ref.item;return react.createElement("div",{className:(null==variables_variable_module?void 0:variables_variable_module.variableContainer)||""},item.path)};VariableComponent.displayName="VariableComponent",VariableComponent.propTypes={item:prop_types_default().shape({path:prop_types_default().string}).isRequired},VariableComponent.__docgenInfo={description:"",methods:[],displayName:"VariableComponent",props:{item:{description:"",type:{name:"shape",value:{path:{name:"string",required:!1}}},required:!0}}};var variables=VariableComponent;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/cards/operator-card/variables/index.js"]={name:"VariableComponent",docgenInfo:VariableComponent.__docgenInfo,path:"src/components/atoms/cards/operator-card/variables/index.js"})},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/atoms/cards/operator-card/variables/variable.module.scss":function(module,__webpack_exports__,__webpack_require__){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,"","",{version:3,sources:[],names:[],mappings:"",sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/426.5bbf0dd8.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[426],{"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return index}});__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_IMPORTED_MODULE_5__=__webpack_require__("../node_modules/react/index.js"),_loadable_component__WEBPACK_IMPORTED_MODULE_6__=__webpack_require__("../node_modules/@loadable/component/dist/loadable.esm.js");function index(_ref){var module=_ref.module,Component=function Component(){if("template_two"===(null==module?void 0:module.style)){var TempateTwo=(0,_loadable_component__WEBPACK_IMPORTED_MODULE_6__.ZP)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image/template-two/index.js"))}));return react__WEBPACK_IMPORTED_MODULE_5__.createElement(TempateTwo,{module:module})}var TempateOne=(0,_loadable_component__WEBPACK_IMPORTED_MODULE_6__.ZP)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image/template-one/index.js"))}));return react__WEBPACK_IMPORTED_MODULE_5__.createElement(TempateOne,{module:module})};return react__WEBPACK_IMPORTED_MODULE_5__.createElement(react__WEBPACK_IMPORTED_MODULE_5__.Fragment,null,Component&&react__WEBPACK_IMPORTED_MODULE_5__.createElement(Component,null))}index.__docgenInfo={description:"",methods:[],displayName:"index"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image/index.js"]={name:"index",docgenInfo:index.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image/index.js"})}}]);

package/storybook/public/43.44dc45b5.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[43],{"./src/components/atoms/recommended-operators/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return recommended_operators}});__webpack_require__("../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../node_modules/core-js/modules/es.array.slice.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),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.mjs"),template_four=__webpack_require__("../node_modules/gatsby-core-theme/src/components/molecules/bonus-box/template-four/index.js"),operator_cta=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/button/operator-cta.js"),tnc=__webpack_require__("../node_modules/gatsby-core-theme/src/components/molecules/tnc/index.js"),pretty_link=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/pretty-link/index.js"),operator_details=__webpack_require__("./src/components/molecules/operator-details/index.js"),coupon=__webpack_require__("./src/components/atoms/coupon/index.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),recommended_operators_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/recommended-operators/recommended-operators.module.scss"),options={insert:"head",singleton:!1},recommended_operators_recommended_operators_module=(injectStylesIntoStyleTag_default()(recommended_operators_module.Z,options),recommended_operators_module.Z.locals||{}),RecommendedOperators=function RecommendedOperators(_ref){var _ref$showCouponCode=_ref.showCouponCode,showCouponCode=void 0!==_ref$showCouponCode&&_ref$showCouponCode,_ref$showTerms=_ref.showTerms,showTerms=void 0!==_ref$showTerms&&_ref$showTerms,_ref$showRating=_ref.showRating,showRating=void 0!==_ref$showRating&&_ref$showRating,_ref$showAuthor=_ref.showAuthor,showAuthor=void 0!==_ref$showAuthor&&_ref$showAuthor,_ref$title=_ref.title,title=void 0===_ref$title?"Recommended Casinos:":_ref$title,_ref$buttonType=_ref.buttonType,buttonType=void 0===_ref$buttonType?"primary":_ref$buttonType,operators=_ref.operators;return react.createElement("div",{className:recommended_operators_recommended_operators_module.reccommendedCasinos},react.createElement("h3",null,title),operators.slice(0,3).map((function(operator){var couponCode=(0,getters.tp)(operator.extra_fields,"coupon_code");return react.createElement("div",null,react.createElement(operator_details.Z,{showRating:showRating,item:operator,showAuthor:showAuthor,showReviewLink:!1,costumeStyle:recommended_operators_recommended_operators_module.operatorDetails,module:"wagering_calculator"}),react.createElement("div",{className:recommended_operators_recommended_operators_module.operatorBonus},react.createElement(pretty_link.Z,{operator:operator,pageTemplate:null,module:"wagering_calculator",tracker:"main",clickedElement:"oneliner"},react.createElement(template_four.Z,{item:operator,tracker:"main"})),showTerms&&react.createElement(tnc.Z,{operator:operator,hasCollapse:!1})),showCouponCode&&react.createElement("div",{className:recommended_operators_recommended_operators_module.couponCtaContainer},showCouponCode&&react.createElement(coupon.Z,{code:couponCode}),react.createElement(operator_cta.Z,{operator:operator,tracker:"main",buttonType:buttonType,module:"wagering_calculator"})),!showCouponCode&&react.createElement(operator_cta.Z,{operator:operator,tracker:"main",buttonType:buttonType,module:"wagering_calculator"}))})))};RecommendedOperators.displayName="RecommendedOperators",RecommendedOperators.__docgenInfo={description:"",methods:[],displayName:"RecommendedOperators",props:{showCouponCode:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},showTerms:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},showRating:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},showAuthor:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},title:{defaultValue:{value:"'Recommended Casinos:'",computed:!1},description:"",type:{name:"string"},required:!1},buttonType:{defaultValue:{value:"'primary'",computed:!1},description:"",type:{name:"string"},required:!1},operators:{description:"",type:{name:"arrayOf",value:{name:"custom",raw:"[\n  PropTypes.shape({\n    name: PropTypes.string,\n  }),\n]"}},required:!1}}};var recommended_operators=RecommendedOperators;RecommendedOperators.propTypes={showCouponCode:prop_types_default().bool,showRating:prop_types_default().bool,showTerms:prop_types_default().bool,showAuthor:prop_types_default().bool,title:prop_types_default().string,buttonType:prop_types_default().string,operators:prop_types_default().arrayOf([prop_types_default().shape({name:prop_types_default().string})])},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/recommended-operators/index.js"]={name:"RecommendedOperators",docgenInfo:RecommendedOperators.__docgenInfo,path:"src/components/atoms/recommended-operators/index.js"})},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/atoms/recommended-operators/recommended-operators.module.scss":function(module,__webpack_exports__,__webpack_require__){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,".Ll5iYiC0EgLQOxSl7AGFDw\\=\\={background-color:#fff;padding:.8rem;border-radius:1.6rem;margin-top:1.6rem}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\={padding:1.6rem}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>h3{margin-top:0;margin-bottom:.8rem;font-size:1.8rem;font-weight:700}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>h3{font-size:2rem}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div{margin-bottom:.8rem;background:#f4f4f4;display:flex;align-items:center;justify-content:space-between;row-gap:.8rem;border-radius:1.6rem;color:#fff;padding:.8rem;column-gap:.8rem;flex-wrap:wrap}@media only screen and (min-width:425px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div{flex-wrap:nowrap;row-gap:1.6rem;padding:1.2rem}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div:last-child{margin-bottom:0}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div:first-child{flex-basis:30%}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div a:nth-child(2){width:unset}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div a:nth-child(2)>span{color:#fff !important;text-decoration:none !important}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div a:nth-child(2)>span:last-child{color:#ced0dd !important}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div img{border-radius:.8rem;height:100%}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div a:nth-child(3){padding:.8rem 1.6rem;font-size:1.4rem;font-weight:700;width:100%}@media only screen and (min-width:425px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div a:nth-child(3){width:unset}}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div a:nth-child(3){padding:.9rem 3rem;width:unset}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div.HyfWUVyd9IHiwdPpQQeSjg\\=\\={flex-grow:1;flex-basis:50%;display:flex;align-items:flex-start;justify-content:center;display:flex;flex-direction:column}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div.HyfWUVyd9IHiwdPpQQeSjg\\=\\={display:flex;align-items:center;justify-content:flex-start;background-color:#fff;padding:.8rem;min-height:6.4rem;align-items:center;justify-content:center;border-radius:.8rem}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div.HyfWUVyd9IHiwdPpQQeSjg\\=\\=>span,.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div.HyfWUVyd9IHiwdPpQQeSjg\\=\\=>a>span{font-weight:700;color:#515156;font-size:1.2rem;line-height:1.8rem;display:flex;align-items:center;justify-content:center}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div.HyfWUVyd9IHiwdPpQQeSjg\\=\\=>span,.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div.HyfWUVyd9IHiwdPpQQeSjg\\=\\=>a>span{display:flex;flex-direction:row;font-size:1.4rem;line-height:2.2rem}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div.HyfWUVyd9IHiwdPpQQeSjg\\=\\=>div{font-size:1rem;color:#515156;font-weight:400;text-align:left}@media only screen and (min-width:425px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div.HyfWUVyd9IHiwdPpQQeSjg\\=\\=>div{padding:.4rem 0;text-align:center;display:inline-block}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div.eq2SFnxIBMDlqu9MJkJ44A\\=\\=>div{width:100%}@media only screen and (min-width:320px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div.eq2SFnxIBMDlqu9MJkJ44A\\=\\={display:grid;grid-template-columns:1fr 1fr;gap:.8rem;flex-basis:100%}}@media only screen and (min-width:768px){.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div.eq2SFnxIBMDlqu9MJkJ44A\\=\\={flex-basis:30%}}.Ll5iYiC0EgLQOxSl7AGFDw\\=\\=>div>div.eq2SFnxIBMDlqu9MJkJ44A\\=\\= button{width:100%}.V55x0PJWd6osa7ZirJjmwA\\=\\= div{display:none}@media only screen and (min-width:768px){.V55x0PJWd6osa7ZirJjmwA\\=\\= div{display:inline-flex;margin:auto 0;cursor:default}.V55x0PJWd6osa7ZirJjmwA\\=\\= div a{font-size:1.4rem;padding:0 !important}}.V55x0PJWd6osa7ZirJjmwA\\=\\= div span>a{display:none}.V55x0PJWd6osa7ZirJjmwA\\=\\=>a{width:4rem;height:4rem}.V55x0PJWd6osa7ZirJjmwA\\=\\=>a img{width:100%;height:100%}@media only screen and (min-width:768px){.V55x0PJWd6osa7ZirJjmwA\\=\\=>a{width:6.4rem;height:6.4rem}}","",{version:3,sources:["webpack://./src/components/atoms/recommended-operators/recommended-operators.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,4BACI,qBAAA,CACA,aAAA,CACA,oBAAA,CACA,iBAAA,CCkCF,yCDtCF,4BAOQ,cAAA,CAAA,CAGJ,+BACE,YAAA,CACA,mBAAA,CACA,gBAAA,CACA,eAAA,CCwBJ,yCD5BE,+BAOI,cAAA,CAAA,CAIJ,gCACE,mBAAA,CACA,kBAAA,CEpCJ,YAAA,CACA,kBFoCwB,CEnCxB,6BFmCgC,CAC5B,aAAA,CACA,oBAAA,CACA,UAAA,CACA,aAAA,CACA,gBAAA,CACA,cAAA,CCQJ,yCDjBE,gCAaI,gBAAA,CACA,cAAA,CACA,cAAA,CAAA,CAGF,2CACE,eAAA,CCFN,yCDKI,gDAEI,cAAA,CAAA,CAIJ,+CACE,WAAA,CACA,oDACE,qBAAA,CACA,+BAAA,CCfR,yCDiBU,+DACE,wBAAA,CAAA,CAMR,oCACE,mBAAA,CACA,WAAA,CAEF,+CACE,oBAAA,CACA,gBAAA,CACA,eAAA,CACA,UAAA,CChCN,yCD4BI,+CAMI,WAAA,CAAA,CClCR,yCD4BI,+CASM,kBAAA,CACA,WAAA,CAAA,CAKJ,+DACI,WAAA,CACA,cAAA,CEhGV,YAAA,CACA,sBFgG8B,CE/F9B,sBF+F0C,CE3F1C,YAAA,CACA,qBF2FkC,CC/ClC,yCD2CM,+DE9FN,YAAA,CACA,kBFoGgC,CEnGhC,0BFmGwC,CAC5B,qBAAA,CACA,aAAA,CACA,iBAAA,CACA,kBAAA,CACA,sBAAA,CACA,mBAAA,CAAA,CAGF,0IACE,eAAA,CACA,aAAA,CACA,gBAAA,CACA,kBAAA,CElHZ,YAAA,CACA,kBFkHgC,CEjHhC,sBFiHwC,CChExC,yCD2DU,0IExGV,YAAA,CACA,kBF8GsC,CACxB,gBAAA,CACA,kBAAA,CAAA,CAIJ,mEACE,cAAA,CACA,aAAA,CACA,eAAA,CACA,eAAA,CC5EZ,yCDwEU,mEAOI,eAAA,CACA,iBAAA,CACA,oBAAA,CAAA,CAKN,mEAAA,UAAA,CCtFR,yCDqFM,+DAII,YAAA,CACA,6BAAA,CACA,SAAA,CACA,eAAA,CAAA,CC5FV,yCDqFM,+DAUI,cAAA,CAAA,CAEF,sEACE,UAAA,CAQR,gCACI,YAAA,CC3GN,yCD0GE,gCAGQ,mBAAA,CACA,aAAA,CACA,cAAA,CACA,kCAAA,gBAAA,CAAA,oBAAA,CAAA,CAEJ,uCAAA,YAAA,CAEJ,8BACI,UAAA,CACA,WAAA,CACA,kCACI,UAAA,CACA,WAAA,CCzHV,yCDoHE,8BAQQ,YAAA,CACA,aAAA,CAAA",sourcesContent:["// Global styles extended in each theme\n\n// Utils\n@import '../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/typography';\n@import '../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/layout';\n@import '../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order';\n@import '../../../../../node_modules/gatsby-core-theme/src/styles/utils/media-queries';\n@import '../../../../../node_modules/gatsby-core-theme/src/styles/utils/icons';\n@import '../../../../../node_modules/gatsby-core-theme/src/styles/utils/tooltip';\n@import '../../../../../node_modules/gatsby-core-theme/src/styles/utils/loader';\n@import '../../../../../node_modules/gatsby-core-theme/src/styles/utils/mixins';\n@import '../../../../../node_modules/gatsby-core-theme/src/styles/utils/scrollbar';\n@import '../../../../../node_modules/gatsby-core-theme/src/styles/utils/animations';\n\n.reccommendedCasinos {\n    background-color: #fff;\n    padding: 0.8rem;\n    border-radius: 1.6rem;\n    margin-top: 1.6rem;\n\n    @include min(tablet){\n        padding: 1.6rem;\n    }\n\n    > h3 {\n      margin-top: 0;\n      margin-bottom: 0.8rem;\n      font-size: 1.8rem;\n      font-weight: 700;\n  \n      @include min(tablet) {\n        font-size: 2rem;\n      }\n    }\n  \n    > div {\n      margin-bottom: 0.8rem;\n      background: #f4f4f4;\n      @include flex-align(center, space-between);\n      row-gap: 0.8rem;\n      border-radius: 1.6rem;\n      color: #fff;\n      padding: 0.8rem;\n      column-gap: 0.8rem;\n      flex-wrap: wrap;\n\n\n      @include min(mobile) {\n        flex-wrap: nowrap;\n        row-gap: 1.6rem;\n        padding: 1.2rem;\n      }\n  \n      &:last-child {\n        margin-bottom: 0;\n      }\n  \n      & > div:first-child{\n        @include min(tablet){\n          flex-basis: 30%;\n        }\n      }\n\n      a:nth-child(2) {\n        width: unset;\n        > span{\n          color: #fff !important;\n          text-decoration: none !important;\n          @include min(tablet) {\n            &:last-child{\n              color: #CED0DD !important;\n            }\n          }\n        }\n      }\n  \n      img {\n        border-radius: 0.8rem;\n        height: 100%;\n      }\n      a:nth-child(3){\n        padding: 0.8rem 1.6rem;\n        font-size: 1.4rem;\n        font-weight: 700;\n        width: 100%;\n        @include min(mobile){\n          width: unset;\n        }\n        @include min(tablet) {\n            padding: 0.9rem 3rem;\n            width: unset;\n        }\n      }     \n  \n      > div {\n        &.operatorBonus{\n            flex-grow: 1;\n            flex-basis: 50%;\n            @include flex-align(flex-start, center);\n            @include flex-direction(column);\n\n            @include min(tablet) {\n              @include flex-align(center, flex-start);\n              background-color: #fff;\n              padding: .8rem;\n              min-height: 6.4rem;\n              align-items: center;\n              justify-content: center;\n              border-radius: 0.8rem;\n            }\n    \n            > span, > a > span {\n              font-weight: 700;\n              color: #515156;\n              font-size: 1.2rem;\n              line-height: 1.8rem;\n              @include flex-align(center, center);\n              @include min(tablet) {\n                @include flex-direction(row);\n                font-size: 1.4rem;\n                line-height: 2.2rem;\n              }\n            }\n\n            > div{\n              font-size: 1rem;\n              color: #515156;\n              font-weight: 400;\n              text-align: left;\n\n              @include min(mobile){\n                padding: 0.4rem 0;\n                text-align: center;\n                display: inline-block;\n              }\n            }\n        }\n        &.couponCtaContainer{\n          > div{ width: 100%; }\n          @include min(mobile-s)\n          {\n            display: grid;\n            grid-template-columns: 1fr 1fr;\n            gap: .8rem;\n            flex-basis: 100%;\n          }\n          @include min(tablet){\n            flex-basis: 30%;\n          }\n          button{\n            width: 100%;\n          }\n        }\n      }\n    }\n}\n\n.operatorDetails {\n    div{\n        display: none;\n        @include min(tablet){\n            display: inline-flex;\n            margin: auto 0;\n            cursor: default;\n            a{font-size: 1.4rem; padding: 0 !important;}\n        };\n        span > a{display: none;}\n    }\n    > a {\n        width: 4rem;\n        height: 4rem;\n        img{\n            width: 100%;\n            height: 100%;\n        }\n        @include min(tablet){\n            width: 6.4rem;\n            height: 6.4rem;\n        }\n    }\n}\n\n  ","$media-query-sizes: (\n  mobile-s: (\n    min: 320px,\n    max: 374px,\n  ),\n  mobile-m: (\n    min: 375px,\n    max: 424px,\n  ),\n  mobile: (\n    min: 425px,\n    max: 767px,\n  ),\n  tablet: (\n    min: 768px,\n    max: 991px,\n  ),\n  laptop: (\n    min: 992px,\n    max: 1199px,\n  ),\n  desktop: (\n    min: 1200px,\n  ),\n);\n\n// Get media query sizes\n$screen: 'only screen';\n@function media-query($media, $optional-media: '', $min: true) {\n  $media-label: '';\n\n  @if ($optional-media != '') {\n    $media-sizes-min: map-get($media-query-sizes, $media);\n    $media-sizes-max: map-get($media-query-sizes, $optional-media);\n    $media-label: $screen +\n      \" and (min-width:#{map-get($media-sizes-min, 'min')}) and (max-width:#{map-get($media-sizes-max, 'max')})\";\n  } @else {\n    $query: 'max';\n\n    @if ($min) {\n      $query: 'min';\n    }\n\n    $media-sizes: map-get($media-query-sizes, $media);\n    $media-label: $screen + ' and (#{$query}-width:#{map-get($media-sizes, $query)})';\n  }\n\n  @return $media-label;\n}\n\n// Min media query\n@mixin min($media) {\n  @media #{media-query($media)} {\n    @content;\n  }\n}\n\n// Max media query\n@mixin max($media) {\n  @media #{media-query($media, '', false)} {\n    @content;\n  }\n}\n\n// Min & max media query\n@mixin min-max($min, $max) {\n  @media #{media-query($min, $max)} {\n    @content;\n  }\n}\n\n// Use this ONLY if you need a media query that doesn't fit the $media-query-sizes breakpoints above\n// Pass number, for example @include custom-min(992)\n@mixin custom-min($min) {\n  @media #{$screen} and (min-width: #{$min}px) {\n    @content;\n  }\n}\n\n@mixin custom-max($max) {\n  @media #{$screen} and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n@mixin custom-min-max($min, $max) {\n  @media #{$screen} and (min-width: #{$min}px) and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n// Landscape\n// (If we find more use cases of this in the future, might want to refactor this and include it in the media-query function for $screen)\n// Pass number\n$landscape: 'screen and (orientation:landscape)';\n\n@mixin landscape-max($max) {\n  @media #{$landscape} and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n@mixin landscape-min($min) {\n  @media #{$landscape} and (min-width: #{$min}px) {\n    @content;\n  }\n}\n","@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={reccommendedCasinos:"Ll5iYiC0EgLQOxSl7AGFDw==",operatorBonus:"HyfWUVyd9IHiwdPpQQeSjg==",couponCtaContainer:"eq2SFnxIBMDlqu9MJkJ44A==",operatorDetails:"V55x0PJWd6osa7ZirJjmwA=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/487.04548d26.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[487],{"./src/components/atoms/cards/operators-table/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return operators_table}});__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.map.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.array.from.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"),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.mjs"),hooks_link=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/link/index.js"),pretty_link=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/pretty-link/index.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),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/operators-table/table.module.scss"),options={insert:"head",singleton:!1},operators_table_table_module=(injectStylesIntoStyleTag_default()(table_module.Z,options),table_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){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))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 CasinosTable=function CasinosTable(_ref){var module=_ref.module,page=_ref.page,translations=(0,react.useContext)(MainProvider._).translations,items=(module||{}).items;return react.createElement("div",{className:(null==operators_table_table_module?void 0:operators_table_table_module.container)||""},react.createElement("table",null,react.createElement("thead",null,react.createElement("tr",null,react.createElement("th",null,"".concat((0,getters.Iu)(translations,"online_casino","Online casino"))),react.createElement("th",null,"".concat((0,getters.Iu)(translations,"welcome_bonus","Welcome bonus"))),react.createElement("th",null,"".concat((0,getters.Iu)(translations,"visit_online_casino","Visit online casino"))))),react.createElement("tbody",null,items&&items.map((function(item){var _item$relation$bonus,_item$relation;return react.createElement("tr",null,react.createElement("td",null,react.createElement(hooks_link.Z,{to:item.path||item.relation.path,title:item.title,className:"".concat((null==operators_table_table_module?void 0:operators_table_table_module.casinoLogo)||""," table-operator-card-gtm")},(null===(_item$relation$bonus=item.relation.bonus)||void 0===_item$relation$bonus?void 0:_item$relation$bonus.operator_name)||item.relation.name)),react.createElement("td",null,(0,getters.p8)("main",null==item?void 0:item.relation)&&function oneLiner(_ref3){var one_liner=_ref3.one_liner;if(one_liner){var _one_liner$split2=_slicedToArray(one_liner.split("+"),2),firstLine=_one_liner$split2[0],secondLine=_one_liner$split2[1];return react.createElement(react.Fragment,null,react.createElement("span",{className:(null==operators_table_table_module?void 0:operators_table_table_module.firstLine)||""},firstLine,react.createElement("br",null)),secondLine&&react.createElement("span",{className:(null==operators_table_table_module?void 0:operators_table_table_module.secondLine)||""},"+".concat(secondLine)))}return react.createElement(react.Fragment,null)}((0,getters.p8)("main",null==item?void 0:item.relation))),react.createElement("td",{style:{textAlign:"left"}},react.createElement(pretty_link.Z,{operator:item.relation,pageTemplate:null==page?void 0:page.template,module:"operator_table",tracker:"main",clickedElement:"operator_table_cta",className:"table-operator-card-gtm btn-cta"},"".concat((0,getters.Iu)(translations,"visit_table","Visit")," ").concat(null==item||null===(_item$relation=item.relation)||void 0===_item$relation?void 0:_item$relation.name))))})))))};CasinosTable.displayName="CasinosTable",CasinosTable.__docgenInfo={description:"",methods:[],displayName:"CasinosTable",props:{module:{description:"",type:{name:"shape",value:{items:{name:"arrayOf",value:{name:"custom",raw:"{}"},required:!1}}},required:!0},page:{description:"",type:{name:"shape",value:{template:{name:"string",required:!1}}},required:!1}}};var operators_table=CasinosTable;CasinosTable.propTypes={module:prop_types_default().shape({items:prop_types_default().arrayOf({})}).isRequired,page:prop_types_default().shape({template:prop_types_default().string})},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/cards/operators-table/index.js"]={name:"CasinosTable",docgenInfo:CasinosTable.__docgenInfo,path:"src/components/atoms/cards/operators-table/index.js"})},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/atoms/cards/operators-table/table.module.scss":function(module,__webpack_exports__,__webpack_require__){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,".yg\\+Q\\+Xr0qWDJaHZXeuNQ9w\\=\\= table{width:100%;border-collapse:inherit;box-shadow:0 2px 16px rgba(23,24,47,.0784313725)}.yg\\+Q\\+Xr0qWDJaHZXeuNQ9w\\=\\= table thead tr th{text-align:left;background-color:var(--table-head-background);color:#fff;padding:1.2rem 0 1.2rem .8rem}.yg\\+Q\\+Xr0qWDJaHZXeuNQ9w\\=\\= table thead tr th:first-child{border-top-left-radius:var(--table-border-radius)}.yg\\+Q\\+Xr0qWDJaHZXeuNQ9w\\=\\= table thead tr th:last-child{border-top-right-radius:var(--table-border-radius)}.yg\\+Q\\+Xr0qWDJaHZXeuNQ9w\\=\\= table tr td{padding:1.2rem 0 1.2rem .8rem}.yg\\+Q\\+Xr0qWDJaHZXeuNQ9w\\=\\= table tr td a{text-decoration:underline}.yg\\+Q\\+Xr0qWDJaHZXeuNQ9w\\=\\= table tr td .QPG4xT7I3zRsxCWsK3xKhA\\=\\={color:red}.yg\\+Q\\+Xr0qWDJaHZXeuNQ9w\\=\\= table tr td:last-of-type a{padding-left:0;text-decoration:none;font-size:1.6rem;font-weight:normal}.yg\\+Q\\+Xr0qWDJaHZXeuNQ9w\\=\\= table tr:nth-child(odd){background-color:var(--table-highlight)}@media only screen and (max-width:767px){.yg\\+Q\\+Xr0qWDJaHZXeuNQ9w\\=\\= table thead{display:none}.yg\\+Q\\+Xr0qWDJaHZXeuNQ9w\\=\\= table tbody tr:first-child td{color:#fff;background-color:var(--table-head-background);border-radius:0}.yg\\+Q\\+Xr0qWDJaHZXeuNQ9w\\=\\= table tbody tr:first-child td .QPG4xT7I3zRsxCWsK3xKhA\\=\\={color:#fff}.yg\\+Q\\+Xr0qWDJaHZXeuNQ9w\\=\\= table tbody tr:first-child td:first-child{border-top-left-radius:var(--table-border-radius);border-top-right-radius:var(--table-border-radius)}.yg\\+Q\\+Xr0qWDJaHZXeuNQ9w\\=\\= table tbody tr:first-child td a{color:#fff;text-decoration:underline}.yg\\+Q\\+Xr0qWDJaHZXeuNQ9w\\=\\= table tbody tr td{display:block;text-align:left;border-bottom:1px solid #bfd3e5;width:100%}.yg\\+Q\\+Xr0qWDJaHZXeuNQ9w\\=\\= table tbody tr:last-child td{border-radius:0}.yg\\+Q\\+Xr0qWDJaHZXeuNQ9w\\=\\= table tbody tr:last-child td:last-child{border-bottom-right-radius:var(--table-border-radius);border-bottom-left-radius:var(--table-border-radius);border-bottom:none}}","",{version:3,sources:["webpack://./src/components/atoms/cards/operators-table/table.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAeE,oCACE,UAAA,CACA,uBAAA,CACA,gDAAA,CAGI,gDACE,eAAA,CACA,6CAAA,CACA,UAAA,CACA,6BAAA,CACA,4DACE,iDAAA,CAGF,2DACE,kDAAA,CAMN,0CACE,6BAAA,CACA,4CACE,yBAAA,CAEF,sEACE,SAAA,CAGA,yDACE,cAAA,CACA,oBAAA,CACA,gBAAA,CACA,kBAAA,CAIN,sDACE,uCAAA,CCIN,yCDCI,0CACE,YAAA,CAMI,4DACE,UAAA,CACA,6CAAA,CACA,eAAA,CACA,wFACE,UAAA,CAEF,wEACE,iDAAA,CACA,kDAAA,CAGF,8DACE,UAAA,CACA,yBAAA,CAKN,gDACE,aAAA,CACA,eAAA,CACA,+BAAA,CACA,UAAA,CAIA,2DACE,eAAA,CACA,sEACE,qDAAA,CACA,oDAAA,CACA,kBAAA,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  table {\n    width: 100%;\n    border-collapse: inherit;\n    box-shadow: 0 2px 16px #17182f14;\n    thead {\n      tr {\n        th {\n          text-align: left;\n          background-color: var(--table-head-background);\n          color: white;\n          padding: 1.2rem 0 1.2rem 0.8rem;\n          &:first-child {\n            border-top-left-radius: var(--table-border-radius);\n          }\n\n          &:last-child {\n            border-top-right-radius: var(--table-border-radius);\n          }\n        }\n      }\n    }\n    tr {\n      td {\n        padding: 1.2rem 0 1.2rem 0.8rem;\n        a {\n          text-decoration: underline;\n        }\n        .secondLine {\n          color: red;\n        }\n        &:last-of-type {\n          a {\n            padding-left: 0;\n            text-decoration: none;\n            font-size: 1.6rem;\n            font-weight: normal;\n          }\n        }\n      }\n      &:nth-child(odd) {\n        background-color: var(--table-highlight);\n      }\n    }\n\n    @include max(mobile) {\n      thead {\n        display: none;\n      }\n\n      tbody {\n        tr {\n          &:first-child {\n            td {\n              color: white;\n              background-color: var(--table-head-background);\n              border-radius: 0;\n              .secondLine {\n                color: white;\n              }\n              &:first-child {\n                border-top-left-radius: var(--table-border-radius);\n                border-top-right-radius: var(--table-border-radius);\n              }\n\n              a {\n                color: white;\n                text-decoration: underline;\n              }\n            }\n          }\n\n          td {\n            display: block;\n            text-align: left;\n            border-bottom: 1px solid #bfd3e5;\n            width: 100%;\n          }\n\n          &:last-child {\n            td {\n              border-radius: 0;\n              &:last-child {\n                border-bottom-right-radius: var(--table-border-radius);\n                border-bottom-left-radius: var(--table-border-radius);\n                border-bottom: none;\n              }\n            }\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"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={container:"yg+Q+Xr0qWDJaHZXeuNQ9w==",secondLine:"QPG4xT7I3zRsxCWsK3xKhA=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/495.b7d9f489.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[495],{"../node_modules/gatsby-core-theme/src/components/atoms/spotlights/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return spotlights}});__webpack_require__("../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../node_modules/core-js/modules/es.array.map.js");var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("../node_modules/gatsby-core-theme/node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),button_button=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/button/button.js"),spotlight_image_dimensions={testimonials:{width:100,height:50},template_2:{width:100,height:50},default:{width:150,height:200}},lazy_image=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/lazy-image/index.js"),keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.js"),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.mjs"),hooks_link=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/link/index.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),spotlights_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]!../node_modules/gatsby-core-theme/src/components/atoms/spotlights/spotlights.module.scss"),options={insert:"head",singleton:!1},spotlights_spotlights_module=(injectStylesIntoStyleTag_default()(spotlights_module.Z,options),spotlights_module.Z.locals||{}),Spotlights=function Spotlights(_ref){var module=_ref.module,_ref$themeStyles=_ref.themeStyles,themeStyles=void 0===_ref$themeStyles?{}:_ref$themeStyles,show_read_more=module.show_read_more,read_more_text=module.read_more_text,items=module.items,mode=module.mode,translations=((0,react.useContext)(MainProvider._)||{}).translations,content=function content(item){var img="icon"===mode?item.icon:item.image,imageSize=spotlight_image_dimensions[module.style]?spotlight_image_dimensions[module.style]:spotlight_image_dimensions.default,imageSrc=(0,getters.S7)(img,null==imageSize?void 0:imageSize.width,null==imageSize?void 0:imageSize.height),fileName=(0,getters.fv)(imageSrc),TitleTag=(null==item?void 0:item.title_tag)||"label";return react.createElement(react.Fragment,null,img&&react.createElement(lazy_image.Z,{width:null==imageSize?void 0:imageSize.width,height:null==imageSize?void 0:imageSize.height,alt:(0,getters.PY)(null==item?void 0:item.image_object,item.label||(null==item?void 0:item.link_text)||fileName),src:imageSrc}),(null==item?void 0:item.label)&&react.createElement(TitleTag,null,item.label),item.subtitle&&react.createElement("span",null,item.subtitle))};return react.createElement(react.Fragment,null,"1"===show_read_more&&react.createElement("div",{className:spotlights_spotlights_module.spotlightsText||"",dangerouslySetInnerHTML:{__html:read_more_text}}),react.createElement("ul",{className:"".concat(spotlights_spotlights_module.spotlightsContainer||""," ").concat(function getStyle(){return null!=module&&module.style?themeStyles[module.style]||spotlights_spotlights_module[module.style]:""}()||"")},items.map((function(item){return react.createElement("li",{key:(0,keygen.Z)()},item.link&&("external"===item.link.type?react.createElement("a",{href:item.link.value,className:"spotlights-gtm",title:item.label,target:"_blank",rel:"noreferrer","aria-label":"".concat((null==item?void 0:item.label)||(null==item?void 0:item.link_text)," Link")},content(item)):react.createElement(hooks_link.Z,{to:item.link.value,title:item.label,className:"spotlights-gtm","aria-label":"".concat((null==item?void 0:item.label)||(null==item?void 0:item.link_text)," Link")},content(item))),("image_text"===mode||"icon"===mode)&&(item.link&&item.link.value?react.createElement(react.Fragment,null,(null==item?void 0:item.text)&&react.createElement("div",{dangerouslySetInnerHTML:{__html:item.text}}),react.createElement(button_button.Z,{to:item.link.value,isInternalLink:!("external"===item.link.type),buttonType:"tertiary",gtmClass:"spotlights-gtm",btnText:item.link_text?item.link_text:(0,getters.Iu)(translations,"read_more","Read More")})):item.text&&react.createElement("div",{dangerouslySetInnerHTML:{__html:item.text}})))}))))};Spotlights.propTypes={themeStyles:prop_types_default().object,module:prop_types_default().shape({style:prop_types_default().string,mode:prop_types_default().oneOf(["image","icon","image_text"]).isRequired,items:prop_types_default().arrayOf(prop_types_default().shape({icon:prop_types_default().string,image:prop_types_default().string,label:prop_types_default().string,link:prop_types_default().shape({title:prop_types_default().string,type:prop_types_default().string,value:prop_types_default().string}),link_text:prop_types_default().string,text:prop_types_default().string})),read_more_text:prop_types_default().string,show_read_more:prop_types_default().string}).isRequired},Spotlights.__docgenInfo={description:"",methods:[],displayName:"Spotlights",props:{themeStyles:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"object"},required:!1},module:{description:"",type:{name:"shape",value:{style:{name:"string",required:!1},mode:{name:"enum",value:[{value:"'image'",computed:!1},{value:"'icon'",computed:!1},{value:"'image_text'",computed:!1}],required:!0},items:{name:"arrayOf",value:{name:"shape",value:{icon:{name:"string",required:!1},image:{name:"string",required:!1},label:{name:"string",required:!1},link:{name:"shape",value:{title:{name:"string",required:!1},type:{name:"string",required:!1},value:{name:"string",required:!1}},required:!1},link_text:{name:"string",required:!1},text:{name:"string",required:!1}}},required:!1},read_more_text:{name:"string",required:!1},show_read_more:{name:"string",required:!1}}},required:!0}}};var spotlights=Spotlights;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/spotlights/index.js"]={name:"Spotlights",docgenInfo:Spotlights.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/spotlights/index.js"})},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/atoms/spotlights/spotlights.module.scss":function(module,__webpack_exports__,__webpack_require__){var _css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_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(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"._2gWQDBLjYGzRtnO65dpVmQ\\=\\={margin:0 auto;width:100%;max-width:var(--main-container-max);display:grid;grid-template-columns:repeat(1, 1fr);column-gap:1rem}@media only screen and (min-width:768px){._2gWQDBLjYGzRtnO65dpVmQ\\=\\={grid-template-columns:repeat(2, 1fr)}}@media only screen and (min-width:1200px){._2gWQDBLjYGzRtnO65dpVmQ\\=\\={grid-template-columns:repeat(3, 1fr);column-gap:1.6rem}}._2gWQDBLjYGzRtnO65dpVmQ\\=\\= li{text-align:center;background-color:var(--color-9);border:none;margin-bottom:1rem;padding:1.5rem;display:flex;flex-direction:column}@media only screen and (min-width:1200px){._2gWQDBLjYGzRtnO65dpVmQ\\=\\= li{margin-bottom:1.6rem}}._2gWQDBLjYGzRtnO65dpVmQ\\=\\= li img{margin:0 auto;margin-bottom:1rem}._2gWQDBLjYGzRtnO65dpVmQ\\=\\= li>div>a{display:flex;flex-direction:column;color:#000;font-size:2rem;font-weight:700;margin-top:1rem;width:100%}._2gWQDBLjYGzRtnO65dpVmQ\\=\\= li>div>a label{cursor:pointer}._2gWQDBLjYGzRtnO65dpVmQ\\=\\= li span{display:block}._2gWQDBLjYGzRtnO65dpVmQ\\=\\= li svg{display:none}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/atoms/spotlights/spotlights.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,aAAA,CACA,UAAA,CACA,mCAAA,CAEA,YAAA,CACA,oCAAA,CACA,eAAA,CC+BA,yCDtCF,6BASI,oCAAA,CAAA,CC6BF,0CDtCF,6BAaI,oCAAA,CACA,iBAAA,CAAA,CAEF,gCACE,iBAAA,CACA,+BAAA,CACA,WAAA,CACA,kBAAA,CACA,cAAA,CE5BF,YAAA,CACA,qBFiC0B,CCW1B,0CDtBA,gCAQI,oBAAA,CAAA,CAKF,oCACE,aAAA,CACA,kBAAA,CAGF,sCEzCF,YAAA,CACA,qBFyC4B,CACxB,UAAA,CACA,cAAA,CACA,eAAA,CACA,eAAA,CACA,UAAA,CAEA,4CACE,cAAA,CAIJ,qCACE,aAAA,CAGF,oCACE,YAAA",sourcesContent:["// Global styles extended in each theme\n\n// Utils\n@import '../../../styles/utils/variables/typography';\n@import '../../../styles/utils/variables/layout';\n@import '../../../styles/utils/variables/stack-order';\n@import '../../../styles/utils/media-queries';\n@import '../../../styles/utils/icons';\n@import '../../../styles/utils/tooltip';\n@import '../../../styles/utils/loader';\n@import '../../../styles/utils/mixins';\n@import '../../../styles/utils/scrollbar';\n@import '../../../styles/utils/animations';\n\n.spotlightsContainer {\n  margin: 0 auto;\n  width: 100%;\n  max-width: var(--main-container-max);\n\n  display: grid;\n  grid-template-columns: repeat(1, 1fr);\n  column-gap: 1rem;\n  @include min(tablet) {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  @include min(desktop) {\n    grid-template-columns: repeat(3, 1fr);\n    column-gap: 1.6rem;\n  }\n  li {\n    text-align: center;\n    background-color: var(--color-9);\n    border: none;\n    margin-bottom: 1rem;\n    padding: 1.5rem;\n\n    @include min(desktop) {\n      margin-bottom: 1.6rem;\n    }\n\n    @include flex-direction(column);\n\n    img {\n      margin: 0 auto;\n      margin-bottom: 1rem;\n    }\n\n    > div > a {\n      @include flex-direction(column);\n      color: #000;\n      font-size: 2rem;\n      font-weight: 700;\n      margin-top: 1rem;\n      width: 100%;\n\n      label {\n        cursor: pointer;\n      }\n    }\n\n    span {\n      display: block;\n    }\n\n    svg {\n      display: none;\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={spotlightsContainer:"_2gWQDBLjYGzRtnO65dpVmQ=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/521.cac47219.iframe.bundle.js

@@ -1 +0,0 @@
-(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[521],{"./src/components/molecules/sportstake/lotto-module/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 sportstake_lotto_module}});__webpack_require__("../node_modules/core-js/modules/es.array.map.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),operator_cta=(__webpack_require__("../node_modules/core-js/modules/es.object.entries.js"),__webpack_require__("../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../node_modules/core-js/modules/es.array.slice.js"),__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/button/operator-cta.js")),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.mjs"),MainProvider=__webpack_require__("../node_modules/gatsby-core-theme/src/context/MainProvider.js"),keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.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},winning_numbers_lotto_module=(injectStylesIntoStyleTag_default()(lotto_module.Z,options),lotto_module.Z.locals||{}),WinningNumbers=function WinningNumbers(_ref){var data=_ref.data,template=_ref.template,_ref$operator=_ref.operator,operator=void 0===_ref$operator?null:_ref$operator,translations=((0,react.useContext)(MainProvider._)||{}).translations,balls=((null==data?void 0:data.drawDetails)||{}).balls,imageName="daily-lotto"!==(null==data?void 0:data.lottery)?null==data?void 0:data.lottery:"lotto",prettyLink=(0,getters.u4)(operator,"main",!1,template);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},"".concat((0,getters.Iu)(translations,"".concat(data.lottery,"_country"),"South Africa")," - ").concat(function prettyLabel(label){var _label$charAt,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));return upperCase&&upperCase.replaceAll("-"," ")}(null==data?void 0:data.lottery))),react.createElement("span",{className:winning_numbers_lotto_module.date},(0,lotto.p6)(null==data?void 0:data.drawDate))),react.createElement("div",{className:winning_numbers_lotto_module.imgContainer},react.createElement("img",{src:"../../../../../images/".concat(imageName,".png"),alt:"".concat(null==data?void 0:data.lottery,"-lottery"),width:167,height:57})),function getWinningNumbers(){return react.createElement("ul",{className:winning_numbers_lotto_module.numbersWrapper},Object.entries(balls).map((function(value){return react.createElement("li",{key:(0,keygen.Z)(),className:"".concat(winning_numbers_lotto_module.number," ").concat("bonus"===value[0]?winning_numbers_lotto_module.bonusBall:"")},value[1])})))}(),operator&&react.createElement("div",{className:winning_numbers_lotto_module.btnContainer},react.createElement(operator_cta.Z,{module:"lotto",operator:operator,pageTemplate:template,translationsObj:{active:{translationKey:"play_now",defaultValue:"Play Now"},not_recommended:{translationKey:"not_recommended",defaultValue:"Not Recommended"},coming_soon:{translationKey:"coming_soon",defaultValue:"Soon Available"},inactive:{translationKey:"inactive",defaultValue:"Not Accepting New Players"},blacklisted:{translationKey:"blacklisted",defaultValue:"Blacklisted"}}}))),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,getters.Iu)(translations,"no_winners","There were no winners this week.")),react.createElement("a",{target:"_blank",href:prettyLink,rel:"nofollow noreferrer sponsored"},react.createElement("p",{className:winning_numbers_lotto_module.linkCta},(0,getters.Iu)(translations,"get_tickets","Get your ticket in for the next draw!"))))))};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}}};var 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},"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"});__webpack_require__("../node_modules/core-js/modules/es.parse-float.js");var 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},rollover_rollover_module=(injectStylesIntoStyleTag_default()(rollover_module.Z,rollover_module_options),rollover_module.Z.locals||{}),Rollover=function Rollover(_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.tM)(lotteryName,"rollover"),rows=[{title:"Rollover amount for next draw:",value:rolloverAmount="R".concat((0,lotto.Dq)(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".concat((0,lotto.Dq)(parseFloat(totalPrizePool)))},{title:"Total sales:",value:totalSales="R".concat((0,lotto.Dq)(parseFloat(totalSales)))},{title:"Next Estimated Jackpot:",value:estimatedJackpot="R".concat((0,lotto.Dq)(parseFloat(estimatedJackpot))),redColor:!0},{title:"Next Draw Date:",value:(0,lotto.p6)(nextDrawDate)}];return react.createElement("div",{className:rollover_rollover_module.rolloverContainer},rows.map((function(item){return react.createElement("div",{key:(0,keygen.Z)(),className:"".concat(rollover_rollover_module.rollover," ").concat(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.Z,{module:"lotto",operator:operator,pageTemplate:template,translationsObj:{active:{translationKey:"".concat(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}}};var 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"});__webpack_require__("../node_modules/core-js/modules/es.object.values.js"),__webpack_require__("../node_modules/core-js/modules/es.number.constructor.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},lotto_table_lotto_table_module=(injectStylesIntoStyleTag_default()(lotto_table_module.Z,lotto_table_module_options),lotto_table_module.Z.locals||{}),LottoTable=function LottoTable(_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.tM)(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.pM)(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.Z)(),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},"".concat(null==div?void 0:div.winners," Winners ").concat(hasWinners?"- R".concat((0,lotto.Dq)(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.Z)(),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},"".concat(null==div?void 0:div.winners," Winners ").concat(hasWinners?"- R".concat((0,lotto.Dq)(parseFloat(null==div?void 0:div.payout))):"")))}))),operator&&react.createElement("div",{className:lotto_table_lotto_table_module.btnContainer},react.createElement(operator_cta.Z,{operator:operator,pageTemplate:template,module:"lotto",translationsObj:{active:{translationKey:"".concat(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}}};var 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 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},lotto_module_lotto_module_module=(injectStylesIntoStyleTag_default()(lotto_module_module.Z,lotto_module_module_options),lotto_module_module.Z.locals||{}),LottoModule=function LottoModule(_ref){var serverData=_ref.serverData,_ref2=_ref.page||{},template=_ref2.template,operator=(_ref2.extra_fields||{}).operator,latestDrawResults=serverData.latestDrawResults;return latestDrawResults&&latestDrawResults.map((function(draw){return react.createElement("div",{className:lotto_module_lotto_module_module.row},react.createElement(winning_numbers,{data:draw,lotteryName:draw.lottery,template:template,operator:operator}),react.createElement(rollover,{data:draw,lotteryName:draw.lottery,template:template,operator:operator}),react.createElement(lotto_table,{data:draw,lotteryName:draw.lottery,template:template,operator:operator}))}))},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({})})})}},"../node_modules/core-js/internals/number-parse-float.js":function(module,__unused_webpack_exports,__webpack_require__){var global=__webpack_require__("../node_modules/core-js/internals/global.js"),fails=__webpack_require__("../node_modules/core-js/internals/fails.js"),uncurryThis=__webpack_require__("../node_modules/core-js/internals/function-uncurry-this.js"),toString=__webpack_require__("../node_modules/core-js/internals/to-string.js"),trim=__webpack_require__("../node_modules/core-js/internals/string-trim.js").trim,whitespaces=__webpack_require__("../node_modules/core-js/internals/whitespaces.js"),charAt=uncurryThis("".charAt),$parseFloat=global.parseFloat,Symbol=global.Symbol,ITERATOR=Symbol&&Symbol.iterator,FORCED=1/$parseFloat(whitespaces+"-0")!=-1/0||ITERATOR&&!fails((function(){$parseFloat(Object(ITERATOR))}));module.exports=FORCED?function parseFloat(string){var trimmedString=trim(toString(string)),result=$parseFloat(trimmedString);return 0===result&&"-"==charAt(trimmedString,0)?-0:result}:$parseFloat},"../node_modules/core-js/modules/es.parse-float.js":function(__unused_webpack_module,__unused_webpack_exports,__webpack_require__){var $=__webpack_require__("../node_modules/core-js/internals/export.js"),$parseFloat=__webpack_require__("../node_modules/core-js/internals/number-parse-float.js");$({global:!0,forced:parseFloat!=$parseFloat},{parseFloat:$parseFloat})},"../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":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,".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:["// 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.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=="},__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/sportstake/lotto-module/lotto-table/lotto-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,"._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:["// 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.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=="},__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/sportstake/lotto-module/rollover/rollover.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,".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:["// 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.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=="},__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/sportstake/lotto-module/winning-numbers/lotto.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,"._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)}.Bm5HLqa58V8UptXDa5aJUA\\=\\=>a{height:4.8rem;font-weight:700;font-size:2rem;line-height:3rem}@media only screen and (min-width:768px){.Bm5HLqa58V8UptXDa5aJUA\\=\\={max-width:20rem}}.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:1rem;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}","",{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,CAIA,8BACE,aAAA,CACA,eAAA,CACA,cAAA,CACA,gBAAA,CChCF,yCD2BF,4BASI,eAAA,CAAA,CAIJ,4BACE,YAAA,CACA,iBAAA,CACA,0DAAA,CACA,oBAAA,CC5CA,yCDwCF,4BAOI,eAAA,CACA,SAAA,CAAA,CAIJ,6BEvGE,YAAA,CACA,kBFuGoB,CEtGpB,sBFsG4B,CAC5B,mBAAA,CACA,iBAAA,CACA,iBAAA,CACA,UAAA,CACA,WAAA,CC1DA,yCDoDF,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",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.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.btnContainer {\n  > a {\n    height: 4.8rem;\n    font-weight: 700;\n    font-size: 2rem;\n    line-height: 3rem;\n  }\n\n  @include min(tablet) {\n    max-width: 20rem;\n  }\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: 1rem;\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","$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==",btnContainer:"Bm5HLqa58V8UptXDa5aJUA==",informationBlock:"WBv8fsWYsP0GG22mvh33Bg==",logoContainer:"_2dzBdzmZSmWPWZ-i4TAAHg==",infoText:"QLmUOmdu-XvJaHnRdZx4bQ==",label:"jylYsTXjxaeJzqBzPaWVVA==",linkCta:"BuNa7ik-KGGbwV6ORLc83Q=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);