npm - gatsby-matrix-theme - Versions diffs - 10.0.9 → 10.0.10 - Mend

gatsby-matrix-theme 10.0.9 → 10.0.10

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.

Files changed (20) hide show

package/CHANGELOG.md CHANGED Viewed

@@ -1,3 +1,19 @@
+## [10.0.10](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v10.0.9...v10.0.10) (2023-01-02)
+### Bug Fixes
+* comparison table ([ce828af](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/ce828afcd759c3de602dfd9d2f1bd9429c4c064f))
+* comparison table ([b5d67df](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/b5d67df8231c55694c568ff8cbffa6de4dc52f70))
+* comparison table ([433a63c](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/433a63c8cd38b816e253270934c021cd34bfb21c))
+* jest error ([c4f84ce](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/c4f84ce52010e16fe0869212bf4b8db4f8bd4370))
+* tests ([37f57d0](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/37f57d0012099a62ade1f6171a7786f81b1a1e63))
+* updated to latest core version ([3cf1c9c](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/3cf1c9c8c32810ee4aab6df4dac29ee4ff90507c))
+* using star-rating/one-star ([7335207](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/73352079d3e9ca2c197ac198cab98bdce7008192))
+* Merge branch 'tm-3099-comparison-table-matrix' into 'master' ([dfe7057](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/commit/dfe705776f4bed45f338495ef805b95fb4ca73cd))
 ## [10.0.9](https://git.ilcd.rocks/team-floyd/themes/matrix-theme/compare/v10.0.8...v10.0.9) (2022-12-28)

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "gatsby-matrix-theme",
-  "version": "10.0.9",
+  "version": "10.0.10",
   "main": "index.js",
   "description": "Matrix Theme NPM Package",
   "author": "",
