.admonition {
  --ad-accent: #5fc2ff; /* default = important/info */
  position: relative;

  border-radius: .3rem;
  border: .1rem solid var(--ad-accent);
  background: #ffffff;

  /* requested padding */
  padding: 1.2rem 1.2rem 1.2rem 8.2rem;

  margin: 16px 0;
  color: #111827;
}

/* Left colored bar (absolute) */
.admonition-iconWrap {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;

  width: 6.2rem;              /* fits your 8.2rem left padding nicely */
  background: var(--ad-accent);

  display: flex;
  align-items: center;         /* vertical middle */
  justify-content: center;     /* horizontal middle */
}

/* Icon: outline, white */
.admonition-icon {
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.admonition-icon-svg {
  width: 28px;                 /* a bit larger */
  height: 28px;
  display: block;
}

/* Body wrapper (if present) should not add extra padding */
.admonition-body {
  padding: 0;
}

/* Inner blocks spacing */
.admonition-content > * {
  margin-top: 0;
}

.admonition-content > * + * {
  margin-top: 10px;
}

.admonition-content ul,
.admonition-content ol {
  padding-left: 1.2em;
}

/* Variants: your requested colors */
.admonition-warning { --ad-accent: #fb2; }     /* warning */
.admonition-info    { --ad-accent: #5fc2ff; }  /* important/info */
.admonition-note    { --ad-accent: #e7b85a; }  /* note */
.admonition-tip     { --ad-accent: #5acfce; }  /* tip */