.site_details {
  height: 100%;
  width: 100%;
  background: #00000080;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  &__details {
    position: fixed;
    z-index: 99999;
    width: 328px;
    min-height: 190px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--background-color);
    border-radius: 30px;
    border: 2px solid #f0f0f0;

    &__header {
      display: flex;
      justify-content: space-between;
      margin-top: 10px;

      &__title {
        font-size: 1.25rem;
        letter-spacing: 0em;
        width: 50%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        margin-left: 14px;
      }

      &__buttons {
        width: 50%;
        display: flex;
        justify-content: flex-end;
        align-items: center;
        gap: 11px;
        margin-right: 16px;
        cursor: pointer;

        &__edit {
          height: 35px;
          aspect-ratio: 1;
          border-radius: 100%;
          padding: 11px;
          background: black;
          display: flex;
          align-items: center;
          justify-content: center;
          &__pencil {
            color: #ffffff;
          }
        }
        &__close {
          height: 35px;
          aspect-ratio: 1;
          border-radius: 100%;
          padding: 11px;
          background: #F4F4F4;
          display: flex;
          align-items: center;
          justify-content: center;
          &__cross {
            color: #000000;
          }
        }
      }
    }
    &__content {
      margin-top: 19px;
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      &__item {
        display: flex;
        justify-content: space-between;
        width: calc(100% - 28px);

        &__label {
          color: #373737;
          width: 40%;
          letter-spacing: 0em;
          padding: 9px 0;
          display: flex;
          align-items: center;
        }
        &__value {
          font-weight: 600;
          letter-spacing: 0em;
          width: 60%;
          text-align: right;
          padding: 9px 0;
          display: flex;
          align-items: center;
          justify-content: flex-end;
          &__dropdown {
            width: 45%;
            display: flex;
            justify-content: flex-end;
          }

          &#link {
            color: var(--blue);
            text-decoration: none;
          }

          & .sd {
            padding: 9px 0;
          }
          &__input {
            width: 120px;

            & > input {
              padding: 9px !important;
            }
          }

          & .input {
            padding: 12px;
          }
        }
      }
    }
    &__button {
      margin: 24px;
    }
  }
}
