@layer reset {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }

  /* https://kilianvalkhof.com/2022/css-html/your-css-reset-needs-text-size-adjust-probably/ */
  html {
    -moz-text-size-adjust: none;
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
  }

  body,
  h1,
  h2,
  h3,
  h4,
  p,
  figure,
  blockquote,
  dl,
  dd {
    margin: 0;
  }

  /* https://www.scottohara.me/blog/2019/01/12/lists-and-safari.html */
  [role="list"] {
    list-style: none;
    margin: 0;
    padding: 0;
  }

  body {
    min-block-size: 100vh;
    line-height: 1.6;
  }

  h1,
  h2,
  h3,
  button,
  input,
  label {
    line-height: 1.1;
  }

  h1,
  h2,
  h3,
  h4 {
    text-wrap: balance;
  }

  p,
  li {
    text-wrap: pretty;
  }

  img,
  picture {
    max-inline-size: 100%;
    display: block;
  }

  input,
  button,
  textarea,
  select {
    font: inherit;
  }
}

.dcm-preview {
  position: relative;
  height: 100%;
}

#container {
  bottom: 0;
  height: 100%;
  left: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}

.large-preview {
  height: 100%;
}

.large-preview .viewport-wrapper {
  height: 100% !important;
}

.large-preview img {
  max-width: 100%;
  max-height: 100%;
  object-fit: cover;
}

.large-preview .react-json-view {
  height: 100%;
  overflow: scroll;
}

::-webkit-scrollbar {
  width: 0.5em;
  height: 0.5em;
}

::-webkit-scrollbar-track {
  background: inherit;
}

.pf-v5-c-page__main-section {
  padding-block-start: 0;
}

.pf-v5-c-page__sidebar {
  --pf-v5-c-page__sidebar--Width: 15rem;
}

.pf-v5-c-drawer__body:last-child {
  height: 100%;
}

.pf-v5-c-breadcrumb__item {
  font-size: inherit;
}

.pf-v5-c-page__main-section {
  padding-block-end: 0;
}

.small-button {
  width: 16px;
  height: 16px;
  font-size: 0.8rem;
}

.large-button {
  width: 24px;
  height: 24px;
  font-size: 1rem;
}

.button-style {
  border-radius: 50% !important;
  padding: 1rem !important; /* Remove default padding */
  border: none !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  line-height: 0 !important;
}
