gatsby-matrix-theme 34.0.21 → 34.0.22

package/storybook/public/{60.d1cf4201.iframe.bundle.js → 60.ff674703.iframe.bundle.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[60],{"../node_modules/gatsby-core-theme/src/helpers/select.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{o:function(){return closeOtherSelects}});__webpack_require__("../node_modules/core-js/modules/es.regexp.constructor.js"),__webpack_require__("../node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("../node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("../node_modules/core-js/modules/es.string.match.js"),__webpack_require__("../node_modules/core-js/modules/es.string.replace.js");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,""))}},"../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,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))};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},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},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}}};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},helpers_select=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/select.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,_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(){(0,helpers_select.o)(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",{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 label=items.props.label;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})}))))};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},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},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}}};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: 0 0 2.4rem 4.8rem;\n  }\n  @else if $direction == left {\n    margin: 0 4.8rem 2.4rem 0;\n  }\n  @else {\n    margin: 0 1em 1em 0;\n  }\n}\n\n@mixin content-img-align($direction: center, $spacing: 1em) {\n  display: block;\n  @if $direction == right {\n    margin: $spacing 0 $spacing auto;\n  } @else if $direction == left {\n    margin: $spacing auto $spacing 0;\n  } @else {\n    margin: $spacing auto;\n  }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n  position: relative;\n  &:after {\n    top: 100%;\n    left: 50%;\n    border: solid transparent;\n    content: '';\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n    border-color: rgba(0, 0, 0, 0);\n    border-top: $height solid $color;\n    border-right: calc($width / 2) solid transparent;\n    border-left: calc($width / 2) solid transparent;\n    margin-left: - calc($width / 2);\n  }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n  background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  &:hover {\n    background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  }\n}\n\n@mixin sportBtn($color1, $color2) {\n  background: linear-gradient(to bottom, $color1 0, $color2 100%);\n  &:hover {\n    background: linear-gradient(to bottom, $color2 0, $color1 100%);\n  }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n  line-height: $line-height;\n  width: $width;\n  font-weight: normal;\n  display: inline-block;\n  color: $fill-color;\n  font-size: 15px;\n  position: relative;\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n  &:last-child {\n    margin-right: 0;\n  }\n  &:before {\n    content: '\\2605';\n  }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n  line-height: 2rem;\n  width: 16px;\n  font-weight: normal;\n  display: inline-block;\n  color: $half-full-color;\n  font-size: 15px;\n  position: relative;\n  &:before {\n    content: '\\2605';\n  }\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n  &:after {\n    content: '\\2605';\n    color: $half-empty-color;\n    position: absolute;\n    width: 7px;\n    overflow: hidden;\n    bottom: 0;\n    left: 0;\n  }\n}\n\n\n@mixin border-gradient($color-1, $color-2, $bgcolor, $radius: .8rem) {\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: 2px 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 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: .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}","@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}@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,CCoBF,yCD3BA,mCAUI,qBAAA,CACA,iBAAA,CACA,kCAAA,CAAA,CCeJ,yCDXA,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\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___}}]);
+"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[60],{"../node_modules/gatsby-core-theme/src/helpers/select.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.d(__webpack_exports__,{o:function(){return closeOtherSelects}});__webpack_require__("../node_modules/core-js/modules/es.regexp.constructor.js"),__webpack_require__("../node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("../node_modules/core-js/modules/es.regexp.to-string.js"),__webpack_require__("../node_modules/core-js/modules/es.string.match.js"),__webpack_require__("../node_modules/core-js/modules/es.string.replace.js");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,""))}},"../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,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))};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},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},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}}};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},helpers_select=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/select.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,_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(){(0,helpers_select.o)(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",{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 label=items.props.label;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})}))))};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},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},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}}};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) {\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: 2px 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 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}@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,CCoBF,yCD3BA,mCAUI,qBAAA,CACA,iBAAA,CACA,kCAAA,CAAA,CCeJ,yCDXA,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\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___}}]);

package/storybook/public/{694.9ddc47e7.iframe.bundle.js → 694.275e5411.iframe.bundle.js}

@@ -1 +1 @@
-"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[694],{"./src/components/atoms/footer/as-seen-on/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return as_seen_on}});__webpack_require__("../node_modules/core-js/modules/es.array.concat.js");var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),link_list=__webpack_require__("../node_modules/gatsby-core-theme/src/components/molecules/link-list/index.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),as_seen_on_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/atoms/footer/as-seen-on/as-seen-on.module.scss"),options={insert:"head",singleton:!1},as_seen_on_as_seen_on_module=(injectStylesIntoStyleTag_default()(as_seen_on_module.Z,options),as_seen_on_module.Z.locals||{}),AsSeenOn=function AsSeenOn(_ref){var asSeenOn=_ref.asSeenOn,template=_ref.template;return react.createElement("div",{className:"".concat((null==as_seen_on_as_seen_on_module?void 0:as_seen_on_as_seen_on_module.asSeenOn)||""," ").concat(template&&as_seen_on_as_seen_on_module[template]&&as_seen_on_as_seen_on_module[template]||"")},react.createElement("span",null,"As Seen On:"),react.createElement(link_list.Z,{showListTitle:!1,imageOnly:!0,singleList:!0,lists:asSeenOn,width:130,height:140,gtmClass:"mobile-menu-gtm logo-cta"}))};AsSeenOn.displayName="AsSeenOn",AsSeenOn.__docgenInfo={description:"",methods:[],displayName:"AsSeenOn",props:{asSeenOn:{description:"",type:{name:"shape",value:{}},required:!1},template:{description:"",type:{name:"string"},required:!1}}};var as_seen_on=AsSeenOn;AsSeenOn.propTypes={asSeenOn:prop_types_default().shape({}),template:prop_types_default().string},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/footer/as-seen-on/index.js"]={name:"AsSeenOn",docgenInfo:AsSeenOn.__docgenInfo,path:"src/components/atoms/footer/as-seen-on/index.js"})},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/atoms/footer/as-seen-on/as-seen-on.module.scss":function(module,__webpack_exports__,__webpack_require__){var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"._3U8D\\+7KKbpc4r24eiqCE9Q\\=\\={background:var(--footer-asSeenOn-background-color);border-bottom:var(--footer-asSeenOn-border);display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:1.6rem;padding:3.2rem 1.6rem}@media only screen and (min-width:768px){._3U8D\\+7KKbpc4r24eiqCE9Q\\=\\={display:flex;align-items:center;justify-content:center;padding:48px 0px}}@media only screen and (min-width:768px){._3U8D\\+7KKbpc4r24eiqCE9Q\\=\\=>span,._3U8D\\+7KKbpc4r24eiqCE9Q\\=\\=>ul{margin:0 auto;max-width:calc(var(--main-container-max) + var(--side-container))}}._3U8D\\+7KKbpc4r24eiqCE9Q\\=\\=>span{font-size:var(--h5-size);margin-top:0;font-weight:700;margin-bottom:0;color:var(--footer-asSeenOn-text-color, var(--color-49))}._3U8D\\+7KKbpc4r24eiqCE9Q\\=\\=>ul{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}._3U8D\\+7KKbpc4r24eiqCE9Q\\=\\=>ul li{padding-right:1rem;padding-bottom:1rem}@media only screen and (min-width:768px){._3U8D\\+7KKbpc4r24eiqCE9Q\\=\\=>ul li{padding-bottom:2rem;padding-right:2.5rem}}@media only screen and (min-width:992px){._3U8D\\+7KKbpc4r24eiqCE9Q\\=\\=>ul li{padding-bottom:0}}._3U8D\\+7KKbpc4r24eiqCE9Q\\=\\=>ul li img{max-width:9.5rem}@media only screen and (min-width:768px){._3U8D\\+7KKbpc4r24eiqCE9Q\\=\\=>ul li img{max-width:13rem}}@media only screen and (min-width:768px){._3U8D\\+7KKbpc4r24eiqCE9Q\\=\\=>ul{display:flex;align-items:center;justify-content:center}}.OAJN-FHYRGrx0P6jem3chA\\=\\={border:none;display:flex;align-items:flex-start;justify-content:flex-start;padding:0}.OAJN-FHYRGrx0P6jem3chA\\=\\=>span,.OAJN-FHYRGrx0P6jem3chA\\=\\=>ul{margin:0}@media only screen and (min-width:768px){.OAJN-FHYRGrx0P6jem3chA\\=\\=>ul{display:flex;align-items:flex-start;justify-content:flex-start}}","",{version:3,sources:["webpack://./src/components/atoms/footer/as-seen-on/as-seen-on.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAeA,8BACE,kDAAA,CACA,2CAAA,CChBA,YAAA,CACA,sBDgBoB,CCfpB,sBDegC,CAChC,qBAAA,CACA,UAAA,CACA,qBAAA,CE+BA,yCFrCF,8BCdE,YAAA,CACA,kBDsBsB,CCrBtB,sBDqB8B,CAC5B,gBAAA,CAAA,CE2BF,yCFxBA,oEAGI,aAAA,CACA,iEAAA,CAAA,CAIJ,mCACE,wBAAA,CACA,YAAA,CACA,eAAA,CACA,eAAA,CACA,wDAAA,CAGF,iCC3CA,YAAA,CACA,sBD2CsB,CC1CtB,0BD0CkC,CAChC,cAAA,CAEA,oCACE,kBAAA,CACA,mBAAA,CEEJ,yCFJE,oCAKI,mBAAA,CACA,oBAAA,CAAA,CEFN,yCFJE,oCAUI,gBAAA,CAAA,CAGF,wCACE,gBAAA,CEVN,yCFSI,wCAII,eAAA,CAAA,CEbR,yCFRA,iCC3CA,YAAA,CACA,kBDqEwB,CCpExB,sBDoEgC,CAAA,CAKlC,4BACE,WAAA,CC5EA,YAAA,CACA,sBD4EoB,CC3EpB,0BD2EgC,CAChC,SAAA,CAEA,gEAEE,QAAA,CE/BF,yCFkCA,+BCrFA,YAAA,CACA,sBDsFwB,CCrFxB,0BDqFoC,CAAA",sourcesContent:["// Global styles extended in each theme\n\n// Utils\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/typography';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/layout';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/media-queries';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/icons';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/tooltip';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/loader';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/mixins';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/scrollbar';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/animations';\n\n\n.asSeenOn {\n  background: var(--footer-asSeenOn-background-color);\n  border-bottom: var(--footer-asSeenOn-border);\n  @include flex-align(flex-start, center);\n  flex-direction: column;\n  gap: 1.6rem;\n  padding: 3.2rem 1.6rem;\n\n  @include min(tablet) {\n    @include flex-align(center, center);\n    padding: 48px 0px;\n  }\n\n  > span,\n  > ul {\n    @include min(tablet) {\n      margin: 0 auto;\n      max-width: calc(var(--main-container-max) + var(--side-container));\n    }\n  }\n\n  > span {\n    font-size: var(--h5-size);\n    margin-top: 0;\n    font-weight: 700;\n    margin-bottom: 0;\n    color: var(--footer-asSeenOn-text-color, var(--color-49));\n  }\n\n  > ul {\n    @include flex-align(flex-start, flex-start);\n    flex-wrap: wrap;\n\n    li {\n      padding-right: 1rem;\n      padding-bottom: 1rem;\n\n      @include min(tablet) {\n        padding-bottom: 2rem;\n        padding-right: 2.5rem;\n      }\n\n      @include min(laptop) {\n        padding-bottom: 0;\n      }\n\n      img {\n        max-width: 9.5rem;\n\n        @include min(tablet) {\n          max-width: 13rem;\n        }\n      }\n    }\n\n    @include min(tablet) {\n      @include flex-align(center, center);\n    }\n  }\n}\n\n.templateTwo {\n  border: none;\n  @include flex-align(flex-start, flex-start);\n  padding: 0;\n\n  > span,\n  > ul {\n    margin: 0;\n  }\n\n  > ul {\n    @include min(tablet) {\n      @include flex-align(flex-start, flex-start);\n    }\n  }\n}","@mixin flex-align($align-items, $justify-content) {\n  display: flex;\n  align-items: $align-items;\n  justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n  display: flex;\n  flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n  #{$overflow-type}: $overflow-value;\n  -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n  background: $bgcolor;\n  border-radius: 100px;\n  color: $text-color;\n  font-weight: 700;\n  @include flex-align(center, center);\n  padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n  color: $color;\n\n  &:hover {\n    color: $color;\n  }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n  float: $direction;\n  @if $direction == right {\n    margin: 0 0 2.4rem 4.8rem;\n  }\n  @else if $direction == left {\n    margin: 0 4.8rem 2.4rem 0;\n  }\n  @else {\n    margin: 0 1em 1em 0;\n  }\n}\n\n@mixin content-img-align($direction: center, $spacing: 1em) {\n  display: block;\n  @if $direction == right {\n    margin: $spacing 0 $spacing auto;\n  } @else if $direction == left {\n    margin: $spacing auto $spacing 0;\n  } @else {\n    margin: $spacing auto;\n  }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n  position: relative;\n  &:after {\n    top: 100%;\n    left: 50%;\n    border: solid transparent;\n    content: '';\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n    border-color: rgba(0, 0, 0, 0);\n    border-top: $height solid $color;\n    border-right: calc($width / 2) solid transparent;\n    border-left: calc($width / 2) solid transparent;\n    margin-left: - calc($width / 2);\n  }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n  background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  &:hover {\n    background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  }\n}\n\n@mixin sportBtn($color1, $color2) {\n  background: linear-gradient(to bottom, $color1 0, $color2 100%);\n  &:hover {\n    background: linear-gradient(to bottom, $color2 0, $color1 100%);\n  }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n  line-height: $line-height;\n  width: $width;\n  font-weight: normal;\n  display: inline-block;\n  color: $fill-color;\n  font-size: 15px;\n  position: relative;\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n  &:last-child {\n    margin-right: 0;\n  }\n  &:before {\n    content: '\\2605';\n  }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n  line-height: 2rem;\n  width: 16px;\n  font-weight: normal;\n  display: inline-block;\n  color: $half-full-color;\n  font-size: 15px;\n  position: relative;\n  &:before {\n    content: '\\2605';\n  }\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n  &:after {\n    content: '\\2605';\n    color: $half-empty-color;\n    position: absolute;\n    width: 7px;\n    overflow: hidden;\n    bottom: 0;\n    left: 0;\n  }\n}\n\n\n@mixin border-gradient($color-1, $color-2, $bgcolor, $radius: .8rem) {\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: 2px 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 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: .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}","$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={asSeenOn:"_3U8D+7KKbpc4r24eiqCE9Q==",templateTwo:"OAJN-FHYRGrx0P6jem3chA=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);
+"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[694],{"./src/components/atoms/footer/as-seen-on/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return as_seen_on}});__webpack_require__("../node_modules/core-js/modules/es.array.concat.js");var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),link_list=__webpack_require__("../node_modules/gatsby-core-theme/src/components/molecules/link-list/index.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),as_seen_on_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/atoms/footer/as-seen-on/as-seen-on.module.scss"),options={insert:"head",singleton:!1},as_seen_on_as_seen_on_module=(injectStylesIntoStyleTag_default()(as_seen_on_module.Z,options),as_seen_on_module.Z.locals||{}),AsSeenOn=function AsSeenOn(_ref){var asSeenOn=_ref.asSeenOn,template=_ref.template;return react.createElement("div",{className:"".concat((null==as_seen_on_as_seen_on_module?void 0:as_seen_on_as_seen_on_module.asSeenOn)||""," ").concat(template&&as_seen_on_as_seen_on_module[template]&&as_seen_on_as_seen_on_module[template]||"")},react.createElement("span",null,"As Seen On:"),react.createElement(link_list.Z,{showListTitle:!1,imageOnly:!0,singleList:!0,lists:asSeenOn,width:130,height:140,gtmClass:"mobile-menu-gtm logo-cta"}))};AsSeenOn.displayName="AsSeenOn",AsSeenOn.__docgenInfo={description:"",methods:[],displayName:"AsSeenOn",props:{asSeenOn:{description:"",type:{name:"shape",value:{}},required:!1},template:{description:"",type:{name:"string"},required:!1}}};var as_seen_on=AsSeenOn;AsSeenOn.propTypes={asSeenOn:prop_types_default().shape({}),template:prop_types_default().string},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/footer/as-seen-on/index.js"]={name:"AsSeenOn",docgenInfo:AsSeenOn.__docgenInfo,path:"src/components/atoms/footer/as-seen-on/index.js"})},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/atoms/footer/as-seen-on/as-seen-on.module.scss":function(module,__webpack_exports__,__webpack_require__){var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"._3U8D\\+7KKbpc4r24eiqCE9Q\\=\\={background:var(--footer-asSeenOn-background-color);border-bottom:var(--footer-asSeenOn-border);display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:1.6rem;padding:3.2rem 1.6rem}@media only screen and (min-width:768px){._3U8D\\+7KKbpc4r24eiqCE9Q\\=\\={display:flex;align-items:center;justify-content:center;padding:48px 0px}}@media only screen and (min-width:768px){._3U8D\\+7KKbpc4r24eiqCE9Q\\=\\=>span,._3U8D\\+7KKbpc4r24eiqCE9Q\\=\\=>ul{margin:0 auto;max-width:calc(var(--main-container-max) + var(--side-container))}}._3U8D\\+7KKbpc4r24eiqCE9Q\\=\\=>span{font-size:var(--h5-size);margin-top:0;font-weight:700;margin-bottom:0;color:var(--footer-asSeenOn-text-color, var(--color-49))}._3U8D\\+7KKbpc4r24eiqCE9Q\\=\\=>ul{display:flex;align-items:flex-start;justify-content:flex-start;flex-wrap:wrap}._3U8D\\+7KKbpc4r24eiqCE9Q\\=\\=>ul li{padding-right:1rem;padding-bottom:1rem}@media only screen and (min-width:768px){._3U8D\\+7KKbpc4r24eiqCE9Q\\=\\=>ul li{padding-bottom:2rem;padding-right:2.5rem}}@media only screen and (min-width:992px){._3U8D\\+7KKbpc4r24eiqCE9Q\\=\\=>ul li{padding-bottom:0}}._3U8D\\+7KKbpc4r24eiqCE9Q\\=\\=>ul li img{max-width:9.5rem}@media only screen and (min-width:768px){._3U8D\\+7KKbpc4r24eiqCE9Q\\=\\=>ul li img{max-width:13rem}}@media only screen and (min-width:768px){._3U8D\\+7KKbpc4r24eiqCE9Q\\=\\=>ul{display:flex;align-items:center;justify-content:center}}.OAJN-FHYRGrx0P6jem3chA\\=\\={border:none;display:flex;align-items:flex-start;justify-content:flex-start;padding:0}.OAJN-FHYRGrx0P6jem3chA\\=\\=>span,.OAJN-FHYRGrx0P6jem3chA\\=\\=>ul{margin:0}@media only screen and (min-width:768px){.OAJN-FHYRGrx0P6jem3chA\\=\\=>ul{display:flex;align-items:flex-start;justify-content:flex-start}}","",{version:3,sources:["webpack://./src/components/atoms/footer/as-seen-on/as-seen-on.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAeA,8BACE,kDAAA,CACA,2CAAA,CChBA,YAAA,CACA,sBDgBoB,CCfpB,sBDegC,CAChC,qBAAA,CACA,UAAA,CACA,qBAAA,CE+BA,yCFrCF,8BCdE,YAAA,CACA,kBDsBsB,CCrBtB,sBDqB8B,CAC5B,gBAAA,CAAA,CE2BF,yCFxBA,oEAGI,aAAA,CACA,iEAAA,CAAA,CAIJ,mCACE,wBAAA,CACA,YAAA,CACA,eAAA,CACA,eAAA,CACA,wDAAA,CAGF,iCC3CA,YAAA,CACA,sBD2CsB,CC1CtB,0BD0CkC,CAChC,cAAA,CAEA,oCACE,kBAAA,CACA,mBAAA,CEEJ,yCFJE,oCAKI,mBAAA,CACA,oBAAA,CAAA,CEFN,yCFJE,oCAUI,gBAAA,CAAA,CAGF,wCACE,gBAAA,CEVN,yCFSI,wCAII,eAAA,CAAA,CEbR,yCFRA,iCC3CA,YAAA,CACA,kBDqEwB,CCpExB,sBDoEgC,CAAA,CAKlC,4BACE,WAAA,CC5EA,YAAA,CACA,sBD4EoB,CC3EpB,0BD2EgC,CAChC,SAAA,CAEA,gEAEE,QAAA,CE/BF,yCFkCA,+BCrFA,YAAA,CACA,sBDsFwB,CCrFxB,0BDqFoC,CAAA",sourcesContent:["// Global styles extended in each theme\n\n// Utils\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/typography';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/layout';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/media-queries';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/icons';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/tooltip';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/loader';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/mixins';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/scrollbar';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/animations';\n\n\n.asSeenOn {\n  background: var(--footer-asSeenOn-background-color);\n  border-bottom: var(--footer-asSeenOn-border);\n  @include flex-align(flex-start, center);\n  flex-direction: column;\n  gap: 1.6rem;\n  padding: 3.2rem 1.6rem;\n\n  @include min(tablet) {\n    @include flex-align(center, center);\n    padding: 48px 0px;\n  }\n\n  > span,\n  > ul {\n    @include min(tablet) {\n      margin: 0 auto;\n      max-width: calc(var(--main-container-max) + var(--side-container));\n    }\n  }\n\n  > span {\n    font-size: var(--h5-size);\n    margin-top: 0;\n    font-weight: 700;\n    margin-bottom: 0;\n    color: var(--footer-asSeenOn-text-color, var(--color-49));\n  }\n\n  > ul {\n    @include flex-align(flex-start, flex-start);\n    flex-wrap: wrap;\n\n    li {\n      padding-right: 1rem;\n      padding-bottom: 1rem;\n\n      @include min(tablet) {\n        padding-bottom: 2rem;\n        padding-right: 2.5rem;\n      }\n\n      @include min(laptop) {\n        padding-bottom: 0;\n      }\n\n      img {\n        max-width: 9.5rem;\n\n        @include min(tablet) {\n          max-width: 13rem;\n        }\n      }\n    }\n\n    @include min(tablet) {\n      @include flex-align(center, center);\n    }\n  }\n}\n\n.templateTwo {\n  border: none;\n  @include flex-align(flex-start, flex-start);\n  padding: 0;\n\n  > span,\n  > ul {\n    margin: 0;\n  }\n\n  > ul {\n    @include min(tablet) {\n      @include flex-align(flex-start, flex-start);\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) {\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: 2px 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 buttonsColor($color1, $color2, $color3, $textColor: 'white') {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  background-color: $color1;\n  color: $textColor;\n  padding: 0.9rem 3rem;\n  font-weight: 700;\n  font-size: 1.8rem;\n  border-radius: var(--border-radius);\n\n  > svg {\n    flex: none;\n    margin-left: 0.8rem;\n  }\n\n  &:hover {\n    background-color: $color2;\n    color: $textColor;\n  }\n\n  &:active {\n    background-color: $color3;\n    color: $textColor;\n  }\n}\n","$media-query-sizes: (\n  mobile-s: (\n    min: 320px,\n    max: 374px,\n  ),\n  mobile-m: (\n    min: 375px,\n    max: 424px,\n  ),\n  mobile: (\n    min: 425px,\n    max: 767px,\n  ),\n  tablet: (\n    min: 768px,\n    max: 991px,\n  ),\n  laptop: (\n    min: 992px,\n    max: 1199px,\n  ),\n  desktop: (\n    min: 1200px,\n  ),\n);\n\n// Get media query sizes\n$screen: 'only screen';\n@function media-query($media, $optional-media: '', $min: true) {\n  $media-label: '';\n\n  @if ($optional-media != '') {\n    $media-sizes-min: map-get($media-query-sizes, $media);\n    $media-sizes-max: map-get($media-query-sizes, $optional-media);\n    $media-label: $screen +\n      \" and (min-width:#{map-get($media-sizes-min, 'min')}) and (max-width:#{map-get($media-sizes-max, 'max')})\";\n  } @else {\n    $query: 'max';\n\n    @if ($min) {\n      $query: 'min';\n    }\n\n    $media-sizes: map-get($media-query-sizes, $media);\n    $media-label: $screen + ' and (#{$query}-width:#{map-get($media-sizes, $query)})';\n  }\n\n  @return $media-label;\n}\n\n// Min media query\n@mixin min($media) {\n  @media #{media-query($media)} {\n    @content;\n  }\n}\n\n// Max media query\n@mixin max($media) {\n  @media #{media-query($media, '', false)} {\n    @content;\n  }\n}\n\n// Min & max media query\n@mixin min-max($min, $max) {\n  @media #{media-query($min, $max)} {\n    @content;\n  }\n}\n\n// Use this ONLY if you need a media query that doesn't fit the $media-query-sizes breakpoints above\n// Pass number, for example @include custom-min(992)\n@mixin custom-min($min) {\n  @media #{$screen} and (min-width: #{$min}px) {\n    @content;\n  }\n}\n\n@mixin custom-max($max) {\n  @media #{$screen} and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n@mixin custom-min-max($min, $max) {\n  @media #{$screen} and (min-width: #{$min}px) and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n// Landscape\n// (If we find more use cases of this in the future, might want to refactor this and include it in the media-query function for $screen)\n// Pass number\n$landscape: 'screen and (orientation:landscape)';\n\n@mixin landscape-max($max) {\n  @media #{$landscape} and (max-width: #{$max}px) {\n    @content;\n  }\n}\n\n@mixin landscape-min($min) {\n  @media #{$landscape} and (min-width: #{$min}px) {\n    @content;\n  }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={asSeenOn:"_3U8D+7KKbpc4r24eiqCE9Q==",templateTwo:"OAJN-FHYRGrx0P6jem3chA=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/{917.0c0fb4cc.iframe.bundle.js → 917.b6ab19ed.iframe.bundle.js}

@@ -1 +1 @@
-(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[917],{"../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/article.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return article}});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),IoMdArrowRoundForward=__webpack_require__("../node_modules/@react-icons/all-files/io/IoMdArrowRoundForward.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),article_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/article.module.scss"),options={insert:"head",singleton:!1},autocomplete_article_module=(injectStylesIntoStyleTag_default()(article_module.Z,options),article_module.Z.locals||{}),Article=function Article(_ref){var _ref$item=_ref.item,item=void 0===_ref$item?{}:_ref$item;return react.createElement("div",{className:autocomplete_article_module.row||""},react.createElement("h3",null,item.title),react.createElement(IoMdArrowRoundForward.n,{title:"Right-pointing Arrow Icon"}))};Article.displayName="Article",Article.propTypes={item:prop_types_default().shape({title:prop_types_default().string}).isRequired},Article.__docgenInfo={description:"",methods:[],displayName:"Article",props:{item:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"shape",value:{title:{name:"string",required:!1}}},required:!1}}};var article=Article;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/article.js"]={name:"Article",docgenInfo:Article.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/article.js"})},"../node_modules/@react-icons/all-files/io/IoMdArrowRoundForward.js":function(module,__unused_webpack_exports,__webpack_require__){var GenIcon=__webpack_require__("../node_modules/@react-icons/all-files/lib/esm/index.js").w_;module.exports.n=function IoMdArrowRoundForward(props){return GenIcon({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M284.9 412.6l138.1-134c6-5.8 9-13.7 9-22.4v-.4c0-8.7-3-16.6-9-22.4l-138.1-134c-12-12.5-31.3-12.5-43.2 0-11.9 12.5-11.9 32.7 0 45.2l83 79.4h-214c-17 0-30.7 14.3-30.7 32 0 18 13.7 32 30.6 32h214l-83 79.4c-11.9 12.5-11.9 32.7 0 45.2 12 12.5 31.3 12.5 43.3 0z"}}]})(props)}},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/article.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";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,".y9pdAFFm0vbGTG82wI59WA\\=\\={display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:0 1rem;border-top:1px solid #ccc}.y9pdAFFm0vbGTG82wI59WA\\=\\= h3{font-size:1.6rem}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/article.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,4BCbE,YAAA,CACA,kBDaoB,CCZpB,6BDY4B,CAC5B,qBAAA,CACA,cAAA,CACA,yBAAA,CACA,+BACE,gBAAA",sourcesContent:["// Global styles extended in each theme\n\n// Utils\n@import '../../../../styles/utils/variables/typography';\n@import '../../../../styles/utils/variables/layout';\n@import '../../../../styles/utils/variables/stack-order';\n@import '../../../../styles/utils/media-queries';\n@import '../../../../styles/utils/icons';\n@import '../../../../styles/utils/tooltip';\n@import '../../../../styles/utils/loader';\n@import '../../../../styles/utils/mixins';\n@import '../../../../styles/utils/scrollbar';\n@import '../../../../styles/utils/animations';\n\n.row {\n  @include flex-align(center, space-between);\n  background-color: white;\n  padding: 0 1rem;\n  border-top: 1px solid #ccc;\n  h3 {\n    font-size: 1.6rem;\n  }\n}\n","@mixin flex-align($align-items, $justify-content) {\n  display: flex;\n  align-items: $align-items;\n  justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n  display: flex;\n  flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n  #{$overflow-type}: $overflow-value;\n  -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n  background: $bgcolor;\n  border-radius: 100px;\n  color: $text-color;\n  font-weight: 700;\n  @include flex-align(center, center);\n  padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n  color: $color;\n\n  &:hover {\n    color: $color;\n  }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n  float: $direction;\n  @if $direction == right {\n    margin: 0 0 2.4rem 4.8rem;\n  }\n  @else if $direction == left {\n    margin: 0 4.8rem 2.4rem 0;\n  }\n  @else {\n    margin: 0 1em 1em 0;\n  }\n}\n\n@mixin content-img-align($direction: center, $spacing: 1em) {\n  display: block;\n  @if $direction == right {\n    margin: $spacing 0 $spacing auto;\n  } @else if $direction == left {\n    margin: $spacing auto $spacing 0;\n  } @else {\n    margin: $spacing auto;\n  }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n  position: relative;\n  &:after {\n    top: 100%;\n    left: 50%;\n    border: solid transparent;\n    content: '';\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n    border-color: rgba(0, 0, 0, 0);\n    border-top: $height solid $color;\n    border-right: calc($width / 2) solid transparent;\n    border-left: calc($width / 2) solid transparent;\n    margin-left: - calc($width / 2);\n  }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n  background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  &:hover {\n    background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  }\n}\n\n@mixin sportBtn($color1, $color2) {\n  background: linear-gradient(to bottom, $color1 0, $color2 100%);\n  &:hover {\n    background: linear-gradient(to bottom, $color2 0, $color1 100%);\n  }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n  line-height: $line-height;\n  width: $width;\n  font-weight: normal;\n  display: inline-block;\n  color: $fill-color;\n  font-size: 15px;\n  position: relative;\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n  &:last-child {\n    margin-right: 0;\n  }\n  &:before {\n    content: '\\2605';\n  }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n  line-height: 2rem;\n  width: 16px;\n  font-weight: normal;\n  display: inline-block;\n  color: $half-full-color;\n  font-size: 15px;\n  position: relative;\n  &:before {\n    content: '\\2605';\n  }\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n  &:after {\n    content: '\\2605';\n    color: $half-empty-color;\n    position: absolute;\n    width: 7px;\n    overflow: hidden;\n    bottom: 0;\n    left: 0;\n  }\n}\n\n\n@mixin border-gradient($color-1, $color-2, $bgcolor, $radius: .8rem) {\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: 2px 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 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: .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}"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={row:"y9pdAFFm0vbGTG82wI59WA=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);
+(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[917],{"../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/article.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return article}});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),IoMdArrowRoundForward=__webpack_require__("../node_modules/@react-icons/all-files/io/IoMdArrowRoundForward.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),article_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/article.module.scss"),options={insert:"head",singleton:!1},autocomplete_article_module=(injectStylesIntoStyleTag_default()(article_module.Z,options),article_module.Z.locals||{}),Article=function Article(_ref){var _ref$item=_ref.item,item=void 0===_ref$item?{}:_ref$item;return react.createElement("div",{className:autocomplete_article_module.row||""},react.createElement("h3",null,item.title),react.createElement(IoMdArrowRoundForward.n,{title:"Right-pointing Arrow Icon"}))};Article.displayName="Article",Article.propTypes={item:prop_types_default().shape({title:prop_types_default().string}).isRequired},Article.__docgenInfo={description:"",methods:[],displayName:"Article",props:{item:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"shape",value:{title:{name:"string",required:!1}}},required:!1}}};var article=Article;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/article.js"]={name:"Article",docgenInfo:Article.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/article.js"})},"../node_modules/@react-icons/all-files/io/IoMdArrowRoundForward.js":function(module,__unused_webpack_exports,__webpack_require__){var GenIcon=__webpack_require__("../node_modules/@react-icons/all-files/lib/esm/index.js").w_;module.exports.n=function IoMdArrowRoundForward(props){return GenIcon({tag:"svg",attr:{viewBox:"0 0 512 512"},child:[{tag:"path",attr:{d:"M284.9 412.6l138.1-134c6-5.8 9-13.7 9-22.4v-.4c0-8.7-3-16.6-9-22.4l-138.1-134c-12-12.5-31.3-12.5-43.2 0-11.9 12.5-11.9 32.7 0 45.2l83 79.4h-214c-17 0-30.7 14.3-30.7 32 0 18 13.7 32 30.6 32h214l-83 79.4c-11.9 12.5-11.9 32.7 0 45.2 12 12.5 31.3 12.5 43.3 0z"}}]})(props)}},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/article.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";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,".y9pdAFFm0vbGTG82wI59WA\\=\\={display:flex;align-items:center;justify-content:space-between;background-color:#fff;padding:0 1rem;border-top:1px solid #ccc}.y9pdAFFm0vbGTG82wI59WA\\=\\= h3{font-size:1.6rem}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/article.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,4BCbE,YAAA,CACA,kBDaoB,CCZpB,6BDY4B,CAC5B,qBAAA,CACA,cAAA,CACA,yBAAA,CACA,+BACE,gBAAA",sourcesContent:["// Global styles extended in each theme\n\n// Utils\n@import '../../../../styles/utils/variables/typography';\n@import '../../../../styles/utils/variables/layout';\n@import '../../../../styles/utils/variables/stack-order';\n@import '../../../../styles/utils/media-queries';\n@import '../../../../styles/utils/icons';\n@import '../../../../styles/utils/tooltip';\n@import '../../../../styles/utils/loader';\n@import '../../../../styles/utils/mixins';\n@import '../../../../styles/utils/scrollbar';\n@import '../../../../styles/utils/animations';\n\n.row {\n  @include flex-align(center, space-between);\n  background-color: white;\n  padding: 0 1rem;\n  border-top: 1px solid #ccc;\n  h3 {\n    font-size: 1.6rem;\n  }\n}\n","@mixin flex-align($align-items, $justify-content) {\n  display: flex;\n  align-items: $align-items;\n  justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n  display: flex;\n  flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n  #{$overflow-type}: $overflow-value;\n  -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n  background: $bgcolor;\n  border-radius: 100px;\n  color: $text-color;\n  font-weight: 700;\n  @include flex-align(center, center);\n  padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n  color: $color;\n\n  &:hover {\n    color: $color;\n  }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n  float: $direction;\n  @if $direction == right {\n    margin: 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) {\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: 2px 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 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={row:"y9pdAFFm0vbGTG82wI59WA=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);