.nzplm-l-main {
  background-color: #f5f8fa;
}

.nzplm-opsm-header {
  border-color: #ffc000;
}

.nzplm-l-container {
  background-color: #fff;
  max-width: 960px;
  margin: auto;
}

p {
  margin-bottom: 1rem;
  font-family: var(--typography-body-font-family);
}

li,
  .nzplm-saveAndExitButton {
  font-family: var(--typography-body-font-family);
}

.nzplm-header-padding {
  padding: 20px 0;
  font-family: var(--typography-body-font-family);
}

.nzplm-timepicker__period {
  height: var(--input-height);
  &.incident-time {
    height: var(--input-height) + $incident-time-additional-height;
  }
  li {
    border-radius: 4px !important;
    height: var(--input-height);
  }
}

.nzplm-timepicker__period input + label {
  min-width: auto !important;
  padding: 0.75rem 1rem !important;
}

h2 {
  margin-bottom: 1rem;
}

*, ::before, ::after {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x:  ;
  --tw-pan-y:  ;
  --tw-pinch-zoom:  ;
  --tw-scroll-snap-strictness: proximity;
  --tw-ordinal:  ;
  --tw-slashed-zero:  ;
  --tw-numeric-figure:  ;
  --tw-numeric-spacing:  ;
  --tw-numeric-fraction:  ;
  --tw-ring-inset:  ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgb(59 130 246 / 0.5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur:  ;
  --tw-brightness:  ;
  --tw-contrast:  ;
  --tw-grayscale:  ;
  --tw-hue-rotate:  ;
  --tw-invert:  ;
  --tw-saturate:  ;
  --tw-sepia:  ;
  --tw-drop-shadow:  ;
  --tw-backdrop-blur:  ;
  --tw-backdrop-brightness:  ;
  --tw-backdrop-contrast:  ;
  --tw-backdrop-grayscale:  ;
  --tw-backdrop-hue-rotate:  ;
  --tw-backdrop-invert:  ;
  --tw-backdrop-opacity:  ;
  --tw-backdrop-saturate:  ;
  --tw-backdrop-sepia:  ;
}

.nzplm-fixed {
  position: fixed !important;
}

.nzplm-relative {
  position: relative !important;
}

.nzplm-top-0 {
  top: 0px !important;
}

.nzplm-left-0 {
  left: 0px !important;
}

.nzplm-z-0 {
  z-index: 0 !important;
}

.nzplm-m-auto {
  margin: auto !important;
}

.nzplm-my-8 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}

.nzplm-my-6 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.nzplm-my-12 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.nzplm-my-10 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}

.nzplm-mx-4 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.nzplm-mb-12 {
  margin-bottom: 3rem !important;
}

.nzplm-mb-2 {
  margin-bottom: 0.5rem !important;
}

.nzplm-mr-3 {
  margin-right: 0.75rem !important;
}

.nzplm-ml-auto {
  margin-left: auto !important;
}

.nzplm-mt-6 {
  margin-top: 1.5rem !important;
}

.nzplm-mr-2 {
  margin-right: 0.5rem !important;
}

.nzplm-mb-10 {
  margin-bottom: 2.5rem !important;
}

.nzplm-mb-4 {
  margin-bottom: 1rem !important;
}

.nzplm-mb-8 {
  margin-bottom: 2rem !important;
}

.nzplm-mt-4 {
  margin-top: 1rem !important;
}

.nzplm-ml-1 {
  margin-left: 0.25rem !important;
}

.nzplm-ml-2 {
  margin-left: 0.5rem !important;
}

.nzplm-mb-6 {
  margin-bottom: 1.5rem !important;
}

.nzplm-mb-0 {
  margin-bottom: 0px !important;
}

.nzplm-ml-8 {
  margin-left: 2rem !important;
}

.nzplm-mb-5 {
  margin-bottom: 1.25rem !important;
}

.nzplm-mt-2 {
  margin-top: 0.5rem !important;
}

.nzplm-mt-5 {
  margin-top: 1.25rem !important;
}

.nzplm-ml-6 {
  margin-left: 1.5rem !important;
}

.nzplm-mb-3 {
  margin-bottom: 0.75rem !important;
}

.nzplm-mt-8 {
  margin-top: 2rem !important;
}

.nzplm-mt-12 {
  margin-top: 3rem !important;
}

.nzplm-mr-4 {
  margin-right: 1rem !important;
}

.nzplm-mr-1 {
  margin-right: 0.25rem !important;
}

.nzplm-ml-3 {
  margin-left: 0.75rem !important;
}

.nzplm-mt-10 {
  margin-top: 2.5rem !important;
}

.nzplm-mt-3 {
  margin-top: 0.75rem !important;
}

.nzplm-mt-1 {
  margin-top: 0.25rem !important;
}

.nzplm-inline {
  display: inline !important;
}

.nzplm-flex {
  display: flex !important;
}

.nzplm-inline-flex {
  display: inline-flex !important;
}

.nzplm-hidden {
  display: none !important;
}

.nzplm-h-20 {
  height: 5rem !important;
}

.nzplm-h-screen {
  height: 100vh !important;
}

.nzplm-min-h-full {
  min-height: 100% !important;
}

.nzplm-w-full {
  width: 100% !important;
}

.nzplm-w-2\/6 {
  width: 33.333333% !important;
}

