{"version":3,"sources":["team-member.scss"],"names":[],"mappings":"AAAA,gB,CACE,Y,CACA,qB,CACA,wB,CACE,Y,CACA,sB,CACA,oCAHF,wB,CAII,uBAGJ,+B,CACE,qC,CACA,qC,CACA,iB,CACA,gB,CACA,S,CACA,e,CACA,iB,CACA,e,CACA,a,CACA,c,CAVD,sC,CAYG,U,CACA,a,CACA,gB,CAdH,2D,CAkBK,S,CACA,W,CAGJ,oCAtBF,+B,CAuBI,uB,CACA,gB,CACA,iB,CACA,kB,CACA,iB,CACA,YAGJ,qB,CACE,iB,CACA,S,CACA,W,CACA,U,CACA,W,CACA,mB,CAAA,gB,CACA,yB,CAAA,sB,CACA,wC,CAEF,sB,CACE,Y,CACA,qB,CACA,W,CAEF,2B,CACE,Y,CACA,c,CACA,W,CACA,iB,CACA,kB,CALD,kC,CAOG,U,CACA,iB,CACA,U,CACA,U,CACA,Q,CACA,M,CACA,2C,CACA,0B,CAEF,oCAhBD,6C,CAkBK,gBAIN,sB,CACE,iB,CACA,gB,CAEF,yB,CACE,Y,CACA,gB,CACA,e,CACA,kB,CACA,8B,CACE,iB,CADD,yC,CAGG,c,CAMR,a,CACE,Y,CACA,qB,CACA,2B,CAED,yBALD,a,CAME,mBAGA,mB,CACE,kB,CADD,qB,CAGG,c,CACA,4B,CACA,mC,CACA,oB,CACA,yF,CAOJ,oB,CACE,iB,CACA,mB,CACA,kB,CAHD,0B,CAMG,U,CACA,iB,CACA,M,CACA,U,CACA,U,CACA,U,CACA,yB,CACA,0F,CAKH,yBAlBA,0B,CAmBC,Q,CACA,4BAMJ,wB,CACE,U,CAGF,8B,CACE,S,CADF,yD,CAGI,U,CAIJ,a,CACE,iB,CACA,2B,CACA,kB,CACE,iB,CACA,M,CACA,Q,CACA,U,CACA,wB,CACA,mB,CAAA,gB,CACA,yB,CAAA,sB,CACA,uB,CACA,c,CACA,U,CAbJ,oB,CAgBI,U,CACA,a,CACA,gB,CAlBJ,mB,CAqBI,S,CArBJ,sC,CAuBM,S,CACA,U,CACA,K,CACA,uB,CACA,W,CAGJ,yB,CACE,U","file":"../team-member.css","sourcesContent":[".brk-team-member {\r\n  display: flex;\r\n  flex-direction: column;\r\n  &__header {\r\n    display: flex;\r\n    align-items: flex-start;\r\n    @media screen and (max-width: 768px) {\r\n      flex-direction: column;\r\n    }\r\n  }\r\n  &__img-container {\r\n    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.14);\r\n    background-color: rgba(255, 255, 255, 0.9);\r\n    position: relative;\r\n    min-height: 200px;\r\n    width: 33%;\r\n    max-width: 340px;\r\n    margin-right: 80px;\r\n    margin-top: 16px;\r\n    flex-shrink: 0;\r\n    cursor: pointer;\r\n    &::after {\r\n      content: '';\r\n      display: block;\r\n      padding-top: 129%;\r\n    }\r\n    &:hover {\r\n      .brk-team-member__img {\r\n        left: 15px;\r\n        bottom: 15px;\r\n      }\r\n    }\r\n    @media screen and (max-width: 768px) {\r\n      width: calc(100% - 50px);\r\n      margin-left: auto;\r\n      margin-right: auto;\r\n      margin-bottom: 50px;\r\n      position: relative;\r\n      left: -15px;\r\n    }\r\n  }\r\n  &__img {\r\n    position: absolute;\r\n    left: 30px;\r\n    bottom: 30px;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    transition: .3s ease left, .3s ease bottom;\r\n  }\r\n  &__info {\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-grow: 1;\r\n  }\r\n  &__main-info {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    flex-grow: 1;\r\n    position: relative;\r\n    align-items: center;\r\n    &::after {\r\n      content: '';\r\n      position: absolute;\r\n      width: 100%;\r\n      height: 3px;\r\n      bottom: 0;\r\n      left: 0;\r\n      background: url('../../img/dotted-border.png') repeat;\r\n      background-position: center;\r\n    }\r\n    @media screen and (max-width:768px) {\r\n      .brk-social-links{\r\n        padding: 10px 0;\r\n      }\r\n    }\r\n  }\r\n  &__name {\r\n    margin-right: auto;\r\n    margin-left: -3px;\r\n  }\r\n  &__socials {\r\n    display: flex;\r\n    margin-right: 5px;\r\n    margin-top: -2px;\r\n    align-items: center;\r\n    &-link {\r\n      margin-right: 24px;\r\n      &:last-child {\r\n        margin-right: 0;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.brk-services {\r\n  display: flex;\r\n  flex-direction: column;\r\n  transition: .3s ease opacity;\r\n\r\n\t@media (max-width: 767px) {\r\n\t\ttext-align: center;\r\n\t}\r\n\r\n  &__icon {\r\n    margin-bottom: 23px;\r\n    &>i {\r\n      font-size: 48px;\r\n      -webkit-background-clip: text;\r\n      -webkit-text-fill-color: transparent;\r\n      background-clip: text;\r\n      background-image: linear-gradient(\r\n                      -30deg,\r\n                      var(--brk-secondary-3) 0%,\r\n                      var(--brk-base-3) 100%);\r\n    }\r\n  }\r\n\r\n  &__title {\r\n    position: relative;\r\n    padding-bottom: 20px;\r\n    margin-bottom: 35px;\r\n\r\n    &:after {\r\n      content: '';\r\n      position: absolute;\r\n      left: 0;\r\n      bottom: 1px;\r\n      height: 3px;\r\n      width: 65px;\r\n      transition: .3s ease width;\r\n      background-image: linear-gradient(\r\n                      to left,\r\n                      var(--brk-base-3) 0%,\r\n                      var(--brk-secondary-3) 100%);\r\n\r\n\t\t\t@media (max-width: 767px) {\r\n\t\t\t\tleft: 50%;\r\n\t\t\t\ttransform: translateX(-50%);\r\n\t\t\t}\r\n    }\r\n  }\r\n}\r\n\r\n.row:hover .brk-services {\r\n  opacity: 0.3;\r\n}\r\n\r\n.row:hover .brk-services:hover {\r\n  opacity: 1;\r\n  .brk-services__title:after {\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n.brk-img-zoom {\r\n  position: relative;\r\n  transition: .3s ease opacity;\r\n  &__img {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 30px;\r\n    width: 100%;\r\n    height: calc(100% - 60px);\r\n    object-fit: cover;\r\n    object-position: center;\r\n    transition: .5s ease all;\r\n    max-width: none;\r\n    z-index: -1;\r\n  }\r\n  &::after {\r\n    content: '';\r\n    display: block;\r\n    padding-top: 120%;\r\n  }\r\n  &:hover {\r\n    z-index: 2;\r\n    .brk-img-zoom__img {\r\n      z-index: 3;\r\n      left: -30px;\r\n      top: 0;\r\n      width: calc(100% + 60px);\r\n      height: 100%;\r\n    }\r\n  }\r\n  &_not-hovered {\r\n    opacity: .3;\r\n  }\r\n}\r\n"]}