@charset "UTF-8";
button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type=checkbox],
[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

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;
}

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, input {
  display: inline-block;
  padding: 0;
  border: none;
  background-color: transparent;
  color: inherit;
  text-decoration: none;
  font-family: inherit;
  font-size: 1rem;
  cursor: pointer;
  text-align: center;
  transition: background 250ms ease-in-out, transform 150ms ease;
  -webkit-appearance: none;
  -moz-appearance: none;
}

a {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}

html {
  scroll-behavior: smooth;
}

html {
  box-sizing: border-box;
}

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

img {
  max-width: 100%;
  height: auto;
}

:root {
  --black: #000;
  --grey: #707070;
  --grey-light: #d4bfc6;
  --grey-lighter: #D3BFC640;
  --white: #fff;
  --error: #FF0000;
  --orange: #E99401;
  --yellow: #F6BF00;
  --violet: #c4b6c3;
  --violet-dark: #af62a0;
  --primary-2: #efe7f2;
  --primary-1: #F0E8F3;
  --primary-lightest: #d3bfc6;
  --primary-lighter: #FFC5D9;
  --primary-light: #af62a0;
  --primary: #98066b;
  --primary-med: #720027;
  --primary-dark: #51001C;
  --second-3: #EAF3FB;
  --second-2: #C7E3FB;
  --second-1: #A0EDF9;
  --second-lighter: #8ECAFD;
  --second-light: #1E96FC;
  --second: #146CD7;
  --second-med: #02186f;
  --second-dark: #00132B;
  --br: 8px;
  --shadow: 4px 3px 8px -2px var(--primary-lighter);
  --pad-base: 16px;
  --pad-3: calc(var(--pad-base) / 3);
  --pad-2: calc(var(--pad-base) / 2);
  --pad1: var(--pad-base);
  --pad1-5: calc(var(--pad-base) * 1.5);
  --pad2: calc(var(--pad-base) * 2);
  --pad3: calc(var(--pad-base) * 3);
  --pad4: calc(var(--pad-base) * 4);
  --pad4-5: calc(var(--pad-base) * 4.5);
  --pad5: calc(var(--pad-base) * 5);
  --pad6: calc(var(--pad-base) * 6);
  --pad7: calc(var(--pad-base) * 7);
  --pad8: calc(var(--pad-base) * 8);
  --pad9: calc(var(--pad-base) * 9);
  --pad10: calc(var(--pad-base) * 10);
  --pad11: calc(var(--pad-base) * 11);
  --pad12: calc(var(--pad-base) * 12);
  --pad20: calc(var(--pad-base) * 20);
}
:root .is-hidden {
  display: none !important;
}
:root .is-bright {
  filter: brightness(100%);
}

.text-xxsm {
  --font-size: 8px;
  --line-height: 12px;
}

.text-xsm {
  --font-size: 10px;
  --line-height: 14px;
}

body,
.text-sm {
  --font-size: 12px;
  --line-height: 16px;
}

.text-md {
  --font-size: 16px;
  --line-height: 20px;
}

.title-1 {
  --font-size: 20px;
  --line-height: 24px;
}

.title-2 {
  --font-size: 35px;
  --line-height: 40px;
}

@media (min-width: 900px) {
  .text-xxsm {
    --font-size: 10px;
    --line-height: 12px;
  }

  .text-xsm {
    --font-size: 12px;
    --line-height: 16px;
  }

  body,
.text-sm {
    --font-size: 14px;
    --line-height: 18px;
  }

  .text-md {
    --font-size: 18px;
    --line-height: 24px;
  }

  .title-1 {
    --font-size: 28px;
    --line-height: 32px;
  }

  .title-2 {
    --font-size: 64px;
    --line-height: 64px;
  }
}
body {
  font-family: "Inter", sans-serif;
  color: var(--black);
}

.text-xxsm {
  font-weight: bold;
  font-size: var(--font-size);
  line-height: var(--line-height);
}

.text-xsm {
  font-weight: 300;
  font-size: var(--font-size);
  line-height: var(--line-height);
}

.text-sm {
  font-weight: 300;
  font-size: var(--font-size);
  line-height: var(--line-height);
  color: var(--primary-light);
}

body,
.text-sm {
  font-weight: 300;
  font-size: var(--font-size);
  line-height: var(--line-height);
  color: var(--primary-dark);
}

.text-md {
  font-weight: 300;
  font-size: var(--font-size);
  line-height: var(--line-height);
  color: var(--primary-dark);
}

.text-menu {
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
}

.text-submenu {
  font-weight: 700;
  font-size: 16px;
  line-height: 16px;
  color: var(--primary);
  text-transform: uppercase;
}

.text-btn {
  font-weight: 700;
  font-size: 12px;
  line-height: 12px;
}

.title-1 {
  font-weight: 300;
  font-size: var(--font-size);
  line-height: var(--line-height);
}

.title-2 {
  font-weight: 500;
  font-size: var(--font-size);
  line-height: var(--line-height);
}

.action-text {
  font-weight: medium;
  font-size: 12px;
  line-height: 16px;
  text-transform: uppercase;
  color: var(--second);
}

.is-bold {
  font-weight: 700;
}

.not-bold {
  font-weight: 300;
}

html {
  height: 100%;
}

body {
  min-height: 100%;
}

.grid-base {
  display: flex;
  flex-direction: column;
}
.grid-base__main {
  margin-top: 88px;
}

.grid-item-full {
  grid-column: 1/-1;
}

.grid-item-wide {
  grid-column: 2/span 4;
}

.grid-item-span-3 {
  grid-column: span 3;
}

.grid-item-1-3 {
  grid-column: 1/span 3;
}

.grid-item-4-6 {
  grid-column: 4/span 3;
}

.grid-item-span-2 {
  grid-column: span 2;
}

.grid-item-1-2 {
  grid-column: 1/span 2;
}

.grid-item-3-4 {
  grid-column: 3/span 2;
}

.grid-item-5-6 {
  grid-column: 5/span 2;
}

.grid-item-1-4 {
  grid-column: 1/span 4;
}

.grid-row-span-2 {
  grid-row: span 2;
}

.no-footer .grid-base__main {
  height: 100vh;
}
.no-footer .footer {
  display: none;
}

@media (min-width: 900px) {
  .grid-base {
    display: grid;
    grid-template-columns: var(--pad8) 1fr;
  }
  .grid-base__side {
    grid-column: 1;
  }
  .grid-base__main {
    grid-column: 2;
    display: flex;
    flex-direction: column;
    margin-top: 0;
    background-color: var(--second-3);
  }

  .grid-content {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 0 var(--pad1);
    padding: 0 var(--pad4-5);
  }
}
.btn {
  --width: 100%;
}

@media (min-width: 900px) {
  .btn {
    --width: auto;
  }
}
.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--width);
  padding: var(--pad1) var(--pad2);
  border-radius: var(--br);
  white-space: nowrap;
  cursor: pointer;
}
.btn:hover {
  filter: brightness(1.3);
}
.btn.btn--second {
  background-color: var(--second);
  color: var(--white);
}
.btn.btn--white {
  background-color: var(--white);
  color: var(--second);
}
.btn.btn--primary {
  background-color: var(--primary);
  color: var(--white);
}
.btn.btn--primary2 {
  background-color: #feeef3;
  color: var(--primary);
}
.btn.btn--empty {
  background-color: transparent;
}
.btn__text {
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  font-weight: 700;
}

.richtext a {
  font-weight: bold;
  color: var(--brown);
}
.richtext b {
  font-weight: bold;
}
.richtext i {
  font-style: italic;
}
.richtext ul {
  padding: var(--pad-2) var(--pad2);
  list-style: disc;
}
.richtext ol {
  padding: var(--pad-2) var(--pad2);
  list-style: decimal;
}
.richtext p + p {
  margin-top: var(--pad-2);
}

.container {
  position: relative;
  min-height: 88px;
  width: 100%;
  padding: var(--padding-xsm);
  border: 3px solid var(--grey-dark);
  overflow: hidden;
}
.container p:nth-child(1) {
  margin-top: 0;
}
.container.container--icon {
  display: grid;
  grid-template-columns: 1fr 50px;
}
.container.container--icon-date {
  display: grid;
  grid-template-columns: 1fr 133px;
}
.container.container--narrow {
  min-height: 0;
  align-items: center;
}
.container.container--narrow .title-2 {
  text-transform: none;
}
.container.container--narrow .container__icon {
  padding-top: 0;
}
.container.container--solid {
  background-color: var(--grey-dark);
  color: var(--white);
}
.container.container--solid .title-2, .container.container--solid .title-3, .container.container--solid .title-4,
.container.container--solid .ant-typography {
  color: var(--white);
}
.container.container--extra-pad {
  padding: var(--padding-md) var(--padding-md) var(--padding-sm) var(--padding-md);
}
.container.container--form-pad {
  padding: var(--padding-sm) var(--padding-md) var(--padding-sm) var(--padding-sm);
}
.container__icon {
  grid-column: 2;
  align-self: end;
  justify-self: end;
  padding-left: var(--padding-xsm);
  padding-top: var(--padding-xsm);
  cursor: pointer;
}
.container__icon-download {
  grid-row: 1;
  grid-column: 2;
  align-self: start;
  justify-self: end;
  cursor: pointer;
}
.container__data {
  grid-column: 1;
  margin-top: var(--padding-xsm);
}
.container__data.viewlist {
  padding-bottom: 0;
}
.container div.container__data.ant-typography {
  margin-bottom: 0;
}
.container__data-list {
  grid-column: 1;
  margin-top: var(--padding-xsm);
  font-weight: 600;
  margin-bottom: var(--padding-xlg);
}
.container__data-list li {
  position: relative;
  margin-top: var(--padding-sm);
  padding-left: var(--padding-lg);
  font-weight: 300;
}
.container__data-list li::before {
  content: "·";
  position: absolute;
  left: 10px;
  top: 0;
  font-size: 18px;
  font-weight: 900;
  padding-right: var(--padding-xxsm);
}
.container + .container {
  margin-top: var(--padding-xsm);
}

.icon-pathfill-white {
  fill: none;
}
.icon-pathfill-white path {
  fill: var(--white);
}

.icon-pathfill-second {
  fill: none;
}
.icon-pathfill-second path {
  fill: var(--second);
}

.icon-pathfill-second-3 {
  fill: none;
}
.icon-pathfill-second-3 path {
  fill: var(--second-3);
}

.icon-pathfill-lilac {
  fill: none;
}
.icon-pathfill-lilac path {
  fill: #d3bfc6;
}

.icon-pathfill-primary {
  fill: none;
}
.icon-pathfill-primary path {
  fill: var(--primary);
}

.icon-pathfill-primary-light {
  fill: none;
}
.icon-pathfill-primary-light path {
  fill: var(--primary-light);
}

.icon-fill-primary-light {
  fill: var(--primary-light);
  fill-opacity: 1;
}

.icon-7 {
  width: 7px;
  height: auto;
}

.icon-9 {
  width: 9px;
  height: auto;
}

.icon-16 {
  width: 16px;
  height: auto;
}

.link {
  font-weight: 700;
  cursor: pointer;
}

a {
  cursor: pointer;
}

.card {
  --space-between-cards: var(--pad-2);
}

.supercard {
  --template-columns: 33px 1fr 100px;
}
.supercard__logo {
  --width: var(--pad2);
  --height: var(--pad2);
}

@media (min-width: 900px) {
  .card {
    --space-between-cards: var(--pad1);
  }

  .supercard {
    --template-columns: 50px 1fr 100px;
  }
  .supercard__logo {
    --width: var(--pad3);
    --height: var(--pad3);
  }
}
.card {
  position: relative;
  background-color: var(--white);
  padding: var(--pad2);
  border-radius: var(--br);
  box-shadow: 3px 3px 10px rgba(254, 26, 104, 0.1019607843);
}
.card__title {
  grid-column: 1;
  padding-bottom: var(--pad3);
}
.card__pretitle {
  grid-column: 1;
  padding-bottom: var(--pad-2);
}
.card__arrow {
  grid-column: 2;
  grid-row: 1/span 2;
  align-self: center;
  justify-self: end;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 32px;
  width: 32px;
  background-color: var(--primary-lightest);
  border-radius: 50%;
}
.card__arrow svg {
  width: 32px;
  height: auto;
}
.card__close {
  position: absolute;
  top: var(--pad1);
  right: var(--pad1);
  padding: var(--pad1);
  border-radius: 50%;
  cursor: pointer;
}
.card__close:hover {
  background-color: var(--second-3);
}
.card__close svg {
  pointer-events: none;
  width: 16px;
  height: 16px;
}
.card + .card {
  margin-top: var(--space-between-cards);
}

.card.card-link {
  padding: 0;
}
.card.card-link a {
  display: grid;
  grid-template-columns: 1fr 50px;
  align-items: center;
  padding: var(--pad2);
}
.card.card-link .card__title {
  padding-bottom: 0;
}

.supercard {
  display: grid;
  grid-template-columns: var(--template-columns);
  gap: 0 var(--pad1);
  align-items: center;
  height: fit-content;
  padding: var(--pad1) var(--pad1) var(--pad2) var(--pad1);
  border-radius: var(--br);
  background-color: var(--primary-lightest);
}
.supercard .card {
  grid-column: 1/span 3;
  position: relative;
  margin-top: var(--pad1);
}
.supercard .card__pretitle {
  grid-column: 1;
  padding-bottom: 0;
  color: var(--primary-light);
}
.supercard .card__title {
  grid-column: 1;
  padding-bottom: 0;
  color: var(--primary-dark);
}
.supercard .card__subtitle {
  grid-column: 1;
  color: var(--primary-dark);
}
.supercard .card__arrow {
  grid-column: 2;
  grid-row: 1/span 3;
}
.supercard__logo {
  width: var(--width);
  height: var(--height);
  background-color: var(--primary);
  border-radius: 50%;
  overflow: clip;
}
.supercard__logo img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.supercard__title {
  grid-column: 2;
}
.supercard__edit {
  grid-column: 3;
  justify-self: end;
  color: var(--second);
}

.submenu {
  --grid-template-columns: 1fr 1fr;
  --font-size: 14px;
  --line-height: 16px;
}

@media (min-width: 900px) {
  .submenu {
    --grid-template-columns: var(--pad11) var(--pad11);
    --font-size: 16px;
    --line-height: 18px;
  }
}
.submenu {
  display: grid;
  grid-template-columns: var(--grid-template-columns);
  border-bottom: 2px solid var(--primary-lightest);
  color: var(--primary-light);
  font-weight: bold;
}
.submenu .submenu__item {
  padding-bottom: var(--pad1);
  font-size: var(--font-size);
  line-height: var(--line-height);
}
.submenu .submenu__item:hover {
  filter: brightness(1.4);
}
.submenu .submenu__item.is-active {
  position: relative;
  color: var(--primary);
}
.submenu .submenu__item.is-active::after {
  content: "";
  position: absolute;
  bottom: -2px;
  width: 100%;
  height: 2px;
  background-color: var(--primary);
}

.field-file {
  --align-items: flex-start;
}

@media (min-width: 900px) {
  .field-file {
    --align-items: center;
  }
}
label.required::after {
  content: "*";
  color: var(--primary);
}

.form p.field,
.form .field {
  position: relative;
  list-style: none;
  padding-bottom: var(--pad-2);
  display: flex;
  flex-direction: column;
}
.form p.field label,
.form .field label {
  order: 1;
  position: relative;
  display: block;
  padding-bottom: var(--pad-2);
  padding-top: var(--pad-3);
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
  color: var(--primary);
}
.form p.field label.required::after,
.form .field label.required::after {
  content: "*";
  position: absolute;
  top: 0;
  color: var(--primary);
}
.form p.field.field--primary input,
.form p.field.field--primary select,
.form p.field.field--primary textarea,
.form .field.field--primary input,
.form .field.field--primary select,
.form .field.field--primary textarea {
  border: 3px solid var(--primary-lighter);
}
.form p.field input,
.form p.field select,
.form p.field textarea,
.form .field input,
.form .field select,
.form .field textarea {
  order: 3;
  width: 100%;
  padding: var(--pad-2);
  background-color: var(--white);
  border-radius: var(--br);
  border: 3px solid var(--second-2);
  text-align: left;
  font-size: 14px;
  color: var(--primary-dark);
}
.form p.field input:-webkit-autofill,
.form p.field select:-webkit-autofill,
.form p.field textarea:-webkit-autofill,
.form .field input:-webkit-autofill,
.form .field select:-webkit-autofill,
.form .field textarea:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}
.form p.field input:disabled,
.form p.field select:disabled,
.form p.field textarea:disabled,
.form .field input:disabled,
.form .field select:disabled,
.form .field textarea:disabled {
  background-color: var(--grey-light);
  cursor: not-allowed;
}
.form p.field .errorlist,
.form p.field .error,
.form .field .errorlist,
.form .field .error {
  order: 2;
  padding-bottom: var(--pad-3);
  color: var(--error);
  font-size: 12px;
  line-height: 16px;
}
.form p.field input[type=file] ~ .field-file-custom::after,
.form .field input[type=file] ~ .field-file-custom::after {
  content: "";
  position: absolute;
  right: 2px;
  bottom: 10px;
  display: block;
  height: 40px;
  width: 38px;
  background-color: var(--primary-lightest);
  border-top-right-radius: var(--br);
  border-bottom-right-radius: var(--br);
  opacity: 0.25;
}