.nzplm-w-20 {
  width: 5rem !important;
}

.nzplm-w-4\/6 {
  width: 66.666667% !important;
}

.nzplm-w-3\/5 {
  width: 60% !important;
}

.nzplm-w-44 {
  width: 11rem !important;
}

.nzplm-w-1\/12 {
  width: 8.333333% !important;
}

.nzplm-w-11\/12 {
  width: 91.666667% !important;
}

.nzplm-w-48 {
  width: 12rem !important;
}

.nzplm-max-w-lg {
  max-width: 32rem !important;
}

.nzplm-flex-auto {
  flex: 1 1 auto !important;
}

.nzplm-cursor-pointer {
  cursor: pointer !important;
}

.nzplm-list-disc {
  list-style-type: disc !important;
}

.nzplm-flex-col {
  flex-direction: column !important;
}

.nzplm-flex-col-reverse {
  flex-direction: column-reverse !important;
}

.nzplm-flex-wrap {
  flex-wrap: wrap !important;
}

.nzplm-items-start {
  align-items: flex-start !important;
}

.nzplm-items-center {
  align-items: center !important;
}

.nzplm-justify-start {
  justify-content: flex-start !important;
}

.nzplm-justify-center {
  justify-content: center !important;
}

.nzplm-justify-between {
  justify-content: space-between !important;
}

.nzplm-justify-items-start {
  justify-items: start !important;
}

.nzplm-gap-2 {
  gap: 0.5rem !important;
}

.nzplm-gap-10 {
  gap: 2.5rem !important;
}

.nzplm-gap-5 {
  gap: 1.25rem !important;
}

.nzplm-gap-3 {
  gap: 0.75rem !important;
}

.nzplm-gap-1 {
  gap: 0.25rem !important;
}

.nzplm-self-stretch {
  align-self: stretch !important;
}

.nzplm-whitespace-pre-wrap {
  white-space: pre-wrap !important;
}

.nzplm-rounded-xl {
  border-radius: 0.75rem !important;
}

.nzplm-border-4 {
  border-width: 4px !important;
}

.nzplm-border-b {
  border-bottom-width: 1px !important;
}

.nzplm-border-none {
  border-style: none !important;
}

.nzplm-border-b-primary-lighter {
  border-bottom-color: var(--color-foundation-primary-lighter) !important;
}

.nzplm-bg-transparent {
  background-color: transparent !important;
}

.nzplm-p-4 {
  padding: 1rem !important;
}

.nzplm-p-0 {
  padding: 0px !important;
}

.nzplm-py-16 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}

.nzplm-px-8 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}

.nzplm-px-4 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.nzplm-py-4 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.nzplm-py-12 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.nzplm-pt-3 {
  padding-top: 0.75rem !important;
}

.nzplm-pb-6 {
  padding-bottom: 1.5rem !important;
}

.nzplm-pl-4 {
  padding-left: 1rem !important;
}

.nzplm-pl-5 {
  padding-left: 1.25rem !important;
}

.nzplm-pb-4 {
  padding-bottom: 1rem !important;
}

.nzplm-pb-2 {
  padding-bottom: 0.5rem !important;
}

.nzplm-pb-3 {
  padding-bottom: 0.75rem !important;
}

.nzplm-text-center {
  text-align: center !important;
}

.nzplm-text-right {
  text-align: right !important;
}

.nzplm-text-4xl {
  font-size: 2.25rem !important;
  line-height: 2.5rem !important;
}

.nzplm-text-lg {
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
}

.nzplm-text-3xl {
  font-size: 1.875rem !important;
  line-height: 2.25rem !important;
}

.nzplm-text-2xl {
  font-size: 1.5rem !important;
  line-height: 2rem !important;
}

.nzplm-text-base {
  font-size: 1rem !important;
  line-height: 1.5rem !important;
}

.nzplm-text-xl {
  font-size: 1.25rem !important;
  line-height: 1.75rem !important;
}

.nzplm-font-600 {
  font-weight: var(--font-weight-600) !important;
}

.nzplm-font-semibold {
  font-weight: 600 !important;
}

.nzplm-font-normal {
  font-weight: 400 !important;
}

.nzplm-font-bold {
  font-weight: 700 !important;
}

.nzplm-leading-10 {
  line-height: 2.5rem !important;
}

.nzplm-leading-loose {
  line-height: 2 !important;
}

.nzplm-leading-normal {
  line-height: 1.5 !important;
}

.nzplm-leading-7 {
  line-height: 1.75rem !important;
}

.nzplm-text-error {
  color: var(--color-foundation-error-default) !important;
}

.nzplm-text-secondary {
  color: var(--color-foundation-secondary-default) !important;
}

.nzplm-text-neutral-dark {
  color: var(--color-foundation-neutral-dark) !important;
}

.nzplm-text-white {
  color: var(--color-text-white, #ffffff) !important;
}

.nzplm-underline {
  text-decoration-line: underline !important;
}

$incident-time-additional-height: 1px;

@media (min-width: 640px) {
  .sm\:nzplm-flex {
    display: flex !important;
  }

  .sm\:nzplm-flex-row {
    flex-direction: row !important;
  }

  .sm\:nzplm-gap-1 {
    gap: 0.25rem !important;
  }
}

@media (min-width: 768px) {
  .md\:nzplm-w-3\/5 {
    width: 60% !important;
  }
}
