{
  "version": 3,
  "sources": ["src/app/customers/community/member-page/me/add-me/add-me.component.scss"],
  "sourcesContent": [".add {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 2rem;\r\n  margin: 4rem 0 0;\r\n\r\n  @media only screen and (max-width: 992px) {\r\n    grid-template-columns: 1fr;\r\n    display: none;\r\n  }\r\n\r\n  &__card {\r\n    position: relative;\r\n    // margin-bottom: 1rem;\r\n    // border-radius: 0.5rem;\r\n    background-color: var(--primary);\r\n    // display: grid;\r\n    // align-content: space-between;\r\n    height: fit-content;\r\n\r\n    .main {\r\n      position: absolute;\r\n      object-fit: cover;\r\n      right: 1rem;\r\n      top: -1.5rem;\r\n      width: 7.5rem;\r\n      height: 5rem;\r\n      border: 1px solid var(--primary);\r\n      box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;\r\n    }\r\n\r\n    .fa-angle-down {\r\n      opacity: 0.5;\r\n      font-size: 1.5rem;\r\n      color: #d3d3d3;\r\n      cursor: pointer;\r\n\r\n      // transform: translate(-1.5rem, 0rem);\r\n      @media only screen and (max-width: 992px) {\r\n        font-size: 1.25rem;\r\n      }\r\n\r\n      &:hover {\r\n        opacity: 1;\r\n        transition: 0.25ss;\r\n      }\r\n    }\r\n\r\n    &--body {\r\n      padding: 1rem 1.5rem 0.5rem;\r\n\r\n      @media only screen and (max-width: 992px) {\r\n        padding: 1rem 0.75rem 0.25rem;\r\n      }\r\n\r\n      &__title {\r\n        color: var(--primary);\r\n        font-size: 1.4rem;\r\n        background-color: #f3f3f4;\r\n        display: inline-flex;\r\n        padding: 0.25rem 1rem;\r\n        transform: translate(-2.5rem, -0.5rem);\r\n        box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;\r\n        border: 1px solid var(--primary);\r\n\r\n        @media only screen and (max-width: 992px) {\r\n          font-size: 1.25rem;\r\n        }\r\n      }\r\n\r\n      &__desc {\r\n        color: #d3d3d3;\r\n        font-size: 1.1rem;\r\n        max-height: 1.55rem;\r\n        line-height: 1.4;\r\n        overflow: hidden;\r\n        transition: 0.25s;\r\n\r\n        @media only screen and (max-width: 992px) {\r\n          font-size: 1rem;\r\n          max-height: 0rem;\r\n        }\r\n\r\n        ul {\r\n          list-style-type: circle;\r\n          padding-left: 0.5rem;\r\n          font-size: 0.95rem;\r\n          margin-top: 0.1rem;\r\n\r\n          li {\r\n            list-style: inside;\r\n          }\r\n        }\r\n\r\n        &.open {\r\n          max-height: 40rem;\r\n        }\r\n      }\r\n\r\n      i {\r\n        display: flex;\r\n        justify-content: center;\r\n        transition: 0.25s;\r\n\r\n        &.active {\r\n          transform: rotate(180deg);\r\n        }\r\n      }\r\n    }\r\n\r\n    &--footer {\r\n      padding: 0.75rem 1.5rem;\r\n      background-color: rgba(0, 0, 0, 0.25);\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: space-between;\r\n\r\n      .button-2 {\r\n        background: none;\r\n        border: 0;\r\n        box-sizing: border-box;\r\n        padding: 0.4rem 1.25rem;\r\n        box-shadow: inset 0 0 0 2px #d3d3d3;\r\n        color: #d3d3d3;\r\n        font-size: inherit;\r\n        font-weight: 500;\r\n        position: relative;\r\n        z-index: 99;\r\n        vertical-align: middle;\r\n        transition: color 0.25s;\r\n        text-transform: uppercase;\r\n\r\n        &::before,\r\n        &::after {\r\n          box-sizing: inherit;\r\n          content: \"\";\r\n          position: absolute;\r\n          border: 2px solid transparent;\r\n          width: 0;\r\n          height: 0;\r\n        }\r\n\r\n        &::before {\r\n          top: 0;\r\n          left: 0;\r\n        }\r\n\r\n        &::after {\r\n          bottom: 0;\r\n          right: 0;\r\n        }\r\n\r\n        &:hover {\r\n          color: #f3f3f4;\r\n        }\r\n\r\n        &:hover::before,\r\n        &:hover::after {\r\n          width: 100%;\r\n          height: 100%;\r\n        }\r\n\r\n        &:hover::before {\r\n          border-top-color: #f3f3f4; // Make borders visible\r\n          border-right-color: #f3f3f4;\r\n          transition: width 0.25s ease-out,\r\n            // Width expands first\r\n            height 0.25s ease-out 0.25s; // And then height\r\n        }\r\n\r\n        &:hover::after {\r\n          border-bottom-color: #f3f3f4; // Make borders visible\r\n          border-left-color: #f3f3f4;\r\n          transition: border-color 0s ease-out 0.5s,\r\n            // Wait for ::before to finish before showing border\r\n            width 0.25s ease-out 0.5s,\r\n            // And then exanding width\r\n            height 0.25s ease-out 0.75s; // And finally height\r\n        }\r\n      }\r\n\r\n      .images {\r\n        display: flex;\r\n        align-items: center;\r\n\r\n        img {\r\n          &:first-child {\r\n            margin-left: 0 !important;\r\n          }\r\n\r\n          margin-left: -0.75rem;\r\n          width: 2rem;\r\n          height: 2rem;\r\n          border-radius: 50%;\r\n          border: 1px solid #d3d3d3;\r\n        }\r\n\r\n        .text {\r\n          color: #d3d3d3;\r\n          margin: 0.1rem 0 0 0.25rem;\r\n          display: flex;\r\n          align-items: center;\r\n\r\n          i {\r\n            font-size: 1.25rem;\r\n            margin-right: 0.25rem;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.add-mobile {\r\n  display: grid;\r\n  grid-template-columns: repeat(2, 1fr);\r\n  gap: 1rem 0.5rem;\r\n  margin: 1rem 0;\r\n\r\n  @media only screen and (min-width: 992px) {\r\n    display: none;\r\n  }\r\n\r\n  &__card {\r\n    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;\r\n    border-radius: 0.25rem;\r\n    overflow: hidden;\r\n    height: fit-content;\r\n\r\n    .content {\r\n      position: relative;\r\n    }\r\n\r\n    img {\r\n      width: 100%;\r\n      height: 8rem;\r\n      border-radius: 0.1rem;\r\n      filter: brightness(0.4) contrast(1.1);\r\n    }\r\n\r\n    .down {\r\n      cursor: pointer;\r\n      width: 3rem;\r\n      height: 1.25rem;\r\n      display: flex;\r\n      justify-content: center;\r\n      align-items: center;\r\n      border-radius: 0.5rem 0.5rem 0 0;\r\n      background-color: var(--primary);\r\n      position: absolute;\r\n      bottom: 0;\r\n      left: 50%;\r\n      transform: translateX(-50%);\r\n      z-index: 9;\r\n\r\n      i {\r\n        color: #fff;\r\n      }\r\n    }\r\n\r\n    .desc {\r\n      color: #d3d3d3;\r\n      font-size: 0.85rem;\r\n      max-height: 0;\r\n      line-height: 1.4;\r\n      overflow: hidden;\r\n      transition: 0.25s;\r\n      background-color: var(--primary);\r\n\r\n      div {\r\n        padding: 0.5rem;\r\n      }\r\n\r\n      ul {\r\n        list-style-type: circle;\r\n        padding-left: 0.5rem;\r\n        font-size: 0.85rem;\r\n        margin-top: 0.1rem;\r\n\r\n        li {\r\n          list-style: inside;\r\n        }\r\n      }\r\n\r\n      &.open {\r\n        max-height: 40rem;\r\n      }\r\n    }\r\n\r\n    i {\r\n      display: flex;\r\n      justify-content: center;\r\n      transition: 0.25s;\r\n\r\n      &.active {\r\n        transform: rotate(180deg);\r\n      }\r\n    }\r\n\r\n    .title {\r\n      border: 2px solid var(--primary);\r\n      height: 7em;\r\n      width: 8em;\r\n      display: flex;\r\n      align-items: center;\r\n      justify-content: center;\r\n      text-align: center;\r\n      cursor: pointer;\r\n      background-color: rgba(\r\n        var(--white-r),\r\n        var(--white-g),\r\n        var(--white-b),\r\n        0.5\r\n      );\r\n      backdrop-filter: blur(10px);\r\n      -webkit-backdrop-filter: blur(10px);\r\n      border-radius: 0.5em;\r\n      box-shadow: 0 4px 6px #0000001a;\r\n      border: 1px solid rgba(255, 255, 255, 0.3);\r\n      padding: 0.25em;\r\n      transform: translate(-50%, -50%);\r\n      border: 1px solid var(--primary);\r\n      position: absolute;\r\n      z-index: 9;\r\n      top: 50%;\r\n      left: 50%;\r\n      cursor: pointer;\r\n      flex-direction: column;\r\n      color: var(--white);\r\n      /* From https://css.glass */\r\n      background: rgba(\r\n        var(--primary-r),\r\n        var(--primary-g),\r\n        var(--primary-b),\r\n        0.6\r\n      );\r\n      border-radius: 0.25rem;\r\n      backdrop-filter: blur(2px);\r\n      -webkit-backdrop-filter: blur(2px);\r\n      border: 1px solid rgba(255, 255, 255, 0.1);\r\n\r\n      .icon {\r\n        font-size: 2.5em;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.add-mobile-row {\r\n  margin: 0.5rem 0 4rem;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 0.25rem;\r\n  @media only screen and (min-width: 992px) {\r\n    display: none;\r\n  }\r\n  @media only screen and (max-width: 450px) {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n\r\n  .card-cate {\r\n    border: 2px solid var(--primary);\r\n    aspect-ratio: 1.5 / 1;\r\n    border-radius: 0.25em;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    text-align: center;\r\n    cursor: pointer;\r\n    background-color: rgba(\r\n      var(--primary-r),\r\n      var(--primary-g),\r\n      var(--primary-b),\r\n      1\r\n    );\r\n    backdrop-filter: blur(10px);\r\n    -webkit-backdrop-filter: blur(10px);\r\n    border-radius: 0.5em;\r\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);\r\n    border: 1px solid rgba(255, 255, 255, 0.3);\r\n    padding: 0.25em;\r\n\r\n    @media only screen and (max-width: 450px) {\r\n      aspect-ratio: 1.65 / 1;\r\n    }\r\n\r\n    @media only screen and (max-width: 991px) {\r\n      font-size: 0.65rem;\r\n    }\r\n\r\n    i {\r\n      font-size: 2.5em;\r\n      color: var(--white);\r\n    }\r\n\r\n    &.active {\r\n      background-color: rgba(\r\n        var(--secondary-r),\r\n        var(--secondary-g),\r\n        var(--secondary-b),\r\n        0.75\r\n      );\r\n      box-shadow: 0 4px 10px\r\n        rgba(var(--secondary-r), var(--secondary-g), var(--secondary-b), 0.5);\r\n\r\n      i,\r\n      .card-cate__title {\r\n        color: var(--white);\r\n      }\r\n    }\r\n\r\n    &__title {\r\n      color: var(--white);\r\n      font-size: 1.25em;\r\n      margin-top: 0.5em;\r\n      font-weight: 500;\r\n      line-height: 1.2;\r\n    }\r\n  }\r\n}\r\n"],
  "mappings": "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",
  "names": []
}