{"version":3,"sources":["portfolio-page.scss","portfolio-page.css"],"names":[],"mappings":"AAME,e,CACE,c,CACA,e,CACA,mB,CAAA,gB,CACA,yB,CAAA,sB,CACA,U,CACA,2B,CAIA,0B,CAUA,0B,CACE,iB,CACA,U,CACA,W,CAEA,K,CACA,gC,CACA,4B,CAjBF,0B,CAEE,S,CAMA,6B,CAEF,0B,CAIE,O,CAIA,8B,CAYF,0B,CAVA,0B,CAWE,iB,CACA,U,CACA,W,CAEA,W,CACA,gC,CACA,+B,CAjBF,0B,CAKE,O,CAEA,8B,CAGF,0B,CAIE,S,CAIA,6B,CAvCH,sC,CA2CK,S,CA3CL,iD,CAAA,iD,CAAA,iD,CAAA,iD,CA8CK,qC,CACA,S,CA/CL,uB,CAgEG,U,CACA,a,CACA,iB,CAKN,gB,CACE,iB,CACA,a,CAEF,8B,CAEI,Y,CAFJ,6B,CAKI,a,CALJ,sC,CAQI,iB,CACA,Y,CACA,Q,CACA,0B,CACA,Y,CACA,kB,CCXF,gE,CDFF,gE,CAiBM,c,CACA,Y,CACA,c,CACA,6B,CACA,uB,CCZF,+E,CDTJ,+E,CAuBQ,U,CACA,mB,CCXJ,sE,CDbJ,sE,CA2BQ,oB,CA3BR,gE,CA+BM,O,CACA,iB,CAhCN,gE,CAmCM,O,CACA,gB,CApCN,wD,CAwCM,O,CACA,Y,CACA,kB,CA1CN,2D,CA4CQ,U,CACA,W,CACA,Y,CACA,kB,CACA,sB,CACA,c,CACA,e,CACA,gB,CAnDR,kE,CAqDU,W,CACA,S,CACA,U,CACA,kB,CACA,mE,CACA,kC,CA1DV,uE,CA8DU,a,CACA,gB,CA/DV,sE,CAkEU,c,CACA,e,CAnEV,+E,CAuEQ,U,CACA,W,CACA,4B,CACA,+C,CAON,0B,CACE,Y,CACA,qB,CAFD,yC,CAKG,Y,CACA,iB,CANH,8C,CAQK,kC,CARL,+C,CAAA,gD,CAYK,qC,CAKN,gB,CACE,U,CACA,kB,CAGF,0B,CACE,iB,CADD,iC,CAAA,kC,CAIG,U,CACA,U,CACA,U,CACA,iB,CACA,O,CARH,kC,CAWG,qB,CAXH,iC,CAcG,sB","file":"../portfolio-page.css","sourcesContent":["@import \"../../assets/styles/variables\";\r\n@import \"../../assets/styles/mixins\";\r\n\r\n\r\n\r\n.brk-logos {\r\n  &__img {\r\n    max-width: 100%;\r\n    max-height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    opacity: .7;\r\n    transition: 0.3s ease opacity;\r\n  }\r\n\r\n  &__item {\r\n    &-l-t-angle {\r\n      position: absolute;\r\n      left: -1px;\r\n      top: 0;\r\n      width: 50px;\r\n      height: 50px;\r\n      transition: 0.3s ease border-color;\r\n      border-top: 1px solid rgba(145, 156, 180, 1);\r\n      border-left: 1px solid rgba(145, 156, 180, 1);\r\n    }\r\n    &-r-t-angle {\r\n      position: absolute;\r\n      width: 50px;\r\n      height: 50px;\r\n      right: 0;\r\n      top: 0;\r\n      transition: 0.3s ease border-color;\r\n      border-top: 1px solid rgba(145, 156, 180, 1);\r\n      border-right: 1px solid rgba(145, 156, 180, 1);\r\n    }\r\n    &-r-b-angle {\r\n      position: absolute;\r\n      width: 50px;\r\n      height: 50px;\r\n      bottom: -1px;\r\n      right: 0;\r\n      transition: 0.3s ease border-color;\r\n      border-right: 1px solid rgba(145, 156, 180, 1);\r\n      border-bottom: 1px solid rgba(145, 156, 180, 1);\r\n    }\r\n    &-l-b-angle {\r\n      position: absolute;\r\n      width: 50px;\r\n      height: 50px;\r\n      left: -1px;\r\n      bottom: -1px;\r\n      transition: 0.3s ease border-color;\r\n      border-bottom: 1px solid rgba(145, 156, 180, 1);\r\n      border-left: 1px solid rgba(145, 156, 180, 1);\r\n    }\r\n    &:hover {\r\n      .brk-logos__img {\r\n        opacity: 1;\r\n      }\r\n      .brk-logos__item-l-t-angle {\r\n        border-color: rgba(var(--white-rgb), 1);\r\n        z-index: 1;\r\n      }\r\n      .brk-logos__item-r-t-angle {\r\n        border-color: rgba(var(--white-rgb), 1);\r\n        z-index: 1;\r\n      }\r\n      .brk-logos__item-r-b-angle {\r\n        border-color: rgba(var(--white-rgb), 1);\r\n        z-index: 1;\r\n      }\r\n      .brk-logos__item-l-b-angle {\r\n        border-color: rgba(var(--white-rgb), 1);\r\n        z-index: 1;\r\n      }\r\n    }\r\n\r\n    &::after {\r\n      content: \"\";\r\n      display: block;\r\n      padding-top: 71.5%;\r\n    }\r\n  }\r\n}\r\n\r\n.brk-bottom-m100 {\r\n  position: relative;\r\n  bottom: -100px;\r\n}\r\n.brk-slider-cards {\r\n  .slick-slide{\r\n    margin: 0 5px;\r\n  }\r\n  .slick-list{\r\n    margin: 0 -5px;\r\n  }\r\n  .brk-slider__control {\r\n    position: absolute;\r\n    bottom: -78px;\r\n    left: 50%;\r\n    transform: translateX(-50%);\r\n    display: flex;\r\n    align-items: center;\r\n\r\n    .brk-slider__control-prev,\r\n    .brk-slider__control-next {\r\n      font-size: 26px;\r\n      padding: 10px;\r\n      cursor: pointer;\r\n      transition: .3s ease transform;\r\n      color: var(--brk-base-3);\r\n      &.slick-disabled {\r\n        opacity: 0.2;\r\n        pointer-events: none;\r\n      }\r\n      &:hover{\r\n        transform: scale(1.3)\r\n      }\r\n    }\r\n    .brk-slider__control-prev {\r\n      order: 1;\r\n      margin-right: 16px;\r\n    }\r\n    .brk-slider__control-next {\r\n      order: 3;\r\n      margin-left: 16px;\r\n    }\r\n\r\n    .brk-slider__dots {\r\n      order: 2;\r\n      display: flex;\r\n      align-items: center;\r\n      li {\r\n        width: 12px;\r\n        height: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        cursor: pointer;\r\n        margin-left: 8px;\r\n        margin-right: 8px;\r\n        button {\r\n          font-size: 0;\r\n          width: 6px;\r\n          height: 6px;\r\n          border-radius: 100%;\r\n          transition: 0.3s ease background-color, 0.3s ease width, 0.3s ease height;\r\n          background-color: var(--brk-base-3);\r\n        }\r\n\r\n        &:first-child {\r\n          margin-left: 0;\r\n          margin-right: 5px;\r\n        }\r\n        &:last-child {\r\n          margin-right: 0;\r\n          margin-left: 5px;\r\n        }\r\n      }\r\n      li.slick-active button {\r\n        width: 12px;\r\n        height: 12px;\r\n        background-color: transparent;\r\n        border: 1px solid rgba(var(--brk-base-3-rgb), 0.3);\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.brk-tabs{\r\n  &__title-container {\r\n    display: flex;\r\n    flex-direction: column;\r\n\r\n    .divider-cross{\r\n      margin-top: 0;\r\n      margin-bottom: 5px;\r\n      span{\r\n        background-color: var(--brk-base-5);\r\n      }\r\n      &:before,\r\n      &:after{\r\n        background-color: rgba(230, 230, 230, 0.1);\r\n      }\r\n    }\r\n\r\n  }\r\n  &__title {\r\n    color: $white;\r\n    margin-bottom: 24px;\r\n  }\r\n  \r\n  &__title-decorator {\r\n    position: relative;\r\n    &::before,\r\n    &::after {\r\n      content: \"\";\r\n      width: 65px;\r\n      height: 1px;\r\n      position: absolute;\r\n      top: 6px;\r\n    }\r\n    &::before {\r\n      left: calc(50% - 86px);\r\n    }\r\n    &::after {\r\n      right: calc(50% - 83px);\r\n    }\r\n  }\r\n}",".brk-logos__img {\n  max-width: 100%;\n  max-height: 100%;\n  -o-object-fit: cover;\n     object-fit: cover;\n  -o-object-position: center;\n     object-position: center;\n  opacity: .7;\n  transition: 0.3s ease opacity; }\n\n.brk-logos__item-l-t-angle {\n  position: absolute;\n  left: -1px;\n  top: 0;\n  width: 50px;\n  height: 50px;\n  transition: 0.3s ease border-color;\n  border-top: 1px solid #919cb4;\n  border-left: 1px solid #919cb4; }\n\n.brk-logos__item-r-t-angle {\n  position: absolute;\n  width: 50px;\n  height: 50px;\n  right: 0;\n  top: 0;\n  transition: 0.3s ease border-color;\n  border-top: 1px solid #919cb4;\n  border-right: 1px solid #919cb4; }\n\n.brk-logos__item-r-b-angle {\n  position: absolute;\n  width: 50px;\n  height: 50px;\n  bottom: -1px;\n  right: 0;\n  transition: 0.3s ease border-color;\n  border-right: 1px solid #919cb4;\n  border-bottom: 1px solid #919cb4; }\n\n.brk-logos__item-l-b-angle {\n  position: absolute;\n  width: 50px;\n  height: 50px;\n  left: -1px;\n  bottom: -1px;\n  transition: 0.3s ease border-color;\n  border-bottom: 1px solid #919cb4;\n  border-left: 1px solid #919cb4; }\n\n.brk-logos__item:hover .brk-logos__img {\n  opacity: 1; }\n\n.brk-logos__item:hover .brk-logos__item-l-t-angle {\n  border-color: rgba(var(--white-rgb), 1);\n  z-index: 1; }\n\n.brk-logos__item:hover .brk-logos__item-r-t-angle {\n  border-color: rgba(var(--white-rgb), 1);\n  z-index: 1; }\n\n.brk-logos__item:hover .brk-logos__item-r-b-angle {\n  border-color: rgba(var(--white-rgb), 1);\n  z-index: 1; }\n\n.brk-logos__item:hover .brk-logos__item-l-b-angle {\n  border-color: rgba(var(--white-rgb), 1);\n  z-index: 1; }\n\n.brk-logos__item::after {\n  content: \"\";\n  display: block;\n  padding-top: 71.5%; }\n\n.brk-bottom-m100 {\n  position: relative;\n  bottom: -100px; }\n\n.brk-slider-cards .slick-slide {\n  margin: 0 5px; }\n\n.brk-slider-cards .slick-list {\n  margin: 0 -5px; }\n\n.brk-slider-cards .brk-slider__control {\n  position: absolute;\n  bottom: -78px;\n  left: 50%;\n  transform: translateX(-50%);\n  display: flex;\n  align-items: center; }\n  .brk-slider-cards .brk-slider__control .brk-slider__control-prev,\n  .brk-slider-cards .brk-slider__control .brk-slider__control-next {\n    font-size: 26px;\n    padding: 10px;\n    cursor: pointer;\n    transition: .3s ease transform;\n    color: var(--brk-base-3); }\n    .brk-slider-cards .brk-slider__control .brk-slider__control-prev.slick-disabled,\n    .brk-slider-cards .brk-slider__control .brk-slider__control-next.slick-disabled {\n      opacity: 0.2;\n      pointer-events: none; }\n    .brk-slider-cards .brk-slider__control .brk-slider__control-prev:hover,\n    .brk-slider-cards .brk-slider__control .brk-slider__control-next:hover {\n      transform: scale(1.3); }\n  .brk-slider-cards .brk-slider__control .brk-slider__control-prev {\n    order: 1;\n    margin-right: 16px; }\n  .brk-slider-cards .brk-slider__control .brk-slider__control-next {\n    order: 3;\n    margin-left: 16px; }\n  .brk-slider-cards .brk-slider__control .brk-slider__dots {\n    order: 2;\n    display: flex;\n    align-items: center; }\n    .brk-slider-cards .brk-slider__control .brk-slider__dots li {\n      width: 12px;\n      height: 12px;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      margin-left: 8px;\n      margin-right: 8px; }\n      .brk-slider-cards .brk-slider__control .brk-slider__dots li button {\n        font-size: 0;\n        width: 6px;\n        height: 6px;\n        border-radius: 100%;\n        transition: 0.3s ease background-color, 0.3s ease width, 0.3s ease height;\n        background-color: var(--brk-base-3); }\n      .brk-slider-cards .brk-slider__control .brk-slider__dots li:first-child {\n        margin-left: 0;\n        margin-right: 5px; }\n      .brk-slider-cards .brk-slider__control .brk-slider__dots li:last-child {\n        margin-right: 0;\n        margin-left: 5px; }\n    .brk-slider-cards .brk-slider__control .brk-slider__dots li.slick-active button {\n      width: 12px;\n      height: 12px;\n      background-color: transparent;\n      border: 1px solid rgba(var(--brk-base-3-rgb), 0.3); }\n\n.brk-tabs__title-container {\n  display: flex;\n  flex-direction: column; }\n  .brk-tabs__title-container .divider-cross {\n    margin-top: 0;\n    margin-bottom: 5px; }\n    .brk-tabs__title-container .divider-cross span {\n      background-color: var(--brk-base-5); }\n    .brk-tabs__title-container .divider-cross:before, .brk-tabs__title-container .divider-cross:after {\n      background-color: rgba(230, 230, 230, 0.1); }\n\n.brk-tabs__title {\n  color: #fff;\n  margin-bottom: 24px; }\n\n.brk-tabs__title-decorator {\n  position: relative; }\n  .brk-tabs__title-decorator::before, .brk-tabs__title-decorator::after {\n    content: \"\";\n    width: 65px;\n    height: 1px;\n    position: absolute;\n    top: 6px; }\n  .brk-tabs__title-decorator::before {\n    left: calc(50% - 86px); }\n  .brk-tabs__title-decorator::after {\n    right: calc(50% - 83px); }\n"]}