.form li.field-checkbox,
.form p.field-checkbox,
.form div.field-checkbox {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: flex-start;
  margin: 13px 0 0 0;
}
.form li.field-checkbox label,
.form p.field-checkbox label,
.form div.field-checkbox label {
  display: flex;
  flex-direction: row-reverse;
  gap: var(--pad1);
  align-items: center;
  justify-content: flex-end;
  padding-bottom: var(--pad1);
  padding-left: var(--pad-2);
  padding-top: 0;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  text-transform: none;
  color: var(--primary-med);
  cursor: pointer;
}
.form li.field-checkbox input,
.form p.field-checkbox input,
.form div.field-checkbox input {
  position: relative;
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 0;
  border: 2px solid var(--second-2);
  border-radius: 3px;
}
.form li.field-checkbox input::after,
.form p.field-checkbox input::after,
.form div.field-checkbox input::after {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  width: 9px;
  height: 10px;
  border-radius: 2px;
  background-color: var(--white);
}
.form li.field-checkbox input:checked::after,
.form p.field-checkbox input:checked::after,
.form div.field-checkbox input:checked::after {
  background-color: var(--second);
}
.form li.field-checkbox.field-checkbox--long,
.form p.field-checkbox.field-checkbox--long,
.form div.field-checkbox.field-checkbox--long {
  display: grid;
  grid-template-columns: 25px 1fr;
  align-items: start;
  margin-bottom: var(--pad1);
}
.form li.field-checkbox.field-checkbox--long input,
.form p.field-checkbox.field-checkbox--long input,
.form div.field-checkbox.field-checkbox--long input {
  grid-column: 1;
  grid-row: 1;
  margin: 0;
}
.form li.field-checkbox.field-checkbox--long label,
.form p.field-checkbox.field-checkbox--long label,
.form div.field-checkbox.field-checkbox--long label {
  grid-column: 2;
  grid-row: 1;
  font-weight: bold;
  padding: 0 0 var(--pad-2) 0;
}
.form li.field-checkbox.field-checkbox--long .helptext,
.form p.field-checkbox.field-checkbox--long .helptext,
.form div.field-checkbox.field-checkbox--long .helptext {
  grid-column: 2;
  grid-row: 2;
  color: var(--primary-dark);
  padding-top: 0;
  font-weight: 500;
}
.form li.field-checkbox #id_authorize_communications,
.form p.field-checkbox #id_authorize_communications,
.form div.field-checkbox #id_authorize_communications {
  margin-top: 0;
}

.field-select {
  position: relative;
}
.field-select select {
  appearance: none;
  padding: var(--pad-2);
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: var(--primary-dark);
}
.field-select select option {
  color: var(--primary-light);
}
.field-select select::placeholder {
  color: var(--primary-light);
}
.field-select::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 13.1 7.8400002' width='13.1' height='7.8400002'%3E%3Cpolygon points='12.24,13.58 17.5,18.84 22.76,13.58 24.05,14.87 17.5,21.42 10.95,14.87 ' id='polygon2' transform='translate(-10.95,-13.58)' style='fill:%23af62a0' /%3E%3C/svg%3E");
  position: absolute;
  right: 14px;
  bottom: 20px;
}

.helptext,
.help {
  order: 4;
  display: inline-block;
  padding-left: var(--pad-2);
  padding-top: var(--pad-3);
  font-weight: 300;
  font-size: 12px;
  line-height: 16px;
  color: var(--primary-dark);
  cursor: pointer;
}

.field-textarea textarea {
  font-family: inherit;
  resize: vertical;
}
.field-textarea textarea::placeholder {
  font-family: inherit;
  color: var(--primary-dark);
  opacity: 1;
}

.form p.field-file,
.form div.field-file,
.form li.field-file {
  position: relative;
}
.form p.field-file .upload-icon::after,
.form div.field-file .upload-icon::after,
.form li.field-file .upload-icon::after {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16.000002 15.99'%3E%3Cpath d='m 16.000001,14.66 c -0.02,0.730001 -0.6,1.32 -1.33,1.33 H 1.3299999 C 0.5999999,15.97 0.0099999,15.39 0,14.66 L 6e-7,8.1900007 h 1.33 L 1.3299999,14.66 14.66,14.660001 V 8.1900007 h 1.33 V 14.660001 Z M 11.89,3.8600007 l -0.96,0.96 -2.27,-2.27 V 10.330001 H 7.33 V 2.5999997 l -2.27,2.27 -0.96,-0.96 L 8.01,0 11.880001,3.8700007 Z' style='fill:%23d91d69;' /%3E%3C/svg%3E");
  position: absolute;
  right: 3px;
  top: 29px;
  padding: 11px;
  width: 37px;
  background-color: #fff0f5;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  pointer-events: none;
}
.form p.field-file.full,
.form div.field-file.full,
.form li.field-file.full {
  grid-row: span 2;
  display: grid;
  grid-template-columns: 24px 1fr;
  align-items: var(--align-items);
  gap: var(--pad-2);
}
.form p.field-file.full label:nth-child(1),
.form div.field-file.full label:nth-child(1),
.form li.field-file.full label:nth-child(1) {
  grid-column: span 2;
  order: unset;
}
.form p.field-file.full a,
.form div.field-file.full a,
.form li.field-file.full a {
  grid-column: span 2;
  order: unset;
  position: relative;
  width: 100%;
  padding: 13px 13px 13px 52px;
  background-color: #efe7f2;
  border-radius: var(--br);
  font-weight: bold;
  color: var(--primary);
  overflow: hidden;
  text-overflow: ellipsis;
}
.form p.field-file.full a::before,
.form div.field-file.full a::before,
.form li.field-file.full a::before {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewbox='0 0 15.54 19.43'%3E%3Cpath d='M 1.46,19.42 C 0.66,19.4 0.02,18.76 0,17.96 V 1.46 C 0.02,0.66 0.66,0.02 1.46,0 h 8.76 l 5.32,5.32 v 12.65 c -0.02,0.8 -0.66,1.44 -1.46,1.46 H 1.46 Z M 9.49,5.97 h 4.59 L 9.49,1.45 Z m -5.64,5.2 h 7.82 V 9.71 H 3.86 v 1.46 z m 0,4.13 h 7.82 V 13.84 H 3.86 v 1.46 z' style='fill:%2398066b;fill-opacity:1' /%3E%3C/svg%3E");
  position: absolute;
  left: 19px;
  top: 10px;
  pointer-events: none;
}
.form p.field-file.full input:nth-child(3),
.form div.field-file.full input:nth-child(3),
.form li.field-file.full input:nth-child(3) {
  order: unset;
  grid-column: 1;
  grid-row: 5;
  position: relative;
  width: var(--pad1);
  height: var(--pad1);
  padding: 0;
  border: 2px solid var(--second-2);
  border-radius: 50px;
}
.form p.field-file.full input:nth-child(3)::after,
.form div.field-file.full input:nth-child(3)::after,
.form li.field-file.full input:nth-child(3)::after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  width: 9px;
  height: 9px;
  border-radius: 20px;
  background-color: var(--white);
}
.form p.field-file.full input:nth-child(3):checked,
.form div.field-file.full input:nth-child(3):checked,
.form li.field-file.full input:nth-child(3):checked {
  background-color: var(--second-lighter);
}
.form p.field-file.full input:nth-child(3):checked::after,
.form div.field-file.full input:nth-child(3):checked::after,
.form li.field-file.full input:nth-child(3):checked::after {
  background-color: var(--second);
}
.form p.field-file.full label:nth-child(4),
.form div.field-file.full label:nth-child(4),
.form li.field-file.full label:nth-child(4) {
  order: unset;
  grid-column: 2;
  grid-row: 5;
  display: inline;
  padding-top: 4px;
  padding-bottom: 0;
  padding-left: var(--pad-2);
  width: 80%;
  font-weight: 500;
  font-size: 12px;
  line-height: 16px;
  text-transform: none;
  color: var(--primary-dark);
  cursor: pointer;
}
.form p.field-file.full input:nth-child(6),
.form div.field-file.full input:nth-child(6),
.form li.field-file.full input:nth-child(6) {
  order: unset;
  grid-column: span 2;
}

.label-radio {
  display: block;
  padding-top: var(--pad-3);
  padding-bottom: var(--pad-2);
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
  color: var(--primary);
}

