gatsby-matrix-theme 53.2.30 → 53.2.31
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +7 -0
- package/package.json +1 -1
- package/src/components/atoms/ratings-with-comments/index.js +5 -2
- package/storybook/public/941.96151ba5.iframe.bundle.js +1 -0
- package/storybook/public/iframe.html +1 -1
- package/storybook/public/project.json +1 -1
- package/storybook/public/{runtime~main.3f39c4f3.iframe.bundle.js → runtime~main.64cde0a7.iframe.bundle.js} +1 -1
- package/storybook/public/941.3c72fb77.iframe.bundle.js +0 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
## [53.2.31](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v53.2.30...v53.2.31) (2025-08-20)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Bug Fixes
|
|
5
|
+
|
|
6
|
+
* fix heading ([d48b878](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/commit/d48b8786a14a064d6645dec9a5ddf86bc7fdf0d7))
|
|
7
|
+
|
|
1
8
|
## [53.2.30](https://gitlab.com/g2m-gentoo/team-floyd/themes/matrix-theme/compare/v53.2.29...v53.2.30) (2025-08-20)
|
|
2
9
|
|
|
3
10
|
|
package/package.json
CHANGED
|
@@ -16,7 +16,8 @@ const RatingsWithComments = ({
|
|
|
16
16
|
currency = '€',
|
|
17
17
|
showComment = true,
|
|
18
18
|
icon = null,
|
|
19
|
-
iconColor = '#D63B54'
|
|
19
|
+
iconColor = '#D63B54',
|
|
20
|
+
titleTag = 'h2',
|
|
20
21
|
}) => {
|
|
21
22
|
const { relation: item, type } = page;
|
|
22
23
|
const typeCheck =
|
|
@@ -24,6 +25,7 @@ const RatingsWithComments = ({
|
|
|
24
25
|
type === 'operator' ? (item?.type === 'casino' ? 'operator' : item?.type) : type;
|
|
25
26
|
|
|
26
27
|
const ratings = operatorRatings[typeCheck] || [];
|
|
28
|
+
const Tag = titleTag || 'h2';
|
|
27
29
|
|
|
28
30
|
const rangeText = {
|
|
29
31
|
0: useTranslate('range_low', 'Low'),
|
|
@@ -92,7 +94,7 @@ const RatingsWithComments = ({
|
|
|
92
94
|
>
|
|
93
95
|
{showTitle ? (
|
|
94
96
|
<div className={styles.withTitle || ''}>
|
|
95
|
-
<
|
|
97
|
+
<Tag>{useTranslate('ratings_with_comments_title', 'Ratings')}</Tag>
|
|
96
98
|
{ratings
|
|
97
99
|
?.filter((rating) => rating.fieldLabel === 'Overall')
|
|
98
100
|
.map((rating) => renderRatingItem(rating))}
|
|
@@ -128,6 +130,7 @@ RatingsWithComments.propTypes = {
|
|
|
128
130
|
showComment: PropTypes.bool,
|
|
129
131
|
icon: PropTypes.element,
|
|
130
132
|
iconColor: PropTypes.string,
|
|
133
|
+
titleTag: PropTypes.string,
|
|
131
134
|
};
|
|
132
135
|
|
|
133
136
|
export default RatingsWithComments;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[941],{"./src/components/atoms/ratings-with-comments/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>ratings_with_comments});var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.mjs"),keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.mjs"),FaStar=__webpack_require__("../node_modules/@react-icons/all-files/fa/FaStar.js"),ratings_constant=__webpack_require__("../node_modules/gatsby-core-theme/src/constants/ratings-constant.js"),useTranslate=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/useTranslate/useTranslate.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),ratings_with_comments_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/ratings-with-comments/ratings-with-comments.module.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(ratings_with_comments_module.A,options);const ratings_with_comments_ratings_with_comments_module=ratings_with_comments_module.A.locals||{};var helpers_rating=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/rating.js"),linear_rating_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/gatsby-core-theme/components/molecules/star-rating/linear-rating.module.scss"),linear_rating_module_options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(linear_rating_module.A,linear_rating_module_options);const star_rating_linear_rating_module=linear_rating_module.A.locals||{};var LinearStarRating=function(_ref){var rating=_ref.rating,_ref$numOfStars=_ref.numOfStars,numOfStars=void 0===_ref$numOfStars?5:_ref$numOfStars,_ref$active=_ref.active,active=void 0===_ref$active||_ref$active,_ref$showLabel=_ref.showLabel,showLabel=void 0!==_ref$showLabel&&_ref$showLabel,_ref$icon=_ref.icon,icon=void 0===_ref$icon?null:_ref$icon,_ref$showRatingText=_ref.showRatingText,showRatingText=void 0===_ref$showRatingText||_ref$showRatingText,_ref$showDecimal=_ref.showDecimal,showDecimal=void 0!==_ref$showDecimal&&_ref$showDecimal,_ref$showRoundedRatin=_ref.showRoundedRating,showRoundedRating=void 0!==_ref$showRoundedRatin&&_ref$showRoundedRatin,_ref$showTotal=_ref.showTotal,showTotal=void 0!==_ref$showTotal&&_ref$showTotal,calculatedRating=(0,helpers_rating.e)(rating,showRoundedRating),percentage=calculatedRating?calculatedRating/numOfStars*100:0;return react.createElement("div",{className:`${star_rating_linear_rating_module.starRatingContainer||""} ${!active&&(star_rating_linear_rating_module.inactive||"")}`},showLabel&&react.createElement("span",null,(0,useTranslate.A)("rating","Rating:")),react.createElement("div",{className:star_rating_linear_rating_module.bar},react.createElement("div",{className:star_rating_linear_rating_module.fill,style:{width:`${percentage}%`}})),showRatingText&&react.createElement("div",{className:star_rating_linear_rating_module.ratingText},icon&&icon,showDecimal?calculatedRating.toFixed(1):calculatedRating,showTotal&&react.createElement(react.Fragment,null,react.createElement("span",null,"/"),react.createElement("span",null,numOfStars))))};LinearStarRating.displayName="LinearStarRating",LinearStarRating.propTypes={numOfStars:prop_types_default().oneOf([5,10]),rating:prop_types_default().oneOfType([prop_types_default().array,prop_types_default().number,prop_types_default().string]).isRequired,active:prop_types_default().bool,showLabel:prop_types_default().bool,icon:prop_types_default().element,showDecimal:prop_types_default().bool,showRoundedRating:prop_types_default().bool,showRatingText:prop_types_default().bool,showTotal:prop_types_default().bool},LinearStarRating.__docgenInfo={description:"",methods:[],displayName:"LinearStarRating",props:{numOfStars:{defaultValue:{value:"5",computed:!1},description:"",type:{name:"enum",value:[{value:"5",computed:!1},{value:"10",computed:!1}]},required:!1},active:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},showLabel:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},icon:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"element"},required:!1},showRatingText:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},showDecimal:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},showRoundedRating:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},showTotal:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},rating:{description:"",type:{name:"union",value:[{name:"array"},{name:"number"},{name:"string"}]},required:!0}}};const linear_rating=LinearStarRating;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/gatsby-core-theme/components/molecules/star-rating/linear-rating.js"]={name:"LinearStarRating",docgenInfo:LinearStarRating.__docgenInfo,path:"src/gatsby-core-theme/components/molecules/star-rating/linear-rating.js"});var RatingsWithComments=function(_ref){var page=_ref.page,_ref$numOfStars=_ref.numOfStars,numOfStars=void 0===_ref$numOfStars?5:_ref$numOfStars,_ref$templateWithBoxe=_ref.templateWithBoxes,templateWithBoxes=void 0!==_ref$templateWithBoxe&&_ref$templateWithBoxe,_ref$showTitle=_ref.showTitle,showTitle=void 0===_ref$showTitle||_ref$showTitle,_ref$currency=_ref.currency,currency=void 0===_ref$currency?"€":_ref$currency,_ref$showComment=_ref.showComment,showComment=void 0===_ref$showComment||_ref$showComment,_ref$icon=_ref.icon,icon=void 0===_ref$icon?null:_ref$icon,_ref$iconColor=_ref.iconColor,iconColor=void 0===_ref$iconColor?"#D63B54":_ref$iconColor,_ref$titleTag=_ref.titleTag,titleTag=void 0===_ref$titleTag?"h2":_ref$titleTag,item=page.relation,type=page.type,typeCheck="operator"===type?"casino"===(null==item?void 0:item.type)?"operator":null==item?void 0:item.type:type,ratings=ratings_constant.Z[typeCheck]||[],Tag=titleTag||"h2",rangeText={0:(0,useTranslate.A)("range_low","Low"),1:(0,useTranslate.A)("range_medium","Medium"),2:(0,useTranslate.A)("range_high","High")},ratingsData=ratings_constant.Z.ratingProperties.some((function(prop){return item[prop]}))?item:(null==item?void 0:item.bonus)||item;if(!ratings.length)return null;var renderRatingItem=function(rating){var _ratingsData$rating_c,_ratingsData$rating_c2,valueDisplayed,_ref2=rating||{},fieldValue=_ref2.fieldValue,translationKey=_ref2.translationKey,fieldLabel=_ref2.fieldLabel,componentToUse=_ref2.componentToUse,value=(0,getters.nh)(ratingsData,fieldValue),component=showComment?react.createElement(linear_rating,{numOfStars,rating:value,icon:icon||react.createElement(FaStar.g,{title:"Star Icon",color:iconColor})}):!!componentToUse&&componentToUse(numOfStars,value,currency);valueDisplayed=component?component||"-":fieldValue.includes("volatility")?rangeText[(0,getters.nh)(ratingsData,fieldValue)]||"-":value||"-";var comment=showComment?null==ratingsData||null===(_ratingsData$rating_c=ratingsData.rating_comments)||void 0===_ratingsData$rating_c||null===(_ratingsData$rating_c2=_ratingsData$rating_c.find((function(entry){return(null==entry?void 0:entry.rating_name)===fieldValue})))||void 0===_ratingsData$rating_c2?void 0:_ratingsData$rating_c2.comment:null;return react.createElement("li",{key:(0,keygen.A)(),className:`${(null==ratings_with_comments_ratings_with_comments_module?void 0:ratings_with_comments_ratings_with_comments_module.item)||""} ${"Overall"===fieldLabel&&(null==ratings_with_comments_ratings_with_comments_module?void 0:ratings_with_comments_ratings_with_comments_module.overall)}`},react.createElement("p",{className:(null==ratings_with_comments_ratings_with_comments_module?void 0:ratings_with_comments_ratings_with_comments_module.label)||""},(0,useTranslate.A)(translationKey,fieldLabel)),react.createElement(react.Fragment,null,valueDisplayed,"number"==typeof valueDisplayed&&"rtp"===fieldValue&&"%",comment&&react.createElement("span",{className:null==ratings_with_comments_ratings_with_comments_module?void 0:ratings_with_comments_ratings_with_comments_module.comment},comment)))};return react.createElement("div",{className:`${ratings_with_comments_ratings_with_comments_module.ratingsContainer} ${templateWithBoxes&&ratings_with_comments_ratings_with_comments_module.ratingWithBoxes} ${showComment?ratings_with_comments_ratings_with_comments_module.ratingsWithComments:""}`},showTitle?react.createElement("div",{className:ratings_with_comments_ratings_with_comments_module.withTitle||""},react.createElement(Tag,null,(0,useTranslate.A)("ratings_with_comments_title","Ratings")),null==ratings?void 0:ratings.filter((function(rating){return"Overall"===rating.fieldLabel})).map((function(rating){return renderRatingItem(rating)}))):null==ratings?void 0:ratings.filter((function(rating){return"Overall"===rating.fieldLabel})).map((function(rating){return renderRatingItem(rating)})),react.createElement("ul",{className:`${(null==ratings_with_comments_ratings_with_comments_module?void 0:ratings_with_comments_ratings_with_comments_module.ratingList)||""}`,tabIndex:0},null==ratings?void 0:ratings.filter((function(rating){return"Overall"!==rating.fieldLabel})).map((function(rating){return renderRatingItem(rating)}))))};RatingsWithComments.displayName="RatingsWithComments",RatingsWithComments.propTypes={page:prop_types_default().shape({relation:prop_types_default().shape({type:prop_types_default().string,bonus:prop_types_default().shape({})}),type:prop_types_default().shape({})}),numOfStars:prop_types_default().number,templateWithBoxes:prop_types_default().bool,showTitle:prop_types_default().string,currency:prop_types_default().string,showComment:prop_types_default().bool,icon:prop_types_default().element,iconColor:prop_types_default().string,titleTag:prop_types_default().string},RatingsWithComments.__docgenInfo={description:"",methods:[],displayName:"RatingsWithComments",props:{numOfStars:{defaultValue:{value:"5",computed:!1},description:"",type:{name:"number"},required:!1},templateWithBoxes:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},showTitle:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"string"},required:!1},currency:{defaultValue:{value:"'€'",computed:!1},description:"",type:{name:"string"},required:!1},showComment:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},icon:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"element"},required:!1},iconColor:{defaultValue:{value:"'#D63B54'",computed:!1},description:"",type:{name:"string"},required:!1},titleTag:{defaultValue:{value:"'h2'",computed:!1},description:"",type:{name:"string"},required:!1},page:{description:"",type:{name:"shape",value:{relation:{name:"shape",value:{type:{name:"string",required:!1},bonus:{name:"shape",value:{},required:!1}},required:!1},type:{name:"shape",value:{},required:!1}}},required:!1}}};const ratings_with_comments=RatingsWithComments;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/ratings-with-comments/index.js"]={name:"RatingsWithComments",docgenInfo:RatingsWithComments.__docgenInfo,path:"src/components/atoms/ratings-with-comments/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/ratings-with-comments/ratings-with-comments.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});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,"._8fvDYIUopyeelCKHk5Oj1A\\=\\={display:flex;box-shadow:0 4px 6px -2px rgba(27,27,28,.0392156863),0 12px 16px -4px rgba(27,27,28,.0705882353);padding:1.6rem;background:#fff;border-radius:.8rem;gap:1.7rem;flex-direction:column}@media only screen and (min-width:992px){._8fvDYIUopyeelCKHk5Oj1A\\=\\={flex-direction:row}}._8fvDYIUopyeelCKHk5Oj1A\\=\\=>li{background:#f1f5f9;padding:1.6rem .8rem;border-radius:.8rem;display:flex;flex-flow:row-reverse wrap;justify-content:center;min-width:11.4rem;gap:.8rem;min-height:7.2rem;align-items:center}@media only screen and (min-width:992px){._8fvDYIUopyeelCKHk5Oj1A\\=\\=>li{flex-direction:column-reverse;min-height:14.2rem}}._8fvDYIUopyeelCKHk5Oj1A\\=\\=>li>div{display:flex;flex-direction:row;align-items:center;gap:.8rem}@media only screen and (min-width:992px){._8fvDYIUopyeelCKHk5Oj1A\\=\\=>li>div{display:flex;flex-direction:column}}._8fvDYIUopyeelCKHk5Oj1A\\=\\=>li>p{font-size:1.4rem;line-height:2.2rem;font-weight:600;color:#0f172a}.Y0waA--ZQVSPDL5X3IOxcA\\=\\={display:grid;width:100%;gap:1.6rem 2.2rem;background:#f1f5f9;border-radius:1.6rem;padding:1.6rem}@media only screen and (min-width:992px){.Y0waA--ZQVSPDL5X3IOxcA\\=\\={grid-template-columns:1fr 1fr}}.oRuKCYz2ubUN2Q5rkB-FYQ\\=\\={display:grid;position:relative}@media only screen and (min-width:992px){.oRuKCYz2ubUN2Q5rkB-FYQ\\=\\={grid-template-columns:1fr 1fr;align-items:center}}.jhsWxGwHE4044NJasysuBw\\=\\={color:#0f172a;font-size:1.4rem;line-height:2.2rem;font-weight:600}.FVtHPTxYmilgac-qU2ZVyw\\=\\={font-weight:700;font-size:18px;line-height:28px;color:#1c1a28;display:flex}@media only screen and (min-width:768px){.FVtHPTxYmilgac-qU2ZVyw\\=\\={font-weight:800}}.yxoPCUu\\+EYck-bzwAGhAmA\\=\\={border:1.5px solid #d63b54}.ULFOesolstiDIT2TNuxrJg\\=\\={background:rgba(0,0,0,0);padding:0;overflow-y:auto;padding-bottom:1.6rem}.ULFOesolstiDIT2TNuxrJg\\=\\=::-webkit-scrollbar{height:.5rem}.ULFOesolstiDIT2TNuxrJg\\=\\=::-webkit-scrollbar-track{background:rgba(91,139,185,.2);border-radius:1rem}.ULFOesolstiDIT2TNuxrJg\\=\\=::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:1rem}@media only screen and (min-width:768px){.ULFOesolstiDIT2TNuxrJg\\=\\={padding-bottom:0}}.ULFOesolstiDIT2TNuxrJg\\=\\=>ul{background:rgba(0,0,0,0);display:flex;padding:0;gap:.8rem}@media only screen and (min-width:768px){.ULFOesolstiDIT2TNuxrJg\\=\\=>ul{gap:1.6rem}}.ULFOesolstiDIT2TNuxrJg\\=\\=>ul>li{display:flex;flex-direction:column;width:100%;gap:.8rem;min-height:9.6rem;background:#f4f4f4;border-radius:.8rem;padding:2.2rem;color:#1b1b1c;font-weight:600;font-size:1.4rem;line-height:2.2rem;text-align:center;align-items:center;justify-content:center;white-space:nowrap}@media only screen and (min-width:768px){.ULFOesolstiDIT2TNuxrJg\\=\\=>ul>li{white-space:normal}}.ULFOesolstiDIT2TNuxrJg\\=\\=>ul>li>p{font-size:1.4rem;line-height:2.2rem;font-weight:500;color:#3c3c40;min-width:98px}.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\={display:flex;flex-direction:column;gap:1.6rem}@media only screen and (min-width:768px){.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\={justify-content:space-between;display:flex;flex-direction:row}}.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\= h3{margin:0;font-size:2.4rem;color:#000;line-height:4rem;font-weight:600}.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\=>li{display:flex;justify-content:space-between;gap:1.8rem}@media only screen and (min-width:768px){.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\=>li{gap:1.5rem}}.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\=>li>p{color:#000;font-size:1.8rem;line-height:2.8rem;font-weight:600}.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\=>li>div{gap:1.5rem;display:flex}@media only screen and (min-width:768px){.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\=>li>div{display:inherit}}.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\=>li>div>div:first-child{background:#fff;margin:1rem 0;border-radius:.8rem}.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\=>li>div>div:first-child>div{background:#59be28;border-radius:.8rem}.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\=>li>div>div:last-child{display:flex;align-items:center;position:static}.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\=>li>div>div:last-child>svg{margin-right:1.5rem}.e-rK-wMW6uXs2d89vupNXA\\=\\={flex-direction:column;padding:0;box-shadow:none}@media only screen and (min-width:768px){.e-rK-wMW6uXs2d89vupNXA\\=\\={padding:inherit}}.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul{gap:1.6rem}@media only screen and (min-width:768px){.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul{row-gap:3.2rem}}.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul>li{display:flex;flex-direction:column;align-items:flex-start}.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul>li>p{font-size:2rem;line-height:3.6rem;color:#000;font-weight:600;margin-bottom:.8rem}.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul>li>span{grid-column:1/3;font-size:1.6rem;line-height:2.6rem;color:#000}.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul>li>div{min-width:100%;grid-template-columns:8fr auto;gap:2rem}.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul>li>div>div:first-child{background:#fff;margin:1rem 0;border-radius:.8rem}.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul>li>div>div:first-child>div{background:#59be28;border-radius:.8rem}.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul>li>div>div:last-child{font-size:1.8rem;line-height:2.8rem;color:#000;display:flex;align-items:center}.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul>li>div>div:last-child svg{margin-right:.8rem}","",{version:3,sources:["webpack://./src/components/atoms/ratings-with-comments/ratings-with-comments.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAeA,6BACE,YAAA,CACA,gGAAA,CACA,cAAA,CACA,eAAA,CACA,mBAAA,CACA,UAAA,CACA,qBAAA,CC8BA,yCDrCF,6BAUI,kBAAA,CAAA,CAGF,gCACE,kBAAA,CACA,oBAAA,CACA,mBAAA,CACA,YAAA,CACA,0BAAA,CACA,sBAAA,CACA,iBAAA,CACA,SAAA,CACA,iBAAA,CACA,kBAAA,CCcF,yCDxBA,gCAaI,6BAAA,CACA,kBAAA,CAAA,CAGF,oCEtCF,YAAA,CACA,kBFsC4B,CAExB,kBAAA,CACA,SAAA,CCGJ,yCDPE,oCEtCF,YAAA,CACA,qBF4C8B,CAAA,CAI5B,kCACE,gBAAA,CACA,kBAAA,CACA,eAAA,CACA,aAAA,CAKN,4BACE,YAAA,CACA,UAAA,CACA,iBAAA,CACA,kBAAA,CACA,oBAAA,CACA,cAAA,CCnBA,yCDaF,4BASI,6BAAA,CAAA,CAIJ,4BACE,YAAA,CACA,iBAAA,CC5BA,yCD0BF,4BAKI,6BAAA,CACA,kBAAA,CAAA,CAIJ,4BACE,aAAA,CACA,gBAAA,CACA,kBAAA,CACA,eAAA,CAGF,4BACE,eAAA,CACA,cAAA,CACA,gBAAA,CACA,aAAA,CACA,YAAA,CChDA,yCD2CF,4BAQI,eAAA,CAAA,CAIJ,6BACE,0BAAA,CAGF,4BACE,wBAAA,CACA,SAAA,CACA,eAAA,CACA,qBAAA,CAEA,+CACE,YAAA,CAGF,qDACE,8BAAA,CACA,kBAAA,CAGF,qDACE,wBAAA,CACA,kBAAA,CC5EF,yCD2DF,4BAqBI,gBAAA,CAAA,CAGF,+BACE,wBAAA,CACA,YAAA,CACA,SAAA,CACA,SAAA,CCvFF,yCDmFA,+BAOI,UAAA,CAAA,CAGF,kCACE,YAAA,CACA,qBAAA,CACA,UAAA,CACA,SAAA,CACA,iBAAA,CACA,kBAAA,CACA,mBAAA,CACA,cAAA,CACA,aAAA,CACA,eAAA,CACA,gBAAA,CACA,kBAAA,CAEA,iBAAA,CACA,kBAAA,CACA,sBAAA,CACA,kBAAA,CC9GJ,yCD6FE,kCAoBI,kBAAA,CAAA,CAGF,oCACE,gBAAA,CACA,kBAAA,CACA,eAAA,CACA,aAAA,CACA,cAAA,CAMR,6BE5KE,YAAA,CACA,qBF4KwB,CAExB,UAAA,CClIA,yCD+HF,6BAMI,6BAAA,CElLF,YAAA,CACA,kBFmL0B,CAAA,CAG1B,gCACE,QAAA,CACA,gBAAA,CACA,UAAA,CACA,gBAAA,CACA,eAAA,CAGF,gCACE,YAAA,CACA,6BAAA,CACA,UAAA,CCrJF,yCDkJA,gCAMI,UAAA,CAAA,CAGF,kCACE,UAAA,CACA,gBAAA,CACA,kBAAA,CACA,eAAA,CAGF,oCACE,UAAA,CACA,YAAA,CCpKJ,yCDkKE,oCAKI,eAAA,CAAA,CAGF,oDACE,eAAA,CACA,aAAA,CACA,mBAAA,CAEA,wDACE,kBAAA,CACA,mBAAA,CAIJ,mDACE,YAAA,CACA,kBAAA,CACA,eAAA,CAEA,uDACE,mBAAA,CAOV,4BACE,qBAAA,CACA,SAAA,CACA,eAAA,CCrMA,yCDkMF,4BAMI,eAAA,CAAA,CAGF,+BACE,UAAA,CC5MF,yCD2MA,+BAII,cAAA,CAAA,CAGF,kCE/PF,YAAA,CACA,qBF+P4B,CAExB,sBAAA,CAEA,oCACE,cAAA,CACA,kBAAA,CACA,UAAA,CACA,eAAA,CACA,mBAAA,CAGF,uCACE,eAAA,CACA,gBAAA,CACA,kBAAA,CACA,UAAA,CAGF,sCACE,cAAA,CACA,8BAAA,CACA,QAAA,CAEA,sDACE,eAAA,CACA,aAAA,CACA,mBAAA,CAEA,0DACE,kBAAA,CACA,mBAAA,CAIJ,qDACE,gBAAA,CACA,kBAAA,CACA,UAAA,CACA,YAAA,CACA,kBAAA,CAEA,yDACE,kBAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order";\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/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/* stylelint-disable comment-pattern, selector-max-compound-selectors, max-nesting-depth */\n.ratingsContainer {\n display: flex;\n box-shadow: 0 4px 6px -2px #1b1b1c0a, 0 12px 16px -4px #1b1b1c12;\n padding: 1.6rem;\n background: #fff;\n border-radius: 0.8rem;\n gap: 1.7rem;\n flex-direction: column;\n\n @include min(laptop) {\n flex-direction: row;\n }\n\n > li {\n background: #f1f5f9;\n padding: 1.6rem 0.8rem;\n border-radius: 0.8rem;\n display: flex;\n flex-flow: row-reverse wrap;\n justify-content: center;\n min-width: 11.4rem;\n gap: 0.8rem;\n min-height: 7.2rem;\n align-items: center;\n\n @include min(laptop) {\n flex-direction: column-reverse;\n min-height: 14.2rem;\n }\n\n > div {\n @include flex-direction(row);\n\n align-items: center;\n gap: 0.8rem;\n\n @include min(laptop) {\n @include flex-direction(column);\n }\n }\n\n > p {\n font-size: 1.4rem;\n line-height: 2.2rem;\n font-weight: 600;\n color: #0f172a;\n }\n }\n}\n\n.ratingList {\n display: grid;\n width: 100%;\n gap: 1.6rem 2.2rem;\n background: #f1f5f9;\n border-radius: 1.6rem;\n padding: 1.6rem;\n\n @include min(laptop) {\n grid-template-columns: 1fr 1fr;\n }\n}\n\n.item {\n display: grid;\n position: relative;\n\n @include min(laptop) {\n grid-template-columns: 1fr 1fr;\n align-items: center;\n }\n}\n\n.label {\n color: #0f172a;\n font-size: 1.4rem;\n line-height: 2.2rem;\n font-weight: 600;\n}\n\n.value {\n font-weight: 700;\n font-size: 18px;\n line-height: 28px;\n color: #1c1a28;\n display: flex;\n\n @include min(tablet) {\n font-weight: 800;\n }\n}\n\n.showOnlyMobile {\n border: 1.5px solid #d63b54;\n}\n\n.ratingWithBoxes {\n background: transparent;\n padding: 0;\n overflow-y: auto;\n padding-bottom: 1.6rem;\n\n &::-webkit-scrollbar {\n height: 0.5rem;\n }\n\n &::-webkit-scrollbar-track {\n background: #5b8bb933;\n border-radius: 1rem;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: #cbd5e1;\n border-radius: 1rem;\n }\n\n @include min(tablet) {\n padding-bottom: 0;\n }\n\n > ul {\n background: transparent;\n display: flex;\n padding: 0;\n gap: 0.8rem;\n\n @include min(tablet) {\n gap: 1.6rem;\n }\n\n > li {\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 0.8rem;\n min-height: 9.6rem;\n background: #f4f4f4;\n border-radius: 0.8rem;\n padding: 2.2rem;\n color: #1b1b1c;\n font-weight: 600;\n font-size: 1.4rem;\n line-height: 2.2rem;\n // min-width: 13.6rem;\n text-align: center;\n align-items: center;\n justify-content: center;\n white-space: nowrap;\n\n @include min(tablet) {\n white-space: normal;\n }\n\n > p {\n font-size: 1.4rem;\n line-height: 2.2rem;\n font-weight: 500;\n color: #3c3c40;\n min-width: 98px;\n }\n }\n }\n}\n\n.withTitle {\n @include flex-direction(column);\n\n gap: 1.6rem;\n\n @include min(tablet) {\n justify-content: space-between;\n\n @include flex-direction(row);\n }\n\n h3 {\n margin: 0;\n font-size: 2.4rem;\n color: #000;\n line-height: 4rem;\n font-weight: 600;\n }\n\n > li {\n display: flex;\n justify-content: space-between;\n gap: 1.8rem;\n\n @include min(tablet) {\n gap: 1.5rem;\n }\n\n > p {\n color: #000;\n font-size: 1.8rem;\n line-height: 2.8rem;\n font-weight: 600;\n }\n\n > div {\n gap: 1.5rem;\n display: flex;\n\n @include min(tablet) {\n display: inherit;\n }\n\n > div:first-child {\n background: #fff;\n margin: 1rem 0;\n border-radius: 0.8rem;\n\n > div {\n background: #59be28;\n border-radius: 0.8rem;\n }\n }\n\n > div:last-child {\n display: flex;\n align-items: center;\n position: static;\n\n > svg {\n margin-right: 1.5rem;\n }\n }\n }\n }\n}\n\n.ratingsWithComments {\n flex-direction: column;\n padding: 0;\n box-shadow: none;\n\n @include min(tablet) {\n padding: inherit;\n }\n\n > ul {\n gap: 1.6rem;\n\n @include min(tablet) {\n row-gap: 3.2rem;\n }\n\n > li {\n @include flex-direction(column);\n\n align-items: flex-start;\n\n > p {\n font-size: 2rem;\n line-height: 3.6rem;\n color: #000;\n font-weight: 600;\n margin-bottom: 0.8rem;\n }\n\n > span {\n grid-column: 1 / 3;\n font-size: 1.6rem;\n line-height: 2.6rem;\n color: #000;\n }\n\n > div {\n min-width: 100%;\n grid-template-columns: 8fr auto;\n gap: 2rem;\n\n > div:first-child {\n background: #fff;\n margin: 1rem 0;\n border-radius: 0.8rem;\n\n > div {\n background: #59be28;\n border-radius: 0.8rem;\n }\n }\n\n > div:last-child {\n font-size: 1.8rem;\n line-height: 2.8rem;\n color: #000;\n display: flex;\n align-items: center;\n\n svg {\n margin-right: 0.8rem;\n }\n }\n }\n }\n }\n}',"$media-query-sizes: (\n mobile-s: (\n min: 320px,\n max: 374px,\n ),\n mobile-m: (\n min: 375px,\n max: 424px,\n ),\n mobile: (\n min: 425px,\n max: 767px,\n ),\n tablet: (\n min: 768px,\n max: 991px,\n ),\n laptop: (\n min: 992px,\n max: 1199px,\n ),\n desktop: (\n min: 1200px,\n ),\n);\n\n// Get media query sizes\n$screen: 'only screen';\n@function media-query($media, $optional-media: '', $min: true) {\n $media-label: '';\n\n @if ($optional-media != '') {\n $media-sizes-min: map-get($media-query-sizes, $media);\n $media-sizes-max: map-get($media-query-sizes, $optional-media);\n $media-label: $screen +\n \" and (min-width:#{map-get($media-sizes-min, 'min')}) and (max-width:#{map-get($media-sizes-max, 'max')})\";\n } @else {\n $query: 'max';\n\n @if ($min) {\n $query: 'min';\n }\n\n $media-sizes: map-get($media-query-sizes, $media);\n $media-label: $screen + ' and (#{$query}-width:#{map-get($media-sizes, $query)})';\n }\n\n @return $media-label;\n}\n\n// Min media query\n@mixin min($media) {\n @media #{media-query($media)} {\n @content;\n }\n}\n\n// Max media query\n@mixin max($media) {\n @media #{media-query($media, '', false)} {\n @content;\n }\n}\n\n// Min & max media query\n@mixin min-max($min, $max) {\n @media #{media-query($min, $max)} {\n @content;\n }\n}\n\n// Use this ONLY if you need a media query that doesn't fit the $media-query-sizes breakpoints above\n// Pass number, for example @include custom-min(992)\n@mixin custom-min($min) {\n @media #{$screen} and (min-width: #{$min}px) {\n @content;\n }\n}\n\n@mixin custom-max($max) {\n @media #{$screen} and (max-width: #{$max}px) {\n @content;\n }\n}\n\n@mixin custom-min-max($min, $max) {\n @media #{$screen} and (min-width: #{$min}px) and (max-width: #{$max}px) {\n @content;\n }\n}\n\n// Landscape\n// (If we find more use cases of this in the future, might want to refactor this and include it in the media-query function for $screen)\n// Pass number\n$landscape: 'screen and (orientation:landscape)';\n\n@mixin landscape-max($max) {\n @media #{$landscape} and (max-width: #{$max}px) {\n @content;\n }\n}\n\n@mixin landscape-min($min) {\n @media #{$landscape} and (min-width: #{$min}px) {\n @content;\n }\n}\n","@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={ratingsContainer:"_8fvDYIUopyeelCKHk5Oj1A==",ratingList:"Y0waA--ZQVSPDL5X3IOxcA==",item:"oRuKCYz2ubUN2Q5rkB-FYQ==",label:"jhsWxGwHE4044NJasysuBw==",value:"FVtHPTxYmilgac-qU2ZVyw==",showOnlyMobile:"yxoPCUu+EYck-bzwAGhAmA==",ratingWithBoxes:"ULFOesolstiDIT2TNuxrJg==",withTitle:"NpCK-U+ZSN89NDoi-KDr-w==",ratingsWithComments:"e-rK-wMW6uXs2d89vupNXA=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/gatsby-core-theme/components/molecules/star-rating/linear-rating.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});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,".gI\\+xm2eicY1WX4auDF10Gw\\=\\={display:grid;gap:.8rem;align-items:center}@media only screen and (min-width:992px){.gI\\+xm2eicY1WX4auDF10Gw\\=\\={grid-template-columns:3fr 1fr;min-width:21.78rem}}.r\\+2QQeeuUQ5IE1tApl9Nsg\\=\\={position:relative;width:100%;height:.8rem;background-color:#d3e0ec;border-radius:5px;overflow:hidden;margin:5px 0;min-width:17.1rem}.zUYj-K6AvTlqFI6Msb0Smw\\=\\={height:100%;background-color:#fbbf24;transition:width .3s ease;border-radius:.8rem}.E9XIk9\\+uPEwP41QVNQqs9A\\=\\={color:#0f172a;font-size:1.6rem;line-height:2.6rem;font-weight:600;position:absolute;right:0;top:0}@media only screen and (min-width:992px){.E9XIk9\\+uPEwP41QVNQqs9A\\=\\={display:block;position:static}}","",{version:3,sources:["webpack://./src/gatsby-core-theme/components/molecules/star-rating/linear-rating.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAcA,6BACE,YAAA,CACA,SAAA,CACA,kBAAA,CCmCA,yCDtCF,6BAME,6BAAA,CACA,kBAAA,CAAA,CAIF,6BACE,iBAAA,CACA,UAAA,CACA,YAAA,CACA,wBAAA,CACA,iBAAA,CACA,eAAA,CACA,YAAA,CACE,iBAAA,CAGJ,4BACE,WAAA,CACA,wBAAA,CACA,yBAAA,CACA,mBAAA,CAGF,6BACE,aAAA,CACA,gBAAA,CACA,kBAAA,CACA,eAAA,CACA,iBAAA,CACA,OAAA,CACA,KAAA,CCEA,yCDTF,6BAUI,aAAA,CACA,eAAA,CAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order";\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/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.starRatingContainer {\n display: grid;\n gap: 0.8rem;\n align-items: center;\n \n @include min(laptop) {\n grid-template-columns: 3fr 1fr;\n min-width: 21.78rem;\n }\n}\n\n.bar {\n position: relative;\n width: 100%; \n height: 0.8rem; \n background-color: #D3E0EC;\n border-radius: 5px;\n overflow: hidden;\n margin: 5px 0;\n min-width: 17.1rem;\n}\n\n.fill {\n height: 100%;\n background-color: #FBBF24; \n transition: width 0.3s ease;\n border-radius: 0.8rem;\n}\n\n.ratingText {\n color: #0F172A;\n font-size: 1.6rem;\n line-height: 2.6rem;\n font-weight: 600;\n position: absolute;\n right: 0;\n top: 0;\n \n @include min(laptop) {\n display: block;\n position: static;\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={starRatingContainer:"gI+xm2eicY1WX4auDF10Gw==",bar:"r+2QQeeuUQ5IE1tApl9Nsg==",fill:"zUYj-K6AvTlqFI6Msb0Smw==",ratingText:"E9XIk9+uPEwP41QVNQqs9A=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);
|
|
@@ -361,4 +361,4 @@
|
|
|
361
361
|
|
|
362
362
|
|
|
363
363
|
|
|
364
|
-
window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"./src","files":"**/**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"./src","files":"**/**/**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/header/variants/default/template-one","files":"template-one.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/header\\/variants\\/default\\/template-one\\/template-one\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/header/variants/operator/template-one-two","files":"template-one-two.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/header\\/variants\\/operator\\/template-one-two\\/template-one-two\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/footer/variants","files":"template-one.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/footer\\/variants\\/template-one\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/footer/variants","files":"template-two.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/footer\\/variants\\/template-two\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/footer/variants","files":"template-three.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/footer\\/variants\\/template-three\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/navigation","files":"navigation.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/navigation\\/navigation\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/anchor/template-one","files":"anchor.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/anchor\\/template-one\\/anchor\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/anchor/template-two","files":"template-two.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/anchor\\/template-two\\/template-two\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/bonus/template-one","files":"bonus.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/bonus\\/template-one\\/bonus\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/bonus/template-two","files":"bonus.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/bonus\\/template-two\\/bonus\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content","files":"text.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/text\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content","files":"show-more.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/show-more\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content","files":"content.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/content\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/lists","files":"lists.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/lists\\/lists\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/frame","files":"frame.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/frame\\/frame\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/table","files":"table-one.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/table\\/table-one\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/table","files":"table-two.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/table\\/table-two\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/pagination","files":"pagination.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/pagination\\/pagination\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/carousel/template-one","files":"template-one.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/carousel\\/template-one\\/template-one\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/carousel/template-two","files":"template-two.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/carousel\\/template-two\\/template-two\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/icon/template-one","files":"**/*.stories.@(mdx|tsx|ts|jsx|js)","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/icon\\/template-one(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(mdx|tsx|ts|jsx|js))$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image/template-one","files":"template-one.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image\\/template-one\\/template-one\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image/template-two","files":"template-two.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image\\/template-two\\/template-two\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image-text/template-one","files":"template-one.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image-text\\/template-one\\/template-one\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image-text/template-two","files":"template-two.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image-text\\/template-two\\/template-two\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image-text/template-three","files":"template-three.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image-text\\/template-three\\/template-three\\.stories)$"}];</script><script src="runtime~main.
|
|
364
|
+
window['STORIES'] = [{"titlePrefix":"","directory":"./src","files":"**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"./src","files":"**/**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"./src","files":"**/**/**/**/**/*.stories.js","importPathMatcher":"^\\.[\\\\/](?:src(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/header/variants/default/template-one","files":"template-one.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/header\\/variants\\/default\\/template-one\\/template-one\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/header/variants/operator/template-one-two","files":"template-one-two.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/header\\/variants\\/operator\\/template-one-two\\/template-one-two\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/footer/variants","files":"template-one.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/footer\\/variants\\/template-one\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/footer/variants","files":"template-two.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/footer\\/variants\\/template-two\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/footer/variants","files":"template-three.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/footer\\/variants\\/template-three\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/navigation","files":"navigation.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/navigation\\/navigation\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/anchor/template-one","files":"anchor.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/anchor\\/template-one\\/anchor\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/anchor/template-two","files":"template-two.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/anchor\\/template-two\\/template-two\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/bonus/template-one","files":"bonus.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/bonus\\/template-one\\/bonus\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/bonus/template-two","files":"bonus.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/bonus\\/template-two\\/bonus\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content","files":"text.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/text\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content","files":"show-more.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/show-more\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content","files":"content.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/content\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/lists","files":"lists.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/lists\\/lists\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/frame","files":"frame.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/frame\\/frame\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/table","files":"table-one.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/table\\/table-one\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/content/table","files":"table-two.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/content\\/table\\/table-two\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/pagination","files":"pagination.stories.js","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/pagination\\/pagination\\.stories\\.js)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/carousel/template-one","files":"template-one.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/carousel\\/template-one\\/template-one\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/organisms/carousel/template-two","files":"template-two.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/organisms\\/carousel\\/template-two\\/template-two\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/icon/template-one","files":"**/*.stories.@(mdx|tsx|ts|jsx|js)","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/icon\\/template-one(?:\\/(?!\\.)(?:(?:(?!(?:^|\\/)\\.).)*?)\\/|\\/|$)(?!\\.)(?=.)[^/]*?\\.stories\\.(mdx|tsx|ts|jsx|js))$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image/template-one","files":"template-one.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image\\/template-one\\/template-one\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image/template-two","files":"template-two.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image\\/template-two\\/template-two\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image-text/template-one","files":"template-one.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image-text\\/template-one\\/template-one\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image-text/template-two","files":"template-two.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image-text\\/template-two\\/template-two\\.stories)$"},{"titlePrefix":"","directory":"../node_modules/gatsby-core-theme/src/components/molecules/spotlights_v2/image-text/template-three","files":"template-three.stories","importPathMatcher":"^(?:\\.\\.\\/node_modules\\/gatsby-core-theme\\/src\\/components\\/molecules\\/spotlights_v2\\/image-text\\/template-three\\/template-three\\.stories)$"}];</script><script src="runtime~main.64cde0a7.iframe.bundle.js"></script><script src="384.7d320116.iframe.bundle.js"></script><script src="main.512b1531.iframe.bundle.js"></script></body></html>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"generatedAt":
|
|
1
|
+
{"generatedAt":1755679532894,"builder":{"name":"webpack5"},"hasCustomBabel":false,"hasCustomWebpack":true,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"metaFramework":{"name":"Gatsby","packageName":"gatsby","version":"5.13.6"},"monorepo":"Workspaces","packageManager":{"type":"yarn","version":"1.22.19"},"storybookVersion":"6.5.16","language":"javascript","storybookPackages":{"@storybook/addon-actions":{"version":"6.5.16"},"@storybook/builder-webpack5":{"version":"6.5.16"},"@storybook/manager-webpack5":{"version":"6.5.16"},"@storybook/react":{"version":"6.5.16"}},"framework":{"name":"react"},"addons":{"@storybook/addon-links":{"version":"6.5.16"},"@storybook/addon-essentials":{"version":"6.5.16"}}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
(()=>{"use strict";var deferred,leafPrototypes,getProto,inProgress,__webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,deferred=[],__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(!chunkIds){var notFulfilled=1/0;for(i=0;i<deferred.length;i++){chunkIds=deferred[i][0],fn=deferred[i][1],priority=deferred[i][2];for(var fulfilled=!0,j=0;j<chunkIds.length;j++)(!1&priority||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every((key=>__webpack_require__.O[key](chunkIds[j])))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();void 0!==r&&(result=r)}}return result}priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority]},__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,__webpack_require__.t=function(value,mode){if(1&mode&&(value=this(value)),8&mode)return value;if("object"==typeof value&&value){if(4&mode&&value.__esModule)return value;if(16&mode&&"function"==typeof value.then)return value}var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=2&mode&&value;"object"==typeof current&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach((key=>def[key]=()=>value[key]));return def.default=()=>value,__webpack_require__.d(ns,def),ns},__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=chunkId=>Promise.all(Object.keys(__webpack_require__.f).reduce(((promises,key)=>(__webpack_require__.f[key](chunkId,promises),promises)),[])),__webpack_require__.u=chunkId=>chunkId+"."+{2:"98939c5b",36:"6d7d7dac",61:"24d29b3a",177:"ac764a45",179:"cf86fb79",232:"e2508c7f",240:"77fee37e",242:"150ae3e2",333:"4e379536",395:"c1efbb64",421:"bcd59807",449:"b926d2e5",472:"5c5f9f3f",477:"0df7d903",504:"6c39549e",563:"e1e66d81",582:"966b7510",604:"1ff7045f",620:"006a92ae",631:"8d388e4d",638:"f09af860",650:"4189a741",672:"3058d279",679:"4baf924a",733:"7566cbec",776:"71c64a44",777:"426e8bf9",780:"3a6a2927",794:"7bc8e2ea",796:"8a8f559c",854:"9fc784ba",941:"
|
|
1
|
+
(()=>{"use strict";var deferred,leafPrototypes,getProto,inProgress,__webpack_modules__={},__webpack_module_cache__={};function __webpack_require__(moduleId){var cachedModule=__webpack_module_cache__[moduleId];if(void 0!==cachedModule)return cachedModule.exports;var module=__webpack_module_cache__[moduleId]={id:moduleId,loaded:!1,exports:{}};return __webpack_modules__[moduleId].call(module.exports,module,module.exports,__webpack_require__),module.loaded=!0,module.exports}__webpack_require__.m=__webpack_modules__,deferred=[],__webpack_require__.O=(result,chunkIds,fn,priority)=>{if(!chunkIds){var notFulfilled=1/0;for(i=0;i<deferred.length;i++){chunkIds=deferred[i][0],fn=deferred[i][1],priority=deferred[i][2];for(var fulfilled=!0,j=0;j<chunkIds.length;j++)(!1&priority||notFulfilled>=priority)&&Object.keys(__webpack_require__.O).every((key=>__webpack_require__.O[key](chunkIds[j])))?chunkIds.splice(j--,1):(fulfilled=!1,priority<notFulfilled&&(notFulfilled=priority));if(fulfilled){deferred.splice(i--,1);var r=fn();void 0!==r&&(result=r)}}return result}priority=priority||0;for(var i=deferred.length;i>0&&deferred[i-1][2]>priority;i--)deferred[i]=deferred[i-1];deferred[i]=[chunkIds,fn,priority]},__webpack_require__.n=module=>{var getter=module&&module.__esModule?()=>module.default:()=>module;return __webpack_require__.d(getter,{a:getter}),getter},getProto=Object.getPrototypeOf?obj=>Object.getPrototypeOf(obj):obj=>obj.__proto__,__webpack_require__.t=function(value,mode){if(1&mode&&(value=this(value)),8&mode)return value;if("object"==typeof value&&value){if(4&mode&&value.__esModule)return value;if(16&mode&&"function"==typeof value.then)return value}var ns=Object.create(null);__webpack_require__.r(ns);var def={};leafPrototypes=leafPrototypes||[null,getProto({}),getProto([]),getProto(getProto)];for(var current=2&mode&&value;"object"==typeof current&&!~leafPrototypes.indexOf(current);current=getProto(current))Object.getOwnPropertyNames(current).forEach((key=>def[key]=()=>value[key]));return def.default=()=>value,__webpack_require__.d(ns,def),ns},__webpack_require__.d=(exports,definition)=>{for(var key in definition)__webpack_require__.o(definition,key)&&!__webpack_require__.o(exports,key)&&Object.defineProperty(exports,key,{enumerable:!0,get:definition[key]})},__webpack_require__.f={},__webpack_require__.e=chunkId=>Promise.all(Object.keys(__webpack_require__.f).reduce(((promises,key)=>(__webpack_require__.f[key](chunkId,promises),promises)),[])),__webpack_require__.u=chunkId=>chunkId+"."+{2:"98939c5b",36:"6d7d7dac",61:"24d29b3a",177:"ac764a45",179:"cf86fb79",232:"e2508c7f",240:"77fee37e",242:"150ae3e2",333:"4e379536",395:"c1efbb64",421:"bcd59807",449:"b926d2e5",472:"5c5f9f3f",477:"0df7d903",504:"6c39549e",563:"e1e66d81",582:"966b7510",604:"1ff7045f",620:"006a92ae",631:"8d388e4d",638:"f09af860",650:"4189a741",672:"3058d279",679:"4baf924a",733:"7566cbec",776:"71c64a44",777:"426e8bf9",780:"3a6a2927",794:"7bc8e2ea",796:"8a8f559c",854:"9fc784ba",941:"96151ba5",942:"7a3b5e99",943:"3f7c32be",964:"64e24ece"}[chunkId]+".iframe.bundle.js",__webpack_require__.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),__webpack_require__.hmd=module=>((module=Object.create(module)).children||(module.children=[]),Object.defineProperty(module,"exports",{enumerable:!0,set:()=>{throw new Error("ES Modules may not assign module.exports or exports.*, Use ESM export syntax, instead: "+module.id)}}),module),__webpack_require__.o=(obj,prop)=>Object.prototype.hasOwnProperty.call(obj,prop),inProgress={},__webpack_require__.l=(url,done,key,chunkId)=>{if(inProgress[url])inProgress[url].push(done);else{var script,needAttach;if(void 0!==key)for(var scripts=document.getElementsByTagName("script"),i=0;i<scripts.length;i++){var s=scripts[i];if(s.getAttribute("src")==url||s.getAttribute("data-webpack")=="gatsby-matrix-theme:"+key){script=s;break}}script||(needAttach=!0,(script=document.createElement("script")).charset="utf-8",script.timeout=120,__webpack_require__.nc&&script.setAttribute("nonce",__webpack_require__.nc),script.setAttribute("data-webpack","gatsby-matrix-theme:"+key),script.src=url),inProgress[url]=[done];var onScriptComplete=(prev,event)=>{script.onerror=script.onload=null,clearTimeout(timeout);var doneFns=inProgress[url];if(delete inProgress[url],script.parentNode&&script.parentNode.removeChild(script),doneFns&&doneFns.forEach((fn=>fn(event))),prev)return prev(event)},timeout=setTimeout(onScriptComplete.bind(null,void 0,{type:"timeout",target:script}),12e4);script.onerror=onScriptComplete.bind(null,script.onerror),script.onload=onScriptComplete.bind(null,script.onload),needAttach&&document.head.appendChild(script)}},__webpack_require__.r=exports=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(exports,"__esModule",{value:!0})},__webpack_require__.nmd=module=>(module.paths=[],module.children||(module.children=[]),module),__webpack_require__.p="",(()=>{var installedChunks={354:0};__webpack_require__.f.j=(chunkId,promises)=>{var installedChunkData=__webpack_require__.o(installedChunks,chunkId)?installedChunks[chunkId]:void 0;if(0!==installedChunkData)if(installedChunkData)promises.push(installedChunkData[2]);else if(354!=chunkId){var promise=new Promise(((resolve,reject)=>installedChunkData=installedChunks[chunkId]=[resolve,reject]));promises.push(installedChunkData[2]=promise);var url=__webpack_require__.p+__webpack_require__.u(chunkId),error=new Error;__webpack_require__.l(url,(event=>{if(__webpack_require__.o(installedChunks,chunkId)&&(0!==(installedChunkData=installedChunks[chunkId])&&(installedChunks[chunkId]=void 0),installedChunkData)){var errorType=event&&("load"===event.type?"missing":event.type),realSrc=event&&event.target&&event.target.src;error.message="Loading chunk "+chunkId+" failed.\n("+errorType+": "+realSrc+")",error.name="ChunkLoadError",error.type=errorType,error.request=realSrc,installedChunkData[1](error)}}),"chunk-"+chunkId,chunkId)}else installedChunks[chunkId]=0},__webpack_require__.O.j=chunkId=>0===installedChunks[chunkId];var webpackJsonpCallback=(parentChunkLoadingFunction,data)=>{var moduleId,chunkId,chunkIds=data[0],moreModules=data[1],runtime=data[2],i=0;if(chunkIds.some((id=>0!==installedChunks[id]))){for(moduleId in moreModules)__webpack_require__.o(moreModules,moduleId)&&(__webpack_require__.m[moduleId]=moreModules[moduleId]);if(runtime)var result=runtime(__webpack_require__)}for(parentChunkLoadingFunction&&parentChunkLoadingFunction(data);i<chunkIds.length;i++)chunkId=chunkIds[i],__webpack_require__.o(installedChunks,chunkId)&&installedChunks[chunkId]&&installedChunks[chunkId][0](),installedChunks[chunkId]=0;return __webpack_require__.O(result)},chunkLoadingGlobal=self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[];chunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null,0)),chunkLoadingGlobal.push=webpackJsonpCallback.bind(null,chunkLoadingGlobal.push.bind(chunkLoadingGlobal))})(),__webpack_require__.nc=void 0})();
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[941],{"./src/components/atoms/ratings-with-comments/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>ratings_with_comments});var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.mjs"),keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.mjs"),FaStar=__webpack_require__("../node_modules/@react-icons/all-files/fa/FaStar.js"),ratings_constant=__webpack_require__("../node_modules/gatsby-core-theme/src/constants/ratings-constant.js"),useTranslate=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/useTranslate/useTranslate.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),ratings_with_comments_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/ratings-with-comments/ratings-with-comments.module.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(ratings_with_comments_module.A,options);const ratings_with_comments_ratings_with_comments_module=ratings_with_comments_module.A.locals||{};var helpers_rating=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/rating.js"),linear_rating_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/gatsby-core-theme/components/molecules/star-rating/linear-rating.module.scss"),linear_rating_module_options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(linear_rating_module.A,linear_rating_module_options);const star_rating_linear_rating_module=linear_rating_module.A.locals||{};var LinearStarRating=function(_ref){var rating=_ref.rating,_ref$numOfStars=_ref.numOfStars,numOfStars=void 0===_ref$numOfStars?5:_ref$numOfStars,_ref$active=_ref.active,active=void 0===_ref$active||_ref$active,_ref$showLabel=_ref.showLabel,showLabel=void 0!==_ref$showLabel&&_ref$showLabel,_ref$icon=_ref.icon,icon=void 0===_ref$icon?null:_ref$icon,_ref$showRatingText=_ref.showRatingText,showRatingText=void 0===_ref$showRatingText||_ref$showRatingText,_ref$showDecimal=_ref.showDecimal,showDecimal=void 0!==_ref$showDecimal&&_ref$showDecimal,_ref$showRoundedRatin=_ref.showRoundedRating,showRoundedRating=void 0!==_ref$showRoundedRatin&&_ref$showRoundedRatin,_ref$showTotal=_ref.showTotal,showTotal=void 0!==_ref$showTotal&&_ref$showTotal,calculatedRating=(0,helpers_rating.e)(rating,showRoundedRating),percentage=calculatedRating?calculatedRating/numOfStars*100:0;return react.createElement("div",{className:`${star_rating_linear_rating_module.starRatingContainer||""} ${!active&&(star_rating_linear_rating_module.inactive||"")}`},showLabel&&react.createElement("span",null,(0,useTranslate.A)("rating","Rating:")),react.createElement("div",{className:star_rating_linear_rating_module.bar},react.createElement("div",{className:star_rating_linear_rating_module.fill,style:{width:`${percentage}%`}})),showRatingText&&react.createElement("div",{className:star_rating_linear_rating_module.ratingText},icon&&icon,showDecimal?calculatedRating.toFixed(1):calculatedRating,showTotal&&react.createElement(react.Fragment,null,react.createElement("span",null,"/"),react.createElement("span",null,numOfStars))))};LinearStarRating.displayName="LinearStarRating",LinearStarRating.propTypes={numOfStars:prop_types_default().oneOf([5,10]),rating:prop_types_default().oneOfType([prop_types_default().array,prop_types_default().number,prop_types_default().string]).isRequired,active:prop_types_default().bool,showLabel:prop_types_default().bool,icon:prop_types_default().element,showDecimal:prop_types_default().bool,showRoundedRating:prop_types_default().bool,showRatingText:prop_types_default().bool,showTotal:prop_types_default().bool},LinearStarRating.__docgenInfo={description:"",methods:[],displayName:"LinearStarRating",props:{numOfStars:{defaultValue:{value:"5",computed:!1},description:"",type:{name:"enum",value:[{value:"5",computed:!1},{value:"10",computed:!1}]},required:!1},active:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},showLabel:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},icon:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"element"},required:!1},showRatingText:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},showDecimal:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},showRoundedRating:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},showTotal:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},rating:{description:"",type:{name:"union",value:[{name:"array"},{name:"number"},{name:"string"}]},required:!0}}};const linear_rating=LinearStarRating;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/gatsby-core-theme/components/molecules/star-rating/linear-rating.js"]={name:"LinearStarRating",docgenInfo:LinearStarRating.__docgenInfo,path:"src/gatsby-core-theme/components/molecules/star-rating/linear-rating.js"});var RatingsWithComments=function(_ref){var page=_ref.page,_ref$numOfStars=_ref.numOfStars,numOfStars=void 0===_ref$numOfStars?5:_ref$numOfStars,_ref$templateWithBoxe=_ref.templateWithBoxes,templateWithBoxes=void 0!==_ref$templateWithBoxe&&_ref$templateWithBoxe,_ref$showTitle=_ref.showTitle,showTitle=void 0===_ref$showTitle||_ref$showTitle,_ref$currency=_ref.currency,currency=void 0===_ref$currency?"€":_ref$currency,_ref$showComment=_ref.showComment,showComment=void 0===_ref$showComment||_ref$showComment,_ref$icon=_ref.icon,icon=void 0===_ref$icon?null:_ref$icon,_ref$iconColor=_ref.iconColor,iconColor=void 0===_ref$iconColor?"#D63B54":_ref$iconColor,item=page.relation,type=page.type,typeCheck="operator"===type?"casino"===(null==item?void 0:item.type)?"operator":null==item?void 0:item.type:type,ratings=ratings_constant.Z[typeCheck]||[],rangeText={0:(0,useTranslate.A)("range_low","Low"),1:(0,useTranslate.A)("range_medium","Medium"),2:(0,useTranslate.A)("range_high","High")},ratingsData=ratings_constant.Z.ratingProperties.some((function(prop){return item[prop]}))?item:(null==item?void 0:item.bonus)||item;if(!ratings.length)return null;var renderRatingItem=function(rating){var _ratingsData$rating_c,_ratingsData$rating_c2,valueDisplayed,_ref2=rating||{},fieldValue=_ref2.fieldValue,translationKey=_ref2.translationKey,fieldLabel=_ref2.fieldLabel,componentToUse=_ref2.componentToUse,value=(0,getters.nh)(ratingsData,fieldValue),component=showComment?react.createElement(linear_rating,{numOfStars,rating:value,icon:icon||react.createElement(FaStar.g,{title:"Star Icon",color:iconColor})}):!!componentToUse&&componentToUse(numOfStars,value,currency);valueDisplayed=component?component||"-":fieldValue.includes("volatility")?rangeText[(0,getters.nh)(ratingsData,fieldValue)]||"-":value||"-";var comment=showComment?null==ratingsData||null===(_ratingsData$rating_c=ratingsData.rating_comments)||void 0===_ratingsData$rating_c||null===(_ratingsData$rating_c2=_ratingsData$rating_c.find((function(entry){return(null==entry?void 0:entry.rating_name)===fieldValue})))||void 0===_ratingsData$rating_c2?void 0:_ratingsData$rating_c2.comment:null;return react.createElement("li",{key:(0,keygen.A)(),className:`${(null==ratings_with_comments_ratings_with_comments_module?void 0:ratings_with_comments_ratings_with_comments_module.item)||""} ${"Overall"===fieldLabel&&(null==ratings_with_comments_ratings_with_comments_module?void 0:ratings_with_comments_ratings_with_comments_module.overall)}`},react.createElement("p",{className:(null==ratings_with_comments_ratings_with_comments_module?void 0:ratings_with_comments_ratings_with_comments_module.label)||""},(0,useTranslate.A)(translationKey,fieldLabel)),react.createElement(react.Fragment,null,valueDisplayed,"number"==typeof valueDisplayed&&"rtp"===fieldValue&&"%",comment&&react.createElement("span",{className:null==ratings_with_comments_ratings_with_comments_module?void 0:ratings_with_comments_ratings_with_comments_module.comment},comment)))};return react.createElement("div",{className:`${ratings_with_comments_ratings_with_comments_module.ratingsContainer} ${templateWithBoxes&&ratings_with_comments_ratings_with_comments_module.ratingWithBoxes} ${showComment?ratings_with_comments_ratings_with_comments_module.ratingsWithComments:""}`},showTitle?react.createElement("div",{className:ratings_with_comments_ratings_with_comments_module.withTitle||""},react.createElement("h3",null,(0,useTranslate.A)("ratings_with_comments_title","Ratings")),null==ratings?void 0:ratings.filter((function(rating){return"Overall"===rating.fieldLabel})).map((function(rating){return renderRatingItem(rating)}))):null==ratings?void 0:ratings.filter((function(rating){return"Overall"===rating.fieldLabel})).map((function(rating){return renderRatingItem(rating)})),react.createElement("ul",{className:`${(null==ratings_with_comments_ratings_with_comments_module?void 0:ratings_with_comments_ratings_with_comments_module.ratingList)||""}`,tabIndex:0},null==ratings?void 0:ratings.filter((function(rating){return"Overall"!==rating.fieldLabel})).map((function(rating){return renderRatingItem(rating)}))))};RatingsWithComments.displayName="RatingsWithComments",RatingsWithComments.propTypes={page:prop_types_default().shape({relation:prop_types_default().shape({type:prop_types_default().string,bonus:prop_types_default().shape({})}),type:prop_types_default().shape({})}),numOfStars:prop_types_default().number,templateWithBoxes:prop_types_default().bool,showTitle:prop_types_default().string,currency:prop_types_default().string,showComment:prop_types_default().bool,icon:prop_types_default().element,iconColor:prop_types_default().string},RatingsWithComments.__docgenInfo={description:"",methods:[],displayName:"RatingsWithComments",props:{numOfStars:{defaultValue:{value:"5",computed:!1},description:"",type:{name:"number"},required:!1},templateWithBoxes:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},showTitle:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"string"},required:!1},currency:{defaultValue:{value:"'€'",computed:!1},description:"",type:{name:"string"},required:!1},showComment:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},icon:{defaultValue:{value:"null",computed:!1},description:"",type:{name:"element"},required:!1},iconColor:{defaultValue:{value:"'#D63B54'",computed:!1},description:"",type:{name:"string"},required:!1},page:{description:"",type:{name:"shape",value:{relation:{name:"shape",value:{type:{name:"string",required:!1},bonus:{name:"shape",value:{},required:!1}},required:!1},type:{name:"shape",value:{},required:!1}}},required:!1}}};const ratings_with_comments=RatingsWithComments;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/ratings-with-comments/index.js"]={name:"RatingsWithComments",docgenInfo:RatingsWithComments.__docgenInfo,path:"src/components/atoms/ratings-with-comments/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/ratings-with-comments/ratings-with-comments.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});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,"._8fvDYIUopyeelCKHk5Oj1A\\=\\={display:flex;box-shadow:0 4px 6px -2px rgba(27,27,28,.0392156863),0 12px 16px -4px rgba(27,27,28,.0705882353);padding:1.6rem;background:#fff;border-radius:.8rem;gap:1.7rem;flex-direction:column}@media only screen and (min-width:992px){._8fvDYIUopyeelCKHk5Oj1A\\=\\={flex-direction:row}}._8fvDYIUopyeelCKHk5Oj1A\\=\\=>li{background:#f1f5f9;padding:1.6rem .8rem;border-radius:.8rem;display:flex;flex-flow:row-reverse wrap;justify-content:center;min-width:11.4rem;gap:.8rem;min-height:7.2rem;align-items:center}@media only screen and (min-width:992px){._8fvDYIUopyeelCKHk5Oj1A\\=\\=>li{flex-direction:column-reverse;min-height:14.2rem}}._8fvDYIUopyeelCKHk5Oj1A\\=\\=>li>div{display:flex;flex-direction:row;align-items:center;gap:.8rem}@media only screen and (min-width:992px){._8fvDYIUopyeelCKHk5Oj1A\\=\\=>li>div{display:flex;flex-direction:column}}._8fvDYIUopyeelCKHk5Oj1A\\=\\=>li>p{font-size:1.4rem;line-height:2.2rem;font-weight:600;color:#0f172a}.Y0waA--ZQVSPDL5X3IOxcA\\=\\={display:grid;width:100%;gap:1.6rem 2.2rem;background:#f1f5f9;border-radius:1.6rem;padding:1.6rem}@media only screen and (min-width:992px){.Y0waA--ZQVSPDL5X3IOxcA\\=\\={grid-template-columns:1fr 1fr}}.oRuKCYz2ubUN2Q5rkB-FYQ\\=\\={display:grid;position:relative}@media only screen and (min-width:992px){.oRuKCYz2ubUN2Q5rkB-FYQ\\=\\={grid-template-columns:1fr 1fr;align-items:center}}.jhsWxGwHE4044NJasysuBw\\=\\={color:#0f172a;font-size:1.4rem;line-height:2.2rem;font-weight:600}.FVtHPTxYmilgac-qU2ZVyw\\=\\={font-weight:700;font-size:18px;line-height:28px;color:#1c1a28;display:flex}@media only screen and (min-width:768px){.FVtHPTxYmilgac-qU2ZVyw\\=\\={font-weight:800}}.yxoPCUu\\+EYck-bzwAGhAmA\\=\\={border:1.5px solid #d63b54}.ULFOesolstiDIT2TNuxrJg\\=\\={background:rgba(0,0,0,0);padding:0;overflow-y:auto;padding-bottom:1.6rem}.ULFOesolstiDIT2TNuxrJg\\=\\=::-webkit-scrollbar{height:.5rem}.ULFOesolstiDIT2TNuxrJg\\=\\=::-webkit-scrollbar-track{background:rgba(91,139,185,.2);border-radius:1rem}.ULFOesolstiDIT2TNuxrJg\\=\\=::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:1rem}@media only screen and (min-width:768px){.ULFOesolstiDIT2TNuxrJg\\=\\={padding-bottom:0}}.ULFOesolstiDIT2TNuxrJg\\=\\=>ul{background:rgba(0,0,0,0);display:flex;padding:0;gap:.8rem}@media only screen and (min-width:768px){.ULFOesolstiDIT2TNuxrJg\\=\\=>ul{gap:1.6rem}}.ULFOesolstiDIT2TNuxrJg\\=\\=>ul>li{display:flex;flex-direction:column;width:100%;gap:.8rem;min-height:9.6rem;background:#f4f4f4;border-radius:.8rem;padding:2.2rem;color:#1b1b1c;font-weight:600;font-size:1.4rem;line-height:2.2rem;text-align:center;align-items:center;justify-content:center;white-space:nowrap}@media only screen and (min-width:768px){.ULFOesolstiDIT2TNuxrJg\\=\\=>ul>li{white-space:normal}}.ULFOesolstiDIT2TNuxrJg\\=\\=>ul>li>p{font-size:1.4rem;line-height:2.2rem;font-weight:500;color:#3c3c40;min-width:98px}.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\={display:flex;flex-direction:column;gap:1.6rem}@media only screen and (min-width:768px){.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\={justify-content:space-between;display:flex;flex-direction:row}}.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\= h3{margin:0;font-size:2.4rem;color:#000;line-height:4rem;font-weight:600}.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\=>li{display:flex;justify-content:space-between;gap:1.8rem}@media only screen and (min-width:768px){.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\=>li{gap:1.5rem}}.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\=>li>p{color:#000;font-size:1.8rem;line-height:2.8rem;font-weight:600}.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\=>li>div{gap:1.5rem;display:flex}@media only screen and (min-width:768px){.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\=>li>div{display:inherit}}.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\=>li>div>div:first-child{background:#fff;margin:1rem 0;border-radius:.8rem}.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\=>li>div>div:first-child>div{background:#59be28;border-radius:.8rem}.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\=>li>div>div:last-child{display:flex;align-items:center;position:static}.NpCK-U\\+ZSN89NDoi-KDr-w\\=\\=>li>div>div:last-child>svg{margin-right:1.5rem}.e-rK-wMW6uXs2d89vupNXA\\=\\={flex-direction:column;padding:0;box-shadow:none}@media only screen and (min-width:768px){.e-rK-wMW6uXs2d89vupNXA\\=\\={padding:inherit}}.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul{gap:1.6rem}@media only screen and (min-width:768px){.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul{row-gap:3.2rem}}.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul>li{display:flex;flex-direction:column;align-items:flex-start}.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul>li>p{font-size:2rem;line-height:3.6rem;color:#000;font-weight:600;margin-bottom:.8rem}.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul>li>span{grid-column:1/3;font-size:1.6rem;line-height:2.6rem;color:#000}.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul>li>div{min-width:100%;grid-template-columns:8fr auto;gap:2rem}.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul>li>div>div:first-child{background:#fff;margin:1rem 0;border-radius:.8rem}.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul>li>div>div:first-child>div{background:#59be28;border-radius:.8rem}.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul>li>div>div:last-child{font-size:1.8rem;line-height:2.8rem;color:#000;display:flex;align-items:center}.e-rK-wMW6uXs2d89vupNXA\\=\\=>ul>li>div>div:last-child svg{margin-right:.8rem}","",{version:3,sources:["webpack://./src/components/atoms/ratings-with-comments/ratings-with-comments.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAeA,6BACE,YAAA,CACA,gGAAA,CACA,cAAA,CACA,eAAA,CACA,mBAAA,CACA,UAAA,CACA,qBAAA,CC8BA,yCDrCF,6BAUI,kBAAA,CAAA,CAGF,gCACE,kBAAA,CACA,oBAAA,CACA,mBAAA,CACA,YAAA,CACA,0BAAA,CACA,sBAAA,CACA,iBAAA,CACA,SAAA,CACA,iBAAA,CACA,kBAAA,CCcF,yCDxBA,gCAaI,6BAAA,CACA,kBAAA,CAAA,CAGF,oCEtCF,YAAA,CACA,kBFsC4B,CAExB,kBAAA,CACA,SAAA,CCGJ,yCDPE,oCEtCF,YAAA,CACA,qBF4C8B,CAAA,CAI5B,kCACE,gBAAA,CACA,kBAAA,CACA,eAAA,CACA,aAAA,CAKN,4BACE,YAAA,CACA,UAAA,CACA,iBAAA,CACA,kBAAA,CACA,oBAAA,CACA,cAAA,CCnBA,yCDaF,4BASI,6BAAA,CAAA,CAIJ,4BACE,YAAA,CACA,iBAAA,CC5BA,yCD0BF,4BAKI,6BAAA,CACA,kBAAA,CAAA,CAIJ,4BACE,aAAA,CACA,gBAAA,CACA,kBAAA,CACA,eAAA,CAGF,4BACE,eAAA,CACA,cAAA,CACA,gBAAA,CACA,aAAA,CACA,YAAA,CChDA,yCD2CF,4BAQI,eAAA,CAAA,CAIJ,6BACE,0BAAA,CAGF,4BACE,wBAAA,CACA,SAAA,CACA,eAAA,CACA,qBAAA,CAEA,+CACE,YAAA,CAGF,qDACE,8BAAA,CACA,kBAAA,CAGF,qDACE,wBAAA,CACA,kBAAA,CC5EF,yCD2DF,4BAqBI,gBAAA,CAAA,CAGF,+BACE,wBAAA,CACA,YAAA,CACA,SAAA,CACA,SAAA,CCvFF,yCDmFA,+BAOI,UAAA,CAAA,CAGF,kCACE,YAAA,CACA,qBAAA,CACA,UAAA,CACA,SAAA,CACA,iBAAA,CACA,kBAAA,CACA,mBAAA,CACA,cAAA,CACA,aAAA,CACA,eAAA,CACA,gBAAA,CACA,kBAAA,CAEA,iBAAA,CACA,kBAAA,CACA,sBAAA,CACA,kBAAA,CC9GJ,yCD6FE,kCAoBI,kBAAA,CAAA,CAGF,oCACE,gBAAA,CACA,kBAAA,CACA,eAAA,CACA,aAAA,CACA,cAAA,CAMR,6BE5KE,YAAA,CACA,qBF4KwB,CAExB,UAAA,CClIA,yCD+HF,6BAMI,6BAAA,CElLF,YAAA,CACA,kBFmL0B,CAAA,CAG1B,gCACE,QAAA,CACA,gBAAA,CACA,UAAA,CACA,gBAAA,CACA,eAAA,CAGF,gCACE,YAAA,CACA,6BAAA,CACA,UAAA,CCrJF,yCDkJA,gCAMI,UAAA,CAAA,CAGF,kCACE,UAAA,CACA,gBAAA,CACA,kBAAA,CACA,eAAA,CAGF,oCACE,UAAA,CACA,YAAA,CCpKJ,yCDkKE,oCAKI,eAAA,CAAA,CAGF,oDACE,eAAA,CACA,aAAA,CACA,mBAAA,CAEA,wDACE,kBAAA,CACA,mBAAA,CAIJ,mDACE,YAAA,CACA,kBAAA,CACA,eAAA,CAEA,uDACE,mBAAA,CAOV,4BACE,qBAAA,CACA,SAAA,CACA,eAAA,CCrMA,yCDkMF,4BAMI,eAAA,CAAA,CAGF,+BACE,UAAA,CC5MF,yCD2MA,+BAII,cAAA,CAAA,CAGF,kCE/PF,YAAA,CACA,qBF+P4B,CAExB,sBAAA,CAEA,oCACE,cAAA,CACA,kBAAA,CACA,UAAA,CACA,eAAA,CACA,mBAAA,CAGF,uCACE,eAAA,CACA,gBAAA,CACA,kBAAA,CACA,UAAA,CAGF,sCACE,cAAA,CACA,8BAAA,CACA,QAAA,CAEA,sDACE,eAAA,CACA,aAAA,CACA,mBAAA,CAEA,0DACE,kBAAA,CACA,mBAAA,CAIJ,qDACE,gBAAA,CACA,kBAAA,CACA,UAAA,CACA,YAAA,CACA,kBAAA,CAEA,yDACE,kBAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order";\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/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/* stylelint-disable comment-pattern, selector-max-compound-selectors, max-nesting-depth */\n.ratingsContainer {\n display: flex;\n box-shadow: 0 4px 6px -2px #1b1b1c0a, 0 12px 16px -4px #1b1b1c12;\n padding: 1.6rem;\n background: #fff;\n border-radius: 0.8rem;\n gap: 1.7rem;\n flex-direction: column;\n\n @include min(laptop) {\n flex-direction: row;\n }\n\n > li {\n background: #f1f5f9;\n padding: 1.6rem 0.8rem;\n border-radius: 0.8rem;\n display: flex;\n flex-flow: row-reverse wrap;\n justify-content: center;\n min-width: 11.4rem;\n gap: 0.8rem;\n min-height: 7.2rem;\n align-items: center;\n\n @include min(laptop) {\n flex-direction: column-reverse;\n min-height: 14.2rem;\n }\n\n > div {\n @include flex-direction(row);\n\n align-items: center;\n gap: 0.8rem;\n\n @include min(laptop) {\n @include flex-direction(column);\n }\n }\n\n > p {\n font-size: 1.4rem;\n line-height: 2.2rem;\n font-weight: 600;\n color: #0f172a;\n }\n }\n}\n\n.ratingList {\n display: grid;\n width: 100%;\n gap: 1.6rem 2.2rem;\n background: #f1f5f9;\n border-radius: 1.6rem;\n padding: 1.6rem;\n\n @include min(laptop) {\n grid-template-columns: 1fr 1fr;\n }\n}\n\n.item {\n display: grid;\n position: relative;\n\n @include min(laptop) {\n grid-template-columns: 1fr 1fr;\n align-items: center;\n }\n}\n\n.label {\n color: #0f172a;\n font-size: 1.4rem;\n line-height: 2.2rem;\n font-weight: 600;\n}\n\n.value {\n font-weight: 700;\n font-size: 18px;\n line-height: 28px;\n color: #1c1a28;\n display: flex;\n\n @include min(tablet) {\n font-weight: 800;\n }\n}\n\n.showOnlyMobile {\n border: 1.5px solid #d63b54;\n}\n\n.ratingWithBoxes {\n background: transparent;\n padding: 0;\n overflow-y: auto;\n padding-bottom: 1.6rem;\n\n &::-webkit-scrollbar {\n height: 0.5rem;\n }\n\n &::-webkit-scrollbar-track {\n background: #5b8bb933;\n border-radius: 1rem;\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: #cbd5e1;\n border-radius: 1rem;\n }\n\n @include min(tablet) {\n padding-bottom: 0;\n }\n\n > ul {\n background: transparent;\n display: flex;\n padding: 0;\n gap: 0.8rem;\n\n @include min(tablet) {\n gap: 1.6rem;\n }\n\n > li {\n display: flex;\n flex-direction: column;\n width: 100%;\n gap: 0.8rem;\n min-height: 9.6rem;\n background: #f4f4f4;\n border-radius: 0.8rem;\n padding: 2.2rem;\n color: #1b1b1c;\n font-weight: 600;\n font-size: 1.4rem;\n line-height: 2.2rem;\n // min-width: 13.6rem;\n text-align: center;\n align-items: center;\n justify-content: center;\n white-space: nowrap;\n\n @include min(tablet) {\n white-space: normal;\n }\n\n > p {\n font-size: 1.4rem;\n line-height: 2.2rem;\n font-weight: 500;\n color: #3c3c40;\n min-width: 98px;\n }\n }\n }\n}\n\n.withTitle {\n @include flex-direction(column);\n\n gap: 1.6rem;\n\n @include min(tablet) {\n justify-content: space-between;\n\n @include flex-direction(row);\n }\n\n h3 {\n margin: 0;\n font-size: 2.4rem;\n color: #000;\n line-height: 4rem;\n font-weight: 600;\n }\n\n > li {\n display: flex;\n justify-content: space-between;\n gap: 1.8rem;\n\n @include min(tablet) {\n gap: 1.5rem;\n }\n\n > p {\n color: #000;\n font-size: 1.8rem;\n line-height: 2.8rem;\n font-weight: 600;\n }\n\n > div {\n gap: 1.5rem;\n display: flex;\n\n @include min(tablet) {\n display: inherit;\n }\n\n > div:first-child {\n background: #fff;\n margin: 1rem 0;\n border-radius: 0.8rem;\n\n > div {\n background: #59be28;\n border-radius: 0.8rem;\n }\n }\n\n > div:last-child {\n display: flex;\n align-items: center;\n position: static;\n\n > svg {\n margin-right: 1.5rem;\n }\n }\n }\n }\n}\n\n.ratingsWithComments {\n flex-direction: column;\n padding: 0;\n box-shadow: none;\n\n @include min(tablet) {\n padding: inherit;\n }\n\n > ul {\n gap: 1.6rem;\n\n @include min(tablet) {\n row-gap: 3.2rem;\n }\n\n > li {\n @include flex-direction(column);\n\n align-items: flex-start;\n\n > p {\n font-size: 2rem;\n line-height: 3.6rem;\n color: #000;\n font-weight: 600;\n margin-bottom: 0.8rem;\n }\n\n > span {\n grid-column: 1 / 3;\n font-size: 1.6rem;\n line-height: 2.6rem;\n color: #000;\n }\n\n > div {\n min-width: 100%;\n grid-template-columns: 8fr auto;\n gap: 2rem;\n\n > div:first-child {\n background: #fff;\n margin: 1rem 0;\n border-radius: 0.8rem;\n\n > div {\n background: #59be28;\n border-radius: 0.8rem;\n }\n }\n\n > div:last-child {\n font-size: 1.8rem;\n line-height: 2.8rem;\n color: #000;\n display: flex;\n align-items: center;\n\n svg {\n margin-right: 0.8rem;\n }\n }\n }\n }\n }\n}',"$media-query-sizes: (\n mobile-s: (\n min: 320px,\n max: 374px,\n ),\n mobile-m: (\n min: 375px,\n max: 424px,\n ),\n mobile: (\n min: 425px,\n max: 767px,\n ),\n tablet: (\n min: 768px,\n max: 991px,\n ),\n laptop: (\n min: 992px,\n max: 1199px,\n ),\n desktop: (\n min: 1200px,\n ),\n);\n\n// Get media query sizes\n$screen: 'only screen';\n@function media-query($media, $optional-media: '', $min: true) {\n $media-label: '';\n\n @if ($optional-media != '') {\n $media-sizes-min: map-get($media-query-sizes, $media);\n $media-sizes-max: map-get($media-query-sizes, $optional-media);\n $media-label: $screen +\n \" and (min-width:#{map-get($media-sizes-min, 'min')}) and (max-width:#{map-get($media-sizes-max, 'max')})\";\n } @else {\n $query: 'max';\n\n @if ($min) {\n $query: 'min';\n }\n\n $media-sizes: map-get($media-query-sizes, $media);\n $media-label: $screen + ' and (#{$query}-width:#{map-get($media-sizes, $query)})';\n }\n\n @return $media-label;\n}\n\n// Min media query\n@mixin min($media) {\n @media #{media-query($media)} {\n @content;\n }\n}\n\n// Max media query\n@mixin max($media) {\n @media #{media-query($media, '', false)} {\n @content;\n }\n}\n\n// Min & max media query\n@mixin min-max($min, $max) {\n @media #{media-query($min, $max)} {\n @content;\n }\n}\n\n// Use this ONLY if you need a media query that doesn't fit the $media-query-sizes breakpoints above\n// Pass number, for example @include custom-min(992)\n@mixin custom-min($min) {\n @media #{$screen} and (min-width: #{$min}px) {\n @content;\n }\n}\n\n@mixin custom-max($max) {\n @media #{$screen} and (max-width: #{$max}px) {\n @content;\n }\n}\n\n@mixin custom-min-max($min, $max) {\n @media #{$screen} and (min-width: #{$min}px) and (max-width: #{$max}px) {\n @content;\n }\n}\n\n// Landscape\n// (If we find more use cases of this in the future, might want to refactor this and include it in the media-query function for $screen)\n// Pass number\n$landscape: 'screen and (orientation:landscape)';\n\n@mixin landscape-max($max) {\n @media #{$landscape} and (max-width: #{$max}px) {\n @content;\n }\n}\n\n@mixin landscape-min($min) {\n @media #{$landscape} and (min-width: #{$min}px) {\n @content;\n }\n}\n","@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={ratingsContainer:"_8fvDYIUopyeelCKHk5Oj1A==",ratingList:"Y0waA--ZQVSPDL5X3IOxcA==",item:"oRuKCYz2ubUN2Q5rkB-FYQ==",label:"jhsWxGwHE4044NJasysuBw==",value:"FVtHPTxYmilgac-qU2ZVyw==",showOnlyMobile:"yxoPCUu+EYck-bzwAGhAmA==",ratingWithBoxes:"ULFOesolstiDIT2TNuxrJg==",withTitle:"NpCK-U+ZSN89NDoi-KDr-w==",ratingsWithComments:"e-rK-wMW6uXs2d89vupNXA=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/gatsby-core-theme/components/molecules/star-rating/linear-rating.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});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,".gI\\+xm2eicY1WX4auDF10Gw\\=\\={display:grid;gap:.8rem;align-items:center}@media only screen and (min-width:992px){.gI\\+xm2eicY1WX4auDF10Gw\\=\\={grid-template-columns:3fr 1fr;min-width:21.78rem}}.r\\+2QQeeuUQ5IE1tApl9Nsg\\=\\={position:relative;width:100%;height:.8rem;background-color:#d3e0ec;border-radius:5px;overflow:hidden;margin:5px 0;min-width:17.1rem}.zUYj-K6AvTlqFI6Msb0Smw\\=\\={height:100%;background-color:#fbbf24;transition:width .3s ease;border-radius:.8rem}.E9XIk9\\+uPEwP41QVNQqs9A\\=\\={color:#0f172a;font-size:1.6rem;line-height:2.6rem;font-weight:600;position:absolute;right:0;top:0}@media only screen and (min-width:992px){.E9XIk9\\+uPEwP41QVNQqs9A\\=\\={display:block;position:static}}","",{version:3,sources:["webpack://./src/gatsby-core-theme/components/molecules/star-rating/linear-rating.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAcA,6BACE,YAAA,CACA,SAAA,CACA,kBAAA,CCmCA,yCDtCF,6BAME,6BAAA,CACA,kBAAA,CAAA,CAIF,6BACE,iBAAA,CACA,UAAA,CACA,YAAA,CACA,wBAAA,CACA,iBAAA,CACA,eAAA,CACA,YAAA,CACE,iBAAA,CAGJ,4BACE,WAAA,CACA,wBAAA,CACA,yBAAA,CACA,mBAAA,CAGF,6BACE,aAAA,CACA,gBAAA,CACA,kBAAA,CACA,eAAA,CACA,iBAAA,CACA,OAAA,CACA,KAAA,CCEA,yCDTF,6BAUI,aAAA,CACA,eAAA,CAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order";\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/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.starRatingContainer {\n display: grid;\n gap: 0.8rem;\n align-items: center;\n \n @include min(laptop) {\n grid-template-columns: 3fr 1fr;\n min-width: 21.78rem;\n }\n}\n\n.bar {\n position: relative;\n width: 100%; \n height: 0.8rem; \n background-color: #D3E0EC;\n border-radius: 5px;\n overflow: hidden;\n margin: 5px 0;\n min-width: 17.1rem;\n}\n\n.fill {\n height: 100%;\n background-color: #FBBF24; \n transition: width 0.3s ease;\n border-radius: 0.8rem;\n}\n\n.ratingText {\n color: #0F172A;\n font-size: 1.6rem;\n line-height: 2.6rem;\n font-weight: 600;\n position: absolute;\n right: 0;\n top: 0;\n \n @include min(laptop) {\n display: block;\n position: static;\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={starRatingContainer:"gI+xm2eicY1WX4auDF10Gw==",bar:"r+2QQeeuUQ5IE1tApl9Nsg==",fill:"zUYj-K6AvTlqFI6Msb0Smw==",ratingText:"E9XIk9+uPEwP41QVNQqs9A=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);
|