gatsby-matrix-theme 40.0.19 → 40.0.21

package/storybook/public/{972.46b935fe.iframe.bundle.js.LICENSE.txt → 728.ae4470e4.iframe.bundle.js.LICENSE.txt}

@@ -1,9 +1,3 @@
-/*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-
 /*!
  * The buffer module from node.js, for the browser.
  *
@@ -46,8 +40,6 @@ OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
 PERFORMANCE OF THIS SOFTWARE.
 ***************************************************************************** */
 
-/*! regenerator-runtime -- Copyright (c) 2014-present, Facebook, Inc. -- license (MIT): https://github.com/facebook/regenerator/blob/main/LICENSE */
-
 /**
  * @license React
  * react-dom.production.min.js

package/storybook/public/{972.46b935fe.iframe.bundle.js.map → 728.ae4470e4.iframe.bundle.js.map}

@@ -1 +1 @@
-{"version":3,"file":"972.46b935fe.iframe.bundle.js","mappings":";;;;;AAWA","sources":["webpack://gatsby-matrix-theme/../node_modules/@storybook/addon-docs/blocks.js"],"sourcesContent":["import deprecate from 'util-deprecate';\nimport dedent from 'ts-dedent';\n\nconst warnBlocksImport = deprecate(\n  () => {},\n  dedent`\n    Importing from '@storybook/addon-docs/blocks' is deprecated, import directly from '@storybook/addon-docs' instead:\n    \n    https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-scoped-blocks-imports\n`\n);\nwarnBlocksImport();\n\nexport * from './dist/esm/blocks';\n"],"names":[],"sourceRoot":""}
+{"version":3,"file":"728.ae4470e4.iframe.bundle.js","mappings":";;;;;AAWA","sources":["webpack://gatsby-matrix-theme/../node_modules/@storybook/addon-docs/blocks.js"],"sourcesContent":["import deprecate from 'util-deprecate';\nimport dedent from 'ts-dedent';\n\nconst warnBlocksImport = deprecate(\n  () => {},\n  dedent`\n    Importing from '@storybook/addon-docs/blocks' is deprecated, import directly from '@storybook/addon-docs' instead:\n    \n    https://github.com/storybookjs/storybook/blob/next/MIGRATION.md#deprecated-scoped-blocks-imports\n`\n);\nwarnBlocksImport();\n\nexport * from './dist/esm/blocks';\n"],"names":[],"sourceRoot":""}

package/storybook/public/776.44fd86a4.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[776],{"../node_modules/gatsby-core-theme/src/components/organisms/accordion/variants/template-one/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>template_one});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),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),template_one_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/organisms/accordion/variants/template-one/template-one.module.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(template_one_module.A,options);const template_one_template_one_module=template_one_module.A.locals||{};var keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.js"),TemplateOne=function(_ref){var module=_ref.module,_ref$openAll=_ref.openAll,openAll=void 0!==_ref$openAll&&_ref$openAll,openItem=_ref.openItem,_ref$closeOthers=_ref.closeOthers,closeOthers=void 0!==_ref$closeOthers&&_ref$closeOthers,items=module.items,itemRefs=(0,react.useRef)([]),btnRefs=(0,react.useRef)([]),toggle=function(index){btnRefs.current[index][0].classList.toggle(template_one_template_one_module.invertArrow),itemRefs.current[index][0].classList.toggle(template_one_template_one_module.active),closeOthers&&function(index){for(var i=0;i<itemRefs.current.length;i+=1)i!==index&&(itemRefs.current[i][0].classList.remove(template_one_template_one_module.active),btnRefs.current[i][0].classList.remove(template_one_template_one_module.invertArrow))}(index)};return(0,react.useEffect)((function(){openAll&&function(){for(var i=0;i<itemRefs.current.length;i+=1)void 0!==itemRefs.current[i]&&(itemRefs.current[i][0].classList.add(template_one_template_one_module.active),btnRefs.current[i][0].classList.add(template_one_template_one_module.invertArrow))}()}),[openAll]),(0,react.useEffect)((function(){var index;openItem&&(index=openItem-1,itemRefs.current.filter((function(ref){return ref.length>0})),itemRefs.current[index]&&(itemRefs.current[index][0].classList.add(template_one_template_one_module.active),btnRefs.current[index][0].classList.add(template_one_template_one_module.invertArrow)))}),[openItem]),react.createElement(react.Fragment,null,react.createElement("div",{className:template_one_template_one_module.accordionContainer||""},items.map((function(item,index){return item.content&&react.createElement("div",{key:(0,keygen.A)(),className:template_one_template_one_module.accordionItem||""},react.createElement("button",{onClick:function(){return toggle(index)},className:"".concat(template_one_template_one_module.title||""," accordion-gtm btn-cta"),type:"button",ref:function(el){btnRefs.current[index]=btnRefs.current[index]||[],btnRefs.current[index].push(el)}},react.createElement("div",{dangerouslySetInnerHTML:{__html:item.title}})),react.createElement("div",{className:template_one_template_one_module.content||"",ref:function(el){itemRefs.current[index]=itemRefs.current[index]||[],itemRefs.current[index].push(el)}},react.createElement("div",{dangerouslySetInnerHTML:{__html:item.content}})))}))))};TemplateOne.propTypes={module:prop_types_default().shape({anchor_label:prop_types_default().string,items:prop_types_default().arrayOf(prop_types_default().shape({title:prop_types_default().string,content:prop_types_default().string}))}).isRequired,openAll:prop_types_default().bool,openItem:prop_types_default().number,closeOthers:prop_types_default().bool,styles:prop_types_default().shape({})},TemplateOne.__docgenInfo={description:"",methods:[],displayName:"TemplateOne",props:{openAll:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},closeOthers:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},module:{description:"",type:{name:"shape",value:{anchor_label:{name:"string",required:!1},items:{name:"arrayOf",value:{name:"shape",value:{title:{name:"string",required:!1},content:{name:"string",required:!1}}},required:!1}}},required:!0},openItem:{description:"",type:{name:"number"},required:!1},styles:{description:"",type:{name:"shape",value:{}},required:!1}}};const template_one=TemplateOne;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/organisms/accordion/variants/template-one/index.js"]={name:"TemplateOne",docgenInfo:TemplateOne.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/organisms/accordion/variants/template-one/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/organisms/accordion/variants/template-one/template-one.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});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,'.YlMIwp9KDAz-FU1vQGW-8Q\\=\\={padding:0 1.6rem}@media only screen and (min-width:768px){.YlMIwp9KDAz-FU1vQGW-8Q\\=\\={padding:0 2.4rem}}.YlMIwp9KDAz-FU1vQGW-8Q\\=\\= .peFyv\\+3TCBS7N4VVi\\+WA9w\\=\\={display:flex;flex-direction:column;padding:1rem 1.6rem 1.6rem;background-color:#fff;border-radius:.6rem;margin:1.6rem 0;border:1px solid #ccc}.YlMIwp9KDAz-FU1vQGW-8Q\\=\\= .peFyv\\+3TCBS7N4VVi\\+WA9w\\=\\= .fcQ19dG928fhJNcQdxD7Fw\\=\\={position:relative;text-align:left;color:var(--color-12);background:rgba(0,0,0,0);max-width:unset;border:none;justify-content:left;font-size:1.8rem;font-weight:700;padding:1rem 0;outline:none}.YlMIwp9KDAz-FU1vQGW-8Q\\=\\= .peFyv\\+3TCBS7N4VVi\\+WA9w\\=\\= .fcQ19dG928fhJNcQdxD7Fw\\=\\=:hover,.YlMIwp9KDAz-FU1vQGW-8Q\\=\\= .peFyv\\+3TCBS7N4VVi\\+WA9w\\=\\= .fcQ19dG928fhJNcQdxD7Fw\\=\\=:focus{outline:none}.YlMIwp9KDAz-FU1vQGW-8Q\\=\\= .peFyv\\+3TCBS7N4VVi\\+WA9w\\=\\= .fcQ19dG928fhJNcQdxD7Fw\\=\\=:after{transition:0s;content:"";border:solid #000;border-width:0 .3rem .3rem 0;padding:.3rem;transform:translateY(-50%) rotate(45deg);position:absolute;right:.5rem;top:50%}.YlMIwp9KDAz-FU1vQGW-8Q\\=\\= .peFyv\\+3TCBS7N4VVi\\+WA9w\\=\\= .fcQ19dG928fhJNcQdxD7Fw\\=\\=.BLfcBDjGM\\+IYgRil5WZrkg\\=\\=:after{transform:translateY(-50%) rotate(-135deg)}.YlMIwp9KDAz-FU1vQGW-8Q\\=\\= .peFyv\\+3TCBS7N4VVi\\+WA9w\\=\\= .zItWD6SR14EIspKWd9-\\+fA\\=\\={max-height:0;transition:max-height 0s ease-out;overflow:hidden;font-size:1.6rem;color:var(--color-20);padding:0}.YlMIwp9KDAz-FU1vQGW-8Q\\=\\= .peFyv\\+3TCBS7N4VVi\\+WA9w\\=\\= .zItWD6SR14EIspKWd9-\\+fA\\=\\=._8VoMztJeRBO1MEYknG-d8A\\=\\=,.YlMIwp9KDAz-FU1vQGW-8Q\\=\\= .peFyv\\+3TCBS7N4VVi\\+WA9w\\=\\= .zItWD6SR14EIspKWd9-\\+fA\\=\\=.RpccZafECZirmjCjjBx8kQ\\=\\={display:inherit;max-height:20rem;transition:max-height 0s ease-in;overflow-y:auto}.YlMIwp9KDAz-FU1vQGW-8Q\\=\\= .peFyv\\+3TCBS7N4VVi\\+WA9w\\=\\= .zItWD6SR14EIspKWd9-\\+fA\\=\\= p{padding:1rem 0}',"",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/organisms/accordion/variants/template-one/template-one.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_icons.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_animations.scss"],names:[],mappings:"AAcA,4BACE,gBAAA,CCqCA,yCDtCF,4BAGI,gBAAA,CAAA,CAEF,0DACE,YAAA,CACA,qBAAA,CACA,0BAAA,CACA,qBAAA,CACA,mBAAA,CACA,eAAA,CACA,qBAAA,CAEA,sFACE,iBAAA,CACA,eAAA,CACA,qBAAA,CACA,wBAAA,CACA,eAAA,CACA,WAAA,CACA,oBAAA,CACA,gBAAA,CACA,eAAA,CACA,cAAA,CACA,YAAA,CACA,wLAEE,YAAA,CAGF,4FACE,aAAA,CE7CN,UAAA,CAaE,iBAAA,CACA,4BAAA,CACA,aAHQ,CAsBR,wCAAA,CFaI,iBAAA,CACA,WAAA,CACA,OAAA,CAIA,wHACE,0CAAA,CAKN,uFG/BF,YAAA,CA5BA,iCA8BA,CACA,eAAA,CH8BI,gBAAA,CACA,qBAAA,CACA,SAAA,CG9BJ,qOAEE,eAAA,CACA,gBHwBwB,CG5D1B,gCAqCE,CACA,eAAA,CH2BE,yFACE,cAAA",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.accordionContainer {\n  padding: 0 1.6rem;\n  @include min(tablet) {\n    padding: 0 2.4rem;\n  }\n  .accordionItem {\n    display: flex;\n    flex-direction: column;\n    padding: 1rem 1.6rem 1.6rem;\n    background-color: #fff;\n    border-radius: 0.6rem;\n    margin: 1.6rem 0;\n    border: 1px solid #ccc;\n\n    .title {\n      position: relative;\n      text-align: left;\n      color: var(--color-12);\n      background: transparent;\n      max-width: unset;\n      border: none;\n      justify-content: left;\n      font-size: 1.8rem;\n      font-weight: 700;\n      padding: 1rem 0;\n      outline: none;\n      &:hover,\n      &:focus {\n        outline: none;\n      }\n\n      &:after {\n        transition: 0s;\n        @include arrow(black, 0.9rem, down, false, translateY(-50%));\n        position: absolute;\n        right: 0.5rem;\n        top: 50%;\n      }\n\n      &.invertArrow {\n        &:after {\n          transform: translateY(-50%) rotate(-135deg);\n        }\n      }\n    }\n\n    .content {\n      @include collapse(0s, 20rem);\n      font-size: 1.6rem;\n      color: var(--color-20);\n      padding: 0;\n\n      p {\n        padding: 1rem 0;\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 arrow($color, $size, $orientation, $solid: true, $transform: '') {\n  content: '';\n\n  $rotation_right: 90deg;\n  $rotation_down: 180deg;\n  $rotation_left: -90deg;\n  $rotation: rotate(-135deg);\n\n  @if ($solid) {\n    border-left: $size solid transparent;\n    border-right: $size solid transparent;\n    border-bottom: $size solid $color;\n  } @else {\n    $size:  calc($size/3);\n    border: solid $color;\n    border-width: 0 $size $size 0;\n    padding: $size;\n  }\n\n  $rotation_right: -45deg;\n  $rotation_down: 45deg;\n  $rotation_left: 135deg;\n\n  @if ($orientation == up) {\n    bottom: 100%;\n    left: calc(50% - #{$size});\n  } @else if ($orientation == right) {\n    $rotation: rotate($rotation_right);\n  } @else if ($orientation == down) {\n    $rotation: rotate($rotation_down);\n  } @else if ($orientation == left) {\n    $rotation: rotate($rotation_left);\n  }\n\n  @if ($transform != '') {\n    transform: $transform $rotation;\n  } @else {\n    transform: $rotation;\n  }\n}\n\n@mixin circle($color, $size) {\n  content: '';\n  width: $size;\n  height: $size;\n  background: $color;\n  border-radius: 50%;\n}\n\n@mixin circle-bordered($color, $size, $border-width, $border-color) {\n  @include circle($color, $size);\n  border: $border-width solid $border-color;\n}\n\n@mixin iframe-play($color, $bg-color) {\n  &:before {\n    @include arrow($color, 1rem, right, true);\n    border-bottom-width: 2rem;\n    z-index: 1;\n  }\n\n  &:after {\n    @include circle-bordered($bg-color, 8rem, 1rem, transparentize($bg-color, 0.2));\n  }\n\n  &:before,\n  &:after {\n    cursor: pointer;\n    transition: all 0.25s linear;\n  }\n\n  &:hover,\n  &:focus {\n    &:before {\n      border-bottom: 2rem solid $bg-color;\n    }\n\n    &:after {\n      border-color: transparentize($color, 0.2);\n      background-color: $color;\n    }\n  }\n}\n\n@mixin close($size, $thickness, $color) {\n  & {\n    display: inline-block;\n    width: $size;\n    height: $size;\n  }\n\n  &:before,\n  &:after {\n    content: '';\n    display: block;\n    width: 140%;\n    height: $thickness;\n    background: $color;\n    border-radius: 0.1rem;\n  }\n\n  &:before {\n    transform: rotate(45deg);\n    transform-origin: 0 0;\n    margin: - calc($thickness / 4) 0 0 calc($thickness / 2);\n  }\n\n  &:after {\n    transform: rotate(-45deg);\n    transform-origin: 100% 0;\n    margin: -$thickness 0 0 -45%;\n  }\n}\n\n@mixin nav-icon($size, $color, $thickness: 5px, $translate: 12px) {\n  width: $size;\n\n  &:before,\n  &:after,\n  div {\n    background-color: $color;\n    border-radius: 3px;\n    content: '';\n    display: block;\n    height: $thickness;\n    margin: 7px 0;\n    transition: all 0.2s ease-in-out;\n  }\n\n  &:before {\n    margin: 0;\n  }\n\n  &:after {\n    width: 50%;\n    margin: 0 0 0 auto;\n  }\n\n  &.active {\n    &:before {\n      transform: translateY($translate) rotate(135deg);\n    }\n\n    &:after {\n      margin: 7px 0;\n      width: auto;\n      transform: translateY(-$translate) rotate(-135deg);\n    }\n\n    div {\n      transform: scale(0);\n    }\n  }\n}\n\n@mixin nav-icon-2($size, $color, $thickness: 5px, $translate: 12px) {\n  width: $size;\n\n  &:before,\n  &:after,\n  div {\n    background-color: $color;\n    border-radius: 1px;\n    content: '';\n    display: block;\n    height: $thickness;\n    margin: 4px 0;\n    transition: all 0.2s ease-in-out;\n    width: 100%;\n  }\n\n  &:before {\n    margin: 0;\n  }\n\n  &:after {\n    margin: 0 0 0 auto;\n  }\n\n  &.active {\n    &:before {\n      transform: translateY($translate) rotate(135deg);\n    }\n\n    &:after {\n      margin: 10px 0;\n      width: auto;\n      transform: translateY(-$translate) rotate(-135deg);\n    }\n\n    div {\n      transform: scale(0);\n    }\n  }\n}\n\n","@mixin transition($args...) {\n  transition: $args;\n}\n\n@mixin visibility {\n  position: absolute;\n  opacity: 0;\n  transition: visibility 0s linear 0.33s, opacity 0.33s linear;\n  z-index: map-get($z-index, below-content);\n  &.show {\n    opacity: 1;\n    z-index: map-get($z-index, modal);\n    &.list {\n      z-index: map-get($z-index, --scroll-to-top-index);\n    }\n  }\n}\n\n@mixin slide($from, $position, $fromVal: -100%, $toVal: 0) {\n  position: $position;\n  @include transition(1.5s);\n  #{$from}: $fromVal;\n\n  &.show {\n    #{$from}: $toVal;\n  }\n}\n\n@mixin collapse($time: 0.15s, $maxHeight: 500px) {\n  max-height: 0;\n  // display: none;\n  @include transition(max-height $time ease-out);\n  overflow: hidden;\n\n  &.show,\n  &.active {\n    display: inherit;\n    max-height: $maxHeight;\n    @include transition(max-height $time ease-in);\n    overflow-y: auto;\n  }\n}\n\n@mixin collapse-full($time: 0.15s, $removeHeight: 0px) {\n  height: 0;\n  @include transition(height $time ease-out);\n  overflow: hidden;\n\n  &.show,\n  &.active {\n    height: calc(100vh - #{$removeHeight});\n    @include transition(height $time ease-in);\n  }\n}\n\n@mixin arrow-rotate($translate: 50%, $rotate: -135deg) {\n  &:after {\n    transform: translateY($translate) rotate($rotate);\n  }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={accordionContainer:"YlMIwp9KDAz-FU1vQGW-8Q==",accordionItem:"peFyv+3TCBS7N4VVi+WA9w==",title:"fcQ19dG928fhJNcQdxD7Fw==",invertArrow:"BLfcBDjGM+IYgRil5WZrkg==",content:"zItWD6SR14EIspKWd9-+fA==",show:"_8VoMztJeRBO1MEYknG-d8A==",active:"RpccZafECZirmjCjjBx8kQ=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/777.54713435.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[777],{"../node_modules/gatsby-core-theme/src/components/organisms/archive/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>archive});__webpack_require__("../node_modules/core-js/modules/web.dom-collections.iterator.js");var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("../node_modules/gatsby-core-theme/node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),pagination=__webpack_require__("../node_modules/gatsby-core-theme/src/components/molecules/pagination/index.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),cards_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/organisms/cards/cards.module.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(cards_module.A,options);const cards_cards_module=cards_module.A.locals||{};var default_card=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/cards/default-card/index.js"),keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.js"),CardsGridStyles=function(_ref){var module=_ref.module,children=_ref.children,_ref$mobileColumns=_ref.mobileColumns,mobileColumns=void 0===_ref$mobileColumns?2:_ref$mobileColumns,_ref$tabletColumns=_ref.tabletColumns,tabletColumns=void 0===_ref$tabletColumns?3:_ref$tabletColumns,_ref$desktopColumns=_ref.desktopColumns,desktopColumns=void 0===_ref$desktopColumns?4:_ref$desktopColumns,_ref$className=_ref.className,className=void 0===_ref$className?"":_ref$className,divStyle={"--cards-mob-column":"".concat(module.mobile_num_of_columns?module.mobile_num_of_columns:mobileColumns),"--cards-tablet-column":"".concat(module.tablet_num_of_columns?module.tablet_num_of_columns:tabletColumns),"--cards-desktop-column":"".concat(module.desktop_num_of_columns?module.desktop_num_of_columns:desktopColumns)};return react.createElement("div",{className:className||"",style:divStyle},children)};CardsGridStyles.displayName="CardsGridStyles",CardsGridStyles.propTypes={className:prop_types_default().string,module:prop_types_default().shape({mobile_num_of_columns:prop_types_default().oneOfType([prop_types_default().number,prop_types_default().string]),tablet_num_of_columns:prop_types_default().oneOfType([prop_types_default().number,prop_types_default().string]),desktop_num_of_columns:prop_types_default().oneOfType([prop_types_default().number,prop_types_default().string])}).isRequired,children:prop_types_default().oneOfType([prop_types_default().arrayOf(prop_types_default().node),prop_types_default().node,prop_types_default().any]),mobileColumns:prop_types_default().number,tabletColumns:prop_types_default().number,desktopColumns:prop_types_default().number};var Cards=function(_ref2){var module=_ref2.module,CustomCardComponent=_ref2.CustomCardComponent,page=_ref2.page,_ref2$desktopColumns=_ref2.desktopColumns,desktopColumns=void 0===_ref2$desktopColumns?4:_ref2$desktopColumns,_ref2$tabletColumns=_ref2.tabletColumns,tabletColumns=void 0===_ref2$tabletColumns?3:_ref2$tabletColumns,_ref2$mobileColumns=_ref2.mobileColumns,mobileColumns=void 0===_ref2$mobileColumns?2:_ref2$mobileColumns;return react.createElement(CardsGridStyles,{module,desktopColumns,tabletColumns,mobileColumns,className:cards_cards_module.cardsContainer},module.items&&module.items.map((function(item,index){return CustomCardComponent?react.createElement(CustomCardComponent,{key:(0,keygen.A)(),featured:"featured"===module.style,item,type:item.type,number:index+1,page}):react.createElement(default_card.A,{key:(0,keygen.A)(),item})})))};Cards.displayName="Cards",Cards.propTypes={module:prop_types_default().shape({items:prop_types_default().arrayOf(prop_types_default().object),featured_index:prop_types_default().number,style:prop_types_default().string}).isRequired,CustomCardComponent:prop_types_default().oneOfType([prop_types_default().element,prop_types_default().any]),page:prop_types_default().shape({}),desktopColumns:prop_types_default().number,tabletColumns:prop_types_default().number,mobileColumns:prop_types_default().number},Cards.__docgenInfo={description:"",methods:[],displayName:"Cards",props:{desktopColumns:{defaultValue:{value:"4",computed:!1},description:"",type:{name:"number"},required:!1},tabletColumns:{defaultValue:{value:"3",computed:!1},description:"",type:{name:"number"},required:!1},mobileColumns:{defaultValue:{value:"2",computed:!1},description:"",type:{name:"number"},required:!1},module:{description:"",type:{name:"shape",value:{items:{name:"arrayOf",value:{name:"object"},required:!1},featured_index:{name:"number",required:!1},style:{name:"string",required:!1}}},required:!0},CustomCardComponent:{description:"",type:{name:"union",value:[{name:"element"},{name:"any"}]},required:!1},page:{description:"",type:{name:"shape",value:{}},required:!1}}};const cards=Cards;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/organisms/cards/index.js"]={name:"Cards",docgenInfo:Cards.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/organisms/cards/index.js"});var Items=function(_ref){var module=_ref.module,page=_ref.page;return react.createElement(cards,{module,page})};Items.displayName="Items",Items.propTypes={module:prop_types_default().shape({module_title:prop_types_default().string}).isRequired,page:prop_types_default().shape({})},Items.__docgenInfo={description:"",methods:[],displayName:"Items",props:{module:{description:"",type:{name:"shape",value:{module_title:{name:"string",required:!1}}},required:!0},page:{description:"",type:{name:"shape",value:{}},required:!1}}};const items=Items;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/archive/items/index.js"]={name:"Items",docgenInfo:Items.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/archive/items/index.js"});var button_button=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/button/button.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"),archive_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/organisms/archive/archive.module.scss"),archive_module_options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(archive_module.A,archive_module_options);const archive_archive_module=archive_module.A.locals||{};function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return _arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||_unsupportedIterableToArray(arr)||function _nonIterableSpread(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(arr,i)||_unsupportedIterableToArray(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 _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}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 Archive=function(_ref){var module=_ref.module,page=_ref.page,loadMore=_ref.loadMore,_ref$gtmClass=_ref.gtmClass,gtmClass=void 0===_ref$gtmClass?"":_ref$gtmClass,anchorLabel=_ref.anchorLabel,_useState2=_slicedToArray((0,react.useState)(_toConsumableArray(module.items)),2),moduleItems=_useState2[0],setModuleItems=_useState2[1],updatedModule=Object.assign({},module),hasLoadMore="load_more"===module.pagination_type,translations=((0,react.useContext)(MainProvider.o)||{}).translations;(0,react.useEffect)((function(){if("load_more"===module.pagination_type){var items=module.items.filter((function(item,index){return index<parseInt(loadMore?loadMore.limit:9)}));setModuleItems(items)}}),[module,module.items,loadMore]);return updatedModule.items=moduleItems,react.createElement(react.Fragment,null,react.createElement(items,{module:updatedModule,page,gtmClass}),hasLoadMore?module.items.length>updatedModule.items.length&&react.createElement("div",{className:archive_archive_module.loadMoreWrapper||""},react.createElement(button_button.A,{btnText:(0,getters.Tl)(translations,"load_more","Load More"),onClick:function(){var items=_toConsumableArray(module.items);items.length>moduleItems.length&&(items=items.filter((function(item,index){return index<moduleItems.length+parseInt(loadMore?loadMore.increment:9)})),setModuleItems(items))},buttonType:"tertiary",buttonSize:"m",gtmClass:"archive-gtm btn-cta",isInternalLink:!1})):react.createElement(pagination.A,{pagePath:module.rootPath,currentPage:module.currentPage,totalPages:module.numOfPages,anchorLabel}))};Archive.propTypes={module:prop_types_default().shape({module_title:prop_types_default().string,rootPath:prop_types_default().string,currentPage:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().number]),numOfPages:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().number]),items:prop_types_default().arrayOf(prop_types_default().object),pagination_type:prop_types_default().string,num_of_items:prop_types_default().oneOfType([prop_types_default().string,prop_types_default().number])}).isRequired,loadMore:prop_types_default().shape({label:prop_types_default().string,increment:prop_types_default().number,limit:prop_types_default().number,usePrimaryButton:prop_types_default().bool,useInvertColors:prop_types_default().bool}),page:prop_types_default().shape({translations:prop_types_default().shape({})}),gtmClass:prop_types_default().string,anchorLabel:prop_types_default().string},Archive.__docgenInfo={description:"",methods:[],displayName:"Archive",props:{gtmClass:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},module:{description:"",type:{name:"shape",value:{module_title:{name:"string",required:!1},rootPath:{name:"string",required:!1},currentPage:{name:"union",value:[{name:"string"},{name:"number"}],required:!1},numOfPages:{name:"union",value:[{name:"string"},{name:"number"}],required:!1},items:{name:"arrayOf",value:{name:"object"},required:!1},pagination_type:{name:"string",required:!1},num_of_items:{name:"union",value:[{name:"string"},{name:"number"}],required:!1}}},required:!0},loadMore:{description:"",type:{name:"shape",value:{label:{name:"string",required:!1},increment:{name:"number",required:!1},limit:{name:"number",required:!1},usePrimaryButton:{name:"bool",required:!1},useInvertColors:{name:"bool",required:!1}}},required:!1},page:{description:"",type:{name:"shape",value:{translations:{name:"shape",value:{},required:!1}}},required:!1},anchorLabel:{description:"",type:{name:"string"},required:!1}}};const archive=Archive;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/organisms/archive/index.js"]={name:"Archive",docgenInfo:Archive.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/organisms/archive/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/organisms/archive/archive.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});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,".vyePgwWVhVHcgvTgdtTGLg\\=\\={margin:2rem 0;text-align:center}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/organisms/archive/archive.module.scss"],names:[],mappings:"AAcA,4BACE,aAAA,CACA,iBAAA",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.loadMoreWrapper {\n  margin: 2rem 0;\n  text-align: center;\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={loadMoreWrapper:"vyePgwWVhVHcgvTgdtTGLg=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/organisms/cards/cards.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});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,".sqHtqgZrgYSvQDlCRAl60w\\=\\={display:grid;column-gap:.8rem;row-gap:1rem}@media only screen and (min-width:425px){.sqHtqgZrgYSvQDlCRAl60w\\=\\={grid-template-columns:repeat(var(--cards-mob-column), minmax(0, 1fr))}}@media only screen and (min-width:768px){.sqHtqgZrgYSvQDlCRAl60w\\=\\={grid-template-columns:repeat(var(--cards-tablet-column), minmax(0, 1fr))}}@media only screen and (min-width:1200px){.sqHtqgZrgYSvQDlCRAl60w\\=\\={grid-template-columns:repeat(var(--cards-desktop-column), minmax(0, 1fr))}}@media only screen and (min-width:1200px){.sqHtqgZrgYSvQDlCRAl60w\\=\\={column-gap:1.6rem}}.sqHtqgZrgYSvQDlCRAl60w\\=\\=>div{margin:.4rem 0}@media only screen and (min-width:1200px){.sqHtqgZrgYSvQDlCRAl60w\\=\\=>div{margin:.8rem 0}}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/organisms/cards/cards.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAcA,4BACE,YAAA,CAaA,gBAAA,CACA,YAAA,CCuBA,yCDtCF,4BAII,qEAAA,CAAA,CCkCF,yCDtCF,4BAQI,wEAAA,CAAA,CC8BF,0CDtCF,4BAYI,yEAAA,CAAA,CC0BF,0CDtCF,4BAkBI,iBAAA,CAAA,CAEF,gCACE,cAAA,CCiBF,0CDlBA,gCAGI,cAAA,CAAA",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.cardsContainer {\n  display: grid;\n\n  @include min(mobile) {\n    grid-template-columns: repeat(var(--cards-mob-column), minmax(0,1fr));\n  }\n\n  @include min(tablet) {\n    grid-template-columns: repeat(var(--cards-tablet-column), minmax(0,1fr));\n  }\n\n  @include min(desktop) {\n    grid-template-columns: repeat(var(--cards-desktop-column), minmax(0,1fr));\n  }\n  column-gap: 0.8rem;\n  row-gap: 1rem;\n\n  @include min(desktop) {\n    column-gap: 1.6rem;\n  }\n  > div {\n    margin: 0.4rem 0;\n    @include min(desktop) {\n      margin: 0.8rem 0;\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={cardsContainer:"sqHtqgZrgYSvQDlCRAl60w=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/778.65a1be79.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[778],{"../node_modules/gatsby-core-theme/src/components/molecules/newsletter/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>newsletter});__webpack_require__("../node_modules/core-js/modules/web.dom-collections.iterator.js");var react=__webpack_require__("../node_modules/react/index.js"),MdClose=__webpack_require__("../node_modules/@react-icons/all-files/md/MdClose.js"),prop_types=__webpack_require__("../node_modules/gatsby-core-theme/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"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),newsletter_button_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/molecules/newsletter/toggle-button/newsletter-button.module.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(newsletter_button_module.A,options);const toggle_button_newsletter_button_module=newsletter_button_module.A.locals||{};var NewsletterButton=function(_ref){var _ref$text=_ref.text,text=void 0===_ref$text?"Bonus alert":_ref$text,toggleNewsLetter=_ref.toggleNewsLetter,_ref$active=_ref.active,active=void 0===_ref$active||_ref$active;return react.createElement("button",{onClick:toggleNewsLetter,className:"".concat((null==toggle_button_newsletter_button_module?void 0:toggle_button_newsletter_button_module.button)||""," ").concat(active&&toggle_button_newsletter_button_module.active||"")},text)};NewsletterButton.displayName="NewsletterButton",NewsletterButton.propTypes={text:prop_types_default().string,toggleNewsLetter:prop_types_default().bool,active:prop_types_default().bool},NewsletterButton.__docgenInfo={description:"",methods:[],displayName:"NewsletterButton",props:{text:{defaultValue:{value:"'Bonus alert'",computed:!1},description:"",type:{name:"string"},required:!1},active:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},toggleNewsLetter:{description:"",type:{name:"bool"},required:!1}}};const toggle_button=NewsletterButton;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/molecules/newsletter/toggle-button/index.js"]={name:"NewsletterButton",docgenInfo:NewsletterButton.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/molecules/newsletter/toggle-button/index.js"});var organisms_form=__webpack_require__("../node_modules/gatsby-core-theme/src/components/organisms/form/index.js"),constants_forms=__webpack_require__("../node_modules/gatsby-core-theme/src/constants/forms.js"),process=__webpack_require__("../node_modules/process/browser.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(arr,i)||function _unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _arrayLikeToArray(o,minLen)}(arr,i)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var NewsletterForm=function(_ref){var handleApi=_ref.handleApi,redirectUrl=_ref.redirectUrl,_ref$submitText=_ref.submitText,submitText=void 0===_ref$submitText?"Submit":_ref$submitText,market=_ref.market,setErr=_ref.setErr,path=_ref.path,_useState2=_slicedToArray((0,react.useState)(""),2),ip=_useState2[0],setIP=_useState2[1],_useState4=_slicedToArray((0,react.useState)(!1),2),error=_useState4[0],setError=_useState4[1],translations=((0,react.useContext)(MainProvider.o)||{}).translations;(0,react.useEffect)((function(){!async function(){await fetch("https://geolocation-db.com/json/",{method:"GET"}).then((function(response){return response.json()})).then((function(data){return setIP(data.IPv4)})).catch((function(err){}))}()}),[]);return error||setErr?react.createElement("span",null,(0,getters.Tl)(translations,"fail_error_newsletter","Something went wrong. Please try again later!")," "):react.createElement(organisms_form.A,{formOptions:constants_forms.m[market]||constants_forms.m.default,successMessage:(0,getters.Tl)(translations,"newsletter_form_thanks",""),failMessage:(0,getters.Tl)(translations,"fail_error_newsletter","Something went wrong. Please try again later!"),customeSubmit:function(e){var _e$name,_e$email,_e$phomeNumber,_e$name2,_e$email2,_e$phomeNumber2;return handleApi?handleApi(null==e||null===(_e$name=e.name)||void 0===_e$name?void 0:_e$name.value,null==e||null===(_e$email=e.email)||void 0===_e$email?void 0:_e$email.value,null==e||null===(_e$phomeNumber=e.phomeNumber)||void 0===_e$phomeNumber?void 0:_e$phomeNumber.value,ip):async function(name,email,phomeNumber){var timestamp=Date.now()/1e3|0,refUrl=process.env.BACOM_REF_URL,validatePhoneNr=void 0===phomeNumber;await fetch("https://bacom.dk/subscribe/gig/?firstname=".concat(name,"&user_ip=").concat(ip,"&ref_name=").concat(process.env.BACOM_REF_NAME,"&ref_url=").concat(refUrl,"&timestamp=").concat(timestamp,"&country=").concat(process.env.COUNTRY,"&email=").concat(email).concat(validatePhoneNr?"":"&phone_number=".concat(phomeNumber)),{method:"GET",headers:{"Content-Type":"application/json",Accept:"application/json"}}).then((function(res){return res.text().then((function(text){"OK"===text?window.location.href=redirectUrl:setError(!0)}))}))}(null==e||null===(_e$name2=e.name)||void 0===_e$name2?void 0:_e$name2.value,null==e||null===(_e$email2=e.email)||void 0===_e$email2?void 0:_e$email2.value,null==e||null===(_e$phomeNumber2=e.phomeNumber)||void 0===_e$phomeNumber2?void 0:_e$phomeNumber2.value)},customError:!0,buttonLabel:submitText,path})};NewsletterForm.displayName="NewsletterForm",NewsletterForm.propTypes={handleApi:prop_types_default().func,redirectUrl:prop_types_default().string,submitText:prop_types_default().string,market:prop_types_default().string,setErr:prop_types_default().bool,path:prop_types_default().string},NewsletterForm.__docgenInfo={description:"",methods:[],displayName:"NewsletterForm",props:{submitText:{defaultValue:{value:"'Submit'",computed:!1},description:"",type:{name:"string"},required:!1},handleApi:{description:"",type:{name:"func"},required:!1},redirectUrl:{description:"",type:{name:"string"},required:!1},market:{description:"",type:{name:"string"},required:!1},setErr:{description:"",type:{name:"bool"},required:!1},path:{description:"",type:{name:"string"},required:!1}}};const newsletter_form=NewsletterForm;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/molecules/newsletter/form/index.js"]={name:"NewsletterForm",docgenInfo:NewsletterForm.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/molecules/newsletter/form/index.js"});var newsletter_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/molecules/newsletter/newsletter.module.scss"),newsletter_module_options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(newsletter_module.A,newsletter_module_options);const newsletter_newsletter_module=newsletter_module.A.locals||{};function newsletter_slicedToArray(arr,i){return function newsletter_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function newsletter_iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(arr,i)||function newsletter_unsupportedIterableToArray(o,minLen){if(!o)return;if("string"==typeof o)return newsletter_arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);"Object"===n&&o.constructor&&(n=o.constructor.name);if("Map"===n||"Set"===n)return Array.from(o);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return newsletter_arrayLikeToArray(o,minLen)}(arr,i)||function newsletter_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function newsletter_arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=new Array(len);i<len;i++)arr2[i]=arr[i];return arr2}var Newsletter=function(_ref){var page=_ref.page,_ref$openBtnText=_ref.openBtnText,openBtnText=void 0===_ref$openBtnText?"Unlock Bonuses":_ref$openBtnText,_ref$isSticky=_ref.isSticky,isSticky=void 0===_ref$isSticky||_ref$isSticky,_useState2=newsletter_slicedToArray((0,react.useState)(!1),2),toggleNewsetter=_useState2[0],setToggleNewsletter=_useState2[1],_useState4=newsletter_slicedToArray((0,react.useState)(!1),2),isClicked=_useState4[0],setIsClicked=_useState4[1],translations=((0,react.useContext)(MainProvider.o)||{}).translations,redirectUrl="/"===(null==page?void 0:page.path)?"".concat((0,getters.ID)(null==page?void 0:page.path),"?subscribed=true"):"".concat((0,getters.ID)(null==page?void 0:page.path),"/?subscribed=true");return react.createElement(react.Fragment,null,toggleNewsetter&&react.createElement("div",{className:(null==newsletter_newsletter_module?void 0:newsletter_newsletter_module.layer)||"",onClick:function(){return setToggleNewsletter(!1)},"aria-hidden":"true"}),react.createElement("div",{className:isSticky?newsletter_newsletter_module.content||"":newsletter_newsletter_module.contentPage||""},isSticky&&react.createElement(toggle_button,{active:!toggleNewsetter,text:(0,getters.Tl)(translations,"newsletter_open_btn",openBtnText),toggleNewsLetter:function(){setToggleNewsletter(!toggleNewsetter),setIsClicked(!0)},isClicked,gtmClass:"newsletter-gtm btn-cta"}),react.createElement("div",{className:isSticky?"".concat((null==newsletter_newsletter_module?void 0:newsletter_newsletter_module.form)||""," ").concat(toggleNewsetter&&(null==newsletter_newsletter_module?void 0:newsletter_newsletter_module.active)||""):(null==newsletter_newsletter_module?void 0:newsletter_newsletter_module.formPage)||""},react.createElement(newsletter_form,{market:null==page?void 0:page.market,path:null==page?void 0:page.path,redirectUrl}),isSticky&&react.createElement(MdClose.m,{className:(null==newsletter_newsletter_module?void 0:newsletter_newsletter_module.closeBtn)||"",onClick:function(){return setToggleNewsletter(!1)},title:"Close Icon"}))))};Newsletter.propTypes={openBtnText:prop_types_default().string,page:prop_types_default().shape({path:prop_types_default().string,template:prop_types_default().string,type:prop_types_default().string,market:prop_types_default().string}),isSticky:prop_types_default().bool},Newsletter.__docgenInfo={description:"",methods:[],displayName:"Newsletter",props:{openBtnText:{defaultValue:{value:"'Unlock Bonuses'",computed:!1},description:"",type:{name:"string"},required:!1},isSticky:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},page:{description:"",type:{name:"shape",value:{path:{name:"string",required:!1},template:{name:"string",required:!1},type:{name:"string",required:!1},market:{name:"string",required:!1}}},required:!1}}};const newsletter=Newsletter;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/molecules/newsletter/index.js"]={name:"Newsletter",docgenInfo:Newsletter.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/molecules/newsletter/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/molecules/newsletter/newsletter.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});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,".osQVXffrfIVDaJrBXNdUpw\\=\\={margin:0 auto}@media only screen and (min-width:768px){.osQVXffrfIVDaJrBXNdUpw\\=\\= .Kjw1GkkaF6Sj8T2JZQgZlg\\=\\={width:70rem;left:2rem;z-index:15}}@media only screen and (max-width:767px){.osQVXffrfIVDaJrBXNdUpw\\=\\= .Kjw1GkkaF6Sj8T2JZQgZlg\\=\\={bottom:30%}}.FbVesRwjDq6MOvjbxpJAqw\\=\\={position:absolute;width:100vw;height:100vh;top:0}.ncslz-PEZwOxh5cuw6HurQ\\=\\={position:fixed;background:#fff;box-shadow:0 .4rem 1.6rem rgba(0,0,0,.2);border-radius:.4rem;padding:2rem;transition:0s;bottom:-100%;z-index:var(--scroll-to-top-index)}@media only screen and (min-width:768px){.ncslz-PEZwOxh5cuw6HurQ\\=\\={display:flex;flex-direction:column;left:-90rem;max-width:90rem;height:fit-content;top:25vh;position:fixed}}.rrqTRI4i6t0vC6Zvq1zTHQ\\=\\={position:absolute;right:1rem;top:1rem;width:2.5rem;height:2.5rem;cursor:pointer;z-index:2;border:none;color:#00889e}.dwUfBNN1D5YlnXbixVp86A\\=\\={padding:3.2rem 1.6rem;width:100%;background:var(--newsletter-container-background-color);z-index:var(--scroll-to-top-index);max-width:100rem;margin:0 auto}.ncslz-PEZwOxh5cuw6HurQ\\=\\=>div{background:rgba(0,0,0,0);box-shadow:none}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/molecules/newsletter/newsletter.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,4BACE,aAAA,CCqCA,yCDnCE,wDACE,WAAA,CACA,SAAA,CACA,UAAA,CAAA,CCuCJ,yCDnCE,wDACE,UAAA,CAAA,CAIN,4BACE,iBAAA,CACA,WAAA,CACA,YAAA,CACA,KAAA,CAEF,4BACE,cAAA,CACA,eAAA,CACA,wCAAA,CACA,mBAAA,CACA,YAAA,CACA,aAAA,CACA,YAAA,CACA,kCAAA,CCSA,yCDjBF,4BE5BE,YAAA,CACA,qBFqC0B,CACxB,WAAA,CACA,eAAA,CACA,kBAAA,CACA,QAAA,CACA,cAAA,CAAA,CAIJ,4BACE,iBAAA,CACA,UAAA,CACA,QAAA,CACA,YAAA,CACA,aAAA,CACA,cAAA,CACA,SAAA,CACA,WAAA,CACA,aAAA,CAEF,4BACE,qBAAA,CACA,UAAA,CACA,uDAAA,CACA,kCAAA,CACA,gBAAA,CACA,aAAA,CAKA,gCACE,wBAAA,CACA,eAAA",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.content {\n  margin: 0 auto;\n  @include min(tablet) {\n    .active {\n      width: 70rem;\n      left: 2rem;\n      z-index: 15;\n    }\n  }\n  @include max(mobile) {\n    .active {\n      bottom: 30%;\n    }\n  }\n}\n.layer {\n  position: absolute;\n  width: 100vw;\n  height: 100vh;\n  top: 0;\n}\n.form {\n  position: fixed;\n  background: #fff;\n  box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.2);\n  border-radius: 0.4rem;\n  padding: 2rem;\n  transition: 0s;\n  bottom: -100%;\n  z-index: var(--scroll-to-top-index);\n  @include min(tablet) {\n    @include flex-direction(column);\n    left: -90rem;\n    max-width: 90rem;\n    height: fit-content;\n    top: 25vh;\n    position: fixed;\n  }\n}\n\n.closeBtn {\n  position: absolute;\n  right: 1rem;\n  top: 1rem;\n  width: 2.5rem;\n  height: 2.5rem;\n  cursor: pointer;\n  z-index: 2;\n  border: none;\n  color: #00889e;\n}\n.contentPage {\n  padding: 3.2rem 1.6rem;\n  width: 100%;\n  background: var(--newsletter-container-background-color);\n  z-index: var(--scroll-to-top-index);\n  max-width: 100rem;\n  margin: 0 auto;\n}\n\n.form{\n  // form style\n  >div{\n    background: transparent;\n    box-shadow: none;\n    h2{\n\n    }\n    p{\n\n    }\n    form{\n     \n      label{\n\n      }\n      input{\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={content:"osQVXffrfIVDaJrBXNdUpw==",active:"Kjw1GkkaF6Sj8T2JZQgZlg==",layer:"FbVesRwjDq6MOvjbxpJAqw==",form:"ncslz-PEZwOxh5cuw6HurQ==",closeBtn:"rrqTRI4i6t0vC6Zvq1zTHQ==",contentPage:"dwUfBNN1D5YlnXbixVp86A=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/molecules/newsletter/toggle-button/newsletter-button.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});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,"._9c3HEc4Oa9BzFBj9U9V2Dg\\=\\={border:none;background-color:#00889e;padding:1rem;color:#fff;border-radius:0 .5rem .5rem 0;position:fixed;z-index:var(--scroll-to-top-index)}@media only screen and (max-width:767px){._9c3HEc4Oa9BzFBj9U9V2Dg\\=\\={bottom:-70rem;width:100%}.qgItsvbr63UIbTgWJgwNcg\\=\\={border-radius:0;bottom:0}}.qgItsvbr63UIbTgWJgwNcg\\=\\={transition:0s}@media only screen and (min-width:768px){._9c3HEc4Oa9BzFBj9U9V2Dg\\=\\={width:15rem;left:-70rem;top:50vh}.qgItsvbr63UIbTgWJgwNcg\\=\\={left:0}}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/molecules/newsletter/toggle-button/newsletter-button.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAcA,6BACE,WAAA,CACA,wBAAA,CACA,YAAA,CACA,UAAA,CACA,6BAAA,CACA,cAAA,CACA,kCAAA,CCsCA,yCDnCA,6BACE,aAAA,CACA,UAAA,CAEF,4BACE,eAAA,CACA,QAAA,CAAA,CAGJ,4BACE,aAAA,CCkBA,yCDdA,6BACE,WAAA,CACA,WAAA,CACA,QAAA,CAEF,4BACE,MAAA,CAAA",sourcesContent:["// Global styles extended in each theme\n\n// Utils\n@import '../../../../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.button {\n  border: none;\n  background-color: #00889e;\n  padding: 1rem;\n  color: white;\n  border-radius: 0 0.5rem 0.5rem 0;\n  position: fixed;\n  z-index: var(--scroll-to-top-index);\n}\n@include max(mobile) {\n  .button {\n    bottom: -70rem;\n    width: 100%;\n  }\n  .active {\n    border-radius: 0;\n    bottom: 0;\n  }\n}\n.active {\n  transition: 0s;\n}\n\n@include min(tablet) {\n  .button {\n    width: 15rem;\n    left: -70rem;\n    top: 50vh;\n  }\n  .active {\n    left: 0;\n  }\n}\n","$media-query-sizes: (\n  mobile-s: (\n    min: 320px,\n    max: 374px,\n  ),\n  mobile-m: (\n    min: 375px,\n    max: 424px,\n  ),\n  mobile: (\n    min: 425px,\n    max: 767px,\n  ),\n  tablet: (\n    min: 768px,\n    max: 991px,\n  ),\n  laptop: (\n    min: 992px,\n    max: 1199px,\n  ),\n  desktop: (\n    min: 1200px,\n  ),\n);\n\n// Get media query sizes\n$screen: 'only screen';\n@function media-query($media, $optional-media: '', $min: true) {\n  $media-label: '';\n\n  @if ($optional-media != '') {\n    $media-sizes-min: map-get($media-query-sizes, $media);\n    $media-sizes-max: map-get($media-query-sizes, $optional-media);\n    $media-label: $screen +\n      \" and (min-width:#{map-get($media-sizes-min, 'min')}) and (max-width:#{map-get($media-sizes-max, 'max')})\";\n  } @else {\n    $query: 'max';\n\n    @if ($min) {\n      $query: 'min';\n    }\n\n    $media-sizes: map-get($media-query-sizes, $media);\n    $media-label: $screen + ' and (#{$query}-width:#{map-get($media-sizes, $query)})';\n  }\n\n  @return $media-label;\n}\n\n// Min media query\n@mixin min($media) {\n  @media #{media-query($media)} {\n    @content;\n  }\n}\n\n// Max media query\n@mixin max($media) {\n  @media #{media-query($media, '', false)} {\n    @content;\n  }\n}\n\n// Min & max media query\n@mixin min-max($min, $max) {\n  @media #{media-query($min, $max)} {\n    @content;\n  }\n}\n\n// Use this ONLY if you need a media query that doesn't fit the $media-query-sizes breakpoints above\n// Pass number, for example @include custom-min(992)\n@mixin custom-min($min) {\n  @media #{$screen} and (min-width: #{$min}px) {\n    @content;\n  }\n}\n\n@mixin custom-max($max) {\n  @media #{$screen} and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n@mixin custom-min-max($min, $max) {\n  @media #{$screen} and (min-width: #{$min}px) and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n// Landscape\n// (If we find more use cases of this in the future, might want to refactor this and include it in the media-query function for $screen)\n// Pass number\n$landscape: 'screen and (orientation:landscape)';\n\n@mixin landscape-max($max) {\n  @media #{$landscape} and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n@mixin landscape-min($min) {\n  @media #{$landscape} and (min-width: #{$min}px) {\n    @content;\n  }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={button:"_9c3HEc4Oa9BzFBj9U9V2Dg==",active:"qgItsvbr63UIbTgWJgwNcg=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);