@@ -25,7 +25,7 @@
   "dependencies": {
     "@react-icons/all-files": "^4.1.0",
     "gatsby": "^4.20.0",
-    "gatsby-core-theme": "17.0.7",
+    "gatsby-core-theme": "17.0.8",
     "gatsby-plugin-sharp": "^4.10.2",
     "gatsby-plugin-sitemap": "^3.3.0",
     "gatsby-transformer-sharp": "^4.10.0",

package/src/components/atoms/cards/comparison-table/table/index.js CHANGED Viewed

@@ -3,13 +3,13 @@
 /* eslint-disable jsx-a11y/click-events-have-key-events */
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 /* eslint-disable jsx-a11y/anchor-is-valid */
-import React, { useContext, useState } from 'react';
+import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import { AiOutlineCheckCircle } from '@react-icons/all-files/ai/AiOutlineCheckCircle';
 import { imagePrettyUrl, translate } from 'gatsby-core-theme/src/helpers/getters';
 import LazyImg from 'gatsby-core-theme/src/hooks/lazy-image';
 import OperatorCta from 'gatsby-core-theme/src/components/atoms/operator-cta';
-import StarRating from 'gatsby-core-theme/src/components/molecules/star-rating';
+import StarRating from 'gatsby-core-theme/src/components/molecules/star-rating/one-star';
 import Link from 'gatsby-core-theme/src/hooks/link';
 import Bonus from 'gatsby-core-theme/src/components/atoms/bonus';
 import { Context } from 'gatsby-core-theme/src/context/MainProvider';
@@ -67,11 +67,7 @@ export default function ComparisonTable({
   tempate,
 }) {
   const { translations } = useContext(Context) || {};
-  const [showAllPayment, setShowAllPayment] = useState([]);
-  const showAllPayments = (index) => {
-    setShowAllPayment([...showAllPayment, index]);
-  };
   const cell = (heading, item, key, index) => {
     const rowData = tabelInfo.find((m) => m.key === heading);
     if (rowData && rowData.customComponent) {
@@ -80,7 +76,7 @@ export default function ComparisonTable({
     }
     const imageObject =
       item?.relation.standardised_logo_url_object || item?.relation.logo_url_object;
-    const itemName = item?.relation.name;
+    const itemName = item?.relation?.name;
     switch (heading) {
       case 'casino_name':
@@ -118,8 +114,13 @@ export default function ComparisonTable({
         return (
           <td key={key} className={styles.raiting}>
             <StarRating numOfStars={5} rating={item?.relation?.rating} />
             {type === 'operator' && index === 0 ? null : (
-              <Link to={item.path}>{translate(translations, 'review', 'Review')}</Link>
+              <Link to={item.path}>{`${itemName} ${translate(
+                translations,
+                'review',
+                'Review'
+              )}`}</Link>
             )}
           </td>
         );
@@ -144,38 +145,26 @@ export default function ComparisonTable({
       case 'payment_methods':
         return (
           <td key={key} className={styles.paymentMethods}>
-            <div>
+            <div key={key}>
               {item?.relation?.bonus?.deposit_methods &&
                 // eslint-disable-next-line array-callback-return
-                item?.relation?.bonus?.deposit_methods.map((deposit, i, list) => {
-                  let itemsLength = list.length === 6 ? 6 : 5;
-                  if (i < (showAllPayment.includes(index) ? list.length : itemsLength)) {
-                    if (deposit?.logo_filename) {
-                      return (
-                        <Link to={deposit?.path}>
-                          <LazyImg
-                            key={`${key}-${deposit.name}`}
-                            src={imagePrettyUrl(deposit?.logo_filename, 72, 72)}
-                            width={72}
-                            height={72}
-                            alt={deposit.name}
-                          />
-                        </Link>
-                      );
-                    }
-                    itemsLength -= 1;
-                  }
-                })}
-              {item?.relation?.bonus?.deposit_methods?.length > 6 &&
-                !showAllPayment.includes(index) && (
-                  <a
-                    onClick={() => {
-                      showAllPayments(index);
-                    }}
-                  >
-                    +{item?.relation?.bonus?.deposit_methods.length - 5}
-                  </a>
-                )}
+                item?.relation?.bonus?.deposit_methods?.slice(0, 5)?.map((deposit) => (
+                  <Link to={deposit?.path}>
+                    <LazyImg
+                      key={`${key}-${deposit.name}`}
+                      src={imagePrettyUrl(
+                        deposit?.standardised_logo_filename_object?.filename ||
+                          deposit?.standardised_logo_filename ||
+                          deposit?.logo_filename,
+                        72,
+                        32
+                      )}
+                      width={72}
+                      height={32}
+                      alt={deposit.name}
+                    />
+                  </Link>
+                ))}
             </div>
           </td>
         );
@@ -184,13 +173,13 @@ export default function ComparisonTable({
           <td key={key} className={styles.banking}>
             {item?.relation?.bonus?.min_deposit && (
               <p>
-                {translate(translations, 'min_deposit', 'Min Deposit')}
+                {translate(translations, 'min_deposit', 'Min Deposit:')}
                 <span>{item.relation.bonus.min_deposit}</span>
               </p>
             )}
             {item?.relation?.bonus?.max_withdrawal && (
               <p>
-                {translate(translations, 'max_withdrawal', 'Max Withdrawal')}
+                {translate(translations, 'max_withdrawal', 'Max Withdrawal:')}
                 <span>{item.relation.bonus.max_withdrawal}</span>
               </p>
             )}
@@ -241,7 +230,7 @@ export default function ComparisonTable({
       });
       row.push(
-        <tr key={heading.key}>
+        <tr key={heading.key} className={`${styles[heading.key]}_tr`}>
           <th>{translate(translations, heading.key, heading.defaultValue)}</th>
           {cells}
         </tr>

package/src/components/atoms/cards/comparison-table/table/table.module.scss CHANGED Viewed

@@ -1,8 +1,10 @@
 .table {
+  position: relative;
+  z-index: 0;
   cursor: grabbing;
   tr {
-    grid-template-columns: 15.2rem 30rem;
-    grid-auto-columns: 30rem;
+    grid-template-columns: var(--comparison-template-columns-mobile, 9.6rem 27rem);
+    grid-auto-columns: var(--comparison-columns-mobile, 27rem);
     grid-auto-flow: column;
     display: grid;
@@ -22,13 +24,16 @@
     th {
       @include flex-align(center, center);
       padding: 2rem 2rem;
-      background-color: var(--comparison-header-background-color);
+      background-color: var(--comparison-header-background-color, #f9f6f3);
       border: 1px solid var(--comparison-header-border-color);
       border-bottom: none;
       box-sizing: border-box;
-      color: var(--comparison-header-text-color);
+      color: var(--comparison-header-text-color, #171f49);
       text-transform: var(--comparison-header-text-transform);
-      font-size: 1.4rem;
+      font-size: var(--comparison-th-font-size, 1.4rem);
+      font-weight: var(--comparison-th-font-weight, 600);
+      line-height: var(--comparison-th-line-height, 2.1rem);
+      z-index: 1;
       @include min(laptop) {
         position: sticky;
@@ -46,7 +51,7 @@
       @include flex-align(center, flex-start);
       padding: 1.6rem;
       img {
-        border: 1px solid var(--color-9);
+        border: 1px solid var(--comparison-img-border-color, #f3f2f2);
         box-sizing: border-box;
         margin-right: 1.6rem;
         border-radius: 0.6rem;
@@ -54,12 +59,21 @@
       > div {
         height: 100%;
         @include flex-direction(column);
-        @include flex-align(flex-start, space-between);
+        @include flex-align(flex-start, space-evenly);
         span {
           font-weight: bold;
           font-size: 18px;
           line-height: 25px;
-          color: black;
+          font-weight: 700;
+          color: #000000;
+          word-break: break-word;
+        }
+        a {
+          width: 100%;
+          color: var(--comparison-button-color, white) !important;
+          font-size: var(--comparison-button-font-size, 1.8rem) !important;
+          font-weight: var(--comparison-button-font-weight, 700) !important;
         }
       }
     }
@@ -67,27 +81,38 @@
     .bonus {
       @include flex-direction(column);
       @include flex-align(flex-start, column);
-      p:first-child {
+      span:first-child {
         font-size: 1.6rem;
+        line-height: 22px;
         font-weight: bold;
+        color: var(--comparison-first-bonus-color, #17d670);
       }
-      p:nth-child(2) {
-        font-size: 1.4rem;
+      span:nth-child(2) {
         font-weight: bold;
+        font-size: 1.4rem;
+        font-weight: 700;
+        line-height: 21px;
+        color: var(--comparison-second-bonus-color, #0f0c28);
       }
     }
     .raiting {
       @include flex-align(center, space-between);
-      > div >div >span {
+      > div {
+        justify-content: left;
+      }
+      > div > div > span {
         position: inherit;
       }
       a {
-        font-weight: bold;
+        text-align: right;
         font-size: 1.6rem;
-        color: var(--text-link-color);
+        line-height: 24px;
+        font-weight: 700;
+        color: var(--comparison-text-link-color, #4790fe);
       }
     }
     .topFeatures {
@@ -98,11 +123,14 @@
         @include flex-align(center, center);
         margin-bottom: 0.4rem;
         margin-top: 0.4rem;
+        font-weight: 500;
+        font-size: 16px;
+        line-height: 24px;
         svg {
-          color: var(--comparison-top-features-icon-color);
-          margin-right: 0.93rem;
-          min-width: 2.5rem;
-          height: 2rem;
+          color: var(--comparison-top-features-icon-color, #ff893f);
+          margin-right: 0.25rem;
+          height: 14px;
         }
       }
     }
@@ -112,14 +140,14 @@
       p {
         width: 100%;
         @include flex-align(center, space-between);
-        font-weight: 500;
-        font-size: 1.4rem;
-        line-height: 2.4rem;
-        margin-bottom: 1rem;
-        color: black;
-        a {
-          font-weight: bold;
-          text-decoration: none;
+        font-weight: 600;
+        font-size: 14px;
+        line-height: 36px;
+        color: #000000;
+        span {
+          font-weight: 700;
+          font-size: var(--comparison-banking-values, 16px);
         }
       }
     }
@@ -129,33 +157,27 @@
       span {
         text-align: center;
         margin-left: 0.4rem;
-        background: var(--comparison-currencies-background-color);
-        color: var(--comparison-currencies-text-color);
+        background-color: var(--comparison-currencies-background-color, #f3f2f2);
+        color: var(--comparison-currencies-text-color, #17182f);
         border-radius: 2px;
-        padding: 0.3rem 0.79rem;
+        padding: 0.3rem 0.8em;
         font-weight: bold;
         font-size: 12px;
         line-height: 18px;
         width: 4.2rem;
         height: 2.4rem;
-        padding: 0.499rem 0.8rem;
         display: inline-block;
       }
     }
     .paymentMethods {
-      height: 12.8rem;
-      overflow-y: scroll;
-      &::-webkit-scrollbar {
-        width: 3px;
-      }
-      &::-webkit-scrollbar-thumb {
-        background-color: darkgrey;
-      }
-      >div{
+      padding: 1.3rem 1.6rem;
+      > div {
         display: grid;
         grid-template-columns: repeat(3, 1fr);
-        grid-gap: 1rem;
-        span, a {
+        grid-column-gap: 1rem;
+        grid-row-gap: 0.8rem;
+        span,
+        a {
           @include flex-direction(row);
           @include flex-align(center, center);
           font-weight: bold;
@@ -163,14 +185,15 @@
           line-height: 18px;
           object-fit: contain;
           color: black;
-          margin-top: 0.5rem;
           background-color: white;
           width: 100%;
-          img {
-            width: 7.2rem;
-            height: 3.2rem;
-            object-fit: contain;
-          }
+        }
+        img {
+          width: 7.2rem;
+          height: 3.2rem;
+          border-radius: 4px;
+          object-fit: contain;
+          background-color: white;
         }
       }
     }
@@ -187,5 +210,9 @@
         margin-bottom: 0.5rem;
       }
     }
+    @include min(tablet) {
+      grid-template-columns: var(--comparison-template-columns-desktop, 15.2rem 27rem);
+    }
   }
 }

package/src/components/atoms/cards/comparison-table/table/table.test.js CHANGED Viewed

@@ -67,7 +67,7 @@ describe('Comparison table test component', () => {
       />
     );
     const paymentMethods = container.querySelector('.paymentMethods');
-    expect(paymentMethods.querySelectorAll('span').length).toEqual(6);
+    expect(paymentMethods.querySelectorAll('span').length).toEqual(5);
   });
 });
 afterEach(() => {

package/src/helpers/strings.test.js CHANGED Viewed

@@ -44,7 +44,7 @@ describe('String helper component', () => {
         '[OPERATOR_REVIEW_META_TITLE]',
         'operator'
       )
-    ).toBe('Slotum 2022 90% Bonus + 50 free spins');
+    ).toBe('Slotum 2023 90% Bonus + 50 free spins');
   });
   test('Meta title operator', () => {
     expect(transformMetaTitle(singleToplistData.items[0].items[0], 'Casino', 'operator')).toBe(

package/storybook/public/500.b8a84abc.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

+ "use strict";(self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[500],{"./src/components/atoms/cards/game-card-two/index.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return game_card_two}});__webpack_require__("../node_modules/core-js/modules/es.promise.js"),__webpack_require__("../node_modules/core-js/modules/es.object.to-string.js"),__webpack_require__("../node_modules/core-js/modules/es.string.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.iterator.js"),__webpack_require__("../node_modules/core-js/modules/web.dom-collections.iterator.js"),__webpack_require__("../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../node_modules/core-js/modules/es.function.name.js");var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),loadable_esm=__webpack_require__("../node_modules/@loadable/component/dist/loadable.esm.js"),atoms_button=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/button/index.js"),lazy_image=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/lazy-image/index.js"),hooks_link=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/link/index.js"),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.js"),MainProvider=__webpack_require__("../node_modules/gatsby-core-theme/src/context/MainProvider.js"),base_card=__webpack_require__("./src/components/atoms/cards/base-card/index.js"),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),game_card_two_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/cards/game-card-two/game-card-two.module.scss"),options={insert:"head",singleton:!1},game_card_two_game_card_two_module=(injectStylesIntoStyleTag_default()(game_card_two_module.Z,options),game_card_two_module.Z.locals||{}),GameCard=function GameCard(_ref){var _relation$game_provid,item=_ref.item,_ref$button_text=_ref.button_text,button_text=void 0===_ref$button_text?"play_now":_ref$button_text,_ref$width=_ref.width,width=void 0===_ref$width?300:_ref$width,_ref$height=_ref.height,height=void 0===_ref$height?250:_ref$height,_ref$useOneStarRating=_ref.useOneStarRating,useOneStarRating=void 0!==_ref$useOneStarRating&&_ref$useOneStarRating,relation=item.relation,title=item.title,path=item.path,banner=item.banner,featured=!!(0,getters.x8)(null,item,"card_background_image"),translations=((0,react.useContext)(MainProvider._)||{}).translations,logUrlObject=null==relation?void 0:relation.thumbnail_filename_object,StarRating=useOneStarRating?(0,loadable_esm.ZP)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"../node_modules/gatsby-core-theme/src/components/molecules/star-rating/one-star.js"))})):(0,loadable_esm.ZP)((function(){return Promise.resolve().then(__webpack_require__.bind(__webpack_require__,"../node_modules/gatsby-core-theme/src/components/molecules/star-rating/index.js"))}));return react.createElement(base_card.Z,{item:item,isLinked:!0,cardType:"game"},!featured&&react.createElement(hooks_link.Z,{to:path,className:"game-card-gtm ".concat(game_card_two_game_card_two_module.cardBanner),"aria-label":"".concat(title," Link")},banner?react.createElement(lazy_image.Z,{width:width,height:height,src:(0,getters.S7)(banner,width,height),alt:(0,getters.PY)(logUrlObject,title)}):react.createElement(lazy_image.Z,{filename:"default-slot.jpg",alt:title})),react.createElement("div",{className:"".concat(game_card_two_game_card_two_module.cardContent," ").concat(featured&&game_card_two_game_card_two_module.featured)},react.createElement(hooks_link.Z,{to:path,className:"game-card-gtm"},react.createElement("span",{className:game_card_two_game_card_two_module.cardTitle},title)),react.createElement("div",{className:game_card_two_game_card_two_module.cardMeta},react.createElement("div",{className:game_card_two_game_card_two_module.cardProvider},relation&&(null==relation||null===(_relation$game_provid=relation.game_provider)||void 0===_relation$game_provid?void 0:_relation$game_provid.name)),react.createElement("div",{className:game_card_two_game_card_two_module.cardRating},relation&&react.createElement(StarRating,{numOfStars:5,halfStars:!1,rating:[relation.first_rating,relation.second_rating,relation.third_rating,relation.fourth_rating]}))),react.createElement(atoms_button.Z,{to:path,primaryColor:!featured,btnText:(0,getters.Iu)(translations,button_text,"Play now"),className:game_card_two_game_card_two_module.playNow,gtmClass:"game-card-gtm btn-cta"})))};GameCard.displayName="GameCard",GameCard.propTypes={item:prop_types_default().shape({relation:prop_types_default().shape({first_rating:prop_types_default().string,second_rating:prop_types_default().string,third_rating:prop_types_default().string,fourth_rating:prop_types_default().string,game_provider:prop_types_default().shape({name:prop_types_default().string}),thumbnail_filename_object:prop_types_default().shape({alt:prop_types_default().string})}),title:prop_types_default().string,path:prop_types_default().string,banner:prop_types_default().string}).isRequired,button_text:prop_types_default().string,width:prop_types_default().number,height:prop_types_default().number,useOneStarRating:prop_types_default().bool},GameCard.__docgenInfo={description:"",methods:[],displayName:"GameCard",props:{button_text:{defaultValue:{value:"'play_now'",computed:!1},type:{name:"string"},required:!1,description:""},width:{defaultValue:{value:"300",computed:!1},type:{name:"number"},required:!1,description:""},height:{defaultValue:{value:"250",computed:!1},type:{name:"number"},required:!1,description:""},useOneStarRating:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},item:{type:{name:"shape",value:{relation:{name:"shape",value:{first_rating:{name:"string",required:!1},second_rating:{name:"string",required:!1},third_rating:{name:"string",required:!1},fourth_rating:{name:"string",required:!1},game_provider:{name:"shape",value:{name:{name:"string",required:!1}},required:!1},thumbnail_filename_object:{name:"shape",value:{alt:{name:"string",required:!1}},required:!1}},required:!1},title:{name:"string",required:!1},path:{name:"string",required:!1},banner:{name:"string",required:!1}}},required:!0,description:""}}};var game_card_two=GameCard;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/atoms/cards/game-card-two/index.js"]={name:"GameCard",docgenInfo:GameCard.__docgenInfo,path:"src/components/atoms/cards/game-card-two/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/cards/game-card-two/game-card-two.module.scss":function(module,__webpack_exports__,__webpack_require__){var _node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_node_modules_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".Ip18ysfbjsqC\\+WsMAFrWyQ\\=\\={position:absolute;left:0;bottom:0;width:100%;padding:1.6rem;color:var(--color-44)}.Ip18ysfbjsqC\\+WsMAFrWyQ\\=\\= .I\\+XVvj7O4D\\+4tUHTp4Rh9w\\=\\={font-size:1.6rem;color:#000;margin:0}.Ip18ysfbjsqC\\+WsMAFrWyQ\\=\\= .UpnYVA4F4Ax\\+0NgEaTaHYg\\=\\={display:flex;flex-direction:row;justify-content:space-between;margin:.8rem 0 1rem;width:100%}.Ip18ysfbjsqC\\+WsMAFrWyQ\\=\\= .t-yN3\\+E1rjKmE5GVGha4Gw\\=\\={font-size:1.4rem;font-weight:400}.Ip18ysfbjsqC\\+WsMAFrWyQ\\=\\= .A6sFEUTYTU8m0cx7-Y04sQ\\=\\={display:block}.Ip18ysfbjsqC\\+WsMAFrWyQ\\=\\=.GbQviyMQ7lZzRuypBfqG3g\\=\\={color:#fff}.Ip18ysfbjsqC\\+WsMAFrWyQ\\=\\=.GbQviyMQ7lZzRuypBfqG3g\\=\\= .I\\+XVvj7O4D\\+4tUHTp4Rh9w\\=\\={color:#fff;font-size:1.8rem}.Ip18ysfbjsqC\\+WsMAFrWyQ\\=\\=.GbQviyMQ7lZzRuypBfqG3g\\=\\= .t-yN3\\+E1rjKmE5GVGha4Gw\\=\\={font-size:1.6rem}._4hdAlwrKDjS9MTTvsTZ8uQ\\=\\={position:absolute;left:0;top:0;width:100%}._4hdAlwrKDjS9MTTvsTZ8uQ\\=\\= a{display:block;width:100%}._4hdAlwrKDjS9MTTvsTZ8uQ\\=\\= img{border-radius:var(--border-radius) var(--border-radius) 0 0;height:13rem;width:100%;object-fit:cover}","",{version:3,sources:["webpack://./src/components/atoms/cards/game-card-two/game-card-two.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,6BACE,iBAAA,CACA,MAAA,CACA,QAAA,CACA,UAAA,CACA,cAAA,CACA,qBAAA,CACA,2DACE,gBAAA,CACA,UAAA,CACA,QAAA,CAEF,0DCnBA,YAAA,CACA,kBDmB0B,CACxB,6BAAA,CACA,mBAAA,CACA,UAAA,CAEF,0DACE,gBAAA,CACA,eAAA,CAEF,yDACE,aAAA,CAEF,wDACE,UAAA,CACA,sFACE,UAAA,CACA,gBAAA,CAEF,qFACE,gBAAA,CAIN,6BACE,iBAAA,CACA,MAAA,CACA,KAAA,CACA,UAAA,CACA,+BACE,aAAA,CACA,UAAA,CAEF,iCACE,2DAAA,CACA,YAAA,CACA,UAAA,CACA,gBAAA",sourcesContent:["// Global styles extended in each theme\n\n// Utils\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/typography';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/layout';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/media-queries';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/icons';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/tooltip';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/loader';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/mixins';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/scrollbar';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/animations';\n\n.cardContent {\n position: absolute;\n left: 0;\n bottom: 0;\n width: 100%;\n padding: 1.6rem;\n color: var(--color-44);\n .cardTitle {\n font-size: 1.6rem;\n color: #000;\n margin: 0;\n }\n .cardMeta {\n @include flex-direction(row);\n justify-content: space-between;\n margin: 0.8rem 0 1rem;\n width: 100%;\n }\n .cardProvider {\n font-size: 1.4rem;\n font-weight: 400;\n }\n .playNow {\n display: block;\n }\n &.featured {\n color: #fff;\n .cardTitle {\n color: #fff;\n font-size: 1.8rem;\n }\n .cardProvider {\n font-size: 1.6rem;\n }\n }\n}\n.cardBanner {\n position: absolute;\n left: 0;\n top: 0;\n width: 100%;\n a {\n display: block;\n width: 100%;\n }\n img {\n border-radius: var(--border-radius) var(--border-radius) 0 0;\n height: 13rem;\n width: 100%;\n object-fit: cover;\n }\n}\n","@mixin flex-align($align-items, $justify-content) {\n display: flex;\n align-items: $align-items;\n justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n display: flex;\n flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n #{$overflow-type}: $overflow-value;\n -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n background: $bgcolor;\n border-radius: 100px;\n color: $text-color;\n font-weight: 700;\n @include flex-align(center, center);\n padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n color: $color;\n\n &:hover {\n color: $color;\n }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n float: $direction;\n @if $direction == right {\n margin: 0 0 1em 1em;\n } @else {\n margin: 0 1em 1em 0;\n }\n}\n\n@mixin content-img-align($direction: center, $spacing: 1em) {\n display: block;\n @if $direction == right {\n margin: $spacing 0 $spacing auto;\n } @else if $direction == left {\n margin: $spacing auto $spacing 0;\n } @else {\n margin: $spacing auto;\n }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n position: relative;\n &:after {\n top: 100%;\n left: 50%;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-color: rgba(0, 0, 0, 0);\n border-top: $height solid $color;\n border-right: calc($width / 2) solid transparent;\n border-left: calc($width / 2) solid transparent;\n margin-left: - calc($width / 2);\n }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n &:hover {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n }\n}\n\n@mixin sportBtn($color1, $color2) {\n background: linear-gradient(to bottom, $color1 0, $color2 100%);\n &:hover {\n background: linear-gradient(to bottom, $color2 0, $color1 100%);\n }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n line-height: $line-height;\n width: $width;\n font-weight: normal;\n display: inline-block;\n color: $fill-color;\n font-size: 15px;\n position: relative;\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n &:last-child {\n margin-right: 0;\n }\n &:before {\n content: '\\2605';\n }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n line-height: 2rem;\n width: 16px;\n font-weight: normal;\n display: inline-block;\n color: $half-full-color;\n font-size: 15px;\n position: relative;\n &:before {\n content: '\\2605';\n }\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n &:after {\n content: '\\2605';\n color: $half-empty-color;\n position: absolute;\n width: 7px;\n overflow: hidden;\n bottom: 0;\n left: 0;\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={cardContent:"Ip18ysfbjsqC+WsMAFrWyQ==",cardTitle:"I+XVvj7O4D+4tUHTp4Rh9w==",cardMeta:"UpnYVA4F4Ax+0NgEaTaHYg==",cardProvider:"t-yN3+E1rjKmE5GVGha4Gw==",playNow:"A6sFEUTYTU8m0cx7-Y04sQ==",featured:"GbQviyMQ7lZzRuypBfqG3g==",cardBanner:"_4hdAlwrKDjS9MTTvsTZ8uQ=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);

package/storybook/public/64.4e0c1a5c.iframe.bundle.js ADDED Viewed

@@ -0,0 +1 @@

+ (self.webpackChunkgatsby_matrix_theme=self.webpackChunkgatsby_matrix_theme||[]).push([[64],{"../node_modules/@react-icons/all-files/hi/HiBadgeCheck.js":function(module,__unused_webpack_exports,__webpack_require__){var GenIcon=__webpack_require__("../node_modules/@react-icons/all-files/lib/esm/index.js").w_;module.exports.l=function HiBadgeCheck(props){return GenIcon({tag:"svg",attr:{viewBox:"0 0 20 20",fill:"currentColor"},child:[{tag:"path",attr:{fillRule:"evenodd",d:"M6.267 3.455a3.066 3.066 0 001.745-.723 3.066 3.066 0 013.976 0 3.066 3.066 0 001.745.723 3.066 3.066 0 012.812 2.812c.051.643.304 1.254.723 1.745a3.066 3.066 0 010 3.976 3.066 3.066 0 00-.723 1.745 3.066 3.066 0 01-2.812 2.812 3.066 3.066 0 00-1.745.723 3.066 3.066 0 01-3.976 0 3.066 3.066 0 00-1.745-.723 3.066 3.066 0 01-2.812-2.812 3.066 3.066 0 00-.723-1.745 3.066 3.066 0 010-3.976 3.066 3.066 0 00.723-1.745 3.066 3.066 0 012.812-2.812zm7.44 5.252a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z",clipRule:"evenodd"}}]})(props)}},"./src/components/molecules/toplist/row/variant-one.js":function(__unused_webpack_module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:function(){return Row}});__webpack_require__("../node_modules/core-js/modules/es.string.split.js"),__webpack_require__("../node_modules/core-js/modules/es.regexp.exec.js"),__webpack_require__("../node_modules/core-js/modules/es.function.name.js"),__webpack_require__("../node_modules/core-js/modules/es.array.filter.js"),__webpack_require__("../node_modules/core-js/modules/es.string.replace.js"),__webpack_require__("../node_modules/core-js/modules/es.array.concat.js"),__webpack_require__("../node_modules/core-js/modules/es.array.map.js"),__webpack_require__("../node_modules/core-js/modules/es.array.slice.js");var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("./node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.js"),hooks_link=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/link/index.js"),HiBadgeCheck=__webpack_require__("../node_modules/@react-icons/all-files/hi/HiBadgeCheck.js"),node_modules_prop_types=__webpack_require__("../node_modules/gatsby-core-theme/node_modules/prop-types/index.js"),node_modules_prop_types_default=__webpack_require__.n(node_modules_prop_types),injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),label_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/atoms/label/label.module.scss"),options={insert:"head",singleton:!1},label_label_module=(injectStylesIntoStyleTag_default()(label_module.Z,options),label_module.Z.locals||{}),Label=function Label(_ref){var _ref$title=_ref.title,title=void 0===_ref$title?"":_ref$title,_ref$bgColor=_ref.bgColor,bgColor=void 0===_ref$bgColor?"yellow":_ref$bgColor;return react.createElement("span",{className:label_label_module.label,style:{backgroundColor:bgColor}},title)};Label.displayName="Label",Label.propTypes={title:node_modules_prop_types_default().string,bgColor:node_modules_prop_types_default().string},Label.__docgenInfo={description:"",methods:[],displayName:"Label",props:{title:{defaultValue:{value:"''",computed:!1},type:{name:"string"},required:!1,description:""},bgColor:{defaultValue:{value:"'yellow'",computed:!1},type:{name:"string"},required:!1,description:""}}};var label=Label;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/label/index.js"]={name:"Label",docgenInfo:Label.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/label/index.js"});var lazy_image=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/lazy-image/index.js"),one_star=__webpack_require__("../node_modules/gatsby-core-theme/src/components/molecules/star-rating/one-star.js"),keygen=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/keygen.js"),selling_points_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/atoms/selling-points/selling-points.module.scss"),selling_points_module_options={insert:"head",singleton:!1},selling_points_selling_points_module=(injectStylesIntoStyleTag_default()(selling_points_module.Z,selling_points_module_options),selling_points_module.Z.locals||{}),SellingPoints=function SellingPoints(_ref){var sellingPoints=_ref.sellingPoints,icon=_ref.icon,_ref$limit=_ref.limit,limit=void 0===_ref$limit?3:_ref$limit;return sellingPoints&&0!==sellingPoints.length?react.createElement("ul",{className:selling_points_selling_points_module.sellingPoint},sellingPoints.slice(0,limit).map((function(item){return react.createElement("li",{className:"".concat(!icon&&selling_points_selling_points_module.tick),key:(0,keygen.Z)()},null!==icon&&icon,item)}))):react.createElement(react.Fragment,null)};SellingPoints.displayName="SellingPoints",SellingPoints.propTypes={sellingPoints:node_modules_prop_types_default().arrayOf(node_modules_prop_types_default().string),icon:node_modules_prop_types_default().element,limit:node_modules_prop_types_default().number},SellingPoints.__docgenInfo={description:"",methods:[],displayName:"SellingPoints",props:{limit:{defaultValue:{value:"3",computed:!1},type:{name:"number"},required:!1,description:""},sellingPoints:{type:{name:"arrayOf",value:{name:"string"}},required:!1,description:""},icon:{type:{name:"element"},required:!1,description:""}}};var selling_points=SellingPoints;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/selling-points/index.js"]={name:"SellingPoints",docgenInfo:SellingPoints.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/selling-points/index.js"});var operator_cta=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/operator-cta/index.js"),tnc=__webpack_require__("../node_modules/gatsby-core-theme/src/components/molecules/tnc/index.js"),bonus=__webpack_require__("../node_modules/gatsby-core-theme/src/components/atoms/bonus/index.js"),MainProvider=__webpack_require__("../node_modules/gatsby-core-theme/src/context/MainProvider.js");__webpack_require__("../node_modules/core-js/modules/es.array.last-index-of.js"),__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/generators.js");var variant_one_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!./src/components/molecules/toplist/row/variant-one.module.scss"),variant_one_module_options={insert:"head",singleton:!1},row_variant_one_module=(injectStylesIntoStyleTag_default()(variant_one_module.Z,variant_one_module_options),variant_one_module.Z.locals||{});function Row(_ref){var _item$authorName,_item$extra_fields,_item$extra_fields2,_item$extra_fields3,_item$extra_fields4,item=_ref.item,_ref$tracker=_ref.tracker,tracker=void 0===_ref$tracker?"main":_ref$tracker,_ref$oneliner=_ref.oneliner,oneliner=void 0===_ref$oneliner?"main":_ref$oneliner,_ref$layout=_ref.layout,layout=void 0===_ref$layout?"list":_ref$layout,_ref$number=_ref.number,number=void 0===_ref$number?1:_ref$number,index=_ref.index,_ref$activeAuthor=_ref.activeAuthor,activeAuthor=void 0!==_ref$activeAuthor&&_ref$activeAuthor,_ref$isPPC=_ref.isPPC,isPPC=void 0!==_ref$isPPC&&_ref$isPPC,_ref$showLaunchDate=_ref.showLaunchDate,showLaunchDate=void 0===_ref$showLaunchDate||_ref$showLaunchDate,_ref$showCtaReviewLin=_ref.showCtaReviewLink,showCtaReviewLink=void 0!==_ref$showCtaReviewLin&&_ref$showCtaReviewLin,className=_ref.className,itemRefs=_ref.itemRefs,_ref$endLink=_ref.endLink,endLink=void 0!==_ref$endLink&&_ref$endLink,template=_ref.template,result=null===(_item$authorName=item.authorName)||void 0===_item$authorName?void 0:_item$authorName.split(/\s+/),itemName=item.name,itemRating=item.rating,reviewPath=item.review_link?"/".concat(item.review_link):item.path||"/",pros=(null===(_item$extra_fields=item.extra_fields)||void 0===_item$extra_fields?void 0:_item$extra_fields.pro_1)||(null===(_item$extra_fields2=item.extra_fields)||void 0===_item$extra_fields2?void 0:_item$extra_fields2.pro_2)||(null===(_item$extra_fields3=item.extra_fields)||void 0===_item$extra_fields3?void 0:_item$extra_fields3.pro_3),translations=((0,react.useContext)(MainProvider._)||{}).translations,tandcEnabled="1"===(null==item||null===(_item$extra_fields4=item.extra_fields)||void 0===_item$extra_fields4?void 0:_item$extra_fields4.terms_and_conditions_text_enabled),sellingPoints=item.selling_points;pros&&(sellingPoints=[item.extra_fields.pro_1,item.extra_fields.pro_2,item.extra_fields.pro_3].filter(Boolean));var trackerType=tracker.toLowerCase().replace(" ","_"),prettyLink=(0,getters.u4)(item,trackerType,!1,template),ribbons=item.ribbons,hasRibbon=ribbons&&ribbons.length>0,imageObject=(null==item?void 0:item.standardised_logo_url_object)||(null==item?void 0:item.logo_url_object),launchDate=function getLaunchDate(foundedDate){if(foundedDate){var arr=foundedDate.split("-");if(3===arr.length)return"".concat(arr[0])}return null}(item.founded);return react.createElement("li",{className:"".concat(className," ").concat(row_variant_one_module.row," ").concat("grid"===layout?row_variant_one_module.grid:""," ").concat(showLaunchDate?row_variant_one_module.launchDate:""," ").concat(tandcEnabled?"":row_variant_one_module.rowNoTandC),ref:function ref(el){return function addToRefs(el,itemNum){el&&itemRefs&&(itemRefs.current[itemNum]=el)}(el,index)}},"grid"===layout&&react.createElement("div",{className:"".concat(row_variant_one_module.numbers," ").concat(row_variant_one_module["num_".concat(number)]),id:"num_".concat(number)},number),hasRibbon&&react.createElement("div",{className:row_variant_one_module.ribbon},ribbons.slice(0,3).map((function(r){return react.createElement(label,{title:r,bgColor:(0,getters.tp)(item.extra_fields,"ribbon_color")?(0,getters.tp)(item.extra_fields,"ribbon_color"):"#0000"})}))),react.createElement("div",{className:row_variant_one_module.casinoDetails},react.createElement("a",{href:prettyLink,"aria-label":itemName,target:"_blank",rel:"noreferrer",className:"toplist-variant-one-gtm logo-cta"},react.createElement(lazy_image.Z,{alt:(0,getters.PY)(imageObject,item.name),src:(0,getters.S7)((null==imageObject?void 0:imageObject.filename)||(null==item?void 0:item.logo_url),80,80),width:80,height:800})),react.createElement("div",null,react.createElement("a",{href:prettyLink,target:"_blank",rel:"noreferrer",className:"toplist-variant-one-gtm name-cta"},itemName),react.createElement(one_star.default,{numOfStars:5,rating:itemRating,showLabel:!0}),!isPPC&&!showCtaReviewLink&&react.createElement(hooks_link.Z,{className:"".concat(row_variant_one_module.reviewLink," toplist-variant-one-gtm"),to:reviewPath},"".concat(itemName," ").concat((0,getters.Iu)(translations,"read_review","Review"))),item.authorName&&activeAuthor&&react.createElement("p",{className:row_variant_one_module.activeAuthor},"by",react.createElement(hooks_link.Z,{to:item.authorPath},"".concat(result[0]," ").concat(result[1].slice(0,1),".")),react.createElement(HiBadgeCheck.l,{color:"blue",size:18})))),react.createElement("a",{href:prettyLink,target:"_blank",rel:"noreferrer",className:"toplist-variant-one-gtm bonus-cta ".concat(row_variant_one_module.bonus," ").concat(showLaunchDate?row_variant_one_module.bonusLaunch:""," ").concat(hasRibbon?row_variant_one_module.withRibbon:"")},react.createElement(bonus.Z,{item:item,tracker:oneliner}),showLaunchDate&&react.createElement("span",null,(0,getters.Iu)(translations,"launch_date","Launch Date"),": ",launchDate)),react.createElement(selling_points,{sellingPoints:sellingPoints,limit:3}),showLaunchDate&&react.createElement("div",{className:row_variant_one_module.launchDate},launchDate&&react.createElement(react.Fragment,null,react.createElement("p",{className:row_variant_one_module.launchDateLabel},(0,getters.Iu)(translations,"launch_date","Launch Date")),react.createElement("p",null,launchDate))),react.createElement("span",{className:row_variant_one_module.ctaAndReview},react.createElement(operator_cta.Z,{operator:item,tracker:tracker,gtmClass:"toplist-operator-cta-gtm",pageTemplate:template}),!isPPC&&showCtaReviewLink&&react.createElement(hooks_link.Z,{className:"".concat(row_variant_one_module.reviewLink," toplist-variant-one-gtm"),to:reviewPath},"".concat(itemName," ").concat((0,getters.Iu)(translations,"read_review","Review")))),!isPPC&&endLink&&react.createElement(hooks_link.Z,{className:"".concat(row_variant_one_module.reviewLinkEnd," toplist-variant-one-gtm"),to:reviewPath},"".concat(itemName," ").concat((0,getters.Iu)(translations,"read_review","Review"))),tandcEnabled&&react.createElement(tnc.Z,{onlyMobile:"list"===layout,operator:item}))}Row.displayName="Row",Row.propTypes={showLaunchDate:prop_types_default().bool,index:prop_types_default().number,activeAuthor:prop_types_default().bool,className:prop_types_default().string,tracker:prop_types_default().string,oneliner:prop_types_default().string,layout:prop_types_default().oneOf(["list","grid"]),showCtaReviewLink:prop_types_default().bool,endLink:prop_types_default().bool,item:prop_types_default().shape({path:prop_types_default().string,authorName:prop_types_default().string,authorPath:prop_types_default().string,founded:prop_types_default().string,name:prop_types_default().string,logo_url:prop_types_default().string,rating:prop_types_default().string,selling_points:prop_types_default().arrayOf(prop_types_default().string),review_link:prop_types_default().string,one_liners:prop_types_default().shape({main:prop_types_default().shape({one_liner:prop_types_default().string})}),extra_fields:prop_types_default().shape({terms_and_conditions_text_enabled:prop_types_default().string,ribbon_text:prop_types_default().string,ribbon_color:prop_types_default().string,pro_1:prop_types_default().string,pro_2:prop_types_default().string,pro_3:prop_types_default().string}),standardised_logo_url_object:prop_types_default().object,logo_url_object:prop_types_default().object,bonus:prop_types_default().oneOfType([prop_types_default().array,prop_types_default().object]),relation:prop_types_default().shape({rating:prop_types_default().string,name:prop_types_default().string,path:prop_types_default().string,logo_url:prop_types_default().string})}).isRequired,number:prop_types_default().number,isPPC:prop_types_default().bool},Row.__docgenInfo={description:"",methods:[],displayName:"Row",props:{tracker:{defaultValue:{value:"'main'",computed:!1},type:{name:"string"},required:!1,description:""},oneliner:{defaultValue:{value:"'main'",computed:!1},type:{name:"string"},required:!1,description:""},layout:{defaultValue:{value:"'list'",computed:!1},type:{name:"enum",value:[{value:"'list'",computed:!1},{value:"'grid'",computed:!1}]},required:!1,description:""},number:{defaultValue:{value:"1",computed:!1},type:{name:"number"},required:!1,description:""},activeAuthor:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},isPPC:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},showLaunchDate:{defaultValue:{value:"true",computed:!1},type:{name:"bool"},required:!1,description:""},showCtaReviewLink:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},endLink:{defaultValue:{value:"false",computed:!1},type:{name:"bool"},required:!1,description:""},index:{type:{name:"number"},required:!1,description:""},className:{type:{name:"string"},required:!1,description:""},item:{type:{name:"shape",value:{path:{name:"string",required:!1},authorName:{name:"string",required:!1},authorPath:{name:"string",required:!1},founded:{name:"string",required:!1},name:{name:"string",required:!1},logo_url:{name:"string",required:!1},rating:{name:"string",required:!1},selling_points:{name:"arrayOf",value:{name:"string"},required:!1},review_link:{name:"string",required:!1},one_liners:{name:"shape",value:{main:{name:"shape",value:{one_liner:{name:"string",required:!1}},required:!1}},required:!1},extra_fields:{name:"shape",value:{terms_and_conditions_text_enabled:{name:"string",required:!1},ribbon_text:{name:"string",required:!1},ribbon_color:{name:"string",required:!1},pro_1:{name:"string",required:!1},pro_2:{name:"string",required:!1},pro_3:{name:"string",required:!1}},required:!1},standardised_logo_url_object:{name:"object",required:!1},logo_url_object:{name:"object",required:!1},bonus:{name:"union",value:[{name:"array"},{name:"object"}],required:!1},relation:{name:"shape",value:{rating:{name:"string",required:!1},name:{name:"string",required:!1},path:{name:"string",required:!1},logo_url:{name:"string",required:!1}},required:!1}}},required:!0,description:""}}},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["src/components/molecules/toplist/row/variant-one.js"]={name:"Row",docgenInfo:Row.__docgenInfo,path:"src/components/molecules/toplist/row/variant-one.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/molecules/toplist/row/variant-one.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";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,".eUiIB97HmqhDwwR7mrfw2A\\=\\={background:#f3f2f2;border-radius:var(--border-radius);position:relative;text-align:center;justify-content:center;align-items:center;padding:3.8rem 2.4rem 3.2rem 2.4rem;display:flex;flex-direction:column;gap:1.7rem}@media only screen and (min-width:768px){.eUiIB97HmqhDwwR7mrfw2A\\=\\={display:grid;grid-template-columns:1.5fr 1.5fr 1fr;column-gap:1rem;padding:0 0 0 2rem;text-align:inherit;row-gap:1.6rem}}@media only screen and (min-width:992px){.eUiIB97HmqhDwwR7mrfw2A\\=\\={grid-template-columns:2.5fr 2fr 2fr .5fr;padding:1.8rem 0 0 2rem}}@media only screen and (min-width:768px){.eUiIB97HmqhDwwR7mrfw2A\\=\\=.bN1eNvxU40gEanQ9SNWPbw\\=\\={grid-template-columns:1fr 1fr 1fr}}@media only screen and (min-width:992px){.eUiIB97HmqhDwwR7mrfw2A\\=\\=.bN1eNvxU40gEanQ9SNWPbw\\=\\={grid-template-columns:2.5fr 2fr 2fr .8fr .5fr}}@media only screen and (min-width:768px){.eUiIB97HmqhDwwR7mrfw2A\\=\\= .nz5Qx0QX4R-JAGGTuWctNQ\\=\\={display:none}}.eUiIB97HmqhDwwR7mrfw2A\\=\\= .hkvTWxoOP-8jSrbTJLvRUg\\=\\={position:absolute;left:4rem;top:.2rem}.eUiIB97HmqhDwwR7mrfw2A\\=\\= .hkvTWxoOP-8jSrbTJLvRUg\\=\\= span{padding:.8rem 1rem;font-size:1rem;color:#08202e;font-weight:700;text-transform:uppercase;background-color:#ffc740 !important;border-radius:var(--border-radius) 0;margin-right:1rem}@media only screen and (min-width:768px){.eUiIB97HmqhDwwR7mrfw2A\\=\\= .hkvTWxoOP-8jSrbTJLvRUg\\=\\= span{padding:.5rem 1rem;font-size:1rem}}@media only screen and (min-width:768px){.eUiIB97HmqhDwwR7mrfw2A\\=\\= .hkvTWxoOP-8jSrbTJLvRUg\\=\\={top:-1rem}}.eUiIB97HmqhDwwR7mrfw2A\\=\\= .Mk3rxjR05i2ekMIlgIqplg\\=\\={color:var(--text-link-color);text-decoration:underline;font-weight:700}.eUiIB97HmqhDwwR7mrfw2A\\=\\= .Mk3rxjR05i2ekMIlgIqplg\\=\\=:hover{color:var(--text-link-color)}.eUiIB97HmqhDwwR7mrfw2A\\=\\= ._6aOjNZFQtzKx543LGDUwcA\\=\\={width:100%;display:flex;align-items:center;justify-content:flex-start;flex-direction:row;gap:1.6rem}@media only screen and (min-width:768px){.eUiIB97HmqhDwwR7mrfw2A\\=\\= ._6aOjNZFQtzKx543LGDUwcA\\=\\={padding-left:1.6rem;width:auto;order:2}}@media only screen and (min-width:1200px){.eUiIB97HmqhDwwR7mrfw2A\\=\\= ._6aOjNZFQtzKx543LGDUwcA\\=\\={padding-left:2.4rem;order:1}}.eUiIB97HmqhDwwR7mrfw2A\\=\\= ._6aOjNZFQtzKx543LGDUwcA\\=\\=>a{display:flex;flex:0 0 8rem}.eUiIB97HmqhDwwR7mrfw2A\\=\\= ._6aOjNZFQtzKx543LGDUwcA\\=\\= img{width:8rem;height:8rem;border-radius:.8rem}.eUiIB97HmqhDwwR7mrfw2A\\=\\= ._6aOjNZFQtzKx543LGDUwcA\\=\\=>div{display:flex;align-items:flex-start;justify-content:space-between;flex-direction:column;gap:.8rem}.eUiIB97HmqhDwwR7mrfw2A\\=\\= ._6aOjNZFQtzKx543LGDUwcA\\=\\=>div a:first-child{color:#5a4e51;font-weight:700;font-size:14px;line-height:22px}.eUiIB97HmqhDwwR7mrfw2A\\=\\= ._6aOjNZFQtzKx543LGDUwcA\\=\\=>div a:first-child:hover{color:#5a4e51}.eUiIB97HmqhDwwR7mrfw2A\\=\\= ._6aOjNZFQtzKx543LGDUwcA\\=\\=>div>div{border:0}.eUiIB97HmqhDwwR7mrfw2A\\=\\= ._6aOjNZFQtzKx543LGDUwcA\\=\\=>div a:last-child{font-weight:700;font-size:13px;line-height:16px}.eUiIB97HmqhDwwR7mrfw2A\\=\\=>a._2Uq-rUSXp5IbrEQErB8Apw\\=\\={display:flex;flex-direction:column;gap:.8rem;padding-top:0}.eUiIB97HmqhDwwR7mrfw2A\\=\\=>a._2Uq-rUSXp5IbrEQErB8Apw\\=\\= p{padding:0}.eUiIB97HmqhDwwR7mrfw2A\\=\\=>a._2Uq-rUSXp5IbrEQErB8Apw\\=\\= span:last-child{font-weight:700;font-size:16px;line-height:23px;color:#150e06;display:none}@media only screen and (min-width:768px){.eUiIB97HmqhDwwR7mrfw2A\\=\\=>a._2Uq-rUSXp5IbrEQErB8Apw\\=\\= span:last-child{display:block}}@media only screen and (min-width:992px){.eUiIB97HmqhDwwR7mrfw2A\\=\\=>a._2Uq-rUSXp5IbrEQErB8Apw\\=\\= span:last-child{display:none}}@media only screen and (min-width:768px){.eUiIB97HmqhDwwR7mrfw2A\\=\\=>a._2Uq-rUSXp5IbrEQErB8Apw\\=\\=.rtc1MNAqXcMRqNfNPbAu\\+g\\=\\={padding-top:2rem !important}}@media only screen and (min-width:1200px){.eUiIB97HmqhDwwR7mrfw2A\\=\\=>a._2Uq-rUSXp5IbrEQErB8Apw\\=\\=.rtc1MNAqXcMRqNfNPbAu\\+g\\=\\={padding-top:0 !important}}@media only screen and (min-width:768px){.eUiIB97HmqhDwwR7mrfw2A\\=\\=>a._2Uq-rUSXp5IbrEQErB8Apw\\=\\={grid-column:1/4;order:1;flex-direction:row;justify-content:center;align-items:center;background-color:var(--color-7)}.eUiIB97HmqhDwwR7mrfw2A\\=\\=>a._2Uq-rUSXp5IbrEQErB8Apw\\=\\=._8T7ZiU9-0Ho\\+s31\\+73TJKg\\=\\={justify-content:space-between;padding:0 1rem}}@media only screen and (min-width:992px){.eUiIB97HmqhDwwR7mrfw2A\\=\\=>a._2Uq-rUSXp5IbrEQErB8Apw\\=\\={background-color:rgba(0,0,0,0);order:2;grid-column:auto;flex-direction:column;align-items:flex-start;padding-top:0}}@media only screen and (min-width:768px){.eUiIB97HmqhDwwR7mrfw2A\\=\\= ul{order:3;padding-left:3rem}}@media only screen and (min-width:1200px){.eUiIB97HmqhDwwR7mrfw2A\\=\\= ul{order:3}}.eUiIB97HmqhDwwR7mrfw2A\\=\\= ul li{color:#150e06;text-align:left}.eUiIB97HmqhDwwR7mrfw2A\\=\\= ul li::before{top:.5rem}.eUiIB97HmqhDwwR7mrfw2A\\=\\= .TAK2PALQiawL-8orJ-xsGg\\=\\={font-weight:700;font-size:16px;line-height:23px;color:#150e06;display:none}@media only screen and (min-width:768px){.eUiIB97HmqhDwwR7mrfw2A\\=\\= .TAK2PALQiawL-8orJ-xsGg\\=\\={display:block}}.eUiIB97HmqhDwwR7mrfw2A\\=\\=>ul,.eUiIB97HmqhDwwR7mrfw2A\\=\\= .bN1eNvxU40gEanQ9SNWPbw\\=\\={display:flex;align-items:center;justify-content:center}.eUiIB97HmqhDwwR7mrfw2A\\=\\= .bN1eNvxU40gEanQ9SNWPbw\\=\\={flex-direction:row;gap:1rem;font-size:2rem;font-weight:700;color:#150e06;justify-content:center}@media only screen and (min-width:768px){.eUiIB97HmqhDwwR7mrfw2A\\=\\= .bN1eNvxU40gEanQ9SNWPbw\\=\\={display:none}}@media only screen and (min-width:1200px){.eUiIB97HmqhDwwR7mrfw2A\\=\\= .bN1eNvxU40gEanQ9SNWPbw\\=\\={display:flex;order:4}}.eUiIB97HmqhDwwR7mrfw2A\\=\\=>a:not(._2Uq-rUSXp5IbrEQErB8Apw\\=\\=){display:flex;align-items:center;justify-content:center;width:100%;word-break:inherit}@media only screen and (min-width:768px){.eUiIB97HmqhDwwR7mrfw2A\\=\\=>a:not(._2Uq-rUSXp5IbrEQErB8Apw\\=\\=){margin-right:2.4rem;order:4;width:auto}}@media only screen and (min-width:1200px){.eUiIB97HmqhDwwR7mrfw2A\\=\\=>a:not(._2Uq-rUSXp5IbrEQErB8Apw\\=\\=){order:4}}.eUiIB97HmqhDwwR7mrfw2A\\=\\=>div:last-child{border-radius:0 0 var(--border-radius) 0;color:var(--color-34);font-size:.8rem;padding:.6rem 1rem;text-align:center}@media only screen and (max-width:991px){.eUiIB97HmqhDwwR7mrfw2A\\=\\=>div:last-child p{margin-top:1rem}}@media only screen and (min-width:768px){.eUiIB97HmqhDwwR7mrfw2A\\=\\=>div:last-child{order:5;grid-column:1/4}}@media only screen and (min-width:1200px){.eUiIB97HmqhDwwR7mrfw2A\\=\\=>div:last-child{grid-column:1/6;order:5;background:var(--color-7)}}.eUiIB97HmqhDwwR7mrfw2A\\=\\=.f0dY1Np7jC6uu-dljnBw8A\\=\\={border-radius:1.2rem;padding:2rem 2rem .5rem 2rem;text-align:center;min-height:39rem}@media only screen and (min-width:992px){.eUiIB97HmqhDwwR7mrfw2A\\=\\=.f0dY1Np7jC6uu-dljnBw8A\\=\\={grid-template-columns:1fr}}@media only screen and (min-width:768px){.eUiIB97HmqhDwwR7mrfw2A\\=\\=.f0dY1Np7jC6uu-dljnBw8A\\=\\={grid-template-columns:1fr}}.eUiIB97HmqhDwwR7mrfw2A\\=\\=.f0dY1Np7jC6uu-dljnBw8A\\=\\= .NeNIPpby8Rq5Mpeh\\+k7-qA\\=\\={position:absolute;text-align:center;width:2.4rem;height:2.4rem;background-color:var(--toplist-ranking-base-color);border-radius:.8rem 0 .8rem 0;color:#fff;font-size:1.4rem;line-height:2.4rem;left:0;top:0}.eUiIB97HmqhDwwR7mrfw2A\\=\\=.f0dY1Np7jC6uu-dljnBw8A\\=\\= .NeNIPpby8Rq5Mpeh\\+k7-qA\\=\\=.-\\+OCyRCSY7UW4ZyU32dt-g\\=\\={background-color:var(--toplist-ranking-first-color)}.eUiIB97HmqhDwwR7mrfw2A\\=\\=.f0dY1Np7jC6uu-dljnBw8A\\=\\= .NeNIPpby8Rq5Mpeh\\+k7-qA\\=\\=.eiaJV0SqBVV5oTcsu1IVuA\\=\\={background-color:var(--toplist-ranking-second-color)}.eUiIB97HmqhDwwR7mrfw2A\\=\\=.f0dY1Np7jC6uu-dljnBw8A\\=\\= .NeNIPpby8Rq5Mpeh\\+k7-qA\\=\\=.bFF921IGpeuZhOpfSE3UzQ\\=\\={background-color:var(--toplist-ranking-third-color)}.eUiIB97HmqhDwwR7mrfw2A\\=\\=.f0dY1Np7jC6uu-dljnBw8A\\=\\= .KSBSWw7AH\\+MMNYIsJ0CDlw\\=\\={grid-column:1;background:rgba(0,0,0,0)}.eUiIB97HmqhDwwR7mrfw2A\\=\\=.f0dY1Np7jC6uu-dljnBw8A\\=\\= ._6aOjNZFQtzKx543LGDUwcA\\=\\={padding-left:0;height:8.5rem}@media only screen and (min-width:768px){.eUiIB97HmqhDwwR7mrfw2A\\=\\=.f0dY1Np7jC6uu-dljnBw8A\\=\\= ._6aOjNZFQtzKx543LGDUwcA\\=\\={display:flex;align-items:center;justify-content:space-between;padding-left:0}}.eUiIB97HmqhDwwR7mrfw2A\\=\\=.f0dY1Np7jC6uu-dljnBw8A\\=\\= ._6aOjNZFQtzKx543LGDUwcA\\=\\=>div{width:80%;margin:0 auto}.eUiIB97HmqhDwwR7mrfw2A\\=\\=.f0dY1Np7jC6uu-dljnBw8A\\=\\= ._2Uq-rUSXp5IbrEQErB8Apw\\=\\={flex-direction:column !important;justify-content:flex-start;background:rgba(0,0,0,0);height:9.3rem}@media only screen and (min-width:768px){.eUiIB97HmqhDwwR7mrfw2A\\=\\=.f0dY1Np7jC6uu-dljnBw8A\\=\\= ._2Uq-rUSXp5IbrEQErB8Apw\\=\\={order:unset;grid-column:1}.eUiIB97HmqhDwwR7mrfw2A\\=\\=.f0dY1Np7jC6uu-dljnBw8A\\=\\= ._2Uq-rUSXp5IbrEQErB8Apw\\=\\=>*{padding-right:0 !important}}.eUiIB97HmqhDwwR7mrfw2A\\=\\=.f0dY1Np7jC6uu-dljnBw8A\\=\\= ._2Uq-rUSXp5IbrEQErB8Apw\\=\\= a>div{width:100%;text-align:center;display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.eUiIB97HmqhDwwR7mrfw2A\\=\\=.f0dY1Np7jC6uu-dljnBw8A\\=\\= ._2Uq-rUSXp5IbrEQErB8Apw\\=\\= a>div div:first-child{padding-right:0 !important}.eUiIB97HmqhDwwR7mrfw2A\\=\\=.f0dY1Np7jC6uu-dljnBw8A\\=\\= ._2Uq-rUSXp5IbrEQErB8Apw\\=\\= a.Mk3rxjR05i2ekMIlgIqplg\\=\\={display:none}.eUiIB97HmqhDwwR7mrfw2A\\=\\=.f0dY1Np7jC6uu-dljnBw8A\\=\\= .AmuODL0wmVwNSlH0vXxFKA\\=\\={display:flex;align-items:center;justify-content:center;display:flex;flex-direction:column}.eUiIB97HmqhDwwR7mrfw2A\\=\\=.f0dY1Np7jC6uu-dljnBw8A\\=\\= .AmuODL0wmVwNSlH0vXxFKA\\=\\= a:first-child{width:90%;margin-top:1rem}.eUiIB97HmqhDwwR7mrfw2A\\=\\=.f0dY1Np7jC6uu-dljnBw8A\\=\\= .AmuODL0wmVwNSlH0vXxFKA\\=\\= a:nth-child(2){padding-top:1.5rem;display:inline-block}.eUiIB97HmqhDwwR7mrfw2A\\=\\=.f0dY1Np7jC6uu-dljnBw8A\\=\\= .WISQApTn4Kz6r4ZIsjb22A\\=\\={height:6.25rem}.iFuYQ4No5S1SMdcr\\+23uTw\\=\\={padding-bottom:1.8rem}.pMxgwXnBx9wlYN2-R4rCFg\\=\\={background-color:inherit;order:4;margin-right:2.4rem;display:flex;flex-direction:column}.fcEsY6Hoqq5zJFl9G1y8xQ\\=\\={font-size:10px}.fcEsY6Hoqq5zJFl9G1y8xQ\\=\\=>a{font-size:10px}","",{version:3,sources:["webpack://./src/components/molecules/toplist/row/variant-one.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,4BACE,kBAAA,CACA,kCAAA,CACA,iBAAA,CACA,iBAAA,CACA,sBAAA,CACA,kBAAA,CACA,mCAAA,CACA,YAAA,CACA,qBAAA,CACA,UAAA,CC4BA,yCDtCF,4BAaI,YAAA,CACA,qCAAA,CACA,eAAA,CACA,kBAAA,CACA,kBAAA,CACA,cAAA,CAAA,CCoBF,yCDtCF,4BAsBI,wCAAA,CACA,uBAAA,CAAA,CCeF,yCDZA,uDAEI,iCAAA,CAAA,CCUJ,yCDZA,uDAMI,6CAAA,CAAA,CCMJ,yCDFA,wDAEI,YAAA,CAAA,CAIJ,wDACE,iBAAA,CACA,SAAA,CACA,SAAA,CAEA,6DACE,kBAAA,CACA,cAAA,CACA,aAAA,CACA,eAAA,CACA,wBAAA,CACA,mCAAA,CACA,oCAAA,CACA,iBAAA,CCjBJ,yCDSE,6DAWI,kBAAA,CACA,cAAA,CAAA,CCrBN,yCDIA,wDAsBI,SAAA,CAAA,CAIJ,wDExDA,4BFyDsB,CACpB,yBAAA,CACA,eAAA,CEzDF,8DACE,4BFsDoB,CAKtB,yDACE,UAAA,CExFF,YAAA,CACA,kBFwFsB,CEvFtB,0BFuF8B,CAC5B,kBAAA,CACA,UAAA,CCxCF,yCDoCA,yDAOI,mBAAA,CACA,UAAA,CACA,OAAA,CAAA,CC7CJ,0CDoCA,yDAaI,mBAAA,CACA,OAAA,CAAA,CAGF,2DACE,YAAA,CACA,aAAA,CAGF,6DACE,UAAA,CACA,WAAA,CACA,mBAAA,CAGF,6DEnHF,YAAA,CACA,sBFmHwB,CElHxB,6BFkHoC,CAChC,qBAAA,CACA,SAAA,CAEA,2EE/FJ,aFgG0B,CACpB,eAAA,CACA,cAAA,CACA,gBAAA,CEjGN,iFACE,aF6FwB,CAMtB,iEACE,QAAA,CAGF,0EACE,eAAA,CACA,cAAA,CACA,gBAAA,CAKN,0DErIA,YAAA,CACA,qBFqI0B,CACxB,SAAA,CACA,aAAA,CAEA,4DACE,SAAA,CAGF,0EACE,eAAA,CACA,cAAA,CACA,gBAAA,CACA,aAAA,CACA,YAAA,CCtGJ,yCDiGE,0EAQI,aAAA,CAAA,CCzGN,yCDiGE,0EAYI,YAAA,CAAA,CC7GN,yCDiHE,sFAEI,2BAAA,CAAA,CCnHN,0CDiHE,sFAMI,wBAAA,CAAA,CCvHN,yCDwFA,0DAoCI,eAAA,CACA,OAAA,CACA,kBAAA,CACA,sBAAA,CACA,kBAAA,CACA,+BAAA,CAEA,wFACE,6BAAA,CACA,cAAA,CAAA,CCrIN,yCDwFA,0DAkDI,8BAAA,CACA,OAAA,CACA,gBAAA,CACA,qBAAA,CACA,sBAAA,CACA,aAAA,CAAA,CC/IJ,yCDmJA,+BAEI,OAAA,CACA,iBAAA,CAAA,CCtJJ,0CDmJA,+BAOI,OAAA,CAAA,CAGF,kCACE,aAAA,CACA,eAAA,CAEA,0CACE,SAAA,CAKN,wDACE,eAAA,CACA,cAAA,CACA,gBAAA,CACA,aAAA,CACA,YAAA,CC5KF,yCDuKA,wDAQI,aAAA,CAAA,CAIJ,uFEtOA,YAAA,CACA,kBFuOsB,CEtOtB,sBFsO8B,CAG9B,wDACE,kBAAA,CACA,QAAA,CACA,cAAA,CACA,eAAA,CACA,aAAA,CACA,sBAAA,CC9LF,yCDwLA,wDASI,YAAA,CAAA,CCjMJ,0CDwLA,wDAaI,YAAA,CACA,OAAA,CAAA,CAIJ,gEE7PA,YAAA,CACA,kBF6PsB,CE5PtB,sBF4P8B,CAC5B,UAAA,CACA,kBAAA,CC7MF,yCD0MA,gEAMI,mBAAA,CACA,OAAA,CACA,UAAA,CAAA,CClNJ,0CD0MA,gEAYI,OAAA,CAAA,CAIJ,2CACE,wCAAA,CACA,qBAAA,CACA,eAAA,CACA,kBAAA,CACA,iBAAA,CCxNF,yCD0NE,6CAEI,eAAA,CAAA,CCnON,yCD0NA,2CAcI,OAAA,CACA,eAAA,CAAA,CCzOJ,0CD0NA,2CAmBI,eAAA,CACA,OAAA,CACA,yBAAA,CAAA,CAIJ,uDACE,oBAAA,CACA,4BAAA,CACA,iBAAA,CACA,gBAAA,CCvPF,yCDmPA,uDAOI,yBAAA,CAAA,CC1PJ,yCDmPA,uDAUI,yBAAA,CAAA,CAGF,oFACE,iBAAA,CACA,iBAAA,CACA,YAAA,CACA,aAAA,CACA,kDAAA,CACA,6BAAA,CACA,UAAA,CACA,gBAAA,CACA,kBAAA,CACA,MAAA,CACA,KAAA,CACA,gHACE,mDAAA,CAEF,+GACE,oDAAA,CAEF,+GACE,mDAAA,CAGJ,oFACE,aAAA,CACA,wBAAA,CAEF,oFACE,cAAA,CACA,aAAA,CC5RJ,yCD0RE,oFE7UF,YAAA,CACA,kBFgV0B,CE/U1B,6BF+UkC,CAC5B,cAAA,CAAA,CAEF,wFACE,SAAA,CACA,aAAA,CAGJ,oFACE,gCAAA,CACA,0BAAA,CACA,wBAAA,CACA,aAAA,CC1SJ,yCDsSE,oFAMI,WAAA,CACA,aAAA,CACA,sFACE,0BAAA,CAAA,CAGJ,0FACE,UAAA,CACA,iBAAA,CEvWN,YAAA,CACA,kBFuW0B,CEtW1B,0BFsWkC,CAC5B,qBAAA,CACA,0GACE,0BAAA,CAGJ,iHACE,YAAA,CAGJ,mFElXF,YAAA,CACA,kBFkXwB,CEjXxB,sBFiXgC,CE7WhC,YAAA,CACA,qBF6W4B,CACxB,iGACE,SAAA,CACA,eAAA,CAEF,kGACE,kBAAA,CACA,oBAAA,CAGJ,mFACE,cAAA,CAKN,6BACE,qBAAA,CAGF,4BACE,wBAAA,CACA,OAAA,CACA,mBAAA,CACA,YAAA,CACA,qBAAA,CAGF,4BACE,cAAA,CACA,8BACE,cAAA",sourcesContent:["// Global styles extended in each theme\n\n// Utils\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/typography';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/layout';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/variables/stack-order';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/media-queries';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/icons';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/tooltip';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/loader';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/mixins';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/scrollbar';\n@import '../../../../../../node_modules/gatsby-core-theme/src/styles/utils/animations';\n\n.row {\n background: #f3f2f2;\n border-radius: var(--border-radius);\n position: relative;\n text-align: center;\n justify-content: center;\n align-items: center;\n padding: 3.8rem 2.4rem 3.2rem 2.4rem;\n display: flex;\n flex-direction: column;\n gap: 1.7rem;\n\n @include min(tablet) {\n display: grid;\n grid-template-columns: 1.5fr 1.5fr 1fr;\n column-gap: 1rem;\n padding: 0 0 0 2rem;\n text-align: inherit;\n row-gap: 1.6rem;\n }\n\n @include min(laptop) {\n grid-template-columns: 2.5fr 2fr 2fr 0.5fr;\n padding: 1.8rem 0 0 2rem;\n }\n\n &.launchDate {\n @include min(tablet) {\n grid-template-columns: 1fr 1fr 1fr;\n }\n\n @include min(laptop) {\n grid-template-columns: 2.5fr 2fr 2fr 0.8fr 0.5fr;\n }\n }\n\n .launchDateLabel {\n @include min(tablet) {\n display: none;\n }\n }\n\n .ribbon {\n position: absolute;\n left: 4rem;\n top: 0.2rem;\n\n span {\n padding: 0.8rem 1rem;\n font-size: 1rem;\n color: #08202e;\n font-weight: 700;\n text-transform: uppercase;\n background-color: #ffc740 !important;\n border-radius: var(--border-radius) 0;\n margin-right: 1rem;\n \n @include min(tablet) {\n padding: 0.5rem 1rem;\n font-size: 1rem;\n }\n }\n\n @include min(tablet) {\n top: -1rem;\n }\n }\n\n .reviewLink {\n @include link-color(var(--text-link-color));\n text-decoration: underline;\n font-weight: 700;\n }\n\n .casinoDetails {\n width: 100%;\n @include flex-align(center, flex-start);\n flex-direction: row;\n gap: 1.6rem;\n\n @include min(tablet) {\n padding-left: 1.6rem;\n width: auto;\n order: 2;\n }\n\n @include min(desktop) {\n padding-left: 2.4rem;\n order: 1;\n }\n\n > a {\n display: flex;\n flex: 0 0 8rem;\n }\n\n img {\n width: 8rem;\n height: 8rem;\n border-radius: 0.8rem;\n }\n\n > div {\n @include flex-align(flex-start, space-between);\n flex-direction: column;\n gap: 0.8rem;\n\n a:first-child {\n @include link-color(#5a4e51);\n font-weight: 700;\n font-size: 14px;\n line-height: 22px;\n }\n\n > div {\n border: 0;\n }\n\n a:last-child {\n font-weight: 700;\n font-size: 13px;\n line-height: 16px;\n }\n }\n }\n\n > a.bonus {\n @include flex-direction(column);\n gap: 0.8rem;\n padding-top: 0;\n\n p {\n padding: 0;\n }\n\n span:last-child {\n font-weight: 700;\n font-size: 16px;\n line-height: 23px;\n color: #150e06;\n display: none;\n\n @include min(tablet) {\n display: block;\n }\n\n @include min(laptop) {\n display: none;\n }\n }\n\n &.withRibbon {\n @include min(tablet) {\n padding-top: 2rem !important;\n }\n\n @include min(desktop) {\n padding-top: 0 !important;\n }\n }\n\n @include min(tablet) {\n grid-column: 1/4;\n order: 1;\n flex-direction: row;\n justify-content: center;\n align-items: center;\n background-color: var(--color-7);\n\n &.bonusLaunch {\n justify-content: space-between;\n padding: 0 1rem;\n }\n }\n\n @include min(laptop) {\n background-color: transparent;\n order: 2;\n grid-column: auto;\n flex-direction: column;\n align-items: flex-start;\n padding-top: 0;\n }\n }\n\n ul {\n @include min(tablet) {\n order: 3;\n padding-left: 3rem;\n }\n\n @include min(desktop) {\n order: 3;\n }\n\n li {\n color: #150e06;\n text-align: left;\n\n &::before {\n top: 0.5rem;\n }\n }\n }\n\n .launchDateBonus {\n font-weight: 700;\n font-size: 16px;\n line-height: 23px;\n color: #150e06;\n display: none;\n\n @include min(tablet) {\n display: block;\n }\n }\n\n > ul,\n .launchDate {\n @include flex-align(center, center);\n }\n\n .launchDate {\n flex-direction: row;\n gap: 1rem;\n font-size: 2rem;\n font-weight: 700;\n color: #150e06;\n justify-content: center;\n\n @include min(tablet) {\n display: none;\n }\n\n @include min(desktop) {\n display: flex;\n order: 4;\n }\n }\n\n > a:not(.bonus) {\n @include flex-align(center, center);\n width: 100%;\n word-break: inherit;\n\n @include min(tablet) {\n margin-right: 2.4rem;\n order: 4;\n width: auto;\n }\n\n @include min(desktop) {\n order: 4;\n }\n }\n\n > div:last-child {\n border-radius: 0 0 var(--border-radius) 0;\n color: var(--color-34);\n font-size: 0.8rem;\n padding: 0.6rem 1rem;\n text-align: center;\n\n p {\n @include max(tablet) {\n margin-top: 1rem;\n }\n }\n\n @include min(tablet) {\n order: 5;\n grid-column: 1/4;\n }\n\n @include min(desktop) {\n grid-column: 1/6;\n order: 5;\n background: var(--color-7);\n }\n }\n\n &.grid {\n border-radius: 1.2rem;\n padding: 2rem 2rem 0.5rem 2rem;\n text-align: center;\n min-height: 39rem;\n\n @include min(laptop) {\n grid-template-columns: 1fr;\n }\n @include min(tablet) {\n grid-template-columns: 1fr;\n }\n\n .numbers {\n position: absolute;\n text-align: center;\n width: 2.4rem;\n height: 2.4rem;\n background-color: var(--toplist-ranking-base-color);\n border-radius: 0.8rem 0 0.8rem 0;\n color: #fff;\n font-size: 1.4rem;\n line-height: 2.4rem;\n left: 0;\n top: 0;\n &.num_1 {\n background-color: var(--toplist-ranking-first-color);\n }\n &.num_2 {\n background-color: var(--toplist-ranking-second-color);\n }\n &.num_3 {\n background-color: var(--toplist-ranking-third-color);\n }\n }\n .tandc {\n grid-column: 1;\n background: transparent;\n }\n .casinoDetails {\n padding-left: 0;\n height: 8.5rem;\n @include min(tablet) {\n @include flex-align(center, space-between);\n padding-left: 0;\n }\n > div {\n width: 80%;\n margin: 0 auto;\n }\n }\n .bonus {\n flex-direction: column !important;\n justify-content: flex-start;\n background: transparent;\n height: 9.3rem;\n @include min(tablet) {\n order: unset;\n grid-column: 1;\n > * {\n padding-right: 0 !important;\n }\n }\n a > div {\n width: 100%;\n text-align: center;\n @include flex-align(center, flex-start);\n flex-direction: column;\n div:first-child {\n padding-right: 0 !important;\n }\n }\n a.reviewLink {\n display: none;\n }\n }\n .cta {\n @include flex-align(center, center);\n @include flex-direction(column);\n a:first-child {\n width: 90%;\n margin-top: 1rem;\n }\n a:nth-child(2) {\n padding-top: 1.5rem;\n display: inline-block;\n }\n }\n .pros {\n height: 6.25rem;\n }\n }\n}\n\n.rowNoTandC {\n padding-bottom: 1.8rem;\n}\n\n.ctaAndReview {\n background-color: inherit;\n order: 4;\n margin-right: 2.4rem;\n display: flex;\n flex-direction: column;\n}\n\n.activeAuthor {\n font-size: 10px;\n > a {\n font-size: 10px;\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\n// Hover\n// that allows you only to apply styles on devices with hover capability\n@mixin hover-device() {\n @media (hover: hover) {\n &:hover {\n @content;\n }\n }\n}\n","@mixin flex-align($align-items, $justify-content) {\n display: flex;\n align-items: $align-items;\n justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n display: flex;\n flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n #{$overflow-type}: $overflow-value;\n -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n background: $bgcolor;\n border-radius: 100px;\n color: $text-color;\n font-weight: 700;\n @include flex-align(center, center);\n padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n color: $color;\n\n &:hover {\n color: $color;\n }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n float: $direction;\n @if $direction == right {\n margin: 0 0 1em 1em;\n } @else {\n margin: 0 1em 1em 0;\n }\n}\n\n@mixin content-img-align($direction: center, $spacing: 1em) {\n display: block;\n @if $direction == right {\n margin: $spacing 0 $spacing auto;\n } @else if $direction == left {\n margin: $spacing auto $spacing 0;\n } @else {\n margin: $spacing auto;\n }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n position: relative;\n &:after {\n top: 100%;\n left: 50%;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-color: rgba(0, 0, 0, 0);\n border-top: $height solid $color;\n border-right: calc($width / 2) solid transparent;\n border-left: calc($width / 2) solid transparent;\n margin-left: - calc($width / 2);\n }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n &:hover {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n }\n}\n\n@mixin sportBtn($color1, $color2) {\n background: linear-gradient(to bottom, $color1 0, $color2 100%);\n &:hover {\n background: linear-gradient(to bottom, $color2 0, $color1 100%);\n }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n line-height: $line-height;\n width: $width;\n font-weight: normal;\n display: inline-block;\n color: $fill-color;\n font-size: 15px;\n position: relative;\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n &:last-child {\n margin-right: 0;\n }\n &:before {\n content: '\\2605';\n }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n line-height: 2rem;\n width: 16px;\n font-weight: normal;\n display: inline-block;\n color: $half-full-color;\n font-size: 15px;\n position: relative;\n &:before {\n content: '\\2605';\n }\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n &:after {\n content: '\\2605';\n color: $half-empty-color;\n position: absolute;\n width: 7px;\n overflow: hidden;\n bottom: 0;\n left: 0;\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={row:"eUiIB97HmqhDwwR7mrfw2A==",launchDate:"bN1eNvxU40gEanQ9SNWPbw==",launchDateLabel:"nz5Qx0QX4R-JAGGTuWctNQ==",ribbon:"hkvTWxoOP-8jSrbTJLvRUg==",reviewLink:"Mk3rxjR05i2ekMIlgIqplg==",casinoDetails:"_6aOjNZFQtzKx543LGDUwcA==",bonus:"_2Uq-rUSXp5IbrEQErB8Apw==",withRibbon:"rtc1MNAqXcMRqNfNPbAu+g==",bonusLaunch:"_8T7ZiU9-0Ho+s31+73TJKg==",launchDateBonus:"TAK2PALQiawL-8orJ-xsGg==",grid:"f0dY1Np7jC6uu-dljnBw8A==",numbers:"NeNIPpby8Rq5Mpeh+k7-qA==",num_1:"-+OCyRCSY7UW4ZyU32dt-g==",num_2:"eiaJV0SqBVV5oTcsu1IVuA==",num_3:"bFF921IGpeuZhOpfSE3UzQ==",tandc:"KSBSWw7AH+MMNYIsJ0CDlw==",cta:"AmuODL0wmVwNSlH0vXxFKA==",pros:"WISQApTn4Kz6r4ZIsjb22A==",rowNoTandC:"iFuYQ4No5S1SMdcr+23uTw==",ctaAndReview:"pMxgwXnBx9wlYN2-R4rCFg==",activeAuthor:"fcEsY6Hoqq5zJFl9G1y8xQ=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/atoms/label/label.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".XqK4sBymDHbEPbGfTSicPw\\=\\={padding:.5rem 1rem;font-size:1.4rem;color:#000}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/atoms/label/label.module.scss"],names:[],mappings:"AAcA,4BACE,kBAAA,CACA,gBAAA,CACA,UAAA",sourcesContent:["// Global styles extended in each theme\n\n// Utils\n@import '../../../styles/utils/variables/typography';\n@import '../../../styles/utils/variables/layout';\n@import '../../../styles/utils/variables/stack-order';\n@import '../../../styles/utils/media-queries';\n@import '../../../styles/utils/icons';\n@import '../../../styles/utils/tooltip';\n@import '../../../styles/utils/loader';\n@import '../../../styles/utils/mixins';\n@import '../../../styles/utils/scrollbar';\n@import '../../../styles/utils/animations';\n\n.label {\n padding: 0.5rem 1rem;\n font-size: 1.4rem;\n color: black;\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={label:"XqK4sBymDHbEPbGfTSicPw=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___},"../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/atoms/selling-points/selling-points.module.scss":function(module,__webpack_exports__,__webpack_require__){"use strict";var _css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'.w\\+VAxfOX00vjUBAsnXPtYw\\=\\={display:flex;align-items:center;justify-content:flex-start;flex-direction:column}.w\\+VAxfOX00vjUBAsnXPtYw\\=\\= li{display:flex;align-items:center;justify-content:flex-start;font-size:1.4rem;width:100%}.w\\+VAxfOX00vjUBAsnXPtYw\\=\\= li.EamexPE9zTDrr6gD-ssbMw\\=\\={position:relative;margin-left:2rem}.w\\+VAxfOX00vjUBAsnXPtYw\\=\\= li.EamexPE9zTDrr6gD-ssbMw\\=\\=::before{content:"";border:solid var(--selling-point-icon-color);border-width:0 .5rem .5rem 0;padding:.5rem;transform:rotate(45deg);position:absolute;padding:0px 0px .8rem .32rem;border-right-width:.18rem;border-bottom-width:.18rem;left:-1.8rem}@media only screen and (max-width:767px){.w\\+VAxfOX00vjUBAsnXPtYw\\=\\={width:90%;margin:0 auto;padding:1rem 0}}',"",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/atoms/selling-points/selling-points.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_icons.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAcA,6BCbE,YAAA,CACA,kBDaoB,CCZpB,0BDY4B,CAC5B,qBAAA,CAEA,gCCjBA,YAAA,CACA,kBDiBsB,CChBtB,0BDgB8B,CAC5B,gBAAA,CACA,UAAA,CAEA,2DACE,iBAAA,CACA,gBAAA,CACA,mEEzBJ,UAAA,CAaE,4CAAA,CACA,4BAAA,CACA,aAHQ,CAwBR,uBARW,CFDP,iBAAA,CACA,4BAAA,CACA,yBAAA,CACA,0BAAA,CACA,YAAA,CG2BN,yCH7CF,6BAwBI,SAAA,CACA,aAAA,CACA,cAAA,CAAA",sourcesContent:["// Global styles extended in each theme\n\n// Utils\n@import '../../../styles/utils/variables/typography';\n@import '../../../styles/utils/variables/layout';\n@import '../../../styles/utils/variables/stack-order';\n@import '../../../styles/utils/media-queries';\n@import '../../../styles/utils/icons';\n@import '../../../styles/utils/tooltip';\n@import '../../../styles/utils/loader';\n@import '../../../styles/utils/mixins';\n@import '../../../styles/utils/scrollbar';\n@import '../../../styles/utils/animations';\n\n.sellingPoint {\n @include flex-align(center, flex-start);\n flex-direction: column;\n\n li {\n @include flex-align(center, flex-start);\n font-size: 1.4rem;\n width: 100%;\n\n &.tick {\n position: relative;\n margin-left: 2rem;\n &::before {\n @include arrow(var(--selling-point-icon-color), 1.5rem, down, false);\n position: absolute; \n padding: 0px 0px .8rem .32rem;\n border-right-width: .18rem;\n border-bottom-width: .18rem;\n left: -1.8rem;\n }\n }\n }\n\n @include max(mobile) {\n width: 90%;\n margin: 0 auto;\n padding: 1rem 0;\n }\n}\n","@mixin flex-align($align-items, $justify-content) {\n display: flex;\n align-items: $align-items;\n justify-content: $justify-content;\n}\n\n@mixin flex-direction($flex-direction) {\n display: flex;\n flex-direction: $flex-direction;\n}\n\n@mixin overflow($overflow-type, $overflow-value, $scrolling) {\n #{$overflow-type}: $overflow-value;\n -webkit-overflow-scrolling: $scrolling; // Autoprefixer doesn't add\n}\n\n@mixin text-background($bgcolor, $text-color) {\n background: $bgcolor;\n border-radius: 100px;\n color: $text-color;\n font-weight: 700;\n @include flex-align(center, center);\n padding: 0 2rem;\n}\n\n@mixin link-color($color) {\n color: $color;\n\n &:hover {\n color: $color;\n }\n}\n\n// Using em because I want images in content to inherit size based on parent element (not root)\n@mixin content-img-float($direction) {\n float: $direction;\n @if $direction == right {\n margin: 0 0 1em 1em;\n } @else {\n margin: 0 1em 1em 0;\n }\n}\n\n@mixin content-img-align($direction: center, $spacing: 1em) {\n display: block;\n @if $direction == right {\n margin: $spacing 0 $spacing auto;\n } @else if $direction == left {\n margin: $spacing auto $spacing 0;\n } @else {\n margin: $spacing auto;\n }\n}\n\n@mixin section-arrow-down($color, $width, $height) {\n position: relative;\n &:after {\n top: 100%;\n left: 50%;\n border: solid transparent;\n content: '';\n height: 0;\n width: 0;\n position: absolute;\n pointer-events: none;\n border-color: rgba(0, 0, 0, 0);\n border-top: $height solid $color;\n border-right: calc($width / 2) solid transparent;\n border-left: calc($width / 2) solid transparent;\n margin-left: - calc($width / 2);\n }\n}\n\n@mixin gradientBtn($color1, $color2, $color3) {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n &:hover {\n background: linear-gradient(to bottom, $color1 0, $color2 14%, $color3 61%);\n }\n}\n\n@mixin sportBtn($color1, $color2) {\n background: linear-gradient(to bottom, $color1 0, $color2 100%);\n &:hover {\n background: linear-gradient(to bottom, $color2 0, $color1 100%);\n }\n}\n\n@mixin star($border-color: #ffb400, $fill-color: #ffb400, $width: 16px, $line-height: 2rem) {\n line-height: $line-height;\n width: $width;\n font-weight: normal;\n display: inline-block;\n color: $fill-color;\n font-size: 15px;\n position: relative;\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n\n &:last-child {\n margin-right: 0;\n }\n &:before {\n content: '\\2605';\n }\n}\n\n@mixin half-star($border-color: #ffb400, $half-empty-color: #ffb400, $half-full-color: white) {\n line-height: 2rem;\n width: 16px;\n font-weight: normal;\n display: inline-block;\n color: $half-full-color;\n font-size: 15px;\n position: relative;\n &:before {\n content: '\\2605';\n }\n text-shadow: -1px 0 $border-color, 0 1px $border-color, 1px 0 $border-color, 0 -1px $border-color;\n &:after {\n content: '\\2605';\n color: $half-empty-color;\n position: absolute;\n width: 7px;\n overflow: hidden;\n bottom: 0;\n left: 0;\n }\n}\n","@mixin arrow($color, $size, $orientation, $solid: true, $transform: '') {\n content: '';\n\n $rotation_right: 90deg;\n $rotation_down: 180deg;\n $rotation_left: -90deg;\n $rotation: rotate(-135deg);\n\n @if ($solid) {\n border-left: $size solid transparent;\n border-right: $size solid transparent;\n border-bottom: $size solid $color;\n } @else {\n $size: calc($size/3);\n border: solid $color;\n border-width: 0 $size $size 0;\n padding: $size;\n }\n\n $rotation_right: -45deg;\n $rotation_down: 45deg;\n $rotation_left: 135deg;\n\n @if ($orientation == up) {\n bottom: 100%;\n left: calc(50% - #{$size});\n } @else if ($orientation == right) {\n $rotation: rotate($rotation_right);\n } @else if ($orientation == down) {\n $rotation: rotate($rotation_down);\n } @else if ($orientation == left) {\n $rotation: rotate($rotation_left);\n }\n\n @if ($transform != '') {\n transform: $transform $rotation;\n } @else {\n transform: $rotation;\n }\n}\n\n@mixin circle($color, $size) {\n content: '';\n width: $size;\n height: $size;\n background: $color;\n border-radius: 50%;\n}\n\n@mixin circle-bordered($color, $size, $border-width, $border-color) {\n @include circle($color, $size);\n border: $border-width solid $border-color;\n}\n\n@mixin iframe-play($color, $bg-color) {\n &:before {\n @include arrow($color, 1rem, right, true);\n border-bottom-width: 2rem;\n z-index: 1;\n }\n\n &:after {\n @include circle-bordered($bg-color, 8rem, 1rem, transparentize($bg-color, 0.2));\n }\n\n &:before,\n &:after {\n cursor: pointer;\n transition: all 0.25s linear;\n }\n\n &:hover,\n &:focus {\n &:before {\n border-bottom: 2rem solid $bg-color;\n }\n\n &:after {\n border-color: transparentize($color, 0.2);\n background-color: $color;\n }\n }\n}\n\n@mixin close($size, $thickness, $color) {\n & {\n display: inline-block;\n width: $size;\n height: $size;\n }\n\n &:before,\n &:after {\n content: '';\n display: block;\n width: 140%;\n height: $thickness;\n background: $color;\n border-radius: 0.1rem;\n }\n\n &:before {\n transform: rotate(45deg);\n transform-origin: 0 0;\n margin: - calc($thickness / 4) 0 0 calc($thickness / 2);\n }\n\n &:after {\n transform: rotate(-45deg);\n transform-origin: 100% 0;\n margin: -$thickness 0 0 -45%;\n }\n}\n\n@mixin nav-icon($size, $color, $thickness: 5px, $translate: 12px) {\n width: $size;\n\n &:before,\n &:after,\n div {\n background-color: $color;\n border-radius: 3px;\n content: '';\n display: block;\n height: $thickness;\n margin: 7px 0;\n transition: all 0.2s ease-in-out;\n }\n\n &:before {\n margin: 0;\n }\n\n &:after {\n width: 50%;\n margin: 0 0 0 auto;\n }\n\n &.active {\n &:before {\n transform: translateY($translate) rotate(135deg);\n }\n\n &:after {\n margin: 7px 0;\n width: auto;\n transform: translateY(-$translate) rotate(-135deg);\n }\n\n div {\n transform: scale(0);\n }\n }\n}\n\n@mixin nav-icon-2($size, $color, $thickness: 5px, $translate: 12px) {\n width: $size;\n\n &:before,\n &:after,\n div {\n background-color: $color;\n border-radius: 1px;\n content: '';\n display: block;\n height: $thickness;\n margin: 4px 0;\n transition: all 0.2s ease-in-out;\n width: 100%;\n }\n\n &:before {\n margin: 0;\n }\n\n &:after {\n margin: 0 0 0 auto;\n }\n\n &.active {\n &:before {\n transform: translateY($translate) rotate(135deg);\n }\n\n &:after {\n margin: 10px 0;\n width: auto;\n transform: translateY(-$translate) rotate(-135deg);\n }\n\n div {\n transform: scale(0);\n }\n }\n}\n\n","$media-query-sizes: (\n mobile-s: (\n min: 320px,\n max: 374px,\n ),\n mobile-m: (\n min: 375px,\n max: 424px,\n ),\n mobile: (\n min: 425px,\n max: 767px,\n ),\n tablet: (\n min: 768px,\n max: 991px,\n ),\n laptop: (\n min: 992px,\n max: 1199px,\n ),\n desktop: (\n min: 1200px,\n ),\n);\n\n// Get media query sizes\n$screen: 'only screen';\n@function media-query($media, $optional-media: '', $min: true) {\n $media-label: '';\n\n @if ($optional-media != '') {\n $media-sizes-min: map-get($media-query-sizes, $media);\n $media-sizes-max: map-get($media-query-sizes, $optional-media);\n $media-label: $screen +\n \" and (min-width:#{map-get($media-sizes-min, 'min')}) and (max-width:#{map-get($media-sizes-max, 'max')})\";\n } @else {\n $query: 'max';\n\n @if ($min) {\n $query: 'min';\n }\n\n $media-sizes: map-get($media-query-sizes, $media);\n $media-label: $screen + ' and (#{$query}-width:#{map-get($media-sizes, $query)})';\n }\n\n @return $media-label;\n}\n\n// Min media query\n@mixin min($media) {\n @media #{media-query($media)} {\n @content;\n }\n}\n\n// Max media query\n@mixin max($media) {\n @media #{media-query($media, '', false)} {\n @content;\n }\n}\n\n// Min & max media query\n@mixin min-max($min, $max) {\n @media #{media-query($min, $max)} {\n @content;\n }\n}\n\n// Use this ONLY if you need a media query that doesn't fit the $media-query-sizes breakpoints above\n// Pass number, for example @include custom-min(992)\n@mixin custom-min($min) {\n @media #{$screen} and (min-width: #{$min}px) {\n @content;\n }\n}\n\n@mixin custom-max($max) {\n @media #{$screen} and (max-width: #{$max}px) {\n @content;\n }\n}\n\n@mixin custom-min-max($min, $max) {\n @media #{$screen} and (min-width: #{$min}px) and (max-width: #{$max}px) {\n @content;\n }\n}\n\n// Landscape\n// (If we find more use cases of this in the future, might want to refactor this and include it in the media-query function for $screen)\n// Pass number\n$landscape: 'screen and (orientation:landscape)';\n\n@mixin landscape-max($max) {\n @media #{$landscape} and (max-width: #{$max}px) {\n @content;\n }\n}\n\n@mixin landscape-min($min) {\n @media #{$landscape} and (min-width: #{$min}px) {\n @content;\n }\n}\n\n// Hover\n// that allows you only to apply styles on devices with hover capability\n@mixin hover-device() {\n @media (hover: hover) {\n &:hover {\n @content;\n }\n }\n}\n"],sourceRoot:""}]),___CSS_LOADER_EXPORT___.locals={sellingPoint:"w+VAxfOX00vjUBAsnXPtYw==",tick:"EamexPE9zTDrr6gD-ssbMw=="},__webpack_exports__.Z=___CSS_LOADER_EXPORT___}}]);