:root {
  --black2: var(--mdc-theme-primary);
  --mdc-typography-font-family: Work Sans;
  --light-orange: #FFF1DE;
  --orange: #FF9300;
  --light-blue: #29ADFF;
  --blue: #2143E7;
  --dark-blue: #052E66;
  --green: #AED600;
  --disabled-color: gray;
  --disabled-bg-color: #D3D3D3;
  --mdc-theme-primary: var(--dark-blue);
  --mdc-theme-secondary: var(--light-blue); }

.arrow {
  margin: 0 10px;
  transition: transform 0.2s;
  -webkit-transition: -webkit-transform 0.2s; }

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg); }

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg); }

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg); }

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg); }

.avatar-icon {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  font-size: 24px;
  font-weight: 600;
  font-style: normal;
  color: #fff;
  line-height: 20px;
  text-align: center;
  background: #2143E7;
  display: inline-block; }

.mdc-typography {
  font-family: Rubic, sans-serif; }

.page-title {
  margin: 32px 0; }
  .page-title h4 {
    font-family: Work Sans;
    font-size: 32px;
    font-weight: 700;
    line-height: 40px;
    text-align: left;
    color: var(--mdc-theme-primary);
    margin-bottom: 0px; }
  .page-title .title-description {
    font-family: Work Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: left;
    color: var(--mdc-theme-primary); }

body {
  background-color: #F9FBFF; }

.top-panel-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 101; }

a.mdc-button {
  text-decoration: none; }

.app-content {
  background-color: #F9FBFF;
  padding-top: 64px; }

.breadcrumb {
  top: 64px;
  padding: 32px 10%;
  width: 100%;
  opacity: 1;
  background: #F9FBFF;
  position: fixed;
  z-index: 100;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); }
  .breadcrumb a:last-of-type {
    font-weight: 600;
    opacity: 1.0; }
  .breadcrumb .breadcrumb__title,
  .breadcrumb a {
    gap: 12px;
    margin-bottom: 24px;
    font-family: Work Sans;
    font-size: 18px;
    font-weight: 500;
    text-decoration: none;
    line-height: 24px;
    color: var(--mdc-theme-primary);
    opacity: 0.8; }

.split-datetime {
  margin-top: 12px;
  display: flex;
  gap: 12px; }
  .split-datetime .MDCField {
    margin-bottom: 0 !important; }
    .split-datetime .MDCField:nth-child(1) {
      flex-grow: 1; }

.mdc-deprecated-list-item {
  align-items: center; }

