{"version":3,"file":"forum-tab/index.css","mappings":"AAAA,MACE,0BACA,8BACA,qDACA,uDACA,kBACA,kBACA,gBACA,mBACA,mBACA,gBACA,mBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,oBACA,qBACA,qBACA,gBAwDF,8CAEE,yBClFF,0BAOE,mBAJA,iCADA,mBADA,kFAKA,aAEA,8BACA,gBAJA,4BADA,2BAKA,CAEA,sCACE,aAGF,gCACE,8CACA,0BAII,iDACE,8BAMR,sCACE,mBAEA,yCAGE,eACA,gBAFA,iBADA,gBAIA,0BAEA,2CACE,uBACA,eAEA,iDACE,qBAKN,wCAEE,cADA,eAGA,gBADA,qBACA,CAIJ,qCACE,aACA,eACA,kBAEA,yCAEE,aADA,iBACA,CAEA,6CAEE,YADA,iBAEA,WAPJ,yCAUE,uBACA,eACA,gBACA,iBAEA,2CACE,uBAKN,qCACE,aAEA,iDAEE,kBAIA,WAHA,eACA,gBACA,iBAEA,qBANA,iBAMA,CAEA,4DACE,eAGF,wDACE,yBAGF,yDACE,yBAGF,wDACE,yBAGF,wDACE,yBAGF,0DACE,yBAGF,2DACE,sBAGF,2DACE,wCD9EM,CCiFR,yDACE,yBAGF,0DACE,yBAKN,sCACE,sCACA,kBAEA,0CAOE,mBAHA,cAEA,aALA,eACA,gBACA,iBAEA,eAEA,CAEA,sDACE,aAGF,8CACE,iBAON,0BACE,wCAGE,iDACE,8BAGF,2CACE,6BAQA,gDAJA,cAKA,eARA,eACA,gBACA,iBAGA,kBADA,cAIA,CAEA,kDACE,4CACA,cACA,gBAMR,8BAIE,6BAFA,qCADA,mBAEA,cAGA,eADA,gBAEA,kBAEA,oCACE,yBAEA,gBADA,UACA,CAKN,4BAME,iCAJA,mBADA,kFAEA,aACA,aACA,2BACA,CAEA,kCACE,8CAGF,gCAIE,YAHA,kBACA,UAEA,CAGA,4CACE,aACA,cAIJ,+BAIE,cAHA,eACA,gBACA,iBAEA,kBACA,aACA,0BAIE,uCACE,8BACA,qBAKN,iCAIE,cACA,qBAJA,eACA,gBACA,gBAEA,CAEA,8CACE,kBAGF,8CACE,iBAGF,yCACE,sBAKN,KACE,aACA,eAGA,gBADA,gBAEA,cAHA,cAGA,CAGF,0CACE,qBACA,gBACA,aACA,oCACA,cAGA,+EACE,iBAGF,yBAZF,0CAaI,qCAGF,wBAhBF,0CAiBI,qCAIJ,4BAEE,kBADA,UACA,CAEA,2CAYE,iCAJA,kBANA,kFAIA,cALA,qBAGA,eACA,gBAEA,YAEA,iBAIA,gBAHA,eACA,kBARA,2BAUA,CAEA,iDACE,8CACA,cAGF,6CACE,cACA,sBAGF,2DAEE,mBADA,YAEA,iBAGF,iDACE,qBASF,uCAKE,mBAEA,kBACA,WALA,eAFA,gBACA,iBAIA,qBAFA,iBAKA,qBAEA,6CACE,mBAMR,aACE,iBAEA,kBACE,aAGF,oBACE,cAMA,0CACE,aAKN,eAEE,yBACA,qBAFA,aAEA,CAGF,OAIE,6BACA,qBAFA,mBADA,aADA,iBAIA,CAIF,iBACE,qBAEA,6BACE,eAEA,qBACA,YAEA,iBAJA,kBAGA,UACA,CAEA,iCAIE,wBAFA,SAIA,OAHA,cAFA,kBAIA,OACA,CAGF,qCACE,eAKF,2BAEE,wBACA,mCAFA,6BAGA,iCAEA,iCAGE,oBADA,wBAEA,mCAHA,6BAIA,iCAOR,yBACE,GACE,UACA,iCAGF,IACE,UACA,qCAGF,IACE,UACA,sCAGF,IACE,UACA,kCC1cJ,kBAEE,yBACA,kBACA,gBAHA,SAGA,CAEA,wBAIE,gCAHA,aACA,SACA,iBACA,CAGF,uBAME,oDAFA,gEACA,0BAFA,kBADA,YADA,WAKA,CAGF,wBACE,aAEA,SADA,oCAEA,aAGF,wBACE,sBACA,kBACA,aAGF,uBAGE,kBADA,YAEA,mBAHA,UAMA,CAGF,+CAHE,oDAFA,gEACA,yBAQA,CAJF,wBACE,iBAGA,CAEA,+BAEE,YACA,kBAFA,SAEA,CAGF,8BAEE,YADA,SACA,CAKN,2BACE,GACE,2BAEF,GACE,6BAKJ,gBAMC,2BAFA,yBACA,kBAEA,kBALA,2BACA,kBAFA,iBAMA,CAEA,yCAEC,YACA,2BAFA,mBAEA,CAGD,gDACC,2BAKF,oBAWC,mDACA,kBAKA,yCAPA,WALA,qBAEA,cACA,gBAMA,mBALA,iBAHA,gBASA,oBAdA,kBAEA,UAUA,yBAXA,SAcA,gEAZA,SAaA,C","sources":["webpack:///./assets/frontend/scss/el-widgets/_variables.scss","webpack:///./assets/frontend/scss/el-widgets/_forumTab.scss","webpack:///./src/forum-tab/editor.scss"],"sourcesContent":[":root {\n  --rob: \"Roboto\", sans-serif;\n  --great: \"Great Vibes\", cursive;\n  --bg_gradient: linear-gradient(45deg, #F5FDFF, #FEEFEC);\n  --bbpc_brand_color: var(--bbpc_brand_color_opt, #4c4cf1);\n  --h_title: #1d2746;\n  --p_color: #6b707f;\n  --bs-white: #fff;\n  --black_25: #f9f9f9;\n  --black_50: #f2f2f2;\n  --black_75: #eeeeee;\n  --black_90: #e0e6f0;\n  --black_100: #d6d9dc;\n  --black_150: #c8ccd0;\n  --black_200: #bbc0c4;\n  --black_300: #9fa6ad;\n  --black_350: #9199a1;\n  --black_400: #848d95;\n  --black_500: #6a737c;\n  --black_600: #535a60;\n  --black_700: #3c4146;\n  --black_750: #2f3337;\n  --black_800: #242729;\n  --black_900: #0c0d0e;\n  --bbpc_color: #078669;\n  --baseColor2: #4a6ee0;\n  --bs_white: #fff;\n}\n\n/*font Variables*/\n$rob: var(--rob);\n$great: var(--great);\n\n$h_title: var(--h_title);\n$p_color: var(--p_color);\n$black_100: var(--black_100);\n$black_150: var(--black_150);\n$black_200: var(--black_200);\n$black_300: var(--black_300);\n$black_350: var(--black_350);\n$black_400: var(--black_400);\n$black_500: var(--black_500);\n$black_600: var(--black_600);\n$black_700: var(--black_700);\n$black_750: var(--black_750);\n$black_800: var(--black_800);\n$black_900: var(--black_900);\n$brand_color: var(--bbpc_brand_color);\n$baseColor2: var(--baseColor2);\n\n// Mixins\n@mixin transition(\n  $property: all,\n  $duration: 300ms,\n  $animate: linear,\n  $delay: 0s\n) {\n  transition: $property $duration $animate $delay;\n}\n\n/**=== Functions ===**/\n@function brand_color_rgba($alpha) {\n  @return rgba(7, 134, 105, $alpha);\n}\n\n// Placeholder Mixins\n\n@mixin placeholder {\n  &.placeholder {\n    @content;\n  }\n  &:-moz-placeholder {\n    @content;\n  }\n  &::-moz-placeholder {\n    @content;\n  }\n  &::-webkit-input-placeholder {\n    @content;\n  }\n}\n\n.col-md-offset-right-1,\n.col-lg-offset-right-1 {\n  margin-right: 8.33333333%;\n}\n  ","@use \"variables\" as *;\n\n.single-forum-post-widget {\n  box-shadow: 0 1.6px 3.5px 0 #334d7226, 0 0.5px 1px 0 #334d721a;\n  border-radius: 10px;\n  background-color: var(--bs-white);\n  transition: all 0.3s ease-out;\n  padding: 22px 35px 18px 30px;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  margin-top: 10px;\n\n  &:first-child {\n    margin-top: 0;\n  }\n\n  &:hover {\n    box-shadow: 0 20px 45px 0 #334d7226;\n    transform: translateX(2px);\n\n    .post-title {\n      h6 {\n        a {\n          color: var(--bbpc_brand_color);\n        }\n      }\n    }\n  }\n\n  .post-title {\n    margin-bottom: 15px;\n\n    h6 {\n      margin-bottom: 0;\n      line-height: 22px;\n      font-size: 16px;\n      font-weight: 500;\n      text-transform: capitalize;\n\n      a {\n        color: var(--black_800);\n        font-size: 18px;\n\n        &:hover {\n          text-decoration: none;\n        }\n      }\n    }\n\n    i {\n      font-size: 15px;\n      color: #2ed83f;\n      vertical-align: middle;\n      margin-left: 6px;\n    }\n  }\n\n  .post-info {\n    display: flex;\n    flex-wrap: wrap;\n    margin-bottom: 5px;\n\n    >div {\n      margin-right: 15px;\n      display: flex;\n\n      img {\n        margin-right: 5px;\n        height: 15px;\n        width: 15px;\n      }\n\n      color: var(--black_600);\n      font-size: 14px;\n      font-weight: 400;\n      line-height: 16px;\n\n      a {\n        color: var(--black_600);\n      }\n    }\n  }\n\n  .post-tags {\n    display: flex;\n\n    .single-tag {\n      padding: 3px 9.5px;\n      border-radius: 3px;\n      font-size: 12px;\n      font-weight: 400;\n      line-height: 14px;\n      color: #fff;\n      margin: 12px 10px 0 0;\n\n      &:last-child {\n        margin-right: 0;\n      }\n\n      &.tag-jq {\n        background-color: #f7ab40;\n      }\n\n      &.tag-php {\n        background-color: #7543e0;\n      }\n\n      &.tag-wp {\n        background-color: #6078ce;\n      }\n\n      &.tag-js {\n        background-color: #ff7245;\n      }\n\n      &.tag-dvlp {\n        background-color: #48a6ea;\n      }\n\n      &.tag-ecmrc {\n        background-color: #333333;\n      }\n\n      &.tag-foram {\n        background-color: $brand_color;\n      }\n\n      &.tag-hlp {\n        background-color: #2c53df;\n      }\n\n      &.tag-sprt {\n        background-color: #0cc72a;\n      }\n    }\n  }\n\n  .post-reach {\n    border-left: 1px solid var(--black_50);\n    padding-left: 15px;\n\n    >div {\n      font-size: 12px;\n      font-weight: 400;\n      line-height: 14px;\n      color: #848d95;\n      margin-top: 10px;\n      display: flex;\n      align-items: center;\n\n      &:first-child {\n        margin-top: 0;\n      }\n\n      img {\n        margin-right: 5px;\n      }\n    }\n  }\n}\n\n.community-area {\n  .nav-tabs {\n    border-bottom: 1px solid var(--black_50);\n\n    .nav-item {\n      &:hover button {\n        color: var(--bbpc_brand_color);\n      }\n\n      button {\n        background-color: transparent;\n        font-size: 16px;\n        font-weight: 400;\n        line-height: 26px;\n        color: #535a60;\n        padding: 10px 0;\n        margin-right: 30px;\n        border: none;\n        border-bottom: 2px solid transparent;\n        cursor: pointer;\n\n        &.active {\n          border-bottom-color: var(--bbpc_brand_color);\n          color: #171d24;\n          font-weight: 500;\n        }\n      }\n    }\n  }\n\n  .sec-btn-blue {\n    border-radius: 26px;\n    border: 1px solid rgba(#4a6ee0, 40%);\n    color: #4a6ee0;\n    background-color: transparent;\n    font-weight: 700;\n    font-size: 16px;\n    padding: 10px 37px;\n\n    &:hover {\n      background-color: #4a6ee0;\n      color: #fff;\n      box-shadow: none;\n    }\n  }\n}\n\n.community-topic-widget-box {\n  box-shadow: 0 1.6px 3.5px 0 #334d7226, 0 0.5px 1px 0 #334d721a;\n  border-radius: 10px;\n  display: flex;\n  padding: 40px;\n  transition: all 0.3s ease-out;\n  background-color: var(--bs-white);\n\n  &:hover {\n    box-shadow: 0 20px 45px 0 #334d7226;\n  }\n\n  img {\n    margin-right: 24px;\n    width:auto;\n    // max-width: 48px !important;\n    height: 48px;\n  }\n  .box-content{\n    h5{\n      margin-top:0px;\n      padding-top: 0px;\n    }\n  }\n\n  h5 {\n    font-size: 18px;\n    font-weight: 500;\n    line-height: 21px;\n    color: #171d24;\n    margin-bottom: 5px;\n    margin-top: 0;\n    text-transform: capitalize;\n    \n\n    &:hover {\n      a {\n        color: var(--bbpc_brand_color);\n        text-decoration: none;\n      }\n    }\n  }\n\n  span {\n    font-size: 14px;\n    font-weight: 400;\n    line-height: 22px;\n    color: #6a737c;\n    display: inline-block;\n\n    &:nth-child(2) {\n      padding-right: 8px;\n    }\n\n    &:nth-child(4) {\n      padding-left: 8px;\n    }\n\n    &.vr-line {\n      color: var(--black_75);\n    }\n  }\n}\n\n.nav {\n  display: flex;\n  flex-wrap: wrap;\n  padding-left: 0;\n  margin-bottom: 0;\n  list-style: none;\n  margin-left: 0;\n}\n\n.bbpc-community-topic-widget-main-wrapper {\n  --bs-gutter-x: 1.5rem;\n  --bs-gutter-y: 0;\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  grid-gap: 20px;\n  //margin-top: 40px;\n\n  .bbpc-community-topic-widget-wrapper {\n    display: contents;\n  }\n\n  @media (max-width: 1024px) {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  @media (max-width: 768px) {\n    grid-template-columns: repeat(1, 1fr);\n  }\n}\n\n.bbpc-show-more-btn-wrapper {\n  width: 100%;\n  text-align: center;\n\n  .show-more-btn {\n    display: inline-block;\n    box-shadow: 0 1.6px 3.5px 0 #334d7226, 0 0.5px 1px 0 #334d721a;\n    transition: all 0.3s ease-out;\n    font-size: 18px;\n    font-weight: 400;\n    color: #4a6ee0;\n    height: 50px;\n    border-radius: 5px;\n    line-height: 48px;\n    padding: 0 40px;\n    text-align: center;\n    background-color: var(--bs-white);\n    margin-top: 50px;\n\n    &:hover {\n      box-shadow: 0 10px 30px 0 #334d721f;\n      color: #4a6ee0;\n    }\n\n    i {\n      color: #4a6ee0;\n      vertical-align: middle;\n    }\n\n    &.show-more-round {\n      height: 48px;\n      border-radius: 24px;\n      line-height: 47px;\n    }\n\n    &:hover {\n      text-decoration: none;\n    }\n  }\n}\n\n/*------- Forum Tab widget tags --------*/\n.single-forum-post-widget {\n  .post-tags {\n\n    a {\n      font-weight: 400;\n      line-height: 14px;\n      font-size: 12px;\n      padding: 3px 10px;\n      background: #6078ce;\n      margin: 12px 10px 0 0;\n      border-radius: 3px;\n      color: #fff;\n      text-decoration: none;\n\n      &:hover {\n        background: #4766d5;\n      }\n    }\n  }\n}\n\n.tab-content {\n  padding-top: 40px;\n\n  .tab {\n    display: none;\n  }\n\n  &.active {\n    display: block;\n  }\n}\n\n.community-area {\n  .tab-content {\n    &:not(.active) {\n      display: none;\n    }\n  }\n}\n\n.alert-warning {\n  color: #664d03;\n  background-color: #fff3cd;\n  border-color: #ffecb5;\n}\n\n.alert {\n  position: relative;\n  padding: 1rem 1rem;\n  margin-bottom: 1rem;\n  border: 1px solid transparent;\n  border-radius: 0.25rem;\n}\n\n// show more button icon style\n.dbl-arrow-upper {\n  display: inline-block;\n\n  .arrow-cont {\n    cursor: pointer;\n    position: relative;\n    display: inline-block;\n    height: 24px;\n    width: 20px;\n    margin-right: 3px;\n\n    svg {\n      position: absolute;\n      bottom: 0;\n      margin-left: 0;\n      background-size: contain;\n      top: 8px;\n      left: 0;\n    }\n\n    .second {\n      margin-top: 5px;\n    }\n  }\n\n  &:hover {\n    svg {\n      animation-name: bounceAlphaUp;\n      animation-duration: 1.4s;\n      animation-iteration-count: infinite;\n      animation-timing-function: linear;\n\n      &.first {\n        animation-name: bounceAlphaUp;\n        animation-duration: 1.4s;\n        animation-delay: 0.2s;\n        animation-iteration-count: infinite;\n        animation-timing-function: linear;\n      }\n    }\n  }\n}\n\n\n@keyframes bounceAlphaUp {\n  0% {\n    opacity: 1;\n    transform: translateY(0) scale(1)\n  }\n\n  25% {\n    opacity: 0;\n    transform: translateY(10px) scale(.9)\n  }\n\n  26% {\n    opacity: 0;\n    transform: translateY(-10px) scale(.9)\n  }\n\n  55% {\n    opacity: 1;\n    transform: translateY(0) scale(1)\n  }\n}","// Editor styles for forum-tab block.\n@use './../../assets/frontend/scss/el-widgets/variables';\n@use './../../assets/frontend/scss/el-widgets/forumTab';\n\n// Skeleton loader for ServerSideRender loading state.\n.bbpc-ft-skeleton {\n  padding: 0;\n  border: 1px solid #e0e0e0;\n  border-radius: 8px;\n  overflow: hidden;\n\n  &__tabs {\n    display: flex;\n    gap: 20px;\n    padding: 12px 20px;\n    border-bottom: 1px solid #e0e0e0;\n  }\n\n  &__tab {\n    width: 100px;\n    height: 20px;\n    border-radius: 4px;\n    background: linear-gradient(90deg, #eee 25%, #f5f5f5 50%, #eee 75%);\n    background-size: 200% 100%;\n    animation: bbpc-ft-shimmer 1.5s infinite ease-in-out;\n  }\n\n  &__grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n    padding: 20px;\n  }\n\n  &__card {\n    border: 1px solid #eee;\n    border-radius: 8px;\n    padding: 20px;\n  }\n\n  &__img {\n    width: 48px;\n    height: 48px;\n    border-radius: 6px;\n    margin-bottom: 12px;\n    background: linear-gradient(90deg, #eee 25%, #f5f5f5 50%, #eee 75%);\n    background-size: 200% 100%;\n    animation: bbpc-ft-shimmer 1.5s infinite ease-in-out;\n  }\n\n  &__line {\n    border-radius: 4px;\n    background: linear-gradient(90deg, #eee 25%, #f5f5f5 50%, #eee 75%);\n    background-size: 200% 100%;\n    animation: bbpc-ft-shimmer 1.5s infinite ease-in-out;\n\n    &--title {\n      width: 75%;\n      height: 16px;\n      margin-bottom: 8px;\n    }\n\n    &--meta {\n      width: 50%;\n      height: 12px;\n    }\n  }\n}\n\n@keyframes bbpc-ft-shimmer {\n  0% {\n    background-position: 200% 0;\n  }\n  100% {\n    background-position: -200% 0;\n  }\n}\n\n// Pro-gated toggle wrapper with badge overlay.\n.bbpc-pro-gated {\n\tposition: relative;\n\toverflow: visible !important;\n\tpadding: 10px 12px;\n\tborder: 1px solid #e2e2e2;\n\tborder-radius: 6px;\n\tbackground: rgba(0, 0, 0, 0.02);\n\tmargin-bottom: 8px;\n\n\t.components-base-control {\n\t\tpointer-events: none;\n\t\topacity: 0.55;\n\t\toverflow: visible !important;\n\t}\n\n\t.components-base-control__field {\n\t\toverflow: visible !important;\n\t}\n}\n\n// Small inline PRO badge.\n.bbpc-pro-watermark {\n\tposition: absolute;\n\ttop: -8px;\n\tright: 8px;\n\tz-index: 2;\n\tdisplay: inline-block;\n\tpadding: 2px 8px;\n\tfont-size: 9px;\n\tfont-weight: 700;\n\tline-height: 16px;\n\tcolor: #fff;\n\tbackground: linear-gradient(135deg, #6366f1, #8b5cf6);\n\tborder-radius: 4px;\n\ttext-transform: uppercase;\n\tletter-spacing: 1px;\n\tpointer-events: none;\n\tuser-select: none;\n\tbox-shadow: 0 1px 3px rgba(99, 102, 241, 0.4);\n}"],"names":[],"ignoreList":[],"sourceRoot":""}