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

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

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

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

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

/*
 * Fonts
 * -----
 * Muller
 */
@font-face {
  font-family: "Muller";
  src: url("../fonts/muller/MullerBlackItalic-0w_aF4e.eot");
  src: url("../fonts/muller/MullerBlackItalic-0w_aF4e.eot") format("embedded-opentype"), url("../fonts/muller/MullerBlackItalic-fVDDY7X.woff2") format("woff2"), url("../fonts/muller/MullerBlackItalic-iDo3txI.woff") format("woff"), url("../fonts/muller/MullerBlackItalic-vQAXF3H.ttf") format("truetype"), url("../fonts/muller/MullerBlackItalic-V6WCAif.svg") format("svg");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Muller";
  src: url("../fonts/muller/MullerBold-lUidbF3.eot");
  src: url("../fonts/muller/MullerBold-lUidbF3.eot") format("embedded-opentype"), url("../fonts/muller/MullerBold-4R8R2qc.woff2") format("woff2"), url("../fonts/muller/MullerBold-r3alelg.woff") format("woff"), url("../fonts/muller/MullerBold-7foHtHG.ttf") format("truetype"), url("../fonts/muller/MullerBold-pXRnfQx.svg") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Muller";
  src: url("../fonts/muller/MullerBlack-uyDOitI.eot");
  src: url("../fonts/muller/MullerBlack-uyDOitI.eot") format("embedded-opentype"), url("../fonts/muller/MullerBlack-o51OEWp.woff2") format("woff2"), url("../fonts/muller/MullerBlack-hh3Kumv.woff") format("woff"), url("../fonts/muller/MullerBlack-HcGtdLl.ttf") format("truetype"), url("../fonts/muller/MullerBlack-0T_jfA8.svg") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Muller";
  src: url("../fonts/muller/MullerUltraLightItalic-7raWYpZ.eot");
  src: url("../fonts/muller/MullerUltraLightItalic-7raWYpZ.eot") format("embedded-opentype"), url("../fonts/muller/MullerUltraLightItalic-BhYa8yk.woff2") format("woff2"), url("../fonts/muller/MullerUltraLightItalic-CFde6wV.woff") format("woff"), url("../fonts/muller/MullerUltraLightItalic-7DXjSQv.ttf") format("truetype"), url("../fonts/muller/MullerUltraLightItalic-JWDsqZD.svg") format("svg");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Muller";
  src: url("../fonts/muller/MullerExtraBold--adhbOh.eot");
  src: url("../fonts/muller/MullerExtraBold--adhbOh.eot") format("embedded-opentype"), url("../fonts/muller/MullerExtraBold-hMuvTwY.woff2") format("woff2"), url("../fonts/muller/MullerExtraBold-urmgAgw.woff") format("woff"), url("../fonts/muller/MullerExtraBold-8LjtEsV.ttf") format("truetype"), url("../fonts/muller/MullerExtraBold-kGeb2ws.svg") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Muller Hairline";
  src: url("../fonts/muller/MullerHairline-8vBLW6p.eot");
  src: url("../fonts/muller/MullerHairline-8vBLW6p.eot") format("embedded-opentype"), url("../fonts/muller/MullerHairline-y4DnhxS.woff2") format("woff2"), url("../fonts/muller/MullerHairline-lk8C610.woff") format("woff"), url("../fonts/muller/MullerHairline-kH7veZw.ttf") format("truetype"), url("../fonts/muller/MullerHairline-UZrh5lV.svg") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Muller";
  src: url("../fonts/muller/MullerExtraBoldItalic-8_rCXpF.eot");
  src: url("../fonts/muller/MullerExtraBoldItalic-8_rCXpF.eot") format("embedded-opentype"), url("../fonts/muller/MullerExtraBoldItalic-2PR03ml.woff2") format("woff2"), url("../fonts/muller/MullerExtraBoldItalic-yNPXuHG.woff") format("woff"), url("../fonts/muller/MullerExtraBoldItalic-0RYl60i.ttf") format("truetype"), url("../fonts/muller/MullerExtraBoldItalic-3fxI2vq.svg") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Muller";
  src: url("../fonts/muller/MullerBoldItalic-diwTd7O.eot");
  src: url("../fonts/muller/MullerBoldItalic-diwTd7O.eot") format("embedded-opentype"), url("../fonts/muller/MullerBoldItalic-oMYoLO1.woff2") format("woff2"), url("../fonts/muller/MullerBoldItalic-T_vMRii.woff") format("woff"), url("../fonts/muller/MullerBoldItalic-8B4gZaS.ttf") format("truetype"), url("../fonts/muller/MullerBoldItalic-DVFWcRN.svg") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Muller";
  src: url("../fonts/muller/MullerHeavy-Yg5FFGn.eot");
  src: url("../fonts/muller/MullerHeavy-Yg5FFGn.eot") format("embedded-opentype"), url("../fonts/muller/MullerHeavy-Lywaukg.woff2") format("woff2"), url("../fonts/muller/MullerHeavy-zh87o8L.woff") format("woff"), url("../fonts/muller/MullerHeavy-rYtseDs.ttf") format("truetype"), url("../fonts/muller/MullerHeavy-6shhOjE.svg") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Muller";
  src: url("../fonts/muller/MullerHeavyItalic-N8-NFlc.eot");
  src: url("../fonts/muller/MullerHeavyItalic-N8-NFlc.eot") format("embedded-opentype"), url("../fonts/muller/MullerHeavyItalic-RUZTWHc.woff2") format("woff2"), url("../fonts/muller/MullerHeavyItalic-wMlckz5.woff") format("woff"), url("../fonts/muller/MullerHeavyItalic-TpSGKmq.ttf") format("truetype"), url("../fonts/muller/MullerHeavyItalic-6BxhDFM.svg") format("svg");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Muller";
  src: url("../fonts/muller/MullerLight-guaGiQW.eot");
  src: url("../fonts/muller/MullerLight-guaGiQW.eot") format("embedded-opentype"), url("../fonts/muller/MullerLight-KVlXfhH.woff2") format("woff2"), url("../fonts/muller/MullerLight-gaG7XgA.woff") format("woff"), url("../fonts/muller/MullerLight-wnNzuIW.ttf") format("truetype"), url("../fonts/muller/MullerLight-3CBZuBn.svg") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Muller Hairline";
  src: url("../fonts/muller/MullerHairlineItalic-Mxqunol.eot");
  src: url("../fonts/muller/MullerHairlineItalic-Mxqunol.eot") format("embedded-opentype"), url("../fonts/muller/MullerHairlineItalic-Mbjt1Q1.woff2") format("woff2"), url("../fonts/muller/MullerHairlineItalic-NjQEIJI.woff") format("woff"), url("../fonts/muller/MullerHairlineItalic-JrhonZ8.ttf") format("truetype"), url("../fonts/muller/MullerHairlineItalic-9o3fMgi.svg") format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Muller";
  src: url("../fonts/muller/MullerLightItalic-A1wy1iq.eot");
  src: url("../fonts/muller/MullerLightItalic-A1wy1iq.eot") format("embedded-opentype"), url("../fonts/muller/MullerLightItalic-xqyGT8M.woff2") format("woff2"), url("../fonts/muller/MullerLightItalic-AEGuuYP.woff") format("woff"), url("../fonts/muller/MullerLightItalic-JvI8COa.ttf") format("truetype"), url("../fonts/muller/MullerLightItalic-PwZLIcW.svg") format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Muller Regular";
  src: url("../fonts/muller/MullerRegularItalic-msLWRxX.eot");
  src: url("../fonts/muller/MullerRegularItalic-msLWRxX.eot") format("embedded-opentype"), url("../fonts/muller/MullerRegularItalic-UA6ombw.woff2") format("woff2"), url("../fonts/muller/MullerRegularItalic-mqOdgUw.woff") format("woff"), url("../fonts/muller/MullerRegularItalic-vA1KE_h.ttf") format("truetype"), url("../fonts/muller/MullerRegularItalic-ZDcYL16.svg") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Muller";
  src: url("../fonts/muller/MullerMedium-KJDaieD.eot");
  src: url("../fonts/muller/MullerMedium-KJDaieD.eot") format("embedded-opentype"), url("../fonts/muller/MullerMedium-z_j_BGh.woff2") format("woff2"), url("../fonts/muller/MullerMedium-u5OG_7B.woff") format("woff"), url("../fonts/muller/MullerMedium-UMONZZK.ttf") format("truetype"), url("../fonts/muller/MullerMedium-RSwnlMO.svg") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Muller";
  src: url("../fonts/muller/MullerUltraLight-O8OVlUZ.eot");
  src: url("../fonts/muller/MullerUltraLight-O8OVlUZ.eot") format("embedded-opentype"), url("../fonts/muller/MullerUltraLight-BWVB7HG.woff2") format("woff2"), url("../fonts/muller/MullerUltraLight-i4-BeAn.woff") format("woff"), url("../fonts/muller/MullerUltraLight-5jsaw_O.ttf") format("truetype"), url("../fonts/muller/MullerUltraLight-qjee4sN.svg") format("svg");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Muller";
  src: url("../fonts/muller/MullerThin-yOKNjWw.eot");
  src: url("../fonts/muller/MullerThin-yOKNjWw.eot") format("embedded-opentype"), url("../fonts/muller/MullerThin-6_8rNbt.woff2") format("woff2"), url("../fonts/muller/MullerThin-ESgwmUb.woff") format("woff"), url("../fonts/muller/MullerThin-qT_68aH.ttf") format("truetype"), url("../fonts/muller/MullerThin-5OuRmod.svg") format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Muller";
  src: url("../fonts/muller/MullerMediumItalic-646Sh0o.eot");
  src: url("../fonts/muller/MullerMediumItalic-646Sh0o.eot") format("embedded-opentype"), url("../fonts/muller/MullerMediumItalic-1f1DWtd.woff2") format("woff2"), url("../fonts/muller/MullerMediumItalic-smH4zoZ.woff") format("woff"), url("../fonts/muller/MullerMediumItalic-u1tiNFP.ttf") format("truetype"), url("../fonts/muller/MullerMediumItalic-YxZswVn.svg") format("svg");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Muller";
  src: url("../fonts/muller/MullerThinItalic-HC-XDbv.eot");
  src: url("../fonts/muller/MullerThinItalic-HC-XDbv.eot") format("embedded-opentype"), url("../fonts/muller/MullerThinItalic-o7cnVA6.woff2") format("woff2"), url("../fonts/muller/MullerThinItalic-d7TuT0J.woff") format("woff"), url("../fonts/muller/MullerThinItalic-XEN6Hwd.ttf") format("truetype"), url("../fonts/muller/MullerThinItalic-BIBQn8z.svg") format("svg");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Muller";
  src: url("../fonts/muller/MullerRegular-7nBIOZ7.eot");
  src: url("../fonts/muller/MullerRegular-7nBIOZ7.eot") format("embedded-opentype"), url("../fonts/muller/MullerRegular-WuDlepk.woff2") format("woff2"), url("../fonts/muller/MullerRegular-JGUOln6.woff") format("woff"), url("../fonts/muller/MullerRegular-DxJrwVh.ttf") format("truetype"), url("../fonts/muller/MullerRegular-6wFhHvu.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
/*
 * Noe Display
 */
@font-face {
  font-family: "Noe Display";
  src: url("../fonts/noe-display/NoeDisplay-Black-QqKPCHK.eot");
  src: url("../fonts/noe-display/NoeDisplay-Black-QqKPCHK.eot") format("embedded-opentype"), url("../fonts/noe-display/NoeDisplay-Black-YiqXyYN.woff2") format("woff2"), url("../fonts/noe-display/NoeDisplay-Black-fjCWNDC.woff") format("woff"), url("../fonts/noe-display/NoeDisplay-Black-B1bdaVd.ttf") format("truetype"), url("../fonts/noe-display/NoeDisplay-Black-2MciUa5.svg") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noe Display";
  src: url("../fonts/noe-display/NoeDisplay-Bold-PDFWag9.eot");
  src: url("../fonts/noe-display/NoeDisplay-Bold-PDFWag9.eot") format("embedded-opentype"), url("../fonts/noe-display/NoeDisplay-Bold-6kP2JTk.woff2") format("woff2"), url("../fonts/noe-display/NoeDisplay-Bold-Queucfe.woff") format("woff"), url("../fonts/noe-display/NoeDisplay-Bold-o55nFNS.ttf") format("truetype"), url("../fonts/noe-display/NoeDisplay-Bold-wN-CaKm.svg") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noe Display";
  src: url("../fonts/noe-display/NoeDisplay-Medium-h6W1Q5w.eot");
  src: url("../fonts/noe-display/NoeDisplay-Medium-h6W1Q5w.eot") format("embedded-opentype"), url("../fonts/noe-display/NoeDisplay-Medium-XJ0LhBR.woff2") format("woff2"), url("../fonts/noe-display/NoeDisplay-Medium-luQjeJZ.woff") format("woff"), url("../fonts/noe-display/NoeDisplay-Medium-FqvTepi.ttf") format("truetype"), url("../fonts/noe-display/NoeDisplay-Medium-l_GeyeO.svg") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noe Display";
  src: url("../fonts/noe-display/NoeDisplay-BoldItalic-BlRj48K.eot");
  src: url("../fonts/noe-display/NoeDisplay-BoldItalic-BlRj48K.eot") format("embedded-opentype"), url("../fonts/noe-display/NoeDisplay-BoldItalic-87rO69N.woff2") format("woff2"), url("../fonts/noe-display/NoeDisplay-BoldItalic-EVc9GqU.woff") format("woff"), url("../fonts/noe-display/NoeDisplay-BoldItalic-kp30XcL.ttf") format("truetype"), url("../fonts/noe-display/NoeDisplay-BoldItalic-dNTA3vx.svg") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Noe Display";
  src: url("../fonts/noe-display/NoeDisplay-Italic-LmRbdEP.eot");
  src: url("../fonts/noe-display/NoeDisplay-Italic-LmRbdEP.eot") format("embedded-opentype"), url("../fonts/noe-display/NoeDisplay-Italic-O41Lp67.woff2") format("woff2"), url("../fonts/noe-display/NoeDisplay-Italic-oBqr96x.woff") format("woff"), url("../fonts/noe-display/NoeDisplay-Italic-Iw5d0Sh.ttf") format("truetype"), url("../fonts/noe-display/NoeDisplay-Italic-HGJhBwk.svg") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Noe Display";
  src: url("../fonts/noe-display/NoeDisplay-BlackItalic-YNcm-Bp.eot");
  src: url("../fonts/noe-display/NoeDisplay-BlackItalic-YNcm-Bp.eot") format("embedded-opentype"), url("../fonts/noe-display/NoeDisplay-BlackItalic-7JsAgY-.woff2") format("woff2"), url("../fonts/noe-display/NoeDisplay-BlackItalic-1OPMMhe.woff") format("woff"), url("../fonts/noe-display/NoeDisplay-BlackItalic-Sx5iMOO.ttf") format("truetype"), url("../fonts/noe-display/NoeDisplay-BlackItalic-ogArFcz.svg") format("svg");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Noe Display";
  src: url("../fonts/noe-display/NoeDisplay-SckEzgP.eot");
  src: url("../fonts/noe-display/NoeDisplay-SckEzgP.eot") format("embedded-opentype"), url("../fonts/noe-display/NoeDisplay-2rE-eo5.woff2") format("woff2"), url("../fonts/noe-display/NoeDisplay-n2BMN14.woff") format("woff"), url("../fonts/noe-display/NoeDisplay-EzukUEc.ttf") format("truetype"), url("../fonts/noe-display/NoeDisplay-f7EL0uT.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Noe Display";
  src: url("../fonts/noe-display/NoeDisplay-MediumItalic-35jJ5sg.eot");
  src: url("../fonts/noe-display/NoeDisplay-MediumItalic-35jJ5sg.eot") format("embedded-opentype"), url("../fonts/noe-display/NoeDisplay-MediumItalic-qzk2TwV.woff2") format("woff2"), url("../fonts/noe-display/NoeDisplay-MediumItalic-_i7KnH0.woff") format("woff"), url("../fonts/noe-display/NoeDisplay-MediumItalic-0MnfnDU.ttf") format("truetype"), url("../fonts/noe-display/NoeDisplay-MediumItalic-IVXUBDk.svg") format("svg");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
/*
 * Globals
 */
* {
  box-sizing: border-box;
}

html,
body {
  font-family: "Muller" !important;
  font-size: 16px !important;
  font-weight: normal !important;
  line-height: 1.4 !important;
  color: #000000 !important;
}

a {
  color: unset;
  text-decoration: none;
}

.staticpage a {
  color: #fa054b;
  text-decoration: underline;
}

.staticpage strong {
  font-weight: 700;
}

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

.no-scroll {
  overflow: hidden;
}

/*
 * Desktop/mobile only display
 */
@media screen and (max-width: 1024px) {
  .desktop-only {
    display: none !important;
  }
}
@media screen and (min-width: 1024px) {
  .mobile-only {
    display: none !important;
  }
}
/*
 * Text colors
 */
.cyan {
  color: #00d4d5;
}

.pink {
  color: #fa054b;
}

.red {
  color: #e00721;
}

.green {
  color: #2e7a27;
}

.cyan-dark {
  color: #00a6a5;
}

/*
 * Green check
 */
.green-check {
  position: relative;
  padding-left: 38px;
}
.green-check::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  content: "";
  background-image: url("../images/icons/check-green-Nlm1lah.svg");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
}

/*
 * Margins
 */
.mt-20 {
  margin-top: 20px;
}

/*
 * Components
 */
/*
 * Layout components
 */
/*
 * Loader
 */
.loader {
  display: inline-block;
  width: 48px;
  height: 48px;
  border: 5px solid #fa054b;
  border-bottom-color: transparent;
  border-radius: 50%;
  animation: rotation 1s linear infinite;
}

@keyframes rotation {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
/*
 * Credits
 */
.credits {
  display: inline-block;
  position: relative;
  padding-right: 28px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.36;
  color: #00d4d5;
}
.credits::after {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  right: 0;
  content: "";
  background-image: url("../images/icons/credit-coin-870OIoA.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}

/*
 * Lang switcher
 */
.lang-switcher .switcher__list {
  display: flex;
  align-items: center;
}
.lang-switcher .switcher__list > li {
  padding: 7px 15px;
}
.lang-switcher .switcher__list > li,
.lang-switcher .switcher__list > li > a {
  font-size: 16px;
  color: #ffffff;
}
.lang-switcher .switcher__list > li.active {
  position: relative;
  font-weight: bold;
}
.lang-switcher .switcher__list > li.active::before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 4px;
  content: "";
  background: #00d4d5;
}

.lang-switcher-account .switcher__list {
  display: flex;
  align-items: center;
}
.lang-switcher-account .switcher__list > li {
  padding: 7px 15px;
}
.lang-switcher-account .switcher__list > li,
.lang-switcher-account .switcher__list > li > a {
  font-size: 16px;
  color: #00043f;
}
.lang-switcher-account .switcher__list > li.active {
  position: relative;
  font-weight: bold;
}
.lang-switcher-account .switcher__list > li.active::before {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 4px;
  content: "";
  background: #00d4d5;
}

/*
 * Notification
 */
.notification {
  display: none;
  position: fixed;
  bottom: 30px;
  right: 24px;
  left: 24px;
  z-index: 20;
}
.notification .notification__wrapper {
  padding: 15px 20px 16px 20px;
  border-radius: 4px;
  border-left: solid 4px #72d169;
  box-shadow: 2px 4px 20px 0px rgba(114, 209, 105, 0.2);
  background: #ffffff;
}
.notification .notification__inner {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.notification .notification__media {
  max-width: 24px;
}
.notification .notification__image {
  width: 24px;
  height: 24px;
  object-fit: contain;
}
.notification .notification__informations > *:not(:last-child) {
  margin-bottom: 5px;
}
.notification .notification__title {
  font-size: 16px;
  font-weight: 500;
}
.notification .notification__text {
  font-size: 14px;
  font-weight: 400;
}
@media screen and (min-width: 1024px) {
  .notification {
    min-width: 450px;
    max-width: 450px;
    bottom: 30px;
    right: 40px;
    left: unset;
  }
}

/*
 * Pagination component
 */
.pagination .pagination__wrapper {
  display: flex;
  justify-content: center;
}
.pagination .pagination__items-per-page {
  display: none;
}
.pagination .pagination__pages {
  display: inline-flex;
  padding: 8px;
  align-items: stretch;
  justify-content: center;
  border-radius: 4px;
  border: solid 1px #00043f;
  background: #ffffff;
}
.pagination .pagination__page {
  padding: 0 8px;
  font-size: 16px;
  font-weight: bold;
  color: #00043f;
}
.pagination .pagination__page:not(.current) {
  display: none;
}
.pagination .pagination__separator {
  display: none;
}
.pagination .pagination__previous, .pagination .pagination__next {
  display: grid;
  width: 24px;
  height: 24px;
  place-content: center;
}
@media screen and (min-width: 1024px) {
  .pagination .pagination__wrapper {
    gap: 30px;
    align-items: center;
    justify-content: space-between;
  }
  .pagination .pagination__items-per-page {
    display: block;
    position: relative;
    padding: 12px 36px 12px 12px;
    font-family: "Muller";
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    border-radius: 4px;
    border: solid 1px #00043f;
    background-color: #ffffff;
    background-image: url("../images/icons/caret-down-cyan-8J_lXSQ.svg");
    background-repeat: no-repeat;
    background-size: 24px 24px;
    background-position: calc(100% - 12px) center;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
  }
  .pagination .pagination__pages {
    display: flex;
    padding: 0;
    border-radius: unset;
    border: none;
    background: transparent;
  }
  .pagination .pagination__page, .pagination .pagination__separator, .pagination .pagination__previous, .pagination .pagination__next {
    display: grid !important;
    width: 40px;
    height: 40px;
    place-content: center;
  }
  .pagination .pagination__page, .pagination .pagination__separator {
    font-size: 16px;
    font-weight: 300;
    color: #00043f;
  }
  .pagination .pagination__page.current {
    font-weight: bold;
    border-radius: 4px;
    border: solid 1px #00043f;
    background: #ffffff;
  }
}

/*
 * Table
 */
table {
  display: block;
  width: 100%;
  text-align: left;
  table-layout: auto;
}
@media screen and (min-width: 1024px) {
  table {
    display: table;
    border-collapse: separate;
    border-spacing: 0 10px;
  }
}

/*
 * Head
 */
table > thead {
  display: none;
}
@media screen and (min-width: 1024px) {
  table > thead {
    display: table-header-group;
  }
}

/*
 * Head cell
 */
@media screen and (min-width: 1024px) {
  table > thead > tr > th {
    padding-bottom: 6px;
    font-size: 14px;
    font-weight: 200;
    color: #697077;
  }
  table > thead > tr > th:first-child {
    padding-left: 14px;
  }
  table > thead > tr > th:last-child {
    padding-right: 14px;
  }
}

/*
 * Body
 */
table > tbody {
  display: block;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  table > tbody {
    display: table-row-group;
  }
}

/*
 * Row
 */
table > tbody > tr {
  display: flex;
  padding: 14px;
  flex-direction: column;
  border-radius: 4px;
  background: #ffffff;
}
table > tbody > tr:not(:last-child) {
  margin-bottom: 16px;
}
table > tbody > tr.disabled > td, table > tbody > tr.hold > td {
  color: #878d96;
}
table > tbody > tr.disabled {
  background: rgba(255, 255, 255, 0.4);
}
@media screen and (min-width: 1024px) {
  table > tbody > tr {
    display: table-row;
    padding: unset;
    flex-direction: unset;
    border-radius: unset;
  }
}

/*
 * Cell
 */
table > tbody > tr > td {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  vertical-align: middle;
  color: #000000;
}
table > tbody > tr > td:not(:last-child) {
  margin-bottom: 20px;
}
table > tbody > tr > td > strong {
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  table > tbody > tr > td {
    padding-top: 12px;
    padding-bottom: 12px;
  }
  table > tbody > tr > td:first-child {
    padding-left: 14px;
    border-radius: 4px 0 0 4px;
  }
  table > tbody > tr > td:last-child {
    padding-right: 14px;
    border-radius: 0px 4px 4px 0;
  }
  table > tbody > tr > td:not(:last-child) {
    margin-bottom: 0;
  }
}

table.privacy {
  display: block;
  width: 100%;
  text-align: left;
  table-layout: auto;
}
@media screen and (min-width: 1024px) {
  table.privacy {
    display: table;
    border-collapse: separate;
    border-spacing: 0;
  }
}

table.privacy tr.blue {
  background: #00043f;
  border-radius: 0;
}

table.privacy tr.pink {
  background: #fa054b;
  border-radius: 0;
}

table.privacy tr.pink td, table.privacy tr.blue td {
  text-align: center;
  font-weight: 500;
  color: #ffffff;
  border-radius: 0;
  vertical-align: middle;
  padding: 5px;
}

table.privacy > tbody > tr > td {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  vertical-align: top;
  color: #000000;
}
table.privacy > tbody > tr > td:not(:last-child) {
  margin-bottom: 20px;
}
table.privacy > tbody > tr > td > strong {
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  table.privacy > tbody > tr > td {
    padding: 12px 14px;
  }
  table.privacy > tbody > tr > td:first-child {
    padding-right: 0;
    border-radius: 0;
  }
  table.privacy > tbody > tr > td:last-child {
    padding-left: 0;
    border-radius: 0;
  }
  table.privacy > tbody > tr > td:not(:last-child) {
    margin-bottom: 0;
  }
}

/*
 * Content components
 */
/*
 * Heading
 */
.heading {
  font-family: "Noe Display";
  font-weight: bold;
  line-height: 110%;
}
.heading--blue {
  color: #00043f;
}
.heading--pink {
  color: #fa054b;
}
.heading--l {
  font-size: 32px;
}
@media screen and (min-width: 1024px) {
  .heading--l {
    font-size: 62px;
  }
}
.heading--m {
  font-size: 30px;
}
@media screen and (min-width: 1024px) {
  .heading--m {
    font-size: 42px;
  }
}
.heading--s {
  font-size: 28px;
}
@media screen and (min-width: 1024px) {
  .heading--s {
    font-size: 32px;
  }
}
.heading--underline {
  text-decoration: underline;
}

/*
 * Button
 */
.btn {
  display: inline-block;
  padding: 13px 28px;
  font-size: 16px;
  font-family: "Muller";
  font-weight: 500;
  text-align: center;
  border: solid 1px transparent;
  border-radius: 10px;
  cursor: pointer;
}
.btn--l {
  padding: 14.5px 32px;
  font-size: 20px;
}
.btn--m {
  padding: 13px 28px;
  font-size: 16px;
}
.btn--s {
  padding: 10px 28px;
  font-size: 14px;
}
.btn--cyan {
  background: #00d4d5;
  border-color: #00d4d5;
  color: #00043f;
  box-shadow: 2px 4px 20px 0px rgba(0, 212, 213, 0.2);
}
.btn--white {
  background: #ffffff;
  border-color: #00043f;
  color: #00043f;
}
.btn--red {
  background: #e00721;
  border-color: #e00721;
  color: #ffffff;
}
.btn--gray {
  background: #c1c7cd;
  border-color: #c1c7cd;
  color: #00043f;
}
.btn--pink {
  background: none;
  border-color: transparent;
  color: #fa054b;
}
.btn--transparent {
  background: none;
  border-color: transparent;
  color: #00043f;
}
.btn--icon > span {
  padding-left: 40px;
}
.btn--icon > span {
  position: relative;
}
.btn--icon > span::before {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  left: 0;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}
.btn--icon.btn--l > span {
  padding-left: 44px;
}
.btn--icon.btn--l > span {
  position: relative;
}
.btn--icon.btn--l > span::before {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 50%;
  left: 0;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}
.btn--radius-m {
  border-radius: 10px;
}
.btn--radius-s {
  border-radius: 4px;
}
.btn--radius-none {
  border-radius: 0;
}
.btn--icon-arrow-right-black > span::before {
  background-image: url("../images/icons/arrow-right-black-tETzBrD.svg");
}
.btn--icon-plus > span::before {
  background-image: url("../images/icons/plus-YlKBJOk.svg");
}
.btn--icon-download-black > span::before {
  background-image: url("../images/icons/download-black-ndnodVB.svg");
}
.btn--icon-eye-black > span::before {
  background-image: url("../images/icons/eye-black-JgE_tNk.svg");
}
.btn--icon-garbage-can > span::before {
  background-image: url("../images/icons/garbage-can-black-PxHgbZy.svg");
}

/*
 * Content message component
 */
.message {
  display: grid;
  grid-template-rows: 0fr;
  transition: cubic-bezier(0.25, 0.1, 0.25, 1) 0.4s;
}
.message.showing {
  grid-template-rows: 1fr;
}
.message .message__wrapper {
  overflow: hidden;
}
.message .message__inner {
  position: relative;
  padding: 20px;
  margin-bottom: 70px;
  text-align: center;
  border-radius: 4px;
  border-left: solid 4px #00d4d5;
  background: #ffffff;
}
.message .message__media {
  position: relative;
  width: 113px;
  height: 70px;
  margin: 0 auto 20px auto;
}
.message .message__icon {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.message .message__title {
  margin-bottom: 5px;
  font-weight: 500;
}
.message .message__text {
  font-size: 14px;
}
.message .message__actions {
  margin-top: 20px;
}
.message .message__link {
  color: #00a6a5;
}
.message .message__close {
  position: absolute;
  top: 15px;
  right: 15px;
  padding: 0;
  line-height: 0;
  border: none;
  background: transparent;
}
@media screen and (min-width: 1024px) {
  .message .message__media {
    min-width: 113px;
    max-width: 113px;
    min-height: 70px;
    max-height: 70px;
    margin: unset;
  }
  .message .message__inner {
    display: flex;
    gap: 20px;
    align-items: center;
    text-align: unset;
  }
  .message .message__actions, .message .message__content {
    flex: 1;
  }
  .message .message__actions {
    display: flex;
    gap: 40px;
    margin-top: unset;
    align-items: center;
    justify-content: flex-end;
  }
  .message .message__link {
    padding: 0;
  }
  .message .message__close {
    position: unset;
    top: unset;
    right: unset;
  }
}

/*
 * Contextual menu
 */
.contextual-menu {
  position: relative;
}
.contextual-menu .menu__button {
  position: relative;
  padding: 0 34px 0 0;
  font-family: "Muller";
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  color: currentColor;
  background: none;
  border: none;
  cursor: pointer;
}
.contextual-menu .menu__button::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 24px;
  height: 24px;
  content: "";
  background-image: url("../images/icons/caret-down-black-CNquFHk.svg");
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}
.contextual-menu .menu__button.button--icon {
  display: grid;
  padding: 0;
  width: 24px;
  height: 24px;
  place-content: center;
  line-height: 0;
}
.contextual-menu .menu__button.button--icon::after {
  display: none;
}
.contextual-menu .menu__menu {
  color: #000000;
  background: #ffffff;
  border: solid 1px #00043f;
  border-radius: 4px;
}
.contextual-menu .menu__menu-wrapper {
  display: grid;
  position: absolute;
  min-width: 265px;
  max-width: 90vw;
  width: 100%;
  right: 0;
  top: 0;
  grid-template-rows: 0fr;
  opacity: 0;
  visibility: hidden;
  transition: cubic-bezier(0.25, 0.1, 0.25, 1) 0.3s;
  z-index: 10;
}
.contextual-menu .menu__menu-inner {
  overflow: hidden;
}
.contextual-menu .menu__menu > ul:not(:last-child) {
  border-bottom: solid 1px #00043f;
}
.contextual-menu .menu__item {
  display: block;
  width: 100%;
  position: relative;
  padding: 15px 15px 15px 49px;
  font-family: "Muller";
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  text-align: left;
  border: none;
  background: transparent;
  cursor: pointer;
}
.contextual-menu .menu__item.red {
  color: #e00721;
}
.contextual-menu .menu__item.active::before {
  position: absolute;
  top: 50%;
  left: 15px;
  width: 24px;
  height: 24px;
  content: "";
  background-image: url("../images/icons/check-green-Nlm1lah.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transform: translateY(-50%);
}
.contextual-menu .menu__item > span {
  display: block;
}
.contextual-menu .menu__item > p {
  margin-top: 2px;
  font-size: 14px;
  font-weight: 300;
  font-style: italic;
  line-height: 1.4;
  color: #a2a9b0;
}
.contextual-menu.active .menu__menu-wrapper {
  grid-template-rows: 1fr;
  opacity: 1;
  visibility: visible;
}

/*
 * Form components
 */
/*
 * Form component.
 */
.app-form .form__row {
  width: 100%;
}
.app-form .form__row:not(:last-child) {
  margin-bottom: 20px;
}
.app-form .form__rowtext {
  width: 100%;
  font-family: "Muller";
  font-size: 16px;
  font-weight: 300;
  font-style: italic;
}
.app-form .form__rowtext:not(:last-child) {
  margin-bottom: 20px;
}
.app-form .form__element {
  width: 100%;
}
.app-form .form__element .label,
.app-form .form__element .form__error > span {
  display: block;
  font-size: 14px;
}
.app-form .form__element .label,
.app-form .form__element .form__error {
  margin-bottom: 8px;
}
.app-form .form__error {
  font-weight: 400;
  font-size: 16px;
  color: #fa054b;
}
.app-form .form__error > span {
  font-size: 14px;
}
.app-form .form__radio {
  display: flex;
  gap: 8px;
  align-items: center;
}
.app-form .form__radio .label {
  margin-bottom: 0;
}
.app-form .form__radio-group {
  display: flex;
  gap: 20px;
  margin-top: 2px;
  align-items: center;
}
.app-form .form__delete {
  display: block;
  margin-left: auto;
  padding-top: 0;
  padding-bottom: 0;
}
.app-form .form__delete > span {
  padding-left: 28px;
  font-size: 14px;
  font-weight: 300;
}
.app-form .form__delete > span::before {
  width: 20px;
  height: 20px;
}
.app-form .form__add {
  padding: 16px 8px;
}
.app-form .form__group {
  padding-bottom: 20px;
  border-bottom: solid 1px #00d4d5;
}
.app-form .form__group:not(:first-child) {
  padding-top: 20px;
}
.app-form .form__checkbox {
  display: flex;
  gap: 10px;
  align-items: center;
}
.app-form .form__checkbox .label {
  font-size: 16px;
}
.app-form .form__checkboxlist {
  display: flex;
  gap: 10px;
  align-items: center;
}
.app-form .form__checkboxlist .label {
  font-size: 16px;
}
.app-form .form__checkboxlist .form__radio-group {
  display: block;
}
.app-form .form__help {
  margin-top: 4px;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.36;
  color: #697077;
}
.app-form .form__button.outline {
  border: solid 1px #00043f;
  background: transparent;
  color: #00043f;
  box-shadow: none;
}
.app-form .form__submit {
  transition: all 0.2s ease-in-out 0s;
}
.app-form .form__submit.disabled {
  color: #00043f;
  background: #c1c7cd;
  border-color: #c1c7cd;
  box-shadow: none;
  pointer-events: none;
  cursor: not-allowed;
}
.app-form .form__buttons {
  display: flex;
  gap: 20px;
  align-items: flex-end;
  flex-direction: column;
}
.app-form .form__footer {
  padding-top: 20px;
  margin-top: 50px;
  border-top: solid 1px #c1c7cd;
}
.app-form .form__header {
  padding-bottom: 20px;
  border-bottom: solid 1px #c1c7cd;
}
@media screen and (min-width: 1024px) {
  .app-form .form__row {
    display: flex;
    gap: 20px;
    align-items: stretch;
  }
  .app-form .form__rowtext {
    display: flex;
    gap: 20px;
    align-items: stretch;
  }
  .app-form .form__element {
    width: unset;
    flex: 1;
  }
  .app-form .form__buttons {
    gap: 40px;
    align-items: center;
    justify-content: flex-end;
    flex-direction: row;
  }
  .app-form .form__footer {
    padding-top: 40px;
  }
  .app-form .form__header {
    padding-bottom: 40px;
  }
}

/*
 * Label
 */
.label {
  font-family: "Muller";
  font-weight: 300;
  font-size: 14px;
  line-height: 1.4;
  color: #21272a;
}

/*
 * Input component.
 */
.input {
  position: relative;
}
.input.error::before {
  display: none;
}
.input.error input {
  border: solid 1px #fa054b;
}
.input input {
  padding: 10px 16px;
  width: 100%;
  max-width: 100%;
  font-family: "Muller";
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  border-radius: 4px;
  border: none;
}
.input input.readonly {
  background-color: #e9e9e9;
}
.input::before {
  position: absolute;
  height: 100%;
  width: 4px;
  top: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: #00043f;
  border-radius: 4px 0 0 4px;
}
.input__password-toggle {
  position: absolute;
  top: 50%;
  right: 16px;
  width: 24px;
  height: 24px;
  padding: 0;
  transform: translateY(-50%);
  background: none;
  border: none;
  cursor: pointer;
}
.input__password-toggle > img {
  display: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.input__password-toggle > img.active {
  display: block;
}

/*
 * Search form component
 */
.input--search .input__wrapper {
  position: relative;
}
.input--search .input__wrapper::before {
  position: absolute;
  top: 50%;
  left: 21px;
  width: 14px;
  height: 14px;
  content: "";
  background-image: url("../images/icons/search-cyan-nFqsEoI.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}
.input--search .input__input {
  width: 100%;
  height: 100%;
  padding: 12px 48px 12px 48px;
  font-family: "Muller";
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  border: none;
  border-radius: 4px;
  border-left: solid 4px #00043f;
  background: #ffffff;
}
.input--search .input__input::placeholder, .input--search .input__input::-moz-placeholder {
  font-family: "Muller";
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #697077;
}
.input--search .input__reset {
  position: absolute;
  right: 16px;
  top: 50%;
  padding: 6px;
  line-height: 0;
  border: none;
  background: transparent;
  visibility: hidden;
  opacity: 0;
  transform: translateY(-50%) scale(0.7);
  cursor: pointer;
  transition: ease-in-out 0.3s;
}
.input--search .input__reset.active {
  visibility: visible;
  opacity: 1;
  transform: translateY(-50%) scale(1);
}

/*
 * Radio form component.
 */
.radio .radio__radio {
  display: block;
  position: relative;
  width: 15px;
  height: 15px;
  border: solid 1px #00043f;
  border-radius: 50%;
  cursor: pointer;
  transition: border-color cubic-bezier(0.25, 0.1, 0.25, 1) 0.3s;
}
.radio .radio__radio::before {
  position: absolute;
  content: "";
  width: 8px;
  height: 8px;
  left: 50%;
  top: 50%;
  background: #fa054b;
  border-radius: 50%;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0);
  transition: cubic-bezier(0.25, 0.1, 0.25, 1) 0.3s;
}
.radio input[type=radio] {
  display: none;
}
.radio input[type=radio]:checked ~ .radio__radio {
  border-color: #fa054b;
}
.radio input[type=radio]:checked ~ .radio__radio::before {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}

/*
 * Checkbox component
 */
.checkbox .checkbox__input {
  display: none;
}
.checkbox .checkbox__button {
  position: relative;
  display: inline-block;
  padding: 2px;
  width: 16px;
  height: 16px;
  background: none;
  border-radius: 4px;
  border: solid 1px #121619;
  transition: ease-in-out 0.2s;
  cursor: pointer;
}
.checkbox .checkbox__button::after {
  position: absolute;
  content: "";
  top: 50%;
  left: 50%;
  width: 9.9px;
  height: 7.78px;
  background-image: url("../images/icons/check-small-white-wYcMRh8.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  opacity: 0;
  transform: translate(-50%, -50%) scale(0.7);
  transition: ease-in-out 0.2s;
}
.checkbox.active .checkbox__button {
  background: #fa054b;
  border-color: #fa054b;
}
.checkbox.active .checkbox__button::after {
  opacity: 1;
  transform: translate(-50%, -50%) scale(1);
}
.checkbox.color--cyan.active .checkbox__button {
  background: #00d4d5;
  border-color: #00d4d5;
}
.checkbox.color--cyan .checkbox__button::after {
  background-image: url("../images/icons/check-small-dark-blue-QX14fEX.svg");
}

/*
 * Checkbox slide
 */
.checkbox-slide {
  display: flex;
  gap: 8px;
  align-items: center;
}
.checkbox-slide.active .checkbox__box {
  border-color: #fa054b;
  background: #fa054b;
}
.checkbox-slide.active .checkbox__button {
  transform: translateY(-50%) translateX(14px);
  background: #ffffff;
}
.checkbox-slide .checkbox__input {
  display: none;
}
.checkbox-slide .checkbox__box, .checkbox-slide .checkbox__button {
  transition: all ease-in-out 0.35s;
  cursor: pointer;
}
.checkbox-slide .checkbox__box {
  position: relative;
  width: 32px;
  height: 16px;
  border-radius: 33px;
  border: solid 1px #00043f;
  background: none;
}
.checkbox-slide .checkbox__button {
  position: absolute;
  width: 12px;
  height: 12px;
  top: 50%;
  left: 2px;
  border-radius: 50%;
  background: #00043f;
  transform: translateY(-50%);
}
.checkbox-slide .checkbox__label {
  font-size: 16px;
  font-weight: 300;
  color: #00043f;
}

/*
 * Form checkbox block
 */
.checkbox-block .checkbox__input {
  display: none;
}
.checkbox-block .checkbox__input:checked ~ .checkbox__label {
  font-weight: 500;
  background: rgba(0, 212, 213, 0.5);
}
.checkbox-block .checkbox__label {
  display: inline-block;
  padding: 7px 15px;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  border-radius: 5px;
  background: #ffffff;
  color: #00043f;
  transition: all 0.2s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
  cursor: pointer;
}

/*
 * Select form component.
 */
.select {
  position: relative;
}
.select::after {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 16px;
  top: 50%;
  content: "";
  background-image: url("../images/icons/caret-down-black-CNquFHk.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}
.select .select__select {
  padding: 10px 48px 10px 16px;
  width: 100%;
  height: 100%;
  font-family: "Muller";
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  border: none;
  border-radius: 4px;
  border-left: solid 4px #00043f;
  background: #ffffff;
  color: #00043f;
  appearance: none;
}

/*
 * Select multiple component.
 */
.select-multiple {
  display: inline-block;
}
.select-multiple .select__wrapper {
  position: relative;
}
.select-multiple .select__input {
  display: none;
}
.select-multiple .select__button {
  position: relative;
  min-width: 130px;
  padding: 12px 48px 12px 16px;
  text-align: left;
  border: none;
  border-radius: 4px;
  border-left: solid 4px #00043f;
  background: #ffffff;
  cursor: pointer;
}
.select-multiple .select__button::after {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 16px;
  top: 50%;
  content: "";
  background-image: url("../images/icons/caret-down-black-CNquFHk.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  transform: translateY(-50%);
  transition: cubic-bezier(0.25, 0.1, 0.25, 1) 0.3s;
}
.select-multiple .select__value {
  font-family: "Muller";
  font-size: 14px;
  line-height: 1.4;
  color: #21272a;
}
.select-multiple .select__dropdown {
  padding-right: 6px;
  border-radius: 4px;
  border-left: solid 4px #00043f;
  background: #ffffff;
  box-shadow: 2px 4px 20px rgba(0, 4, 63, 0.1);
}
.select-multiple .select__dropdown-wrapper {
  display: grid;
  position: absolute;
  top: calc(100% + 10px);
  left: 0;
  width: 250px;
  grid-template-rows: 0fr;
  transition: grid-template-rows cubic-bezier(0.25, 0.1, 0.25, 1) 0.3s;
}
.select-multiple .select__dropdown-inner {
  overflow: hidden;
}
.select-multiple .select__actions {
  display: flex;
  gap: 20px;
  padding: 20px 34px 0 20px;
  justify-content: space-between;
  align-items: center;
}
.select-multiple .select__select-all, .select-multiple .select__remove-all {
  padding: 0;
  font-family: "Muller";
  font-size: 12px;
  font-weight: 500;
  line-height: 1.4;
  background: none;
  border: none;
  cursor: pointer;
  transition: color ease-in-out 0.2s;
}
.select-multiple .select__select-all[disabled=true], .select-multiple .select__remove-all[disabled=true] {
  color: #c1c7cd;
  cursor: not-allowed;
}
.select-multiple .select__list, .select-multiple .select__element:not(:first-child) {
  margin-top: 21px;
}
.select-multiple .select__list {
  max-height: 325px;
  padding: 0 14px 20px 20px;
  overflow: auto;
}
.select-multiple .select__list::-webkit-scrollbar {
  width: 7px;
}
.select-multiple .select__list::-webkit-scrollbar-track {
  background: transparent;
}
.select-multiple .select__list::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #00a6a5;
}
.select-multiple .select__element {
  display: flex;
  gap: 10px;
  align-items: center;
}
.select-multiple .select__name {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
.select-multiple.expanded .select__button::after {
  transform: translateY(-50%) scaleY(-1);
}
.select-multiple.expanded .select__dropdown-wrapper {
  grid-template-rows: 1fr;
  z-index: 5;
}

/*
 * Textarea component.
 */
.textarea {
  position: relative;
  display: flex;
}
.textarea.error::before {
  display: none;
}
.textarea.error textarea {
  border: solid 1px #fa054b;
}
.textarea textarea {
  padding: 10px 16px;
  width: 100%;
  max-width: 100%;
  font-family: "Muller";
  font-weight: 400;
  font-size: 14px;
  line-height: 1.4;
  border-radius: 4px;
  border: none;
  resize: vertical;
}
.textarea::before {
  position: absolute;
  height: 100%;
  width: 4px;
  top: 0;
  bottom: 0;
  left: 0;
  content: "";
  background: #00043f;
  border-radius: 4px 0 0 4px;
}

/*
 * Card components
 */
/*
 * Admin card components
 */
/*
 * Admin pack card
 */
.admin-pack-card {
  border-radius: 4px;
  background: #ffffff;
}
.admin-pack-card .card__heading {
  padding: 6px 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  text-align: center;
  color: #ffffff;
  background: #00043f;
}
.admin-pack-card .card__wrapper {
  padding: 30px;
}
.admin-pack-card .card__title, .admin-pack-card .card__price, .admin-pack-card .card__credits {
  color: #00043f;
}
.admin-pack-card .card__title {
  margin-bottom: 14px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.36;
}
.admin-pack-card .card__price {
  margin-bottom: 28px;
  font-family: "Noe Display";
  font-size: 20px;
  font-weight: 700;
  line-height: 1.06;
}
.admin-pack-card .card__price > b {
  font-size: 28px;
  color: #fa054b;
}
.admin-pack-card .card__price > small {
  display: block;
  font-family: "Roboto", "Muller";
  font-size: 10px;
  font-weight: 400;
  line-height: 1.4;
}
.admin-pack-card .card__buy {
  width: 100%;
}
.admin-pack-card .card__buy.outline {
  border: solid 1px #00043f;
  background: #ffffff;
  color: #00043f;
  box-shadow: none;
}
.admin-pack-card .card__credits {
  margin-bottom: 14px;
  font-weight: 500;
  line-height: 1.4;
}
.admin-pack-card .card__credits > b {
  position: relative;
  padding-right: 22px;
}
.admin-pack-card .card__credits > b::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 14px;
  height: 14px;
  content: "";
  background-image: url("../images/icons/credit-black-bold-EP1Ei-S.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  transform: translateY(-50%);
}
.admin-pack-card .card__description {
  margin-bottom: 14px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  color: #001d6c;
}
.admin-pack-card .card__toggle {
  display: block;
  position: relative;
  padding: 0;
  padding-right: 34px;
  width: 100%;
  font-family: "Muller";
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  text-align: left;
  border: none;
  background: none;
  color: #001d6c;
  cursor: pointer;
}
.admin-pack-card .card__toggle.active::after {
  transform: translateY(-50%) scaleY(-1);
}
.admin-pack-card .card__toggle::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 24px;
  height: 24px;
  content: "";
  background-image: url("../images/icons/caret-down-black-CNquFHk.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  transform: translateY(-50%);
  transition: cubic-bezier(0.25, 0.1, 0.25, 1) 0.3s;
}
.admin-pack-card .card__details {
  margin-top: 14px;
  padding-top: 10px;
  padding-bottom: 14px;
}
.admin-pack-card .card__details .details__label {
  display: none;
}
.admin-pack-card .card__details .details__content {
  padding-top: 15px;
  font-size: 14px;
  line-height: 1.4;
  color: #001d6c;
}
.admin-pack-card .card__details .details__content-wrapper {
  display: grid;
  grid-template-rows: 0fr;
  transition: cubic-bezier(0.25, 0.1, 0.25, 1) 0.3s;
}
.admin-pack-card .card__details .details__content-wrapper.active {
  grid-template-rows: 1fr;
}
.admin-pack-card .card__details .details__content-inner {
  overflow: hidden;
}
.admin-pack-card .card__example {
  padding-top: 10px;
  border-top: solid 1px #dde1e6;
}
.admin-pack-card .card__example .example__content {
  padding-top: 15px;
  font-size: 14px;
  line-height: 1.4;
  color: #001d6c;
}
.admin-pack-card .card__example .example__content-wrapper {
  display: grid;
  grid-template-rows: 0fr;
  transition: cubic-bezier(0.25, 0.1, 0.25, 1) 0.3s;
}
.admin-pack-card .card__example .example__content-wrapper.active {
  grid-template-rows: 1fr;
}
.admin-pack-card .card__example .example__content-inner {
  overflow: hidden;
}
.admin-pack-card.most-used {
  border: solid 1px #00043f;
}
@media screen and (min-width: 1024px) {
  .admin-pack-card .card__description {
    margin-bottom: 60px;
  }
  .admin-pack-card .card__details .details__toggle {
    display: none;
  }
  .admin-pack-card .card__details .details__label {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    color: #001d6c;
  }
  .admin-pack-card .card__details .details__content-wrapper {
    grid-template-rows: 1fr;
  }
}

/*
 * Superadmin cards
 */
/*
 * Superadmin pack card
 */
.superadmin-pack-card .card__wrapper {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.superadmin-pack-card .card__drag, .superadmin-pack-card .card__content {
  border-radius: 4px;
  background: #ffffff;
}
.superadmin-pack-card .card__drag {
  width: 24px;
  height: 24px;
  background-image: url("../images/icons/drag-pink-pUFz3pv.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: grab;
}
.superadmin-pack-card .card__drag:active {
  cursor: grabbing;
}
.superadmin-pack-card .card__content {
  position: relative;
  padding: 20px;
  flex: 1;
}
.superadmin-pack-card .card__edit {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 10px;
  right: 10px;
  padding: 0;
  border: none;
  background-color: transparent;
  background-image: url("../images/icons/edit-black-7m490Sg.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.superadmin-pack-card .card__informations {
  padding-bottom: 20px;
  border-bottom: solid 1px #d9d9d9;
}
.superadmin-pack-card .card__informations > *:not(:last-child) {
  margin-bottom: 14px;
}
.superadmin-pack-card .card__title, .superadmin-pack-card .card__price, .superadmin-pack-card .card__credits, .superadmin-pack-card .card__active {
  display: block;
}
.superadmin-pack-card .card__title, .superadmin-pack-card .card__credits, .superadmin-pack-card .card__active {
  color: #00043f;
}
.superadmin-pack-card .card__title {
  font-size: 20px;
  font-weight: 500;
  line-height: 1.36;
}
.superadmin-pack-card .card__price {
  font-family: "Noe Display";
  font-size: 24px;
  font-weight: bold;
  line-height: 1.06;
  color: #fa054b;
}
.superadmin-pack-card .card__credits {
  font-size: 20px;
  line-height: 1.36;
}
.superadmin-pack-card .card__credits > b {
  font-weight: 600;
}
.superadmin-pack-card .card__active {
  display: flex;
  gap: 8px;
  align-items: center;
  font-size: 16px;
  font-weight: 300;
}
.superadmin-pack-card .card__active .active__button {
  position: relative;
  width: 32px;
  height: 16px;
  border-radius: 33px;
  background: #fa054b;
  border: solid 1px #fa054b;
  cursor: pointer;
}
.superadmin-pack-card .card__active .active__button::before {
  position: absolute;
  width: 12px;
  height: 12px;
  content: "";
  top: 1px;
  bottom: 1px;
  right: 1px;
  border-radius: 50%;
  background: #ffffff;
}
.superadmin-pack-card .card__active .active__button.disabled {
  background: #ffffff;
  border-color: #00043f;
}
.superadmin-pack-card .card__active .active__button.disabled::before {
  right: unset;
  left: 1px;
  background: #00043f;
}
.superadmin-pack-card .card__details {
  padding-top: 20px;
}
.superadmin-pack-card .card__details.active .details__header::after {
  transform: translateY(-50%) rotate(180deg);
}
.superadmin-pack-card .card__details.active .details__wrapper {
  grid-template-rows: 1fr;
}
.superadmin-pack-card .card__details .details__header {
  position: relative;
  width: 100%;
  padding: 0;
  font-family: "Muller";
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  text-align: left;
  background: none;
  border: none;
  color: #00043f;
}
.superadmin-pack-card .card__details .details__header::after {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 0;
  top: 50%;
  content: "";
  background-image: url("../images/icons/caret-down-black-CNquFHk.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  transform: translateY(-50%);
  transition: transform cubic-bezier(0.25, 0.1, 0.25, 1) 0.3s;
}
.superadmin-pack-card .card__details .details__wrapper {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows cubic-bezier(0.25, 0.1, 0.25, 1) 0.3s;
}
.superadmin-pack-card .card__details .details__inner {
  overflow: hidden;
}
.superadmin-pack-card .card__details .details__content {
  padding-top: 20px;
}
.superadmin-pack-card .card__details .details__list > li {
  color: #00043f;
}
.superadmin-pack-card .card__details .details__list > li > b {
  display: block;
  margin-bottom: 10px;
  font-weight: 500;
}
.superadmin-pack-card .card__details .details__list > li > p {
  font-weight: 300;
}
.superadmin-pack-card .card__details .details__list > li:not(.description) > p {
  font-size: 14px;
}
.superadmin-pack-card .card__details .details__list > li:not(:last-child) {
  margin-bottom: 20px;
}
.superadmin-pack-card.disabled .card__informations,
.superadmin-pack-card.disabled .card__details {
  filter: grayscale(1);
}
.superadmin-pack-card.is-fees .card__content {
  margin-left: 34px;
}
@media screen and (min-width: 1024px) {
  .superadmin-pack-card .card__wrapper {
    gap: 20px;
  }
  .superadmin-pack-card .card__content {
    padding: 30px;
  }
  .superadmin-pack-card .card__edit {
    position: relative;
    top: unset;
    right: unset;
    max-width: 24px;
    flex-grow: 1;
  }
  .superadmin-pack-card .card__informations {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
  }
  .superadmin-pack-card .card__informations > * {
    flex: 1;
  }
  .superadmin-pack-card .card__informations > *:not(:last-child) {
    margin-bottom: 0;
  }
  .superadmin-pack-card .card__title {
    max-width: 455px;
  }
  .superadmin-pack-card .card__price, .superadmin-pack-card .card__credits {
    max-width: 300px;
  }
  .superadmin-pack-card .card__price {
    font-size: 28px;
  }
  .superadmin-pack-card .card__details {
    padding-top: 10px;
  }
  .superadmin-pack-card .card__details .details__header {
    display: none;
  }
  .superadmin-pack-card .card__details .details__wrapper {
    grid-template-rows: 1fr;
  }
  .superadmin-pack-card .card__details .details__content {
    padding-top: 0;
  }
  .superadmin-pack-card .card__details .details__list {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    justify-content: space-between;
  }
  .superadmin-pack-card .card__details .details__list > li {
    padding: 0 10px;
    flex: 1;
  }
  .superadmin-pack-card.is-fees .card__content {
    margin-left: 44px;
  }
}

/*
 * Dashboard components
 */
/*
 * Blocks dashboard components
 */
/*
 * Block component
 */
.dashboard-block {
  padding: 20px;
  background: #ffffff;
}
.dashboard-block .block__button {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: #00043f;
}
.dashboard-block .block__button-wrapper {
  padding: 13px;
  min-height: 48.4px;
  text-align: center;
}

.dashboard-block.block--content .block__wrapper, .dashboard-block.block--comparison .block__wrapper, .dashboard-block.block--chart .block__wrapper, .dashboard-block.block--code .block__wrapper, .dashboard-block.block--credit .block__wrapper {
  display: flex;
  gap: 10px;
  height: 100%;
  flex-direction: column;
  justify-content: center;
}
.dashboard-block.block--content .block__content, .dashboard-block.block--comparison .block__content, .dashboard-block.block--chart .block__content, .dashboard-block.block--code .block__content, .dashboard-block.block--credit .block__content {
  display: flex;
  flex: 1;
  gap: 10px;
  flex-direction: column;
  justify-content: flex-start;
}
.dashboard-block.color--black.block--content .block__title {
  color: #00043f;
}
.dashboard-block.color--black.block--comparison .block__value {
  color: #00043f;
}
.dashboard-block.color--cyan.block--content .block__title {
  color: #00a6a5;
}
.dashboard-block.color--cyan.block--comparison .block__value {
  color: #00a6a5;
}
@media screen and (min-width: 1024px) {
  .dashboard-block {
    min-height: 290px;
  }
}

/*
 * Content block component
 */
.block--content .block__content {
  justify-content: center !important;
}
.block--content .block__title, .block--content .block__description, .block--content .block__message {
  text-align: center;
}
.block--content .block__title {
  font-size: 34px;
  font-weight: bold;
  line-height: 1.36;
  color: #00043f;
}
.block--content .block__description {
  font-size: 16px;
  line-height: 1.4;
}
.block--content .block__message {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
}

/*
 * Comparison block component
 */
.block--comparison .block__content {
  place-content: center !important;
}
.block--comparison .block__informations {
  display: flex;
  align-items: center;
  justify-content: center;
}
.block--comparison .block__informations > li {
  flex: 1;
}
.block--comparison .block__informations > li:first-child {
  position: relative;
  padding-right: 15px;
}
.block--comparison .block__informations > li:first-child::after {
  position: absolute;
  height: 40px;
  width: 3px;
  content: "";
  top: 50%;
  right: 0;
  border-radius: 3px;
  background: #00043f;
  transform: translate(50%, -50%);
}
.block--comparison .block__informations > li:last-child {
  padding-left: 15px;
}
.block--comparison .block__value, .block--comparison .block__label {
  display: block;
  text-align: center;
}
.block--comparison .block__value {
  font-size: 34px;
  font-weight: bold;
  line-height: 1.36;
}
.block--comparison .block__label {
  font-size: 16px;
  line-height: 1.4;
}

/*
 * Code block component
 */
.block--code .block__content {
  justify-content: center !important;
}
.block--code .block__value, .block--code .block__label {
  display: block;
  color: #00043f;
}
.block--code .block__value, .block--code .block__label, .block--code .block__description {
  text-align: center;
}
.block--code .block__value {
  font-size: 70px;
  font-weight: bold;
  line-height: 1;
}
.block--code .block__label {
  font-size: 20px;
  font-weight: 300;
  line-height: 1.34;
}
.block--code .block__description {
  margin-top: 10px;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
}

/*
 * Chart block component
 */
.block--chart .block__title {
  font-size: 20px;
  font-weight: 400;
  line-height: 1.36;
  text-align: center;
  color: #00043f;
}
.block--chart .block__chart {
  margin-top: 20px;
}

/*
 * Credit dashboard block
 */
.dashboard-block.block--credit {
  --amount-color: map-get($colors, pink);
}
.dashboard-block.block--credit .block__content {
  gap: 0;
}
.dashboard-block.block--credit .block__title {
  display: inline-block;
  position: relative;
  padding-left: 28px;
  margin: 0 auto 5px auto;
  font-size: 20px;
  line-height: 1.36;
}
.dashboard-block.block--credit .block__title::before {
  position: absolute;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 0;
  content: "";
  background-image: url("../images/icons/credit-black-F_ot9ai.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  transform: translateY(-50%);
}
.dashboard-block.block--credit .block__amount {
  margin: 0 auto;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
}
.dashboard-block.block--credit .block__amount > b {
  font-size: 27px;
  font-weight: 700;
  line-height: 1.36;
  color: var(--amount-color);
}
.dashboard-block.block--credit .block__description {
  margin-top: 10px;
  font-size: 10px;
  font-weight: 300;
  line-height: 1.36;
  text-align: center;
}

/*
 * Charts components
 */
/*
 * Creditmeter chart
 */
.dashboard-chart.chart--creditmeter {
  position: relative;
  max-width: 98px;
  max-height: 98px;
  margin: 0 auto;
  --pointer-angle: 0deg;
  --pointer-color: map-get($colors, pink);
}
.dashboard-chart.chart--creditmeter .chart__pointer {
  position: absolute;
  width: 17.77%;
  height: 17.77%;
  left: 50%;
  bottom: 27.77%;
  border-radius: 50%;
  background: var(--pointer-color);
  transform-origin: center center;
  transform: translateX(-50%) rotate(var(--pointer-angle));
}
.dashboard-chart.chart--creditmeter .chart__pointer::before, .dashboard-chart.chart--creditmeter .chart__pointer::after {
  position: absolute;
  content: "";
}
.dashboard-chart.chart--creditmeter .chart__pointer::before {
  top: 50%;
  left: 50%;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border-radius: 50%;
  background: #ffffff;
  transform: translate(-50%, -50%);
}
.dashboard-chart.chart--creditmeter .chart__pointer::after {
  width: 323.52%;
  height: 4px;
  top: 50%;
  right: -35.29%;
  border-radius: 4px;
  background: var(--pointer-color);
  transform-origin: 73.5% center;
  transform: translateY(-50%) rotate(-29deg);
}
.dashboard-chart.chart--creditmeter .chart__pointer-wrapper {
  position: absolute;
  width: 85.98%;
  height: 85.98%;
  top: 59.5%;
  left: 50%;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.dashboard-chart.chart--creditmeter canvas {
  background-image: url("../images/icons/creditmeter-ticks-3NI8HUF.svg");
  background-repeat: no-repeat;
  background-size: 90% 74%;
  background-position: 47% 48%;
}

/*
 * Half circle meter chart
 */
.dashboard-chart.chart--halfcirclemeter {
  position: relative;
  max-width: 213px;
  max-height: 113px;
  margin: 0 auto;
}
.dashboard-chart.chart--halfcirclemeter .chart__amount {
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 50%;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
  transform: translateX(-50%);
}
.dashboard-chart.chart--halfcirclemeter .chart__amount > b {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.36;
}

/*
 * Horizontal bar chart
 */
.dashboard-chart.chart--horizontalbar {
  max-width: 250px;
  max-height: 235px;
  margin: 0 auto;
}

/*
 * Bar chart component
 */
.dashboard-chart.chart--bar {
  max-width: 305px;
  max-height: 135px;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .dashboard-chart.chart--bar {
    max-width: 250px;
  }
}

/*
 * Line chart component
 */
.dashboard-chart.chart--line {
  max-width: 305px;
  max-height: 135px;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .dashboard-chart.chart--line {
    max-width: 250px;
  }
}

/*
 * Sokhar components
 */
/*
 * Sokhar category
 */
.sokhar-category {
  padding-top: 15px;
  padding-bottom: 10px;
  border-bottom: solid 1px #dde1e6;
}
.sokhar-category .category__header {
  position: relative;
  padding: 0 20px;
}
.sokhar-category .category__name {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
.sokhar-category .category__title {
  font-family: "Noe Display";
  font-size: 28px;
  font-weight: 700;
  line-height: 1.06;
  text-align: center;
  color: #00043f;
}
.sokhar-category .category__toggle {
  position: absolute;
  width: 20px;
  height: 20px;
  padding: 0;
  top: 50%;
  right: 0;
  line-height: 0;
  border: none;
  background: transparent;
  cursor: pointer;
  transform: translateY(-50%);
}
.sokhar-category .category__icon {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.sokhar-category .category__subcategories {
  display: flex;
  gap: 10px 15px;
  padding: 20px 10px 10px 10px;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
}
.sokhar-category .category__subcategories > * {
  flex: 0 0 auto;
  box-shadow: 2px 4px 20px 0px rgba(0, 4, 63, 0.1);
}
.sokhar-category .category__subcategories-wrapper {
  display: grid;
  grid-template-rows: 0fr;
  transition: all 0.3s cubic-bezier(0.25, 0.1, 0.25, 1) 0s;
}
.sokhar-category .category__subcategories-inner {
  overflow: hidden;
}
.sokhar-category.expanded .category__icon {
  transform: scaleY(-1);
}
.sokhar-category.expanded .category__subcategories-wrapper {
  grid-template-rows: 1fr;
}

/*
 * Nav components
 */
/*
 * Nav Item
 */
.nav-item {
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}
.nav-item .item__text {
  font-family: "Muller";
  font-size: 16px;
  line-height: 1.4;
  color: #ffffff;
}
.nav-item .item__arrow {
  width: 24px;
  height: 24px;
}
.nav-item .item__arrow > svg {
  width: 100%;
  height: 100%;
}
.nav-item.with-arrow {
  display: flex;
  gap: 8px;
  align-items: center;
}

/*
 * Profile button.
 */
.profile-button {
  position: relative;
  padding: 0 26px 0 0;
  border: none;
  background: none;
  cursor: pointer;
}
.profile-button::after {
  position: absolute;
  width: 24px;
  height: 24px;
  right: 0;
  top: 50%;
  content: "";
  background-image: url("../images/icons/caret-down-white-O3F0nr1.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  transform: translateY(-50%);
}
.profile-button .button__text {
  display: grid;
  width: 40px;
  height: 40px;
  place-content: center;
  font-family: "Noe Display";
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  color: #ffffff;
  border: solid 1px #cbcef0;
  border-radius: 50%;
}

/*
 * Layout
 */
/*
 * Header
 */
.app-header {
  background: #00043f;
}
.app-header .header__wrapper, .app-header .header__left, .app-header .header__right {
  display: flex;
  align-items: center;
}
.app-header .header__wrapper {
  padding: 5px 25px;
  justify-content: space-between;
}
.app-header .header__left {
  gap: 10px;
}
.app-header .header__right {
  gap: 20px;
}
.app-header .header__button {
  width: 24px;
  height: 24px;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}
.app-header .header__button > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.app-header .header__nav > ul > li,
.app-header .header__nav > ul > li > a {
  color: #ffffff;
}
.app-header .header__nav-wrapper {
  display: none;
  position: fixed;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
}
.app-header .header__nav-wrapper::before {
  position: absolute;
  width: 100vw;
  height: 100vh;
  inset: 0;
  content: "";
  opacity: 0.2;
  background: #00043f;
}
.app-header .header__nav-inner {
  max-width: 350px;
  width: 100%;
  height: 100%;
  padding: 24px 17px;
  background: #00043f;
}
.app-header .header__nav-close {
  width: 24px;
  height: 24px;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}
.app-header .header__nav-close > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.app-header .header__nav-logo {
  display: block;
  width: 180px;
  height: auto;
  margin-top: 20px;
  margin-bottom: 30px;
}
.app-header .header__nav > ul > li {
  padding: 10px 14px;
}
.app-header .header__nav > ul > li:not(:last-child) {
  margin-bottom: 20px;
}
.app-header .header__lang {
  display: none;
}
.app-header .header__login {
  display: none;
}
.app-header .header__nfd {
  color: #ffffff;
}
.app-header .header__nfd-mobile {
  color: #ffffff;
  padding: 13px 8px !important;
}
@media screen and (min-width: 1280px) {
  .app-header .header__wrapper {
    padding: 10px 40px;
  }
  .app-header .header__button {
    display: none;
  }
  .app-header .header__lang {
    display: block;
  }
  .app-header .header__nav {
    margin-left: 50px;
  }
  .app-header .header__nav-wrapper {
    display: block;
    position: relative;
    inset: unset;
    opacity: 1;
    visibility: visible;
    z-index: 1;
  }
  .app-header .header__nav-wrapper::before {
    display: none;
  }
  .app-header .header__nav-inner {
    max-width: unset;
    width: unset;
    height: unset;
    padding: unset;
    background: unset;
  }
  .app-header .header__nav-close {
    display: none;
  }
  .app-header .header__nav-logo {
    display: none;
  }
  .app-header .header__nav > ul {
    display: flex;
    gap: 14px;
    align-items: center;
  }
  .app-header .header__nav > ul > li {
    padding: 13px 16px;
  }
  .app-header .header__nav > ul > li:not(:last-child) {
    margin-bottom: 0;
  }
  .app-header .header__right {
    gap: 30px;
  }
  .app-header .header__login, .app-header .header__register {
    display: block;
  }
  .app-header .header__login {
    background: transparent;
    border-color: #00d4d5;
    color: #00d4d5;
  }
}

/*
 * Footer
 */
.app-footer {
  background: #f3f4f8;
}
.app-footer .footer__wrapper {
  padding: 48px 24px;
}
.app-footer .footer__top, .app-footer .footer__bottom {
  text-align: center;
}
.app-footer .footer__bottom {
  margin-top: 20px;
  padding-top: 20px;
  border-top: solid 1px #c1c7cd;
}
.app-footer .footer__logo-wrapper {
  margin-bottom: 12px;
}
.app-footer .footer__nav > ul > li {
  padding: 12px;
}
.app-footer .footer__nav > ul > li,
.app-footer .footer__nav > ul > li > a {
  color: #00043f;
}
.app-footer .footer__copyright {
  font-size: 14px;
  color: #00043f;
}
.app-footer .footer__socials {
  display: flex;
  margin-top: 28px;
  gap: 16px;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 1024px) {
  .app-footer .footer__top, .app-footer .footer__bottom {
    display: flex;
    gap: 50px;
    align-items: center;
    justify-content: space-between;
  }
  .app-footer .footer__bottom {
    margin-top: 48px;
    padding-top: 48px;
  }
  .app-footer .footer__nav > ul {
    display: flex;
    gap: 16px;
    align-items: center;
  }
}

/*
 * Container
 */
.container {
  padding: 0 25px;
  margin: 0 auto;
  max-width: 1430px;
}
.container--s {
  padding: 0 25px;
  margin: 0 auto;
  max-width: 995px;
}

/*
 * Admin layout
 */
.page-admin {
  background-image: url("../images/admin/pattern-5zypBZC.svg");
  background-size: cover;
  background-position: center;
  background-repeat: repeat;
  background-color: #f3f4f8;
}
.page-admin .page__wrapper {
  padding: 0 25px;
  margin: 0 auto;
  max-width: 1430px;
  margin-top: 40px;
}
@media screen and (min-width: 1024px) {
  .page-admin .page__wrapper {
    margin-top: 60px;
  }
}

/*
 * Modal component.
 */
.app-modal {
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  inset: 0;
  z-index: 20;
}
.app-modal .modal__box {
  width: 100vw;
  height: 100vh;
  background: #f3f4f8;
}
.app-modal .modal__box > .modal__inner,
.app-modal .modal__box > .modal__inner > .modal__body {
  height: 100%;
}
.app-modal .modal__inner {
  max-height: 100%;
  height: 100%;
  padding: 65px 24px 24px 24px;
  overflow-y: auto;
}
.app-modal .modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 24px;
  height: 24px;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}
.app-modal .modal__close > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.app-modal .modal__error {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: #fa054b;
}
.app-modal .modal__error a {
  text-decoration: underline;
}
.app-modal .modal__submit {
  display: flex;
  gap: 20px;
  align-items: stretch;
  justify-content: center;
  flex-direction: column;
}
.app-modal .modal__delete {
  padding: 16px 8px;
  margin-right: auto;
  justify-self: flex-start;
  color: #e00721;
}
.app-modal.loading .modal__inner, .app-modal.loading .modal__body {
  height: 100%;
}
.app-modal.loading .modal__body {
  display: grid;
  place-content: center;
}
@media screen and (min-width: 1024px) {
  .app-modal .modal__wrapper {
    position: relative;
  }
  .app-modal .modal__wrapper::before {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    content: "";
    opacity: 30%;
    background: #00043f;
  }
  .app-modal .modal__box {
    position: relative;
    max-width: 755px;
    margin-left: auto;
    z-index: 5;
  }
  .app-modal .modal__inner {
    padding: 65px;
  }
  .app-modal .modal__submit {
    flex-direction: row;
    align-items: center;
    justify-content: flex-end;
  }
}
@media screen and (max-width: 1024px) {
  .app-modal .modal__box {
    position: relative;
    max-width: 755px;
    margin-left: auto;
    padding-bottom: 70px;
    z-index: 5;
  }
}

/*
 * Popin layout.
 */
.popin {
  display: none;
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  z-index: 25;
}
.popin .popin__overlay, .popin .popin__wrapper {
  width: 100%;
  height: 100%;
}
.popin .popin__overlay {
  background: rgba(0, 4, 63, 0.3019607843);
}
.popin .popin__wrapper {
  display: grid;
  place-content: center;
}
.popin .popin__box {
  position: relative;
  max-width: min(735px, 90vw);
  max-height: 90vh;
  padding: 50px;
  border-radius: 4px;
  background: #ffffff;
  overflow-y: auto;
}
.popin .popin__close {
  position: absolute;
  top: 20px;
  right: 20px;
  padding: 0;
  line-height: 0;
  border: none;
  background: transparent;
  cursor: pointer;
}
.popin .popin__footer {
  margin-top: 50px;
}
.popin .popin__footer:empty {
  display: none;
}

/*
 * Modal
 */
/*
 * Global modal
 */
/*
 * Modal admin
 */
.modal-admin {
  height: 100%;
}
.modal-admin > section,
.modal-admin > section > div {
  height: 100%;
}
.modal-admin button[type=submit] {
  display: block;
  margin-left: auto;
}
.modal-admin .contact__title {
  margin-bottom: 40px;
}
.modal-admin .contact__text {
  margin-bottom: 40px;
}
.modal-admin .contact__success {
  display: grid;
  height: 100%;
  margin: auto;
  place-content: center;
  text-align: center;
}
.modal-admin .contact__success .success__icon {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
.modal-admin .contact__success .success__title {
  margin-bottom: 20px;
}
.modal-admin .contact__success .success__text {
  margin-bottom: 40px;
}
.modal-admin .contact__success .success__buttons {
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: center;
}

/*
 * Modal contact
 */
.modal-contact {
  height: 100%;
}
.modal-contact > section,
.modal-contact > section > div {
  height: 100%;
}
.modal-contact .label.required::after {
  content: "*";
}
.modal-contact .contact__title {
  margin-bottom: 40px;
}
.modal-contact .contact__text {
  margin-bottom: 40px;
}
.modal-contact .contact__success {
  display: grid;
  height: 100%;
  margin: auto;
  place-content: center;
  text-align: center;
}
.modal-contact .contact__success .success__icon {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
}
.modal-contact .contact__success .success__title {
  margin-bottom: 20px;
}
.modal-contact .contact__success .success__text {
  margin-bottom: 40px;
}
.modal-contact .contact__success .success__buttons {
  display: flex;
  gap: 20px;
  flex-direction: column;
  align-items: center;
}
.modal-contact .contact__submit {
  display: flex;
  margin-top: 40px;
  align-items: center;
  justify-content: space-between;
}
.modal-contact .contact__required {
  font-weight: 300;
  font-size: 12px;
  line-height: 1.36;
  color: #21272a;
}

/*
 * Submodal
 */
.modal-submodal {
  padding-bottom: 24px;
}
.modal-submodal .modal__header {
  display: flex;
  gap: 20px;
  align-items: baseline;
}
.modal-submodal .modal__back {
  width: 24px;
  height: 24px;
  padding: 0;
  background: none;
  border: none;
  cursor: pointer;
}
.modal-submodal .modal__back > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.modal-submodal .modal__title {
  font-size: 34px;
  font-weight: bold;
}
.modal-submodal .modal__body {
  margin-top: 40px;
}
@media screen and (min-width: 1024px) {
  .modal-submodal {
    padding-bottom: 65px;
  }
  .modal-submodal .modal__header {
    align-items: center;
  }
  .modal-submodal .modal__title {
    font-size: 42px;
  }
}

/*
 * Modal profile
 */
/*
 * Modal profile
 */
.modal-profile {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.modal-profile .modal__body {
  flex: 1;
}
.modal-profile .modal__profile {
  margin-bottom: 10px;
  text-align: center;
}
.modal-profile .modal__picture {
  display: grid;
  width: 88px;
  height: 88px;
  margin: 0 auto 7px auto;
  place-content: center;
  font-family: "Noe Display";
  font-weight: bold;
  font-size: 36px;
  line-height: 1.4;
  color: #00043f;
  background: #ffffff;
  border: solid 1px #cbcef0;
  border-radius: 50%;
}
.modal-profile .modal__edit {
  font-size: 12px;
  color: #878d96;
}
.modal-profile .modal__informations {
  margin-top: 10px;
}
.modal-profile .modal__name, .modal-profile .modal__email {
  text-align: center;
}
.modal-profile .modal__name {
  margin-bottom: 8px;
  font-size: 22px;
  line-height: 1.08;
}
.modal-profile .modal__email {
  font-size: 14px;
  line-height: 1.4;
  color: #00043f;
}
.modal-profile .modal__preferences {
  margin-top: 30px;
}
.modal-profile .modal__preferences > li {
  padding: 14px;
  border-radius: 4px;
  background: #ffffff;
}
.modal-profile .modal__preferences > li:not(:last-child) {
  margin-bottom: 8px;
}
.modal-profile .modal__preferences > li > b,
.modal-profile .modal__preferences > li > button {
  font-family: "Muller";
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}
.modal-profile .modal__preferences > li > span,
.modal-profile .modal__preferences > li > b {
  display: flex;
  align-items: center;
}
.modal-profile .modal__preferences > li > b {
  margin-bottom: 11px;
  gap: 12px;
  color: #00043f;
}
.modal-profile .modal__preferences > li > span {
  gap: 10px;
}
.modal-profile .modal__preferences > li > button {
  padding: 0;
  color: #00a6a5;
  background: none;
  border: none;
  cursor: pointer;
}
.modal-profile .modal__logout {
  display: block;
  margin-top: 20px;
  padding: 0;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.4;
  border: none;
  color: #e00721;
  background: none;
  cursor: pointer;
}
.modal-profile .modal__footer {
  text-align: center;
}
.modal-profile .modal__footer__footerbis {
  margin-top: 10px;
}
.modal-profile .modal__copyright {
  font-size: 14px;
  font-weight: 300;
  color: #00043f;
}
.modal-profile .modal__contact {
  display: none;
}
.modal-profile .modal__link {
  display: none;
}
@media screen and (min-width: 1024px) {
  .modal-profile .modal__header {
    display: flex;
    gap: 32px;
    align-items: center;
    text-align: unset;
  }
  .modal-profile .modal__profile {
    margin-bottom: 0;
  }
  .modal-profile .modal__informations {
    margin-top: 0;
  }
  .modal-profile .modal__name {
    margin-bottom: 10px;
    font-size: 28px;
  }
  .modal-profile .modal__email {
    font-weight: 300;
  }
  .modal-profile .modal__preferences > li {
    display: flex;
    padding: 20px 16px;
    align-items: center;
    justify-content: space-between;
  }
  .modal-profile .modal__preferences > li > b {
    margin-bottom: 0;
    font-size: 20px;
    font-weight: 400;
  }
  .modal-profile .modal__logout {
    margin-top: 28px;
  }
  .modal-profile .modal__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .modal-profile .modal__contact {
    display: flex;
    gap: 10px;
    align-items: center;
    font-family: "Muller";
    background: none;
    border: none;
  }
  .modal-profile .modal__link {
    font-size: 14px;
    display: flex;
    gap: 10px;
    align-items: center;
    font-family: "Muller";
    background: none;
    border: none;
  }
}

/*
 * Modal settings form
 */
.modal--settings-form .modal__text {
  margin-bottom: 40px;
  font-size: 16px;
  font-weight: 300;
}

/*
 * Modal activities.
 */
/*
 * Modal activities details
 */
.modal-activities-details .modal__informations {
  margin-top: 30px;
}
.modal-activities-details .modal__informations > li {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
.modal-activities-details .modal__informations > li:not(:last-child) {
  margin-bottom: 10px;
}
.modal-activities-details .modal__details {
  margin-top: 40px;
  padding: 30px;
  border-radius: 4px;
  background: #ffffff;
}
.modal-activities-details .modal__label, .modal-activities-details .modal__user {
  font-weight: 500;
}
.modal-activities-details .modal__label {
  display: block;
  margin-bottom: 10px;
}
.modal-activities-details .modal__text {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
.modal-activities-details .modal__credit {
  display: inline-block;
  position: relative;
  padding-right: 19px;
}
.modal-activities-details .modal__credit::after {
  position: absolute;
  width: 14px;
  height: 14px;
  content: "";
  right: 0;
  top: 50%;
  background-image: url("../images/icons/credit-gray-qZ7f5SJ.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}
@media screen and (min-width: 1024px) {
  .modal-activities-details .modal__informations {
    margin-top: 40px;
  }
}

/*
 * Popin
 */
/*
 * Popin components
 */
/*
 * Popin profile
 */
/*
 * Popin profile preferences
 */
.popin--profile-preferences .popin__title, .popin--profile-preferences .popin__text {
  margin-bottom: 30px;
}
.popin--profile-preferences .popin__body {
  display: grid;
  height: 100%;
  place-content: center;
}
.popin--profile-preferences .popin__button {
  position: relative;
  padding: 14.5px 16px 14.5px 32px;
  margin: 0 auto 0 auto;
  font-size: 20px;
  line-height: 1.36;
}
.popin--profile-preferences .popin__button > span {
  padding-left: 0;
  padding-right: 40px;
}
.popin--profile-preferences .popin__button > span::before {
  left: unset;
  right: 0;
}
.popin--profile-preferences .form__body {
  max-height: min(390px, 40vh);
  overflow-y: auto;
  scrollbar-width: none;
}
.popin--profile-preferences .form__body::-webkit-scrollbar {
  display: none;
}

/*
 * Alert popin
 */
.popin .popin__box .popin--alert .popin__title {
  margin-bottom: 20px;
}
.popin .popin__box .popin--alert .popin__informations {
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
.popin .popin__box .popin--alert .popin__informations > strong {
  font-weight: 500;
}
.popin .popin__box .popin--alert .popin__accounts {
  padding: 20px;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 300;
  text-align: center;
  background: #f3f4f8;
}
.popin .popin__box .popin--alert .popin__accounts > strong {
  display: block;
  font-family: "Noe Display";
  font-size: 42px;
  font-weight: bold;
  line-height: 1.1;
}
.popin .popin__box .popin--alert .popin__buttons {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
}

/*
 * Popin alert choice
 */
.popin .popin__box .popin--alert-choice {
  max-width: 400px;
}
.popin .popin__box .popin--alert-choice .popin__media {
  position: relative;
  width: 113px;
  height: 70px;
  margin: 0 auto 20px auto;
}
.popin .popin__box .popin--alert-choice .popin__icon {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.popin .popin__box .popin--alert-choice .popin__title {
  margin-bottom: 20px;
  font-size: 42px;
  line-height: 1.1;
}
.popin .popin__box .popin--alert-choice .popin__text {
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
}
.popin .popin__box .popin--alert-choice .popin__text strong {
  font-weight: 500;
}
.popin .popin__box .popin--alert-choice .popin__max-accounts {
  margin-bottom: 0;
}
.popin .popin__box .popin--alert-choice .popin__accounts {
  margin-top: 20px;
}
.popin .popin__box .popin--alert-choice .popin__accounts .accounts__item:not(:last-child) {
  margin-bottom: 20px;
}
.popin .popin__box .popin--alert-choice .popin__accounts .accounts__item .checkbox-slide {
  flex-direction: row-reverse;
  justify-content: space-between;
}
.popin .popin__box .popin--alert-choice .popin__accounts .accounts__item .checkbox-slide .checkbox__label {
  max-width: 80%;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #21272a;
}
.popin .popin__box .popin--alert-choice .popin__accounts .accounts__item .checkbox-slide .checkbox__label span {
  font-weight: 300;
}
.popin .popin__box .popin--alert-choice .popin__footer {
  margin-top: 35px;
  text-align: right;
}

/*
 * Popin logout
 */
.popin--logout .popin__media {
  position: relative;
  width: 80px;
  height: 80px;
  margin: 0 auto 40px auto;
}
.popin--logout .popin__icon {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.popin--logout .popin__title, .popin--logout .popin__text {
  max-width: 435px;
  text-align: center;
}
.popin--logout .popin__title {
  margin-bottom: 20px;
}

/*
 * Popin clients
 */
/*
 * Credits popin
 */
.popin .popin__box .popin--clients-credits .popin__title {
  margin-bottom: 30px;
}
.popin .popin__box .popin--clients-credits .popin__enterprise, .popin .popin__box .popin--clients-credits .popin__current-credits {
  display: block;
  font-size: 16px;
  text-align: center;
}
.popin .popin__box .popin--clients-credits .popin__enterprise {
  margin-bottom: 12px;
}
.popin .popin__box .popin--clients-credits .popin__current-credits {
  font-weight: 300;
}
.popin .popin__box .popin--clients-credits .popin__current-credits > b {
  font-weight: 500;
}
.popin .popin__box .popin--clients-credits .popin__credits {
  padding: 20px;
  margin-top: 30px;
  background: #f3f4f8;
}
.popin .popin__box .popin--clients-credits .popin__credits .credits__label {
  display: block;
  margin-bottom: 10px;
  font-weight: 300;
  text-align: center;
}
.popin .popin__box .popin--clients-credits .popin__credits .credits__input {
  width: 100%;
  font-family: "Noe Display";
  font-size: 42px;
  font-weight: 700;
  line-height: 1.1;
  text-align: center;
  border: none;
  border-bottom: solid 1px #00a6a5;
  background: transparent;
  color: #00a6a5;
  -moz-appearance: textfield;
}
.popin .popin__box .popin--clients-credits .popin__credits .credits__input::-webkit-outer-spin-button, .popin .popin__box .popin--clients-credits .popin__credits .credits__input::-webkit-inner-spin-button {
  margin: 0;
  -webkit-appearance: none;
}
.popin .popin__box .popin--clients-credits .popin__credits .credits__input::placeholder, .popin .popin__box .popin--clients-credits .popin__credits .credits__input::-moz-placeholder, .popin .popin__box .popin--clients-credits .popin__credits .credits__input::-webkit-input-placeholder {
  color: #c1c7cd;
}
.popin .popin__box .popin--clients-credits .popin__details {
  margin-top: 30px;
}
.popin .popin__box .popin--clients-credits .popin__details-wrapper {
  display: grid;
  grid-template-rows: 0fr;
  transition: cubic-bezier(0.25, 0.1, 0.25, 1) 0.3s;
}
.popin .popin__box .popin--clients-credits .popin__details-wrapper.show {
  grid-template-rows: 1fr;
}
.popin .popin__box .popin--clients-credits .popin__details-inner {
  overflow: hidden;
}
.popin .popin__box .popin--clients-credits .popin__new-credits {
  margin-bottom: 30px;
  font-weight: 300;
  text-align: center;
}
.popin .popin__box .popin--clients-credits .popin__new-credits > b {
  font-weight: 500;
  color: #00a6a5;
}
.popin .popin__box .popin--clients-credits .popin__reason .reason__label {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: 300;
  color: #21272a;
}
.popin .popin__box .popin--clients-credits .popin__reason .reason__input {
  background: #f3f4f8;
}
.popin .popin__box .popin--clients-credits .popin__buttons {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
}
.popin .popin__box .popin--clients-credits .popin__confirm[disabled] {
  background: #c1c7cd;
  border-color: #c1c7cd;
  color: #00043f;
  box-shadow: none;
  transition: cubic-bezier(0.25, 0.1, 0.25, 1) 0.3s;
  cursor: not-allowed;
}

/*
 * New referent popin
 */
.popin .popin__box .popin--new-referent {
  border-radius: 0px;
  background: #f3f4f8;
}
.popin .popin__box .popin--new-referent .popin__title {
  margin-bottom: 20px;
}
.popin .popin__box .popin--new-referent .popin__text {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  color: #fa054b;
}
.popin .popin__box .popin--new-referent .popin__footer {
  margin-top: 40px;
}
.popin .popin__box .popin--new-referent .popin__buttons {
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: flex-end;
}
.popin .popin__box .popin--new-referent .popin__validate {
  padding: 17px 28px;
}
.popin .popin__box .popin--new-referent .popin__cancel {
  padding: 17px 48px;
  border: solid 1px #00043f;
}

/*
 * Pages
 */
/*
 * Global pages.
 */
/*
 * Home page.
 */
.app-home {
  background: url("../images/home/pattern-t5W-j4l.svg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center top;
}
.app-home .home__wrapper {
  padding-top: 70px;
  padding-bottom: 70px;
}
.app-home .home__title, .app-home .home__text {
  text-align: center;
}
.app-home .home__title {
  margin-bottom: 20px;
  font-size: 32px;
}
.app-home .home__buttons {
  display: flex;
  max-width: 160px;
  margin-top: 60px;
  margin-left: auto;
  margin-right: auto;
  gap: 20px;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
}
.app-home .home__login {
  border-color: #00043f;
}
@media screen and (min-width: 1024px) {
  .app-home {
    background: none;
  }
  .app-home .home__wrapper {
    padding-top: 110px;
    padding-bottom: 110px;
  }
  .app-home .home__title {
    margin-bottom: 30px;
    font-size: 62px;
  }
  .app-home .home__buttons {
    max-width: 350px;
    margin-top: 100px;
    gap: 60px;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
}

/*
 * Administration pages
 */
.page-admin .page__main,
.page-superadmin .page__main {
  max-height: calc(100vh - 73.9px);
  min-height: calc(100vh - 73.9px);
  padding-bottom: 100px;
  overflow-y: auto;
}
.page-admin .page__user,
.page-superadmin .page__user {
  display: flex;
  gap: 16px;
  align-items: center;
}
.page-admin .page__user .user__profile,
.page-superadmin .page__user .user__profile {
  display: grid;
  width: 39px;
  height: 39px;
  place-content: center;
  font-size: 16px;
  font-weight: bold;
  font-family: "Noe Display";
  border-radius: 50%;
  border: solid 1px #cbcef0;
}
.page-admin .page__user .user__profile:empty,
.page-superadmin .page__user .user__profile:empty {
  background-image: url("../images/icons/user-_kGQp-6.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 26px;
}
.page-admin .page__user .user__name, .page-admin .page__user .user__email, .page-admin .page__user .user__enterprise,
.page-superadmin .page__user .user__name,
.page-superadmin .page__user .user__email,
.page-superadmin .page__user .user__enterprise {
  display: block;
}
.page-admin .page__user .user__name,
.page-superadmin .page__user .user__name {
  font-weight: 500;
}
.page-admin .page__user .user__email, .page-admin .page__user .user__enterprise,
.page-superadmin .page__user .user__email,
.page-superadmin .page__user .user__enterprise {
  color: #697077;
}
.page-admin .page__user.small .user__name, .page-admin .page__user.small .user__email, .page-admin .page__user.small .user__enterprise,
.page-superadmin .page__user.small .user__name,
.page-superadmin .page__user.small .user__email,
.page-superadmin .page__user.small .user__enterprise {
  font-size: 14px;
}
.page-admin .page__credit,
.page-superadmin .page__credit {
  display: inline-block;
  position: relative;
  padding-right: 19px;
}
.page-admin .page__credit::after,
.page-superadmin .page__credit::after {
  position: absolute;
  width: 14px;
  height: 14px;
  content: "";
  right: 0;
  top: 50%;
  background-image: url("../images/icons/credit-gray-qZ7f5SJ.svg");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  transform: translateY(-50%);
}
.page-admin .page__disabled > b,
.page-admin .page__disabled > small,
.page-superadmin .page__disabled > b,
.page-superadmin .page__disabled > small {
  display: block;
}
.page-admin .page__disabled > b,
.page-superadmin .page__disabled > b {
  font-weight: 500;
}
.page-admin .page__disabled > small,
.page-superadmin .page__disabled > small {
  font-size: 14px;
}
.page-admin .page__disabled > a,
.page-superadmin .page__disabled > a {
  display: block;
  margin-top: 10px;
  color: #00a6a5;
  text-decoration: underline;
}
@media screen and (min-width: 1024px) {
  .page-admin .page__disabled > a,
  .page-superadmin .page__disabled > a {
    display: inline-block;
    margin-top: 0;
    margin-left: 30px;
  }
}

/*
 * Security page.
 */
.app-security {
  display: flex;
  min-height: 100vh;
  height: auto;
  overflow: auto;
  flex-direction: column;
  align-items: stretch;
}
.app-security .security__top {
  padding: 40.5px;
  text-align: center;
  background-color: #00043f;
  background-image: url("../images/security/pattern-jCMDkap.svg");
  background-size: contain;
}
.app-security .security__bottom {
  display: flex;
  flex: 1;
  padding: 40px 24px 35px 24px;
  flex-direction: column;
  justify-content: space-between;
  background: #f3f4f8;
}
.app-security .security__logo-wrapper {
  display: inline-block;
  padding: 12.15px 12.15px 6px 12.15px;
  background: #00043f;
}
.app-security .security__header {
  display: none;
}
.app-security .security__title {
  margin-bottom: 20px;
  font-size: 28px;
}
.app-security .security__text {
  margin-bottom: 40px;
}
.app-security .security__forgot {
  font-size: 14px;
  font-weight: 500;
}
.app-security .security__submit {
  width: 100%;
}
.app-security .security__footer {
  text-align: center;
}
.app-security .security__login, .app-security .security__register {
  background: none;
  border-color: transparent;
  color: #fa054b;
}
@media screen and (min-width: 1024px) {
  .app-security {
    display: flex;
    align-items: stretch;
    flex-direction: row-reverse;
  }
  .app-security .security__top, .app-security .security__bottom {
    flex: 1;
  }
  .app-security .security__top {
    position: relative;
    max-width: 40%;
    padding: 30px;
  }
  .app-security .security__top p {
    display: inline-block !important;
    position: absolute;
    bottom: 30px;
    right: 30px;
    padding: 10px;
    font-weight: 400;
    font-size: 16px;
    background: #00043f;
    color: #ffffff;
  }
  .app-security .security__bottom {
    padding: 50px;
    justify-content: unset;
  }
  .app-security .security__header {
    display: block;
  }
  .app-security .security__logo-wrapper {
    padding: none;
    background: none;
  }
  .app-security .security__body, .app-security .security__footer {
    max-width: 580px;
    margin: 0 auto;
    width: 100%;
  }
  .app-security .security__body {
    margin: auto;
  }
  .app-security .security__footer {
    display: flex;
    margin-top: auto;
    gap: 20px;
    align-items: center;
  }
  .app-security .security__title {
    margin-bottom: 40px;
    font-size: 42px;
  }
  .app-security .security__submit {
    display: block;
    margin-left: auto;
    margin-top: 20px;
    width: auto;
  }
}

/*
 * Superadmin pages
 */
/*
 * Superadmin packs page.
 */
.page-superadmin-packs .page__header {
  margin-bottom: 50px;
}
.page-superadmin-packs .page__title {
  margin-bottom: 30px;
}
.page-superadmin-packs .page__button, .page-superadmin-packs .page__select {
  width: 100%;
}
.page-superadmin-packs .page__button {
  margin-bottom: 20px;
}
.page-superadmin-packs .page__list > li {
  transition: opacity ease-in-out 0.2s;
}
.page-superadmin-packs .page__list > li:not(:last-child) {
  margin-bottom: 20px;
}
.page-superadmin-packs .page__list > li.dragging-ghost {
  opacity: 0.5;
}
.page-superadmin-packs .page__list > li.dragging .card__drag {
  background-image: url("../images/icons/drag-white-rbVu84N.svg");
  background-color: #fa054b;
}
.page-superadmin-packs .page__list > li.dragging .card__content {
  border: solid 1px #fa054b;
}
@media screen and (min-width: 1024px) {
  .page-superadmin-packs .page__header {
    display: flex;
    gap: 50px;
    margin-bottom: 30px;
    align-items: center;
    justify-content: space-between;
  }
  .page-superadmin-packs .page__title {
    margin-bottom: 0;
  }
  .page-superadmin-packs .page__actions {
    display: flex;
    gap: 10px;
    align-items: stretch;
    flex-direction: row-reverse;
  }
  .page-superadmin-packs .page__button, .page-superadmin-packs .page__select {
    width: auto;
  }
  .page-superadmin-packs .page__button {
    margin-bottom: 0;
  }
}

/*
 * Superadmin dashboard page
 */
.app-dashboard-superadmin .dashboard__blocks {
  display: flex;
  gap: 16px;
  margin: 30px 0;
  flex-direction: column;
}
.app-dashboard-superadmin .dashboard__users .users__title {
  margin-bottom: 30px;
  font-size: 34px;
  font-weight: bold;
  line-height: 1.1;
}
.app-dashboard-superadmin .dashboard__table .table__credit {
  display: flex;
  gap: 20px;
  padding-top: 10px;
  margin-bottom: 0 !important;
  margin-top: 20px;
  align-items: center;
  justify-content: space-between;
  border-top: solid 1px #dde1e6;
  order: 3;
}
.app-dashboard-superadmin .dashboard__table .table__active {
  order: 2;
}
@media screen and (min-width: 1024px) {
  .app-dashboard-superadmin .dashboard__blocks {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(4, 1fr);
  }
  .app-dashboard-superadmin .dashboard__users .users__title {
    margin-bottom: 20px;
    font-family: "Muller";
  }
  .app-dashboard-superadmin .dashboard__table .table__credit {
    display: table-cell;
    gap: unset;
    padding-top: unset;
    margin-bottom: unset;
    margin-top: unset;
    align-items: unset;
    justify-content: unset;
    border-top: unset;
    order: unset;
  }
  .app-dashboard-superadmin .dashboard__table .table__active {
    order: unset;
    text-align: right;
  }
}

/*
 * Activities superadmin page
 */
.page-superadmin-activities .page__header, .page-superadmin-activities .page__filters {
  display: flex;
  align-items: stretch;
  flex-direction: column;
}
.page-superadmin-activities .page__header {
  gap: 30px;
}
.page-superadmin-activities .page__filters {
  gap: 20px;
}
.page-superadmin-activities .page__filters .filter__years .select__button, .page-superadmin-activities .page__filters .filter__types .select__button, .page-superadmin-activities .page__filters .filter__clients .select__button, .page-superadmin-activities .page__filters .filter__users .select__button {
  width: 100%;
}
.page-superadmin-activities .page__filters .filter__years .select__dropdown-wrapper, .page-superadmin-activities .page__filters .filter__types .select__dropdown-wrapper, .page-superadmin-activities .page__filters .filter__clients .select__dropdown-wrapper, .page-superadmin-activities .page__filters .filter__users .select__dropdown-wrapper {
  width: 100%;
}
.page-superadmin-activities .page__table {
  margin-top: 30px;
}
.page-superadmin-activities .page__table tr {
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}
.page-superadmin-activities .page__table .table__name, .page-superadmin-activities .page__table .table__date, .page-superadmin-activities .page__table .table__number, .page-superadmin-activities .page__table .table__button {
  width: 100%;
}
.page-superadmin-activities .page__table .table__user, .page-superadmin-activities .page__table .table__credits {
  margin-bottom: 0;
}
.page-superadmin-activities .page__table .table__date, .page-superadmin-activities .page__table .table__number {
  font-size: 14px;
}
.page-superadmin-activities .page__table .table__name {
  margin-bottom: 10px;
  order: 1;
}
.page-superadmin-activities .page__table .table__date {
  margin-bottom: 4px;
  order: 2;
}
.page-superadmin-activities .page__table .table__number {
  margin-bottom: 20px;
  order: 3;
}
.page-superadmin-activities .page__table .table__user {
  flex: 1;
  order: 4;
}
.page-superadmin-activities .page__table .table__credits {
  display: flex;
  gap: 6px;
  order: 5;
  align-items: center;
  font-weight: 500;
}
.page-superadmin-activities .page__table .table__button {
  margin-top: 20px;
  text-align: center;
  order: 6;
}
.page-superadmin-activities .page__pagination {
  margin-top: 30px;
}
@media screen and (min-width: 1024px) {
  .page-superadmin-activities .page__header, .page-superadmin-activities .page__filters {
    align-items: center;
    flex-direction: row;
  }
  .page-superadmin-activities .page__header {
    gap: 50px;
    justify-content: space-between;
  }
  .page-superadmin-activities .page__filters {
    flex: 1;
    gap: 10px;
    justify-content: flex-end;
  }
  .page-superadmin-activities .page__filters .filter__years .select__button, .page-superadmin-activities .page__filters .filter__types .select__button, .page-superadmin-activities .page__filters .filter__clients .select__button, .page-superadmin-activities .page__filters .filter__users .select__button {
    width: auto;
  }
  .page-superadmin-activities .page__filters .filter__years .select__dropdown-wrapper, .page-superadmin-activities .page__filters .filter__types .select__dropdown-wrapper, .page-superadmin-activities .page__filters .filter__clients .select__dropdown-wrapper, .page-superadmin-activities .page__filters .filter__users .select__dropdown-wrapper {
    width: 250px;
  }
  .page-superadmin-activities .page__filters .filter__search {
    max-width: 350px;
    flex: 1;
  }
  .page-superadmin-activities .page__table {
    margin-top: 40px;
  }
  .page-superadmin-activities .page__table .table__name, .page-superadmin-activities .page__table .table__date, .page-superadmin-activities .page__table .table__number, .page-superadmin-activities .page__table .table__button {
    width: auto;
  }
  .page-superadmin-activities .page__table .table__date, .page-superadmin-activities .page__table .table__number {
    font-size: 16px;
  }
  .page-superadmin-activities .page__table .table__name, .page-superadmin-activities .page__table .table__date, .page-superadmin-activities .page__table .table__number, .page-superadmin-activities .page__table .table__button, .page-superadmin-activities .page__table .table__user, .page-superadmin-activities .page__table .table__credits {
    margin-bottom: 0;
    order: unset;
  }
  .page-superadmin-activities .page__table .table__name {
    width: 35%;
  }
  .page-superadmin-activities .page__table .table__user {
    flex: unset;
  }
  .page-superadmin-activities .page__table .table__credits {
    display: table-cell;
    gap: unset;
    width: 12.5%;
    align-items: unset;
  }
  .page-superadmin-activities .page__table .table__button {
    text-align: right;
  }
  .page-superadmin-activities .page__pagination {
    margin-top: 40px;
  }
}

/*
 * Invoices superadmin page
 */
.page-superadmin-invoices .page__header, .page-superadmin-invoices .page__filters {
  display: flex;
  align-items: stretch;
  flex-direction: column;
}
.page-superadmin-invoices .page__header {
  gap: 30px;
}
.page-superadmin-invoices .page__filters {
  gap: 20px;
}
.page-superadmin-invoices .page__filters .filter__years .select__button, .page-superadmin-invoices .page__filters .filter__clients .select__button, .page-superadmin-invoices .page__filters .filter__users .select__button {
  width: 100%;
}
.page-superadmin-invoices .page__filters .filter__years .select__dropdown-wrapper, .page-superadmin-invoices .page__filters .filter__clients .select__dropdown-wrapper, .page-superadmin-invoices .page__filters .filter__users .select__dropdown-wrapper {
  width: 100%;
}
.page-superadmin-invoices .page__table {
  margin-top: 30px;
}
.page-superadmin-invoices .page__table tr {
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}
.page-superadmin-invoices .page__table .table__name, .page-superadmin-invoices .page__table .table__date, .page-superadmin-invoices .page__table .table__reference, .page-superadmin-invoices .page__table .table__download {
  width: 100%;
}
.page-superadmin-invoices .page__table .table__date, .page-superadmin-invoices .page__table .table__reference, .page-superadmin-invoices .page__table .table__user, .page-superadmin-invoices .page__table .table__payment {
  font-size: 14px;
  font-weight: 300;
}
.page-superadmin-invoices .page__table .table__name {
  margin-bottom: 10px;
  order: 1;
}
.page-superadmin-invoices .page__table .table__date {
  margin-bottom: 4px;
  order: 2;
}
.page-superadmin-invoices .page__table .table__reference {
  margin-bottom: 20px;
  order: 3;
}
.page-superadmin-invoices .page__table .table__user, .page-superadmin-invoices .page__table .table__amount {
  width: 50%;
}
.page-superadmin-invoices .page__table .table__user {
  margin-bottom: 0;
  order: 4;
}
.page-superadmin-invoices .page__table .table__amount {
  margin-bottom: 0;
  order: 5;
  text-align: right;
  color: #00a6a5;
}
.page-superadmin-invoices .page__table .table__payment {
  color: #878d96;
}
.page-superadmin-invoices .page__table .table__download {
  margin-top: 20px;
  order: 6;
}
.page-superadmin-invoices .page__table .table__buttons {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-superadmin-invoices .page__table .table__buttons > li:first-child {
  position: relative;
  padding-right: 10.5px;
}
.page-superadmin-invoices .page__table .table__buttons > li:first-child::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 20px;
  content: "";
  background: #c1c7cd;
  transform: translateY(-50%);
}
.page-superadmin-invoices .page__table .table__buttons > li:last-child {
  padding-left: 10.5px;
}
.page-superadmin-invoices .page__pagination {
  margin-top: 30px;
}
@media screen and (min-width: 1024px) {
  .page-superadmin-invoices .page__header, .page-superadmin-invoices .page__filters {
    align-items: center;
    flex-direction: row;
  }
  .page-superadmin-invoices .page__header {
    gap: 50px;
    justify-content: space-between;
  }
  .page-superadmin-invoices .page__filters {
    flex: 1;
    gap: 10px;
    justify-content: flex-end;
  }
  .page-superadmin-invoices .page__filters .filter__years .select__button, .page-superadmin-invoices .page__filters .filter__clients .select__button, .page-superadmin-invoices .page__filters .filter__users .select__button {
    width: auto;
  }
  .page-superadmin-invoices .page__filters .filter__years .select__dropdown-wrapper, .page-superadmin-invoices .page__filters .filter__clients .select__dropdown-wrapper, .page-superadmin-invoices .page__filters .filter__users .select__dropdown-wrapper {
    width: 250px;
  }
  .page-superadmin-invoices .page__filters .filter__search {
    max-width: 350px;
    flex: 1;
  }
  .page-superadmin-invoices .page__table {
    margin-top: 40px;
  }
  .page-superadmin-invoices .page__table .table__reference, .page-superadmin-invoices .page__table .table__date, .page-superadmin-invoices .page__table .table__name, .page-superadmin-invoices .page__table .table__user, .page-superadmin-invoices .page__table .table__amount, .page-superadmin-invoices .page__table .table__payment, .page-superadmin-invoices .page__table .table__download {
    margin-bottom: unset;
    width: auto;
    order: unset;
  }
  .page-superadmin-invoices .page__table .table__date, .page-superadmin-invoices .page__table .table__reference, .page-superadmin-invoices .page__table .table__user, .page-superadmin-invoices .page__table .table__payment {
    font-size: 16px;
  }
  .page-superadmin-invoices .page__table .table__amount {
    text-align: left;
    font-weight: 400;
  }
  .page-superadmin-invoices .page__table .table__download {
    text-align: right;
  }
  .page-superadmin-invoices .page__download {
    display: grid;
    padding: 0;
    height: 100%;
    margin-left: auto;
    place-content: center;
    line-height: 0;
    border: none;
    background: none;
    cursor: pointer;
  }
  .page-superadmin-invoices .page__pagination {
    margin-top: 40px;
  }
}

/*
 * Clients superadmin page
 */
.page-superadmin-clients .page__header, .page-superadmin-clients .page__filters {
  display: flex;
  align-items: stretch;
  flex-direction: column;
}
.page-superadmin-clients .page__header {
  gap: 30px;
}
.page-superadmin-clients .page__filters {
  gap: 20px;
}
.page-superadmin-clients .page__table {
  margin-top: 30px;
}
.page-superadmin-clients .page__table.table--users .table__user {
  margin-bottom: 20px;
  order: 1;
}
.page-superadmin-clients .page__table.table--users .table__enterprise {
  margin-bottom: 5px;
  order: 2;
}
.page-superadmin-clients .page__table.table--users .table__date {
  margin-bottom: 20px;
  order: 3;
}
.page-superadmin-clients .page__table.table--users .table__role {
  display: flex;
  padding-top: 11px;
  order: 4;
  align-items: center;
  justify-content: space-between;
  border-top: solid 1px #dde1e6;
}
.page-superadmin-clients .page__table.table--enterprises tr {
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}
.page-superadmin-clients .page__table.table--enterprises .table__pack, .page-superadmin-clients .page__table.table--enterprises .table__date {
  width: 100%;
}
.page-superadmin-clients .page__table.table--enterprises .table__name {
  width: calc(100% - 24px);
  margin-bottom: 0;
  order: 1;
  font-weight: 500;
}
.page-superadmin-clients .page__table.table--enterprises .table__date, .page-superadmin-clients .page__table.table--enterprises .table__pack, .page-superadmin-clients .page__table.table--enterprises .table__codes {
  font-size: 14px;
}
.page-superadmin-clients .page__table.table--enterprises .table__menu {
  width: 24px;
  max-width: 24px;
  min-width: 24px;
  margin-bottom: 0;
  order: 2;
}
.page-superadmin-clients .page__table.table--enterprises .table__date {
  margin-top: 20px;
  margin-bottom: 5px;
  order: 3;
}
.page-superadmin-clients .page__table.table--enterprises .table__pack {
  margin-bottom: 20px;
  order: 4;
}
.page-superadmin-clients .page__table.table--enterprises .table__codes, .page-superadmin-clients .page__table.table--enterprises .table__credits {
  width: 50%;
}
.page-superadmin-clients .page__table.table--enterprises .table__codes {
  margin-bottom: 0;
  order: 5;
}
.page-superadmin-clients .page__table.table--enterprises .table__credits {
  margin-bottom: 0;
  order: 6;
  font-weight: 500;
  text-align: right;
}
.page-superadmin-clients .page__categories {
  display: flex;
  gap: 24px;
  align-items: stretch;
  justify-content: center;
}
.page-superadmin-clients .page__categories > li > span,
.page-superadmin-clients .page__categories > li > a {
  display: block;
  padding: 11px 0;
  font-size: 16px;
  color: #000000;
}
.page-superadmin-clients .page__categories > li > span.active,
.page-superadmin-clients .page__categories > li > a.active {
  font-weight: 500;
  border-bottom: solid 4px #00d4d5;
}
@media screen and (min-width: 1024px) {
  .page-superadmin-clients .page__header, .page-superadmin-clients .page__filters {
    align-items: center;
    flex-direction: row;
  }
  .page-superadmin-clients .page__categories {
    margin-right: 40px;
  }
  .page-superadmin-clients .page__header {
    gap: 50px;
    justify-content: space-between;
  }
  .page-superadmin-clients .page__filters {
    flex: 1;
    gap: 10px;
    justify-content: flex-end;
  }
  .page-superadmin-clients .page__filters .filter__search {
    max-width: 400px;
    flex: 1;
  }
  .page-superadmin-clients .page__table.table--users .table__user, .page-superadmin-clients .page__table.table--users .table__enterprise, .page-superadmin-clients .page__table.table--users .table__date, .page-superadmin-clients .page__table.table--users .table__role {
    margin-bottom: unset;
    order: unset;
  }
  .page-superadmin-clients .page__table.table--users .table__role {
    display: table-cell;
    padding-top: 12px;
    align-items: unset;
    justify-content: unset;
    text-align: right;
    border-top: unset;
  }
  .page-superadmin-clients .page__table.table--enterprises tr > td {
    padding-top: 21px;
    padding-bottom: 21px;
  }
  .page-superadmin-clients .page__table.table--enterprises .table__name, .page-superadmin-clients .page__table.table--enterprises .table__date, .page-superadmin-clients .page__table.table--enterprises .table__pack, .page-superadmin-clients .page__table.table--enterprises .table__codes, .page-superadmin-clients .page__table.table--enterprises .table__credits, .page-superadmin-clients .page__table.table--enterprises .table__menu {
    width: auto;
    margin-top: unset;
    margin-bottom: unset;
    order: unset;
  }
  .page-superadmin-clients .page__table.table--enterprises .table__name {
    /*width: 25.69%;*/
  }
  .page-superadmin-clients .page__table.table--enterprises .table__date, .page-superadmin-clients .page__table.table--enterprises .table__pack, .page-superadmin-clients .page__table.table--enterprises .table__codes {
    font-size: 16px;
  }
  .page-superadmin-clients .page__table.table--enterprises .table__credits {
    text-align: left;
  }
  .page-superadmin-clients .page__table.table--enterprises .table__menu {
    text-align: right;
  }
}

/*
 * Admin pages
 */
/*
 * Team
 */
.page-admin-team .page__header {
  margin-bottom: 30px;
}
.page-admin-team .page__header .header__title {
  margin-bottom: 30px;
}
.page-admin-team .page__header .header__button {
  width: 100%;
}
.page-admin-team .page__user {
  display: flex;
  gap: 16px;
  align-items: center;
}
.page-admin-team .page__user .user__profile {
  display: grid;
  width: 39px;
  height: 39px;
  place-content: center;
  font-size: 16px;
  font-weight: bold;
  font-family: "Noe Display";
  border-radius: 50%;
  border: solid 1px #cbcef0;
}
.page-admin-team .page__user .user__profile:empty {
  background-image: url("../images/icons/user-_kGQp-6.svg");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 26px;
}
.page-admin-team .page__user .user__name, .page-admin-team .page__user .user__email {
  display: block;
}
.page-admin-team .page__user .user__name {
  font-weight: 500;
}
.page-admin-team .page__user .user__email {
  color: #697077;
}
.page-admin-team .page__role {
  display: flex;
  padding-top: 10px;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  border-top: solid 1px #dde1e6;
}
.page-admin-team .page__disabled > b,
.page-admin-team .page__disabled > small {
  display: block;
}
.page-admin-team .page__disabled > b {
  font-weight: 500;
}
.page-admin-team .page__disabled > small {
  font-size: 14px;
}
.page-admin-team .page__disabled > a {
  display: block;
  margin-top: 10px;
  color: #00a6a5;
  text-decoration: underline;
}
@media screen and (min-width: 1024px) {
  .page-admin-team .page__header {
    display: flex;
    gap: 30px;
    align-items: center;
    justify-content: space-between;
  }
  .page-admin-team .page__header .header__title {
    margin-bottom: 0;
  }
  .page-admin-team .page__header .header__button {
    width: auto;
  }
  .page-admin-team .page__user {
    gap: 8px;
  }
  .page-admin-team .page__user .user__name, .page-admin-team .page__user .user__email {
    font-size: 14px;
  }
  .page-admin-team .page__role {
    display: block;
    padding-top: 0;
    gap: unset;
    align-items: unset;
    justify-content: unset;
    border-top: none;
  }
  .page-admin-team .page__disabled > a {
    display: inline-block;
    margin-top: 0;
    margin-left: 30px;
  }
  .page-admin-team .page__table thead > tr > th:last-child,
  .page-admin-team .page__table tbody > tr > td:last-child {
    text-align: right;
  }
}

/*
 * Dashboard admin page
 */
.page-admin-dashboard .page__blocks {
  display: flex;
  gap: 16px;
  margin: 30px 0;
  flex-direction: column;
}
.page-admin-dashboard .page__users .users__title {
  margin-bottom: 30px;
  font-size: 34px;
  font-weight: bold;
  line-height: 1.1;
}
.page-admin-dashboard .page__table .table__credit {
  display: flex;
  gap: 20px;
  padding-top: 10px;
  margin-bottom: 0 !important;
  margin-top: 20px;
  align-items: center;
  justify-content: space-between;
  border-top: solid 1px #dde1e6;
  order: 3;
}
.page-admin-dashboard .page__table .table__active {
  order: 2;
}
@media screen and (min-width: 1024px) {
  .page-admin-dashboard .page__blocks {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(3, 1fr);
  }
  .page-admin-dashboard .page__table .table__credit {
    display: table-cell;
    gap: unset;
    padding-top: unset;
    margin-bottom: unset;
    margin-top: unset;
    align-items: unset;
    justify-content: unset;
    border-top: unset;
    order: unset;
  }
  .page-admin-dashboard .page__table .table__active {
    order: unset;
    text-align: right;
  }
  .page-admin-dashboard .page__users .users__title {
    margin-bottom: 20px;
    font-family: "Muller";
  }
}
@media screen and (min-width: 1280px) {
  .page-admin-dashboard .page__blocks {
    grid-template-columns: repeat(4, 1fr);
  }
}

/*
 * Invoices admin page
 */
.page-admin-invoices .page__header, .page-admin-invoices .page__filters {
  display: flex;
  align-items: stretch;
  flex-direction: column;
}
.page-admin-invoices .page__header {
  gap: 30px;
}
.page-admin-invoices .page__filters {
  gap: 20px;
}
.page-admin-invoices .page__filters .filter__years .select__button, .page-admin-invoices .page__filters .filter__clients .select__button, .page-admin-invoices .page__filters .filter__users .select__button {
  width: 100%;
}
.page-admin-invoices .page__filters .filter__years .select__dropdown-wrapper, .page-admin-invoices .page__filters .filter__clients .select__dropdown-wrapper, .page-admin-invoices .page__filters .filter__users .select__dropdown-wrapper {
  width: 100%;
}
.page-admin-invoices .page__table {
  margin-top: 30px;
}
.page-admin-invoices .page__table tr {
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
}
.page-admin-invoices .page__table .table__name, .page-admin-invoices .page__table .table__date, .page-admin-invoices .page__table .table__reference, .page-admin-invoices .page__table .table__download {
  width: 100%;
}
.page-admin-invoices .page__table .table__date, .page-admin-invoices .page__table .table__reference, .page-admin-invoices .page__table .table__anniversary-date, .page-admin-invoices .page__table .table__payment {
  font-size: 14px;
  font-weight: 300;
}
.page-admin-invoices .page__table .table__name {
  margin-bottom: 10px;
  order: 1;
}
.page-admin-invoices .page__table .table__date {
  margin-bottom: 4px;
  order: 2;
}
.page-admin-invoices .page__table .table__reference {
  margin-bottom: 20px;
  order: 3;
}
.page-admin-invoices .page__table .table__anniversary-date, .page-admin-invoices .page__table .table__amount {
  width: 50%;
}
.page-admin-invoices .page__table .table__anniversary-date {
  margin-bottom: 0;
  order: 4;
}
.page-admin-invoices .page__table .table__amount {
  margin-bottom: 0;
  order: 5;
  text-align: right;
  color: #00a6a5;
}
.page-admin-invoices .page__table .table__payment {
  color: #878d96;
}
.page-admin-invoices .page__table .table__download {
  margin-top: 20px;
  order: 6;
}
.page-admin-invoices .page__table .table__buttons {
  display: flex;
  justify-content: center;
  align-items: center;
}
.page-admin-invoices .page__table .table__buttons > li:first-child {
  position: relative;
  padding-right: 10.5px;
}
.page-admin-invoices .page__table .table__buttons > li:first-child::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 1px;
  height: 20px;
  content: "";
  background: #c1c7cd;
  transform: translateY(-50%);
}
.page-admin-invoices .page__table .table__buttons > li:last-child {
  padding-left: 10.5px;
}
.page-admin-invoices .page__pagination {
  margin-top: 30px;
}
.page-admin-invoices .page__forfait {
  margin-top: 40px;
  border-radius: 4px;
  border: solid 1px #00d4d5;
  background: #ffffff;
}
.page-admin-invoices .page__forfait .forfait__wrapper {
  padding: 30px;
}
.page-admin-invoices .page__forfait .forfait__title {
  margin-bottom: 14px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.36;
}
.page-admin-invoices .page__forfait .forfait__credits {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}
.page-admin-invoices .page__forfait .forfait__credits > b {
  position: relative;
  padding-right: 22px;
}
.page-admin-invoices .page__forfait .forfait__credits > b::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 14px;
  height: 14px;
  content: "";
  background-image: url("../images/icons/credit-black-bold-EP1Ei-S.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  transform: translateY(-50%);
}
.page-admin-invoices .page__forfait .forfait__description {
  margin-top: 14px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  color: #001d6c;
}
@media screen and (min-width: 1024px) {
  .page-admin-invoices .page__header, .page-admin-invoices .page__filters {
    align-items: center;
    flex-direction: row;
  }
  .page-admin-invoices .page__header {
    gap: 50px;
    justify-content: space-between;
  }
  .page-admin-invoices .page__filters {
    flex: 1;
    gap: 10px;
    justify-content: flex-end;
  }
  .page-admin-invoices .page__filters .filter__years .select__button, .page-admin-invoices .page__filters .filter__clients .select__button, .page-admin-invoices .page__filters .filter__users .select__button {
    width: auto;
  }
  .page-admin-invoices .page__filters .filter__years .select__dropdown-wrapper, .page-admin-invoices .page__filters .filter__clients .select__dropdown-wrapper, .page-admin-invoices .page__filters .filter__users .select__dropdown-wrapper {
    width: 250px;
  }
  .page-admin-invoices .page__filters .filter__search {
    max-width: 350px;
    flex: 1;
  }
  .page-admin-invoices .page__table {
    margin-top: 40px;
  }
  .page-admin-invoices .page__table .table__reference, .page-admin-invoices .page__table .table__date, .page-admin-invoices .page__table .table__name, .page-admin-invoices .page__table .table__anniversary-date, .page-admin-invoices .page__table .table__amount, .page-admin-invoices .page__table .table__payment, .page-admin-invoices .page__table .table__download {
    margin-bottom: unset;
    width: auto;
    order: unset;
  }
  .page-admin-invoices .page__table .table__date, .page-admin-invoices .page__table .table__reference, .page-admin-invoices .page__table .table__anniversary-date, .page-admin-invoices .page__table .table__payment {
    font-size: 16px;
  }
  .page-admin-invoices .page__table .table__amount {
    text-align: left;
    font-weight: 400;
  }
  .page-admin-invoices .page__table .table__download {
    text-align: right;
  }
  .page-admin-invoices .page__download {
    display: grid;
    padding: 0;
    height: 100%;
    margin-left: auto;
    place-content: center;
    line-height: 0;
    border: none;
    background: none;
    cursor: pointer;
  }
  .page-admin-invoices .page__pagination {
    margin-top: 40px;
  }
}

/*
 * Admin packs
 */
.page-admin-packs .page__blocks {
  display: flex;
  gap: 16px;
  margin: 30px 0 70px 0;
  flex-direction: column;
}
.page-admin-packs .page__description {
  margin-top: 14px;
  line-height: 1.4;
  color: #00043f;
}
.page-admin-packs .page__packs {
  margin-top: 23px;
}
.page-admin-packs .page__packs .packs__item:not(:last-child) {
  margin-bottom: 30px;
}
.page-admin-packs .page__fees {
  margin-top: 30px;
  border-radius: 4px;
  border: solid 1px #00d4d5;
  background: #ffffff;
}
.page-admin-packs .page__fees .fees__wrapper {
  padding: 30px;
}
.page-admin-packs .page__fees .fees__title {
  margin-bottom: 14px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.36;
}
.page-admin-packs .page__fees .fees__credits {
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
}
.page-admin-packs .page__fees .fees__credits > b {
  position: relative;
  padding-right: 22px;
}
.page-admin-packs .page__fees .fees__credits > b::after {
  position: absolute;
  top: 50%;
  right: 0;
  width: 14px;
  height: 14px;
  content: "";
  background-image: url("../images/icons/credit-black-bold-EP1Ei-S.svg");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  transform: translateY(-50%);
}
.page-admin-packs .page__fees .fees__description {
  margin-top: 14px;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  color: #001d6c;
}
@media screen and (min-width: 1024px) {
  .page-admin-packs .page__blocks {
    display: grid;
    grid-gap: 30px;
    grid-template-columns: repeat(3, 1fr);
  }
  .page-admin-packs .page__packs {
    margin-top: 30px;
  }
  .page-admin-packs .page__packs .packs__list {
    display: flex;
    gap: 30px;
    align-items: flex-start;
  }
  .page-admin-packs .page__packs .packs__item {
    flex: 1;
  }
  .page-admin-packs .page__packs .packs__item:not(:last-child) {
    margin-bottom: 0;
  }
}

/*
 * User pages
 */
/*
 * User dashboard page
 */
.page-user-dashboard .page__main {
  height: calc(100vh - 73.9px);
}
.page-user-dashboard .page__wrapper {
  height: calc(100% - 40px);
}
.page-user-dashboard .page__body {
  display: grid;
  height: 100%;
  place-content: center;
}
.page-user-dashboard .page__button {
  position: relative;
  padding: 14.5px 16px 14.5px 32px;
  margin: 0 auto 50px auto;
  font-size: 20px;
  line-height: 1.36;
}
.page-user-dashboard .page__button > span {
  padding-left: 0;
  padding-right: 40px;
}
.page-user-dashboard .page__button > span::before {
  left: unset;
  right: 0;
}
.page-user-dashboard .page__text {
  color: #00043f;
}
.page-user-dashboard .page__text span,
.page-user-dashboard .page__text a {
  text-decoration: underline;
  cursor: pointer;
}
@media screen and (min-width: 1024px) {
  .page-user-dashboard .page__wrapper {
    height: calc(100% - 60px);
  }
}

/*# sourceMappingURL=app.output.css.map */