@charset "UTF-8";
.qs-datepicker-container{font-size:1rem;font-family:sans-serif;color:#000;position:absolute;width:15.625em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:9001;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border:1px solid grey;border-radius:.263921875em;overflow:hidden;background:#fff;-webkit-box-shadow:0 1.25em 1.25em -.9375em rgba(0,0,0,.3);box-shadow:0 1.25em 1.25em -.9375em rgba(0,0,0,.3)}.qs-datepicker-container *{-webkit-box-sizing:border-box;box-sizing:border-box}.qs-centered{position:fixed;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.qs-hidden{display:none}.qs-overlay{position:absolute;top:0;left:0;background:rgba(0,0,0,.75);color:#fff;width:100%;height:100%;padding:.5em;z-index:1;opacity:1;-webkit-transition:opacity .3s;transition:opacity .3s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.qs-overlay.qs-hidden{opacity:0;z-index:-1}.qs-overlay .qs-overlay-year{background:rgba(0,0,0,0);border:none;border-bottom:1px solid #fff;border-radius:0;color:#fff;font-size:.875em;padding:.25em 0;width:80%;text-align:center;margin:0 auto;display:block}.qs-overlay .qs-overlay-year::-webkit-inner-spin-button{-webkit-appearance:none}.qs-overlay .qs-close{padding:.5em;cursor:pointer;position:absolute;top:0;right:0}.qs-overlay .qs-submit{border:1px solid #fff;border-radius:.263921875em;padding:.5em;margin:0 auto auto;cursor:pointer;background:hsla(0,0%,50.2%,.4)}.qs-overlay .qs-submit.qs-disabled{color:grey;border-color:grey;cursor:not-allowed}.qs-overlay .qs-overlay-month-container{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.qs-overlay .qs-overlay-month{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:calc(100% / 3);cursor:pointer;opacity:.5;-webkit-transition:opacity .15s;transition:opacity .15s}.qs-overlay .qs-overlay-month.active,.qs-overlay .qs-overlay-month:hover{opacity:1}.qs-controls{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:0;flex-shrink:0;background:#d3d3d3;-webkit-filter:blur(0);filter:blur(0);-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s}.qs-controls.qs-blur{-webkit-filter:blur(5px);filter:blur(5px)}.qs-arrow{height:1.5625em;width:1.5625em;position:relative;cursor:pointer;border-radius:.263921875em;-webkit-transition:background .15s;transition:background .15s}.qs-arrow:hover.qs-left:after{border-right-color:#000}.qs-arrow:hover.qs-right:after{border-left-color:#000}.qs-arrow:hover{background:rgba(0,0,0,.1)}.qs-arrow:after{content:"";border:.390625em solid rgba(0,0,0,0);position:absolute;top:50%;-webkit-transition:border .2s;transition:border .2s}.qs-arrow.qs-left:after{border-right-color:grey;right:50%;-webkit-transform:translate(25%,-50%);-ms-transform:translate(25%,-50%);transform:translate(25%,-50%)}.qs-arrow.qs-right:after{border-left-color:grey;left:50%;-webkit-transform:translate(-25%,-50%);-ms-transform:translate(-25%,-50%);transform:translate(-25%,-50%)}.qs-month-year{font-weight:700;-webkit-transition:border .2s;transition:border .2s;border-bottom:1px solid rgba(0,0,0,0)}.qs-month-year:not(.qs-disabled-year-overlay){cursor:pointer}.qs-month-year:not(.qs-disabled-year-overlay):hover{border-bottom:1px solid grey}.qs-month-year:active:focus,.qs-month-year:focus{outline:none}.qs-month{padding-right:.5ex}.qs-year{padding-left:.5ex}.qs-squares{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.3125em;-webkit-filter:blur(0);filter:blur(0);-webkit-transition:-webkit-filter .3s;transition:-webkit-filter .3s;transition:filter .3s;transition:filter .3s, -webkit-filter .3s}.qs-squares.qs-blur{-webkit-filter:blur(5px);filter:blur(5px)}.qs-square{width:calc(100% / 7);height:1.5625em;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:background .1s;transition:background .1s;border-radius:.263921875em}.qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover{background:orange}.qs-current{font-weight:700;text-decoration:underline}.qs-active,.qs-range-end,.qs-range-start{background:#add8e6}.qs-range-start:not(.qs-range-6){border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-middle{background:#d4ebf2}.qs-range-middle:not(.qs-range-0):not(.qs-range-6){border-radius:0}.qs-range-middle.qs-range-0{border-top-right-radius:0;border-bottom-right-radius:0}.qs-range-end:not(.qs-range-0),.qs-range-middle.qs-range-6{border-top-left-radius:0;border-bottom-left-radius:0}.qs-disabled,.qs-outside-current-month{opacity:.2}.qs-disabled{cursor:not-allowed}.qs-day,.qs-empty{cursor:default}.qs-day{font-weight:700;color:grey}.qs-event{position:relative}.qs-event:after{content:"";position:absolute;width:.46875em;height:.46875em;border-radius:50%;background:#07f;bottom:0;right:0}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.3; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li {
  padding: 0;
  margin: 0;
}

