*,
*::after,
*::before {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
}

::slotted([slot=page-heading]) {
  width: calc(100% + 32px);
  margin: 0 -16px 0 -16px;
}
@media (min-width: 36em) {
  ::slotted([slot=page-heading]) {
    width: calc(100% + 56px);
    margin: 0 -28px 0 -28px;
  }
}
@media (min-width: 62em) {
  ::slotted([slot=page-heading]) {
    width: calc(100% + 112px);
    margin: 0 -56px 0 -56px;
  }
}

:host(.center) ::slotted([slot=page-heading]) {
  width: calc(100% + 32px);
  margin: 0 -16px 0 -16px;
}
@media (min-width: 36em) {
  :host(.center) ::slotted([slot=page-heading]) {
    width: calc(100% + 96px);
    margin: 0 -48px 0 -48px;
  }
}
@media (min-width: 48em) {
  :host(.center) ::slotted([slot=page-heading]) {
    width: calc(100% + 144px);
    margin: 0 -72px 0 -72px;
  }
}

:host {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  border: 0;
  display: block;
  flex: 1 0 auto;
  width: 100%;
}

:host(.duet-middle) .duet-layout {
  padding: 36px 28px !important;
}
@media (min-width: 36em) {
  :host(.duet-middle) .duet-layout {
    padding: 48px 36px !important;
  }
}
@media (min-width: 62em) {
  :host(.duet-middle) .duet-layout {
    padding: 56px !important;
  }
}
:host(.duet-middle) .heading-wrapper {
  padding: 0 !important;
}

:host(.duet-ie) {
  height: 100%;
}

:host(.duet-middle.duet-ie) {
  height: auto;
}

.duet-layout-wrapper {
  display: block;
  margin: 48px 0 36px;
  overflow-x: clip;
}
@media (min-width: 36em) {
  .duet-layout-wrapper {
    margin-top: 72px;
  }
}
@media (min-width: 62em) {
  .duet-layout-wrapper {
    margin-bottom: 48px;
  }
}
.duet-layout-wrapper.duet-m-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.duet-layout-wrapper > * {
  width: 100%;
}

.duet-layout {
  position: relative;
  padding: 0 16px;
  margin: 0 auto;
}
@media (max-width: 20.5em) {
  .duet-layout.padding-xxx-small {
    padding: 0;
  }
}
@media (max-width: 22.5em) {
  .duet-layout.padding-xx-small {
    padding: 0;
  }
}
@media (max-width: 35.9375em) {
  .duet-layout.padding-x-small {
    padding: 0;
  }
}
@media (min-width: 36em) {
  .duet-layout.padding-small {
    padding: 0;
  }
}
@media (min-width: 48em) {
  .duet-layout.padding-medium {
    padding: 0;
  }
}
@media (min-width: 62em) {
  .duet-layout.padding-large {
    padding: 0;
  }
}
@media (min-width: 64.0625em) {
  .duet-layout.padding-x-large {
    padding: 0;
  }
}
@media (min-width: 76.25em) {
  .duet-layout.padding-xx-large {
    padding: 0;
  }
}
@media (min-width: 106.25em) {
  .duet-layout.padding-xxx-large {
    padding: 0;
  }
}
.duet-layout.duet-center {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 888px;
}
@media (min-width: 36em) {
  .duet-layout.duet-center {
    padding: 0 48px;
  }
}
@media (min-width: 48em) {
  .duet-layout.duet-center {
    padding: 0 72px;
  }
}
@media (min-width: 62em) {
  .duet-layout.duet-center {
    width: 100%;
  }
}
@media (min-width: 36em) {
  .duet-layout {
    padding: 0 28px;
  }
}
@media (min-width: 62em) {
  .duet-layout {
    display: flex;
    flex-direction: row;
    padding: 0 56px;
  }
}
@media (min-width: 76.25em) {
  .duet-layout {
    max-width: 1110px;
    padding: 0;
  }
}

.duet-main,
.duet-sidebar,
.duet-layout-top,
.duet-layout-bottom {
  display: block;
  width: 100%;
}

.duet-layout-top {
  position: relative;
  display: block;
  width: 100%;
}
.duet-layout-top .duet-layout-top-wrapper {
  padding: 0 20px;
  margin: 0 auto;
}
@media (min-width: 36em) {
  .duet-layout-top .duet-layout-top-wrapper {
    padding: 0 28px;
  }
}
@media (min-width: 62em) {
  .duet-layout-top .duet-layout-top-wrapper {
    padding: 0 56px;
  }
}
@media (min-width: 76.25em) {
  .duet-layout-top .duet-layout-top-wrapper {
    max-width: 1110px;
    padding: 0;
  }
}

.duet-center .duet-layout-top-wrapper {
  max-width: 888px;
}
@media (min-width: 36em) {
  .duet-center .duet-layout-top-wrapper {
    padding: 0 48px;
  }
}
@media (min-width: 48em) {
  .duet-center .duet-layout-top-wrapper {
    padding: 0 72px;
  }
}

@media (min-width: 62em) {
  .duet-main {
    min-width: 600px;
    margin: 0 auto;
  }
  .has-sidebar .duet-main {
    max-width: 734px;
    margin-right: 20px;
  }
}

@media (min-width: 62em) {
  .duet-sidebar {
    min-width: 256px;
    max-width: 356px;
  }
}

@media (min-width: 62em) {
  .duet-sidebar-container {
    width: auto;
    max-width: 356px;
  }
}
@media (min-width: 62em) {
  .duet-sidebar-container.has-tabs {
    margin-top: 89px;
  }
}
@media (min-width: 62em) {
  .duet-sidebar-container.sticky {
    position: sticky;
  }
  .duet-sidebar-container.sticky.with-links {
    top: calc(3rem + 20px);
  }
  .duet-sidebar-container.sticky.without-links {
    top: calc(4rem + 20px);
  }
}