.form .field-radio {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.form .field-radio div label {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  gap: var(--pad-3);
  color: var(--primary-dark);
  font-size: 14px;
  line-height: 18px;
  font-weight: normal;
  text-transform: none;
  cursor: pointer;
}
.form .field-radio div label input {
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 0;
  border: 2px solid var(--second-2);
  border-radius: 50px;
  -webkit-appearance: auto;
  -moz-appearance: auto;
}

.course-card {
  --height: fit-content;
}
.course-card__title {
  --min-height-title: var(--pad6);
}
.course-card__btn {
  --margin: var(--pad2) var(--pad1) var(--pad1) var(--pad1);
}

@media (min-width: 900px) {
  .course-card {
    --height: 100%;
  }
  .course-card__title {
    --min-height-title: var(--pad11);
  }
  .course-card__btn {
    --margin: auto 0 0 0;
  }
}
.course-card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: var(--height);
  width: 100%;
  max-width: 500px;
  padding: var(--pad1);
  background-color: var(--white);
  border-radius: var(--br);
  box-shadow: 3px 3px 10px rgba(254, 26, 104, 0.1019607843);
  color: var(--primary-dark);
}
.course-card .richtext p + p {
  margin-top: 0;
}
.course-card__pretitle {
  padding-bottom: var(--pad2);
  text-transform: uppercase;
  font-weight: bold;
  color: var(--yellow);
}
.course-card__title {
  min-height: var(--min-height-title);
}
.course-card__title h2 {
  padding-bottom: var(--pad2);
}
.course-card__text {
  max-height: 50px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.course-card__text > * {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  word-wrap: anywhere;
  word-break: break-word;
}
.course-card__bloc {
  padding: var(--pad1) 0;
  border-top: 1px solid #d3bfc6;
}
.course-card__bloc.grid-bloc {
  display: grid;
  grid-template-columns: 50% 50%;
  gap: var(--pad1) 0;
}
.course-card__bloc.grid-bloc .course-card__subtitle {
  grid-column: 1/span 2;
  padding-bottom: var(--pad1);
}
.course-card__bloc.bloc3 {
  padding-bottom: var(--pad4);
}
.course-card__subtitle {
  color: var(--primary);
  padding-bottom: var(--pad-2);
}
.course-card__btn {
  margin: var(--margin);
}

.subbloc {
  margin-right: var(--pad1);
}
.subbloc__title {
  font-weight: bold;
  color: var(--primary);
  text-transform: uppercase;
}
.subbloc__text p, .subbloc__text ul {
  display: none;
}
.subbloc__text p:first-child {
  display: block;
  color: var(--violet-dark);
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.course-session-card {
  --padding-card: var(--pad1) 0;
  --max-width: 500px;
  --display-card: flex;
  --align-items: flex-start;
}
.course-session-card__title {
  --padding: 0 var(--pad1) var(--pad1) var(--pad1);
  --margin-bottom: 0;
  --border-bottom: 2px solid var(--grey-lighter);
}
.course-session-card__action {
  --padding: var(--pad1) var(--pad1) 0 var(--pad1);
  --text-align: left;
  --width-text: auto;
  --width-action: 100%;
  --border-bottom: 2px solid var(--grey-lighter);
  --content: none;
}
.course-session-card__btn {
  --margin-top: var(--pad3);
  --margin-bottom: 0;
}
.course-session-card__time {
  --padding: var(--pad1) var(--pad1) 0 var(--pad1);
  --margin-bottom: var(--pad1);
}
.course-session-card__bloc {
  --padding: var(--pad1) var(--pad1) 0 var(--pad1);
  --border-top: none;
}

@media (min-width: 900px) {
  .course-session-card {
    --padding-card: var(--pad2) 0;
    --max-width: none;
    --display-card: grid;
    --align-items: center;
  }
  .course-session-card__title {
    --padding: 0 var(--pad2);
    --margin-bottom: var(--pad2);
    --border-bottom: none;
  }
  .course-session-card__action {
    --padding: var(--pad1) var(--pad2);
    --text-align: center;
    --width-text: 70px;
    --width-action: auto;
    --border-bottom: none;
    --content: "";
  }
  .course-session-card__btn {
    --margin-top: 0;
    --margin-bottom: var(--pad2);
  }
  .course-session-card__time {
    --padding: 0;
    --margin-bottom: var(--pad2);
  }
  .course-session-card__bloc {
    --padding: var(--pad2) var(--pad2) 0 var(--pad2);
    --border-top: 2px solid var(--grey-lighter);
  }
}
.course-session-card {
  position: relative;
  display: var(--display-card);
  flex-direction: column;
  grid-template-columns: repeat(6, 1fr);
  align-items: var(--align-items);
  max-width: var(--max-width);
  padding: var(--padding-card);
  background-color: var(--second-3);
  border-radius: var(--br);
  border: 1px solid var(--grey-lighter);
  box-shadow: 3px 3px 10px rgba(254, 26, 104, 0.1490196078);
}
.course-session-card.is-past {
  box-shadow: none;
  background-color: var(--white);
  border: none;
  opacity: 0.4;
}
.course-session-card.is-past .action-none {
  display: block;
}
.course-session-card.is-past .action-open {
  display: none;
}
.course-session-card.is-past .course-session-card__bloc {
  display: none;
}
.course-session-card.is-full {
  background-color: var(--grey-lighter);
}
.course-session-card.is-full .course-session-card__title {
  position: relative;
  display: flex;
  flex-direction: column;
  grid-column: 1/span 3;
}
.course-session-card.is-full .course-session-card__title::before {
  content: "Llista d'espera";
  padding-bottom: var(--pad-3);
  font-size: 10px;
  line-height: 12px;
  color: var(--primary-light);
  text-transform: uppercase;
}
.course-session-card.is-full .course-session-card__time {
  grid-row: 1;
  grid-column: 4/span 3;
  justify-self: end;
  margin-right: var(--pad3);
}
.course-session-card.is-full .course-session-card__btn {
  grid-row: 2;
  grid-column: 4/span 3;
  justify-self: end;
  margin-right: var(--pad3);
}
.course-session-card.is-full .course-session-card__bloc,
.course-session-card.is-full .course-session-card__bloc2 {
  grid-row: 3;
}
.course-session-card.is-inscribed .course-session-card__title {
  position: relative;
  display: flex;
  flex-direction: column;
}
.course-session-card.is-inscribed .course-session-card__title::before {
  content: "Ja estàs inscrit";
  padding-bottom: var(--pad-3);
  font-size: 10px;
  line-height: 12px;
  color: var(--primary-light);
  text-transform: uppercase;
}
.course-session-card.is-inscribed .btn__text {
  color: var(--second);
  font-weight: 400;
}
.course-session-card .text + .title {
  margin-top: var(--pad1);
}
.course-session-card__title {
  grid-column: 1/span 4;
  width: 100%;
  padding: var(--padding);
  margin-bottom: var(--margin-bottom);
  border-bottom: var(--border-bottom);
}
.course-session-card__title .text-menu {
  color: var(--primary);
  padding-bottom: var(--pad-3);
}
.course-session-card__action {
  position: relative;
  grid-column: 6;
  justify-self: end;
  padding: var(--padding);
  border-bottom: var(--border-bottom);
  width: var(--width-action);
  color: var(--second);
  font-weight: 500;
  text-align: var(--text-align);
  cursor: pointer;
}
.course-session-card__action::before {
  content: var(--content);
  position: absolute;
  top: -24px;
  left: -1.7vw;
  display: block;
  height: 100px;
  width: 2px;
  background-color: var(--grey-lighter);
}
.course-session-card__action p {
  pointer-events: none;
  width: var(--width-text);
}
.course-session-card__action.action-none {
  display: none;
  color: var(--primary);
}
.course-session-card__bloc {
  grid-column: span 2;
  align-self: start;
  padding: var(--padding);
  border-top: var(--border-top);
}
.course-session-card__bloc .title {
  color: var(--primary);
  padding-bottom: var(--pad-2);
}
.course-session-card__bloc2 {
  grid-column: span 4;
}
.course-session-card__btn {
  align-self: center;
  grid-row: 1;
  grid-column: 6;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: var(--margin-top);
  margin-bottom: var(--margin-bottom);
  max-width: 90%;
  cursor: pointer;
}
.course-session-card__btn p {
  pointer-events: none;
}
.course-session-card__btn .text-md {
  cursor: auto;
}
.course-session-card__btn .btn {
  min-width: 170px;
  width: fit-content;
}
.course-session-card__time {
  grid-column: 5;
  grid-row: 1;
  display: grid;
  grid-template-columns: 15px 1fr;
  align-items: center;
  gap: var(--pad-2);
  padding: var(--padding);
  margin-bottom: var(--margin-bottom);
  color: var(--violet-dark);
}
.course-session-card__time div {
  display: flex;
  align-items: center;
}
.course-session-card__login {
  align-self: end;
  grid-column: 5/span 2;
  padding: var(--pad1);
}
.course-session-card__login .text-sm {
  padding: var(--pad1);
  cursor: auto;
}

.my-course-card {
  --max-width: 500px;
  --display-card: flex;
  --padding-card: var(--pad1) 0;
}
.my-course-card__pretitle {
  --padding: 0 var(--pad1) var(--pad-2) var(--pad1);
}
.my-course-card__title {
  --padding: 0 var(--pad1) var(--pad3) var(--pad1);
}
.my-course-card__link {
  --padding: var(--pad1);
  --width-svg: 9px;
}
.my-course-card__btn {
  --width: auto;
  --margin: var(--pad3) var(--pad2) var(--pad2) var(--pad2);
}
.my-course-card .section {
  --display-section: flex;
}
.my-course-card .section.is-open .section__info {
  --display: flex;
  --background-color: #fdfcfc;
}
.my-course-card .section.is-open .section__label {
  --background-color: #fdfcfc;
}
.my-course-card .section.is-open .open {
  --display: none;
}
.my-course-card .section.is-open .close {
  --display: block;
}
.my-course-card .section.is-open .label1 {
  --border-bottom: 2px solid var(--grey-lighter);
}
.my-course-card .section.is-open .label2 {
  --border-bottom: 2px solid var(--grey-lighter);
}
.my-course-card .section .open {
  --display: block;
}
.my-course-card .section .close {
  --display: none;
}
.my-course-card .section__action {
  --display-action: block;
}
.my-course-card .section__info {
  --display: none;
  --background-color: var(--white);
  --padding-info: 0 var(--pad1) var(--pad4) var(--pad1);
}
.my-course-card .section__label {
  --background-color: var(--white);
  --padding: var(--pad1-5) var(--pad1);
  --margin-top: 0;
}
.my-course-card .section .label1 {
  --border-bottom: none;
  --border-top: none;
}
.my-course-card .section .label2 {
  --margin-top: 0;
  --border-bottom: none;
}
.my-course-card .section .label3 {
  --margin-top: 0;
}

.my-course-card.past-activities .is-open .bottom,
.my-course-card.waiting-activities .is-open .bottom {
  --display-bottom: block;
}
.my-course-card.past-activities .is-open .open,
.my-course-card.waiting-activities .is-open .open {
  --display: none;
}
.my-course-card.past-activities .is-open .close,
.my-course-card.waiting-activities .is-open .close {
  --display: block;
}
.my-course-card.past-activities .open,
.my-course-card.waiting-activities .open {
  --display: block;
}
.my-course-card.past-activities .close,
.my-course-card.waiting-activities .close {
  --display: none;
}
.my-course-card.past-activities .my-course-card__session,
.my-course-card.waiting-activities .my-course-card__session {
  --padding-session: var(--pad1) 0;
}
.my-course-card.past-activities .my-course-card__link,
.my-course-card.waiting-activities .my-course-card__link {
  --align-self: start;
}
.my-course-card.past-activities .top,
.my-course-card.waiting-activities .top {
  --display-top: flex;
  --padding-top: var(--pad1);
  --grid-template-columns: 1fr 50px 50px;
}
.my-course-card.past-activities .top__btn,
.my-course-card.waiting-activities .top__btn {
  --margin: var(--pad3) var(--pad2) 0 var(--pad2);
}
.my-course-card.past-activities .top__date,
.my-course-card.waiting-activities .top__date {
  --grid-column: 1;
  --grid-row: 2;
}
.my-course-card.past-activities .top__files,
.my-course-card.waiting-activities .top__files {
  --grid-column: 2;
  --grid-row: 1 / span 2;
}
.my-course-card.past-activities .top__action,
.my-course-card.waiting-activities .top__action {
  --grid-column: 3;
  --grid-row: 1 / span 2;
}
.my-course-card.past-activities .bottom,
.my-course-card.waiting-activities .bottom {
  --display-bottom: none;
  --width: stretch;
  --padding: 0 var(--pad1);
}
.my-course-card.past-activities .bottom .bottom__btn,
.my-course-card.waiting-activities .bottom .bottom__btn {
  --padding-top: var(--pad3);
}
.my-course-card.past-activities .bottom .my-course-card__subtitle,
.my-course-card.waiting-activities .bottom .my-course-card__subtitle {
  --padding: var(--pad1) 0 0 0;
}
.my-course-card.past-activities .middle,
.my-course-card.waiting-activities .middle {
  --display-middle: flex;
  --padding-middle: 0 var(--pad1);
}
.my-course-card.past-activities .middle__date,
.my-course-card.waiting-activities .middle__date {
  --padding-bottom: var(--pad3);
  --align-self: flex-start;
}
.my-course-card.past-activities .middle__btn,
.my-course-card.waiting-activities .middle__btn {
  --width: 100%;
}

@media (min-width: 900px) {
  .my-course-card {
    --max-width: none;
    --display-card: grid;
    --padding-card: 0;
  }
  .my-course-card__pretitle {
    --padding: var(--pad2) var(--pad2) var(--pad-2) var(--pad2);
  }
  .my-course-card__title {
    --padding: 0 0 var(--pad2) var(--pad2);
  }
  .my-course-card__link {
    --padding: var(--pad2);
    --width-svg: 12px;
  }
  .my-course-card__btn {
    --width: fit-content;
    --margin: var(--pad2) var(--pad2) var(--pad2) 0;
  }
  .my-course-card .section {
    --display-section: grid;
  }
  .my-course-card .section__action {
    --display-action: none;
  }
  .my-course-card .section__info {
    --background-color: var(--white);
    --padding-info: 0 var(--pad1) var(--pad5) var(--pad1);
  }
  .my-course-card .section__label {
    --background-color: var(--white);
    --padding: var(--pad1-5) var(--pad2);
    --margin-top: -2px;
  }
  .my-course-card .section .label2 {
    --margin-top: 66px;
  }
  .my-course-card .section .label3 {
    --margin-top: 134px;
  }
  .my-course-card .section.is-open .section__label {
    --background-color: #fff0f5;
  }
  .my-course-card .section.is-open .section__info {
    --display: grid;
    --background-color: #fdfcfc;
  }
  .my-course-card .section.is-open .section__info--centered {
    --display: flex;
  }
  .my-course-card .section.is-open .label1 {
    --border-bottom: 2px solid var(--grey-lighter);
  }
  .my-course-card .section.is-open .label2, .my-course-card .section.is-open .label3 {
    --border-bottom: 2px solid var(--grey-lighter);
    --border-top: 2px solid var(--grey-lighter);
  }
  .my-course-card .label1, .my-course-card .label2, .my-course-card .label3 {
    --border-bottom: 2px solid var(--grey-lighter);
    --border-top: 2px solid var(--grey-lighter);
  }
  .my-course-card .label1 {
    --margin-top: 0;
  }
  .my-course-card .label2 {
    --margin-top: 0;
  }
  .my-course-card .label3 {
    --margin-top: 0;
  }

  .my-course-card.past-activities .is-open .top,
.my-course-card.waiting-activities .is-open .top {
    --padding-top: 0 var(--pad2) var(--pad2) var(--pad2);
  }
  .my-course-card.past-activities .is-open .bottom,
.my-course-card.waiting-activities .is-open .bottom {
    --display-bottom: grid;
  }
  .my-course-card.past-activities .my-course-card__session,
.my-course-card.waiting-activities .my-course-card__session {
    --padding-session: var(--pad2) 0;
  }
  .my-course-card.past-activities .my-course-card__link,
.my-course-card.waiting-activities .my-course-card__link {
    --align-self: center;
  }
  .my-course-card.past-activities .top,
.my-course-card.waiting-activities .top {
    --display-top: grid;
    --padding-top: 0 var(--pad2) 0 var(--pad2);
    --grid-template-columns: 1fr 1fr 50px 50px;
    --align-items: center;
  }
  .my-course-card.past-activities .top__btn,
.my-course-card.waiting-activities .top__btn {
    --margin: 0;
  }
  .my-course-card.past-activities .top__date,
.my-course-card.waiting-activities .top__date {
    --grid-column: 2;
    --grid-row: 1;
  }
  .my-course-card.past-activities .top__files,
.my-course-card.waiting-activities .top__files {
    --grid-column: 3;
    --grid-row: 1;
  }
  .my-course-card.past-activities .top__files,
.my-course-card.waiting-activities .top__files {
    --grid-column: 3;
    --grid-row: 1;
  }
  .my-course-card.past-activities .top__action,
.my-course-card.waiting-activities .top__action {
    --grid-column: 4;
    --grid-row: 1;
  }
  .my-course-card.past-activities .bottom,
.my-course-card.waiting-activities .bottom {
    --display-bottom: none;
    --width: fit-content;
    --padding: 0 var(--pad2);
  }
  .my-course-card.past-activities .bottom .bottom__btn,
.my-course-card.waiting-activities .bottom .bottom__btn {
    --margin-right: var(--pad1);
    --padding-top: var(--pad2);
  }
  .my-course-card.past-activities .bottom .my-course-card__subtitle,
.my-course-card.waiting-activities .bottom .my-course-card__subtitle {
    --padding: var(--pad2) 0 var(--pad-2) 0;
  }
  .my-course-card.past-activities .middle,
.my-course-card.waiting-activities .middle {
    --display-middle: grid;
    --padding-middle: 0 var(--pad2);
  }
  .my-course-card.past-activities .middle__date,
.my-course-card.waiting-activities .middle__date {
    --padding-bottom: 0;
    --align-self: center;
  }
  .my-course-card.past-activities .middle__btn,
.my-course-card.waiting-activities .middle__btn {
    --width: fit-content;
  }
}
.my-course-card {
  position: relative;
  display: var(--display-card);
  flex-direction: column;
  grid-template-columns: repeat(3, 1fr);
  max-width: var(--max-width);
  width: 100%;
  padding: var(--padding-card);
  background-color: var(--white);
  border-radius: var(--br);
  border: 1px solid var(--grey-lighter);
  box-shadow: 3px 3px 10px rgba(254, 26, 104, 0.1019607843);
}
.my-course-card__pretitle {
  grid-column: 1/span 2;
  grid-row: 1;
  color: var(--primary-light);
  padding: var(--padding);
}
.my-course-card__title {
  grid-column: 1/span 2;
  grid-row: 2;
  padding: var(--padding);
}
.my-course-card__link {
  grid-column: 1/span 2;
  position: relative;
  display: flex;
  gap: var(--pad-2);
  padding: var(--padding);
  text-transform: uppercase;
  text-decoration: none;
  color: var(--second);
}
.my-course-card__link svg {
  width: var(--width-svg);
  height: auto;
}
.my-course-card__bloc {
  padding: var(--pad1);
  border-top: 2px solid var(--grey-lighter);
}
.my-course-card__subtitle {
  color: var(--primary);
  padding: var(--pad1) 0 var(--pad-2) 0;
}
.my-course-card__text > * {
  word-wrap: anywhere;
  word-break: break-word;
}
.my-course-card__text.has-accent {
  color: var(--second);
}
.my-course-card__btn {
  grid-column: 3;
  grid-row: 1/span 2;
  justify-self: end;
  width: var(--width);
  margin: var(--margin);
  cursor: pointer;
}
.my-course-card__btn p {
  pointer-events: none;
}
.my-course-card .section {
  grid-column: 1/span 3;
  grid-row: 3;
  display: var(--display-section);
  flex-direction: column;
  grid-template-columns: repeat(3, 1fr);
  border-top: 2px solid var(--grey-lighter);
}
.my-course-card .section__label {
  grid-column: 1;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 var(--pad8);
  height: fit-content;
  padding: var(--padding);
  margin-top: var(--margin-top);
  background-color: var(--background-color);
  font-weight: bold;
  color: var(--primary);
  cursor: pointer;
}
.my-course-card .section .label1 {
  border-bottom: var(--border-bottom);
  border-top: var(--border-top);
}
.my-course-card .section .label2 {
  margin-top: var(--margin-top);
  border-top: var(--border-top);
  border-bottom: var(--border-bottom);
}
.my-course-card .section .label3 {
  border-top: var(--border-top);
  border-bottom: 2px solid var(--grey-lighter);
  margin-top: var(--margin-top);
}
.my-course-card .section .open {
  display: var(--display);
  width: 24px;
}
.my-course-card .section .close {
  display: var(--display);
  width: 24px;
}
.my-course-card .section__action {
  display: var(--display-action);
  pointer-events: none;
}
.my-course-card .section p {
  pointer-events: none;
}
.my-course-card .section__info {
  grid-column: 2/span 2;
  display: var(--display);
  flex-direction: column;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 var(--pad1);
  padding: var(--padding-info);
  background-color: var(--background-color);
}
.my-course-card .section__info.section__info--centered {
  align-items: center;
  justify-content: center;
  gap: var(--pad2);
}
.my-course-card .section__info .poll {
  padding: var(--pad4) var(--pad1) var(--pad2) var(--pad1);
}
.my-course-card .section__link {
  margin: var(--pad3) var(--pad1) 0 var(--pad1);
  padding: var(--pad1);
  max-width: 330px;
  background-color: var(--white);
  border: 2px solid var(--grey-lighter);
  border-radius: var(--br);
  color: var(--grey);
}
.my-course-card .section__btn {
  position: relative;
  width: 100%;
  max-width: 330px;
  padding: 0 var(--pad1);
  cursor: pointer;
}
.my-course-card .section .copied_alert {
  position: absolute;
  bottom: -24px;
  right: var(--pad2);
  text-align: right;
  color: var(--primary);
  cursor: auto;
}
.my-course-card .section__material {
  display: flex;
  align-items: center;
  gap: 0 var(--pad1);
  margin-top: var(--pad-2);
  padding: var(--pad1);
  background-color: #feeef3;
  border-radius: var(--br);
}
.my-course-card .section__material p {
  font-weight: bold;
  color: var(--primary);
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 300px;
}
.my-course-card .section .day {
  grid-column: 1;
  grid-row: 1;
}
.my-course-card .section .time {
  grid-column: 1;
  grid-row: 2;
}
.my-course-card .section .teacher {
  grid-column: 2;
  grid-row: 1;
}
.my-course-card .section .place {
  grid-column: 2;
  grid-row: 2;
}
.my-course-card .section .description {
  grid-column: 1/span 2;
  grid-row: 3;
}

.my-course-card.past-activities .my-course-card__pretitle {
  grid-column: 1/span 2;
  font-weight: bold;
  color: var(--primary);
  text-transform: uppercase;
}
.my-course-card.past-activities .my-course-card__title {
  grid-column: 1/span 2;
  padding-bottom: var(--pad2);
}
.my-course-card.past-activities .my-course-card__link {
  grid-column: 3;
  grid-row: 1/span 2;
  align-self: var(--align-self);
  justify-self: end;
}
.my-course-card.past-activities .my-course-card__session {
  grid-column: 1/span 3;
  border-top: 2px solid var(--grey-lighter);
  padding: var(--padding-session);
}
.my-course-card.past-activities .top {
  display: grid;
  grid-template-columns: var(--grid-template-columns);
  align-items: var(--align-items);
  gap: var(--pad1) var(--pad2);
  padding: var(--padding-top);
}
.my-course-card.past-activities .top__title {
  grid-column: 1;
  grid-row: 1;
  font-weight: bold;
  pointer-events: none;
}
.my-course-card.past-activities .top__date {
  grid-column: var(--grid-column);
  grid-row: var(--grid-row);
  display: flex;
  gap: var(--pad-2);
  color: var(--violet);
  pointer-events: none;
}
.my-course-card.past-activities .top__files {
  grid-column: var(--grid-column);
  grid-row: var(--grid-row);
  position: relative;
  align-self: center;
  justify-self: end;
}
.my-course-card.past-activities .top__files span {
  position: absolute;
  top: -8px;
  right: -8px;
  width: 16px;
  height: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--primary);
  border-radius: 50%;
  color: var(--white);
}
.my-course-card.past-activities .top__action {
  grid-column: var(--grid-column);
  grid-row: var(--grid-row);
  align-self: center;
  pointer-events: none;
}
.my-course-card.past-activities .top__action .close {
  display: var(--display);
}
.my-course-card.past-activities .top__action .open {
  display: var(--display);
}
.my-course-card.past-activities .bottom {
  display: var(--display-bottom);
  grid-template-columns: repeat(3, 1fr);
  gap: 0 var(--pad3);
  padding: var(--padding);
  border-top: 2px solid var(--grey-lighter);
}
.my-course-card.past-activities .bottom .bottom__btn {
  grid-column: 3;
  padding-top: var(--padding-top);
  margin-right: var(--margin-right);
  justify-self: end;
}
.my-course-card.past-activities .bottom .bottom__btn .btn {
  width: var(--width);
}
.my-course-card.past-activities .bottom .my-course-card__subtitle {
  padding: var(--padding);
}

.my-course-card.waiting-activities .my-course-card__pretitle {
  grid-column: 1/span 2;
  font-weight: bold;
  color: var(--primary);
  text-transform: uppercase;
}
.my-course-card.waiting-activities .my-course-card__title {
  grid-column: 1/span 2;
  padding-bottom: var(--pad2);
}
.my-course-card.waiting-activities .my-course-card__link {
  grid-column: 3;
  grid-row: 1/span 2;
  align-self: var(--align-self);
  justify-self: end;
}
.my-course-card.waiting-activities .my-course-card__session {
  grid-column: 1/span 3;
  border-top: 2px solid var(--grey-lighter);
  padding: var(--padding-session);
}
.my-course-card.waiting-activities .middle {
  display: var(--display-middle);
  flex-direction: column;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 var(--pad2);
  padding: var(--padding-middle);
}
.my-course-card.waiting-activities .middle__title {
  padding-bottom: var(--pad1);
  font-weight: bold;
  pointer-events: none;
}
.my-course-card.waiting-activities .middle__date {
  align-self: var(--align-self);
  padding-bottom: var(--padding-bottom);
  color: var(--primary-light);
  pointer-events: none;
}
.my-course-card.waiting-activities .middle__date span {
  display: flex;
  gap: var(--pad-2);
}
.my-course-card.waiting-activities .middle__date span + span {
  padding-top: var(--pad-2);
}
.my-course-card.waiting-activities .middle__btn {
  grid-column: 3;
  grid-row: 1/span 2;
  justify-self: end;
  align-self: center;
  margin: 0;
  width: var(--width);
}

.session-card {
  --margin-top: var(--pad4);
}
.session-card__bloc {
  --display: block;
  --margin: var(--pad1);
}

.session-empty {
  --margin-top: var(--pad1);
  --padding: 0 var(--pad1);
  --height: 40px;
}

@media (min-width: 900px) {
  .session-card {
    --margin-top: 0;
  }
  .session-card__bloc {
    --display: grid;
    --margin: var(--pad2);
  }

  .session-empty {
    --margin-top: 0;
    --padding: 0 0 0 var(--pad2);
    --height: 80px;
  }
}
.session-card {
  position: relative;
  padding-left: var(--pad2);
  border-left: 2px solid var(--primary);
  margin-top: var(--margin-top);
}
.session-card + .session-card {
  margin-top: var(--pad2);
}
.session-card::before {
  content: "";
  position: absolute;
  left: 22px;
  width: 0;
  height: 0;
  border-bottom: 10px solid transparent;
  border-right: 10px solid var(--primary);
}
.session-card::after {
  content: "";
  position: absolute;
  top: 0;
  left: -5px;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  background-color: var(--primary);
}
.session-card__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--pad1);
  background-color: var(--primary);
  border-top-right-radius: var(--br);
}
.session-card__top .title {
  color: var(--white);
}
.session-card__top .date {
  color: var(--primary-light);
}
.session-card__blocs {
  padding-top: 1px;
  padding-bottom: var(--pad1);
  border-radius: 0 0 var(--br) var(--br);
  background-color: var(--white);
}
.session-card__bloc {
  display: var(--display);
  grid-template-columns: repeat(2, 1fr);
  gap: var(--pad2);
  margin: var(--margin);
  background-color: var(--white);
}
.session-card__bloc .info {
  grid-column: auto !important;
}
.session-card__bloc1 {
  border-bottom: 1px solid var(--grey-light);
}

