{"version":3,"sources":["blog-page.scss"],"names":[],"mappings":"AAKE,oB,CACE,Y,CACA,yB,CACE,a,CACA,iB,CACH,Y,CACA,kB,CACA,sB,CAOE,+B,CAZA,2B,CAQG,gB,CACA,c,CAGJ,6B,CACE,a,CACH,Y,CACA,kB,CACA,sB,CAOE,+B,CAAA,2B,CAGG,qB,CAIN,2B,CACE,c,CAlCJ,+B,CAqCI,c,CAMF,8B,CACE,Y,CACA,6B,CACA,iB,CACA,W,CAJD,qC,CAMG,U,CACA,iB,CACA,O,CACA,M,CACA,O,CACA,U,CACA,wB,CAEF,kC,CACE,S,CACA,iB,CACA,wB,CACA,qB,CACA,kB,CACA,Y,CACA,kB,CACA,wB,CACA,uB,CACA,sD,CA6CA,kD,CA5CE,6B,CAEF,oCAbF,kC,CAcI,W,CACA,Y,CACA,wBAhBH,gD,CAoBG,iB,CACA,e,CArBH,+C,CAwBG,gB,CACA,e,CAzBH,wC,CA8BG,U,CA9CR,iC,CAoDI,Y,CApDJ,kC,CAuDI,Y,CAGF,2B,CACE,Y,CACA,sB,CACA,e,CAHD,8B,CAKG,U,CACA,U,CACA,e,CACA,iB,CACA,4B,CACA,iB,CACA,c,CACA,kB,CAeA,gC,CACA,+B,CA5BH,yC,CAiBK,c,CAjBL,qC,CAoBK,4B,CACA,U,CACA,W,CAtBL,yC,CA+BG,gC,CAON,e,CACC,iB,CACA,Y,CACA,c,CACA,c,CAJD,qB,CAOE,U,CACA,iB,CACA,M,CACA,Q,CACA,U,CACA,U,CACA,oD,CAbF,gC,CAkBG,c,CAlBH,+B,CAuBE,iB,CACA,kB,CACA,gB,CAEA,yBA3BF,+B,CA4BG,mB,AAGD,yBA/BF,+B,CAgCG,iB,CACA,kBAjCH,qC,CAqCG,c,CAIF,qB,CACC,a,CACA,c,CACA,W,CACA,iB,CACA,e,CACA,iB,CACA,a,CACA,iB,CAEA,yBAVD,qB,CAWE,a,CACA,c,CACA,aAbD,yB,CAiBC,U,CACA,W,CACA,iB,CACA,O,CACA,Q,CACA,8B,CAIF,wB,CACC,Y,CACA,W,CACA,c,CAKA,yBAFD,uB,CAGE,O,CACA,a,CACA,U,CACA,gBAGD,4B,CACC,iB,CACA,a,CAFA,8B,CAKC,gB,CACA,c,CAIF,6B,CACC,iB,CACA,gB,CAEA,yBAJD,6B,CAKE,kB,AAGD,yBARD,6B,CASE,kB,CACA,iBAVD,+B,CAcC,gB,CACA,c","file":"../blog-page.css","sourcesContent":["@import \"../../assets/styles/variables\";\r\n@import \"../../assets/styles/mixins\";\r\n@import \"../../assets/styles/sprite\";\r\n\r\n.brk-post-full {\r\n  &__meta {\r\n    display: flex;\r\n    &-date {\r\n      color: #585858;\r\n      margin-right: 15px;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\r\n      > i {\r\n        margin-right: 5px;\r\n        font-size: 10px;\r\n      }\r\n    }\r\n    &-comments {\r\n      color: #757575;\r\n\t\t\tdisplay: flex;\r\n\t\t\talign-items: center;\r\n\t\t\tjustify-content: center;\r\n\r\n      > i {\r\n        margin-right: 5px;\r\n        font-size: 10px;\r\n      }\r\n    }\r\n    &-date,\r\n    &-comments{\r\n      i{\r\n        vertical-align: middle;\r\n      }\r\n    }\r\n  }\r\n  &__fixed-width {\r\n    min-width: 73px;\r\n  }\r\n  .rotation-slider {\r\n    max-width: none;\r\n  }\r\n}\r\n\r\n.brk-related-carousel {\r\n \r\n  &__control {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    position: relative;\r\n    flex-grow: 1;\r\n    &::after {\r\n      content: '';\r\n      position: absolute;\r\n      top: 50%;\r\n      left: 0;\r\n      right: 0;\r\n      height: 1px;\r\n      background-color: #ececec;\r\n    }\r\n    &-btn {\r\n      z-index: 1;\r\n      padding: 15px 64px;\r\n      border: 1px solid #ececec;\r\n      background-color: #ffffff;\r\n      border-radius: 35px;\r\n      display: flex;\r\n      align-items: center;\r\n      text-transform: uppercase;\r\n      transition: .3s ease all;\r\n      .brk-bordered-theme & {\r\n        border-radius: var(--b-radius);\r\n      }\r\n      @media screen and (max-width:500px){\r\n        flex-grow: 1;\r\n        padding: 10px;\r\n        justify-content: center\r\n\r\n      }\r\n      &:first-child>i {\r\n        margin-right: 10px;\r\n        margin-top: -4px;\r\n      }\r\n      &:last-child>i {\r\n        margin-left: 10px;\r\n        margin-top: -4px;\r\n        \r\n      }\r\n      &:hover { \r\n       \r\n        color: #ffffff; \r\n      }\r\n    }\r\n  }\r\n \r\n  .slick-list {\r\n    margin: -15px;\r\n  }\r\n  .slick-slide {\r\n    padding: 15px;\r\n  }\r\n\r\n  &__dots {\r\n    display: flex;\r\n    justify-content: center;\r\n    margin-top: 50px;\r\n    li {\r\n      width: 26px;\r\n      height: 9px;\r\n      overflow: hidden;\r\n      color: transparent;\r\n      background-color: transparent;\r\n      margin-right: 10px;\r\n      cursor: pointer;\r\n      border-radius: 20px;\r\n      .brk-bordered-theme & {\r\n        border-radius: var(--b-radius);\r\n      }\r\n      &:last-child {\r\n        margin-right: 0;\r\n      }\r\n      button {\r\n        background-color: transparent;\r\n        width: 100%;\r\n        height: 100%;\r\n      }\r\n    }\r\n    \r\n    li {\r\n      border: 1px solid rgba(0, 0, 0, 0.13);\r\n      box-shadow: inset 0px 0px 0px 1px $white;\r\n    }\r\n    .slick-active {\r\n      border: 1px solid rgba(0, 0, 0, 0.13);\r\n    }\r\n    \r\n  }\r\n  \r\n}\r\n\r\n.brk-reply-item {\r\n\tposition: relative;\r\n\tdisplay: flex;\r\n\tflex-wrap: wrap;\r\n\tpadding: 40px 0;\r\n\t\r\n\t&:after {\r\n\t\tcontent: '';\r\n\t\tposition: absolute;\r\n\t\tleft: 0;\r\n\t\tbottom: 0;\r\n\t\twidth: 100%;\r\n\t\theight: 1px;\r\n\t\tbackground: url(../../img/dashed-border.png) repeat-x;\r\n\t}\r\n\r\n\t&:last-child {\r\n\t\t&:after {\r\n\t\t\tbackground: none;\r\n\t\t}\r\n\t}\r\n\r\n\t.brk-reply-item {\r\n\t\tpadding-left: 30px;\r\n\t\tborder-bottom: none;\r\n\t\tpadding-bottom: 0;\r\n\r\n\t\t@media (max-width: 767px) {\r\n\t\t\tpadding-left: 30px;\r\n\t\t}\r\n\r\n\t\t@media (max-width: 575px) {\r\n\t\t\tpadding-left: 15px;\r\n\t\t\tpadding-top: 20px;\r\n\t\t}\r\n\r\n\t\t&:after {\r\n\t\t\tbackground: none;\r\n\t\t}\r\n\t}\r\n\r\n\t&__user {\r\n\t\tflex: 0 0 50px;\r\n\t\tmax-width: 50px;\r\n\t\theight: 50px;\r\n\t\tposition: relative;\r\n\t\toverflow: hidden;\r\n\t\tborder-radius: 50%;\r\n\t\tdisplay: block;\r\n\t\tmargin-right: 15px;\r\n\r\n\t\t@media (max-width: 767px) {\r\n\t\t\tflex: 0 0 40px;\r\n\t\t\tmax-width: 40px;\r\n\t\t\theight: 40px;\r\n\t\t}\r\n\r\n\t\timg {\r\n\t\t\twidth: 100%;\r\n\t\t\theight: auto;\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}\r\n\t}\r\n\r\n\t&__content {\r\n\t\tflex-basis: 0;\r\n\t\tflex-grow: 1;\r\n\t\tmax-width: 100%;\r\n\t}\r\n\r\n\t&__header {\r\n\r\n\t\t@media (min-width: 576px) {\r\n\t\t\torder: 1;\r\n\t\t\tflex: 0 0 auto;\r\n\t\t\twidth: auto;\r\n\t\t\tmax-width: 100%;\r\n\t\t}\r\n\r\n\t\t&-like {\r\n\t\t\tfont-size: rem(14);\r\n\t\t\tcolor: #9f9f9f;\r\n\r\n\t\t\t> i {\r\n\t\t\t\tmargin-right: 7px;\r\n\t\t\t\tmargin-top: 5px;\r\n\t\t\t}\r\n\t\t}\r\n\r\n\t\t&-reply {\r\n\t\t\tfont-size: rem(14);\r\n\t\t\tmargin-left: 15px;\r\n\r\n\t\t\t@media (max-width: 991px) {\r\n\t\t\t\tmargin-left: 10px;\r\n\t\t\t}\r\n\r\n\t\t\t@media (max-width: 767px) {\r\n\t\t\t\tfont-size: rem(13);\r\n\t\t\t\tmargin-left: 5px;\r\n\t\t\t}\r\n\r\n\t\t\t> i {\r\n\t\t\t\tmargin-right: 8px;\r\n\t\t\t\tmargin-top: 4px;\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}"]}