@charset "UTF-8";
@media only screen and (max-width: 768px) {
  .hidden-lte-tablet {
    display: none !important;
  }
}
@media only screen and (min-width: 768.2px) {
  .hidden-gt-tablet {
    display: none !important;
  }
}
@media only screen and (max-width: 576px) {
  .hidden-lte-mobile {
    display: none !important;
  }
}
@media only screen and (min-width: 576.2px) {
  .hidden-gt-mobile {
    display: none !important;
  }
}
/* blocks */
/* fonts */
/* font-size */
/* font-weight */
/* line-height */
/* sizes */
/* spacing */
/* border-radius */
.page-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 16px;
  background-color: #f5f7fa;
}
@media only screen and (max-width: 768px) {
  .page-header {
    flex-direction: column;
    align-items: flex-start;
  }
}
.page-header:has(.h2:empty):not(:has(.page-header__button-container [class^=button])) {
  padding: 8px;
}
.page-header__content-container {
  display: flex;
  flex-direction: column;
  min-width: 0;
  max-width: 100%;
}
.page-header__content-container:has(.h2:empty) {
  display: none;
}
.page-header__button-container {
  display: flex;
  gap: 8px;
  margin-left: auto;
}

.text-link, .text-link--main {
  text-decoration: underline;
  cursor: pointer;
}
.text-link:hover, .text-link--main:hover {
  text-decoration: none;
}
.text-link--main {
  color: #0073e6;
}

/* font sizes */
/* font-weight */
/* fonts */
/* font à utiliser pour un label "normal" */
/* font à utiliser pour un titre d'informations secondaires */
/* font à utiliser pour un texte d'informations secondaires */
.separator-dot {
  min-height: 0.5em;
  height: 0.5em;
  width: 0.5em;
  min-width: 0.5em;
  border-radius: 50%;
  background-color: #9ca3af;
}
.separator-dot--info {
  background: #0073e6;
  color: #e8f0f8;
}
.separator-dot--success {
  background: #16a34a;
  color: #f0fdf4;
}
.separator-dot--warning {
  background: #f59e0b;
  color: #fffbeb;
}
.separator-dot--error {
  background: #dc2626;
  color: #fef2f2;
}

.separator-line-vertical, .separator-line-vertical--black, .separator-line-vertical--main-border, .separator-line-vertical--invert {
  align-self: stretch;
  flex-shrink: 0;
  border-left: solid thin #e5e7eb;
}
.separator-line-vertical--invert {
  border-left-color: rgba(255, 255, 255, 0.5);
}
.separator-line-vertical--main-border {
  border-left-color: #e5e7eb;
}
.separator-line-vertical--black {
  border-left-color: #1f2937;
}

.separator-line-horizontal, .separator-line-horizontal--black, .separator-line-horizontal--main-border, .separator-line-horizontal--invert {
  display: flex;
  width: 100%;
  border-top: solid thin #e5e7eb;
}
.separator-line-horizontal--invert {
  border-top-color: rgba(255, 255, 255, 0.5);
}
.separator-line-horizontal--main-border {
  border-top-color: #e5e7eb;
}
.separator-line-horizontal--black {
  border-top-color: #1f2937;
}