.session-empty {
  position: relative;
  margin-top: var(--margin-top);
  padding: var(--padding);
  border-left: 2px dashed var(--primary);
}
.session-empty::after {
  content: "";
  position: absolute;
  top: 0;
  left: -5px;
  width: 8px;
  height: 8px;
  border-radius: 10px;
  background-color: var(--primary);
}
.session-empty::before {
  content: "";
  position: absolute;
  top: 0;
  left: -2px;
  width: 2px;
  height: var(--height);
  background-color: var(--primary);
}
.session-empty p {
  color: var(--grey-light);
}

.modal__background {
  --top: 87px;
}
.modal__form,
.modal .form {
  --display: flex;
  --padding: var(--pad2) var(--pad3) var(--pad2) var(--pad1);
}
.modal__intro {
  --padding: 0 0 var(--pad2) 0;
}

@media (min-width: 900px) {
  .modal__background {
    --top: 0;
  }
  .modal__form,
.modal .form {
    --display: grid;
    --padding: var(--pad2) var(--pad3) var(--pad2) 0;
  }
  .modal__intro {
    --padding: 0 0 var(--pad2) var(--pad1);
  }
}
.modal,
.delete-modal {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--pad2);
  z-index: 100;
}
.modal__background,
.delete-modal__background {
  position: fixed;
  top: var(--top);
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--violet);
  opacity: 0.8;
}
.modal__card,
.delete-modal__card {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0 var(--pad2);
  width: 65%;
  min-width: 350px;
  max-width: 650px;
  margin-top: 100px;
  padding: var(--pad1) 0 var(--pad4) 0;
  background-color: var(--white);
  border-radius: var(--br);
  box-shadow: 3px 3px 10px rgba(254, 26, 104, 0.1019607843);
  z-index: 110;
}
.modal__title,
.delete-modal__title {
  grid-column: 1/span 2;
  color: var(--primary);
  padding: 0 var(--pad3) var(--pad2) var(--pad1);
}
.modal__close,
.delete-modal__close {
  position: absolute;
  top: 0;
  right: 0;
  padding: var(--pad1);
  cursor: pointer;
}
.modal__close:hover,
.delete-modal__close:hover {
  background-color: hsla(208deg, 87%, 88%, 0.25);
  border-radius: 50%;
}
.modal__close svg,
.delete-modal__close svg {
  width: 12px;
  height: 12px;
  pointer-events: none;
}
.modal__intro,
.delete-modal__intro {
  padding: var(--padding);
}
.modal__intro .text-md,
.delete-modal__intro .text-md {
  color: var(--primary);
}
.modal__intro .text-menu,
.delete-modal__intro .text-menu {
  padding-top: var(--pad1);
  padding-bottom: var(--pad-3);
  color: var(--grey);
}
.modal__intro .text-sm p + p,
.delete-modal__intro .text-sm p + p {
  padding-top: var(--pad-2);
}
.modal__form,
.modal .form,
.delete-modal__form,
.delete-modal .form {
  grid-column: 1/span 2;
  display: var(--display);
  grid-template-columns: 1fr 1fr;
  flex-direction: column;
  padding: var(--padding);
  background-color: hsla(208deg, 87%, 88%, 0.25);
}
.modal__form form,
.modal .form form,
.delete-modal__form form,
.delete-modal .form form {
  justify-content: center;
}
.modal__form li.field,
.modal .form li.field,
.delete-modal__form li.field,
.delete-modal .form li.field {
  height: 100%;
  padding-bottom: 0;
}
.modal__form textarea,
.modal .form textarea,
.delete-modal__form textarea,
.delete-modal .form textarea {
  height: 100%;
  min-height: 150px;
}
.modal__message,
.delete-modal__message {
  grid-column: 1/span 2;
}
.modal__message .modal__intro,
.delete-modal__message .modal__intro {
  padding-top: var(--pad2);
  background-color: hsla(208deg, 87%, 88%, 0.25);
}
.modal__submit,
.delete-modal__submit {
  grid-column: 1/span 2;
  justify-self: center;
  width: fit-content;
}
.modal__submit1,
.delete-modal__submit1 {
  margin-top: var(--pad3);
}
.modal__submit2,
.delete-modal__submit2 {
  color: var(--second);
}
.modal__submit2::before,
.delete-modal__submit2::before {
  content: "<--";
  padding-right: var(--pad-2);
}
.modal .course-card,
.delete-modal .course-card {
  margin-top: 250px;
  z-index: 110;
}

.delete-modal .modal__form {
  grid-template-columns: 1fr;
}
.delete-modal .modal__intro .text-sm {
  padding-top: var(--pad-2);
}

.view-selector__title {
  --font-size: 8px;
  --line-height: 12px;
}
@media (min-width: 900px) {
  .view-selector__title {
    --font-size: 12px;
    --line-height: 16px;
  }
}
.view-selector {
  padding-bottom: var(--pad-2);
}
.view-selector__title {
  font-size: var(--font-size);
  line-height: var(--line-height);
  padding-bottom: var(--pad-2);
  color: var(--primary-light);
  text-transform: uppercase;
  font-weight: bold;
}
.view-selector__btns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
  border-radius: var(--br);
  overflow: clip;
  cursor: pointer;
}
.view-selector .selector-btn {
  display: flex;
  align-items: center;
  gap: var(--pad1);
  padding: var(--pad1);
  background-color: var(--primary-lightest);
  color: var(--primary);
  font-weight: bold;
}
.view-selector .selector-btn.is-active {
  background-color: var(--primary);
  color: var(--white);
}
.view-selector .selector-btn.is-active svg path {
  fill: var(--white);
}
.view-selector .selector-btn p {
  text-transform: uppercase;
}
.view-selector .selector-btn svg {
  margin-left: 8px;
  height: 20px;
  width: 20px;
  fill: none;
}
.view-selector .selector-btn svg path {
  fill: var(--primary);
}

.filter__btn {
  margin-top: var(--pad1-5);
  margin-bottom: var(--pad4);
}
.filter__btn p {
  pointer-events: none;
}
.filter__tags.tags {
  padding: var(--pad2) 0;
  border-top: 1px solid var(--primary-lighter);
}
.filter__tags.tags svg {
  cursor: pointer;
}

.tags {
  display: flex;
  gap: var(--pad-2);
  flex-wrap: wrap;
  padding-bottom: var(--pad1);
}
.tags .tag {
  display: flex;
  gap: var(--pad-2);
  align-items: center;
  padding: 4px 8px;
  border: 1px solid var(--violet-dark);
  border-radius: 50px;
  text-transform: uppercase;
  color: var(--violet-dark);
  white-space: nowrap;
}

.sorting__title {
  padding-bottom: var(--pad-2);
  color: var(--primary-light);
  text-transform: uppercase;
  font-weight: bold;
}
.sorting .field-select::after {
  top: 19px;
}
.sorting__tags.tags {
  padding: var(--pad2) 0;
  border-top: 1px solid var(--primary-lighter);
}
.sorting__tags.tags svg {
  cursor: pointer;
}

.calendar-event.fc-event {
  position: relative;
  height: 90px;
  padding: var(--pad-3);
  margin-top: var(--pad-3);
  background-color: var(--white) !important;
  border: none;
}
.calendar-event.fc-event .fc-event-title-container {
  display: flex;
  flex-direction: column;
}
.calendar-event.fc-event .fc-event-title {
  order: 2;
  height: 100%;
  text-overflow: ellipsis;
  white-space: wrap;
}
.calendar-event.fc-event .calendar-event__top {
  order: 1;
  font-weight: bold;
  margin-bottom: var(--pad-2);
  border-bottom: 2px solid var(--primary);
}

.project-tag {
  display: flex;
  gap: var(--pad-2);
  align-items: center;
  flex-wrap: wrap;
  width: fit-content;
  padding: var(--pad-2) var(--pad1);
  margin-bottom: var(--pad2);
  background-color: var(--primary-1);
  border-radius: 35px;
}
.project-tag__logo {
  height: var(--pad1-5);
  width: var(--pad1-5);
  border-radius: 50%;
  background-color: var(--white);
  overflow: hidden;
}
.project-tag__title {
  border-radius: 50px;
  color: var(--primary);
  white-space: nowrap;
  font-weight: bold;
}

.back-link {
  align-self: center;
  position: relative;
  margin-top: var(--pad1);
}
.back-link__text {
  padding: var(--pad-2) var(--pad-2) var(--pad-2) var(--pad1-5);
  text-transform: uppercase;
}
.back-link__text::before {
  content: "←";
  position: absolute;
  left: 5px;
  bottom: 10px;
  color: var(--white);
}

.user-icon {
  --height: 40px;
  --width: 40px;
}

.sidebar {
  --bottom-sidebar: auto;
  --right-sidebar: 0;
  --flex-direction-sidebar: row;
}
.sidebar__topbar {
  --display-topbar: flex;
}
.sidebar .burguer {
  --display: block;
}
.sidebar .close, .sidebar__menu {
  --display: none;
}
.sidebar__middle, .sidebar__logout {
  --display: none;
}
.sidebar.menu-is-open {
  --flex-direction-sidebar: column;
}
.sidebar.menu-is-open .burguer {
  --display: none;
}
.sidebar.menu-is-open .close,
.sidebar.menu-is-open .sidebar__menu {
  --display: block;
}
.sidebar.menu-is-open .menu .is-active {
  --background-color: var(--second);
}
.sidebar.menu-is-open .home-icon {
  margin-top: 7px;
}
.sidebar.menu-is-open .topbar__middle {
  --margin-top: 8px;
  --margin-left: -8px;
}
.sidebar__popup {
  --top: 0;
  --left: 0;
  --right: 0;
  --bottom: 0;
  --width: 100%;
  --height: 100%;
  --display-popup: none;
  --padding-popup: 0;
  --display-on-click: grid;
}
.sidebar .sidebar-menu__button {
  --border-radius: 0;
  --padding: 0 var(--pad1) 0 0;
  --margin: 0 var(--pad1) 0 var(--pad1);
}
.sidebar .sidebar-menu__button-project {
  --margin-bottom: 0;
  --border-bottom: 2px solid var(--second-light);
}

.menu {
  --display-menu: grid;
  --width-menu: 100%;
  --color-border-mb: var(--second-light);
  --color-border-dk: transparent;
}
.menu__item {
  --padding: var(--pad4-5) 0;
  --height: auto;
}
.menu__item:hover {
  --hover-color: var(--second);
}
.menu__item:hover .sidebar__popup {
  --display-popup: grid;
}
.menu__home {
  --display: none;
}
.menu .mobile-only {
  --display-mobile-only: block;
}

@media (min-width: 900px) {
  .user-icon {
    --height: 60px;
    --width: 60px;
  }

  .sidebar {
    --bottom-sidebar: 0;
    --right-sidebar: auto;
    --flex-direction-sidebar: column;
  }
  .sidebar__topbar {
    --display-topbar: none;
  }
  .sidebar__menu {
    --display: flex;
  }
  .sidebar .burguer, .sidebar .close {
    --display: none;
  }
  .sidebar__middle, .sidebar__logout {
    --display: flex;
  }
  .sidebar__popup {
    --left: 90px;
    --top: 0;
    --right: auto;
    --bottom: auto;
    --width: max-content;
    --height: auto;
    --display-popup: none;
    --padding-popup: var(--pad-2) var(--pad1) var(--pad-2) var(--pad3);
    --display-on-click: block;
  }
  .sidebar .sidebar-menu__button {
    --border-radius: 50px;
    --padding: var(--pad-2) var(--pad1) var(--pad-2) var(--pad-2);
    --margin: 0;
  }
  .sidebar .sidebar-menu__button-project {
    --margin-bottom: var(--pad-2);
    --border-bottom: none;
  }

  .menu {
    --display-menu: flex;
    --width-menu: var(--pad8);
    --color-border-mb: transparent;
    --color-border-dk: var(--second-light);
  }
  .menu__item {
    --padding: var(--pad2) 0;
    --height: 130px;
  }
  .menu__item:hover {
    --hover-color: var(--second-med);
  }
  .menu__item:hover .sidebar__popup {
    --display-popup: block;
  }
  .menu__home {
    --display: block;
  }
  .menu .mobile-only {
    --display-mobile-only: none;
  }
}
.home-icon {
  padding: var(--pad1);
}

.user-icon {
  height: var(--width);
  width: var(--height);
  margin: var(--pad1);
  border-radius: 50%;
  overflow: clip;
}

