{"version":3,"sources":["shop-components-cards.scss","shop-components-cards.css"],"names":[],"mappings":"AAGA,mB,CACE,iB,CACA,S,CACA,8B,CACE,M,CACA,K,CACA,U,CACA,W,CACA,Y,CACA,0B,CACA,6B,CAPD,iD,CASG,U,CACA,W,CACA,e,CACA,iB,CAZH,8D,CAcK,U,CACA,Q,CAfL,8D,CAkBK,S,CACA,Q,CAnBL,+D,CAAA,+D,CAuBK,iB,CACA,S,CACA,U,CAzBL,uD,CAqDK,iB,CACA,W,CACA,W,CACA,Y,CACA,kB,CACA,sB,CACA,S,CA3DL,uF,CA+DO,Q,CACA,O,CACA,uB,CACA,6B,CAlEP,uF,CAuEO,W,CACA,U,CACA,wB,CACA,yB,CA1EP,uF,CA+EE,gF,CA/EF,+F,CAkFO,K,CACA,M,CAnFP,+F,CAsFO,O,CACA,Q,CAvFP,+F,CA4FO,Q,CACA,M,CA7FP,+F,CAgGO,O,CACA,K,CAjGP,uF,CAoGE,oF,CAKH,+B,CA6DA,wC,CA5DE,iB,CACA,U,CACA,Q,CACA,U,CACA,mB,CACA,qB,CAND,kD,CASG,qB,CACA,mB,CACA,kB,CACA,c,CACA,sB,CACA,iB,CAdH,gE,CAmCK,iB,CACA,oB,CACA,W,CACA,U,CACA,iD,CAAA,yC,CACA,U,CACA,K,CAzCL,gE,CA6CI,Y,CA7CJ,gE,CAiDK,iB,CACA,O,CACA,W,CACA,oB,CACA,S,CACA,U,CACA,kD,CAAA,0C,CAML,2D,CASG,qB,CACA,mB,CACA,kB,CACA,c,CACA,sB,CACA,iB,CAdH,yE,CAiCK,iB,CACA,oB,CACA,W,CAEA,gE,CAAA,wD,CACA,K,CACA,U,CACA,U,CAxCL,yE,CA4CK,Y,CA5CL,yE,CAgDK,iB,CACA,O,CACA,W,CACA,oB,CACA,S,CACA,U,CACA,kD,CAAA,0C,CAMN,2B,CACE,U,CACA,W,CACA,kB,CACA,kB,CAJD,sD,CAMG,Y,CACA,kB,CAPH,wD,CASK,c,CACA,gB,CAVL,wC,CAcG,yC,CAGH,+D,CAAA,gG,CC5FC,gG,CD4FD,wE,CC5FmG,yG,CAClG,yG,CD+FA,qC,CAJD,gG,CAAA,yG,CAUE,kC,CAVF,+D,CAAA,gG,CCpFC,gG,CDoFD,wE,CCpFmG,yG,CAClG,yG,CDiGA,iC,CAdD,gG,CAAA,yG,CAoBE,uC,CAOL,mB,CACE,iB,CADF,yB,CAGI,U,CACA,a,CACA,gB,CAEF,wB,CACE,iB,CACA,M,CACA,K,CACA,U,CACA,W,CACA,mB,CAAA,gB,CACA,yB,CAAA,sB,CACA,iB,CACA,qC,CAEF,0B,CACE,qB,CACA,mB,CACA,kB,CACA,iB,CACA,U,CACA,Q,CACA,0B,CACA,6B,CACA,yC,CACE,iB,CACA,oB,CACA,U,CACA,U,CACA,0E,CAAA,kE,CACA,U,CACA,K,CAEF,4C,CACE,iB,CACA,oB,CACA,U,CACA,U,CACA,uE,CAAA,+D,CACA,U,CACA,Q,CAEF,uC,CACE,iB,CACA,U,CACA,W,CACA,oB,CACA,S,CACA,U,CACA,kD,CAAA,0C,CAIA,kC,CAH4D,gBAAA,kD,MAAA,0C,GAR9D,uC,CASI,cAKN,0B,CACE,Y,CACA,kB,CACA,kB,CACA,iB,CACA,Q,CACA,Q,CACA,6B,CACA,2B,CACA,uD,CACA,8B,CACE,4B,CACA,gB,CACA,uB,CAGJ,yB,CACE,iB,CACA,S,CACA,O,CACA,0B,CACA,kB,CACA,U,CACA,W,CACA,qB,CACA,Y,CACA,sB,CACA,kB,CAcC,qC,CAzBF,2B,CAaG,0B,CAKN,uB,CACE,qC,CACA,8B,CAFF,6B,CAII,qC,CASF,sC,CACA,yC,CACE,iB,CACA,W,CAHD,4C,CAKG,U,CACA,a,CACA,6B,CApBN,gD,CAwBI,iB,CACA,0C,CACA,O,CACA,mC,CACA,iC,CACA,kB,CACA,a,CACA,gB,CA/BJ,sD,CAmCM,mC,CAIJ,4B,CACE,iB,CACA,U,CACA,W,CACA,M,CACA,K,CACA,mB,CAAA,gB,CACA,yB,CAAA,sB,CAGF,gC,CACE,iB,CACA,U,CACA,Q,CACA,M,CACA,Q,CACA,0B,CAvDJ,8D,CA4DQ,W,CAKN,kC,CACE,4B,CAEF,kC,CACE,a,CACA,2B,CAGF,8B,CACE,+B,CACA,iB,CACA,W,CACA,0B,CA7EJ,4D,CAkFQ,iC,CAKN,oC,CACE,0C,CACA,wB,CACA,2B,CACA,W,CAIA,yC,CACE,Y,CACA,c,CAEA,8C,CACE,S,CACJ,iB,CAEI,qCAJF,8C,CAKI,YALH,gD,CASF,e,CACA,iB,CACA,U,CACA,0B,CACA,iB,CACA,mB,CAdE,4D,CAkBF,iB,CAEK,qCApBH,4D,CAqBK,gBAQZ,a,CACE,iB,CACA,qB,CACA,oC,CACA,e,CACA,kB,CACA,uB,CACE,iB,CACA,oB,CACA,gB,CACA,Q,CACA,K,CACA,8B,CACA,kB,CACA,kB,CAEF,mB,CACE,yB,CAKF,mC,CACE,a,CACA,W,CAED,6D,CAEG,U,CAGJ,8B,CACE,mB,CAIJ,0B,CACE,iB,CACA,e,CAFF,iC,CAKI,U,CAEA,a,CACA,gB,CAGF,mC,CACE,iB,CACA,gB,CACA,iB,CACA,kB,CAWA,Q,CACA,0B,CACA,uB,CAjBD,qC,CAMG,gB,CACA,e,CAPH,qC,CAUG,Y,CACA,kB,CACH,8B,CACA,oB,CAxBH,2C,CAgCI,sC,CACA,oC,CAjCJ,iD,CAsCM,uB,CAtCN,oE,CAyCM,O","file":"../shop-components-cards.css","sourcesContent":["@import \"../../assets/styles/variables\";\r\n@import \"../../assets/styles/mixins\";\r\n\r\n.brk-sc-card-labels{\r\n  position: absolute;\r\n  z-index: 1;\r\n  &_top-labels{\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    height: auto;\r\n    display: flex;\r\n    flex-direction: row-reverse;\r\n    justify-content: space-between;\r\n    .brk-sc-card-label{\r\n      width: 86px;\r\n      height: 86px;\r\n      overflow: hidden;\r\n      position: relative;\r\n      &:nth-child(1){\r\n        right: -5px;\r\n        top: -5px;\r\n      }\r\n      &:nth-child(2){\r\n        left: -5px;\r\n        top: -5px;\r\n      }\r\n      &__additional-1,\r\n      &__additional-2{\r\n        position: absolute;\r\n        width: 5px;\r\n        height: 5px;\r\n      }\r\n      &:nth-child(1){\r\n        .brk-sc-card-label__text{\r\n        }\r\n        .brk-sc-card-label__additional-1{\r\n          top: 0;\r\n          left: 0;\r\n        }\r\n        .brk-sc-card-label__additional-2{\r\n          right: 0;\r\n          bottom: 0;\r\n        }\r\n      }\r\n      &:nth-child(2){\r\n        .brk-sc-card-label__additional-1{\r\n          bottom: 0;\r\n          left: 0;\r\n        }\r\n        .brk-sc-card-label__additional-2{\r\n          right: 0;\r\n          top: 0;\r\n        }\r\n        .brk-sc-card-label__text{\r\n        }\r\n      }\r\n     \r\n      &__text{\r\n        position: absolute;\r\n        width: 122px;\r\n        height: 28px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        z-index: 9;\r\n      }\r\n      &:nth-child(1){\r\n        .brk-sc-card-label__text{\r\n          bottom: 0;\r\n          right: 0;\r\n          transform: rotate(45deg);\r\n          transform-origin: right bottom;\r\n        }\r\n      }\r\n      &:nth-child(2){\r\n        .brk-sc-card-label__text{\r\n          bottom: -9px;\r\n          left: -19px;\r\n          transform: rotate(-45deg);\r\n          transform-origin: left top;\r\n        }\r\n      }\r\n      &:nth-child(1){\r\n        .brk-sc-card-label__text{\r\n\t\t\t\t\tbackground-image: linear-gradient(to right, var(--secondary), var(--brand-primary));\r\n        }\r\n        .brk-sc-card-label__additional-1{\r\n          top: 0;\r\n          left: 0;\r\n        }\r\n        .brk-sc-card-label__additional-2{\r\n          right: 0;\r\n          bottom: 0;\r\n        }\r\n      }\r\n      &:nth-child(2){\r\n        .brk-sc-card-label__additional-1{\r\n          bottom: 0;\r\n          left: 0;\r\n        }\r\n        .brk-sc-card-label__additional-2{\r\n          right: 0;\r\n          top: 0;\r\n        }\r\n        .brk-sc-card-label__text{\r\n\t\t\t\t\tbackground-image: linear-gradient(to right, var(--brand-primary), var(--brand-primary));\r\n        }\r\n      }\r\n    }\r\n  }\r\n  &_side-labels{\r\n    position: absolute;\r\n    right: -5px;\r\n    top: 86px;\r\n    width: auto;\r\n    display: inline-flex;\r\n    flex-direction: column;\r\n\r\n    .brk-sc-card-label{\r\n      padding: 8px 10px 10px 10px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      min-width: 60px;\r\n      justify-content: center;\r\n      position: relative;\r\n\r\n      \r\n\r\n      &:nth-child(1){\r\n        .brk-sc-card-label__additional-1,\r\n        .brk-sc-card-label__additional-2{\r\n        }\r\n        .brk-sc-card-label__additional-3{\r\n        }\r\n      }\r\n      &:nth-child(2){\r\n        .brk-sc-card-label__additional-1,\r\n        .brk-sc-card-label__additional-2{\r\n        }\r\n        .brk-sc-card-label__additional-3{\r\n        }\r\n      }\r\n      \r\n\r\n      &__additional-1{\r\n        position: absolute;\r\n        display: inline-block;\r\n        height: 100%;\r\n        width: 12px;\r\n        clip-path: polygon(0 50%, 100% 100%, 100% 0);\r\n        left: -12px;\r\n        top: 0;\r\n        \r\n      }\r\n      &__additional-2{\r\n       display: none; \r\n       \r\n      }\r\n      &__additional-3{\r\n        position: absolute;\r\n        right: 0;\r\n        bottom: -6px;\r\n        display: inline-block;\r\n        width: 6px;\r\n        height: 6px;\r\n        clip-path: polygon(0 100%, 100% -1px, 0 -1px);\r\n       \r\n      }\r\n\r\n    }\r\n  }\r\n  &_side-labels-cornered{ \r\n    position: absolute;\r\n    right: -5px;\r\n    top: 86px;\r\n    width: auto;\r\n    display: inline-flex;\r\n    flex-direction: column;\r\n\r\n    .brk-sc-card-label{\r\n      padding: 8px 10px 10px 10px;\r\n      display: inline-flex;\r\n      align-items: center;\r\n      min-width: 60px;\r\n      justify-content: center;    \r\n      position: relative;\r\n\r\n      &:nth-child(1){\r\n        .brk-sc-card-label__additional-1,\r\n        .brk-sc-card-label__additional-2{\r\n        }\r\n        .brk-sc-card-label__additional-3{\r\n        }\r\n      }\r\n      &:nth-child(2){\r\n        .brk-sc-card-label__additional-1,\r\n        .brk-sc-card-label__additional-2{\r\n        }\r\n        .brk-sc-card-label__additional-3{\r\n        }\r\n      }\r\n      \r\n\r\n      &__additional-1{\r\n        position: absolute;\r\n        display: inline-block;\r\n        height: 100%;\r\n        width: 12px;\r\n        clip-path: polygon(0 1%, 100% 0, 100% 100%, 0 100%, 100% 50%);\r\n        top: 0;\r\n        width: 10px;\r\n        left: -10px;\r\n        \r\n      }\r\n      &__additional-2{\r\n        display: none;\r\n       \r\n      }\r\n      &__additional-3{\r\n        position: absolute;\r\n        right: 0;\r\n        bottom: -6px;\r\n        display: inline-block;\r\n        width: 6px;\r\n        height: 6px;\r\n        clip-path: polygon(0 100%, 100% -1px, 0 -1px);\r\n       \r\n      }\r\n\r\n    }\r\n  }\r\n  &_rounded{\r\n    width: 72px;\r\n    height: 72px;\r\n    border-radius: 100%;\r\n    white-space: nowrap;\r\n    .brk-sc-card-labels__title{\r\n      display: flex;\r\n      align-items: center; \r\n      i{\r\n        font-size: 14px;\r\n        margin-right: 5px;\r\n      }\r\n    }\r\n    &:nth-child(2){\r\n      box-shadow: 0 5px 16px rgba(130, 180, 64, 0.5);\r\n    }\r\n  }\r\n  &_side-labels,\r\n\t&_side-labels-cornered{\r\n\t\t.brk-sc-card-label{\r\n\t\t\t&:nth-child(1){\r\n\t\t\t\tbackground-color: var(--brand-primary); //skin\r\n\t\t\t\t.brk-sc-card-label__additional-1,\r\n\t\t\t\t.brk-sc-card-label__additional-2{\r\n\t\t\t\t\tbackground-color: var(--brand-primary); //skin\r\n\t\t\t\t}\r\n\t\t\t\t.brk-sc-card-label__additional-3{\r\n\t\t\t\t\tbackground-color: var(--brk-base-3); //skin\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t\t&:nth-child(2){\r\n\t\t\t\tbackground-color: var(--secondary); //skin\r\n\t\t\t\t.brk-sc-card-label__additional-1,\r\n\t\t\t\t.brk-sc-card-label__additional-2{\r\n\t\t\t\t\tbackground-color: var(--secondary); //skin\r\n\t\t\t\t}\r\n\t\t\t\t.brk-sc-card-label__additional-3{\r\n\t\t\t\t\tbackground-color: var(--brk-secondary-2); //skin\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}\r\n\r\n.brk-sc-simple-card {\r\n  position: relative;\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    padding-top: 142%;\r\n  }\r\n  &__img {\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    width: 100%;\r\n    height: 100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    border-radius: 8px;\r\n    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.16);\r\n  }\r\n  &__label {\r\n    padding: 8px 10px 10px 10px;\r\n    display: inline-flex;\r\n    align-items: center;\r\n    position: absolute;\r\n    right: -5px;\r\n    top: 20px;\r\n    border-top-left-radius: 3px;\r\n    border-bottom-left-radius: 3px;\r\n    &-left-top-angle {\r\n      position: absolute;\r\n      display: inline-block;\r\n      height: 50%;\r\n      width: 12px;\r\n      clip-path: polygon(0 100%, calc(100% + 0px) 100%, calc(100% + 0px) 0);\r\n      left: -11px;\r\n      top: 0;\r\n    }\r\n    &-left-bottom-angle {\r\n      position: absolute;\r\n      display: inline-block;\r\n      height: 50%;\r\n      width: 12px;\r\n      clip-path: polygon(0 0, calc(100% + 0px) 100%, calc(100% + 0px) 0);\r\n      left: -11px;\r\n      bottom: 0;\r\n    }\r\n    &-bottom-angle {\r\n      position: absolute;\r\n      right: -1px;\r\n      bottom: -6px;\r\n      display: inline-block;\r\n      width: 6px;\r\n      height: 6px;\r\n      clip-path: polygon(0 100%, 100% -1px, 0 -1px);\r\n      @supports not (clip-path: polygon(0 100%, 100% -1px, 0 -1px)){\r\n        display: none;\r\n      }\r\n      background-color: var(--brk-base-3);\r\n    }\r\n  }\r\n  &__price {\r\n    display: flex;\r\n    border-radius: 50px;\r\n    align-items: center;\r\n    position: absolute;\r\n    left: 50%;\r\n    bottom: 0;\r\n    transform: translate(-50%, 50%);\r\n    padding: 15px 55px 15px 24px;\r\n    box-shadow: 0 5px 16px rgba(var(--brand-primary-rgb), 0.5);\r\n    &-old {\r\n      text-decoration: line-through;\r\n      margin-right: 5px;\r\n      color: var(--brk-base-7);\r\n    }\r\n  }\r\n  &__link {\r\n    position: absolute;\r\n    right: 4px;\r\n    top: 50%;\r\n    transform: translateY(-50%);\r\n    border-radius: 100%;\r\n    width: 36px;\r\n    height: 36px;\r\n    background-color: #ffffff;\r\n    display: flex;\r\n    justify-content: center;\r\n    align-items: center;\r\n    >i{\r\n      color: var(--brand-primary);\r\n    }\r\n  }\r\n}\r\n\r\n.brk-sc-card-horizontal{\r\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);\r\n  transition: .3s ease box-shadow;\r\n  &:hover{\r\n    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.14);\r\n  }\r\n  &__links{\r\n    &-item{\r\n      i{\r\n        color: var(--brand-primary); //skin\r\n      }\r\n    }\r\n  }\r\n  &__img-container {\r\n\t\tbackground-color: var(--text-base-color-3);\r\n    position: relative;\r\n    height: 100%;\r\n    &:after{\r\n      content: '';\r\n      display: block;\r\n      padding-top: calc(100% + 30px);\r\n    }\r\n  }\r\n  .flip-box__split-actions{\r\n    position: absolute;\r\n    box-shadow: 0 5px 16px rgba(165, 165, 165, 0.5);\r\n    top: 50%;\r\n    transform: translateY(-50%) scale(0);\r\n    transition: .3s ease transform .1s;\r\n    border-radius: 27px;\r\n    padding-top: 0;\r\n    padding-bottom: 0;\r\n  }\r\n  &:hover{\r\n    .flip-box__split-actions{\r\n      transform: translateY(-50%) scale(1);\r\n    }\r\n  }\r\n  \r\n  &__img {\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 100%;\r\n    left: 0;\r\n    top: 0;\r\n    object-fit: cover;\r\n    object-position: center;\r\n  }\r\n\r\n  &__overlay{\r\n    position: absolute;\r\n    width: 100%;\r\n    height: 0;\r\n    left: 0;\r\n    bottom: 0;\r\n    transition: .3s ease height;\r\n  }\r\n  &:hover{\r\n    .brk-sc-card-horizontal{\r\n      &__overlay{\r\n        height: 100%;\r\n      }\r\n    }\r\n  }\r\n\r\n  &__old-price{\r\n    text-decoration: line-through;\r\n  }\r\n  &__main-info{\r\n    flex-shrink: 0;\r\n    padding: 40px 35px 35px 38px;\r\n  }\r\n\r\n  &__about{\r\n    border-bottom: 3px solid #f2f2f2;\r\n    position: relative;\r\n    height: 100%;\r\n    transition: .3s ease border;\r\n  }\r\n  &:hover{\r\n    .brk-sc-card-horizontal{\r\n      &__about{\r\n        border-color: var(--brand-primary);\r\n      }\r\n    }\r\n  }\r\n\r\n  &__description {\r\n    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.03);\r\n    background-color: #fbfbfb;\r\n    padding: 32px 35px 32px 45px;\r\n    flex-grow: 1;\r\n    &-paragraph{\r\n\r\n    }  \r\n    &-list {\r\n      display: flex;\r\n      flex-wrap: wrap;\r\n\r\n      &-item {\r\n        width: 50%;\r\n\t\t\t\tpadding-left: 37px;\r\n\r\n        @media screen and (max-width:1230px) {\r\n          width: 100%;\r\n        }\r\n\r\n        i {\r\n\t\t\t\t\tpadding-right: 0;\r\n\t\t\t\t\tposition: relative;\r\n\t\t\t\t\tleft: -23px;\r\n\t\t\t\t\tcolor: var(--brand-primary);\r\n\t\t\t\t\tmargin-left: -14px;\r\n\t\t\t\t\tline-height: inherit;\r\n        }\r\n\r\n        &:nth-child(2n) {\r\n\t\t\t\t\tpadding-left: 60px;\r\n\r\n          @media screen and (max-width:1230px){\r\n            padding-left: 0;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.brk-sc-bonus{\r\n  position: relative;\r\n  background-color: #ffffff;\r\n  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);\r\n  margin-top: 20px;\r\n  border-radius: 10px;\r\n  &__subtitle{\r\n    position: absolute;\r\n    display: inline-block;\r\n    padding: 9px 16px;\r\n    left: 50%;\r\n    top: 0;\r\n    transform: translate(-50% , -50%);\r\n    white-space: nowrap;\r\n    border-radius: 25px;\r\n  }\r\n  &__link{\r\n    text-decoration: underline;\r\n  }\r\n}\r\n\r\n.brk-sc-card-preview{\r\n  &__img-container{\r\n    flex-shrink: 0;\r\n    width: 114px;\r\n  }\r\n  &_mini{\r\n    .brk-sc-card-preview__img-container{\r\n      width: 80px;\r\n    }\r\n  }\r\n  &__category{\r\n    padding: 7px 9px 5px 9px;\r\n  }\r\n}\r\n\r\n.brk-sc-card-photo-overlay{\r\n  position: relative;\r\n  overflow: hidden;\r\n\r\n  &::after{\r\n    content: '';\r\n\r\n    display: block;\r\n    padding-top: 100%;\r\n  }\r\n\r\n  &__actions {\r\n    position: absolute;\r\n    width: calc(100%);\r\n    padding-left: 30px;\r\n    padding-right: 30px;\r\n    i{\r\n      margin-right: 6px;\r\n      margin-top: -3px;\r\n    }\r\n    a {\r\n      display: flex;\r\n      align-items: center;\r\n\t\t\ttext-decoration: none !important;\r\n\t\t\tcolor: #ffffff !important;\r\n    }\r\n    top: 120%;\r\n    transform: translateY(-50%);\r\n    transition: .3s ease top;\r\n  }\r\n\r\n  .brk-abs-overlay{\r\n    transform: translateY(calc(100% - 3px));\r\n    transition: .3s ease-in-out transform;\r\n  }\r\n\r\n  &:hover{\r\n    .brk-abs-overlay{\r\n      transform: translateY(0);\r\n    }\r\n    .brk-sc-card-photo-overlay__actions{\r\n      top: 50%;\r\n    }\r\n  }\r\n}\r\n",".brk-sc-card-labels {\n  position: absolute;\n  z-index: 1; }\n  .brk-sc-card-labels_top-labels {\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: auto;\n    display: flex;\n    flex-direction: row-reverse;\n    justify-content: space-between; }\n    .brk-sc-card-labels_top-labels .brk-sc-card-label {\n      width: 86px;\n      height: 86px;\n      overflow: hidden;\n      position: relative; }\n      .brk-sc-card-labels_top-labels .brk-sc-card-label:nth-child(1) {\n        right: -5px;\n        top: -5px; }\n      .brk-sc-card-labels_top-labels .brk-sc-card-label:nth-child(2) {\n        left: -5px;\n        top: -5px; }\n      .brk-sc-card-labels_top-labels .brk-sc-card-label__additional-1, .brk-sc-card-labels_top-labels .brk-sc-card-label__additional-2 {\n        position: absolute;\n        width: 5px;\n        height: 5px; }\n      .brk-sc-card-labels_top-labels .brk-sc-card-label:nth-child(1) .brk-sc-card-label__additional-1 {\n        top: 0;\n        left: 0; }\n      .brk-sc-card-labels_top-labels .brk-sc-card-label:nth-child(1) .brk-sc-card-label__additional-2 {\n        right: 0;\n        bottom: 0; }\n      .brk-sc-card-labels_top-labels .brk-sc-card-label:nth-child(2) .brk-sc-card-label__additional-1 {\n        bottom: 0;\n        left: 0; }\n      .brk-sc-card-labels_top-labels .brk-sc-card-label:nth-child(2) .brk-sc-card-label__additional-2 {\n        right: 0;\n        top: 0; }\n      .brk-sc-card-labels_top-labels .brk-sc-card-label__text {\n        position: absolute;\n        width: 122px;\n        height: 28px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        z-index: 9; }\n      .brk-sc-card-labels_top-labels .brk-sc-card-label:nth-child(1) .brk-sc-card-label__text {\n        bottom: 0;\n        right: 0;\n        transform: rotate(45deg);\n        transform-origin: right bottom; }\n      .brk-sc-card-labels_top-labels .brk-sc-card-label:nth-child(2) .brk-sc-card-label__text {\n        bottom: -9px;\n        left: -19px;\n        transform: rotate(-45deg);\n        transform-origin: left top; }\n      .brk-sc-card-labels_top-labels .brk-sc-card-label:nth-child(1) .brk-sc-card-label__text {\n        background-image: linear-gradient(to right, var(--secondary), var(--brand-primary)); }\n      .brk-sc-card-labels_top-labels .brk-sc-card-label:nth-child(1) .brk-sc-card-label__additional-1 {\n        top: 0;\n        left: 0; }\n      .brk-sc-card-labels_top-labels .brk-sc-card-label:nth-child(1) .brk-sc-card-label__additional-2 {\n        right: 0;\n        bottom: 0; }\n      .brk-sc-card-labels_top-labels .brk-sc-card-label:nth-child(2) .brk-sc-card-label__additional-1 {\n        bottom: 0;\n        left: 0; }\n      .brk-sc-card-labels_top-labels .brk-sc-card-label:nth-child(2) .brk-sc-card-label__additional-2 {\n        right: 0;\n        top: 0; }\n      .brk-sc-card-labels_top-labels .brk-sc-card-label:nth-child(2) .brk-sc-card-label__text {\n        background-image: linear-gradient(to right, var(--brand-primary), var(--brand-primary)); }\n  .brk-sc-card-labels_side-labels {\n    position: absolute;\n    right: -5px;\n    top: 86px;\n    width: auto;\n    display: inline-flex;\n    flex-direction: column; }\n    .brk-sc-card-labels_side-labels .brk-sc-card-label {\n      padding: 8px 10px 10px 10px;\n      display: inline-flex;\n      align-items: center;\n      min-width: 60px;\n      justify-content: center;\n      position: relative; }\n      .brk-sc-card-labels_side-labels .brk-sc-card-label__additional-1 {\n        position: absolute;\n        display: inline-block;\n        height: 100%;\n        width: 12px;\n        -webkit-clip-path: polygon(0 50%, 100% 100%, 100% 0);\n                clip-path: polygon(0 50%, 100% 100%, 100% 0);\n        left: -12px;\n        top: 0; }\n      .brk-sc-card-labels_side-labels .brk-sc-card-label__additional-2 {\n        display: none; }\n      .brk-sc-card-labels_side-labels .brk-sc-card-label__additional-3 {\n        position: absolute;\n        right: 0;\n        bottom: -6px;\n        display: inline-block;\n        width: 6px;\n        height: 6px;\n        -webkit-clip-path: polygon(0 100%, 100% -1px, 0 -1px);\n                clip-path: polygon(0 100%, 100% -1px, 0 -1px); }\n  .brk-sc-card-labels_side-labels-cornered {\n    position: absolute;\n    right: -5px;\n    top: 86px;\n    width: auto;\n    display: inline-flex;\n    flex-direction: column; }\n    .brk-sc-card-labels_side-labels-cornered .brk-sc-card-label {\n      padding: 8px 10px 10px 10px;\n      display: inline-flex;\n      align-items: center;\n      min-width: 60px;\n      justify-content: center;\n      position: relative; }\n      .brk-sc-card-labels_side-labels-cornered .brk-sc-card-label__additional-1 {\n        position: absolute;\n        display: inline-block;\n        height: 100%;\n        width: 12px;\n        -webkit-clip-path: polygon(0 1%, 100% 0, 100% 100%, 0 100%, 100% 50%);\n                clip-path: polygon(0 1%, 100% 0, 100% 100%, 0 100%, 100% 50%);\n        top: 0;\n        width: 10px;\n        left: -10px; }\n      .brk-sc-card-labels_side-labels-cornered .brk-sc-card-label__additional-2 {\n        display: none; }\n      .brk-sc-card-labels_side-labels-cornered .brk-sc-card-label__additional-3 {\n        position: absolute;\n        right: 0;\n        bottom: -6px;\n        display: inline-block;\n        width: 6px;\n        height: 6px;\n        -webkit-clip-path: polygon(0 100%, 100% -1px, 0 -1px);\n                clip-path: polygon(0 100%, 100% -1px, 0 -1px); }\n  .brk-sc-card-labels_rounded {\n    width: 72px;\n    height: 72px;\n    border-radius: 100%;\n    white-space: nowrap; }\n    .brk-sc-card-labels_rounded .brk-sc-card-labels__title {\n      display: flex;\n      align-items: center; }\n      .brk-sc-card-labels_rounded .brk-sc-card-labels__title i {\n        font-size: 14px;\n        margin-right: 5px; }\n    .brk-sc-card-labels_rounded:nth-child(2) {\n      box-shadow: 0 5px 16px rgba(130, 180, 64, 0.5); }\n  .brk-sc-card-labels_side-labels .brk-sc-card-label:nth-child(1), .brk-sc-card-labels_side-labels-cornered .brk-sc-card-label:nth-child(1) {\n    background-color: var(--brand-primary); }\n    .brk-sc-card-labels_side-labels .brk-sc-card-label:nth-child(1) .brk-sc-card-label__additional-1,\n    .brk-sc-card-labels_side-labels .brk-sc-card-label:nth-child(1) .brk-sc-card-label__additional-2, .brk-sc-card-labels_side-labels-cornered .brk-sc-card-label:nth-child(1) .brk-sc-card-label__additional-1,\n    .brk-sc-card-labels_side-labels-cornered .brk-sc-card-label:nth-child(1) .brk-sc-card-label__additional-2 {\n      background-color: var(--brand-primary); }\n    .brk-sc-card-labels_side-labels .brk-sc-card-label:nth-child(1) .brk-sc-card-label__additional-3, .brk-sc-card-labels_side-labels-cornered .brk-sc-card-label:nth-child(1) .brk-sc-card-label__additional-3 {\n      background-color: var(--brk-base-3); }\n  .brk-sc-card-labels_side-labels .brk-sc-card-label:nth-child(2), .brk-sc-card-labels_side-labels-cornered .brk-sc-card-label:nth-child(2) {\n    background-color: var(--secondary); }\n    .brk-sc-card-labels_side-labels .brk-sc-card-label:nth-child(2) .brk-sc-card-label__additional-1,\n    .brk-sc-card-labels_side-labels .brk-sc-card-label:nth-child(2) .brk-sc-card-label__additional-2, .brk-sc-card-labels_side-labels-cornered .brk-sc-card-label:nth-child(2) .brk-sc-card-label__additional-1,\n    .brk-sc-card-labels_side-labels-cornered .brk-sc-card-label:nth-child(2) .brk-sc-card-label__additional-2 {\n      background-color: var(--secondary); }\n    .brk-sc-card-labels_side-labels .brk-sc-card-label:nth-child(2) .brk-sc-card-label__additional-3, .brk-sc-card-labels_side-labels-cornered .brk-sc-card-label:nth-child(2) .brk-sc-card-label__additional-3 {\n      background-color: var(--brk-secondary-2); }\n\n.brk-sc-simple-card {\n  position: relative; }\n  .brk-sc-simple-card:after {\n    content: '';\n    display: block;\n    padding-top: 142%; }\n  .brk-sc-simple-card__img {\n    position: absolute;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    -o-object-fit: cover;\n       object-fit: cover;\n    -o-object-position: center;\n       object-position: center;\n    border-radius: 8px;\n    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.16); }\n  .brk-sc-simple-card__label {\n    padding: 8px 10px 10px 10px;\n    display: inline-flex;\n    align-items: center;\n    position: absolute;\n    right: -5px;\n    top: 20px;\n    border-top-left-radius: 3px;\n    border-bottom-left-radius: 3px; }\n    .brk-sc-simple-card__label-left-top-angle {\n      position: absolute;\n      display: inline-block;\n      height: 50%;\n      width: 12px;\n      -webkit-clip-path: polygon(0 100%, calc(100% + 0px) 100%, calc(100% + 0px) 0);\n              clip-path: polygon(0 100%, calc(100% + 0px) 100%, calc(100% + 0px) 0);\n      left: -11px;\n      top: 0; }\n    .brk-sc-simple-card__label-left-bottom-angle {\n      position: absolute;\n      display: inline-block;\n      height: 50%;\n      width: 12px;\n      -webkit-clip-path: polygon(0 0, calc(100% + 0px) 100%, calc(100% + 0px) 0);\n              clip-path: polygon(0 0, calc(100% + 0px) 100%, calc(100% + 0px) 0);\n      left: -11px;\n      bottom: 0; }\n    .brk-sc-simple-card__label-bottom-angle {\n      position: absolute;\n      right: -1px;\n      bottom: -6px;\n      display: inline-block;\n      width: 6px;\n      height: 6px;\n      -webkit-clip-path: polygon(0 100%, 100% -1px, 0 -1px);\n              clip-path: polygon(0 100%, 100% -1px, 0 -1px);\n      background-color: var(--brk-base-3); }\n      @supports not ((-webkit-clip-path: polygon(0 100%, 100% -1px, 0 -1px)) or (clip-path: polygon(0 100%, 100% -1px, 0 -1px))) {\n        .brk-sc-simple-card__label-bottom-angle {\n          display: none; } }\n  .brk-sc-simple-card__price {\n    display: flex;\n    border-radius: 50px;\n    align-items: center;\n    position: absolute;\n    left: 50%;\n    bottom: 0;\n    transform: translate(-50%, 50%);\n    padding: 15px 55px 15px 24px;\n    box-shadow: 0 5px 16px rgba(var(--brand-primary-rgb), 0.5); }\n    .brk-sc-simple-card__price-old {\n      text-decoration: line-through;\n      margin-right: 5px;\n      color: var(--brk-base-7); }\n  .brk-sc-simple-card__link {\n    position: absolute;\n    right: 4px;\n    top: 50%;\n    transform: translateY(-50%);\n    border-radius: 100%;\n    width: 36px;\n    height: 36px;\n    background-color: #ffffff;\n    display: flex;\n    justify-content: center;\n    align-items: center; }\n    .brk-sc-simple-card__link > i {\n      color: var(--brand-primary); }\n\n.brk-sc-card-horizontal {\n  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);\n  transition: .3s ease box-shadow; }\n  .brk-sc-card-horizontal:hover {\n    box-shadow: 0 6px 30px rgba(0, 0, 0, 0.14); }\n  .brk-sc-card-horizontal__links-item i {\n    color: var(--brand-primary); }\n  .brk-sc-card-horizontal__img-container {\n    background-color: var(--text-base-color-3);\n    position: relative;\n    height: 100%; }\n    .brk-sc-card-horizontal__img-container:after {\n      content: '';\n      display: block;\n      padding-top: calc(100% + 30px); }\n  .brk-sc-card-horizontal .flip-box__split-actions {\n    position: absolute;\n    box-shadow: 0 5px 16px rgba(165, 165, 165, 0.5);\n    top: 50%;\n    transform: translateY(-50%) scale(0);\n    transition: .3s ease transform .1s;\n    border-radius: 27px;\n    padding-top: 0;\n    padding-bottom: 0; }\n  .brk-sc-card-horizontal:hover .flip-box__split-actions {\n    transform: translateY(-50%) scale(1); }\n  .brk-sc-card-horizontal__img {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n    -o-object-fit: cover;\n       object-fit: cover;\n    -o-object-position: center;\n       object-position: center; }\n  .brk-sc-card-horizontal__overlay {\n    position: absolute;\n    width: 100%;\n    height: 0;\n    left: 0;\n    bottom: 0;\n    transition: .3s ease height; }\n  .brk-sc-card-horizontal:hover .brk-sc-card-horizontal__overlay {\n    height: 100%; }\n  .brk-sc-card-horizontal__old-price {\n    text-decoration: line-through; }\n  .brk-sc-card-horizontal__main-info {\n    flex-shrink: 0;\n    padding: 40px 35px 35px 38px; }\n  .brk-sc-card-horizontal__about {\n    border-bottom: 3px solid #f2f2f2;\n    position: relative;\n    height: 100%;\n    transition: .3s ease border; }\n  .brk-sc-card-horizontal:hover .brk-sc-card-horizontal__about {\n    border-color: var(--brand-primary); }\n  .brk-sc-card-horizontal__description {\n    box-shadow: inset 0 2px 8px rgba(0, 0, 0, 0.03);\n    background-color: #fbfbfb;\n    padding: 32px 35px 32px 45px;\n    flex-grow: 1; }\n    .brk-sc-card-horizontal__description-list {\n      display: flex;\n      flex-wrap: wrap; }\n      .brk-sc-card-horizontal__description-list-item {\n        width: 50%;\n        padding-left: 37px; }\n        @media screen and (max-width: 1230px) {\n          .brk-sc-card-horizontal__description-list-item {\n            width: 100%; } }\n        .brk-sc-card-horizontal__description-list-item i {\n          padding-right: 0;\n          position: relative;\n          left: -23px;\n          color: var(--brand-primary);\n          margin-left: -14px;\n          line-height: inherit; }\n        .brk-sc-card-horizontal__description-list-item:nth-child(2n) {\n          padding-left: 60px; }\n          @media screen and (max-width: 1230px) {\n            .brk-sc-card-horizontal__description-list-item:nth-child(2n) {\n              padding-left: 0; } }\n\n.brk-sc-bonus {\n  position: relative;\n  background-color: #ffffff;\n  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);\n  margin-top: 20px;\n  border-radius: 10px; }\n  .brk-sc-bonus__subtitle {\n    position: absolute;\n    display: inline-block;\n    padding: 9px 16px;\n    left: 50%;\n    top: 0;\n    transform: translate(-50%, -50%);\n    white-space: nowrap;\n    border-radius: 25px; }\n  .brk-sc-bonus__link {\n    text-decoration: underline; }\n\n.brk-sc-card-preview__img-container {\n  flex-shrink: 0;\n  width: 114px; }\n\n.brk-sc-card-preview_mini .brk-sc-card-preview__img-container {\n  width: 80px; }\n\n.brk-sc-card-preview__category {\n  padding: 7px 9px 5px 9px; }\n\n.brk-sc-card-photo-overlay {\n  position: relative;\n  overflow: hidden; }\n  .brk-sc-card-photo-overlay::after {\n    content: '';\n    display: block;\n    padding-top: 100%; }\n  .brk-sc-card-photo-overlay__actions {\n    position: absolute;\n    width: calc(100%);\n    padding-left: 30px;\n    padding-right: 30px;\n    top: 120%;\n    transform: translateY(-50%);\n    transition: .3s ease top; }\n    .brk-sc-card-photo-overlay__actions i {\n      margin-right: 6px;\n      margin-top: -3px; }\n    .brk-sc-card-photo-overlay__actions a {\n      display: flex;\n      align-items: center;\n      text-decoration: none !important;\n      color: #ffffff !important; }\n  .brk-sc-card-photo-overlay .brk-abs-overlay {\n    transform: translateY(calc(100% - 3px));\n    transition: .3s ease-in-out transform; }\n  .brk-sc-card-photo-overlay:hover .brk-abs-overlay {\n    transform: translateY(0); }\n  .brk-sc-card-photo-overlay:hover .brk-sc-card-photo-overlay__actions {\n    top: 50%; }\n"]}