{
  "version": 3,
  "sources": ["src/app/customers/community/member-page/me/around-me/around-me.component.scss"],
  "sourcesContent": [".online-members {\r\n  &__title {\r\n    font-size: 1.5rem;\r\n    color: var(--primary);\r\n    text-align: center;\r\n    margin-bottom: 1rem;\r\n  }\r\n\r\n  .item {\r\n    margin-right: 0.5rem;\r\n  }\r\n\r\n  &__list {\r\n    padding: 0.5rem;\r\n    // margin-top: 1rem;\r\n  }\r\n\r\n  &__list--item {\r\n    padding: 0.5rem;\r\n    transition: transform 0.3s ease;\r\n\r\n    &:hover {\r\n      transform: scale(1.01);\r\n    }\r\n\r\n    img {\r\n      border-radius: 0.5rem;\r\n      max-width: 100%;\r\n      height: auto;\r\n      height: 4rem;\r\n      object-fit: cover;\r\n      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n    }\r\n  }\r\n\r\n  &__list--item--wrapper {\r\n    display: flex;\r\n    gap: 0.5rem;\r\n    background-color: var(--white);\r\n    padding: 0.5rem;\r\n    border-radius: 0.5rem;\r\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n  }\r\n\r\n  &__list--item--wrapper__name {\r\n    font-size: 1.3rem;\r\n    color: var(--primary);\r\n    font-weight: 600;\r\n  }\r\n\r\n}\r\n\r\n.online-images {\r\n  position: relative;\r\n  overflow: hidden;\r\n  padding-top: 1rem;\r\n\r\n  .play {\r\n    position: absolute;\r\n    right: 0.5rem;\r\n    font-size: 1.5rem;\r\n    color: var(--primary);\r\n    cursor: pointer;\r\n    bottom: 0.5rem;\r\n    width: 4rem;\r\n    height: 4rem;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background-color: var(--white);\r\n\r\n    @media only screen and (max-width: 992px) {\r\n      width: 2rem;\r\n      height: 2rem;\r\n      font-size: 1rem;\r\n    }\r\n  }\r\n\r\n  .square-container {\r\n    width: 85rem;\r\n    height: 4rem;\r\n    position: relative;\r\n    overflow: hidden;\r\n    bottom: 0.5rem;\r\n\r\n    @media only screen and (max-width: 992px) {\r\n      width: 70rem;\r\n      height: 2rem;\r\n    }\r\n  }\r\n}\r\n\r\n.moving-image {\r\n  width: 4rem;\r\n  height: 4rem;\r\n  position: absolute;\r\n  left: -4rem;\r\n  animation: moveInSquare 100s linear infinite;\r\n\r\n  img {\r\n    border-radius: 50%;\r\n  }\r\n\r\n  @media only screen and (max-width: 992px) {\r\n    width: 2rem;\r\n    height: 2rem;\r\n    left: -2rem;\r\n    animation: moveInSquareMobile 175s linear infinite;\r\n  }\r\n}\r\n\r\n@keyframes moveInSquare {\r\n  0% {\r\n    transform: translate(0, 0);\r\n  }\r\n\r\n  25% {\r\n    transform: translate(85rem, 0);\r\n  }\r\n\r\n  50% {\r\n    transform: translate(85rem, -4rem);\r\n  }\r\n\r\n  75% {\r\n    transform: translate(0, -4rem);\r\n  }\r\n\r\n  100% {\r\n    transform: translate(0, 0);\r\n  }\r\n}\r\n\r\n@keyframes moveInSquareMobile {\r\n  0% {\r\n    transform: translate(0, 0);\r\n  }\r\n\r\n  25% {\r\n    transform: translate(70rem, 0);\r\n  }\r\n\r\n  50% {\r\n    transform: translate(70rem, -2rem);\r\n  }\r\n\r\n  75% {\r\n    transform: translate(0, -2rem);\r\n  }\r\n\r\n  100% {\r\n    transform: translate(0, 0);\r\n  }\r\n}\r\n\r\n.green-dot {\r\n  width: 10px;\r\n  height: 10px;\r\n  background-color: green;\r\n  border-radius: 50%;\r\n}\r\n\r\n.title-online {\r\n  font-size: 1.5rem;\r\n  margin-top: 0.5rem;\r\n  position: relative;\r\n  display: flex;\r\n\r\n  &::before {\r\n    content: '';\r\n    width: 0.75rem;\r\n    height: 0.75rem;\r\n    background-color: green;\r\n    border-radius: 50%;\r\n    margin-right: 0.25rem;\r\n  }\r\n}\r\n\r\n@keyframes scroll {\r\n  0% {\r\n    transform: translateX(0);\r\n  }\r\n\r\n  100% {\r\n    transform: translateX(calc(-4rem * 7));\r\n  }\r\n}\r\n\r\n.slider {\r\n  /*   background: white;\r\n  box-shadow: 0 10px 20px -5px rgba(0, 0, 0, .125); */\r\n  height: 4rem;\r\n  margin: auto;\r\n  overflow: hidden;\r\n  position: relative;\r\n\r\n  // width: 960px;\r\n  .play {\r\n    position: absolute;\r\n    right: 0rem;\r\n    font-size: 1.5rem;\r\n    color: var(--primary);\r\n    cursor: pointer;\r\n    z-index: 99;\r\n    bottom: 0rem;\r\n    width: 4rem;\r\n    height: 4rem;\r\n    border-radius: 50%;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    background-color: var(--white);\r\n\r\n    @media only screen and (max-width: 992px) {\r\n      width: 2rem;\r\n      height: 2rem;\r\n      font-size: 1rem;\r\n    }\r\n  }\r\n}\r\n\r\n// .slider::before, .slider::after {\r\n// /*   background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); */\r\n//   content: \"\";\r\n//   height: 4rem;\r\n//   position: absolute;\r\n//   width: 8rem;\r\n//   z-index: 2;\r\n// }\r\n.slider::after {\r\n  right: 0;\r\n  top: 0;\r\n  transform: rotateZ(180deg);\r\n}\r\n\r\n.slider::before {\r\n  left: 0;\r\n  top: 0;\r\n}\r\n\r\n.slider .slide-track {\r\n  animation: scroll 40s linear infinite;\r\n  display: flex;\r\n  width: calc(4rem * 14);\r\n  position: relative;\r\n}\r\n\r\n.slider .slide {\r\n  height: 4rem;\r\n  width: 4rem;\r\n  margin-right: -0.75rem;\r\n\r\n  img {\r\n    border-radius: 50%;\r\n    max-width: 100%;\r\n    height: 4rem;\r\n    width: 4rem;\r\n    object-fit: cover;\r\n    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n  }\r\n}\r\n\r\n.badge-whatsapp {\r\n  background-color: rgba(37, 211, 102, 0.2);\r\n  border: 1px solid rgba(37, 211, 102, 1);\r\n  color: rgba(37, 211, 102, 1);\r\n  font-size: 0.66rem;\r\n  padding: 0px 5px;\r\n  border-radius: 5px;\r\n}"],
  "mappings": "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",
  "names": []
}