.sidebar {
  position: fixed;
  left: 0;
  top: 0;
  bottom: var(--bottom-sidebar);
  right: var(--right-sidebar);
  display: flex;
  flex-direction: var(--flex-direction-sidebar);
  justify-content: flex-start;
  background-color: var(--second);
  z-index: 200;
}
.sidebar__topbar {
  display: var(--display-topbar);
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.sidebar__topbar .topbar__home {
  margin-left: var(--pad1);
}
.sidebar__topbar .topbar__home:hover {
  background-color: var(--second-light);
  border-radius: var(--br);
}
.sidebar__topbar .topbar__middle {
  display: flex;
  flex-direction: column;
  color: var(--second-lighter);
  margin-top: var(--margin-top);
  margin-left: var(--margin-left);
}
.sidebar__topbar .topbar__middle a:nth-child(2), .sidebar__topbar .topbar__middle a:nth-child(3) {
  color: var(--white);
}
.sidebar__topbar .topbar__action {
  margin: var(--pad1);
}
.sidebar__topbar .topbar__action:hover {
  background-color: var(--second-light);
  border-radius: var(--br);
}
.sidebar__topbar .topbar__action .close {
  display: var(--display);
  width: var(--pad3);
  padding: var(--pad1);
  cursor: pointer;
}
.sidebar__topbar .topbar__action .burguer {
  display: var(--display);
  width: 56px;
  padding: var(--pad1);
  cursor: pointer;
}
.sidebar__menu {
  display: var(--display);
}
.sidebar__middle {
  display: var(--display);
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 128px;
  overflow: hidden;
  text-overflow: ellipsis;
  overflow-wrap: anywhere;
  text-align: center;
}
.sidebar__middle p {
  padding: var(--pad-2);
  transform: rotate(-90deg);
  font-size: 12px;
  line-height: 12px;
  text-transform: uppercase;
  color: var(--second-light);
}
.sidebar__logout {
  position: relative;
  display: var(--display);
  justify-content: center;
  align-items: center;
  margin-top: auto;
}
.sidebar__logout .menu__item:hover {
  background-color: var(--second);
}
.sidebar__logout .menu__item::before {
  content: "";
  position: absolute;
  top: -2px;
  width: 75%;
  height: 2px;
  background-color: var(--second-light);
  z-index: 1;
}
.sidebar__popup {
  position: absolute;
  right: var(--right);
  top: var(--top);
  left: var(--left);
  bottom: var(--bottom);
  display: var(--display-popup);
  grid-auto-rows: auto;
  padding: var(--padding-popup);
}
.sidebar__popup.show-popup {
  display: var(--display-on-click);
}
.sidebar .sidebar-menu__button {
  width: var(--width);
  height: var(--height);
  padding: var(--padding);
  margin: var(--margin);
  border-radius: var(--border-radius);
  background-color: var(--second);
  font-weight: bold;
  display: flex;
  align-items: center;
  gap: var(--pad-2);
}
.sidebar .sidebar-menu__button svg circle {
  fill: var(--second);
}
.sidebar .sidebar-menu__button svg polygon {
  fill: var(--white);
}
.sidebar .sidebar-menu__button .sidebar-menu__button-img {
  height: 24px;
  width: 24px;
  border-radius: 50%;
  overflow: hidden;
  background-color: var(--white);
}
.sidebar .sidebar-menu__button .sidebar-menu__button-img img {
  object-fit: cover;
  object-position: 50% 50%;
  width: 100%;
  height: auto;
}
.sidebar .sidebar-menu__button-project {
  margin-bottom: var(--margin-bottom);
  border-bottom: var(--border-bottom);
}

.menu {
  position: relative;
  display: var(--display-menu);
  flex-direction: var(--flex-direction-sidebar);
  grid-template-columns: 1fr 1fr;
  width: var(--width-menu);
}
.menu li {
  position: relative;
  border-top: 2px solid var(--color-border-mb);
}
.menu li::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 16px;
  width: 75%;
  height: 2px;
  background-color: var(--color-border-dk);
  z-index: 1;
}
.menu li:nth-child(3)::before {
  content: "";
  position: absolute;
  top: 23px;
  width: 2px;
  height: 75%;
  background-color: var(--color-border-mb);
  z-index: 1;
}
.menu li:nth-child(5)::before {
  content: "";
  position: absolute;
  top: 10px;
  width: 2px;
  height: 75%;
  background-color: var(--color-border-mb);
  z-index: 1;
}
.menu .mobile-only {
  display: var(--display-mobile-only);
}
.menu__item {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--pad1);
  padding: var(--padding);
  height: var(--height);
  background-color: var(--second);
  color: var(--white);
}
.menu__item:hover {
  background-color: var(--hover-color);
}
.menu__item.is-active {
  background-color: var(--hover-color);
}
.menu__item.is-disabled {
  cursor: not-allowed;
  pointer-events: none;
  background-color: var(--grey-light);
}
.menu__item.menu__item--narrow {
  padding: var(--pad2);
}
.menu__item.menu__item--narrow::after {
  background-color: transparent;
}
.menu__icon {
  height: 27px;
}
.menu__icon svg {
  width: var(--pad1-5);
}
.menu__icon--out {
  width: var(--pad1);
  transform: rotate(90deg);
}
.menu__home {
  display: var(--display);
}

.blue .sidebar__topbar {
  border-bottom: 2px solid var(--second-light);
}

.footer {
  --flex-direction-footer: column;
  --padding-footer: var(--pad1);
  --align-items: flex-start;
}
.footer__author {
  --padding-bottom: var(--pad4);
}
.footer__author-text {
  --grid-colum: 1;
}
.footer__author-links {
  --grid-colum: 2;
  --justify-self: end;
}
.footer__logo-container {
  --border-top: 2px solid var(--grey-lighter);
  --padding-top: var(--pad1);
}

@media (min-width: 900px) {
  .footer {
    --flex-direction-footer: row;
    --padding-footer: var(--pad4) var(--pad4-5) var(--pad2) var(--pad4-5);
    --align-items: center;
  }
  .footer__author {
    --padding-bottom: 0;
  }
  .footer__author-text {
    --grid-colum: 1 / span 2;
  }
  .footer__author-links {
    --grid-colum: 1 / span 2;
    --justify-self: start;
  }
  .footer__logo-container {
    --border-top: none;
    --padding-top: 0;
  }
}
.footer {
  display: flex;
  flex-direction: var(--flex-direction-footer);
  justify-content: space-between;
  align-items: var(--align-items);
  gap: var(--pad1) var(--pad8);
  padding: var(--padding-footer);
  margin-top: auto;
  background-color: var(--primary);
  color: var(--white);
}
.footer__author {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--pad2);
  padding-bottom: var(--padding-bottom);
  font-size: 12px;
  line-height: 16px;
}
.footer__author-text {
  grid-column: var(--grid-colum);
}
.footer__author-links {
  grid-column: var(--grid-colum);
  justify-self: var(--justify-self);
  display: flex;
  flex-direction: var(--flex-direction-footer);
  gap: var(--pad1);
  text-transform: uppercase;
}
.footer__logo-container {
  align-self: start;
  padding-top: var(--padding-top);
  border-top: var(--border-top);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--pad1) var(--pad2);
  width: 100%;
}
.footer__logo {
  width: 160px;
}
.footer__logo img {
  width: auto;
  max-height: 40px;
}

.form {
  --display: block;
}
.form__submit {
  --margin: var(--pad2) 0;
}

.signup .form__submit {
  --margin: var(--pad4) 0;
}

.login .form__submit {
  --margin: var(--pad1) 0 0 0;
}

@media (min-width: 900px) {
  .signup .form {
    --display: grid;
  }

  .project .form {
    --display: grid;
  }

  .form form {
    --display-form: flex;
  }
  .form__submit {
    --margin: var(--pad4) 0;
  }

  .signup .form__submit {
    --margin: var(--pad6) 0;
  }
}
.form {
  display: var(--display);
  grid-template-columns: 50% 50%;
  gap: 0 var(--pad1);
}
.form form {
  display: var(--display-form);
  grid-template-columns: 50% 50%;
  gap: 0 var(--pad1);
  flex-direction: column;
}
.form__error {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  gap: var(--pad1);
  padding-bottom: var(--pad-2);
  padding-top: var(--pad1);
  color: var(--error);
  font-weight: bold;
}
.form__text a {
  color: var(--second);
}
.form__submit {
  align-self: stretch;
  margin: var(--margin);
}

.login__background {
  --top: 87px;
}

@media (min-width: 900px) {
  .login__background {
    --top: 0;
  }
}
.login {
  display: flex;
  align-items: center;
  justify-content: center;
}
.login__background {
  position: fixed;
  top: var(--top);
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--violet);
  z-index: 100;
}
.login__card {
  z-index: 110;
  width: 100%;
  max-width: 350px;
  margin-top: 50px;
}
.login__form form {
  display: flex;
  flex-direction: column;
}
.login__form form input:nth-child(1) {
  order: 1;
}
.login__form form li:nth-child(2) {
  order: 2;
}
.login__form form li:nth-child(3) {
  order: 3;
}
.login__form form li:nth-child(4) {
  order: 6;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: flex-end;
  padding-top: var(--pad-2);
  padding-bottom: var(--pad3);
}
.login__form form li:nth-child(4) label {
  display: inline;
  padding-bottom: 0;
  padding-left: var(--pad-2);
  width: 80%;
  font-weight: 300;
  font-size: 12px;
  line-height: 16px;
  text-transform: none;
  color: var(--primary-dark);
  cursor: pointer;
}
.login__form form li:nth-child(4) input {
  position: relative;
  width: var(--pad1);
  height: var(--pad1);
  padding: 0;
}
.login__form form li:nth-child(4) input::after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  width: 9px;
  height: 9px;
  border-radius: 20px;
  background-color: var(--white);
}
.login__form form li:nth-child(4) input:checked {
  background-color: var(--second-lighter);
}
.login__form form li:nth-child(4) input:checked::after {
  background-color: var(--second);
}
.login__form form a:nth-child(5) {
  order: 4;
  color: var(--second);
  font-weight: bold;
  padding-bottom: var(--pad1);
}
.login__form form input:nth-child(6) {
  order: 5;
}
.login__signup {
  border-top: 2px solid var(--primary);
}
.login__signup-text {
  padding-bottom: var(--pad1);
  padding-top: var(--pad-3);
  color: var(--primary);
}

.header-topbar {
  --padding: var(--pad1);
  --height: auto;
}
.header-topbar.grid-content {
  --display-header: flex;
}
.header-topbar__logo {
  --display: none;
}
.header-topbar__links {
  --display: none;
}
.header-topbar__login {
  --margin: var(--pad1);
}

@media (min-width: 900px) {
  .header-topbar {
    --padding: var(--pad2) var(--pad4);
    --height: 132px;
  }
  .header-topbar.grid-content {
    --display-header: grid;
  }
  .header-topbar__logo {
    --display: block;
  }
  .header-topbar__links {
    --display: flex;
  }
  .header-topbar__login {
    --margin: 0;
  }
}
.header-topbar {
  padding: var(--padding);
  height: var(--height);
  background-color: var(--primary);
  color: var(--white);
  align-items: center;
}
.header-topbar.grid-content {
  display: var(--display-header);
  grid-auto-flow: dense;
  flex-direction: column;
}
.header-topbar__logo {
  grid-column: 1;
  display: var(--display);
  align-self: center;
}
.header-topbar__logo img {
  max-height: 65px;
}
.header-topbar__text {
  order: 2;
  grid-column: 2/span 4;
  align-self: flex-start;
}
.header-topbar__text .text-md {
  color: var(--white);
}
.header-topbar__actions {
  order: 1;
  grid-column: 6;
  align-self: flex-end;
  display: flex;
  flex-direction: column;
}
.header-topbar__links {
  display: var(--display);
  flex-direction: row;
  align-self: flex-end;
  gap: var(--pad1);
}
.header-topbar__login {
  display: flex;
  gap: var(--pad1);
  margin: var(--margin);
}
.header-topbar__login .btn {
  cursor: pointer;
}
.header-topbar__login p {
  white-space: nowrap;
}

.overlay__card {
  --min-height: none;
}
.overlay__submit {
  --margin-top: var(--pad4);
}

@media (min-width: 900px) {
  .overlay__card {
    --min-height: 808px;
  }
  .overlay__submit {
    --margin-top: auto;
  }
}
.overlay__background {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--violet);
  opacity: 0.75;
  z-index: 1000;
}
.overlay__card form {
  position: fixed;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  min-height: var(--min-height);
  width: 329px;
  padding: var(--pad2) var(--pad1);
  background-color: var(--white);
  z-index: 1010;
  overflow: clip;
}
.overlay__close {
  position: fixed;
  top: var(--pad2);
  right: var(--pad1);
  background-color: var(--primary-lightest);
  border-radius: 50%;
  height: 34px;
  width: 34px;
}
.overlay__close svg {
  pointer-events: none;
  height: 34px;
  width: 34px;
}
.overlay__close svg polygon {
  fill: var(--primary);
}
.overlay__title {
  font-weight: bold;
  color: var(--primary);
  padding-bottom: var(--pad2);
}
.overlay__option.is-open .overlay__option-arrow {
  transform: rotate(180deg);
  transition: transform 0.5s ease-out;
}
.overlay__option-topbar {
  display: flex;
  justify-content: space-between;
  padding-top: var(--pad1);
  padding-bottom: 6px;
}
.overlay__option-topbar p, .overlay__option-topbar .overlay__option-arrow {
  pointer-events: none;
}
.overlay__option-list {
  display: flex;
  flex-direction: column;
  padding-top: var(--pad2);
  max-height: 270px;
  overflow-y: scroll;
}
.overlay__option-dates {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--pad1);
  padding-top: var(--pad1);
}
.overlay__option-dates p {
  text-transform: uppercase;
  color: var(--violet-dark);
}
.overlay__option-dates input {
  margin-top: var(--pad1);
}
.overlay__clean {
  padding-top: var(--pad1);
  color: var(--second);
  text-transform: uppercase;
}
.overlay__submit {
  margin-top: var(--margin-top);
}
.overlay__submit .btn {
  width: 100%;
}

.separator {
  display: inline-block;
  height: 1px;
  width: 115%;
  margin-left: -20px;
  background-color: var(--violet);
}

.my-calendar .fc-toolbar-title {
  --font-size: 20px;
  --line-height: 24px;
}

@media (min-width: 900px) {
  .my-calendar .fc-toolbar-title {
    --font-size: 28px;
    --line-height: 30px;
  }
}
.my-calendar.fc {
  border: none;
}
.my-calendar.fc .fc-button {
  height: 31px;
  width: 31px;
  padding: 0;
  background-color: var(--primary-lightest);
  border-radius: 50px;
  border: none;
}
.my-calendar.fc .fc-button .fc-icon {
  color: var(--primary);
  font-size: 25px;
}
.my-calendar.fc .fc-toolbar-title {
  color: var(--primary);
  font-size: var(--font-size);
  line-height: var(--line-height);
  margin-bottom: var(--pad2);
}
.my-calendar.fc .fc-toolbar-title:first-letter {
  text-transform: capitalize;
}
.my-calendar.fc .fc-daygrid-day {
  padding: 0 5px;
}
.my-calendar.fc.fc-theme-standard td {
  position: relative;
  padding-bottom: var(--pad1);
  border: none;
  border-top: 1px solid var(--primary-lighter);
}
.my-calendar.fc.fc-theme-standard td::before {
  content: "";
  position: absolute;
  top: -1px;
  right: 0;
  width: 5px;
  height: 3px;
  background-color: var(--second-3);
}
.my-calendar.fc.fc-theme-standard td::after {
  content: "";
  position: absolute;
  top: -1px;
  left: 0;
  width: 5px;
  height: 3px;
  background-color: var(--second-3);
}
.my-calendar.fc .fc-daygrid-day-top {
  color: var(--primary-light);
  font-weight: bold;
}
.my-calendar.fc .fc-event-time {
  display: none;
}
.my-calendar.fc .fc-event-main,
.my-calendar.fc .fc-event-main-frame {
  height: 100%;
}
.my-calendar.fc .fc-event-title-container {
  font-family: "Inter", sans-serif;
  color: var(--primary-dark);
  font-size: 12px;
  line-height: 14px;
  text-overflow: ellipsis;
}
.my-calendar.fc.fc-theme-standard table.fc-scrollgrid {
  border: none;
}
.my-calendar.fc .fc-scroller.fc-scroller-liquid-absolute {
  border-bottom: 1px solid var(--primary-lighter);
}

.dropdown__topbar, .dropdown__bottom {
  --margin: var(--pad2) 0;
}

