/*
Reboot
Normalization of HTML elements, manually forked from Normalize.css to remove styles targeting irrelevant browsers while applying new styles.
Normalize is licensed MIT. https://github.com/necolas/normalize.css
* Bootstrap v4.0.0-beta (https://getbootstrap.com)
 * Copyright 2011-2017 The Bootstrap Authors
 * Copyright 2011-2017 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/
/*
Document
1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.
2. Change the default font family in all browsers.
3. Correct the line height in all browsers.
4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.
5. Setting @viewport causes scrollbars to overlap content in IE11 and Edge, so we force a non-overlapping, non-auto-hiding scrollbar to counteract.
6. Change the default tap highlight to be completely transparent in iOS.
*/
*,
*::before,
*::after {
  box-sizing: border-box; /* 1 */
}

html {
  font-family: sans-serif; /* 2 */
  line-height: 1.15; /* 3 */
  -webkit-text-size-adjust: 100%; /* 4 */
  -ms-text-size-adjust: 100%; /* 4 */
  -ms-overflow-style: scrollbar; /* 5 */
  -webkit-tap-highlight-color: transparent; /* 6 */
}

/* IE10+ doesn't honor `<meta name="viewport">` in some cases. */
/* stylelint-disable selector-list-comma-newline-after
Shim for "new" HTML5 structural elements to display correctly (IE10, older browsers) */
article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

/*
Body
1. Remove the margin in all browsers.
2. As a best practice, apply a default `background-color`.
3. Set an explicit initial text-align value so that we can later use the `inherit` value on things like `<th>` elements.
*/
body {
  margin: 0; /* 1 */
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: normal;
  line-height: 1.5;
  color: #212529;
  text-align: left; /* 3 */
  background-color: #fff; /* 2 */
}

/*
Suppress the focus outline on elements that cannot be accessed via keyboard.
This prevents an unwanted focus outline from appearing around elements that might still respond to pointer events.
Credit: https://github.com/suitcss/base
*/
[tabindex="-1"]:focus {
  outline: none !important;
}

/* 
Content grouping
1. Add the correct box sizing in Firefox.
2. Show the overflow in Edge and IE.
*/
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/* 
Typography
*/
/* 
Remove top margins from headings
By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top margin for easier control within type scales as it avoids margin collapsing.
*/
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

/*
Reset margins on paragraphs
Similarly, the top margin on `<p>`s get reset. However, we also reset the bottom margin to use `rem` units instead of `em`.
*/
p {
  margin-top: 0;
  margin-bottom: 1rem;
}

/*
Abbreviations
1. Remove the bottom border in Firefox 39-.
2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
3. Add explicit cursor to indicate changed behavior.
4. Duplicate behavior to the data-* attribute for our tooltip plugin
*/
abbr[title],
abbr[data-original-title] { /* 4 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted; /* 2 */
  text-decoration: underline dotted; /* 2 */
  cursor: help; /* 3 */
  border-bottom: 0; /* 1 */
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: bold;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0; /* Undo browser default */
}

blockquote {
  margin: 0 0 1rem;
}

dfn {
  font-style: italic; /* Add the correct font style in Android 4.3- */
}

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

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

sub,
sup {
  position: relative;
  font-size: 75%;
  line-height: 0;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/*
Links
*/
a {
  color: #007bff;
  text-decoration: none;
  background-color: transparent; /* Remove the gray background on active links in IE 10. */
  -webkit-text-decoration-skip: objects; /* Remove gaps in links underline in iOS 8+ and Safari 8+. */
}

a:hover {
  color: #0056b3;
  text-decoration: underline;
}

/*
And undo these styles for placeholder links/named anchors (without href) which have not been made explicitly keyboard-focusable (without tabindex). It would be more straightforward to just use a[href] in previous block, but that causes specificity issues in many other styles that are too complex to fix.
See https://github.com/twbs/bootstrap/issues/19402
*/
a:not([href]):not([tabindex]) {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover {
  color: inherit;
  text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
  outline: 0;
}

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

pre {
  /* Remove browser default top margin */
  margin-top: 0;
  /* Reset browser default of `1em` to use `rem`s */
  margin-bottom: 1rem;
  /* Don't allow content to break outside */
  overflow: auto;
  /* We have @viewport set which causes scrollbars to overlap content in IE11 and Edge, so we force a non-overlapping, non-auto-hiding scrollbar to counteract. */
  -ms-overflow-style: scrollbar;
}

/*
Figures
*/
figure {
  /* Apply a consistent margin strategy (matches our type styles). */
  margin: 0 0 1rem;
}

/*
Images and content
*/
img {
  vertical-align: middle;
  border-style: none; /* Remove the border on images inside links in IE 10-. */
}

svg:not(:root) {
  overflow: hidden; /* Hide the overflow in IE */
}

/*
Avoid 300ms click delay on touch devices that support the `touch-action` CSS property.
In particular, unlike most other browsers, IE11+Edge on Windows 10 on touch devices and IE Mobile 10-11 DON'T remove the click delay when `<meta name="viewport" content="width=device-width">` is present. However, they DO support removing the click delay via `touch-action: manipulation`.
See:
* https://getbootstrap.com/docs/4.0/content/reboot/#click-delay-optimization-for-touch
* https://caniuse.com/#feat=css-touch-action
*  https://patrickhlauke.github.io/touch/tests/results/#suppressing-300ms-delay
*/
a,
area,
button,
[role=button],
input:not([type=range]),
label,
select,
summary,
textarea {
  touch-action: manipulation;
}

/*
Tables
*/
table {
  border-collapse: collapse; /* Prevent double borders */
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #868e96;
  text-align: left;
  caption-side: bottom;
}

th {
  /* Matches default `<td>` alignment by inheriting from the `<body>`, or the closest parent with a set `text-align`. */
  text-align: inherit;
}

/*
Forms
*/
label {
  /* Allow labels to use `margin` for spacing. */
  display: inline-block;
  margin-bottom: 0.5rem;
}

/*
Remove the default `border-radius` that macOS Chrome adds.
Details at https://github.com/twbs/bootstrap/issues/24093
*/
button {
  border-radius: 0;
}

/*
Work around a Firefox/IE bug where the transparent `button` background results in a loss of the default `button` focus styles.
Credit: https://github.com/suitcss/base/
*/
button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
  margin: 0; /* Remove the margin in Firefox and Safari */
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

button,
input {
  overflow: visible; /* Show the overflow in Edge */
}

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

/*
1. Prevent a WebKit bug where (2) destroys native `audio` and `video` controls in Android 4.
2. Correct the inability to style clickable types in iOS and Safari.
*/
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

/*
Remove inner border and padding from Firefox, but don't restore the outline like Normalize.
*/
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  padding: 0;
  border-style: none;
}

input[type=radio],
input[type=checkbox] {
  box-sizing: border-box; /* 1. Add the correct box sizing in IE 10- */
  padding: 0; /* 2. Remove the padding in IE 10- */
}

input[type=date],
input[type=time],
input[type=datetime-local],
input[type=month] {
  /* 
  Remove the default appearance of temporal inputs to avoid a Mobile Safari bug where setting a custom line-height prevents text from being vertically centered within the input.

  See https://bugs.webkit.org/show_bug.cgi?id=139848
  and https://github.com/twbs/bootstrap/issues/11266
  */
  -webkit-appearance: listbox;
}

textarea {
  overflow: auto; /* Remove the default vertical scrollbar in IE. */
  /* Textareas should really only resize vertically so they don't break their (horizontal) containers. */
  resize: vertical;
}

fieldset {
  /* 
  Browsers set a default `min-width: min-content;` on fieldsets, unlike e.g. `<div>`s, which have `min-width: 0;` by default. So we reset that to ensure fieldsets behave more like a standard block element.

  See https://github.com/twbs/bootstrap/issues/12359
  and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements  
  */
  min-width: 0;
  /* Reset the default outline behavior of fieldsets so they don't affect page layout. */
  padding: 0;
  margin: 0;
  border: 0;
}

/*
1. Correct the text wrapping in Edge and IE.
2. Correct the color inheritance from `fieldset` elements in IE.
*/
legend {
  display: block;
  width: 100%;
  max-width: 100%; /* 1 */
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
  color: inherit; /* 2 */
  white-space: normal; /* 1 */
}

progress {
  vertical-align: baseline; /* Add the correct vertical alignment in Chrome, Firefox, and Opera. */
}

/* 
Correct the cursor style of increment and decrement buttons in Chrome.
*/
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  /* 
  This overrides the extra rounded corners on search inputs in iOS so that our `.form-control` class can properly style them. Note that this cannot simply be added to `.form-control` as it's not specific enough. 

  For details, see https://github.com/twbs/bootstrap/issues/11586.
  */
  outline-offset: -2px;
  -webkit-appearance: none;
}

/*
Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
*/
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

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

/*
Correct element displays
*/
output {
  display: inline-block;
}

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

template {
  display: none; /* Add the correct display in IE */
}

/* 
Always hide an element with the `hidden` HTML attribute (from PureCSS).
Needed for proper display in IE 10-.
*/
[hidden] {
  display: none !important;
}

body {
  background: #F6F6FC;
  font: 400 1rem/1.75 "Arial", sans-serif;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  padding-bottom: 56px;
  padding-top: 3rem;
}
@media (min-width: 1200px) {
  body {
    padding-bottom: 0;
  }
}
body.hidden {
  overflow: hidden;
}
@media (min-width: 1200px) {
  body.hidden {
    padding-right: 0.9375rem;
  }
}
@media (min-width: 1200px) {
  body.hidden .header {
    width: calc(100% - 0.9375rem);
  }
}
body.hidden-datepicker {
  overflow: hidden;
}
@media (min-width: 768px) {
  body.hidden-datepicker {
    overflow: initial;
  }
}

.main {
  flex-grow: 1;
  position: relative;
}
.timer__reset {
  display: none;
}
.timer.ended .timer__text {
  display: none;
}
.timer.ended .timer__reset {
  display: block;
}

.code-form__control::-moz-selection {
  color: inherit;
  background-color: inherit;
}

.code-form__control::selection {
  color: inherit;
  background-color: inherit;
}

a {
  color: #242434;
  text-decoration: none;
  transition: 0.3s ease;
}
a:hover {
  color: #242434;
  text-decoration: none;
}

.form-control {
  background-color: #FFFFFF;
  border-radius: 8px;
  color: #242434;
  height: auto;
  transition: 0.3s ease, background-position 0s;
  border: 1px solid #C0C0DD;
  width: 100%;
  padding: 12px 16px;
  font-size: 15px;
  line-height: 1.3333333333;
}
.form-control:focus, .form-control:hover {
  border-color: #5F27CD;
  background-color: transparent !important;
}
.form-control + label {
  pointer-events: none;
  position: absolute;
  left: 13px;
  top: 12px;
  font-size: 15px;
  line-height: 1.3333333333;
  color: #706DB0;
  transition: all 0.3s ease, text-transform 0s;
  display: block;
  margin-bottom: 0;
  padding: 0 3px;
  background: #FFFFFF;
  transform-origin: 0 0;
}
.form-control:focus + label {
  top: 0;
  transform: scale(0.734) translateY(-50%);
  letter-spacing: 0.35px;
  font-weight: 700;
  color: #5F27CD;
}
.form-control:not(:-moz-placeholder-shown) + label {
  top: 0;
  transform: scale(0.734) translateY(-50%);
  letter-spacing: 0.35px;
  font-weight: 700;
}
.form-control:not(:placeholder-shown) + label {
  top: 0;
  transform: scale(0.734) translateY(-50%);
  letter-spacing: 0.35px;
  font-weight: 700;
}
.form-control.error {
  border-color: #EE5353;
}
.form-control.error + label {
  color: #EE5353;
}

.form-group {
  position: relative;
}
.form-group .form-control::-moz-placeholder {
  color: transparent;
}
.form-group .form-control::placeholder {
  color: transparent;
}
.form-group:has(#phone-prefix) .form-control {
  padding-left: calc(5.5rem + 13px);
}
.form-group:has(#phone-prefix) .form-control + label {
  left: calc(5.5rem + 13px);
}
.form-group:has(#phone-prefix) .form-control:focus + label {
  left: 13px;
}
.form-group:has(#phone-prefix) .form-control:not(:-moz-placeholder-shown) + label {
  left: 13px;
}
.form-group:has(#phone-prefix) .form-control:not(:placeholder-shown) + label {
  left: 13px;
}
.form-group:has(.select2-container--open) .form-control {
  border-top-left-radius: 0;
}
@media (min-width: 768px) {
  .form-group:has(.select2-container--open) .form-control {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0.5rem;
  }
}
.form-group.readonly .form-control {
  padding: 26px 15px 11px;
  background-color: #F6F6FC;
}
.form-group.readonly .form-control:hover, .form-group.readonly .form-control:focus {
  background-color: #F6F6FC !important;
  border-color: #C0C0DD !important;
}
.form-group.readonly .form-control:hover + label, .form-group.readonly .form-control:focus + label {
  color: #706DB0;
}
.form-group.readonly .form-control + label {
  color: #706DB0;
  background-color: transparent;
  top: 12px;
  left: 15px;
  padding: 0;
  transform: translate(0);
  font-size: 11px;
  line-height: 1;
}
.form-group__wrapper {
  position: relative;
}
.form-group__alert {
  font-size: 12px;
  line-height: 1.6666666667;
  color: #706DB0;
  margin-top: 4px;
  display: none;
}
.form-group__alert.show {
  display: block;
}
.form-group__alert.error {
  color: #EE5353;
}
.form-group .visible-pass {
  position: absolute;
  right: 1rem;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: background-image 0.3s ease;
  cursor: pointer;
}
.form-group .form-control[type=password] ~ .visible-pass {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.76094 14.8677C9.18594 14.2937 8.83594 13.5137 8.83594 12.6387C8.83594 10.8857 10.2479 9.47266 11.9999 9.47266C12.8669 9.47266 13.6649 9.82366 14.2299 10.3977' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.1054 13.1992C14.8734 14.4892 13.8574 15.5072 12.5684 15.7412' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.655 17.972C5.068 16.726 3.724 14.906 2.75 12.637C3.734 10.358 5.087 8.52798 6.684 7.27198C8.271 6.01598 10.102 5.33398 12 5.33398C13.909 5.33398 15.739 6.02598 17.336 7.29098' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.4487 9.49023C20.1367 10.4042 20.7417 11.4592 21.2507 12.6362C19.2837 17.1932 15.8077 19.9382 12.0008 19.9382C11.1378 19.9382 10.2868 19.7982 9.46875 19.5252' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.8873 4.75L4.11328 20.524' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.form-group .form-control[type=password] ~ .visible-pass:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.76094 14.8677C9.18594 14.2937 8.83594 13.5137 8.83594 12.6387C8.83594 10.8857 10.2479 9.47266 11.9999 9.47266C12.8669 9.47266 13.6649 9.82366 14.2299 10.3977' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.1054 13.1992C14.8734 14.4892 13.8574 15.5072 12.5684 15.7412' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.655 17.972C5.068 16.726 3.724 14.906 2.75 12.637C3.734 10.358 5.087 8.52798 6.684 7.27198C8.271 6.01598 10.102 5.33398 12 5.33398C13.909 5.33398 15.739 6.02598 17.336 7.29098' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.4487 9.49023C20.1367 10.4042 20.7417 11.4592 21.2507 12.6362C19.2837 17.1932 15.8077 19.9382 12.0008 19.9382C11.1378 19.9382 10.2868 19.7982 9.46875 19.5252' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.8873 4.75L4.11328 20.524' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.form-group .form-control[type=text] ~ .visible-pass {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.2882 4.00482L12.002 4C7.86108 4 4.12926 6.92308 2.06091 11.7058C1.9797 11.8936 1.9797 12.1064 2.06091 12.2942L2.20424 12.6168C4.24638 17.0931 7.77544 19.8644 11.7118 19.9952L11.998 20C16.1389 20 19.8707 17.0769 21.9391 12.2942C22.0213 12.104 22.0202 11.8884 21.9361 11.699L21.7968 11.3856C19.7497 6.90091 16.2192 4.13547 12.2882 4.00482ZM12.009 5.48942L12.2479 5.49456L12.5149 5.50845C15.7122 5.73484 18.6525 8.10553 20.429 11.9991L20.4197 12.0231C18.5987 16.0005 15.5569 18.3853 12.2589 18.505L12.004 18.5088L11.7469 18.5054L11.4806 18.4915C8.38271 18.2721 5.52637 16.0344 3.73914 12.3597L3.57 11.9991L3.72658 11.6662C5.61117 7.77315 8.69148 5.49027 12.009 5.48942ZM11.9995 8.11346C9.8391 8.11346 8.0885 9.85313 8.0885 12.0002C8.0885 14.1465 9.83929 15.8859 11.9995 15.8859C14.1598 15.8859 15.9115 14.1463 15.9115 12.0002C15.9115 9.85325 14.16 8.11346 11.9995 8.11346ZM11.9995 9.60378C13.3317 9.60378 14.4115 10.6764 14.4115 12.0002C14.4115 13.3231 13.3316 14.3956 11.9995 14.3956C10.6677 14.3956 9.5885 13.3234 9.5885 12.0002C9.5885 10.6761 10.6676 9.60378 11.9995 9.60378Z' fill='%23706DB0'/%3E%3C/svg%3E%0A");
}
.form-group .form-control[type=text] ~ .visible-pass:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.2882 4.00482L12.002 4C7.86108 4 4.12926 6.92308 2.06091 11.7058C1.9797 11.8936 1.9797 12.1064 2.06091 12.2942L2.20424 12.6168C4.24638 17.0931 7.77544 19.8644 11.7118 19.9952L11.998 20C16.1389 20 19.8707 17.0769 21.9391 12.2942C22.0213 12.104 22.0202 11.8884 21.9361 11.699L21.7968 11.3856C19.7497 6.90091 16.2192 4.13547 12.2882 4.00482ZM12.009 5.48942L12.2479 5.49456L12.5149 5.50845C15.7122 5.73484 18.6525 8.10553 20.429 11.9991L20.4197 12.0231C18.5987 16.0005 15.5569 18.3853 12.2589 18.505L12.004 18.5088L11.7469 18.5054L11.4806 18.4915C8.38271 18.2721 5.52637 16.0344 3.73914 12.3597L3.57 11.9991L3.72658 11.6662C5.61117 7.77315 8.69148 5.49027 12.009 5.48942ZM11.9995 8.11346C9.8391 8.11346 8.0885 9.85313 8.0885 12.0002C8.0885 14.1465 9.83929 15.8859 11.9995 15.8859C14.1598 15.8859 15.9115 14.1463 15.9115 12.0002C15.9115 9.85325 14.16 8.11346 11.9995 8.11346ZM11.9995 9.60378C13.3317 9.60378 14.4115 10.6764 14.4115 12.0002C14.4115 13.3231 13.3316 14.3956 11.9995 14.3956C10.6677 14.3956 9.5885 13.3234 9.5885 12.0002C9.5885 10.6761 10.6676 9.60378 11.9995 9.60378Z' fill='%235F27CD'/%3E%3C/svg%3E%0A");
}
.form-group .form-control:focus[type=password] ~ .visible-pass, .form-group .form-control:hover[type=password] ~ .visible-pass {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.76094 14.8677C9.18594 14.2937 8.83594 13.5137 8.83594 12.6387C8.83594 10.8857 10.2479 9.47266 11.9999 9.47266C12.8669 9.47266 13.6649 9.82366 14.2299 10.3977' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.1054 13.1992C14.8734 14.4892 13.8574 15.5072 12.5684 15.7412' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.655 17.972C5.068 16.726 3.724 14.906 2.75 12.637C3.734 10.358 5.087 8.52798 6.684 7.27198C8.271 6.01598 10.102 5.33398 12 5.33398C13.909 5.33398 15.739 6.02598 17.336 7.29098' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.4487 9.49023C20.1367 10.4042 20.7417 11.4592 21.2507 12.6362C19.2837 17.1932 15.8077 19.9382 12.0008 19.9382C11.1378 19.9382 10.2868 19.7982 9.46875 19.5252' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.8873 4.75L4.11328 20.524' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.form-group .form-control:focus[type=text] ~ .visible-pass, .form-group .form-control:hover[type=text] ~ .visible-pass {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.2882 4.00482L12.002 4C7.86108 4 4.12926 6.92308 2.06091 11.7058C1.9797 11.8936 1.9797 12.1064 2.06091 12.2942L2.20424 12.6168C4.24638 17.0931 7.77544 19.8644 11.7118 19.9952L11.998 20C16.1389 20 19.8707 17.0769 21.9391 12.2942C22.0213 12.104 22.0202 11.8884 21.9361 11.699L21.7968 11.3856C19.7497 6.90091 16.2192 4.13547 12.2882 4.00482ZM12.009 5.48942L12.2479 5.49456L12.5149 5.50845C15.7122 5.73484 18.6525 8.10553 20.429 11.9991L20.4197 12.0231C18.5987 16.0005 15.5569 18.3853 12.2589 18.505L12.004 18.5088L11.7469 18.5054L11.4806 18.4915C8.38271 18.2721 5.52637 16.0344 3.73914 12.3597L3.57 11.9991L3.72658 11.6662C5.61117 7.77315 8.69148 5.49027 12.009 5.48942ZM11.9995 8.11346C9.8391 8.11346 8.0885 9.85313 8.0885 12.0002C8.0885 14.1465 9.83929 15.8859 11.9995 15.8859C14.1598 15.8859 15.9115 14.1463 15.9115 12.0002C15.9115 9.85325 14.16 8.11346 11.9995 8.11346ZM11.9995 9.60378C13.3317 9.60378 14.4115 10.6764 14.4115 12.0002C14.4115 13.3231 13.3316 14.3956 11.9995 14.3956C10.6677 14.3956 9.5885 13.3234 9.5885 12.0002C9.5885 10.6761 10.6676 9.60378 11.9995 9.60378Z' fill='%235F27CD'/%3E%3C/svg%3E%0A");
}

.pass-complex {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.5rem;
}
.pass-complex > span {
  min-width: 0;
  display: block;
  height: 3px;
  border-radius: 2px;
  background-color: #EDEDF9;
  transition: background-color 0.3s ease;
}
.pass-complex--1 > span:nth-child(1) {
  background-color: #F75F5F;
}
.pass-complex--2 > span:nth-child(1), .pass-complex--2 > span:nth-child(2) {
  background-color: #F7923B;
}
.pass-complex--3 > span {
  background-color: #10AC84;
}

.pass-msg {
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.1666666667;
  margin-bottom: 0;
  margin-top: 0.375rem;
  display: none;
}
.pass-msg.show {
  display: block;
}
.pass-msg--1 {
  color: #F75F5F;
}
.pass-msg--2 {
  color: #F7923B;
}
.pass-msg--3 {
  color: #10AC84;
}

input::-moz-placeholder, textarea::-moz-placeholder, .form-control::-moz-placeholder {
  font-weight: 400;
  color: #706DB0;
  opacity: 1;
}

input::placeholder,
textarea::placeholder,
.form-control::placeholder {
  font-weight: 400;
  color: #706DB0;
  opacity: 1;
}

input:focus,
textarea:focus {
  box-shadow: none !important;
  outline: none;
}

.textarea {
  transition: all 0.3s ease, height 0s !important;
}

input,
textarea {
  font-family: "Arial", sans-serif;
}

textarea {
  resize: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}

.btn {
  transition: 0.3s ease;
  border-radius: 8px;
  padding: 14px 32px;
  border: 0;
  color: #242434;
  background: transparent;
  font: 400 1rem/1.75 "Arial", sans-serif;
  line-height: 1.25;
  letter-spacing: 0.32px;
  cursor: pointer;
}
.btn:disabled {
  opacity: 0.5;
  pointer-events: none;
}
.btn:active {
  opacity: 1;
  background: inherit !important;
  color: inherit !important;
}
.btn:focus {
  box-shadow: none !important;
  outline: none;
}
.btn--trans {
  border: 1px solid;
}
.btn--main {
  background: #5F27CD;
  color: #FFFFFF;
}
.btn--main:focus {
  background: #5F27CD;
  color: #FFFFFF;
}
.btn--main:active, .btn--main:hover {
  background: #5824BE !important;
  color: #FFFFFF !important;
}
.btn--main.btn--trans {
  border-color: #5F27CD;
  background: transparent;
  color: #5F27CD;
}
.btn--main.btn--trans:focus {
  border-color: #5F27CD;
  background: transparent;
  color: #5F27CD;
}
.btn--main.btn--trans:active, .btn--main.btn--trans:hover {
  border-color: transparent !important;
  background: #5F27CD !important;
  color: #FFFFFF !important;
}
.btn--secondary {
  background: #C0C0DD;
  color: #FFFFFF;
}
.btn--secondary:focus {
  background: #C0C0DD;
  color: #FFFFFF;
}
.btn--secondary:active, .btn--secondary:hover {
  background: #5F27CD !important;
  color: #FFFFFF !important;
}
.btn--secondary.btn--trans {
  border-color: #C0C0DD;
  background: transparent;
  color: #706DB0;
}
.btn--secondary.btn--trans:focus {
  border-color: #C0C0DD;
  background: transparent;
  color: #706DB0;
}
.btn--secondary.btn--trans:active, .btn--secondary.btn--trans:hover {
  background: transparent !important;
  border-color: #5F27CD !important;
  color: #5F27CD !important;
}
.btn--green {
  background: #10AC84;
  color: #FFFFFF;
  fill: #FFFFFF;
}
.btn--green:focus {
  background: #10AC84;
  color: #FFFFFF;
  fill: #FFFFFF;
}
.btn--green:active, .btn--green:hover {
  background: #10AC84 !important;
  color: #FFFFFF !important;
  fill: #FFFFFF;
}
.btn--green.btn--trans {
  border-color: #10AC84;
  background: transparent;
  color: #10AC84;
  fill: #10AC84;
}
.btn--green.btn--trans:focus {
  border-color: #10AC84;
  background: transparent;
  color: #10AC84;
  fill: #10AC84;
}
.btn--green.btn--trans:active, .btn--green.btn--trans:hover {
  border-color: transparent !important;
  background: #10AC84 !important;
  color: #FFFFFF !important;
  fill: #FFFFFF;
}
.btn--yellow {
  background: #FECA57;
  color: #242434;
  fill: #242434;
}
.btn--yellow:focus {
  background: #FECA57;
  color: #242434;
  fill: #242434;
}
.btn--yellow:active, .btn--yellow:hover {
  background: #FECA57 !important;
  color: #242434 !important;
  fill: #242434;
}
.btn--yellow.btn--trans {
  border-color: #FECA57;
  background: transparent;
  color: #FECA57;
  fill: #FECA57;
}
.btn--yellow.btn--trans:focus {
  border-color: #FECA57;
  background: transparent;
  color: #FECA57;
  fill: #FECA57;
}
.btn--yellow.btn--trans:active, .btn--yellow.btn--trans:hover {
  border-color: transparent !important;
  background: #FECA57 !important;
  color: #242434 !important;
  fill: #242434;
}

.container {
  width: 100%;
  padding: 0 16px;
  max-width: 100%;
  margin: 0 auto;
}
@media (min-width: 375px) {
  .container {
    max-width: 100%;
    padding: 0 24px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 768px;
    padding: 0 16px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1200px;
    padding: 0 30px;
  }
}

.zone_principale {
	padding-bottom: 5em;
}

.select {
  position: relative;
}
.select__button {
  position: relative;
}
.select__list {
  position: absolute;
  top: 100%;
  left: 0;
  min-width: 100%;
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  transition: top 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
}
.select.active .select__list {
  top: calc(100% + 0.5rem);
  opacity: 1;
  visibility: visible;
}
.select__item {
  transition: color 0.3s ease;
  cursor: pointer;
}
.select__item.active {
  pointer-events: none;
}

.select2 {
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  width: 5.5rem !important;
  border: 0;
  border-radius: 0;
  display: flex;
  flex-direction: column;
}
.select2-container > .selection {
  flex-grow: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.select2-container > .selection .select2-selection {
  border: 0;
  border-radius: 0;
  background-color: transparent;
  flex-grow: 1;
  min-height: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.select2-container > .selection .select2-selection__rendered {
  padding-left: 15px;
  padding-right: 15px;
}
.select2-container > .selection .select2-selection__arrow {
  top: 50%;
  transform: translateY(-50%);
}
.select2-dropdown {
  width: 260px !important;
  border-top: 1px solid #C0C0DD !important;
  border-bottom: 1px solid #C0C0DD !important;
  border-color: #C0C0DD !important;
  left: -1px !important;
  border-radius: 0.5rem 0.5rem 0 0 !important;
}
@media (min-width: 768px) {
  .select2-dropdown {
    border-radius: 0 0 0.5rem 0.5rem !important;
  }
}
.select2-search__field {
  border-radius: 0.375rem !important;
}
@media (min-width: 768px) {
  .select2-search__field {
    border-radius: 0 !important;
  }
}
.select2-results__options {
  font-size: 0.9375rem;
  line-height: 1.3333333333;
}

.modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.12);
  transition: 0.3s ease;
  opacity: 0;
  visibility: hidden;
  z-index: 900;
  overflow-y: auto;
}
.modal.show {
  opacity: 1;
  visibility: visible;
  z-index: 1100;
}
.modal__dialog {
  transition: all 0.3s ease;
  transform: translateY(100%);
  margin: 16px auto 0;
  min-height: calc(100% - 1rem);
  display: flex;
  align-items: flex-end;
  pointer-events: none;
  width: 100%;
}
@media (min-width: 375px) {
  .modal__dialog {
    min-height: calc(100% - 24px);
    margin: 24px auto 0;
  }
}
@media (min-width: 768px) {
  .modal__dialog {
    margin: 16px auto;
    min-height: calc(100% - 32px);
    max-width: 25rem;
    width: calc(100% - 32px);
    align-items: center;
    transform: scale(0.8);
  }
}
.modal__dialog.centered {
  align-items: center;
  margin: 16px auto;
  min-height: calc(100% - 2rem);
}
@media (min-width: 375px) {
  .modal__dialog.centered {
    min-height: calc(100% - 3rem);
    margin: 24px auto;
  }
}
@media (min-width: 768px) {
  .modal__dialog.centered {
    margin: 16px auto;
    min-height: calc(100% - 32px);
  }
}
.modal__dialog > * {
  pointer-events: auto;
}
.modal.show .modal__dialog {
  transform: scale(1);
}
.modal__content {
  background: #FFFFFF;
  border-radius: 8px 8px 0 0;
  position: relative;
  width: 100%;
  box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.2);
  padding-bottom: 3.5rem;
}
@media (min-width: 768px) {
  .modal__content {
    padding-bottom: 0;
    border-radius: 8px;
  }
}
.modal__dialog.centered .modal__content {
  border-radius: 0.5rem;
}
.modal__close {
  cursor: pointer;
  position: absolute;
  width: 48px;
  height: 48px;
  top: 5px;
  right: 5px;
  fill: #706DB0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.modal__close:hover {
  fill: #5F27CD;
}
@media (min-width: 768px) {
  .modal-divice {
    display: none;
  }
}
.modal-divice__dialog {
  max-width: 328px;
}
.modal-divice__content {
  padding: 24px;
}
.modal-divice__icon {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 24px;
  width: 102px;
}
.modal-divice__icon > img {
  width: 100%;
}
.modal-divice__desc {
  text-align: center;
  margin-bottom: 16px;
}
.modal-divice__desc > p {
  font-size: 15px;
  line-height: 1.1333333333;
}
@media (min-width: 375px) {
  .modal-divice__desc > p {
    line-height: 1.3333333333;
  }
}
.modal-divice__desc > p:last-child {
  margin-bottom: 0;
}
.modal-divice__button {
  width: 100%;
  cursor: pointer;
}

