gatsby-matrix-theme 40.0.19 → 40.0.21

package/storybook/public/938.f1a4065f.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[938],{"../node_modules/gatsby-core-theme/src/components/organisms/accordion/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return accordion}});__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),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),accordion_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/accordion.module.scss"),options={insert:"head",singleton:!1},accordion_accordion_module=(injectStylesIntoStyleTag_default()(accordion_module.Z,options),accordion_module.Z.locals||{}),keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.js"),Accordion=function Accordion(_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 toggle(index){btnRefs.current[index].classList.toggle(accordion_accordion_module.invertArrow),itemRefs.current[index].classList.toggle(accordion_accordion_module.active),closeOthers&&function closeOtherItems(index){for(var i=0;i<itemRefs.current.length;i+=1)i!==index&&(itemRefs.current[i].classList.remove(accordion_accordion_module.active),btnRefs.current[i].classList.remove(accordion_accordion_module.invertArrow))}(index)};return(0,react.useEffect)((function(){openAll&&function openAllItems(){for(var i=0;i<itemRefs.current.length;i+=1)itemRefs.current[i].classList.add(accordion_accordion_module.active),btnRefs.current[i].classList.add(accordion_accordion_module.invertArrow)}()}),[openAll]),(0,react.useEffect)((function(){openItem&&function openSingleItem(index){itemRefs.current[index]&&(itemRefs.current[index].classList.add(accordion_accordion_module.active),btnRefs.current[index].classList.add(accordion_accordion_module.invertArrow))}(openItem-1)}),[openItem]),react.createElement(react.Fragment,null,react.createElement("div",{className:accordion_accordion_module.accordionContainer||""},items.map((function(item,index){return react.createElement("div",{key:(0,keygen.Z)(),className:accordion_accordion_module.accordionItem||""},react.createElement("button",{onClick:function onClick(){return toggle(index)},className:"".concat(accordion_accordion_module.title||""," accordion-gtm btn-cta"),type:"button",ref:function ref(el){return btnRefs.current[index]=el}},react.createElement("div",{dangerouslySetInnerHTML:{__html:item.title}})),react.createElement("div",{className:accordion_accordion_module.content||"",ref:function ref(el){return itemRefs.current[index]=el}},react.createElement("div",{dangerouslySetInnerHTML:{__html:item.content}})))}))))};Accordion.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({})},Accordion.__docgenInfo={description:"",methods:[],displayName:"Accordion",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}}};var accordion=Accordion;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/organisms/accordion/index.js"]={name:"Accordion",docgenInfo:Accordion.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/organisms/accordion/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/accordion.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,'.X2ejzkGNtRvuo2wPBNqW\\+Q\\=\\={padding:0 1.6rem}@media only screen and (min-width:768px){.X2ejzkGNtRvuo2wPBNqW\\+Q\\=\\={padding:0 2.4rem}}.X2ejzkGNtRvuo2wPBNqW\\+Q\\=\\= ._2n1xPRC2l4HW-oDgqW0DgQ\\=\\={display:flex;flex-direction:column;padding:1rem 1.6rem 1.6rem;background-color:#fff;border-radius:.6rem;margin:1rem 0;border:1px solid #ccc}.X2ejzkGNtRvuo2wPBNqW\\+Q\\=\\= ._2n1xPRC2l4HW-oDgqW0DgQ\\=\\= .PBtpyzUm9Dbwcs07aS4u8A\\=\\={position:relative;text-align:left;color:var(--color-12);font-size:1.8rem;font-weight:700;padding:1rem 0;outline:none}.X2ejzkGNtRvuo2wPBNqW\\+Q\\=\\= ._2n1xPRC2l4HW-oDgqW0DgQ\\=\\= .PBtpyzUm9Dbwcs07aS4u8A\\=\\=:hover,.X2ejzkGNtRvuo2wPBNqW\\+Q\\=\\= ._2n1xPRC2l4HW-oDgqW0DgQ\\=\\= .PBtpyzUm9Dbwcs07aS4u8A\\=\\=:focus{outline:none}.X2ejzkGNtRvuo2wPBNqW\\+Q\\=\\= ._2n1xPRC2l4HW-oDgqW0DgQ\\=\\= .PBtpyzUm9Dbwcs07aS4u8A\\=\\=: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%}.X2ejzkGNtRvuo2wPBNqW\\+Q\\=\\= ._2n1xPRC2l4HW-oDgqW0DgQ\\=\\= .PBtpyzUm9Dbwcs07aS4u8A\\=\\=.ML9jGRprU31WxX8aYAxLOg\\=\\=:after{transform:translateY(-50%) rotate(-135deg)}.X2ejzkGNtRvuo2wPBNqW\\+Q\\=\\= ._2n1xPRC2l4HW-oDgqW0DgQ\\=\\= .x5G8NVR2Hxjd4oRZ9jziNw\\=\\={max-height:0;transition:max-height 0s ease-out;overflow:hidden;font-size:1.6rem;color:var(--color-20);padding:0}.X2ejzkGNtRvuo2wPBNqW\\+Q\\=\\= ._2n1xPRC2l4HW-oDgqW0DgQ\\=\\= .x5G8NVR2Hxjd4oRZ9jziNw\\=\\=._1QrtD5xqGqxiTqqc8KsAbQ\\=\\=,.X2ejzkGNtRvuo2wPBNqW\\+Q\\=\\= ._2n1xPRC2l4HW-oDgqW0DgQ\\=\\= .x5G8NVR2Hxjd4oRZ9jziNw\\=\\=._1MbThesVogrfsiNj2wepKg\\=\\={display:inherit;max-height:20rem;transition:max-height 0s ease-in;overflow-y:auto}.X2ejzkGNtRvuo2wPBNqW\\+Q\\=\\= ._2n1xPRC2l4HW-oDgqW0DgQ\\=\\= .x5G8NVR2Hxjd4oRZ9jziNw\\=\\= p{padding:1rem 0}',"",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/organisms/accordion/accordion.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,6BACE,gBAAA,CCqCA,yCDtCF,6BAGI,gBAAA,CAAA,CAEF,0DACE,YAAA,CACA,qBAAA,CACA,0BAAA,CACA,qBAAA,CACA,mBAAA,CACA,aAAA,CACA,qBAAA,CAEA,sFACE,iBAAA,CACA,eAAA,CACA,qBAAA,CACA,gBAAA,CACA,eAAA,CACA,cAAA,CACA,YAAA,CACA,wLAEE,YAAA,CAGF,4FACE,aAAA,CEzCN,UAAA,CAaE,iBAAA,CACA,4BAAA,CACA,aAHQ,CAsBR,wCAAA,CFSI,iBAAA,CACA,WAAA,CACA,OAAA,CAIA,uHACE,0CAAA,CAKN,sFG3BF,YAAA,CA5BA,iCA8BA,CACA,eAAA,CH0BI,gBAAA,CACA,qBAAA,CACA,SAAA,CG1BJ,oOAEE,eAAA,CACA,gBHoBwB,CGxD1B,gCAqCE,CACA,eAAA,CHuBE,wFACE,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: 1rem 0;\n    border: 1px solid #ccc;\n\n    .title {\n      position: relative;\n      text-align: left;\n      color: var(--color-12);\n      font-size: 1.8rem;\n      font-weight: 700;\n      padding: 1rem 0;\n      outline: none;\n      &: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:"X2ejzkGNtRvuo2wPBNqW+Q==",accordionItem:"_2n1xPRC2l4HW-oDgqW0DgQ==",title:"PBtpyzUm9Dbwcs07aS4u8A==",invertArrow:"ML9jGRprU31WxX8aYAxLOg==",content:"x5G8NVR2Hxjd4oRZ9jziNw==",show:"_1QrtD5xqGqxiTqqc8KsAbQ==",active:"_1MbThesVogrfsiNj2wepKg=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/952.09d50df1.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[952],{"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image-text/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(){switch(null==module?void 0:module.style){case"template_two":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-text/template-two/index.js"))}));return react__WEBPACK_IMPORTED_MODULE_5__.createElement(TempateTwo,{module:module});case"template_three":var TempateThree=(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-text/template-three/index.js"))}));return react__WEBPACK_IMPORTED_MODULE_5__.createElement(TempateThree,{module:module});default: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-text/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-text/index.js"]={name:"index",docgenInfo:index.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image-text/index.js"})}}]);

package/storybook/public/97.dab9ed43.iframe.bundle.js

@@ -1 +0,0 @@
-"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[97],{"../node_modules/gatsby-core-theme/src/hooks/tabs/tab/tab-list.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return tab_list}});__webpack_require__("../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../node_modules/core-js/modules/es.string.split.js"),__webpack_require__("../node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.description.js"),__webpack_require__("../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../node_modules/core-js/modules/es.symbol.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.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/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),tab_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/hooks/tabs/tab/tab.module.scss"),options={insert:"head",singleton:!1},tab_tab_module=(injectStylesIntoStyleTag_default()(tab_module.Z,options),tab_module.Z.locals||{}),Tab=function Tab(_ref){var label=_ref.label,_onClick=_ref.onClick,activeTab=_ref.activeTab,_ref$activeTabClass=_ref.activeTabClass,activeTabClass=void 0===_ref$activeTabClass?"":_ref$activeTabClass,tabId=_ref.tabId,toggleDropdown=_ref.toggleDropdown,_ref$gtmClass=_ref.gtmClass,gtmClass=void 0===_ref$gtmClass?"":_ref$gtmClass,_ref$showResults=_ref.showResults,showResults=void 0!==_ref$showResults&&_ref$showResults,results=_ref.results,className="";return activeTab===tabId&&(className=" ".concat(""!==activeTabClass?tab_tab_module[activeTabClass]:tab_tab_module.active)),react.createElement("li",{className:tab_tab_module.tabListItem||""},react.createElement("button",{className:"".concat(className||""," ").concat(gtmClass||""," tabs-menu-gtm btn-cta"),type:"button",onClick:function onClick(){_onClick(tabId),toggleDropdown()}},label,showResults&&react.createElement("span",null,results)))};Tab.displayName="Tab",Tab.propTypes={onClick:prop_types_default().func,toggleDropdown:prop_types_default().func,activeTab:prop_types_default().string,activeTabClass:prop_types_default().string,tabId:prop_types_default().string,label:prop_types_default().string,gtmClass:prop_types_default().string,showResults:prop_types_default().bool,results:prop_types_default().number},Tab.__docgenInfo={description:"",methods:[],displayName:"Tab",props:{activeTabClass:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},gtmClass:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},showResults:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},onClick:{description:"",type:{name:"func"},required:!1},toggleDropdown:{description:"",type:{name:"func"},required:!1},activeTab:{description:"",type:{name:"string"},required:!1},tabId:{description:"",type:{name:"string"},required:!1},label:{description:"",type:{name:"string"},required:!1},results:{description:"",type:{name:"number"},required:!1}}};var tab=Tab;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/hooks/tabs/tab/tab.js"]={name:"Tab",docgenInfo:Tab.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/hooks/tabs/tab/tab.js"});var tab_list_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/hooks/tabs/tab/tab-list.module.scss"),tab_list_module_options={insert:"head",singleton:!1},tab_tab_list_module=(injectStylesIntoStyleTag_default()(tab_list_module.Z,tab_list_module_options),tab_list_module.Z.locals||{}),keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.js");function _slicedToArray(arr,i){return function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){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 hooks_useWindowSize=function useWindowSize(){var _useState2=_slicedToArray((0,react.useState)([0,0]),2),size=_useState2[0],setSize=_useState2[1];function updateSize(){setSize([document.body.clientWidth,document.body.clientHeight])}return(0,react.useLayoutEffect)((function(){return window.addEventListener("resize",updateSize),updateSize(),function(){return window.removeEventListener("resize",updateSize)}}),[]),size};__webpack_require__("../node_modules/core-js/modules/es.regexp.constructor.js"),__webpack_require__("../node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("../node_modules/core-js/modules/es.string.match.js"),__webpack_require__("../node_modules/core-js/modules/es.string.replace.js");function _toConsumableArray(arr){return function _arrayWithoutHoles(arr){if(Array.isArray(arr))return tab_list_arrayLikeToArray(arr)}(arr)||function _iterableToArray(iter){if("undefined"!=typeof Symbol&&null!=iter[Symbol.iterator]||null!=iter["@@iterator"])return Array.from(iter)}(arr)||tab_list_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 tab_list_slicedToArray(arr,i){return function tab_list_arrayWithHoles(arr){if(Array.isArray(arr))return arr}(arr)||function tab_list_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)||tab_list_unsupportedIterableToArray(arr,i)||function tab_list_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 tab_list_unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return tab_list_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)?tab_list_arrayLikeToArray(o,minLen):void 0}}function tab_list_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 TabList=function TabList(_ref){var items=_ref.items,onClick=_ref.onClick,activeTab=_ref.activeTab,_ref$activeTabClass=_ref.activeTabClass,activeTabClass=void 0===_ref$activeTabClass?"":_ref$activeTabClass,showAll=_ref.showAll,_ref$alignRight=_ref.alignRight,alignRight=void 0!==_ref$alignRight&&_ref$alignRight,_ref$gtmClass=_ref.gtmClass,gtmClass=void 0===_ref$gtmClass?"":_ref$gtmClass,_ref$showNumberOfResu=_ref.showNumberOfResults,showNumberOfResults=void 0!==_ref$showNumberOfResu&&_ref$showNumberOfResu,totalResults=_ref.totalResults,_useState2=tab_list_slicedToArray((0,react.useState)(items),2),tabItems=_useState2[0],setTabItems=_useState2[1],filterBtn=(0,react.useRef)(null),tabList=(0,react.useRef)(null);function showDropdown(){!function closeOtherSelects(e){for(var lists=document.querySelectorAll('[data-id="select-list"]'),listClassName=new RegExp(/\bshow.+?\b/,"g"),i=0;i<lists.length;i+=1)e!==lists[i]&&lists[i].className.match(listClassName)&&(lists[i].className=lists[i].className.replace(listClassName,""))}(tabList.current),tabList.current.classList.toggle(tab_tab_list_module.show),filterBtn.current.classList.toggle(tab_tab_list_module.flip)}(0,react.useEffect)((function(){showAll&&setTabItems([react.createElement("div",{results:totalResults,label:showAll,tabId:"".concat(showAll,"_0"),key:(0,keygen.Z)()})].concat(_toConsumableArray(items)))}),[showAll,items]);var isMobile=tab_list_slicedToArray(hooks_useWindowSize(),1)[0]<992;return react.createElement("div",{className:"".concat(tab_tab_list_module.tabList||""," ").concat(alignRight&&(tab_tab_list_module.right||""))},react.createElement("button",{ref:filterBtn,className:"".concat(tab_tab_list_module.select||""," ").concat(gtmClass||""," btn-cta"),type:"button",onClick:showDropdown,"data-id":"select-button"},activeTab.split("_")[0]),react.createElement("ol",{ref:tabList,className:tab_tab_list_module.list||"","data-id":"select-list"},tabItems.map((function(items,index){if(null===items)return null;var _items$props=items.props,label=_items$props.label,results=_items$props.results;return isMobile&&label===activeTab.split("_")[0]?null:react.createElement(tab,{activeTab:activeTab,activeTabClass:activeTabClass,key:(0,keygen.Z)(),tabId:"".concat(label,"_").concat(index),label:label,onClick:onClick,toggleDropdown:showDropdown,gtmClass:gtmClass,showResults:showNumberOfResults,results:results})}))))};TabList.displayName="TabList",TabList.propTypes={items:prop_types_default().arrayOf(prop_types_default().any).isRequired,showAll:prop_types_default().string,onClick:prop_types_default().func,activeTab:prop_types_default().string,activeTabClass:prop_types_default().string,alignRight:prop_types_default().bool,gtmClass:prop_types_default().string,showNumberOfResults:prop_types_default().bool,totalResults:prop_types_default().number},TabList.__docgenInfo={description:"",methods:[],displayName:"TabList",props:{activeTabClass:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},alignRight:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},gtmClass:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},showNumberOfResults:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},items:{description:"",type:{name:"arrayOf",value:{name:"any"}},required:!0},showAll:{description:"",type:{name:"string"},required:!1},onClick:{description:"",type:{name:"func"},required:!1},activeTab:{description:"",type:{name:"string"},required:!1},totalResults:{description:"",type:{name:"number"},required:!1}}};var tab_list=TabList;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/hooks/tabs/tab/tab-list.js"]={name:"TabList",docgenInfo:TabList.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/hooks/tabs/tab/tab-list.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/hooks/tabs/tab/tab-list.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,'.ZhPuBd5ceULtDljf88Z0xg\\=\\={display:flex;align-items:center;justify-content:flex-start;position:relative;margin:2rem 0}.ZhPuBd5ceULtDljf88Z0xg\\=\\=._3kRcBdIGjmvUHbXpj2TxtQ\\=\\={display:flex;align-items:center;justify-content:flex-end}.ZhPuBd5ceULtDljf88Z0xg\\=\\= .m7fjeB2Fa1EPNuVbw-VboA\\=\\={position:relative;display:block;width:100%;background:var(--color-9);border-radius:6px;padding:1.5rem 2rem;text-align:left;font-size:1.6rem;color:var(--color-22);font-weight:700}.ZhPuBd5ceULtDljf88Z0xg\\=\\= .m7fjeB2Fa1EPNuVbw-VboA\\=\\=:after{content:"";border:solid var(--color-22);border-width:0 .3333333333rem .3333333333rem 0;padding:.3333333333rem;transform:rotate(45deg);position:absolute;right:1rem}@media only screen and (min-width:768px){.ZhPuBd5ceULtDljf88Z0xg\\=\\= .m7fjeB2Fa1EPNuVbw-VboA\\=\\={width:40%}}@media only screen and (min-width:992px){.ZhPuBd5ceULtDljf88Z0xg\\=\\= .m7fjeB2Fa1EPNuVbw-VboA\\=\\={display:none}}.ZhPuBd5ceULtDljf88Z0xg\\=\\= .KTCp2eGRVcGmsdlA9W3GSw\\=\\={width:100%;top:100%}@media only screen and (max-width:991px){.ZhPuBd5ceULtDljf88Z0xg\\=\\= .KTCp2eGRVcGmsdlA9W3GSw\\=\\={position:absolute;opacity:0;transition:visibility 0s linear .33s,opacity .33s linear;z-index:-1;box-shadow:0 .2rem .4rem rgba(21,14,6,.15)}.ZhPuBd5ceULtDljf88Z0xg\\=\\= .KTCp2eGRVcGmsdlA9W3GSw\\=\\=.wXpGMgn10x4QgzD8bI1XkA\\=\\={opacity:1;z-index:var(--modal-index)}}@media only screen and (min-width:768px){.ZhPuBd5ceULtDljf88Z0xg\\=\\= .KTCp2eGRVcGmsdlA9W3GSw\\=\\={flex-direction:column;top:100%;width:40%}}@media only screen and (min-width:992px){.ZhPuBd5ceULtDljf88Z0xg\\=\\= .KTCp2eGRVcGmsdlA9W3GSw\\=\\={display:flex;flex-direction:row;width:auto}}',"",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/hooks/tabs/tab/tab-list.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_icons.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_animations.scss"],names:[],mappings:"AAcA,4BCbE,YAAA,CACA,kBDaoB,CCZpB,0BDY4B,CAC5B,iBAAA,CACA,aAAA,CAEA,wDClBA,YAAA,CACA,kBDkBsB,CCjBtB,wBDiB8B,CAG9B,wDACE,iBAAA,CACA,aAAA,CACA,UAAA,CACA,yBAAA,CACA,iBAAA,CACA,mBAAA,CACA,eAAA,CACA,gBAAA,CACA,qBAAA,CACA,eAAA,CAEA,8DElCF,UAAA,CAaE,4BAAA,CACA,8CAAA,CACA,sBAHQ,CAwBR,uBARW,CFQT,iBAAA,CACA,UAAA,CGcJ,yCH7BA,wDAmBI,SAAA,CAAA,CGUJ,yCH7BA,wDAuBI,YAAA,CAAA,CAIJ,wDACE,UAAA,CACA,QAAA,CGOF,yCHTA,wDI7CA,iBAAA,CACA,SAAA,CACA,wDAAA,CACA,UAAA,CJgDI,0CAAA,CI/CJ,mFACE,SAAA,CACA,0BAAA,CAAA,CDyCF,yCHFA,wDAUI,qBAAA,CACA,QAAA,CACA,SAAA,CAAA,CGVJ,yCHFA,wDC3CA,YAAA,CACA,kBD0D4B,CACxB,UAAA,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.tabList {\n  @include flex-align(center, flex-start);\n  position: relative;\n  margin: 2rem 0;\n\n  &.right {\n    @include flex-align(center, flex-end);\n  }\n\n  .select {\n    position: relative;\n    display: block;\n    width: 100%;\n    background: var(--color-9);\n    border-radius: 6px;\n    padding: 1.5rem 2rem;\n    text-align: left;\n    font-size: 1.6rem;\n    color: var(--color-22);\n    font-weight: 700;\n\n    &:after {\n      @include arrow(var(--color-22), 1rem, down, false);\n      position: absolute;\n      right: 1rem;\n    }\n\n    @include min(tablet) {\n      width: 40%;\n    }\n\n    @include min(laptop) {\n      display: none;\n    }\n  }\n\n  .list {\n    width: 100%;\n    top: 100%;\n\n    @include max(tablet) {\n      @include visibility;\n      box-shadow: 0 0.2rem 0.4rem rgba(21, 14, 6, 0.15);\n    }\n\n    @include min(tablet) {\n      flex-direction: column;\n      top: 100%;\n      width: 40%;\n    }\n\n    @include min(laptop) {\n      @include flex-direction(row);\n      width: auto;\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","@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","$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 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={tabList:"ZhPuBd5ceULtDljf88Z0xg==",right:"_3kRcBdIGjmvUHbXpj2TxtQ==",select:"m7fjeB2Fa1EPNuVbw-VboA==",list:"KTCp2eGRVcGmsdlA9W3GSw==",show:"wXpGMgn10x4QgzD8bI1XkA=="},__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]!../node_modules/gatsby-core-theme/src/hooks/tabs/tab/tab.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,".HwOKn0h9kv2BdabWTTKn1w\\=\\={width:100%}@media only screen and (min-width:992px){.HwOKn0h9kv2BdabWTTKn1w\\=\\={width:auto}.HwOKn0h9kv2BdabWTTKn1w\\=\\=:not(:last-child){padding-right:1rem}}.HwOKn0h9kv2BdabWTTKn1w\\=\\= button{background:var(--color-9);padding:1.5rem 2rem;text-transform:capitalize;font-weight:700;color:var(--color-22);width:100%;text-align:left;display:flex;gap:1rem}@media only screen and (min-width:992px){.HwOKn0h9kv2BdabWTTKn1w\\=\\= button{padding:1.2rem 2.5rem;text-align:center;border-radius:var(--border-radius)}}@media only screen and (min-width:992px){.HwOKn0h9kv2BdabWTTKn1w\\=\\= .Vfk16eFzq1r2dqa6mURgYA\\=\\={background:var(--color-7);box-shadow:0 .2rem .4rem rgba(21,14,6,.15)}}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/hooks/tabs/tab/tab.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAcA,4BACE,UAAA,CCqCA,yCDtCF,4BAQI,UAAA,CAJA,6CACE,kBAAA,CAAA,CAMJ,mCACE,yBAAA,CACA,mBAAA,CACA,yBAAA,CACA,eAAA,CACA,qBAAA,CACA,UAAA,CACA,eAAA,CACA,YAAA,CACA,QAAA,CCkBF,yCD3BA,mCAYI,qBAAA,CACA,iBAAA,CACA,kCAAA,CAAA,CCaJ,yCDTA,wDAEI,yBAAA,CACA,0CAAA,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.tabListItem {\n  width: 100%;\n\n  @include min(laptop) {\n    &:not(:last-child) {\n      padding-right: 1rem;\n    }\n\n    width: auto;\n  }\n\n  button {\n    background: var(--color-9);\n    padding: 1.5rem 2rem;\n    text-transform: capitalize;\n    font-weight: 700;\n    color: var(--color-22);\n    width: 100%;\n    text-align: left;\n    display: flex;\n    gap: 1rem;\n\n    @include min(laptop) {\n      padding: 1.2rem 2.5rem;\n      text-align: center;\n      border-radius: var(--border-radius);\n    }\n  }\n\n  .active {\n    @include min(laptop) {\n      background: var(--color-7);\n      box-shadow: 0 0.2rem 0.4rem rgba(21, 14, 6, 0.15);\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={tabListItem:"HwOKn0h9kv2BdabWTTKn1w==",active:"Vfk16eFzq1r2dqa6mURgYA=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);