{"version":3,"file":"344.aee9cf080949493e66a9.js","mappings":"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","sources":["webpack://nuance/./src/nuance_assets/UI/selection-item/_selection-item.scss","webpack://nuance/./src/nuance_assets/components/search-results/_search-results.scss","webpack://nuance/./src/nuance_assets/components/user-list-item/_user-list-item.scss","webpack://nuance/./src/nuance_assets/screens/home/homepage.scss","webpack://nuance/./src/nuance_assets/screens/home/homepage.scss?8741","webpack://nuance/./src/nuance_assets/components/search-results/_search-results.scss?b000","webpack://nuance/./src/nuance_assets/UI/selection-item/_selection-item.scss?2819","webpack://nuance/./src/nuance_assets/UI/selection-item/selection-item.tsx","webpack://nuance/./src/nuance_assets/components/user-list-item/_user-list-item.scss?15fa","webpack://nuance/./src/nuance_assets/components/user-list-item/user-list-item.tsx","webpack://nuance/./src/nuance_assets/components/search-results/search-results.tsx","webpack://nuance/./src/nuance_assets/screens/home/homepage.tsx"],"sourcesContent":["// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".selection-item{display:flex;padding:6px 10px;justify-content:center;align-items:center;border-radius:100px;border:1px solid #5e7cc9;color:#151451;font-family:Roboto;font-size:12px;font-style:normal;font-weight:500;line-height:normal;cursor:pointer}.selection-item:hover{border-color:#02c3a1}.selection-item-selected{display:flex;padding:6px 10px;justify-content:center;align-items:center;border-radius:100px;border:1px solid rgba(0,0,0,0);background-color:#151451;color:#fff;font-family:Roboto;font-size:12px;font-style:normal;font-weight:500;line-height:normal;cursor:pointer}.selection-item-selected:hover{border-color:#02c3a1}.selection-item-dark{display:flex;padding:6px 10px;justify-content:center;align-items:center;border-radius:100px;border:1px solid #5e7cc9;color:#b2b2b2;font-family:Roboto;font-size:12px;font-style:normal;font-weight:500;line-height:normal;cursor:pointer}.selection-item-dark:hover{border-color:#02c3a1}.selection-item-selected-dark{display:flex;padding:6px 10px;justify-content:center;align-items:center;border-radius:100px;border:1px solid rgba(0,0,0,0);background-color:#02c3a1;color:#fff;font-family:Roboto;font-size:12px;font-style:normal;font-weight:500;line-height:normal;cursor:pointer}.selection-item-selected-dark:hover{border-color:#fff}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/nuance_assets/UI/selection-item/_selection-item.scss\",\"webpack://./src/nuance_assets/shared/styles/_Colors.scss\"],\"names\":[],\"mappings\":\"AAEA,gBACI,YAAA,CACA,gBAAA,CACA,sBAAA,CACA,kBAAA,CACA,mBAAA,CACA,wBAAA,CACA,aAAA,CACA,kBAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA,CACA,cAAA,CAEA,sBACI,oBChBO,CDoBf,yBACI,YAAA,CACA,gBAAA,CACA,sBAAA,CACA,kBAAA,CACA,mBAAA,CACA,8BAAA,CACA,wBAAA,CACA,UAAA,CACA,kBAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA,CACA,cAAA,CAEA,+BACI,oBCrCO,CD0Cf,qBACI,YAAA,CACA,gBAAA,CACA,sBAAA,CACA,kBAAA,CACA,mBAAA,CACA,wBAAA,CACA,aAAA,CACA,kBAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA,CACA,cAAA,CAEA,2BACI,oBC1DO,CD8Df,8BACI,YAAA,CACA,gBAAA,CACA,sBAAA,CACA,kBAAA,CACA,mBAAA,CACA,8BAAA,CACA,wBCrEW,CDsEX,UAAA,CACA,kBAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA,CACA,cAAA,CAEA,oCACI,iBAAA\",\"sourcesContent\":[\"@import '../../shared/styles/Colors';\\n\\n.selection-item {\\n    display: flex;\\n    padding: 6px 10px;\\n    justify-content: center;\\n    align-items: center;\\n    border-radius: 100px;\\n    border: 1px solid #5E7CC9;\\n    color: #151451;\\n    font-family: Roboto;\\n    font-size: 12px;\\n    font-style: normal;\\n    font-weight: 500;\\n    line-height: normal;\\n    cursor: pointer;\\n\\n    &:hover {\\n        border-color: $accent-color;\\n    }\\n}\\n\\n.selection-item-selected {\\n    display: flex;\\n    padding: 6px 10px;\\n    justify-content: center;\\n    align-items: center;\\n    border-radius: 100px;\\n    border: 1px solid transparent;\\n    background-color: #151451;\\n    color: #FFF;\\n    font-family: Roboto;\\n    font-size: 12px;\\n    font-style: normal;\\n    font-weight: 500;\\n    line-height: normal;\\n    cursor: pointer;\\n\\n    &:hover {\\n        border-color: $accent-color;\\n    }\\n\\n}\\n\\n.selection-item-dark {\\n    display: flex;\\n    padding: 6px 10px;\\n    justify-content: center;\\n    align-items: center;\\n    border-radius: 100px;\\n    border: 1px solid #5E7CC9;\\n    color: rgb(178, 178, 178);\\n    font-family: Roboto;\\n    font-size: 12px;\\n    font-style: normal;\\n    font-weight: 500;\\n    line-height: normal;\\n    cursor: pointer;\\n\\n    &:hover {\\n        border-color: $accent-color;\\n    }\\n}\\n\\n.selection-item-selected-dark {\\n    display: flex;\\n    padding: 6px 10px;\\n    justify-content: center;\\n    align-items: center;\\n    border-radius: 100px;\\n    border: 1px solid transparent;\\n    background-color: $accent-color;\\n    color: #FFF;\\n    font-family: Roboto;\\n    font-size: 12px;\\n    font-style: normal;\\n    font-weight: 500;\\n    line-height: normal;\\n    cursor: pointer;\\n\\n    &:hover {\\n        border-color: #FFF;\\n    }\\n\\n}\",\"// Theme colors\\n$primary-color: #151451;\\n$accent-color: #02c3a1;\\n$second-accent-color: #43dfba;\\n$subtitle-text: #687487;\\n$upload-picture-color: #cafff2;\\n\\n// Text colors\\n$primary-text-color: #00113e;\\n$tag-text-color: #666666;\\n$paragraph-text-color: #b2b2b2;\\n$route-text-color: #00113e;\\n$quote-color: rgba(0, 17, 62, 0.8);\\n$input-text-color: #4c4c52;\\n$edit-profile-input-text-color: #19192E;\\n$lighter-text-color: #999;\\n$lighter-content-text-color: #666;\\n\\n\\n// Background colors\\n$primary-background-color: #ffffff;\\n$selected-background-color: #d4d4d4;\\n$link-background: #f2f2f2;\\n\\n//dark-mode\\n$dark-primary-background-color: rgb(21, 20, 81);\\n$dark-primary-text-color: #FFFF;\\n$dark-secondary-text-color: #B2B2B2;\\n$dark-button-color: #43dfba;\\n$dark-button-hover-color: rgb(43, 152, 127);\\n$dark-button-active-color:rgb(31, 99, 83);\\n\\n\\n\\n// Border colors\\n$light-border-color: #d9d9d9;\\n$medium-border-color: #b2b2b2;\\n$darker-border-color: #999999;\\n$error-color: #cc4747;\\n\\n// Highlights\\n$highlight-one: #25f68d;\\n$highlight-two: #1bc0f2;\\n$edit-comment-highlight: #3684D9;\\n$link-color: #0000ee;\\n$box-shadow: rgba(0, 0, 0, 0.2);\\n\\n// Dividers\\n$divider-color: rgb(192, 192, 192);\\n$vertical-divider: #c4c4c4;\\n\\n// Buttons\\n$button-border-hover: #435aac;\\n$button-hover-background: #10cfad;\\n$disabled-button-text: #e6e6e6;\\n$active-background-color: #303e84;\\n\\n//FB EMAIL OPT IN\\n$FB-email-opt-in-button-color: #722680;\\n$FB-button-border-hover: #8e72e0;\\n$FB-button-hover-background: #8e72e0;\\n$FB-disabled-button-text: #e6e6e6;\\n$FB-active-background-color: #753675;\\n$FB-email-opt-in-button-color: #722680;\\n$FB-primary-background-color: #ffffff;\\n$FB-primary-text-color: black;\\n\\n// Create/Edit articles\\n$title-divider-color: #00ffc3;\\n$text-editor-border: #1fe1bf;\\n\\n// Tags (dropdown box on create/edit articles)\\n$tag-placeholder-color: #aaa;\\n$border-tags1: #ddd;\\n$border-tags2: #888;\\n$tag-token-background: #f2f2f2;\\n$tag-options-box-shadow: rgba(0, 0, 0, 0.16);\\n\\n// Search Modal\\n$search-modal-background: rgba(255, 255, 255, 0.9);\\n\\n\\n// Quill Text Editor\\n$quill-background: rgb(255, 255, 255);\\n$quill-box-shadow: rgba(156, 156, 156, 0.05);\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".search-results-wrapper{width:100%;display:flex;flex-direction:column;row-gap:48px}.search-results-wrapper .search-results-navy-button-dark{align-self:center}.search-results-wrapper .search-reults-white-button{align-self:center;margin:0px}.search-results-wrapper .search-results-info-wrapper{display:flex;flex-direction:column;align-items:start;row-gap:16px}.search-results-wrapper .search-results-info-wrapper .search-results-text{color:#999;font-family:Roboto;font-size:12px;font-style:normal;font-weight:700;line-height:normal;display:flex;align-items:center;justify-content:space-between;width:100%}.search-results-wrapper .search-results-info-wrapper .search-results-text .follow-the-tag{cursor:pointer;font-weight:bolder}.search-results-wrapper .search-results-info-wrapper .search-results-text .follow-the-tag:hover{text-decoration:underline}.search-results-wrapper .search-results-info-wrapper .search-results-text .follow-the-tag .spinner{max-height:12px;margin-right:2px}.search-results-wrapper .search-results-info-wrapper .search-results-filter-sort-wrapper{display:flex;align-items:end;width:100%;column-gap:10px;position:relative}.search-results-wrapper .search-results-info-wrapper .search-results-filter-sort-wrapper .search-results-filter-elements{display:flex;align-items:center;column-gap:12px;flex-wrap:wrap;row-gap:16px}@media only screen and (max-width: 768px){.search-results-wrapper{row-gap:0;margin-top:12px}.search-results-wrapper .search-results-info-wrapper .search-results-filter-sort-wrapper{flex-direction:column;align-items:start;row-gap:12px}}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/nuance_assets/components/search-results/_search-results.scss\"],\"names\":[],\"mappings\":\"AAAA,wBACE,UAAA,CACA,YAAA,CACA,qBAAA,CACA,YAAA,CAEA,yDACE,iBAAA,CAGF,oDACE,iBAAA,CACA,UAAA,CAGF,qDACE,YAAA,CACA,qBAAA,CACA,iBAAA,CACA,YAAA,CAEA,0EACE,UAAA,CACA,kBAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,kBAAA,CACA,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,UAAA,CACA,0FACE,cAAA,CACA,kBAAA,CACA,gGACE,yBAAA,CAEF,mGACE,eAAA,CACA,gBAAA,CAKN,yFACE,YAAA,CACA,eAAA,CACA,UAAA,CACA,eAAA,CACA,iBAAA,CAEA,yHACE,YAAA,CACA,kBAAA,CACA,eAAA,CACA,cAAA,CACA,YAAA,CAMR,0CACE,wBACE,SAAA,CACA,eAAA,CAEE,yFACE,qBAAA,CACA,iBAAA,CACA,YAAA,CAAA\",\"sourcesContent\":[\".search-results-wrapper {\\n  width: 100%;\\n  display: flex;\\n  flex-direction: column;\\n  row-gap: 48px;\\n\\n  .search-results-navy-button-dark {\\n    align-self: center;\\n  }\\n\\n  .search-reults-white-button {\\n    align-self: center;\\n    margin: 0px;\\n  }\\n\\n  .search-results-info-wrapper {\\n    display: flex;\\n    flex-direction: column;\\n    align-items: start;\\n    row-gap: 16px;\\n\\n    .search-results-text {\\n      color: #999;\\n      font-family: Roboto;\\n      font-size: 12px;\\n      font-style: normal;\\n      font-weight: 700;\\n      line-height: normal;\\n      display: flex;\\n      align-items: center;\\n      justify-content: space-between;\\n      width: 100%;\\n      .follow-the-tag {\\n        cursor: pointer;\\n        font-weight: bolder;\\n        &:hover {\\n          text-decoration: underline;\\n        }\\n        .spinner {\\n          max-height: 12px;\\n          margin-right: 2px;\\n        }\\n      }\\n    }\\n\\n    .search-results-filter-sort-wrapper {\\n      display: flex;\\n      align-items: end;\\n      width: 100%;\\n      column-gap: 10px;\\n      position: relative;\\n\\n      .search-results-filter-elements {\\n        display: flex;\\n        align-items: center;\\n        column-gap: 12px;\\n        flex-wrap: wrap;\\n        row-gap: 16px;\\n      }\\n    }\\n  }\\n}\\n\\n@media only screen and (max-width: 768px) {\\n  .search-results-wrapper {\\n    row-gap: 0;\\n    margin-top: 12px;\\n    .search-results-info-wrapper {\\n      .search-results-filter-sort-wrapper {\\n        flex-direction: column;\\n        align-items: start;\\n        row-gap: 12px;\\n      }\\n    }\\n  }\\n}\\n\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".user-list-item-wrapper{display:flex;align-items:center;column-gap:8.4%;width:100%}.user-list-item-wrapper .user-list-item-avatar-wrapper{display:flex;align-items:center;justify-content:center;min-width:33%;max-width:33%;position:relative}.user-list-item-wrapper .user-list-item-avatar-wrapper .user-list-item-avatar{min-width:97px;max-width:97px;aspect-ratio:1;object-fit:cover;border-radius:50%;border:.5px solid #999;cursor:pointer}.user-list-item-wrapper .user-list-item-avatar-wrapper .user-list-item-avatar:hover{border-color:#02c3a1}.user-list-item-wrapper .user-list-item-avatar-wrapper .user-list-item-publication-icon{position:absolute;min-width:24px;max-width:24px;border-radius:5%;bottom:0;right:calc(50% - 48px);aspect-ratio:1}.user-list-item-wrapper .user-list-item-right{display:flex;flex-direction:column;row-gap:6px;align-items:start;min-width:58.6%;max-width:58.6%}.user-list-item-wrapper .user-list-item-right .user-list-item-handle-counts{display:flex;align-items:center;justify-content:space-between;width:100%}.user-list-item-wrapper .user-list-item-right .user-list-item-handle-counts .user-list-item-handle{color:#4c4c52;font-family:Roboto;font-size:12px;font-style:normal;font-weight:700;line-height:24px}.user-list-item-wrapper .user-list-item-right .user-list-item-handle-counts .user-list-item-handle-dark{color:#999;font-family:Roboto;font-size:12px;font-style:normal;font-weight:700;line-height:24px}.user-list-item-wrapper .user-list-item-right .user-list-item-handle-counts .user-list-item-handle-dark:hover{text-decoration:underline}.user-list-item-wrapper .user-list-item-right .user-list-item-handle-counts .user-list-item-counts{color:#4c4c52;text-align:center;font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:18px;display:flex;column-gap:8px}.user-list-item-wrapper .user-list-item-right .user-list-item-handle-counts .user-list-item-counts-dark{color:#999;text-align:center;font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:18px;display:flex;column-gap:8px}.user-list-item-wrapper .user-list-item-right .user-list-item-name{color:#151451;font-family:Georgia;font-size:26px;font-style:normal;font-weight:400;line-height:35px}.user-list-item-wrapper .user-list-item-right .user-list-item-name-dark{color:#fff;font-family:Georgia;font-size:26px;font-style:normal;font-weight:400;line-height:35px}.user-list-item-wrapper .user-list-item-right .user-list-item-name-dark:hover{text-decoration:underline}.user-list-item-wrapper .user-list-item-right .user-list-item-bio{color:#666;font-family:Roboto;font-size:18px;font-style:normal;font-weight:400;line-height:26px}.user-list-item-wrapper .user-list-item-right .user-list-item-bio-dark{color:#b2b2b2;font-family:Roboto;font-size:18px;font-style:normal;font-weight:400;line-height:26px}@media only screen and (max-width: 768px){.user-list-item-wrapper{column-gap:4.4%}.user-list-item-wrapper .user-list-item-avatar-wrapper .user-list-item-avatar{min-width:80px;max-width:80px}.user-list-item-wrapper .user-list-item-right{row-gap:0}.user-list-item-wrapper .user-list-item-right .user-list-item-name{font-size:18px;font-style:normal;font-weight:400;line-height:24px}.user-list-item-wrapper .user-list-item-right .user-list-item-handle-counts .user-list-item-counts{display:none}.user-list-item-right .user-list-item-bio{display:none}}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/nuance_assets/components/user-list-item/_user-list-item.scss\",\"webpack://./src/nuance_assets/shared/styles/_Colors.scss\"],\"names\":[],\"mappings\":\"AAEA,wBACI,YAAA,CACA,kBAAA,CACA,eAAA,CACA,UAAA,CAEA,uDACI,YAAA,CACA,kBAAA,CACA,sBAAA,CACA,aAAA,CACA,aAAA,CACA,iBAAA,CAEA,8EACI,cAAA,CACA,cAAA,CACA,cAAA,CACA,gBAAA,CACA,iBAAA,CACA,sBAAA,CACA,cAAA,CAEA,oFACI,oBCxBD,CD4BP,wFACI,iBAAA,CACA,cAAA,CACA,cAAA,CACA,gBAAA,CACA,QAAA,CACA,sBAAA,CACA,cAAA,CAKR,8CACI,YAAA,CACA,qBAAA,CACA,WAAA,CACA,iBAAA,CACA,eAAA,CACA,eAAA,CAEA,4EACI,YAAA,CACA,kBAAA,CACA,6BAAA,CACA,UAAA,CAEA,mGACI,aAAA,CACA,kBAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,gBAAA,CAGJ,wGACI,UAAA,CACA,kBAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,gBAAA,CAEA,8GACI,yBAAA,CAIR,mGACI,aAAA,CACA,iBAAA,CAEA,kBAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,gBAAA,CACA,YAAA,CACA,cAAA,CAGJ,wGACI,UAAA,CACA,iBAAA,CAEA,kBAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,gBAAA,CACA,YAAA,CACA,cAAA,CAKR,mEACI,aAAA,CACA,mBAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,gBAAA,CAGJ,wEACI,UAAA,CACA,mBAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,gBAAA,CAEA,8EACI,yBAAA,CAIR,kEACI,UAAA,CACA,kBAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,gBAAA,CAGJ,uEACI,aAAA,CACA,kBAAA,CACA,cAAA,CACA,iBAAA,CACA,eAAA,CACA,gBAAA,CAKZ,0CAEI,wBACI,eAAA,CAGI,8EACI,cAAA,CACA,cAAA,CAIR,8CACI,SAAA,CAEA,mEACI,cAAA,CACA,iBAAA,CACA,eAAA,CACA,gBAAA,CAIA,mGACI,YAAA,CAMhB,0CACI,YAAA,CAAA\",\"sourcesContent\":[\"@import '../../shared/styles/Colors';\\n\\n.user-list-item-wrapper {\\n    display: flex;\\n    align-items: center;\\n    column-gap: 8.4%;\\n    width: 100%;\\n\\n    .user-list-item-avatar-wrapper {\\n        display: flex;\\n        align-items: center;\\n        justify-content: center;\\n        min-width: 33%;\\n        max-width: 33%;\\n        position: relative;\\n\\n        .user-list-item-avatar {\\n            min-width: 97px;\\n            max-width: 97px;\\n            aspect-ratio: 1;\\n            object-fit: cover;\\n            border-radius: 50%;\\n            border: 0.5px solid #999;\\n            cursor: pointer;\\n\\n            &:hover {\\n                border-color: $accent-color;\\n            }\\n        }\\n\\n        .user-list-item-publication-icon {\\n            position: absolute;\\n            min-width: 24px;\\n            max-width: 24px;\\n            border-radius: 5%;\\n            bottom: 0;\\n            right: calc(50% - 48px);\\n            aspect-ratio: 1;\\n        }\\n    }\\n\\n\\n    .user-list-item-right {\\n        display: flex;\\n        flex-direction: column;\\n        row-gap: 6px;\\n        align-items: start;\\n        min-width: 58.6%;\\n        max-width: 58.6%;\\n\\n        .user-list-item-handle-counts {\\n            display: flex;\\n            align-items: center;\\n            justify-content: space-between;\\n            width: 100%;\\n\\n            .user-list-item-handle {\\n                color: #4C4C52;\\n                font-family: Roboto;\\n                font-size: 12px;\\n                font-style: normal;\\n                font-weight: 700;\\n                line-height: 24px;\\n            }\\n\\n            .user-list-item-handle-dark {\\n                color: #999;\\n                font-family: Roboto;\\n                font-size: 12px;\\n                font-style: normal;\\n                font-weight: 700;\\n                line-height: 24px;\\n\\n                &:hover {\\n                    text-decoration: underline;\\n                }\\n            }\\n\\n            .user-list-item-counts {\\n                color: #4C4C52;\\n                text-align: center;\\n                /* NUA/Roboto/12/Regular */\\n                font-family: Roboto;\\n                font-size: 12px;\\n                font-style: normal;\\n                font-weight: 400;\\n                line-height: 18px;\\n                display: flex;\\n                column-gap: 8px;\\n            }\\n\\n            .user-list-item-counts-dark {\\n                color: #999;\\n                text-align: center;\\n                /* NUA/Roboto/12/Regular */\\n                font-family: Roboto;\\n                font-size: 12px;\\n                font-style: normal;\\n                font-weight: 400;\\n                line-height: 18px;\\n                display: flex;\\n                column-gap: 8px;\\n            }\\n\\n        }\\n\\n        .user-list-item-name {\\n            color: #151451;\\n            font-family: Georgia;\\n            font-size: 26px;\\n            font-style: normal;\\n            font-weight: 400;\\n            line-height: 35px;\\n        }\\n\\n        .user-list-item-name-dark {\\n            color: #FFF;\\n            font-family: Georgia;\\n            font-size: 26px;\\n            font-style: normal;\\n            font-weight: 400;\\n            line-height: 35px;\\n\\n            &:hover {\\n                text-decoration: underline;\\n            }\\n        }\\n\\n        .user-list-item-bio {\\n            color: #666;\\n            font-family: Roboto;\\n            font-size: 18px;\\n            font-style: normal;\\n            font-weight: 400;\\n            line-height: 26px;\\n        }\\n\\n        .user-list-item-bio-dark {\\n            color: rgb(178, 178, 178);\\n            font-family: Roboto;\\n            font-size: 18px;\\n            font-style: normal;\\n            font-weight: 400;\\n            line-height: 26px;\\n        }\\n    }\\n}\\n\\n@media only screen and (max-width: 768px) {\\n\\n    .user-list-item-wrapper {\\n        column-gap: 4.4%;\\n\\n        .user-list-item-avatar-wrapper {\\n            .user-list-item-avatar {\\n                min-width: 80px;\\n                max-width: 80px;\\n            }\\n        }\\n\\n        .user-list-item-right {\\n            row-gap: 0;\\n\\n            .user-list-item-name {\\n                font-size: 18px;\\n                font-style: normal;\\n                font-weight: 400;\\n                line-height: 24px;\\n            }\\n\\n            .user-list-item-handle-counts {\\n                .user-list-item-counts {\\n                    display: none;\\n                }\\n            }\\n        }\\n    }\\n\\n    .user-list-item-right .user-list-item-bio {\\n        display: none;\\n    }\\n}\",\"// Theme colors\\n$primary-color: #151451;\\n$accent-color: #02c3a1;\\n$second-accent-color: #43dfba;\\n$subtitle-text: #687487;\\n$upload-picture-color: #cafff2;\\n\\n// Text colors\\n$primary-text-color: #00113e;\\n$tag-text-color: #666666;\\n$paragraph-text-color: #b2b2b2;\\n$route-text-color: #00113e;\\n$quote-color: rgba(0, 17, 62, 0.8);\\n$input-text-color: #4c4c52;\\n$edit-profile-input-text-color: #19192E;\\n$lighter-text-color: #999;\\n$lighter-content-text-color: #666;\\n\\n\\n// Background colors\\n$primary-background-color: #ffffff;\\n$selected-background-color: #d4d4d4;\\n$link-background: #f2f2f2;\\n\\n//dark-mode\\n$dark-primary-background-color: rgb(21, 20, 81);\\n$dark-primary-text-color: #FFFF;\\n$dark-secondary-text-color: #B2B2B2;\\n$dark-button-color: #43dfba;\\n$dark-button-hover-color: rgb(43, 152, 127);\\n$dark-button-active-color:rgb(31, 99, 83);\\n\\n\\n\\n// Border colors\\n$light-border-color: #d9d9d9;\\n$medium-border-color: #b2b2b2;\\n$darker-border-color: #999999;\\n$error-color: #cc4747;\\n\\n// Highlights\\n$highlight-one: #25f68d;\\n$highlight-two: #1bc0f2;\\n$edit-comment-highlight: #3684D9;\\n$link-color: #0000ee;\\n$box-shadow: rgba(0, 0, 0, 0.2);\\n\\n// Dividers\\n$divider-color: rgb(192, 192, 192);\\n$vertical-divider: #c4c4c4;\\n\\n// Buttons\\n$button-border-hover: #435aac;\\n$button-hover-background: #10cfad;\\n$disabled-button-text: #e6e6e6;\\n$active-background-color: #303e84;\\n\\n//FB EMAIL OPT IN\\n$FB-email-opt-in-button-color: #722680;\\n$FB-button-border-hover: #8e72e0;\\n$FB-button-hover-background: #8e72e0;\\n$FB-disabled-button-text: #e6e6e6;\\n$FB-active-background-color: #753675;\\n$FB-email-opt-in-button-color: #722680;\\n$FB-primary-background-color: #ffffff;\\n$FB-primary-text-color: black;\\n\\n// Create/Edit articles\\n$title-divider-color: #00ffc3;\\n$text-editor-border: #1fe1bf;\\n\\n// Tags (dropdown box on create/edit articles)\\n$tag-placeholder-color: #aaa;\\n$border-tags1: #ddd;\\n$border-tags2: #888;\\n$tag-token-background: #f2f2f2;\\n$tag-options-box-shadow: rgba(0, 0, 0, 0.16);\\n\\n// Search Modal\\n$search-modal-background: rgba(255, 255, 255, 0.9);\\n\\n\\n// Quill Text Editor\\n$quill-background: rgb(255, 255, 255);\\n$quill-box-shadow: rgba(156, 156, 156, 0.05);\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","// Imports\nimport ___CSS_LOADER_API_SOURCEMAP_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/sourceMaps.js\";\nimport ___CSS_LOADER_API_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/api.js\";\nimport ___CSS_LOADER_GET_URL_IMPORT___ from \"../../../../node_modules/css-loader/dist/runtime/getUrl.js\";\nvar ___CSS_LOADER_URL_IMPORT_0___ = new URL(\"../../assets/assets/images/join-the-revolution-background.webp\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_1___ = new URL(\"../../assets/assets/images/homepage-login-options-background.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_2___ = new URL(\"../../assets/assets/images/monetize_background.svg\", import.meta.url);\nvar ___CSS_LOADER_URL_IMPORT_3___ = new URL(\"../../assets/assets/images/join-the-revolution-background.png\", import.meta.url);\nvar ___CSS_LOADER_EXPORT___ = ___CSS_LOADER_API_IMPORT___(___CSS_LOADER_API_SOURCEMAP_IMPORT___);\nvar ___CSS_LOADER_URL_REPLACEMENT_0___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_0___);\nvar ___CSS_LOADER_URL_REPLACEMENT_1___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_1___);\nvar ___CSS_LOADER_URL_REPLACEMENT_2___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_2___);\nvar ___CSS_LOADER_URL_REPLACEMENT_3___ = ___CSS_LOADER_GET_URL_IMPORT___(___CSS_LOADER_URL_IMPORT_3___);\n// Module\n___CSS_LOADER_EXPORT___.push([module.id, \".homepage{display:flex;flex-direction:column;align-items:center;width:100%;overflow-x:hidden}.homepage .login-buttons-style{background-color:#02c3a1}.homepage .join-revolution{margin-top:-64px;min-height:615px;max-height:615px;width:100%;background-image:url(\" + ___CSS_LOADER_URL_REPLACEMENT_0___ + \");background-position:right;display:flex;flex-direction:column;align-items:center;justify-content:end}.homepage .join-revolution .join-revolution-container{width:calc(100% - 56px);background:linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.68) 100%);height:555px;display:flex;align-items:end;justify-content:space-around}.homepage .join-revolution .join-revolution-container .left{display:flex;flex-direction:column;align-items:center;row-gap:106px}.homepage .join-revolution .join-revolution-container .left .nuance-logo-blue-text{min-width:268px;max-width:268px;min-height:233px;max-height:233px}.homepage .join-revolution .join-revolution-container .left .nuance-logo-blue-text .image-container{width:100%}.homepage .join-revolution .join-revolution-container .left .buttons-wrapper{min-height:99px;max-height:99px;width:399px;display:flex;align-items:end;column-gap:5px}.homepage .join-revolution .join-revolution-container .left .buttons-wrapper .button{width:100%;padding-left:23px;width:calc(100% - 23px);height:97px;display:flex;align-items:center;justify-content:start;cursor:pointer;background:#151451;color:#fff;font-family:Roboto;font-size:16px;font-style:normal;font-weight:900;line-height:40px;border:1px solid rgba(0,0,0,0)}.homepage .join-revolution .join-revolution-container .left .buttons-wrapper .selected{background:#fff;color:#151451}.homepage .join-revolution .join-revolution-container .right{display:flex;flex-direction:column;align-items:center;row-gap:26px}.homepage .join-revolution .join-revolution-container .right .title{text-align:center;font-family:Roboto;font-size:40px;font-style:normal;font-weight:900;line-height:40px;color:#151451;max-width:371px}.homepage .join-revolution .join-revolution-container .right .login-options{min-width:337px;max-width:337px;min-height:307px;max-height:307px;background-image:url(\" + ___CSS_LOADER_URL_REPLACEMENT_1___ + \");display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:16px}.homepage .join-revolution .join-revolution-container .right .login-options .title{font-family:Roboto;font-size:12px;font-weight:700;line-height:40px;text-align:center;color:#151451}.homepage .join-revolution .join-revolution-container .right .login-options .other-options{font-family:Roboto;font-size:14px;font-weight:700;line-height:26px;text-align:center;color:#fff;cursor:pointer;text-decoration:underline}.homepage .join-revolution .join-revolution-container .right .login-options .login-option-wrapper{display:flex;flex-direction:column;align-items:center}.homepage .join-revolution .join-revolution-container .right .login-options .login-option-wrapper .login-info-text{font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:28px;text-decoration-line:underline;max-width:266px;text-decoration:underline;cursor:pointer;color:#666}.homepage .join-revolution-mobile{display:none}.homepage .about-nuance-wrapper{width:100%;display:flex;flex-direction:column;align-items:center}.homepage .about-nuance-wrapper .welcome-to-blogging{display:flex;flex-direction:column;align-items:center;margin-top:129px;max-width:928px}.homepage .about-nuance-wrapper .welcome-to-blogging .title{text-align:center;font-family:Roboto;font-size:50px;font-style:normal;font-weight:100;line-height:50px;color:#999;max-width:644px}.homepage .about-nuance-wrapper .welcome-to-blogging .image{margin-top:67px;margin-left:20px;max-width:960px;width:100%;margin-right:10rem;align-self:center}.homepage .about-nuance-wrapper .welcome-to-blogging .colorful-divider{background:linear-gradient(270deg, #25f68d 16.48%, #1bc0f2 94.58%);height:9px;width:100%;max-width:1128px;margin-top:-1.2rem;margin-left:auto;margin-right:auto}.homepage .about-nuance-wrapper .read-write-earn-money{margin-top:84px;display:flex;align-items:start;column-gap:136px;width:90%;max-width:928px}.homepage .about-nuance-wrapper .read-write-earn-money .title{font-family:Roboto;font-size:40px;font-style:normal;font-weight:900;line-height:40px;color:#151451;max-width:352px}.homepage .about-nuance-wrapper .read-write-earn-money .content{max-width:418px;font-family:Roboto;font-size:18px;font-style:normal;font-weight:400;line-height:28px;color:#666;display:flex;flex-direction:column;align-items:start;row-gap:24px}.homepage .about-nuance-wrapper .trending-topics{margin-top:95px;display:flex;align-items:start;flex-direction:column;row-gap:9px;width:90%;max-width:1234px}.homepage .about-nuance-wrapper .trending-topics .title{font-family:Roboto;font-size:18px;font-style:normal;font-weight:700;line-height:40px;text-transform:uppercase;color:#999}.homepage .about-nuance-wrapper .trending-topics .topics-wrapper{display:flex;align-items:center;column-gap:32px;max-width:95vw;overflow-y:scroll}.homepage .about-nuance-wrapper .trending-topics .topics-wrapper .topic{min-width:177px;max-width:177px;height:91px;border-radius:100px;border:1px solid #25f68d;box-shadow:0px 4px 8px 0px rgba(0,0,0,.06);text-align:center;display:flex;align-items:center;justify-content:center;text-align:center;font-family:Roboto;font-size:19px;font-style:normal;font-weight:700;line-height:25px;text-transform:uppercase;color:#999;margin-bottom:4px}.homepage .about-nuance-wrapper .high-tech{margin-top:260px;display:flex;align-items:center;justify-content:space-between;width:90%;max-width:928px}.homepage .about-nuance-wrapper .high-tech .left{display:flex;align-items:start;flex-direction:column;row-gap:65px}.homepage .about-nuance-wrapper .high-tech .left .title{font-family:Roboto;font-size:40px;font-style:normal;font-weight:900;line-height:40px;color:#151451;max-width:371px}.homepage .about-nuance-wrapper .high-tech .left .content{max-width:373px;font-family:Roboto;font-size:18px;font-style:normal;font-weight:400;line-height:28px;color:#666;display:flex;flex-direction:column;align-items:start;row-gap:24px}.homepage .about-nuance-wrapper .high-tech .right-image{max-width:414px}.homepage .about-nuance-wrapper .features-wrapper{margin-top:87px;width:90%;max-width:928px;display:flex;flex-direction:column;align-items:center;row-gap:87px}.homepage .about-nuance-wrapper .features-wrapper .title{text-align:center;font-family:Roboto;font-size:60px;font-style:normal;font-weight:100;line-height:60px;color:#999}.homepage .about-nuance-wrapper .features-wrapper .features-content-wrapper{display:flex;align-items:start;justify-content:center;width:100%;column-gap:102px}.homepage .about-nuance-wrapper .features-wrapper .features-content-wrapper .features-left{display:flex;flex-direction:column;align-items:start;row-gap:39px;padding-top:18px;padding-left:34px;padding-bottom:59px;border-left:1px solid #d9d9d9;min-width:320px;max-width:407px;width:100%;position:relative}.homepage .about-nuance-wrapper .features-wrapper .features-content-wrapper .features-left .feature{display:flex;flex-direction:column;align-items:start;row-gap:5px}.homepage .about-nuance-wrapper .features-wrapper .features-content-wrapper .features-left .feature .title{font-family:Roboto;font-size:16px;font-style:normal;font-weight:700;line-height:26px;color:#151451}.homepage .about-nuance-wrapper .features-wrapper .features-content-wrapper .features-left .feature .content{font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:26px;color:#666}.homepage .about-nuance-wrapper .features-wrapper .features-content-wrapper .features-left .mask-group{position:absolute;position:absolute;bottom:0;left:-175px}.homepage .about-nuance-wrapper .features-wrapper .features-content-wrapper .features-right{display:flex;flex-direction:column;align-items:start;row-gap:39px;padding-top:18px;padding-left:34px;padding-bottom:59px;border-left:1px solid #d9d9d9;min-width:320px;max-width:407px;width:100%}.homepage .about-nuance-wrapper .features-wrapper .features-content-wrapper .features-right .feature{display:flex;flex-direction:column;align-items:start;row-gap:5px}.homepage .about-nuance-wrapper .features-wrapper .features-content-wrapper .features-right .feature .title{font-family:Roboto;font-size:16px;font-style:normal;font-weight:700;line-height:26px;color:#151451}.homepage .about-nuance-wrapper .features-wrapper .features-content-wrapper .features-right .feature .content{font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:26px;color:#666}.homepage .about-nuance-wrapper .monetize-wrapper{max-width:928px;margin-top:178px;background-image:url(\" + ___CSS_LOADER_URL_REPLACEMENT_2___ + \");background-position:top;background-repeat:no-repeat;background-size:100%;width:100%;display:flex;align-items:start;padding-left:75px;padding-top:66px}.homepage .about-nuance-wrapper .monetize-wrapper .left{display:flex;flex-direction:column;row-gap:24px;align-items:start}.homepage .about-nuance-wrapper .monetize-wrapper .left .title{font-family:Roboto;font-size:40px;font-style:normal;font-weight:900;line-height:40px;color:#fff;min-width:371px;max-width:371px}.homepage .about-nuance-wrapper .monetize-wrapper .left .content{font-family:Roboto;font-size:18px;font-style:normal;font-weight:400;line-height:26px;color:#19192e;width:320px;display:flex;flex-direction:column;align-items:start;row-gap:24px}.homepage .about-nuance-wrapper .monetize-wrapper .left .content .list-nowrap{white-space:nowrap;padding-left:15px}.homepage .about-nuance-wrapper .monetize-wrapper .monetize-image{min-width:640px}.homepage .about-nuance-wrapper .monetize-wrapper-mobile{display:none}.homepage .about-nuance-wrapper .start-writing{margin-top:215px;display:flex;flex-direction:column;align-items:center;row-gap:32px}.homepage .about-nuance-wrapper .start-writing .title{text-align:center;font-family:Roboto;font-size:40px;font-style:normal;font-weight:100;line-height:50px;max-width:812px;color:#999}.homepage .about-nuance-wrapper .start-writing .login-buttons-wrapper{margin-top:0}.homepage .about-nuance-wrapper .start-writing .login-button-mobile{display:none}.homepage .about-nuance-wrapper .start-a-movement{margin-top:247px;display:flex;align-items:center;justify-content:space-between;width:90%;max-width:928px}.homepage .about-nuance-wrapper .start-a-movement .left{display:flex;flex-direction:column;align-items:start;row-gap:65px;max-width:373px}.homepage .about-nuance-wrapper .start-a-movement .left .title{font-family:Roboto;font-size:40px;font-style:normal;font-weight:900;line-height:40px;color:#151451}.homepage .about-nuance-wrapper .start-a-movement .left .content{font-family:Roboto;font-size:18px;font-style:normal;font-weight:400;line-height:28px;color:#666;display:flex;flex-direction:column;align-items:start;row-gap:24px}.homepage .about-nuance-wrapper .start-a-movement .right-image{max-width:414px}.homepage .about-nuance-wrapper .end-colorful-divider{background:linear-gradient(270deg, #25f68d 16.48%, #1bc0f2 94.58%);height:9px;width:95%;margin-top:320px;margin-bottom:40px}.homepage .about-nuance-wrapper .login-buttons-wrapper{width:100%;display:flex;justify-content:center;align-items:center;column-gap:40px;margin-top:61px}.homepage .about-nuance-wrapper .login-button-mobile{display:none}.homepage .articles-section-wrapper{display:flex;max-width:1426px;width:100%;margin-top:150px;justify-content:center}.homepage .articles-section-wrapper .left{min-width:366px;max-width:366px;display:flex;flex-direction:column;align-items:center;row-gap:24px;padding-bottom:113px}.homepage .articles-section-wrapper .left .user-info{display:flex;flex-direction:column;align-items:center;row-gap:16px;margin-top:113px}.homepage .articles-section-wrapper .left .user-info .avatar{min-width:62px;max-width:62px;min-height:62px;max-height:62px;border-radius:50%;background:#999}.homepage .articles-section-wrapper .left .user-info .display-name{font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:24px;color:#999}.homepage .articles-section-wrapper .left .user-info .handle{font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:24px;color:#151451}.homepage .articles-section-wrapper .left .user-info .handle:hover{text-decoration:underline}.homepage .articles-section-wrapper .left .social-channels{display:flex;align-items:center;column-gap:4px}.homepage .articles-section-wrapper .left .social-channels .social-channel-icon{cursor:pointer;min-width:18px;max-width:18px;min-height:18px;max-height:18px}.homepage .articles-section-wrapper .left .articles{text-align:center;font-family:Roboto;font-size:10px;font-style:normal;font-weight:600;line-height:20px;color:#151451;display:flex;align-items:center;column-gap:4px}.homepage .articles-section-wrapper .left .blue-logo{min-width:148px;max-width:148px;min-height:128px;max-height:128px;width:262px;height:120px}.homepage .articles-section-wrapper .left .blogging-to-the-people{text-align:center;font-family:Roboto;font-size:38px;font-style:normal;font-weight:300;line-height:45px;color:#999;width:262px}.homepage .articles-section-wrapper .left .content{text-align:center;font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;line-height:22px;width:262px;display:flex;flex-direction:column;align-items:center;row-gap:12px}.homepage .articles-section-wrapper .left .login-options{display:flex;flex-direction:column;align-items:center;row-gap:13px}.homepage .articles-section-wrapper .left .login-options .login-option-wrapper{display:flex;flex-direction:column;align-items:center}.homepage .articles-section-wrapper .left .login-options .login-option-wrapper .login-info-text{font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:28px;text-decoration-line:underline;max-width:266px;text-decoration:underline;cursor:pointer;color:#666}.homepage .articles-section-wrapper .left .login-options .other-options{text-align:center;font-family:Roboto;font-size:16px;font-style:normal;font-weight:700;line-height:26px;text-decoration-line:underline;color:#151451;cursor:pointer}.homepage .articles-section-wrapper .left-mobile{display:none;transition:.2s ease-in-out all}.homepage .articles-section-wrapper .right{padding-left:98px;width:calc(100% - 99px);max-width:961px;border-left:1px solid #d9d9d9;display:flex;flex-direction:column;position:relative;min-height:100vh}.homepage .articles-section-wrapper .right .mask-group{width:157px;position:absolute;left:-157px;top:320px;z-index:-1}.homepage .articles-section-wrapper .right .searchbar-wrapper{position:absolute;top:-100px;left:120px;filter:none}.homepage .articles-section-wrapper .right .tabs-and-grid-wrapper{width:calc(100% - 20px);display:flex;flex-direction:column;align-items:center;position:relative}.homepage .articles-section-wrapper .right .tabs-and-grid-wrapper .tabs{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9d9d9;width:100%}.homepage .articles-section-wrapper .right .tabs-and-grid-wrapper .tabs .left-items{display:flex;align-items:center}.homepage .articles-section-wrapper .right .tabs-and-grid-wrapper .tabs .left-items .item{font-family:Roboto;font-size:14px;font-style:normal;font-weight:700;line-height:normal;color:#151451;cursor:pointer;padding-top:12px;padding-bottom:12px;padding-left:26px;padding-right:26px;border-right:1px solid rgba(0,0,0,0);border-left:1px solid rgba(0,0,0,0)}.homepage .articles-section-wrapper .right .tabs-and-grid-wrapper .tabs .left-items .item:hover{border-right:1px solid #d9d9d9;border-left:1px solid #d9d9d9;color:#02c3a1 !important;text-decoration:underline}.homepage .articles-section-wrapper .right .tabs-and-grid-wrapper .tabs .left-items .item-selected{font-family:Roboto;font-size:14px;font-style:normal;font-weight:700;line-height:normal;color:#02c3a1 !important;cursor:pointer;padding-top:12px;padding-bottom:12px;padding-left:26px;padding-right:26px;border-right:1px solid #d9d9d9;border-left:1px solid #d9d9d9}.homepage .articles-section-wrapper .right .tabs-and-grid-wrapper .tabs .search-item{padding-top:12px;padding-bottom:12px;padding-left:26px;padding-right:26px;font-family:Roboto;font-size:14px;font-style:normal;font-weight:700;line-height:normal;color:#02c3a1;border-right:1px solid #d9d9d9;border-left:1px solid #d9d9d9;cursor:pointer}.homepage .articles-section-wrapper .right .tabs-and-grid-wrapper .homepage-vertical-grid{display:grid;width:100%;grid-template-columns:repeat(auto-fill, calc(50% - 36px));row-gap:56px;column-gap:72px;margin-top:80px}.homepage .articles-section-wrapper .right .tabs-and-grid-wrapper .homepage-horizontal-flex{margin-top:56px;margin-bottom:56px;display:flex;flex-direction:column;width:100%;row-gap:56px}.homepage .articles-section-wrapper .right .tabs-and-grid-wrapper .search-results-wrapper{margin-top:24px}@media only screen and (max-width: 1240px){.homepage .about-nuance-wrapper .monetize-wrapper{display:none}.homepage .about-nuance-wrapper .monetize-wrapper-mobile{display:flex;flex-direction:column;width:100vw;margin-top:80px;align-items:center}.homepage .about-nuance-wrapper .monetize-wrapper-mobile .monetize-image{width:80%}.homepage .about-nuance-wrapper .monetize-wrapper-mobile .content-inside{background:linear-gradient(180deg, #25f68d 0%, #1bc0f2 100%);width:100%;padding-top:15px;height:290px;padding-left:43px;row-gap:29px;display:flex;flex-direction:column;align-items:start;margin-top:48px}.homepage .about-nuance-wrapper .monetize-wrapper-mobile .content-inside .title{font-family:Roboto;font-size:40px;font-style:normal;font-weight:900;line-height:40px;color:#fff;max-width:265px}.homepage .about-nuance-wrapper .monetize-wrapper-mobile .content-inside .content{font-family:Roboto;font-size:18px;font-style:normal;font-weight:400;line-height:26px;color:#151451;width:calc(100% - 25px)}.homepage .about-nuance-wrapper .monetize-wrapper-mobile .content-outside{font-family:Roboto;font-size:16px;font-style:normal;font-weight:400;line-height:26px;color:#666;width:calc(100% - 25px);padding-left:25px;margin-top:12px}.homepage .about-nuance-wrapper .monetize-wrapper-mobile .content-outside .list-nowrap{white-space:nowrap}.homepage .articles-section-wrapper .left{min-width:312px;max-width:312px}.homepage .articles-section-wrapper .right{padding-left:40px}.homepage .articles-section-wrapper .right .searchbar-wrapper{left:40px}.homepage .articles-section-wrapper .right .tabs-and-grid-wrapper .homepage-vertical-grid{grid-template-columns:repeat(auto-fill, calc(50% - 15px));row-gap:30px;column-gap:30px;margin-top:60px}.homepage .articles-section-wrapper .right .tabs-and-grid-wrapper .homepage-horizontal-flex{row-gap:30px;margin-top:30px}}@media only screen and (max-width: 768px){.homepage .join-revolution{display:none}.homepage .join-revolution-mobile{display:flex;flex-direction:column;background-image:url(\" + ___CSS_LOADER_URL_REPLACEMENT_3___ + \");background-position:right;width:100%;align-items:center;margin-top:-50px;row-gap:24px}.homepage .join-revolution-mobile .nuance-logo-blue-text{width:190px;height:190px;display:flex;flex-direction:column;align-items:center;justify-content:end;background:linear-gradient(180deg, #ffffff, transparent)}.homepage .join-revolution-mobile .nuance-logo-blue-text .image-container{width:145px}.homepage .join-revolution-mobile .login-options-mobile-wrapper{display:flex;flex-direction:column;align-items:center;row-gap:12px}.homepage .join-revolution-mobile .login-options-mobile-wrapper .title{font-family:Roboto;font-size:32px;font-weight:900;line-height:40px;text-align:center;color:#151451;max-width:290px}.homepage .join-revolution-mobile .login-options-mobile-wrapper .login-options{min-width:290px;max-width:337px;min-height:280px;max-height:307px;background-image:url(\" + ___CSS_LOADER_URL_REPLACEMENT_1___ + \");display:flex;flex-direction:column;align-items:center;justify-content:center;row-gap:16px}.homepage .join-revolution-mobile .login-options-mobile-wrapper .login-options .title{font-family:Roboto;font-size:12px;font-weight:700;line-height:40px;text-align:center;color:#151451}.homepage .join-revolution-mobile .login-options-mobile-wrapper .login-options .other-options{font-family:Roboto;font-size:14px;font-weight:700;line-height:26px;text-align:center;color:#fff;cursor:pointer;text-decoration:underline}.homepage .join-revolution-mobile .login-options-mobile-wrapper .login-options .login-option-wrapper{display:flex;flex-direction:column;align-items:center}.homepage .join-revolution-mobile .login-options-mobile-wrapper .login-options .login-option-wrapper .login-info-text{font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:28px;text-decoration-line:underline;max-width:266px;text-decoration:underline;cursor:pointer;color:#666}.homepage .join-revolution-mobile .buttons-wrapper{min-height:99px;max-height:99px;max-width:376px;width:90%;display:flex;align-items:end;column-gap:5px}.homepage .join-revolution-mobile .buttons-wrapper .button{width:100%;padding-left:23px;width:calc(100% - 23px);height:80px;display:flex;align-items:end;justify-content:start;cursor:pointer;background:#151451;color:#fff;font-family:Roboto;font-size:16px;font-style:normal;font-weight:900;line-height:40px;border:1px solid rgba(0,0,0,0)}.homepage .join-revolution-mobile .buttons-wrapper .selected{background:#fff;color:#151451}.homepage .about-nuance-wrapper .welcome-to-blogging{margin-top:94px;row-gap:48px}.homepage .about-nuance-wrapper .welcome-to-blogging .title{text-align:center;font-family:Roboto;font-size:30px;font-style:normal;font-weight:100;line-height:40px}.homepage .about-nuance-wrapper .welcome-to-blogging .image{margin-top:0;margin-left:6rem}}@media only screen and (max-width: 768px)and (min-width: 768px)and (max-width: 1024px){.homepage .about-nuance-wrapper .welcome-to-blogging .image{margin-left:3rem}}@media only screen and (max-width: 768px)and (min-width: 444px)and (max-width: 768px){.homepage .about-nuance-wrapper .welcome-to-blogging .image{margin-left:2.5rem}}@media only screen and (max-width: 768px){.homepage .about-nuance-wrapper .welcome-to-blogging .colorful-divider{width:93%;margin-top:-3.5rem;margin-left:auto;margin-right:auto}}@media only screen and (max-width: 768px)and (min-width: 768px)and (max-width: 1024px){.homepage .about-nuance-wrapper .welcome-to-blogging .colorful-divider{width:90%;margin-left:2.5rem;margin-right:auto;margin-top:-4rem}}@media only screen and (max-width: 768px)and (min-width: 444px)and (max-width: 768px){.homepage .about-nuance-wrapper .welcome-to-blogging .colorful-divider{width:90%;margin-left:2.5rem;margin-right:auto;margin-top:-4rem}}@media only screen and (max-width: 768px){.homepage .about-nuance-wrapper .start-writing{display:none}.homepage .about-nuance-wrapper .read-write-earn-money{margin-top:48px;flex-direction:column;row-gap:40px}.homepage .about-nuance-wrapper .read-write-earn-money .title{font-size:32px;line-height:38px}.homepage .about-nuance-wrapper .read-write-earn-money .content{max-width:unset}.homepage .about-nuance-wrapper .login-buttons-wrapper{display:none}.homepage .about-nuance-wrapper .login-button-mobile{display:flex;margin-top:106px}.homepage .about-nuance-wrapper .trending-topics{margin-top:52px}.homepage .about-nuance-wrapper .high-tech{margin-top:46px;justify-content:start;flex-direction:column-reverse;row-gap:16px;width:100%}.homepage .about-nuance-wrapper .high-tech .left{width:90%}.homepage .about-nuance-wrapper .high-tech .left .title{font-size:32px;line-height:38px}.homepage .about-nuance-wrapper .high-tech .left .content{max-width:unset}.homepage .about-nuance-wrapper .high-tech .right-image{width:100%}.homepage .about-nuance-wrapper .features-wrapper{margin-top:87px;row-gap:50px}.homepage .about-nuance-wrapper .features-wrapper .title{font-size:40px;font-style:normal;font-weight:100;line-height:60px}.homepage .about-nuance-wrapper .features-wrapper .features-content-wrapper{flex-direction:column}.homepage .about-nuance-wrapper .features-wrapper .features-content-wrapper .features-left{padding-bottom:25px;max-width:unset;min-width:unset}.homepage .about-nuance-wrapper .features-wrapper .features-content-wrapper .features-right{max-width:unset;min-width:unset}.homepage .about-nuance-wrapper .start-a-movement{flex-direction:column-reverse;margin-top:121px;row-gap:103px}.homepage .about-nuance-wrapper .start-a-movement .left{max-width:unset;row-gap:60px}.homepage .about-nuance-wrapper .start-a-movement .left .title{font-size:32px;font-style:normal;font-weight:900;line-height:38px}.homepage .about-nuance-wrapper .start-a-movement .right-image{max-width:unset;width:100%}.homepage .about-nuance-wrapper .trending-topics .topics-wrapper{column-gap:20px}.homepage .about-nuance-wrapper .trending-topics .topics-wrapper .topic{min-width:112px;max-width:112px;height:58px;font-size:16px;font-style:normal;font-weight:700;line-height:20px}.homepage .articles-section-wrapper{justify-content:start;margin-top:100px}.homepage .articles-section-wrapper .left{display:none}.homepage .articles-section-wrapper .left-mobile{min-width:20px;max-width:20px;overflow:hidden;display:flex;flex-direction:column;align-items:center;row-gap:18px;position:relative}.homepage .articles-section-wrapper .left-mobile .user-info{display:flex;flex-direction:column;align-items:center;row-gap:12px;margin-top:113px}.homepage .articles-section-wrapper .left-mobile .user-info .avatar{min-width:62px;max-width:62px;min-height:62px;max-height:62px;border-radius:50%;background:#999}.homepage .articles-section-wrapper .left-mobile .user-info .display-name{font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:28px;color:#999}.homepage .articles-section-wrapper .left-mobile .user-info .handle{font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:18px;color:#151451}.homepage .articles-section-wrapper .left-mobile .user-info .handle:hover{text-decoration:underline}.homepage .articles-section-wrapper .left-mobile .social-channels{display:flex;align-items:center;column-gap:4px}.homepage .articles-section-wrapper .left-mobile .social-channels .social-channel-icon{cursor:pointer;min-width:18px;max-width:18px;min-height:18px;max-height:18px}.homepage .articles-section-wrapper .left-mobile .articles{text-align:center;font-family:Roboto;font-size:10px;font-style:normal;font-weight:600;line-height:20px;color:#151451;display:flex;align-items:center;column-gap:4px}.homepage .articles-section-wrapper .left-mobile .blue-logo{min-width:148px;max-width:148px;min-height:128px;max-height:128px;width:174px;height:120px}.homepage .articles-section-wrapper .left-mobile .blogging-to-the-people{text-align:center;font-family:Roboto;font-size:20px;font-style:normal;font-weight:300;line-height:30px;color:#999;width:174px}.homepage .articles-section-wrapper .left-mobile .content{text-align:center;font-family:Roboto;font-size:12px;font-style:normal;font-weight:400;line-height:16px;width:174px;display:flex;flex-direction:column;align-items:center;row-gap:8px}.homepage .articles-section-wrapper .left-mobile .login-options{display:flex;flex-direction:column;align-items:center;row-gap:8px}.homepage .articles-section-wrapper .left-mobile .login-options .login-option-wrapper{display:flex;flex-direction:column;align-items:center}.homepage .articles-section-wrapper .left-mobile .login-options .login-option-wrapper .login-info-text{font-family:Roboto;font-size:10px;font-style:normal;font-weight:400;line-height:18px;text-decoration-line:underline;max-width:174px;text-decoration:underline;text-align:center;cursor:pointer;color:#666}.homepage .articles-section-wrapper .left-mobile .login-options .other-options{text-align:center;font-family:Roboto;font-size:12px;font-style:normal;font-weight:700;line-height:28px;text-decoration-line:underline;color:#151451;cursor:pointer}.homepage .articles-section-wrapper .left-mobile .menu-button{width:12px;height:12px;cursor:pointer;position:absolute;right:4px;top:0}.homepage .articles-section-wrapper .left-mobile .menu-button .burger-menu-icon{width:12px;height:10px;position:relative;cursor:pointer;display:inline-block}.homepage .articles-section-wrapper .left-mobile .menu-button .burger-menu-icon span{background-color:#151451;position:absolute;height:1px;width:100%;transition:all .2s ease-in-out}.homepage .articles-section-wrapper .left-mobile .menu-button .burger-menu-icon span:nth-child(1){top:0px}.homepage .articles-section-wrapper .left-mobile .menu-button .burger-menu-icon span:nth-child(2){top:4px}.homepage .articles-section-wrapper .left-mobile .menu-button .burger-menu-icon span:nth-child(3){top:8px}.homepage .articles-section-wrapper .left-mobile .menu-button .burger-menu-icon.active span:nth-child(1){top:4px;transform:rotate(45deg)}.homepage .articles-section-wrapper .left-mobile .menu-button .burger-menu-icon.active span:nth-child(2){opacity:0}.homepage .articles-section-wrapper .left-mobile .menu-button .burger-menu-icon.active span:nth-child(3){top:4px;transform:rotate(-45deg)}.homepage .articles-section-wrapper .right{padding-left:20px;width:100%}.homepage .articles-section-wrapper .right .searchbar-wrapper{left:20px}.homepage .articles-section-wrapper .right .tabs-and-grid-wrapper .homepage-vertical-grid{grid-template-columns:repeat(auto-fill, 100%);row-gap:30px;column-gap:30px;margin-top:60px}.homepage .articles-section-wrapper .right .tabs-and-grid-wrapper .homepage-horizontal-flex{row-gap:30px;margin-top:30px}.homepage .articles-section-wrapper .right .tabs-and-grid-wrapper .tabs{flex-wrap:wrap}.homepage .articles-section-wrapper .right .tabs-and-grid-wrapper .tabs .left-items .item{padding:12px;font-size:10px}.homepage .articles-section-wrapper .right .tabs-and-grid-wrapper .tabs .left-items .item-selected{padding:12px;font-size:10px}.homepage .articles-section-wrapper .right .tabs-and-grid-wrapper .tabs .search-item{padding:12px;font-size:10px}}@media only screen and (max-width: 490px){.homepage .about-nuance-wrapper .monetize-wrapper-mobile .content-inside{height:315px}}@media only screen and (max-width: 386px){.homepage .about-nuance-wrapper .monetize-wrapper-mobile .content-inside{height:340px}}\", \"\",{\"version\":3,\"sources\":[\"webpack://./src/nuance_assets/screens/home/homepage.scss\",\"webpack://./src/nuance_assets/shared/styles/_Colors.scss\"],\"names\":[],\"mappings\":\"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\",\"sourcesContent\":[\"@import '../../shared/styles/Colors';\\n.homepage {\\n  display: flex;\\n  flex-direction: column;\\n  align-items: center;\\n  width: 100%;\\n  overflow-x: hidden;\\n  .login-buttons-style {\\n    background-color: $accent-color;\\n  }\\n  .join-revolution {\\n    margin-top: -64px;\\n    min-height: 615px;\\n    max-height: 615px;\\n    width: 100%;\\n    background-image: url('../../assets/assets/images/join-the-revolution-background.webp');\\n    background-position: right;\\n    display: flex;\\n    flex-direction: column;\\n    align-items: center;\\n    justify-content: end;\\n    .join-revolution-container {\\n      width: calc(100% - 56px);\\n      background: linear-gradient(\\n        180deg,\\n        #ffffff00 0%,\\n        rgb(255 255 255 / 68%) 100%\\n      );\\n      height: 555px;\\n      display: flex;\\n      align-items: end;\\n      justify-content: space-around;\\n      .left {\\n        display: flex;\\n        flex-direction: column;\\n        align-items: center;\\n        row-gap: 106px;\\n        .nuance-logo-blue-text {\\n          min-width: 268px;\\n          max-width: 268px;\\n          min-height: 233px;\\n          max-height: 233px;\\n          .image-container {\\n            width: 100%;\\n          }\\n        }\\n        .buttons-wrapper {\\n          min-height: 99px;\\n          max-height: 99px;\\n          width: 399px;\\n          display: flex;\\n          align-items: end;\\n          column-gap: 5px;\\n          .button {\\n            width: 100%;\\n            padding-left: 23px;\\n            width: calc(100% - 23px);\\n            height: 97px;\\n            display: flex;\\n            align-items: center;\\n            justify-content: start;\\n            cursor: pointer;\\n            background: $primary-color;\\n            color: $primary-background-color;\\n            font-family: Roboto;\\n            font-size: 16px;\\n            font-style: normal;\\n            font-weight: 900;\\n            line-height: 40px;\\n            border: 1px solid transparent;\\n          }\\n          .selected {\\n            background: $primary-background-color;\\n            color: $primary-color;\\n          }\\n        }\\n      }\\n      .right {\\n        display: flex;\\n        flex-direction: column;\\n        align-items: center;\\n        row-gap: 26px;\\n        .title {\\n          text-align: center;\\n          font-family: Roboto;\\n          font-size: 40px;\\n          font-style: normal;\\n          font-weight: 900;\\n          line-height: 40px;\\n          color: $primary-color;\\n          max-width: 371px;\\n        }\\n        .login-options {\\n          min-width: 337px;\\n          max-width: 337px;\\n          min-height: 307px;\\n          max-height: 307px;\\n          background-image: url('../../assets/assets/images/homepage-login-options-background.svg');\\n          display: flex;\\n          flex-direction: column;\\n          align-items: center;\\n          justify-content: center;\\n          row-gap: 16px;\\n          .title {\\n            font-family: Roboto;\\n            font-size: 12px;\\n            font-weight: 700;\\n            line-height: 40px;\\n            text-align: center;\\n            color: $primary-color;\\n          }\\n          .other-options {\\n            font-family: Roboto;\\n            font-size: 14px;\\n            font-weight: 700;\\n            line-height: 26px;\\n            text-align: center;\\n            color: $primary-background-color;\\n            cursor: pointer;\\n            text-decoration: underline;\\n          }\\n          .login-option-wrapper {\\n            display: flex;\\n            flex-direction: column;\\n            align-items: center;\\n            .login-info-text {\\n              font-family: Roboto;\\n              font-size: 12px;\\n              font-style: normal;\\n              font-weight: 400;\\n              line-height: 28px;\\n              text-decoration-line: underline;\\n              max-width: 266px;\\n              text-decoration: underline;\\n              cursor: pointer;\\n              color: $lighter-content-text-color;\\n            }\\n          }\\n        }\\n      }\\n    }\\n  }\\n  .join-revolution-mobile {\\n    display: none;\\n  }\\n\\n  .about-nuance-wrapper {\\n    width: 100%;\\n    display: flex;\\n    flex-direction: column;\\n    align-items: center;\\n    .welcome-to-blogging {\\n      display: flex;\\n      flex-direction: column;\\n      align-items: center;\\n      margin-top: 129px;\\n      max-width: 928px;\\n      .title {\\n        text-align: center;\\n        font-family: Roboto;\\n        font-size: 50px;\\n        font-style: normal;\\n        font-weight: 100;\\n        line-height: 50px;\\n        color: $lighter-text-color;\\n        max-width: 644px;\\n      }\\n      .image {\\n        margin-top: 67px;\\n        margin-left: 20px;\\n        max-width: 960px;\\n        width: 100%;\\n        margin-right: 10rem;\\n        align-self: center;\\n      }\\n      .colorful-divider {\\n        background: linear-gradient(270deg, #25f68d 16.48%, #1bc0f2 94.58%);\\n        height: 9px;\\n        width: 100%;\\n        max-width: 1128px;\\n        margin-top: -1.2rem;\\n        margin-left: auto;\\n        margin-right: auto;\\n      }\\n    }\\n\\n    .read-write-earn-money {\\n      margin-top: 84px;\\n      display: flex;\\n      align-items: start;\\n      column-gap: 136px;\\n      width: 90%;\\n      max-width: 928px;\\n\\n      .title {\\n        font-family: Roboto;\\n        font-size: 40px;\\n        font-style: normal;\\n        font-weight: 900;\\n        line-height: 40px;\\n        color: $primary-color;\\n        max-width: 352px;\\n      }\\n      .content {\\n        max-width: 418px;\\n        font-family: Roboto;\\n        font-size: 18px;\\n        font-style: normal;\\n        font-weight: 400;\\n        line-height: 28px;\\n        color: $lighter-content-text-color;\\n        display: flex;\\n        flex-direction: column;\\n        align-items: start;\\n        row-gap: 24px;\\n      }\\n    }\\n\\n    .trending-topics {\\n      margin-top: 95px;\\n      display: flex;\\n      align-items: start;\\n      flex-direction: column;\\n      row-gap: 9px;\\n      width: 90%;\\n      max-width: 1234px;\\n      .title {\\n        font-family: Roboto;\\n        font-size: 18px;\\n        font-style: normal;\\n        font-weight: 700;\\n        line-height: 40px; /* 222.222% */\\n        text-transform: uppercase;\\n        color: $lighter-text-color;\\n      }\\n      .topics-wrapper {\\n        display: flex;\\n        align-items: center;\\n        column-gap: 32px;\\n        max-width: 95vw;\\n        overflow-y: scroll;\\n        .topic {\\n          min-width: 177px;\\n          max-width: 177px;\\n          height: 91px;\\n          border-radius: 100px;\\n          border: 1px solid $highlight-one;\\n          box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.06);\\n          text-align: center;\\n          display: flex;\\n          align-items: center;\\n          justify-content: center;\\n          text-align: center;\\n          font-family: Roboto;\\n          font-size: 19px;\\n          font-style: normal;\\n          font-weight: 700;\\n          line-height: 25px; /* 222.222% */\\n          text-transform: uppercase;\\n          color: $lighter-text-color;\\n          margin-bottom: 4px;\\n        }\\n      }\\n    }\\n\\n    .high-tech {\\n      margin-top: 260px;\\n      display: flex;\\n      align-items: center;\\n      justify-content: space-between;\\n      width: 90%;\\n      max-width: 928px;\\n      .left {\\n        display: flex;\\n        align-items: start;\\n        flex-direction: column;\\n        row-gap: 65px;\\n        .title {\\n          font-family: Roboto;\\n          font-size: 40px;\\n          font-style: normal;\\n          font-weight: 900;\\n          line-height: 40px;\\n          color: $primary-color;\\n          max-width: 371px;\\n        }\\n        .content {\\n          max-width: 373px;\\n          font-family: Roboto;\\n          font-size: 18px;\\n          font-style: normal;\\n          font-weight: 400;\\n          line-height: 28px;\\n          color: $lighter-content-text-color;\\n          display: flex;\\n          flex-direction: column;\\n          align-items: start;\\n          row-gap: 24px;\\n        }\\n      }\\n      .right-image {\\n        max-width: 414px;\\n      }\\n    }\\n    .features-wrapper {\\n      margin-top: 87px;\\n      width: 90%;\\n      max-width: 928px;\\n      display: flex;\\n      flex-direction: column;\\n      align-items: center;\\n      row-gap: 87px;\\n      .title {\\n        text-align: center;\\n        font-family: Roboto;\\n        font-size: 60px;\\n        font-style: normal;\\n        font-weight: 100;\\n        line-height: 60px;\\n        color: $lighter-text-color;\\n      }\\n      .features-content-wrapper {\\n        display: flex;\\n        align-items: start;\\n        justify-content: center;\\n        width: 100%;\\n        column-gap: 102px;\\n        .features-left {\\n          display: flex;\\n          flex-direction: column;\\n          align-items: start;\\n          row-gap: 39px;\\n          padding-top: 18px;\\n          padding-left: 34px;\\n          padding-bottom: 59px;\\n          border-left: 1px solid #d9d9d9;\\n          min-width: 320px;\\n          max-width: 407px;\\n          width: 100%;\\n          position: relative;\\n          .feature {\\n            display: flex;\\n            flex-direction: column;\\n            align-items: start;\\n            row-gap: 5px;\\n            .title {\\n              font-family: Roboto;\\n              font-size: 16px;\\n              font-style: normal;\\n              font-weight: 700;\\n              line-height: 26px;\\n              color: $primary-color;\\n            }\\n            .content {\\n              font-family: Roboto;\\n              font-size: 16px;\\n              font-style: normal;\\n              font-weight: 400;\\n              line-height: 26px;\\n              color: $lighter-content-text-color;\\n            }\\n          }\\n          .mask-group {\\n            position: absolute;\\n            position: absolute;\\n            bottom: 0;\\n            left: -175px;\\n          }\\n        }\\n        .features-right {\\n          display: flex;\\n          flex-direction: column;\\n          align-items: start;\\n          row-gap: 39px;\\n          padding-top: 18px;\\n          padding-left: 34px;\\n          padding-bottom: 59px;\\n          border-left: 1px solid #d9d9d9;\\n          min-width: 320px;\\n          max-width: 407px;\\n          width: 100%;\\n          .feature {\\n            display: flex;\\n            flex-direction: column;\\n            align-items: start;\\n            row-gap: 5px;\\n            .title {\\n              font-family: Roboto;\\n              font-size: 16px;\\n              font-style: normal;\\n              font-weight: 700;\\n              line-height: 26px;\\n              color: $primary-color;\\n            }\\n            .content {\\n              font-family: Roboto;\\n              font-size: 16px;\\n              font-style: normal;\\n              font-weight: 400;\\n              line-height: 26px;\\n              color: $lighter-content-text-color;\\n            }\\n          }\\n        }\\n      }\\n    }\\n    .monetize-wrapper {\\n      max-width: 928px;\\n      margin-top: 178px;\\n      background-image: url('../../assets/assets/images/monetize_background.svg');\\n      background-position: top;\\n      background-repeat: no-repeat;\\n      background-size: 100%;\\n      width: 100%;\\n      display: flex;\\n      align-items: start;\\n      padding-left: 75px;\\n      padding-top: 66px;\\n      .left {\\n        display: flex;\\n        flex-direction: column;\\n        row-gap: 24px;\\n        align-items: start;\\n        .title {\\n          font-family: Roboto;\\n          font-size: 40px;\\n          font-style: normal;\\n          font-weight: 900;\\n          line-height: 40px;\\n          color: $primary-background-color;\\n          min-width: 371px;\\n          max-width: 371px;\\n        }\\n        .content {\\n          font-family: Roboto;\\n          font-size: 18px;\\n          font-style: normal;\\n          font-weight: 400;\\n          line-height: 26px;\\n          color: $edit-profile-input-text-color;\\n          width: 320px;\\n          display: flex;\\n          flex-direction: column;\\n          align-items: start;\\n          row-gap: 24px;\\n\\n          .list-nowrap {\\n            white-space: nowrap;\\n            padding-left: 15px;\\n          }\\n        }\\n      }\\n      .monetize-image {\\n        min-width: 640px;\\n      }\\n    }\\n    .monetize-wrapper-mobile {\\n      display: none;\\n    }\\n    .start-writing {\\n      margin-top: 215px;\\n      display: flex;\\n      flex-direction: column;\\n      align-items: center;\\n      row-gap: 32px;\\n      .title {\\n        text-align: center;\\n        font-family: Roboto;\\n        font-size: 40px;\\n        font-style: normal;\\n        font-weight: 100;\\n        line-height: 50px;\\n        max-width: 812px;\\n        color: $lighter-text-color;\\n      }\\n      .login-buttons-wrapper {\\n        margin-top: 0;\\n      }\\n      .login-button-mobile {\\n        display: none;\\n      }\\n    }\\n    .start-a-movement {\\n      margin-top: 247px;\\n      display: flex;\\n      align-items: center;\\n      justify-content: space-between;\\n      width: 90%;\\n      max-width: 928px;\\n      .left {\\n        display: flex;\\n        flex-direction: column;\\n        align-items: start;\\n        row-gap: 65px;\\n        max-width: 373px;\\n        .title {\\n          font-family: Roboto;\\n          font-size: 40px;\\n          font-style: normal;\\n          font-weight: 900;\\n          line-height: 40px;\\n          color: $primary-color;\\n        }\\n        .content {\\n          font-family: Roboto;\\n          font-size: 18px;\\n          font-style: normal;\\n          font-weight: 400;\\n          line-height: 28px;\\n          color: $lighter-content-text-color;\\n          display: flex;\\n          flex-direction: column;\\n          align-items: start;\\n          row-gap: 24px;\\n        }\\n      }\\n      .right-image {\\n        max-width: 414px;\\n      }\\n    }\\n    .end-colorful-divider {\\n      background: linear-gradient(270deg, #25f68d 16.48%, #1bc0f2 94.58%);\\n      height: 9px;\\n      width: 95%;\\n      margin-top: 320px;\\n      margin-bottom: 40px;\\n    }\\n    .login-buttons-wrapper {\\n      width: 100%;\\n      display: flex;\\n      justify-content: center;\\n      align-items: center;\\n      column-gap: 40px;\\n      margin-top: 61px;\\n    }\\n    .login-button-mobile {\\n      display: none;\\n    }\\n  }\\n\\n  .articles-section-wrapper {\\n    display: flex;\\n    max-width: 1426px;\\n    width: 100%;\\n    margin-top: 150px;\\n    justify-content: center;\\n    .left {\\n      min-width: 366px;\\n      max-width: 366px;\\n      display: flex;\\n      flex-direction: column;\\n      align-items: center;\\n      row-gap: 24px;\\n      padding-bottom: 113px;\\n      .user-info {\\n        display: flex;\\n        flex-direction: column;\\n        align-items: center;\\n        row-gap: 16px;\\n        margin-top: 113px;\\n        .avatar {\\n          min-width: 62px;\\n          max-width: 62px;\\n          min-height: 62px;\\n          max-height: 62px;\\n          border-radius: 50%;\\n          background: #999;\\n        }\\n        .display-name {\\n          font-family: Roboto;\\n          font-size: 16px;\\n          font-style: normal;\\n          font-weight: 400;\\n          line-height: 24px;\\n          color: $lighter-text-color;\\n        }\\n        .handle {\\n          font-family: Roboto;\\n          font-size: 16px;\\n          font-style: normal;\\n          font-weight: 400;\\n          line-height: 24px;\\n          color: $primary-color;\\n          &:hover {\\n            text-decoration: underline;\\n          }\\n        }\\n      }\\n      .social-channels {\\n        display: flex;\\n        align-items: center;\\n        column-gap: 4px;\\n        .social-channel-icon {\\n          cursor: pointer;\\n          min-width: 18px;\\n          max-width: 18px;\\n          min-height: 18px;\\n          max-height: 18px;\\n        }\\n      }\\n      .articles {\\n        text-align: center;\\n        font-family: Roboto;\\n        font-size: 10px;\\n        font-style: normal;\\n        font-weight: 600;\\n        line-height: 20px;\\n        color: $primary-color;\\n        display: flex;\\n        align-items: center;\\n        column-gap: 4px;\\n      }\\n      .blue-logo {\\n        min-width: 148px;\\n        max-width: 148px;\\n        min-height: 128px;\\n        max-height: 128px;\\n        width: 262px;\\n        height: 120px;\\n      }\\n      .blogging-to-the-people {\\n        text-align: center;\\n        font-family: Roboto;\\n        font-size: 38px;\\n        font-style: normal;\\n        font-weight: 300;\\n        line-height: 45px;\\n        color: $lighter-text-color;\\n        width: 262px;\\n      }\\n      .content {\\n        text-align: center;\\n        font-family: Roboto;\\n        font-size: 14px;\\n        font-style: normal;\\n        font-weight: 400;\\n        line-height: 22px;\\n        width: 262px;\\n        display: flex;\\n        flex-direction: column;\\n        align-items: center;\\n        row-gap: 12px;\\n      }\\n      .login-options {\\n        display: flex;\\n        flex-direction: column;\\n        align-items: center;\\n        row-gap: 13px;\\n        .login-option-wrapper {\\n          display: flex;\\n          flex-direction: column;\\n          align-items: center;\\n          .login-info-text {\\n            font-family: Roboto;\\n            font-size: 12px;\\n            font-style: normal;\\n            font-weight: 400;\\n            line-height: 28px;\\n            text-decoration-line: underline;\\n            max-width: 266px;\\n            text-decoration: underline;\\n            cursor: pointer;\\n            color: $lighter-content-text-color;\\n          }\\n        }\\n        .other-options {\\n          text-align: center;\\n          font-family: Roboto;\\n          font-size: 16px;\\n          font-style: normal;\\n          font-weight: 700;\\n          line-height: 26px; /* 162.5% */\\n          text-decoration-line: underline;\\n          color: $primary-color;\\n          cursor: pointer;\\n        }\\n      }\\n    }\\n    .left-mobile {\\n      display: none;\\n      transition: 0.2s ease-in-out all;\\n    }\\n    .right {\\n      padding-left: 98px;\\n      width: calc(100% - 99px);\\n      max-width: 961px;\\n      border-left: 1px solid $light-border-color;\\n      display: flex;\\n      flex-direction: column;\\n      position: relative;\\n      min-height: 100vh;\\n      .mask-group {\\n        width: 157px;\\n        position: absolute;\\n        left: -157px;\\n        top: 320px;\\n        z-index: -1;\\n      }\\n      .searchbar-wrapper {\\n        position: absolute;\\n        top: -100px;\\n        left: 120px;\\n        filter: none;\\n      }\\n      .tabs-and-grid-wrapper {\\n        width: calc(100% - 20px);\\n        display: flex;\\n        flex-direction: column;\\n        align-items: center;\\n        position: relative;\\n        .tabs {\\n          display: flex;\\n          align-items: center;\\n          justify-content: space-between;\\n          border-bottom: 1px solid $light-border-color;\\n          width: 100%;\\n          .left-items {\\n            display: flex;\\n            align-items: center;\\n            .item {\\n              font-family: Roboto;\\n              font-size: 14px;\\n              font-style: normal;\\n              font-weight: 700;\\n              line-height: normal;\\n              color: $primary-color;\\n              cursor: pointer;\\n              padding-top: 12px;\\n              padding-bottom: 12px;\\n              padding-left: 26px;\\n              padding-right: 26px;\\n              border-right: 1px solid transparent;\\n              border-left: 1px solid transparent;\\n              &:hover {\\n                border-right: 1px solid $light-border-color;\\n                border-left: 1px solid $light-border-color;\\n                color: $accent-color !important;\\n                text-decoration: underline;\\n              }\\n            }\\n            .item-selected {\\n              font-family: Roboto;\\n              font-size: 14px;\\n              font-style: normal;\\n              font-weight: 700;\\n              line-height: normal;\\n              color: $accent-color !important;\\n              cursor: pointer;\\n              padding-top: 12px;\\n              padding-bottom: 12px;\\n              padding-left: 26px;\\n              padding-right: 26px;\\n              border-right: 1px solid $light-border-color;\\n              border-left: 1px solid $light-border-color;\\n            }\\n          }\\n          .search-item {\\n            padding-top: 12px;\\n            padding-bottom: 12px;\\n            padding-left: 26px;\\n            padding-right: 26px;\\n            font-family: Roboto;\\n            font-size: 14px;\\n            font-style: normal;\\n            font-weight: 700;\\n            line-height: normal;\\n            color: $accent-color;\\n            border-right: 1px solid $light-border-color;\\n            border-left: 1px solid $light-border-color;\\n            cursor: pointer;\\n          }\\n        }\\n        .homepage-vertical-grid {\\n          display: grid;\\n          width: 100%;\\n          grid-template-columns: repeat(auto-fill, calc(50% - 36px));\\n          row-gap: 56px;\\n          column-gap: 72px;\\n          margin-top: 80px;\\n        }\\n        .homepage-horizontal-flex {\\n          margin-top: 56px;\\n          margin-bottom: 56px;\\n          display: flex;\\n          flex-direction: column;\\n          width: 100%;\\n          row-gap: 56px;\\n        }\\n        .search-results-wrapper {\\n          margin-top: 24px;\\n        }\\n      }\\n    }\\n  }\\n}\\n@media only screen and (max-width: 1240px) {\\n  .homepage {\\n    .about-nuance-wrapper {\\n      .monetize-wrapper {\\n        display: none;\\n      }\\n      .monetize-wrapper-mobile {\\n        display: flex;\\n        flex-direction: column;\\n        width: 100vw;\\n        margin-top: 80px;\\n        align-items: center;\\n        .monetize-image {\\n          width: 80%;\\n        }\\n        .content-inside {\\n          background: linear-gradient(180deg, #25f68d 0%, #1bc0f2 100%);\\n          width: 100%;\\n          padding-top: 15px;\\n          height: 290px;\\n          padding-left: 43px;\\n          row-gap: 29px;\\n          display: flex;\\n          flex-direction: column;\\n          align-items: start;\\n          margin-top: 48px;\\n          .title {\\n            font-family: Roboto;\\n            font-size: 40px;\\n            font-style: normal;\\n            font-weight: 900;\\n            line-height: 40px;\\n            color: $primary-background-color;\\n            max-width: 265px;\\n          }\\n          .content {\\n            font-family: Roboto;\\n            font-size: 18px;\\n            font-style: normal;\\n            font-weight: 400;\\n            line-height: 26px;\\n            color: $primary-color;\\n            width: calc(100% - 25px);\\n          }\\n        }\\n        .content-outside {\\n          font-family: Roboto;\\n          font-size: 16px;\\n          font-style: normal;\\n          font-weight: 400;\\n          line-height: 26px;\\n          color: $lighter-content-text-color;\\n          width: calc(100% - 25px);\\n          padding-left: 25px;\\n          margin-top: 12px;\\n\\n          .list-nowrap {\\n            white-space: nowrap;\\n          }\\n        }\\n      }\\n    }\\n    .articles-section-wrapper {\\n      .left {\\n        min-width: 312px;\\n        max-width: 312px;\\n      }\\n      .right {\\n        padding-left: 40px;\\n        .searchbar-wrapper {\\n          left: 40px;\\n        }\\n        .tabs-and-grid-wrapper {\\n          .homepage-vertical-grid {\\n            grid-template-columns: repeat(auto-fill, calc(50% - 15px));\\n            row-gap: 30px;\\n            column-gap: 30px;\\n            margin-top: 60px;\\n          }\\n          .homepage-horizontal-flex {\\n            row-gap: 30px;\\n            margin-top: 30px;\\n          }\\n        }\\n      }\\n    }\\n  }\\n}\\n@media only screen and (max-width: 768px) {\\n  .homepage {\\n    .join-revolution {\\n      display: none;\\n    }\\n    .join-revolution-mobile {\\n      display: flex;\\n      flex-direction: column;\\n      background-image: url('../../assets/assets/images/join-the-revolution-background.png');\\n      background-position: right;\\n      width: 100%;\\n      align-items: center;\\n      margin-top: -50px;\\n      row-gap: 24px;\\n      .nuance-logo-blue-text {\\n        width: 190px;\\n        height: 190px;\\n        display: flex;\\n        flex-direction: column;\\n        align-items: center;\\n        justify-content: end;\\n        background: linear-gradient(180deg, #ffffff, transparent);\\n        .image-container {\\n          width: 145px;\\n        }\\n      }\\n      .login-options-mobile-wrapper {\\n        display: flex;\\n        flex-direction: column;\\n        align-items: center;\\n        row-gap: 12px;\\n\\n        .title {\\n          font-family: Roboto;\\n          font-size: 32px;\\n          font-weight: 900;\\n          line-height: 40px;\\n          text-align: center;\\n          color: $primary-color;\\n          max-width: 290px;\\n        }\\n        .login-options {\\n          min-width: 290px;\\n          max-width: 337px;\\n          min-height: 280px;\\n          max-height: 307px;\\n          background-image: url('../../assets/assets/images/homepage-login-options-background.svg');\\n          display: flex;\\n          flex-direction: column;\\n          align-items: center;\\n          justify-content: center;\\n          row-gap: 16px;\\n          .title {\\n            font-family: Roboto;\\n            font-size: 12px;\\n            font-weight: 700;\\n            line-height: 40px;\\n            text-align: center;\\n            color: $primary-color;\\n          }\\n          .other-options {\\n            font-family: Roboto;\\n            font-size: 14px;\\n            font-weight: 700;\\n            line-height: 26px;\\n            text-align: center;\\n            color: $primary-background-color;\\n            cursor: pointer;\\n            text-decoration: underline;\\n          }\\n          .login-option-wrapper {\\n            display: flex;\\n            flex-direction: column;\\n            align-items: center;\\n            .login-info-text {\\n              font-family: Roboto;\\n              font-size: 12px;\\n              font-style: normal;\\n              font-weight: 400;\\n              line-height: 28px;\\n              text-decoration-line: underline;\\n              max-width: 266px;\\n              text-decoration: underline;\\n              cursor: pointer;\\n              color: $lighter-content-text-color;\\n            }\\n          }\\n        }\\n      }\\n      .buttons-wrapper {\\n        min-height: 99px;\\n        max-height: 99px;\\n        max-width: 376px;\\n        width: 90%;\\n        display: flex;\\n        align-items: end;\\n        column-gap: 5px;\\n        .button {\\n          width: 100%;\\n          padding-left: 23px;\\n          width: calc(100% - 23px);\\n          height: 80px;\\n          display: flex;\\n          align-items: end;\\n          justify-content: start;\\n          cursor: pointer;\\n          background: $primary-color;\\n          color: $primary-background-color;\\n          font-family: Roboto;\\n          font-size: 16px;\\n          font-style: normal;\\n          font-weight: 900;\\n          line-height: 40px;\\n          border: 1px solid transparent;\\n        }\\n        .selected {\\n          background: $primary-background-color;\\n          color: $primary-color;\\n        }\\n      }\\n    }\\n    .about-nuance-wrapper {\\n      .welcome-to-blogging {\\n        margin-top: 94px;\\n        row-gap: 48px;\\n        .title {\\n          text-align: center;\\n          font-family: Roboto;\\n          font-size: 30px;\\n          font-style: normal;\\n          font-weight: 100;\\n          line-height: 40px;\\n        }\\n        .image {\\n          margin-top: 0;\\n          margin-left: 6rem;\\n\\n          @media (min-width: 768px) and (max-width: 1024px) {\\n            margin-left: 3rem;\\n          }\\n\\n          @media (min-width: 444px) and (max-width: 768px) {\\n            margin-left: 2.5rem;\\n          }\\n        }\\n        .colorful-divider {\\n          width: 93%;\\n          margin-top: -3.5rem;\\n          margin-left: auto;\\n          margin-right: auto;\\n\\n          @media (min-width: 768px) and (max-width: 1024px) {\\n            width: 90%;\\n            margin-left: 2.5rem;\\n            margin-right: auto;\\n            margin-top: -4rem;\\n          }\\n\\n          @media (min-width: 444px) and (max-width: 768px) {\\n            width: 90%;\\n            margin-left: 2.5rem;\\n            margin-right: auto;\\n            margin-top: -4rem;\\n          }\\n        }\\n      }\\n      .start-writing {\\n        display: none;\\n      }\\n      .read-write-earn-money {\\n        margin-top: 48px;\\n        flex-direction: column;\\n        row-gap: 40px;\\n        .title {\\n          font-size: 32px;\\n          line-height: 38px;\\n        }\\n        .content {\\n          max-width: unset;\\n        }\\n      }\\n      .login-buttons-wrapper {\\n        display: none;\\n      }\\n      .login-button-mobile {\\n        display: flex;\\n        margin-top: 106px;\\n      }\\n      .trending-topics {\\n        margin-top: 52px;\\n      }\\n      .high-tech {\\n        margin-top: 46px;\\n        justify-content: start;\\n        flex-direction: column-reverse;\\n        row-gap: 16px;\\n        width: 100%;\\n        .left {\\n          width: 90%;\\n          .title {\\n            font-size: 32px;\\n            line-height: 38px;\\n          }\\n          .content {\\n            max-width: unset;\\n          }\\n        }\\n        .right-image {\\n          width: 100%;\\n        }\\n      }\\n      .features-wrapper {\\n        margin-top: 87px;\\n        row-gap: 50px;\\n        .title {\\n          font-size: 40px;\\n          font-style: normal;\\n          font-weight: 100;\\n          line-height: 60px;\\n        }\\n        .features-content-wrapper {\\n          flex-direction: column;\\n          .features-left {\\n            padding-bottom: 25px;\\n            max-width: unset;\\n            min-width: unset;\\n          }\\n          .features-right {\\n            max-width: unset;\\n            min-width: unset;\\n          }\\n        }\\n      }\\n\\n      .start-a-movement {\\n        flex-direction: column-reverse;\\n        margin-top: 121px;\\n        row-gap: 103px;\\n        .left {\\n          max-width: unset;\\n          row-gap: 60px;\\n          .title {\\n            font-size: 32px;\\n            font-style: normal;\\n            font-weight: 900;\\n            line-height: 38px;\\n          }\\n          .content {\\n          }\\n        }\\n        .right-image {\\n          max-width: unset;\\n          width: 100%;\\n        }\\n      }\\n      .trending-topics {\\n        .topics-wrapper {\\n          column-gap: 20px;\\n          .topic {\\n            min-width: 112px;\\n            max-width: 112px;\\n            height: 58px;\\n            font-size: 16px;\\n            font-style: normal;\\n            font-weight: 700;\\n            line-height: 20px;\\n          }\\n        }\\n      }\\n    }\\n    .articles-section-wrapper {\\n      justify-content: start;\\n      margin-top: 100px;\\n      .left {\\n        display: none;\\n      }\\n      .left-mobile {\\n        min-width: 20px;\\n        max-width: 20px;\\n        overflow: hidden;\\n        display: flex;\\n        flex-direction: column;\\n        align-items: center;\\n        row-gap: 18px;\\n        position: relative;\\n        .user-info {\\n          display: flex;\\n          flex-direction: column;\\n          align-items: center;\\n          row-gap: 12px;\\n          margin-top: 113px;\\n          .avatar {\\n            min-width: 62px;\\n            max-width: 62px;\\n            min-height: 62px;\\n            max-height: 62px;\\n            border-radius: 50%;\\n            background: #999;\\n          }\\n          .display-name {\\n            font-family: Roboto;\\n            font-size: 12px;\\n            font-style: normal;\\n            font-weight: 400;\\n            line-height: 28px;\\n            color: $lighter-text-color;\\n          }\\n          .handle {\\n            font-family: Roboto;\\n            font-size: 12px;\\n            font-style: normal;\\n            font-weight: 400;\\n            line-height: 18px;\\n            color: $primary-color;\\n            &:hover {\\n              text-decoration: underline;\\n            }\\n          }\\n        }\\n        .social-channels {\\n          display: flex;\\n          align-items: center;\\n          column-gap: 4px;\\n          .social-channel-icon {\\n            cursor: pointer;\\n            min-width: 18px;\\n            max-width: 18px;\\n            min-height: 18px;\\n            max-height: 18px;\\n          }\\n        }\\n        .articles {\\n          text-align: center;\\n          font-family: Roboto;\\n          font-size: 10px;\\n          font-style: normal;\\n          font-weight: 600;\\n          line-height: 20px;\\n          color: $primary-color;\\n          display: flex;\\n          align-items: center;\\n          column-gap: 4px;\\n        }\\n        .blue-logo {\\n          min-width: 148px;\\n          max-width: 148px;\\n          min-height: 128px;\\n          max-height: 128px;\\n          width: 174px;\\n          height: 120px;\\n        }\\n        .blogging-to-the-people {\\n          text-align: center;\\n          font-family: Roboto;\\n          font-size: 20px;\\n          font-style: normal;\\n          font-weight: 300;\\n          line-height: 30px;\\n          color: $lighter-text-color;\\n          width: 174px;\\n        }\\n        .content {\\n          text-align: center;\\n          font-family: Roboto;\\n          font-size: 12px;\\n          font-style: normal;\\n          font-weight: 400;\\n          line-height: 16px;\\n          width: 174px;\\n          display: flex;\\n          flex-direction: column;\\n          align-items: center;\\n          row-gap: 8px;\\n        }\\n        .login-options {\\n          display: flex;\\n          flex-direction: column;\\n          align-items: center;\\n          row-gap: 8px;\\n          .login-option-wrapper {\\n            display: flex;\\n            flex-direction: column;\\n            align-items: center;\\n            .login-info-text {\\n              font-family: Roboto;\\n              font-size: 10px;\\n              font-style: normal;\\n              font-weight: 400;\\n              line-height: 18px;\\n              text-decoration-line: underline;\\n              max-width: 174px;\\n              text-decoration: underline;\\n              text-align: center;\\n              cursor: pointer;\\n              color: $lighter-content-text-color;\\n            }\\n          }\\n          .other-options {\\n            text-align: center;\\n            font-family: Roboto;\\n            font-size: 12px;\\n            font-style: normal;\\n            font-weight: 700;\\n            line-height: 28px; /* 162.5% */\\n            text-decoration-line: underline;\\n            color: $primary-color;\\n            cursor: pointer;\\n          }\\n        }\\n        .menu-button {\\n          width: 12px;\\n          height: 12px;\\n          cursor: pointer;\\n          position: absolute;\\n          right: 4px;\\n          top: 0;\\n          .burger-menu-icon {\\n            width: 12px;\\n            height: 10px;\\n            position: relative;\\n            cursor: pointer;\\n            display: inline-block;\\n          }\\n\\n          .burger-menu-icon span {\\n            background-color: $primary-color;\\n            position: absolute;\\n            height: 1px;\\n            width: 100%;\\n            transition: all 0.2s ease-in-out;\\n          }\\n\\n          .burger-menu-icon span:nth-child(1) {\\n            top: 0px;\\n          }\\n\\n          .burger-menu-icon span:nth-child(2) {\\n            top: 4px;\\n          }\\n\\n          .burger-menu-icon span:nth-child(3) {\\n            top: 8px;\\n          }\\n\\n          .burger-menu-icon.active span:nth-child(1) {\\n            top: 4px;\\n            transform: rotate(45deg);\\n          }\\n\\n          .burger-menu-icon.active span:nth-child(2) {\\n            opacity: 0;\\n          }\\n\\n          .burger-menu-icon.active span:nth-child(3) {\\n            top: 4px;\\n            transform: rotate(-45deg);\\n          }\\n        }\\n      }\\n      .right {\\n        padding-left: 20px;\\n        width: 100%;\\n        .searchbar-wrapper {\\n          left: 20px;\\n        }\\n        .tabs-and-grid-wrapper {\\n          .homepage-vertical-grid {\\n            grid-template-columns: repeat(auto-fill, 100%);\\n            row-gap: 30px;\\n            column-gap: 30px;\\n            margin-top: 60px;\\n          }\\n          .homepage-horizontal-flex {\\n            row-gap: 30px;\\n            margin-top: 30px;\\n          }\\n          .tabs {\\n            flex-wrap: wrap;\\n            .left-items {\\n              .item {\\n                padding: 12px;\\n                font-size: 10px;\\n              }\\n              .item-selected {\\n                padding: 12px;\\n                font-size: 10px;\\n              }\\n            }\\n            .search-item {\\n              padding: 12px;\\n              font-size: 10px;\\n            }\\n          }\\n        }\\n      }\\n    }\\n  }\\n}\\n\\n@media only screen and (max-width: 490px) {\\n  .homepage .about-nuance-wrapper .monetize-wrapper-mobile .content-inside {\\n    height: 315px;\\n  }\\n}\\n\\n@media only screen and (max-width: 386px) {\\n  .homepage .about-nuance-wrapper .monetize-wrapper-mobile .content-inside {\\n    height: 340px;\\n  }\\n}\\n\",\"// Theme colors\\n$primary-color: #151451;\\n$accent-color: #02c3a1;\\n$second-accent-color: #43dfba;\\n$subtitle-text: #687487;\\n$upload-picture-color: #cafff2;\\n\\n// Text colors\\n$primary-text-color: #00113e;\\n$tag-text-color: #666666;\\n$paragraph-text-color: #b2b2b2;\\n$route-text-color: #00113e;\\n$quote-color: rgba(0, 17, 62, 0.8);\\n$input-text-color: #4c4c52;\\n$edit-profile-input-text-color: #19192E;\\n$lighter-text-color: #999;\\n$lighter-content-text-color: #666;\\n\\n\\n// Background colors\\n$primary-background-color: #ffffff;\\n$selected-background-color: #d4d4d4;\\n$link-background: #f2f2f2;\\n\\n//dark-mode\\n$dark-primary-background-color: rgb(21, 20, 81);\\n$dark-primary-text-color: #FFFF;\\n$dark-secondary-text-color: #B2B2B2;\\n$dark-button-color: #43dfba;\\n$dark-button-hover-color: rgb(43, 152, 127);\\n$dark-button-active-color:rgb(31, 99, 83);\\n\\n\\n\\n// Border colors\\n$light-border-color: #d9d9d9;\\n$medium-border-color: #b2b2b2;\\n$darker-border-color: #999999;\\n$error-color: #cc4747;\\n\\n// Highlights\\n$highlight-one: #25f68d;\\n$highlight-two: #1bc0f2;\\n$edit-comment-highlight: #3684D9;\\n$link-color: #0000ee;\\n$box-shadow: rgba(0, 0, 0, 0.2);\\n\\n// Dividers\\n$divider-color: rgb(192, 192, 192);\\n$vertical-divider: #c4c4c4;\\n\\n// Buttons\\n$button-border-hover: #435aac;\\n$button-hover-background: #10cfad;\\n$disabled-button-text: #e6e6e6;\\n$active-background-color: #303e84;\\n\\n//FB EMAIL OPT IN\\n$FB-email-opt-in-button-color: #722680;\\n$FB-button-border-hover: #8e72e0;\\n$FB-button-hover-background: #8e72e0;\\n$FB-disabled-button-text: #e6e6e6;\\n$FB-active-background-color: #753675;\\n$FB-email-opt-in-button-color: #722680;\\n$FB-primary-background-color: #ffffff;\\n$FB-primary-text-color: black;\\n\\n// Create/Edit articles\\n$title-divider-color: #00ffc3;\\n$text-editor-border: #1fe1bf;\\n\\n// Tags (dropdown box on create/edit articles)\\n$tag-placeholder-color: #aaa;\\n$border-tags1: #ddd;\\n$border-tags2: #888;\\n$tag-token-background: #f2f2f2;\\n$tag-options-box-shadow: rgba(0, 0, 0, 0.16);\\n\\n// Search Modal\\n$search-modal-background: rgba(255, 255, 255, 0.9);\\n\\n\\n// Quill Text Editor\\n$quill-background: rgb(255, 255, 255);\\n$quill-box-shadow: rgba(156, 156, 156, 0.05);\"],\"sourceRoot\":\"\"}]);\n// Exports\nexport default ___CSS_LOADER_EXPORT___;\n","\n      import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[2]!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./homepage.scss\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n      options.insert = insertFn.bind(null, \"head\");\n    \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[2]!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./homepage.scss\";\n       export default content && content.locals ? content.locals : undefined;\n","\n      import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[2]!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./_search-results.scss\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n      options.insert = insertFn.bind(null, \"head\");\n    \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[2]!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./_search-results.scss\";\n       export default content && content.locals ? content.locals : undefined;\n","\n      import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[2]!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./_selection-item.scss\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n      options.insert = insertFn.bind(null, \"head\");\n    \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[2]!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./_selection-item.scss\";\n       export default content && content.locals ? content.locals : undefined;\n","import React from 'react';\nimport './_selection-item.scss';\nimport { useTheme } from '../../contextes/ThemeContext';\n\nexport const SelectionItem = (props: {\n  isSelected: boolean;\n  text: string;\n  callBack?: () => void;\n}) => {\n  const dark = useTheme();\n  return (\n    <div\n      className={\n        props.isSelected\n          ? dark\n            ? 'selection-item-selected-dark'\n            : 'selection-item-selected'\n          : dark\n          ? 'selection-item-dark'\n          : 'selection-item'\n      }\n      onClick={() => {\n        if (props.callBack) {\n          props.callBack();\n        }\n      }}\n    >\n      {props.text}\n    </div>\n  );\n};\n\nexport default SelectionItem;\n","\n      import API from \"!../../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n      import domAPI from \"!../../../../node_modules/style-loader/dist/runtime/styleDomAPI.js\";\n      import insertFn from \"!../../../../node_modules/style-loader/dist/runtime/insertBySelector.js\";\n      import setAttributes from \"!../../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js\";\n      import insertStyleElement from \"!../../../../node_modules/style-loader/dist/runtime/insertStyleElement.js\";\n      import styleTagTransformFn from \"!../../../../node_modules/style-loader/dist/runtime/styleTagTransform.js\";\n      import content, * as namedExport from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[2]!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./_user-list-item.scss\";\n      \n      \n\nvar options = {};\n\noptions.styleTagTransform = styleTagTransformFn;\noptions.setAttributes = setAttributes;\n\n      options.insert = insertFn.bind(null, \"head\");\n    \noptions.domAPI = domAPI;\noptions.insertStyleElement = insertStyleElement;\n\nvar update = API(content, options);\n\n\n\nexport * from \"!!../../../../node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!../../../../node_modules/resolve-url-loader/index.js??ruleSet[1].rules[1].use[2]!../../../../node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./_user-list-item.scss\";\n       export default content && content.locals ? content.locals : undefined;\n","import React from 'react';\nimport './_user-list-item.scss';\nimport { icons, images } from '../../shared/constants';\nimport { Link } from 'react-router-dom';\nimport { useTheme } from '../../contextes/ThemeContext';\n\nexport const UserListElement = (props: {\n  isPublication: boolean;\n  handle: string;\n  displayName: string;\n  avatar: string;\n  articlesCount?: string;\n  followersCount: string;\n  bio: string;\n}) => {\n  const dark = useTheme();\n\n  const getClassnameWithTheme = (input: string) => {\n    if (dark) {\n      return input + '-dark';\n    }\n    return input;\n  };\n\n  return (\n    <div className='user-list-item-wrapper'>\n      <Link\n        to={\n          props.isPublication\n            ? '/publication/' + props.handle\n            : '/user/' + props.handle\n        }\n        className='user-list-item-avatar-wrapper'\n      >\n        <img\n          className='user-list-item-avatar'\n          src={\n            props.avatar ||\n            (dark ? icons.PROFILE_ICON_DARK : icons.PROFILE_ICON)\n          }\n        />\n        {props.isPublication && (\n          <img\n            className='user-list-item-publication-icon'\n            src={icons.PUBLICATION_ICON}\n          />\n        )}\n      </Link>\n\n      <div className='user-list-item-right'>\n        <div className='user-list-item-handle-counts'>\n          <Link\n            to={\n              props.isPublication\n                ? '/publication/' + props.handle\n                : '/user/' + props.handle\n            }\n            className={getClassnameWithTheme('user-list-item-handle')}\n          >\n            @{props.handle}\n          </Link>\n          <div className={getClassnameWithTheme('user-list-item-counts')}>\n            <div>{`${props.articlesCount || 0} Articles`}</div>\n            <div>|</div>\n            <div>{`${props.followersCount} Followers`}</div>\n          </div>\n        </div>\n        <Link\n          to={\n            props.isPublication\n              ? '/publication/' + props.handle\n              : '/user/' + props.handle\n          }\n          className={getClassnameWithTheme('user-list-item-name')}\n        >\n          {props.displayName}\n        </Link>\n        <div className={getClassnameWithTheme('user-list-item-bio')}>\n          {props.bio || 'There is no bio yet.'}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default UserListElement;\n","import React, { useEffect, useState } from 'react';\nimport { useAuthStore, usePostStore, useUserStore } from '../../store';\nimport { PostType, PublicationType, UserListItem } from '../../types/types';\nimport { icons, colors, images } from '../../shared/constants';\nimport './_search-results.scss';\nimport { useNavigate, Link } from 'react-router-dom';\nimport { useTheme } from '../../contextes/ThemeContext';\nimport SelectionItem from '../../UI/selection-item/selection-item';\nimport CardPublishedArticles from '../card-published-articles/card-published-articles';\nimport UserListElement from '../user-list-item/user-list-item';\nimport { levenshteinDistance } from '../../store/userStore';\nimport Dropdown from '../../UI/dropdown/dropdown';\nimport { TagModel } from '../../../declarations/PostCore/PostCore.did';\nimport { searchTextToTag } from '../../shared/utils';\nimport Loader from '../../UI/loader/Loader';\nimport Button from '../../UI/Button/Button';\n\ntype Counts = {\n  articlesCount: number;\n  publicationsCount: number;\n  usersCount: number;\n};\n\ntype FilterType = 'Articles' | 'People' | 'Publications' | 'All';\ntype SortType = 'Most recent' | 'Relevance';\nexport const SearchResults = (props: {\n  term: string;\n  articles: PostType[];\n  publications: PublicationType[];\n  users: UserListItem[];\n  counts: Counts;\n  allTags: TagModel[];\n  loadMoreArticles: () => Promise<void>;\n}) => {\n  const darkTheme = useTheme();\n\n  const [selectedFilterType, setSelectedFilterType] =\n    useState<FilterType>('All');\n\n  const [sortType, setSortType] = useState<SortType>('Relevance');\n\n  const [loadMoreLoading, setLoadMoreLoading] = useState(false);\n\n  //userStore\n  const { isLoggedIn } = useAuthStore((state) => ({\n    isLoggedIn: state.isLoggedIn,\n  }));\n\n  //postStore\n  const { followTag, myTags, unfollowTag } = usePostStore((state) => ({\n    followTag: state.followTag,\n    myTags: state.myTags,\n    unfollowTag: state.unfollowTag,\n  }));\n\n  const isTagSearch = () => {\n    if (!props.term.startsWith('#')) {\n      return false;\n    }\n    let phrase = props.term.trim();\n\n    // If search starts with #, it's a tag search like #sports\n    const tags = searchTextToTag('#' + phrase, props.allTags);\n    let isTagSearch = tags.length > 0;\n    if (isTagSearch) {\n      //setSearchedTag(tags[0]);\n      return tags[0].id;\n    }\n  };\n\n  const [followTagLoading, setFollowTagLoading] = useState(false);\n\n  const getDisplayingUiElement = (\n    element: PostType | PublicationType | UserListItem\n  ) => {\n    if ('postId' in element) {\n      //article\n      return (\n        <CardPublishedArticles key={'post-' + element.postId} post={element} />\n      );\n    } else if ('publicationHandle' in element) {\n      //publication\n      return (\n        <UserListElement\n          key={'publication-' + element.publicationHandle}\n          isPublication={true}\n          handle={element.publicationHandle}\n          displayName={element.publicationTitle}\n          avatar={element.avatar}\n          articlesCount={element.postCounts?.publishedCount}\n          followersCount={'0'}\n          bio={element.subtitle}\n        />\n      );\n    } else {\n      //user\n      return (\n        <UserListElement\n          key={'user-' + element.handle}\n          isPublication={false}\n          handle={element.handle}\n          displayName={element.displayName}\n          avatar={element.avatar}\n          followersCount={element.followersCount}\n          bio={element.bio}\n          articlesCount={element.postCounts?.publishedCount}\n        />\n      );\n    }\n  };\n\n  const getDisplayingElements = (): (\n    | PublicationType\n    | UserListItem\n    | PostType\n  )[] => {\n    switch (selectedFilterType) {\n      case 'All':\n        //elements = [...props.articles, ...props.publications, ...props.users];\n        switch (sortType) {\n          case 'Most recent':\n            //sort the articles by date on top of the list\n            //sort the publications/users by relevance\n            let articles = Array.from(props.articles); //copy the articles into another array first\n            let articlesSorted = articles.sort((article_1, article_2) => {\n              return parseInt(article_2.created) - parseInt(article_1.created);\n            });\n            let publicationsAndUsers = [...props.publications, ...props.users];\n            publicationsAndUsers = publicationsAndUsers.sort(\n              (element_1, element_2) => {\n                let comparing_text_1 =\n                  'publicationHandle' in element_1\n                    ? element_1.publicationHandle\n                    : element_1.handle;\n                let comparing_text_2 =\n                  'publicationHandle' in element_2\n                    ? element_2.publicationHandle\n                    : element_2.handle;\n                return (\n                  levenshteinDistance(comparing_text_1, props.term) -\n                  levenshteinDistance(comparing_text_2, props.term)\n                );\n              }\n            );\n            return [...articlesSorted, ...publicationsAndUsers];\n\n          case 'Relevance':\n            return [\n              ...props.articles,\n              ...props.publications,\n              ...props.users,\n            ].sort((element_1, element_2) => {\n              if ('postId' in element_1 && 'postId' in element_2) {\n                //both articles\n                //keep the current placement\n                let first_el_index = props.articles.findIndex((post) => {\n                  return post.postId === element_1.postId;\n                });\n                let second_el_index = props.articles.findIndex((post) => {\n                  return post.postId === element_2.postId;\n                });\n                return first_el_index - second_el_index;\n              }\n              let comparing_text_1 =\n                'postId' in element_1\n                  ? element_1.title\n                  : 'publicationHandle' in element_1\n                  ? element_1.publicationHandle\n                  : element_1.handle;\n              let comparing_text_2 =\n                'postId' in element_2\n                  ? element_2.title\n                  : 'publicationHandle' in element_2\n                  ? element_2.publicationHandle\n                  : element_2.handle;\n              return (\n                levenshteinDistance(comparing_text_1, props.term) -\n                levenshteinDistance(comparing_text_2, props.term)\n              );\n            });\n        }\n\n      case 'Articles':\n        if (sortType === 'Most recent') {\n          let articles = Array.from(props.articles);\n          return articles.sort((article_1, article_2) => {\n            return parseInt(article_2.created) - parseInt(article_1.created);\n          });\n        } else {\n          return props.articles;\n        }\n\n      case 'People':\n        return props.users.sort((user_1, user_2) => {\n          return (\n            levenshteinDistance(user_1.handle, props.term) -\n            levenshteinDistance(user_2.handle, props.term)\n          );\n        });\n      case 'Publications':\n        return props.publications.sort((user_1, user_2) => {\n          return (\n            levenshteinDistance(user_1.publicationHandle, props.term) -\n            levenshteinDistance(user_2.publicationHandle, props.term)\n          );\n        });\n    }\n  };\n  const darkOptionsAndColors = {\n    background: darkTheme\n      ? colors.primaryTextColor\n      : colors.primaryBackgroundColor,\n    color: darkTheme\n      ? colors.darkModePrimaryTextColor\n      : colors.primaryTextColor,\n    buttonBackgroundColor: darkTheme\n      ? colors.accentColor\n      : colors.primaryTextColor,\n  };\n\n  return (\n    <div className='search-results-wrapper'>\n      <div className='search-results-info-wrapper'>\n        {isTagSearch() ? (\n          <div className='search-results-text'>\n            Results for the tag {props.term}{' '}\n            {isLoggedIn &&\n              (myTags\n                ?.map((tag) => tag.tagId)\n                .includes(isTagSearch() as string) ? (\n                <span\n                  className='follow-the-tag'\n                  onClick={async () => {\n                    setFollowTagLoading(true);\n                    let tagId = isTagSearch();\n                    if (tagId) {\n                      await unfollowTag(tagId);\n                    }\n                    setFollowTagLoading(false);\n                  }}\n                  style={followTagLoading ? { cursor: 'not-allowed' } : {}}\n                >\n                  {followTagLoading && (\n                    <img\n                      className='spinner'\n                      src={images.loaders.NUANCE_LOADER}\n                    />\n                  )}\n                  Unollow the tag\n                </span>\n              ) : (\n                <span\n                  className='follow-the-tag'\n                  onClick={async () => {\n                    setFollowTagLoading(true);\n                    let tagId = isTagSearch();\n                    if (tagId) {\n                      await followTag(tagId);\n                    }\n                    setFollowTagLoading(false);\n                  }}\n                  style={followTagLoading ? { cursor: 'not-allowed' } : {}}\n                >\n                  {followTagLoading && (\n                    <img\n                      className='spinner'\n                      src={images.loaders.NUANCE_LOADER}\n                    />\n                  )}\n                  Follow the tag\n                </span>\n              ))}\n          </div>\n        ) : (\n          <div className='search-results-text'>{`Results for '${props.term}'`}</div>\n        )}\n\n        <div className='search-results-filter-sort-wrapper'>\n          <div className='search-results-filter-elements'>\n            <SelectionItem\n              isSelected={selectedFilterType === 'Articles'}\n              text={`Articles (${props.counts.articlesCount})`}\n              callBack={() => {\n                setSelectedFilterType('Articles');\n              }}\n            />\n            <SelectionItem\n              isSelected={selectedFilterType === 'People'}\n              text={`People (${props.counts.usersCount})`}\n              callBack={() => {\n                setSelectedFilterType('People');\n              }}\n            />\n            <SelectionItem\n              isSelected={selectedFilterType === 'Publications'}\n              text={`Publications (${props.counts.publicationsCount})`}\n              callBack={() => {\n                setSelectedFilterType('Publications');\n              }}\n            />\n            <SelectionItem\n              isSelected={selectedFilterType === 'All'}\n              text={`All (${\n                props.counts.articlesCount +\n                props.counts.usersCount +\n                props.counts.publicationsCount\n              })`}\n              callBack={() => {\n                setSelectedFilterType('All');\n              }}\n            />\n          </div>\n          <Dropdown\n            className='desktop-only-flex'\n            uniqueId={'search-results-dropdown-menu'}\n            style={{\n              alignSelf: 'end',\n              width: '120px',\n              height: '27px',\n              top: '0',\n              position: 'absolute',\n              right: '0',\n            }}\n            selectedTextStyle={{ fontSize: '14px', fontWeight: '400' }}\n            items={['Relevance', 'Most recent']}\n            onSelect={(item: string) => {\n              setSortType(item as SortType);\n            }}\n            drodownItemsWrapperStyle={{\n              top: '28px',\n              rowGap: 0,\n              minWidth: '120px',\n            }}\n            arrowWidth={12}\n          />\n          <Dropdown\n            className='mobile-only-flex'\n            uniqueId={'search-results-dropdown-menu-mobile'}\n            style={{\n              width: '120px',\n              height: '27px',\n            }}\n            selectedTextStyle={{ fontSize: '14px', fontWeight: '400' }}\n            items={['Relevance', 'Most recent']}\n            onSelect={(item: string) => {\n              setSortType(item as SortType);\n            }}\n            drodownItemsWrapperStyle={{\n              top: '28px',\n              rowGap: 0,\n              minWidth: '120px',\n            }}\n            arrowWidth={12}\n          />\n        </div>\n      </div>\n      <div className='article-list-items-wrapper'>\n        {getDisplayingElements().map((element, index) =>\n          getDisplayingUiElement(element)\n        )}\n      </div>\n      {/* Display the load more icon if there're more articles */}\n      {props.counts.articlesCount > props.articles.length &&\n        (selectedFilterType === 'All' || selectedFilterType === 'Articles') && (\n          <Button\n            className={{dark: 'search-results-navy-button-dark', light: 'search-reults-white-button'}}\n            styleType={{dark: 'navy-dark', light: 'white'}}\n            style={ { width: '152px', marginBottom: '56px' } }\n            onClick={async () => {\n              setLoadMoreLoading(true);\n              await props.loadMoreArticles();\n              setLoadMoreLoading(false);\n            }}\n            loading={loadMoreLoading}\n          >\n            <span>Load More</span>\n          </Button>\n        )}\n    </div>\n  );\n};\n\nexport default SearchResults;\n","import React, { useState, useEffect, useContext, Suspense, lazy } from 'react';\nimport { useNavigate, Link, useLocation } from 'react-router-dom';\nimport Header from '../../components/header/header';\nimport './homepage.scss';\nimport { colors, images } from '../../shared/constants';\nimport { useAuthStore, usePostStore, useUserStore } from '../../store';\nimport Button from '../../UI/Button/Button';\nimport { Tooltip } from 'react-tooltip';\nimport { getIconForSocialChannel, searchTextToTag } from '../../shared/utils';\nimport { useTheme } from '../../contextes/ThemeContext';\nimport { Context as ModalContext } from '../../contextes/ModalContext';\nimport SearchBar from '../../components/search-bar/search-bar';\nimport queryString from 'query-string';\nimport { PostType, PublicationType, UserListItem } from '../../types/types';\nimport CardVertical from '../../components/card-vertical/card-vertical';\nimport CardPublishedArticles from '../../components/card-published-articles/card-published-articles';\nimport { TagModel } from '../../../declarations/PostCore/PostCore.did';\nimport Loader from '../../UI/loader/Loader';\nimport SearchResults from '../../components/search-results/search-results';\nimport Dropdown from '../../UI/dropdown/dropdown';\nimport GradientMdVerified from '../../UI/verified-icon/verified-icon';\n\nconst HomePage = () => {\n  //darkTheme\n  const darkTheme = useTheme();\n  //modal context\n  const modalContext = useContext(ModalContext);\n  //navigate\n  const navigate = useNavigate();\n  //location\n  const location = useLocation();\n\n  const [screenWidth, setScreenWidth] = useState(0);\n  useEffect(\n    (window.onresize = window.onload =\n      () => {\n        setScreenWidth(window.innerWidth);\n      }),\n    [screenWidth]\n  );\n\n  //authStore\n  const { isLoggedIn, login } = useAuthStore((state) => ({\n    isLoggedIn: state.isLoggedIn,\n    login: state.login,\n  }));\n  //userStore\n  const { user, searchUsers, searchPublications, getCounts, counts } =\n    useUserStore((state) => ({\n      user: state.user,\n      searchUsers: state.searchUsers,\n      searchPublications: state.searchPublications,\n      getCounts: state.getUserPostCounts,\n      counts: state.userPostCounts,\n    }));\n  //postStore\n  const {\n    getPostsByFollowers,\n    getFollowingTagsPosts,\n    getPopularPosts,\n    getPopularPostsToday,\n    getPopularPostsThisWeek,\n    getPopularPostsThisMonth,\n    getLatestPosts,\n    getAllTags,\n    search,\n  } = usePostStore((state) => ({\n    getPostsByFollowers: state.getPostsByFollowers,\n    getFollowingTagsPosts: state.getFollowingTagsPosts,\n    getPopularPosts: state.getPopularPosts,\n    getPopularPostsToday: state.getPopularPostsToday,\n    getPopularPostsThisWeek: state.getPopularPostsThisWeek,\n    getPopularPostsThisMonth: state.getPopularPostsThisMonth,\n    getLatestPosts: state.getLatestPosts,\n    getAllTags: state.getAllTags,\n    search: state.search,\n  }));\n\n  const [selectedTab, setSelectedTab] = useState(\n    isLoggedIn || window.location.search !== '' ? 'Articles' : 'About'\n  );\n\n  //features in about tab\n  const features_left = [\n    {\n      title: 'Following',\n      content:\n        'Following writers, publications and topics ensures you never miss an article',\n    },\n    {\n      title: 'Subscription',\n      content:\n        'A subscription provides unlimited access to all members-only content',\n    },\n    {\n      title: 'Publications',\n      content:\n        'Publications provide a branded home page showcasing your articles + advanced publishing features',\n    },\n    {\n      title: 'Premium Articles',\n      content: 'Publish Premium articles behind an NFT gated firewall',\n    },\n  ];\n  const features_right = [\n    {\n      title: 'Tipping',\n      content:\n        'Show appreciation with \"applause\" and tip writers in NUA, ckBTC and ICP',\n    },\n    {\n      title: 'Commenting',\n      content: 'Article commenting to engage the community around an article',\n    },\n    {\n      title: 'Social',\n      content: 'Social links to cross-pollinate your audience',\n    },\n    {\n      title: 'Notifications',\n      content:\n        'Get notifications regarding your community so you are always in the loop',\n    },\n  ];\n  //topics in about tab\n  const topics = ['BITCOIN', 'NFT', 'CRYPTO', 'PRIVACY', 'SCI-FI', 'ANIME'];\n\n  const onKeyDown = (e: any) => {\n    if (e.key === 'Enter') {\n      setIsBlur(false);\n      setTab('search');\n      setPage(0);\n      navigate(`?tab=search&phrase=${encodeURIComponent(searchText)}&page=0`, {\n        replace: true,\n      });\n      window.scrollTo({\n        top: 615,\n        left: 0,\n        behavior: 'smooth',\n      });\n      loadSearchResults(searchText, page);\n      //scrollToSearch();\n      //setLoadingSearchResults(true);\n      //handleSearch(false);\n    }\n  };\n\n  //url from state\n\n  useEffect(() => {\n    getStateFromUrl();\n  }, []);\n\n  const getStateFromUrl = () => {\n    const queryParams = queryString.parse(location.search);\n    let navigationUrl = '';\n    if ('tab' in queryParams && typeof queryParams.tab === 'string') {\n      if (\n        queryParams.tab === 'writers' ||\n        queryParams.tab === 'topics' ||\n        queryParams.tab === 'popular' ||\n        queryParams.tab === 'new' ||\n        queryParams.tab === 'search'\n      ) {\n        setTab(queryParams.tab);\n        if (queryParams.tab !== 'popular') {\n          navigationUrl += '?tab=' + queryParams.tab;\n        }\n      }\n    }\n    let search_text: string | undefined = undefined;\n    let search_tag: string | undefined = undefined;\n    if (queryParams.tab === 'search') {\n      if ('phrase' in queryParams && typeof queryParams.phrase === 'string') {\n        let decodedSearchText = decodeURIComponent(queryParams.phrase);\n        setSearchText(decodedSearchText);\n        search_text = decodeURIComponent(queryParams.phrase);\n        if (queryParams.phrase.length !== 0) {\n          if (navigationUrl.length === 0) {\n            navigationUrl += '?phrase=' + queryParams.phrase;\n          } else {\n            navigationUrl += '&phrase=' + queryParams.phrase;\n          }\n        }\n      } else if ('tag' in queryParams && typeof queryParams.tag === 'string') {\n        let decodedSearchTag = decodeURIComponent(queryParams.tag);\n        if (decodedSearchTag.startsWith('#')) {\n          setSearchText(decodedSearchTag);\n          search_tag = decodedSearchTag;\n        } else {\n          setSearchText('#' + decodedSearchTag);\n          search_tag = '#' + decodedSearchTag;\n        }\n\n        if (queryParams.tag.length !== 0) {\n          if (navigationUrl.length === 0) {\n            navigationUrl += '?tag=' + queryParams.tag;\n          } else {\n            navigationUrl += '&tag=' + queryParams.tag;\n          }\n        }\n      }\n    }\n\n    let page = 0;\n    if ('page' in queryParams && typeof queryParams.page === 'string') {\n      try {\n        setPage(parseInt(queryParams.page));\n        page = parseInt(queryParams.page);\n        if (parseInt(queryParams.page) !== 0) {\n          if (navigationUrl.length === 0) {\n            navigationUrl += '?page=' + parseInt(queryParams.page);\n          } else {\n            navigationUrl += '&page=' + parseInt(queryParams.page);\n          }\n        }\n      } catch (error) {}\n    }\n    loadWritersPosts(page, true);\n    loadFollowingTagsPosts(page, true);\n    loadPopularPostsToday(page, true);\n    loadPopularPostsThisWeek(page, true);\n    loadPopularPostsThisMonth(page, true);\n    loadPopularPostsEver(page, true);\n    loadLatestPosts(page, true);\n    if (search_text) {\n      loadSearchResults(search_text, page);\n    }\n    if (search_tag) {\n      loadSearchResults(search_tag, page);\n    }\n    if (search_text || search_tag) {\n      window.scrollTo({\n        top: 615,\n        left: 0,\n        behavior: 'smooth',\n      });\n    }\n    navigate('/' + navigationUrl, { replace: true });\n  };\n\n  useEffect(() => {\n    if (user) {\n      getCounts(user.handle);\n    }\n  }, [user]);\n\n  //tabs\n  type TabType = 'writers' | 'topics' | 'popular' | 'new' | 'search';\n  const [tab, setTab] = useState<TabType>('popular');\n\n  //page\n  const [page, setPage] = useState(0);\n\n  //writers posts\n  const [writersPosts, setWritersPosts] = useState<PostType[]>([]);\n  const [writersPostCount, setWritersPostCount] = useState(0);\n  const loadWritersPosts = async (page: number, initial: boolean) => {\n    const start = initial ? 0 : page * 15;\n    const end = (page + 1) * 15;\n    const { posts, totalCount } = await getPostsByFollowers(\n      user?.followersArray || [],\n      start,\n      end\n    );\n    if (initial) {\n      setWritersPosts(posts);\n    } else {\n      setWritersPosts([...writersPosts, ...posts]);\n    }\n    setWritersPostCount(totalCount);\n  };\n\n  //following tags posts\n  const [followingTagsPosts, setFollowingTagsPosts] = useState<PostType[]>([]);\n  const [followingTagsPostsCount, setFollowingTagsPostsCount] = useState(0);\n  const loadFollowingTagsPosts = async (page: number, initial: boolean) => {\n    const start = initial ? 0 : page * 15;\n    const end = (page + 1) * 15;\n    const { posts, totalCount } = await getFollowingTagsPosts(start, end);\n    if (initial) {\n      setFollowingTagsPosts(posts);\n    } else {\n      setFollowingTagsPosts([...followingTagsPosts, ...posts]);\n    }\n\n    setFollowingTagsPostsCount(totalCount);\n  };\n\n  //POPULAR POSTS\n  type PopularFilterType = 'Today' | 'This week' | 'This month' | 'Ever';\n  const popularFiltersArray: PopularFilterType[] = [\n    'Today',\n    'This week',\n    'This month',\n    'Ever',\n  ];\n  const [popularFilter, setPopularFilter] =\n    useState<PopularFilterType>('This week');\n  //popular posts today\n  const [todayPosts, setTodayPosts] = useState<PostType[]>([]);\n  const [todayPostCount, setTodayPostCount] = useState(0);\n  const loadPopularPostsToday = async (page: number, initial: boolean) => {\n    const start = initial ? 0 : page * 15;\n    const end = (page + 1) * 15;\n    const { posts, totalCount } = await getPopularPostsToday(start, end);\n    if (initial) {\n      setTodayPosts(posts);\n    } else {\n      setTodayPosts([...todayPosts, ...posts]);\n    }\n\n    setTodayPostCount(totalCount);\n  };\n  //popular posts this week\n  const [thisWeekPosts, setThisWeekPosts] = useState<PostType[]>([]);\n  const [thisWeekPostCount, setThisWeekPostCount] = useState(0);\n  const loadPopularPostsThisWeek = async (page: number, initial: boolean) => {\n    const start = initial ? 0 : page * 15;\n    const end = (page + 1) * 15;\n    const { posts, totalCount } = await getPopularPostsThisWeek(start, end);\n    if (initial) {\n      setThisWeekPosts(posts);\n    } else {\n      setThisWeekPosts([...thisWeekPosts, ...posts]);\n    }\n\n    setThisWeekPostCount(totalCount);\n  };\n  //popular posts this month\n  const [thisMonthPosts, setThisMonthPosts] = useState<PostType[]>([]);\n  const [thisMonthPostsCount, setThisMonthPostCount] = useState(0);\n  const loadPopularPostsThisMonth = async (page: number, initial: boolean) => {\n    const start = initial ? 0 : page * 15;\n    const end = (page + 1) * 15;\n    const { posts, totalCount } = await getPopularPostsThisMonth(start, end);\n    if (initial) {\n      setThisMonthPosts(posts);\n    } else {\n      setThisMonthPosts([...thisMonthPosts, ...posts]);\n    }\n\n    setThisMonthPostCount(totalCount);\n  };\n  //popular posts ever\n  const [everPopularPosts, setEverPopularPosts] = useState<PostType[]>([]);\n  const [everPopularPostCount, setEverPopularPostCount] = useState(0);\n  const loadPopularPostsEver = async (page: number, initial: boolean) => {\n    const start = initial ? 0 : page * 15;\n    const end = (page + 1) * 15;\n    const { posts, totalCount } = await getPopularPosts(start, end);\n    if (initial) {\n      setEverPopularPosts(posts);\n    } else {\n      setEverPopularPosts([...everPopularPosts, ...posts]);\n    }\n\n    setEverPopularPostCount(totalCount);\n  };\n\n  //latest posts\n  const [latestPosts, setLatestPosts] = useState<PostType[]>([]);\n  const [latestPostsPostCount, setLatestPostsPostCount] = useState(0);\n  const loadLatestPosts = async (page: number, initial: boolean) => {\n    const start = initial ? 0 : page * 15;\n    const end = (page + 1) * 15;\n    const { posts, totalCount } = await getLatestPosts(start, end);\n    if (initial) {\n      setLatestPosts(posts);\n    } else {\n      setLatestPosts([...latestPosts, ...posts]);\n    }\n\n    setLatestPostsPostCount(totalCount);\n  };\n\n  //load search results\n  const [searchText, setSearchText] = useState('');\n  const [lastSearchTerm, setLastSearchTerm] = useState('');\n  const [isBlur, setIsBlur] = useState(false);\n  const [searchLoading, setSearchLoading] = useState(false);\n  const [allTags, setAllTags] = useState<TagModel[]>([]);\n  const [searchPostResults, setSearchPostResults] = useState<PostType[]>([]);\n  const [searchPostResultsTotalCount, setSearchPostResultsTotalCount] =\n    useState(0);\n  const [searchUserResults, setSearchUserResults] = useState<UserListItem[]>(\n    []\n  );\n  const [searchPublicationResults, setSearchPublicationResults] = useState<\n    PublicationType[]\n  >([]);\n  const loadSearchResults = async (searchText: string, page: number) => {\n    setSearchLoading(true);\n    let all_tags: TagModel[] = [];\n    //load the allTags only once\n    if (allTags.length === 0) {\n      all_tags = await getAllTags();\n      setAllTags(all_tags);\n    } else {\n      all_tags = allTags;\n    }\n    let phrase = searchText.trim();\n    // If search starts with #, it's a tag search like #sports\n    const tags = searchTextToTag(phrase, all_tags);\n    let isTagSearch = tags.length > 0;\n    if (isTagSearch) {\n      //setSearchedTag(tags[0]);\n      phrase = tags[0].value;\n    } else {\n      //setSearchedTag(undefined);\n    }\n    //if tag search, use tag instead of phrase\n    if (isTagSearch) {\n      navigate(`?tab=search&tag=${encodeURIComponent(searchText)}&page=0`, {\n        replace: true,\n      });\n    }\n    let [{ totalCount, posts }, publications, users] = await Promise.all([\n      search(phrase, isTagSearch, 0, 20 * (page + 1), user),\n      searchPublications(phrase),\n      searchUsers(phrase),\n    ]);\n    setSearchPostResults(posts);\n    setSearchPostResultsTotalCount(totalCount);\n    setSearchPublicationResults(publications);\n    setSearchUserResults(users);\n    if (isTagSearch) {\n      setLastSearchTerm('#' + phrase);\n    } else {\n      setLastSearchTerm(phrase);\n    }\n    setSearchLoading(false);\n  };\n\n  const loadMoreSearchResults = async () => {\n    const start = (page + 1) * 20;\n    const end = (page + 2) * 20;\n    setPage(page + 1);\n\n    let phrase = searchText.trim();\n\n    let all_tags: TagModel[] = [];\n    //load the allTags only once\n    if (allTags.length === 0) {\n      all_tags = await getAllTags();\n      setAllTags(all_tags);\n    } else {\n      all_tags = allTags;\n    }\n    // If search starts with #, it's a tag search like #sports\n    const tags = searchTextToTag(searchText, all_tags);\n    let isTagSearch = tags.length > 0;\n    if (isTagSearch) {\n      //setSearchedTag(tags[0]);\n      phrase = tags[0].value;\n    } else {\n      //setSearchedTag(undefined);\n    }\n    let { totalCount, posts } = await search(\n      phrase,\n      isTagSearch,\n      start,\n      end,\n      undefined\n    );\n    navigate(\n      `?tab=search&phrase=${encodeURIComponent(searchText)}&page=${page + 1}`,\n      {\n        replace: true,\n      }\n    );\n    setSearchPostResultsTotalCount(totalCount);\n    setSearchPostResults([...searchPostResults, ...posts]);\n  };\n\n  //load more\n  const [loadMoreLoading, setLoadMoreLoading] = useState(false);\n\n  const loadMoreHandler = async () => {\n    setLoadMoreLoading(true);\n    switch (tab) {\n      case 'new':\n        await loadLatestPosts(page + 1, false);\n        break;\n      case 'popular':\n        switch (popularFilter) {\n          case 'Ever':\n            await loadPopularPostsEver(page + 1, false);\n            break;\n          case 'This month':\n            await loadPopularPostsThisMonth(page + 1, false);\n            break;\n          case 'This week':\n            await loadPopularPostsThisWeek(page + 1, false);\n            break;\n          case 'Today':\n            await loadPopularPostsToday(page + 1, false);\n            break;\n        }\n        break;\n      case 'search':\n        break;\n      case 'topics':\n        await loadFollowingTagsPosts(page + 1, false);\n        break;\n      case 'writers':\n        await loadWritersPosts(page + 1, false);\n        break;\n    }\n    setPage(page + 1);\n    const queryParams = queryString.parse(location.search);\n    queryParams.page = (page + 1).toString();\n    navigate(`?${queryString.stringify(queryParams)}`);\n    setLoadMoreLoading(false);\n  };\n\n  //displaying posts\n  const getDisplayingPosts = () => {\n    switch (tab) {\n      case 'new':\n        return latestPosts;\n      case 'popular':\n        switch (popularFilter) {\n          case 'Ever':\n            return everPopularPosts;\n          case 'This month':\n            return thisMonthPosts;\n          case 'This week':\n            return thisWeekPosts;\n          case 'Today':\n            return todayPosts;\n        }\n      case 'search':\n        return [];\n      case 'topics':\n        return followingTagsPosts;\n      case 'writers':\n        return writersPosts;\n    }\n  };\n\n  const getDisplayingPostsTotalCount = () => {\n    switch (tab) {\n      case 'new':\n        return latestPostsPostCount;\n      case 'popular':\n        switch (popularFilter) {\n          case 'Ever':\n            return everPopularPostCount;\n          case 'This month':\n            return thisMonthPostsCount;\n          case 'This week':\n            return thisWeekPostCount;\n          case 'Today':\n            return todayPostCount;\n        }\n      case 'search':\n        return 0;\n      case 'topics':\n        return followingTagsPostsCount;\n      case 'writers':\n        return writersPostCount;\n    }\n  };\n\n  //mobile menu\n  const [mobileMenuOpen, setMobileMenuOpen] = useState(false);\n\n  //dark theme\n  const darkOptionsAndColors = {\n    background: darkTheme\n      ? colors.primaryTextColor\n      : colors.primaryBackgroundColor,\n    color: darkTheme ? colors.primaryBackgroundColor : colors.primaryTextColor,\n    filter: darkTheme\n      ? `drop-shadow(1px 1px 40px ${colors.darkModeAccentColor} ) drop-shadow(1px 1px 40px ${colors.primaryBackgroundColor} )`\n      : 'none',\n    secondaryButtonColor: darkTheme\n      ? colors.darkModeSecondaryButtonColor\n      : colors.accentColor,\n    buttonBackgroundColor: darkTheme\n      ? colors.accentColor\n      : colors.primaryTextColor,\n  };\n\n  return (\n    <div className='homepage'>\n      <Header\n        loggedIn={isLoggedIn}\n        isArticlePage={false}\n        ScreenWidth={screenWidth}\n        isPublicationPage={false}\n        transparentBackground={true}\n      />\n\n      <div className='join-revolution'>\n        <div className='join-revolution-container'>\n          <div className='left'>\n            <div className='nuance-logo-blue-text'>\n              <img\n                className='image-container'\n                src={images.NUANCE_LOGO_BLACK_TEXT}\n              />\n            </div>\n            <div className='buttons-wrapper'>\n              <div\n                className={\n                  selectedTab === 'About'\n                    ? darkTheme\n                      ? 'button'\n                      : 'button selected'\n                    : darkTheme\n                    ? 'button selected'\n                    : 'button'\n                }\n                onClick={() => {\n                  setSelectedTab('About');\n                }}\n              >\n                About Nuance\n              </div>\n              <div\n                className={\n                  selectedTab === 'Articles'\n                    ? darkTheme\n                      ? 'button'\n                      : 'button selected'\n                    : darkTheme\n                    ? 'button selected'\n                    : 'button'\n                }\n                onClick={() => {\n                  setSelectedTab('Articles');\n                }}\n              >\n                Articles\n              </div>\n            </div>\n          </div>\n          {!isLoggedIn && (\n            <div className='right'>\n              <div className='title'>\n                Join the decentralized blogging revolution!\n              </div>\n              <div className='login-options'>\n                <div className='title'>Login with:</div>\n                <div className='login-option-wrapper'>\n                  <Button\n                    styleType={{ dark: 'navy', light: 'navy' }}\n                    type='button'\n                    style={{ width: '176px', margin: '0' }}\n                    onClick={() => {\n                      login('NFID');\n                    }}\n                  >\n                    Google\n                  </Button>\n                  <a\n                    className='login-info-text'\n                    href={'https://learn.nfid.one/'}\n                    target='_blank'\n                  >\n                    Enhanced with cryptography by NFID\n                  </a>\n                </div>\n                <div className='login-option-wrapper'>\n                  <Button\n                    styleType={{ dark: 'navy', light: 'navy' }}\n                    type='button'\n                    style={{ width: '176px', margin: '0' }}\n                    onClick={() => {\n                      login('ii');\n                    }}\n                  >\n                    Internet Identity\n                  </Button>\n                  <a\n                    className='login-info-text'\n                    href={'https://internetcomputer.org/internet-identity'}\n                    target='_blank'\n                  >\n                    You’re not hardcore unless you live hardcore\n                  </a>\n                </div>\n\n                <div\n                  onClick={() => {\n                    modalContext?.openModal('Login');\n                  }}\n                  className='other-options'\n                >\n                  Other options?\n                </div>\n              </div>\n            </div>\n          )}\n        </div>\n      </div>\n      <div className='join-revolution-mobile'>\n        <div className='nuance-logo-blue-text'>\n          <img className='image-container' src={images.NUANCE_LOGO_BLACK_TEXT} />\n        </div>\n        {!isLoggedIn && (\n          <div className='login-options-mobile-wrapper'>\n            <div className='title'>\n              Join the decentralized blogging revolution!\n            </div>\n            <div className='login-options'>\n              <div className='title'>Login with:</div>\n              <div className='login-option-wrapper'>\n                <Button\n                  styleType={{ dark: 'navy', light: 'navy' }}\n                  type='button'\n                  style={{ width: '176px', margin: '0' }}\n                  onClick={() => {\n                    login('NFID');\n                  }}\n                >\n                  Google\n                </Button>\n                <a\n                  className='login-info-text'\n                  href={'https://learn.nfid.one/'}\n                  target='_blank'\n                >\n                  Enhanced with cryptography by NFID\n                </a>\n              </div>\n              <div className='login-option-wrapper'>\n                <Button\n                  styleType={{ dark: 'navy', light: 'navy' }}\n                  type='button'\n                  style={{ width: '176px', margin: '0' }}\n                  onClick={() => {\n                    login('ii');\n                  }}\n                >\n                  Internet Identity\n                </Button>\n                <a\n                  className='login-info-text'\n                  href={'https://internetcomputer.org/internet-identity'}\n                  target='_blank'\n                >\n                  You’re not hardcore unless you live hardcore\n                </a>\n              </div>\n\n              <div\n                onClick={() => {\n                  modalContext?.openModal('Login');\n                }}\n                className='other-options'\n              >\n                Other options?\n              </div>\n            </div>\n          </div>\n        )}\n        <div className='buttons-wrapper'>\n          <div\n            className={\n              selectedTab === 'About'\n                ? darkTheme\n                  ? 'button'\n                  : 'button selected'\n                : darkTheme\n                ? 'button selected'\n                : 'button'\n            }\n            onClick={() => {\n              setSelectedTab('About');\n            }}\n          >\n            About Nuance\n          </div>\n          <div\n            className={\n              selectedTab === 'Articles'\n                ? darkTheme\n                  ? 'button'\n                  : 'button selected'\n                : darkTheme\n                ? 'button selected'\n                : 'button'\n            }\n            onClick={() => {\n              setSelectedTab('Articles');\n            }}\n          >\n            Articles\n          </div>\n        </div>\n      </div>\n      {selectedTab === 'About' && (\n        <div className='about-nuance-wrapper'>\n          <div className='welcome-to-blogging'>\n            <div className='title'>Community Owned</div>\n            <img\n              className='image'\n              src={images.WELCOME_TO_BLOGGING}\n              loading='lazy'\n            />\n            <div className='colorful-divider' />\n          </div>\n          <div className='read-write-earn-money'>\n            <div\n              className='title'\n              style={darkTheme ? { color: darkOptionsAndColors.color } : {}}\n            >\n              Read, write and earn\n            </div>\n            <div className='content'>\n              <span>\n                Nuance is the world's first publishing platform powered entirely\n                by blockchain technology. Nuance offers writers the opportunity\n                to govern the platform upon which they create content.\n                Minimizing platform risk and empowering creators like never\n                before.\n              </span>\n              <span>\n                By harnessing the power of blockchain, Nuance applies the\n                benefits of Web 3 to a Medium-style content hosting platform.\n                This includes anonymity, self-sovereignty, censorship\n                resistance, community governance, and tokenization. Ensuring a\n                decentralized and secure environment for writers and readers\n                alike.\n              </span>\n            </div>\n          </div>\n          {!isLoggedIn && (\n            <div className='login-buttons-wrapper'>\n              <Button\n                className={{ dark: 'login-buttons-style', light: '' }}\n                style={{ width: '224px' }}\n                styleType={{ dark: 'navy-dark', light: 'navy' }}\n                onClick={() => {\n                  login('NFID');\n                }}\n              >\n                Login with Google\n              </Button>\n\n              <Button\n                className={{ dark: 'login-buttons-style', light: '' }}\n                style={{ width: '224px' }}\n                styleType={{ dark: 'navy-dark', light: 'navy' }}\n                onClick={() => {\n                  login('ii');\n                }}\n              >\n                Login with Internet Identity\n              </Button>\n            </div>\n          )}\n          {!isLoggedIn && (\n            <div className='login-button-mobile'>\n              <Button\n                className={{ dark: 'login-buttons-style', light: '' }}\n                style={{ width: '185px' }}\n                styleType={{ dark: 'navy-dark', light: 'navy' }}\n                onClick={() => {\n                  modalContext?.openModal('Login');\n                }}\n              >\n                Login with your wallet\n              </Button>\n            </div>\n          )}\n          <div className='trending-topics'>\n            <div className='title'>Trending Topics</div>\n            <div className='topics-wrapper'>\n              {topics.map((topic) => {\n                return <div className='topic'>{topic}</div>;\n              })}\n            </div>\n          </div>\n          <div className='high-tech'>\n            <div className='left'>\n              <div\n                className='title'\n                style={darkTheme ? { color: darkOptionsAndColors.color } : {}}\n              >\n                Decentralization matters\n              </div>\n              <div className='content'>\n                <span>\n                  The advertisement driven business models of web 2 has left\n                  control of the internet in the hands of a just a few\n                  companies. Advertising dollars drive click-bait and polarises\n                  communities where everything is black or white. But we all\n                  know that the truth is always somewhere in the middle. The\n                  truth is nuanced.\n                  <br />\n                  <br />\n                  Nuance is built on and for the new web.\n                  <br />\n                  <br />\n                  Nuance is for decentralised opinions.\n                  <br />\n                  <br />\n                  Make your opinion unstoppable.\n                </span>\n              </div>\n            </div>\n            <img\n              className='right-image'\n              src={images.HIGH_TECH_IMAGE_NEW}\n              loading='lazy'\n            />\n          </div>\n          {!isLoggedIn && (\n            <div className='login-buttons-wrapper'>\n              <Button\n                className={{ dark: 'login-buttons-style', light: '' }}\n                style={{ width: '224px' }}\n                styleType={{ dark: 'navy-dark', light: 'navy' }}\n                onClick={() => {\n                  login('NFID');\n                }}\n              >\n                Login with Google\n              </Button>\n\n              <Button\n                className={{ dark: 'login-buttons-style', light: '' }}\n                style={{ width: '224px' }}\n                styleType={{ dark: 'navy-dark', light: 'navy' }}\n                onClick={() => {\n                  login('ii');\n                }}\n              >\n                Login with Internet Identity\n              </Button>\n            </div>\n          )}\n          {!isLoggedIn && (\n            <div className='login-button-mobile'>\n              <Button\n                className={{ dark: 'login-buttons-style', light: '' }}\n                style={{ width: '185px' }}\n                styleType={{ dark: 'navy-dark', light: 'navy' }}\n                onClick={() => {\n                  modalContext?.openModal('Login');\n                }}\n              >\n                Login with your wallet\n              </Button>\n            </div>\n          )}\n          <div className='features-wrapper'>\n            <div className='title'>All the features you know</div>\n            <div className='features-content-wrapper'>\n              <div className='features-left'>\n                <img\n                  className='mask-group'\n                  src={images.NUANCE_LOGO_MASK_GROUP}\n                  loading='lazy'\n                />\n                {features_left.map((feature) => {\n                  return (\n                    <div className='feature'>\n                      <div\n                        className='title'\n                        style={\n                          darkTheme ? { color: darkOptionsAndColors.color } : {}\n                        }\n                      >\n                        {feature.title}\n                      </div>\n                      <div className='content'>{feature.content}</div>\n                    </div>\n                  );\n                })}\n              </div>\n              <div className='features-right'>\n                {features_right.map((feature) => {\n                  return (\n                    <div className='feature'>\n                      <div\n                        className='title'\n                        style={\n                          darkTheme ? { color: darkOptionsAndColors.color } : {}\n                        }\n                      >\n                        {feature.title}\n                      </div>\n                      <div className='content'>{feature.content}</div>\n                    </div>\n                  );\n                })}\n              </div>\n            </div>\n          </div>\n          {!isLoggedIn && (\n            <div className='login-buttons-wrapper'>\n              <Button\n                className={{ dark: 'login-buttons-style', light: '' }}\n                style={{ width: '224px' }}\n                styleType={{ dark: 'navy-dark', light: 'navy' }}\n                onClick={() => {\n                  login('NFID');\n                }}\n              >\n                Login with Google\n              </Button>\n\n              <Button\n                className={{ dark: 'login-buttons-style', light: '' }}\n                style={{ width: '224px' }}\n                styleType={{ dark: 'navy-dark', light: 'navy' }}\n                onClick={() => {\n                  login('ii');\n                }}\n              >\n                Login with Internet Identity\n              </Button>\n            </div>\n          )}\n          {!isLoggedIn && (\n            <div className='login-button-mobile'>\n              <Button\n                className={{ dark: 'login-buttons-style', light: '' }}\n                style={{ width: '185px' }}\n                styleType={{ dark: 'navy-dark', light: 'navy' }}\n                onClick={() => {\n                  modalContext?.openModal('Login');\n                }}\n              >\n                Login with your wallet\n              </Button>\n            </div>\n          )}\n          <div className='monetize-wrapper'>\n            <div className='left'>\n              <div className='title'>\n                Honest days pay for an honest days work\n              </div>\n              <div className='content'>\n                <span>\n                  One key focus of Nuance is to enable writers to form a{' '}\n                  <b>direct financial relationship with their readers</b>{' '}\n                  without the platform risk.\n                </span>\n                <span\n                  style={\n                    darkTheme\n                      ? {\n                          color: darkOptionsAndColors.color,\n                        }\n                      : {}\n                  }\n                >\n                  With Nuance, writers can <b>monetize</b> their content in ways\n                  not possible on traditional web 2 platforms:\n                  <br />\n                  <br />\n                  <li className='list-nowrap'>Tips</li>\n                  <li className='list-nowrap'>\n                    Premium articles (limited edition NFT)\n                  </li>\n                  <li className='list-nowrap'>Subscriptions</li>\n                </span>\n              </div>\n            </div>\n            <img\n              className='monetize-image'\n              src={images.MONETIZE_IMAGE}\n              loading='lazy'\n            />\n          </div>\n          <div className='monetize-wrapper-mobile'>\n            <img\n              className='monetize-image'\n              src={images.MONETIZE_IMAGE}\n              loading='lazy'\n            />\n            <div className='content-inside'>\n              <div className='title'>\n                Honest days pay for an honest days work\n              </div>\n              <div className='content'>\n                One key focus of Nuance is to enable writers to form a{' '}\n                <b>direct financial relationship with their readers</b> without\n                the platform risk.\n              </div>\n            </div>\n            <div className='content-outside'>\n              With Nuance, writers can <b>monetize</b> their content in ways not\n              possible on traditional web 2 platforms:\n              <br />\n              <br />\n              <li className='list-nowrap'>Tips</li>\n              <li className='list-nowrap'>\n                Premium articles (limited edition NFT)\n              </li>\n              <li className='list-nowrap'>Subscriptions</li>\n            </div>\n          </div>\n\n          <div className='start-a-movement'>\n            <div className='left'>\n              <div\n                className='title'\n                style={darkTheme ? { color: darkOptionsAndColors.color } : {}}\n              >\n                Start your own decentralised community\n              </div>\n              <div className='content'>\n                <span>\n                  Nuance provides a publication feature that enables companies,\n                  projects and writers to have their own branding, a landing\n                  page, and writer management features, allowing teams to\n                  establish their own identity on the platform.\n                </span>\n                <span>\n                  Log in with Google or Internet Identity (or Stoic or\n                  Bitfinity) and join Nuance today to experience the future of\n                  decentralized publishing. Where creators are empowered,\n                  content is secure, and communities thrive.\n                </span>\n              </div>\n            </div>\n            <img\n              className='right-image'\n              src={images.START_ON_CHAIN_IMAGE}\n              loading='lazy'\n            />\n          </div>\n          {!isLoggedIn && (\n            <div className='start-writing'>\n              <div className='title'>Start writing today!</div>\n              <div className='login-buttons-wrapper'>\n                <Button\n                  className={{ dark: 'login-buttons-style', light: '' }}\n                  style={{ width: '224px' }}\n                  styleType={{ dark: 'navy-dark', light: 'navy' }}\n                  onClick={() => {\n                    login('NFID');\n                  }}\n                >\n                  Login with Google\n                </Button>\n\n                <Button\n                  className={{ dark: 'login-buttons-style', light: '' }}\n                  style={{ width: '224px' }}\n                  styleType={{ dark: 'navy-dark', light: 'navy' }}\n                  onClick={() => {\n                    login('ii');\n                  }}\n                >\n                  Login with Internet Identity\n                </Button>\n              </div>\n            </div>\n          )}\n          {!isLoggedIn && (\n            <div className='login-button-mobile'>\n              <Button\n                className={{ dark: 'login-buttons-style', light: '' }}\n                style={{ width: '185px' }}\n                styleType={{ dark: 'navy-dark', light: 'navy' }}\n                onClick={() => {\n                  modalContext?.openModal('Login');\n                }}\n              >\n                Login with your wallet\n              </Button>\n            </div>\n          )}\n          <div className='end-colorful-divider'></div>\n        </div>\n      )}\n\n      {selectedTab === 'Articles' && (\n        <div className='articles-section-wrapper'>\n          {isLoggedIn && user ? (\n            <div className='left'>\n              <div className='user-info'>\n                <img\n                  className='avatar'\n                  src={user.avatar || images.DEFAULT_AVATAR}\n                  loading='lazy'\n                  style={user?.isVerified ? {\n                    background: \"linear-gradient(to bottom, #1FDCBD, #23F295)\",\n                    padding: \"0.15em\",\n                   } : {borderRadius: \"50%\"}}\n                />\n                <div className='display-name'>{user.displayName} {user.isVerified && <GradientMdVerified width='16' height='16' gradientKey='left' />}</div>\n                <Link\n                  to='/my-profile'\n                  className='handle'\n                  style={darkTheme ? { color: darkOptionsAndColors.color } : {}}\n                >\n                  @{user.handle}\n                </Link>\n              </div>\n              {(user.website.length !== 0 ||\n                user.socialChannels.length !== 0) && (\n                <div className='social-channels'>\n                  {[user.website, ...user.socialChannels].map((url, index) => {\n                    return (\n                      <div\n                        key={index}\n                        onClick={() => {\n                          let urlWithProtocol =\n                            url.startsWith('https://') ||\n                            url.startsWith('http://')\n                              ? url\n                              : 'https://' + url;\n                          window.open(urlWithProtocol, '_blank');\n                        }}\n                      >\n                        <Tooltip\n                          clickable={true}\n                          className='tooltip-wrapper'\n                          anchorSelect={'#my-social-channel-' + index}\n                          place='top'\n                          noArrow={true}\n                        >\n                          {url}\n                        </Tooltip>\n                        <img\n                          className='social-channel-icon'\n                          src={getIconForSocialChannel(url, darkTheme)}\n                          id={'my-social-channel-' + index}\n                          loading='lazy'\n                        />\n                      </div>\n                    );\n                  })}\n                </div>\n              )}\n\n              <div\n                className='articles'\n                style={\n                  darkTheme\n                    ? {\n                        color: darkOptionsAndColors.color,\n                      }\n                    : {}\n                }\n              >\n                <Link\n                  to={'/my-profile/articles?page=published'}\n                  style={\n                    darkTheme\n                      ? {\n                          color: darkOptionsAndColors.color,\n                        }\n                      : {}\n                  }\n                >{`${counts?.publishedCount || 0} articles published`}</Link>\n                <div>|</div>\n                <Link\n                  to={'/my-profile/articles?page=draft'}\n                  style={\n                    darkTheme\n                      ? {\n                          color: darkOptionsAndColors.color,\n                        }\n                      : {}\n                  }\n                >{`${counts?.draftCount || 0} articles in draft`}</Link>\n              </div>\n              <Button\n                styleType={{ dark: 'navy-dark', light: 'white' }}\n                type='button'\n                style={{ width: '146px', margin: '0' }}\n                onClick={() => {\n                  navigate('/article/new');\n                }}\n              >\n                Create new article\n              </Button>\n            </div>\n          ) : (\n            <div className='left'>\n              <img\n                className='blue-logo'\n                style={{ filter: darkOptionsAndColors.filter }}\n                src={darkTheme ? images.NUANCE_LOGO_BLUE_TEXT : images.NUANCE_LOGO_BLACK_TEXT}\n                loading='lazy'\n              />\n              <div className='blogging-to-the-people'>\n                Blogging to the people!\n              </div>\n              <div\n                className='content'\n                style={darkTheme ? { color: darkOptionsAndColors.color } : {}}\n              >\n                <div>\n                  Nuance is a blockhain blog platform empowering writers all\n                  over the world.\n                </div>\n                <div>Become a writer and share your knowledge unlimited!</div>\n                <div>Login with:</div>\n              </div>\n              <div className='login-options'>\n                <div className='login-option-wrapper'>\n                  <Button\n                    styleType={{ dark: 'navy-dark', light: 'navy' }}\n                    type='button'\n                    style={{ width: '176px', margin: '0' }}\n                    onClick={() => {\n                      login('ii');\n                    }}\n                  >\n                    Internet Identity\n                  </Button>\n                  <a\n                    className='login-info-text'\n                    href={'https://internetcomputer.org/internet-identity'}\n                    target='_blank'\n                  >\n                    You’re not hardcore unless you live hardcore\n                  </a>\n                </div>\n                <div className='login-option-wrapper'>\n                  <Button\n                    styleType={{ dark: 'navy-dark', light: 'navy' }}\n                    type='button'\n                    style={{ width: '176px', margin: '0' }}\n                    onClick={() => {\n                      login('NFID');\n                    }}\n                  >\n                    Google\n                  </Button>\n                  <a\n                    className='login-info-text'\n                    href={'https://learn.nfid.one/'}\n                    target='_blank'\n                  >\n                    Enhanced with cryptography by NFID\n                  </a>\n                </div>\n                <div\n                  onClick={() => {\n                    modalContext?.openModal('Login');\n                  }}\n                  className='other-options'\n                >\n                  Other options?\n                </div>\n              </div>\n            </div>\n          )}\n          {isLoggedIn && user ? (\n            <div\n              className='left-mobile'\n              style={mobileMenuOpen ? { minWidth: '202px' } : {}}\n            >\n              <div\n                className='menu-button'\n                onClick={() => {\n                  setMobileMenuOpen(!mobileMenuOpen);\n                }}\n              >\n                <div\n                  className={`burger-menu-icon ${\n                    mobileMenuOpen ? 'active' : ''\n                  }`}\n                >\n                  {[0, 0, 0].map(() => (\n                    <span\n                      style={{ backgroundColor: darkOptionsAndColors.color }}\n                    ></span>\n                  ))}\n                </div>\n              </div>\n              <div\n                className='user-info'\n                style={mobileMenuOpen ? {} : { display: 'none' }}\n              >\n                <img\n                  className='avatar'\n                  src={user.avatar || images.DEFAULT_AVATAR}\n                  loading='lazy'\n                  style={user.isVerified ? {\n                    background: \"linear-gradient(to bottom, #1FDCBD, #23F295)\",\n                    padding: \"0.15em\",\n                   } : {borderRadius: \"50%\"}}\n                />\n                <div className='display-name'>{user.displayName} {<GradientMdVerified width='12' height='12' gradientKey='left-mobile' />}</div>\n                <Link\n                  to='/my-profile'\n                  className='handle'\n                  style={darkTheme ? { color: darkOptionsAndColors.color } : {}}\n                >\n                  @{user.handle}\n                </Link>\n              </div>\n              {(user.website.length !== 0 ||\n                user.socialChannels.length !== 0) && (\n                <div\n                  className='social-channels'\n                  style={mobileMenuOpen ? {} : { display: 'none' }}\n                >\n                  {[user.website, ...user.socialChannels].map((url, index) => {\n                    return (\n                      <div\n                        key={index}\n                        onClick={() => {\n                          let urlWithProtocol =\n                            url.startsWith('https://') ||\n                            url.startsWith('http://')\n                              ? url\n                              : 'https://' + url;\n                          window.open(urlWithProtocol, '_blank');\n                        }}\n                      >\n                        <Tooltip\n                          clickable={true}\n                          className='tooltip-wrapper'\n                          anchorSelect={'#my-social-channel-' + index}\n                          place='top'\n                          noArrow={true}\n                        >\n                          {url}\n                        </Tooltip>\n                        <img\n                          className='social-channel-icon'\n                          src={getIconForSocialChannel(url, darkTheme)}\n                          id={'my-social-channel-' + index}\n                          loading='lazy'\n                        />\n                      </div>\n                    );\n                  })}\n                </div>\n              )}\n\n              <div\n                className='articles'\n                style={mobileMenuOpen ? {} : { display: 'none' }}\n              >\n                <Link\n                  to={'/my-profile/articles?page=published'}\n                  style={\n                    darkTheme\n                      ? {\n                          color: darkOptionsAndColors.color,\n                        }\n                      : {}\n                  }\n                >{`${counts?.publishedCount || 0} articles published`}</Link>\n                <div>|</div>\n                <Link\n                  to={'/my-profile/articles?page=draft'}\n                  style={\n                    darkTheme\n                      ? {\n                          color: darkOptionsAndColors.color,\n                        }\n                      : {}\n                  }\n                >{`${counts?.draftCount || 0} articles in draft`}</Link>\n              </div>\n              <Button\n                styleType={{ dark: 'navy-dark', light: 'white' }}\n                type='button'\n                style={{\n                  width: '146px',\n                  margin: '0',\n                  display: mobileMenuOpen ? '' : 'none',\n                }}\n                onClick={() => {\n                  navigate('/article/new');\n                }}\n              >\n                Create new article\n              </Button>\n            </div>\n          ) : (\n            <div\n              className='left-mobile'\n              style={mobileMenuOpen ? { minWidth: '202px' } : {}}\n            >\n              <div\n                className='menu-button'\n                onClick={() => {\n                  setMobileMenuOpen(!mobileMenuOpen);\n                }}\n              >\n                <div\n                  className={`burger-menu-icon ${\n                    mobileMenuOpen ? 'active' : ''\n                  }`}\n                >\n                  {[0, 0, 0].map(() => (\n                    <span\n                      style={{ backgroundColor: darkOptionsAndColors.color }}\n                    ></span>\n                  ))}\n                </div>\n              </div>\n              <div\n                className='blogging-to-the-people'\n                style={mobileMenuOpen ? {} : { display: 'none' }}\n              >\n                Blogging to the people!\n              </div>\n              <div\n                className='content'\n                style={\n                  darkTheme\n                    ? {\n                        color: darkOptionsAndColors.color,\n                        display: mobileMenuOpen ? 'flex' : 'none',\n                      }\n                    : { display: mobileMenuOpen ? 'flex' : 'none' }\n                }\n              >\n                <div>\n                  Nuance is a blockhain blog platform empowering writers all\n                  over the world.\n                </div>\n                <div>Become a writer and share your knowledge unlimited!</div>\n                <div>Login with:</div>\n              </div>\n              <div\n                className='login-options'\n                style={mobileMenuOpen ? {} : { display: 'none' }}\n              >\n                <div className='login-option-wrapper'>\n                  <Button\n                    className={{ dark: 'login-buttons-style', light: '' }}\n                    styleType={{ dark: 'navy-dark', light: 'navy' }}\n                    type='button'\n                    style={{ width: '176px', margin: '0' }}\n                    onClick={() => {\n                      login('ii');\n                    }}\n                  >\n                    Internet Identity\n                  </Button>\n                  <a\n                    className='login-info-text'\n                    href={'https://internetcomputer.org/internet-identity'}\n                    target='_blank'\n                  >\n                    You’re not hardcore unless you live hardcore\n                  </a>\n                </div>\n                <div className='login-option-wrapper'>\n                  <Button\n                    className={{ dark: 'login-buttons-style', light: '' }}\n                    styleType={{ dark: 'navy-dark', light: 'navy' }}\n                    type='button'\n                    style={{ width: '176px', margin: '0' }}\n                    onClick={() => {\n                      login('NFID');\n                    }}\n                  >\n                    Google\n                  </Button>\n                  <a\n                    className='login-info-text'\n                    href={'https://learn.nfid.one/'}\n                    target='_blank'\n                  >\n                    Enhanced with cryptography by NFID\n                  </a>\n                </div>\n                <div\n                  onClick={() => {\n                    modalContext?.openModal('Login');\n                  }}\n                  className='other-options'\n                >\n                  Other options?\n                </div>\n              </div>\n            </div>\n          )}\n          <div className='right'>\n            <img\n              className='mask-group'\n              src={images.NUANCE_LOGO_MASK_GROUP}\n              loading='lazy'\n            />\n            <div\n              className='searchbar-wrapper'\n              onFocus={() => setIsBlur(true)}\n              onBlur={() => setIsBlur(false)}\n            >\n              <SearchBar\n                value={searchText}\n                onKeyDown={onKeyDown}\n                onChange={(value) => setSearchText(value)}\n              />\n            </div>\n            <div\n              className='tabs-and-grid-wrapper'\n              style={isBlur ? { filter: 'blur(2px)' } : {}}\n            >\n              <div className='tabs'>\n                <div className='left-items'>\n                  {isLoggedIn && (\n                    <div\n                      onClick={() => {\n                        setTab('writers');\n                        setSearchText('');\n                        setPage(0);\n                        loadWritersPosts(0, true);\n                        navigate(`?tab=writers&page=0`, { replace: true });\n                      }}\n                      className={tab === 'writers' ? 'item-selected' : 'item'}\n                      style={\n                        darkTheme ? { color: darkOptionsAndColors.color } : {}\n                      }\n                    >\n                      Writers\n                    </div>\n                  )}\n                  {isLoggedIn && (\n                    <div\n                      onClick={() => {\n                        setTab('topics');\n                        setSearchText('');\n                        setPage(0);\n                        loadFollowingTagsPosts(0, true);\n                        navigate(`?tab=topics&page=0`, { replace: true });\n                      }}\n                      style={\n                        darkTheme ? { color: darkOptionsAndColors.color } : {}\n                      }\n                      className={tab === 'topics' ? 'item-selected' : 'item'}\n                    >\n                      Topics\n                    </div>\n                  )}\n                  <div\n                    onClick={() => {\n                      setTab('popular');\n                      setSearchText('');\n                      setPage(0);\n                      switch (popularFilter) {\n                        case 'Ever':\n                          loadPopularPostsEver(0, true);\n                          break;\n                        case 'This month':\n                          loadPopularPostsThisMonth(0, true);\n                          break;\n                        case 'This week':\n                          loadPopularPostsThisWeek(0, true);\n                          break;\n                        case 'Today':\n                          loadPopularPostsToday(0, true);\n                          break;\n                      }\n                      navigate(`?tab=popular&page=0`, { replace: true });\n                    }}\n                    style={\n                      darkTheme ? { color: darkOptionsAndColors.color } : {}\n                    }\n                    className={tab === 'popular' ? 'item-selected' : 'item'}\n                  >\n                    Popular\n                  </div>\n                  <div\n                    onClick={() => {\n                      setTab('new');\n                      setSearchText('');\n                      setPage(0);\n                      loadLatestPosts(0, true);\n                      navigate(`?tab=new&page=0`, { replace: true });\n                    }}\n                    style={\n                      darkTheme ? { color: darkOptionsAndColors.color } : {}\n                    }\n                    className={tab === 'new' ? 'item-selected' : 'item'}\n                  >\n                    New\n                  </div>\n                </div>\n                {tab === 'search' && (\n                  <div\n                    className='search-item'\n                    style={\n                      darkTheme ? { color: darkOptionsAndColors.color } : {}\n                    }\n                  >\n                    Search Results\n                  </div>\n                )}\n              </div>\n              {tab === 'popular' && (\n                <Dropdown\n                  style={{\n                    alignSelf: 'end',\n                    width: '120px',\n                    height: '27px',\n                    top: '50px',\n                    position: 'absolute',\n                    right: '0',\n                  }}\n                  selectedTextStyle={{ fontSize: '14px', fontWeight: '400' }}\n                  drodownItemsWrapperStyle={{\n                    rowGap: '0',\n                    top: '29px',\n                  }}\n                  items={popularFiltersArray}\n                  onSelect={(item) => {\n                    setPopularFilter(item as PopularFilterType);\n                    setPage(0);\n                    const queryParams = queryString.parse(location.search);\n                    queryParams.page = '0';\n                    navigate(`?${queryString.stringify(queryParams)}`);\n                  }}\n                  uniqueId={'homepage-popular-filter-menu'}\n                  selected={popularFilter}\n                />\n              )}\n              {tab !== 'search' && (\n                <div className='homepage-vertical-grid'>\n                  {getDisplayingPosts()\n                    .slice(0, 10)\n                    .map((post) => {\n                      return <CardVertical key={post.postId} post={post} />;\n                    })}\n                </div>\n              )}\n              {tab !== 'search' && (\n                <div className='homepage-horizontal-flex'>\n                  {getDisplayingPosts()\n                    .slice(10)\n                    .map((post) => {\n                      return (\n                        <CardPublishedArticles post={post} key={post.postId} />\n                      );\n                    })}\n                </div>\n              )}\n              {tab === 'search' &&\n                (searchLoading ? (\n                  <Loader />\n                ) : (\n                  <div className='search-results-wrapper'>\n                    <SearchResults\n                      term={lastSearchTerm}\n                      articles={searchPostResults}\n                      publications={searchPublicationResults}\n                      users={searchUserResults}\n                      counts={{\n                        articlesCount: searchPostResultsTotalCount,\n                        publicationsCount: searchPublicationResults.length,\n                        usersCount: searchUserResults.length,\n                      }}\n                      allTags={allTags}\n                      loadMoreArticles={loadMoreSearchResults}\n                    />\n                  </div>\n                ))}\n              {getDisplayingPostsTotalCount() > getDisplayingPosts().length && (\n                <Button\n                  styleType={{ dark: 'navy-dark', light: 'white' }}\n                  style={{ width: '152px', marginBottom: '56px' }}\n                  onClick={() => {\n                    loadMoreHandler();\n                  }}\n                  loading={loadMoreLoading}\n                >\n                  <span>Load More</span>\n                </Button>\n              )}\n            </div>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default HomePage;\n"],"names":["___CSS_LOADER_EXPORT___","push","module","id","___CSS_LOADER_URL_IMPORT_0___","URL","___CSS_LOADER_URL_IMPORT_1___","___CSS_LOADER_URL_IMPORT_2___","___CSS_LOADER_URL_IMPORT_3___","___CSS_LOADER_URL_REPLACEMENT_0___","___CSS_LOADER_URL_REPLACEMENT_1___","___CSS_LOADER_URL_REPLACEMENT_2___","___CSS_LOADER_URL_REPLACEMENT_3___","options","styleTagTransform","setAttributes","insert","domAPI","insertStyleElement","props","dark","className","isSelected","onClick","callBack","text","getClassnameWithTheme","input","to","isPublication","handle","src","avatar","articlesCount","followersCount","displayName","bio","darkTheme","selectedFilterType","setSelectedFilterType","useState","sortType","setSortType","loadMoreLoading","setLoadMoreLoading","isLoggedIn","state","followTag","myTags","unfollowTag","isTagSearch","term","startsWith","phrase","trim","tags","allTags","length","followTagLoading","setFollowTagLoading","map","tag","tagId","includes","async","style","cursor","counts","usersCount","publicationsCount","uniqueId","alignSelf","width","height","top","position","right","selectedTextStyle","fontSize","fontWeight","items","onSelect","item","drodownItemsWrapperStyle","rowGap","minWidth","arrowWidth","articlesSorted","Array","from","articles","sort","article_1","article_2","parseInt","created","publicationsAndUsers","publications","users","element_1","element_2","comparing_text_1","publicationHandle","comparing_text_2","findIndex","post","postId","title","user_1","user_2","getDisplayingElements","element","index","key","publicationTitle","postCounts","publishedCount","subtitle","getDisplayingUiElement","Button","light","styleType","marginBottom","loadMoreArticles","loading","modalContext","useContext","ModalContext","navigate","location","screenWidth","setScreenWidth","useEffect","window","onresize","onload","innerWidth","login","user","searchUsers","searchPublications","getCounts","getUserPostCounts","userPostCounts","getPostsByFollowers","getFollowingTagsPosts","getPopularPosts","getPopularPostsToday","getPopularPostsThisWeek","getPopularPostsThisMonth","getLatestPosts","getAllTags","search","selectedTab","setSelectedTab","getStateFromUrl","queryParams","search_text","search_tag","navigationUrl","tab","setTab","decodedSearchText","decodeURIComponent","setSearchText","decodedSearchTag","page","setPage","error","loadWritersPosts","loadFollowingTagsPosts","loadPopularPostsToday","loadPopularPostsThisWeek","loadPopularPostsThisMonth","loadPopularPostsEver","loadLatestPosts","loadSearchResults","scrollTo","left","behavior","replace","writersPosts","setWritersPosts","writersPostCount","setWritersPostCount","initial","start","end","posts","totalCount","followersArray","followingTagsPosts","setFollowingTagsPosts","followingTagsPostsCount","setFollowingTagsPostsCount","popularFilter","setPopularFilter","todayPosts","setTodayPosts","todayPostCount","setTodayPostCount","thisWeekPosts","setThisWeekPosts","thisWeekPostCount","setThisWeekPostCount","thisMonthPosts","setThisMonthPosts","thisMonthPostsCount","setThisMonthPostCount","everPopularPosts","setEverPopularPosts","everPopularPostCount","setEverPopularPostCount","latestPosts","setLatestPosts","latestPostsPostCount","setLatestPostsPostCount","searchText","lastSearchTerm","setLastSearchTerm","isBlur","setIsBlur","searchLoading","setSearchLoading","setAllTags","searchPostResults","setSearchPostResults","searchPostResultsTotalCount","setSearchPostResultsTotalCount","searchUserResults","setSearchUserResults","searchPublicationResults","setSearchPublicationResults","all_tags","value","encodeURIComponent","Promise","all","getDisplayingPosts","mobileMenuOpen","setMobileMenuOpen","darkOptionsAndColors","background","color","filter","secondaryButtonColor","buttonBackgroundColor","loggedIn","isArticlePage","ScreenWidth","isPublicationPage","transparentBackground","type","margin","href","target","openModal","topic","content","feature","isVerified","padding","borderRadius","gradientKey","website","socialChannels","url","urlWithProtocol","open","clickable","anchorSelect","place","noArrow","draftCount","backgroundColor","display","onFocus","onBlur","onKeyDown","e","onChange","selected","slice","Loader","undefined","getDisplayingPostsTotalCount","toString","loadMoreHandler"],"sourceRoot":""}