.modal-success__content {
  padding: 1rem 1rem 4.5rem;
}
@media (min-width: 768px) {
  .modal-success__content {
    padding: 1.5rem;
  }
}
.modal-success__icon {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
  width: 50px;
}
@media (min-width: 768px) {
  .modal-success__icon {
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px) {
  .modal-success__icon {
    margin-bottom: 24px;
  }
}
.modal-success__icon > img {
  width: 100%;
  height: auto;
}
.modal-success__title {
  text-align: center;
  font-size: 20px;
  line-height: 1.15;
  font-weight: 700;
  margin-bottom: 12px;
}
.modal-success--password .modal-success__title {
  margin-bottom: 1.5rem;
}
.modal-success--rendez .modal-success__title {
  font-size: 1.125rem;
  line-height: 1.3333333333;
}
@media (min-width: 375px) {
  .modal-success--rendez .modal-success__title {
    font-size: 1.25rem;
    line-height: 1.3;
  }
}
@media (min-width: 768px) {
  .modal-success--rendez .modal-success__title {
    font-size: 1.5rem;
    line-height: 1.25;
  }
}
.modal-success__desc {
  text-align: center;
  margin-bottom: 24px;
}
.modal-success__desc > p {
  font-size: 13px;
  line-height: 1.1538461538;
}
@media (min-width: 375px) {
  .modal-success__desc > p {
    font-size: 14px;
  }
}
@media (min-width: 768px) {
  .modal-success__desc > p {
    font-size: 15px;
  }
}
.modal-success__desc > p:last-child {
  margin-bottom: 0;
}
.modal-success--rendez .modal-success__desc > p {
  font-size: 1rem;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .modal-success--rendez .modal-success__desc > p {
    line-height: 1.75;
  }
}
.modal-success__text {
  margin-bottom: 24px;
  text-align: center;
}
.modal-success__text > p {
  font-size: 14px;
  line-height: 1.2307692308;
}
@media (min-width: 768px) {
  .modal-success__text > p {
    font-size: 15px;
  }
}
.modal-success__text > p:last-child {
  margin-bottom: 0;
}
.modal-success__label {
  margin-bottom: 24px;
  text-align: center;
  font-size: 12px;
  line-height: 1.1818181818;
}
@media (min-width: 768px) {
  .modal-success__label {
    font-size: 11px;
  }
}
.modal-success__label > p:last-child {
  margin-bottom: 0;
}
.modal-success__button {
  padding: 13px;
  width: 100%;
  cursor: pointer;
}

.modal-error__content {
  padding-top: 36px;
}
.modal-error__desc {
  text-align: center;
  margin-bottom: 24px;
}
.modal-error__desc > p {
  font-size: 15px;
}
.modal-error__desc > p:last-child {
  margin-bottom: 0;
}

.modal-person__content {
  padding: 1rem 1rem 4.5rem;
}
@media (min-width: 768px) {
  .modal-person__content {
    padding: 1.5rem;
  }
}
@media (min-width: 768px) {
  .modal-person__close {
    top: 12px;
    right: 12px;
  }
}
.modal-person__heading {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid rgba(192, 192, 221, 0.3);
}
@media (min-width: 768px) {
  .modal-person__heading {
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
.modal-person__title {
  font-size: 1.25rem;
  line-height: 1.2;
  margin-bottom: 0;
}
.modal-person__list {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .modal-person__list {
    margin-bottom: 1.5rem;
  }
}
.modal-person__list:last-child {
  margin-bottom: 0;
}
.modal-person__item {
  margin-bottom: 1rem;
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(192, 192, 221, 0.3);
  display: flex;
  align-items: center;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  position: relative;
  cursor: pointer;
}
@media (min-width: 768px) {
  .modal-person__item {
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
  }
}
.modal-person__item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.modal-person__item::before {
  content: "";
  flex: 0 0 2.75rem;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 0.5rem;
  background-color: #F6F6FC;
  background-repeat: no-repeat;
  background-size: 1.5rem 1.5rem;
  background-position: center;
  transition: background-image 0.3s ease, background-color 0.3s ease;
}
.modal-person__item > a {
  color: #706DB0 !important;
  font-size: 0.9375rem;
  line-height: 1.347;
}
.modal-person__item:hover > a {
  color: #5F27CD !important;
}
.modal-person__item::after {
  content: "";
  position: absolute;
  top: 0.625rem;
  right: 0;
  width: 1.5rem;
  height: 1.5rem;
  transition: background-image 0.3s ease;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.modal-person__item._arrow::after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 7L15 12L10 17' stroke='%23706DB0' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.modal-person__item._arrow:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 7L15 12L10 17' stroke='%235F27CD' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.modal-person__item._prenom::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9847 15.3457C8.11713 15.3457 4.81427 15.9305 4.81427 18.2724C4.81427 20.6143 8.09617 21.22 11.9847 21.22C15.8524 21.22 19.1543 20.6343 19.1543 18.2933C19.1543 15.9524 15.8733 15.3457 11.9847 15.3457Z' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9848 12.0059C14.5229 12.0059 16.58 9.94779 16.58 7.40969C16.58 4.8716 14.5229 2.81445 11.9848 2.81445C9.44667 2.81445 7.38858 4.8716 7.38858 7.40969C7.38001 9.93922 9.42382 11.9973 11.9524 12.0059H11.9848Z' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.modal-person__item._prenom:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9848 15.3457C8.11719 15.3457 4.81433 15.9305 4.81433 18.2724C4.81433 20.6143 8.09624 21.22 11.9848 21.22C15.8524 21.22 19.1543 20.6343 19.1543 18.2933C19.1543 15.9524 15.8734 15.3457 11.9848 15.3457Z' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9848 12.0059C14.5229 12.0059 16.58 9.94779 16.58 7.40969C16.58 4.8716 14.5229 2.81445 11.9848 2.81445C9.44667 2.81445 7.38858 4.8716 7.38858 7.40969C7.38001 9.93922 9.42382 11.9973 11.9524 12.0059H11.9848Z' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.modal-person__item._email::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.2677 9.06152L13.0023 12.4958C12.1951 13.1287 11.0635 13.1287 10.2563 12.4958L5.95422 9.06152' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.88787 3.5H16.3158C17.6752 3.51525 18.969 4.08993 19.896 5.0902C20.823 6.09048 21.3022 7.42903 21.222 8.79412V15.322C21.3022 16.6871 20.823 18.0256 19.896 19.0259C18.969 20.0262 17.6752 20.6009 16.3158 20.6161H6.88787C3.96796 20.6161 2 18.2407 2 15.322V8.79412C2 5.87545 3.96796 3.5 6.88787 3.5Z' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.modal-person__item._email:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.2677 9.06152L13.0023 12.4958C12.1951 13.1287 11.0635 13.1287 10.2563 12.4958L5.95422 9.06152' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.88787 3.5H16.3158C17.6752 3.51525 18.969 4.08993 19.896 5.0902C20.823 6.09048 21.3022 7.42903 21.222 8.79412V15.322C21.3022 16.6871 20.823 18.0256 19.896 19.0259C18.969 20.0262 17.6752 20.6009 16.3158 20.6161H6.88787C3.96796 20.6161 2 18.2407 2 15.322V8.79412C2 5.87545 3.96796 3.5 6.88787 3.5Z' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.modal-person__item._add::after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5V19M5 12H19' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.modal-person__item._add:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5V19M5 12H19' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.modal-person__item._edit::after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.6992 19.8984H20.0762' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.8547 4.95561C13.5917 4.01661 14.7827 4.06561 15.7227 4.80261L17.1127 5.89261C18.0527 6.62961 18.3857 7.77261 17.6487 8.71361L9.35972 19.2886C9.08272 19.6426 8.65972 19.8516 8.20972 19.8566L5.01272 19.8976L4.28872 16.7826C4.18672 16.3456 4.28872 15.8856 4.56572 15.5306L12.8547 4.95561Z' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.3027 6.93555L16.0967 10.6935' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.modal-person__item._edit:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.6992 19.8984H20.0762' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.8547 4.95561C13.5917 4.01661 14.7827 4.06561 15.7227 4.80261L17.1127 5.89261C18.0527 6.62961 18.3857 7.77261 17.6487 8.71361L9.35972 19.2886C9.08272 19.6426 8.65972 19.8516 8.20972 19.8566L5.01272 19.8976L4.28872 16.7826C4.18672 16.3456 4.28872 15.8856 4.56572 15.5306L12.8547 4.95561Z' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.3027 6.93555L16.0967 10.6935' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.modal-person__item > div > span {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  font-size: 13px;
  line-height: 1.1538461538;
  color: #706DB0;
  margin-bottom: 10px;
}
.modal-person__item > div > span._confirm::after {
  content: attr(data-alert);
  position: absolute;
  left: calc(100% + 5px);
  top: 50%;
  transform: translateY(-50%);
  width: -moz-max-content;
  width: max-content;
  max-width: 10rem;
  padding: 1px 8px;
  border-radius: 0.375rem;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  color: #10AC84;
  background: #ECFDF3;
}
.modal-person__item > div > span._unconfirm::after {
  content: attr(data-alert);
  position: absolute;
  left: calc(100% + 5px);
  top: 50%;
  transform: translateY(-50%);
  width: -moz-max-content;
  width: max-content;
  max-width: 10rem;
  padding: 1px 8px;
  border-radius: 0.375rem;
  font-size: 0.75rem;
  line-height: 1.4166666667;
  color: #F04438;
  background: #FEF3F2;
}
.modal-person__item > div > p {
  margin-bottom: 0;
  font-size: 0.9375rem;
  line-height: 1.1333333333;
}
.modal-person__button {
  width: 100%;
  padding: 0.75rem;
}

.modal-enter__content {
  padding: 1rem 1rem 4.5rem;
}
@media (min-width: 768px) {
  .modal-enter__content {
    padding: 1.5rem;
  }
}
.modal-enter__back {
  cursor: pointer;
  position: absolute;
  width: 48px;
  height: 48px;
  top: 5px;
  left: 5px;
  fill: #706DB0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.modal-enter__back:hover {
  fill: #5F27CD;
}
.modal-enter__title {
  text-align: center;
  margin-bottom: 0.75rem;
  font-size: 1.25rem;
  line-height: 1.2;
  padding: 0 2rem;
}
.modal-enter__desc {
  text-align: center;
  font-size: 0.9375rem;
  line-height: 1.3333333333;
  margin-bottom: 1.5rem;
}
.modal-enter__desc > * {
  font-size: inherit;
  line-height: inherit;
}
.modal-enter__desc > *:last-child {
  margin-bottom: 0;
}
.modal-enter__group {
  margin-bottom: 1.5rem;
}
.modal-enter__group:last-child {
  margin-bottom: 0;
}
.modal-enter__submit {
  width: 100%;
}

@media (min-width: 768px) {
  .modal-code--phone .modal-code__dialog {
    max-width: 362px;
  }
}
.modal-code__content {
  padding: 1rem 1rem 4.5rem;
}
@media (min-width: 768px) {
  .modal-code__content {
    padding: 1.5rem;
  }
}
.modal-code__back {
  cursor: pointer;
  position: absolute;
  width: 48px;
  height: 48px;
  top: 5px;
  left: 5px;
  fill: #706DB0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.modal-code__back:hover {
  fill: #5F27CD;
}
@media (min-width: 768px) {
  .modal-code--phone .modal-code__back {
    top: 12px;
    left: 12px;
  }
}
.modal-code__image {
  width: 2.875rem;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5rem;
}
.modal-code__image > * {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media (min-width: 768px) {
  .modal-code--phone .modal-code__close {
    top: 12px;
    right: 12px;
  }
}
.modal-code__title {
  text-align: center;
  margin-bottom: 0.75rem;
  font-size: 1.25rem;
  line-height: 1.2;
}
.modal-code--phone .modal-code__title {
  padding: 0 3rem;
}
.modal-code__desc {
  text-align: center;
  font-size: 0.9375rem;
  line-height: 1.3333333333;
  margin-bottom: 1.5rem;
}
.modal-code__desc > * {
  font-size: inherit;
  line-height: inherit;
}
.modal-code__desc > *:last-child {
  margin-bottom: 0;
}
.modal-code__desc span {
  color: #5F27CD;
  font-weight: 700;
}
.modal-code__form {
  margin-bottom: 1.5rem;
}
.modal-code__row {
  display: flex;
  justify-content: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.modal-code__group {
  flex: 0 0 4rem;
  width: 4rem;
}
.modal-code__msg {
  margin-top: 0.75rem;
  text-align: center;
  color: #EE5353;
  font-size: 0.9375rem;
  line-height: 1.3333333333;
}
.modal-code__control {
  height: 4rem;
  text-align: center;
  font-size: 3rem;
}
.modal-code__alert {
  position: relative;
  min-height: 2.25rem;
  display: flex;
  align-items: center;
  padding: 0.5rem 0.5rem 0.5rem 2.125rem;
  border-radius: 0.5rem;
  font-size: 0.75rem;
  line-height: 1.1666666667;
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .modal-code__alert {
    padding: 0.75rem 0.75rem 0.75rem 2.25rem;
    min-height: 2.25rem;
  }
}
.modal-code__alert:last-child {
  margin-bottom: 0;
}
.modal-code__alert::before {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  width: 1.125rem;
  height: 1.125rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  font-size: 0;
  line-height: 0;
}
@media (min-width: 768px) {
  .modal-code__alert::before {
    width: 1.25rem;
    height: 1.25rem;
    top: 0.5rem;
    left: 0.5rem;
  }
}
.modal-code__alert > p {
  font-size: inherit;
  line-height: inherit;
}
.modal-code__alert > p:last-child {
  margin-bottom: 0;
}
.modal-code__alert._warning {
  background: #FFFAEB;
}
.modal-code__alert._warning::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_980_104448)'%3E%3Cpath d='M10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5Z' stroke='%23DC6803' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 6.66699H10.0083' stroke='%23DC6803' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.16669 10H10V13.3333H10.8334' stroke='%23DC6803' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_980_104448'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
@media (min-width: 768px) {
  .modal-code__actions {
    padding: 0 15px;
  }
}
.modal-code__timer .timer__text {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  text-align: center;
  margin-bottom: 0;
}
.modal-code__timer .timer__text > span {
  font-weight: 700;
  color: #5F27CD;
}
.modal-code__timer .timer__reset {
  text-align: center;
  font-weight: 700;
  color: #5F27CD;
  cursor: pointer;
  transition: opacity 0.3s ease;
}
.modal-code__timer .timer__reset:hover {
  opacity: 0.75;
}
.modal-code__or {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  margin-top: 0.75rem;
}
.modal-code__or::before, .modal-code__or::after {
  content: "";
  height: 1px;
  flex-grow: 1;
  min-width: 0;
  background: rgba(192, 192, 221, 0.3);
}
.modal-code__or > span {
  font-size: 0.75rem;
  line-height: 1.1666666667;
  color: #706DB0;
}
.modal-code__appel {
  margin-top: 0.75rem;
  text-align: center;
  font-weight: 700;
  color: #5F27CD;
  cursor: pointer;
  transition: opacity 0.3s ease;
}
.modal-code__appel:hover {
  opacity: 0.75;
}

.modal-recharge__content {
  padding: 1rem 1rem 4.5rem;
}
@media (min-width: 768px) {
  .modal-recharge__content {
    padding: 1.5rem;
  }
}
.modal-recharge__heading {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid rgba(192, 192, 221, 0.3);
}
.modal-recharge__title {
  font-size: 1.25rem;
  line-height: 1.2;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .modal-recharge__close {
    top: 3px;
  }
}
@media (min-width: 768px) {
  .modal-recharge__close {
    top: 12px;
    right: 12px;
  }
}
.modal-recharge__label {
  font-size: 0.875rem;
  font-weight: 700;
  line-height: 1.1428571429;
  margin-bottom: 1rem;
}
.modal-recharge__list {
  display: flex;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  margin-left: -1rem;
  margin-right: -1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  overflow-x: auto;
}
.modal-recharge__list::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.modal-recharge__item {
  display: block;
  margin-bottom: 0;
  cursor: pointer;
  flex-grow: 1;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.modal-recharge__item > span {
  text-align: center;
  display: block;
  padding: 11px 9px;
  border-radius: 0.5rem;
  border: 1px solid #5F27CD;
  color: #5F27CD;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  transition: background-color 0.3s ease, color 0.3s ease;
  white-space: nowrap;
  min-width: 100%;
  width: -moz-max-content;
  width: max-content;
}
.modal-recharge__item:hover > span {
  background-color: #5F27CD;
  color: #FFFFFF;
}
.modal-recharge__item > input:checked + span {
  background-color: #5F27CD;
  color: #FFFFFF;
}
.modal-recharge__item.check > span {
  background-color: #5F27CD;
  color: #FFFFFF;
}
.modal-recharge__item._custom > span {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 0.125rem;
       column-gap: 0.125rem;
  padding: 10px 9px;
}
.modal-recharge__item._custom > span::after {
  content: "";
  flex: 0 0 1.375rem;
  width: 1.375rem;
  height: 1.375rem;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5579 18.2396H18.4034' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.7837 4.54329C12.4592 3.68254 13.551 3.72746 14.4127 4.40304L15.6868 5.40221C16.5485 6.07779 16.8537 7.12554 16.1782 7.98812L8.5799 17.6819C8.32599 18.0064 7.93824 18.198 7.52574 18.2025L4.59515 18.2401L3.93149 15.3847C3.83799 14.9841 3.93149 14.5625 4.1854 14.237L11.7837 4.54329Z' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.3606 6.35938L14.7551 9.80421' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: background-image 0.3s ease;
}
.modal-recharge__item._custom:hover > span::after {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5586 18.2396H18.4042' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.7841 4.54329C12.4597 3.68254 13.5515 3.72746 14.4131 4.40304L15.6873 5.40221C16.549 6.07779 16.8542 7.12554 16.1786 7.98812L8.58039 17.6819C8.32647 18.0064 7.93872 18.198 7.52622 18.2025L4.59564 18.2401L3.93197 15.3847C3.83847 14.9841 3.93197 14.5625 4.18589 14.237L11.7841 4.54329Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.3613 6.35938L14.7558 9.80421' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.modal-recharge__item._custom.check > span::after {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.5586 18.2396H18.4042' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.7841 4.54329C12.4597 3.68254 13.5515 3.72746 14.4131 4.40304L15.6873 5.40221C16.549 6.07779 16.8542 7.12554 16.1786 7.98812L8.58039 17.6819C8.32647 18.0064 7.93872 18.198 7.52622 18.2025L4.59564 18.2401L3.93197 15.3847C3.83847 14.9841 3.93197 14.5625 4.18589 14.237L11.7841 4.54329Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.3613 6.35938L14.7558 9.80421' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.modal-recharge__table {
  margin-top: 1.5rem;
  display: none;
}
.modal-recharge__table.show {
  display: block;
}
.modal-recharge__table > table {
  width: 100%;
}
.modal-recharge__table > table > tbody > tr > td {
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(192, 192, 221, 0.3);
  font-size: 0.875rem;
  line-height: 1.1428571429;
}
.modal-recharge__table > table > tbody > tr > td:last-child {
  text-align: right;
}
.modal-recharge__table > table > tfoot > tr > td {
  padding-top: 0.75rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.1666666667;
}
.modal-recharge__table > table > tfoot > tr > td:last-child {
  text-align: right;
  font-size: 1.25rem;
  line-height: 1.2;
}
.modal-recharge__table._unfrais > table > tbody {
  display: none;
}
.modal-recharge__button {
  margin-top: 1.5rem;
  width: 100%;
}
.modal-recharge__alert {
  margin-top: 1rem;
  position: relative;
  min-height: 2.25rem;
  display: none;
  align-items: center;
  padding: 0.5rem 0.5rem 0.5rem 2.25rem;
  border-radius: 0.5rem;
  font-size: 0.75rem;
  line-height: 1.3333333333;
}
.modal-recharge__alert.show {
  display: flex;
}
.modal-recharge__alert::before {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  width: 1.25rem;
  height: 1.25rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  font-size: 0;
  line-height: 0;
}
.modal-recharge__alert:first-child {
  margin-top: 0;
}
.modal-recharge__alert > p {
  font-size: inherit;
  line-height: inherit;
}
.modal-recharge__alert > p:last-child {
  margin-bottom: 0;
}
.modal-recharge__alert._warning {
  background: #FFFAEB;
}
.modal-recharge__alert._warning::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_980_104448)'%3E%3Cpath d='M10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5Z' stroke='%23DC6803' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 6.66699H10.0083' stroke='%23DC6803' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.16669 10H10V13.3333H10.8334' stroke='%23DC6803' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_980_104448'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.modal-recharge__actions {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
@media (min-width: 768px) {
  .modal-annuler__dialog {
    max-width: 508px;
  }
}
.modal-annuler__content {
  padding: 1rem 1rem 4.5rem;
}
@media (min-width: 768px) {
  .modal-annuler__content {
    padding: 1.5rem;
  }
}
@media (min-width: 768px) {
  .modal-annuler__close {
    top: 12px;
    right: 12px;
  }
}
.modal-annuler__title {
  padding-right: 2rem;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .modal-annuler__title {
    font-size: 1.25rem;
    line-height: 1.2;
    text-align: center;
    padding: 0rem 3.375rem;
    margin-bottom: 1.5rem;
  }
}
.modal-annuler__card {
  border: 1px solid rgba(192, 192, 221, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
  max-width: 312px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .modal-annuler__card {
    margin-bottom: 1.5rem;
  }
}
.modal-annuler__heading {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(192, 192, 221, 0.3);
}
.modal-annuler__image {
  margin: 0;
  flex: 0 0 2.375rem;
  width: 2.375rem;
  height: 2.375rem;
  font-size: 0;
  line-height: 0;
}
.modal-annuler__image > * {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 50%;
}
.modal-annuler__pseudo {
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.1666666667;
  flex-grow: 1;
  min-width: 0;
}
.modal-annuler__table {
  width: 100%;
}
.modal-annuler__table > tbody > tr > td {
  font-size: 0.875rem;
  line-height: 1.1428571429;
  color: #706DB0;
  padding: 0;
}
.modal-annuler__table > tbody > tr > td:last-child {
  color: #242434;
  text-align: right;
}
.modal-annuler__table > tbody > tr:not(:last-child) > td {
  padding-bottom: 0.75rem;
}
.modal-annuler__table > tbody > tr:nth-child(1) > td:last-child {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}
.modal-annuler__table > tbody > tr:nth-child(1) > td:last-child > time {
  font-size: inherit;
  line-height: inherit;
}
.modal-annuler__alert {
  margin-bottom: 1rem;
  position: relative;
  min-height: 2.25rem;
  display: flex;
  align-items: center;
  padding: 0.5rem 0.5rem 0.5rem 2.25rem;
  border-radius: 0.5rem;
  font-size: 0.75rem;
  line-height: 1.3333333333;
}
@media (min-width: 768px) {
  .modal-annuler__alert {
    margin-bottom: 1.5rem;
  }
}
.modal-annuler__alert::before {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  width: 1.25rem;
  height: 1.25rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  font-size: 0;
  line-height: 0;
}
.modal-annuler__alert:first-child {
  margin-top: 0;
}
.modal-annuler__alert > p {
  font-size: inherit;
  line-height: inherit;
}
.modal-annuler__alert > p:last-child {
  margin-bottom: 0;
}
.modal-annuler__alert._light {
  background: #F6F6FC;
}
.modal-annuler__alert._light::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='21' viewBox='0 0 20 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_663_132505)'%3E%3Cpath d='M10 18C14.1421 18 17.5 14.6421 17.5 10.5C17.5 6.35786 14.1421 3 10 3C5.85786 3 2.5 6.35786 2.5 10.5C2.5 14.6421 5.85786 18 10 18Z' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 7.16602H10.0083' stroke='%23706DB0' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.16602 10.5H9.99935V13.8333H10.8327' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_663_132505'%3E%3Crect width='20' height='20' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.modal-annuler__actions {
  display: grid;
  gap: 0.75rem 1.5rem;
}
@media (min-width: 768px) {
  .modal-annuler__actions {
    grid-template-columns: repeat(2, 1fr);
  }
}
.modal-annuler__action {
  padding: 12px;
}
.modal-annuler__action.btn--trans {
  padding: 11px;
}

.modal-password__content {
  padding: 1rem 1rem 4.5rem;
}
@media (min-width: 768px) {
  .modal-password__content {
    padding: 1.5rem;
  }
}
@media (min-width: 768px) {
  .modal-password__close {
    top: 0.75rem;
    right: 0.75rem;
  }
}
.modal-password__title {
  margin-bottom: 1.5rem;
  text-align: center;
  padding: 0 2rem;
  font-size: 1.25rem;
  line-height: 1.2;
}
.modal-password__group {
  margin-bottom: 1.125rem;
}
.modal-password__wrapper {
  position: relative;
  margin-bottom: 0.5rem;
}
.modal-password__error {
  font-size: 0.875rem;
  line-height: 1.1428571429;
  color: #EE5353;
  margin-top: 0.5rem;
  display: none;
}
.modal-password__error.show {
  display: block;
}
.modal-password__rules {
  margin-bottom: 1.5rem;
}
.modal-password__rules > h5 {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.1538461538;
  margin-bottom: 0.5rem;
}
.modal-password__rules > ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.modal-password__rules > ul > li {
  margin-bottom: 0.25rem;
  position: relative;
  color: #706DB0;
  padding-left: 1.5rem;
  font-size: 13px;
  line-height: 1.1538461538;
  transition: color 0.3s ease;
}
.modal-password__rules > ul > li:last-child {
  margin-bottom: 0;
}
.modal-password__rules > ul > li::before {
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5.5' y='5.5' width='4' height='4' rx='2' fill='%23706DB0'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.modal-password__rules > ul > li.valid {
  color: #10AC84;
}
.modal-password__rules > ul > li.valid::before {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1095_151147)'%3E%3Cpath d='M3.125 8L6.25 11.125L12.5 4.875' stroke='%2310AC84' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1095_151147'%3E%3Crect width='15' height='15' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.modal-password__button {
  width: 100%;
}

@media (min-width: 768px) {
  .modal-rendez__dialog {
    max-width: 360px;
  }
}
.modal-rendez__content {
  padding: 1rem 1rem 4.5rem;
}
@media (min-width: 768px) {
  .modal-rendez__content {
    padding: 1.5rem;
  }
}
@media (min-width: 768px) {
  .modal-rendez__close {
    top: 12px;
    right: 12px;
  }
}
.modal-rendez__title {
  padding-right: 2rem;
  font-size: 1.125rem;
  line-height: 1.3333333333;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .modal-rendez__title {
    font-size: 1.25rem;
    line-height: 1.2;
    text-align: center;
    padding: 0rem 3.375rem;
    margin-bottom: 1.5rem;
  }
}
.modal-rendez__card {
  border: 1px solid rgba(192, 192, 221, 0.3);
  border-radius: 0.5rem;
  padding: 0.75rem;
  margin-bottom: 1rem;
  max-width: 312px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .modal-rendez__card {
    margin-bottom: 1.5rem;
  }
}
.modal-rendez__heading {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(192, 192, 221, 0.3);
}
.modal-rendez__image {
  margin: 0;
  flex: 0 0 2.375rem;
  width: 2.375rem;
  height: 2.375rem;
  font-size: 0;
  line-height: 0;
}
.modal-rendez__image > * {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 50%;
}
.modal-rendez__pseudo {
  margin: 0;
  font-size: 1.125rem;
  line-height: 1.1666666667;
  flex-grow: 1;
  min-width: 0;
}
.modal-rendez__table {
  width: 100%;
}
.modal-rendez__table > tbody > tr > td {
  font-size: 0.875rem;
  line-height: 1.1428571429;
  color: #706DB0;
  padding: 0;
}
.modal-rendez__table > tbody > tr > td:last-child {
  color: #242434;
  text-align: right;
}
.modal-rendez__table > tbody > tr:not(:last-child) > td {
  padding-bottom: 0.75rem;
}
.modal-rendez__table > tbody > tr:nth-child(1) > td:last-child {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
}
.modal-rendez__table > tbody > tr:nth-child(1) > td:last-child > time {
  font-size: inherit;
  line-height: inherit;
}
.modal-rendez__total {
  margin-top: 1.5rem;
}
.modal-rendez__total > table {
  width: 100%;
}
.modal-rendez__total > table > tbody > tr > td {
  padding-bottom: 0.75rem;
  font-size: 0.875rem;
  line-height: 1.1428571429;
}
.modal-rendez__total > table > tbody > tr > td:last-child {
  text-align: right;
}
.modal-rendez__total > table > tbody > tr:last-child > td {
  border-bottom: 1px solid rgba(192, 192, 221, 0.3);
}
.modal-rendez__total > table > tfoot > tr > td {
  padding-top: 0.75rem;
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.1666666667;
}
.modal-rendez__total > table > tfoot > tr > td:last-child {
  text-align: right;
  font-size: 1.25rem;
  line-height: 1.2;
}
.modal-rendez__action {
  margin-top: 1.5rem;
  width: 100%;
}

@media (min-width: 768px) {
  .modal-needlog__dialog {
    max-width: 450px;
  }
}
.modal-needlog__content {
  padding: 1rem 1rem 4.5rem;
}
@media (min-width: 768px) {
  .modal-needlog__content {
    padding: 1.5rem;
  }
}
@media (min-width: 768px) {
  .modal-needlog__close {
    top: 12px;
    right: 12px;
  }
}
.modal-needlog__title {
  font-size: 1.125rem;
  line-height: 1.3333333333;
  margin-bottom: 0.75rem;
  padding: 0 1.5rem;
  text-align: center;
}
@media (min-width: 375px) {
  .modal-needlog__title {
    font-size: 1.25rem;
    line-height: 1.2;
    padding: 0rem 2.25rem;
  }
}
@media (min-width: 768px) {
  .modal-needlog__title {
    font-size: 1.5rem;
    line-height: 1.3333333333;
  }
}
.modal-needlog__desc {
  line-height: 1.75;
  margin-bottom: 1.5rem;
  text-align: center;
}
.modal-needlog__desc > *:last-child {
  margin-bottom: 0;
}
.modal-needlog__action {
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .modal-possible__dialog {
    max-width: 638px;
  }
}
.modal-possible__content {
  padding: 1rem 1rem 4.5rem;
}
@media (min-width: 768px) {
  .modal-possible__content {
    padding: 1.5rem;
  }
}
@media (min-width: 768px) {
  .modal-possible__close {
    top: 12px;
    right: 12px;
  }
}
.modal-possible__title {
  font-size: 1.125rem;
  line-height: 1.3333333333;
  margin-bottom: 0.75rem;
  padding-right: 1.75rem;
  letter-spacing: -0.6px;
}
@media (min-width: 375px) {
  .modal-possible__title {
    font-size: 1.125rem;
    line-height: 1.2222222222;
    padding-right: 3.875rem;
  }
}
@media (min-width: 768px) {
  .modal-possible__title {
    line-height: 1.3333333333;
    padding-right: 1.5rem;
  }
}
.modal-possible__desc {
  line-height: 1.75;
  margin-bottom: 1.5rem;
}
.modal-possible__desc > *:last-child {
  margin-bottom: 0;
}
.modal-possible__action {
  display: flex;
  justify-content: center;
}
.modal-possible__button {
  width: 344px;
  max-width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
  padding: 12px;
  color: #FFFFFF;
  fill: #FFFFFF;
  border-radius: 8px;
  cursor: pointer;
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
}
@media (min-width: 1200px) {
  .modal-possible__button {
    padding: 14px 12px 12px;
  }
}
.modal-possible__button:hover, .modal-possible__button:active, .modal-possible__button:focus {
  color: #FFFFFF;
}
.modal-possible__button svg {
  flex: 0 0 1.125rem;
  width: 1.125rem;
  height: 1.125rem;
  overflow: initial;
}
.modal-possible__button > span:last-child {
  font-size: 0.75rem;
  line-height: 1.0833333333;
  position: relative;
  top: 1px;
}
.modal-possible__audiotel {
  border-bottom: 2px solid #4B2C87;
  background: linear-gradient(180deg, rgba(95, 39, 205, 0.76) 0%, rgba(95, 39, 205, 0.95) 100%);
}
.modal-possible__audiotel:hover, .modal-possible__audiotel:active, .modal-possible__audiotel:focus {
  border-bottom: 2px solid #4B2C87 !important;
  background: linear-gradient(180deg, rgba(95, 39, 205, 0.76) 0%, rgba(95, 39, 205, 0.95) 100%) !important;
}
.modal-possible__prive {
  border-bottom: 2px solid #2D7865;
  background: linear-gradient(180deg, rgba(17, 155, 120, 0.76) 0%, rgba(17, 155, 120, 0.95) 100%, #119B78 100%);
}
.modal-possible__prive:hover, .modal-possible__prive:active, .modal-possible__prive:focus {
  border-bottom: 2px solid #2D7865 !important;
  background: linear-gradient(180deg, rgba(17, 155, 120, 0.76) 0%, rgba(17, 155, 120, 0.95) 100%, #119B78 100%) !important;
}

.tooltip {
  position: absolute;
  z-index: 2;
  background: #FFFFFF;
  box-shadow: 0px 8px 20px 0px rgba(115, 115, 167, 0.5);
  border-radius: 12px;
  padding: 16px;
  width: 480px;
  opacity: 0;
  visibility: hidden;
  display: block;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  margin: 0;
}
.tooltip.show {
  opacity: 1;
  visibility: visible;
}
.tooltip > * {
  font-size: 14px;
  line-height: 1.4285714286;
  color: #242434;
  text-align: left;
  position: relative;
  z-index: 1;
  margin-bottom: 1.36em;
}
.tooltip > *:last-child {
  margin-bottom: 0;
}
.tooltip::after {
  content: "";
  position: absolute;
  bottom: -9px;
  left: 50%;
  transform: translateX(-50%);
  width: 28px;
  height: 34px;
  background-image: url(../img/icons/tooltip-arrow.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.spoiler__header {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.spoiler__icon {
  flex: 0 0 24px;
  position: relative;
  width: 24px;
  height: 24px;
  transition: 0.3s ease;
  display: flex;
  align-items: center;
  justify-content: center;
}
.spoiler__icon > span {
  display: block;
  width: 14px;
  height: 2px;
  background: #706DB0;
  transition: 0.3s ease;
}
.spoiler__icon > span:nth-child(1) {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(90deg);
}
@media (hover: hover) {
  .spoiler__header:hover .spoiler__icon > span {
    background: #5F27CD;
  }
}
.spoiler.active .spoiler__icon {
  transform: rotate(180deg);
}
.spoiler.active .spoiler__icon > span {
  background: #5F27CD;
}
.spoiler.active .spoiler__icon > span:nth-child(1) {
  opacity: 0;
}
.spoiler__body {
  display: none;
}

.switcher {
  font-size: 0;
  line-height: 0;
}
.switcher__control {
  position: relative;
  display: inline-block;
  width: 2.5rem;
  height: 1.25rem;
  margin: 0;
  vertical-align: top;
  background-color: #D1D1D6;
  border-radius: 2.5rem;
  outline: none;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.switcher__control::after {
  content: "";
  display: block;
  position: absolute;
  left: 0.125rem;
  top: 0.125rem;
  width: 1rem;
  height: 1rem;
  background-color: #FFFFFF;
  border-radius: 50%;
  transform: translateX(0);
  transition: 0.3s ease;
}
.switcher__control:checked {
  background-color: #1DCB8E;
}
.switcher__control:checked::after {
  transform: translateX(calc(100% + 0.25rem));
  background-color: #fff;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.16);
}
.switcher__control:disabled {
  background-color: #F2F2F7;
}
.switcher__control:disabled::after {
  background-color: #E5E5EA;
  box-shadow: none;
}

.breadcrumbs {
  padding: 24px 0;
}
.breadcrumbs ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 8px;
}
.breadcrumbs ul > li {
  display: inline-flex;
  align-items: center;
  font-size: 14px;
  line-height: 1.7142857143;
  color: #6967AC;
}
.breadcrumbs ul > li:not(:last-child)::after {
  content: "/";
  margin: 0 8px;
}
.breadcrumbs ul > li > a {
  font-size: 14px;
  line-height: 1.7142857143;
  color: #6967AC;
}
@media (hover: hover) {
  .breadcrumbs ul > li > a:hover {
    color: #5F27CD;
  }
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1001;
  background: #5F27CD;
}
.header__body {
  display: flex;
  justify-content: space-between;
}
.header__logo {
  margin-left: -12px;
}
.header__logo > a {
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  padding: 8px 12px;
}
@media (min-width: 1200px) {
  .header__logo > a {
    padding: 12px;
  }
}
.header__logo > a > img {
  flex: 0 0 32px;
  width: 32px;
  height: 32px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
@media (min-width: 1200px) {
  .header__logo > a > img {
    flex: 0 0 24px;
    width: 24px;
    height: 24px;
  }
}
.header__logo > a > span {
  font-size: 20px;
  line-height: 1.15;
  color: #FFFFFF;
}

.header-nav {
  position: fixed;
  top: 48px;
  right: 0;
  width: 293px;
  background: #5F27CD;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  padding: 12px 24px;
  height: calc(100% - 48px);
  overflow-y: auto;
  transform: translateX(100%);
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
}
@media (min-width: 1200px) {
  .header-nav {
    position: relative;
    top: 0;
    width: auto;
    border-top: 0;
    padding: 0;
    height: auto;
    overflow: initial;
    transform: translate(0);
    opacity: 1;
    visibility: visible;
    transition: 0s;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    -moz-column-gap: 34px;
         column-gap: 34px;
  }
}
.header-nav.show {
  opacity: 1;
  visibility: visible;
  transform: translate(0);
}
.header-nav__menu {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .header-nav__menu {
    display: flex;
    align-items: center;
    -moz-column-gap: 34px;
         column-gap: 34px;
    padding-right: 34px;
    position: relative;
  }
}
@media (min-width: 1200px) {
  .header-nav__menu::after {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 1.5rem;
    background: #8F68DC;
  }
}
.header-nav__menu > li {
  padding: 16px 24px 16px 0;
  margin-top: 4px;
  border-top: 1px solid rgba(255, 255, 255, 0.15);
}
@media (min-width: 1200px) {
  .header-nav__menu > li {
    margin-top: 0;
    border-top: 0;
    padding: 0;
    font-size: 0;
  }
}
.header-nav__menu > li > a {
  color: #FFFFFF;
  padding: 4px 0 4px 36px;
  font-size: 14px;
  line-height: 1.1428571429;
  display: block;
  position: relative;
}
@media (min-width: 1200px) {
  .header-nav__menu > li > a {
    padding: 5px 0;
  }
}
@media (hover: hover) {
  .header-nav__menu > li > a:hover {
    color: #FECA57;
  }
}
.header-nav__menu > li > a.active {
  color: #FECA57;
}
.header-nav__menu > li > a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (min-width: 1200px) {
  .header-nav__menu > li > a::before {
    display: none;
  }
}
.header-nav__menu > li > a._home::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Iconly/Light/Home'%3E%3Cg id='Home'%3E%3Cpath id='Home_2' d='M9.15722 20.7714V17.7047C9.1572 16.9246 9.79312 16.2908 10.581 16.2856H13.4671C14.2587 16.2856 14.9005 16.9209 14.9005 17.7047V17.7047V20.7809C14.9003 21.4432 15.4343 21.9845 16.103 22H18.0271C19.9451 22 21.5 20.4607 21.5 18.5618V18.5618V9.83784C21.4898 9.09083 21.1355 8.38935 20.538 7.93303L13.9577 2.6853C12.8049 1.77157 11.1662 1.77157 10.0134 2.6853L3.46203 7.94256C2.86226 8.39702 2.50739 9.09967 2.5 9.84736V18.5618C2.5 20.4607 4.05488 22 5.97291 22H7.89696C8.58235 22 9.13797 21.4499 9.13797 20.7714V20.7714' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.header-nav__menu > li > a._home.active::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Iconly/Light/Home'%3E%3Cg id='Home'%3E%3Cpath id='Home_2' d='M9.15722 20.7714V17.7047C9.1572 16.9246 9.79312 16.2908 10.581 16.2856H13.4671C14.2587 16.2856 14.9005 16.9209 14.9005 17.7047V17.7047V20.7809C14.9003 21.4432 15.4343 21.9845 16.103 22H18.0271C19.9451 22 21.5 20.4607 21.5 18.5618V18.5618V9.83784C21.4898 9.09083 21.1355 8.38935 20.538 7.93303L13.9577 2.6853C12.8049 1.77157 11.1662 1.77157 10.0134 2.6853L3.46203 7.94256C2.86226 8.39702 2.50739 9.09967 2.5 9.84736V18.5618C2.5 20.4607 4.05488 22 5.97291 22H7.89696C8.58235 22 9.13797 21.4499 9.13797 20.7714V20.7714' stroke='%23FECA57' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.header-nav__menu > li > a._cupon::before {
  background-image: url(../img/icons/cupon.svg);
}
.header-nav__menu > li > a._cupon.active::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.79438 7.05526C4.79438 5.80626 5.80738 4.79326 7.05538 4.79326H8.08438C8.68038 4.79326 9.25338 4.55726 9.67738 4.13626L10.3964 3.41626C11.2774 2.53126 12.7094 2.52726 13.5944 3.40826L13.6034 3.41626L14.3234 4.13626C14.7464 4.55726 15.3194 4.79326 15.9164 4.79326H16.9444C18.1934 4.79326 19.2064 5.80626 19.2064 7.05526V8.08226C19.2064 8.68026 19.4424 9.25226 19.8634 9.67626L20.5834 10.3963C21.4684 11.2773 21.4734 12.7083 20.5924 13.5943L20.5834 13.6033L19.8634 14.3233C19.4424 14.7453 19.2064 15.3193 19.2064 15.9153V16.9443C19.2064 18.1933 18.1934 19.2053 16.9444 19.2053H15.9164C15.3194 19.2053 14.7464 19.4423 14.3234 19.8633L13.6034 20.5823C12.7234 21.4683 11.2914 21.4723 10.4054 20.5913C10.4024 20.5883 10.3994 20.5853 10.3964 20.5823L9.67738 19.8633C9.25338 19.4423 8.68038 19.2053 8.08438 19.2053H7.05538C5.80738 19.2053 4.79438 18.1933 4.79438 16.9443V15.9153C4.79438 15.3193 4.55738 14.7453 4.13638 14.3233L3.41738 13.6033C2.53138 12.7223 2.52738 11.2903 3.40838 10.4053L3.41738 10.3963L4.13638 9.67626C4.55738 9.25226 4.79438 8.68026 4.79438 8.08226V7.05526' stroke='%23FECA57' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.43018 14.5697L14.5702 9.42969' stroke='%23FECA57' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.5669 15.322C14.3669 15.322 14.1769 15.242 14.0369 15.102C13.9669 15.032 13.9169 14.942 13.8769 14.852C13.8369 14.762 13.8169 14.673 13.8169 14.572C13.8169 14.472 13.8369 14.372 13.8769 14.282C13.9169 14.192 13.9669 14.112 14.0369 14.042C14.3169 13.762 14.8169 13.762 15.0969 14.042C15.1669 14.112 15.2269 14.192 15.2669 14.282C15.2969 14.372 15.3169 14.472 15.3169 14.572C15.3169 14.673 15.2969 14.762 15.2669 14.852C15.2269 14.942 15.1669 15.032 15.0969 15.102C14.9569 15.242 14.7669 15.322 14.5669 15.322Z' fill='%23FECA57'/%3E%3Cpath d='M9.427 10.1822C9.327 10.1822 9.237 10.1612 9.147 10.1212C9.057 10.0812 8.967 10.0322 8.897 9.96216C8.827 9.88216 8.777 9.80216 8.737 9.71216C8.697 9.62116 8.677 9.53216 8.677 9.43216C8.677 9.33116 8.697 9.23216 8.737 9.14216C8.777 9.05216 8.827 8.96216 8.897 8.90216C9.187 8.62116 9.677 8.62116 9.957 8.90216C10.097 9.04116 10.177 9.23216 10.177 9.43216C10.177 9.53216 10.167 9.62116 10.127 9.71216C10.087 9.80216 10.027 9.88216 9.957 9.96216C9.887 10.0322 9.807 10.0812 9.717 10.1212C9.627 10.1612 9.527 10.1822 9.427 10.1822Z' fill='%23FECA57'/%3E%3C/svg%3E%0A");
}
.header-nav__menu > li > a._info::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Iconly/Light/Info Square'%3E%3Cg id='Info Square'%3E%3Cpath id='Stroke 1' d='M11.9902 15.794V11.375' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Stroke 2' d='M11.9902 8.20312H12.0002' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Stroke 3' fill-rule='evenodd' clip-rule='evenodd' d='M16.335 2.75H7.66598C4.64498 2.75 2.75098 4.889 2.75098 7.916V16.084C2.75098 19.111 4.63598 21.25 7.66598 21.25H16.334C19.365 21.25 21.251 19.111 21.251 16.084V7.916C21.251 4.889 19.365 2.75 16.335 2.75Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.header-nav__menu > li > a._info.active::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Iconly/Light/Info Square'%3E%3Cg id='Info Square'%3E%3Cpath id='Stroke 1' d='M11.9902 15.794V11.375' stroke='%23FECA57' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Stroke 2' d='M11.9902 8.20312H12.0002' stroke='%23FECA57' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath id='Stroke 3' fill-rule='evenodd' clip-rule='evenodd' d='M16.335 2.75H7.66598C4.64498 2.75 2.75098 4.889 2.75098 7.916V16.084C2.75098 19.111 4.63598 21.25 7.66598 21.25H16.334C19.365 21.25 21.251 19.111 21.251 16.084V7.916C21.251 4.889 19.365 2.75 16.335 2.75Z' stroke='%23FECA57' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
.header-nav__menu > li > a._contact::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8554 8.12111L10.1916 13.8227L3.56064 9.74147C2.69176 9.20657 2.86787 7.88697 3.8467 7.60287L19.5022 3.04743C20.3925 2.78978 21.2156 3.62446 20.949 4.51889L16.304 20.1582C16.013 21.1369 14.7082 21.3064 14.1809 20.4325L10.1916 13.8227' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.header-nav__menu > li > a._contact.active::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.8554 8.12111L10.1916 13.8227L3.56064 9.74147C2.69176 9.20657 2.86787 7.88697 3.8467 7.60287L19.5022 3.04743C20.3925 2.78978 21.2156 3.62446 20.949 4.51889L16.304 20.1582C16.013 21.1369 14.7082 21.3064 14.1809 20.4325L10.1916 13.8227' stroke='%23FECA57' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.header-nav__menu > li > a._nos::before {
  background-image: url(../img/icons/nos.svg);
}
.header-nav__menu > li > a._nos.active::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.5703 11.1406C18.366 11.1406 19.129 10.8246 19.6916 10.2619C20.2542 9.69934 20.5703 8.93627 20.5703 8.14062C20.5703 7.34498 20.2542 6.58191 19.6916 6.0193C19.129 5.4567 18.366 5.14063 17.5703 5.14062' stroke='%23FECA57' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.8555 13.7148C19.3573 13.7481 19.8561 13.8186 20.3475 13.9258C20.7019 13.9529 21.0462 14.0563 21.3569 14.2289C21.6676 14.4015 21.9373 14.6392 22.1475 14.9258C22.2395 15.1144 22.2873 15.3215 22.2873 15.5313C22.2873 15.7412 22.2395 15.9483 22.1475 16.1368C21.9367 16.4234 21.667 16.6614 21.3565 16.8349C21.046 17.0085 20.7019 17.1135 20.3475 17.1428' stroke='%23FECA57' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.42773 11.1406C5.63208 11.1406 4.86902 10.8246 4.30641 10.2619C3.7438 9.69934 3.42773 8.93627 3.42773 8.14062C3.42773 7.34498 3.7438 6.58191 4.30641 6.0193C4.86902 5.4567 5.63208 5.14063 6.42773 5.14062' stroke='%23FECA57' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.1426 13.7148C4.64038 13.748 4.14133 13.8185 3.6496 13.9258C3.29516 13.9527 2.95075 14.056 2.64003 14.2286C2.32931 14.4012 2.05966 14.6391 1.8496 14.9258C1.75709 15.1143 1.70898 15.3214 1.70898 15.5313C1.70898 15.7413 1.75709 15.9484 1.8496 16.1368C2.06023 16.4235 2.3299 16.6616 2.64042 16.8352C2.95094 17.0087 3.29507 17.1136 3.6496 17.1428' stroke='%23FECA57' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 14.5703C15.236 14.5703 18 15.0823 18 17.1323C18 19.1823 15.254 19.7133 12 19.7133C8.763 19.7133 6 19.2013 6 17.1513C6 15.1013 8.746 14.5703 12 14.5703Z' stroke='%23FECA57' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.9996 11.9992C11.2367 11.9992 10.491 11.7729 9.85675 11.3491C9.22247 10.9253 8.7281 10.3229 8.43618 9.61817C8.14425 8.91339 8.06787 8.13788 8.21669 7.38969C8.36551 6.64151 8.73286 5.95426 9.27227 5.41485C9.81168 4.87544 10.4989 4.50809 11.2471 4.35927C11.9953 4.21045 12.7708 4.28683 13.4756 4.57875C14.1804 4.87068 14.7827 5.36504 15.2066 5.99932C15.6304 6.6336 15.8566 7.37932 15.8566 8.14216C15.8583 8.64915 15.7597 9.15147 15.5665 9.6202C15.3733 10.0889 15.0892 10.5148 14.7307 10.8733C14.3722 11.2318 13.9463 11.5158 13.4776 11.7091C13.0089 11.9023 12.5066 12.0009 11.9996 11.9992V11.9992Z' stroke='%23FECA57' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.header-nav__menu > li > a._plan::before {
  background-image: url(../img/icons/planning.svg);
}
.header-nav__menu > li > a._plan.active::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.1992 3V21' stroke='%23FECA57' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 10.1914H3' stroke='%23FECA57' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.217 3H7.783C4.843 3 3 5.081 3 8.027V15.974C3 18.919 4.834 21 7.783 21H16.217C19.166 21 21 18.919 21 15.973V8.027C21 5.081 19.166 3 16.217 3Z' stroke='%23FECA57' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.header-nav__menu > li > a._fav::before {
  background-image: url(../img/icons/favorite.svg);
}
.header-nav__menu > li > a._recr::before {
  background-image: url(../img/icons/recrute.svg);
}
.header-nav__menu > li > a._recr.active::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.80469 15.4766C2.80469 15.4766 2.94669 17.2146 2.97969 17.7626C3.0248 18.5359 3.30378 19.2773 3.77969 19.8886C4.07949 20.2594 4.46421 20.5525 4.9013 20.7431C5.33839 20.9337 5.81497 21.0162 6.29069 20.9836C7.52769 20.9836 16.5227 20.9836 17.7597 20.9836C18.2351 21.0158 18.7113 20.9332 19.148 20.7426C19.5847 20.552 19.9691 20.2591 20.2687 19.8886C20.7441 19.277 21.023 18.5358 21.0687 17.7626C21.1047 17.2146 21.2457 15.4766 21.2457 15.4766' stroke='%23FECA57' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.49609 5.329V4.958C8.49596 4.66801 8.55298 4.38083 8.6639 4.11288C8.77482 3.84493 8.93745 3.60147 9.14251 3.39642C9.34757 3.19136 9.59103 3.02872 9.85897 2.91781C10.1269 2.80689 10.4141 2.74987 10.7041 2.75H13.2861C13.5762 2.74974 13.8636 2.80666 14.1317 2.9175C14.3998 3.02835 14.6434 3.19094 14.8487 3.396C15.0539 3.60106 15.2167 3.84456 15.3278 4.11257C15.4389 4.38059 15.4961 4.66787 15.4961 4.958V5.329' stroke='%23FECA57' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.9961 16.6768V15.3828' stroke='%23FECA57' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M2.75 8.38614V11.8531C4.78244 13.1766 7.08419 14.0306 9.488 14.3531C9.63582 13.8045 9.96064 13.32 10.412 12.9748C10.8634 12.6297 11.4161 12.4432 11.9843 12.4443C12.5526 12.4455 13.1045 12.6342 13.5545 12.9811C14.0045 13.3281 14.3274 13.8139 14.473 14.3631C16.8877 14.0418 19.1998 13.1842 21.24 11.8531V8.38614C21.2409 7.98438 21.1625 7.58639 21.0092 7.21503C20.8559 6.84367 20.6308 6.50623 20.3467 6.2221C20.0627 5.93797 19.7253 5.71273 19.354 5.55932C18.9827 5.40591 18.5848 5.32734 18.183 5.32814H5.817C5.4147 5.32708 5.01614 5.4054 4.64415 5.55859C4.27215 5.71179 3.93403 5.93686 3.64914 6.22091C3.36425 6.50496 3.13819 6.84242 2.9839 7.21396C2.82961 7.58551 2.75013 7.98383 2.75 8.38614H2.75Z' stroke='%23FECA57' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.header-nav__menu > li > a._blog::before {
  background-image: url(../img/icons/blog.svg);
}
.header-nav__menu > li > a._horo::before {
  background-image: url(../img/icons/horoscope.svg);
}
.header-nav__menu > li.has-child {
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
}
.header-nav__menu > li.has-child::after {
  content: "";
  position: absolute;
  pointer-events: none;
  right: 0;
  top: 15px;
  width: 24px;
  height: 24px;
  background-image: url(../img/general/chevron-drop.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: 0.3s ease;
}
@media (min-width: 1200px) {
  .header-nav__menu > li.has-child::after {
    top: 4px;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzEwNjIwXzEyMykiPgo8cmVjdCBvcGFjaXR5PSIwLjAxIiB4PSItNCIgeT0iLTQiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0iI0E0QTRCRSIgZmlsbC1vcGFjaXR5PSIwLjIxOTYwOCIvPgo8cGF0aCBkPSJNMTMgNkw4IDExTDMgNiIgc3Ryb2tlPSJ3aGl0ZSIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L2c+CjxkZWZzPgo8Y2xpcFBhdGggaWQ9ImNsaXAwXzEwNjIwXzEyMyI+CjxyZWN0IHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K");
    pointer-events: none;
  }
}
.header-nav__menu > li.has-child.active::after {
  transform: rotate(180deg);
}
.header-nav__menu > li.has-child > a {
  padding-top: 20px;
  padding-bottom: 16px;
  margin-right: -24px;
}
@media (min-width: 1200px) {
  .header-nav__menu > li.has-child > a {
    margin-right: 0;
    padding: 5px 21px 5px 0;
  }
}
.header-nav__menu > li.has-child > a::before {
  top: 16px;
}
@media (min-width: 1200px) and (hover: hover) {
  .header-nav__menu > li.has-child:hover::after {
    transform: rotate(180deg);
    background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yLjQ2OTY3IDUuNDY5NjdDMi43NjI1NiA1LjE3Njc4IDMuMjM3NDQgNS4xNzY3OCAzLjUzMDMzIDUuNDY5NjdMOCA5LjkzOTM0TDEyLjQ2OTcgNS40Njk2N0MxMi43NjI2IDUuMTc2NzggMTMuMjM3NCA1LjE3Njc4IDEzLjUzMDMgNS40Njk2N0MxMy44MjMyIDUuNzYyNTYgMTMuODIzMiA2LjIzNzQ0IDEzLjUzMDMgNi41MzAzM0w4LjUzMDMzIDExLjUzMDNDOC4yMzc0NCAxMS44MjMyIDcuNzYyNTYgMTEuODIzMiA3LjQ2OTY3IDExLjUzMDNMMi40Njk2NyA2LjUzMDMzQzIuMTc2NzggNi4yMzc0NCAyLjE3Njc4IDUuNzYyNTYgMi40Njk2NyA1LjQ2OTY3WiIgZmlsbD0iI0ZFQ0E1NyIvPgo8L3N2Zz4K");
  }
  .header-nav__menu > li.has-child:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    transform: translate(0);
  }
}
.header-nav__menu > li .sub-menu {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  padding-bottom: 15px;
  margin-right: -24px;
  display: none;
}
@media (min-width: 1200px) {
  .header-nav__menu > li .sub-menu {
    margin-right: 0;
    display: block;
    position: absolute;
    top: calc(100% + 4px);
    left: -10px;
    background: #FFFFFF;
    border-radius: 8px;
    padding: 24px;
    box-shadow: 0px 11px 26px 0px rgba(115, 115, 167, 0.3);
    transform: translateY(-10px);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s ease;
  }
}
.header-nav__menu > li .sub-menu > li {
  margin-bottom: 4px;
}
@media (min-width: 1200px) {
  .header-nav__menu > li .sub-menu > li {
    margin-bottom: 24px;
  }
}
.header-nav__menu > li .sub-menu > li:last-child {
  margin-bottom: 0;
}
.header-nav__menu > li .sub-menu > li > a {
  padding: 16px 12px;
  display: block;
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 1.1428571429;
}
@media (min-width: 1200px) {
  .header-nav__menu > li .sub-menu > li > a {
    padding: 0;
    color: #242434;
    text-transform: none;
    white-space: nowrap;
  }
}
@media (min-width: 1200px) and (hover: hover) {
  .header-nav__menu > li .sub-menu > li > a:hover {
    color: #5F27CD;
  }
}

.header-button {
  padding: 16px 0 16px 36px;
  display: block;
  position: relative;
  color: #FFFFFF;
  font-size: 14px;
  line-height: 1.1428571429;
}
.header-button:hover {
  color: #FFFFFF;
}
@media (min-width: 1200px) {
  .header-button {
    padding: 2px 0 2px 25px;
  }
}
@media (min-width: 1200px) and (hover: hover) {
  .header-button:hover {
    color: #FECA57;
  }
}
.header-button::before {
  content: "";
  position: absolute;
  top: 12px;
  left: 0;
  width: 24px;
  height: 24px;
  transition: 0.3s ease;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.25439 6.45744C9.25439 4.83678 10.5675 3.52344 12.1894 3.52344H17.0734C18.6892 3.52344 19.9984 4.83265 19.9984 6.44844V17.5884C19.9984 19.2092 18.6842 20.5234 17.0634 20.5234H12.1784C10.5639 20.5234 9.25439 19.2135 9.25439 17.5984V16.6564C9.25439 16.2422 8.91861 15.9064 8.50439 15.9064C8.09018 15.9064 7.75439 16.2422 7.75439 16.6564V17.5984C7.75439 20.0414 9.73492 22.0234 12.1784 22.0234H17.0634C19.5126 22.0234 21.4984 20.0377 21.4984 17.5884V6.44844C21.4984 4.00422 19.5176 2.02344 17.0734 2.02344H12.1894C9.73931 2.02344 7.75439 4.00809 7.75439 6.45744V7.39044C7.75439 7.80465 8.09018 8.14044 8.50439 8.14044C8.91861 8.14044 9.25439 7.80465 9.25439 7.39044V6.45744ZM12.3533 8.57623C12.6456 8.28273 13.1205 8.28176 13.414 8.57405L16.342 11.4901C16.4833 11.6308 16.5628 11.822 16.5628 12.0215C16.5628 12.0495 16.5612 12.0773 16.5581 12.1049C16.5376 12.2949 16.4461 12.4636 16.3108 12.584L13.414 15.4689C13.1205 15.7612 12.6456 15.7602 12.3533 15.4667C12.0611 15.1732 12.062 14.6983 12.3555 14.4061L13.9949 12.7734H3.77148C3.35727 12.7734 3.02148 12.4377 3.02148 12.0234C3.02148 11.6092 3.35727 11.2734 3.77148 11.2734H13.9988L12.3555 9.63689C12.062 9.3446 12.0611 8.86972 12.3533 8.57623Z' fill='white'/%3E%3C/svg%3E%0A");
}
@media (min-width: 1200px) {
  .header-button::before {
    width: 1.25rem;
    height: 1.25rem;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}
.header-button.active, .header-button:hover {
  color: #FECA57;
}
.header-button.active::before, .header-button:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.1771 10.0182H3.14294' stroke='%23FECA57' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.7374 7.58594L13.1774 10.0159L10.7374 12.4459' stroke='%23FECA57' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.08704 6.15609V5.37859C7.08704 3.68276 8.4612 2.30859 10.1579 2.30859H14.2279C15.9195 2.30859 17.2904 3.67943 17.2904 5.37109V14.6544C17.2904 16.3503 15.9154 17.7253 14.2195 17.7253H10.1487C8.45787 17.7253 7.08704 16.3536 7.08704 14.6628V13.8778' stroke='%23FECA57' stroke-width='1.3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

.bars {
  cursor: pointer;
  position: relative;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  margin-right: -12px;
}
@media (min-width: 1200px) {
  .bars {
    display: none;
  }
}
.bars > span {
  background: #FFFFFF;
  display: block;
  height: 2px;
  width: 20px;
  border-radius: 2px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: 0.3s ease;
}
.bars > span:nth-child(1) {
  top: 17px;
}
.bars > span:nth-child(2) {
  top: 23px;
}
.bars > span:nth-child(3) {
  bottom: 17px;
}
.bars.active > span:nth-child(1) {
  top: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.bars.active > span:nth-child(2) {
  width: 0;
  opacity: 0;
}
.bars.active > span:nth-child(3) {
  bottom: 50%;
  transform: translate(-50%, 50%) rotate(-45deg);
}

.header-nav-shadow {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.3s ease;
  background: rgba(0, 0, 0, 0.12);
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 1200px) {
  .header-nav-shadow {
    display: none;
  }
}
.header-nav-shadow.show {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 1200px) {
  .header-nav-shadow.show {
    opacity: 0;
    visibility: hidden;
  }
}

.footer {
  background	: #242434;
  padding		: 24px 0;
  position		: fixed;
  bottom		: 0;
  width			: 100%;
  z-index		: 100;
}
@media (max-width: 1200px) {
  .footer {
    padding: 20px 0;
  }
}
.footer__body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 24px;
}
.footer__text {
  text-align: center;
  flex-grow: 1;
}
@media (min-width: 1200px) {
  .footer__text {
    text-align: left;
  }
}
.footer__text > p {
  color: #FFFFFF;
  font-size: 14px;
  line-height: 1.4285714286;
}
.footer__text > p:last-child {
  margin-bottom: 0;
}
.footer__text > p > a {
  color: #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
}
@media (hover: hover) {
  .footer__text > p > a:hover {
    border-color: #FECA57;
    color: #FECA57;
  }
}
.footer__list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  flex-grow: 1;
  gap: 24px;
}
@media (min-width: 1200px) {
  .footer__list {
    flex-grow: 0;
  }
}
.footer__list > li {
  color: #FFFFFF;
  font-size: 14px;
  line-height: 1.1428571429;
}
.footer__list > li > a {
  color: #FFFFFF;
  font-size: 1em;
  line-height: 1.1428571429;
  border-bottom: 1px solid #FFFFFF;
}
@media (hover: hover) {
  .footer__list > li > a:hover {
    border-color: #FECA57;
    color: #FECA57;
  }
}

.mobile-nav {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background: #FFFFFF;
  z-index: 950;
  box-shadow: 0px 0px 16px rgba(115, 115, 167, 0.2);
}
@media (min-width: 1200px) {
  .mobile-nav {
    display: none;
  }
}
.mobile-nav.active {
  z-index: 1200;
  box-shadow: none;
  border-top: 1px solid #C0C0DD;
}
@media (min-width: 768px) {
  .mobile-nav.active {
    z-index: 950;
  }
}
.mobile-nav--shadow0 {
  box-shadow: none;
}
.mobile-nav__body {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  height: 56px;
  padding: 8px 12px;
}
@media (min-width: 768px) {
  .mobile-nav__body {
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
.mobile-nav__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  font-size: 0;
  line-height: 0;
}
@media (min-width: 768px) {
  .mobile-nav__item {
    flex: 0 0 205px;
    width: 205px;
  }
}
.mobile-nav__icon {
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.mobile-nav__item._nos .mobile-nav__icon {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.9037 11.6406C18.6993 11.6406 19.4624 11.3246 20.025 10.7619C20.5876 10.1993 20.9037 9.43627 20.9037 8.64062C20.9037 7.84498 20.5876 7.08191 20.025 6.5193C19.4624 5.9567 18.6993 5.64063 17.9037 5.64062' stroke='%23706DB0' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.1898 14.2148C19.6917 14.2481 20.1904 14.3186 20.6818 14.4258C21.0362 14.4529 21.3805 14.5563 21.6912 14.7289C22.0019 14.9015 22.2716 15.1392 22.4818 15.4258C22.5738 15.6144 22.6216 15.8215 22.6216 16.0313C22.6216 16.2412 22.5738 16.4483 22.4818 16.6368C22.271 16.9234 22.0013 17.1614 21.6908 17.3349C21.3804 17.5085 21.0363 17.6135 20.6818 17.6428' stroke='%23706DB0' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.76111 11.6406C5.96546 11.6406 5.2024 11.3246 4.63979 10.7619C4.07718 10.1993 3.76111 9.43627 3.76111 8.64062C3.76111 7.84498 4.07718 7.08191 4.63979 6.5193C5.2024 5.9567 5.96546 5.64063 6.76111 5.64062' stroke='%23706DB0' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.47597 14.2148C4.97376 14.248 4.47471 14.3185 3.98297 14.4258C3.62854 14.4527 3.28412 14.556 2.97341 14.7286C2.66269 14.9012 2.39303 15.1391 2.18297 15.4258C2.09046 15.6143 2.04236 15.8214 2.04236 16.0313C2.04236 16.2413 2.09046 16.4484 2.18297 16.6368C2.3936 16.9235 2.66328 17.1616 2.9738 17.3352C3.28431 17.5087 3.62845 17.6136 3.98297 17.6428' stroke='%23706DB0' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.3334 15.0703C15.5694 15.0703 18.3334 15.5823 18.3334 17.6323C18.3334 19.6823 15.5874 20.2133 12.3334 20.2133C9.09637 20.2133 6.33337 19.7013 6.33337 17.6513C6.33337 15.6013 9.07937 15.0703 12.3334 15.0703Z' stroke='%23706DB0' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.333 12.4992C11.5701 12.4992 10.8244 12.2729 10.1901 11.8491C9.55584 11.4253 9.06148 10.8229 8.76955 10.1182C8.47762 9.41339 8.40124 8.63788 8.55007 7.88969C8.69889 7.14151 9.06623 6.45426 9.60564 5.91485C10.1451 5.37544 10.8323 5.00809 11.5805 4.85927C12.3287 4.71045 13.1042 4.78683 13.809 5.07875C14.5137 5.37068 15.1161 5.86504 15.5399 6.49932C15.9637 7.1336 16.19 7.87932 16.19 8.64216C16.1917 9.14915 16.0931 9.65147 15.8999 10.1202C15.7066 10.5889 15.4226 11.0148 15.0641 11.3733C14.7056 11.7318 14.2797 12.0158 13.811 12.2091C13.3423 12.4023 12.8399 12.5009 12.333 12.4992V12.4992Z' stroke='%23706DB0' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.mobile-nav__item.active._nos .mobile-nav__icon {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3038_29554)'%3E%3Cpath d='M6.33769 17.5909C6.33769 15.4917 9.05912 14.9483 12.2854 14.9483C15.4937 14.9483 18.2323 15.4729 18.2323 17.572C18.2323 19.6712 15.5117 20.2137 12.2863 20.2137C9.07626 20.2137 6.33769 19.6883 6.33769 17.5909ZM19.8943 17.98C19.9602 17.1062 19.7575 16.2332 19.3132 15.4779C18.8689 14.7226 18.2043 14.1212 17.4085 13.7543C17.3998 13.7506 17.3925 13.7442 17.3877 13.736C17.3829 13.7278 17.3809 13.7183 17.382 13.7089C17.384 13.7022 17.3879 13.6963 17.3932 13.6919C17.3986 13.6875 17.4051 13.6847 17.412 13.684C18.4298 13.6654 19.4466 13.7573 20.4445 13.9583C20.8528 13.9938 21.2467 14.1264 21.5933 14.3449C21.94 14.5635 22.2294 14.8618 22.4374 15.2149C22.5546 15.4672 22.6153 15.742 22.6153 16.0202C22.6153 16.2983 22.5546 16.5732 22.4374 16.8254C22.0088 17.788 20.6194 18.0974 20.0803 18.1772H20.0554C20.0314 18.176 20.008 18.1698 19.9865 18.159C19.9651 18.1482 19.9462 18.133 19.931 18.1144C19.9158 18.0958 19.9047 18.0743 19.8984 18.0511C19.892 18.028 19.8906 18.0037 19.8943 17.98ZM4.58311 18.178C4.04483 18.0983 2.65711 17.7889 2.22683 16.8254C2.10879 16.5735 2.04761 16.2988 2.04761 16.0206C2.04761 15.7424 2.10879 15.4676 2.22683 15.2157C2.43446 14.8623 2.72358 14.5636 3.0701 14.3445C3.41661 14.1255 3.81047 13.9925 4.21883 13.9566C5.21699 13.7573 6.2337 13.6659 7.2514 13.684C7.25804 13.6848 7.26431 13.6875 7.26947 13.6918C7.27463 13.696 7.27847 13.7017 7.28054 13.708C7.28177 13.7175 7.27993 13.7271 7.2753 13.7354C7.27068 13.7437 7.2635 13.7503 7.25483 13.7543C6.45903 14.1207 5.79436 14.7217 5.35003 15.4768C4.90571 16.2318 4.703 17.1047 4.76911 17.9783C4.77331 18.0026 4.77223 18.0274 4.76595 18.0512C4.75967 18.075 4.74833 18.0972 4.73272 18.1162C4.7171 18.1353 4.69757 18.1507 4.67546 18.1615C4.65334 18.1723 4.62915 18.1782 4.60454 18.1789L4.58311 18.178ZM8.35026 8.86687C8.3389 8.33995 8.43188 7.81599 8.62386 7.32516C8.81583 6.83432 9.10301 6.38632 9.46885 6.00693C9.83469 5.62755 10.272 5.32428 10.7555 5.11459C11.239 4.90491 11.7593 4.79295 12.2863 4.78516C12.8132 4.79295 13.3335 4.90491 13.817 5.11459C14.3005 5.32428 14.7378 5.62755 15.1037 6.00693C15.4695 6.38632 15.7567 6.83432 15.9487 7.32516C16.1406 7.81599 16.2336 8.33995 16.2223 8.86687C16.2335 9.3938 16.1404 9.91776 15.9484 10.4086C15.7564 10.8994 15.4693 11.3474 15.1035 11.7269C14.7376 12.1063 14.3004 12.4096 13.8169 12.6195C13.3335 12.8293 12.8132 12.9414 12.2863 12.9494C11.7592 12.9415 11.239 12.8295 10.7554 12.6197C10.2719 12.4099 9.83463 12.1066 9.4688 11.7271C9.10297 11.3477 8.81581 10.8996 8.62384 10.4087C8.43187 9.91784 8.3389 9.39383 8.35026 8.86687ZM17.5354 12.3469C17.3839 12.3428 17.2329 12.3277 17.0837 12.3014C17.0589 12.2966 17.0357 12.2857 17.0161 12.2697C16.9965 12.2538 16.9811 12.2333 16.9713 12.21C16.9615 12.1867 16.9575 12.1614 16.9598 12.1363C16.9621 12.1111 16.9705 12.0869 16.9843 12.0657C17.5896 11.1362 17.9096 10.0498 17.9048 8.94059C17.9093 7.78096 17.561 6.64738 16.9063 5.6903C16.8942 5.6755 16.8865 5.65773 16.8837 5.63886C16.881 5.61999 16.8835 5.60074 16.8908 5.58316C16.9093 5.55773 16.937 5.54051 16.968 5.53516C17.1858 5.48862 17.4078 5.46506 17.6305 5.46487C18.1513 5.47988 18.6618 5.61337 19.1232 5.85518C19.5847 6.097 19.9849 6.4408 20.2936 6.86046C20.6023 7.28012 20.8113 7.7646 20.9047 8.27712C20.9982 8.78964 20.9736 9.31671 20.8328 9.8183C20.6598 10.5386 20.2495 11.1798 19.6679 11.6387C19.0862 12.0975 18.3671 12.3472 17.6263 12.3477L17.5354 12.3469ZM3.83483 9.8183C3.69424 9.31676 3.66977 8.78979 3.76327 8.27738C3.85678 7.76497 4.0658 7.2806 4.37448 6.86105C4.68315 6.44149 5.08336 6.09778 5.54472 5.85602C6.00608 5.61425 6.51646 5.48077 7.03712 5.46573C7.2601 5.46601 7.48245 5.48956 7.70054 5.53601C7.73105 5.54198 7.75825 5.55909 7.77683 5.58401C7.7842 5.60145 7.78666 5.62057 7.78394 5.63931C7.78122 5.65804 7.77343 5.67568 7.7614 5.6903C7.1066 6.64743 6.75807 7.78091 6.76197 8.94059C6.75711 10.05 7.07745 11.1364 7.6834 12.0657C7.69721 12.0869 7.70559 12.1112 7.7078 12.1364C7.71001 12.1616 7.70598 12.187 7.69607 12.2103C7.68617 12.2336 7.67068 12.2541 7.65098 12.27C7.63128 12.2859 7.60797 12.2967 7.58312 12.3014C7.43392 12.3281 7.28291 12.3432 7.1314 12.3469H7.0414C6.30077 12.3461 5.58189 12.0964 5.00032 11.6378C4.41875 11.1792 4.00826 10.5383 3.83483 9.8183Z' fill='%235F27CD'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3038_29554'%3E%3Crect width='24' height='24' fill='white' transform='translate(0.333374 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.mobile-nav__item._plan .mobile-nav__icon {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.1992 3.5V21.5' stroke='%23706DB0' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21 10.6914H3' stroke='%23706DB0' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.217 3.5H7.783C4.843 3.5 3 5.581 3 8.527V16.474C3 19.419 4.834 21.5 7.783 21.5H16.217C19.166 21.5 21 19.419 21 16.473V8.527C21 5.581 19.166 3.5 16.217 3.5Z' stroke='%23706DB0' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.mobile-nav__item.active._plan .mobile-nav__icon {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3038_72167)'%3E%3Cpath d='M16.217 3.5H7.783C4.843 3.5 3 5.581 3 8.527V16.474C3 19.419 4.834 21.5 7.783 21.5H16.217C19.166 21.5 21 19.419 21 16.473V8.527C21 5.581 19.166 3.5 16.217 3.5Z' fill='%235F27CD'/%3E%3Cpath d='M10.199 4.24219V20.7502V4.24219Z' fill='%235F27CD'/%3E%3Cpath d='M10.199 4.24219V20.7502' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='square' stroke-linejoin='round'/%3E%3Cpath d='M21 10.6914H3H21Z' fill='%235F27CD'/%3E%3Cpath d='M21 10.6914H3' stroke='white' stroke-width='1.5' stroke-miterlimit='10' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3038_72167'%3E%3Crect width='24' height='24' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.mobile-nav__item._compte .mobile-nav__icon {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.2077 12.4961H4.16675' stroke='%23706DB0' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.28 9.58203L16.208 12.498L13.28 15.414' stroke='%23706DB0' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.04578 7.867V6.934C9.04578 6.45013 9.1411 5.97099 9.3263 5.52396C9.5115 5.07693 9.78295 4.67077 10.1251 4.32867C10.4673 3.98656 10.8736 3.71522 11.3207 3.53014C11.7677 3.34506 12.2469 3.24987 12.7308 3.25H17.6148C18.5894 3.25 19.5242 3.63719 20.2134 4.32638C20.9026 5.01558 21.2898 5.95033 21.2898 6.925V18.065C21.2898 19.0423 20.9015 19.9796 20.2105 20.6707C19.5194 21.3618 18.5821 21.75 17.6048 21.75H12.7198C11.7453 21.7497 10.8108 21.3624 10.1218 20.6733C9.43283 19.9841 9.04578 19.0495 9.04578 18.075V17.133' stroke='%23706DB0' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.mobile-nav__item.active._compte .mobile-nav__icon {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.5528 2.5H17.5921C20.1117 2.5 22.1667 4.5 22.1667 6.94V18.06C22.1667 20.51 20.1117 22.5 17.5714 22.5H12.5424C10.0228 22.5 7.95751 20.51 7.95751 18.07V13.27H14.3599L12.7077 14.87C12.3979 15.17 12.3979 15.66 12.7077 15.96C12.8626 16.11 13.0691 16.18 13.2756 16.18C13.4718 16.18 13.6784 16.11 13.8333 15.96L16.8486 13.05C17.0035 12.91 17.0861 12.71 17.0861 12.5C17.0861 12.3 17.0035 12.1 16.8486 11.96L13.8333 9.05C13.5235 8.75 13.0175 8.75 12.7077 9.05C12.3979 9.35 12.3979 9.84 12.7077 10.14L14.3599 11.73H7.95751V6.95C7.95751 4.5 10.0228 2.5 12.5528 2.5ZM3.16669 12.4999C3.16669 12.0799 3.52192 11.7299 3.94819 11.7299H7.95721V13.2699H3.94819C3.52192 13.2699 3.16669 12.9299 3.16669 12.4999Z' fill='%235F27CD'/%3E%3C/svg%3E%0A");
}
.mobile-nav__item._compte._signed .mobile-nav__icon {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 1.25C8.64813 1.25 5.95601 3.93937 5.95601 7.29105C5.95601 10.6426 8.64794 13.3331 12 13.3331C15.3532 13.3331 18.044 10.6425 18.044 7.29105C18.044 3.93946 15.353 1.25 12 1.25ZM7.45601 7.29105C7.45601 4.76868 9.47567 2.75 12 2.75C14.5252 2.75 16.544 4.76859 16.544 7.29105C16.544 9.8137 14.5251 11.8331 12 11.8331C9.47585 11.8331 7.45601 9.81361 7.45601 7.29105ZM12 14.4239C9.8258 14.4239 7.72019 14.5923 6.13473 15.146C5.33712 15.4246 4.61797 15.8185 4.09269 16.3863C3.55143 16.9715 3.25 17.7061 3.25 18.575C3.25 19.4422 3.54894 20.1772 4.0871 20.7644C4.60978 21.3347 5.32628 21.7323 6.12303 22.0145C7.70652 22.5752 9.81295 22.75 12 22.75C14.1742 22.75 16.2798 22.5816 17.8653 22.0279C18.6629 21.7494 19.382 21.3555 19.9073 20.7876C20.4486 20.2025 20.75 19.4679 20.75 18.599C20.75 17.7318 20.4512 16.9969 19.9131 16.4096C19.3905 15.8393 18.6741 15.4416 17.8774 15.1595C16.294 14.5987 14.1875 14.4239 12 14.4239ZM4.75 18.575C4.75 18.0833 4.90925 17.7126 5.19383 17.4049C5.49438 17.08 5.96625 16.7937 6.6293 16.5621C7.96519 16.0956 9.85958 15.9239 12 15.9239C14.1511 15.9239 16.0446 16.1017 17.3766 16.5734C18.0376 16.8075 18.5077 17.0961 18.8071 17.423C19.0912 17.7329 19.25 18.1061 19.25 18.599C19.25 19.0906 19.0908 19.4614 18.8062 19.769C18.5056 20.0939 18.0338 20.3802 17.3707 20.6118C16.0348 21.0784 14.1404 21.25 12 21.25C9.84942 21.25 7.95586 21.0723 6.62375 20.6005C5.9627 20.3664 5.49251 20.0778 5.19294 19.7509C4.90886 19.4409 4.75 19.0678 4.75 18.575Z' fill='%23706DB0'/%3E%3C/svg%3E%0A");
}
.mobile-nav__item.active._compte._signed .mobile-nav__icon {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.962 7.79105C17.962 10.7281 15.6071 13.0831 12.668 13.0831C9.72987 13.0831 7.37398 10.7281 7.37398 7.79105C7.37398 4.85402 9.72987 2.5 12.668 2.5C15.6071 2.5 17.962 4.85402 17.962 7.79105ZM12.668 22.5C8.33034 22.5 4.66797 21.795 4.66797 19.075C4.66797 16.3539 8.35335 15.6739 12.668 15.6739C17.0066 15.6739 20.668 16.3789 20.668 19.099C20.668 21.82 16.9826 22.5 12.668 22.5Z' fill='%235F27CD'/%3E%3C/svg%3E%0A");
}
.mobile-nav__text {
  text-align: center;
  text-transform: uppercase;
  font-size: 9px;
  line-height: 1.1111111111;
  color: #706DB0;
}
.mobile-nav__item.active .mobile-nav__text {
  color: #5F27CD;
}

.rgpd {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 56px;
  background: #FFFFFF;
  border-bottom: 1px solid #C0C0DD;
  box-shadow: 0px 2px 16px 0px rgba(115, 115, 167, 0.7);
  z-index: 990;
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 1200px) {
  .rgpd {
    bottom: 0;
    border-bottom: 0;
  }
}
.rgpd.show {
  opacity: 1;
  visibility: visible;
  transition: 0.3s ease;
}
.rgpd.hide {
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease;
}
.rgpd__body {
  padding: 12px 8px 16px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 12px;
}
@media (min-width: 375px) {
  .rgpd__body {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .rgpd__body {
    padding: 16px 0;
    flex-wrap: nowrap;
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
}
@media (min-width: 1200px) {
  .rgpd__body {
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
}
.rgpd__content > p {
  font-size: 10px;
  line-height: 1.4;
  letter-spacing: 0.18px;
}
@media (min-width: 768px) {
  .rgpd__content > p {
    font-size: 12px;
  }
}
@media (min-width: 1200px) {
  .rgpd__content > p {
    font-size: 14px;
  }
}
.rgpd__content > p:last-child {
  margin-bottom: 0;
}
.rgpd__content > p > a {
  color: #5F27CD;
  border-bottom: 1px solid #5F27CD;
}
.rgpd__actions {
  display: flex;
  -moz-column-gap: 16px;
       column-gap: 16px;
  width: 100%;
}
@media (min-width: 768px) {
  .rgpd__actions {
    width: auto;
  }
}
.rgpd__button {
  font-size: 12px;
  line-height: 1.0833333333;
  width: calc(50% - 8px);
  text-align: center;
  padding: 10px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .rgpd__button {
    width: 130px;
    padding: 14px;
    font-size: 16px;
    line-height: 1.25;
  }
}
.slider-banners {
  background: #FFFFFF;
  padding: 24px 0;
  margin-bottom: 24px;
  box-shadow: 0px 0px 6px 0px rgba(115, 115, 167, 0.2);
}
@media (min-width: 1200px) {
  .slider-banners {
    padding: 32px 0;
  }
}
.slider-banners__slider {
  position: relative;
}
.slider-banners__slider .owl-stage-outer {
  border-radius: 12px;
  overflow: hidden;
}
.slider-banners__slider .owl-dots {
  position: absolute;
  top: calc(100% + 0.125rem);
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 1200px) {
  .slider-banners__slider .owl-dots {
    top: calc(100% + 0.25rem);
  }
}
.slider-banners__slider .owl-dots .owl-dot {
  flex: 0 0 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  margin: 0 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.slider-banners__slider .owl-dots .owl-dot > span {
  display: block;
  flex: 0 0 0.375rem;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background: #242434;
  opacity: 0.25;
  transition: opacity 0.3s ease;
}
.slider-banners__slider .owl-dots .owl-dot.active > span {
  opacity: 0.75;
}
.banner-main {
  height: 150px;
  border-radius: 12px;
  border: 1px solid #ECECF9;
  background: #F6F6FC;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .banner-main {
    height: 240px;
  }
}
@media (min-width: 1200px) {
  .banner-main {
    height: 300px;
  }
}

.block-features {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 12px;
}
@media (min-width: 768px) {
  .block-features {
    gap: 16px;
    flex-wrap: nowrap;
  }
}
.block-features__item {
  flex: 0 0 calc(50% - 6px);
  width: calc(50% - 6px);
  background: #F6F6FC;
  border-radius: 12px;
  border: 1px solid #ECECF9;
  padding: 12px;
}
@media (min-width: 768px) {
  .block-features__item {
    flex: 0 0 calc(25% - 12px);
    width: calc(25% - 12px);
  }
}
@media (min-width: 1200px) {
  .block-features__item {
    padding: 24px;
    display: flex;
    align-items: center;
    -moz-column-gap: 12px;
         column-gap: 12px;
  }
}
.block-features__item > img {
  height: 24px;
  width: auto;
  margin-bottom: 6px;
}
@media (min-width: 1200px) {
  .block-features__item > img {
    margin-bottom: 0;
    height: 28px;
    width: 28px;
    -o-object-fit: contain;
       object-fit: contain;
    -o-object-position: center;
       object-position: center;
  }
}
.block-features__text {
  font-size: 13px;
  line-height: 1.1538461538;
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .block-features__text {
    font-size: 14px;
    line-height: 1.1428571429;
    position: relative;
  }
}
@media (min-width: 1200px) {
  .block-features__text--mobile {
    display: none;
  }
}
.block-features__text--desktop {
  display: none;
}
@media (min-width: 1200px) {
  .block-features__text--desktop {
    display: block;
  }
}

.home-filters {
  margin-bottom: 24px;
}
.home-filters__body {
  margin-left: -6px;
  margin-right: -6px;
  display: flex;
  -moz-column-gap: 12px;
       column-gap: 12px;
  position: relative;
}
@media (min-width: 375px) {
  .home-filters__body {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .home-filters__body {
    -moz-column-gap: 21px;
         column-gap: 21px;
    margin-bottom: 0 !important;
  }
}
.home-filters__item {
  flex: 0 0 100%;
  width: 100%;
  height: 46px;
}
@media (min-width: 768px) {
  .home-filters__item {
    flex: 0 0 286px;
    width: 286px;
  }
}
.filter-item {
  border-radius: 8px;
  background: #FFFFFF;
  border: 1px solid #C0C0DD;
  transition: border-color 0.3s ease;
}
@media (min-width: 768px) {
  .filter-item {
    position: relative;
  }
}
@media (hover: hover) {
  .filter-item:hover {
    border-color: #5F27CD;
  }
}
.filter-item.active {
  border-color: #5F27CD;
}
.filter-item__button {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.filter-item__button::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border: 1px solid #FFFFFF;
  background: #EE5353;
  top: 8px;
  right: 8px;
  border-radius: 50%;
  display: none;
}
.filter-item__inner {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  font-size: 15px;
  line-height: 1;
  letter-spacing: 0.02em;
  width: 100%;
  height: 100%;
  padding-left: 15px;
  padding-right: 40px;
  color: #706DB0;
  fill: #706DB0;
}
@media (min-width: 375px) {
  .filter-item__inner {
    padding-right: 36px;
  }
}
@media (min-width: 768px) {
  .filter-item__inner {
    font-size: 15px;
    opacity: 1;
    visibility: visible;
  }
}
.filter-item__inner > svg {
  flex: 0 0 16px;
}
.filter-item.active .filter-item__inner {
  color: #5F27CD;
  fill: #5F27CD;
}
.filter-item.show .filter-item__inner {
  opacity: 1;
  visibility: visible;
}
.filter-item__chevron {
  position: absolute;
  top: 50%;
  transform: translateY(-50%) rotate(0deg);
  right: 12px;
  font-size: 0;
  line-height: 0;
  fill: #706DB0;
  transition: 0.3s ease;
}
@media (hover: hover) {
  .filter-item__button:hover .filter-item__chevron {
    fill: #5F27CD;
  }
}
.filter-item.active .filter-item__chevron {
  fill: #5F27CD;
  transform: translateY(-50%) rotate(180deg);
}
.filter-item__list {
  position: absolute;
  z-index: 10;
  left: 0;
  right: 0;
  top: calc(100% + 16px);
  display: none;
}
@media (min-width: 768px) {
  .filter-item__list {
    border-radius: 8px;
    background: #FFFFFF;
    padding: 8px;
    box-shadow: 0px 11px 26px rgba(115, 115, 167, 0.3);
    top: calc(100% + 12px);
  }
}
@media (min-width: 1200px) {
  .filter-item__list {
    padding: 16px;
  }
}
.filter-item.active .filter-item__list {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
}
.filter-item__item {
  background: #FFFFFF;
  border-radius: 8px;
  transition: 0.3s ease;
  border: 1px solid #C0C0DD;
  color: #706DB0;
  fill: #706DB0;
  display: flex;
  align-items: center;
  padding: 0 16px;
  min-height: 48px;
  position: relative;
  cursor: pointer;
}
@media (hover: hover) {
  .filter-item__item:hover {
    border-color: #5F27CD;
    color: #5F27CD;
    fill: #5F27CD;
  }
}
.filter-item__item > span {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  font-size: 15px;
  line-height: 1;
}
.filter-item__item.active {
  background: #5F27CD;
  border-color: #5F27CD;
  color: #FFFFFF;
  fill: #FFFFFF;
}
.filter-item__toggle {
  position: absolute;
  fill: #706DB0;
  transition: 0.3s ease;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  line-height: 0;
  font-size: 0;
}
@media (hover: hover) {
  .filter-item__item:hover .filter-item__toggle {
    fill: #5F27CD;
  }
}
.filter-item__item.active .filter-item__toggle {
  fill: #FFFFFF;
  transform: translateY(-50%) rotate(45deg);
}
.filter-item__trash {
  margin-top: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  color: #5F27CD;
  fill: #5F27CD;
  font-size: 15px;
  line-height: 1.3333333333;
  cursor: pointer;
  transition: 0.3s ease;
}
@media (min-width: 768px) {
  .filter-item__trash {
    margin-bottom: 8px;
    margin-top: 4px;
  }
}
@media (min-width: 1200px) {
  .filter-item__trash {
    margin-bottom: 0px;
  }
}
.filter-item__trash:hover {
  opacity: 0.75;
}

.home-blog {
  margin-bottom: 48px;
}
@media (min-width: 768px) {
  .home-blog {
    margin-bottom: 64px;
  }
}
@media (min-width: 1200px) {
  .home-blog {
    margin-bottom: 90px;
  }
}
.home-blog__title {
  background: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 0 16px !important;
  text-align: center;
  line-height: 1.5;
}
@media (min-width: 375px) {
  .home-blog__title {
    padding: 0 24px !important;
  }
}
@media (min-width: 768px) {
  .home-blog__title {
    padding: 0 16px !important;
  }
}
@media (min-width: 1200px) {
  .home-blog__title {
    padding: 0 30px !important;
  }
}
.home-blog__row {
  row-gap: 24px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
@media (min-width: 375px) {
  .home-blog__row {
    row-gap: 32px;
  }
}
@media (min-width: 768px) {
  .home-blog__row {
    row-gap: 24px;
  }
}
@media (min-width: 1200px) {
  .home-blog__row {
    display: flex;
    flex-wrap: nowrap;
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
}
.home-blog--centered .home-blog__row {
  justify-content: center;
}
.home-blog__body {
  width: 100%;
}
@media (min-width: 1200px) {
  .home-blog__body {
    flex: 0 0 60.5263157895%;
    width: 60.5263157895%;
  }
}
.home-blog__body > * {
  background: #FFFFFF;
  box-shadow: 0px 0px 6px 0px rgba(115, 115, 167, 0.2);
  margin-left: -16px;
  margin-right: -16px;
  padding: 24px 16px;
  margin-bottom: 24px;
}
.home-blog__body > *:last-child {
  margin-bottom: 0;
}
@media (min-width: 375px) {
  .home-blog__body > * {
    margin-left: 0;
    margin-right: 0;
    padding: 24px;
    border-radius: 12px;
  }
}
@media (min-width: 768px) {
  .home-blog__content {
    font: 400 1.0625rem/1.6470588235 "Arial", sans-serif;
  }
}
.home-blog__content .row {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  row-gap: 1rem;
}
.home-blog__content .row > * {
  margin-bottom: 0;
}
.home-blog__content .row figure {
  max-width: 100%;
}
.home-blog__content .row figure > * {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.home-blog__content .row *:last-child {
  margin-bottom: 0;
}
.home-blog__content > figure {
  margin-bottom: 16px;
  width: 100%;
}
@media (min-width: 1200px) {
  .home-blog__content > figure {
    margin-bottom: 24px;
  }
}
.home-blog__content > figure > img {
  max-width: 100%;
  border-radius: 8px;
}
.home-blog__content > figure.has-shadow > img {
  box-shadow: 0px 0px 6px rgba(115, 115, 167, 0.2);
}
.home-blog__content > figure.small {
  max-width: 364px;
}
.home-blog__content > figure.figure-iframe {
  width: 100%;
  position: relative;
  padding-top: 56.25%;
}
.home-blog__content > figure.figure-iframe > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.home-blog__content > h1, .home-blog__content > h2 {
  margin: 16px 0;
  font: 700 1.25rem/1.5 "Arial", sans-serif;
}
@media (min-width: 768px) {
  .home-blog__content > h1, .home-blog__content > h2 {
    font: 700 1.5rem/1.3333333333 "Arial", sans-serif;
  }
}
@media (min-width: 1200px) {
  .home-blog__content > h1, .home-blog__content > h2 {
    margin: 24px 0;
  }
}
.home-blog__content > h1:first-child, .home-blog__content > h2:first-child {
  margin-top: 0;
}
.home-blog__content > h1 span, .home-blog__content > h2 span {
  color: #5F27CD;
}
.home-blog__content > p {
  margin-bottom: 1em;
}
@media (min-width: 1200px) {
  .home-blog__content > p {
    margin-bottom: 24px;
  }
}
.home-blog__content > p a {
  color: #5F27CD;
  font-weight: 700;
}
.home-blog__content > p a:hover {
  color: #5824BE;
}
.home-blog__content > p span {
  color: #5F27CD;
}
.home-blog__content > p span strong {
  font-size: 1.25rem;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .home-blog__content > p span strong {
    font-size: 1.5rem;
  }
}
.home-blog__content > ul.list-check {
  list-style: none;
  padding-left: 0;
  margin-bottom: 1em;
}
@media (min-width: 1200px) {
  .home-blog__content > ul.list-check {
    margin-bottom: 24px;
  }
}
.home-blog__content > ul.list-check > li {
  position: relative;
  padding-left: 2rem;
  margin-bottom: 0.75rem;
  font-size: 1rem;
  line-height: 1.75;
}
@media (min-width: 768px) {
  .home-blog__content > ul.list-check > li {
    font-size: 17px;
  }
}
.home-blog__content > ul.list-check > li::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 7L9.70711 17.2929C9.31658 17.6834 8.68342 17.6834 8.29289 17.2929L4 13' stroke='%235F27CD' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.home-blog__content > .btn {
  margin-bottom: 24px;
  width: 100%;
}
@media (min-width: 1200px) {
  .home-blog__content > .btn {
    display: none;
  }
}
.home-blog__content > *:last-child {
  margin-bottom: 0 !important;
}
.home-blog.contacts .home-blog__content h2 {
  margin-bottom: 0.5rem;
}

.contacts__list {
  list-style: none;
  padding-left: 0;
  margin: 2rem 0;
}
@media (min-width: 768px) {
  .contacts__list {
    display: flex;
    -moz-column-gap: 3rem;
         column-gap: 3rem;
  }
}
.contacts__list > li {
  display: flex;
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .contacts__list > li {
    display: block;
    margin-bottom: 0;
  }
}
.contacts__list > li:last-child {
  margin-bottom: 0;
}
.contacts__list > li > i {
  display: block;
  font-size: 0;
  line-height: 0;
  flex: 0 0 2rem;
  width: 2rem;
}
@media (min-width: 768px) {
  .contacts__list > li > i {
    margin-bottom: 0.5rem;
  }
}
.contacts__list > li > i > svg {
  width: 100%;
  height: auto;
  overflow: initial;
}
.contacts__list > li > div {
  flex-grow: 1;
  min-width: 0;
}
.contacts__list > li > div > p {
  margin-bottom: 0.25rem;
  font-size: 1rem;
  line-height: 1.5;
}
.contacts__list > li > div > p:last-child {
  margin-bottom: 0;
}
.widget-contacts {
  border-radius: 0.5rem;
  background: #F6F6FC;
  padding: 1.5rem;
  margin: 2rem 0;
}
.widget-contacts > h3 {
  margin-bottom: 0.5rem;
  line-height: 1.3;
}
.widget-contacts > p {
  margin-bottom: 1rem;
}
.widget-contacts > .btn {
  width: 100%;
  padding: 0.875rem;
}

.home-sticky {
  padding: 16px 0;
  position: sticky;
  top: 32px;
  z-index: 100;
  margin-bottom: 24px;
}
@media (min-width: 1200px) {
  .home-sticky {
    background: transparent;
    padding: 0;
    top: 36px;
  }
}
.home-sticky::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #FFFFFF;
  transition: height 0.3s ease;
  box-shadow: 0px 0px 6px 0px rgba(115, 115, 167, 0.2);
}
@media (min-width: 1200px) {
  .home-sticky::before {
    display: none;
  }
}
@media (min-width: 1200px) {
  .home-sticky.scrolling {
    box-shadow: none;
  }
}
.home-sticky.scrolling::before {
  height: calc(100% - 1rem);
  box-shadow: 0px 0px 6px 0px rgba(115, 115, 167, 0.2);
}
@media (min-width: 1200px) {
  .home-sticky.scrolling .sticky-cats::before {
    height: calc(100% - 12px);
    border-radius: 0 !important;
  }
}

.sticky-cats {
  position: relative;
  z-index: 1;
  width: calc(100% + 32px);
  margin-left: -16px;
  margin-right: -16px;
  overflow-x: auto;
  padding: 8px 0 8px 16px;
}
@media (min-width: 375px) {
  .sticky-cats {
    width: calc(100% + 48px);
    margin-left: -24px;
    margin-right: -24px;
    padding: 8px 24px;
  }
}
@media (min-width: 768px) {
  .sticky-cats {
    width: 100%;
    padding: 8px 0;
    margin: 0;
  }
}
@media (min-width: 1200px) {
  .sticky-cats {
    overflow: initial;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    padding: 24px;
  }
}
@media (min-width: 1200px) {
  .sticky-cats::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #FFFFFF;
    transition: height 0.3s ease;
    box-shadow: 0px 0px 6px rgba(115, 115, 167, 0.2);
    border-radius: 12px;
  }
}
.sticky-cats::-webkit-scrollbar {
  opacity: 0;
  display: none;
  width: 0;
  height: 0;
}
.sticky-cats__list {
  position: relative;
  z-index: 1;
  display: flex;
  -moz-column-gap: 12px;
       column-gap: 12px;
  min-width: -moz-fit-content;
  min-width: fit-content;
  margin-right: 16px;
}
@media (min-width: 375px) {
  .sticky-cats__list {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .sticky-cats__list {
    -moz-column-gap: 16px;
         column-gap: 16px;
    justify-content: space-between;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .sticky-cats__list {
    margin-right: 0;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
  }
}

.sticky-cat {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  padding: 8px 11px;
  border: 1px solid #C0C0DD;
  border-radius: 8px;
  background: #FFFFFF;
  cursor: pointer;
  transition: 0.3s ease;
  color: #706DB0;
  flex: 1 0;
}
@media (min-width: 768px) {
  .sticky-cat {
    min-width: 0;
    padding: 8px 28px;
  }
}
@media (min-width: 1200px) {
  .sticky-cat {
    padding: 10px 16px;
    flex: 1 0 auto;
  }
}
.sticky-cat:hover {
  color: #706DB0;
  border-color: #C0C0DD;
}
@media (hover: hover) {
  .sticky-cat:hover {
    color: #5F27CD;
    border-color: #5F27CD;
  }
}
.sticky-cat__icon {
  flex: 0 0 22px;
}
.sticky-cat__icon--static {
  fill: transparent;
  transition: 0.3s ease;
}
.sticky-cat__icon--active {
  display: none;
}
.sticky-cat.active .sticky-cat__icon--static {
  display: none;
}
.sticky-cat.active .sticky-cat__icon--active {
  display: block;
}
.sticky-cat--audiotel .sticky-cat__icon--static {
  stroke: #706DB0;
}
@media (hover: hover) {
  .sticky-cat--audiotel:hover .sticky-cat__icon--static {
    stroke: #5F27CD;
  }
}
.sticky-cat--prive .sticky-cat__icon--static {
  stroke: #706DB0;
}
@media (hover: hover) {
  .sticky-cat--prive:hover .sticky-cat__icon--static {
    stroke: #5F27CD;
  }
}
.sticky-cat--nouv .sticky-cat__icon {
  flex: 0 0 24px;
}
.sticky-cat--nouv .sticky-cat__icon--static > path:nth-child(1) {
  stroke: #706DB0;
}
@media (hover: hover) {
  .sticky-cat--nouv:hover .sticky-cat__icon--static > path:nth-child(1) {
    stroke: #5F27CD;
  }
}
.sticky-cat--promo .sticky-cat__icon {
  flex: 0 0 32px;
}
.sticky-cat--promo .sticky-cat__icon--static > path:nth-child(1) {
  stroke: #706DB0;
}
@media (hover: hover) {
  .sticky-cat--promo:hover .sticky-cat__icon--static > path:nth-child(1) {
    stroke: #5F27CD;
  }
}
.sticky-cat--tous .sticky-cat__icon--static {
  stroke: #706DB0;
}
@media (hover: hover) {
  .sticky-cat--tous:hover .sticky-cat__icon--static {
    stroke: #5F27CD;
  }
}
.sticky-cat > p {
  margin-bottom: 0;
  font-size: 13px;
  line-height: 1.1538461538;
  white-space: nowrap;
}
@media (min-width: 1200px) {
  .sticky-cat > p {
    font-size: 14px;
    line-height: 1;
  }
}
@media (min-width: 1200px) {
  .sticky-cat > p > br {
    display: none;
  }
}
.sticky-cat.active {
  background: #5F27CD;
  border-color: #5F27CD;
}
.sticky-cat.active > p {
  color: #FFFFFF;
}

.home-head {
  margin-bottom: 24px;
  background: #FFFFFF;
  box-shadow: 0px 0px 6px 0px rgba(115, 115, 167, 0.2);
  padding: 16px 0;
}
@media (min-width: 375px) {
  .home-head {
    padding: 16px 0 24px;
  }
}
@media (min-width: 1200px) {
  .home-head {
    background: transparent;
    box-shadow: none;
    padding: 0;
  }
}
@media (min-width: 1200px) {
  .home-head__body {
    border-radius: 0 0 12px 12px;
    padding: 12px 24px 24px;
    background: #FFFFFF;
  }
}
.home-head__title {
  font: 400 1.125rem/1.5555555556 "Arial", sans-serif;
  font-weight: 700;
  margin-bottom: 8px;
}
@media (min-width: 1200px) {
  .home-head__title {
    font: 700 1.5rem/1.3333333333 "Arial", sans-serif;
  }
}
.home-head__desc > p {
  font: 400 1rem/1.75 "Arial", sans-serif;
}
@media (min-width: 1200px) {
  .home-head__desc > p {
    font: 400 1.0625rem/1.6470588235 "Arial", sans-serif;
  }
}
.home-head__desc > p:last-child {
  margin-bottom: 0;
}

.medium-cards {
  margin-bottom: 48px;
}
@media (min-width: 768px) {
  .medium-cards {
    margin-bottom: 64px;
  }
}
@media (min-width: 1200px) {
  .medium-cards {
    margin-bottom: 90px;
  }
}
.medium-cards__title {
  color: #6967AC;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.1666666667;
  padding-bottom: 15px;
  margin-bottom: 16px;
  border-bottom: 1px solid #C0C0DD;
  margin-left: -6px;
  margin-right: -6px;
}
@media (min-width: 375px) {
  .medium-cards__title {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 24px;
  }
}
@media (min-width: 768px) {
  .medium-cards__title {
    margin-bottom: 16px;
  }
}
@media (min-width: 1200px) {
  .medium-cards__title {
    margin-bottom: 24px;
  }
}
.medium-cards__row {
  margin-left: -6px;
  margin-right: -6px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 16px;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
@media (min-width: 375px) {
  .medium-cards__row {
    margin-left: 0;
    margin-right: 0;
    row-gap: 24px;
  }
}
@media (min-width: 768px) {
  .medium-cards__row {
    justify-content: flex-start;
    row-gap: 16px;
  }
}
@media (min-width: 1200px) {
  .medium-cards__row {
    -moz-column-gap: 24px;
         column-gap: 24px;
    row-gap: 24px;
  }
}
.medium-cards__action {
  margin-top: 32px;
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .medium-cards__action {
    margin-top: 40px;
  }
}
@media (min-width: 1200px) {
  .medium-cards__action {
    margin-top: 48px;
  }
}
.medium-cards__more {
  cursor: pointer;
}

.medium-card {
  background: #FFFFFF;
  border-radius: 8px;
  padding: 12px;
  box-shadow: 0px 0px 6px 0px rgba(115, 115, 167, 0.2);
  display: flex;
  align-items: flex-start;
  -moz-column-gap: 12px;
       column-gap: 12px;
}
@media (min-width: 375px) {
  .medium-card {
    max-width: 328px;
    width: 328px;
  }
}
@media (min-width: 768px) {
  .medium-card {
    max-width: 100%;
    flex: 0 0 calc(50% - 8px);
    width: calc(50% - 8px);
  }
}
@media (min-width: 1200px) {
  .medium-card {
    flex: 0 0 calc(33.3% - 16px);
    width: calc(33.3% - 16px);
  }
}
.medium-card--disabled {
  position: relative;
  overflow: hidden;
  pointer-events: none;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.medium-card--disabled::after {
  content: "";
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 8px;
}
.medium-card__left {
  flex: 0 0 96px;
  width: 96px;
}
.medium-card__thumbnail {
  display: block;
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 4px;
  margin-bottom: 8px;
}
.medium-card__thumbnail > figure {
  margin: 0;
  position: relative;
  padding-top: 144.7916666667%;
}
.medium-card__thumbnail > figure > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 4px 4px 6px 6px;
}
.medium-card__permalink {
  display: block;
  width: 100%;
  text-align: center;
  padding: 7px 0;
  text-transform: uppercase;
  border: 1px solid #242434;
  color: #242434;
  border-radius: 4px;
  font-size: 12px;
  line-height: 1.0833333333;
  letter-spacing: 0.1px;
}
.medium-card__permalink:hover {
  color: #5F27CD;
}
@media (hover: hover) {
  .medium-card__permalink:hover {
    color: #FFFFFF;
    background: #242434;
  }
}
.medium-card__permalink--audiotel {
  border-color: #5F27CD;
  color: #5F27CD;
}
@media (hover: hover) {
  .medium-card__permalink--audiotel:hover {
    color: #FFFFFF;
    background: #5F27CD;
  }
}
.medium-card__permalink--prive {
  border-color: #10AC84;
  color: #10AC84;
}
@media (hover: hover) {
  .medium-card__permalink--prive:hover {
    color: #FFFFFF;
    background: #10AC84;
  }
}
.medium-card--offline .medium-card__permalink {
  display: none;
}
.medium-card__right {
  flex-grow: 1;
  min-width: 0;
}
.medium-card__header {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  margin-bottom: 8px;
}
.medium-card__flag {
  flex: 0 0 19px;
  width: 19px;
  height: auto;
  font-size: 0;
}
.medium-card__flag > * {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  border-radius: 50%;
  box-shadow: 0px 0px 4.5px rgba(115, 115, 167, 0.4);
}
.medium-card__title {
  margin: 0;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  color: #242434;
}
@media (min-width: 768px) {
  .medium-card__title {
    font-size: 20px;
    line-height: 1.2;
  }
}
.medium-card__status {
  text-transform: uppercase;
  margin-bottom: 6px;
  font-size: 11px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.035px;
}
.medium-card__status--gray {
  color: #242434;
}
.medium-card__status--green {
  color: #10AC84;
}
.medium-card__status--red {
  color: #EE5353;
}
.medium-card__types {
  margin-bottom: 6px;
  font-size: 13px;
  line-height: 1.3076923077;
  letter-spacing: 0.35px;
  color: #706DB0;
}
.medium-card__main {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  row-gap: 0.5rem;
}
.medium-card__info {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  width: -moz-max-content;
  width: max-content;
}
.medium-card__info > li {
  margin-bottom: 6px;
}
.medium-card__info > li:last-child {
  margin-bottom: 0;
}
.medium-card__info > li > span {
  display: block;
  font-size: 13px;
  line-height: 1.3846153846;
  letter-spacing: -0.02px;
  color: #242434;
  margin-bottom: 0.125rem;
}
.medium-card__info > li > p {
  margin-bottom: 0;
  font-size: 1.125rem;
  line-height: 1.1666666667;
  font-weight: 700;
}
.medium-card__info > li > p > a {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: #5F27CD;
}
.medium-card__code {
  font-size: 13px;
  line-height: 1.3076923077;
  letter-spacing: 0.35px;
  color: #706DB0;
  text-align: right;
  width: 100%;
}
@media (min-width: 375px) {
  .medium-card__code {
    width: -moz-min-content;
    width: min-content;
  }
}
@media (min-width: 768px) {
  .medium-card__code {
    width: -moz-fit-content;
    width: fit-content;
  }
}

.audio-player {
  position: relative;
  cursor: pointer;
}
.audio-player__body {
  height: 28px;
  border-radius: 50px;
  background: #F1F1FF;
  position: relative;
  overflow: hidden;
}
.audio-player__button {
  width: 28px;
  height: 28px;
  top: 0;
  left: 0;
  border-radius: 50%;
  border: 1px solid #5F27CD;
  position: absolute;
  background: #FFFFFF;
  padding: 0;
  z-index: 3;
}
.audio-player__button > span {
  width: 14px;
  height: 14px;
  display: block;
  position: absolute;
  top: 6px;
  left: 6px;
  background-image: url(../img/icons/volume.svg);
  background-repeat: no-repeat;
  background-size: 14px 14px;
  background-position: 0 0;
}
.audio-player.play .audio-player__button > span {
  animation: pause2 2s infinite steps(3);
}
.audio-player__progress {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 28px;
  padding-left: 14px;
  padding-right: 14px;
}
.audio-player__progress .bar {
  width: 0;
  height: 100%;
  background-color: #e3d4ff;
  border-radius: 0 14px 14px 0;
}
.audio-player__waveform {
  width: calc(100% - 14px);
  display: flex;
  height: 100%;
  position: absolute;
  left: 14px;
  z-index: 2;
  cursor: auto;
}
.audio-player__text {
  position: absolute;
  right: 8px;
  top: 50%;
  transform: translateY(-50%);
  text-transform: uppercase;
  font-size: 11px;
  line-height: 1.4545454545;
  pointer-events: none;
}

@keyframes pause2 {
  0% {
    width: 7.8px;
  }
  100% {
    width: 18px;
  }
}
.block-weeks {
  background: #FFFFFF;
  box-shadow: 0px 0px 6px 0px rgba(115, 115, 167, 0.2);
  margin-bottom: 24px;
}
@media (min-width: 1200px) {
  .block-weeks {
    background: transparent;
    box-shadow: none;
  }
}
.block-weeks__list {
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
  margin-left: -16px;
  margin-right: -16px;
  padding: 16px;
  overflow-x: auto;
}
@media (min-width: 375px) {
  .block-weeks__list {
    margin-left: -24px;
    margin-right: -24px;
  }
}
@media (min-width: 768px) {
  .block-weeks__list {
    margin-left: -16px;
    margin-right: -16px;
  }
}
@media (min-width: 1200px) {
  .block-weeks__list {
    background: #FFFFFF;
    margin-left: 0;
    margin-right: 0;
    border-radius: 12px;
  }
}
.block-weeks__list::-webkit-scrollbar {
  opacity: 0;
  display: none;
  width: 0;
  height: 0;
}
.block-weeks__day {
  border-radius: 8px;
  border: 1px solid #C0C0DD;
  padding: 11px 15px;
  transition: 0.3s ease;
  position: relative;
  cursor: pointer;
}
@media (min-width: 768px) {
  .block-weeks__day {
    padding: 11px 23px;
  }
}
@media (min-width: 1200px) {
  .block-weeks__day {
    flex-grow: 1;
  }
}
@media (hover: hover) {
  .block-weeks__day:hover {
    border-color: #5F27CD;
  }
}
.block-weeks__day.active {
  background: #5F27CD;
  border-color: #5F27CD;
}
.block-weeks__nom {
  white-space: nowrap;
  color: #242434;
  transition: 0.3s ease;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4285714286;
}
@media (hover: hover) {
  .block-weeks__day:hover .block-weeks__nom {
    color: #5F27CD;
  }
}
.block-weeks__day.active .block-weeks__nom {
  color: #FFFFFF;
}
.block-weeks__date {
  white-space: nowrap;
  color: #706DB0;
  transition: 0.3s ease;
  font-size: 12px;
  line-height: 1.4;
}
.block-weeks__day.active .block-weeks__date {
  color: rgba(255, 255, 255, 0.7);
}
.block-weeks__sticker {
  position: absolute;
  left: 8px;
  top: 0;
  transform: translateY(-50%);
  background: #EE5353;
  color: #FFFFFF;
  padding: 2px 8px;
  font-size: 11px;
  line-height: 1.1818181818;
  font-weight: 700;
  border-radius: 4px;
}

.page-head {
  background: #FFFFFF;
  box-shadow: 0px 0px 16px 0px rgba(115, 115, 167, 0.2);
  margin-bottom: 24px;
}
@media (min-width: 1200px) {
  .page-head {
    margin-bottom: 48px;
  }
}
@media (min-width: 1200px) {
  .page-head--planning {
    margin-bottom: 24px;
  }
}
@media (min-width: 768px) {
  .page-head--sign {
    margin-bottom: 4.375rem;
  }
}
.page-head--account {
  position: sticky;
  top: 3rem;
  z-index: 50;
}
@media (min-width: 1200px) {
  .page-head--account {
    position: relative;
    top: 0;
  }
}
.page-head__body {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 14px 0;
  position: relative;
}
@media (min-width: 1200px) {
  .page-head__body {
    padding: 16px 0;
  }
}
.page-head--sign .page-head__body {
  padding: 0;
}
.page-head__button {
  position: absolute;
  line-height: 0;
  width: 24px;
  height: 24px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  fill: #706DB0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (hover: hover) {
  .page-head__button:hover {
    fill: #5F27CD;
  }
}
@media (min-width: 1200px) {
  .page-head__button {
    width: 48px;
    height: 48px;
    border-radius: 8px;
  }
}
@media (min-width: 1200px) and (hover: hover) {
  .page-head__button:hover {
    fill: #FFFFFF;
    background: #5F27CD;
  }
}
@media (min-width: 1200px) {
  .page-head--account .page-head__button {
    display: none;
  }
}
.page-head__title {
  margin: 0;
  font-size: 16px;
  line-height: 1.25;
  color: #242434;
  text-align: center;
}
@media (min-width: 1200px) {
  .page-head__title {
    font-size: 18px;
    line-height: 1.3333333333;
    color: #706DB0;
  }
}
.page-head--back .page-head__title {
  padding: 0 24px;
}
.page-head__nav {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  justify-content: center;
  width: 100%;
}
.page-head__nav > li {
  font-size: 1rem;
  line-height: 1.25;
  font-weight: 700;
  flex: 0 0 50%;
  width: 50%;
}
@media (min-width: 375px) {
  .page-head__nav > li {
    flex: 0 0 164px;
    width: 164px;
  }
}
@media (min-width: 768px) {
  .page-head__nav > li {
    flex: 0 0 184px;
    width: 184px;
  }
}
@media (min-width: 1200px) {
  .page-head__nav > li {
    flex: 0 0 220px;
    width: 220px;
  }
}
.page-head__nav > li > a {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  display: block;
  text-align: center;
  padding: 0.875rem 0.5rem;
  position: relative;
}
@media (min-width: 768px) {
  .page-head__nav > li > a {
    padding: 1.125rem;
  }
}
.page-head__nav > li > a::after {
  content: "";
  position: absolute;
  width: 156px;
  height: 1px;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #5F27CD;
  opacity: 0;
  visibility: hidden;
}
.page-head__nav > li > a:hover {
  color: #5F27CD;
}
.page-head__nav > li > a.active {
  color: #5F27CD;
}
.page-head__nav > li > a.active::after {
  opacity: 1;
  visibility: visible;
}

.favorite-empty {
  margin-bottom: 48px;
}
@media (min-width: 768px) {
  .favorite-empty {
    margin-bottom: 64px;
  }
}
@media (min-width: 1200px) {
  .favorite-empty {
    margin-bottom: 90px;
  }
}
.favorite-empty__body {
  margin-left: -6px;
  margin-right: -6px;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0px 0px 6px 0px rgba(115, 115, 167, 0.2);
  padding: 24px;
  max-width: 402px;
}
@media (min-width: 375px) {
  .favorite-empty__body {
    margin-left: auto;
    margin-right: auto;
  }
}
.favorite-empty__image {
  width: 100%;
  margin-bottom: 24px;
}
.favorite-empty__image > img {
  width: 100%;
  border-radius: 8px;
}
.favorite-empty__desc {
  text-align: center;
  margin-bottom: 24px;
}
.favorite-empty__desc > p {
  font: 400 1.0625rem/1.6470588235 "Arial", sans-serif;
}
.favorite-empty__desc > p:last-child {
  margin-bottom: 0;
}
.favorite-empty__button {
  width: 100%;
  display: block;
  text-align: center;
}

.error-404 {
  margin-bottom: 48px;
}
@media (min-width: 768px) {
  .error-404 {
    margin-bottom: 64px;
  }
}
@media (min-width: 1200px) {
  .error-404 {
    margin-bottom: 90px;
  }
}
.error-404__body {
  margin-left: -6px;
  margin-right: -6px;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0px 0px 6px 0px rgba(115, 115, 167, 0.2);
  padding: 24px;
  max-width: 402px;
}
@media (min-width: 375px) {
  .error-404__body {
    margin-left: auto;
    margin-right: auto;
  }
}
.error-404__image {
  width: 100%;
  margin-bottom: 24px;
}
.error-404__image > img {
  width: 100%;
  border-radius: 8px;
}
.error-404__title {
  font: 700 1.25rem/1.5 "Arial", sans-serif;
  text-align: center;
  margin-bottom: 12px;
}
@media (min-width: 768px) {
  .error-404__title {
    font: 700 1.5rem/1.3333333333 "Arial", sans-serif;
  }
}
.error-404__desc {
  text-align: center;
  margin-bottom: 24px;
}
.error-404__desc > p {
  font: 400 1rem/1.75 "Arial", sans-serif;
}
.error-404__desc > p:last-child {
  margin-bottom: 0;
}
.error-404__button {
  width: 100%;
  display: block;
  text-align: center;
}

.planning {
  margin-bottom: 48px;
  background: #FFFFFF;
  box-shadow: 0px 0px 6px 0px rgba(115, 115, 167, 0.2);
  padding: 24px 0 0;
}
@media (min-width: 768px) {
  .planning {
    margin-bottom: 64px;
  }
}
@media (min-width: 1200px) {
  .planning {
    margin-bottom: 90px;
    padding-top: 0;
    background: transparent;
    box-shadow: none;
  }
}
@media (min-width: 768px) {
  .planning--voyant {
    margin-bottom: 48px;
  }
}
@media (min-width: 1200px) {
  .planning--voyant {
    margin-bottom: 48px;
  }
}
@media (max-width: 1199px) and (min-width: 375px) {
  .planning .container {
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .planning__body {
    background: #FFFFFF;
    box-shadow: 0px 0px 6px 0px rgba(115, 115, 167, 0.2);
    border-radius: 8px;
    overflow: hidden;
  }
}
.planning__head {
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 1rem;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
@media (min-width: 1200px) {
  .planning__head {
    padding: 24px 24px 0;
  }
}
.planning--voyant .planning__head {
  margin-bottom: 24px;
}
@media (min-width: 768px) {
  .planning--voyant .planning__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.planning__title {
  margin-bottom: 12px;
  font-size: 20px;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .planning__title {
    margin-bottom: 0;
  }
}
@media (min-width: 375px) {
  .planning__actions {
    margin-left: -8px;
    margin-right: -8px;
  }
}
@media (min-width: 768px) {
  .planning__actions {
    margin-left: 0;
    margin-right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .planning__actions {
    flex-direction: column;
    align-items: flex-end;
  }
}
@media (min-width: 375px) {
  .planning--voyant .planning__actions {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .planning--voyant .planning__actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
}
@media (min-width: 1200px) {
  .planning--voyant .planning__actions {
    flex-direction: row;
    align-items: center;
    -moz-column-gap: 100px;
         column-gap: 100px;
  }
}
.planning__legends {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  -moz-column-gap: 16px;
       column-gap: 16px;
}
@media (min-width: 1200px) {
  .planning__legends {
    -moz-column-gap: 32px;
         column-gap: 32px;
  }
}
.planning__legends > li {
  display: inline-flex;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
}
.planning__legends > li::before {
  content: "";
  width: 8px;
  height: 8px;
  flex: 0 0 8px;
  border-radius: 3px;
}
.planning__legends > li.gratuit::before {
  background: #FECA57;
}
.planning__legends > li.audio::before {
  background: #5F27CD;
}
.planning__legends > li.prive::before {
  background: #10AC84;
}
.planning__legends > li.duo::before {
  background: #5789FE;
}
.planning__legends > li.indispo::before {
  background: #C0C0DD;
}
.planning--voyant .planning__legends {
  margin-bottom: 0;
}
.planning__region {
  margin-bottom: 0;
  font: 400 1rem/1.75 "Arial", sans-serif;
  letter-spacing: 0;
}
@media (min-width: 768px) {
  .planning__region {
    font: 400 1.0625rem/1.6470588235 "Arial", sans-serif;
  }
}
.planning--voyant .planning__region {
  margin-bottom: 16px;
}
@media (min-width: 1200px) {
  .planning--voyant .planning__region {
    margin-bottom: 0;
  }
}
.planning__table {
  overflow-x: auto;
  margin-left: -16px;
  margin-right: -16px;
  position: relative;
}
@media (min-width: 375px) {
  .planning__table {
    margin-left: -24px;
    margin-right: -24px;
  }
}
@media (min-width: 768px) {
  .planning__table {
    margin-left: -16px;
    margin-right: -16px;
  }
}
@media (min-width: 1200px) {
  .planning__table {
    margin-left: 0;
    margin-right: 0;
  }
}
.planning__table::-webkit-scrollbar {
  opacity: 0;
  display: none;
  width: 0;
  height: 0;
}
.planning__table > table {
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
.planning__table > table > thead.head-row {
  position: absolute;
  z-index: 6;
  left: 0;
  top: 0;
  width: 100%;
  background: #F9F9FD;
  height: 55px;
  font-size: 11px;
  line-height: 1.2727272727;
  color: #706DB0;
  border-top: 1px solid #C0C0DD;
  border-bottom: 0 !important;
}
.planning__table > table > thead.head-row .head-column {
  padding-left: 0;
  text-align: center;
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 700;
  color: #706DB0;
  line-height: 1.6363636364;
  background: #F9F9FD;
  border-bottom: 1px solid #C0C0DD !important;
  height: 55px;
}
.planning__table > table > thead.head-row .head-column::after {
  height: 55px;
}
.planning__table > table > thead.head-row > .row {
  border-top: 0 !important;
  border-bottom: 0 !important;
}
.planning__table > table > thead.head-row th {
  border-top: 0 !important;
  background: #F9F9FD;
}
.planning__table > table > thead.head-row th:last-child > .head-cell, .planning__table > table > thead.head-row th:nth-child(25) > .head-cell {
  border-right: 0;
}
.planning__table > table > tbody#ajax > .row:nth-child(2n) {
  background: #F9F9FD;
}
.planning__table > table > tbody#ajax > .row:nth-child(2n+1) {
  background: #FFFFFF;
}
@media (min-width: 1200px) {
  .planning__table > table > tbody#ajax > .row:last-child > td {
    border-bottom: 0 !important;
  }
}
.planning__table > table .head-column {
  width: 120px;
  min-width: 120px;
  height: 42px;
  padding-left: 12px;
  border-right: 0;
  position: sticky;
  left: 0;
  z-index: 2;
  background: inherit;
}
.planning__table > table .head-column::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  background: #C0C0DD;
}
.planning__table > table .head-column > a {
  display: flex;
  align-items: center;
  -moz-column-gap: 10px;
       column-gap: 10px;
  font-size: 13px;
  line-height: 1.2307692308;
  cursor: pointer;
}
.planning__table > table .head-column > a:hover {
  color: #5F27CD;
}
.planning__table > table .head-column > a > img {
  width: 24px;
  height: 24px;
  flex: 0 0 24px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.planning__table > table .head-cell {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  margin: 8px 0px;
  padding-right: 1px;
  border-right: 1px solid #C0C0DD;
}
.planning__table > table .row > * {
  border-top: 1px solid #C0C0DD;
  border-bottom: 1px solid #C0C0DD;
}
.planning__table > table .row > *:last-child > .cell, .planning__table > table .row > *:nth-child(25) > .cell {
  border-right: 0;
}
.planning__table > table .row > *:not(.head-column) {
  width: 43px;
  min-width: 43px;
}
@media (min-width: 1200px) {
  .planning__table > table .row > *:not(.head-column) {
    min-width: 1px;
  }
}
.planning--voyant .planning__table > table .head-column {
  width: 75px;
  min-width: 75px;
  padding-left: 0;
  font-size: 13px;
  line-height: 1.2307692308;
  text-align: center;
  font-weight: 700;
}
@media (min-width: 1200px) {
  .planning--voyant .planning__table > table .head-column {
    width: 120px;
    min-width: 120px;
  }
}
.planning--voyant .planning__table > table tbody > tr > td.head-column {
  height: 46px !important;
  min-height: 46px !important;
}
.planning--voyant .planning__table > table tbody > tr > td.head-column::after {
  height: 46px;
}

.planning-days {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  -moz-column-gap: 8px;
       column-gap: 8px;
  margin-left: -16px;
  margin-right: -16px;
  padding: 0 16px;
  overflow-x: auto;
}
@media (min-width: 375px) {
  .planning-days {
    margin-left: -24px;
    margin-right: -24px;
  }
}
@media (min-width: 768px) {
  .planning-days {
    margin-left: -16px;
    margin-right: -16px;
  }
}
@media (min-width: 1200px) {
  .planning-days {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
.planning-days::-webkit-scrollbar {
  opacity: 0;
  display: none;
  width: 0;
  height: 0;
}
.planning-days__item > a {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #706DB0;
  padding: 9px 8px 8px;
  border-radius: 8px;
  cursor: pointer;
  transition: 0.3s ease;
  text-transform: uppercase;
}
@media (min-width: 1200px) {
  .planning-days__item > a {
    padding: 9px 8px 6px;
  }
}
.planning-days__item > a > .week-day {
  font-size: 10px;
  line-height: 1;
  text-align: center;
  padding-bottom: 5px;
  position: relative;
  margin-bottom: 6px;
}
@media (min-width: 1200px) {
  .planning-days__item > a > .week-day {
    padding-bottom: 4px;
    margin-bottom: 5px;
  }
}
.planning-days__item > a > .week-day::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #706DB0;
  height: 1px;
  width: 10px;
}
.planning-days__item > a > p {
  margin-bottom: 0;
  letter-spacing: 0.32px;
}
.planning-days__item > a > p:last-child {
  font-size: 16px;
  line-height: 1;
}
@media (hover: hover) {
  .planning-days__item > a:hover {
    background: #5F27CD;
    color: #FFFFFF;
  }
  .planning-days__item > a:hover > .week-day::after {
    background: #FFFFFF;
  }
}
.planning-days__item.active > a {
  background: #5F27CD;
  color: #FFFFFF;
}
.planning-days__item.active > a > .week-day::after {
  background: #FFFFFF;
}

.null-row {
  height: 55px;
  opacity: 0;
}

.cell {
  display: flex;
  gap: 1px;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 3px 4px 3px 3px;
  border-right: 1px solid #C0C0DD;
}
.cell .part {
  background: #C0C0DD;
  border-radius: 2px;
  width: 7px;
  height: 8px;
  margin-bottom: 0;
}
.cell .part.audiotel_bar {
  background: #5F27CD;
}
.cell .part.cb_bar {
  background: #10AC84;
}

.widget-form {
  max-width: 100%;
}
.widget-form__head {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  background: #F3F3FB;
  border-radius: 8px;
  padding: 16px;
}
@media (min-width: 768px) {
  .widget-form__head {
    flex-wrap: nowrap;
    padding-right: 32px;
  }
}
.widget-form__head > div:has(.widget-form__title) {
  flex: 0 0 calc(100% - 86px);
  width: calc(100% - 86px);
}
@media (min-width: 768px) {
  .widget-form__head > div:has(.widget-form__title) {
    min-width: 0;
    flex: 0 1 auto;
    width: auto;
  }
}
.widget-form__image {
  margin: 0;
  flex: 0 0 74px;
  width: 74px;
}
@media (min-width: 768px) {
  .widget-form__image {
    flex: 0 0 124px;
    width: 124px;
  }
}
.widget-form__image > img {
  width: 100%;
}
.widget-form__title {
  font-size: 14px;
  line-height: 1.4285714286;
  font-weight: 700;
  color: #5F27CD;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .widget-form__title {
    font-size: 24px;
    line-height: 1.25;
    margin-bottom: 12px;
  }
}
.widget-form__desc {
  font-size: 12px;
  line-height: 1.6666666667;
}
@media (min-width: 768px) {
  .widget-form__desc {
    font-size: 17px;
    line-height: 1.6470588235;
  }
}
.widget-form__desc > p {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
.widget-form__desc > p:last-child {
  margin-bottom: 0;
}
.widget-form__desc._desktop {
  display: none;
}
@media (min-width: 768px) {
  .widget-form__desc._desktop {
    display: block;
  }
}
@media (min-width: 768px) {
  .widget-form__desc._mobile {
    display: none;
  }
}
.widget-form__row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -7.5px;
  margin-right: -7.5px;
  row-gap: 15px;
}
.widget-form__col {
  flex: 0 0 100%;
  width: 100%;
  padding-left: 7.5px;
  padding-right: 7.5px;
}
@media (min-width: 768px) {
  .widget-form__col {
    flex: 0 0 50%;
    width: 50%;
  }
}
.widget-form__col._full {
  flex: 0 0 100%;
  width: 100%;
}
.widget-form__group {
  margin-bottom: 15px;
  line-height: 0;
}
.widget-form__group:last-child {
  margin-bottom: 0;
}
.widget-form__group .textarea {
  min-height: 100px;
}
.widget-form__submit {
  width: 100%;
}

@media (min-width: 375px) {
  .horoscope-content {
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
    border-radius: 0;
  }
}
@media (min-width: 768px) {
  .horoscope-content {
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 1200px) {
  .horoscope-content {
    margin-left: 0;
    margin-right: 0;
    border-radius: 12px;
  }
}
.horoscope-content__title {
  font: 700 1.25rem/1.5 "Arial", sans-serif;
  margin-bottom: 12px;
}
@media (min-width: 375px) {
  .horoscope-content__title {
    font: 700 1.5rem/1.3333333333 "Arial", sans-serif;
  }
}
.horoscope-content__date {
  color: #5F27CD;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.4285714286;
  margin-bottom: 12px;
}
.horoscope-content__desc {
  margin-bottom: 24px;
}
.horoscope-content__desc:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .horoscope-content__desc > p {
    font: 400 1.0625rem/1.6470588235 "Arial", sans-serif;
  }
}
.horoscope-content__desc > p:last-child {
  margin-bottom: 0;
}
.horoscope-content__desc > p > a {
  color: #5F27CD;
  border-bottom: 1px solid transparent;
}
@media (hover: hover) {
  .horoscope-content__desc > p > a:hover {
    border-color: #5F27CD;
  }
}
.horoscope-content__zadiacs {
  margin-bottom: 24px;
}
.horoscope-content__zadiacs > h3 {
  font: 700 1.25rem/1.5 "Arial", sans-serif;
  margin-bottom: 24px;
}
.horoscope-content__zadiacs > .widget-horoscope__list {
  padding: 16px;
  gap: 24px 6px;
  border: 1px solid #E6E6F2;
  border-radius: 8px;
}
@media (min-width: 375px) {
  .horoscope-content__zadiacs > .widget-horoscope__list {
    justify-content: space-between;
    gap: 24px 8px;
  }
}
@media (min-width: 768px) {
  .horoscope-content__zadiacs > .widget-horoscope__list {
    gap: 24px 38px;
    justify-content: flex-start;
  }
}
@media (min-width: 1200px) {
  .horoscope-content__zadiacs > .widget-horoscope__list {
    gap: 24px 6px;
    padding: 24px;
  }
}
@media (min-width: 375px) {
  .horoscope-content__zadiacs > .widget-horoscope__list > .widget-horoscope__item {
    flex-grow: 0;
  }
}
@media (min-width: 768px) {
  .horoscope-content__zadiacs > .widget-horoscope__list > .widget-horoscope__item {
    flex-grow: 1;
  }
}
@media (min-width: 375px) {
  .widget-mediums {
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
    border-radius: 0;
  }
}
@media (min-width: 768px) {
  .widget-mediums {
    margin-left: 0;
    margin-right: 0;
    border-radius: 12px;
  }
}
.widget-mediums__title {
  margin-bottom: 12px;
}
.widget-mediums__desc {
  margin-bottom: 24px;
}
.widget-mediums__desc > p {
  font-size: 16px;
  line-height: 1.5;
}
.widget-mediums__desc > p:last-child {
  margin-bottom: 0;
}
.widget-mediums__row {
  margin-left: -6px;
  margin-right: -6px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 16px;
}
@media (min-width: 375px) {
  .widget-mediums__row {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .widget-mediums__row {
    justify-content: flex-start;
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
}
@media (min-width: 1200px) {
  .widget-mediums__row {
    row-gap: 24px;
  }
}
@media (min-width: 1200px) {
  .widget-mediums__row > * {
    flex: 0 0 100%;
    width: 100%;
  }
}
.widget-mediums__action {
  margin-top: 24px;
  display: flex;
  justify-content: center;
}
.widget-mediums__more {
  padding-top: 12px;
  padding-bottom: 12px;
}
@media (min-width: 768px) {
  .widget-mediums__more {
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
.horoscope-card {
  margin-bottom: 24px;
  border-radius: 8px;
  background: #F3F3FB;
  padding: 24px;
}
.horoscope-card__header {
  font: 700 1.25rem/1.5 "Arial", sans-serif;
  margin-bottom: 6px;
  color: #5F27CD;
}
.horoscope-card__header > span {
  font-weight: 500;
  font-size: 25px;
  line-height: 1.12;
  margin-right: 5px;
}
@media (min-width: 768px) {
  .horoscope-card__desc > p {
    font: 400 1.0625rem/1.6470588235 "Arial", sans-serif;
  }
}
.horoscope-card__desc > p:last-child {
  margin-bottom: 0;
}

.articles-nav {
  margin-bottom: 24px;
  margin-left: -16px;
  margin-right: -16px;
  padding-left: 16px;
  padding-right: 16px;
  overflow-x: auto;
}
@media (min-width: 375px) {
  .articles-nav {
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.articles-nav::-webkit-scrollbar {
  opacity: 0;
  display: none;
  width: 0;
  height: 0;
}
.articles-nav > ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  border-bottom: 1px solid rgba(112, 109, 176, 0.2);
  width: -moz-fit-content;
  width: fit-content;
  display: flex;
  -moz-column-gap: 32px;
       column-gap: 32px;
  min-width: 100%;
}
.articles-nav > ul > li {
  line-height: 0;
}
.articles-nav > ul > li > a {
  text-transform: uppercase;
  color: #706DB0;
  padding-bottom: 12px;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  display: block;
  position: relative;
}
@media (hover: hover) {
  .articles-nav > ul > li > a:hover {
    color: #5F27CD;
  }
}
.articles-nav > ul > li > a::after {
  content: "";
  position: absolute;
  height: 2px;
  left: 0;
  width: 100%;
  bottom: -1px;
  background: #5F27CD;
  opacity: 0;
  transition: opacity 0.3s ease;
}
.articles-nav > ul > li > a.active {
  color: #5F27CD;
}
.articles-nav > ul > li > a.active::after {
  opacity: 1;
}

@media (min-width: 375px) {
  .blog-content {
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
    border-radius: 0;
  }
}
@media (min-width: 768px) {
  .blog-content {
    margin-left: -16px;
    margin-right: -16px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 1200px) {
  .blog-content {
    margin-left: 0;
    margin-right: 0;
    border-radius: 12px;
  }
}
.blog-content__list {
  list-style: none;
  margin-bottom: 0;
  padding-left: 16px;
  padding-right: 16px;
  margin-left: -16px;
  margin-right: -16px;
  overflow-x: auto;
  display: none;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
@media (min-width: 375px) {
  .blog-content__list {
    margin-left: -24px;
    margin-right: -24px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
@media (min-width: 1200px) {
  .blog-content__list {
    flex-wrap: wrap;
    overflow: initial;
    gap: 12px;
  }
}
.blog-content__list::-webkit-scrollbar {
  opacity: 0;
  display: none;
  width: 0;
  height: 0;
}
.blog-content__list > li > a {
  display: block;
  padding: 3px 11px;
  font-size: 14px;
  line-height: 1.7142857143;
  color: #706DB0;
  cursor: pointer;
  border: 1px solid #C0C0DD;
  border-radius: 8px;
  white-space: nowrap;
}
@media (hover: hover) {
  .blog-content__list > li > a:hover {
    color: #5F27CD;
    border-color: #5F27CD;
  }
}
.blog-content__list > li > a.active {
  background: #5F27CD;
  color: #FFFFFF;
  border-color: #5F27CD;
}
.blog-content__list--tags {
  list-style: none;
  margin-bottom: 0;
  gap: 8px;
}
@media (min-width: 375px) {
  .blog-content__list--tags {
    gap: 12px;
  }
}
.blog-content__list--tags > li > a {
  display: block;
  padding: 3px 15px;
  border-radius: 100px;
  border: 1px solid #C0C0DD;
  color: #706DB0;
  font-size: 14px;
  line-height: 1.7142857143;
}
@media (hover: hover) {
  .blog-content__list--tags > li > a:hover {
    color: #5F27CD;
    border-color: #5F27CD;
  }
}
.blog-content__list--tags > li > a.active {
  color: #FFFFFF;
  border-color: #5F27CD;
  background: #5F27CD;
}

.blog-cards {
  background: transparent;
  padding: 0;
  box-shadow: none;
}
@media (min-width: 375px) {
  .blog-cards {
    margin-left: -24px;
    margin-right: -24px;
  }
}
@media (min-width: 768px) {
  .blog-cards {
    margin-left: 0;
    margin-right: 0;
  }
}
.blog-cards__row {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 16px;
}
@media (min-width: 1200px) {
  .blog-cards__row {
    gap: 24px;
  }
}

.blog-card {
  background: #FFFFFF;
  box-shadow: 0px 0px 6px 0px rgba(115, 115, 167, 0.2);
  padding: 16px;
  display: flex;
  flex-direction: column;
}
@media (min-width: 375px) {
  .blog-card {
    padding: 24px;
  }
}
@media (min-width: 768px) {
  .blog-card {
    border-radius: 12px;
  }
}
@media (min-width: 768px) {
  .blog-card:nth-child(3n-1) {
    flex: 0 0 calc(50% - 8px);
    width: calc(50% - 8px);
  }
}
@media (min-width: 1200px) {
  .blog-card:nth-child(3n-1) {
    flex: 0 0 calc(50% - 12px);
    width: calc(50% - 12px);
  }
}
@media (min-width: 768px) {
  .blog-card:nth-child(3n) {
    flex: 0 0 calc(50% - 8px);
    width: calc(50% - 8px);
  }
}
@media (min-width: 1200px) {
  .blog-card:nth-child(3n) {
    flex: 0 0 calc(50% - 12px);
    width: calc(50% - 12px);
  }
}
@media (min-width: 768px) {
  .blog-card:nth-child(3n+1):not(:first-child) {
    flex-direction: row;
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
}
.blog-card__thumbnail {
  display: block;
  margin-bottom: 16px;
}
.blog-card__thumbnail > figure {
  margin: 0;
  padding-top: 55.9027777778%;
  position: relative;
}
.blog-card__thumbnail > figure > img {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 8px;
}
@media (min-width: 768px) {
  .blog-card:nth-child(3n+1):not(:first-child) .blog-card__thumbnail {
    flex: 0 0 316px;
    width: 316px;
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  .blog-card:nth-child(3n+1):not(:first-child) .blog-card__thumbnail {
    flex: 0 0 306px;
    width: 306px;
  }
}
@media (min-width: 768px) {
  .blog-card:nth-child(3n+1):not(:first-child) .blog-card__thumbnail > figure {
    padding-top: 93.0379746835%;
  }
}
@media (min-width: 1200px) {
  .blog-card:nth-child(3n+1):not(:first-child) .blog-card__thumbnail > figure {
    padding-top: 96.0784313725%;
  }
}
.blog-card__content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.blog-card__info {
  list-style: none;
  padding-left: 0;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.blog-card__info > li {
  display: inline-flex;
  align-items: center;
  row-gap: 8px;
}
.blog-card__info > li:not(:last-child)::after {
  content: "";
  margin: 0 12px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #706DB0;
}
.blog-card__category {
  color: #5F27CD;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.4285714286;
  border-bottom: 1px solid transparent;
}
@media (hover: hover) {
  .blog-card__category:hover {
    border-color: #5F27CD;
    color: #5F27CD;
  }
}
.blog-card__date {
  display: block;
  margin: 0;
  font-weight: 700;
  font-size: 12px;
  line-height: 1;
  color: #706DB0;
}
.blog-card__title {
  display: flex;
  align-items: flex-start;
  -moz-column-gap: 6px;
       column-gap: 6px;
  margin-bottom: 8px;
  fill: #242434;
  color: #242434;
}
@media (hover: hover) {
  .blog-card__title:hover {
    fill: #5F27CD;
    color: #5F27CD;
  }
}
.blog-card__title > h3 {
  margin: 0;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.4;
}
.blog-card__title > svg {
  margin-top: 4px;
  flex: 0 0 24px;
}
.blog-card__excerpt {
  margin-bottom: 16px;
}
.blog-card__excerpt > p {
  line-height: 1.5;
}
.blog-card__excerpt > p:last-child {
  margin-bottom: 0;
}
.blog-card__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.blog-card__fav {
  padding: 4px 11px 4px 7px;
  display: inline-flex;
  align-items: center;
  -moz-column-gap: 8px;
       column-gap: 8px;
  border-radius: 8px;
  border: 1px solid #C0C0DD;
  color: #706DB0;
  font-size: 16px;
  line-height: 1;
  fill: transparent;
  stroke: #706DB0;
  cursor: pointer;
}
@media (hover: hover) {
  .blog-card__fav:hover {
    color: #5F27CD;
    border-color: #5F27CD;
    stroke: #5F27CD;
  }
}
.blog-card__fav.active {
  color: #5F27CD;
  border-color: #5F27CD;
  fill: #EE5353;
  stroke: #FFFFFF;
}
.blog-card__fav > svg {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
}
@media (min-width: 1200px) {
  .blog-card__fav > span {
    position: relative;
    top: 1px;
  }
}
.blog-card__views {
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  fill: rgba(112, 109, 176, 0.7);
  font-size: 15px;
  line-height: 1.6;
  color: #706DB0;
}
.blog-card__views > svg {
  flex: 0 0 18px;
}

.blog-pagination {
  background: transparent;
  padding: 0 16px;
  box-shadow: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (min-width: 375px) {
  .blog-pagination {
    margin-left: -24px;
    margin-right: -24px;
    padding: 0 24px;
  }
}
@media (min-width: 768px) {
  .blog-pagination {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
  }
}
.blog-pagination__button {
  padding: 0;
  line-height: 0;
  fill: #706DB0;
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFFFFF;
  border: 1px solid #C0C0DD;
  border-radius: 12px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .blog-pagination__button {
    border-radius: 10px;
    flex: 0 0 120px;
    width: 120px;
  }
}
@media (hover: hover) {
  .blog-pagination__button:hover {
    fill: #FFFFFF;
    border-color: #5F27CD;
    background: #5F27CD;
  }
}
.blog-pagination__list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  display: none;
}
@media (min-width: 768px) {
  .blog-pagination__list {
    display: flex;
    justify-content: center;
    -moz-column-gap: 6px;
         column-gap: 6px;
    flex-grow: 1;
  }
}
@media (min-width: 768px) {
  .blog-pagination__list > li > a {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    background: #FFFFFF;
    border: 1px solid #C0C0DD;
    border-radius: 10px;
    cursor: pointer;
    color: #706DB0;
  }
}
@media (hover: hover) {
  .blog-pagination__list > li > a:hover {
    color: #FFFFFF;
    border-color: #5F27CD;
    background: #5F27CD;
  }
}
.blog-pagination__dots {
  flex: 0 0 48px;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #706DB0;
}
.blog-pagination__pages {
  flex-grow: 1;
  text-align: center;
  font-size: 16px;
  line-height: 1.25;
  color: #000;
}
@media (min-width: 768px) {
  .blog-pagination__pages {
    flex-grow: 0;
    min-width: 204px;
    display: none;
  }
}
@media (min-width: 375px) {
  .widget-categories {
    border-radius: 0;
    margin-left: -24px;
    margin-right: -24px;
  }
}
@media (min-width: 768px) {
  .widget-categories {
    margin-left: 0;
    margin-right: 0;
    border-radius: 12px;
  }
}
.widget-categories__list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .widget-categories__list {
    -moz-column-count: 2;
         column-count: 2;
    font-size: 24px;
  }
}
@media (min-width: 1200px) {
  .widget-categories__list {
    -moz-column-count: 1;
         column-count: 1;
  }
}
.widget-categories__list > li {
  margin-bottom: 12px;
}
.widget-categories__list > li > a {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.6;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(112, 109, 176, 0.15);
}
@media (hover: hover) {
  .widget-categories__list > li > a:hover {
    color: #5F27CD;
  }
}
.widget-categories__list > li > a > span {
  font-weight: 400;
  color: #706DB0;
}
.widget-categories__list > li > a.active {
  color: #5F27CD;
}
.widget-categories__list > li > a.active > span {
  color: #5F27CD;
}
.widget-categories__list > li:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .widget-categories__list > li:last-child {
    margin-bottom: 12px;
  }
}
@media (min-width: 1200px) {
  .widget-categories__list > li:last-child {
    margin-bottom: 0;
  }
}
.widget-categories__list > li:last-child > a {
  padding-bottom: 0;
  border-bottom: 0;
}
@media (min-width: 768px) {
  .widget-categories__list > li:last-child > a {
    padding-bottom: 13px;
  }
}
@media (min-width: 1200px) {
  .widget-categories__list > li:last-child > a {
    padding-bottom: 0;
  }
}

@media (min-width: 375px) {
  .widget-tags {
    border-radius: 0;
    margin-left: -24px;
    margin-right: -24px;
  }
}
@media (min-width: 768px) {
  .widget-tags {
    margin-left: 0;
    margin-right: 0;
    border-radius: 12px;
  }
}
.widget-tags__list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
@media (min-width: 375px) {
  .widget-tags__list {
    gap: 12px;
  }
}
.widget-tags__list > li > a {
  display: block;
  padding: 3px 15px;
  border-radius: 100px;
  border: 1px solid #C0C0DD;
  color: #706DB0;
  font-size: 14px;
  line-height: 1.7142857143;
}
@media (hover: hover) {
  .widget-tags__list > li > a:hover {
    color: #5F27CD;
    border-color: #5F27CD;
  }
}
.widget-tags__list > li > a.active {
  color: #FFFFFF;
  border-color: #5F27CD;
  background: #5F27CD;
}

@media (min-width: 375px) {
  .single-post {
    border-radius: 0;
    margin-left: -24px;
    margin-right: -24px;
  }
}
@media (min-width: 768px) {
  .single-post {
    margin-left: 0;
    margin-right: 0;
    border-radius: 12px;
  }
}
.single-post__title {
  font: 700 1.5rem/1.3333333333 "Arial", sans-serif;
  margin-bottom: 1em;
}
.single-post__info {
  list-style: none;
  padding-left: 0;
  margin-bottom: 24px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.single-post__info > li {
  display: inline-flex;
  align-items: center;
  row-gap: 8px;
}
.single-post__info > li:not(:last-child)::after {
  content: "";
  margin: 0 12px;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #706DB0;
}
.single-post__category {
  color: #5F27CD;
  font-weight: 700;
  font-size: 14px;
  line-height: 1.4285714286;
  border-bottom: 1px solid transparent;
}
@media (hover: hover) {
  .single-post__category:hover {
    border-color: #5F27CD;
    color: #5F27CD;
  }
}
.single-post__date {
  display: block;
  margin: 0;
  font-weight: 700;
  font-size: 12px;
  line-height: 1;
  color: #706DB0;
}
.single-post__thumbnail {
  margin-bottom: 24px;
  position: relative;
  padding-top: 46.875%;
}
.single-post__thumbnail > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 8px;
}
@media (min-width: 768px) {
  .single-post__content {
    font: 400 1.0625rem/1.6470588235 "Arial", sans-serif;
  }
}
.single-post__actions {
  margin-top: 24px;
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid rgba(112, 109, 176, 0.15);
  display: flex;
  justify-content: space-between;
}
.single-post__list {
  padding-bottom: 24px;
  margin-bottom: 24px;
  border-bottom: 1px solid rgba(112, 109, 176, 0.15);
  list-style: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}
.single-post__list > li > a {
  display: block;
  padding: 3px 15px;
  border-radius: 100px;
  border: 1px solid #C0C0DD;
  color: #706DB0;
  font-size: 14px;
  line-height: 1.7142857143;
}
@media (hover: hover) {
  .single-post__list > li > a:hover {
    color: #5F27CD;
    border-color: #5F27CD;
  }
}
.single-post__list > li > a.active {
  color: #FFFFFF;
  border-color: #5F27CD;
  background: #5F27CD;
}
.single-post__nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 24px;
}
@media (min-width: 768px) {
  .single-post__nav {
    flex-wrap: nowrap;
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
}
.single-post__button {
  display: block;
  cursor: pointer;
  fill: #706DB0;
  color: #706DB0;
}
@media (min-width: 768px) {
  .single-post__button {
    flex: 0 0 calc(50% - 12px);
    width: calc(50% - 12px);
  }
}
.single-post__button:hover {
  fill: #5F27CD;
  color: #5F27CD;
}
.single-post__button > span {
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  font-size: 16px;
  line-height: 1.25;
  margin-bottom: 4px;
}
.single-post__button > span > svg {
  flex: 0 0 36px;
  position: relative;
  top: -1px;
}
.single-post__button--next > span {
  padding-left: 10px;
}
.single-post__button--next > span > svg {
  transform: rotate(180deg);
}
.single-post__button > h5 {
  margin: 0;
  padding: 0 10px;
  font-size: 18px;
  line-height: 1.4444444444;
  color: #242434;
}

.promo-code {
  margin-bottom: 48px;
}
@media (min-width: 768px) {
  .promo-code {
    margin-bottom: 64px;
  }
}
@media (min-width: 1200px) {
  .promo-code {
    margin-bottom: 90px;
  }
}
.promo-code__body {
  margin-left: -6px;
  margin-right: -6px;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0px 0px 6px 0px rgba(115, 115, 167, 0.2);
  padding: 24px;
  max-width: 402px;
}
@media (min-width: 375px) {
  .promo-code__body {
    margin-left: auto;
    margin-right: auto;
  }
}
.promo-code__image {
  width: 100%;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .promo-code__image {
    margin-bottom: 24px;
  }
}
.promo-code__image > img {
  width: 100%;
  border-radius: 8px;
}
.promo-code__title {
  font: 700 1.25rem/1.5 "Arial", sans-serif;
  text-align: center;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .promo-code__title {
    font: 700 1.5rem/1.3333333333 "Arial", sans-serif;
    margin-bottom: 24px;
  }
}
.promo-code__group {
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .promo-code__group {
    margin-bottom: 12px;
  }
}
.promo-code__button {
  width: 100%;
  display: block;
  text-align: center;
  margin-bottom: 16px;
  cursor: pointer;
}
@media (min-width: 768px) {
  .promo-code__button {
    margin-bottom: 24px;
  }
}
.promo-code__link {
  display: flex;
  justify-content: center;
}
.promo-code__link > a {
  font-weight: 700;
  font-size: 15px;
  line-height: 1.1333333333;
  color: #5F27CD;
  border-bottom: 1px solid transparent;
}
.promo-code__link > a:hover {
  color: #5F27CD;
}
@media (hover: hover) {
  .promo-code__link > a:hover {
    border-color: #5F27CD;
    color: #5F27CD;
  }
}

.code-active {
  margin-bottom: 48px;
}
@media (min-width: 768px) {
  .code-active {
    margin-bottom: 64px;
  }
}
@media (min-width: 1200px) {
  .code-active {
    margin-bottom: 90px;
  }
}
.code-active__body {
  margin-left: -6px;
  margin-right: -6px;
  border-radius: 8px;
  background: #FFFFFF;
  box-shadow: 0px 0px 6px 0px rgba(115, 115, 167, 0.2);
  padding: 36px 24px 24px;
  max-width: 402px;
}
@media (min-width: 375px) {
  .code-active__body {
    margin-left: auto;
    margin-right: auto;
  }
}
.code-active__icon {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
  width: 50px;
}
@media (min-width: 768px) {
  .code-active__icon {
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px) {
  .code-active__icon {
    margin-bottom: 24px;
  }
}
.code-active__icon > img {
  width: 100%;
  height: auto;
}
.code-active__title {
  text-align: center;
  font-size: 20px;
  line-height: 1.15;
  font-weight: 700;
  margin-bottom: 6px;
}
.code-active__desc {
  text-align: center;
  margin-bottom: 8px;
}
.code-active__desc > p {
  font-size: 15px;
  line-height: 1.1538461538;
}
.code-active__desc > p:last-child {
  margin-bottom: 0;
}
.code-active__label {
  margin-bottom: 24px;
  display: flex;
  justify-content: center;
}
.code-active__label > span {
  background: #FECA57;
  color: #242434;
  text-transform: uppercase;
  padding: 2px 5px;
  display: inline-block;
  border-radius: 2px;
  font-size: 12px;
  line-height: 1.1666666667;
}
.code-active__button {
  padding: 13px;
  width: 100%;
  cursor: pointer;
}
@media (min-width: 768px) {
  .code-active__button {
    padding: 14px;
  }
}
.voyant {
  margin-bottom: 48px;
  padding-top: 24px;
}
@media (min-width: 768px) {
  .voyant {
    margin-bottom: 64px;
  }
}
@media (min-width: 1200px) {
  .voyant {
    margin-bottom: 90px;
    padding-top: 2.5rem;
  }
}
@media (min-width: 1200px) {
  .voyant__row {
    position: relative;
  }
}
.voyant__back {
  margin-bottom: 24px;
}
@media (min-width: 1200px) {
  .voyant__back {
    position: absolute;
    top: 0;
    left: 0;
  }
}
.voyant__body {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 24px;
}
@media (min-width: 768px) {
  .voyant__body {
    gap: 16px;
    flex-wrap: nowrap;
  }
}
@media (min-width: 1200px) {
  .voyant__body {
    max-width: 906px;
    margin-left: auto;
    margin-right: auto;
  }
}
.voyant__left {
  margin-left: -16px;
  margin-right: -16px;
}
@media (min-width: 375px) {
  .voyant__left {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .voyant__left {
    flex: 0 0 400px;
    width: 400px;
    display: flex;
    flex-direction: column;
  }
}
@media (min-width: 1200px) {
  .voyant__left {
    flex: 0 0 530px;
    width: 530px;
  }
}
.voyant__right {
  margin-left: -16px;
  margin-right: -16px;
}
@media (min-width: 375px) {
  .voyant__right {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .voyant__right {
    flex-grow: 1;
  }
}
.voyant__group {
  background: #FFFFFF;
  padding: 16px;
  box-shadow: 0px 0px 6px 0px rgba(115, 115, 167, 0.2);
  margin-bottom: 24px;
}
@media (min-width: 375px) {
  .voyant__group {
    border-radius: 12px;
  }
}
@media (min-width: 768px) {
  .voyant__group {
    margin-bottom: 16px;
  }
}
.voyant__group:last-child {
  margin-bottom: 0;
}

.voyant-card {
  background: #FFFFFF;
  padding: 16px;
  box-shadow: 0px 0px 6px 0px rgba(115, 115, 167, 0.2);
  display: flex;
  -moz-column-gap: 16px;
       column-gap: 16px;
  margin-bottom: 24px;
}
@media (min-width: 375px) {
  .voyant-card {
    border-radius: 12px;
  }
}
@media (min-width: 768px) {
  .voyant-card {
    margin-bottom: 16px;
  }
}
@media (min-width: 1200px) {
  .voyant-card {
    padding-bottom: 15px;
  }
}
.voyant-card__thumbnail {
  flex: 0 0 96px;
  width: 96px;
}
.voyant-card__thumbnail > figure {
  margin: 0 0 8px;
  overflow: hidden;
  border-radius: 4px;
  position: relative;
  padding-top: 130.2083333333%;
}
@media (min-width: 768px) {
  .voyant-card__thumbnail > figure {
    padding-top: 137.5%;
  }
}
@media (min-width: 1200px) {
  .voyant-card__thumbnail > figure {
    margin-bottom: 8px;
    padding-top: 130.2083333333%;
  }
}
.voyant-card__thumbnail > figure > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 4px 4px 6px 6px;
}
.voyant-card__content {
  flex-grow: 1;
  min-width: 0;
}
.voyant-card__header {
  display: flex;
  align-items: center;
  margin-bottom: 7px;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
@media (min-width: 768px) {
  .voyant-card__header {
    margin-bottom: 12px;
  }
}
@media (min-width: 1200px) {
  .voyant-card__header {
    margin-bottom: 24px;
  }
}
.voyant-card__flag {
  flex: 0 0 19px;
  width: 19px;
  height: auto;
  font-size: 0;
}
.voyant-card__flag > * {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  border-radius: 50%;
  box-shadow: 0px 0px 4.5px rgba(115, 115, 167, 0.4);
}
.voyant-card__title {
  margin: 0;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  color: #242434;
}
.voyant-card__info {
  list-style: none;
  padding-left: 0;
  margin-bottom: 7px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 7px;
}
@media (min-width: 768px) {
  .voyant-card__info {
    margin-bottom: 12px;
    row-gap: 12px;
  }
}
@media (min-width: 1200px) {
  .voyant-card__info {
    margin-bottom: 24px;
    flex-wrap: nowrap;
  }
}
.voyant-card__info > li {
  line-height: 0;
  padding: 0 10px;
  position: relative;
}
.voyant-card__info > li::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -1px;
  width: 1px;
  height: 12px;
  background: #C0C0DD;
}
.voyant-card__info > li:nth-child(1) {
  padding-left: 0;
}
.voyant-card__info > li:nth-last-child(2) {
  padding-right: 0;
}
@media (min-width: 1200px) {
  .voyant-card__info > li:nth-last-child(2) {
    padding: 0 10px;
  }
}
.voyant-card__info > li:nth-last-child(2)::after {
  display: none;
}
@media (min-width: 1200px) {
  .voyant-card__info > li:nth-last-child(2)::after {
    display: block;
  }
}
.voyant-card__info > li:last-child {
  padding-right: 0;
  padding-left: 0;
}
@media (min-width: 1200px) {
  .voyant-card__info > li:last-child {
    padding-left: 10px;
  }
}
.voyant-card__info > li:last-child::after {
  display: none;
}
.voyant-card__info > li > a {
  display: inline-flex;
  align-items: center;
  -moz-column-gap: 3px;
       column-gap: 3px;
  font-size: 13px;
  line-height: 1;
}
.voyant-card__info > li > a > span {
  position: relative;
  top: 1px;
  color: #706DB0;
  border-bottom: 1px solid transparent;
  transition: 0.3s ease;
}
.voyant-card__info > li > a[href]:hover > span {
  border-color: #706DB0;
}
.voyant-card__success {
  font-size: 13px;
  line-height: 1;
  color: #706DB0;
}
@media (min-width: 768px) {
  .voyant-card__success {
    font-size: 13px;
    line-height: 1;
  }
}
.voyant-card__success > span {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
.voyant-card__types {
  font-size: 14px;
  line-height: 1.4285714286;
  letter-spacing: 0.35px;
  color: #706DB0;
  margin-bottom: 7px;
}
@media (min-width: 768px) {
  .voyant-card__types {
    margin-bottom: 12px;
  }
}
@media (min-width: 1200px) {
  .voyant-card__types {
    margin-bottom: 24px;
  }
}
@media (min-width: 768px) {
  .voyant-card__inline {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
.voyant-card__date {
  font-size: 14px;
  line-height: 1.1428571429;
  letter-spacing: 0.35px;
  color: #706DB0;
  margin-bottom: 7px;
}
@media (min-width: 768px) {
  .voyant-card__date {
    margin-bottom: 0;
    line-height: 2;
  }
}
.voyant-card__code {
  font-size: 14px;
  line-height: 1.1428571429;
  letter-spacing: 0.35px;
  color: #706DB0;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .voyant-card__code {
    line-height: 2;
  }
}

.voyant-bio {
  background: #FFFFFF;
  padding: 16px;
  box-shadow: 0px 0px 6px 0px rgba(115, 115, 167, 0.2);
}
@media (min-width: 375px) {
  .voyant-bio {
    border-radius: 12px;
  }
}
@media (min-width: 768px) {
  .voyant-bio {
    flex-grow: 1;
    min-height: 0;
  }
}
.voyant-bio__title {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 12px;
}
@media (min-width: 1200px) {
  .voyant-bio__desc > p {
    line-height: 1.78125;
  }
}
.voyant-bio__desc > p:last-child {
  margin-bottom: 0;
}

.voyant-phone {
  margin-bottom: 20px;
}
.voyant-phone:last-child {
  margin-bottom: 0;
}
.voyant-phone__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.voyant-phone__title {
  font-weight: 700;
  margin: 0;
  font-size: 13px;
  letter-spacing: -0.2px;
  line-height: 1.1538461538;
}
@media (min-width: 1200px) {
  .voyant-phone__title {
    font-size: 13px;
    line-height: 1.1538461538;
  }
}
.voyant-phone__prices {
  font-size: 12px;
  letter-spacing: 0.1px;
  line-height: 1.1666666667;
  font-weight: 700;
}
@media (min-width: 1200px) {
  .voyant-phone__prices {
    font-size: 13px;
    line-height: 1.1538461538;
  }
}
.voyant-phone__price {
  color: #706DB0;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
.voyant-phone__number {
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 12px;
       column-gap: 12px;
  padding: 12px;
  color: #FFFFFF;
  fill: #FFFFFF;
  border-radius: 8px;
  cursor: pointer;
  font-size: 22px;
  line-height: 1.1818181818;
  font-weight: 700;
}
@media (min-width: 1200px) {
  .voyant-phone__number {
    padding: 11px 12px 9px;
  }
}
.voyant-phone__number:hover, .voyant-phone__number:active, .voyant-phone__number:focus {
  color: #FFFFFF;
}
.voyant-phone__number svg {
  flex: 0 0 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
  overflow: initial;
}
.voyant-phone--audiotel .voyant-phone__number {
  border-bottom: 2px solid #4B2C87;
  background: linear-gradient(180deg, rgba(95, 39, 205, 0.76) 0%, rgba(95, 39, 205, 0.95) 100%);
}
.voyant-phone--audiotel .voyant-phone__number:hover, .voyant-phone--audiotel .voyant-phone__number:active, .voyant-phone--audiotel .voyant-phone__number:focus {
  border-bottom: 2px solid #4B2C87 !important;
  background: linear-gradient(180deg, rgba(95, 39, 205, 0.76) 0%, rgba(95, 39, 205, 0.95) 100%) !important;
}
.voyant-phone--prive .voyant-phone__number {
  border-bottom: 2px solid #2D7865;
  background: linear-gradient(180deg, rgba(17, 155, 120, 0.76) 0%, rgba(17, 155, 120, 0.95) 100%, #119B78 100%);
}
.voyant-phone--prive .voyant-phone__number:hover, .voyant-phone--prive .voyant-phone__number:active, .voyant-phone--prive .voyant-phone__number:focus {
  border-bottom: 2px solid #2D7865 !important;
  background: linear-gradient(180deg, rgba(17, 155, 120, 0.76) 0%, rgba(17, 155, 120, 0.95) 100%, #119B78 100%) !important;
}
.voyant-phone--promo .voyant-phone__number {
  border-bottom: 2px solid #B68A2A;
  background: linear-gradient(180deg, #FECA57 0%, #EDB947 100%);
  color: #242434;
  fill: #242434;
}
.voyant-phone--promo .voyant-phone__number:hover, .voyant-phone--promo .voyant-phone__number:active, .voyant-phone--promo .voyant-phone__number:focus {
  fill: #242434;
  color: #242434 !important;
  border-bottom: 2px solid #B68A2A !important;
  background: linear-gradient(180deg, #FECA57 0%, #EDB947 100%) !important;
}
.voyant-phone__alert {
  margin-top: 1rem;
  padding: 8px 12px;
  border-radius: 8px;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
}
@media (min-width: 1200px) {
  .voyant-phone__alert {
    padding: 8px 32px;
  }
}
.voyant-phone__alert > p {
  font-size: 15px;
  line-height: 1.3333333333;
}
.voyant-phone__alert > p:last-child {
  margin-bottom: 0;
}
.voyant-phone--audiotel .voyant-phone__alert {
  border: 1px solid #5F27CD;
  color: #5F27CD;
}
@media (hover: hover) {
  .voyant-phone--audiotel .voyant-phone__alert:hover {
    background-color: #5F27CD;
    color: #FFFFFF;
  }
}
.voyant-phone--prive .voyant-phone__alert {
  border: 1px solid #10AC84;
  color: #10AC84;
}
@media (hover: hover) {
  .voyant-phone--prive .voyant-phone__alert:hover {
    background-color: #10AC84;
    color: #FFFFFF;
  }
}

.button-back {
  border-radius: 12px;
  background: #FFFFFF;
  border: 1px solid #C0C0DD;
  font-size: 0;
  line-height: 0;
  width: 3rem;
  height: 3rem;
  fill: #706DB0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (hover: hover) {
  .button-back:hover {
    fill: #5F27CD;
  }
}
@media (min-width: 1200px) and (hover: hover) {
  .button-back:hover {
    fill: #FFFFFF;
    background: #5F27CD;
    border-color: #5F27CD;
  }
}
.button-back svg {
  flex: 0 0 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  overflow: initial;
}

.comments-form {
  margin-bottom: 2rem;
}
@media (min-width: 375px) {
  .comments-form {
    padding: 16px;
    margin-bottom: 3rem;
  }
}
@media (min-width: 768px) {
  .comments-form {
    padding: 24px;
  }
}
.comments-form__title {
  font-size: 20px;
  line-height: 1.8;
  margin-bottom: 16px;
}
@media (min-width: 768px) {
  .comments-form__title {
    margin-bottom: 24px;
    font-size: 24px;
    line-height: 1.5;
  }
}
@media (min-width: 768px) {
  .comments-form__form {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 24px;
         column-gap: 24px;
  }
}
.comments-form__group {
  margin-bottom: 16px;
  line-height: 0;
}
@media (min-width: 768px) {
  .comments-form__group {
    margin-bottom: 24px;
    flex: 0 0 100%;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .comments-form__group--50 {
    flex: 0 0 calc(50% - 12px);
    width: calc(50% - 12px);
  }
}
.comments-form__group:last-child {
  margin-bottom: 0;
}
.comments-form__group .textarea {
  min-height: 100px;
}
.comments-form__rating {
  border-radius: 8px;
  padding: 12px 16px;
  border: 1px solid #C0C0DD;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  row-gap: 8px;
}
@media (min-width: 768px) {
  .comments-form__rating {
    align-items: center;
  }
}
.comments-form__rating > h4 {
  margin: 0;
  font-size: 18px;
  line-height: 1.3333333333;
}
@media (min-width: 768px) {
  .comments-form__rating > h4 {
    font-size: 20px;
    line-height: 1.2;
  }
}
.comments-form__rating > ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  -moz-column-gap: 9px;
       column-gap: 9px;
}
@media (min-width: 768px) {
  .comments-form__rating > ul {
    -moz-column-gap: 16px;
         column-gap: 16px;
  }
}
.comments-form__rating > ul > li {
  line-height: 0;
  font-size: 0;
  flex: 0 0 44px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  position: relative;
  background: #EEEFF5;
  cursor: pointer;
}
@media (min-width: 768px) {
  .comments-form__rating > ul > li {
    flex: 0 0 48px;
    width: 48px;
    height: 48px;
  }
}
.comments-form__rating > ul > li > img {
  transition: 0.3s ease;
  width: 22px;
  height: 22px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
  .comments-form__rating > ul > li > img {
    width: 26px;
    height: 26px;
  }
}
.comments-form__rating > ul > li > img:nth-child(2) {
  opacity: 0;
}
.comments-form__rating > ul > li.selected > img {
  width: 36px;
  height: 36px;
}
@media (min-width: 768px) {
  .comments-form__rating > ul > li.selected > img {
    width: 38px;
    height: 38px;
  }
}
.comments-form__rating > ul > li.selected > img:nth-child(1) {
  opacity: 0;
}
.comments-form__rating > ul > li.selected > img:nth-child(2) {
  opacity: 1;
}
@media (hover: hover) and (min-width: 768px) {
  .comments-form__rating > ul > li:hover > img {
    width: 38px;
    height: 38px;
  }
}
.comments-form__total {
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
}
@media (min-width: 768px) {
  .comments-form__total {
    -moz-column-gap: 8px;
         column-gap: 8px;
  }
}
@media (min-width: 768px) {
  .comments-form__total--mobile {
    display: none;
  }
}
.comments-form__total--desktop {
  display: none;
}
@media (min-width: 768px) {
  .comments-form__total--desktop {
    display: flex;
  }
}
.comments-form__total > svg {
  flex: 0 0 22px;
  width: 22px;
  height: 22px;
  position: relative;
  top: -2px;
}
@media (min-width: 768px) {
  .comments-form__total > svg {
    width: 27px;
    height: 27px;
    flex: 0 0 27px;
  }
}
.comments-form__total > p {
  margin-bottom: 0;
  font-size: 14px;
  letter-spacing: 2.5px;
  line-height: 23px;
  display: block;
}
@media (min-width: 768px) {
  .comments-form__total > p {
    font-size: 16px;
  }
}
.comments-form__total > p > span {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  position: relative;
}
@media (min-width: 768px) {
  .comments-form__total > p > span {
    font-size: 24px;
  }
}
.comments-form__submit {
  width: 100%;
  cursor: pointer;
}

.comments-auth {
  margin-bottom: 2rem;
  padding: 1.5rem;
}
@media (min-width: 375px) {
  .comments-auth {
    margin-bottom: 3rem;
  }
}
.comments-auth__title {
  text-align: center;
  font-size: 1.25rem;
  line-height: 1.2;
  margin-bottom: 1rem;
  letter-spacing: -0.6px;
}
@media (min-width: 768px) {
  .comments-auth__title {
    font-size: 1.5rem;
    line-height: 1.1666666667;
  }
}
.comments-auth__desc {
  text-align: center;
  font-size: 1rem;
  line-height: 1.75;
  margin-bottom: 1.5rem;
  margin-left: auto;
  margin-right: auto;
  max-width: 450px;
}
.comments-auth__desc > p {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
.comments-auth__desc > p:last-child {
  margin-bottom: 0;
}
.comments-auth__button {
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
}

.voyant-comments {
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  box-shadow: none;
  background: transparent;
}
.voyant-comments__item {
  margin-left: -16px;
  margin-right: -16px;
  padding: 12px;
  background: #FFFFFF;
  box-shadow: 0px 0px 6px 0px rgba(115, 115, 167, 0.2);
  margin-bottom: 20px;
}
@media (min-width: 375px) {
  .voyant-comments__item {
    margin-left: 0;
    margin-right: 0;
    border-radius: 12px;
  }
}
@media (min-width: 768px) {
  .voyant-comments__item {
    padding: 24px;
  }
}
.voyant-comments__item:last-child {
  margin-bottom: 0;
}

.voyant-comment {
  margin-bottom: 24px;
}
.voyant-comment:last-child {
  margin-bottom: 0;
}
.voyant-comment__inner {
  display: flex;
  align-items: flex-start;
  -moz-column-gap: 8px;
       column-gap: 8px;
}
@media (min-width: 768px) {
  .voyant-comment__inner {
    -moz-column-gap: 12px;
         column-gap: 12px;
  }
}
.voyant-comment__image {
  margin: 0;
  flex: 0 0 28px;
  width: 28px;
  height: 28px;
}
@media (min-width: 768px) {
  .voyant-comment__image {
    flex: 0 0 32px;
    width: 32px;
    height: 32px;
  }
}
.voyant-comment__image > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 50%;
}
.voyant-comment__content {
  flex-grow: 1;
  min-width: 0;
}
.voyant-comment__content:has(.voyant-comment) > .voyant-comment__body {
  position: relative;
}
.voyant-comment__content:has(.voyant-comment) > .voyant-comment__body::before {
  content: "";
  position: absolute;
  width: 1px;
  height: calc(100% - 38px);
  background: #DADAF3;
  left: -21px;
  top: 38px;
}
@media (min-width: 768px) {
  .voyant-comment__content:has(.voyant-comment) > .voyant-comment__body::before {
    left: -28px;
    top: 44px;
  }
}
.voyant-comment__body {
  padding-top: 2px;
  margin-bottom: 24px;
  position: relative;
}
.voyant-comment__body:last-child {
  margin-bottom: 0;
}
.voyant-comment__body::after {
  content: "";
  position: absolute;
  top: -12px;
  left: -48px;
  right: -12px;
  bottom: -12px;
  border-radius: 8px;
}
@media (min-width: 768px) {
  .voyant-comment__body::after {
    left: -56px;
  }
}
.voyant-comment__body.blink::after {
  animation: blink 1s linear;
}
.voyant-comment__body > * {
  position: relative;
  z-index: 1;
}
.voyant-comment__body ~ .voyant-comment {
  position: relative;
}
.voyant-comment__body ~ .voyant-comment::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background: #DADAF3;
  left: -21px;
  top: 0;
}
@media (min-width: 768px) {
  .voyant-comment__body ~ .voyant-comment::before {
    left: -28px;
  }
}
.voyant-comment__body ~ .voyant-comment:last-child::before {
  display: none;
}
.voyant-comment__body ~ .voyant-comment::after {
  content: "";
  position: absolute;
  width: 15px;
  height: 57px;
  left: -21px;
  bottom: calc(100% - 14px);
  background-image: url(../img/icons/comment-line.svg);
  background-repeat: no-repeat;
  background-size: 15px 57px;
  background-position: center;
}
@media (min-width: 768px) {
  .voyant-comment__body ~ .voyant-comment::after {
    left: -28px;
  }
}
.voyant-comment__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.voyant-comment__main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
@media (min-width: 768px) {
  .voyant-comment__main {
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
  }
}
.voyant-comment__name {
  margin: 0;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.3333333333;
  display: flex;
  align-items: center;
  -moz-column-gap: 6px;
       column-gap: 6px;
}
@media (min-width: 768px) {
  .voyant-comment__name {
    font-size: 20px;
    line-height: 1.2;
  }
}
.voyant-comment__name > img {
  width: 17px;
  height: 17px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.voyant-comment__rating {
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  font-weight: 700;
  font-size: 13px;
  line-height: 1;
}
.voyant-comment__text > p {
  font-size: 15px;
  line-height: 1.3333333333;
}
@media (min-width: 768px) {
  .voyant-comment__text > p {
    font-size: 16px;
    line-height: 1.5;
  }
}
.voyant-comment__text > p:last-child {
  margin-bottom: 0;
}
.voyant-comment__text > p > b {
  color: #5F27CD;
  cursor: pointer;
  border-bottom: 1px solid transparent;
  transition: border-color 0.3s ease;
}
.voyant-comment__text > p > b:hover {
  border-color: #5F27CD;
}
.voyant-comment__time {
  font-size: 12px;
  line-height: 1;
  font-weight: 700;
  color: #706DB0;
}

@keyframes blink {
  0% {
    background-color: transparent;
  }
  50% {
    background-color: rgba(179, 179, 231, 0.2);
  }
  100% {
    background-color: transparent;
  }
}
.account {
  padding-bottom: 3.75rem;
}
@media (min-width: 768px) {
  .account {
    padding-bottom: 3.375rem;
  }
}
.account__row {
  margin-left: -1rem;
  margin-right: -1rem;
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
}
@media (min-width: 375px) {
  .account__row {
    margin-left: 0;
    margin-right: 0;
  }
}
@media (min-width: 1200px) {
  .account__row {
    grid-template-columns: 341px 1fr;
  }
}
.account--rendevus .account__row {
  margin-left: 0;
  margin-right: 0;
}
.account__body {
  order: 1;
}
@media (min-width: 1200px) {
  .account__body {
    order: 2;
  }
}
@media (min-width: 768px) {
  .account__centered {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 1200px) {
  .account__centered {
    max-width: 468px;
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .account--securit .account__centered {
    max-width: 100%;
  }
}
@media (min-width: 1200px) {
  .account--securit .account__centered {
    max-width: 440px;
    margin-left: 0;
  }
}
.account__filter {
  padding: 0rem 0.75rem;
}
@media (min-width: 375px) {
  .account__filter {
    padding: 0;
  }
}
.account--rendevus .account__filter {
  padding: 0;
}
.account__hero {
  margin-bottom: 1.5rem;
}
.account__hero:last-child {
  margin-bottom: 0;
}
.account__rendevu {
  margin-bottom: 1.5rem;
}
.account__rendevu:last-child {
  margin-bottom: 0;
}
.account--rendevus .account__rendevu {
  border-radius: 0.5rem;
}
.account__aside {
  order: 2;
}
@media (min-width: 1200px) {
  .account__aside {
    order: 1;
    position: sticky;
    top: 4.5rem;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .account:has(.account__centered) .account__aside {
    width: 480px;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .account--securit:has(.account__centered) .account__aside {
    width: 100%;
  }
}

.account-hero {
  background: #FFFFFF;
  box-shadow: 0px 0px 6px rgba(115, 115, 167, 0.2);
  padding: 1.5rem 1rem;
}
@media (min-width: 375px) {
  .account-hero {
    border-radius: 0.5rem;
    padding: 1.5rem;
  }
}
.account-hero__heading {
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid rgba(192, 192, 221, 0.3);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.account-hero__info {
  display: flex;
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.account-hero__info > div:last-child {
  margin-bottom: 0;
}
.account-hero__image {
  margin: 0;
  flex: 0 0 3.25rem;
  width: 3.25rem;
  height: 3.25rem;
}
.account-hero__image > * {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 50%;
}
.account-hero__title {
  line-height: 1.1666666667;
  margin-bottom: 0.25rem;
}
.account-hero__email {
  font-size: 0.9375rem;
  line-height: 1.1333333333;
}
.account-hero__email > p {
  font-size: inherit;
  line-height: inherit;
  color: #706DB0;
  margin-bottom: 0;
}
.account-hero__email > a {
  position: relative;
  display: inline-block;
  font-size: inherit;
  line-height: inherit;
  padding-left: 1.5rem;
  color: #DC6803;
}
.account-hero__email > a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  transition: background-image 0.3s ease, transform 0.3s ease;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.49984 6.16699V9.00033M8.49984 11.8337H8.50692M15.5832 9.00033C15.5832 12.9123 12.4119 16.0837 8.49984 16.0837C4.58782 16.0837 1.4165 12.9123 1.4165 9.00033C1.4165 5.08831 4.58782 1.91699 8.49984 1.91699C12.4119 1.91699 15.5832 5.08831 15.5832 9.00033Z' stroke='%23DC6803' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.account-hero__email > a:hover {
  color: #5F27CD;
}
.account-hero__email > a:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3069_104046)'%3E%3Cpath d='M8.49984 5.66699V8.50033M8.49984 11.3337H8.50692M15.5832 8.50033C15.5832 12.4123 12.4119 15.5837 8.49984 15.5837C4.58782 15.5837 1.4165 12.4123 1.4165 8.50033C1.4165 4.58831 4.58782 1.41699 8.49984 1.41699C12.4119 1.41699 15.5832 4.58831 15.5832 8.50033Z' stroke='%235F27CD' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3069_104046'%3E%3Crect width='17' height='17' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
  transform: translateY(calc(-50% + 1px));
}
.account-hero__actions {
  display: flex;
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
@media (min-width: 768px) {
  .account-hero__row {
    display: flex;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}
@media (min-width: 768px) {
  .account-hero__col {
    flex: 0 0 50%;
    width: 50%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
.account-hero__col:not(:last-child) {
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid rgba(192, 192, 221, 0.3);
}
@media (min-width: 768px) {
  .account-hero__col:not(:last-child) {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
  }
}
@media (min-width: 768px) {
  .account-hero__col:nth-child(2n+1) {
    border-right: 1px solid rgba(192, 192, 221, 0.3);
  }
}
.account-hero__desc {
  font-size: 0.9375rem;
  line-height: 1.3333333333;
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .account-hero__desc {
    margin-bottom: 1rem;
  }
}
.account-hero__desc > * {
  font-size: inherit;
  line-height: inherit;
}
.account-hero__desc > *:last-child {
  margin-bottom: 0;
}
.account-dropdown {
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
}
.account-dropdown__button {
  padding: 0;
  width: 100%;
  height: 100%;
  font-size: 0;
  line-height: 0;
  transition: fill 0.3s ease;
  fill: #706DB0;
}
.account-dropdown__button > svg {
  width: 100%;
  height: 100%;
}
.account-dropdown__button:hover {
  fill: #5F27CD;
}
.account-dropdown__dropdown {
  position: absolute;
  top: 100%;
  right: -9px;
  padding: 1.625rem 1rem 1rem;
  min-width: 105px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(0.375rem);
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s ease;
  z-index: 10;
}
.account-dropdown__dropdown::before {
  content: "";
  position: absolute;
  top: 0.625rem;
  left: 0;
  right: 0;
  bottom: 0;
  background: #FFFFFF;
  border-radius: 0.75rem;
  filter: drop-shadow(0px 6px 20px rgba(34, 34, 34, 0.25));
}
.account-dropdown__dropdown::after {
  content: "";
  position: absolute;
  top: 0;
  right: 7px;
  width: 1.75rem;
  height: 17px;
  border-bottom: 17px solid #FFFFFF;
  border-left: 0.875rem solid transparent;
  border-right: 0.875rem solid transparent;
}
.account-dropdown.active .account-dropdown__dropdown {
  opacity: 1;
  visibility: visible;
  transform: translate(0);
}
.account-dropdown__action {
  position: relative;
  z-index: 1;
  padding: 0;
  display: flex;
  align-items: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  color: #ADADC3;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.2142857143;
  width: -moz-max-content;
  width: max-content;
}
.account-dropdown__action svg {
  flex: 0 0 1.375rem;
  width: 1.375rem;
  height: auto;
  overflow: initial;
}
.account-dropdown__action path {
  stroke: #ADADC3 !important;
  transition: stroke 0.3s ease;
}
.account-dropdown__action:hover {
  color: #5F27CD;
}
.account-dropdown__action:hover path {
  stroke: #5F27CD !important;
}
.account-dropdown__action:active {
  color: #5F27CD !important;
}

.account-action--edit {
  padding: 0;
  font-size: 0;
  line-height: 0;
}
.account-action--dots .account-action__button {
  transition: fill 0.3s ease;
  fill: #706DB0;
}
.account-action--dots .account-action__button:hover {
  fill: #5F27CD;
}
.account-action--edit .account-action__button path {
  transition: stroke 0.3s ease;
  stroke: #DC6803 !important;
}
.account-action--edit .account-action__button:hover path {
  stroke: #5F27CD !important;
}
.account-balance {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.account-balance--bordered {
  padding-bottom: 1rem;
  border-bottom: 1px solid rgba(192, 192, 221, 0.3);
}
.account-balance__heading {
  flex-grow: 1;
  min-width: 0;
}
.account-balance__heading > span {
  display: block;
  font-size: 0.9375rem;
  line-height: 1.1333333333;
  color: #706DB0;
  margin-bottom: 5px;
}
.account-balance__heading > p {
  margin-bottom: 0;
  font-size: 1.5rem;
  line-height: 1.1666666667;
}
.account-balance__button {
  padding: 0.75rem 1.375rem;
}

.account-alert {
  margin-top: 1rem;
  position: relative;
  min-height: 2.25rem;
  display: flex;
  align-items: center;
  padding: 0.5rem 0.5rem 0.5rem 2.125rem;
  border-radius: 0.5rem;
  font-size: 0.75rem;
  line-height: 1.3333333333;
}
@media (min-width: 768px) {
  .account-alert {
    font-size: 13px;
    line-height: 1.3846153846;
    padding: 1rem 1rem 1rem 3.125rem;
    min-height: 3.25rem;
  }
}
.account-alert::before {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  width: 1.125rem;
  height: 1.125rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  font-size: 0;
  line-height: 0;
}
@media (min-width: 768px) {
  .account-alert::before {
    width: 1.375rem;
    height: 1.375rem;
    top: 15px;
    left: 1rem;
  }
}
.account-alert:first-child {
  margin-top: 0;
}
.account-alert > p {
  font-size: inherit;
  line-height: inherit;
}
.account-alert > p:last-child {
  margin-bottom: 0;
}
.account-alert--warning {
  background: #FFFAEB;
}
.account-alert--warning::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_980_104448)'%3E%3Cpath d='M10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5Z' stroke='%23DC6803' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 6.66699H10.0083' stroke='%23DC6803' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.16669 10H10V13.3333H10.8334' stroke='%23DC6803' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_980_104448'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.account-alert--blue {
  background: linear-gradient(136.49deg, rgba(29, 203, 203, 0.1) -3.25%, rgba(96, 196, 240, 0.1) 50.17%), #FFFFFF;
}
.account-alert--blue::before {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.56494 16.1743L4.26638 16.8623L4.56494 16.1743ZM2.53545 14.0482L1.83799 14.3239H1.83799L2.53545 14.0482ZM15.4645 14.0482L16.162 14.3239V14.3239L15.4645 14.0482ZM13.4351 16.1743L13.7336 16.8623H13.7336L13.4351 16.1743ZM2.25 8.59836L2.99706 8.66473L3.03376 8.25161L2.70337 8.0009L2.25 8.59836ZM14.625 5.22335V4.47335H14.625L14.625 5.22335ZM9.57582 4.39017L10.1062 4.9205L9.57582 4.39017ZM11.1668 2.79917L11.6971 3.3295V3.3295L11.1668 2.79917ZM13.8185 2.79917L13.2881 3.3295V3.3295L13.8185 2.79917ZM14.0126 5.22334L14.0127 5.97334L14.3954 5.97331L14.62 5.66335L14.0126 5.22334ZM8.54183 4.39018L8.0115 4.92051L8.54183 4.39018ZM6.95084 2.79918L6.42051 3.32951V3.32951L6.95084 2.79918ZM4.29918 2.79918L4.82951 3.32951L4.82951 3.32951L4.29918 2.79918ZM9 15.7233L9.75 15.7233V15.7233H9ZM2.22564 8.57987L1.76551 9.17214H1.76551L2.22564 8.57987ZM15.7015 8.63369L15.2704 8.01998L15.7015 8.63369ZM7.875 15.7233C6.99061 15.7233 6.36667 15.7229 5.87664 15.6879C5.39406 15.6534 5.09812 15.5881 4.86349 15.4863L4.26638 16.8623C4.72089 17.0595 5.20634 17.1438 5.76969 17.1841C6.32559 17.2238 7.01211 17.2233 7.875 17.2233V15.7233ZM1.50002 10.5805C1.50002 11.4859 1.49965 12.2009 1.53728 12.7788C1.57531 13.3628 1.65443 13.8597 1.83799 14.3239L3.23291 13.7724C3.13102 13.5147 3.06743 13.193 3.03411 12.6813C3.00039 12.1635 3.00002 11.5055 3.00002 10.5805H1.50002ZM4.86349 15.4863C4.13368 15.1696 3.54316 14.5571 3.23291 13.7724L1.83799 14.3239C2.28895 15.4645 3.15848 16.3816 4.26638 16.8623L4.86349 15.4863ZM15 10.5805C15 11.5055 14.9996 12.1635 14.9659 12.6813C14.9326 13.193 14.869 13.5147 14.7671 13.7724L16.162 14.3239C16.3456 13.8597 16.4247 13.3628 16.4627 12.7788C16.5004 12.2009 16.5 11.4859 16.5 10.5805H15ZM10.125 17.2233C10.9879 17.2233 11.6744 17.2238 12.2303 17.1841C12.7937 17.1438 13.2791 17.0595 13.7336 16.8623L13.1365 15.4863C12.9019 15.5881 12.6059 15.6534 12.1234 15.6879C11.6333 15.7229 11.0094 15.7233 10.125 15.7233V17.2233ZM14.7671 13.7724C14.4568 14.5571 13.8663 15.1696 13.1365 15.4863L13.7336 16.8623C14.8415 16.3816 15.7111 15.4645 16.162 14.3239L14.7671 13.7724ZM3.00002 10.5805C3.00002 9.45214 2.94895 9.20621 2.99706 8.66473L1.50294 8.53198C1.44795 9.15093 1.50002 9.63951 1.50002 10.5805H3.00002ZM14.625 5.97335C15.2463 5.97335 15.75 6.47703 15.75 7.09835H17.25C17.25 5.6486 16.0747 4.47335 14.625 4.47335V5.97335ZM3.375 4.47335C1.92525 4.47335 0.75 5.6486 0.75 7.09835H2.25C2.25 6.47703 2.75368 5.97335 3.375 5.97335V4.47335ZM10.1062 4.9205L11.6971 3.3295L10.6365 2.26884L9.0455 3.85984L10.1062 4.9205ZM11.6971 3.3295C12.1365 2.89017 12.8488 2.89017 13.2881 3.3295L14.3488 2.26884C13.3237 1.24372 11.6616 1.24372 10.6365 2.26884L11.6971 3.3295ZM9.0455 3.85984C8.81182 4.09351 8.41704 4.50767 8.27616 5.027L9.72384 5.41971C9.74854 5.32867 9.86057 5.16608 10.1062 4.9205L9.0455 3.85984ZM13.2881 3.3295C13.6839 3.72529 13.7235 4.34401 13.4053 4.78332L14.62 5.66335C15.3638 4.63661 15.274 3.19403 14.3488 2.26884L13.2881 3.3295ZM9.07216 3.85985L7.48117 2.26885L6.42051 3.32951L8.0115 4.92051L9.07216 3.85985ZM7.48117 2.26885C6.45604 1.24373 4.79398 1.24373 3.76885 2.26885L4.82951 3.32951C5.26885 2.89018 5.98117 2.89018 6.42051 3.32951L7.48117 2.26885ZM8.0115 4.92051C8.13269 5.0417 8.21657 5.20003 8.27616 5.41971L9.72384 5.027C9.61786 4.63631 9.43022 4.21791 9.07216 3.85985L8.0115 4.92051ZM3.76885 2.26885C2.84367 3.19404 2.75383 4.63662 3.49767 5.66336L4.7124 4.78333C4.39413 4.34402 4.43373 3.7253 4.82951 3.32951L3.76885 2.26885ZM8.25 5.22336L8.25 15.7233L9.75 15.7233L9.75 5.22336H8.25ZM4.10503 5.97335L9 5.97336L9 4.47336L4.10503 4.47335L4.10503 5.97335ZM3.375 8.22335C3.11434 8.22335 2.87628 8.13562 2.68578 7.98761L1.76551 9.17214C2.20988 9.51738 2.76944 9.72335 3.375 9.72335V8.22335ZM2.68578 7.98761C2.41925 7.78054 2.25 7.45939 2.25 7.09835H0.75C0.75 7.94215 1.14897 8.69314 1.76551 9.17214L2.68578 7.98761ZM2.70337 8.0009L2.67901 7.98242L1.77227 9.17733L1.79663 9.19582L2.70337 8.0009ZM10.125 15.7233H9V17.2233H10.125V15.7233ZM9 15.7233H7.875V17.2233H9V15.7233ZM8.25 15.7233L8.25 16.4733L9.75 16.4733L9.75 15.7233L8.25 15.7233ZM14.625 8.22335H9V9.72335H14.625V8.22335ZM9 8.22335H3.375V9.72335H9V8.22335ZM15.75 7.09835C15.75 7.47868 15.562 7.81517 15.2704 8.01998L16.1327 9.2474C16.8069 8.77379 17.25 7.98786 17.25 7.09835H15.75ZM15.2704 8.01998C15.0879 8.14819 14.8664 8.22335 14.625 8.22335V9.72335C15.1849 9.72335 15.7058 9.54722 16.1327 9.2474L15.2704 8.01998ZM16.5 10.5805C16.5 9.57342 16.5005 9.16719 16.4488 8.56905L14.9543 8.69832C14.9995 9.22053 15 9.56053 15 10.5805H16.5ZM9 5.97336L13.8185 5.97335L13.8185 4.47335L9 4.47336L9 5.97336ZM13.8185 5.97335L14.0127 5.97334L14.0126 4.47334L13.8184 4.47335L13.8185 5.97335ZM13.8185 5.97335L14.625 5.97335L14.625 4.47335L13.8185 4.47335L13.8185 5.97335ZM4.10503 4.47335H3.375V5.97335H4.10503V4.47335ZM3.375 5.97335L6.1875 5.97335L6.1875 4.47335L3.375 4.47335L3.375 5.97335ZM6.1875 5.97335L9 5.97336L9 4.47336L6.1875 4.47335L6.1875 5.97335ZM4.10503 5.97335L6.1875 5.97335L6.1875 4.47335L4.10504 4.47335L4.10503 5.97335ZM9 5.97336L14.0126 5.97334L14.0126 4.47334L9 4.47336L9 5.97336Z' fill='url(%23paint0_linear_103_55498)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_103_55498' x1='1.63623' y1='1.22727' x2='16.3635' y2='17.5909' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%231DCBCB'/%3E%3Cstop offset='0.5' stop-color='%2360BCF0'/%3E%3Cstop offset='1' stop-color='%23FB52EA'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
}

.account-prepays__list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .account-prepays__list {
    margin-bottom: 1rem;
  }
}
.account-prepays__list:last-child {
  margin-bottom: 0;
}
.account-prepays__item {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .account-prepays__item {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid rgba(192, 192, 221, 0.3);
  }
}
.account-prepays__item:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .account-prepays__item:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
}
.account-prepays__item > p {
  margin-bottom: 0;
  font-size: 0.9375rem;
  line-height: 1.1333333333;
}
.account-prepays__item > span {
  display: block;
  border-radius: 0.375rem;
  padding: 0.125rem 0.5rem;
  font-size: 0.75rem;
  line-height: 1.4166666667;
}
.account-prepays__item > span._verif {
  color: #10AC84;
  background: #F4FCF9;
}
.account-prepays__item > span._unverif {
  color: #AC3333;
  background: #FCF4F4;
}
.account-prepays__actions {
  flex-grow: 1;
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
.account-prepays__add {
  width: 100%;
  padding: 13px;
  font-size: 0.9375rem;
  line-height: 1.3333333333;
}
.account-prepays .account-prepays__add:hover, .account-prepays .account-prepays__add:active {
  background: #5F27CD !important;
  color: #FFFFFF !important;
  border-color: #5F27CD !important;
}

.account-rendevu {
  background: #FFFFFF;
  box-shadow: 0px 0px 6px rgba(115, 115, 167, 0.2);
  padding: 1.5rem 1rem;
}
@media (min-width: 375px) {
  .account-rendevu {
    padding: 1.5rem;
    border-radius: 0.5rem;
  }
}
.account-rendevu__title {
  font-size: 1rem;
  line-height: 1.25;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .account-rendevu__title {
    font-size: 1.25rem;
  }
}
.account-rendevu__list {
  margin-top: 1.5rem;
}
.account-rendevu--page .account-rendevu__list {
  margin-top: 0;
}
.account-rendevu__empty {
  min-height: 153px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (min-width: 768px) {
  .account-rendevu__empty {
    min-height: 10rem;
  }
}
.account-rendevu__empty > p {
  margin-bottom: 0;
  color: #706DB0;
  font-size: 0.9375rem;
  line-height: 1.3333333333;
}
.account-rendevu--page .account-rendevu__empty {
  min-height: 12.75rem;
}
@media (min-width: 768px) {
  .account-rendevu--page .account-rendevu__empty {
    min-height: 25rem;
  }
}

.card-rendevu {
  margin-bottom: 1rem;
  border: 1px solid #ECECF5;
  border-radius: 0.5rem;
  background: #FFFFFF;
  padding: 0.75rem;
  position: relative;
}
@media (min-width: 768px) {
  .card-rendevu {
    display: flex;
    align-items: center;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
  }
}
.card-rendevu:last-child {
  margin-bottom: 0;
}
.card-rendevu__heading {
  display: flex;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  margin-bottom: 0.75rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(192, 192, 221, 0.3);
}
@media (min-width: 768px) {
  .card-rendevu__heading {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
    padding-right: 0.75rem;
    border-right: 1px solid rgba(192, 192, 221, 0.3);
    margin-right: 0.25rem;
  }
}
@media (min-width: 1200px) {
  .card-rendevu__heading {
    padding-right: 1rem;
    margin-right: 0.5rem;
  }
}
.card-rendevu__heading > div {
  min-width: 0;
  flex-grow: 1;
  padding-right: 2rem;
}
@media (min-width: 768px) {
  .card-rendevu__heading > div {
    padding-right: 0;
  }
}
.card-rendevu__image {
  margin: 0;
  flex: 0 0 3.125rem;
  width: 3.125rem;
  height: 3.125rem;
  font-size: 0;
  line-height: 0;
}
@media (min-width: 768px) {
  .card-rendevu__image {
    flex: 0 0 2.375rem;
    width: 2.375rem;
    height: 2.375rem;
  }
}
.card-rendevu__image > * {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 50%;
}
.card-rendevu--disable .card-rendevu__image > * {
  filter: grayscale(1);
}
.card-rendevu__title {
  font-size: 1.25rem;
  line-height: 1.2;
  margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
  .card-rendevu__title {
    font-size: 0.875rem;
    line-height: 1.1428571429;
    margin-bottom: 0.25rem;
  }
}
.card-rendevu--disable .card-rendevu__title {
  color: #6E6E6E;
}
.card-rendevu__dates {
  display: flex;
  -moz-column-gap: 0.25rem;
       column-gap: 0.25rem;
  font-size: 0.875rem;
  line-height: 1.1428571429;
  color: #706DB0;
  font-weight: 700;
}
@media (min-width: 768px) {
  .card-rendevu__dates {
    font-size: 0.75rem;
  }
}
.card-rendevu--disable .card-rendevu__dates {
  color: #6E6E6E;
}
.card-rendevu__date {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}
.card-rendevu__list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 1rem;
  display: flex;
  justify-content: space-between;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
}
@media (min-width: 768px) {
  .card-rendevu__list {
    margin-bottom: 0;
    -moz-column-gap: 0.75rem;
         column-gap: 0.75rem;
    flex-grow: 1;
    min-width: 0;
    justify-content: flex-start;
  }
}
@media (min-width: 1200px) {
  .card-rendevu__list {
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
}
.card-rendevu__list > li > span {
  display: block;
  margin-bottom: 0.5rem;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1.1666666667;
  color: #706DB0;
}
.card-rendevu__list > li > p {
  margin-bottom: 0;
  font-size: 13px;
  line-height: 1.1538461538;
  font-weight: 700;
}
.card-rendevu--disable .card-rendevu__list > li > span {
  color: #6E6E6E;
}
.card-rendevu--disable .card-rendevu__list > li > p {
  color: #6E6E6E;
}
.card-rendevu__alert {
  padding: 0.5rem;
  border-radius: 0.5rem;
  font-size: 0.9375rem;
  line-height: 1.1333333333;
  text-align: center;
}
@media (min-width: 768px) {
  .card-rendevu__alert {
    padding: 0.5rem 0.75rem;
    flex: 0 0 182px;
    width: 182px;
    font-size: 0.75rem;
    line-height: 1.1666666667;
  }
}
.card-rendevu__alert > p {
  font-size: inherit;
  line-height: inherit;
  margin-bottom: 0.375rem;
}
.card-rendevu__alert > p:last-child {
  margin-bottom: 0;
}
.card-rendevu__alert._success {
  color: #10AC84;
  background: #F4FCF9;
}
.card-rendevu__alert._warning {
  color: #DC6803;
  background: #FFFAEB;
}
.card-rendevu__alert._error {
  color: #F75F5F;
  background: #F8F8F8;
}
.card-rendevu__alert._dark {
  color: #555555;
  background: #F8F8F8;
}
.card-rendevu__button {
  display: none;
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .card-rendevu__button {
    display: block;
    margin-top: 0;
  }
}
.card-rendevu__button:has(.btn) {
  display: block;
}
@media (min-width: 768px) {
  .card-rendevu__button {
    flex: 0 0 58px;
    width: 58px;
    margin-right: -3px;
  }
}
.card-rendevu__button > .btn {
  width: 100%;
  font-size: 13px;
  line-height: 1.1538461538;
  padding: 9px;
}
@media (min-width: 768px) {
  .card-rendevu__button > .btn {
    padding: 0.5rem;
  }
}
.card-rendevu--disable .card-rendevu__button {
  opacity: 0;
  visibility: hidden;
}
.card-rendevu__edit {
  position: absolute;
  top: 0.75rem;
  right: 0.75rem;
}
@media (min-width: 768px) {
  .card-rendevu__edit {
    position: relative;
    top: 0;
    right: 0;
    flex: 0 0 1.5rem;
    width: 1.5rem;
  }
}
.card-rendevu--disable .card-rendevu__edit {
  opacity: 0;
  visibility: hidden;
}

.account-aside {
  background: #FFFFFF;
  box-shadow: 0px 0px 6px rgba(115, 115, 167, 0.2);
  padding: 1.5rem;
  max-height: 596px;
  min-height: -moz-max-content;
  min-height: max-content;
}
@media (min-width: 375px) {
  .account-aside {
    border-radius: 0.5rem;
  }
}
.account-aside.mobile-hide {
  display: none;
}
@media (min-width: 1200px) {
  .account-aside.mobile-hide {
    display: block;
  }
}
.account-aside__list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.account-aside__list > li {
  margin-bottom: 2.25rem;
}
@media (min-width: 1200px) {
  .account-aside__list > li {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid rgba(192, 192, 221, 0.3);
  }
}
.account-aside__list > li:last-child {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .account-aside__list > li:last-child {
    padding-bottom: 0;
    border-bottom: 0;
  }
}
.account-aside__list > li > a {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  color: #706DB0;
  font-size: 0.9375rem;
  line-height: 1.347;
}
.account-aside__list > li > a:hover {
  color: #5F27CD;
}
.account-aside__list > li > a::before {
  content: "";
  flex: 0 0 2.75rem;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 0.5rem;
  background-color: #F6F6FC;
  background-repeat: no-repeat;
  background-size: 1.5rem 1.5rem;
  background-position: center;
  transition: background-image 0.3s ease, background-color 0.3s ease;
}
.account-aside__list > li > a.active {
  font-weight: 700;
  color: #5F27CD;
}
.account-aside__list > li > a.active::before {
  background-color: #5F27CD;
}
.account-aside__list > li > a.has-arrow {
  position: relative;
}
.account-aside__list > li > a.has-arrow::after {
  content: "";
  position: absolute;
  top: 0.625rem;
  right: 0;
  width: 1.5rem;
  height: 1.5rem;
  transition: background-image 0.3s ease;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 7L15 12L10 17' stroke='%23706DB0' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (min-width: 1200px) {
  .account-aside__list > li > a.has-arrow::after {
    display: none;
  }
}
.account-aside__list > li > a.has-arrow:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 7L15 12L10 17' stroke='%235F27CD' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.account-aside__list > li > a._home::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.15722 20.7714V17.7047C9.1572 16.9246 9.79312 16.2908 10.581 16.2856H13.4671C14.2587 16.2856 14.9005 16.9209 14.9005 17.7047V17.7047V20.7809C14.9003 21.4432 15.4343 21.9845 16.103 22H18.0271C19.9451 22 21.5 20.4607 21.5 18.5618V18.5618V9.83784C21.4898 9.09083 21.1355 8.38935 20.538 7.93303L13.9577 2.6853C12.8049 1.77157 11.1662 1.77157 10.0134 2.6853L3.46203 7.94256C2.86226 8.39702 2.50739 9.09967 2.5 9.84736V18.5618C2.5 20.4607 4.05488 22 5.97291 22H7.89696C8.58235 22 9.13797 21.4499 9.13797 20.7714V20.7714' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.account-aside__list > li > a._home:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.15722 20.7714V17.7047C9.1572 16.9246 9.79312 16.2908 10.581 16.2856H13.4671C14.2587 16.2856 14.9005 16.9209 14.9005 17.7047V17.7047V20.7809C14.9003 21.4432 15.4343 21.9845 16.103 22H18.0271C19.9451 22 21.5 20.4607 21.5 18.5618V18.5618V9.83784C21.4898 9.09083 21.1355 8.38935 20.538 7.93303L13.9577 2.6853C12.8049 1.77157 11.1662 1.77157 10.0134 2.6853L3.46203 7.94256C2.86226 8.39702 2.50739 9.09967 2.5 9.84736V18.5618C2.5 20.4607 4.05488 22 5.97291 22H7.89696C8.58235 22 9.13797 21.4499 9.13797 20.7714V20.7714' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.account-aside__list > li > a._home.active::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.13478 20.7733V17.7156C9.13478 16.9351 9.77217 16.3023 10.5584 16.3023H13.4326C13.8102 16.3023 14.1723 16.4512 14.4393 16.7163C14.7063 16.9813 14.8563 17.3408 14.8563 17.7156V20.7733C14.8539 21.0978 14.9821 21.4099 15.2124 21.6402C15.4427 21.8705 15.7561 22 16.0829 22H18.0438C18.9596 22.0023 19.8388 21.6428 20.4872 21.0008C21.1356 20.3588 21.5 19.487 21.5 18.5778V9.86686C21.5 9.13246 21.1721 8.43584 20.6046 7.96467L13.934 2.67587C12.7737 1.74856 11.1111 1.7785 9.98539 2.74698L3.46701 7.96467C2.87274 8.42195 2.51755 9.12064 2.5 9.86686V18.5689C2.5 20.4639 4.04738 22 5.95617 22H7.87229C8.55123 22 9.103 21.4562 9.10792 20.7822L9.13478 20.7733Z' fill='white'/%3E%3C/svg%3E%0A");
}
.account-aside__list > li > a._plan::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.09253 9.40445H20.9165' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.442 13.3097H16.4512' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.0047 13.3097H12.014' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.55793 13.3097H7.5672' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.442 17.1964H16.4512' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.0047 17.1964H12.014' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.55793 17.1964H7.5672' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.0438 2V5.29078' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.9654 2V5.29078' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.2383 3.5791H7.77096C4.83427 3.5791 3 5.21504 3 8.22213V17.2718C3 20.3261 4.83427 21.9999 7.77096 21.9999H16.229C19.175 21.9999 21 20.3545 21 17.3474V8.22213C21.0092 5.21504 19.1842 3.5791 16.2383 3.5791Z' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.account-aside__list > li > a._plan:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.09253 9.40445H20.9165' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.442 13.3097H16.4512' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.0047 13.3097H12.014' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.55793 13.3097H7.5672' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.442 17.1964H16.4512' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.0047 17.1964H12.014' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.55793 17.1964H7.5672' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.0438 2V5.29078' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.9654 2V5.29078' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.2383 3.5791H7.77096C4.83427 3.5791 3 5.21504 3 8.22213V17.2718C3 20.3261 4.83427 21.9999 7.77096 21.9999H16.229C19.175 21.9999 21 20.3545 21 17.3474V8.22213C21.0092 5.21504 19.1842 3.5791 16.2383 3.5791Z' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.account-aside__list > li > a._plan.active::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.4109 2.76862L16.4119 3.51824C19.1665 3.73413 20.9862 5.61119 20.9891 8.48975L21 16.9155C21.0039 20.054 19.0322 21.985 15.8718 21.99L8.15188 22C5.01119 22.004 3.01482 20.027 3.01087 16.8795L3.00001 8.55272C2.99606 5.65517 4.75153 3.78311 7.50617 3.53024L7.50518 2.78061C7.5042 2.34083 7.83001 2.01 8.26444 2.01C8.69886 2.009 9.02468 2.33883 9.02567 2.77861L9.02666 3.47826L14.8914 3.47027L14.8904 2.77062C14.8894 2.33084 15.2152 2.001 15.6497 2C16.0742 1.999 16.4099 2.32884 16.4109 2.76862ZM4.52148 8.86157L19.4696 8.84158V8.49175C19.4272 6.34283 18.349 5.21539 16.4138 5.04748L16.4148 5.81709C16.4148 6.24688 16.0801 6.5877 15.6556 6.5877C15.2212 6.5887 14.8943 6.24887 14.8943 5.81909L14.8934 5.0095L9.02863 5.01749L9.02962 5.82609C9.02962 6.25687 8.70479 6.5967 8.27036 6.5967C7.83594 6.5977 7.50913 6.25887 7.50913 5.82809L7.50815 5.05847C5.58286 5.25137 4.51753 6.38281 4.52049 8.55072L4.52148 8.86157ZM15.2399 13.4043V13.4153C15.2498 13.8751 15.625 14.2239 16.0801 14.2139C16.5244 14.2029 16.8789 13.8221 16.869 13.3623C16.8483 12.9225 16.4918 12.5637 16.0485 12.5647C15.5944 12.5747 15.2389 12.9445 15.2399 13.4043ZM16.0554 17.892C15.6013 17.882 15.235 17.5032 15.234 17.0435C15.2241 16.5837 15.5884 16.2029 16.0426 16.1919H16.0525C16.5165 16.1919 16.8927 16.5707 16.8927 17.0405C16.8937 17.5102 16.5185 17.891 16.0554 17.892ZM11.1721 13.4203C11.1919 13.8801 11.568 14.2389 12.0222 14.2189C12.4665 14.1979 12.821 13.8181 12.8012 13.3583C12.7903 12.9085 12.425 12.5587 11.9807 12.5597C11.5266 12.5797 11.1711 12.9605 11.1721 13.4203ZM12.0262 17.8471C11.572 17.8671 11.1968 17.5082 11.1761 17.0485C11.1761 16.5887 11.5305 16.2089 11.9847 16.1879C12.429 16.1869 12.7953 16.5367 12.8052 16.9855C12.8259 17.4463 12.4705 17.8261 12.0262 17.8471ZM7.10433 13.4553C7.12408 13.915 7.50025 14.2749 7.95442 14.2539C8.39872 14.2339 8.75317 13.8531 8.73243 13.3933C8.72256 12.9435 8.35725 12.5937 7.91196 12.5947C7.45779 12.6147 7.10334 12.9955 7.10433 13.4553ZM7.95837 17.8521C7.5042 17.8731 7.12901 17.5132 7.10828 17.0535C7.10729 16.5937 7.46273 16.2129 7.9169 16.1929C8.3612 16.1919 8.7275 16.5417 8.73737 16.9915C8.7581 17.4513 8.40365 17.8321 7.95837 17.8521Z' fill='white'/%3E%3C/svg%3E%0A");
}
.account-aside__list > li > a._pay::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.6389 14.3943H17.5906C16.1042 14.3934 14.8993 13.1894 14.8984 11.703C14.8984 10.2165 16.1042 9.01263 17.5906 9.01172H21.6389' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.0485 11.6432H17.7369' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.74766 3H16.3911C19.2892 3 21.6388 5.34951 21.6388 8.24766V15.4247C21.6388 18.3229 19.2892 20.6724 16.3911 20.6724H7.74766C4.84951 20.6724 2.5 18.3229 2.5 15.4247V8.24766C2.5 5.34951 4.84951 3 7.74766 3Z' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.03564 7.53772H12.4346' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.account-aside__list > li > a._pay:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.6389 14.3943H17.5906C16.1042 14.3934 14.8993 13.1894 14.8984 11.703C14.8984 10.2165 16.1042 9.01263 17.5906 9.01172H21.6389' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.0485 11.6432H17.7369' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.74766 3H16.3911C19.2892 3 21.6388 5.34951 21.6388 8.24766V15.4247C21.6388 18.3229 19.2892 20.6724 16.3911 20.6724H7.74766C4.84951 20.6724 2.5 18.3229 2.5 15.4247V8.24766C2.5 5.34951 4.84951 3 7.74766 3Z' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.03564 7.53772H12.4346' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.account-aside__list > li > a._pay.active::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.7689 8.3818H22C22 4.98459 19.9644 3 16.5156 3H7.48444C4.03556 3 2 4.98459 2 8.33847V15.6615C2 19.0154 4.03556 21 7.48444 21H16.5156C19.9644 21 22 19.0154 22 15.6615V15.3495H17.7689C15.8052 15.3495 14.2133 13.7975 14.2133 11.883C14.2133 9.96849 15.8052 8.41647 17.7689 8.41647V8.3818ZM17.7689 9.87241H21.2533C21.6657 9.87241 22 10.1983 22 10.6004V13.131C21.9952 13.5311 21.6637 13.8543 21.2533 13.8589H17.8489C16.8548 13.872 15.9855 13.2084 15.76 12.2643C15.6471 11.6783 15.8056 11.0736 16.1931 10.6122C16.5805 10.1509 17.1573 9.88007 17.7689 9.87241ZM17.92 12.533H18.2489C18.6711 12.533 19.0133 12.1993 19.0133 11.7877C19.0133 11.3761 18.6711 11.0424 18.2489 11.0424H17.92C17.7181 11.0401 17.5236 11.1166 17.38 11.255C17.2364 11.3934 17.1555 11.5821 17.1556 11.779C17.1555 12.1921 17.4964 12.5282 17.92 12.533ZM6.73778 8.3818H12.3822C12.8044 8.3818 13.1467 8.04812 13.1467 7.63649C13.1467 7.22487 12.8044 6.89119 12.3822 6.89119H6.73778C6.31903 6.89116 5.9782 7.2196 5.97333 7.62783C5.97331 8.04087 6.31415 8.37705 6.73778 8.3818Z' fill='white'/%3E%3C/svg%3E%0A");
}
.account-aside__list > li > a._secure::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4235 9.44804V7.30104C16.4235 4.78804 14.3855 2.75004 11.8725 2.75004C9.35949 2.73904 7.31349 4.76704 7.30249 7.28104V7.30104V9.44804' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.6832 21.25H8.04224C5.94824 21.25 4.25024 19.553 4.25024 17.458V13.169C4.25024 11.074 5.94824 9.37695 8.04224 9.37695H15.6832C17.7772 9.37695 19.4752 11.074 19.4752 13.169V17.458C19.4752 19.553 17.7772 21.25 15.6832 21.25Z' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.863 14.2031V16.4241' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.account-aside__list > li > a._secure:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4235 9.44804V7.30104C16.4235 4.78804 14.3855 2.75004 11.8725 2.75004C9.35949 2.73904 7.31349 4.76704 7.30249 7.28104V7.30104V9.44804' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.6832 21.25H8.04224C5.94824 21.25 4.25024 19.553 4.25024 17.458V13.169C4.25024 11.074 5.94824 9.37695 8.04224 9.37695H15.6832C17.7772 9.37695 19.4752 11.074 19.4752 13.169V17.458C19.4752 19.553 17.7772 21.25 15.6832 21.25Z' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.863 14.2031V16.4241' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.account-aside__list > li > a._secure.active::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.5227 7.39601V8.92935C19.2451 9.46696 20.5 11.0261 20.5 12.8884V17.8253C20.5 20.1308 18.5886 22 16.2322 22H7.7688C5.41136 22 3.5 20.1308 3.5 17.8253V12.8884C3.5 11.0261 4.75595 9.46696 6.47729 8.92935V7.39601C6.48745 4.41479 8.95667 2 11.9848 2C15.0535 2 17.5227 4.41479 17.5227 7.39601ZM12.0051 3.73904C14.0678 3.73904 15.7445 5.37871 15.7445 7.39601V8.7137H8.25553V7.37613C8.26569 5.36878 9.94232 3.73904 12.0051 3.73904ZM12.8891 16.4549C12.8891 16.9419 12.4928 17.3294 11.9949 17.3294C11.5072 17.3294 11.1109 16.9419 11.1109 16.4549V14.2488C11.1109 13.7718 11.5072 13.3843 11.9949 13.3843C12.4928 13.3843 12.8891 13.7718 12.8891 14.2488V16.4549Z' fill='white'/%3E%3C/svg%3E%0A");
}
.account-aside__list > li > a._exit::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.016 7.39144V6.45844C15.016 4.42344 13.366 2.77344 11.331 2.77344H6.45597C4.42197 2.77344 2.77197 4.42344 2.77197 6.45844V17.5884C2.77197 19.6234 4.42197 21.2734 6.45597 21.2734H11.341C13.37 21.2734 15.016 19.6284 15.016 17.5994V16.6564' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.8096 12.0234H9.76855' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.8813 9.10938L21.8093 12.0244L18.8813 14.9404' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.account-aside__list > li > a._exit:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.016 7.39144V6.45844C15.016 4.42344 13.366 2.77344 11.331 2.77344H6.45597C4.42197 2.77344 2.77197 4.42344 2.77197 6.45844V17.5884C2.77197 19.6234 4.42197 21.2734 6.45597 21.2734H11.341C13.37 21.2734 15.016 19.6284 15.016 17.5994V16.6564' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M21.8096 12.0234H9.76855' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18.8813 9.10938L21.8093 12.0244L18.8813 14.9404' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.account-aside__list > li > a._exit.active::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.89535 11.23C9.45785 11.23 9.11192 11.57 9.11192 12C9.11192 12.42 9.45785 12.77 9.89535 12.77H16V17.55C16 20 13.9753 22 11.4724 22H6.51744C4.02471 22 2 20.01 2 17.56V6.45C2 3.99 4.03488 2 6.52762 2H11.4927C13.9753 2 16 3.99 16 6.44V11.23H9.89535ZM19.6302 8.5402L22.5502 11.4502C22.7002 11.6002 22.7802 11.7902 22.7802 12.0002C22.7802 12.2002 22.7002 12.4002 22.5502 12.5402L19.6302 15.4502C19.4802 15.6002 19.2802 15.6802 19.0902 15.6802C18.8902 15.6802 18.6902 15.6002 18.5402 15.4502C18.2402 15.1502 18.2402 14.6602 18.5402 14.3602L20.1402 12.7702H16.0002V11.2302H20.1402L18.5402 9.6402C18.2402 9.3402 18.2402 8.8502 18.5402 8.5502C18.8402 8.2402 19.3302 8.2402 19.6302 8.5402Z' fill='white'/%3E%3C/svg%3E%0A");
}
.account-aside__list > li:has(.mobile-hide) {
  display: none;
}
@media (min-width: 1200px) {
  .account-aside__list > li:has(.mobile-hide) {
    display: block;
  }
}

.rendevus-filter {
  margin-bottom: 1.5rem;
  display: flex;
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
}
.rendevus-filter:last-child {
  margin-bottom: 0;
}
.rendevus-filter__type {
  min-width: 0;
  flex: 1 0 96px;
}
@media (min-width: 375px) {
  .rendevus-filter__type {
    flex: 1 0 120px;
  }
}
@media (min-width: 768px) {
  .rendevus-filter__type {
    flex: 0 0 128px;
    width: 128px;
  }
}
.rendevus-filter__dates {
  flex-grow: 1;
  min-width: 0;
}
@media (min-width: 768px) {
  .rendevus-filter__dates {
    flex: 0 0 210px;
    width: 210px;
  }
}

.rendevus-select {
  width: 100%;
}
.rendevus-select__button {
  width: 100%;
  border: 1px solid #C0C0DD;
  border-radius: 0.5rem;
  padding: 11px 32px 11px 11px;
  font-size: 0.9375rem;
  line-height: 1.3333333333;
  color: #706DB0;
  background-color: #FFFFFF;
  position: relative;
  text-align: left;
}
@media (min-width: 375px) {
  .rendevus-select__button {
    padding: 11px 42px 11px 15px;
  }
}
.rendevus-select__button:active {
  color: #5F27CD !important;
}
@media (hover: hover) {
  .rendevus-select__button:active, .rendevus-select__button:hover {
    color: #5F27CD !important;
    border-color: #5F27CD !important;
    background-color: #FFFFFF !important;
  }
}
.rendevus-select.active .rendevus-select__button {
  color: #5F27CD;
  border-color: #5F27CD;
}
.rendevus-select__inner {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  box-orient: vertical;
}
.rendevus-select__chevron {
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translateY(-50%);
  width: 1.125rem;
  height: 1.125rem;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.96967 6.21967C4.26256 5.92678 4.73744 5.92678 5.03033 6.21967L9 10.1893L12.9697 6.21967C13.2626 5.92678 13.7374 5.92678 14.0303 6.21967C14.3232 6.51256 14.3232 6.98744 14.0303 7.28033L9.53033 11.7803C9.23744 12.0732 8.76256 12.0732 8.46967 11.7803L3.96967 7.28033C3.67678 6.98744 3.67678 6.51256 3.96967 6.21967Z' fill='%23706DB0'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: background-image 0.3s ease, transform 0.3s ease;
}
@media (min-width: 375px) {
  .rendevus-select__chevron {
    right: 15px;
  }
}
@media (hover: hover) {
  .rendevus-select__button:hover .rendevus-select__chevron {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.96967 6.21967C4.26256 5.92678 4.73744 5.92678 5.03033 6.21967L9 10.1893L12.9697 6.21967C13.2626 5.92678 13.7374 5.92678 14.0303 6.21967C14.3232 6.51256 14.3232 6.98744 14.0303 7.28033L9.53033 11.7803C9.23744 12.0732 8.76256 12.0732 8.46967 11.7803L3.96967 7.28033C3.67678 6.98744 3.67678 6.51256 3.96967 6.21967Z' fill='%235F27CD'/%3E%3C/svg%3E%0A");
  }
}
.rendevus-select.active .rendevus-select__chevron {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.96967 6.21967C4.26256 5.92678 4.73744 5.92678 5.03033 6.21967L9 10.1893L12.9697 6.21967C13.2626 5.92678 13.7374 5.92678 14.0303 6.21967C14.3232 6.51256 14.3232 6.98744 14.0303 7.28033L9.53033 11.7803C9.23744 12.0732 8.76256 12.0732 8.46967 11.7803L3.96967 7.28033C3.67678 6.98744 3.67678 6.51256 3.96967 6.21967Z' fill='%235F27CD'/%3E%3C/svg%3E%0A");
  transform: translateY(-50%) rotate(180deg);
}
.rendevus-select__list {
  box-shadow: 0px 11px 26px rgba(115, 115, 167, 0.3);
  background-color: #FFFFFF;
  border-radius: 0.5rem;
  padding: 0rem 11px;
}
@media (min-width: 375px) {
  .rendevus-select__list {
    padding: 0rem 1rem;
  }
}
.rendevus-select__item {
  border-bottom: 1px solid rgba(192, 192, 221, 0.3);
  color: #706DB0;
  font-size: 0.9375rem;
  line-height: 0.9333333333;
  padding: 1rem 0;
}
.rendevus-select__item:last-child {
  border-bottom: 0;
}
.rendevus-select__item:hover, .rendevus-select__item.active {
  color: #5F27CD;
}
.rendevus-dates {
  position: relative;
}
.rendevus-dates__control {
  background-color: #FFFFFF;
  color: #706DB0;
  font-size: 0.9375rem;
  line-height: 1.2;
  padding: 12px 38px 12px 9px;
}
@media (min-width: 375px) {
  .rendevus-dates__control {
    padding: 12px 48px 12px 15px;
  }
}
.rendevus-dates__control:focus, .rendevus-dates__control:hover {
  background-color: #FFFFFF !important;
}
.rendevus-dates__icon {
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translateY(-50%);
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.09277 9.40445H20.9167' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.442 13.3088H16.4512' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.0045 13.3088H12.0137' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.55818 13.3088H7.56744' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.442 17.1955H16.4512' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.0045 17.1955H12.0137' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.55818 17.1955H7.56744' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16.0433 2V5.29078' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.96515 2V5.29078' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.2383 3.58008H7.77096C4.83427 3.58008 3 5.21601 3 8.2231V17.2727C3 20.3271 4.83427 22.0009 7.77096 22.0009H16.229C19.175 22.0009 21 20.3555 21 17.3484V8.2231C21.0092 5.21601 19.1842 3.58008 16.2383 3.58008Z' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
@media (min-width: 375px) {
  .rendevus-dates__icon {
    right: 15px;
  }
}

.daterangepicker {
  z-index: 900;
  border: 0;
}
@media (max-width: 767px) {
  .daterangepicker {
    position: fixed !important;
    border-radius: 0;
    width: 100vw;
    margin-top: 0;
    top: 6rem !important;
    right: 0 !important;
    left: 0 !important;
    height: calc(100% - 9.5rem - 59px);
    overflow-y: auto;
  }
}
@media (min-width: 768px) {
  .daterangepicker {
    width: 284px;
    border-radius: 7px;
    box-shadow: 0px 11px 26px rgba(115, 115, 167, 0.3);
    margin-top: -44px;
  }
}
@media (min-width: 768px) {
  .daterangepicker.single {
    margin-top: -46px;
  }
}
.daterangepicker::before {
  display: none;
}
.daterangepicker::after {
  display: none;
}
.daterangepicker.show-calendar .ranges {
  margin-top: 0;
}
.daterangepicker > .drp-calendar {
  width: 100%;
  max-width: 100%;
}
.daterangepicker > .drp-calendar.left {
  padding: 1rem 1rem 0.5rem;
}
@media (min-width: 768px) {
  .daterangepicker > .drp-calendar.left {
    padding: 0.75rem 0.5rem 0.375rem;
  }
}
.daterangepicker > .drp-calendar.left .calendar-table {
  padding-right: 0;
}
.daterangepicker > .drp-calendar.right {
  padding: 0.5rem 1rem 1rem;
}
@media (min-width: 768px) {
  .daterangepicker > .drp-calendar.right {
    padding: 0.375rem 0.5rem 0.75rem;
  }
}
.daterangepicker > .drp-calendar.right .calendar-table {
  padding-left: 0;
}
.daterangepicker > .drp-calendar > .calendar-table {
  border: 0;
  background-color: transparent;
}
.daterangepicker > .drp-calendar > .calendar-table thead > tr > th {
  padding: 0;
  border: 0;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  border-radius: 0;
}
@media (min-width: 768px) {
  .daterangepicker > .drp-calendar > .calendar-table thead > tr > th {
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
  }
}
.daterangepicker > .drp-calendar > .calendar-table thead > tr > th.month {
  font-size: 1.125rem;
}
@media (min-width: 768px) {
  .daterangepicker > .drp-calendar > .calendar-table thead > tr > th.month {
    font-size: 1rem;
  }
}
.daterangepicker > .drp-calendar > .calendar-table thead > tr > th.prev, .daterangepicker > .drp-calendar > .calendar-table thead > tr > th.next {
  position: relative;
}
.daterangepicker > .drp-calendar > .calendar-table thead > tr > th.prev::before, .daterangepicker > .drp-calendar > .calendar-table thead > tr > th.next::before {
  content: "";
  position: absolute;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  z-index: -1;
  top: 50%;
  left: 50%;
  background-color: #5F27CD;
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -50%);
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
@media (min-width: 768px) {
  .daterangepicker > .drp-calendar > .calendar-table thead > tr > th.prev::before, .daterangepicker > .drp-calendar > .calendar-table thead > tr > th.next::before {
    width: 1.75rem;
    height: 1.75rem;
  }
}
.daterangepicker > .drp-calendar > .calendar-table thead > tr > th.prev > span, .daterangepicker > .drp-calendar > .calendar-table thead > tr > th.next > span {
  transition: border-color 0.3s ease;
}
.daterangepicker > .drp-calendar > .calendar-table thead > tr > th.prev:hover, .daterangepicker > .drp-calendar > .calendar-table thead > tr > th.next:hover {
  background-color: transparent;
}
.daterangepicker > .drp-calendar > .calendar-table thead > tr > th.prev:hover > span, .daterangepicker > .drp-calendar > .calendar-table thead > tr > th.next:hover > span {
  border-color: #FFFFFF;
}
.daterangepicker > .drp-calendar > .calendar-table thead > tr > th.prev:hover::before, .daterangepicker > .drp-calendar > .calendar-table thead > tr > th.next:hover::before {
  opacity: 1;
  visibility: visible;
}
.daterangepicker > .drp-calendar > .calendar-table thead > tr > th.prev::before {
  left: 47%;
}
.daterangepicker > .drp-calendar > .calendar-table thead > tr > th.next::before {
  left: 55%;
}
.daterangepicker > .drp-calendar > .calendar-table thead > tr:last-child > th {
  font-size: 13px;
  line-height: 1.1538461538;
  font-weight: 400;
  padding-top: 1rem;
}
@media (min-width: 768px) {
  .daterangepicker > .drp-calendar > .calendar-table thead > tr:last-child > th {
    font-size: 0.75rem;
    line-height: 1.1666666667;
  }
}
.daterangepicker > .drp-calendar > .calendar-table td {
  font-size: 1.125rem;
  height: 2.25rem;
  position: relative;
  border: 0;
  padding: 13px 0;
  text-align: center;
  border-radius: 0 !important;
  transition: color 0.3s ease;
}
@media (min-width: 768px) {
  .daterangepicker > .drp-calendar > .calendar-table td {
    font-size: 0.75rem;
    line-height: 1.1666666667;
    height: 1.75rem;
    padding: 0.5rem 0;
  }
}
.daterangepicker > .drp-calendar > .calendar-table td::before {
  content: "";
  position: absolute;
  width: 2.25rem;
  height: 2.25rem;
  border-radius: 50%;
  z-index: -1;
  top: 50%;
  left: 50%;
  background-color: rgba(192, 192, 221, 0.3);
  opacity: 0;
  visibility: hidden;
  transform: translate(-50%, -50%);
  transition: background-color 0.3s ease, opacity 0.3s ease, visibility 0.3s ease;
}
@media (min-width: 768px) {
  .daterangepicker > .drp-calendar > .calendar-table td::before {
    width: 1.75rem;
    height: 1.75rem;
  }
}
.daterangepicker > .drp-calendar > .calendar-table td:hover {
  background-color: transparent;
}
.daterangepicker > .drp-calendar > .calendar-table td:hover::before {
  opacity: 1;
  visibility: visible;
}
.daterangepicker > .drp-calendar > .calendar-table td.active::before {
  background-color: #5F27CD;
}
.daterangepicker > .drp-calendar > .calendar-table td.in-range {
  background-color: transparent;
}
.daterangepicker > .drp-calendar > .calendar-table td.in-range::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: -1;
  width: 100%;
  height: 2.25rem;
  background-color: #F6F6FC;
}
@media (min-width: 768px) {
  .daterangepicker > .drp-calendar > .calendar-table td.in-range::after {
    height: 1.75rem;
  }
}
.daterangepicker > .drp-calendar > .calendar-table td.in-range.active::after {
  display: none;
}
.daterangepicker > .drp-calendar > .calendar-table td.active {
  background-color: transparent;
}
.daterangepicker > .drp-calendar > .calendar-table td.active.start-date::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateY(-50%);
  z-index: -2;
  width: 50%;
  height: 2.25rem;
  background-color: #F6F6FC;
}
@media (min-width: 768px) {
  .daterangepicker > .drp-calendar > .calendar-table td.active.start-date::after {
    height: 1.75rem;
  }
}
.daterangepicker > .drp-calendar > .calendar-table td.active.start-date.end-date::after {
  display: none !important;
}
.daterangepicker > .drp-calendar > .calendar-table td.active.end-date::after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: -2;
  width: 50%;
  height: 2.25rem;
  background-color: #F6F6FC;
  display: block !important;
}
@media (min-width: 768px) {
  .daterangepicker > .drp-calendar > .calendar-table td.active.end-date::after {
    height: 1.75rem;
  }
}
.daterangepicker > .drp-calendar > .calendar-table td.active::before {
  opacity: 1;
  visibility: visible;
}
.daterangepicker > .drp-calendar > .calendar-table td.active:hover {
  background-color: transparent;
}
.daterangepicker > .drp-calendar > .calendar-table td.active:hover::before {
  opacity: 1;
  visibility: visible;
}
@media (max-width: 767px) {
  .daterangepicker > .drp-buttons {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 1000;
    bottom: 3.5rem;
    background-color: #FFFFFF;
    border: 0;
    border-bottom: 1px solid #C0C0DD;
    box-shadow: 0px -1px 12px rgba(0, 0, 0, 0.2);
    padding: 0.5rem 1rem;
  }
}
@media (min-width: 768px) {
  .daterangepicker > .drp-buttons {
    padding: 0.5rem;
    border-color: #ECECF5;
  }
}
.daterangepicker > .drp-buttons > .drp-selected {
  display: none;
}
.daterangepicker > .drp-buttons > .cancelBtn {
  display: none;
}
.daterangepicker > .drp-buttons > .applyBtn {
  margin-left: 0;
  width: 100%;
  font-size: 13px;
  line-height: 1.2307692308;
  font-weight: 400;
  padding: 13px;
  color: #5F27CD !important;
  position: relative;
}
@media (min-width: 768px) {
  .daterangepicker > .drp-buttons > .applyBtn {
    padding: 0.625rem;
  }
}
.daterangepicker > .drp-buttons > .applyBtn::after {
  content: "Confirmer";
  color: #FFFFFF;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: "Arial";
  letter-spacing: 0;
}

.datepicker-heading {
  position: fixed;
  z-index: 950;
  top: 3rem;
  left: 0;
  right: 0;
  width: 100vw;
  background: #FFFFFF;
  box-shadow: 0px 0px 16px 0px rgba(115, 115, 167, 0.2);
  display: none;
}
.datepicker-heading.show {
  display: block;
}
@media (min-width: 768px) {
  .datepicker-heading.show {
    display: none;
  }
}
.datepicker-heading__body {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 14px 0;
  position: relative;
}
@media (min-width: 1200px) {
  .datepicker-heading__body {
    padding: 16px 0;
  }
}
.datepicker-heading__button {
  position: absolute;
  line-height: 0;
  width: 24px;
  height: 24px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  fill: #706DB0;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (hover: hover) {
  .datepicker-heading__button:hover {
    fill: #5F27CD;
  }
}
@media (min-width: 1200px) {
  .datepicker-heading__button {
    width: 48px;
    height: 48px;
    border-radius: 8px;
  }
}
@media (min-width: 1200px) and (hover: hover) {
  .datepicker-heading__button:hover {
    fill: #FFFFFF;
    background: #5F27CD;
  }
}
.datepicker-heading__title {
  margin: 0;
  padding: 0 24px;
  font-size: 16px;
  line-height: 1.25;
  color: #242434;
  text-align: center;
}
@media (min-width: 1200px) {
  .datepicker-heading__title {
    font-size: 18px;
    line-height: 1.3333333333;
    color: #706DB0;
  }
}

.account-history {
  background: #FFFFFF;
  box-shadow: 0px 0px 6px rgba(115, 115, 167, 0.2);
  padding: 1.5rem 1rem;
}
@media (min-width: 375px) {
  .account-history {
    padding: 1.5rem;
    border-radius: 0.5rem;
  }
}
.account-history__item {
  margin-bottom: 1.5rem;
}
.account-history__item:last-child {
  margin-bottom: 0;
}
.account-history__title {
  font-size: 1.25rem;
  line-height: 1.2;
  margin-bottom: 1.5rem;
}
.card-history {
  padding-bottom: 1rem;
  margin-bottom: 1rem;
  border-bottom: 1px solid rgba(192, 192, 221, 0.3);
  padding-left: 3.25rem;
  position: relative;
}
.card-history::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center;
}
.card-history:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.card-history--recharge::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1666 5.83398L5.83331 14.1673M5.83331 14.1673H14.1666M5.83331 14.1673V5.83398' stroke='%2312B76A' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-color: #ECFDF3;
  background-size: 1.25rem 1.25rem;
}
.card-history--appel::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.83335 14.166L14.1667 5.83268M14.1667 5.83268L5.83335 5.83268M14.1667 5.83268L14.1667 14.166' stroke='%23F75F5F' stroke-width='1.66667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-color: rgba(247, 95, 95, 0.05);
  background-size: 1.25rem 1.25rem;
}
.card-history--bonus::before {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.57935 19.7686L5.28079 20.4566L5.57935 19.7686ZM3.09887 17.17L2.4014 17.4458L3.09887 17.17ZM18.9011 17.17L19.5986 17.4458L18.9011 17.17ZM16.4206 19.7686L16.7192 20.4566L16.4206 19.7686ZM2.74998 10.5091L3.49704 10.5755L3.53374 10.1624L3.20335 9.91165L2.74998 10.5091ZM17.875 6.38409V5.63409H17.875L17.875 6.38409ZM11.7038 5.36576L12.2341 5.89609L11.7038 5.36576ZM13.6483 3.42121L14.1786 3.95154L13.6483 3.42121ZM16.8892 3.42121L16.3589 3.95154L16.8892 3.42121ZM17.1265 6.38408L17.1266 7.13408L17.5093 7.13405L17.7339 6.82409L17.1265 6.38408ZM10.44 5.36577L9.90966 5.8961L10.44 5.36577ZM8.49545 3.42123L7.96512 3.95156V3.95156L8.49545 3.42123ZM5.25454 3.42123L5.78487 3.95156V3.95156L5.25454 3.42123ZM11 19.2174H11.75H11ZM2.72021 10.4865L2.26007 11.0788L2.72021 10.4865ZM19.1908 10.5523L18.7596 9.93857L19.1908 10.5523ZM9.62498 19.3841C8.54645 19.3841 7.7769 19.3836 7.17066 19.3403C6.57187 19.2975 6.1891 19.2156 5.8779 19.0806L5.28079 20.4566C5.81188 20.6871 6.38415 20.7879 7.06371 20.8365C7.73582 20.8845 8.56794 20.8841 9.62498 20.8841V19.3841ZM2.00001 12.9317C2.00001 14.0406 1.99963 14.908 2.04519 15.6077C2.09115 16.3134 2.18613 16.9013 2.4014 17.4458L3.79633 16.8942C3.66272 16.5563 3.58327 16.1437 3.54202 15.5102C3.50037 14.8706 3.50001 14.0602 3.50001 12.9317H2.00001ZM5.8779 19.0806C4.9439 18.6753 4.19115 17.8928 3.79633 16.8942L2.4014 17.4458C2.93694 18.8002 3.9687 19.8872 5.28079 20.4566L5.8779 19.0806ZM18.5 12.9317C18.5 14.0601 18.4996 14.8706 18.458 15.5102C18.4167 16.1437 18.3372 16.5563 18.2036 16.8942L19.5986 17.4458C19.8138 16.9013 19.9088 16.3134 19.9548 15.6077C20.0004 14.908 20 14.0405 20 12.9317H18.5ZM12.375 20.8841C13.432 20.8841 14.2641 20.8845 14.9362 20.8365C15.6158 20.7879 16.1881 20.6871 16.7192 20.4566L16.1221 19.0806C15.8109 19.2156 15.4281 19.2975 14.8293 19.3403C14.2231 19.3836 13.4535 19.3841 12.375 19.3841V20.8841ZM18.2036 16.8942C17.8088 17.8928 17.0561 18.6753 16.1221 19.0806L16.7192 20.4566C18.0313 19.8872 19.063 18.8002 19.5986 17.4458L18.2036 16.8942ZM3.50001 12.9317C3.50001 11.5734 3.43747 11.2459 3.49704 10.5755L2.00292 10.4427C1.93647 11.1906 2.00001 11.7608 2.00001 12.9317H3.50001ZM17.875 7.13409C18.7264 7.13409 19.4166 7.82432 19.4166 8.67576H20.9166C20.9166 6.99589 19.5548 5.63409 17.875 5.63409V7.13409ZM4.12498 5.63409C2.44511 5.63409 1.08331 6.99589 1.08331 8.67576H2.58331C2.58331 7.82432 3.27354 7.13409 4.12498 7.13409V5.63409ZM12.2341 5.89609L14.1786 3.95154L13.118 2.89088L11.1734 4.83543L12.2341 5.89609ZM14.1786 3.95154C14.7807 3.34949 15.7568 3.34949 16.3589 3.95154L17.4195 2.89088C16.2317 1.70304 14.3058 1.70304 13.118 2.89088L14.1786 3.95154ZM11.1734 4.83543C10.8865 5.12235 10.4354 5.6006 10.2761 6.18775L11.7238 6.58046C11.7669 6.4216 11.9353 6.19492 12.2341 5.89609L11.1734 4.83543ZM16.3589 3.95154C16.9014 4.49411 16.9554 5.34186 16.5192 5.94406L17.7339 6.82409C18.5957 5.63445 18.4915 3.96284 17.4195 2.89088L16.3589 3.95154ZM10.9703 4.83544L9.02577 2.8909L7.96512 3.95156L9.90966 5.8961L10.9703 4.83544ZM9.02577 2.8909C7.83793 1.70305 5.91205 1.70305 4.72421 2.8909L5.78487 3.95156C6.38693 3.3495 7.36306 3.3495 7.96512 3.95156L9.02577 2.8909ZM9.90966 5.8961C10.0841 6.07055 10.1981 6.29296 10.2761 6.58046L11.7238 6.18775C11.5994 5.72924 11.3816 5.24675 10.9703 4.83544L9.90966 5.8961ZM4.72421 2.8909C3.65225 3.96285 3.54803 5.63446 4.40988 6.8241L5.6246 5.94408C5.18833 5.34187 5.24231 4.49412 5.78487 3.95156L4.72421 2.8909ZM10.25 6.3841L10.25 19.2174H11.75L11.75 6.3841H10.25ZM5.01724 7.13409L11 7.1341L11 5.6341L5.01724 5.63409L5.01724 7.13409ZM4.12498 10.2174C3.76807 10.2174 3.44139 10.0971 3.18035 9.89425L2.26007 11.0788C2.77499 11.4788 3.42318 11.7174 4.12498 11.7174V10.2174ZM3.18035 9.89425C2.81569 9.61095 2.58331 9.17067 2.58331 8.67576H1.08331C1.08331 9.65343 1.54542 10.5235 2.26007 11.0788L3.18035 9.89425ZM3.20335 9.91165L3.17358 9.88906L2.26684 11.084L2.29661 11.1066L3.20335 9.91165ZM12.375 19.3841H11V20.8841H12.375V19.3841ZM11 19.3841H9.62498V20.8841H11V19.3841ZM10.25 19.2174L10.25 20.1341L11.75 20.1341L11.75 19.2174H10.25ZM17.875 10.2174H11V11.7174H17.875V10.2174ZM11 10.2174H4.12498V11.7174H11V10.2174ZM19.4166 8.67576C19.4166 9.19718 19.1585 9.65839 18.7596 9.93857L19.6219 11.166C20.4034 10.617 20.9166 9.70637 20.9166 8.67576H19.4166ZM18.7596 9.93857C18.5094 10.1144 18.2054 10.2174 17.875 10.2174V11.7174C18.5239 11.7174 19.1274 11.5134 19.6219 11.166L18.7596 9.93857ZM20 12.9317C20 11.6994 20.0005 11.2103 19.938 10.4877L18.4435 10.6169C18.4995 11.2636 18.5 11.6865 18.5 12.9317H20ZM11 7.1341L16.8892 7.13409L16.8892 5.63409L11 5.6341L11 7.1341ZM16.8893 7.13409L17.1266 7.13408L17.1265 5.63408L16.8892 5.63409L16.8893 7.13409ZM16.8892 7.13409L17.875 7.13409L17.875 5.63409L16.8892 5.63409L16.8892 7.13409ZM5.01724 5.63409H4.12498V7.13409H5.01724V5.63409ZM4.12498 7.13409L7.56248 7.1341L7.56248 5.6341L4.12498 5.63409L4.12498 7.13409ZM7.56248 7.1341L11 7.1341L11 5.6341L7.56248 5.6341L7.56248 7.1341ZM5.01724 7.13409L7.56248 7.1341L7.56248 5.6341L5.01724 5.63409L5.01724 7.13409ZM11 7.1341L17.1265 7.13408L17.1265 5.63408L11 5.6341L11 7.1341Z' fill='url(%23paint0_linear_125_81166)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_125_81166' x1='1.99982' y1='1.5' x2='19.9998' y2='21.5' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%231DCBCB'/%3E%3Cstop offset='0.5' stop-color='%2360BCF0'/%3E%3Cstop offset='1' stop-color='%23FB52EA'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E%0A");
  background-size: 1.375rem 1.375rem;
  z-index: 1;
}
.card-history--bonus::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  background: linear-gradient(136.49deg, rgba(29, 203, 203, 0.1) -3.25%, rgba(96, 196, 240, 0.1) 50.17%, rgba(251, 82, 234, 0.1) 103.59%);
}
.card-history__top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.card-history__top > h5 {
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.1333333333;
  margin: 0;
}
.card-history__top > p {
  margin-bottom: 0;
  font-size: 0.9375rem;
  line-height: 1.1333333333;
}
.card-history--recharge .card-history__top > p, .card-history--bonus .card-history__top > p {
  color: #12B76A;
}
.card-history__bottom {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
  color: #706DB0;
}
.card-history__bottom > time {
  display: block;
  font-size: 13px;
  line-height: 1.1538461538;
}
.card-history__bottom > p {
  margin-bottom: 0;
  font-size: 13px;
  line-height: 1.1538461538;
}

.account-securit {
  background: #FFFFFF;
  box-shadow: 0px 0px 6px rgba(115, 115, 167, 0.2);
  padding: 1.5rem 1rem;
}
@media (min-width: 375px) {
  .account-securit {
    padding: 1.5rem;
    border-radius: 0.5rem;
  }
}
.account-securit__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  position: relative;
  margin-bottom: 1.5rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid rgba(192, 192, 221, 0.3);
}
.account-securit__item:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}
.account-securit__item::before {
  content: "";
  display: block;
  flex: 0 0 2.75rem;
  width: 2.75rem;
  height: 2.75rem;
  border-radius: 0.5rem;
  background-color: #F6F6FC;
  background-repeat: no-repeat;
  background-position: center;
}
.account-securit__item > p {
  margin-bottom: 0;
  font-size: 0.9375rem;
  line-height: 1.3333333333;
  color: #706DB0;
  flex-grow: 1;
  min-width: 0;
  transition: color 0.3s ease;
}
.account-securit__item._plus::after {
  content: "";
  flex: 0 0 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5V19M5 12H19' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: background-image 0.3s ease;
}
.account-securit__item._plus:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 5V19M5 12H19' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.account-securit__item._plus:hover > p {
  color: #5F27CD;
}
.account-securit__item._arrow::after {
  content: "";
  flex: 0 0 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 7L15 12L10 17' stroke='%23706DB0' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: background-image 0.3s ease;
}
.account-securit__item._arrow:hover::after {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 7L15 12L10 17' stroke='%235F27CD' stroke-width='1.5' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.account-securit__item._arrow:hover > p {
  color: #5F27CD;
}
.account-securit__item._pass {
  cursor: pointer;
}
.account-securit__item._pass::before {
  background-size: 1.5rem;
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4235 9.44804V7.30104C16.4235 4.78804 14.3855 2.75004 11.8725 2.75004C9.35949 2.73904 7.31349 4.76704 7.30249 7.28104V7.30104V9.44804' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.6832 21.25H8.04224C5.94824 21.25 4.25024 19.553 4.25024 17.458V13.169C4.25024 11.074 5.94824 9.37695 8.04224 9.37695H15.6832C17.7772 9.37695 19.4752 11.074 19.4752 13.169V17.458C19.4752 19.553 17.7772 21.25 15.6832 21.25Z' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.8629 14.2031V16.4241' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  transition: background-image 0.3s ease;
}
.account-securit__item._pass:hover::before {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.4235 9.44804V7.30104C16.4235 4.78804 14.3855 2.75004 11.8725 2.75004C9.35949 2.73904 7.31349 4.76704 7.30249 7.28104V7.30104V9.44804' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.6832 21.25H8.04224C5.94824 21.25 4.25024 19.553 4.25024 17.458V13.169C4.25024 11.074 5.94824 9.37695 8.04224 9.37695H15.6832C17.7772 9.37695 19.4752 11.074 19.4752 13.169V17.458C19.4752 19.553 17.7772 21.25 15.6832 21.25Z' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.8629 14.2031V16.4241' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.account-securit__item._google::before {
  background-size: 1.25rem;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_107_64382)'%3E%3Cpath d='M19.2446 8.26211L11.0868 8.26172C10.7266 8.26172 10.4346 8.55367 10.4346 8.91391V11.52C10.4346 11.8801 10.7266 12.1721 11.0868 12.1721H15.6807C15.1777 13.4777 14.2388 14.571 13.0409 15.2657L14.9998 18.6566C18.142 16.8393 19.9998 13.6507 19.9998 10.0812C19.9998 9.57301 19.9623 9.20969 19.8874 8.80059C19.8304 8.48977 19.5606 8.26211 19.2446 8.26211Z' fill='%23167EE6'/%3E%3Cpath d='M9.99957 16.0871C7.75137 16.0871 5.78871 14.8587 4.73461 13.041L1.34375 14.9955C3.06934 17.9862 6.30191 20.0001 9.99957 20.0001C11.8135 20.0001 13.5251 19.5117 14.9996 18.6606V18.6559L13.0407 15.2649C12.1447 15.7846 11.1078 16.0871 9.99957 16.0871Z' fill='%2312B347'/%3E%3Cpath d='M15 18.6613V18.6566L13.0411 15.2656C12.1451 15.7853 11.1083 16.0878 10 16.0878V20.0008C11.8139 20.0008 13.5256 19.5124 15 18.6613Z' fill='%230F993E'/%3E%3Cpath d='M3.91305 9.99926C3.91305 8.89109 4.21547 7.85434 4.73504 6.95836L1.34418 5.00391C0.488359 6.47371 0 8.18066 0 9.99926C0 11.8179 0.488359 13.5248 1.34418 14.9946L4.73504 13.0402C4.21547 12.1442 3.91305 11.1074 3.91305 9.99926Z' fill='%23FFD500'/%3E%3Cpath d='M9.99957 3.91305C11.4656 3.91305 12.8123 4.43398 13.8641 5.30051C14.1236 5.51426 14.5007 5.49883 14.7384 5.26113L16.5849 3.41465C16.8546 3.14496 16.8354 2.70352 16.5473 2.45359C14.785 0.924726 12.492 0 9.99957 0C6.30192 0 3.06934 2.01395 1.34375 5.00465L4.73461 6.9591C5.78871 5.14141 7.75137 3.91305 9.99957 3.91305Z' fill='%23FF4B26'/%3E%3Cpath d='M13.8645 5.30051C14.124 5.51426 14.5012 5.49883 14.7389 5.26113L16.5854 3.41465C16.855 3.14496 16.8358 2.70352 16.5477 2.45359C14.7854 0.924688 12.4925 0 10 0V3.91305C11.466 3.91305 12.8127 4.43398 13.8645 5.30051Z' fill='%23D93F21'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_107_64382'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.account-securit__item._apple::before {
  background-size: 1.25rem;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='20' viewBox='0 0 18 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.6483 10.5689C14.6394 8.9302 15.3806 7.69336 16.8809 6.78248C16.0415 5.58137 14.7734 4.92054 13.099 4.79105C11.5138 4.66603 9.78139 5.71533 9.14734 5.71533C8.47758 5.71533 6.94158 4.8357 5.73601 4.8357C3.24448 4.87589 0.59668 6.82267 0.59668 10.7832C0.59668 11.9531 0.811004 13.1616 1.23965 14.4089C1.81119 16.0476 3.87406 20.0662 6.02624 19.9992C7.15144 19.9724 7.94623 19.1999 9.41078 19.1999C10.8307 19.1999 11.5674 19.9992 12.8221 19.9992C14.9922 19.9679 16.8586 16.3155 17.4033 14.6723C14.4921 13.3015 14.6483 10.6537 14.6483 10.5689ZM12.1211 3.2372C13.3401 1.7905 13.2284 0.4733 13.1927 0C12.1166 0.0625114 10.8709 0.732276 10.1609 1.55832C9.37953 2.44241 8.91962 3.53636 9.01785 4.76872C10.1832 4.85803 11.2459 4.2597 12.1211 3.2372Z' fill='%2331394B'/%3E%3C/svg%3E%0A");
}

.randez {
  padding-bottom: 7.5rem;
}
@media (min-width: 768px) {
  .randez {
    padding-bottom: 9rem;
  }
}
@media (min-width: 1200px) {
  .randez {
    padding-bottom: 10rem;
  }
}
.randez__wrapper {
  background: #FFFFFF;
  box-shadow: 0px 0px 6px rgba(115, 115, 167, 0.2);
  margin-left: -1rem;
  margin-right: -1rem;
  padding: 1rem;
}
@media (min-width: 375px) {
  .randez__wrapper {
    margin-left: 0;
    margin-right: 0;
    border-radius: 0.5rem;
    padding: 1.5rem;
  }
}
@media (min-width: 768px) {
  .randez__wrapper {
    max-width: 584px;
    margin-left: auto;
    margin-right: auto;
  }
}
.randez__heading {
  display: flex;
  align-items: center;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  margin-bottom: 1.5rem;
}
.randez__image {
  margin: 0;
  font-size: 0;
  line-height: 0;
  flex: 0 0 4.375rem;
  width: 4.375rem;
  height: 4.375rem;
}
.randez__image > * {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  border-radius: 50%;
}
.randez__title {
  margin: 0;
  font-size: 1rem;
  line-height: 1.375;
  min-width: 0;
  flex-grow: 1;
}
@media (min-width: 768px) {
  .randez__title {
    font-size: 1.125rem;
    line-height: 1.3333333333;
  }
}
@media (min-width: 768px) {
  .randez__row {
    display: flex;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
  }
}
.randez__row:not(:first-child) {
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid rgba(192, 192, 221, 0.3);
}
.randez__item {
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .randez__item {
    margin-bottom: 0;
  }
}
.randez__item:last-child {
  margin-bottom: 0;
}
.randez__button {
  width: 100%;
  margin-top: 1.5rem;
}

.randez-item {
  max-width: 100%;
}
@media (min-width: 768px) {
  .randez-item--dates {
    flex: 0 0 192px;
    width: 192px;
  }
}
@media (min-width: 768px) {
  .randez-item--dure {
    flex-grow: 1;
    min-width: 0;
  }
}
@media (min-width: 768px) {
  .randez-item--times {
    flex: 0 0 100%;
    width: 100%;
  }
}
@media (min-width: 768px) {
  .randez-item--phone {
    flex: 0 0 286px;
    width: 286px;
  }
}
.randez-item__title {
  font-size: 13px;
  line-height: 1.3846153846;
  color: #706DB0;
  margin-bottom: 0.75rem;
}
.randez-item__dates {
  position: relative;
}
.randez-item__icon {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 1.375rem;
  height: 1.375rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: background-image 0.3s ease;
}
.randez-item--dates .randez-item__icon {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.83398 8.62091H19.1726' stroke='%23706DB0' stroke-width='1.375' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.0727 12.199H15.0812' stroke='%23706DB0' stroke-width='1.375' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.0043 12.199H11.0128' stroke='%23706DB0' stroke-width='1.375' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.92817 12.199H6.93666' stroke='%23706DB0' stroke-width='1.375' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.0727 15.7615H15.0812' stroke='%23706DB0' stroke-width='1.375' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.0043 15.7615H11.0128' stroke='%23706DB0' stroke-width='1.375' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.92817 15.7615H6.93666' stroke='%23706DB0' stroke-width='1.375' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.7059 1.83203V4.84858' stroke='%23706DB0' stroke-width='1.375' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.30155 1.83203V4.84858' stroke='%23706DB0' stroke-width='1.375' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.8851 3.28125H7.12338C4.43142 3.28125 2.75 4.78086 2.75 7.53736V15.8329C2.75 18.6327 4.43142 20.167 7.12338 20.167H14.8766C17.577 20.167 19.25 18.6587 19.25 15.9022V7.53736C19.2585 4.78086 17.5855 3.28125 14.8851 3.28125Z' stroke='%23706DB0' stroke-width='1.375' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.randez-item--dates:has(.randez-item__control:hover) .randez-item__icon {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.83496 8.62091H19.1736' stroke='%235F27CD' stroke-width='1.375' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.0717 12.199H15.0802' stroke='%235F27CD' stroke-width='1.375' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.0043 12.199H11.0128' stroke='%235F27CD' stroke-width='1.375' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.92817 12.199H6.93666' stroke='%235F27CD' stroke-width='1.375' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.0717 15.7615H15.0802' stroke='%235F27CD' stroke-width='1.375' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.0043 15.7615H11.0128' stroke='%235F27CD' stroke-width='1.375' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.92817 15.7615H6.93666' stroke='%235F27CD' stroke-width='1.375' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.7068 1.83203V4.84858' stroke='%235F27CD' stroke-width='1.375' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.30155 1.83203V4.84858' stroke='%235F27CD' stroke-width='1.375' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.8851 3.28125H7.12338C4.43142 3.28125 2.75 4.78086 2.75 7.53736V15.8329C2.75 18.6327 4.43142 20.167 7.12338 20.167H14.8766C17.577 20.167 19.25 18.6587 19.25 15.9022V7.53736C19.2585 4.78086 17.5855 3.28125 14.8851 3.28125Z' stroke='%235F27CD' stroke-width='1.375' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.randez-item--dure .randez-item__icon {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.4798 10.9987C19.4798 15.6819 15.6839 19.4779 11.0007 19.4779C6.3174 19.4779 2.52148 15.6819 2.52148 10.9987C2.52148 6.31545 6.3174 2.51953 11.0007 2.51953C15.6839 2.51953 19.4798 6.31545 19.4798 10.9987Z' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.1472 13.6961L10.6914 11.6345V7.19141' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.randez-item--dure .randez-item__button:hover .randez-item__icon {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.4788 10.9987C19.4788 15.6819 15.6829 19.4779 10.9997 19.4779C6.31642 19.4779 2.52051 15.6819 2.52051 10.9987C2.52051 6.31545 6.31642 2.51953 10.9997 2.51953C15.6829 2.51953 19.4788 6.31545 19.4788 10.9987Z' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.1453 13.6961L10.6895 11.6345V7.19141' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.randez-item--phone .randez-item__icon {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.74013 4.46869C3.0301 3.98765 4.62868 2.24142 5.76784 2.29414C6.10865 2.32332 6.40991 2.52854 6.65469 2.76764H6.65563C7.21673 3.3174 8.82661 5.39217 8.91699 5.82896C9.14012 6.90023 7.86257 7.51777 8.25327 8.59751C9.24933 11.0347 10.9656 12.7508 13.404 13.7458C14.4829 14.1374 15.1004 12.861 16.1718 13.0831C16.6087 13.1744 18.6846 14.7832 19.2334 15.3452V15.3452C19.4716 15.589 19.6787 15.8912 19.707 16.232C19.7493 17.4322 17.8947 19.0523 17.5332 19.2594C16.6802 19.8704 15.5674 19.8591 14.2108 19.2283C10.4252 17.6534 4.37543 11.7181 2.7712 7.78982C2.15737 6.44085 2.11595 5.32062 2.74013 4.46869Z' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3516 2.52344C16.7451 2.90019 19.4245 5.57685 19.8058 8.96944' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3516 5.76953C14.9741 6.08578 16.2418 7.35353 16.5581 8.97603' stroke='%23706DB0' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.randez-item--phone .randez-item__button:hover .randez-item__icon {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.74111 4.46869C3.03108 3.98765 4.62966 2.24142 5.76882 2.29414C6.10962 2.32332 6.41089 2.52854 6.65566 2.76764H6.6566C7.21771 3.3174 8.82759 5.39217 8.91797 5.82896C9.14109 6.90023 7.86355 7.51777 8.25425 8.59751C9.2503 11.0347 10.9666 12.7508 13.4049 13.7458C14.4838 14.1374 15.1014 12.861 16.1728 13.0831C16.6096 13.1744 18.6855 14.7832 19.2344 15.3452V15.3452C19.4726 15.589 19.6797 15.8912 19.7079 16.232C19.7503 17.4322 17.8957 19.0523 17.5341 19.2594C16.6812 19.8704 15.5684 19.8591 14.2118 19.2283C10.4262 17.6534 4.37641 11.7181 2.77218 7.78982C2.15835 6.44085 2.11693 5.32062 2.74111 4.46869Z' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3516 2.52344C16.7451 2.90019 19.4245 5.57685 19.8058 8.96944' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M13.3516 5.76953C14.9741 6.08578 16.2418 7.35353 16.5581 8.97603' stroke='%235F27CD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.randez-item__control {
  padding: 12px 41px 12px 45px;
  font-size: 0.9375rem;
  line-height: 1.3333333333;
  color: #706DB0;
  letter-spacing: 0.02em;
  cursor: pointer;
}
.randez-item__control:hover {
  color: #5F27CD;
}
.randez-item__chevron:not(.select__chevron) {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 1.125rem;
  height: 1.125rem;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.96967 6.21967C4.26256 5.92678 4.73744 5.92678 5.03033 6.21967L9 10.1893L12.9697 6.21967C13.2626 5.92678 13.7374 5.92678 14.0303 6.21967C14.3232 6.51256 14.3232 6.98744 14.0303 7.28033L9.53033 11.7803C9.23744 12.0732 8.76256 12.0732 8.46967 11.7803L3.96967 7.28033C3.67678 6.98744 3.67678 6.51256 3.96967 6.21967Z' fill='%23706DB0'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: background-image 0.3s ease, transform 0.3s ease;
}
@media (hover: hover) {
  .randez-item--dates:has(.randez-item__control:hover) .randez-item__chevron {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.96967 6.21967C4.26256 5.92678 4.73744 5.92678 5.03033 6.21967L9 10.1893L12.9697 6.21967C13.2626 5.92678 13.7374 5.92678 14.0303 6.21967C14.3232 6.51256 14.3232 6.98744 14.0303 7.28033L9.53033 11.7803C9.23744 12.0732 8.76256 12.0732 8.46967 11.7803L3.96967 7.28033C3.67678 6.98744 3.67678 6.51256 3.96967 6.21967Z' fill='%235F27CD'/%3E%3C/svg%3E%0A");
  }
}
.randez-item__select {
  width: 100%;
}
.randez-item__button {
  width: 100%;
  border: 1px solid #C0C0DD;
  border-radius: 0.5rem;
  padding: 12px 41px 12px 45px;
  font-size: 0.9375rem;
  line-height: 1.3333333333;
  color: #706DB0;
  background-color: #FFFFFF;
  position: relative;
  text-align: left;
}
.randez-item__button:active {
  color: #5F27CD !important;
}
@media (hover: hover) {
  .randez-item__button:active, .randez-item__button:hover {
    color: #5F27CD !important;
    border-color: #5F27CD !important;
    background-color: #FFFFFF !important;
  }
}
.randez-item__select.active .randez-item__button {
  color: #5F27CD;
  border-color: #5F27CD;
}
.randez-item__inner {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-box;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  box-orient: vertical;
}
.randez-item__chevron {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 1.125rem;
  height: 1.125rem;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.96967 6.21967C4.26256 5.92678 4.73744 5.92678 5.03033 6.21967L9 10.1893L12.9697 6.21967C13.2626 5.92678 13.7374 5.92678 14.0303 6.21967C14.3232 6.51256 14.3232 6.98744 14.0303 7.28033L9.53033 11.7803C9.23744 12.0732 8.76256 12.0732 8.46967 11.7803L3.96967 7.28033C3.67678 6.98744 3.67678 6.51256 3.96967 6.21967Z' fill='%23706DB0'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  transition: background-image 0.3s ease, transform 0.3s ease;
  pointer-events: none;
}
@media (hover: hover) {
  .randez-item__button:hover .randez-item__chevron {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.96967 6.21967C4.26256 5.92678 4.73744 5.92678 5.03033 6.21967L9 10.1893L12.9697 6.21967C13.2626 5.92678 13.7374 5.92678 14.0303 6.21967C14.3232 6.51256 14.3232 6.98744 14.0303 7.28033L9.53033 11.7803C9.23744 12.0732 8.76256 12.0732 8.46967 11.7803L3.96967 7.28033C3.67678 6.98744 3.67678 6.51256 3.96967 6.21967Z' fill='%235F27CD'/%3E%3C/svg%3E%0A");
  }
}
.randez-item__select.active .randez-item__chevron {
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.96967 6.21967C4.26256 5.92678 4.73744 5.92678 5.03033 6.21967L9 10.1893L12.9697 6.21967C13.2626 5.92678 13.7374 5.92678 14.0303 6.21967C14.3232 6.51256 14.3232 6.98744 14.0303 7.28033L9.53033 11.7803C9.23744 12.0732 8.76256 12.0732 8.46967 11.7803L3.96967 7.28033C3.67678 6.98744 3.67678 6.51256 3.96967 6.21967Z' fill='%235F27CD'/%3E%3C/svg%3E%0A");
  transform: translateY(-50%) rotate(180deg);
}
.randez-item__list {
  box-shadow: 0px 11px 26px rgba(115, 115, 167, 0.3);
  background-color: #FFFFFF;
  border-radius: 0.5rem;
  padding: 0.75rem;
}
@media (min-width: 375px) {
  .randez-item__list {
    padding: 1rem;
  }
}
.randez-item__item {
  border: 1px solid #C0C0DD;
  color: #706DB0;
  font-size: 0.9375rem;
  line-height: 0.9333333333;
  padding: 0.9375rem;
  border-radius: 0.5rem;
  background-color: #FFFFFF;
  transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease;
  margin-bottom: 0.5rem;
}
.randez-item__item:last-child {
  margin-bottom: 0;
}
.randez-item__item:hover {
  border-color: #5F27CD;
  color: #5F27CD;
}
.randez-item__item.active {
  background-color: #5F27CD;
  border-color: #5F27CD;
  color: #FFFFFF;
}
.randez-item__add {
  padding: 1rem 0.25rem;
  text-align: center;
  color: #5F27CD;
  font-weight: 700;
  font-size: 0.9375rem;
  line-height: 0.9333333333;
  transition: opacity 0.3s ease;
  cursor: pointer;
}
.randez-item__add:hover {
  opacity: 0.75;
}
.randez-item__row {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.875rem;
}
@media (min-width: 768px) {
  .randez-item__row {
    grid-template-columns: repeat(4, 1fr);
    gap: 0.75rem;
  }
}
.randez-item__row > li > label {
  display: block;
  margin: 0;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.randez-item__row > li > label > span {
  padding: 0.875rem;
  display: block;
  line-height: 1.125;
  border: 1px solid #C0C0DD;
  background-color: #FFFFFF;
  border-radius: 0.5rem;
  color: #706DB0;
  text-align: center;
  transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
}
.randez-item__row > li > label:hover > span {
  border-color: #5F27CD;
  color: #5F27CD;
}
.randez-item__row > li > label > input:checked + span {
  border-color: #5F27CD;
  background-color: #5F27CD;
  color: #FFFFFF;
}

.sign {
  padding-bottom: 3.75rem;
}
@media (min-width: 768px) {
  .sign {
    padding-bottom: 4.375rem;
  }
}
.sign__wrapper {
  background: #FFFFFF;
  box-shadow: 0px 0px 6px rgba(115, 115, 167, 0.2);
  margin-left: -1rem;
  margin-right: -1rem;
  max-width: 440px;
}
@media (min-width: 375px) {
  .sign__wrapper {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 0.5rem;
  }
}

.sign-form {
  position: relative;
  padding: 1.5rem;
}
.sign-form__heading {
  margin-bottom: 1.5rem;
}
.sign-form__back {
  cursor: pointer;
  position: absolute;
  width: 48px;
  height: 48px;
  top: 12px;
  left: 12px;
  fill: #706DB0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
.sign-form__back:hover {
  fill: #5F27CD;
}
.sign-form__title {
  text-align: center;
  margin-bottom: 0.75rem;
  font-size: 1.25rem;
  line-height: 1.2;
}
.sign-form__title:last-child {
  margin-bottom: 0;
}
.sign-form:has(.sign-form__back) .sign-form__title {
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.sign-form__desc {
  text-align: center;
  font-size: 0.9375rem;
  line-height: 1.3333333333;
}
.sign-form__desc > p {
  font-size: inherit;
  line-height: inherit;
}
.sign-form__desc > p:last-child {
  margin-bottom: 0;
}
.sign-form__desc span {
  color: #5F27CD;
  font-weight: 700;
}
.sign-form__form {
  margin-bottom: 1.5rem;
}
.sign-form__form:last-child {
  margin-bottom: 0;
}
.sign-form__group {
  margin-bottom: 1.125rem;
}
.sign-form__group:last-child {
  margin-bottom: 0;
}
.sign-form__wrapper {
  position: relative;
}
.sign-form__error {
  margin-top: 0.75rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  color: #EE5353;
  display: none;
  max-width: 280px;
  margin-left: auto;
  margin-right: auto;
}
.sign-form__error.show {
  display: block;
}
.sign-form__error > p {
  font-size: inherit;
  line-height: inherit;
}
.sign-form__error > p:last-child {
  margin-bottom: 0;
}
.sign-form__group .sign-form__error {
  margin-top: 0.75rem;
  max-width: 348px;
}
.sign-form__unvalid {
  margin-top: 0.75rem;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.4285714286;
  color: #EE5353;
  display: none;
}
.sign-form__unvalid.show {
  display: block;
}
.sign-form__unvalid > p {
  font-size: inherit;
  line-height: inherit;
}
.sign-form__unvalid > p:last-child {
  margin-bottom: 0;
}
.sign-form__accept {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
}
.sign-form__accept > input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 1rem;
  height: 1rem;
  border-radius: 3px;
  border: 1px solid #5F27CD;
  background-size: 0.5rem;
  background-position: center;
  background-repeat: no-repeat;
  cursor: pointer;
}
.sign-form__accept > input:checked {
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 3L3 5L7 1' fill='black' fill-opacity='0.01'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.53033 0.46967C7.82322 0.762563 7.82322 1.23744 7.53033 1.53033L3.53033 5.53033C3.23744 5.82322 2.76256 5.82322 2.46967 5.53033L0.46967 3.53033C0.176777 3.23744 0.176777 2.76256 0.46967 2.46967C0.762563 2.17678 1.23744 2.17678 1.53033 2.46967L3 3.93934L6.46967 0.46967C6.76256 0.176777 7.23744 0.176777 7.53033 0.46967Z' fill='%235F27CD'/%3E%3C/svg%3E%0A");
}
.sign-form__accept > p {
  margin-bottom: 0;
  font-size: 0.75rem;
  font-weight: 700;
  line-height: 1.1666666667;
}
.sign-form__accept > p > a {
  color: #5F27CD;
}
.sign-form__accept > p > a:hover {
  color: #5824BE;
}
.sign-form__submit {
  margin-top: 1.5rem;
}
.sign-form__submit > * {
  width: 100%;
}
.sign-form__reset {
  font-size: 0.9375rem;
  font-weight: 700;
  line-height: 1.1333333333;
  text-align: center;
  margin-bottom: 1.5rem;
}
.sign-form__reset:last-child {
  margin-bottom: 0;
}
.sign-form__reset > a {
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
  color: #5F27CD;
}
.sign-form__reset > a:hover {
  opacity: 0.75;
}
.sign-form__ou {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  margin-bottom: 1.5rem;
}
.sign-form__ou:last-child {
  margin-bottom: 0;
}
.sign-form__ou::before, .sign-form__ou::after {
  content: "";
  height: 1px;
  flex-grow: 1;
  min-width: 0;
  background: rgba(192, 192, 221, 0.3);
}
.sign-form__ou > span {
  font-size: 0.75rem;
  line-height: 1.1666666667;
  color: #706DB0;
}
.sign-form__services {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0.75rem;
}
.sign-form__services > li > .btn {
  width: 100%;
  padding: 11px;
  display: flex;
  align-items: center;
  justify-content: center;
  -moz-column-gap: 0.625rem;
       column-gap: 0.625rem;
  font-size: 0.9375rem;
  line-height: 1.3333333333;
}
.sign-form__services > li > .btn::before {
  content: "";
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  flex: 0 0 1.25rem;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.sign-form__services > li > .btn._google::before {
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='20' viewBox='0 0 21 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_3061_69040)'%3E%3Cpath d='M19.7449 8.26125L11.587 8.26086C11.2268 8.26086 10.9348 8.55282 10.9348 8.91305V11.5191C10.9348 11.8793 11.2268 12.1713 11.587 12.1713H16.181C15.6779 13.4768 14.739 14.5701 13.5411 15.2648L15.5 18.6558C18.6423 16.8385 20.5 13.6498 20.5 10.0804C20.5 9.57215 20.4625 9.20883 20.3876 8.79973C20.3307 8.48891 20.0608 8.26125 19.7449 8.26125Z' fill='%23167EE6'/%3E%3Cpath d='M10.5 16.0869C8.25179 16.0869 6.28914 14.8586 5.23504 13.0409L1.84418 14.9953C3.56976 17.9861 6.80234 20 10.5 20C12.3139 20 14.0255 19.5116 15.5 18.6605V18.6558L13.5411 15.2648C12.6451 15.7845 11.6082 16.0869 10.5 16.0869Z' fill='%2312B347'/%3E%3Cpath d='M15.5 18.6604V18.6558L13.5411 15.2648C12.6451 15.7844 11.6083 16.0869 10.5 16.0869V20C12.3139 20 14.0256 19.5116 15.5 18.6604Z' fill='%230F993E'/%3E%3Cpath d='M4.41305 9.99999C4.41305 8.89183 4.71547 7.85507 5.23504 6.95909L1.84418 5.00464C0.988359 6.47444 0.5 8.1814 0.5 9.99999C0.5 11.8186 0.988359 13.5255 1.84418 14.9953L5.23504 13.0409C4.71547 12.1449 4.41305 11.1082 4.41305 9.99999Z' fill='%23FFD500'/%3E%3Cpath d='M10.5 3.91305C11.9661 3.91305 13.3127 4.43398 14.3645 5.30051C14.624 5.51426 15.0012 5.49883 15.2389 5.26113L17.0854 3.41465C17.355 3.14496 17.3358 2.70352 17.0477 2.45359C15.2854 0.924726 12.9925 0 10.5 0C6.80234 0 3.56976 2.01395 1.84418 5.00465L5.23504 6.9591C6.28914 5.14141 8.2518 3.91305 10.5 3.91305Z' fill='%23FF4B26'/%3E%3Cpath d='M14.3645 5.30051C14.624 5.51426 15.0012 5.49883 15.2389 5.26113L17.0854 3.41465C17.355 3.14496 17.3358 2.70352 17.0477 2.45359C15.2854 0.924688 12.9925 0 10.5 0V3.91305C11.966 3.91305 13.3127 4.43398 14.3645 5.30051Z' fill='%23D93F21'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3061_69040'%3E%3Crect width='20' height='20' fill='white' transform='translate(0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.sign-form__services > li > .btn._apple::before {
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='20' viewBox='0 0 17 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.1483 10.5689C14.1394 8.9302 14.8806 7.69336 16.3809 6.78248C15.5415 5.58137 14.2734 4.92054 12.599 4.79105C11.0138 4.66603 9.28139 5.71533 8.64734 5.71533C7.97758 5.71533 6.44158 4.8357 5.23601 4.8357C2.74448 4.87589 0.0966797 6.82267 0.0966797 10.7832C0.0966797 11.9531 0.311004 13.1616 0.739654 14.4089C1.31119 16.0476 3.37406 20.0662 5.52624 19.9992C6.65144 19.9724 7.44623 19.1999 8.91078 19.1999C10.3307 19.1999 11.0674 19.9992 12.3221 19.9992C14.4922 19.9679 16.3586 16.3155 16.9033 14.6723C13.9921 13.3015 14.1483 10.6537 14.1483 10.5689ZM11.6211 3.2372C12.8401 1.7905 12.7284 0.4733 12.6927 0C11.6166 0.0625114 10.3709 0.732276 9.66092 1.55832C8.87953 2.44241 8.41962 3.53636 8.51785 4.76872C9.68324 4.85803 10.7459 4.2597 11.6211 3.2372Z' fill='%2331394B'/%3E%3C/svg%3E%0A");
}

.sign-code__form {
  margin-bottom: 1.5rem;
}
.sign-code__row {
  display: flex;
  justify-content: center;
  -moz-column-gap: 0.5rem;
       column-gap: 0.5rem;
}
.sign-code__group {
  flex: 0 0 4rem;
  width: 4rem;
}
.sign-code__msg {
  margin-top: 0.75rem;
  text-align: center;
  color: #EE5353;
  font-size: 0.9375rem;
  line-height: 1.3333333333;
}
.sign-code__control {
  height: 4rem;
  text-align: center;
  font-size: 3rem;
}
.sign-code__alert {
  position: relative;
  min-height: 2.25rem;
  display: flex;
  align-items: center;
  padding: 0.5rem 0.5rem 0.5rem 2.125rem;
  border-radius: 0.5rem;
  font-size: 0.75rem;
  line-height: 1.1666666667;
  margin-bottom: 1.5rem;
}
@media (min-width: 768px) {
  .sign-code__alert {
    padding: 0.75rem 0.75rem 0.75rem 2.25rem;
    min-height: 2.25rem;
  }
}
.sign-code__alert:last-child {
  margin-bottom: 0;
}
.sign-code__alert::before {
  content: "";
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  width: 1.125rem;
  height: 1.125rem;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  font-size: 0;
  line-height: 0;
}
@media (min-width: 768px) {
  .sign-code__alert::before {
    width: 1.25rem;
    height: 1.25rem;
    top: 0.5rem;
    left: 0.5rem;
  }
}
.sign-code__alert > p {
  font-size: inherit;
  line-height: inherit;
}
.sign-code__alert > p:last-child {
  margin-bottom: 0;
}
.sign-code__alert._warning {
  background: #FFFAEB;
}
.sign-code__alert._warning::before {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_980_104448)'%3E%3Cpath d='M10 17.5C14.1421 17.5 17.5 14.1421 17.5 10C17.5 5.85786 14.1421 2.5 10 2.5C5.85786 2.5 2.5 5.85786 2.5 10C2.5 14.1421 5.85786 17.5 10 17.5Z' stroke='%23DC6803' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10 6.66699H10.0083' stroke='%23DC6803' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.16669 10H10V13.3333H10.8334' stroke='%23DC6803' stroke-width='1.67' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_980_104448'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
@media (min-width: 768px) {
  .sign-code__actions {
    padding: 0 15px;
  }
}
.sign-code__timer .timer__text {
  font-size: 0.875rem;
  line-height: 1.4285714286;
  text-align: center;
  margin-bottom: 0;
}
.sign-code__timer .timer__text > span {
  font-weight: 700;
  color: #5F27CD;
}
.sign-code__timer .timer__reset {
  text-align: center;
  font-weight: 700;
  color: #5F27CD;
  cursor: pointer;
  transition: color 0.3s ease;
}
.sign-code__timer .timer__reset:hover {
  color: #5824BE;
}
.sign-code__or {
  display: flex;
  align-items: center;
  -moz-column-gap: 0.75rem;
       column-gap: 0.75rem;
  margin-top: 0.75rem;
}
.sign-code__or::before, .sign-code__or::after {
  content: "";
  height: 1px;
  flex-grow: 1;
  min-width: 0;
  background: rgba(192, 192, 221, 0.3);
}
.sign-code__or > span {
  font-size: 0.75rem;
  line-height: 1.1666666667;
  color: #706DB0;
}
.sign-code__appel {
  margin-top: 0.75rem;
  text-align: center;
}
.sign-code__appel > a {
  font-weight: 700;
  color: #5F27CD;
  cursor: pointer;
  transition: color 0.3s ease;
}
.sign-code__appel > a:hover {
  color: #5824BE;
}

.reset-password__group {
  margin-bottom: 1.125rem;
}
.reset-password__wrapper {
  position: relative;
  margin-bottom: 0.5rem;
}
.reset-password__error {
  font-size: 0.875rem;
  line-height: 1.1428571429;
  color: #EE5353;
  margin-top: 0.5rem;
  display: none;
}
.reset-password__error.show {
  display: block;
}
.reset-password__rules {
  margin-bottom: 1.5rem;
}
.reset-password__rules > h5 {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.1538461538;
  margin-bottom: 0.5rem;
}
.reset-password__rules > ul {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
}
.reset-password__rules > ul > li {
  margin-bottom: 0.25rem;
  position: relative;
  color: #706DB0;
  padding-left: 1.5rem;
  font-size: 13px;
  line-height: 1.1538461538;
  transition: color 0.3s ease;
}
.reset-password__rules > ul > li:last-child {
  margin-bottom: 0;
}
.reset-password__rules > ul > li::before {
  content: "";
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='15' viewBox='0 0 15 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='5.5' y='5.5' width='4' height='4' rx='2' fill='%23706DB0'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.reset-password__rules > ul > li.valid {
  color: #10AC84;
}
.reset-password__rules > ul > li.valid::before {
  background-image: url("data:image/svg+xml,%3Csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_1095_151147)'%3E%3Cpath d='M3.125 8L6.25 11.125L12.5 4.875' stroke='%2310AC84' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_1095_151147'%3E%3Crect width='15' height='15' fill='white' transform='translate(0 0.5)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.reset-password__button {
  width: 100%;
}

.sign-success__icon {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
  width: 50px;
}
@media (min-width: 768px) {
  .sign-success__icon {
    margin-bottom: 24px;
  }
}
@media (min-width: 1200px) {
  .sign-success__icon {
    margin-bottom: 24px;
  }
}
.sign-success__icon > img {
  width: 100%;
  height: auto;
}
.sign-success__title {
  text-align: center;
  font-size: 20px;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 0.75rem;
}
.sign-success__desc {
  margin-bottom: 24px;
  text-align: center;
}
.sign-success__desc > p {
  font-size: 14px;
  line-height: 1.2307692308;
}
@media (min-width: 768px) {
  .sign-success__desc > p {
    font-size: 15px;
  }
}
.sign-success__desc > p:last-child {
  margin-bottom: 0;
}
.sign-success__action {
  margin-top: 1.5rem;
}
.sign-success__button {
  padding: 13px;
  width: 100%;
  cursor: pointer;
}