{"version":3,"sources":["webpack://src/components/about-block/about-block.scss","webpack://src/assets/css/variables.scss","webpack://src/components/brewpub-slider/brewpub-slider.scss","webpack://src/components/social-buttons/social-buttons.scss","webpack://src/components/cup-modal/cup-modal.scss","webpack://src/assets/css/pages/brewpub.scss"],"names":[],"mappings":"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","file":"7.84082388.chunk.css","sourcesContent":["@import \"../../assets/css/variables.scss\";\n\n#about-block {\n  background-color: white;\n  padding-top: 83px;\n  position: relative;\n\n  h3,\n  h4,\n  p {\n    color: $black;\n    text-align: center;\n    width: 100%;\n    margin: 0;\n  }\n\n  h3 {\n    font-size: 40px;\n  }\n\n  h4 {\n    font-size: 25px;\n    margin-bottom: 20px;\n    font-weight: normal;\n  }\n\n  p {\n    margin-top: 47px;\n    line-height: 24px;\n  }\n\n  button {\n    margin-top: 91px;\n    position: relative;\n    z-index: 2;\n  }\n\n  .data-container {\n    min-height: 530px;\n    background-image: radial-gradient(21% 81% at 21% 81%, #ffd96b 13%, #ffbe03 100%);\n    border-radius: 7px;\n    overflow: hidden;\n    position: relative;\n\n    &::after,\n    &::before {\n      content: \"\";\n      display: block;\n      width: 100%;\n      height: 100%;\n      position: absolute;\n      z-index: 1;\n      top: 0;\n      left: 0;\n      background-repeat: no-repeat;\n      background-size: auto 818px;\n      background-image: url(\"/static/images/about-us-bottle.png\");\n    }\n\n    &::after {\n      background-position: 105% 150%;\n    }\n\n    &::before {\n      transform: scale(-1, 1);\n      background-position: 120% -70%;\n    }\n\n    .row {\n      height: 100%;\n    }\n\n    .data {\n      display: flex;\n      flex-flow: wrap;\n      align-items: center;\n      flex-direction: column;\n      justify-content: center;\n      height: 100%;\n      position: relative;\n      z-index: 2;\n    }\n  }\n\n  &::before {\n    content: \"\";\n    width: 100%;\n    height: 40%;\n    background-color: black;\n    position: absolute;\n    left: 0;\n    bottom: 0;\n  }\n}\n\n@media screen and (max-width: $xs-width) {\n  #about-block {\n    h3 {\n      font-size: 30px;\n    }\n\n    .data-container {\n      min-height: 362px;\n      flex: 0 0 90%;\n      background-image: radial-gradient(#ffd96b 20%, #ffbe03 100%);\n\n      &::after {\n        display: none;\n      }\n\n      &::before {\n        display: none;\n      }\n    }\n  }\n}\n@media screen and (max-width: $sm-width) {\n  #about-block {\n    .data-container {\n      min-height: 362px;\n      flex: 0 0 90%;\n      background-image: radial-gradient(#ffd96b 20%, #ffbe03 100%);\n\n      &::after {\n        background-position: 138% 134%;\n      }\n\n      &::before {\n        transform: scale(-1, 1);\n        background-position: 236% -43%;\n      }\n    }\n  }\n}\n@media screen and (max-width: 992px) {\n  #about-block {\n    .data-container {\n      min-height: 362px;\n      flex: 0 0 90%;\n      background-image: radial-gradient(#ffd96b 20%, #ffbe03 100%);\n\n      &::after {\n        background-position: 138% 134%;\n      }\n\n      &::before {\n        transform: scale(-1, 1);\n        background-position: 236% -43%;\n      }\n    }\n  }\n}\n","$primary: #ffbe03;\n$black: black;\n$xs-width: 600px;\n$sm-width: 890px;\n$md-width: 1230px;\n$lg-width: 1400px;\n$xl-width: 1900px;","@import \"../../assets/css/variables.scss\";\n\n#brewpub-slider {\n  .swiper-button-disabled{\n    opacity: 0.5;\n  }\n  .swiper-container{\n    overflow: hidden;\n  }\n  .swiper-wrapper{\n    align-items: baseline;\n  }\n  h3 {\n    margin-top: 12px;\n    font-size: 30px;\n  }\n\n  h6 {\n    font-size: 22px;\n    font-weight: bold;\n    text-align: center;\n    margin-bottom: 11px;\n  }\n\n  a {\n    color: #5f5f5f;\n    font-size: 16px;\n    text-align: center;\n  }\n\n  .slider-wrapper {\n    position: relative;\n    margin-top: 90px;\n  }\n\n  .swiper-slide {\n    img {\n      width: 150px;\n      // height: 340px;\n      object-fit: contain;\n      object-position: center bottom;\n    }\n  }\n\n  button {\n    background-color: #e5e5e5;\n    border-radius: 100%;\n    width: 56px;\n    height: 56px;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    margin: auto 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    &:first-child {\n      left: -15px;\n      z-index: 5;\n    }\n\n    &:last-child {\n      right: -15px;\n      z-index: 5;\n    }\n  }\n}\n\n@media screen and (max-width: $xs-width) {\n  #brewpub-slider {\n    button:first-child {\n      left: -10px;\n    }\n\n    button:last-child {\n      right: -10px;\n    }\n  }\n}\n",".social-buttons {\n    display: flex;\n\n    button {\n        font-size: 12px !important;\n        padding: 7px 15px 6px 7px !important;\n        display: flex;\n        align-items: center;\n        margin-right: 30px;\n        font-weight: 500;\n        font-family: 'Montserrat' !important;\n\n        img {\n            margin-right: 7px;\n        }\n\n        &:last-child {\n            margin-right: 0;\n        }\n    }\n}","@import \"../../assets/css/variables.scss\";\n\n#cup-modal {\n  position: fixed;\n  top: 0;\n  left: 0;\n  z-index: 10;\n  width: 100%;\n  height: 100%;\n  overflow: scroll;\n  padding-top: 69px;\n  display: flex;\n  align-items: center;\n\n  .background {\n    position: fixed;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgba(0, 0, 0, 0.6);\n  }\n\n  .modal {\n    background-color: white;\n    border-radius: 12px;\n    overflow: hidden;\n    display: block;\n    position: unset;\n\n    h1 {\n      font-size: 60px;\n      text-align: left;\n      margin-bottom: 12px;\n    }\n\n    p {\n      line-height: 26px;\n      margin-bottom: 37px;\n\n      &.details {\n        font-weight: bold;\n        line-height: 19px;\n        font-size: 16px;\n        margin-bottom: 35px;\n      }\n    }\n\n    a {\n      color: black;\n      text-decoration: underline;\n      font-weight: bold;\n      font-size: 20px;\n      line-height: 28px;\n      margin-top: 29px;\n      display: block;\n    }\n\n    .left {\n      padding: 51px 220px 45px 95px;\n    }\n\n    .right {\n      background-color: $primary;\n      padding-top: 77px;\n      position: relative;\n\n      button {\n        background-color: rgba(0, 0, 0, 0.1);\n        width: 30px;\n        height: 30px;\n        border-radius: 100%;\n        position: absolute;\n        top: 21px;\n        right: 34px;\n        background-image: url(\"/static/icons/close-dark.svg\");\n        background-position: center;\n        background-repeat: no-repeat;\n        background-size: 13px;\n      }\n\n      > img {\n        transform: translateX(-52%) translateY(-9%) scale(1.1);\n      }\n    }\n  }\n\n  .container {\n    position: relative;\n\n    /* arrows */\n    > button {\n      position: absolute;\n      top: 0;\n      bottom: 0;\n      margin: auto 0;\n      width: 65px;\n      z-index: 5;\n      height: 65px;\n      background-color: rgba(0, 0, 0, 0.45);\n      border: 1px solid #5e5e5e;\n      border-radius: 100%;\n      &:hover {\n        background-color: rgba(0, 0, 0, 0.55);\n      }\n      &:active {\n        box-shadow: inset 0px 0px 3px 1px #4c4c4c;\n      }\n\n      &:first-child {\n        left: 5px;\n      }\n\n      &:last-child {\n        right: 5px;\n      }\n    }\n  }\n\n  @media screen and (max-width: $md-width) {\n    padding-top: 0;\n\n    .modal {\n      .left {\n        order: 2;\n        padding: 140px 27px 19px;\n\n        h1 {\n          font-size: 30px;\n        }\n      }\n\n      .right {\n        order: 1;\n        // height: 163px;\n        padding-top: 0;\n        display: flex;\n        justify-content: center;\n\n        img {\n          height: 316px;\n          width: 217px;\n          object-fit: contain;\n          transform: translate(3px, 104px) scale(1.2);\n        }\n      }\n    }\n  }\n}\n","@import \"../variables.scss\";\n\n#brewpub {\n  background-color: white;\n\n  .header {\n    padding-top: 197px;\n    position: relative;\n    background-image: url(\"/static/images/brewpub-background.jpg\");\n    background-size: cover;\n    background-attachment: fixed;\n  }\n\n  .content {\n    background-color: white;\n    padding: 70px 131px 182px 131px;\n    border-radius: 12px 12px 0 0;\n    z-index: 1;\n  }\n\n  .menu {\n    background-image: url(\"/static/images/menu-background.jpg\");\n    background-size: cover;\n    padding-top: 143px;\n    padding-bottom: 95px;\n    margin-top: 26px;\n    position: relative;\n    z-index: 2;\n\n    h2,\n    p {\n      color: white;\n      text-align: center;\n    }\n\n    h2 {\n      font-size: 55px;\n      margin-bottom: 28px;\n    }\n\n    p {\n      margin-bottom: 69px;\n    }\n  }\n\n  .slider-container {\n    background-image: linear-gradient(180deg, white 59%, #f5f5f5 100%);\n    padding-top: 60px;\n    padding-bottom: 99px;\n  }\n}\n\n@media screen and (max-width: $xs-width) {\n  #brewpub {\n    .content {\n      padding: 28px;\n    }\n\n    .menu {\n      padding-top: 42px;\n      padding-bottom: 28px;\n\n      h2 {\n        font-size: 26px;\n      }\n    }\n\n    .slide-container {\n      padding-top: 28px;\n      padding-bottom: 28px;\n    }\n  }\n}\n"]}