{
  "version": 3,
  "sources": ["src/app/select-region/select-region.component.scss"],
  "sourcesContent": [".sub-cate {\n  padding: 1rem;\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  &__title {\n    font-size: 1.25rem;\n    color: var(--primary);\n    margin-bottom: 1rem;\n\n    @media only screen and (max-width: 991px) {\n      font-size: 1rem;\n      margin-bottom: 0.5rem;\n    }\n  }\n\n  .grid-item {\n    display: grid;\n    grid-template-columns: repeat(6, 1fr);\n    gap: 0.5em;\n\n    @media only screen and (max-width: 991px) {\n      grid-template-columns: repeat(3, 1fr);\n    }\n  }\n\n  &__with-icon {\n    background-color: transparent;\n    border: 1px solid var(--primary);\n    color: var(--primary);\n    padding: 0 0.5em;\n    border-radius: 0.25em;\n    font-size: 1.15rem;\n    aspect-ratio: 1/1;\n    position: relative;\n    display: flex;\n    justify-content: center;\n\n    @media only screen and (max-width: 767px) {\n      font-size: 0.9rem;\n    }\n\n    input {\n      cursor: pointer;\n      position: absolute;\n      top: 0;\n      left: 0;\n      right: 0;\n      bottom: 0;\n      opacity: 0;\n    }\n\n    label {\n      cursor: pointer;\n      padding: 0.25em;\n      margin: 0;\n      text-align: center;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      flex-direction: column;\n\n      i {\n        display: block;\n        font-size: 2em;\n        margin-bottom: 0.25em;\n      }\n\n      span {\n        line-height: 1.2;\n      }\n    }\n\n    &:hover {\n      color: var(--secondary);\n      border: 1px solid var(--secondary);\n    }\n\n    &.active {\n      background-color: var(--secondary);\n      color: var(--white);\n      box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;\n    }\n  }\n\n  &__item {\n    background-color: transparent;\n    // border: 1px solid var(--primary);\n    color: var(--primary);\n    padding: 1em 0.5em 0.4em;\n    text-align: center;\n    display: inline-block;\n    border-radius: 0.25em;\n    margin: 0.25em 0.25em 0 0;\n    font-size: 1.15rem;\n\n    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;\n\n    .icon {\n      display: block;\n      font-size: 1em;\n    }\n\n    // border: 1px solid rgba(255, 255, 255, 0.3);\n    @media only screen and (max-width: 767px) {\n      font-size: 0.9rem;\n    }\n\n    input {\n      opacity: 0;\n      width: 0;\n    }\n\n    label {\n      cursor: pointer;\n      padding: 0.25em;\n      margin: 0;\n    }\n\n    &:hover {\n      color: var(--secondary);\n      border: 1px solid var(--secondary);\n    }\n\n    &.active {\n      background-color: var(--secondary);\n      color: var(--white);\n      box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;\n    }\n  }\n\n  .card-sub-cate {\n    height: 5.5em;\n    width: 8em;\n    border-radius: 0.25em;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    cursor: pointer;\n    background-color: rgba(var(--white-r), var(--white-g), var(--white-b), 0.5);\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    border-radius: 0.5em;\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    padding: 0.25em;\n    margin: 0.25em;\n    position: relative;\n\n    @media only screen and (max-width: 991px) {\n      font-size: 0.5rem;\n      width: 10em;\n    }\n\n    i {\n      font-size: 2.5em;\n      color: var(--primary);\n    }\n\n    &.active {\n      border: 0.5px solid var(--secondary);\n      box-shadow: 0 4px 10px\n        rgba(var(--secondary-r), var(--secondary-g), var(--secondary-b), 0.5);\n\n      i,\n      .card-sub-cate__title {\n        color: var(--secondary);\n      }\n    }\n\n    &__title {\n      color: var(--primary);\n      font-weight: 500;\n      font-size: 1em;\n      margin: 0;\n      line-height: 1.2;\n      margin-bottom: 0.75em;\n      display: -webkit-box;\n      -webkit-line-clamp: 2;\n      -webkit-box-orient: vertical;\n\n      @media only screen and (max-width: 991px) {\n        font-size: 1.2em;\n      }\n    }\n\n    .product-count {\n      position: absolute;\n      right: 50%;\n      transform: translateX(50%);\n      bottom: 0.5em;\n      line-height: 1;\n      font-size: 1em;\n      font-weight: 600;\n      color: var(--primary);\n    }\n  }\n}\n\n.region-center {\n  display: flex;\n  flex-wrap: wrap;\n  justify-content: center;\n}\n\n.card-region {\n  text-align: center;\n  width: 15rem;\n  padding: 0 0.25rem;\n\n  @media only screen and (max-width: 400px) {\n    width: 4.25rem;\n    padding: 0 0.15rem;\n  }\n\n  @media only screen and (min-width: 400px) and (max-width: 767px) {\n    width: 5.5rem;\n  }\n\n  @media only screen and (min-width: 767px) and (max-width: 991px) {\n    width: 8rem;\n  }\n\n  &.active {\n    img {\n      // border: 2px solid var(--primary);\n      box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;\n      background-color: rgba(\n        var(--primary-r),\n        var(--primary-g),\n        var(--primary-b),\n        0.75\n      );\n    }\n\n    .card-region__title {\n      font-weight: 700;\n    }\n  }\n\n  img {\n    // background-color: var(--white);\n    // border: 2px solid #eee;\n    cursor: pointer;\n    border-radius: 0.25rem;\n    width: 100%;\n    margin: auto;\n    background-color: rgba(\n      var(--white-rgb),\n      var(--white-rgb),\n      var(--white-rgb),\n      0.5\n    );\n    backdrop-filter: blur(10px);\n    -webkit-backdrop-filter: blur(10px);\n    border-radius: 1em;\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\n    border: 1px solid rgba(255, 255, 255, 0.3);\n\n    @media only screen and (max-width: 400px) {\n      border-radius: 0.5em;\n    }\n  }\n\n  &__title {\n    margin-top: 0.5rem;\n    font-size: 1.25rem;\n    color: var(--primary);\n    display: ruby-text;\n\n    @media only screen and (max-width: 991px) {\n      font-size: 0.9rem;\n    }\n\n    &.sm {\n      font-size: 0.9rem;\n\n      @media only screen and (max-width: 991px) {\n        font-size: 0.7rem;\n      }\n    }\n  }\n}"],
  "mappings": "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",
  "names": []
}