{"version":3,"sources":["forum-main.scss","../../assets/styles/_sprite.scss","forum-main.css"],"names":[],"mappings":"A,AAogBA,4BACC,E,CAYA,E,CAXC,sB,CACA,uB,CAED,G,CACC,sB,CACA,uB,CAED,G,CACC,uB,CACA,0B,AAXF,oBACC,E,CAYA,E,CAXC,sB,CACA,uB,CAED,G,CACC,sB,CACA,uB,CAED,G,CACC,uB,CACA,0BAjYF,yB,CC9HE,4C,CAEA,U,CDqIA,U,CACA,iB,CACA,M,CACA,O,CACA,Q,CAEA,0B,CACA,U,CA1JF,e,CACC,Y,CACA,qB,CACA,kB,CACA,uB,CACC,iB,CACA,2B,CACA,uC,CACA,S,CAJA,wC,CAMC,iB,CACA,U,CACA,Q,CACA,S,CACA,oCAVD,wC,CAWE,U,CACA,Q,CEGM,kD,CFAL,O,CACA,WEEC,kD,CFGF,U,CACA,S,CAIH,qB,CACC,iB,CACA,oC,CACA,qB,CAHA,0B,CAKC,iB,CACA,Q,CACA,Q,CACA,6B,CACA,Q,CACA,uD,CAVD,qD,CAaC,2B,CAMF,sB,CACC,U,CACA,W,CACA,e,CACA,iB,CACA,kB,CACA,a,CACA,W,CACA,yC,CETA,gC,CFYC,U,CAXD,mC,CAeC,O,CACA,S,CEZC,6C,CFeA,U,CACA,M,CApBF,mC,CAwBC,W,CACA,S,CEfC,6C,CFkBA,U,CACA,U,CA7BF,mC,CAiCC,W,CACA,S,CElBC,6C,CFqBA,U,CACA,U,CAtCF,mC,CA0CC,W,CACA,S,CErBC,6C,CFwBA,U,CACA,U,CAsEF,iE,CE7BE,oE,CFxFF,mD,CE0BA,sD,CF2BE,S,CAKH,qB,CACC,iB,CACA,M,CACA,K,CACA,U,CACA,W,CACA,mB,CAAA,gB,CACA,yB,CAAA,sB,CAYD,sB,CAVA,yB,CAWC,iB,CAIA,S,CACA,2B,CAhBD,yB,CAIC,U,CACA,W,CAHA,M,CACA,K,CAKA,S,CAED,sB,CAEC,Q,CACA,O,CACA,8B,CAGA,S,CAKF,kB,CACC,Y,CACA,c,CACA,kB,CACA,2B,CACA,4B,CACA,iB,CAND,sC,CAqBG,Y,CAGF,yB,CACC,iB,CACA,W,CAED,6B,CACC,U,CACA,W,CACA,e,CACA,iB,CACA,kB,CACA,a,CACA,iB,CAQD,4B,CACC,iB,CACA,M,CACA,K,CACA,U,CACA,W,CACA,mB,CAAA,gB,CACE,yB,CAAA,sB,CACA,kB,CAEH,gC,CACC,iB,CACA,M,CACA,K,CACA,U,CACA,W,CACA,S,CACA,2B,CACA,S,CAED,6B,CACC,iB,CACA,Q,CACA,O,CACA,8B,CACA,S,CACA,2B,CACA,S,CAED,wB,CACC,Y,CACA,qB,CAED,wB,CACC,Y,CACE,c,CAFF,0B,CAII,qB,CAEJ,oCANA,6B,CAQE,YAIH,wB,CACC,qB,CACA,Y,CACA,yB,CACA,kB,CACA,gB,CACA,kB,CACA,uD,CE5CE,kD,CALA,2C,CAAA,wC,CFwDD,a,CACA,gB,CAvGH,wC,CAiGC,iC,CAAA,8B,CAUC,e,CAMA,oCAjHF,wC,CAkHG,uB,CEzDK,kD,CF4DJ,0BAIH,2B,CACC,iB,CACA,gB,CACA,S,CACA,oCAJD,2B,CAKE,iB,CACA,Q,CACA,SAGF,gC,CACC,U,CACA,W,CACA,kB,CACA,sB,CACA,Y,CACA,wB,CACA,kB,CAED,iC,CACC,iB,CACA,O,CACA,S,CACA,c,CACA,e,CACA,uB,CACA,e,CACA,U,CACA,kB,CACA,8C,CACA,yBAXD,iC,CAYE,e,CACA,kB,CACA,iB,CACA,yDAGF,uB,CACC,mB,CADA,qD,CAGC,U,CACA,W,CACA,S,CALD,gD,CAQC,S,CARD,8B,CAWC,iB,CACA,U,CACA,U,CACA,Q,CACA,uB,CACA,uB,CACA,4B,CACA,wC,CACA,S,CACA,8C,CACA,oCArBD,8B,CAsBE,cAtBF,6B,CA0BC,wB,CAUA,+B,CApCD,oC,CA4BE,4C,CACA,uJ,CAKA,qC,CEjEE,2D,CF+BJ,8D,CAuCE,S,CArMJ,0D,CA2MG,e,CACA,kB,CACA,iB,CACA,uD,CAGF,8B,CACC,mB,CADA,4D,CAIE,U,CACA,W,CACA,iB,CACA,e,CACA,qC,CE/EE,sE,CFkFD,c,CACA,gB,CAZH,2D,CAgBE,Q,CACA,O,CACA,sB,CACA,uB,CAnBF,0D,CAsBE,e,CACA,oCAvBF,0D,CAwBG,Q,CAxBH,uD,CA6BG,iB,CACA,O,CACA,Q,CA/BH,uD,CAoCG,iBApCH,gE,CAyCC,e,CACA,kB,CACA,iB,CACA,uD,CAKH,gB,CACC,iB,CACA,sB,CACC,iB,CACA,S,CACA,W,CACA,U,CAIF,qB,CACC,Y,CACA,kB,CACA,6B,CACC,U,CACA,W,CACA,+B,CACA,wB,CACA,iB,CACA,a,CACA,kB,CACA,gB,CAED,gC,CACC,iB,CACA,Q,CACA,O,CACA,8B,CACA,sB,CACA,uB,CACA,kB,CApBF,4D,CAwBG,8B,CAAA,sB,CAKH,Y,CACE,2B,CADF,mB,CAGI,oB,CAIJ,qB,CACE,oB,CACA,U,CACA,W,CACA,+B,CACA,wB,CACA,kB,CACA,iB,CACA,e,CACA,gB,CACA,0B,CACE,iB,CACA,M,CACA,K,CACA,U,CACA,W,CACA,mB,CAAA,gB,CACA,yB,CAAA,sB,CAKF,yB,CACE,iB,CADD,+B,CAGG,2B,CAGJ,8B,CACE,iB,CACA,S,CACA,O,CACA,0B,CACA,S,CAEF,qC,CAAA,oC,CAEE,iB,CACA,S,CACA,W,CACA,S,CASF,iC,CAPA,+B,CACE,iB,CADD,0D,CAGG,2B,CACA,U,CAGH,4D,CAGG,4B,CACA,U,CAGH,8C,CAAA,oD,CAEG,Y,CAFH,gC,CAQG,oB","file":"../forum-main.css","sourcesContent":["@import \"../../assets/styles/variables\";\r\n@import \"../../assets/styles/mixins\";\r\n@import \"../../assets/styles/sprite\";\r\n\r\n.brk-forum-list {\r\n\tdisplay: flex;\r\n\tflex-direction: column;\r\n\tmargin-bottom: 70px;\r\n\t&__header {\r\n\t\tposition: relative;\r\n\t\tpadding: 22px 20px 22px 30px;\r\n\t\tbox-shadow: -1px 1px 6px rgba(0, 0, 0, 0.24);\r\n\t\tz-index: 1;\r\n\t\t.brk-forum-users {\r\n\t\t\tposition: absolute;\r\n\t\t\tright: 30px;\r\n\t\t\ttop: 35px;\r\n\t\t\tz-index: 1;\r\n\t\t\t@media screen and (max-width: 576px) {\r\n\t\t\t\tright: 10px;\r\n\t\t\t\ttop: 45px;\r\n\r\n\t\t\t\t[dir=\"rtl\"] & {\r\n\t\t\t\t\tright: 0;\r\n\t\t\t\t\tleft: 10px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\t[dir=\"rtl\"] & {\r\n\t\t\t\tright: auto;\r\n\t\t\t\tleft: 30px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&__body {\r\n\t\tposition: relative;\r\n\t\tbox-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\r\n\t\tbackground-color: $white;\r\n\t\t.btn {\r\n\t\t\tposition: absolute;\r\n\t\t\tleft: 50%;\r\n\t\t\tbottom: 0;\r\n\t\t\ttransform: translate(-50%, 50%);\r\n\t\t\tmargin: 0;\r\n\t\t\tbox-shadow: 0 5px 16px rgba(var(--brand-primary-rgb), 0.5);\r\n\t\t}\r\n\t\t.brk-forum-preview:last-of-type {\r\n\t\t\tpadding: 29px 20px 47px 29px;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.brk-forum-users {\r\n\t&__link {\r\n\t\twidth: 50px;\r\n\t\theight: 50px;\r\n\t\toverflow: hidden;\r\n\t\tposition: relative;\r\n\t\tborder-radius: 100%;\r\n\t\tdisplay: block;\r\n\t\tfloat: right;\r\n\t\tbox-shadow: -1px 2px 6px 0px rgba(0, 0, 0, 0.24);\r\n\r\n\t\t[dir=\"rtl\"] & {\r\n\t\t\tfloat: left;\r\n\t\t}\r\n\r\n\t\t&:nth-child(1) {\r\n\t\t\tright: 0;\r\n\t\t\tz-index: 4;\r\n\r\n\t\t\t[dir=\"rtl\"] & {\r\n\t\t\t\tright: auto;\r\n\t\t\t\tleft: 0;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&:nth-child(2) {\r\n\t\t\tright: -10px;\r\n\t\t\tz-index: 3;\r\n\r\n\t\t\t[dir=\"rtl\"] & {\r\n\t\t\t\tright: auto;\r\n\t\t\t\tleft: -10px;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&:nth-child(3) {\r\n\t\t\tright: -20px;\r\n\t\t\tz-index: 2;\r\n\r\n\t\t\t[dir=\"rtl\"] & {\r\n\t\t\t\tright: auto;\r\n\t\t\t\tleft: -20px;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&:nth-child(4) {\r\n\t\t\tright: -30px;\r\n\t\t\tz-index: 1;\r\n\r\n\t\t\t[dir=\"rtl\"] & {\r\n\t\t\t\tright: auto;\r\n\t\t\t\tleft: -30px;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&:hover{\r\n\t\t\t.brk-forum-users__icon,\r\n\t\t\t.brk-forum-users__overlay{\r\n\t\t\t\topacity: 1;\r\n\t\t\t\t\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&__img {\r\n\t\tposition: absolute;\r\n\t\tleft: 0;\r\n\t\ttop: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tobject-fit: cover;\r\n\t\tobject-position: center;\r\n\t}\r\n\t&__overlay {\r\n\t\tposition: absolute;\r\n\t\tleft: 0;\r\n\t\ttop: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\topacity: 0;\r\n\t\ttransition: .3s ease opacity;\r\n\t\tz-index: 1;\r\n\t}\r\n\t&__icon {\r\n\t\tposition: absolute;\r\n\t\tleft: 50%;\r\n\t\ttop: 50%;\r\n\t\ttransform: translate(-50%, -50%);\r\n\t\topacity: 0;\r\n\t\ttransition: .3s ease opacity;\r\n\t\tz-index: 2;\r\n\t}\r\n\t\r\n}\r\n\r\n.brk-forum-preview {\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\talign-items: center;\r\n\tpadding: 40px 20px 30px 29px;\r\n\tbackground-color: transparent;\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\t&:last-of-type {\r\n\t\t&:before {\r\n\t\t\tdisplay: none;\r\n\t\t}\r\n\t}\r\n\t&__title {\r\n\t\tposition: relative;\r\n\t\tbottom: -4px;\r\n\t}\r\n\t&__user-link {\r\n\t\twidth: 50px;\r\n\t\theight: 50px;\r\n\t\toverflow: hidden;\r\n\t\tposition: relative;\r\n\t\tborder-radius: 100%;\r\n\t\tflex-shrink: 0;\r\n\t\tmargin-right: 25px;\r\n\t\t&:hover{\r\n\t\t\t.brk-forum-preview__user-icon,\r\n\t\t\t.brk-forum-preview__user-overlay{\r\n\t\t\t\topacity: 1;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&__user-img {\r\n\t\tposition: absolute;\r\n\t\tleft: 0;\r\n\t\ttop: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\tobject-fit: cover;\r\n    object-position: center;\r\n    border-radius: 100%;\r\n\t}\r\n\t&__user-overlay {\r\n\t\tposition: absolute;\r\n\t\tleft: 0;\r\n\t\ttop: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 100%;\r\n\t\topacity: 0;\r\n\t\ttransition: .3s ease opacity;\r\n\t\tz-index: 1;\r\n\t}\r\n\t&__user-icon {\r\n\t\tposition: absolute;\r\n\t\tleft: 50%;\r\n\t\ttop: 50%;\r\n\t\ttransform: translate(-50%, -50%);\r\n\t\topacity: 0;\r\n\t\ttransition: .3s ease opacity;\r\n\t\tz-index: 2;\r\n\t}\r\n\t&__body {\r\n\t\tdisplay: flex;\r\n\t\tflex-direction: column;\r\n\t}\r\n\t&__info {\r\n\t\tdisplay: flex;\r\n    flex-wrap: wrap;\r\n    i{\r\n      vertical-align: middle;\r\n    }\r\n\t\t@media screen and (max-width: 576px) {\r\n\t\t\t>span {\r\n\t\t\t\twidth: 100%;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&__name{\r\n\t\talign-self: flex-start;\r\n\t\tdisplay: flex;\r\n\t\tpadding: 7px 15px 7px 17px;\r\n\t\tborder-radius: 20px;\r\n\t\tmargin-left: -3px;\r\n\t\tmargin-bottom: 11px;\r\n\t\tbox-shadow: 0 5px 16px rgba(var(--brand-primary-rgb), 0.5);\r\n\t}\r\n\t&__comment-count,\r\n\t&__like-count {\r\n\t\tmargin-left: 5px;\r\n\r\n\t\t[dir=\"rtl\"] & {\r\n\t\t\tmargin-left: 0;\r\n\t\t\tmargin-right: 5px;\r\n\t\t}\r\n\t}\r\n\t.brk-circled-category {\r\n\t\tmargin-left: 5px;\r\n\r\n\t\t[dir=\"rtl\"] & {\r\n\t\t\tmargin-left: 0;\r\n\t\t\tmargin-right: 5px;\r\n\t\t}\r\n\t\t@media screen and (max-width: 576px) {\r\n\t\t\tmargin-left: 0 !important;\r\n\r\n\t\t\t[dir=\"rtl\"] & {\r\n\t\t\t\tmargin-right: 0 !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&__private {\r\n\t\tposition: relative;\r\n\t\tmargin-left: auto;\r\n\t\tz-index: 2;\r\n\t\t@media screen and (max-width: 768px) {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 26px;\r\n\t\t\tright: 0;\r\n\t\t}\r\n\t}\r\n\t&__private-lock {\r\n\t\twidth: 36px;\r\n\t\theight: 36px;\r\n\t\talign-items: center;\r\n\t\tjustify-content: center;\r\n\t\tdisplay: flex;\r\n\t\tbackground-color: $dark-gray; \r\n\t\tborder-radius: 100%;\r\n\t}\r\n\t&__private-hover {\r\n\t\tposition: absolute;\r\n\t\ttop: 4px;\r\n\t\tright: 1px;\r\n\t\tmax-width: 30px;\r\n\t\toverflow: hidden;\r\n\t\theight: calc(100% - 8px);\r\n\t\tpadding: 2px 0 0 0;\r\n\t\tz-index: -1;\r\n\t\tborder-radius: 20px;\r\n\t\ttransition: max-width .3s ease, padding .3s ease;\r\n\t\t@media (max-width: 575px) {\r\n\t\t\tmax-width: 150px;\r\n\t\t\tpadding-right: 47px;\r\n\t\t\tpadding-left: 23px;\r\n\t\t\tbox-shadow: 0 5px 16px rgba(var(--brand-primary-rgb), 0.5);\r\n\t\t}\r\n\t}\r\n\t&_wide {\r\n\t\tpadding: 26px 0 29px 0;\r\n\t\t.brk-forum-preview__user-link {\r\n\t\t\twidth: 64px;\r\n\t\t\theight: 64px;\r\n\t\t\tz-index: 2;\r\n\t\t}\r\n\t\t.brk-forum-preview__body {\r\n\t\t\tz-index: 2;\r\n\t\t}\r\n\t\t&::after {\r\n\t\t\tposition: absolute;\r\n\t\t\tcontent: '';\r\n\t\t\tleft: -30px;\r\n\t\t\ttop: -1px;\r\n\t\t\twidth: calc(100% + 59px);\r\n\t\t\theight: calc(100% + 2px);\r\n\t\t\tborder: 2px solid transparent;\r\n\t\t\tbox-shadow: inset 0 -5px 20px rgba(0, 0, 0, 0);\r\n\t\t\tz-index: 1;\r\n\t\t\ttransition: border .3s ease, box-shadow .3s ease;\r\n\t\t\t@media screen and (max-width: 576px) {\r\n\t\t\t\tdisplay: none;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&:hover {\r\n\t\t\tbackground-color: $gray;\r\n\t\t\t&::after {\t\r\n\t\t\t\tbox-shadow: inset 0 -5px 20px rgba(0, 0, 0, 0.04);\r\n\t\t\t\tbackground-image: linear-gradient(to right, $gray 0, \r\n\t\t\t\t\t\t\t\t$gray 30px, transparent 31px, \r\n\t\t\t\t\t\t\t\ttransparent calc(100% - 31px), \r\n\t\t\t\t\t\t\t\t$gray calc(100% - 30px), \r\n\t\t\t\t\t\t\t\t$gray 100%);\r\n\t\t\t\tborder: 2px solid var(--brand-primary);\r\n\t\t\t}\r\n\t\t\tborder-bottom-color: transparent;\r\n\t\t\t.brk-forum-preview__user-overlay,\r\n\t\t\t.brk-forum-preview__user-icon {\r\n\t\t\t\topacity: 1\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&:hover {\r\n\t\t.brk-forum-preview__private-hover {\r\n\t\t\tmax-width: 150px;\r\n\t\t\tpadding-right: 47px;\r\n\t\t\tpadding-left: 23px;\r\n\t\t\tbox-shadow: 0 5px 16px rgba(var(--brand-primary-rgb), 0.5);\r\n\t\t}\r\n\t}\r\n\t&_post-header{\r\n\t\tpadding: 31px 0 30px 0 ;\r\n\t\t.brk-forum-preview{\r\n\t\t\t&__user-link{\r\n\t\t\t\twidth: 64px;\r\n\t\t\t\theight: 64px;\r\n\t\t\t\tmargin-right: 23px;\r\n\t\t\t\tmargin-top: -7px;\r\n\t\t\t\tborder: 2px solid var(--brand-primary);\r\n\r\n\t\t\t\t[dir=\"rtl\"] & {\r\n\t\t\t\t\tmargin-right: 0;\r\n\t\t\t\t\tmargin-left: 23px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&__user-img{\r\n\t\t\t\tleft: 3px;\r\n\t\t\t\ttop: 3px;\r\n\t\t\t\twidth: calc(100% - 6px);\r\n\t\t\t\theight: calc( 100% - 6px)\r\n\t\t\t}\r\n\t\t\t&__private{\r\n\t\t\t\tmargin-top: -5px;\r\n\t\t\t\t@media screen and (max-width:576px) {\r\n\t\t\t\t\ttop: 70px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&__name{\r\n\t\t\t\t@media screen and (max-width:576px) {\r\n\t\t\t\t\tposition: absolute;\r\n\t\t\t\t\tright: 0;\r\n\t\t\t\t\ttop: 30px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&__body{\r\n\t\t\t\t@media screen and (max-width:576px) {\r\n\t\t\t\t\tmargin-top: 15px;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t.brk-forum-preview__private-hover {\r\n\t\t\tmax-width: 150px;\r\n\t\t\tpadding-right: 47px;\r\n\t\t\tpadding-left: 23px;\r\n\t\t\tbox-shadow: 0 5px 16px rgba(var(--brand-primary-rgb), 0.5);\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.brk-form-iconed {\r\n\tposition: relative;\r\n\t&__icon {\r\n\t\tposition: absolute;\r\n\t\tright: 8px;\r\n\t\tbottom: 16px;\r\n\t\tz-index: -1;\r\n\t}\r\n}\r\n\r\n.brk-circled-category {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\t&__circle {\r\n\t\twidth: 20px;\r\n\t\theight: 20px;\r\n\t\tbox-shadow: inset 0 0 0 3px $white;\r\n\t\tborder: 1px solid #ececec;\r\n\t\tposition: relative;\r\n\t\tflex-shrink: 0;\r\n\t\tborder-radius: 100%;\r\n\t\tmargin-right: 7px;\r\n\t}\r\n\t&__circle-bg {\r\n\t\tposition: absolute;\r\n\t\tleft: 50%;\r\n\t\ttop: 50%;\r\n\t\ttransform: translate(-50%, -50%);\r\n\t\twidth: calc(100% - 6px);\r\n\t\theight: calc(100% - 6px);\r\n\t\tborder-radius: 100%;\r\n\t}\r\n\t&:hover {\r\n\t\t.brk-circled-category__circle-bg {\r\n\t\t\tanimation: category .4s;\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.alert_forum{\r\n  padding: 17px 20px 16px 29px;\r\n  .close{\r\n    padding: 1rem 1.25rem;\r\n  }\r\n} \r\n\r\n.brk-forum-user-alert{\r\n  display: inline-block;\r\n  width: 24px;\r\n  height: 24px;\r\n  box-shadow: inset 0 0 0 3px #ffffff;\r\n  border: 1px solid #ececec;\r\n  border-radius: 100%;\r\n  position: relative;\r\n  margin-left: 5px;\r\n  margin-right: 5px;\r\n  &__img{\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n  }\r\n}\r\n\r\n.brk-forum-redactor {\r\n  &__tags{\r\n    position: relative;\r\n    input{\r\n      padding-left: 95px !important;\r\n    }\r\n  }\r\n  &__tags-text{\r\n    position: absolute;\r\n    left: 13px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    z-index: 1;\r\n  }\r\n  &__topic-type-text,\r\n  &__topic-satus-text{\r\n    position: absolute;\r\n    left: 13px;\r\n    bottom: 14px;\r\n    z-index: 1;\r\n  }\r\n  &__topic-type{\r\n    position: relative;\r\n    .jq-selectbox__select-text{\r\n      padding-left: 90px !important;\r\n      color: #000;\r\n    }\r\n  }\r\n  &__topic-status{\r\n    position: relative;\r\n    .jq-selectbox__select-text{\r\n      padding-left: 100px !important;\r\n      color: #000;\r\n    }\r\n  }\r\n  &__footer {\r\n    .brk-form-checkbox {\r\n      margin-top: 0;\r\n    }\r\n    .brk-form-checkbox-label {\r\n      margin-top: 0;\r\n    }\r\n    .btn {\r\n      margin: auto 0 0 auto;\r\n    }\r\n  }\r\n}\r\n\r\n\r\n@keyframes category {\r\n\t0% {\r\n\t\twidth: calc(100% - 6px);\r\n\t\theight: calc(100% - 6px);\r\n\t}\r\n\t40% {\r\n\t\twidth: calc(100% - 2px);\r\n\t\theight: calc(100% - 2px);\r\n\t}\r\n\t75% {\r\n\t\twidth: calc(100% - 12px);\r\n\t\theight: calc(100% - 12px);\r\n\t}\r\n\t100% {\r\n\t\twidth: calc(100% - 6px);\r\n\t\theight: calc(100% - 6px);\r\n\t}\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-preview:before {\n  background: url(../../img/sprite.png) 0px -22px;\n  width: 100px;\n  height: 1px; }\n\n.brk-forum-list {\n  display: flex;\n  flex-direction: column;\n  margin-bottom: 70px; }\n  .brk-forum-list__header {\n    position: relative;\n    padding: 22px 20px 22px 30px;\n    box-shadow: -1px 1px 6px rgba(0, 0, 0, 0.24);\n    z-index: 1; }\n    .brk-forum-list__header .brk-forum-users {\n      position: absolute;\n      right: 30px;\n      top: 35px;\n      z-index: 1; }\n      @media screen and (max-width: 576px) {\n        .brk-forum-list__header .brk-forum-users {\n          right: 10px;\n          top: 45px; }\n          [dir=\"rtl\"] .brk-forum-list__header .brk-forum-users {\n            right: 0;\n            left: 10px; } }\n      [dir=\"rtl\"] .brk-forum-list__header .brk-forum-users {\n        right: auto;\n        left: 30px; }\n  .brk-forum-list__body {\n    position: relative;\n    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);\n    background-color: #fff; }\n    .brk-forum-list__body .btn {\n      position: absolute;\n      left: 50%;\n      bottom: 0;\n      transform: translate(-50%, 50%);\n      margin: 0;\n      box-shadow: 0 5px 16px rgba(var(--brand-primary-rgb), 0.5); }\n    .brk-forum-list__body .brk-forum-preview:last-of-type {\n      padding: 29px 20px 47px 29px; }\n\n.brk-forum-users__link {\n  width: 50px;\n  height: 50px;\n  overflow: hidden;\n  position: relative;\n  border-radius: 100%;\n  display: block;\n  float: right;\n  box-shadow: -1px 2px 6px 0px rgba(0, 0, 0, 0.24); }\n  [dir=\"rtl\"] .brk-forum-users__link {\n    float: left; }\n  .brk-forum-users__link:nth-child(1) {\n    right: 0;\n    z-index: 4; }\n    [dir=\"rtl\"] .brk-forum-users__link:nth-child(1) {\n      right: auto;\n      left: 0; }\n  .brk-forum-users__link:nth-child(2) {\n    right: -10px;\n    z-index: 3; }\n    [dir=\"rtl\"] .brk-forum-users__link:nth-child(2) {\n      right: auto;\n      left: -10px; }\n  .brk-forum-users__link:nth-child(3) {\n    right: -20px;\n    z-index: 2; }\n    [dir=\"rtl\"] .brk-forum-users__link:nth-child(3) {\n      right: auto;\n      left: -20px; }\n  .brk-forum-users__link:nth-child(4) {\n    right: -30px;\n    z-index: 1; }\n    [dir=\"rtl\"] .brk-forum-users__link:nth-child(4) {\n      right: auto;\n      left: -30px; }\n  .brk-forum-users__link:hover .brk-forum-users__icon,\n  .brk-forum-users__link:hover .brk-forum-users__overlay {\n    opacity: 1; }\n\n.brk-forum-users__img {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: center; }\n\n.brk-forum-users__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\n.brk-forum-users__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\n.brk-forum-preview {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  padding: 40px 20px 30px 29px;\n  background-color: transparent;\n  position: relative; }\n  .brk-forum-preview: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-preview:last-of-type:before {\n    display: none; }\n  .brk-forum-preview__title {\n    position: relative;\n    bottom: -4px; }\n  .brk-forum-preview__user-link {\n    width: 50px;\n    height: 50px;\n    overflow: hidden;\n    position: relative;\n    border-radius: 100%;\n    flex-shrink: 0;\n    margin-right: 25px; }\n    .brk-forum-preview__user-link:hover .brk-forum-preview__user-icon,\n    .brk-forum-preview__user-link:hover .brk-forum-preview__user-overlay {\n      opacity: 1; }\n  .brk-forum-preview__user-img {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center;\n    border-radius: 100%; }\n  .brk-forum-preview__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-preview__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-preview__body {\n    display: flex;\n    flex-direction: column; }\n  .brk-forum-preview__info {\n    display: flex;\n    flex-wrap: wrap; }\n    .brk-forum-preview__info i {\n      vertical-align: middle; }\n    @media screen and (max-width: 576px) {\n      .brk-forum-preview__info > span {\n        width: 100%; } }\n  .brk-forum-preview__name {\n    align-self: flex-start;\n    display: flex;\n    padding: 7px 15px 7px 17px;\n    border-radius: 20px;\n    margin-left: -3px;\n    margin-bottom: 11px;\n    box-shadow: 0 5px 16px rgba(var(--brand-primary-rgb), 0.5); }\n  .brk-forum-preview__comment-count, .brk-forum-preview__like-count {\n    margin-left: 5px; }\n    [dir=\"rtl\"] .brk-forum-preview__comment-count, [dir=\"rtl\"] .brk-forum-preview__like-count {\n      margin-left: 0;\n      margin-right: 5px; }\n  .brk-forum-preview .brk-circled-category {\n    margin-left: 5px; }\n    [dir=\"rtl\"] .brk-forum-preview .brk-circled-category {\n      margin-left: 0;\n      margin-right: 5px; }\n    @media screen and (max-width: 576px) {\n      .brk-forum-preview .brk-circled-category {\n        margin-left: 0 !important; }\n        [dir=\"rtl\"] .brk-forum-preview .brk-circled-category {\n          margin-right: 0 !important; } }\n  .brk-forum-preview__private {\n    position: relative;\n    margin-left: auto;\n    z-index: 2; }\n    @media screen and (max-width: 768px) {\n      .brk-forum-preview__private {\n        position: absolute;\n        top: 26px;\n        right: 0; } }\n  .brk-forum-preview__private-lock {\n    width: 36px;\n    height: 36px;\n    align-items: center;\n    justify-content: center;\n    display: flex;\n    background-color: #f2f2f2;\n    border-radius: 100%; }\n  .brk-forum-preview__private-hover {\n    position: absolute;\n    top: 4px;\n    right: 1px;\n    max-width: 30px;\n    overflow: hidden;\n    height: calc(100% - 8px);\n    padding: 2px 0 0 0;\n    z-index: -1;\n    border-radius: 20px;\n    transition: max-width .3s ease, padding .3s ease; }\n    @media (max-width: 575px) {\n      .brk-forum-preview__private-hover {\n        max-width: 150px;\n        padding-right: 47px;\n        padding-left: 23px;\n        box-shadow: 0 5px 16px rgba(var(--brand-primary-rgb), 0.5); } }\n  .brk-forum-preview_wide {\n    padding: 26px 0 29px 0; }\n    .brk-forum-preview_wide .brk-forum-preview__user-link {\n      width: 64px;\n      height: 64px;\n      z-index: 2; }\n    .brk-forum-preview_wide .brk-forum-preview__body {\n      z-index: 2; }\n    .brk-forum-preview_wide::after {\n      position: absolute;\n      content: '';\n      left: -30px;\n      top: -1px;\n      width: calc(100% + 59px);\n      height: calc(100% + 2px);\n      border: 2px solid transparent;\n      box-shadow: inset 0 -5px 20px rgba(0, 0, 0, 0);\n      z-index: 1;\n      transition: border .3s ease, box-shadow .3s ease; }\n      @media screen and (max-width: 576px) {\n        .brk-forum-preview_wide::after {\n          display: none; } }\n    .brk-forum-preview_wide:hover {\n      background-color: #f7f7f7;\n      border-bottom-color: transparent; }\n      .brk-forum-preview_wide:hover::after {\n        box-shadow: inset 0 -5px 20px rgba(0, 0, 0, 0.04);\n        background-image: linear-gradient(to right, #f7f7f7 0, #f7f7f7 30px, transparent 31px, transparent calc(100% - 31px), #f7f7f7 calc(100% - 30px), #f7f7f7 100%);\n        border: 2px solid var(--brand-primary); }\n      .brk-forum-preview_wide:hover .brk-forum-preview__user-overlay,\n      .brk-forum-preview_wide:hover .brk-forum-preview__user-icon {\n        opacity: 1; }\n  .brk-forum-preview:hover .brk-forum-preview__private-hover {\n    max-width: 150px;\n    padding-right: 47px;\n    padding-left: 23px;\n    box-shadow: 0 5px 16px rgba(var(--brand-primary-rgb), 0.5); }\n  .brk-forum-preview_post-header {\n    padding: 31px 0 30px 0; }\n    .brk-forum-preview_post-header .brk-forum-preview__user-link {\n      width: 64px;\n      height: 64px;\n      margin-right: 23px;\n      margin-top: -7px;\n      border: 2px solid var(--brand-primary); }\n      [dir=\"rtl\"] .brk-forum-preview_post-header .brk-forum-preview__user-link {\n        margin-right: 0;\n        margin-left: 23px; }\n    .brk-forum-preview_post-header .brk-forum-preview__user-img {\n      left: 3px;\n      top: 3px;\n      width: calc(100% - 6px);\n      height: calc( 100% - 6px); }\n    .brk-forum-preview_post-header .brk-forum-preview__private {\n      margin-top: -5px; }\n      @media screen and (max-width: 576px) {\n        .brk-forum-preview_post-header .brk-forum-preview__private {\n          top: 70px; } }\n    @media screen and (max-width: 576px) {\n      .brk-forum-preview_post-header .brk-forum-preview__name {\n        position: absolute;\n        right: 0;\n        top: 30px; } }\n    @media screen and (max-width: 576px) {\n      .brk-forum-preview_post-header .brk-forum-preview__body {\n        margin-top: 15px; } }\n    .brk-forum-preview_post-header .brk-forum-preview__private-hover {\n      max-width: 150px;\n      padding-right: 47px;\n      padding-left: 23px;\n      box-shadow: 0 5px 16px rgba(var(--brand-primary-rgb), 0.5); }\n\n.brk-form-iconed {\n  position: relative; }\n  .brk-form-iconed__icon {\n    position: absolute;\n    right: 8px;\n    bottom: 16px;\n    z-index: -1; }\n\n.brk-circled-category {\n  display: flex;\n  align-items: center; }\n  .brk-circled-category__circle {\n    width: 20px;\n    height: 20px;\n    box-shadow: inset 0 0 0 3px #fff;\n    border: 1px solid #ececec;\n    position: relative;\n    flex-shrink: 0;\n    border-radius: 100%;\n    margin-right: 7px; }\n  .brk-circled-category__circle-bg {\n    position: absolute;\n    left: 50%;\n    top: 50%;\n    transform: translate(-50%, -50%);\n    width: calc(100% - 6px);\n    height: calc(100% - 6px);\n    border-radius: 100%; }\n  .brk-circled-category:hover .brk-circled-category__circle-bg {\n    animation: category .4s; }\n\n.alert_forum {\n  padding: 17px 20px 16px 29px; }\n  .alert_forum .close {\n    padding: 1rem 1.25rem; }\n\n.brk-forum-user-alert {\n  display: inline-block;\n  width: 24px;\n  height: 24px;\n  box-shadow: inset 0 0 0 3px #ffffff;\n  border: 1px solid #ececec;\n  border-radius: 100%;\n  position: relative;\n  margin-left: 5px;\n  margin-right: 5px; }\n  .brk-forum-user-alert__img {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    object-position: center; }\n\n.brk-forum-redactor__tags {\n  position: relative; }\n  .brk-forum-redactor__tags input {\n    padding-left: 95px !important; }\n\n.brk-forum-redactor__tags-text {\n  position: absolute;\n  left: 13px;\n  top: 50%;\n  transform: translateY(-50%);\n  z-index: 1; }\n\n.brk-forum-redactor__topic-type-text, .brk-forum-redactor__topic-satus-text {\n  position: absolute;\n  left: 13px;\n  bottom: 14px;\n  z-index: 1; }\n\n.brk-forum-redactor__topic-type {\n  position: relative; }\n  .brk-forum-redactor__topic-type .jq-selectbox__select-text {\n    padding-left: 90px !important;\n    color: #000; }\n\n.brk-forum-redactor__topic-status {\n  position: relative; }\n  .brk-forum-redactor__topic-status .jq-selectbox__select-text {\n    padding-left: 100px !important;\n    color: #000; }\n\n.brk-forum-redactor__footer .brk-form-checkbox {\n  margin-top: 0; }\n\n.brk-forum-redactor__footer .brk-form-checkbox-label {\n  margin-top: 0; }\n\n.brk-forum-redactor__footer .btn {\n  margin: auto 0 0 auto; }\n\n@keyframes category {\n  0% {\n    width: calc(100% - 6px);\n    height: calc(100% - 6px); }\n  40% {\n    width: calc(100% - 2px);\n    height: calc(100% - 2px); }\n  75% {\n    width: calc(100% - 12px);\n    height: calc(100% - 12px); }\n  100% {\n    width: calc(100% - 6px);\n    height: calc(100% - 6px); } }\n"]}