{"version":3,"sources":["forum-post.scss","../../assets/styles/_sprite.scss","forum-post.css"],"names":[],"mappings":"AA2EA,sB,CC3DE,4C,CAEA,U,CDdF,gB,CACE,Y,CACA,qB,CACA,iB,CACA,iB,CACA,e,CEEA,0B,CFCE,c,CACA,kB,CATJ,wB,CAYI,U,CACA,iB,CACA,S,CACA,K,CACA,W,CACA,S,CACA,wB,CEAA,kC,CFGE,S,CACA,U,CAtBN,gC,CA0BI,iB,CEHA,0C,CFME,c,CACA,kB,CA9BN,wC,CAkCI,iB,CENA,kD,CFSE,a,CACA,kB,CAtCN,2B,CA0CI,iB,CA1CJ,mC,CA6CI,iB,CACA,iB,CAEF,oCAhDF,gB,CAAA,gC,CAiDI,c,CAjDJ,wB,CAmDM,Y,CAnDN,wC,CAwDQ,a,CAxDR,2B,CA4DM,c,CA5DN,mC,CA+DQ,c,CACA,a,CACA,mBAMR,e,CACE,mB,CACA,gB,CACD,iB,CAHD,sB,CAME,U,CACA,iB,CACA,M,CACA,O,CACA,Q,CAEA,0B,CACA,U,CAbF,mC,CAkBG,Y,CAlBH,yB,CAsBI,e,CAGF,uB,CACE,Y,CACA,sB,CACA,4B,CACE,e,CACA,kB,CACA,Y,CACA,kB,CACA,c,CACA,W,CAND,kCAAA,Y,CAQG,iB,CARH,8B,CAWG,qB,CAGJ,4B,CACE,iB,CACA,U,CACA,W,CACA,a,CACA,wB,CACA,S,CACA,kB,CACA,qB,CACA,iB,CACA,e,CE9BA,sC,CFiCE,c,CACA,gB,CAGF,oC,CACE,iB,CACA,M,CACA,K,CACA,U,CACA,W,CACA,S,CACA,2B,CACA,S,CAEF,iC,CACE,iB,CACA,Q,CACA,O,CACA,8B,CACA,S,CACA,2B,CACA,S,CEjCF,oE,CFDD,uE,CAuCK,S,CAIN,2B,CACE,iB,CACA,Q,CACA,O,CACA,sB,CACA,uB,CACA,c,CACA,kB,CAEF,4B,CACE,yB,CACA,wB,CACA,iB,CACA,kB,CACA,e,CACA,uB,CAND,kC,CAQG,U,CACA,qC,CACA,uD,CAGJ,4B,CACE,iB,CACA,gB,CAFD,8B,CAOA,+B,CAHG,gB,CAQJ,oCA9FD,oD,CAgGK,iB,CAhGL,oD,CAmGK,Y,CAnGL,oD,CAsGK,U,CACA,c,CACA,iB,CAxGL,oD,CA2GK,gB,CACA,U,CACA,iB,CACA,c,CA9GL,oD,CAiHK,gB,CAjHL,qD,CAoHK,mBASR,kB,CAOE,kB,CALA,+B,CAKA,kB,CAEE,kB,CAGF,mB,CACE,qB,CACA,Y,CACA,kB,CAVJ,wC,CE/CE,2C,CACA,yC,CACA,sC,CACA,uC,CFgEC,uB,CApBH,oC,CAwBM,mB,CACA,qB,CACH,gB,CA1BH,mC,CA8BG,c,CACA,2B,CA/BH,iD,CAkCI,c,CAlCJ,6C,CAuCG,U,CAvCH,8E,CE9BE,+E,CACA,6E,CF0EC,kB,CACA,c","file":"../forum-post.css","sourcesContent":["@import \"../../assets/styles/variables\";\r\n@import \"../../assets/styles/mixins\";\r\n@import \"../../assets/styles/sprite\";\r\n\r\n.brk-forum-posts {\r\n  display: flex;\r\n  flex-direction: column;\r\n  position: relative;\r\n  padding-left: 32px;\r\n  padding-top: 7px;\r\n\r\n  [dir=\"rtl\"] & {\r\n    padding-left: 0;\r\n    padding-right: 32px;\r\n  }\r\n  &::before {\r\n    content: '';\r\n    position: absolute;\r\n    left: 30px;\r\n    top: 0;\r\n    height: 100%;\r\n    width: 1px;\r\n    background-color: #ebebeb;\r\n\r\n    [dir=\"rtl\"] & {\r\n      left: auto;\r\n      right: 30px;\r\n    }\r\n  }\r\n  .brk-forum-post {\r\n    padding-left: 51px;\r\n\r\n    [dir=\"rtl\"] & {\r\n      padding-left: 0;\r\n      padding-right: 51px;\r\n    }\r\n  }\r\n  .brk-forum-post__header {\r\n    margin-left: -85px;\r\n\r\n    [dir=\"rtl\"] & {\r\n      margin-left: 0;\r\n      margin-right: -85px;\r\n    }\r\n  }\r\n  .brk-reply {\r\n    padding-left: 51px;\r\n  }\r\n  .brk-reply__header {\r\n    margin-left: -51px;\r\n    padding-left: 51px;\r\n  }\r\n  @media screen and (max-width:576px) {\r\n    padding-left: 0;\r\n    &::before {\r\n      display: none;\r\n    }\r\n    .brk-forum-post {\r\n      padding-left: 0;\r\n      &__header {\r\n        margin-left: 0;\r\n      }\r\n    }\r\n    .brk-reply {\r\n      padding-left: 0;\r\n\r\n      &__header {\r\n        padding-left: 0;\r\n        margin-left: 0;\r\n        text-align: center;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.brk-forum-post {\r\n  padding-bottom: 30px;\r\n  padding-top: 25px;\r\n\tposition: relative;\r\n\r\n\t&:before {\r\n\t\tcontent: '';\r\n\t\tposition: absolute;\r\n\t\tleft: 0;\r\n\t\tright: 0;\r\n\t\tbottom: 0;\r\n\t\t@extend %brk-dashed-border;\r\n\t\tbackground-repeat: repeat-x;\r\n\t\twidth: 100%;\r\n\t}\r\n\r\n  &:last-of-type {\r\n\t\t&:before {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n  }\r\n  &.no-border {\r\n    border-bottom: 0;\r\n  }\r\n\r\n  &__header {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    &-info {\r\n      margin-top: 15px;\r\n      margin-bottom: 10px;\r\n      display: flex;\r\n      align-items: center;\r\n      flex-wrap: wrap;\r\n      flex-grow: 1;\r\n      >*:not(:last-child) {\r\n        margin-right: 20px;\r\n      }\r\n      i{\r\n        vertical-align: middle;\r\n      }\r\n    }\r\n    &-user {\r\n      position: relative;\r\n      width: 64px;\r\n      height: 65px;\r\n      flex-shrink: 0;\r\n      border: 1px solid #ebebeb;\r\n      z-index: 1;\r\n      border-radius: 100%;\r\n      background-color: $white;\r\n      margin-right: 20px;\r\n      overflow: hidden;\r\n\r\n      [dir=\"rtl\"] & {\r\n        margin-right: 0;\r\n        margin-left: 20px;\r\n      }\r\n\r\n      &-overlay {\r\n        position: absolute;\r\n        left: 0;\r\n        top: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        opacity: 0;\r\n        transition: .3s ease opacity;\r\n        z-index: 1;\r\n      }\r\n      &-icon {\r\n        position: absolute;\r\n        left: 50%;\r\n        top: 50%;\r\n        transform: translate(-50%, -50%);\r\n        opacity: 0;\r\n        transition: .3s ease opacity;\r\n        z-index: 2;\r\n      }\r\n      &:hover {\r\n        .brk-forum-post__header-user-overlay,\r\n        .brk-forum-post__header-user-icon {\r\n          opacity: 1;\r\n        }\r\n      }\r\n    }\r\n    &-img {\r\n      position: absolute;\r\n      left: 4px;\r\n      top: 4px;\r\n      width: calc(100% - 8px);\r\n      height: calc(100% - 8px);\r\n      max-width: none;\r\n      border-radius: 100%;\r\n    }\r\n    &-name {\r\n      padding: 7px 15px 7px 17px;\r\n      background-color: #f1f1f1;\r\n      margin-right: 20px;\r\n      border-radius: 20px;\r\n      margin-top: -2px;\r\n      transition: .3s ease all;\r\n      &:hover {\r\n        color: $white;\r\n        background-color: var(--brand-primary);\r\n        box-shadow: 0 5px 16px rgba(var(--brand-primary-rgb), 0.5);\r\n      }\r\n    }\r\n    &-like {\r\n      margin-right: 20px;\r\n      margin-left: auto;\r\n      >i {\r\n        margin-right: 8px;\r\n      }\r\n    }\r\n    &-reply {\r\n      >i {\r\n        margin-right: 8px;\r\n      }\r\n    }\r\n    @media screen and (max-width: 576px) {\r\n      .brk-forum-post__header-user {\r\n        margin-right: 10px;\r\n      }\r\n      .brk-forum-post__header-info {\r\n        margin-top: 0;\r\n      }\r\n      .brk-forum-post__header-name {\r\n        width: 100%;\r\n        margin-right: 0;\r\n        text-align: center;\r\n      }\r\n      .brk-forum-post__header-date {\r\n        padding-left: 5px;\r\n        width: 100%;\r\n        text-align: center;\r\n        margin-right: 0;\r\n      }\r\n      .brk-forum-post__header-like {\r\n        margin-left: auto;\r\n      }\r\n      .brk-forum-post__header-reply {\r\n        margin-right: auto;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.brk-forum-about-post{\r\n\r\n}\r\n.brk-forum-divider{\r\n  \r\n  border-bottom:1px solid #ebebeb;\r\n}\r\n\r\n.brk-reply {\r\n\r\n  &__header {\r\n    border-bottom: 1px solid #ebebeb;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  &__rounded{\r\n    background-color: #fff;\r\n    padding: 20px;\r\n    border-radius: 20px;\r\n  }\r\n\r\n  .brk-reply__form {\r\n\r\n\t\t[type=\"email\"], \r\n\t\t[type=\"password\"], \r\n\t\t[type=\"search\"], \r\n\t\t[type=\"tel\"], \r\n\t\t[type=\"text\"] {\r\n\t\t\tborder-bottom-width: 2px;\r\n\t\t}\r\n\t\t\r\n    textarea {\r\n      padding-bottom: 30px;\r\n      transition: border .4s;\r\n\t\t\tborder-width: 2px;\r\n    }\r\n\r\n\t\t.btn-md {\r\n\t\t\tfont-size: rem(16);\r\n\t\t\tpadding: 10px 41px 10px 47px;\r\n\r\n\t\t\ti.icon-inside {\r\n\t\t\t\tfont-size: rem(16);\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t.btn-icon-right i {\r\n\t\t\tright: 32px;\r\n\t\t}\r\n\r\n\t\t.btn-inside-out.btn-icon-right .icon-inside ~ .after,\r\n\t\t.btn-inside-out.btn-icon-right .icon-inside ~ .before,\r\n\t\t.btn-inside-out.btn-icon-right .icon-inside ~ .text {\r\n\t\t\tpadding-right: 14px;\r\n\t\t\tpadding-left: 0;\r\n\t\t}\r\n  }\r\n  /*.btn {\r\n    position: relative;\r\n    margin: 0 0 0 50%;\r\n    transform: translate(-50%, -50%);\r\n    box-shadow: 0 5px 16px rgba(var(--brand-primary-rgb), 0.5);\r\n  }*/\r\n}","%brk-brk-snow-divider-1 {\r\n  background: url(../../img/sprite.png) 0px -44px;\r\n  width: 100px;\r\n  height: 6px;\r\n}\r\n%brk-dashed-border-primary-light {\r\n  background: url(../../img/sprite.png) 0px 0px;\r\n  width: 100px;\r\n  height: 1px;\r\n}\r\n%brk-dashed-border-primary {\r\n  background: url(../../img/sprite.png) 0px -11px;\r\n  width: 100px;\r\n  height: 1px;\r\n}\r\n%brk-dashed-border {\r\n  background: url(../../img/sprite.png) 0px -22px;\r\n  width: 100px;\r\n  height: 1px;\r\n}\r\n%brk-hatch_1 {\r\n  background: url(../../img/sprite.png) 0px -33px;\r\n  width: 10px;\r\n  height: 1px;\r\n}\r\n%brk-snow-bg-2 {\r\n  background: url(../../img/sprite.png) 0px -60px;\r\n  width: 100px;\r\n  height: 6px;\r\n}\r\n%brk-snow-bg {\r\n  background: url(../../img/sprite.png) 0px -108px;\r\n  width: 100px;\r\n  height: 101px;\r\n}\r\n%brk-snow-border-2 {\r\n  background: url(../../img/sprite.png) 0px -76px;\r\n  width: 100px;\r\n  height: 6px;\r\n}\r\n%brk-snow-border {\r\n  background: url(../../img/sprite.png) 0px -92px;\r\n  width: 100px;\r\n  height: 6px;\r\n}\r\n",".brk-forum-post:before {\n  background: url(../../img/sprite.png) 0px -22px;\n  width: 100px;\n  height: 1px; }\n\n.brk-forum-posts {\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  padding-left: 32px;\n  padding-top: 7px; }\n  [dir=\"rtl\"] .brk-forum-posts {\n    padding-left: 0;\n    padding-right: 32px; }\n  .brk-forum-posts::before {\n    content: '';\n    position: absolute;\n    left: 30px;\n    top: 0;\n    height: 100%;\n    width: 1px;\n    background-color: #ebebeb; }\n    [dir=\"rtl\"] .brk-forum-posts::before {\n      left: auto;\n      right: 30px; }\n  .brk-forum-posts .brk-forum-post {\n    padding-left: 51px; }\n    [dir=\"rtl\"] .brk-forum-posts .brk-forum-post {\n      padding-left: 0;\n      padding-right: 51px; }\n  .brk-forum-posts .brk-forum-post__header {\n    margin-left: -85px; }\n    [dir=\"rtl\"] .brk-forum-posts .brk-forum-post__header {\n      margin-left: 0;\n      margin-right: -85px; }\n  .brk-forum-posts .brk-reply {\n    padding-left: 51px; }\n  .brk-forum-posts .brk-reply__header {\n    margin-left: -51px;\n    padding-left: 51px; }\n  @media screen and (max-width: 576px) {\n    .brk-forum-posts {\n      padding-left: 0; }\n      .brk-forum-posts::before {\n        display: none; }\n      .brk-forum-posts .brk-forum-post {\n        padding-left: 0; }\n        .brk-forum-posts .brk-forum-post__header {\n          margin-left: 0; }\n      .brk-forum-posts .brk-reply {\n        padding-left: 0; }\n        .brk-forum-posts .brk-reply__header {\n          padding-left: 0;\n          margin-left: 0;\n          text-align: center; } }\n\n.brk-forum-post {\n  padding-bottom: 30px;\n  padding-top: 25px;\n  position: relative; }\n  .brk-forum-post:before {\n    content: '';\n    position: absolute;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    background-repeat: repeat-x;\n    width: 100%; }\n  .brk-forum-post:last-of-type:before {\n    display: none; }\n  .brk-forum-post.no-border {\n    border-bottom: 0; }\n  .brk-forum-post__header {\n    display: flex;\n    align-items: flex-start; }\n    .brk-forum-post__header-info {\n      margin-top: 15px;\n      margin-bottom: 10px;\n      display: flex;\n      align-items: center;\n      flex-wrap: wrap;\n      flex-grow: 1; }\n      .brk-forum-post__header-info > *:not(:last-child) {\n        margin-right: 20px; }\n      .brk-forum-post__header-info i {\n        vertical-align: middle; }\n    .brk-forum-post__header-user {\n      position: relative;\n      width: 64px;\n      height: 65px;\n      flex-shrink: 0;\n      border: 1px solid #ebebeb;\n      z-index: 1;\n      border-radius: 100%;\n      background-color: #fff;\n      margin-right: 20px;\n      overflow: hidden; }\n      [dir=\"rtl\"] .brk-forum-post__header-user {\n        margin-right: 0;\n        margin-left: 20px; }\n      .brk-forum-post__header-user-overlay {\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        transition: .3s ease opacity;\n        z-index: 1; }\n      .brk-forum-post__header-user-icon {\n        position: absolute;\n        left: 50%;\n        top: 50%;\n        transform: translate(-50%, -50%);\n        opacity: 0;\n        transition: .3s ease opacity;\n        z-index: 2; }\n      .brk-forum-post__header-user:hover .brk-forum-post__header-user-overlay,\n      .brk-forum-post__header-user:hover .brk-forum-post__header-user-icon {\n        opacity: 1; }\n    .brk-forum-post__header-img {\n      position: absolute;\n      left: 4px;\n      top: 4px;\n      width: calc(100% - 8px);\n      height: calc(100% - 8px);\n      max-width: none;\n      border-radius: 100%; }\n    .brk-forum-post__header-name {\n      padding: 7px 15px 7px 17px;\n      background-color: #f1f1f1;\n      margin-right: 20px;\n      border-radius: 20px;\n      margin-top: -2px;\n      transition: .3s ease all; }\n      .brk-forum-post__header-name:hover {\n        color: #fff;\n        background-color: var(--brand-primary);\n        box-shadow: 0 5px 16px rgba(var(--brand-primary-rgb), 0.5); }\n    .brk-forum-post__header-like {\n      margin-right: 20px;\n      margin-left: auto; }\n      .brk-forum-post__header-like > i {\n        margin-right: 8px; }\n    .brk-forum-post__header-reply > i {\n      margin-right: 8px; }\n    @media screen and (max-width: 576px) {\n      .brk-forum-post__header .brk-forum-post__header-user {\n        margin-right: 10px; }\n      .brk-forum-post__header .brk-forum-post__header-info {\n        margin-top: 0; }\n      .brk-forum-post__header .brk-forum-post__header-name {\n        width: 100%;\n        margin-right: 0;\n        text-align: center; }\n      .brk-forum-post__header .brk-forum-post__header-date {\n        padding-left: 5px;\n        width: 100%;\n        text-align: center;\n        margin-right: 0; }\n      .brk-forum-post__header .brk-forum-post__header-like {\n        margin-left: auto; }\n      .brk-forum-post__header .brk-forum-post__header-reply {\n        margin-right: auto; } }\n\n.brk-forum-divider {\n  border-bottom: 1px solid #ebebeb; }\n\n.brk-reply {\n  /*.btn {\r\n    position: relative;\r\n    margin: 0 0 0 50%;\r\n    transform: translate(-50%, -50%);\r\n    box-shadow: 0 5px 16px rgba(var(--brand-primary-rgb), 0.5);\r\n  }*/ }\n  .brk-reply__header {\n    border-bottom: 1px solid #ebebeb;\n    margin-bottom: 20px; }\n  .brk-reply__rounded {\n    background-color: #fff;\n    padding: 20px;\n    border-radius: 20px; }\n  .brk-reply .brk-reply__form [type=\"email\"],\n  .brk-reply .brk-reply__form [type=\"password\"],\n  .brk-reply .brk-reply__form [type=\"search\"],\n  .brk-reply .brk-reply__form [type=\"tel\"],\n  .brk-reply .brk-reply__form [type=\"text\"] {\n    border-bottom-width: 2px; }\n  .brk-reply .brk-reply__form textarea {\n    padding-bottom: 30px;\n    transition: border .4s;\n    border-width: 2px; }\n  .brk-reply .brk-reply__form .btn-md {\n    font-size: 1rem;\n    padding: 10px 41px 10px 47px; }\n    .brk-reply .brk-reply__form .btn-md i.icon-inside {\n      font-size: 1rem; }\n  .brk-reply .brk-reply__form .btn-icon-right i {\n    right: 32px; }\n  .brk-reply .brk-reply__form .btn-inside-out.btn-icon-right .icon-inside ~ .after,\n  .brk-reply .brk-reply__form .btn-inside-out.btn-icon-right .icon-inside ~ .before,\n  .brk-reply .brk-reply__form .btn-inside-out.btn-icon-right .icon-inside ~ .text {\n    padding-right: 14px;\n    padding-left: 0; }\n"]}