.app-content--container {
  margin-top: 80px !important; }
  .app-content--container .page-subtitle {
    font-family: Work Sans;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    text-align: left;
    color: var(--mdc-theme-primary);
    margin: 12px 0px; }
  .app-content--container .subtitle-description {
    font-family: Work Sans;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    color: var(--mdc-theme-primary);
    margin: 12px 0px; }
  .app-content--container .divider {
    width: 100%;
    height: 1px;
    margin: 32px 0;
    background-color: #D2E2FF; }
  .app-content--container .app-content__main {
    min-width: 450px;
    max-width: 850px;
    width: calc(100% - 64px);
    padding: 12px 32px;
    margin: 0 auto; }
  .app-content--container .pdf-preview-container {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-around;
    padding: 32px 0px;
    color: var(--mdc-theme-primary);
    font-family: Work Sans;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    text-align: left; }
    .app-content--container .pdf-preview-container h5 {
      color: var(--mdc-theme-primary);
      font-family: Work Sans;
      font-size: 20px;
      font-weight: 600;
      margin-bottom: 24px;
      text-transform: none; }
    .app-content--container .pdf-preview-container .mdc-button i {
      margin-right: 12px; }
    .app-content--container .pdf-preview-container .mdc-button.mdc-button--raised:not(.black-button) {
      background-color: #E2EEFF;
      color: var(--mdc-theme-primary);
      border-radius: 25px;
      box-shadow: none; }
      .app-content--container .pdf-preview-container .mdc-button.mdc-button--raised:not(.black-button) .mdc-button__label {
        background-color: #E2EEFF;
        color: var(--mdc-theme-primary); }

.election-container .mdc-button i {
  margin-right: 12px; }

.election-container .mdc-button.mdc-button--raised:not(.black-button) {
  background-color: #E2EEFF;
  color: var(--mdc-theme-primary);
  border-radius: 25px;
  box-shadow: none; }
  .election-container .mdc-button.mdc-button--raised:not(.black-button) .mdc-button__label {
    background-color: #E2EEFF;
    color: var(--mdc-theme-primary); }

.election-container .breadcrumb {
  left: 350px;
  z-index: 100;
  padding: 32px; }

.election-container .sidebar {
  position: fixed;
  left: 0;
  top: 64px;
  width: 350px;
  height: 100%;
  z-index: 100;
  background-color: #EEF5FF; }
  .election-container .sidebar .page-title {
    padding: 32px;
    border-bottom: 1px solid #D2E2FF; }
    .election-container .sidebar .page-title h4 {
      font-family: Work Sans;
      font-size: 32px;
      font-weight: 700;
      line-height: 40px;
      text-align: left;
      margin: 0; }
    .election-container .sidebar .page-title .title-description {
      font-family: Work Sans;
      font-size: 16px;
      font-weight: 400;
      line-height: 24px;
      text-align: left; }
  .election-container .sidebar .mdc-deprecated-list {
    display: flex;
    flex-flow: column nowrap;
    gap: 24px;
    width: calc(100% - 64px);
    padding: 32px; }
    .election-container .sidebar .mdc-deprecated-list .mdc-deprecated-list-item .mdc-deprecated-list-item__text {
      width: 100%;
      display: flex;
      flex-flow: row nowrap;
      gap: 12px;
      align-items: end;
      color: var(--mdc-theme-primary);
      font-family: Work Sans;
      font-size: 16px;
      font-weight: 600; }
      .election-container .sidebar .mdc-deprecated-list .mdc-deprecated-list-item .mdc-deprecated-list-item__text .menu-entry {
        flex-grow: 1; }
      .election-container .sidebar .mdc-deprecated-list .mdc-deprecated-list-item .mdc-deprecated-list-item__text .material-icons {
        flex-shrink: 1; }
        .election-container .sidebar .mdc-deprecated-list .mdc-deprecated-list-item .mdc-deprecated-list-item__text .material-icons.icon-green {
          color: var(--green); }
        .election-container .sidebar .mdc-deprecated-list .mdc-deprecated-list-item .mdc-deprecated-list-item__text .material-icons.icon-orange {
          color: var(--orange); }

.election-container .details-container__container {
  position: absolute;
  width: calc(100% - 414px);
  left: 350px;
  padding: 0 32px;
  background-color: #F9FBFF;
  display: flex;
  flex-flow: row nowrap;
  margin-top: 80px; }
  .election-container .details-container__container .membre-item {
    background-color: white;
    cursor: auto; }
    .election-container .details-container__container .membre-item::before {
      display: none; }
    .election-container .details-container__container .membre-item .mdc-deprecated-list-item__ripple {
      opacity: 0; }
    .election-container .details-container__container .membre-item .mdc-deprecated-chip {
      pointer-events: none;
      border-radius: 3px;
      font-size: 9px;
      width: 300px;
      display: flex;
      flex-flow: row nowrap;
      justify-content: center;
      height: 24px; }
      .election-container .details-container__container .membre-item .mdc-deprecated-chip.pending {
        background-color: #F9DEDC; }
      .election-container .details-container__container .membre-item .mdc-deprecated-chip.verified {
        background-color: #CEDF86; }
      .election-container .details-container__container .membre-item .mdc-deprecated-chip i {
        font-size: 12px; }
  .election-container .details-container__container .page-title {
    scroll-margin-top: 160px; }
  .election-container .details-container__container .listgroup-section {
    color: var(--mdc-theme-primary);
    margin: 32px 0px; }
    .election-container .details-container__container .listgroup-section h6 {
      color: var(--mdc-theme-primary);
      font-family: Work Sans;
      font-size: 24px;
      font-weight: 600;
      line-height: 20px;
      letter-spacing: 0.15000000596046448px;
      text-align: left;
      margin: 12px 0px; }
    .election-container .details-container__container .listgroup-section .listgroup-subtext {
      color: var(--mdc-theme-primary);
      display: flex;
      flex-flow: row nowrap;
      justify-content: space-between;
      align-items: center;
      font-family: Work Sans;
      font-size: 16px;
      font-weight: 300;
      line-height: 16px;
      text-align: left; }
      .election-container .details-container__container .listgroup-section .listgroup-subtext button {
        margin: 0; }
    .election-container .details-container__container .listgroup-section .listgroup-form-container {
      display: flex;
      flex-flow: row nowrap;
      justify-content: center;
      gap: 24px;
      margin: auto;
      margin-bottom: 40px;
      margin-top: 16px;
      background-color: white;
      padding: 24px;
      border-radius: 15px; }
      .election-container .details-container__container .listgroup-section .listgroup-form-container upload-form {
        width: 50%; }
      .election-container .details-container__container .listgroup-section .listgroup-form-container .listgroup-form-file-field {
        height: 250px;
        flex-grow: 1;
        border: 2px dashed var(--mdc-theme-primary);
        border-radius: 15px;
        background-color: #EFF5FF;
        padding: 24px;
        display: flex;
        gap: 16px;
        flex-flow: column nowrap;
        justify-content: center;
        align-items: center; }
        .election-container .details-container__container .listgroup-section .listgroup-form-container .listgroup-form-file-field.delete-field {
          border: 1px solid #D2E2FF; }
        .election-container .details-container__container .listgroup-section .listgroup-form-container .listgroup-form-file-field i {
          font-size: 32px;
          font-weight: 600; }
        .election-container .details-container__container .listgroup-section .listgroup-form-container .listgroup-form-file-field .file-field-label {
          font-size: 20px; }
        .election-container .details-container__container .listgroup-section .listgroup-form-container .listgroup-form-file-field .file-field-sublabel {
          color: #466385;
          font-weight: 500; }
        .election-container .details-container__container .listgroup-section .listgroup-form-container .listgroup-form-file-field .mdc-button {
          width: 90%;
          margin: 12px 24px;
          background-color: #E2EEFF;
          color: var(--mdc-theme-primary);
          border-radius: 25px;
          box-shadow: none;
          padding: 24px; }
          .election-container .details-container__container .listgroup-section .listgroup-form-container .listgroup-form-file-field .mdc-button .mdc-button__label {
            background-color: #E2EEFF;
            color: #052E66; }
        .election-container .details-container__container .listgroup-section .listgroup-form-container .listgroup-form-file-field .mdc-button:disabled {
          pointer-events: none;
          background-color: var(--disabled-bg-color);
          color: var(--disabled-color); }
          .election-container .details-container__container .listgroup-section .listgroup-form-container .listgroup-form-file-field .mdc-button:disabled .mdc-button__ripple,
          .election-container .details-container__container .listgroup-section .listgroup-form-container .listgroup-form-file-field .mdc-button:disabled .mdc-button__label {
            background-color: var(--disabled-bg-color);
            color: var(--disabled-color); }
        .election-container .details-container__container .listgroup-section .listgroup-form-container .listgroup-form-file-field delete-file-btn {
          position: relative;
          width: 100%;
          height: 100%;
          display: flex; }
          .election-container .details-container__container .listgroup-section .listgroup-form-container .listgroup-form-file-field delete-file-btn img {
            width: 100%;
            object-fit: contain; }
          .election-container .details-container__container .listgroup-section .listgroup-form-container .listgroup-form-file-field delete-file-btn .delete-icon-container {
            position: absolute;
            bottom: 0;
            text-align: center;
            width: 100%; }
            .election-container .details-container__container .listgroup-section .listgroup-form-container .listgroup-form-file-field delete-file-btn .delete-icon-container i {
              cursor: pointer; }
  .election-container .details-container__container .side-container {
    max-width: 450px;
    position: relative;
    background-color: #F9FBFF;
    position: fixed;
    left: 75%;
    width: 20%;
    height: 100%;
    margin-left: 32px; }
    .election-container .details-container__container .side-container .mdc-button {
      text-wrap: nowrap;
      text-overflow: ellipsis; }
    .election-container .details-container__container .side-container .mdc-button:disabled {
      pointer-events: none;
      background-color: var(--disabled-bg-color);
      color: var(--disabled-color); }
      .election-container .details-container__container .side-container .mdc-button:disabled .mdc-button__ripple,
      .election-container .details-container__container .side-container .mdc-button:disabled .mdc-button__label {
        background-color: var(--disabled-bg-color);
        color: var(--disabled-color); }
    .election-container .details-container__container .side-container .side-actions {
      margin-left: 30px;
      margin-top: -30px; }
      .election-container .details-container__container .side-container .side-actions .mdc-form-field {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        cursor: pointer; }
      .election-container .details-container__container .side-container .side-actions input[type="checkbox"] {
        appearance: none; }
        .election-container .details-container__container .side-container .side-actions input[type="checkbox"] + i {
          font-size: 24px;
          color: #466385;
          transform: translateY(-10px);
          margin: 0 12px; }
    .election-container .details-container__container .side-container .progress-container {
      padding: 24px;
      padding-left: 56px;
      opacity: 0.3; }
      .election-container .details-container__container .side-container .progress-container.active {
        opacity: 1; }
      .election-container .details-container__container .side-container .progress-container .progress-step {
        height: 70px;
        border-left: 1px dashed #D2E2FF; }
        .election-container .details-container__container .side-container .progress-container .progress-step::before {
          display: inline-block;
          font-size: 16px;
          margin-right: 12px;
          border-radius: 50%;
          border: 1px solid var(--mdc-theme-primary);
          width: 19px;
          text-align: center;
          margin-left: -17px;
          background-color: white;
          padding: 8px; }
        .election-container .details-container__container .side-container .progress-container .progress-step.step-1::before {
          content: '1'; }
        .election-container .details-container__container .side-container .progress-container .progress-step.step-2::before {
          content: '2'; }
        .election-container .details-container__container .side-container .progress-container .progress-step.step-3::before {
          content: '3'; }
        .election-container .details-container__container .side-container .progress-container .progress-step.step-4::before {
          content: '4'; }
        .election-container .details-container__container .side-container .progress-container .progress-step.progress-step--current::before {
          border: none;
          background-color: #2143E7;
          color: white; }
        .election-container .details-container__container .side-container .progress-container .progress-step.progress-step--done {
          border-left-style: solid; }
        .election-container .details-container__container .side-container .progress-container .progress-step.progress-step--done::before {
          border: none;
          font-family: 'Material Icons';
          content: 'check';
          width: 18px;
          background-color: var(--green);
          color: white; }
        .election-container .details-container__container .side-container .progress-container .progress-step.progress-step--done span::after {
          content: 'ETAPE COMPLETEE';
          font-family: Work Sans;
          font-size: 12px;
          color: var(--green);
          display: block;
          position: relative; }
        .election-container .details-container__container .side-container .progress-container .progress-step:last-of-type, .election-container .details-container__container .side-container .progress-container .progress-step:last-of-type.progress-step--done {
          border-left: none !important; }
        .election-container .details-container__container .side-container .progress-container .progress-step .progress-step__label {
          font-family: Work Sans;
          font-size: 14px;
          font-weight: 500;
          line-height: 20px;
          letter-spacing: 0.10000000149011612px;
          text-align: left;
          position: absolute;
          margin-top: 8px; }
  .election-container .details-container__container .details-container {
    position: relative;
    background-color: #F9FBFF;
    font-family: Work Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: left;
    width: 70%; }
    .election-container .details-container__container .details-container .mdc-button:disabled {
      pointer-events: none;
      background-color: var(--disabled-bg-color);
      color: var(--disabled-color); }
      .election-container .details-container__container .details-container .mdc-button:disabled .mdc-button__ripple,
      .election-container .details-container__container .details-container .mdc-button:disabled .mdc-button__label {
        background-color: var(--disabled-bg-color);
        color: var(--disabled-color); }
    .election-container .details-container__container .details-container .divider {
      width: 100%;
      height: 1px;
      margin: 32px 0;
      background-color: #D2E2FF; }
    .election-container .details-container__container .details-container .candidate-actions,
    .election-container .details-container__container .details-container .electors-actions {
      margin-top: 24px;
      margin-bottom: 24px;
      display: flex;
      flex-flow: row nowrap;
      gap: 24px; }
    .election-container .details-container__container .details-container .election-info-container {
      display: flex;
      flex-flow: row nowrap;
      gap: 12px;
      justify-content: space-between;
      margin-bottom: 24px; }
      .election-container .details-container__container .details-container .election-info-container .election-info {
        background-color: white;
        border-radius: 8px;
        padding: 16px;
        display: flex;
        flex-flow: column nowrap;
        gap: 12px;
        width: 30%;
        font-family: Work Sans;
        font-size: 12px;
        font-weight: 400;
        color: #466385; }
        .election-container .details-container__container .details-container .election-info-container .election-info h5 {
          margin: 0px;
          display: flex;
          color: var(--mdc-theme-primary);
          gap: 10px;
          align-items: center;
          font-size: 24px; }
          .election-container .details-container__container .details-container .election-info-container .election-info h5 i {
            font-size: 24px; }
    .election-container .details-container__container .details-container .members-container .mdc-deprecated-list {
      background-color: #EEF5FF;
      gap: 2px;
      display: flex;
      flex-flow: column;
      margin: 0;
      padding: 0; }
      .election-container .details-container__container .details-container .members-container .mdc-deprecated-list .membre-item .mdc-deprecated-list-item__text {
        width: 100%;
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        font-family: Work Sans;
        color: var(--mdc-theme-primary);
        font-size: 12px; }
        .election-container .details-container__container .details-container .members-container .mdc-deprecated-list .membre-item .mdc-deprecated-list-item__text .membre-role {
          width: 16%; }
        .election-container .details-container__container .details-container .members-container .mdc-deprecated-list .membre-item .mdc-deprecated-list-item__text .membre-email,
        .election-container .details-container__container .details-container .members-container .mdc-deprecated-list .membre-item .mdc-deprecated-list-item__text .membre-name {
          width: 38%; }
        .election-container .details-container__container .details-container .members-container .mdc-deprecated-list .membre-item .mdc-deprecated-list-item__text .membre-name {
          font-weight: 700; }
        .election-container .details-container__container .details-container .members-container .mdc-deprecated-list .membre-item .mdc-deprecated-list-item__text .membre-email,
        .election-container .details-container__container .details-container .members-container .mdc-deprecated-list .membre-item .mdc-deprecated-list-item__text .membre-role {
          font-weight: 400; }
        .election-container .details-container__container .details-container .members-container .mdc-deprecated-list .membre-item .mdc-deprecated-list-item__text .material-icons {
          color: #466385; }
    .election-container .details-container__container .details-container .page-title__container {
      display: flex;
      flex-flow: column nowrap;
      justify-content: flex-start;
      align-items: flex-start; }
      .election-container .details-container__container .details-container .page-title__container h5, .election-container .details-container__container .details-container .page-title__container h6 {
        display: flex;
        align-items: center;
        margin-bottom: 24px; }
        .election-container .details-container__container .details-container .page-title__container h5 .material-icons, .election-container .details-container__container .details-container .page-title__container h6 .material-icons {
          font-size: 32px;
          margin-right: 12px; }
          .election-container .details-container__container .details-container .page-title__container h5 .material-icons.icon-green, .election-container .details-container__container .details-container .page-title__container h6 .material-icons.icon-green {
            color: var(--green); }
          .election-container .details-container__container .details-container .page-title__container h5 .material-icons.icon-orange, .election-container .details-container__container .details-container .page-title__container h6 .material-icons.icon-orange {
            color: var(--orange); }
      .election-container .details-container__container .details-container .page-title__container h6 {
        padding: 0 6px;
        font-size: 20px; }
        .election-container .details-container__container .details-container .page-title__container h6 .material-icons {
          font-size: 20px; }

.events-container {
  display: flex;
  flex-flow: column nowrap;
  gap: 16px; }
  .events-container .events-row {
    display: flex;
    flex-flow: row nowrap;
    gap: 16px; }
  .events-container .event-card {
    display: flex;
    flex-flow: column nowrap;
    width: 50%;
    background-color: white;
    border-left: 5px solid #D2E2FF;
    border-radius: 8px;
    padding: 12px; }
    .events-container .event-card.pending {
      border-color: var(--green); }
      .events-container .event-card.pending .event-card__header {
        background-color: #EFF6CF; }
    .events-container .event-card.unscheduled {
      border-color: var(--orange); }
      .events-container .event-card.unscheduled .event-card__header {
        background-color: #F9DEDC; }
    .events-container .event-card.done {
      opacity: 0.3;
      border-color: var(--green); }
      .events-container .event-card.done .event-card__header {
        background-color: #EFF6CF; }
    .events-container .event-card .event-card__header {
      text-transform: uppercase;
      font-family: Work Sans;
      font-size: 7.5px;
      font-weight: 500;
      line-height: 7px;
      letter-spacing: 0.5px;
      text-align: left;
      width: fit-content;
      padding: 5px; }
    .events-container .event-card .event-card__title {
      font-family: Work Sans;
      font-size: 16px;
      font-weight: 500;
      line-height: 20px;
      letter-spacing: 0.1;
      text-align: left;
      margin: 16px 0;
      margin-top: 4px;
      color: #052E66; }
    .events-container .event-card .event-card__datetime {
      display: flex;
      flex-flow: row nowrap;
      gap: 16px; }
      .events-container .event-card .event-card__datetime .event-card__date,
      .events-container .event-card .event-card__datetime .event-card__time {
        font-family: Work Sans;
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
        text-align: left; }
      .events-container .event-card .event-card__datetime .event-card__time {
        color: #466385; }

.election-container {
  background-color: #F9FBFF; }
  .election-container .breadcrumb {
    background-color: #F9FBFF; }

.form--inline {
  display: flex;
  flex-flow: row nowrap;
  gap: 24px;
  justify-content: space-between;
  align-items: center; }
  .form--inline .MDCField {
    display: flex;
    flex-flow: row nowrap;
    gap: 32px; }
    .form--inline .MDCField:nth-child(1) {
      flex-grow: 1; }
      .form--inline .MDCField:nth-child(1) label {
        width: 100%; }

.app-content--container,
.election-container {
  display: flex;
  flex-direction: column;
  align-self: center;
  gap: 24px;
  margin: 0px auto;
  color: var(--mdc-theme-primary); }
  .app-content--container .form-actions,
  .election-container .form-actions {
    margin-top: 16px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-end;
    align-items: center; }
    .app-content--container .form-actions .mdc-button,
    .election-container .form-actions .mdc-button {
      margin: 0px !important;
      margin-left: 32px !important;
      font-size: 16px; }
  .app-content--container .mdc-button--outlined,
  .election-container .mdc-button--outlined {
    border-radius: 30px; }
    .app-content--container .mdc-button--outlined .mdc-button__ripple,
    .election-container .mdc-button--outlined .mdc-button__ripple {
      border-radius: 30px; }
  .app-content--container .mdc-button--raised.black-button,
  .election-container .mdc-button--raised.black-button {
    --mdc-theme-primary: #2143E7;
    background-color: var(--mdc-theme-primary);
    border-radius: 30px; }
    .app-content--container .mdc-button--raised.black-button .mdc-button__label,
    .election-container .mdc-button--raised.black-button .mdc-button__label {
      background-color: var(--mdc-theme-primary);
      border-radius: 30px; }
  .app-content--container .mdc-button,
  .app-content--container .mdc-button--raised,
  .app-content--container .mdc-button--outlined,
  .election-container .mdc-button,
  .election-container .mdc-button--raised,
  .election-container .mdc-button--outlined {
    --mdc-typography-font-family: Work Sans;
    font-family: Work Sans;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.5px;
    font-weight: 600;
    text-transform: unset;
    margin-top: 32px; }
  .app-content--container .form__actions,
  .election-container .form__actions {
    display: flex;
    justify-content: space-between; }
    .app-content--container .form__actions button,
    .election-container .form__actions button {
      margin-left: auto; }
  .app-content--container .site-form .site-form__colors,
  .app-content--container .site-form .site-form__checkboxes,
  .election-container .site-form .site-form__colors,
  .election-container .site-form .site-form__checkboxes {
    display: flex;
    flex-flow: column nowrap;
    gap: 32px;
    text-align: center;
    margin: 32px; }
    .app-content--container .site-form .site-form__colors .color-section,
    .app-content--container .site-form .site-form__colors .checkbox-section,
    .app-content--container .site-form .site-form__checkboxes .color-section,
    .app-content--container .site-form .site-form__checkboxes .checkbox-section,
    .election-container .site-form .site-form__colors .color-section,
    .election-container .site-form .site-form__colors .checkbox-section,
    .election-container .site-form .site-form__checkboxes .color-section,
    .election-container .site-form .site-form__checkboxes .checkbox-section {
      display: flex;
      flex-flow: row nowrap; }
      .app-content--container .site-form .site-form__colors .color-section .MDCField,
      .app-content--container .site-form .site-form__colors .checkbox-section .MDCField,
      .app-content--container .site-form .site-form__checkboxes .color-section .MDCField,
      .app-content--container .site-form .site-form__checkboxes .checkbox-section .MDCField,
      .election-container .site-form .site-form__colors .color-section .MDCField,
      .election-container .site-form .site-form__colors .checkbox-section .MDCField,
      .election-container .site-form .site-form__checkboxes .color-section .MDCField,
      .election-container .site-form .site-form__checkboxes .checkbox-section .MDCField {
        display: flex;
        flex-flow: column nowrap;
        margin: auto; }
        .app-content--container .site-form .site-form__colors .color-section .MDCField label,
        .app-content--container .site-form .site-form__colors .checkbox-section .MDCField label,
        .app-content--container .site-form .site-form__checkboxes .color-section .MDCField label,
        .app-content--container .site-form .site-form__checkboxes .checkbox-section .MDCField label,
        .election-container .site-form .site-form__colors .color-section .MDCField label,
        .election-container .site-form .site-form__colors .checkbox-section .MDCField label,
        .election-container .site-form .site-form__checkboxes .color-section .MDCField label,
        .election-container .site-form .site-form__checkboxes .checkbox-section .MDCField label {
          text-align: left; }
  .app-content--container .site-form form .MDCField label.color-label,
  .app-content--container .site-form form .MDCField.switch-field label,
  .election-container .site-form form .MDCField label.color-label,
  .election-container .site-form form .MDCField.switch-field label {
    display: inline-block;
    width: 150px; }
  .app-content--container .form-status__pending,
  .election-container .form-status__pending {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    padding: 5px;
    margin-bottom: 4px;
    font-size: small;
    font-family: Work Sans;
    font-weight: 500;
    border-radius: 5px;
    color: #466385;
    background-color: var(--light-orange); }
    .app-content--container .form-status__pending .bubble,
    .election-container .form-status__pending .bubble {
      font-size: medium;
      width: 16px;
      height: 16px;
      color: white;
      border-radius: 50%;
      margin: 0 12px; }
  .app-content--container .form-description,
  .election-container .form-description {
    margin: 32px 0; }
    .app-content--container .form-description h4,
    .election-container .form-description h4 {
      text-transform: unset;
      color: var(--mdc-theme-primary);
      font-weight: 500;
      font-size: 24px;
      line-height: 0px; }
    .app-content--container .form-description p,
    .election-container .form-description p {
      font-family: Work Sans;
      font-size: 14px;
      line-height: 8px; }
      .app-content--container .form-description p a,
      .election-container .form-description p a {
        color: var(--mdc-theme-primary);
        text-decoration: underline;
        font-weight: 600; }
  .app-content--container form,
  .election-container form {
    --mdc-shape-small: 5px;
    --mdc-theme-primary: #2143E7; }
    .app-content--container form .mdc-text-field:not(.mdc-text-field--invalid):has(> .pending),
    .election-container form .mdc-text-field:not(.mdc-text-field--invalid):has(> .pending) {
      border-color: var(--orange); }
      .app-content--container form .mdc-text-field:not(.mdc-text-field--invalid):has(> .pending) .mdc-notched-outline:has(+ .pending) .mdc-notched-outline__leading,
      .app-content--container form .mdc-text-field:not(.mdc-text-field--invalid):has(> .pending) .mdc-notched-outline:has(+ .pending) .mdc-notched-outline__trailing,
      .app-content--container form .mdc-text-field:not(.mdc-text-field--invalid):has(> .pending) .mdc-notched-outline:has(+ .pending) .mdc-notched-outline__notch,
      .election-container form .mdc-text-field:not(.mdc-text-field--invalid):has(> .pending) .mdc-notched-outline:has(+ .pending) .mdc-notched-outline__leading,
      .election-container form .mdc-text-field:not(.mdc-text-field--invalid):has(> .pending) .mdc-notched-outline:has(+ .pending) .mdc-notched-outline__trailing,
      .election-container form .mdc-text-field:not(.mdc-text-field--invalid):has(> .pending) .mdc-notched-outline:has(+ .pending) .mdc-notched-outline__notch {
        border-color: var(--orange); }
    .app-content--container form .form-field,
    .election-container form .form-field {
      margin-bottom: 32px; }
    .app-content--container form h6,
    .election-container form h6 {
      color: var(--black2);
      font-family: 'Work Sans';
      font-size: 18px;
      font-weight: 500;
      margin: 12px 0px;
      letter-spacing: 0.5px; }
    .app-content--container form .description,
    .election-container form .description {
      padding: 0px;
      font-family: 'Work Sans';
      font-size: 12px;
      font-weight: 400;
      line-height: 16px;
      text-align: left; }
    .app-content--container form .mdc-button,
    .election-container form .mdc-button {
      margin: 12px 0px; }
    .app-content--container form .mdc-button:disabled,
    .election-container form .mdc-button:disabled {
      pointer-events: none;
      background-color: var(--disabled-bg-color);
      color: var(--disabled-color); }
      .app-content--container form .mdc-button:disabled .mdc-button__ripple,
      .app-content--container form .mdc-button:disabled .mdc-button__label,
      .election-container form .mdc-button:disabled .mdc-button__ripple,
      .election-container form .mdc-button:disabled .mdc-button__label {
        color: var(--disabled-color);
        background-color: var(--disabled-bg-color);
        border-radius: 50px; }
  .app-content--container .mdc-deprecated-list-item--disabled,
  .app-content--container .mdc-deprecated-list-item--disabled a,
  .election-container .mdc-deprecated-list-item--disabled,
  .election-container .mdc-deprecated-list-item--disabled a {
    opacity: 0.5;
    pointer-events: none; }
  .app-content--container .tip,
  .election-container .tip {
    font-family: Work Sans;
    font-size: 12px;
    font-weight: 500;
    line-height: 24px;
    text-align: left;
    border-radius: 16px;
    background-color: #FDF2B8;
    padding: 0 12px;
    width: fit-content;
    margin-bottom: 12px; }
  .app-content--container .letter-card,
  .election-container .letter-card {
    display: flex;
    padding: 16px;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    align-self: stretch;
    border-radius: 6px;
    background: var(--Alternative-pink, #FEF1FF); }
    .app-content--container .letter-card a[disabled="true"],
    .election-container .letter-card a[disabled="true"] {
      pointer-events: none;
      background-color: var(--disabled-bg-color);
      color: var(--disabled-color); }
      .app-content--container .letter-card a[disabled="true"] .mdc-button__ripple,
      .app-content--container .letter-card a[disabled="true"] .mdc-button__label,
      .election-container .letter-card a[disabled="true"] .mdc-button__ripple,
      .election-container .letter-card a[disabled="true"] .mdc-button__label {
        background-color: var(--disabled-bg-color);
        color: var(--disabled-color); }
      .app-content--container .letter-card a[disabled="true"] i,
      .election-container .letter-card a[disabled="true"] i {
        animation: rotation 2s infinite linear;
        -webkit-animation: rotation 2s infinite linear; }
    .app-content--container .letter-card.pending,
    .election-container .letter-card.pending {
      background: var(--light-orange, #FFF1DE); }
    .app-content--container .letter-card.to_download,
    .election-container .letter-card.to_download {
      background: #FFF2F2; }
    .app-content--container .letter-card.done,
    .election-container .letter-card.done {
      background: #FEF1FF; }
    .app-content--container .letter-card.unknown,
    .election-container .letter-card.unknown {
      background: #F9DEDC; }
    .app-content--container .letter-card .letter-card__title,
    .election-container .letter-card .letter-card__title {
      color: var(--M3-sys-light-on-background, #052E66);
      /* M3/title/medium semi bold */
      font-family: "Work Sans";
      font-size: 20px;
      font-style: normal;
      font-weight: 600;
      line-height: 20px;
      /* 125% */
      letter-spacing: 0.15px;
      margin: 8px 20px; }
    .app-content--container .letter-card .letter-card__content,
    .election-container .letter-card .letter-card__content {
      color: var(--M3-sys-light-on-background, #052E66);
      /* M3/body/medium */
      font-family: "Work Sans";
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 20px;
      /* 143% */
      letter-spacing: 0.1px;
      margin: 8px 20px; }
    .app-content--container .letter-card .letter-card__info,
    .election-container .letter-card .letter-card__info {
      display: flex;
      align-items: center;
      gap: 8px;
      color: var(--M3-sys-light-on-surface-variant, #466385);
      font-family: "Work Sans";
      font-size: 14px;
      font-style: normal;
      font-weight: 500;
      line-height: 13px;
      /* 130% */
      margin: 0px 20px; }
  .app-content--container .card-list-item,
  .election-container .card-list-item {
    color: var(--mdc-theme-primary);
    height: 112px;
    border-radius: 10px;
    background-color: #EFF5FF;
    padding-left: 0;
    margin-bottom: 12px; }
    .app-content--container .card-list-item.mdc .app-content--container .card-list-item.detail-card, .app-content--container .card-list-item.mdc .election-container .card-list-item.detail-card,
    .election-container .card-list-item.mdc .app-content--container .card-list-item.detail-card,
    .election-container .card-list-item.mdc .election-container .card-list-item.detail-card {
      border-radius: 5px; }
      .app-content--container .card-list-item.mdc .app-content--container .card-list-item.detail-card .mdc-deprecated-list-item__text .mdc-deprecated-list-item__primary-text, .app-content--container .card-list-item.mdc .election-container .card-list-item.detail-card .mdc-deprecated-list-item__text .mdc-deprecated-list-item__primary-text,
      .election-container .card-list-item.mdc .app-content--container .card-list-item.detail-card .mdc-deprecated-list-item__text .mdc-deprecated-list-item__primary-text,
      .election-container .card-list-item.mdc .election-container .card-list-item.detail-card .mdc-deprecated-list-item__text .mdc-deprecated-list-item__primary-text {
        font-size: 20px;
        font-weight: 600; }
        .app-content--container .card-list-item.mdc .app-content--container .card-list-item.detail-card .mdc-deprecated-list-item__text .mdc-deprecated-list-item__primary-text::before, .app-content--container .card-list-item.mdc .election-container .card-list-item.detail-card .mdc-deprecated-list-item__text .mdc-deprecated-list-item__primary-text::before,
        .election-container .card-list-item.mdc .app-content--container .card-list-item.detail-card .mdc-deprecated-list-item__text .mdc-deprecated-list-item__primary-text::before,
        .election-container .card-list-item.mdc .election-container .card-list-item.detail-card .mdc-deprecated-list-item__text .mdc-deprecated-list-item__primary-text::before {
          content: none; }
    .app-content--container .card-list-item.detail-card.pending, .app-content--container .card-list-item.detail-card.pending .mdc-button,
    .election-container .card-list-item.detail-card.pending,
    .election-container .card-list-item.detail-card.pending .mdc-button {
      background-color: #FFF1DE; }
    .app-content--container .card-list-item .bubble-in-card,
    .election-container .card-list-item .bubble-in-card {
      color: white;
      border-radius: 50px;
      position: absolute;
      left: 75px;
      top: 10px;
      width: 17px;
      height: 17px;
      font-size: 17px; }
    .app-content--container .card-list-item .mdc-deprecated-list-item__text,
    .election-container .card-list-item .mdc-deprecated-list-item__text {
      margin-left: 32px; }
      .app-content--container .card-list-item .mdc-deprecated-list-item__text .mdc-deprecated-list-item__primary-text,
      .election-container .card-list-item .mdc-deprecated-list-item__text .mdc-deprecated-list-item__primary-text {
        margin-left: 0px;
        margin-bottom: 0px;
        font-family: Work Sans;
        font-size: 18px;
        font-weight: 500; }
      .app-content--container .card-list-item .mdc-deprecated-list-item__text .mdc-deprecated-list-item__secondary-text,
      .election-container .card-list-item .mdc-deprecated-list-item__text .mdc-deprecated-list-item__secondary-text {
        color: var(--mdc-theme-primary);
        font-family: Work Sans;
        font-size: 14px;
        font-weight: 500;
        text-align: left;
        display: flex;
        flex-flow: row wrap; }
        .app-content--container .card-list-item .mdc-deprecated-list-item__text .mdc-deprecated-list-item__secondary-text p,
        .election-container .card-list-item .mdc-deprecated-list-item__text .mdc-deprecated-list-item__secondary-text p {
          display: inline-block;
          margin: 0px;
          margin-right: 12px;
          line-height: 20px; }
    .app-content--container .card-list-item .mdc-deprecated-list-item__graphic,
    .election-container .card-list-item .mdc-deprecated-list-item__graphic {
      height: 100%;
      width: 86px;
      color: #AED600;
      background: #F5FCD6;
      border-radius: 10px 56px 56px 10px;
      padding-right: 12px;
      margin-right: 0;
      display: flex; }
    .app-content--container .card-list-item .mdc-deprecated-list-item__meta .material-icons,
    .election-container .card-list-item .mdc-deprecated-list-item__meta .material-icons {
      width: 64px;
      background-color: #FFFFFF00;
      box-shadow: unset;
      color: #466385;
      margin: auto;
      text-align: center; }
      .app-content--container .card-list-item .mdc-deprecated-list-item__meta .material-icons .mdc-button__ripple,
      .election-container .card-list-item .mdc-deprecated-list-item__meta .material-icons .mdc-button__ripple {
        border-radius: 50%; }
  .app-content--container .mdc-dialog,
  .election-container .mdc-dialog {
    z-index: 1000; }
  .app-content--container .mdc-dialog .mdc-dialog__title,
  .election-container .mdc-dialog .mdc-dialog__title {
    font-family: Work Sans;
    font-size: 28px;
    font-weight: 900;
    color: var(--mdc-theme-primary); }
  .app-content--container .mdc-dialog .mdc-dialog__content,
  .election-container .mdc-dialog .mdc-dialog__content {
    font-family: Work Sans;
    font-size: 16px;
    font-weight: 500;
    line-height: 16px;
    text-align: center;
    margin: 24px;
    color: var(--mdc-theme-primary); }
  .app-content--container .mdc-dialog .mdc-dialog__surface,
  .election-container .mdc-dialog .mdc-dialog__surface {
    border-radius: 25px;
    background-color: #F1F7FF;
    padding: 32px;
    text-align: center; }
  .app-content--container .mdc-dialog__actions,
  .election-container .mdc-dialog__actions {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    gap: 12px; }
    .app-content--container .mdc-dialog__actions .mdc-button,
    .election-container .mdc-dialog__actions .mdc-button {
      margin: 12px;
      padding: 24px;
      border-radius: 50px; }
      .app-content--container .mdc-dialog__actions .mdc-button .mdc-button__label,
      .election-container .mdc-dialog__actions .mdc-button .mdc-button__label {
        border-radius: 50px; }
  .app-content--container .mdc-dialog.listgroup-dialog .mdc-dialog__title,
  .election-container .mdc-dialog.listgroup-dialog .mdc-dialog__title {
    text-align: left;
    font-weight: 700; }
  .app-content--container .mdc-dialog.listgroup-dialog .mdc-dialog__content,
  .election-container .mdc-dialog.listgroup-dialog .mdc-dialog__content {
    padding: 0;
    margin: 0px 24px;
    text-align: left; }
  .app-content--container .mdc-dialog.listgroup-dialog .candidate-list .mdc-deprecated-list-item.candidate-item,
  .election-container .mdc-dialog.listgroup-dialog .candidate-list .mdc-deprecated-list-item.candidate-item {
    background-color: white;
    color: var(--mdc-theme-primary);
    margin: 24px 0px;
    font-size: 16px; }
  .app-content--container .bvec-infos,
  .election-container .bvec-infos {
    margin-bottom: 32px; }
    .app-content--container .bvec-infos .info-card,
    .election-container .bvec-infos .info-card {
      border-radius: 10px;
      padding: 24px;
      background-color: #EFF5FF;
      color: var(--mdc-theme-primary);
      font-family: "Work Sans";
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 16px;
      /* 133.333% */
      display: flex;
      flex-flow: row nowrap;
      gap: 24px; }
      .app-content--container .bvec-infos .info-card h4, .app-content--container .bvec-infos .info-card h5, .app-content--container .bvec-infos .info-card h6,
      .election-container .bvec-infos .info-card h4,
      .election-container .bvec-infos .info-card h5,
      .election-container .bvec-infos .info-card h6 {
        text-transform: unset;
        margin: 12px 0;
        color: var(--mdc-theme-primary);
        font-family: "Work Sans";
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
        /* 125% */
        letter-spacing: 0.15px; }
      .app-content--container .bvec-infos .info-card .mdc-button,
      .election-container .bvec-infos .info-card .mdc-button {
        margin: 0;
        margin-top: 32px;
        border-color: var(--blue);
        border-width: 3px; }
        .app-content--container .bvec-infos .info-card .mdc-button .mdc-button__label,
        .election-container .bvec-infos .info-card .mdc-button .mdc-button__label {
          color: var(--blue) !important; }
  .app-content--container .bvec-chips,
  .election-container .bvec-chips {
    display: flex;
    flex-flow: row wrap;
    gap: 12px;
    margin-bottom: 32px; }
    .app-content--container .bvec-chips .mdc-deprecated-chip,
    .election-container .bvec-chips .mdc-deprecated-chip {
      pointer-events: none;
      margin-left: 0;
      font-family: "Work Sans";
      font-size: 10px;
      font-style: normal;
      font-weight: 500;
      line-height: 7px;
      /* 107.692% */
      letter-spacing: 0.5px;
      text-transform: uppercase;
      /* default to yellow background */
      background-color: #FDF2B8;
      height: 22px; }
      .app-content--container .bvec-chips .mdc-deprecated-chip i.material-symbols-outlined,
      .app-content--container .bvec-chips .mdc-deprecated-chip i.material-icons,
      .election-container .bvec-chips .mdc-deprecated-chip i.material-symbols-outlined,
      .election-container .bvec-chips .mdc-deprecated-chip i.material-icons {
        font-size: 14px;
        margin-right: 4px; }
      .app-content--container .bvec-chips .mdc-deprecated-chip.pending,
      .election-container .bvec-chips .mdc-deprecated-chip.pending {
        background-color: #F9DEDC; }
      .app-content--container .bvec-chips .mdc-deprecated-chip.verified,
      .election-container .bvec-chips .mdc-deprecated-chip.verified {
        background-color: #CEDF86; }
      .app-content--container .bvec-chips .mdc-deprecated-chip.owner,
      .election-container .bvec-chips .mdc-deprecated-chip.owner {
        /* more blue */
        background-color: #C3F4E6; }
  .app-content--container .lg-list,
  .election-container .lg-list {
    display: flex;
    flex-flow: row wrap;
    gap: 12px;
    justify-content: space-between;
    margin-bottom: 32px; }
    .app-content--container .lg-list .lg-card,
    .election-container .lg-list .lg-card {
      border-radius: 10px;
      display: flex;
      flex-flow: row nowrap;
      flex-grow: 1;
      background-color: #EFF5FF; }
      .app-content--container .lg-list .lg-card .lg-card__media,
      .election-container .lg-list .lg-card .lg-card__media {
        width: 200px;
        border-radius: 10px; }
        .app-content--container .lg-list .lg-card .lg-card__media img,
        .election-container .lg-list .lg-card .lg-card__media img {
          width: 100%;
          border-radius: 10px 0 0 10px; }
      .app-content--container .lg-list .lg-card .lg-card__content,
      .election-container .lg-list .lg-card .lg-card__content {
        padding: 24px;
        display: flex;
        flex-flow: column nowrap;
        justify-content: space-between;
        flex-grow: 1; }
        .app-content--container .lg-list .lg-card .lg-card__content .lg-card__primary,
        .election-container .lg-list .lg-card .lg-card__content .lg-card__primary {
          display: flex;
          flex-flow: column; }
          .app-content--container .lg-list .lg-card .lg-card__content .lg-card__primary h6,
          .election-container .lg-list .lg-card .lg-card__content .lg-card__primary h6 {
            margin: 12px 0px; }
        .app-content--container .lg-list .lg-card .lg-card__content .lg-card__secondary,
        .election-container .lg-list .lg-card .lg-card__content .lg-card__secondary {
          display: flex;
          flex-flow: row nowrap;
          justify-content: space-between; }
  .app-content--container .voters-list .mdc-deprecated-list-item__text,
  .election-container .voters-list .mdc-deprecated-list-item__text {
    width: 100%; }
    .app-content--container .voters-list .mdc-deprecated-list-item__text .between,
    .election-container .voters-list .mdc-deprecated-list-item__text .between {
      display: flex;
      justify-content: space-between; }
  .app-content--container .bvec-tasks,
  .election-container .bvec-tasks {
    display: flex;
    flex-flow: row nowrap;
    gap: 12px;
    margin-bottom: 32px; }
    .app-content--container .bvec-tasks .task-card,
    .election-container .bvec-tasks .task-card {
      border-radius: 10px;
      padding: 32px;
      background-color: #EFF5FF;
      color: var(--mdc-theme-primary);
      font-family: "Work Sans";
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: 16px;
      /* 133.333% */
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      min-width: 25%; }
      .app-content--container .bvec-tasks .task-card.disabled,
      .election-container .bvec-tasks .task-card.disabled {
        pointer-events: none;
        opacity: 0.5; }
        .app-content--container .bvec-tasks .task-card.disabled button,
        .election-container .bvec-tasks .task-card.disabled button {
          pointer-events: none;
          display: none; }
      .app-content--container .bvec-tasks .task-card h6,
      .election-container .bvec-tasks .task-card h6 {
        margin: 12px 0;
        color: var(--mdc-theme-primary);
        font-family: "Work Sans";
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 20px;
        /* 125% */
        letter-spacing: 0.15px; }
      .app-content--container .bvec-tasks .task-card .mdc-button.task-button,
      .election-container .bvec-tasks .task-card .mdc-button.task-button {
        margin: 0;
        margin-top: 32px;
        border-color: var(--blue);
        border-width: 3px; }
        .app-content--container .bvec-tasks .task-card .mdc-button.task-button .mdc-button__label,
        .election-container .bvec-tasks .task-card .mdc-button.task-button .mdc-button__label {
          color: var(--blue) !important; }
      .app-content--container .bvec-tasks .task-card .mdc-deprecated-chip,
      .election-container .bvec-tasks .task-card .mdc-deprecated-chip {
        pointer-events: none;
        margin-left: 0;
        font-family: "Work Sans";
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        line-height: 7px;
        /* 107.692% */
        letter-spacing: 0.5px;
        text-transform: uppercase;
        background-color: #F9DEDC;
        height: 22px; }
        .app-content--container .bvec-tasks .task-card .mdc-deprecated-chip i.material-icons,
        .election-container .bvec-tasks .task-card .mdc-deprecated-chip i.material-icons {
          font-size: 14px; }
        .app-content--container .bvec-tasks .task-card .mdc-deprecated-chip.pending,
        .election-container .bvec-tasks .task-card .mdc-deprecated-chip.pending {
          background-color: #F9DEDC; }
        .app-content--container .bvec-tasks .task-card .mdc-deprecated-chip.verified,
        .election-container .bvec-tasks .task-card .mdc-deprecated-chip.verified {
          background-color: #CEDF86; }
        .app-content--container .bvec-tasks .task-card .mdc-deprecated-chip.owner,
        .election-container .bvec-tasks .task-card .mdc-deprecated-chip.owner {
          /* more blue */
          background-color: #C3F4E6; }
  .app-content--container .candidate-list .mdc-deprecated-list,
  .election-container .candidate-list .mdc-deprecated-list {
    pointer-events: none; }
  .app-content--container .candidate-list h6,
  .election-container .candidate-list h6 {
    display: inline-block;
    margin: 0px;
    color: var(--mdc-theme-primary);
    font-family: "Work Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    /* 125% */
    letter-spacing: 0.15px; }
  .app-content--container .candidate-list h6, .app-content--container .candidate-list span,
  .election-container .candidate-list h6,
  .election-container .candidate-list span {
    margin-left: 12px; }
  .app-content--container .candidate-list a[href='#'],
  .election-container .candidate-list a[href='#'] {
    color: var(--mdc-theme-primary);
    text-decoration: none;
    pointer-events: none;
    opacity: 0.5; }
  .app-content--container .bvec-members-list,
  .election-container .bvec-members-list {
    width: 100%;
    background-color: #EFF5FF;
    color: var(--mdc-theme-primary);
    padding-top: 1px;
    margin-bottom: 24px;
    border-radius: 10px; }
    .app-content--container .bvec-members-list .key-verified i,
    .election-container .bvec-members-list .key-verified i {
      color: var(--green); }
    .app-content--container .bvec-members-list .mdc-deprecated-list,
    .election-container .bvec-members-list .mdc-deprecated-list {
      width: 100%;
      padding: 0; }
      .app-content--container .bvec-members-list .mdc-deprecated-list .mdc-deprecated-list-item:not(mdc-accordion-toggle),
      .election-container .bvec-members-list .mdc-deprecated-list .mdc-deprecated-list-item:not(mdc-accordion-toggle) {
        background-color: white;
        margin-bottom: 6px;
        color: #466385; }
        .app-content--container .bvec-members-list .mdc-deprecated-list .mdc-deprecated-list-item:not(mdc-accordion-toggle) .mdc-deprecated-list-item__text,
        .election-container .bvec-members-list .mdc-deprecated-list .mdc-deprecated-list-item:not(mdc-accordion-toggle) .mdc-deprecated-list-item__text {
          width: 100%;
          font-family: "Work Sans";
          font-size: 12px;
          font-style: normal;
          font-weight: 400;
          line-height: 16px;
          /* 125% */
          letter-spacing: 0.15px; }
          .app-content--container .bvec-members-list .mdc-deprecated-list .mdc-deprecated-list-item:not(mdc-accordion-toggle) .mdc-deprecated-list-item__text .material-icons.pending,
          .election-container .bvec-members-list .mdc-deprecated-list .mdc-deprecated-list-item:not(mdc-accordion-toggle) .mdc-deprecated-list-item__text .material-icons.pending {
            opacity: 0.5; }
          .app-content--container .bvec-members-list .mdc-deprecated-list .mdc-deprecated-list-item:not(mdc-accordion-toggle) .mdc-deprecated-list-item__text .material-icons.verified,
          .election-container .bvec-members-list .mdc-deprecated-list .mdc-deprecated-list-item:not(mdc-accordion-toggle) .mdc-deprecated-list-item__text .material-icons.verified {
            color: var(--green); }
          .app-content--container .bvec-members-list .mdc-deprecated-list .mdc-deprecated-list-item:not(mdc-accordion-toggle) .mdc-deprecated-list-item__text .material-icons.owner,
          .election-container .bvec-members-list .mdc-deprecated-list .mdc-deprecated-list-item:not(mdc-accordion-toggle) .mdc-deprecated-list-item__text .material-icons.owner {
            color: var(--orange); }
          .app-content--container .bvec-members-list .mdc-deprecated-list .mdc-deprecated-list-item:not(mdc-accordion-toggle) .mdc-deprecated-list-item__text .row-icon i,
          .election-container .bvec-members-list .mdc-deprecated-list .mdc-deprecated-list-item:not(mdc-accordion-toggle) .mdc-deprecated-list-item__text .row-icon i {
            position: relative;
            top: 5px;
            color: var(--green); }
          .app-content--container .bvec-members-list .mdc-deprecated-list .mdc-deprecated-list-item:not(mdc-accordion-toggle) .mdc-deprecated-list-item__text span,
          .election-container .bvec-members-list .mdc-deprecated-list .mdc-deprecated-list-item:not(mdc-accordion-toggle) .mdc-deprecated-list-item__text span {
            display: inline-block; }
    .app-content--container .bvec-members-list mdc-accordion-toggle,
    .app-content--container .bvec-members-list mdc-accordion-toggle:hover,
    .app-content--container .bvec-members-list mdc-accordion-toggle:focus,
    .app-content--container .bvec-members-list mdc-accordion-toggle:active,
    .election-container .bvec-members-list mdc-accordion-toggle,
    .election-container .bvec-members-list mdc-accordion-toggle:hover,
    .election-container .bvec-members-list mdc-accordion-toggle:focus,
    .election-container .bvec-members-list mdc-accordion-toggle:active {
      font-family: "Work Sans";
      font-size: 16px;
      font-style: normal;
      font-weight: 600;
      line-height: 20px;
      /* 125% */
      letter-spacing: 0.15px;
      text-transform: unset;
      font-size: 20px;
      font-weight: 600;
      color: #052E66;
      background-color: #EFF5FF;
      margin: 12px; }
      .app-content--container .bvec-members-list mdc-accordion-toggle .mdc-deprecated-list-item__ripple,
      .app-content--container .bvec-members-list mdc-accordion-toggle:hover .mdc-deprecated-list-item__ripple,
      .app-content--container .bvec-members-list mdc-accordion-toggle:focus .mdc-deprecated-list-item__ripple,
      .app-content--container .bvec-members-list mdc-accordion-toggle:active .mdc-deprecated-list-item__ripple,
      .election-container .bvec-members-list mdc-accordion-toggle .mdc-deprecated-list-item__ripple,
      .election-container .bvec-members-list mdc-accordion-toggle:hover .mdc-deprecated-list-item__ripple,
      .election-container .bvec-members-list mdc-accordion-toggle:focus .mdc-deprecated-list-item__ripple,
      .election-container .bvec-members-list mdc-accordion-toggle:active .mdc-deprecated-list-item__ripple {
        display: none; }
  .app-content--container .page-title__container,
  .election-container .page-title__container {
    margin-top: 2rem;
    margin-bottom: 1rem;
    display: flex;
    flex-flow: row nowrap;
    gap: 2px;
    justify-content: space-between;
    align-items: center; }
    .app-content--container .page-title__container .mdc-button,
    .election-container .page-title__container .mdc-button {
      padding: 24px;
      margin: 0;
      color: var(--dark-blue);
      border-radius: 30px;
      box-shadow: none;
      --mdc-theme-primary: #E2EEFF; }
      .app-content--container .page-title__container .mdc-button .mdc-button__label,
      .election-container .page-title__container .mdc-button .mdc-button__label {
        color: var(--dark-blue);
        border-radius: 30px;
        display: flex;
        align-items: center;
        box-shadow: none;
        text-decoration: none;
        background-color: transparent; }
      .app-content--container .page-title__container .mdc-button:link, .app-content--container .page-title__container .mdc-button:visited, .app-content--container .page-title__container .mdc-button:active, .app-content--container .page-title__container .mdc-button:hover, .app-content--container .page-title__container .mdc-button:focus,
      .election-container .page-title__container .mdc-button:link,
      .election-container .page-title__container .mdc-button:visited,
      .election-container .page-title__container .mdc-button:active,
      .election-container .page-title__container .mdc-button:hover,
      .election-container .page-title__container .mdc-button:focus {
        text-decoration: none;
        box-shadow: none; }
        .app-content--container .page-title__container .mdc-button:link .mdc-button__label, .app-content--container .page-title__container .mdc-button:visited .mdc-button__label, .app-content--container .page-title__container .mdc-button:active .mdc-button__label, .app-content--container .page-title__container .mdc-button:hover .mdc-button__label, .app-content--container .page-title__container .mdc-button:focus .mdc-button__label,
        .election-container .page-title__container .mdc-button:link .mdc-button__label,
        .election-container .page-title__container .mdc-button:visited .mdc-button__label,
        .election-container .page-title__container .mdc-button:active .mdc-button__label,
        .election-container .page-title__container .mdc-button:hover .mdc-button__label,
        .election-container .page-title__container .mdc-button:focus .mdc-button__label {
          text-decoration: none; }
      .app-content--container .page-title__container .mdc-button:focus, .app-content--container .page-title__container .mdc-button:hover,
      .election-container .page-title__container .mdc-button:focus,
      .election-container .page-title__container .mdc-button:hover {
        --mdc-theme-primary: #D2E2FF; }
    .app-content--container .page-title__container h5,
    .election-container .page-title__container h5 {
      display: flex; }
    .app-content--container .page-title__container .page-overtitle, .app-content--container .page-title__container .page-title, .app-content--container .page-title__container .page-subtitle,
    .election-container .page-title__container .page-overtitle,
    .election-container .page-title__container .page-title,
    .election-container .page-title__container .page-subtitle {
      margin: 0;
      color: var(--mdc-theme-primary); }
    .app-content--container .page-title__container .page-title,
    .election-container .page-title__container .page-title {
      font-family: Work Sans;
      font-size: 32px;
      font-weight: 700;
      line-height: 40px;
      text-transform: unset; }
      .app-content--container .page-title__container .page-title.page-title--small,
      .election-container .page-title__container .page-title.page-title--small {
        font-size: 24px;
        font-weight: 600;
        line-height: 32px; }
    .app-content--container .page-title__container .page-subtitle,
    .election-container .page-title__container .page-subtitle {
      font-family: Work Sans;
      font-size: 18px;
      font-weight: 500;
      line-height: 24px; }

.mdc-drawer {
  position: fixed;
  background-color: var(--dark-blue);
  color: white;
  width: 360px; }
  .mdc-drawer .mdc-drawer__header {
    padding-top: 32px;
    padding-bottom: 32px;
    background-color: var(--dark-blue);
    color: white; }
  .mdc-drawer .mdc-drawer__content {
    background-color: var(--dark-blue);
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .mdc-drawer .mdc-drawer__content hr {
      width: 90%;
      margin: auto;
      border: 0;
      border-top: 1px solid;
      border-color: rgba(5, 46, 102, 0.8); }
    .mdc-drawer .mdc-drawer__content mdc-accordion-menu {
      border-left: 2px solid #2143E7;
      margin-left: 34px; }

.mdc-select-multiple {
  display: flex;
  flex-flow: row wrap;
  justify-content: left; }
  .mdc-select-multiple .select-multiple-option {
    display: flex;
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    margin: 12px 25px 12px 100px;
    gap: 8px;
    width: 20%; }

.top-panel {
  background-color: whitesmoke;
  color: var(--black); }
  .top-panel .top-panel-logo {
    background-image: url("/static/logo-france.22e35c3244b6.svg"); }
  .top-panel span {
    width: 250px !important;
    text-align: center; }

.card-list .card-list__head {
  display: flex;
  justify-content: space-between;
  align-items: baseline; }

.card-list .card-list__content {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around; }
  .card-list .card-list__content .mdc-card {
    margin: 12px;
    width: 300px;
    padding: 24px;
    margin-bottom: 24px; }
    .card-list .card-list__content .mdc-card .mdc-card__actions {
      justify-content: end; }

.mdc-drawer-app-content .container .form--fullwidth .form--filter__container {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  gap: 24px; }
  .mdc-drawer-app-content .container .form--fullwidth .form--filter__container .MDCField {
    flex-grow: 1;
    height: 40px;
    --mdc-shape-small: 30px; }
    .mdc-drawer-app-content .container .form--fullwidth .form--filter__container .MDCField input {
      height: 40px !important;
      padding: 0 !important;
      margin: 0 !important;
      font-size: 16px; }
    .mdc-drawer-app-content .container .form--fullwidth .form--filter__container .MDCField label.mdc-text-field--outlined {
      margin-bottom: 24px;
      height: 40px; }
      .mdc-drawer-app-content .container .form--fullwidth .form--filter__container .MDCField label.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,
      .mdc-drawer-app-content .container .form--fullwidth .form--filter__container .MDCField label.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch,
      .mdc-drawer-app-content .container .form--fullwidth .form--filter__container .MDCField label.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
        height: 40px; }
        .mdc-drawer-app-content .container .form--fullwidth .form--filter__container .MDCField label.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading .mdc-floating-label--float-above,
        .mdc-drawer-app-content .container .form--fullwidth .form--filter__container .MDCField label.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch .mdc-floating-label--float-above,
        .mdc-drawer-app-content .container .form--fullwidth .form--filter__container .MDCField label.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing .mdc-floating-label--float-above {
          transform: translateY(-30px) translateX(-32px) scale(0.75); }
  .mdc-drawer-app-content .container .form--fullwidth .form--filter__container .mdc-button {
    --mdc-theme-primary: #EFF5FF !important;
    box-shadow: 0 0 0 0;
    color: var(--dark-blue);
    margin: 24px 0; }

.mdc-drawer-app-content .container .form--fullwidth .MDCField label {
  font-size: 16px;
  color: var(--dark-blue);
  margin-bottom: 16px; }

.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-switch.mdc-switch--checked .mdc-switch__thumb,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-switch.mdc-switch--checked .mdc-switch__track {
  background-color: var(--blue);
  border-color: var(--blue); }

.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #D2E2FF; }
  .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading .mdc-floating-label,
  .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__notch .mdc-floating-label,
  .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing .mdc-floating-label,
  .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading .mdc-floating-label,
  .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch .mdc-floating-label,
  .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing .mdc-floating-label {
    color: var(--dark-blue); }

.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined.mdc-select--focused .mdc-notched-outline__leading,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined.mdc-select--focused .mdc-notched-outline__notch,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined.mdc-select--focused .mdc-notched-outline__trailing, .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined.mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined.mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined.mdc-text-field--focused .mdc-notched-outline__trailing,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined.mdc-select--focused .mdc-notched-outline__leading,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined.mdc-select--focused .mdc-notched-outline__notch,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined.mdc-select--focused .mdc-notched-outline__trailing,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: var(--blue); }
  .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined.mdc-select--focused .mdc-notched-outline__leading .mdc-floating-label,
  .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined.mdc-select--focused .mdc-notched-outline__notch .mdc-floating-label,
  .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined.mdc-select--focused .mdc-notched-outline__trailing .mdc-floating-label, .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined.mdc-text-field--focused .mdc-notched-outline__leading .mdc-floating-label,
  .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined.mdc-text-field--focused .mdc-notched-outline__notch .mdc-floating-label,
  .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined.mdc-text-field--focused .mdc-notched-outline__trailing .mdc-floating-label,
  .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined.mdc-select--focused .mdc-notched-outline__leading .mdc-floating-label,
  .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined.mdc-select--focused .mdc-notched-outline__notch .mdc-floating-label,
  .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined.mdc-select--focused .mdc-notched-outline__trailing .mdc-floating-label,
  .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__leading .mdc-floating-label,
  .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__notch .mdc-floating-label,
  .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__trailing .mdc-floating-label {
    color: var(--blue); }

.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined .mdc-select__selected-text,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined input,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined .mdc-select__selected-text,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined input {
  font-size: 20px;
  color: var(--dark-blue); }

.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined input,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined input {
  height: 45px; }

.mdc-deprecated-chip {
  text-transform: uppercase;
  display: flex;
  padding: 6px 12px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  color: var(--dark-blue);
  font-size: 12px; }
  .mdc-deprecated-chip i {
    font-size: 16px; }
  .mdc-deprecated-chip.election-chip {
    background-color: #F9DEDC; }
  .mdc-deprecated-chip.created-chip {
    background-color: #C9E0FF; }
  .mdc-deprecated-chip.candidate-chip {
    background-color: #EFF6CF; }

.form.no-notch .MDCField {
  display: inline-flex;
  width: 64px;
  height: 96px;
  margin: 12px; }
  .form.no-notch .MDCField label {
    height: 100%;
    margin-bottom: 16px; }
    .form.no-notch .MDCField label input {
      font-size: 32px;
      text-align: center; }

.form.no-notch .mdc-notched-outline__notch {
  display: none; }

.rotate-icon i {
  animation: rotation 2s infinite linear;
  -webkit-animation: rotation 2s infinite linear; }

@keyframes rotation {
  from {
    transform: rotate(-359deg); }
  to {
    transform: rotate(0deg); } }

@keyframes fadeIn {
  from {
    opacity: 0;
    scale: 0; }
  to {
    opacity: 1;
    scale: 1; } }

@keyframes fadeOut {
  from {
    opacity: 1;
    scale: 1; }
  to {
    opacity: 0;
    scale: 0; } }

:root {
  --black2: var(--mdc-theme-primary);
  --mdc-typography-font-family: Work Sans;
  --light-orange: #FFF1DE;
  --orange: #FF9300;
  --light-blue: #29ADFF;
  --blue: #2143E7;
  --dark-blue: #052E66;
  --mdc-theme-primary: var(--dark-blue);
  --mdc-theme-secondary: var(--light-blue); }

.arrow {
  margin: 0 10px;
  transition: transform 0.2s;
  -webkit-transition: -webkit-transform 0.2s; }

.right {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg); }

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg); }

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg); }

.down {
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg); }

.avatar-icon {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  font-size: 24px;
  font-weight: 600;
  font-style: normal;
  color: #fff;
  line-height: 20px;
  text-align: center;
  background: #2143E7;
  display: inline-block; }

.mdc-typography {
  font-family: Rubic, sans-serif; }

.mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content {
  display: flex;
  flex-flow: column nowrap;
  margin-left: 360px;
  transition: margin-left 0.2s;
  background-color: #F9FBFF;
  min-height: calc(100vh - 64px); }
  .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .breadcrumb {
    padding: 32px;
    box-shadow: 0px 1px 3px 1px #00000026;
    box-shadow: 0px 1px 2px 0px #0000004D; }
    .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .breadcrumb a:last-of-type {
      font-weight: 600;
      opacity: 1.0; }
    .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .breadcrumb .breadcrumb__title,
    .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .breadcrumb a {
      gap: 12px;
      margin-bottom: 24px;
      font-family: Work Sans;
      font-size: 18px;
      font-weight: 500;
      text-decoration: none;
      line-height: 24px;
      color: var(--mdc-theme-primary);
      opacity: 0.8; }
  .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container {
    padding: 32px;
    display: flex;
    flex-direction: column;
    align-self: center;
    min-width: 360px;
    max-width: 800px;
    width: calc(100% - 64px);
    gap: 24px;
    margin: 64px auto;
    color: var(--mdc-theme-primary); }
    .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .form-actions {
      margin-top: 16px;
      display: flex;
      flex-flow: row nowrap;
      justify-content: flex-end;
      align-items: center; }
      .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .form-actions .mdc-button {
        margin: 0px !important;
        margin-left: 32px !important;
        font-size: 16px; }
    .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .mdc-button--outlined {
      border-radius: 30px; }
      .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .mdc-button--outlined .mdc-button__ripple {
        border-radius: 30px; }
    .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .mdc-button--raised.black-button {
      --mdc-theme-primary: #2143E7;
      background-color: var(--mdc-theme-primary);
      border-radius: 30px; }
      .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .mdc-button--raised.black-button .mdc-button__label {
        background-color: var(--mdc-theme-primary);
        border-radius: 30px; }
    .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .mdc-button,
    .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .mdc-button--raised,
    .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .mdc-button--outlined {
      --mdc-typography-font-family: Work Sans;
      font-family: Work Sans;
      font-size: 15px;
      line-height: 20px;
      letter-spacing: 0.5px;
      font-weight: 600;
      text-transform: unset; }
    .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .form__actions {
      display: flex;
      justify-content: space-between; }
      .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .form__actions button {
        margin-left: auto; }
    .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .site-form .site-form__colors,
    .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .site-form .site-form__checkboxes {
      display: flex;
      flex-flow: column nowrap;
      gap: 32px;
      text-align: center;
      margin: 32px; }
      .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .site-form .site-form__colors .color-section,
      .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .site-form .site-form__colors .checkbox-section,
      .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .site-form .site-form__checkboxes .color-section,
      .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .site-form .site-form__checkboxes .checkbox-section {
        display: flex;
        flex-flow: row nowrap; }
        .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .site-form .site-form__colors .color-section .MDCField,
        .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .site-form .site-form__colors .checkbox-section .MDCField,
        .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .site-form .site-form__checkboxes .color-section .MDCField,
        .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .site-form .site-form__checkboxes .checkbox-section .MDCField {
          display: flex;
          flex-flow: column nowrap;
          margin: auto; }
          .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .site-form .site-form__colors .color-section .MDCField label,
          .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .site-form .site-form__colors .checkbox-section .MDCField label,
          .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .site-form .site-form__checkboxes .color-section .MDCField label,
          .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .site-form .site-form__checkboxes .checkbox-section .MDCField label {
            text-align: left; }
    .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .site-form form .MDCField label.color-label,
    .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .site-form form .MDCField.switch-field label {
      display: inline-block;
      width: 150px; }
    .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .form-status__pending {
      display: flex;
      flex-flow: row nowrap;
      justify-content: center;
      align-items: center;
      padding: 5px;
      margin-bottom: -16px;
      font-size: small;
      font-family: Work Sans;
      font-weight: 500;
      border-radius: 5px;
      color: #466385;
      background-color: var(--light-orange); }
      .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .form-status__pending .bubble {
        font-size: medium;
        width: 16px;
        height: 16px;
        color: white;
        border-radius: 50%;
        margin: 0 12px; }
    .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .form-description {
      margin: 32px 0; }
      .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .form-description h4 {
        text-transform: unset;
        color: var(--mdc-theme-primary);
        font-weight: 500;
        font-size: 24px;
        line-height: 0px; }
      .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .form-description p {
        font-family: Work Sans;
        font-size: 14px;
        line-height: 8px; }
        .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .form-description p a {
          color: var(--mdc-theme-primary);
          text-decoration: underline;
          font-weight: 600; }
    .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container form {
      --mdc-shape-small: 5px;
      --mdc-theme-primary: #2143E7; }
      .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container form .mdc-text-field:not(.mdc-text-field--invalid):has(> .pending) {
        border-color: var(--orange); }
        .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container form .mdc-text-field:not(.mdc-text-field--invalid):has(> .pending) .mdc-notched-outline:has(+ .pending) .mdc-notched-outline__leading,
        .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container form .mdc-text-field:not(.mdc-text-field--invalid):has(> .pending) .mdc-notched-outline:has(+ .pending) .mdc-notched-outline__trailing,
        .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container form .mdc-text-field:not(.mdc-text-field--invalid):has(> .pending) .mdc-notched-outline:has(+ .pending) .mdc-notched-outline__notch {
          border-color: var(--orange); }
    .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .mdc-deprecated-list-item--disabled a {
      opacity: 0.5;
      pointer-events: none; }
    .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .tip {
      font-family: Work Sans;
      font-size: 12px;
      font-weight: 500;
      line-height: 24px;
      text-align: left;
      border-radius: 16px;
      background-color: #FDF2B8;
      padding: 0 12px;
      width: fit-content;
      margin-bottom: 12px; }
    .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .card-list-item {
      color: var(--mdc-theme-primary);
      height: 112px;
      border-radius: 10px;
      background-color: #EFF5FF;
      padding-left: 0;
      margin-bottom: 12px; }
      .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .card-list-item.detail-card {
        border-radius: 5px; }
        .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .card-list-item.detail-card .detail-card--double-action .mdc-button:not(.mdc-button--danger) {
          zoom: 0.85;
          margin-right: 22px; }
        .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .card-list-item.detail-card .detail-card--double-action .mdc-button.mdc-button--danger {
          zoom: 0.6;
          float: right;
          border-color: #d7313147; }
          .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .card-list-item.detail-card .detail-card--double-action .mdc-button.mdc-button--danger i.material-icons {
            font-size: 28px;
            color: var(--danger); }
        .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .card-list-item.detail-card .mdc-deprecated-list-item__text .mdc-deprecated-list-item__primary-text {
          font-size: 20px;
          font-weight: 600; }
          .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .card-list-item.detail-card .mdc-deprecated-list-item__text .mdc-deprecated-list-item__primary-text::before {
            content: none; }
      .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .card-list-item.detail-card.pending, .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .card-list-item.detail-card.pending .mdc-button {
        background-color: #FFF1DE; }
      .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .card-list-item .bubble-in-card {
        color: white;
        border-radius: 50px;
        position: absolute;
        left: 75px;
        top: 10px;
        width: 17px;
        height: 17px;
        font-size: 17px; }
      .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .card-list-item .mdc-deprecated-list-item__text {
        margin-left: 32px; }
        .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .card-list-item .mdc-deprecated-list-item__text .mdc-deprecated-list-item__primary-text {
          margin-left: 0px;
          margin-bottom: 0px;
          font-family: Work Sans;
          font-size: 18px;
          font-weight: 500; }
        .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .card-list-item .mdc-deprecated-list-item__text .mdc-deprecated-list-item__secondary-text {
          color: var(--mdc-theme-primary);
          font-family: Work Sans;
          font-size: 14px;
          font-weight: 500;
          text-align: left;
          display: flex;
          flex-flow: row wrap; }
          .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .card-list-item .mdc-deprecated-list-item__text .mdc-deprecated-list-item__secondary-text p {
            display: inline-block;
            margin: 0px;
            margin-right: 12px;
            line-height: 20px; }
      .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .card-list-item .mdc-deprecated-list-item__graphic {
        height: 100%;
        width: 86px;
        color: orange;
        background: antiquewhite;
        border-radius: 10px 56px 56px 10px;
        padding-right: 12px;
        margin-right: 0;
        display: flex; }
      .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .card-list-item .mdc-deprecated-list-item__meta .material-icons {
        width: 64px;
        background-color: #FFFFFF00;
        box-shadow: unset;
        color: #466385;
        margin: auto;
        text-align: center; }
        .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .card-list-item .mdc-deprecated-list-item__meta .material-icons .mdc-button__ripple {
          border-radius: 50%; }
    .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .page-title__container {
      margin-top: 2rem;
      margin-bottom: 1rem;
      display: flex;
      flex-flow: row nowrap;
      gap: 2px;
      justify-content: space-between;
      align-items: center; }
      .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .page-title__container .mdc-button {
        padding: 24px;
        margin: 0;
        color: var(--dark-blue);
        border-radius: 30px;
        box-shadow: none;
        --mdc-theme-primary: #E2EEFF; }
        .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .page-title__container .mdc-button .mdc-button__label {
          color: var(--dark-blue);
          border-radius: 30px;
          display: flex;
          align-items: center;
          box-shadow: none;
          text-decoration: none;
          background-color: transparent; }
        .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .page-title__container .mdc-button:link, .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .page-title__container .mdc-button:visited, .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .page-title__container .mdc-button:active, .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .page-title__container .mdc-button:hover, .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .page-title__container .mdc-button:focus {
          text-decoration: none;
          box-shadow: none; }
          .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .page-title__container .mdc-button:link .mdc-button__label, .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .page-title__container .mdc-button:visited .mdc-button__label, .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .page-title__container .mdc-button:active .mdc-button__label, .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .page-title__container .mdc-button:hover .mdc-button__label, .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .page-title__container .mdc-button:focus .mdc-button__label {
            text-decoration: none; }
        .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .page-title__container .mdc-button:focus, .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .page-title__container .mdc-button:hover {
          --mdc-theme-primary: #D2E2FF; }
      .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .page-title__container h5 {
        display: flex; }
      .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .page-title__container .page-overtitle, .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .page-title__container .page-title, .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .page-title__container .page-subtitle {
        margin: 0;
        color: var(--mdc-theme-primary); }
      .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .page-title__container .page-title {
        font-family: Work Sans;
        font-size: 32px;
        font-weight: 700;
        line-height: 40px;
        text-transform: unset; }
        .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .page-title__container .page-title.page-title--small {
          font-size: 24px;
          font-weight: 600;
          line-height: 32px; }
      .mdc-drawer.mdc-drawer--open:not(.mdc-drawer--closing) + .mdc-drawer-app-content .container .page-title__container .page-subtitle {
        font-family: Work Sans;
        font-size: 18px;
        font-weight: 500;
        line-height: 24px; }

.mdc-drawer {
  position: fixed;
  background-color: var(--dark-blue);
  color: white;
  width: 360px; }
  .mdc-drawer .mdc-drawer__header {
    padding-top: 32px;
    padding-bottom: 32px;
    background-color: var(--dark-blue);
    color: white; }
  .mdc-drawer .mdc-drawer__content {
    background-color: var(--dark-blue);
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .mdc-drawer .mdc-drawer__content hr {
      width: 90%;
      margin: auto;
      border: 0;
      border-top: 1px solid;
      border-color: rgba(5, 46, 102, 0.8); }
    .mdc-drawer .mdc-drawer__content mdc-accordion-menu {
      border-left: 2px solid #2143E7;
      margin-left: 34px; }
    .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item {
      font-family: Work Sans;
      font-size: 18px;
      font-weight: 500;
      line-height: 24px;
      letter-spacing: 0.5px;
      text-align: left;
      color: white;
      border-radius: 30px;
      padding: 8px 18px;
      gap: 12px; }
      .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item.mdc-deprecated-list-item--activated {
        background-color: var(--mdc-theme-secondary);
        color: var(--mdc-theme-primary); }
      .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .mdc-deprecated-list-item__graphic path {
        fill: white; }
      .mdc-drawer .mdc-drawer__content .mdc-deprecated-list-item .avatar-icon {
        color: white; }

.top-panel {
  background-color: whitesmoke;
  color: var(--black); }
  .top-panel .top-panel-logo {
    background-image: url("/static/logo-france.22e35c3244b6.svg"); }
  .top-panel span {
    width: 250px !important;
    text-align: center; }

.card-list .card-list__head {
  display: flex;
  justify-content: space-between;
  align-items: baseline; }

.card-list .card-list__content {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around; }
  .card-list .card-list__content .mdc-card {
    margin: 12px;
    width: 300px;
    padding: 24px;
    margin-bottom: 24px; }
    .card-list .card-list__content .mdc-card .mdc-card__actions {
      justify-content: end; }

.mdc-drawer-app-content .container .form--fullwidth .form--filter__container {
  display: flex;
  align-items: center;
  flex-flow: row nowrap;
  gap: 24px; }
  .mdc-drawer-app-content .container .form--fullwidth .form--filter__container .MDCField {
    flex-grow: 1;
    height: 40px;
    --mdc-shape-small: 30px; }
    .mdc-drawer-app-content .container .form--fullwidth .form--filter__container .MDCField input {
      height: 40px !important;
      padding: 0 !important;
      margin: 0 !important;
      font-size: 16px; }
    .mdc-drawer-app-content .container .form--fullwidth .form--filter__container .MDCField label.mdc-text-field--outlined {
      margin-bottom: 24px;
      height: 40px; }
      .mdc-drawer-app-content .container .form--fullwidth .form--filter__container .MDCField label.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,
      .mdc-drawer-app-content .container .form--fullwidth .form--filter__container .MDCField label.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch,
      .mdc-drawer-app-content .container .form--fullwidth .form--filter__container .MDCField label.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
        height: 40px; }
        .mdc-drawer-app-content .container .form--fullwidth .form--filter__container .MDCField label.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading .mdc-floating-label--float-above,
        .mdc-drawer-app-content .container .form--fullwidth .form--filter__container .MDCField label.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch .mdc-floating-label--float-above,
        .mdc-drawer-app-content .container .form--fullwidth .form--filter__container .MDCField label.mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing .mdc-floating-label--float-above {
          transform: translateY(-30px) translateX(-32px) scale(0.75); }
  .mdc-drawer-app-content .container .form--fullwidth .form--filter__container .mdc-button {
    --mdc-theme-primary: #EFF5FF !important;
    box-shadow: 0 0 0 0;
    color: var(--dark-blue);
    margin: 24px 0; }

.mdc-drawer-app-content .container .form--fullwidth .MDCField label {
  font-size: 16px;
  color: var(--dark-blue);
  margin-bottom: 16px; }

.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-switch.mdc-switch--checked .mdc-switch__thumb,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-switch.mdc-switch--checked .mdc-switch__track {
  background-color: var(--blue);
  border-color: var(--blue); }

.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #D2E2FF; }
  .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__leading .mdc-floating-label,
  .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__notch .mdc-floating-label,
  .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined .mdc-notched-outline .mdc-notched-outline__trailing .mdc-floating-label,
  .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading .mdc-floating-label,
  .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch .mdc-floating-label,
  .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__trailing .mdc-floating-label {
    color: var(--dark-blue); }

.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined.mdc-select--focused .mdc-notched-outline__leading,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined.mdc-select--focused .mdc-notched-outline__notch,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined.mdc-select--focused .mdc-notched-outline__trailing, .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined.mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined.mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined.mdc-text-field--focused .mdc-notched-outline__trailing,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined.mdc-select--focused .mdc-notched-outline__leading,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined.mdc-select--focused .mdc-notched-outline__notch,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined.mdc-select--focused .mdc-notched-outline__trailing,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: var(--blue); }
  .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined.mdc-select--focused .mdc-notched-outline__leading .mdc-floating-label,
  .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined.mdc-select--focused .mdc-notched-outline__notch .mdc-floating-label,
  .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined.mdc-select--focused .mdc-notched-outline__trailing .mdc-floating-label, .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined.mdc-text-field--focused .mdc-notched-outline__leading .mdc-floating-label,
  .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined.mdc-text-field--focused .mdc-notched-outline__notch .mdc-floating-label,
  .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined.mdc-text-field--focused .mdc-notched-outline__trailing .mdc-floating-label,
  .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined.mdc-select--focused .mdc-notched-outline__leading .mdc-floating-label,
  .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined.mdc-select--focused .mdc-notched-outline__notch .mdc-floating-label,
  .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined.mdc-select--focused .mdc-notched-outline__trailing .mdc-floating-label,
  .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__leading .mdc-floating-label,
  .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__notch .mdc-floating-label,
  .mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined.mdc-text-field--focused .mdc-notched-outline__trailing .mdc-floating-label {
    color: var(--blue); }

.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined .mdc-select__selected-text,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined input,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined .mdc-select__selected-text,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined input {
  font-size: 20px;
  color: var(--dark-blue); }

.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-select--outlined input,
.mdc-drawer-app-content .container .form--fullwidth .MDCField .mdc-text-field--outlined input {
  height: 45px; }

.card-list-item .mdc-button {
  background-color: #ffffff00;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: none;
  box-shadow: none; }

.anchor-right .mdc-menu {
  left: unset !important;
  right: 0 !important;
  top: 64px !important;
  background-color: #F9FBFF; }
  .anchor-right .mdc-menu .mdc-deprecated-list {
    background-color: #F9FBFF; }
    .anchor-right .mdc-menu .mdc-deprecated-list .mdc-deprecated-list-item {
      background-color: #F9FBFF;
      color: #052e66;
      font-family: Work Sans;
      font-size: 16px;
      min-width: 200px; }
      .anchor-right .mdc-menu .mdc-deprecated-list .mdc-deprecated-list-item.mdc-deprecated-list-item--selected {
        background-color: #B9D6FF; }
      .anchor-right .mdc-menu .mdc-deprecated-list .mdc-deprecated-list-item:hover {
        background-color: #B9D6FF; }
      .anchor-right .mdc-menu .mdc-deprecated-list .mdc-deprecated-list-item:focus {
        background-color: #B9D6FF; }

.mdc-tab-bar {
  width: 100%;
  display: flex;
  position: fixed;
  top: 180px;
  left: 0px;
  background: #E8F0FF;
  padding: 0px 200px;
  z-index: 99;
  border-bottom: 1px solid #B9D6FF; }
  .mdc-tab-bar .mdc-tab {
    color: var(--mdc-theme-primary);
    font-family: Work Sans;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: 0.5px;
    text-transform: unset; }
    .mdc-tab-bar .mdc-tab .mdc-tab__content .mdc-tab__icon, .mdc-tab-bar .mdc-tab .mdc-tab__content .mdc-tab__text-label {
      opacity: 1; }
  .mdc-tab-bar .mdc-tab[aria-selected="true"] .mdc-tab-indicator {
    background-color: #E2EEFF; }
    .mdc-tab-bar .mdc-tab[aria-selected="true"] .mdc-tab-indicator .mdc-tab-indicator__content {
      border-color: #2143E7; }
  .mdc-tab-bar .mdc-tab[aria-selected="true"] .mdc-tab__content .mdc-tab__icon, .mdc-tab-bar .mdc-tab[aria-selected="true"] .mdc-tab__content .mdc-tab__text-label {
    font-weight: 500;
    color: #2143E7; }

.mdc-deprecated-chip {
  text-transform: uppercase;
  margin: 0 4px;
  color: var(--dark-blue); }
  .mdc-deprecated-chip.election-chip {
    background-color: #F9DEDC; }
  .mdc-deprecated-chip.created-chip {
    background-color: #C9E0FF; }
  .mdc-deprecated-chip.detail-chip {
    background-color: var(--light-orange); }

.form.no-notch .MDCField {
  display: inline-flex;
  width: 64px;
  height: 96px;
  margin: 12px; }
  .form.no-notch .MDCField label {
    height: 100%;
    margin-bottom: 16px; }
    .form.no-notch .MDCField label input {
      font-size: 32px;
      text-align: center; }

.form.no-notch .mdc-notched-outline__notch {
  display: none; }

.rotate-icon i {
  animation: rotation 2s infinite linear;
  -webkit-animation: rotation 2s infinite linear; }

@keyframes rotation {
  from {
    transform: rotate(359deg); }
  to {
    transform: rotate(0deg); } }

.counter-panel {
  margin-top: 32px;
  max-width: 520px;
  display: flex;
  flex-direction: column;
  gap: 16px; }
  .counter-panel p {
    margin: 0;
    color: #3a3a3a;
    line-height: 1.5; }

.reactive-counter {
  background: #fff;
  border: 1px solid #e1e5ee;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 8px 20px rgba(5, 46, 102, 0.08);
  display: flex;
  flex-direction: column;
  gap: 16px; }
  .reactive-counter .counter-value-row {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    font-family: Work Sans;
    color: var(--mdc-theme-primary); }
    .reactive-counter .counter-value-row span {
      font-weight: 600; }
    .reactive-counter .counter-value-row .counter-value {
      font-size: 32px;
      font-weight: 700;
      color: #052e66; }
  .reactive-counter .counter-form {
    display: flex;
    justify-content: flex-end; }