ul {
  list-style: none;
}

:host {
  box-sizing: border-box;
  line-height: 1.3;
  -webkit-text-size-adjust: 100%;
  font-size: 100%;
}

:host *,
:host *::before,
:host *::after {
  box-sizing: inherit;
  font-family: var(--spw-ds-font-main);
  letter-spacing: -0.18px;
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/* Grouping content
   ========================================================================== */
/**
 * 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 */
}

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

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

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

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

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

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

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

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

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

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

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

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

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

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

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

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

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

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[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 {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

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

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}

:root {
  --spw-ds-container-xl: 1200px;
  --spw-ds-container-lg: 1024px;
  --spw-ds-container-md: 768px;
  --spw-ds-container-sm: 640px;
}

.spw-ds-container {
  width: 100%;
  padding-left: 16px;
  padding-right: 16px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 360px) {
  .spw-ds-container {
    max-width: var(--spw-ds-container-sm);
  }
}
@media (min-width: 768px) {
  .spw-ds-container {
    max-width: var(--spw-ds-container-md);
  }
}
@media (min-width: 1024px) {
  .spw-ds-container {
    max-width: var(--spw-ds-container-lg);
  }
}
@media (min-width: 1200px) {
  .spw-ds-container {
    max-width: var(--spw-ds-container-xl);
  }
}

:host {
  display: block;
  font-family: inherit;
  /** @prop --spw-input-height: Hauteur du champ de saisie */
  --spw-input-height: 40px;
  /** @prop --spw-input-padding: Padding interne du champ de saisie */
  --spw-input-padding: 0 12px;
  /** @prop --spw-input-text-align: Alignement du texte dans le champ */
  --spw-input-text-align: left;
  /** @prop --spw-input-font-size: Taille de police du champ de saisie */
  --spw-input-font-size: 16px;
  /** @prop --spw-input-radius: Rayon de bordure du champ */
  --spw-input-radius: 4px;
  /** @prop --spw-input-icon-search-color: Couleur de l'icône de recherche */
  --spw-input-icon-search-color: var(--spw-color-themes-grey-grey-900);
  /** @prop --spw-input-border: Couleur de la bordure du champ */
  --spw-input-border: var(--spw-color-themes-grey-grey-800);
}

.qs-datepicker-container .qs-overlay .qs-overlay-year, .spw-date-picker__input {
  flex: 1;
  width: 100%;
  height: var(--spw-input-height);
  padding: var(--spw-input-padding);
  text-overflow: ellipsis;
  line-height: var(--spw-input-height);
  border-radius: var(--spw-input-radius);
  font-size: var(--spw-input-font-size);
  text-align: var(--spw-input-text-align);
  border: 1px solid var(--spw-input-border);
}
.qs-datepicker-container .qs-overlay .qs-overlay-year:hover, .spw-date-picker__input:hover {
  outline: 4px solid var(--spw-color-themes-grey-grey-300);
}
.qs-datepicker-container .qs-overlay .qs-overlay-year:focus, .spw-date-picker__input:focus, .qs-datepicker-container .qs-overlay .qs-overlay-year:focus-visible, .spw-date-picker__input:focus-visible {
  outline: 3px solid white;
  outline-offset: 0;
  box-shadow: 0 0 0 6px black;
}
.qs-datepicker-container .qs-overlay .qs-overlay-year:active, .spw-date-picker__input:active {
  border-color: var(--spw-input-border);
}

.spw-date-picker {
  position: relative;
}
.spw-date-picker__field-message {
  margin-bottom: 8px;
  margin-top: -4px;
}
.spw-date-picker__input-container {
  position: relative;
  display: flex;
  align-items: center;
}
.spw-date-picker--is-clear .spw-date-picker__input {
  padding-right: 70px;
}
.spw-date-picker__input--error {
  border-color: var(--spw-color-error, #dc2626);
}
.spw-date-picker__input--error:focus {
  border-color: var(--spw-color-error, #dc2626);
  box-shadow: 0 0 0 3px var(--spw-color-error-light, rgba(220, 38, 38, 0.1));
}
.spw-date-picker__input--disabled {
  border-color: var(--spw-color-themes-grey-grey-400);
  background: var(--spw-color-themes-grey-grey-100);
  color: var(--spw-color-themes-grey-grey-500);
  cursor: not-allowed;
}
.spw-date-picker__input--disabled::placeholder {
  color: var(--spw-color-themes-grey-grey-500);
}
.spw-date-picker__input--disabled:hover, .spw-date-picker__input--disabled:focus, .spw-date-picker__input--disabled:focus-visible {
  outline: none;
}
.spw-date-picker__input--open {
  outline: 3px solid white;
  outline-offset: 0;
  box-shadow: 0 0 0 6px black;
}
.spw-date-picker__input::placeholder {
  color: var(--spw-color-text-placeholder, #9ca3af);
}
.spw-date-picker__icons {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  right: 12px;
  gap: 8px;
  transform: translateY(-50%);
}
.spw-date-picker--disabled .spw-date-picker__icons {
  pointer-events: none;
}
.spw-date-picker__clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  cursor: pointer;
  padding: 2px;
  font-size: 16px;
  transition: all 0.2s ease-in;
}
.spw-date-picker--disabled .spw-date-picker__clear {
  border-color: var(--spw-color-themes-grey-grey-500);
}
.spw-date-picker__icon {
  color: var(--spw-input-icon-search-color);
}
.spw-date-picker--disabled .spw-date-picker__icon {
  color: var(--spw-color-themes-grey-grey-500);
}
.spw-date-picker__icon--calendar {
  font-size: 16px;
  cursor: pointer;
  color: var(--spw-color-themes-grey-grey-900);
}
.spw-date-picker__icon--clear {
  color: var(--spw-color-themes-grey-grey-900);
  font-size: 16px;
}
.spw-date-picker__icon--clear:hover {
  color: var(--spw-ds-primary);
}
.spw-date-picker__help {
  margin-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--spw-color-text-secondary, #6b7280);
}
.spw-date-picker__error {
  display: flex;
  align-items: center;
  margin-top: 0.25rem;
  font-size: 0.75rem;
  line-height: 1rem;
  color: var(--spw-color-error, #dc2626);
}
.spw-date-picker__error spw-icon {
  margin-right: 0.25rem;
  font-size: 0.75rem;
}

.qs-datepicker-container {
  box-shadow: var(--spw-effect-elevation-6);
  border: none;
  width: 320px;
  margin-top: 6px;
}
.qs-datepicker-container .qs-controls {
  padding: 24px;
  padding-bottom: 0;
  background: none;
  margin-bottom: 16px;
  position: relative;
}
.qs-datepicker-container .qs-month-year {
  font-size: 14px;
  border: 1px solid var(--spw-colors-support-grey-grey-300);
  border-radius: 6px;
  padding: 8px 16px;
}
.qs-datepicker-container .qs-month-year:hover {
  border-color: var(--spw-colors-support-grey-grey-800);
}
.qs-datepicker-container .qs-arrow {
  position: absolute;
  top: 24px;
  width: 36px;
  height: 36px;
  color: transparent;
}
.qs-datepicker-container .qs-arrow:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: var(--spw-ds-font-icons-solid);
  font-weight: 700;
  font-size: 16px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  color: var(--spw-colors-support-grey-grey-800);
}
.qs-datepicker-container .qs-arrow:after {
  display: none;
}
.qs-datepicker-container .qs-arrow:hover {
  background: var(--spw-colors-support-grey-grey-200);
}
.qs-datepicker-container .qs-arrow:active {
  background: var(--spw-colors-support-grey-grey-300);
}
.qs-datepicker-container .qs-left {
  right: 60px;
}
.qs-datepicker-container .qs-left:before {
  content: "\f053";
}
.qs-datepicker-container .qs-right {
  right: 24px;
}
.qs-datepicker-container .qs-right:before {
  content: "\f054";
}
.qs-datepicker-container .qs-squares {
  padding: 24px;
  padding-top: 0;
  gap: 4px 0;
}
.qs-datepicker-container .qs-square {
  font-size: 14px;
  text-transform: lowercase;
  height: 36px;
}
.qs-datepicker-container .qs-square:not(.qs-empty):not(.qs-disabled):not(.qs-day):not(.qs-active):hover {
  background: var(--spw-colors-support-grey-grey-400);
}
.qs-datepicker-container .qs-range-end:hover,
.qs-datepicker-container .qr-range-start:hover {
  background: var(--spw-colors-support-grey-grey-800);
}
.qs-datepicker-container .qs-active,
.qs-datepicker-container .qs-range-end,
.qs-datepicker-container .qs-range-start,
.qs-datepicker-container .qs-range-start.qs-disabled {
  background: var(--spw-colors-support-grey-grey-900);
  color: white;
  opacity: 1;
}
.qs-datepicker-container .qs-range-middle {
  background: var(--spw-colors-support-grey-grey-300);
}
.qs-datepicker-container .spw-date-range-start {
  background: var(--spw-colors-support-grey-grey-900) !important;
  color: white !important;
  opacity: 1 !important;
  font-weight: 700;
  border-radius: 4px 0 0 4px !important;
}
.qs-datepicker-container .spw-date-range-start:hover {
  background: var(--spw-colors-support-grey-grey-800) !important;
}
.qs-datepicker-container .spw-date-range-end {
  background: var(--spw-colors-support-grey-grey-900) !important;
  color: white !important;
  opacity: 1 !important;
  font-weight: 700;
  border-radius: 0 4px 4px 0 !important;
}
.qs-datepicker-container .spw-date-range-end:hover {
  background: var(--spw-colors-support-grey-grey-800) !important;
}
.qs-datepicker-container .spw-date-range-middle {
  background: var(--spw-colors-support-grey-grey-300) !important;
  border-radius: 0 !important;
}
.qs-datepicker-container .spw-date-range-middle:hover {
  background: var(--spw-colors-support-grey-grey-400) !important;
}
.qs-datepicker-container .qs-day {
  font-weight: 400;
  color: var(--spw-colors-support-grey-grey-800);
  padding-bottom: 12px;
  border-radius: 0;
  position: relative;
}
.qs-datepicker-container .qs-day:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 68px;
  height: 1px;
  background: var(--spw-colors-support-grey-grey-300);
}
.qs-datepicker-container .qs-day:nth-child(7):after {
  display: none;
}
.qs-datepicker-container .qs-overlay {
  padding: 24px;
  background: #fff;
}
.qs-datepicker-container .qs-overlay-month {
  font-size: 14px;
  color: var(--spw-colors-support-grey-grey-800);
  width: 25%;
}
.qs-datepicker-container .qs-close {
  color: var(--spw-colors-support-grey-grey-600);
  top: 24px;
  left: 24px;
  right: auto;
  padding: 0;
  height: 40px;
  width: 32px;
  text-indent: -9999px;
  transition: all ease-in 0.2s;
}
.qs-datepicker-container .qs-close:after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  font-family: var(--spw-ds-font-icons-solid);
  font-weight: 700;
  content: "\f060";
  font-size: 14px;
  text-indent: 0;
}
.qs-datepicker-container .qs-close:hover {
  color: var(--spw-colors-support-grey-grey-900);
}
.qs-datepicker-container .qs-blur {
  filter: none;
}
.qs-datepicker-container .qs-overlay {
  transition: none;
}
.qs-datepicker-container .qs-overlay .qs-overlay-year {
  color: var(--spw-colors-support-grey-grey-900);
  margin-bottom: 24px;
  width: calc(100% - 80px);
  margin-left: 28px;
}
.qs-datepicker-container .qs-submit {
  position: absolute;
  text-indent: -9999px;
  top: 24px;
  right: 24px;
  width: 40px;
  height: 40px;
  border-radius: 9999px;
  border: 2px solid transparent;
  color: white;
  background: var(--spw-ds-primary);
  font-weight: 700;
  font-size: 14px;
  transition: all ease-in 0.2s;
}
.qs-datepicker-container .qs-submit:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: var(--spw-ds-font-icons-solid);
  font-weight: 700;
  content: "\f00c";
  font-size: 14px;
  text-indent: 0;
}
.qs-datepicker-container .qs-submit:hover {
  background: var(--spw-ds-variant);
}
.qs-datepicker-container .qs-submit:active {
  background: var(--spw-ds-active);
}
.qs-datepicker-container .qs-submit.qs-disabled {
  background: var(--spw-colors-support-grey-grey-400);
  border-color: var(--spw-colors-support-grey-grey-400);
  color: var(--spw-colors-support-grey-grey-500);
  opacity: 1;
}