gatsby-matrix-theme 53.3.4 → 53.3.6
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 +17 -0
- package/package.json +2 -2
- package/src/components/atoms/admin/card/button/index.js +3 -3
- package/storybook/public/995.d0ae4b07.iframe.bundle.js +1 -0
- package/storybook/public/iframe.html +1 -1
- package/storybook/public/main.39c192c9.iframe.bundle.js +1 -0
- package/storybook/public/project.json +1 -1
- package/storybook/public/{runtime~main.baca19bb.iframe.bundle.js → runtime~main.1ac5f678.iframe.bundle.js} +1 -1
- package/storybook/public/995.185fa6e0.iframe.bundle.js +0 -1
- package/storybook/public/main.bc90ee21.iframe.bundle.js +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"generatedAt":
|
|
1
|
+
{"generatedAt":1760430826008,"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+"."+{36:"6d7d7dac",61:"24d29b3a",127:"9de94daa",177:"ac764a45",179:"cf86fb79",232:"e2508c7f",240:"f9a869fb",242:"150ae3e2",333:"4e379536",395:"c1efbb64",409:"2220e9bb",421:"bcd59807",449:"b926d2e5",472:"5c5f9f3f",477:"0df7d903",504:"6c39549e",537:"0a21c102",563:"e1e66d81",582:"966b7510",591:"8443d5a0",604:"1ff7045f",620:"006a92ae",631:"8d388e4d",638:"f09af860",650:"4189a741",672:"3058d279",679:"4baf924a",693:"99b1fa25",733:"7566cbec",776:"71c64a44",777:"13ebb172",780:"3a6a2927",786:"149e758a",794:"7bc8e2ea",796:"8a8f559c",854:"9fc784ba",941:"96151ba5",942:"7a3b5e99",943:"3f7c32be",964:"64e24ece",995:"
|
|
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+"."+{36:"6d7d7dac",61:"24d29b3a",127:"9de94daa",177:"ac764a45",179:"cf86fb79",232:"e2508c7f",240:"f9a869fb",242:"150ae3e2",333:"4e379536",395:"c1efbb64",409:"2220e9bb",421:"bcd59807",449:"b926d2e5",472:"5c5f9f3f",477:"0df7d903",504:"6c39549e",537:"0a21c102",563:"e1e66d81",582:"966b7510",591:"8443d5a0",604:"1ff7045f",620:"006a92ae",631:"8d388e4d",638:"f09af860",650:"4189a741",672:"3058d279",679:"4baf924a",693:"99b1fa25",733:"7566cbec",776:"71c64a44",777:"13ebb172",780:"3a6a2927",786:"149e758a",794:"7bc8e2ea",796:"8a8f559c",854:"9fc784ba",941:"96151ba5",942:"7a3b5e99",943:"3f7c32be",964:"64e24ece",995:"d0ae4b07"}[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([[995],{"../node_modules/gatsby-core-theme/src/components/organisms/comments/index.js":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{default:()=>comments});var react=__webpack_require__("../node_modules/react/index.js"),prop_types=__webpack_require__("../node_modules/gatsby-core-theme/node_modules/prop-types/index.js"),prop_types_default=__webpack_require__.n(prop_types),lazy_image=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/lazy-image/index.js"),organisms_form=__webpack_require__("../node_modules/gatsby-core-theme/src/components/organisms/form/index.js"),FaArrowRight=__webpack_require__("../node_modules/@react-icons/all-files/fa/FaArrowRight.js"),constants_forms=__webpack_require__("../node_modules/gatsby-core-theme/src/constants/forms.js"),process=__webpack_require__("../node_modules/process/browser.js");function _slicedToArray(r,e){return function _arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function _iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function _unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return _arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?_arrayLikeToArray(r,a):void 0}}(r,e)||function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function _arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n}var LeaveCommentForm=function(_ref){var page=_ref.page,_ref$isReply=_ref.isReply,isReply=void 0!==_ref$isReply&&_ref$isReply,_ref$parentCommentID=_ref.parentCommentID,parentCommentID=void 0===_ref$parentCommentID?0:_ref$parentCommentID,_ref$showLabels=_ref.showLabels,showLabels=void 0===_ref$showLabels||_ref$showLabels,_ref$showButtonIcon=_ref.showButtonIcon,showButtonIcon=void 0!==_ref$showButtonIcon&&_ref$showButtonIcon,_ref$buttonLabel=_ref.buttonLabel,buttonLabel=void 0===_ref$buttonLabel?"Add Comment":_ref$buttonLabel,_ref$successMessage=_ref.successMessage,successMessage=void 0===_ref$successMessage?"Comment Submitted for Approval":_ref$successMessage,_ref$failMessage=_ref.failMessage,failMessage=void 0===_ref$failMessage?"Comment Not Added":_ref$failMessage,_ref$validationMessag=_ref.validationMessage,validationMessage=void 0===_ref$validationMessag?"Fill all required fields":_ref$validationMessag,_ref$buttonIcon=_ref.buttonIcon,buttonIcon=void 0===_ref$buttonIcon?react.createElement(FaArrowRight.Z,{fontSize:20,title:"Right-pointing Arrow Icon"}):_ref$buttonIcon,activeMarket=null==page?void 0:page.market;return activeMarket&&react.createElement(organisms_form.A,{formOptions:isReply?constants_forms.Zo[activeMarket]||constants_forms.Zo.default:constants_forms.gd[activeMarket]||constants_forms.gd.default,showLabels,hasButton:!0,showButtonIcon,buttonLabel,customeSubmit:function(form,resetForm){var formData=new FormData(form),data=Object.fromEntries(formData.entries()),cleanedData=isReply?Object.entries(data).reduce((function(acc,_ref2){var _ref3=_slicedToArray(_ref2,2),key=_ref3[0],value=_ref3[1];return key.startsWith("post_anonymously_")?acc.post_anonymously=value:key.startsWith("tnc_")?acc.tnc=value:acc[key]=value,acc}),{}):data;if(""!==(null==cleanedData?void 0:cleanedData["g-recaptcha-response"])&&null!=cleanedData&&cleanedData.tnc)return parentCommentID&&(cleanedData.parent_id=parentCommentID),cleanedData.reference_id=null==page?void 0:page.id,cleanedData.site_id=parseInt(process.env.SITE_ID),cleanedData.rate=parseInt(data.rate),cleanedData.market_short_code=activeMarket,null!=cleanedData&&cleanedData.post_anonymously||(cleanedData.author_name=null==cleanedData?void 0:cleanedData.name),null!=cleanedData&&cleanedData.rate||null==cleanedData||delete cleanedData.rate,null==cleanedData||delete cleanedData.post_anonymously,null==cleanedData||delete cleanedData.tnc,new Promise((function(resolve,reject){fetch(`${process.env.GATSBY_API_COMMENT_URL}/api/post-comment`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(cleanedData)}).then((async function(response){if(response.ok)resetForm(),resolve(response);else{var _errorData$errors,errorData=await response.json().catch((function(){return{}}));reject((null==errorData||null===(_errorData$errors=errorData.errors)||void 0===_errorData$errors?void 0:_errorData$errors.join())||response.statusText)}})).catch((function(error){return reject(error.message)}))}))},successMessage,failMessage,validationMessage,path:null==page?void 0:page.path,buttonIcon,titleType:"h3",customClass:"commentForm"})};LeaveCommentForm.propTypes={page:prop_types_default().shape({market:prop_types_default().string,id:prop_types_default().number,path:prop_types_default().string}).isRequired,isReply:prop_types_default().bool,parentCommentID:prop_types_default().number,successMessage:prop_types_default().string,failMessage:prop_types_default().string,validationMessage:prop_types_default().string,buttonLabel:prop_types_default().string,showButtonIcon:prop_types_default().bool,showLabels:prop_types_default().bool,buttonIcon:prop_types_default().element},LeaveCommentForm.__docgenInfo={description:"",methods:[],displayName:"LeaveCommentForm",props:{isReply:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},parentCommentID:{defaultValue:{value:"0",computed:!1},description:"",type:{name:"number"},required:!1},showLabels:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},showButtonIcon:{defaultValue:{value:"false",computed:!1},description:"",type:{name:"bool"},required:!1},buttonLabel:{defaultValue:{value:"'Add Comment'",computed:!1},description:"",type:{name:"string"},required:!1},successMessage:{defaultValue:{value:"'Comment Submitted for Approval'",computed:!1},description:"",type:{name:"string"},required:!1},failMessage:{defaultValue:{value:"'Comment Not Added'",computed:!1},description:"",type:{name:"string"},required:!1},validationMessage:{defaultValue:{value:"'Fill all required fields'",computed:!1},description:"",type:{name:"string"},required:!1},buttonIcon:{defaultValue:{value:'<FaArrowRight fontSize={20} title="Right-pointing Arrow Icon" />',computed:!1},description:"",type:{name:"element"},required:!1},page:{description:"",type:{name:"shape",value:{market:{name:"string",required:!1},id:{name:"number",required:!1},path:{name:"string",required:!1}}},required:!0}}};const leave_comment_form=LeaveCommentForm;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/molecules/leave-comment-form/index.js"]={name:"LeaveCommentForm",docgenInfo:LeaveCommentForm.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/molecules/leave-comment-form/index.js"});var useTranslate=__webpack_require__("../node_modules/gatsby-core-theme/src/hooks/useTranslate/useTranslate.js");function VotesProvider_slicedToArray(r,e){return function VotesProvider_arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function VotesProvider_iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function VotesProvider_unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return VotesProvider_arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?VotesProvider_arrayLikeToArray(r,a):void 0}}(r,e)||function VotesProvider_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function VotesProvider_arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n}var VotesContext=(0,react.createContext)({}),VotesProvider=function(_ref){var children=_ref.children,_useState2=VotesProvider_slicedToArray((0,react.useState)({}),2),votes=_useState2[0],setVotes=_useState2[1];(0,react.useEffect)((function(){var _document$cookie$spli,_document$cookie$spli2,votesMap=((null===(_document$cookie$spli=document.cookie.split("; ").find((function(row){return row.startsWith("comments=")})))||void 0===_document$cookie$spli||null===(_document$cookie$spli2=_document$cookie$spli.split("=")[1])||void 0===_document$cookie$spli2?void 0:_document$cookie$spli2.split(",").filter(Boolean))||[]).reduce((function(acc,entry){var _entry$split2=VotesProvider_slicedToArray(entry.split(":"),2),id=_entry$split2[0],vote=_entry$split2[1];return id&&vote&&(acc[id]=vote),acc}),{});setVotes(votesMap)}),[]);return react.createElement(VotesContext.Provider,{value:{votes,updateVote:function(commentId,voteValue){setVotes((function(prevVotes){var newVotes=Object.assign({},prevVotes,{[commentId]:voteValue}),cookieValue=Object.entries(newVotes).map((function(_ref2){var _ref3=VotesProvider_slicedToArray(_ref2,2);return`${_ref3[0]}:${_ref3[1]}`})).join(",");return document.cookie=`comments=${cookieValue}; path=/;`,newVotes}))}}},children)};VotesProvider.displayName="VotesProvider";VotesProvider.__docgenInfo={description:"",methods:[],displayName:"VotesProvider"},"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/context/VotesProvider.js"]={name:"VotesProvider",docgenInfo:VotesProvider.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/context/VotesProvider.js"});var injectStylesIntoStyleTag=__webpack_require__("../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js"),injectStylesIntoStyleTag_default=__webpack_require__.n(injectStylesIntoStyleTag),comment_votes_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/comment-votes/comment-votes.module.scss"),options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(comment_votes_module.A,options);const comment_votes_comment_votes_module=comment_votes_module.A.locals||{};var comment_votes_process=__webpack_require__("../node_modules/process/browser.js"),CommentVotes=function(_ref){var commentId,votes,comment=_ref.comment,_ref$voteUpAria=_ref.voteUpAria,voteUpAria=void 0===_ref$voteUpAria?"Like Button":_ref$voteUpAria,_ref$voteDownAria=_ref.voteDownAria,voteDownAria=void 0===_ref$voteDownAria?"Dislike Button":_ref$voteDownAria,updateVote=(0,react.useContext)(VotesContext).updateVote,userVote=(commentId=comment.comment_id,null==(votes=(0,react.useContext)(VotesContext).votes)?void 0:votes[commentId]),handleVote=async function(){var commentId=arguments.length>1?arguments[1]:void 0,data=arguments.length>0&&void 0!==arguments[0]&&arguments[0]?{vote_up:"increase",commentID:commentId}:{vote_down:"increase",commentID:commentId};return new Promise((function(resolve,reject){fetch(`${comment_votes_process.env.GATSBY_API_COMMENT_URL}/api/put-vote`,{method:"PUT",headers:{"Content-Type":"application/json"},body:JSON.stringify(data)}).then((async function(response){if(response.ok)resolve(response);else{var _errorData$errors,errorData=await response.json().catch((function(){return{}}));reject((null==errorData||null===(_errorData$errors=errorData.errors)||void 0===_errorData$errors?void 0:_errorData$errors.join())||response.statusText)}})).catch((function(error){return reject(error.message)}))}))};return react.createElement(react.Fragment,null,react.createElement("button",{onClick:async function(){updateVote(comment.comment_id,"vote_up"),await handleVote(!0,comment.comment_id)},"aria-label":(0,useTranslate.A)("vote_up_aria_label",voteUpAria),type:"button",className:`${comment_votes_comment_votes_module.buttonGroup} ${comment_votes_comment_votes_module.left} ${"vote_down"===userVote&&comment_votes_comment_votes_module.disabled||""}`,disabled:Boolean(userVote)},react.createElement(lazy_image.A,{className:comment_votes_comment_votes_module.buttonGroupIcon,src:"/images/like.svg"}),react.createElement("span",null,"vote_up"===userVote?comment.votes_up+1:comment.votes_up)),react.createElement("button",{onClick:async function(){updateVote(comment.comment_id,"vote_down"),await handleVote(!1,comment.comment_id)},"aria-label":(0,useTranslate.A)("vote_down_aria_label",voteDownAria),type:"button",className:`${comment_votes_comment_votes_module.buttonGroup} ${comment_votes_comment_votes_module.right} ${"vote_up"===userVote&&comment_votes_comment_votes_module.disabled||""}`,disabled:Boolean(userVote)},react.createElement(lazy_image.A,{className:comment_votes_comment_votes_module.buttonGroupIcon,src:"/images/dislike.svg"}),react.createElement("span",null,"vote_down"===userVote?comment.votes_down+1:comment.votes_down)))};CommentVotes.propTypes={voteUpAria:prop_types_default().string,voteDownAria:prop_types_default().string,comment:prop_types_default().shape({comment_id:prop_types_default().string,votes_up:prop_types_default().number,votes_down:prop_types_default().number})},CommentVotes.__docgenInfo={description:"",methods:[],displayName:"CommentVotes",props:{voteUpAria:{defaultValue:{value:"'Like Button'",computed:!1},description:"",type:{name:"string"},required:!1},voteDownAria:{defaultValue:{value:"'Dislike Button'",computed:!1},description:"",type:{name:"string"},required:!1},comment:{description:"",type:{name:"shape",value:{comment_id:{name:"string",required:!1},votes_up:{name:"number",required:!1},votes_down:{name:"number",required:!1}}},required:!1}}};const comment_votes=CommentVotes;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/atoms/comment-votes/index.js"]={name:"CommentVotes",docgenInfo:CommentVotes.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/atoms/comment-votes/index.js"});var getters=__webpack_require__("../node_modules/gatsby-core-theme/src/helpers/getters.mjs"),comment_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/molecules/comment/comment.module.scss"),comment_module_options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(comment_module.A,comment_module_options);const comment_comment_module=comment_module.A.locals||{};var verify=__webpack_require__("../node_modules/gatsby-core-theme/src/images/icons/verify.js");function comment_slicedToArray(r,e){return function comment_arrayWithHoles(r){if(Array.isArray(r))return r}(r)||function comment_iterableToArrayLimit(r,l){var t=null==r?null:"undefined"!=typeof Symbol&&r[Symbol.iterator]||r["@@iterator"];if(null!=t){var e,n,i,u,a=[],f=!0,o=!1;try{if(i=(t=t.call(r)).next,0===l){if(Object(t)!==t)return;f=!1}else for(;!(f=(e=i.call(t)).done)&&(a.push(e.value),a.length!==l);f=!0);}catch(r){o=!0,n=r}finally{try{if(!f&&null!=t.return&&(u=t.return(),Object(u)!==u))return}finally{if(o)throw n}}return a}}(r,e)||function comment_unsupportedIterableToArray(r,a){if(r){if("string"==typeof r)return comment_arrayLikeToArray(r,a);var t={}.toString.call(r).slice(8,-1);return"Object"===t&&r.constructor&&(t=r.constructor.name),"Map"===t||"Set"===t?Array.from(r):"Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t)?comment_arrayLikeToArray(r,a):void 0}}(r,e)||function comment_nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function comment_arrayLikeToArray(r,a){(null==a||a>r.length)&&(a=r.length);for(var e=0,n=Array(a);e<a;e++)n[e]=r[e];return n}var Comment=function(_ref){var _authors$comment$auth,_authors$comment$auth2,_authors$comment$auth3,pageContext=_ref.pageContext,comment=_ref.comment,authors=_ref.authors,isReply=_ref.isReply,_ref$showVotes=_ref.showVotes,showVotes=void 0===_ref$showVotes||_ref$showVotes,isAuthor=(null==authors?void 0:authors[null==comment?void 0:comment.author_id])||null,commentName=null!=comment&&comment.author_id?null==authors||null===(_authors$comment$auth=authors[null==comment?void 0:comment.author_id])||void 0===_authors$comment$auth?void 0:_authors$comment$auth.name:comment.author_name,commentJobTitle=null!=comment&&comment.author_id?null==authors||null===(_authors$comment$auth2=authors[null==comment?void 0:comment.author_id])||void 0===_authors$comment$auth2?void 0:_authors$comment$auth2.author_title:void 0,image=null!=comment&&comment.author_id?null==authors||null===(_authors$comment$auth3=authors[null==comment?void 0:comment.author_id])||void 0===_authors$comment$auth3?void 0:_authors$comment$auth3.image:void 0,date=new Date(comment.updated_at),commentDate=`${String(date.getDate()).padStart(2,"0")}/${String(date.getMonth()+1).padStart(2,"0")}/${date.getFullYear()} | ${String(date.getHours()).padStart(2,"0")}:${String(date.getMinutes()).padStart(2,"0")}`,_useState2=comment_slicedToArray((0,react.useState)(!1),2),reply=_useState2[0],setReply=_useState2[1];return react.createElement("div",{className:`${comment_comment_module.commentContainer} ${isReply?comment_comment_module.isReply:""}`},isAuthor&&react.createElement("div",{className:comment_comment_module.replyIndicator},react.createElement("span",null,(0,useTranslate.A)("reply_from_the_author","Reply from the Author:"))),react.createElement("div",{className:comment_comment_module.commentTopArea},react.createElement(lazy_image.A,{src:image?(0,getters.pv)(image,50,50):"/images/anon-user.svg",alt:`${commentName||"Anonymous User"} user image`}),react.createElement("span",{className:comment_comment_module.commentName},commentName||"Anonymous User",isAuthor&&react.createElement(verify.default,null)),commentJobTitle&&react.createElement("span",{className:comment_comment_module.commentJobTitle},commentJobTitle),react.createElement("span",{className:comment_comment_module.commentDate},commentDate)),react.createElement("div",{className:`${comment_comment_module.commentContent} ${isReply?comment_comment_module.isReplyThread:""}`},react.createElement("p",null,comment.comment)),react.createElement("div",{className:comment_comment_module.commentActions},showVotes&&react.createElement(comment_votes,{comment}),!isReply&&react.createElement("button",{"aria-label":"Reply Button",onClick:function(){return setReply(!reply)},type:"button",className:comment_comment_module.replyButton},reply?(0,useTranslate.A)("cancel_reply_button","Cancel Reply"):(0,useTranslate.A)("reply_button","Reply"))),reply&&react.createElement(leave_comment_form,{page:pageContext.page,isReply:!0,parentCommentID:comment.comment_id}))};Comment.displayName="Comment",Comment.propTypes={pageContext:prop_types_default().shape({page:prop_types_default().shape({})}),comment:prop_types_default().shape({comment_id:prop_types_default().number,author_id:prop_types_default().number,author_name:prop_types_default().string,email:prop_types_default().string,comment:prop_types_default().string,updated_at:prop_types_default().string,votes_up:prop_types_default().number,votes_down:prop_types_default().number}),authors:prop_types_default().shape({}),isReply:prop_types_default().bool,showVotes:prop_types_default().bool},Comment.__docgenInfo={description:"",methods:[],displayName:"Comment",props:{showVotes:{defaultValue:{value:"true",computed:!1},description:"",type:{name:"bool"},required:!1},pageContext:{description:"",type:{name:"shape",value:{page:{name:"shape",value:{},required:!1}}},required:!1},comment:{description:"",type:{name:"shape",value:{comment_id:{name:"number",required:!1},author_id:{name:"number",required:!1},author_name:{name:"string",required:!1},email:{name:"string",required:!1},comment:{name:"string",required:!1},updated_at:{name:"string",required:!1},votes_up:{name:"number",required:!1},votes_down:{name:"number",required:!1}}},required:!1},authors:{description:"",type:{name:"shape",value:{}},required:!1},isReply:{description:"",type:{name:"bool"},required:!1}}};const molecules_comment=Comment;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/molecules/comment/index.js"]={name:"Comment",docgenInfo:Comment.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/molecules/comment/index.js"});var comment_tree_module=__webpack_require__("../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[10].use[1]!../node_modules/sass-loader/dist/cjs.js!../node_modules/sass-resources-loader/lib/loader.js??ruleSet[1].rules[10].use[3]!../node_modules/gatsby-core-theme/src/components/organisms/comments/comment-tree/comment-tree.module.scss"),comment_tree_module_options={insert:"head",singleton:!1};injectStylesIntoStyleTag_default()(comment_tree_module.A,comment_tree_module_options);const comment_tree_comment_tree_module=comment_tree_module.A.locals||{};var CommentTree=react.memo((function(_ref){var _comment$replies,pageContext=_ref.pageContext,comment=_ref.comment,authors=_ref.authors,_ref$depth=_ref.depth,depth=void 0===_ref$depth?0:_ref$depth;return react.createElement("div",{key:comment.comment_id,className:`${null==comment_tree_comment_tree_module?void 0:comment_tree_comment_tree_module[`comment_${depth}`]} ${depth>0&&comment_tree_comment_tree_module.isReply}`},react.createElement(molecules_comment,{pageContext,comment,authors,isReply:depth>0}),null===(_comment$replies=comment.replies)||void 0===_comment$replies?void 0:_comment$replies.map((function(reply){return react.createElement(CommentTree,{key:reply.comment_id,comment:reply,authors,depth:depth+1,pageContext})})))}));CommentTree.propTypes={pageContext:prop_types_default().shape({}),comment:prop_types_default().shape({replies:(0,prop_types.arrayOf)(prop_types_default().shape({})),comment_id:prop_types_default().number}),authors:prop_types_default().shape({}),depth:prop_types_default().number};const comment_tree=CommentTree;var Comments=function(_ref){var pageContext=_ref.pageContext,comments=pageContext.comments,authors=pageContext.authors;return react.createElement("div",null,react.createElement(leave_comment_form,{page:pageContext.page}),comments&&react.createElement(VotesProvider,null,comments.map((function(comment){return react.createElement(comment_tree,{key:comment.comment_id,pageContext,comment,authors:null==authors?void 0:authors.authors,depth:0})}))))};Comments.displayName="Comments",Comments.propTypes={pageContext:prop_types_default().shape({comments:prop_types_default().arrayOf(prop_types_default().shape({})),authors:prop_types_default().shape({authors:prop_types_default().shape({})}),page:prop_types_default().shape({})})},Comments.__docgenInfo={description:"",methods:[],displayName:"Comments",props:{pageContext:{description:"",type:{name:"shape",value:{comments:{name:"arrayOf",value:{name:"shape",value:{}},required:!1},authors:{name:"shape",value:{authors:{name:"shape",value:{},required:!1}},required:!1},page:{name:"shape",value:{},required:!1}}},required:!1}}};const comments=Comments;"undefined"!=typeof STORYBOOK_REACT_CLASSES&&(STORYBOOK_REACT_CLASSES["../node_modules/gatsby-core-theme/src/components/organisms/comments/index.js"]={name:"Comments",docgenInfo:Comments.__docgenInfo,path:"../node_modules/gatsby-core-theme/src/components/organisms/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]!../node_modules/gatsby-core-theme/src/components/atoms/comment-votes/comment-votes.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,"._2ZN3IJnHyVRSrdTsd9VPIg\\=\\={background:var(--comment-vote-bg, #EAE5E0);font-size:var(--comment-vote-font-size, 1.2rem);padding:var(--comment-vote-padding, 0.5rem 0.8rem);height:var(--comment-vote-height, 2.8rem);gap:.4rem;color:#0f172a;display:flex;align-items:center;justify-content:center}._2ZN3IJnHyVRSrdTsd9VPIg\\=\\=._27nBxH03kGRwkUnKoeJknw\\=\\={border-bottom-left-radius:var(--comment-vote-border-radius, 5rem);border-top-left-radius:var(--comment-vote-border-radius, 5rem);padding-right:0}._2ZN3IJnHyVRSrdTsd9VPIg\\=\\=.uiQvAEn4o4H1lIf9UKhyaw\\=\\={border-bottom-right-radius:var(--comment-vote-border-radius, 5rem);border-top-right-radius:var(--comment-vote-border-radius, 5rem)}.fozPKfWykg-OzJcUZ-7owA\\=\\={width:var(--comment-vote-icon-size, 1.6rem);height:var(--comment-vote-icon-size, 1.6rem)}._2ZN3IJnHyVRSrdTsd9VPIg\\=\\=[disabled]{cursor:default !important}.rFW6sL8EMO9ydNjzpVcIIw\\=\\=>*{opacity:.3}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/atoms/comment-votes/comment-votes.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss"],names:[],mappings:"AAcA,6BACI,0CAAA,CACA,+CAAA,CACA,kDAAA,CACA,yCAAA,CACA,SAAA,CACA,aAAA,CCnBF,YAAA,CACA,kBDoBsB,CCnBtB,sBDmB8B,CAE5B,yDACI,iEAAA,CACA,8DAAA,CACA,eAAA,CAGJ,wDACI,kEAAA,CACA,+DAAA,CAIR,4BACI,2CAAA,CACA,4CAAA,CAGJ,uCACI,yBAAA,CAGJ,8BACI,UAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../styles/utils/variables/stack-order";\n@import "../../../styles/utils/variables/typography";\n@import "../../../styles/utils/variables/layout";\n@import "../../../styles/utils/media-queries";\n@import "../../../styles/utils/icons";\n@import "../../../styles/utils/tooltip";\n@import "../../../styles/utils/loader";\n@import "../../../styles/utils/mixins";\n@import "../../../styles/utils/scrollbar";\n@import "../../../styles/utils/animations";\n.buttonGroup{\n background: var(--comment-vote-bg, #EAE5E0);\n font-size: var(--comment-vote-font-size, 1.2rem);\n padding: var(--comment-vote-padding, .5rem .8rem);\n height: var(--comment-vote-height, 2.8rem);\n gap: .4rem;\n color: #0F172A;\n\n @include flex-align(center, center);\n\n &.left{\n border-bottom-left-radius: var(--comment-vote-border-radius, 5rem);\n border-top-left-radius: var(--comment-vote-border-radius, 5rem);\n padding-right: 0;\n }\n\n &.right{\n border-bottom-right-radius: var(--comment-vote-border-radius, 5rem);\n border-top-right-radius: var(--comment-vote-border-radius, 5rem);\n }\n}\n\n.buttonGroupIcon{\n width: var(--comment-vote-icon-size, 1.6rem);\n height: var(--comment-vote-icon-size, 1.6rem);\n}\n\n.buttonGroup[disabled]{\n cursor: default !important;\n}\n\n.disabled > *{\n opacity: .3;\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={buttonGroup:"_2ZN3IJnHyVRSrdTsd9VPIg==",left:"_27nBxH03kGRwkUnKoeJknw==",right:"uiQvAEn4o4H1lIf9UKhyaw==",buttonGroupIcon:"fozPKfWykg-OzJcUZ-7owA==",disabled:"rFW6sL8EMO9ydNjzpVcIIw=="};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]!../node_modules/gatsby-core-theme/src/components/molecules/comment/comment.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,".Bp-x2KjfWx4M-mbN0xP6FA\\=\\={display:flex;flex-direction:column;gap:1.6rem;position:relative;margin-bottom:3.4rem}@media only screen and (min-width:768px){.Bp-x2KjfWx4M-mbN0xP6FA\\=\\={margin-bottom:0}}.wyUyMB32vmYW\\+8WofCkbzQ\\=\\={display:flex;align-items:center;justify-content:start;flex-wrap:wrap;gap:.8rem}.wyUyMB32vmYW\\+8WofCkbzQ\\=\\=>img{border-radius:50%;width:5rem;height:5rem}.keX-qla0xPD4LC\\+8A-O5Mw\\=\\={font-size:var(--comment-name-font-size, 18px);font-weight:600;line-height:28px;color:var(--comment-name-font-color, #1B1B1C);display:flex;align-items:center;justify-content:center}.keX-qla0xPD4LC\\+8A-O5Mw\\=\\=>svg{margin-left:.8rem;width:2rem;height:2rem;color:var(--comment-name-font-color, #1B1B1C)}.NCWBOyKEmg3r1R0nyuzR\\+A\\=\\={height:var(--comment-jobTitle-height, 24px);padding:var(--comment-jobTitle-padding, 0.8rem);font-size:var(--comment-jobTitle-font-size, 1.2rem);font-weight:var(--comment-jobTitle-font-weight, 400);line-height:1.8rem;display:flex;align-items:center;justify-content:center;border-radius:var(--comment-jobTitle-border-radius, 5rem);background:var(--comment-jobTitle-bg, #CFC7C0);color:var(--comment-jobTitle-font-color, #0F172A)}.moC3fpbXkzjn9paNMutYFQ\\=\\={color:var(--comment-date-font-color, #64748B);font-size:var(--comment-date-font-size, 1.6rem);font-weight:400;line-height:2.6rem}.RAE1Kjwk4zqhLSyzLMppBQ\\=\\={border-radius:var(--comment-border-radius, 0.8rem);border:var(--comment-border, 0.1rem solid #F4F4F4);background:var(--comment-bg-color, #FFF);position:relative;padding:var(--comment-padding, 2.4rem)}.r6UBcLt5IMAA5QHOjHQN8A\\=\\={margin-left:auto;display:flex;flex-direction:row}.k4ZtetRuOuXCzE4LAN63aQ\\=\\={border-radius:var(--comment-btn-border-radius, 10rem);border:var(--comment-btn-border, 1.5px solid #161128);color:var(--comment-btn-font-color, #0A0E19);font-size:var(--comment-btn-font-size, 1.2rem);font-weight:var(--comment-btn-font-weight, 700);line-height:1.8rem;text-transform:capitalize;margin-left:.8rem;padding:var(--comment-btn-padding, 0.2rem 1.6rem)}.fwyVxO\\+iJUde\\+Jt3TRID5Q\\=\\={display:grid}.ZiXTnAuN1Opqz02C\\+9kMiw\\=\\=[disabled]{cursor:default}","",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/molecules/comment/comment.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_mixins.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAcA,4BCPE,YAAA,CACA,qBDO0B,CAExB,UAAA,CACA,iBAAA,CACA,oBAAA,CEiCF,yCFtCF,4BAQQ,eAAA,CAAA,CAKR,6BC1BE,YAAA,CACA,kBD0BsB,CCzBtB,qBDyB8B,CAE5B,cAAA,CACA,SAAA,CAEA,iCACI,iBAAA,CACA,UAAA,CACA,WAAA,CAIR,6BACI,6CAAA,CACA,eAAA,CACA,gBAAA,CACA,6CAAA,CC3CF,YAAA,CACA,kBD4CsB,CC3CtB,sBD2C8B,CAE5B,iCACI,iBAAA,CACA,UAAA,CACA,WAAA,CACA,6CAAA,CAKR,6BACI,2CAAA,CACA,+CAAA,CACA,mDAAA,CACA,oDAAA,CACA,kBAAA,CC7DF,YAAA,CACA,kBD8DsB,CC7DtB,sBD6D8B,CAE5B,yDAAA,CACA,8CAAA,CACA,iDAAA,CAGJ,4BACI,6CAAA,CACA,+CAAA,CACA,eAAA,CACA,kBAAA,CAGJ,4BACI,kDAAA,CACA,kDAAA,CACA,wCAAA,CACA,iBAAA,CACA,sCAAA,CAGJ,4BACI,gBAAA,CChFF,YAAA,CACA,kBDiF0B,CAG5B,4BACI,qDAAA,CACA,qDAAA,CACA,4CAAA,CACA,8CAAA,CACA,+CAAA,CACA,kBAAA,CACA,yBAAA,CACA,iBAAA,CACA,iDAAA,CAGJ,8BACI,YAAA,CAGJ,uCACI,cAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../styles/utils/variables/stack-order";\n@import "../../../styles/utils/variables/typography";\n@import "../../../styles/utils/variables/layout";\n@import "../../../styles/utils/media-queries";\n@import "../../../styles/utils/icons";\n@import "../../../styles/utils/tooltip";\n@import "../../../styles/utils/loader";\n@import "../../../styles/utils/mixins";\n@import "../../../styles/utils/scrollbar";\n@import "../../../styles/utils/animations";\n.commentContainer{\n @include flex-direction(column);\n\n gap: 1.6rem;\n position: relative;\n margin-bottom: 3.4rem;\n\n @include min(tablet){\n margin-bottom: 0;\n }\n \n}\n\n.commentTopArea{\n @include flex-align(center, start);\n\n flex-wrap: wrap;\n gap: .8rem;\n\n > img{\n border-radius: 50%;\n width: 5rem;\n height: 5rem;\n }\n}\n\n.commentName{\n font-size: var(--comment-name-font-size, 18px);\n font-weight: 600;\n line-height: 28px;\n color: var(--comment-name-font-color, #1B1B1C);\n\n @include flex-align(center, center);\n\n > svg{\n margin-left: .8rem;\n width: 2rem;\n height: 2rem;\n color: var(--comment-name-font-color, #1B1B1C);\n }\n\n}\n\n.commentJobTitle{\n height: var(--comment-jobTitle-height, 24px);\n padding: var(--comment-jobTitle-padding, .8rem);\n font-size: var(--comment-jobTitle-font-size, 1.2rem);\n font-weight: var(--comment-jobTitle-font-weight, 400);\n line-height: 1.8rem;\n\n @include flex-align(center, center);\n\n border-radius: var(--comment-jobTitle-border-radius, 5rem);\n background: var(--comment-jobTitle-bg, #CFC7C0);\n color: var(--comment-jobTitle-font-color, #0F172A);\n}\n\n.commentDate{\n color: var(--comment-date-font-color, #64748B);\n font-size: var(--comment-date-font-size, 1.6rem);\n font-weight: 400;\n line-height: 2.6rem; \n}\n\n.commentContent{\n border-radius: var(--comment-border-radius, .8rem);\n border: var(--comment-border, .1rem solid #F4F4F4);\n background: var(--comment-bg-color, #FFF);\n position: relative;\n padding: var(--comment-padding, 2.4rem);\n}\n\n.commentActions{\n margin-left: auto;\n\n @include flex-direction(row);\n}\n\n.replyButton{\n border-radius: var(--comment-btn-border-radius, 10rem);\n border: var(--comment-btn-border, 1.5px solid #161128);\n color: var(--comment-btn-font-color, #0A0E19);\n font-size: var(--comment-btn-font-size, 1.2rem);\n font-weight: var(--comment-btn-font-weight, 700);\n line-height: 1.8rem;\n text-transform: capitalize;\n margin-left: .8rem;\n padding: var(--comment-btn-padding, 0.2rem 1.6rem);\n}\n\n.replySection{\n display: grid;\n}\n\n.buttonGroup[disabled]{\n cursor: default;\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","$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={commentContainer:"Bp-x2KjfWx4M-mbN0xP6FA==",commentTopArea:"wyUyMB32vmYW+8WofCkbzQ==",commentName:"keX-qla0xPD4LC+8A-O5Mw==",commentJobTitle:"NCWBOyKEmg3r1R0nyuzR+A==",commentDate:"moC3fpbXkzjn9paNMutYFQ==",commentContent:"RAE1Kjwk4zqhLSyzLMppBQ==",commentActions:"r6UBcLt5IMAA5QHOjHQN8A==",replyButton:"k4ZtetRuOuXCzE4LAN63aQ==",replySection:"fwyVxO+iJUde+Jt3TRID5Q==",buttonGroup:"ZiXTnAuN1Opqz02C+9kMiw=="};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]!../node_modules/gatsby-core-theme/src/components/organisms/comments/comment-tree/comment-tree.module.scss":(module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>__WEBPACK_DEFAULT_EXPORT__});var _css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../node_modules/css-loader/dist/runtime/cssWithMappingToString.js"),_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default=__webpack_require__.n(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0__),_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../node_modules/css-loader/dist/runtime/api.js"),___CSS_LOADER_EXPORT___=__webpack_require__.n(_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__)()(_css_loader_dist_runtime_cssWithMappingToString_js__WEBPACK_IMPORTED_MODULE_0___default());___CSS_LOADER_EXPORT___.push([module.id,'._4WgTPLBqKczvXR3aCQDTFA\\=\\={margin-left:0}._4WgTPLBqKczvXR3aCQDTFA\\=\\=>div>div{z-index:1}._5gkkbfp9EKP2VUNJdkI43w\\=\\={margin-left:2.4rem}@media only screen and (min-width:768px){._5gkkbfp9EKP2VUNJdkI43w\\=\\={margin-left:5.6rem}}.gh2EzTTxm0FUXN2Tlhiupw\\=\\={margin-left:4rem}@media only screen and (min-width:768px){.gh2EzTTxm0FUXN2Tlhiupw\\=\\={margin-left:11.2rem}}.ahOomtWgpGqDM82YY\\+iA8A\\=\\={position:relative}.ahOomtWgpGqDM82YY\\+iA8A\\=\\=::before{content:"";position:absolute;right:100%;border-left:var(--comment-tree-border, 0.1rem solid #CFC7C0);border-bottom:var(--comment-tree-border, 0.1rem solid #CFC7C0);border-bottom-left-radius:var(--comment-tree-border-radius, 2rem);bottom:50%;height:calc(50% + 8.5rem);width:1.1rem}@media only screen and (min-width:768px){.ahOomtWgpGqDM82YY\\+iA8A\\=\\=::before{width:3rem}}.ahOomtWgpGqDM82YY\\+iA8A\\=\\=+.ahOomtWgpGqDM82YY\\+iA8A\\=\\=::before{height:calc(50% + 25.5rem)}',"",{version:3,sources:["webpack://./../node_modules/gatsby-core-theme/src/components/organisms/comments/comment-tree/comment-tree.module.scss","webpack://./../node_modules/gatsby-core-theme/src/styles/utils/_media-queries.scss"],names:[],mappings:"AAcA,6BACI,aAAA,CAEA,qCACI,SAAA,CAIR,6BAKI,kBAAA,CCyBF,yCD9BF,6BAEQ,kBAAA,CAAA,CAMR,4BAKI,gBAAA,CCiBF,yCDtBF,4BAEQ,mBAAA,CAAA,CAMR,6BACI,iBAAA,CAEA,qCACI,UAAA,CACA,iBAAA,CACA,UAAA,CACA,4DAAA,CACA,8DAAA,CACA,iEAAA,CACA,UAAA,CACA,yBAAA,CACA,YAAA,CCEN,yCDXE,qCAYQ,UAAA,CAAA,CAIR,kEACI,0BAAA",sourcesContent:['/* stylelint-disable no-invalid-position-at-import-rule */\n@use \'sass:map\';\n\n// NOTE: General Styles\n@import "../../../../styles/utils/variables/stack-order";\n@import "../../../../styles/utils/variables/typography";\n@import "../../../../styles/utils/variables/layout";\n@import "../../../../styles/utils/media-queries";\n@import "../../../../styles/utils/icons";\n@import "../../../../styles/utils/tooltip";\n@import "../../../../styles/utils/loader";\n@import "../../../../styles/utils/mixins";\n@import "../../../../styles/utils/scrollbar";\n@import "../../../../styles/utils/animations";\n.comment_0{\n margin-left: 0;\n\n >div>div{\n z-index: 1;\n }\n}\n\n.comment_1{\n @include min(tablet){\n margin-left: 5.6rem;\n }\n\n margin-left: 2.4rem;\n}\n\n.comment_2{\n @include min(tablet){\n margin-left: 11.2rem;\n }\n\n margin-left: 4rem;\n}\n\n.isReply{\n position: relative;\n\n &::before{\n content: "";\n position: absolute;\n right: 100%;\n border-left: var(--comment-tree-border, .1rem solid #CFC7C0);\n border-bottom: var(--comment-tree-border, .1rem solid #CFC7C0);\n border-bottom-left-radius: var(--comment-tree-border-radius, 2rem);\n bottom: 50%;\n height: calc(50% + 8.5rem);\n width: 1.1rem;\n\n @include min(tablet){\n width: 3rem;\n }\n }\n\n + .isReply::before{\n height: calc(50% + 25.5rem);\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={comment_0:"_4WgTPLBqKczvXR3aCQDTFA==",comment_1:"_5gkkbfp9EKP2VUNJdkI43w==",comment_2:"gh2EzTTxm0FUXN2Tlhiupw==",isReply:"ahOomtWgpGqDM82YY+iA8A=="};const __WEBPACK_DEFAULT_EXPORT__=___CSS_LOADER_EXPORT___}}]);
|