gatsby-matrix-theme 53.0.19 → 53.0.21

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## [53.0.21](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v53.0.20...v53.0.21) (2025-04-23)
+
+
+### Bug Fixes
+
+* update version ([68ba5dd](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/68ba5dd9a51f9f94e513f7e03d0008fe43f16ebd))
+
+## [53.0.20](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v53.0.19...v53.0.20) (2025-04-22)
+
+
+### Bug Fixes
+
+* update core  version ([355ca33](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/355ca331fd2bd01f79a851edc9aedea0f1cb0c24))
+* update theme ([aebf8cb](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/aebf8cbf613c2e2e490048f1b05a97cb8a73a137))
+* update version ([0eea1d1](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/0eea1d1cfb2886163a76c4a42ca1b83c533586db))
+
 ## [53.0.19](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v53.0.18...v53.0.19) (2025-04-16)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "53.0.19",
+  "version": "53.0.21",
   "main": "index.js",
   "description": "Matrix Theme NPM Package",
   "author": "",
@@ -25,7 +25,7 @@
   "dependencies": {
     "@react-icons/all-files": "^4.1.0",
     "gatsby": "^5.11.0",
-    "gatsby-core-theme": "44.0.18",
+    "gatsby-core-theme": "44.0.24",
     "gatsby-plugin-sharp": "^5.11.0",
     "gatsby-transformer-sharp": "^5.11.0",
     "gatsby-plugin-sitemap": "^6.13.1",

package/storybook/public/356.e78975c4.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[356],{"../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/game/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>game});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),FaArrowRight=__webpack_require__("../node_modules/@react-icons/all-files/fa/FaArrowRight.js"),button_button=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/button/button.js"),lazy_image=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/lazy-image/index.js"),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.mjs"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),game_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/game/game.module.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(game_module.A,options);const game_game_module=game_module.A.locals||{};var Game=function(_ref){var _ref$item=_ref.item,item=void 0===_ref$item?{}:_ref$item,_ref$width=_ref.width,width=void 0===_ref$width?56:_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?56:_ref$height,_ref$btnText=_ref.btnText,btnText=void 0===_ref$btnText?"":_ref$btnText,_ref$icon=_ref.icon,icon=void 0===_ref$icon?react.createElement(FaArrowRight.Z,{title:"Right-pointing Arrow Icon"}):_ref$icon,logo=item.logo;return react.createElement("li",{className:game_game_module.row||""},react.createElement(lazy_image.A,{className:game_game_module.gameImage,width,height,src:logo?(0,getters.pv)(logo,width,height):"/images/default-slot.jpg",alt:item.title}),react.createElement("h3",{className:game_game_module.gameTitle},item.title),react.createElement(button_button.A,{btnText,to:null==item?void 0:item.path,gtmClass:"autocomplete-game-item-gtm btn-cta",icon}))};Game.displayName="Game",Game.propTypes={item:prop_types_default().shape({title:prop_types_default().string,relation:prop_types_default().shape({logo:prop_types_default().shape({})})}).isRequired,width:prop_types_default().number,height:prop_types_default().number,btnText:prop_types_default().string,icon:prop_types_default().node},Game.__docgenInfo={description:"",methods:[],displayName:"Game",props:{item:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"shape",value:{title:{name:"string",required:!1},relation:{name:"shape",value:{logo:{name:"shape",value:{},required:!1}},required:!1}}},required:!1},width:{defaultValue:{value:"56",computed:!1},description:"",type:{name:"number"},required:!1},height:{defaultValue:{value:"56",computed:!1},description:"",type:{name:"number"},required:!1},btnText:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},icon:{defaultValue:{value:'<FaArrowRight title="Right-pointing Arrow Icon" />',computed:!1},description:"",type:{name:"node"},required:!1}}};const game=Game;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/game/index.js"]={name:"Game",docgenInfo:Game.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/game/index.js"})},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/game/game.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"._2vncI3GDm8QRgSif\\+kX-jw\\=\\={display:flex;align-items:center;justify-content:start;gap:.8rem;width:100%;background-color:var(--autocomplete-bg, #FFF);border-radius:.8rem;padding:1.2rem}._2vncI3GDm8QRgSif\\+kX-jw\\=\\=>a{margin-left:auto}.GpOyY3qDBIJ8ZRaxWWbukg\\=\\={border-radius:.8rem;height:revert-layer !important}.UkFkVSzgK3Upk4sSqTqoVw\\=\\={margin:0 !important;font-size:1.6rem;font-weight:400}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/game/game.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,8BCbE,YAAA,CACA,kBDaoB,CCZpB,qBDY4B,CAE5B,SAAA,CACA,UAAA,CACI,6CAAA,CACJ,mBAAA,CACA,cAAA,CAEA,gCACE,gBAAA,CAIJ,4BACE,mBAAA,CACA,8BAAA,CAGF,4BACE,mBAAA,CACA,gBAAA,CACA,eAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../../styles/utils/variables/stack-order";\n@import "../../../../../styles/utils/variables/typography";\n@import "../../../../../styles/utils/variables/layout";\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.row {\n  @include flex-align(center, start);\n\n  gap: .8rem;\n  width: 100%;\n      background-color: var(--autocomplete-bg, #FFF);\n  border-radius: .8rem;\n  padding: 1.2rem;\n\n  > a{\n    margin-left: auto;\n  }\n}\n\n.gameImage{\n  border-radius: .8rem;\n  height: revert-layer !important;\n}\n\n.gameTitle{\n  margin: 0 !important;\n  font-size: 1.6rem;\n  font-weight: 400;\n}',"@mixin flex-align($align-items, $justify-content) {\n  display: flex;\n  align-items: $align-items;\n  justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n  display: flex;\n  flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n  #{$overflow-type}: $overflow-value;\n  -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n  background: $bgcolor;\n  border-radius: 100px;\n  color: $text-color;\n  font-weight: 700;\n  @include flex-align(center, center);\n  padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n  color: $color;\n\n  &:hover {\n    color: $color;\n  }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n  float: $direction;\n  @if $direction == right {\n    margin: var(--img-float-direction-right, 0 0 2.4rem 4.8rem);\n  } @else if $direction == left {\n    margin: var(--img-float-direction-left, 0 4.8rem 2.4rem 0);\n  } @else {\n    margin: 0 1em 1em 0;\n  }\n}\n\n@mixin content-img-align($direction: center, $spacing: var(--content-img-spacing, 1em)) {\n  display: block;\n  @if $direction == right {\n    margin: $spacing 0 $spacing auto;\n  } @else if $direction == left {\n    margin: $spacing auto $spacing 0;\n  } @else {\n    margin: $spacing auto;\n  }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n  position: relative;\n  &:after {\n    top: 100%;\n    left: 50%;\n    border: solid transparent;\n    content: '';\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n    border-color: rgba(0, 0, 0, 0);\n    border-top: $height solid $color;\n    border-right: calc($width / 2) solid transparent;\n    border-left: calc($width / 2) solid transparent;\n    margin-left: - calc($width / 2);\n  }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n  background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  &:hover {\n    background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  }\n}\n\n@mixin sportBtn($color1, $color2) {\n  background: linear-gradient(to bottom, $color1 0, $color2 100%);\n  &:hover {\n    background: linear-gradient(to bottom, $color2 0, $color1 100%);\n  }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n  line-height: $line-height;\n  width: $width;\n  font-weight: normal;\n  display: inline-block;\n  color: $fill-color;\n  font-size: 15px;\n  position: relative;\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n  &:last-child {\n    margin-right: 0;\n  }\n  &:before {\n    content: '\\2605';\n  }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n  line-height: 2rem;\n  width: 16px;\n  font-weight: normal;\n  display: inline-block;\n  color: $half-full-color;\n  font-size: 15px;\n  position: relative;\n  &:before {\n    content: '\\2605';\n  }\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n  &:after {\n    content: '\\2605';\n    color: $half-empty-color;\n    position: absolute;\n    width: 7px;\n    overflow: hidden;\n    bottom: 0;\n    left: 0;\n  }\n}\n\n@mixin border-gradient($color-1, $color-2, $bgcolor, $radius: 0.8rem, $border-width: 2px) {\n  background: $bgcolor;\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: $radius;\n    border: $border-width solid transparent;\n    background: $color-1, $color-2 border-box;\n    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: destination-out;\n    mask-composite: exclude;\n  }\n}\n\n@mixin border-gradient-single($color-1, $bgcolor, $radius: 0.8rem, $border-width: 0.1rem) {\n  background: $bgcolor;\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: $radius;\n    border: $border-width solid transparent;\n    background: $color-1 border-box;\n    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: destination-out;\n    mask-composite: exclude;\n  }\n}\n\n@mixin buttonsColor($color1, $color2, $color3, $textColor: 'white') {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  background-color: $color1;\n  color: $textColor;\n  padding: 0.9rem 3rem;\n  font-weight: 700;\n  font-size: 1.8rem;\n  border-radius: var(--border-radius);\n\n  > svg {\n    flex: none;\n    margin-left: 0.8rem;\n  }\n\n  &:hover {\n    background-color: $color2;\n    color: $textColor;\n  }\n\n  &:active {\n    background-color: $color3;\n    color: $textColor;\n  }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={row:"_2vncI3GDm8QRgSif+kX-jw==",gameImage:"GpOyY3qDBIJ8ZRaxWWbukg==",gameTitle:"UkFkVSzgK3Upk4sSqTqoVw=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/46.fb12cf63.iframe.bundle.js

@@ -0,0 +1 @@
+"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[46],{"../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/article/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>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),button_button=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/button/button.js"),FaArrowRight=__webpack_require__("../node_modules/@react-icons/all-files/fa/FaArrowRight.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/article.module.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(article_module.A,options);const article_article_module=article_module.A.locals||{};var Article=function(_ref){var _ref$item=_ref.item,item=void 0===_ref$item?{}:_ref$item,_ref$btnText=_ref.btnText,btnText=void 0===_ref$btnText?"":_ref$btnText,_ref$icon=_ref.icon,icon=void 0===_ref$icon?react.createElement(FaArrowRight.Z,{title:"Right-pointing Arrow Icon"}):_ref$icon;return react.createElement("li",{className:article_article_module.row||""},react.createElement("h3",{className:article_article_module.operatorTitle},item.title),react.createElement(button_button.A,{btnText,to:null==item?void 0:item.path,gtmClass:"autocomplete-article-item-gtm btn-cta",icon}))};Article.displayName="Article",Article.propTypes={item:prop_types_default().shape({title:prop_types_default().string}).isRequired,btnText:prop_types_default().string,icon:prop_types_default().node},Article.__docgenInfo={description:"",methods:[],displayName:"Article",props:{item:{defaultValue:{value:"{}",computed:!1},description:"",type:{name:"shape",value:{title:{name:"string",required:!1}}},required:!1},btnText:{defaultValue:{value:"''",computed:!1},description:"",type:{name:"string"},required:!1},icon:{defaultValue:{value:'<FaArrowRight title="Right-pointing Arrow Icon" />',computed:!1},description:"",type:{name:"node"},required:!1}}};const article=Article;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/article/index.js"]={name:"Article",docgenInfo:Article.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/article/index.js"})},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/article/article.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".UfmilSE0KJ9BIQJIhpcSzw\\=\\={display:flex;align-items:center;justify-content:start;gap:.8rem;width:100%;background-color:var(--autocomplete-bg, #FFF);border-radius:.8rem;padding:1.2rem}.UfmilSE0KJ9BIQJIhpcSzw\\=\\=>a{margin-left:auto}.UfmilSE0KJ9BIQJIhpcSzw\\=\\=>a>svg{margin:0 !important}.znNzEYFRzuxg1MAnE0\\+AVQ\\=\\={border-radius:.8rem}.NQfOP0hd9Vi0bNrMKkYv6Q\\=\\={margin:0 !important;font-size:1.6rem;font-weight:400}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/atoms/search/autocomplete/article/article.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,4BCbE,YAAA,CACA,kBDaoB,CCZpB,qBDY4B,CAE5B,SAAA,CACA,UAAA,CACI,6CAAA,CACJ,mBAAA,CACA,cAAA,CAEA,8BACE,gBAAA,CAEA,kCACE,mBAAA,CAKN,6BACE,mBAAA,CAGF,4BACE,mBAAA,CACA,gBAAA,CACA,eAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../../styles/utils/variables/stack-order";\n@import "../../../../../styles/utils/variables/typography";\n@import "../../../../../styles/utils/variables/layout";\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.row {\n  @include flex-align(center, start);\n\n  gap: .8rem;\n  width: 100%;\n      background-color: var(--autocomplete-bg, #FFF);\n  border-radius: .8rem;\n  padding: 1.2rem;\n\n  > a{\n    margin-left: auto;\n\n    > svg{\n      margin: 0 !important;\n    }\n  }\n}\n\n.operatorImage{\n  border-radius: .8rem;\n}\n\n.operatorTitle{\n  margin: 0 !important;\n  font-size: 1.6rem;\n  font-weight: 400;\n}',"@mixin flex-align($align-items, $justify-content) {\n  display: flex;\n  align-items: $align-items;\n  justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n  display: flex;\n  flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n  #{$overflow-type}: $overflow-value;\n  -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n  background: $bgcolor;\n  border-radius: 100px;\n  color: $text-color;\n  font-weight: 700;\n  @include flex-align(center, center);\n  padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n  color: $color;\n\n  &:hover {\n    color: $color;\n  }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n  float: $direction;\n  @if $direction == right {\n    margin: var(--img-float-direction-right, 0 0 2.4rem 4.8rem);\n  } @else if $direction == left {\n    margin: var(--img-float-direction-left, 0 4.8rem 2.4rem 0);\n  } @else {\n    margin: 0 1em 1em 0;\n  }\n}\n\n@mixin content-img-align($direction: center, $spacing: var(--content-img-spacing, 1em)) {\n  display: block;\n  @if $direction == right {\n    margin: $spacing 0 $spacing auto;\n  } @else if $direction == left {\n    margin: $spacing auto $spacing 0;\n  } @else {\n    margin: $spacing auto;\n  }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n  position: relative;\n  &:after {\n    top: 100%;\n    left: 50%;\n    border: solid transparent;\n    content: '';\n    height: 0;\n    width: 0;\n    position: absolute;\n    pointer-events: none;\n    border-color: rgba(0, 0, 0, 0);\n    border-top: $height solid $color;\n    border-right: calc($width / 2) solid transparent;\n    border-left: calc($width / 2) solid transparent;\n    margin-left: - calc($width / 2);\n  }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n  background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  &:hover {\n    background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n  }\n}\n\n@mixin sportBtn($color1, $color2) {\n  background: linear-gradient(to bottom, $color1 0, $color2 100%);\n  &:hover {\n    background: linear-gradient(to bottom, $color2 0, $color1 100%);\n  }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n  line-height: $line-height;\n  width: $width;\n  font-weight: normal;\n  display: inline-block;\n  color: $fill-color;\n  font-size: 15px;\n  position: relative;\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n  &:last-child {\n    margin-right: 0;\n  }\n  &:before {\n    content: '\\2605';\n  }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n  line-height: 2rem;\n  width: 16px;\n  font-weight: normal;\n  display: inline-block;\n  color: $half-full-color;\n  font-size: 15px;\n  position: relative;\n  &:before {\n    content: '\\2605';\n  }\n  text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n  &:after {\n    content: '\\2605';\n    color: $half-empty-color;\n    position: absolute;\n    width: 7px;\n    overflow: hidden;\n    bottom: 0;\n    left: 0;\n  }\n}\n\n@mixin border-gradient($color-1, $color-2, $bgcolor, $radius: 0.8rem, $border-width: 2px) {\n  background: $bgcolor;\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: $radius;\n    border: $border-width solid transparent;\n    background: $color-1, $color-2 border-box;\n    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: destination-out;\n    mask-composite: exclude;\n  }\n}\n\n@mixin border-gradient-single($color-1, $bgcolor, $radius: 0.8rem, $border-width: 0.1rem) {\n  background: $bgcolor;\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border-radius: $radius;\n    border: $border-width solid transparent;\n    background: $color-1 border-box;\n    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);\n    -webkit-mask-composite: destination-out;\n    mask-composite: exclude;\n  }\n}\n\n@mixin buttonsColor($color1, $color2, $color3, $textColor: 'white') {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  background-color: $color1;\n  color: $textColor;\n  padding: 0.9rem 3rem;\n  font-weight: 700;\n  font-size: 1.8rem;\n  border-radius: var(--border-radius);\n\n  > svg {\n    flex: none;\n    margin-left: 0.8rem;\n  }\n\n  &:hover {\n    background-color: $color2;\n    color: $textColor;\n  }\n\n  &:active {\n    background-color: $color3;\n    color: $textColor;\n  }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={row:"UfmilSE0KJ9BIQJIhpcSzw==",operatorImage:"znNzEYFRzuxg1MAnE0+AVQ==",operatorTitle:"NQfOP0hd9Vi0bNrMKkYv6Q=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);