.widget .drawer {
  --popover-body-background: var(--color-ink-2ry);
  --popover-body-box-shadow: var(--box-shadow-z4);
  --popover-body-color: var(--color-ink-inverse-base);
  background-color: var(--popover-body-background);
  backdrop-filter: var(--backdrop-filter-blur-lg);
  border-radius: var(--border-radius-base) 0 0 var(--border-radius-base);
  box-shadow: none;
  color: var(--popover-body-color);
  display: flex;
  flex-direction: column;
  list-style: none;
  text-align: left;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  transition: translate var(--duration-sm) var(--easing-base), box-shadow var(--duration-md) var(--easing-base);
  translate: 100% 0;
  width: calc(100% - var(--size-7));
  z-index: var(--zindex-drawer);
}
.widget .drawer.is-open {
  box-shadow: var(--box-shadow-z4), 0 0 0 101vmax rgba(0, 0, 0, 0.5);
  translate: 0;
}
@media only screen and (min-width: 768px) and (min-height: 361px) {
  .widget .drawer {
    --popover-body-background: transparent;
    backdrop-filter: none;
    border-radius: 0;
    box-shadow: none;
    flex-direction: row;
    gap: var(--size-2);
    margin: 0;
    padding: 0;
    overflow: visible;
    position: static;
    translate: 0;
    width: auto;
    max-height: none;
  }
}
.widget .drawer-body {
  display: flex;
  gap: var(--size-2);
}
@media only screen and (max-width: 767px) {
  .widget .drawer-body {
    flex-direction: column;
    flex: 1;
    gap: 0;
    overflow-y: auto;
    padding-block: var(--size-2);
    padding-inline-start: calc(var(--padding-x-box) - var(--size-half));
    padding-inline-end: calc(var(--padding-x-box) / 3);
  }
  .widget .drawer-body .tablet-popover {
    width: 100%;
  }
  .widget .drawer-body .tablet-popover.is-range {
    order: -1;
  }
  .widget .drawer-body .tablet-popover.is-range .popover-content {
    padding-inline-start: var(--size-1);
    padding-inline-end: 0;
    overflow: visible;
  }
  .widget .drawer-body .tablet-popover.is-politicians .popover-title {
    margin-top: 2.4375rem;
  }
  .widget .drawer-body .popover-summary {
    display: none;
  }
  .widget .drawer-body .popover-body {
    max-width: calc(100% - var(--size-2));
    max-height: none;
  }
  .widget .drawer-body .popover-content {
    padding-inline-start: var(--size-1);
    padding-inline-end: var(--size-half);
  }
  .widget .drawer-body [id=filter-search] {
    margin-inline-start: var(--size-1);
    max-width: calc(100% - var(--size-1));
  }
  .widget .drawer-body .popover-footer {
    display: none;
  }
}
.widget :where(.drawer .person) > figure {
  max-width: calc(100% - 2.25rem);
}
.widget .drawer .popover-title {
  color: var(--color-ink-inverse-base);
  font-weight: 500;
  font-size: var(--font-size-base);
  line-height: var(--line-height-base);
  text-transform: uppercase;
  padding-bottom: 0.5625rem;
  padding-inline: var(--size-1);
}
@media only screen and (min-width: 768px) {
  .widget .drawer .popover-title {
    display: none;
  }
}
.widget .drawer-footer {
  border-top: 1px solid var(--color-ink-inverse-border);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-inline: var(--size-1);
  position: sticky;
  bottom: 0;
  width: 100%;
  height: 72px;
  z-index: 1;
}
.widget .drawer-footer > .btn:first-of-type {
  color: var(--color-brand-text-inverse);
}
@media only screen and (min-width: 768px) {
  .widget .drawer-footer {
    display: none;
  }
}

/*# sourceMappingURL=drawer.css.map */