dialog[open] {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 17.5rem;
  padding: 1rem;
  border: none;
  border-radius: 0.75rem;
  font-family: inherit;
  color: inherit;

  @media (min-width: 993px) {
    width: 34.375rem;
  }

  >form {
    position: absolute;
    top: 1rem;
    right: 1rem;

    >button {
      cursor: pointer;
      border: none;
      background: none;

      > svg {
        width: 1.5rem;
        height: 1.5rem;
        color: var(--pricefox-primary-color);
      }
    }
  }

  > img {
    width: 100%;
    aspect-ratio: 518 / 163;
  }

  >info {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
    >ol {
      padding-left: 1rem;
      >li {
        &::marker {
          font-weight: 700;
        }
        >li-content{
          display: flex;
          flex-direction: column;
          >li-title {
            font-weight: 700;
            a {
              text-decoration: underline;
            }
          }
          p {
            margin: 0;
          }
        }
      }
    }
  }

  &::backdrop {
    cursor: pointer;
    background: var(--black-500);
    opacity: 48%;
  }
}