{"version":3,"sources":["social-links.scss","social-links.css"],"names":[],"mappings":"AAGA,iB,CACE,mB,CACA,kB,CACD,c,CAEC,uB,CACA,iB,CACA,gB,CAFC,6B,CAKA,a,CCJC,iC,CDQD,c,CACA,gB,CAVA,oC,CAcG,c,CCRA,8C,CAuDA,wE,CA5CA,qE,CDAF,a,CAjBD,yB,CAsBA,mB,CAGA,8C,CAEG,iB,CCfF,wD,CDiBI,c,CACA,gB,CALL,2D,CAQK,c,CAQL,kD,CAEG,U,CACA,W,CACA,Y,CACA,kB,CACA,sB,CACA,qB,CAGL,+B,CACC,iB,CACA,gB,CAFA,uD,CAKC,4B,CACA,qB,CACA,yB,CACA,iB,CACA,c,CACA,iB,CACA,Y,CAEA,yBAbD,uD,CAcE,YAdF,6D,CAkBE,qE,CAlBF,+D,CAqBG,0B,CArBH,yD,CA0BE,oB,CAID,iD,CAEG,U,CACA,W,CACA,kB,CACA,Y,CACA,kB,CACA,sB,CACA,U,CACA,oE,CACH,iB,CCnCC,2D,CDsCA,c,CACA,gB,CAdD,8D,CAkBC,c,CAlBD,uD,CA0BK,S,CACA,qC,CACA,U,CAIL,4DAAA,O,CAIC,U,CAJD,iD,CASG,2B,CACA,mB,CAmDN,0C,CA7DG,uD,CAYK,a,CAMR,sB,CACE,Y,CACA,qB,CACA,4B,CACE,Y,CACA,kB,CAFD,kC,CAKG,oB,CACA,4B,CANH,oC,CAQK,yB,CAIN,sC,CACE,mB,CACA,kB,CACA,0B,CACA,U,CACA,a,CACA,gB,CAED,oC,CAEG,oB,CAKJ,+B,CACE,kB,CACA,c,CAFD,sE,CAKG,U,CALH,4D,CASG,iB,CAIN,oC,CAEI,U,CAQJ,uB,CACC,Y,CACA,kB,CACA,a,CACA,c,CAEA,yBAND,uB,CAOE,qB,CACA,wBAGD,6B,CACC,Y,CACA,kB,CACA,U,CACA,c,CAEA,yBAND,6B,CAOE,c,AAIA,yBAXD,yC,CAYE,c,CAZF,wC,CAkBE,iBAlBF,mC,CAuBC,U,CAvBD,mE,CA2BG,yC,CAMJ,6B,CACC,U,CACA,W,CACA,iB,CACA,qB,CACA,iB,CALA,+B,CAQC,iB,CACA,O,CACA,Q,CACA,8B,CACA,U,CACA,kB,CACA,gB,CACA,yB,CAIF,8B,CACC,iB,CACA,gB,CACA,iB","file":"../social-links.css","sourcesContent":["@import \"../../assets/styles/variables\";\r\n@import \"../../assets/styles/mixins\";\r\n\r\n.brk-social-links {\r\n  display: inline-flex;\r\n  align-items: center;\r\n\tflex-wrap: wrap;\r\n\r\n  &__item {\r\n\t\tmargin-right: 20px;\r\n\t\tline-height: 24px;\r\n\r\n\t\t&:hover {\r\n\t\t\tcolor: inherit;\r\n\t\t}\r\n\r\n\t\t[dir=rtl] & {\r\n\t\t\tmargin-right: 0;\r\n\t\t\tmargin-left: 20px;\r\n\t\t}\r\n\r\n    &:last-of-type {\r\n      margin-right: 0;\r\n\r\n\t\t\t[dir=rtl] & {\r\n\t\t\t\tmargin-left: 0;\r\n\t\t\t}\r\n    }\r\n\r\n\t\ti {\r\n\t\t\tline-height: inherit;\r\n\t\t}\r\n  } \r\n  &_wide {\r\n    .brk-social-links__item {\r\n      margin-right: 35px;\r\n      [dir=rtl] & {\r\n        margin-right: 0;\r\n        margin-left: 35px;\r\n      }\r\n      &:last-of-type {\r\n        margin-right: 0;\r\n  \r\n        [dir=rtl] & {\r\n          margin-left: 0;\r\n        }\r\n      }\r\n    }\r\n  }\r\n  &_bordered {\r\n    .brk-social-links__item {\r\n      width: 42px;\r\n      height: 42px;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      border: 1px solid black;\r\n    }\r\n  }\r\n\t&_bordered-post {\r\n\t\tmargin-right: -5px;\r\n\t\tmargin-left: -5px;\r\n\r\n\t\t.brk-social-links__item {\r\n\t\t\tbox-shadow: 0 0 0 2px #dedede;\r\n\t\t\tbackground-color: $white;\r\n\t\t\ttransition: box-shadow .3s;\r\n\t\t\tborder-radius: 4px;\r\n\t\t\tmin-width: 40px;\r\n\t\t\ttext-align: center;\r\n\t\t\tmargin: 0 5px;\r\n\r\n\t\t\t@media (max-width: 575px) {\r\n\t\t\t\tmargin: 5px;\r\n\t\t\t}\r\n\r\n\t\t\t&:hover {\r\n\t\t\t\tbox-shadow: 0 0 0 2px var(--brand-primary), 0 5px 16px 0 rgba(#000, .2);\r\n\r\n\t\t\t\ti {\r\n\t\t\t\t\tcolor: var(--brand-primary);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n\t\t\ti {\r\n\t\t\t\ttransition: color .3s;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n  &_rounded {\r\n    .brk-social-links__item {\r\n      width: 32px;\r\n      height: 32px;\r\n      border-radius: 100%;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      opacity: 0.4;\r\n      transition: .3s ease opacity, .3s ease background-color, .3s ease color;\r\n\t\t\tmargin-right: 15px;\r\n\r\n\t\t\t[dir=rtl] & {\r\n\t\t\t\tmargin-right: 0;\r\n\t\t\t\tmargin-left: 20px;\r\n\t\t\t}\r\n\r\n\t\t\t&:last-of-type {\r\n\t\t\t\tmargin-right: 0;\r\n\r\n\t\t\t\t[dir=rtl] & {\r\n\t\t\t\t\tmargin-left: 0;\r\n\t\t\t\t}\r\n\t\t\t}\r\n\r\n      &:hover {\r\n        opacity: 1;\r\n        background-color: var(--brand-primary);\r\n        color: #fff;\r\n      }\r\n    }\r\n  }\r\n  &_opacity{\r\n\r\n\t\t&:hover {\r\n\t\t\t.brk-social-links__item:not(:hover) {\r\n\t\t\t\topacity: .6;\r\n\t\t\t}\r\n\t\t}\r\n\r\n    .brk-social-links__item {\r\n      transition: .3s ease opacity;\r\n      will-change: opacity;\r\n      &:hover{\r\n        color: inherit;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.brk-social-links-wide {\r\n  display: flex;\r\n  flex-direction: column;\r\n  &__link {\r\n    display: flex;\r\n    align-items: center;\r\n    &:hover {\r\n      color: inherit;\r\n      text-decoration: none;\r\n      color: currentColor !important; \r\n      p {\r\n        text-decoration: underline;\r\n      }\r\n    }\r\n  }\r\n  &__icon-container {\r\n    display: inline-flex;\r\n    align-items: center;\r\n    justify-content: flex-start;\r\n    width: 38px;\r\n    flex-shrink: 0;\r\n    padding-left: 3px;\r\n  }\r\n  &__item-light{\r\n    i{\r\n      color: #fff !important;\r\n    }\r\n  }\r\n\r\n  // modifiers\r\n  &_vertical{\r\n    flex-direction: row;\r\n    flex-wrap: wrap;\r\n\r\n    .brk-social-links-wide__icon-container {\r\n      width: 30px;\r\n    }\r\n\r\n    .brk-social-links-wide__link {\r\n      margin-right: 40px;\r\n    }\r\n  }\r\n}\r\n.brk-social-links-wide__item_light{\r\n  i{\r\n    color: #ffffff;\r\n  }\r\n  &:hover{\r\n    i{\r\n      color: inherit;\r\n    }\r\n  }\r\n}\r\n.brk-social-links-round {\r\n\tdisplay: flex;\r\n\talign-items: center;\r\n\tpadding: 5px 0;\r\n\tflex-wrap: wrap;\r\n\r\n\t@media (max-width: 767px) {\r\n\t\tflex-direction: column;\r\n\t\talign-items: flex-start;\r\n\t}\r\n\r\n\t&__link {\r\n\t\tdisplay: flex;\r\n\t\talign-items: center;\r\n\t\tcolor: #fff;\r\n\t\tpadding: 0 10px;\r\n\r\n\t\t@media (max-width: 767px) {\r\n\t\t\tpadding: 10px;\r\n\t\t}\r\n\r\n\t\t&:first-child {\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\tpadding-left: 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:last-child {\r\n\t\t\t@media (min-width: 768px) {\r\n\t\t\t\tpadding-right: 0;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&:hover {\r\n\t\t\tcolor: #fff;\r\n\t\t\t\r\n\t\t\t.brk-social-links-round__icon {\r\n\t\t\t\ti {\r\n\t\t\t\t\ttransform: translate(-50%, -50%) scale(1.2);\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n\r\n\t&__icon {\r\n\t\twidth: 46px;\r\n\t\theight: 46px;\r\n\t\tborder-radius: 50%;\r\n\t\tbackground-color: #fff;\r\n\t\tposition: relative;\r\n\t\t\r\n\t\ti {\r\n\t\t\tposition: absolute;\r\n\t\t\ttop: 50%;\r\n\t\t\tleft: 50%;\r\n\t\t\ttransform: translate(-50%, -50%);\r\n\t\t\tcolor: #000;\r\n\t\t\tfont-size: rem(18);\r\n\t\t\tline-height: 18px;\r\n\t\t\ttransition: all .1s linear;\r\n\t\t}\r\n\t}\r\n\r\n\t&__title {\r\n\t\tfont-size: rem(14);\r\n\t\tline-height: 16px;\r\n\t\tpadding-left: 15px;\r\n\t}\r\n}\r\n",".brk-social-links {\n  display: inline-flex;\n  align-items: center;\n  flex-wrap: wrap; }\n  .brk-social-links__item {\n    margin-right: 20px;\n    line-height: 24px; }\n    .brk-social-links__item:hover {\n      color: inherit; }\n    [dir=rtl] .brk-social-links__item {\n      margin-right: 0;\n      margin-left: 20px; }\n    .brk-social-links__item:last-of-type {\n      margin-right: 0; }\n      [dir=rtl] .brk-social-links__item:last-of-type {\n        margin-left: 0; }\n    .brk-social-links__item i {\n      line-height: inherit; }\n  .brk-social-links_wide .brk-social-links__item {\n    margin-right: 35px; }\n    [dir=rtl] .brk-social-links_wide .brk-social-links__item {\n      margin-right: 0;\n      margin-left: 35px; }\n    .brk-social-links_wide .brk-social-links__item:last-of-type {\n      margin-right: 0; }\n      [dir=rtl] .brk-social-links_wide .brk-social-links__item:last-of-type {\n        margin-left: 0; }\n  .brk-social-links_bordered .brk-social-links__item {\n    width: 42px;\n    height: 42px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid black; }\n  .brk-social-links_bordered-post {\n    margin-right: -5px;\n    margin-left: -5px; }\n    .brk-social-links_bordered-post .brk-social-links__item {\n      box-shadow: 0 0 0 2px #dedede;\n      background-color: #fff;\n      transition: box-shadow .3s;\n      border-radius: 4px;\n      min-width: 40px;\n      text-align: center;\n      margin: 0 5px; }\n      @media (max-width: 575px) {\n        .brk-social-links_bordered-post .brk-social-links__item {\n          margin: 5px; } }\n      .brk-social-links_bordered-post .brk-social-links__item:hover {\n        box-shadow: 0 0 0 2px var(--brand-primary), 0 5px 16px 0 rgba(0, 0, 0, 0.2); }\n        .brk-social-links_bordered-post .brk-social-links__item:hover i {\n          color: var(--brand-primary); }\n      .brk-social-links_bordered-post .brk-social-links__item i {\n        transition: color .3s; }\n  .brk-social-links_rounded .brk-social-links__item {\n    width: 32px;\n    height: 32px;\n    border-radius: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    opacity: 0.4;\n    transition: .3s ease opacity, .3s ease background-color, .3s ease color;\n    margin-right: 15px; }\n    [dir=rtl] .brk-social-links_rounded .brk-social-links__item {\n      margin-right: 0;\n      margin-left: 20px; }\n    .brk-social-links_rounded .brk-social-links__item:last-of-type {\n      margin-right: 0; }\n      [dir=rtl] .brk-social-links_rounded .brk-social-links__item:last-of-type {\n        margin-left: 0; }\n    .brk-social-links_rounded .brk-social-links__item:hover {\n      opacity: 1;\n      background-color: var(--brand-primary);\n      color: #fff; }\n  .brk-social-links_opacity:hover .brk-social-links__item:not(:hover) {\n    opacity: .6; }\n  .brk-social-links_opacity .brk-social-links__item {\n    transition: .3s ease opacity;\n    will-change: opacity; }\n    .brk-social-links_opacity .brk-social-links__item:hover {\n      color: inherit; }\n\n.brk-social-links-wide {\n  display: flex;\n  flex-direction: column; }\n  .brk-social-links-wide__link {\n    display: flex;\n    align-items: center; }\n    .brk-social-links-wide__link:hover {\n      color: inherit;\n      text-decoration: none;\n      color: currentColor !important; }\n      .brk-social-links-wide__link:hover p {\n        text-decoration: underline; }\n  .brk-social-links-wide__icon-container {\n    display: inline-flex;\n    align-items: center;\n    justify-content: flex-start;\n    width: 38px;\n    flex-shrink: 0;\n    padding-left: 3px; }\n  .brk-social-links-wide__item-light i {\n    color: #fff !important; }\n  .brk-social-links-wide_vertical {\n    flex-direction: row;\n    flex-wrap: wrap; }\n    .brk-social-links-wide_vertical .brk-social-links-wide__icon-container {\n      width: 30px; }\n    .brk-social-links-wide_vertical .brk-social-links-wide__link {\n      margin-right: 40px; }\n\n.brk-social-links-wide__item_light i {\n  color: #ffffff; }\n\n.brk-social-links-wide__item_light:hover i {\n  color: inherit; }\n\n.brk-social-links-round {\n  display: flex;\n  align-items: center;\n  padding: 5px 0;\n  flex-wrap: wrap; }\n  @media (max-width: 767px) {\n    .brk-social-links-round {\n      flex-direction: column;\n      align-items: flex-start; } }\n  .brk-social-links-round__link {\n    display: flex;\n    align-items: center;\n    color: #fff;\n    padding: 0 10px; }\n    @media (max-width: 767px) {\n      .brk-social-links-round__link {\n        padding: 10px; } }\n    @media (min-width: 768px) {\n      .brk-social-links-round__link:first-child {\n        padding-left: 0; } }\n    @media (min-width: 768px) {\n      .brk-social-links-round__link:last-child {\n        padding-right: 0; } }\n    .brk-social-links-round__link:hover {\n      color: #fff; }\n      .brk-social-links-round__link:hover .brk-social-links-round__icon i {\n        transform: translate(-50%, -50%) scale(1.2); }\n  .brk-social-links-round__icon {\n    width: 46px;\n    height: 46px;\n    border-radius: 50%;\n    background-color: #fff;\n    position: relative; }\n    .brk-social-links-round__icon i {\n      position: absolute;\n      top: 50%;\n      left: 50%;\n      transform: translate(-50%, -50%);\n      color: #000;\n      font-size: 1.125rem;\n      line-height: 18px;\n      transition: all .1s linear; }\n  .brk-social-links-round__title {\n    font-size: 0.875rem;\n    line-height: 16px;\n    padding-left: 15px; }\n"]}