{
  "version": 3,
  "sources": ["src/app/shareModule/component/comic-feel-chat/comic-feel-chat.component.scss"],
  "sourcesContent": [".dialog-wrap {\n  // position: absolute;\n  // top: 10rem;\n  // left: 0;\n  max-width: 400px;\n  font-family: \"Comic Neue\", \"Patrick Hand\", sans-serif;\n  --left: #fff;\n  --right: #777;\n  --right-text: #fff;\n  --border: #222;\n\n  // @media only screen and (max-width: 1650px) {\n  //   display: none;\n  // }\n\n  .message-row {\n    display: flex;\n    align-items: flex-end;\n    margin: 0.8rem 0;\n    gap: 0.6rem;\n\n    &.left {\n      justify-content: flex-start;\n\n      .avatar {\n        order: 0;\n      }\n\n      .bubble {\n        order: 1;\n        background: var(--left);\n        color: #222;\n        min-width: 10rem;\n        min-height: 3.25rem;\n      }\n    }\n\n    &.right {\n      justify-content: flex-end;\n\n      .avatar {\n        order: 1;\n      }\n\n      .bubble {\n        order: 0;\n        background: var(--right);\n        color: var(--right-text);\n        min-width: 10rem;\n        min-height: 3.25rem;\n      }\n    }\n\n    .avatar {\n      width: 46px;\n      height: 46px;\n      border-radius: 50%;\n      overflow: hidden;\n      border: 2px solid var(--border);\n      background: #fff;\n      flex-shrink: 0;\n\n      img {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n      }\n    }\n\n    .bubble {\n      max-width: 70%;\n      padding: 0.7rem 1rem;\n      position: relative;\n      border-radius: 14px;\n      border: 2px solid var(--border);\n      box-shadow: 2px 3px 0px var(--border);\n\n      .bubble-text {\n        font-size: 0.95rem;\n        line-height: 1.4;\n        white-space: pre-wrap;\n      }\n\n      .delete-btn {\n        position: absolute;\n        top: 0.25rem;\n        right: 0.25rem;\n        background: rgba(220, 53, 69, 0.1);\n        border: 1px solid rgba(220, 53, 69, 0.3);\n        border-radius: 50%;\n        width: 24px;\n        height: 24px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        cursor: pointer;\n        transition: all 0.2s ease;\n        opacity: 0;\n        transform: scale(0.8);\n        z-index: 10;\n\n        i {\n          font-size: 10px;\n          color: #dc3545;\n          transition: color 0.2s ease;\n        }\n\n        &:hover {\n          background: rgba(220, 53, 69, 0.2);\n          border-color: rgba(220, 53, 69, 0.5);\n          transform: scale(1.1);\n\n          i {\n            color: #b02a37;\n          }\n        }\n\n        &:active {\n          transform: scale(0.95);\n        }\n      }\n\n      &:hover .delete-btn {\n        opacity: 1;\n        transform: scale(1);\n      }\n\n      &::before {\n        content: \"\";\n        position: absolute;\n        bottom: 15px;\n        width: 16px;\n        height: 16px;\n        background: inherit;\n        border: 2px solid var(--border);\n        transform: rotate(45deg);\n        box-shadow: 2px 2px 0 var(--border);\n      }\n    }\n\n    &.left {\n      transform: skew(-1deg, -1deg) !important;\n\n      .bubble-text {\n        transform: skew(2deg, 2deg) !important;\n      }\n\n      .bubble::before {\n        left: -9px;\n        border-top: none;\n        border-right: none;\n      }\n    }\n\n    &.right .bubble::before {\n      right: -9px;\n      border-bottom: none;\n      border-left: none;\n    }\n  }\n\n  .message-btn {\n    margin-top: 2rem;\n    // button {\n    //   background: var(--white);\n    //   color: var(--primary);\n    //   border: 1px solid var(--primary);\n    //   border-radius: 0.5rem;\n    //   padding: 0.5rem 1rem;\n\n    //   i {\n    //     color: var(--primary);\n    //   }\n\n    //   &:hover {\n    //     background: var(--primary);\n    //     color: var(--white);\n\n    //     i {\n    //       color: var(--white);\n    //     }\n    //   }\n    // }\n  }\n\n  // Typing cursor effect\n  .bubble-text.typing::after {\n    content: \"|\";\n    display: inline-block;\n    margin-left: 2px;\n    animation: blink 0.8s steps(1) infinite;\n  }\n\n  @keyframes blink {\n    50% {\n      opacity: 0;\n    }\n  }\n}\n\n// Modal Styles\n// .modal-overlay {\n//   position: fixed;\n//   top: 0;\n//   left: 0;\n//   width: 100%;\n//   height: 100%;\n//   background-color: rgba(0, 0, 0, 0.5);\n//   display: flex;\n//   justify-content: center;\n//   align-items: center;\n//   z-index: 1000;\n//   animation: fadeIn 0.3s ease-out;\n// }\n\n// .modal-content {\n//   background: white;\n//   border-radius: 12px;\n//   box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);\n//   max-width: 500px;\n//   width: 90%;\n//   max-height: 80vh;\n//   overflow-y: auto;\n//   animation: slideIn 0.3s ease-out;\n//   border: 2px solid var(--border, #222);\n// }\n\n// .modal-header {\n//   display: flex;\n//   justify-content: space-between;\n//   align-items: center;\n//   padding: 1.5rem 1.5rem 1rem;\n//   border-bottom: 1px solid #eee;\n\n//   h3 {\n//     margin: 0;\n//     color: #333;\n//     font-size: 1.25rem;\n//     font-weight: 600;\n//   }\n\n//   .close-btn {\n//     background: none;\n//     border: none;\n//     font-size: 1.2rem;\n//     color: #666;\n//     cursor: pointer;\n//     padding: 0.25rem;\n//     border-radius: 4px;\n//     transition: all 0.2s ease;\n\n//     &:hover {\n//       background-color: #f5f5f5;\n//       color: #333;\n//     }\n//   }\n// }\n\n// .modal-body {\n//   padding: 1.5rem;\n// }\n\n.add-message {\n  .form-group {\n    margin-bottom: 1.5rem;\n\n    label {\n      display: block;\n      margin-bottom: 0rem;\n      font-weight: 500;\n      color: #333;\n    }\n\n    .form-control {\n      width: 100%;\n      padding: 0.75rem;\n      border: 2px solid #ddd;\n      border-radius: 6px;\n      font-size: 1rem;\n      transition: border-color 0.2s ease;\n      font-family: inherit;\n\n      &:focus {\n        outline: none;\n        border-color: var(--primary, #007bff);\n        box-shadow: 0 0 0 3px rgba(0, 123, 255, 0.1);\n      }\n\n      &.ng-invalid.ng-touched {\n        border-color: #dc3545;\n      }\n    }\n\n    textarea.form-control {\n      resize: vertical;\n      min-height: 100px;\n    }\n\n    select.form-control {\n      cursor: pointer;\n    }\n  }\n\n  .avatar-selector {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 0.75rem;\n    margin-top: 0.5rem;\n\n    .avatar-option {\n      width: 50px;\n      height: 50px;\n      border-radius: 50%;\n      overflow: hidden;\n      cursor: pointer;\n      border: 3px solid transparent;\n      transition: all 0.2s ease;\n      position: relative;\n\n      &:hover {\n        transform: scale(1.1);\n        border-color: var(--primary, #007bff);\n        box-shadow: 0 4px 12px rgba(0, 123, 255, 0.3);\n      }\n\n      &.selected {\n        border-color: var(--primary, #007bff);\n        box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.2);\n        transform: scale(1.05);\n\n        &::after {\n          content: \"✓\";\n          position: absolute;\n          top: 50%;\n          left: 50%;\n          transform: translate(-50%, -50%);\n          background-color: var(--primary, #007bff);\n          color: white;\n          width: 20px;\n          height: 20px;\n          border-radius: 50%;\n          display: flex;\n          align-items: center;\n          justify-content: center;\n          font-size: 12px;\n          font-weight: bold;\n          z-index: 1;\n        }\n      }\n\n      .avatar-image {\n        width: 100%;\n        height: 100%;\n        object-fit: cover;\n        display: block;\n        transition: all 0.2s ease;\n      }\n\n      &.selected .avatar-image {\n        opacity: 0.7;\n      }\n    }\n  }\n\n  .modal-actions {\n    display: flex;\n    justify-content: flex-end;\n    gap: 0.5rem;\n    margin-top: 1rem;\n    padding-top: 1rem;\n    border-top: 1px solid #eee;\n\n    // .btn {\n    //   padding: 0.75rem 1.5rem;\n    //   border: none;\n    //   border-radius: 6px;\n    //   font-size: 1rem;\n    //   font-weight: 500;\n    //   cursor: pointer;\n    //   transition: all 0.2s ease;\n    //   min-width: 100px;\n\n    //   &.btn-primary {\n    //     background-color: var(--primary, #007bff);\n    //     color: white;\n\n    //     &:hover:not(:disabled) {\n    //       background-color: var(--primary-dark, #0056b3);\n    //       transform: translateY(-1px);\n    //     }\n\n    //     &:disabled {\n    //       background-color: #6c757d;\n    //       cursor: not-allowed;\n    //       transform: none;\n    //     }\n    //   }\n\n    //   &.btn-secondary {\n    //     background-color: #6c757d;\n    //     color: white;\n\n    //     &:hover {\n    //       background-color: #545b62;\n    //       transform: translateY(-1px);\n    //     }\n    //   }\n    // }\n  }\n\n  @keyframes fadeIn {\n    from {\n      opacity: 0;\n    }\n\n    to {\n      opacity: 1;\n    }\n  }\n\n  @keyframes slideIn {\n    from {\n      opacity: 0;\n      transform: translateY(-50px) scale(0.9);\n    }\n\n    to {\n      opacity: 1;\n      transform: translateY(0) scale(1);\n    }\n  }\n}"],
  "mappings": "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",
  "names": []
}