{"version":3,"sources":["portfolio-categories.scss"],"names":[],"mappings":"AAAA,c,CACE,Y,CAKG,yC,CAEG,c,CACA,e,CAHH,wC,CAMG,Y,CACA,sB,CACA,e,CAIN,8B,CACE,Y,CACA,iB,CACA,Y,CACA,U,CACA,wB,CACA,e,CACA,kB,CACA,mC,CACE,iB,CACA,M,CACA,W,CACA,U,CACA,K,CACA,mB,CAAA,gB,CACA,yB,CAAA,sB,CAEF,qC,CACE,S,CACA,wB,CACA,S,CACA,2B,CACA,4B,CALD,2C,CAQG,c,CARH,4C,CAAA,2C,CAAA,2C,CAAA,6C,CAcG,kB,CAGJ,uC,CACE,iB,CACA,M,CACA,Q,CACA,O,CACA,U,CACA,Q,CACA,2C,CACA,mG,CAAA,2F,CACA,S,CACA,kB,CACA,gB,CACA,6B,CAEF,mC,CACE,gB,CACA,iB,CAFD,mF,CAMK,8B,CAIN,yC,CACE,c,CACA,a,CACA,qB,CASF,uC,CAPA,8C,CACE,iB,CACA,M,CACA,K,CACA,U,CACA,W,CAEF,uC,CAME,S,CACA,2B,CA7EH,4E,CAiFK,W,CACA,gB,CAlFL,4E,CAAA,0E,CAqFK,S","file":"../portfolio-categories.css","sourcesContent":[".divider-lines {\r\n  display: none;\r\n}\r\n\r\n.brs-portfolio {\r\n  &-carousel {\r\n    &-item {\r\n      .slick-slide {\r\n        padding-left: 0;\r\n        padding-right: 0;\r\n      }\r\n      .slick-dots {\r\n        display: flex;\r\n        justify-content: center;\r\n        margin-top: 50px;\r\n      }\r\n    }\r\n  }\r\n  &-categories-item {\r\n    display: flex;\r\n    position: relative;\r\n    height: 300px;\r\n    width: 100%;\r\n    padding: 39px 30px 0 39px;\r\n    overflow: hidden;\r\n    margin-bottom: 10px;\r\n    &__img {\r\n      position: absolute;\r\n      left: 0;\r\n      height: 100%;\r\n      width: 100%;\r\n      top: 0;\r\n      object-fit: cover;\r\n      object-position: center;\r\n    }\r\n    &__title {\r\n      z-index: 1;\r\n      text-transform: uppercase;\r\n      opacity: 0;\r\n      transition: .3s ease opacity;\r\n      color: var(--white) !important;\r\n\r\n      &:hover {\r\n        cursor: pointer;\r\n      }\r\n      &:active,\r\n      &:hover,\r\n      &:visited,\r\n      &:focus {\r\n        color: var(--white);\r\n      }\r\n    }\r\n    &__buttons {\r\n      position: absolute;\r\n      left: 0;\r\n      bottom: 0;\r\n      right: 0;\r\n      width: 100%;\r\n      height: 0;\r\n      transition: height .3s ease, .3s ease padding;\r\n      clip-path: polygon(calc(100% + 1px) 0px, 0%  calc(100% + 1px), calc(100% + 1px) calc(100% + 1px));\r\n      z-index: 1;\r\n      padding-right: 14px;\r\n      text-align: right;\r\n      background-color: var(--white);\r\n    }\r\n    &__btn {\r\n      padding: 10px 7px;\r\n      position: relative;\r\n\r\n      &:hover {\r\n        .brs-portfolio-categories-item__btn__icon {\r\n          color: var(--text-base-color-2);\r\n        }\r\n      }\r\n    }\r\n    &__btn__icon {\r\n      font-size: 14px;\r\n      color: #1a1b1b;\r\n      vertical-align: middle;\r\n    }\r\n    &__static-overlay {\r\n      position: absolute;\r\n      left: 0;\r\n      top: 0;\r\n      width: 100%;\r\n      height: 100%;\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    }\r\n    &:hover {\r\n      .brs-portfolio-categories-item__buttons {\r\n        height: 60px;\r\n        padding-top: 27px;\r\n      }\r\n      .brs-portfolio-categories-item__title {\r\n        opacity: 1;\r\n      }\r\n      .brs-portfolio-categories-item__overlay {\r\n        opacity: 1;\r\n      }\r\n    }\r\n\r\n  }\r\n}"]}