pax

/* Minimal styling for Pax components
   The goal here is to provide a basic amount of layout and structure without any opinionated styling. For the most
   part, the components should just adapt to the existing styles of the page they're on.
*/
.pax-header {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: calc(var(--pax-spacing) * 2);
  margin-bottom: var(--pax-spacing);
}

.pax-header-section {
  display: flex;
  flex-flow: row wrap;
  align-items: baseline;
  gap: calc(var(--pax-spacing) * 0.5);
}

.pax-header-primary {
  order: 1;
}

.pax-header-secondary {
  order: 3;
}

.pax-header-tertiary {
  order: 2;
}

.pax-footer {
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-between;
  align-items: center;
  gap: calc(var(--pax-spacing) * 2);
  margin-top: var(--pax-spacing);
}

.pax-footer-section {
  display: flex;
  flex-flow: row wrap;
  align-items: center;
  gap: calc(var(--pax-spacing) * 0.5);
}

.pax-footer-primary {
  order: 1;
}

.pax-footer-secondary {
  order: 3;
}

.pax-footer-tertiary {
  order: 2;
}

.pax-title {
  line-height: 1.25;
}

.pax-title-level-1 {
  font-size: 1.75em;
}

.pax-title-level-2 {
  font-size: 1.5em;
}

.pax-title-level-3 {
  font-size: 1.25em;
}

.pax-button {
  display: block;
}

.pax-button[disabled] {
  /* Prevent links masquerading as buttons from being clickable when disabled */
  pointer-events: none;
}

/* Group buttons together */
.pax-button-group {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  align-items: center;
  gap: calc(var(--pax-spacing) * 0.5);
}

.pax-badge {
  display: inline-block;
  padding: calc(var(--pax-spacing) * 0.375) calc(var(--pax-spacing) * 0.5);
  font-size: 0.75em;
  line-height: 1;
  vertical-align: baseline;
}

/* Enable responsive support for tables to allow scrolling horizontally if the table can't fit in the viewport */
.pax-table-wrapper {
  overflow-x: auto;
}

/* Make the table accessible by adding `role="region" aria-label="Index table" tabindex="0"` to the wrapper */
.pax-table-wrapper[tabindex]:focus-visible {
  /* Default to an outline that matches webkit default for a11y */
  outline: auto;
}

.pax-table {
  border-collapse: collapse;
  table-layout: auto;
}

.pax-table-header {
  text-align: left;
  vertical-align: bottom;
}

.pax-table-datacell {
  vertical-align: top;
}

/* CSS for Pax.Field components */
.pax-field-control-input {
  /* Set the <input> to 100% width so that it isn't fixed in
     width (most browser defaults) and causes wrapping problems */
  width: 100%;
}

/* Hide and show the checkbox values based on the input's checked state */
.pax-field-control-checkbox ~ .pax-field-control-checkbox-true {
  display: none;
}

.pax-field-control-checkbox ~ .pax-field-control-checkbox-false {
  display: inline;
}

.pax-field-control-checkbox:checked ~ .pax-field-control-checkbox-true {
  display: inline;
}

.pax-field-control-checkbox:checked ~ .pax-field-control-checkbox-false {
  display: none;
}

.pax-icon {
  width: 1rem;
  height: 1rem;
  fill: currentColor;
}

/* Included Plugins */
.pax-breadcrumbs {
  display: flex;
  flex-flow: row wrap;
  align-items: baseline;
  gap: calc(var(--pax-spacing) * 0.5);
}

.pax-pagination {
  display: flex;
  align-items: center;
}

.pax-pagination-link {
  padding: calc(var(--pax-spacing) * 0.5) calc(var(--pax-spacing) * 0.75);
}
.pax-pagination-link.disabled {
  cursor: auto;
  pointer-events: none;
}

/* CSS for Pax.Plugins.IndexTable components */
.pax-index-table {
  width: 100%;
}

/* CSS for Pax.Plugins.DetailList components */
.pax-detail-list-item {
  display: flex;
  flex-flow: column nowrap;
  margin-bottom: calc(var(--pax-spacing) * 1);
}

.pax-detail-list-item-label {
  margin-bottom: calc(var(--pax-spacing) * 0.2);
}

