{
  "version": 3,
  "sources": ["src/app/search-modal/search-modal.component.scss"],
  "sourcesContent": [".modal-map {\n  position: relative;\n\n  .my-checkbox {\n    display: inline;\n\n    input {\n      padding: 0;\n      height: initial;\n      width: initial;\n      margin-bottom: 0;\n      display: none;\n      cursor: pointer;\n    }\n\n    label {\n      position: relative;\n      cursor: pointer;\n      margin: 0;\n\n      span {\n        position: relative;\n        top: 2px;\n      }\n    }\n\n    label:before {\n      content: \"\";\n      -webkit-appearance: none;\n      background-color: transparent;\n      border: 2px solid var(--primary);\n      box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05),\n        inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);\n      padding: 0.5rem;\n      display: inline-block;\n      position: relative;\n      vertical-align: middle;\n      cursor: pointer;\n      margin-right: 0.25rem;\n    }\n\n    input:checked + label:after {\n      content: \"\";\n      display: block;\n      position: absolute;\n      top: 50%;\n      left: 0.5rem;\n      width: 0.25rem;\n      height: 0.6rem;\n      border: solid var(--primary);\n      border-width: 0 2px 2px 0;\n      transform: translateY(-50%) rotate(45deg);\n    }\n  }\n\n  &__close {\n    position: absolute;\n    top: -0.75rem;\n    right: 0.5rem;\n    z-index: 9;\n    width: 1.5rem;\n    height: 1.5rem;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border: 1px solid var(--black);\n    cursor: pointer;\n    background-color: var(--white);\n    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;\n  }\n\n  &__nav {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    margin-bottom: 1rem;\n    margin-top: 0.5rem;\n\n    @media screen and (max-width: 767px) {\n      display: none;\n    }\n\n    button {\n      background-color: transparent;\n      border: 2px solid var(--primary);\n      color: var(--primary);\n      margin-right: 0.25rem;\n      margin-top: 0.25rem;\n      padding: 0 0.5rem;\n      transition: 0.5s;\n\n      &:hover {\n        background-color: var(--primary);\n        color: var(--white);\n      }\n    }\n\n    .my-checkbox {\n      margin-left: 0.5rem;\n    }\n  }\n\n  &__body {\n    max-height: 600px;\n    overflow-y: auto;\n    direction: rtl !important;\n\n    &::-webkit-scrollbar {\n      width: 5px !important;\n      height: 5px !important;\n    }\n\n    &::-webkit-scrollbar-thumb {\n      //   background-color: transparent;\n      background-color: rgba(0, 0, 0, 0.25);\n      border-radius: 2px;\n    }\n\n    &::-webkit-scrollbar-track {\n      background-color: transparent;\n    }\n\n    &::-webkit-scrollbar-thumb:hover {\n      background-color: rgba(0, 0, 0, 0.8);\n    }\n\n    &--product {\n      border: 1px solid #eee;\n      display: grid;\n      grid-template-columns: 10rem 1fr;\n      gap: 1rem;\n      margin-bottom: 1rem;\n      cursor: pointer;\n      transition: 0.25s;\n      margin-right: 0.5rem;\n      max-width: 25rem;\n\n      &:hover {\n        background-color: rgba(\n          var(--primary-r),\n          var(--primary-g),\n          var(--primary-b),\n          0.15\n        );\n        border: 1px solid var(--primary);\n      }\n\n      img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        max-height: 6rem;\n      }\n\n      &__content {\n        padding: 0.5rem 0;\n\n        &--meta {\n          color: var(--primary);\n          font-size: 0.9rem;\n          line-height: 0.9;\n        }\n\n        &--name {\n          font-size: 1.1rem;\n          font-weight: 500;\n          margin-bottom: 0.25rem;\n          line-height: 1.2;\n        }\n\n        &--price {\n          color: var(--primary);\n          font-size: 1.2rem;\n          font-weight: 600;\n        }\n      }\n    }\n  }\n\n  .products {\n    direction: ltr;\n    display: grid;\n    grid-template-columns: repeat(6, minmax(0, 1fr));\n    gap: 0.5rem;\n    // margin-bottom: 1rem;\n    padding: 0.25rem;\n\n    @media (max-width: 1200px) {\n      grid-template-columns: repeat(4, minmax(0, 1fr));\n    }\n\n    @media (max-width: 768px) {\n      grid-template-columns: repeat(2, minmax(0, 1fr));\n      padding-top: 0;\n    }\n  }\n}\n\n.addrecomm-btn {\n  border-color: rgba(\n    var(--primary-r),\n    var(--primary-g),\n    var(--primary-b),\n    0.5\n  ) !important;\n  //height: 100%;\n  aspect-ratio: 242/380; //follow product card's aspect ratio\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  font-size: 3rem;\n  color: var(--primary);\n  border-radius: 0.5rem;\n  font-weight: 800;\n  line-height: 1.2;\n  // background-color: rgba(var(--primary-r), var(--primary-g), var(--primary-b), 0.1);\n  background-color: #fff;\n  min-height: 14rem;\n  small {\n    font-size: 0.9rem;\n    color: rgba(var(--primary-r), var(--primary-g), var(--primary-b), 0.5);\n    font-weight: 400;\n  }\n}\n"],
  "mappings": "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",
  "names": []
}