/*
 * 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-d30fda17879b280e0445d007559e844c.eot");
  src: url("../fonts/muller/MullerBlackItalic-d30fda17879b280e0445d007559e844c.eot") format("embedded-opentype"), url("../fonts/muller/MullerBlackItalic-7d50c363b5e27c18aa2186244fb05751.woff2") format("woff2"), url("../fonts/muller/MullerBlackItalic-883a37b71209cf46b964ee19d313f262.woff") format("woff"), url("../fonts/muller/MullerBlackItalic-bd00171771d2d6b9dc215fc1528b3893.ttf") format("truetype"), url("../fonts/muller/MullerBlackItalic-57a5820227f815e6e79fc8661fa30052.svg") format("svg");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Muller";
  src: url("../fonts/muller/MullerBold-95489d6c5dd2668170c6f5382a40627a.eot");
  src: url("../fonts/muller/MullerBold-95489d6c5dd2668170c6f5382a40627a.eot") format("embedded-opentype"), url("../fonts/muller/MullerBold-e11f11daa733a6af42e87fe575186f85.woff2") format("woff2"), url("../fonts/muller/MullerBold-af76a57a583fab973511f7b1292b73c6.woff") format("woff"), url("../fonts/muller/MullerBold-edfa07b471833dc5e8fe810e0bc5c157.ttf") format("truetype"), url("../fonts/muller/MullerBold-a574677d0c673d5e65c22ca20721086b.svg") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Muller";
  src: url("../fonts/muller/MullerBlack-bb20ce8ad20e41ed0ba77ee7f59e7ecb.eot");
  src: url("../fonts/muller/MullerBlack-bb20ce8ad20e41ed0ba77ee7f59e7ecb.eot") format("embedded-opentype"), url("../fonts/muller/MullerBlack-a39d4e116a4dac25dad9d434e581d95f.woff2") format("woff2"), url("../fonts/muller/MullerBlack-861dcaba6bf176fb4fef7d4ba1e4a12a.woff") format("woff"), url("../fonts/muller/MullerBlack-1dc1ad74b94e3053a968ea7e903933bb.ttf") format("truetype"), url("../fonts/muller/MullerBlack-d13fe37c0f03462c2632820eaa556f69.svg") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Muller";
  src: url("../fonts/muller/MullerUltraLightItalic-eeb6966296625226183eac75e8fcd185.eot");
  src: url("../fonts/muller/MullerUltraLightItalic-eeb6966296625226183eac75e8fcd185.eot") format("embedded-opentype"), url("../fonts/muller/MullerUltraLightItalic-06161af3290d3190fb205ac997f0a0ee.woff2") format("woff2"), url("../fonts/muller/MullerUltraLightItalic-08575eeb057e18387c8a7f26154bb459.woff") format("woff"), url("../fonts/muller/MullerUltraLightItalic-ec35e3490bc064df32fa7e142aca4229.ttf") format("truetype"), url("../fonts/muller/MullerUltraLightItalic-2560eca990fdfcc4d402539ced7ded40.svg") format("svg");
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Muller";
  src: url("../fonts/muller/MullerExtraBold-f9a7616ce84d2557edc4151e4a8c75cf.eot");
  src: url("../fonts/muller/MullerExtraBold-f9a7616ce84d2557edc4151e4a8c75cf.eot") format("embedded-opentype"), url("../fonts/muller/MullerExtraBold-84cbaf4f0626fb4310423c3b0c024829.woff2") format("woff2"), url("../fonts/muller/MullerExtraBold-bab9a0020c31385a1f7a1687c5635923.woff") format("woff"), url("../fonts/muller/MullerExtraBold-f0b8ed12c57aa83448f901c4c065ab4b.ttf") format("truetype"), url("../fonts/muller/MullerExtraBold-90679bdb0b17b644a34522f1201262ff.svg") format("svg");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Muller Hairline";
  src: url("../fonts/muller/MullerHairline-f2f04b5baa6f07e0b3f03955a0d4d6a8.eot");
  src: url("../fonts/muller/MullerHairline-f2f04b5baa6f07e0b3f03955a0d4d6a8.eot") format("embedded-opentype"), url("../fonts/muller/MullerHairline-cb80e78714badd97e94c8e561f093cbd.woff2") format("woff2"), url("../fonts/muller/MullerHairline-964f02eb5d2ab1b2a3482b35e1b9038c.woff") format("woff"), url("../fonts/muller/MullerHairline-907eef799c28bee65ce824438244d17f.ttf") format("truetype"), url("../fonts/muller/MullerHairline-519ae1e6554b4f05a54083bff97a7611.svg") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Muller";
  src: url("../fonts/muller/MullerExtraBoldItalic-f3fac25e9143d925148974a1941fdc5e.eot");
  src: url("../fonts/muller/MullerExtraBoldItalic-f3fac25e9143d925148974a1941fdc5e.eot") format("embedded-opentype"), url("../fonts/muller/MullerExtraBoldItalic-d8f474de69582d051a7d79cbb041e353.woff2") format("woff2"), url("../fonts/muller/MullerExtraBoldItalic-c8d3d7b8718a62408efc6b92146d7d5c.woff") format("woff"), url("../fonts/muller/MullerExtraBoldItalic-d11625eb4890aff75af06f7ad6658cc5.ttf") format("truetype"), url("../fonts/muller/MullerExtraBoldItalic-ddfc48dafa880cecaaff97210d808b26.svg") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Muller";
  src: url("../fonts/muller/MullerBoldItalic-762c1377b3931e273d25b91c6d62c71b.eot");
  src: url("../fonts/muller/MullerBoldItalic-762c1377b3931e273d25b91c6d62c71b.eot") format("embedded-opentype"), url("../fonts/muller/MullerBoldItalic-a0c6282ced7f173075c4e1ae3aaa6b3c.woff2") format("woff2"), url("../fonts/muller/MullerBoldItalic-4ffbcc4628a568f3b7dedeee3c7a7b7a.woff") format("woff"), url("../fonts/muller/MullerBoldItalic-f01e2065a4a10777408209b952eeb165.ttf") format("truetype"), url("../fonts/muller/MullerBoldItalic-0d515671134d527d5ffc8d5fb5d581e6.svg") format("svg");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Muller";
  src: url("../fonts/muller/MullerHeavy-620e451469e775e891b69be9a0616683.eot");
  src: url("../fonts/muller/MullerHeavy-620e451469e775e891b69be9a0616683.eot") format("embedded-opentype"), url("../fonts/muller/MullerHeavy-2f2c1aba48261167ed5116dd55a42c7c.woff2") format("woff2"), url("../fonts/muller/MullerHeavy-ce1f3ba3c2ea46ce1653d61341466817.woff") format("woff"), url("../fonts/muller/MullerHeavy-ad8b6c783b21b5d42584d224f3e32941.ttf") format("truetype"), url("../fonts/muller/MullerHeavy-eac8613a313d6b0ef3da7033ffb3bff6.svg") format("svg");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Muller";
  src: url("../fonts/muller/MullerHeavyItalic-37cf8d1657235a01b99839eb6754ac8d.eot");
  src: url("../fonts/muller/MullerHeavyItalic-37cf8d1657235a01b99839eb6754ac8d.eot") format("embedded-opentype"), url("../fonts/muller/MullerHeavyItalic-45465358773d47bf9a38c72bdd26cbc4.woff2") format("woff2"), url("../fonts/muller/MullerHeavyItalic-c0c95c933e7ee76cd68ecf59461be84b.woff") format("woff"), url("../fonts/muller/MullerHeavyItalic-4e94862a6aac45039d44bd991715a59a.ttf") format("truetype"), url("../fonts/muller/MullerHeavyItalic-e81c610c53011bbdfd596273c85c6db5.svg") format("svg");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Muller";
  src: url("../fonts/muller/MullerLight-82e686890589242ca858be0a1f9e190c.eot");
  src: url("../fonts/muller/MullerLight-82e686890589242ca858be0a1f9e190c.eot") format("embedded-opentype"), url("../fonts/muller/MullerLight-2959577e11d6be01654b1d16ccb1fe6e.woff2") format("woff2"), url("../fonts/muller/MullerLight-81a1bb5e002cfd52e05627d538dbc9d1.woff") format("woff"), url("../fonts/muller/MullerLight-c27373b8859777152d3f576684202e08.ttf") format("truetype"), url("../fonts/muller/MullerLight-dc2059b819d97b5f0fe7f6dd1eca1324.svg") format("svg");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Muller Hairline";
  src: url("../fonts/muller/MullerHairlineItalic-331aae9e89648a0fbb55d0cb03f05a60.eot");
  src: url("../fonts/muller/MullerHairlineItalic-331aae9e89648a0fbb55d0cb03f05a60.eot") format("embedded-opentype"), url("../fonts/muller/MullerHairlineItalic-31b8edd50d432578ca3b685a1151aa7c.woff2") format("woff2"), url("../fonts/muller/MullerHairlineItalic-3634042092135de37b25bed15dd5cef6.woff") format("woff"), url("../fonts/muller/MullerHairlineItalic-26b8689d9f2bc9cd1efbcdff6ab09c36.ttf") format("truetype"), url("../fonts/muller/MullerHairlineItalic-f68ddf3208938187a87122b23745ca1d.svg") format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Muller";
  src: url("../fonts/muller/MullerLightItalic-035c32d62aa797476bd2fd349f6a5253.eot");
  src: url("../fonts/muller/MullerLightItalic-035c32d62aa797476bd2fd349f6a5253.eot") format("embedded-opentype"), url("../fonts/muller/MullerLightItalic-c6ac864fc329216f0e69a986a08d364c.woff2") format("woff2"), url("../fonts/muller/MullerLightItalic-0041aeb983d89889156f64dd50d85918.woff") format("woff"), url("../fonts/muller/MullerLightItalic-26f23c08e686e29c9552fb6c20750170.ttf") format("truetype"), url("../fonts/muller/MullerLightItalic-3f064b21c5a872415123d2fc481ac0e5.svg") format("svg");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Muller Regular";
  src: url("../fonts/muller/MullerRegularItalic-9ac2d64715ef4218bf0c0e21c28cdb60.eot");
  src: url("../fonts/muller/MullerRegularItalic-9ac2d64715ef4218bf0c0e21c28cdb60.eot") format("embedded-opentype"), url("../fonts/muller/MullerRegularItalic-500ea899bc349b2d92d3f41d61fd32a3.woff2") format("woff2"), url("../fonts/muller/MullerRegularItalic-9aa39d814c34463e13c1816787c72ff1.woff") format("woff"), url("../fonts/muller/MullerRegularItalic-bc0d4a13f87a5f5089efc67d25aece3e.ttf") format("truetype"), url("../fonts/muller/MullerRegularItalic-6437182f5ebf7f032acdfeeb2f93fc57.svg") format("svg");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Muller";
  src: url("../fonts/muller/MullerMedium-2890da89e0fdd6d49325a6ff5f95e840.eot");
  src: url("../fonts/muller/MullerMedium-2890da89e0fdd6d49325a6ff5f95e840.eot") format("embedded-opentype"), url("../fonts/muller/MullerMedium-cff8ff0468632498c0a2b5cb09bc9d31.woff2") format("woff2"), url("../fonts/muller/MullerMedium-bb9386ffb075510088801e82b2870963.woff") format("woff"), url("../fonts/muller/MullerMedium-50c38d659283ecb414f32c6eb2b39f91.ttf") format("truetype"), url("../fonts/muller/MullerMedium-452c2794c3b7f73d8f8f897dd004a190.svg") format("svg");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Muller";
  src: url("../fonts/muller/MullerUltraLight-3bc395954660bcbf243d5b77fcb16503.eot");
  src: url("../fonts/muller/MullerUltraLight-3bc395954660bcbf243d5b77fcb16503.eot") format("embedded-opentype"), url("../fonts/muller/MullerUltraLight-056541ec719cbf395a28777bcf2ee944.woff2") format("woff2"), url("../fonts/muller/MullerUltraLight-8b8f817809e42c18cdc5417dd7d761b3.woff") format("woff"), url("../fonts/muller/MullerUltraLight-e63b1ac3f3ab4d890976a898629d6f42.ttf") format("truetype"), url("../fonts/muller/MullerUltraLight-aa379ee2c37c43174654228e900e0bb4.svg") format("svg");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Muller";
  src: url("../fonts/muller/MullerThin-c8e28d8d6c084a4b9a20370a8ac53c32.eot");
  src: url("../fonts/muller/MullerThin-c8e28d8d6c084a4b9a20370a8ac53c32.eot") format("embedded-opentype"), url("../fonts/muller/MullerThin-ebff2b35bb439d1be2a0a3343a07bd12.woff2") format("woff2"), url("../fonts/muller/MullerThin-1128309946fe057410d4d0f87aaaed20.woff") format("woff"), url("../fonts/muller/MullerThin-a93ffaf1a1c34f9423feb3eec42b10fe.ttf") format("truetype"), url("../fonts/muller/MullerThin-e4eb919a8742f582317740d4ab1ee6be.svg") format("svg");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Muller";
  src: url("../fonts/muller/MullerMediumItalic-eb8e92874a39e64649223a3c90865b0b.eot");
  src: url("../fonts/muller/MullerMediumItalic-eb8e92874a39e64649223a3c90865b0b.eot") format("embedded-opentype"), url("../fonts/muller/MullerMediumItalic-d5fd435ad7594b442e2b50c67e4242fc.woff2") format("woff2"), url("../fonts/muller/MullerMediumItalic-b261f8ce864d0ae4c68ba2c553e255c2.woff") format("woff"), url("../fonts/muller/MullerMediumItalic-bb5b623453dea776535caf493e1aab7f.ttf") format("truetype"), url("../fonts/muller/MullerMediumItalic-63166cc159c3a351b7fed2538a96d6fc.svg") format("svg");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Muller";
  src: url("../fonts/muller/MullerThinItalic-1c2f970dbbc573b760582a37adbdd89a.eot");
  src: url("../fonts/muller/MullerThinItalic-1c2f970dbbc573b760582a37adbdd89a.eot") format("embedded-opentype"), url("../fonts/muller/MullerThinItalic-a3b727540e8aac698a0af2a9bbcb4157.woff2") format("woff2"), url("../fonts/muller/MullerThinItalic-77b4ee4f4277a8f916d4018bc1208aa8.woff") format("woff"), url("../fonts/muller/MullerThinItalic-5c437a1f07779bcb77fa6021127385bd.ttf") format("truetype"), url("../fonts/muller/MullerThinItalic-0480509fcccb2c4d042d6e06ff8ccc18.svg") format("svg");
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Muller";
  src: url("../fonts/muller/MullerRegular-ee7048399eee0ac25b60c5b16b974888.eot");
  src: url("../fonts/muller/MullerRegular-ee7048399eee0ac25b60c5b16b974888.eot") format("embedded-opentype"), url("../fonts/muller/MullerRegular-5ae0e57a99130a789b4fc7e32d02e97e.woff2") format("woff2"), url("../fonts/muller/MullerRegular-24650e967e965aa98d5784aa5a60eba3.woff") format("woff"), url("../fonts/muller/MullerRegular-0f126bc1584bd0e678750a6a0c4eb9ae.ttf") format("truetype"), url("../fonts/muller/MullerRegular-eb01611efba4a55d61de1369db1cf7cc.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-42a28f0872a237dbd780713be2810149.eot");
  src: url("../fonts/noe-display/NoeDisplay-Black-42a28f0872a237dbd780713be2810149.eot") format("embedded-opentype"), url("../fonts/noe-display/NoeDisplay-Black-622a97c9835c292a3a93ab2c3f678910.woff2") format("woff2"), url("../fonts/noe-display/NoeDisplay-Black-7e30963430b823a7934120e8565a97a7.woff") format("woff"), url("../fonts/noe-display/NoeDisplay-Black-0756dd69576046c40d2bd6454d3c2092.ttf") format("truetype"), url("../fonts/noe-display/NoeDisplay-Black-d8c72251ae5ed22a784454b3afbd18bf.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-3c31566a0f471545aaf49be13728c95e.eot");
  src: url("../fonts/noe-display/NoeDisplay-Bold-3c31566a0f471545aaf49be13728c95e.eot") format("embedded-opentype"), url("../fonts/noe-display/NoeDisplay-Bold-ea43f625390c57c6bb15d2b5c2b62c94.woff2") format("woff2"), url("../fonts/noe-display/NoeDisplay-Bold-42e7ae71f79fbdb51f91ef68f204428e.woff") format("woff"), url("../fonts/noe-display/NoeDisplay-Bold-a39e6714d4aa05207d2cc08c08400f69.ttf") format("truetype"), url("../fonts/noe-display/NoeDisplay-Bold-c0df8268a99e31d379826d0aebb41d22.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-87a5b5439c252e92fa24af5e3c466a6b.eot");
  src: url("../fonts/noe-display/NoeDisplay-Medium-87a5b5439c252e92fa24af5e3c466a6b.eot") format("embedded-opentype"), url("../fonts/noe-display/NoeDisplay-Medium-5c9d0b84147d3f61d4223aa8a276cb2b.woff2") format("woff2"), url("../fonts/noe-display/NoeDisplay-Medium-96e42378964e70c3e7b5c2e2d0295144.woff") format("woff"), url("../fonts/noe-display/NoeDisplay-Medium-16abd37a9892458a1b2a223d05f8e461.ttf") format("truetype"), url("../fonts/noe-display/NoeDisplay-Medium-97f19ec9e3be8e54ca7b2a492a946665.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-065463e3c2b38ed18a0a9d8d5462c051.eot");
  src: url("../fonts/noe-display/NoeDisplay-BoldItalic-065463e3c2b38ed18a0a9d8d5462c051.eot") format("embedded-opentype"), url("../fonts/noe-display/NoeDisplay-BoldItalic-f3baceebd378af43a81a5c6657322bde.woff2") format("woff2"), url("../fonts/noe-display/NoeDisplay-BoldItalic-11573d1aa50e8ea123c511912d4d10df.woff") format("woff"), url("../fonts/noe-display/NoeDisplay-BoldItalic-929df45dc2cd9effa15d36597400c5e2.ttf") format("truetype"), url("../fonts/noe-display/NoeDisplay-BoldItalic-74d4c0defc5595a3c3c8a054160bc673.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-2e645b7443eff2e80e6bb2d06a66fb32.eot");
  src: url("../fonts/noe-display/NoeDisplay-Italic-2e645b7443eff2e80e6bb2d06a66fb32.eot") format("embedded-opentype"), url("../fonts/noe-display/NoeDisplay-Italic-3b8d4ba7aef7331bae638bff54835aaa.woff2") format("woff2"), url("../fonts/noe-display/NoeDisplay-Italic-a01aabf7ac7cc36d42324b7d68966f6a.woff") format("woff"), url("../fonts/noe-display/NoeDisplay-Italic-230e5dd1287f6882d4f5c3d6af04d0f0.ttf") format("truetype"), url("../fonts/noe-display/NoeDisplay-Italic-1c626107090234fda35c23da6755a9c8.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-60d726f81a6f07bc68cbfc2a6fbfb420.eot");
  src: url("../fonts/noe-display/NoeDisplay-BlackItalic-60d726f81a6f07bc68cbfc2a6fbfb420.eot") format("embedded-opentype"), url("../fonts/noe-display/NoeDisplay-BlackItalic-ec9b00818fbd7647c7f63f3f511e15a5.woff2") format("woff2"), url("../fonts/noe-display/NoeDisplay-BlackItalic-d4e3cc3217b8cf34064f027d3ac02c78.woff") format("woff"), url("../fonts/noe-display/NoeDisplay-BlackItalic-4b1e6230e380d4ee208f5257e3901029.ttf") format("truetype"), url("../fonts/noe-display/NoeDisplay-BlackItalic-a2002b15ccc00b36815c0233abf19510.svg") format("svg");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Noe Display";
  src: url("../fonts/noe-display/NoeDisplay-49c904ce03dbfc807c49aa5e8348b4e7.eot");
  src: url("../fonts/noe-display/NoeDisplay-49c904ce03dbfc807c49aa5e8348b4e7.eot") format("embedded-opentype"), url("../fonts/noe-display/NoeDisplay-dab13e7a8e4feffa457657d1bb27321f.woff2") format("woff2"), url("../fonts/noe-display/NoeDisplay-9f604c375e029d3cc71b913a8cb5b040.woff") format("woff"), url("../fonts/noe-display/NoeDisplay-133ba45047205ed006a05a37e99fdc0b.ttf") format("truetype"), url("../fonts/noe-display/NoeDisplay-7fb10bd2e4ffde49f93e61d559f3011e.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-df98c9e6c833dc4a1d7ec30e38dddadc.eot");
  src: url("../fonts/noe-display/NoeDisplay-MediumItalic-df98c9e6c833dc4a1d7ec30e38dddadc.eot") format("embedded-opentype"), url("../fonts/noe-display/NoeDisplay-MediumItalic-ab39364f055d11d76c353ca3ec347c56.woff2") format("woff2"), url("../fonts/noe-display/NoeDisplay-MediumItalic-fe2eca9c7d1a9edc251db868c7cabe1a.woff") format("woff"), url("../fonts/noe-display/NoeDisplay-MediumItalic-d0c9df9c35054e4ef3ab8aa1c2ea80f1.ttf") format("truetype"), url("../fonts/noe-display/NoeDisplay-MediumItalic-2155d40439195340ea4a0bcbb83e34c7.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-3659b595a84d6cf7e75b7b76bfd3b8e9.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-f3bd0e22803133aa963523e21ac0c050.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-f09fe55d241afe380fd2f3217f522b8d.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;
  }
}

/*
 * 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-b444f306b0fec661f8537bc316534ce6.svg");
}
.btn--icon-plus > span::before {
  background-image: url("../images/icons/plus-62528124e915be8ec631dd8fa0f5edd5.svg");
}
.btn--icon-download-black > span::before {
  background-image: url("../images/icons/download-black-9dd9e87550419ae57be9477fb262e051.svg");
}
.btn--icon-eye-black > span::before {
  background-image: url("../images/icons/eye-black-26013fb4d901ecbb298fa835fba2d3d5.svg");
}
.btn--icon-garbage-can > span::before {
  background-image: url("../images/icons/garbage-can-black-3f11e06d9c8371dec3763561b7fac2a4.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-08daae14791c2b355dd33d753806dea1.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-3659b595a84d6cf7e75b7b76bfd3b8e9.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-9c5aac128217ec2f607c39315ea39011.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-c1870c461f3674da81c7d3c4f638e456.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-417d787c45fc609e456109c9f6ceabde.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-08daae14791c2b355dd33d753806dea1.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-08daae14791c2b355dd33d753806dea1.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-10fd448be4ae1de650a0a0d6ed4cd210.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-08daae14791c2b355dd33d753806dea1.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-a54173de9bd6a4e5bca9173597b46659.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-ee6e3dd1283fbdb6449c0738f834d95b.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-08daae14791c2b355dd33d753806dea1.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-17fa2df5a8bbca8485a70d82a8ea3303.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-dcd23c1d4149680a9473e0e5d83cf473.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-3b71749ebd4a6bc065f073bc801a3450.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-e73ca90590bed72b53a6784cf8793eed.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-a99edfe5226c4e4d47d17652ac448059.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-b795be8f897e0f60fa6558fbf2ce5142.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-fe4190a7ee93f25f010aaf24f3429e9b.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-a99edfe5226c4e4d47d17652ac448059.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-8c230391aa47071d7216f5b09ce5df05.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-adb56ef3834cf5afe4fe5e6443bca607.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-fe4190a7ee93f25f010aaf24f3429e9b.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-10fd448be4ae1de650a0a0d6ed4cd210.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-10fd448be4ae1de650a0a0d6ed4cd210.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 */