.tag-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.tag-container--limited-height {
  max-height: 152px;
  overflow-y: auto;
}
.tag-container--align-end {
  align-items: flex-end;
}
.tag-container_row {
  flex-direction: row;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.tag-container_row--limited-height {
  max-height: 152px;
  overflow-y: auto;
}
.tag-container_row--align-end {
  align-items: flex-end;
}
.tag-container_column {
  flex-direction: column;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.tag-container_column--limited-height {
  max-height: 152px;
  overflow-y: auto;
}
.tag-container_column--align-end {
  align-items: flex-end;
}

.tag, .tag-msg {
  height: fit-content;
  min-height: fit-content;
  padding: 4px 8px;
  border-radius: 14px;
  background-color: #f5f7fa;
  border: thin solid #f5f7fa;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 12px;
}
.tag--warning {
  border-color: #f59e0b;
  background-color: #fffbeb;
}
.tag--alert {
  border-color: #dc2626;
  background-color: #fef2f2;
}
.tag--bold {
  font-weight: 700;
}
.tag--inline::after {
  content: ",";
}
.tag--proposition {
  background: #D97706;
}
.tag--chosen {
  background: #6B7280;
  color: #ffffff;
}
.tag--asked {
  background: #7C3AED;
  color: #ffffff;
}
.tag--refused {
  background: #DC2626;
  color: #ffffff;
}
.tag--accepted {
  background: #005BB5;
  color: #ffffff;
}
.tag--canceled {
  background: #DC2626;
  color: #ffffff;
}
.tag--sent {
  background: #16A34A;
  color: #ffffff;
}
.tag--received {
  background: #15803D;
  color: #ffffff;
}
.tag--incomplete {
  background: #92400E;
  color: #ffffff;
}
.tag--operator {
  background: #0891b2;
  color: #ffffff;
}
.tag--blue {
  background: #eff6ff;
  color: #0073e6;
}
.tag--green {
  background: #f0fdf4;
  color: #16a34a;
}
.tag--purple {
  background: #ede9fe;
  color: #7c3aed;
}
.tag--yellow {
  background: #fef3c7;
  color: #92400e;
}
.tag--grey {
  background: #f8f9fb;
  color: #9ca3af;
}
.tag--pink {
  background: #fce7f3;
  color: #be185d;
}
.tag--red {
  background: #fef2f2;
  color: #dc2626;
}

.tag-msg--info {
  color: #0073e6;
  background: #e8f0f8;
}
.tag-msg--success {
  color: #16a34a;
  background: #f0fdf4;
}
.tag-msg--warning {
  color: #f59e0b;
  background: #fffbeb;
}
.tag-msg--error {
  color: #dc2626;
  background: #fef2f2;
}

.chip {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  font-size: 12px;
  font-weight: 500;
  padding: 4px 8px;
  border-radius: 4px;
}
.chip--neutral {
  background: #f3f4f6;
  color: #4b5563;
}
.chip--info {
  color: #0073e6;
  background: #e8f0f8;
}
.chip--success {
  color: #16a34a;
  background: #f0fdf4;
}
.chip--warning {
  color: #f59e0b;
  background: #fffbeb;
}
.chip--error {
  color: #dc2626;
  background: #fef2f2;
}
.chip--blue {
  background: #eff6ff;
  color: #0073e6;
}
.chip--green {
  background: #f0fdf4;
  color: #16a34a;
}
.chip--purple {
  background: #ede9fe;
  color: #7c3aed;
}
.chip--yellow {
  background: #fef3c7;
  color: #92400e;
}
.chip--grey {
  background: #f8f9fb;
  color: #9ca3af;
}
.chip--pink {
  background: #fce7f3;
  color: #be185d;
}
.chip--red {
  background: #fef2f2;
  color: #dc2626;
}
.chip--bordered {
  border: solid thin;
}

.button-wrapper, .button-wrapper_center, .button-wrapper_end {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.button-wrapper--wrap-reverse {
  flex-wrap: wrap-reverse;
}
.button-wrapper_end {
  justify-content: flex-end;
}
.button-wrapper_center {
  justify-content: center;
}

.partner-company-logo {
  max-height: 120px;
  max-width: 120px;
  border-radius: 8px;
}

.table-wrapper {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  box-sizing: border-box;
  background: #ffffff;
  border: solid thin #e5e7eb;
  border-radius: 14px;
}

.table {
  display: table;
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  margin: 0;
  padding: 0;
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  overflow: visible;
  font-family: inherit;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  color: #374151;
  text-align: left;
  text-indent: 0;
  letter-spacing: 0;
  word-spacing: 0;
  background-color: #ffffff;
  caption-side: top;
  empty-cells: show;
  table-layout: auto;
  vertical-align: middle;
  visibility: visible;
}
.table--fixed {
  table-layout: fixed;
}
.table td:first-child, .table th:first-child {
  position: sticky;
  left: 0;
  background: inherit;
}
.table caption {
  display: table-caption;
  box-sizing: border-box;
  width: 100%;
  margin: 0;
  padding: 0 0 12px 0;
  font-family: inherit;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: #1f2937;
  caption-side: top;
  border: none;
}
.table colgroup {
  display: table-column-group;
  visibility: visible;
}
.table col {
  display: table-column;
  visibility: visible;
}
.table thead {
  display: table-header-group;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  text-align: inherit;
  vertical-align: middle;
  visibility: visible;
  background-color: #f9fafb;
}
.table tbody {
  display: table-row-group;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  text-align: inherit;
  vertical-align: middle;
  visibility: visible;
  background-color: inherit;
}
.table tfoot {
  display: table-footer-group;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  text-align: inherit;
  vertical-align: middle;
  visibility: visible;
  font-size: 12px;
  color: #9ca3af;
  background-color: #f9fafb;
}
.table tr {
  display: table-row;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  border: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  text-align: inherit;
  vertical-align: inherit;
  background-color: inherit;
  visibility: visible;
}
.table tr.selected, .table tr[aria-selected=true] {
  background-color: #eff6ff;
  outline: 2px solid #3b82f6;
  outline-offset: -2px;
}
.table tbody tr {
  transition: background-color 0.2s;
}
.table tbody tr:hover {
  background-color: #f9fafb;
}
.table tbody tr:last-child td,
.table tfoot tr:last-child td {
  border-bottom: none;
}
.table thead th {
  display: table-cell;
  box-sizing: border-box;
  margin: 0;
  vertical-align: middle;
  empty-cells: show;
  padding: 10px 16px;
  border: none;
  border-bottom: 1px solid #e5e7eb;
  font-family: inherit;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.4;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
  cursor: default;
}
.table thead th[aria-disabled=true] {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
}
.table thead th[readonly] {
  background-color: #f3f4f6;
  color: #9ca3af;
}
.table tbody td {
  display: table-cell;
  box-sizing: border-box;
  margin: 0;
  vertical-align: middle;
  empty-cells: show;
  padding: 14px 16px;
  border: none;
  border-bottom: 1px solid #f9fafb;
  font-family: inherit;
  font-size: inherit;
  font-weight: 400;
  line-height: 1.5;
}
.table tbody td[aria-disabled=true] {
  opacity: 0.45;
  cursor: not-allowed;
  pointer-events: none;
}
.table tbody td[readonly] {
  background-color: #f3f4f6;
  color: #9ca3af;
}
.table tbody td.error, .table tbody td[aria-invalid=true] {
  background-color: #fef2f2;
  border-color: #ef4444;
  color: #b91c1c;
}
@media print {
  .table {
    width: 100%;
    border-collapse: collapse;
    font-size: 10pt;
    color: #000000;
    background-color: inherit;
    page-break-inside: auto;
  }
  .table thead {
    display: table-header-group;
    background-color: #f3f4f6;
  }
  .table tfoot {
    display: table-footer-group;
  }
  .table tr {
    page-break-inside: avoid;
    page-break-after: auto;
  }
  .table thead th,
  .table tbody td {
    border: 1px solid #d1d5db;
    padding: 6pt 8pt;
    background-color: inherit;
  }
  .table tbody tr:hover {
    background-color: inherit;
  }
}

.td--right {
  text-align: right;
}

.td--center {
  text-align: center;
}

.td--no-wrap {
  white-space: nowrap;
}

.js-hidden {
  display: none !important;
}

.inititals-tag {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 3ch;
  height: 3ch;
  border-radius: 50%;
}

.task-dot {
  width: 22px;
  height: 22px;
  border-radius: 6px;
  flex-shrink: 0;
}
.task-dot--purple {
  background-color: #800080;
}
.task-dot--red {
  background-color: #ee0000;
}
.task-dot--blue {
  background-color: #0000ff;
}
.task-dot--green {
  background-color: #008000;
}
.task-dot--orange {
  background-color: #ff8c00;
}
.task-dot--pink {
  background-color: #990099;
}
.task-dot--yellow {
  background-color: #eeee00;
}

/* 5. components */
.bold {
  font-weight: 700;
}

.italic {
  font-style: italic;
}

.h1 {
  font-weight: 700;
  font-size: 22px;
  color: #111827;
}

.h2 {
  font-weight: 700;
  font-size: 16px;
  color: #1f2937;
}

.font-info-label {
  color: #9ca3af;
  font-weight: 500;
  font-size: 11px;
}

.font-info-label-bold {
  color: #9ca3af;
  font-weight: 700;
  font-size: 11px;
}

.font-info {
  color: #9ca3af;
  font-weight: 500;
}

.font-info-bold {
  color: #9ca3af;
  font-weight: 700;
}

.font-label {
  color: #6b7280;
  font-weight: 500;
}

.font-label-bold {
  color: #6b7280;
  font-weight: 700;
}

.font-size-small {
  font-size: 12px;
}

.font-size-medium {
  font-size: 16px;
}

.font-main {
  font-family: "DM Sans", Arial, sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #1f2937;
}

.helptext {
  font-style: italic;
  color: #9ca3af;
}

.nowrap {
  white-space: nowrap;
}

.reset-nowrap {
  white-space: normal;
}

.nowrap-with-ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.min-width-0 {
  min-width: 0;
}

.json-format {
  white-space: preserve-spaces;
}

.flex-row-start {
  display: flex;
  justify-content: flex-start;
}

.flex-row-between {
  display: flex;
  justify-content: space-between;
}

.flex-row-reverse-between {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
}

.flex-row-center {
  display: flex;
  justify-content: center;
}

.flex-row-end {
  display: flex;
  justify-content: flex-end;
}

.flex-column-start {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

.flex-column-center {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.flex-column-end {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.second-centered {
  align-items: center;
}

.second-start {
  align-items: flex-start;
}

.second-end {
  align-items: flex-end;
}

.second-stretch {
  align-items: stretch;
}

.text-align-right {
  text-align: right;
}

.flex-grow {
  flex-grow: 1;
}

.flex1 {
  flex: 1;
}

.flex-wrap {
  flex-wrap: wrap;
}

.grid {
  display: grid;
}

.self-center-vertically {
  margin-top: auto;
  margin-bottom: auto;
}

.self-center-horizontally {
  margin-left: auto;
  margin-right: auto;
}

.hidden-auto-scroll-y {
  overflow-y: auto;
  -ms-overflox-style: none;
  scrollbar-width: none;
}
.hidden-auto-scroll-y::-webkit-scrollbar {
  display: none;
}

.auto-scroll-y {
  overflow-y: auto;
}

.auto-scroll-x {
  overflow-x: auto;
}

.gap-inherit {
  gap: inherit;
}

.gap-very-big {
  gap: 32px;
}

.gap-big {
  gap: 16px;
}

.gap-medium {
  gap: 8px;
}

.gap-small {
  gap: 4px;
}

.gap-very-small {
  gap: 2px;
}

.pointer {
  cursor: pointer;
}

.error-text {
  color: #dc2626;
}

.marged-left-auto {
  margin-left: auto;
}

.marged-right-auto {
  margin-right: auto;
}

.marged-left-medium {
  margin-left: 8px;
}

.padded-medium {
  padding: 8px;
}

.padded-top-medium {
  padding-top: 8px;
}

.img-icon, .img-icon_big, .img-icon_normal, .img-icon_medium, .img-icon_small {
  aspect-ratio: 1;
}
.img-icon_small {
  width: 16px;
}
.img-icon_medium {
  width: 20px;
}
.img-icon_normal {
  width: 24px;
}
.img-icon_big {
  width: 40px;
}

.superscript {
  font-size: 0.83em;
  vertical-align: super;
}

.card {
  background: #ffffff;
  border: solid thin #e5e7eb;
  border-radius: 14px;
}

.status--proposition {
  background: #D97706;
}
.status--chosen {
  background: #6B7280;
  color: #ffffff;
}
.status--asked {
  background: #7C3AED;
  color: #ffffff;
}
.status--refused {
  background: #DC2626;
  color: #ffffff;
}
.status--accepted {
  background: #005BB5;
  color: #ffffff;
}
.status--canceled {
  background: #DC2626;
  color: #ffffff;
}
.status--sent {
  background: #16A34A;
  color: #ffffff;
}
.status--received {
  background: #15803D;
  color: #ffffff;
}
.status--incomplete {
  background: #92400E;
  color: #ffffff;
}
.status--operator {
  background: #0891b2;
  color: #ffffff;
}

.text {
  line-height: 1.5;
  word-break: break-word;
  text-align: justify;
}
.text--sended {
  width: 80%;
  background-color: #ffffff;
  align-self: flex-start;
}
.text--received {
  width: 80%;
  background-color: #e8f0f8;
  align-self: flex-end;
}

/* 3. base */
/* Document
 * ========================================================================== */
/* 1. Correct the line height in all browsers. */
html {
  line-height: 1.15;
}

/* Sections
 * ========================================================================== */
/* Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Edge, Firefox, and Safari. */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
 * ========================================================================== */
/* Remove the margin on nested lists in Chrome, Edge, IE, and Safari. */
dl dl,
dl ol,
dl ul,
ol dl,
ul dl {
  margin: 0;
}

/* Remove the margin on nested lists in Edge 18- and IE. */
ol ol,
ol ul,
ul ol,
ul ul {
  margin: 0;
}

/**
 * * 1. Add the correct box sizing in Firefox.
 * * 2. Correct the inheritance of border color in Firefox.
 * * 3. Show the overflow in Edge 18- and IE.
 * */
hr {
  box-sizing: content-box;
  color: inherit;
  height: 0;
  overflow: visible;
}

/**
 * * 1. Correct the inheritance and scaling of font size in all browsers.
 * * 2. Correct the odd `em` font sizing in all browsers.
 * */
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Text-level semantics
 * ========================================================================== */
/* Add the correct text decoration in Edge 18-, IE, and Safari. */
abbr[title] {
  text-decoration: underline;
  text-decoration: underline dotted;
}

/* Add the correct font weight in Chrome, Edge, and Safari. */
b,
strong {
  font-weight: bolder;
}

/**
 * * 1. Correct the inheritance and scaling of font size in all browsers.
 * * 2. Correct the odd `em` font sizing in all browsers.
 * */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Add the correct font size in all browsers. */
small {
  font-size: 80%;
}

/* Embedded content
 * ========================================================================== */
/* Add the correct display in iOS 4-7. */
audio:not([controls]) {
  display: none;
  height: 0;
}

/* Tabular data
 * ========================================================================== */
/**
 * * 1. Correct table border color inheritance in all Chrome, Edge, and Safari.
 * * 2. Remove text indentation from table contents in Chrome, Edge, and Safari.
 * */
table {
  border-color: inherit;
  text-indent: 0;
}

/* Forms
 * ========================================================================== */
/* Remove the margin on controls in Safari. */
button,
input,
select {
  margin: 0;
}

/* Remove the inheritance of text transform in Edge 18-, Firefox, and IE. */
button {
  text-transform: none;
}

/* Correct the inability to style buttons in iOS and Safari. */
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/* Correct the padding in Firefox. */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/* Show the overflow in Edge 18- and IE. */
input {
  overflow: visible;
}

/* Correct the text wrapping in Edge 18- and IE. */
legend {
  box-sizing: border-box;
  display: table;
  max-width: 100%;
  white-space: normal;
}

/**
 * * 1. Add the correct display in Edge 18- and IE.
 * * 2. Add the correct vertical alignment in Chrome, Edge, and Firefox.
 * */
progress {
  display: inline-block;
  vertical-align: baseline;
}

/* Remove the inheritance of text transform in Firefox. */
select {
  text-transform: none;
}

/* Remove the margin in Firefox and Safari. */
textarea {
  margin: 0;
}

/**
 * * 1. Correct the odd appearance in Chrome, Edge, and Safari.
 * * 2. Correct the outline style in Safari.
 * */
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

/* Correct the cursor style of increment and decrement buttons in Safari. */
::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

/* Correct the text style of placeholders in Chrome, Edge, and Safari. */
::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

/* Remove the inner padding in Chrome, Edge, and Safari on macOS. */
::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * * 1. Correct the inability to style upload buttons in iOS and Safari.
 * * 2. Change font properties to `inherit` in Safari.
 * */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

/* Remove the inner border and padding of focus outlines in Firefox. */
::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/* Restore the focus outline styles unset by the previous rule in Firefox. */
:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/* Remove the additional :invalid styles in Firefox. */
:-moz-ui-invalid {
  box-shadow: none;
}

/* Interactive
 * ========================================================================== */
/* Add the correct display in Edge 18- and IE. */
details {
  display: block;
}

/* Add the correct styles in Edge 18-, IE, and Safari. */
dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: -webkit-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: -webkit-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

/* Add the correct display in all browsers. */
summary {
  display: list-item;
}

/* http://meyerweb.com/eric/tools/css/reset/ 
 * v2.0 | 20110126
 * License: none (public domain) */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  color: inherit;
  text-decoration: none;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

button {
  cursor: pointer;
  appearance: none;
  margin: 0;
  padding: 0;
  background: none;
  border: none;
  border-radius: 0;
  color: inherit;
  line-height: 1;
  font: inherit;
}

button:focus {
  outline: none;
}

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

/* 4. layout */
/* base */
.html {
  display: flex;
  min-height: 100dvh;
  max-height: 100dvh;
  min-width: 100vw;
  max-width: 100vw;
  overflow: hidden;
}

.body {
  display: flex;
  flex-direction: row;
  flex: 1;
  overflow-y: hidden;
  overflow-x: hidden;
  font-family: "DM Sans", Arial, sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  color: #1f2937;
}

.page {
  display: flex;
  flex-direction: column;
  overflow-y: hidden;
  flex: 1;
}
.page--screen-height {
  max-height: 100vh;
}

.page-content {
  display: flex;
  flex-direction: column;
  flex: 1;
  max-height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
}
.page-content--no-scroll {
  overflow-y: hidden;
}

.page-content__headers-container {
  position: sticky;
  top: 0;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}
.page-content__headers-container:has(.h2:empty):not(:has(.page-header__button-container [class^=button])) {
  position: unset;
  top: unset;
  z-index: unset;
}
@media only screen and (max-width: 768px) {
  .page-content__headers-container {
    position: unset;
    top: unset;
    z-index: unset;
  }
}

.main {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
  padding: 16px;
  padding-top: 1px;
  background-color: #f5f7fa;
  color: #1f2937;
}
@media only screen and (max-width: 576px) {
  .main {
    padding: 4px;
    gap: 4px;
  }
}
.main--no-scroll {
  max-height: 100%;
  overflow-y: hidden;
}
.main--no-padding {
  padding: 0;
}

.flex-wrapping-row {
  display: flex;
  flex-wrap: wrap;
  gap: inherit;
}

.partner-list-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
  gap: 16px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .partner-list-grid {
    grid-template-columns: 1fr;
  }
}

:root {
  --mq-lte-tablet: only screen and (max-width : 768px);
  --mq-laptop-only: only screen and (min-width: 768.2px) and (max-width : 1200px);
}

[hx-trigger~=click]:not([hx-trigger~=from]) {
  cursor: pointer;
}

/*# sourceMappingURL=common_espadon.css.7139b082315f.map */