{"version":3,"sources":["portfolio-list.scss"],"names":[],"mappings":"AAIE,kB,CACE,iB,CACA,e,CACA,c,CACA,2B,CACE,iB,CACA,M,CACA,K,CACA,U,CACA,W,CAEF,uB,CACE,a,CACA,iB,CACA,Y,CACA,c,CAEA,uB,CACA,W,CAEA,sC,CAEA,2B,CACA,mB,CAAA,gB,CAEA,yBAdF,uB,CAeI,aA1BL,gD,CAgCK,uB,CACA,S,CAGJ,2B,CACE,Y,CACA,qB,CACA,iB,CACA,Q,CACA,M,CACA,uB,CACA,wB,CACA,S,CACA,yC,CACE,iB,CADD,mE,CAGG,e,CACA,kB,CACA,iB,CACA,qB,CACA,uB,CAGJ,oC,CACE,U,CACA,c,CACA,2B,CACA,oE,CAAA,4D,CAEF,oC,CACE,S,CACA,O,CACA,wB,CACA,wB,CAGJ,4B,CACE,U,CACA,wB,CACA,e,CACA,gB,CAEF,yB,CACE,U,CACA,e,CAFD,oC,CAIG,wB,CAJH,6C,CAOG,qB,CAPH,6C,CAUG,qB,CAGJ,uB,CACE,2B,CACA,W,CACA,U,CAHD,yB,CAKG,e,CAEF,4B,CACE,U,CACA,S,CACA,W,CAMR,mB,CACE,Y,CACA,Y,CACD,wB,CAEA,yBALD,mB,CAMI,c,CACA,aAGF,0B,CACE,Y,CACA,qB,CACA,2B,CACA,iB,CACA,+B,CACA,a,CAEA,yBARF,0B,CASI,YAIJ,kC,CACC,Y,CACA,W,CACA,c,CAGD,6B,CACE,iB,CACA,wB,CACA,uB,CAGF,0B,CACE,wB,CACA,gB,CACA,kB,CACA,a,CAGF,gC,CACE,gB,CACA,e,CACA,sB,CACA,a,CAGF,yB,CACE,Y,CACA,kB,CACA,sB,CACA,W,CACA,W,CACA,gB,CACA,wB,CACA,iB,CACA,M,CACA,Q,CACA,kB,CACA,oE,CAAA,4D,CAZD,+B,CAeG,kB,CAGF,+B,CACI,c,CACA,gB,CACA,yB,CACA,iB,CACA,O,CAvBL,+D,CA2BG,U","file":"../portfolio-list.css","sourcesContent":["@import \"../../assets/styles/variables\";\r\n@import \"../../assets/styles/mixins\";\r\n\r\n.brk-ic {\r\n  &-left-slide {\r\n    position: relative;\r\n    overflow: hidden;\r\n    cursor: pointer;\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    }\r\n    &__img {\r\n      display: block;\r\n      position: relative;\r\n      height: 318px;\r\n      max-width: none;\r\n      width: -webkit-calc(100% + 50px);\r\n      width: calc(100% + 50px);\r\n      opacity: 0.95;\r\n      -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;\r\n      transition: opacity 0.35s, transform 0.35s;\r\n      -webkit-transform: translateX(-40px);\r\n      transform: translateX(-40px);\r\n      object-fit: cover;\r\n\r\n      @media(max-width: 767px) {\r\n        height: auto;\r\n      }\r\n    }\r\n    &:hover {\r\n      .brk-ic-left-slide__img {\r\n        -webkit-transform: translateX(0);\r\n        transform: translateX(0);\r\n        opacity: 1;\r\n      }\r\n    }\r\n    &__wrapper {\r\n      display: flex;\r\n      flex-direction: column;\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 0;\r\n      width: calc(100% - 80px);\r\n      padding: 0 29px 26px 25px;\r\n      z-index: 2;\r\n      &_vertical-line {\r\n        padding-left: 31px;\r\n        .brk-ic-left-slide__title {\r\n          padding-top: 6px;\r\n          padding-bottom: 6px;\r\n          padding-left: 25px;\r\n          border-left-width: 2px;\r\n          border-left-style: solid;\r\n        }\r\n      }\r\n      &_gradient {\r\n        width: auto;\r\n        max-width: 100%;\r\n        padding: 24px 67px 22px 40px;\r\n        clip-path: polygon(0 0, calc(100% - 47px) 0, 100% 100%, 0% 100%);\r\n      }\r\n      &_btn-left {\r\n        left: auto;\r\n        right: 0;\r\n        width: calc(100% - 125px);\r\n        padding: 0 29px 44px 25px;\r\n      }\r\n    }\r\n    &__subtitle {\r\n      color: $white;\r\n      text-transform: uppercase;\r\n      text-align: left;\r\n      padding-left: 6px;\r\n    }\r\n    &__title {\r\n      color: $white;\r\n      text-align: left;\r\n      .uppercase {\r\n        text-transform: uppercase;\r\n      }\r\n      .letter-spacing--20 {\r\n        letter-spacing: -0.02em;\r\n      }\r\n      .letter-spacing--60 {\r\n        letter-spacing: -0.06em;\r\n      }\r\n    }\r\n    &__btn {\r\n      position: absolute !important;\r\n      bottom: 19px;\r\n      right: 20px;\r\n      i {\r\n        margin-left: 1px;\r\n      }\r\n      &_left {\r\n        right: auto;\r\n        left: 35px;\r\n        bottom: 34px;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.brs-portfolio-list{\r\n  height: 320px;\r\n  display: flex;\r\n\tborder: 1px solid #e8e8e8;\r\n\r\n\t@media(max-width: 767px) {\r\n    flex-wrap: wrap;\r\n    height: auto;\r\n  }\r\n\r\n  &__about {\r\n    display: flex;\r\n    flex-direction: column;\r\n    padding: 39px 35px 90px 52px;\r\n    position: relative;\r\n    width: calc(100% / 1170 * 600 + 6px);\r\n    flex-shrink: 0;\r\n\r\n    @media(max-width: 767px) {\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n\t\t&__img-container {\r\n\t\t\tflex-basis: 0;\r\n\t\t\tflex-grow: 1;\r\n\t\t\tmax-width: 100%;\r\n\t\t}\r\n\r\n  &__subtitle {\r\n    margin-bottom: 4px;\r\n    text-transform: uppercase;\r\n    color: var(--brk-base-3);\r\n  }\r\n\r\n  &__title {\r\n    text-transform: uppercase;\r\n    margin-left: -4px;\r\n    margin-bottom: 25px;\r\n    color: #1a1b1b;\r\n  }\r\n\r\n  &__description {\r\n    max-height: 105px;\r\n    overflow: hidden;\r\n    text-overflow: ellipsis;\r\n    color: #9f9f9f;\r\n  }\r\n\r\n  &__more {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    width: 211px;\r\n    height: 54px;\r\n    padding-left: 1px;\r\n    text-transform: uppercase;\r\n    position: absolute;\r\n    left: 0;\r\n    bottom: 0;\r\n    color: var(--white);\r\n    clip-path: polygon(0 0, calc(100% - 25px) 0, 100% 100%, 0% 100%);\r\n\r\n    &:hover {\r\n      color: var(--white);\r\n    }\r\n\r\n    &__icon {\r\n        font-size: 21px;\r\n        margin-left: 12px;\r\n        transition: .3s ease right;\r\n        position:relative;\r\n        right: 0;\r\n    }\r\n\r\n    &:hover .brs-portfolio-list__more__icon{\r\n      right:-4px;\r\n    }\r\n  }\r\n}\r\n"]}