@use "@/src/assets/scss/variables" as *;
@use "@/src/assets/scss/partial" as *;

.AboutPlaceWrapper {
  .DetailsListWrap {
    list-style: none;
    padding: 0;
    margin: 0;
    li {
      &:last-child {
        border-bottom: 0px;
        padding-bottom: 0px;
      }
      .ListNameSpan {
        color: $grey344Color;
      }
      .ListValueDiv {
        background-color: $bgColor;
        padding: 6px 14px;
        button {
          i {
            background-color: $blackColor;
          }
        }
        .AddressWrap {
          overflow-x: auto;
          @media screen and (min-width: $xsm) {
            min-width: 300px;
            max-width: 300px;
          }
          @media screen and (min-width: $lg) {
            min-width: 350px;
            max-width: 450px;
          }
          &::-webkit-scrollbar {
            width: 5px;
            height: 5px;
          }
          &::-webkit-scrollbar-track {
            background-color: $whiteColor;
            border-radius: 12px;
          }
          &::-webkit-scrollbar-thumb {
            background: $primaryColor;
            border-radius: 12px;
          }
          &::-webkit-scrollbar-thumb:hover {
            background: #555;
            border-radius: 12px;
          }
          // p {
          //   text-align: right;
          //   @media screen and (min-width: $xsm) {
          //     width: max-content;
          //   }
          // }
        }
      }
    }
  }
}