{"version":3,"sources":["portfolio-masonry.scss"],"names":[],"mappings":"AAIA,oB,CACE,kB,CACA,qC,CACA,qB,CAEA,oCALF,oB,CAMI,c,CACF,6B,AAEA,oCATF,oB,CAUI,4BAVJ,uC,CAcI,iB,CACA,c,CACA,sB,CAEF,yBAlBF,uC,CAmBG,wBAnBH,8C,CAuBM,U,CAEA,iB,CACA,M,CACA,Q,CAEA,U,CACA,U,CAEA,4B,CACA,oC,CAjCN,qD,CAqCQ,6B,CAIJ,oCAzCJ,uC,CA0CM,W,CACA,a,CACA,mB,AAEF,oCA9CJ,uC,CA+CM,YAKN,S,CAEC,e,CAAA,gB,CADC,e,CACA,qB,CAAA,sB,CAIC,U,CACA,a,CACA,gB,CAGD,oCATD,e,CAAA,gB,CAUE,oB,CAVD,qB,CAAA,sB,CAYE,4BAKD,6B,CAEC,e,CAFD,qD,CAME,gB,CAIF,8B,CAEC,gB,CAGF,0B,CACC,Y,CAnCH,yB,CAuCG,c,CACA,e,CACC,iB,CACF,Q,CACA,U,CACA,W,CACA,S,CACA,U,CACA,W,CACA,c,CAhDF,gC,CAkDK,U,CACA,a,CACA,gB,CApDL,kC,CAuDK,Y,CACA,qB,CACA,kB,CACA,sB,CA1DL,qC,CA4DO,Y,CA5DP,2B,CAiEI,iB,CACF,Q,CACA,U,CACA,W,CACA,S,CACA,U,CACA,W,CACA,c,CAxEF,gC,CA2EI,S,CAIJ,e,CACE,iB,CADF,oB,CAGI,iB,CACA,Q,CACA,Q,CACA,6B","file":"../portfolio-masonry.css","sourcesContent":["@import \"../../assets/styles/variables\";\r\n@import \"../../assets/styles/mixins\";\r\n\r\n\r\n.brk-filters_style-2{\r\n  border-radius: 50px;\r\n  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.07);\r\n  background-color: #ffffff;\r\n\r\n  @media screen and (max-width: 991px){ \r\n    flex-wrap: wrap;\r\n\t\ttransform: translateY(-15px);\r\n  }\r\n  @media screen and (min-width: 992px){ \r\n    transform: translateY(-50%);\r\n  }\r\n\r\n  .brk-filters__item {\r\n    position: relative;\r\n    cursor: pointer;\r\n    padding: 20px 14px 18px 14px;\r\n\r\n\t\t@media (max-width: 767px) {\r\n\t\t\tpadding: 16px 14px 14px 14px;\r\n\t\t}\r\n\r\n    &::after{\r\n      content: \"\";\r\n\r\n      position: absolute;\r\n      left: 0;\r\n      bottom: 0;\r\n\r\n      width: 100%;\r\n      height: 3px;\r\n\r\n      background-color: transparent;\r\n      transition: background-color .3s ease; \r\n    }\r\n    &.active{\r\n      &::after{\r\n        background-color: currentColor;\r\n      }\r\n    }\r\n\r\n    @media screen and (max-width: 991px){ \r\n      flex-grow: 1;\r\n      min-width: 50%;\r\n      text-align: center;\r\n    }\r\n    @media screen and (max-width: 575px){ \r\n      width: 100%;\r\n    }\r\n  }\r\n}\r\n\r\n.brk-grid{\r\n  overflow: hidden;\r\n\t&__sizer,\r\n\t&__item{\r\n\t\toverflow: hidden;\r\n\t\t&:after {\r\n\t\t\tcontent: \"\";\r\n\t\t\tdisplay: block;\r\n\t\t\tpadding-top: 100%;\r\n\t\t}\r\n\r\n\t\t@media screen and (max-width: 768px){\r\n\t\t\twidth: 100% !important;\r\n\t\t\t&:after{\r\n\t\t\t\tpadding-top: 100% !important;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\t&__item{\r\n\t\t&_width-2{\r\n\t\t\t&:after{\r\n\t\t\t\tpadding-top: 50%;\r\n\t\t\t}\r\n\t\t\t&.brk-grid__item_height-2{\r\n\t\t\t\t&:after {\r\n\t\t\t\t\tpadding-top: 100%;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t\t&_height-2{\r\n\t\t\t&:after {\r\n\t\t\t\tpadding-top: 200%;\r\n\t\t\t}\r\n\t\t}\r\n\t\t&_height-370 {\r\n\t\t\theight: 370px;\r\n\t\t}\r\n\t}\r\n\t.post-filmstrip {\r\n\t  max-width: none;\r\n\t  max-height: none;\r\n    position: absolute;\r\n\t\ttop: 15px;\r\n\t\tright: 15px;\r\n\t\tbottom: 15px;\r\n\t\tleft: 15px;\r\n\t\twidth: auto;\r\n\t\theight: auto;\r\n\t\tmin-height: 1px;\r\n\t  &::after {\r\n\t    content: \"\";\r\n\t    display: block;\r\n\t    padding-top: 100%;\r\n\t  }\r\n\t  &__content {\r\n\t    display: flex;\r\n\t    flex-direction: column;\r\n\t    align-items: center;\r\n\t    justify-content: center;\r\n\t    h3 {\r\n\t      margin-top: 0;\r\n\t    }\r\n\t  }\r\n  }\r\n  .brk-hosted-video{\r\n    position: absolute;\r\n\t\ttop: 15px;\r\n\t\tright: 15px;\r\n\t\tbottom: 15px;\r\n\t\tleft: 15px;\r\n\t\twidth: auto;\r\n\t\theight: auto;\r\n\t\tmin-height: 1px;\r\n  }\r\n  .brk-hosted-video__img{\r\n    z-index: 0\r\n  }\r\n}\r\n\r\n.brk-border-btn{\r\n  position: relative;\r\n  .btn{\r\n    position: absolute;\r\n    bottom: 0;\r\n    left: 50%;\r\n    transform: translate(-50%, 50%);\r\n  }\r\n}"]}