@media (min-width: 900px) {
  .dropdown__topbar, .dropdown__bottom {
    --margin: 0 var(--pad4-5);
  }
  .dropdown .info__doc {
    --word-break: break-all;
  }
}
.dropdown__topbar {
  position: relative;
  padding: var(--pad2) 0;
  margin: var(--margin);
  border-top: 1px solid var(--primary-lighter);
  cursor: pointer;
}
.dropdown__topbar .pretitle {
  grid-column: 1;
  grid-row: 1;
  color: var(--primary-light);
}
.dropdown__topbar .title {
  grid-column: 1/span 3;
  grid-row: 2;
  color: var(--primary);
}
.dropdown__topbar .subtitle {
  grid-column: 4;
  grid-row: 2;
}
.dropdown__topbar .icon {
  grid-column: 6;
  grid-row: 1/span 2;
  position: absolute;
  top: 41%;
  right: var(--pad1);
  display: flex;
  align-items: center;
  justify-content: center;
  height: 24px;
  width: 24px;
  background-color: var(--primary-lightest);
  border-radius: 50%;
}
.dropdown__topbar .icon svg {
  pointer-events: none;
  height: 12px;
  width: 12px;
}
.dropdown__topbar .icon svg polygon {
  fill: var(--primary);
}
.dropdown__bottom {
  margin: var(--margin);
  padding: var(--pad2) 0;
  border-top: 1px solid var(--primary-lighter);
}
.dropdown__bottom .info {
  grid-column: 1/span 3;
}
.dropdown__bottom .info .pretitle {
  color: var(--primary-light);
}
.dropdown__bottom .info .title {
  width: 80%;
  padding-bottom: var(--pad2);
  color: var(--primary);
  cursor: pointer;
}
.dropdown__bottom .info__title {
  padding-bottom: var(--pad-3);
  text-transform: uppercase;
  color: var(--primary);
  font-weight: bold;
}
.dropdown__bottom .info__text {
  padding-bottom: var(--pad1);
}
.dropdown__bottom .info__text a {
  font-weight: bold;
  cursor: pointer;
}
.dropdown__bottom .info__doc a div {
  display: flex;
  gap: var(--pad-2);
  padding: var(--pad1);
  background-color: var(--primary-lightest);
  border-radius: var(--br);
}
.dropdown__bottom .info__doc a div svg {
  width: 13px;
  height: 18px;
}
.dropdown__bottom .info__doc a div p {
  font-weight: bold;
  color: var(--primary);
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: var(--word-break);
}
.dropdown__bottom .info__doc + .info__doc {
  margin-top: var(--pad-2);
}
.dropdown__bottom .sessions {
  grid-column: 4/span 3;
}

.modal-overlay {
  --margin-card: var(--pad3) var(--pad2);
  --top: 91px;
  --left: 0;
}

.modal-overlay2 {
  --left-margin: 0;
}

@media (min-width: 900px) {
  .modal-overlay {
    --margin-card: var(--pad3) var(--pad2);
    --top: 0;
    --left: 128px;
  }

  .modal-overlay2 {
    --left-margin: 125px;
  }
}
.modal-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-overlay__background {
  position: fixed;
  top: var(--top);
  bottom: 0;
  left: var(--left);
  right: 0;
  background-color: var(--violet);
  opacity: 0.75;
  z-index: 100;
}
.modal-overlay__card {
  position: fixed;
  top: 100px;
  max-width: 400px;
  margin: var(--margin-card);
  z-index: 110;
}
.modal-overlay .card__subtitle {
  padding-bottom: var(--pad2);
}
.modal-overlay__form.form {
  grid-template-columns: 1fr;
}
.modal-overlay__form .form__submit {
  margin-bottom: 0;
}

.modal-overlay2 {
  position: fixed;
  bottom: 0;
  top: 0;
  left: var(--left-margin);
  right: 0;
}
.modal-overlay2__card {
  position: auto;
  top: auto;
  margin: 0;
}

.home .welcome__content {
  --flex-direction: column;
  --justify-content: flex-start;
  --align-items: flex-start;
  --padding: var(--pad1);
  --height-content: auto;
}
.home .welcome__content.is-logged .welcome__logo {
  --height: var(--pad4);
  --display: none;
}
.home .welcome__logo {
  --height: var(--pad7);
}
.home .welcome__btns {
  --display: none;
}
.home .topbar {
  --justify-content: flex-end;
  --padding-topbar: var(--pad2) 0 0 0;
}
.home .topbar__right {
  --padding-right: var(--pad1);
}
.home .topbar__left {
  --display: none;
}
.home .intro {
  --padding-intro: var(--pad1);
  --padding-hello-out: var(--pad1) 0 var(--pad4) 0;
}
.home .intro__hello-out {
  --width: auto;
}
.home .intro__bloc {
  --grid-template-rows: 80px 1fr 150px;
  --padding-left-bloc: 0;
  --padding-bottom-bloc: var(--pad2);
  --height: 2px;
  --width: 100%;
  --top: 0;
}
.home .intro__bloc-subtitle {
  --padding-bottom: var(--pad1);
}
.home .intro__bloc-text {
  --padding-bottom: var(--pad4);
}
.home .intro__bloc-btn {
  --margin: var(--pad3);
}
.home .outro {
  --padding-outro: var(--pad4) var(--pad1) var(--pad2) var(--pad1);
}
.home .outro__btn {
  --align-self: auto;
}

.home.not-logged .welcome__text {
  --position: absolute;
}

@media (min-width: 900px) {
  .home .welcome__content {
    --flex-direction: row;
    --justify-content: center;
    --align-items: center;
    --padding: 0;
    --height-content: 100vh;
  }
  .home .welcome__content.is-logged .welcome__logo {
    --height: var(--pad4);
    --display: block;
  }
  .home .welcome__content .welcome__logo {
    --height: var(--pad10);
  }
  .home .welcome__content .welcome__btns {
    --display: flex;
  }
  .home .welcome__content.is-logged {
    --justify-content: space-between;
    --align-items: center;
    --padding: var(--pad2) 0;
    --height-content: 132px;
  }
  .home .welcome__content.is-logged .welcome__logo {
    --display: block;
    --width: var(--pad4);
  }
  .home .topbar {
    --justify-content: space-between;
    --padding-topbar: var(--pad2) 0;
  }
  .home .topbar__right {
    --flex-direction: row;
    --padding-right: 0;
  }
  .home .topbar__left {
    --display: flex;
  }
  .home .intro {
    --padding-intro: var(--pad2) var(--pad4-5) 0 var(--pad4-5);
    --padding-hello-out: var(--pad4) 0 var(--pad8) 0;
  }
  .home .intro__hello-out {
    --width: 50%;
  }
  .home .intro__bloc {
    --grid-template-rows: 150px 1fr 1fr;
    --padding-left-bloc: var(--pad2);
    --padding-bottom-bloc: var(--pad1);
    --height: 93%;
    --width: 2px;
    --top: auto;
  }
  .home .intro__bloc-subtitle {
    --padding-bottom: var(--pad4);
  }
  .home .intro__bloc-text {
    --padding-bottom: var(--pad3);
  }
  .home .intro__bloc-btn {
    --margin-bottom: var(--pad4);
  }
  .home .outro {
    --padding-outro: var(--pad8) 0 var(--pad9) 0;
  }
  .home .outro__btn {
    --align-self: center;
  }

  .home.not-logged .welcome__text {
    --position: relative;
  }
}
.home__welcome {
  position: relative;
  background-color: var(--primary);
}
.home__intro {
  background-color: var(--second-3);
}
.home .welcome__topbar {
  grid-column: 1/span 6;
  grid-row: 1;
}
.home .welcome__topbar .btn {
  cursor: pointer;
}
.home .welcome__content {
  grid-column: 1/span 6;
  grid-row: 1/span 2;
  display: flex;
  flex-direction: var(--flex-direction);
  justify-content: var(--justify-content);
  align-items: var(--align-items);
  height: var(--height-content);
  max-height: 700px;
  padding: var(--padding);
  color: var(--white);
}
.home .welcome__content.is-logged .welcome__logo {
  display: var(--display);
}
.home .welcome__logo {
  margin-right: var(--pad4);
}
.home .welcome__logo img {
  width: auto;
  height: var(--height);
}
.home .welcome__text {
  align-self: start;
  height: auto;
  color: var(--white);
}
.home .welcome__btns {
  align-self: flex-start;
  display: var(--display);
  margin-top: -12px;
  color: var(--second-3);
}
.home .topbar {
  display: flex;
  justify-content: var(--justify-content);
  align-items: flex-start;
  height: fit-content;
  padding: var(--padding-topbar);
  color: var(--white);
  z-index: 1;
}
.home .topbar__left {
  display: var(--display);
  gap: 0 var(--pad1-5);
}
.home .topbar__left .btn {
  margin-top: calc(var(--pad1) * -1);
}
.home .topbar__right {
  display: flex;
  gap: var(--pad1);
  padding-right: var(--padding-right);
}
.home .topbar__right p {
  white-space: nowrap;
}
.home .intro {
  color: var(--primary);
  border-bottom: 2px solid var(--primary-lightest);
  padding: var(--padding-intro);
}
.home .intro__title {
  display: flex;
  flex-direction: column;
  border-bottom: 2px solid var(--primary-lightest);
}
.home .intro__hello-out {
  width: var(--width);
  padding: var(--padding-hello-out);
}
.home .intro__hello {
  padding: var(--pad6);
  text-align: center;
}
.home .intro__bloc {
  position: relative;
  display: grid;
  grid-template-rows: var(--grid-template-rows);
  gap: var(--pad3) 0;
  padding: var(--pad1) var(--pad1) var(--padding-bottom-bloc) 0;
}
.home .intro__bloc + .intro__bloc {
  padding-left: var(--padding-left-bloc);
}
.home .intro__bloc + .intro__bloc::before {
  content: "";
  position: absolute;
  left: 0;
  top: var(--top);
  height: var(--height);
  width: var(--width);
  background-color: var(--primary-lightest);
}
.home .intro .intro__bloc--empty {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.home .intro__bloc-subtitle {
  padding-bottom: var(--padding-bottom);
}
.home .intro__bloc-title {
  max-width: 80%;
}
.home .intro__bloc-text {
  padding-bottom: var(--padding-bottom);
  color: var(--primary);
}
.home .intro__bloc-btn {
  align-self: center;
  justify-self: center;
  margin: var(--margin);
}
.home .intro__bloc-link p {
  display: inline;
  color: var(--second);
  margin-top: var(--pad1);
}
.home .intro__bloc-link svg {
  position: relative;
  top: 10px;
  display: inline;
  height: 32px;
  width: auto;
}
.home .outro {
  padding: var(--padding-outro);
}
.home .outro__item {
  display: flex;
  flex-direction: column;
}
.home .outro__text {
  padding: 0 var(--pad3);
  color: var(--primary-dark);
}
.home .outro__btn {
  align-self: var(--align-self);
  padding-top: var(--pad4);
}

.home.not-logged .welcome__content {
  position: relative;
  justify-content: center;
  align-items: center;
  padding: var(--pad2) var(--pad1);
  height: 100vh;
}
.home.not-logged .welcome__content__logo {
  height: var(--pad9);
}
.home.not-logged .welcome__text {
  position: var(--position);
  bottom: var(--pad2);
  left: var(--pad1);
  align-self: center;
  max-width: 320px;
}
.home.not-logged .intro__bloc {
  display: flex;
  flex-direction: column;
}

.signup {
  --padding-signup: var(--pad1);
  --margin-top: var(--pad1);
  --align-self: auto;
}
.signup__form {
  --display-form-profile: flex;
}
.signup__form legend {
  --font-size: 20px;
  --line-height: 24px;
}
.signup__form fieldset {
  --display-fieldset: flex;
}
.signup__form form fieldset:nth-child(2) {
  --padding: 0 var(--pad-2);
  --align-items: auto;
}
.signup__form form fieldset:nth-child(2) ul:nth-child(7) {
  --margin-top: 0;
}
.signup__form form fieldset:nth-child(3) {
  --padding: var(--pad2) var(--pad-2);
  --margin: var(--pad1-5) 0 var(--pad4) 0;
}
.signup__form form fieldset:nth-child(4) {
  --margin: 0 var(--pad-2);
  --padding-top: 0;
  --display: block;
  --border-top: none;
}
.signup__form .form__submit {
  --padding: 0 var(--pad-2);
}
.signup__form .form__submit input {
  --width: 100%;
}
.signup__form .form__text {
  --margin-bottom: var(--pad4);
}

@media (min-width: 900px) {
  .signup {
    --padding-signup: var(--pad8) 0;
    --margin-top: var(--pad2);
    --align-self: flex-end;
  }
  .signup__form {
    --display-form-profile: grid;
  }
  .signup__form legend {
    --font-size: 28px;
    --line-height: 32px;
  }
  .signup__form fieldset {
    --display-fieldset: grid;
  }
  .signup__form form fieldset:nth-child(2) {
    --padding: 0;
    --align-items: start;
  }
  .signup__form form fieldset:nth-child(2) ul:nth-child(7) {
    --margin-top: var(--pad2);
  }
  .signup__form form fieldset:nth-child(3) {
    --padding: var(--pad6) var(--pad4);
    --margin: var(--pad4) var(--pad8) var(--pad8) var(--pad8);
  }
  .signup__form form fieldset:nth-child(4) {
    --margin: 0;
    --padding-top: var(--pad8);
    --display: grid;
    --border-top: 2px solid var(--primary-lighter);
  }
  .signup__form .form__submit {
    --padding: 0;
  }
  .signup__form .form__submit input {
    --width: fit-content;
  }
  .signup__form .form__text {
    --margin-bottom: var(--pad6);
  }
}
.signup {
  padding: var(--padding-signup);
  background-color: var(--second-3);
}
.signup__welcome {
  width: 100%;
}
.signup__welcome p {
  padding-bottom: var(--pad4-5);
  color: var(--primary);
}
.signup__form.form {
  display: block;
}
.signup__form form.grid-content {
  display: var(--display-form-profile);
  grid-template-columns: repeat(6, 1fr);
  gap: 0 var(--pad1);
}
.signup__form form legend {
  margin-top: -25px;
  padding-top: var(--pad6);
  font-weight: 300;
  font-size: var(--font-size);
  line-height: var(--line-height);
  color: var(--primary);
}
.signup__form form fieldset:nth-child(2) {
  grid-column: 2/span 4;
  display: var(--display-fieldset);
  flex-direction: column;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(7, auto);
  grid-auto-flow: column;
  align-items: var(--align-items);
  gap: var(--pad1);
  padding: var(--padding);
  margin: var(--margin);
  max-width: 100%;
}
.signup__form form fieldset:nth-child(3) {
  grid-column: 1/span 6;
  display: var(--display-fieldset);
  flex-direction: column;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
  grid-auto-flow: column;
  gap: var(--pad1);
  padding: var(--padding);
  margin: var(--margin);
  background-color: var(--primary-2);
  border-radius: var(--br);
}
.signup__form form fieldset:nth-child(4) {
  grid-column: 1/span 6;
  display: var(--display);
  grid-template-columns: repeat(6, 1fr);
  gap: 0 var(--pad1);
  margin: var(--margin);
  padding-top: var(--padding-top);
  border-top: var(--border-top);
}
.signup__form form fieldset:nth-child(4) > * {
  grid-column: 3/span 2;
}
.signup__form form fieldset:nth-child(4) .field,
.signup__form form fieldset:nth-child(4) .field-checkbox {
  margin-top: var(--pad1);
}
.signup__form .form__submit {
  padding: var(--padding);
  margin-top: var(--margin-top);
}
.signup__form .form__submit .grid-item-wide {
  display: flex;
  flex-direction: column;
}
.signup__form .form__submit input {
  justify-self: center;
  width: var(--width);
}
.signup__form .form__text {
  margin-bottom: var(--margin-bottom);
}
.signup .field.field-checkbox.field-checkbox--long label::after {
  left: 107px;
}

.project {
  --padding-project: var(--pad1);
}
.project__intro {
  --padding-intro: var(--pad1) 0 var(--pad2) 0;
  --margin-intro: var(--pad4) 0 var(--pad1-5) 0;
  --padding-input-image: 68px 16px;
}
.project__intro.grid-content {
  --display: flex;
}
.project__intro-title {
  --max-width: 70%;
  --text-align: center;
}
.project__intro-banner {
  --margin-top: var(--pad2);
}
.project__intro-btn {
  --width: 100%;
}
.project .logo {
  --width: var(--pad4);
  --height: var(--pad4);
  --top: 20px;
  --left: 20px;
}
.project__people-grid {
  --gap: var(--pad1);
}
.project__people-item, .project__people-add {
  --margin-top: var(--pad3);
}
.project__form form {
  --display-form-project: flex;
  --display-fieldset: flex;
}
.project__form form fieldset:nth-child(4) {
  --padding-top-fieldset: 0;
}
.project__info {
  --padding-info: 0 0 var(--pad2) 0;
}

@media (min-width: 900px) {
  .project {
    --padding-project: var(--pad1) 0 var(--pad3) 0;
  }
  .project__intro {
    --padding-intro: var(--pad7) 0 var(--pad3) 0;
    --margin-intro: 0 var(--pad4-5) var(--pad6) var(--pad4-5);
  }
  .project__intro.grid-content {
    --display: grid;
  }
  .project__intro-title {
    --max-width: none;
    --text-align: left;
  }
  .project__intro-banner {
    --margin-top: 0;
  }
  .project__intro-btn {
    --width: fit-content;
  }
  .project .logo {
    --width: var(--pad7);
    --height: var(--pad7);
    --top: 43px;
    --left: 43px;
  }
  .project__people-grid {
    --gap: var(--pad2);
  }
  .project__people-item, .project__people-add {
    --margin-top: var(--pad4);
  }
  .project__form form {
    --display-form-project: grid;
    --display-fieldset: grid;
  }
  .project__form form fieldset:nth-child(4) {
    --padding-top-fieldset: var(--pad4);
  }
  .project__info {
    --padding-info: 0 0 var(--pad3) 0;
  }
}
.project {
  height: 100%;
  padding: var(--padding-project);
  background-color: var(--second-3);
}
.project__intro {
  padding: var(--padding-intro);
  margin: var(--margin-intro);
  border-bottom: 2px solid var(--primary-lightest);
  color: var(--primary);
}
.project__intro.grid-content {
  display: var(--display);
  flex-direction: column;
  align-items: center;
  gap: var(--pad1);
}
.project__intro-logo {
  grid-column: 2;
  grid-row: 1;
}
.project__intro-logo:hover .logo {
  position: relative;
  background-color: var(--primary);
}
.project__intro-logo:hover .logo::before {
  content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' viewBox='0 0 24 24' width='24' height='24' version='1.1' id='svg4' sodipodi:docname='mes-nocircle-bold.svg' inkscape:version='0.92.4 (5da689c313, 2019-01-14)'%3E%3Cmetadata id='metadata10'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id='defs8' /%3E%3Csodipodi:namedview pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1' objecttolerance='10' gridtolerance='10' guidetolerance='10' inkscape:pageopacity='0' inkscape:pageshadow='2' inkscape:window-width='1440' inkscape:window-height='837' id='namedview6' showgrid='false' fit-margin-top='0' fit-margin-left='0' fit-margin-right='0' fit-margin-bottom='0' inkscape:zoom='24.242044' inkscape:cx='12.131576' inkscape:cy='11.254991' inkscape:window-x='1358' inkscape:window-y='-6' inkscape:window-maximized='1' inkscape:current-layer='svg4' /%3E%3Cpolygon transform='matrix(2,0,0,2,-23,-23)' points='16.5,23.5 18.5,23.5 18.5,18.5 23.5,18.5 23.5,16.5 18.5,16.5 18.5,11.5 16.5,11.5 16.5,16.5 11.5,16.5 11.5,18.5 16.5,18.5 ' id='polygon2' style='opacity:1;fill:%23ffffff;fill-opacity:1' /%3E%3C/svg%3E ");
  position: absolute;
  top: var(--top);
  left: var(--left);
}
.project__intro-logo:hover .logo img {
  opacity: 0;
}
.project__intro-logo .logo {
  width: var(--width);
  height: var(--height);
  background-color: var(--white);
  border-radius: 50%;
  box-shadow: var(--shadow);
  overflow: hidden;
}
.project__intro-logo .logo img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.project__intro-title {
  grid-row: 1;
  grid-column: 3/span 3;
  text-align: var(--text-align);
  max-width: var(--max-width);
}
.project__intro-banner {
  grid-column: 3/span 2;
  display: flex;
  flex-direction: column;
  gap: var(--pad-2);
  width: 100%;
  max-width: 400px;
  margin-top: var(--margin-top);
  padding: var(--pad1);
  background-color: var(--primary-lightest);
  border-radius: var(--br);
  color: var(--primary-dark);
}
.project__intro-banner .action-text {
  cursor: pointer;
}
.project__intro-banner a {
  margin-top: var(--pad2);
}
.project__intro-btn {
  grid-row: 2;
  grid-column: 3/span 3;
  margin-top: var(--pad6);
  width: var(--width);
}
.project__form.form {
  display: block;
}
.project__form form.grid-content {
  display: var(--display-form-project);
  grid-template-columns: repeat(6, 1fr);
  gap: 0 var(--pad1);
}
.project__form form fieldset:nth-child(2) {
  display: none;
}
.project__form form fieldset:nth-child(3) {
  grid-column: 2/span 4;
  display: var(--display-fieldset);
  flex-direction: column;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(4, auto);
  grid-auto-flow: column;
  gap: var(--pad-2);
}
.project__form form fieldset:nth-child(4) {
  grid-column: 2/span 4;
  display: var(--display-fieldset);
  flex-direction: column;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--pad1);
  padding-top: var(--padding-top-fieldset);
}
.project__form form .form__submit {
  grid-column: 3/span 2;
  justify-self: center;
}
.project__people {
  padding-top: var(--pad1);
  margin-bottom: var(--pad2);
  border-top: 2px solid var(--primary-lightest);
}
.project__people-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
  gap: var(--gap);
}
.project__people-title {
  grid-column: 1/-1;
  text-transform: uppercase;
  color: var(--primary);
}
.project__people-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  margin-top: var(--margin-top);
}
.project__people-item .image {
  display: flex;
  align-items: center;
  width: var(--pad5);
  height: var(--pad5);
  margin-bottom: var(--pad-2);
  border-radius: 50%;
  background-color: var(--yellow);
  overflow: hidden;
  text-overflow: ellipsis;
}
.project__people-item .image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.project__people-item .text-btn {
  margin-top: var(--pad-2);
  text-transform: uppercase;
  color: var(--second);
  font-weight: 500;
}
.project__people-item .text-md {
  text-align: center;
}
.project__people-add {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: var(--pad-2);
  margin-top: var(--margin-top);
}
.project__people-add .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--pad5);
  height: var(--pad5);
  border-radius: 50%;
  background-color: var(--primary);
  cursor: pointer;
}
.project__people-add .icon:hover {
  filter: brightness(1.3);
}
.project__people-add .icon svg {
  width: var(--pad3);
  height: var(--pad3);
}
.project__people-btn {
  margin-top: var(--pad-2);
  width: 70%;
  padding: var(--pad-2) var(--pad1);
  border-radius: var(--br);
  text-transform: uppercase;
  color: var(--second);
  text-align: center;
  font-weight: 500;
  cursor: pointer;
}
.project__people-btn p {
  pointer-events: none;
}
.project__people-btn:hover {
  background-color: var(--second-2);
}
.project__invited {
  margin-top: var(--pad2);
}
.project__info {
  padding: var(--padding-info);
}
.project__info-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--pad1);
}
.project .info-list__label {
  grid-column: 1;
  font-weight: 700;
  font-size: 10px;
  line-height: 12px;
  text-transform: uppercase;
  color: var(--primary);
}
.project .info-list__data {
  grid-column: 2;
}
.project__action-form {
  display: flex;
  justify-content: center;
  gap: 0 var(--pad3);
}