.pax-detail-list-item-body {
  flex: 1;
}

@media (min-width: 800px) {
  .pax-detail-list-item {
    flex-flow: row nowrap;
  }
  .pax-detail-list-item-label {
    margin-bottom: initial;
    margin-right: calc(var(--pax-spacing) * 2);
    width: 20%;
  }
}
/* CSS for Pax.Plugins.DetailFieldsets */
.pax-detail-fieldsets-fieldset {
  margin-bottom: var(--pax-spacing);
}

.pax-detail-fieldsets-fieldset-heading {
  margin-bottom: var(--pax-spacing);
}

.pax-detail-fieldsets-fieldgroup {
  display: flex;
  flex-flow: column nowrap;
  margin-bottom: var(--pax-spacing);
}

@media (min-width: 800px) {
  .pax-detail-fieldsets-fieldgroup {
    flex-flow: row wrap;
    gap: 0 calc(var(--pax-spacing) * 2);
  }
}
.pax-detail-fieldsets-field {
  flex: 1 0 0%;
  display: flex;
  flex-flow: column nowrap;
}

.pax-detail-fieldsets-field-label {
  margin-bottom: calc(var(--pax-spacing) * 0.2);
}

/* Variables for use in all Pax CSS. Easily override this in your own CSS on the .pax class */
.pax-interface {
  /* Generic spacing used in a few places */
  --pax-spacing: 1em;
}

.pax-loading {
  margin: calc(var(--pax-spacing) * 2);
  font-size: 1.5em;
  text-align: center;
}

/*# sourceMappingURL=data:application/json;charset=utf-8,%7B%22version%22:3,%22sourceRoot%22:%22%22,%22sources%22:%5B%22../../assets/pax/css/pax.scss%22,%22../../assets/pax/css/components/pax-header.scss%22,%22../../assets/pax/css/components/pax-footer.scss%22,%22../../assets/pax/css/components/pax-title.scss%22,%22../../assets/pax/css/components/pax-button.scss%22,%22../../assets/pax/css/components/pax-badge.scss%22,%22../../assets/pax/css/components/pax-table.scss%22,%22../../assets/pax/css/components/pax-field.scss%22,%22../../assets/pax/css/components/pax-icon.scss%22,%22../../assets/pax/css/plugins/pax-breadcrumbs.scss%22,%22../../assets/pax/css/plugins/pax-pagination.scss%22,%22../../assets/pax/css/plugins/pax-index-table.scss%22,%22../../assets/pax/css/plugins/pax-detail-list.scss%22,%22../../assets/pax/css/plugins/pax-detail-fieldsets.scss%22%5D,%22names%22:%5B%5D,%22mappings%22:%22AAAA;AAAA;AAAA;AAAA;ACAA;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;ACzBJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;ACzBJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;ACbJ;EACI;;;AAGJ;AACI;EACA;;;AAGJ;AACA;EACI;EACA;EACA;EACA;EACA;;;ACfJ;EACI;EACA;EACA;EACA;EACA;;;ACLJ;AACA;EACI;;;AAGJ;AACA;AACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;EACA;;;AAGJ;EACI;;;ACtBJ;AAEA;AACI;AAAA;EAEA;;;AAGJ;AACA;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;;;ACtBJ;EACI;EACA;EACA;;;ARWJ;ASdA;EACI;EACA;EACA;EACA;;;ACJJ;EACI;EACA;;;AAGJ;EAMI;;AALA;EACI;EACA;;;ACRR;AAEA;EACI;;;ACHJ;AAEA;EACI;EACA;EACA;;;AAGJ;EACI;;;AAGJ;EACI;;;AAGJ;EACI;IACI;;EAGJ;IACI;IACA;IACA;;;ACxBR;AAEA;EACI;;;AAGJ;EACI;;;AAGJ;EACI;EACA;EACA;;;AAGJ;EACI;IACI;IACA;;;AAIR;EACI;EACA;EACA;;;AAGJ;EACI;;;AbRJ;AACA;AACI;EACA;;;AAGJ;EACI;EACA;EACA%22,%22file%22:%22pax.css%22%7D */