.admin-important-notice-section {
  margin-bottom:
    24px;

  padding:
    22px;

  border:
    1px solid
    #e5d9dc;

  border-radius:
    18px;

  background:
    #ffffff;

  box-shadow:
    0 12px 28px
    rgba(45, 19, 25, 0.07);
}

.admin-important-notice-form {
  display:
    grid;

  gap:
    18px;
}

.admin-important-notice-field {
  display:
    grid;

  gap:
    8px;

  color:
    #2f292b;
}

.admin-important-notice-field > span {
  font-size:
    14px;

  font-weight:
    900;
}

.admin-important-notice-field input,
.admin-important-notice-field textarea {
  width:
    100%;

  padding:
    12px 13px;

  border:
    1px solid
    #d8c9cd;

  border-radius:
    10px;

  background:
    #ffffff;

  color:
    #292527;

  font:
    inherit;

  line-height:
    1.6;
}

.admin-important-notice-field textarea {
  min-height:
    138px;

  resize:
    vertical;
}

.admin-important-notice-field input:focus,
.admin-important-notice-field textarea:focus {
  outline:
    3px solid
    rgba(112, 17, 43, 0.14);

  border-color:
    #70112b;
}

.admin-important-notice-field small {
  color:
    #71676a;

  font-size:
    12px;

  line-height:
    1.65;
}

.admin-important-notice-field small strong {
  color:
    #70112b;
}

.admin-important-notice-publish {
  display:
    flex;

  align-items:
    flex-start;

  gap:
    11px;

  padding:
    14px;

  border:
    1px solid
    #e4d7da;

  border-radius:
    12px;

  background:
    #faf7f8;

  cursor:
    pointer;
}

.admin-important-notice-publish input {
  width:
    20px;

  height:
    20px;

  margin:
    2px 0 0;

  accent-color:
    #70112b;
}

.admin-important-notice-publish span {
  display:
    grid;

  gap:
    4px;
}

.admin-important-notice-publish strong {
  color:
    #2d2729;

  font-size:
    14px;
}

.admin-important-notice-publish small {
  color:
    #71676a;

  font-size:
    12px;

  line-height:
    1.6;
}

.admin-important-notice-meta {
  padding:
    12px 13px;

  border-radius:
    10px;

  background:
    #f3eff0;

  color:
    #5d5356;

  font-size:
    12px;

  font-weight:
    700;

  line-height:
    1.6;
}

.admin-important-notice-action-message {
  padding:
    12px 13px;

  border-radius:
    10px;

  font-size:
    13px;

  font-weight:
    800;

  line-height:
    1.6;
}

.admin-important-notice-action-message[data-state="success"] {
  border:
    1px solid
    #b8dac4;

  background:
    #edf8f1;

  color:
    #1d6638;
}

.admin-important-notice-action-message[data-state="error"] {
  border:
    1px solid
    #efc3c8;

  background:
    #fff1f2;

  color:
    #9b1c2b;
}

.admin-important-notice-save {
  width:
    100%;

  justify-content:
    center;
}

.admin-important-notice-form [disabled] {
  cursor:
    wait;

  opacity:
    0.68;
}

@media screen and (max-width: 640px) {
  .admin-important-notice-section {
    padding:
      17px;
  }
}