.profile {
  --padding-profile: var(--pad-2);
}
.profile__intro {
  --display: flex;
  --padding-intro: var(--pad4) 0 0 0;
  --margin-intro: 0 0 var(--pad1-5) 0;
  --text-align: center;
}
.profile__title {
  --max-width: 300px;
  --font-size: 35px;
  --line-height: 40px;
  --padding-bottom: var(--pad1);
}
.profile__info {
  --padding-bottom: var(--pad4);
}
.profile__image {
  --height: var(--pad4);
  --width: var(--pad4);
}
.profile__image .profile__image-link {
  --display: none;
}
.profile__links .profile__image-link {
  --display: block;
}
.profile__links .profile__link {
  --padding: var(--pad2);
}
.profile__form {
  --display-form-profile: flex;
}
.profile__form fieldset {
  --display-fieldset: flex;
}
.profile__form form fieldset:nth-child(3) {
  --padding: 0 var(--pad-2);
  --align-items: auto;
}
.profile__form form fieldset:nth-child(3) ul:nth-child(8) {
  --margin-top: 0;
}
.profile__form form fieldset:nth-child(4) {
  --padding: var(--pad2) var(--pad-2);
  --margin: var(--pad1-5) 0 0 0;
}
.profile__form .form__submit {
  --padding: 0 var(--pad-2);
}

@media (min-width: 900px) {
  .profile {
    --padding-profile: var(--pad2) 0 var(--pad8) 0;
  }
  .profile__intro {
    --display: grid;
    --padding-intro: var(--pad4) 0 var(--pad6) 0;
    --margin-intro: 0 var(--pad4-5) var(--pad6) var(--pad4-5);
    --text-align: left;
  }
  .profile__title {
    --max-width: 500px;
    --font-size: 64px;
    --line-height: 64px;
    --padding-bottom: var(--pad2);
  }
  .profile__info {
    --padding-bottom: 0;
  }
  .profile__image {
    --height: var(--pad8);
    --width: var(--pad8);
  }
  .profile__image .profile__image-link {
    --display: block;
  }
  .profile__links .profile__image-link {
    --display: none;
  }
  .profile__links .profile__link {
    --padding: var(--pad2) var(--pad2) var(--pad2) 0;
  }
  .profile__form {
    --display-form-profile: grid;
  }
  .profile__form fieldset {
    --display-fieldset: grid;
  }
  .profile__form form fieldset:nth-child(3) {
    --padding: 0;
    --align-items: start;
  }
  .profile__form form fieldset:nth-child(3) ul:nth-child(8) {
    --margin-top: var(--pad2);
  }
  .profile__form form fieldset:nth-child(4) {
    --padding: var(--pad6) var(--pad4);
    --margin: var(--pad4) var(--pad8) var(--pad6) var(--pad8);
  }
  .profile__form .form__submit {
    --padding: 0;
  }
}
.profile {
  background-color: var(--second-3);
  padding: var(--padding-profile);
}
.profile__intro {
  display: var(--display);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: var(--padding-intro);
  margin: var(--margin-intro);
  border-bottom: 2px solid var(--primary-lightest);
  color: var(--primary);
}
.profile__image {
  grid-column: 5;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.profile__image .image {
  height: var(--height);
  width: var(--width);
  margin-bottom: var(--pad1);
  background-color: var(--grey-light);
  border-radius: 50%;
  overflow: clip;
  box-shadow: 4px 6px 15px -5px var(--primary-lighter);
}
.profile__image .image img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.profile__image .profile__image-link {
  display: var(--display);
  text-transform: uppercase;
  color: var(--second);
  cursor: pointer;
}
.profile__image .profile__image-link:hover {
  filter: brightness(1.5);
}
.profile__image input {
  display: none;
}
.profile__title {
  grid-column: 2/span 2;
  grid-row: 1;
  max-width: var(--max-width);
  font-size: var(--font-size);
  line-height: var(--line-height);
  text-align: var(--text-align);
  padding-bottom: var(--padding-bottom);
}
.profile__info {
  grid-column: 2/span 2;
  grid-row: 2;
  padding-bottom: var(--padding-bottom);
  text-align: var(--text-align);
  color: var(--primary);
}
.profile__links {
  grid-column: 2;
  grid-row: 3;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.profile__links .profile__link {
  padding: var(--padding);
  font-weight: normal;
  color: var(--second);
  text-transform: uppercase;
  cursor: pointer;
}
.profile__links .profile__link:hover {
  filter: brightness(1.5);
}
.profile__links .profile__image-link {
  display: var(--display);
  text-transform: uppercase;
  color: var(--second);
}
.profile__form.form {
  display: block;
}
.profile__form form.grid-content {
  display: var(--display-form-profile);
  grid-template-columns: repeat(6, 1fr);
  gap: 0 var(--pad1);
}
.profile__form form fieldset:nth-child(2) {
  display: none;
}
.profile__form form fieldset:nth-child(3) {
  grid-column: 2/span 4;
  display: var(--display-fieldset);
  flex-direction: column;
  grid-template-rows: repeat(7, auto);
  grid-auto-flow: column;
  grid-template-columns: repeat(2, 1fr);
  align-items: var(--align-items);
  gap: var(--pad-2);
  padding: var(--padding);
}
.profile__form form fieldset:nth-child(4) {
  grid-column: 1/span 6;
  display: var(--display-fieldset);
  flex-direction: column;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, auto);
  grid-auto-flow: column;
  gap: var(--pad1);
  padding: var(--padding);
  margin: var(--margin);
  background-color: var(--primary-2);
  border-radius: var(--br);
}
.profile__form .form__submit {
  padding: var(--padding);
}
.profile__form .form__submit .grid-item-wide {
  display: flex;
  flex-direction: column;
}
.profile__form .form__submit button {
  align-self: center;
}

.courses-list {
  --padding-page: var(--pad1) var(--pad1) var(--pad2) var(--pad1);
  --display: flex;
}
.courses-list__grid {
  --margin: 0;
  --padding-top: 0;
  --gap: var(--pad1);
}
.courses-list__sorting .form {
  --display: block;
}
.courses-list__message {
  --justify-content: center;
}

@media (min-width: 900px) {
  .courses-list {
    --padding-page: var(--pad2) 0 var(--pad4) 0;
    --display: grid;
  }
  .courses-list__grid {
    --margin: 0 var(--pad4-5);
    --padding-top: var(--pad1);
    --border: 1px solid var(--primary-lighter);
    --gap: var(--pad4) var(--pad1);
  }
  .courses-list__sorting .form {
    --display: grid;
    --margin-top: 0;
  }
  .courses-list__message {
    --justify-content: flex-start;
  }
}
.courses-list {
  font-family: "Inter", sans-serif;
  height: 100%;
  padding: var(--padding-page);
  background-color: var(--second-3);
}
.courses-list__message {
  display: flex;
  justify-content: var(--justify-content);
  padding-bottom: var(--pad2);
}
.courses-list__message .message {
  max-width: 500px;
}
.courses-list__message .text-md {
  color: var(--primary);
}
.courses-list__submenu {
  margin-bottom: var(--pad3);
}
.courses-list__grid {
  display: var(--display);
  flex-direction: row;
  flex-wrap: wrap;
  gap: var(--gap);
  justify-content: center;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  margin: var(--margin);
  padding-top: var(--padding-top);
  border-top: var(--border);
}
.courses-list__grid + .courses-list__grid .courses-list__subtitle {
  padding: var(--pad2) 0 var(--pad1) 0;
}
.courses-list__subtitle {
  width: 100%;
  color: var(--primary);
  padding: 0 0 var(--pad1) 0;
}
.courses-list__options {
  margin-bottom: var(--pad3);
}
.courses-list__view {
  grid-column: 5/span 2;
  grid-row: 1;
  justify-self: end;
  width: fit-content;
  padding-bottom: var(--pad-2);
}
.courses-list__sorting {
  grid-row: 1;
  grid-column: 1/span 4;
}
.courses-list__sorting .sorting__title {
  grid-row: 1;
  grid-column: 3;
}
.courses-list__sorting .form {
  display: var(--display);
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.courses-list__sorting .sorting__field {
  grid-row: 2;
  grid-column: 3/span 2;
}
.courses-list__sorting .sorting__field select {
  height: 50px;
}
.courses-list__sorting .form__submit {
  grid-row: 2;
  grid-column: 1;
  margin-top: var(--margin-top);
}
.courses-list__sorting .form__submit button {
  height: 50px;
}
.courses-list__filter {
  grid-column: 1/span 6;
}
.courses-list .filter__btn {
  grid-column: 1;
  grid-row: 1;
}

.my-courses-list.courses-list .courses-list__grid {
  border-top: none;
}
.my-courses-list.courses-list .courses-list__subtitle {
  grid-column: 1/span 2;
}

.course {
  --padding-page: var(--pad1) var(--pad1) var(--pad2) var(--pad1);
  --display: flex;
  --padding: 0;
}
.course__title {
  --padding-bottom: var(--pad8);
}
.course .intro {
  --padding-top: var(--pad1);
  --padding-bottom: 0;
}
.course .course-bloc {
  --padding-bottom: var(--pad1);
}
.course .course-bloc__image {
  --width: 50%;
}

@media (min-width: 900px) {
  .course {
    --padding-page: var(--pad2) 0 var(--pad4) 0;
    --display: grid;
    --padding: 0 var(--pad4-5);
  }
  .course__title {
    --padding-bottom: var(--pad4);
  }
  .course .intro {
    --padding-top: var(--pad2);
    --padding-bottom: var(--pad3);
  }
  .course .course-bloc {
    --padding-bottom: var(--pad4);
  }
  .course .course-bloc__image {
    --width: 100%;
  }
}
.course {
  height: 100%;
  padding: var(--padding-page);
}
.course__back {
  display: flex;
  align-items: center;
  gap: var(--pad-2);
  color: var(--second);
  margin-bottom: var(--pad-2);
}
.course__back::before {
  content: "<--";
}
.course__title {
  color: var(--primary);
  padding-bottom: var(--padding-bottom);
}
.course .course-bloc {
  border-top: 1px solid var(--grey-light);
  padding-top: var(--pad1);
  padding-bottom: var(--padding-bottom);
}
.course .course-bloc__title {
  color: var(--primary);
  padding-bottom: var(--pad-2);
}
.course .course-bloc__image {
  width: var(--width);
  height: 100%;
}
.course .course-bloc__image img {
  border-radius: var(--br);
  object-fit: cover;
}
.course .course-bloc-2 {
  padding-bottom: 0;
}
.course__grid {
  display: var(--display);
  flex-direction: column;
  flex-wrap: wrap;
  gap: var(--pad1);
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  padding: var(--padding);
}
.course__grid .intro {
  padding-top: var(--padding-top);
  padding-bottom: var(--padding-bottom);
  border-top: 1px solid var(--grey-light);
  color: var(--primary);
  width: 100%;
}

.logout .intro {
  --padding-hello-out: var(--pad1) 0 var(--pad4) 0;
}

@media (min-width: 900px) {
  .logout .intro {
    --padding-hello-out: var(--pad4) 0 var(--pad6) 0;
  }
}
.logout {
  height: 100%;
}
.logout .intro {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.logout .intro__hello-out {
  padding: var(--padding-hello-out);
}
.logout .intro__bloc {
  padding-top: var(--pad3);
}

.poll {
  --padding-page: var(--pad1) var(--pad1) var(--pad2) var(--pad1);
  --display: flex;
}
.poll__title {
  --padding-bottom: var(--pad4);
}
.poll__fieldset {
  --padding: var(--pad1) 0;
}
.poll__field {
  --grid-template-columns: 1fr 100px;
}
.poll .field-text {
  --height: var(--pad6);
}
.poll .form__submit {
  --align-self: stretch;
}

@media (min-width: 900px) {
  .poll {
    --padding-page: var(--pad2) var(--pad4-5) var(--pad4) var(--pad4-5);
    --display: grid;
  }
  .poll__title {
    --padding-bottom: var(--pad4);
  }
  .poll__fieldset {
    --padding: var(--pad1) 0;
  }
  .poll__field {
    --grid-template-columns: 1fr 107px;
  }
  .poll .field-text {
    --height: var(--pad4);
  }
  .poll .form__submit {
    --align-self: center;
  }
}
.poll {
  height: 100%;
  padding: var(--padding-page);
  max-width: 2000px;
}
.poll .grid-content {
  padding: var(--padding);
}
.poll__back {
  display: flex;
  align-items: center;
  gap: var(--pad-2);
  color: var(--second);
  margin-bottom: var(--pad-2);
}
.poll__back::before {
  content: "<--";
}
.poll__title {
  color: var(--primary);
  padding-bottom: var(--padding-bottom);
}
.poll form {
  display: flex;
  flex-direction: column;
}
.poll .form__submit {
  align-self: var(--align-self);
}
.poll__fieldset {
  padding: var(--padding);
  border-top: 2px solid var(--grey-light);
}
.poll__fieldset-title {
  color: var(--primary);
  padding-bottom: var(--pad2);
}
.poll__field {
  display: grid;
  grid-template-columns: var(--grid-template-columns);
  gap: 0 var(--pad1-5);
}
.poll__field-label {
  grid-column: 1;
  padding-bottom: 12px;
}
.poll .field-select select {
  width: 100%;
  padding: var(--pad-2);
  background-color: var(--white);
  border-radius: var(--br);
  border: 3px solid var(--second-2);
  text-align: left;
  font-size: 14px;
  color: var(--primary-light);
  grid-column: 2;
  margin-bottom: var(--pad1);
}
.poll .field-select::after {
  top: 14px;
}
.poll .field-text input[type=text] {
  grid-column: 1/span 2;
  width: 100%;
  height: var(--height);
  padding: var(--pad-2);
  margin-bottom: var(--pad1);
  background-color: var(--white);
  border-radius: var(--br);
  border: 3px solid var(--second-2);
  text-align: left;
  font-size: 14px;
}
.poll .field-text input[type=text]:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px white inset;
}

.login-page {
  --margin-card: var(--pad3) var(--pad2);
}

@media (min-width: 900px) {
  .login-page {
    --margin-card: var(--pad3) var(--pad2);
  }
}
.login-page .login__card {
  margin: var(--margin-card);
}
.login-page .login__form.form li:nth-child(2) {
  order: 1;
}
.login-page .login__form.form li:nth-child(3) {
  order: 2;
}
.login-page .login__form.form li:nth-child(4) {
  order: 6;
}
.login-page .login__form.form a:nth-child(5) {
  order: 3;
}
.login-page .login__form.form input:nth-child(6) {
  order: 5;
}
.login-page .login__form.form div:nth-child(8) {
  order: 4;
}

.project-out {
  --padding-project: var(--pad2) var(--pad1);
  --flex-direction: column;
}
.project-out .btn {
  --width: auto;
}

@media (min-width: 900px) {
  .project-out {
    --padding-project: var(--pad11) 0;
    --flex-direction: row;
  }
  .project-out .btn {
    --width: 170px;
  }
}
.project-out {
  padding: var(--padding-project);
  background-color: var(--second);
  height: 100%;
}
.project-out.grid-content {
  grid-template-rows: auto auto auto 1fr;
}
.project-out__title {
  color: var(--white);
  padding-bottom: var(--pad2);
}
.project-out__text {
  color: var(--white);
  padding-bottom: var(--pad2);
}
.project-out__btn {
  display: flex;
  flex-direction: var(--flex-direction);
  justify-content: center;
  gap: var(--pad1);
  margin-top: var(--pad4);
}
.project-out__btn .btn {
  width: var(--width);
}

.project-empty {
  --padding: var(--pad1);
}
.project-empty__bloc {
  --padding-bloc: 0;
  --margin-bloc: 0 0 var(--pad2) 0;
}
.project-empty .text-md {
  --padding-bottom: var(--pad3);
}

@media (min-width: 900px) {
  .project-empty {
    --padding: var(--pad4);
  }
  .project-empty__bloc {
    --padding-bloc: 0;
    --margin-bloc: 0;
  }
  .project-empty .text-md {
    --padding-bottom: 0;
  }
}
.project-empty {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: var(--padding);
  background-color: var(--second-3);
}
.project-empty__bloc {
  padding: var(--padding-bloc);
  margin: var(--margin-bloc);
}
.project-empty__bloc + .project-empty__bloc {
  border-top: 1px solid var(--primary-lighter);
  padding-top: var(--pad1);
}
.project-empty__bloc2 {
  margin-top: auto;
}
.project-empty__title {
  color: var(--primary);
}
.project-empty__title.title-1 {
  padding-bottom: var(--pad8);
}
.project-empty__title.text-md {
  padding-bottom: var(--padding-bottom);
}
.project-empty__btn {
  grid-column: 5/span 2;
  justify-self: end;
  height: fit-content;
}

.project-create {
  --padding-main: var(--pad1);
}
.project-create__intro {
  --padding-intro: var(--pad1) 0 var(--pad8) 0;
  --margin-intro: var 0 var(--pad1-5) 0;
}
.project-create .form {
  --width-input-image: 100%;
  --height-input-image: 165px;
  --padding-input-image: 63px 16px;
  --margin-bottom-input-image: 0;
}
.project-create .form .helptext {
  --width: 90%;
  --height: 70%;
}

@media (min-width: 900px) {
  .project-create {
    --padding-main: var(--pad2) 0;
  }
  .project-create__intro {
    --padding-intro: var(--pad2) 0 var(--pad4) 0;
    --margin-intro: 0 var(--pad4-5) var(--pad5) var(--pad4-5);
  }
  .project-create .form {
    --width-input-image: 156px;
    --height-input-image: 156px;
    --margin-bottom-input-image: var(--pad3);
  }
  .project-create .form .helptext {
    --width: 133px;
    --height: 140px;
  }
}
.project-create {
  padding: var(--padding-main);
  background-color: var(--second-3);
}
.project-create__intro {
  padding: var(--padding-intro);
  margin: var(--margin-intro);
  border-bottom: 2px solid var(--primary-lightest);
  color: var(--primary);
}
.project-create__form .form li:nth-child(2) {
  position: relative;
  grid-column: 1/span 2;
  margin-bottom: var(--margin-bottom-input-image);
}
.project-create__form .form li:nth-child(2) .upload-icon::after {
  content: "";
  background-color: transparent;
}
.project-create__form .form li:nth-child(2) input {
  width: var(--width-input-image);
  height: var(--height-input-image);
  padding: var(--padding-input-image);
}
.project-create__form .form li:nth-child(2) .helptext {
  position: absolute;
  top: 32px;
  left: 11px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: var(--width);
  height: var(--height);
  padding-top: 20px;
  padding-left: 0;
  background-color: var(--white);
  color: var(--primary-light);
  text-align: center;
  pointer-events: none;
}
.project-create__form .form li:nth-child(2) .helptext::before {
  content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3Csvg xmlns:dc='http://purl.org/dc/elements/1.1/' xmlns:cc='http://creativecommons.org/ns%23' xmlns:rdf='http://www.w3.org/1999/02/22-rdf-syntax-ns%23' xmlns:svg='http://www.w3.org/2000/svg' xmlns='http://www.w3.org/2000/svg' xmlns:sodipodi='http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd' xmlns:inkscape='http://www.inkscape.org/namespaces/inkscape' id='Capa_1' data-name='Capa 1' viewBox='0 0 19.42 19.42' version='1.1' sodipodi:docname='img.svg' width='19.42' height='19.42' inkscape:version='0.92.4 (5da689c313, 2019-01-14)'%3E%3Cmetadata id='metadata8'%3E%3Crdf:RDF%3E%3Ccc:Work rdf:about=''%3E%3Cdc:format%3Eimage/svg+xml%3C/dc:format%3E%3Cdc:type rdf:resource='http://purl.org/dc/dcmitype/StillImage' /%3E%3Cdc:title%3E%3C/dc:title%3E%3C/cc:Work%3E%3C/rdf:RDF%3E%3C/metadata%3E%3Cdefs id='defs6' /%3E%3Csodipodi:namedview pagecolor='%23ffffff' bordercolor='%23666666' borderopacity='1' objecttolerance='10' gridtolerance='10' guidetolerance='10' inkscape:pageopacity='0' inkscape:pageshadow='2' inkscape:window-width='1366' inkscape:window-height='705' id='namedview4' showgrid='false' fit-margin-top='0' fit-margin-left='0' fit-margin-right='0' fit-margin-bottom='0' inkscape:zoom='14.328571' inkscape:cx='8.8376171' inkscape:cy='13.50661' inkscape:window-x='-8' inkscape:window-y='-8' inkscape:window-maximized='1' inkscape:current-layer='Capa_1' /%3E%3Cpath id='image_FILL0_wght400_GRAD0_opsz48' data-name='image FILL0 wght400 GRAD0 opsz48' d='M 3.13,15.18 H 16.32 L 12.36,9.89 8.8,14.5 6.29,11.08 3.14,15.18 Z M 1.62,19.41 C 0.73,19.39 0.02,18.68 0,17.79 V 1.62 C 0.02,0.74 0.73,0.02 1.62,0 H 17.8 c 0.88,0.02 1.6,0.73 1.62,1.62 V 17.8 c -0.02,0.88 -0.73,1.6 -1.62,1.62 H 1.62 Z m 0,-1.62 H 17.8 V 1.62 H 1.62 v 16.18 0 z m 0,-16.18 v 0 16.19 0 -16.18 z' inkscape:connector-curvature='0' style='fill:%23fe8cb3;fill-opacity:1' /%3E%3C/svg%3E%0A");
  position: absolute;
  top: 40px;
}
.project-create__form .form__submit {
  grid-column: 1/span 2;
  justify-self: center;
}

.support {
  --border-top-main: 6px solid var(--second-light);
  --padding-main: var(--pad1);
}
.support__nav {
  --margin-nav: var(--pad2);
}
.support__intro {
  --padding-top: var(--pad1);
}
.support__intro-btn {
  --margin-top: var(--pad10);
}
.support .form {
  --display-form: flex;
}
.support .form__submit {
  --margin: var(--pad4) 0 0 0;
}

.support-1 form li:nth-child(2) {
  order: 1;
}
.support-1 form li:nth-child(3) {
  order: 4;
}
.support-1 form li:nth-child(4) {
  order: 2;
}
.support-1 form li:nth-child(5) {
  order: 5;
}
.support-1 form li:nth-child(6) {
  order: 3;
}
.support-1 form li:nth-child(7) {
  order: 6;
}
.support-1 form li:nth-child(8) {
  order: 7;
}
.support-1 .field-select::after {
  --bottom: 20px;
}

@media (min-width: 900px) {
  .support {
    --border-top-main: none;
    --padding-main: var(--pad4) 0;
  }
  .support__nav {
    --margin-nav: var(--pad4);
  }
  .support__intro {
    --padding-top: var(--pad2);
  }
  .support__intro-btn {
    --margin-top: var(--pad4);
  }
  .support .form {
    --display-form: grid;
  }
  .support .form__submit {
    --margin: var(--pad7) 0 0 0;
  }

  .support-1 form li:nth-child(2) {
    order: initial;
  }
  .support-1 form li:nth-child(4) {
    order: initial;
  }
  .support-1 form li:nth-child(5) {
    order: initial;
  }
  .support-1 form li:nth-child(6) {
    order: initial;
  }
  .support-1 form li:nth-child(7) {
    order: initial;
  }
  .support-1 form li:nth-child(8) {
    order: initial;
  }
  .support-1 form li:nth-child(9) {
    order: initial;
  }
  .support-1 .field-select::after {
    --bottom: 26px;
  }
}
.support {
  height: 100%;
  padding: var(--padding-main);
  background-color: var(--second);
  border-top: var(--border-top-main);
  color: var(--white);
}
.support__nav .grid-item-wide {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--pad1);
  margin-bottom: var(--margin-nav);
}
.support__nav .grid-item-wide a {
  width: 100%;
}
.support .support-nav__item.is-active {
  color: var(--white);
}
.support .support-nav__item.is-active .number {
  background-color: var(--white);
}
.support .support-nav__item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: var(--pad1);
  height: 100%;
  color: var(--second-light);
}
.support .support-nav__item .text {
  text-align: center;
  padding-left: 13%;
  width: 100%;
}
.support .support-nav__item .text p {
  max-width: 80%;
  font-size: 10px;
  line-height: 10px;
  font-weight: 700;
  text-transform: uppercase;
  overflow-wrap: anywhere;
}
.support .support-nav__item .number {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--pad1);
  height: var(--pad1);
  background-color: var(--second-light);
  border-radius: 50%;
  color: var(--second);
  font-size: 10px;
  line-height: 10px;
  font-weight: 700;
}
.support__intro p + p {
  padding-top: var(--padding-top);
}
.support__intro-btn {
  margin-top: var(--margin-top);
  justify-self: center;
}
.support__form {
  padding-top: var(--pad4);
}
.support__form .form {
  display: var(--display-form);
  flex-direction: column;
  grid-template-columns: repeat(3, 1fr);
}
.support__form .form li.field label {
  color: var(--white);
}
.support__form .form li.field label::after {
  color: var(--white);
}
.support__form .form__submit {
  order: 8;
  grid-column: 1/-1;
  justify-self: center;
  margin: var(--margin);
}
.support__form .form .back-link {
  grid-column: 1/-1;
  justify-self: center;
}

.support-1 .field-textarea {
  grid-row: 1/span 3;
  grid-column: 3;
}
.support-1 .field-select::after {
  bottom: var(--bottom);
}

.support-3 .field {
  grid-column: 2;
}

.support-list__intro {
  --padding-intro: var(--pad2) 0 0 0;
  --flex-direction: column;
}
.support-list__intro-title .logo {
  --width: var(--pad2);
  --height: var(--pad2);
}
.support-list__left {
  --padding-left: 0;
  --width-left: 100%;
}

@media (min-width: 900px) {
  .support-list__intro {
    --padding-intro: var(--pad1) var(--pad4-5) var(--pad1) var(--pad4-5);
    --flex-direction: row;
  }
  .support-list__intro-title .logo {
    --width: var(--pad3);
    --height: var(--pad3);
  }
  .support-list__left {
    --padding-left: var(--pad2) 0;
    --width-left: fit-content;
  }
}
.support-list__intro {
  display: flex;
  align-items: center;
  flex-direction: var(--flex-direction);
  justify-content: space-between;
  padding: var(--padding-intro);
}
.support-list__left {
  width: var(--width-left);
  padding: var(--padding-left);
}
.support-list__intro-title {
  display: flex;
  gap: var(--pad1);
  align-items: center;
  padding: 0 0 var(--pad1-5) 0;
}
.support-list__intro-title .logo {
  width: var(--width);
  height: var(--height);
  background-color: var(--white);
  border-radius: 50%;
  box-shadow: var(--shadow);
  overflow: hidden;
}
.support-list__intro-title .logo img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.support-list__intro-btn {
  padding: var(--padding);
}
.support-list .sessions .session-card:last-child {
  border: none;
}

.modal-page {
  --margin-card: var(--pad3) var(--pad2);
  --top: 91px;
  --left: 0;
}

@media (min-width: 900px) {
  .modal-page {
    --margin-card: var(--pad3) var(--pad2);
    --top: 0;
    --left: 128px;
  }
}
.modal-page {
  display: flex;
  align-items: center;
  justify-content: center;
}
.modal-page__background {
  position: fixed;
  top: var(--top);
  bottom: 0;
  left: var(--left);
  right: 0;
  background-color: var(--violet);
  z-index: 100;
}
.modal-page__card {
  z-index: 110;
  width: 100%;
  max-width: 400px;
  margin: var(--margin-card);
}
.modal-page .card__subtitle {
  padding-bottom: var(--pad2);
}
.modal-page__form .form__submit {
  margin-bottom: 0;
}

.project-invitation__title {
  --padding-bottom: var(--pad2);
}

@media (min-width: 900px) {
  .project-invitation__title {
    --padding-bottom: var(--pad4);
  }
}
.project-invitation__title {
  padding-bottom: var(--padding-bottom);
}

/*# sourceMappingURL=styles.css.1735fffd303c.map */