@charset "UTF-8";
.button--default {
  --padding: 12px 48px;
  --height: 48px;
  --min-height: var(--height);
  --min-width: 196px;
  --font-family--1: SourceSansPro;
  display: flex;
  width: fit-content;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  border-radius: var(--border-radius);
  background: var(--background);
  border: var(--border);
  text-decoration: var(--text-decoration);
  box-sizing: border-box !important;
  height: var(--height);
  min-width: var(--min-width);
  padding: var(--padding);
  color: var(--color);
  font-family: var(--font-family);
  font-style: var(--font-style);
  font-size: var(--font-size);
  font-weight: var(--font-weight);
  line-height: var(--line-height);
  letter-spacing: var(--letter-spacing);
  text-transform: var(--text-transform);
}
.button--primary {
  --font-family: var(--font-family--1);
  --font-size: 18px;
  --font-weight: 500;
  --line-height: 24px;
  --border-radius: 100px;
  --background: linear-gradient(90deg, #7B61FF 0%, #24A9EC 100%);
  --color: #fff;
  --text-transform: capitalize;
}
.button--primary:hover {
  --background: linear-gradient(90deg, #624DCC 0%, #1F9AD8 100%);
}
.button--primary-cart {
  padding: 5px 6px;
  border-radius: 100px;
  background: linear-gradient(90deg, #7B61FF 0%, #24A9EC 100%);
}
.button--primary-cart:hover {
  --background: linear-gradient(90deg, #624DCC 0%, #1F9AD8 100%);
}
.button--secondary {
  background-clip: text;
  background: linear-gradient(90deg, #7B61FF 0%, #24A9EC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: flex;
  align-items: center;
  position: relative;
  box-sizing: border-box;
  background-clip: padding-box; /* !importanté */
  border: solid 5px transparent; /* !importanté */
  border-radius: 100px;
}
.button--secondary:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
  margin: -5px; /* !importanté */
  border-radius: 100px; /* !importanté */
  background: linear-gradient(to right, red, orange);
}
.button--secondary:hover {
  --background: linear-gradient(90deg, rgba(123, 97, 255, 0.10) 0%, rgba(36, 169, 236, 0.10) 100%);
}
.button--outline {
  --color: #fff;
  --border: 2px solid #fff;
  --border-radius: 100px;
  --background: transperent;
  --font-family: var(--font-family--1);
  --font-size: 18px;
  --line-height: 24px;
  --text-transform: capitalize;
  --font-weight: 600;
}
.button--outline:hover {
  --background: rgba(255, 255, 255, 0.20);
}
.button--outline2 {
  --color: #9D9C9C;
  --border: 1px solid #9D9C9C;
  --border-radius: 100px;
  --background: transperent;
  --font-family: var(--font-family--1);
  --font-size: 18px;
  --line-height: 24px;
  --text-transform: capitalize;
  --font-weight: 600;
}
.button--outline2:hover {
  --background: rgba(255, 255, 255, 0.20);
  --color: #fff;
}
.button--outline3 {
  position: relative;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  padding: 0.5rem 1rem;
  cursor: pointer;
  font-family: "SourceSansPro";
  font-size: 18px;
  font-style: normal;
  font-weight: 600;
  line-height: 24px;
  background: linear-gradient(white, white) padding-box, linear-gradient(90deg, #7B61FF 0%, #24A9EC 100%) border-box;
  border-radius: 100px;
  border: 1px solid transparent;
}
.button--outline3:hover {
  background: linear-gradient(90deg, #f2efff 0%, #e9f6fd 100%) padding-box, linear-gradient(90deg, #7B61FF 0%, #24A9EC 100%) border-box;
}
.button--outline3 span {
  background: -webkit-linear-gradient(90deg, #7B61FF 0%, #24A9EC 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.input--custom {
  display: block;
  position: relative;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.input--custom input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom radio button */
.checkmark {
  --size: 16px;
  height: var(--size);
  width: var(--size);
  min-width: var(--size);
  min-height: var(--size);
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><circle cx="8" cy="8" r="7.5" stroke="%23E6ECF7"/></svg>');
  display: flex;
  align-items: center;
  justify-content: center;
}

/* On mouse-over, add a grey background color */
/* When the radio button is checked, add a blue background */
.input--custom input:checked ~ .checkmark {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="none"><circle cx="8" cy="8" r="7.5" stroke="%230045AC"/><circle cx="8" cy="8" r="5" fill="%230045AC"/></svg>');
}

/* Create the indicator (the dot/circle - hidden when not checked) */
/* Show the indicator (dot/circle) when checked */
/* Style the indicator (dot/circle) */
.input--custom .checkmark:after {
  --size: 10px;
  height: var(--size);
  width: var(--size);
  min-width: var(--size);
  min-height: var(--size);
}

input, select, textarea {
  background: #fff;
  max-width: 100%;
}

select.input-1 {
  font-family: inherit;
  appearance: none;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right 1rem center;
  background-size: 1em;
  padding-right: 48px !important;
  cursor: pointer;
}

.input-box {
  position: relative;
  margin: 0;
}
.input-box, .input-box * {
  box-sizing: border-box;
}
.input-box textarea {
  width: 100%;
  border: 1px solid #cecece;
  background: #fff;
  padding: 15px;
  font-weight: 300;
  font-size: 16px;
  color: #626262;
  outline: none;
  border-radius: 6px;
}
.input-box textarea::placeholder {
  color: #373737;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.input-box .input-label {
  z-index: 2;
  position: absolute;
  color: #373737;
  font-size: 16px;
  font-weight: 400;
  max-width: calc(100% - 16px);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  left: 8px;
  top: calc(50% - 8px);
  padding: 0 8px;
  transition: 250ms;
  user-select: none;
  pointer-events: none;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 16px;
  display: flex;
  align-items: center;
  letter-spacing: 0.005em;
}
.input-box .input-label svg {
  position: relative;
  width: 15px;
  height: 15px;
  top: 2px;
  transition: 250ms;
}
.input-box .input-1 {
  background-color: transparent;
  box-sizing: border-box;
  height: 48px;
  width: 100%;
  font-family: SourceSansPro;
  color: #373535;
  border: 1px solid #373535;
  border-radius: 100px;
  padding: 13px 15px;
  transition: 250ms;
  font-size: 16px;
  line-height: 16px;
  font-style: normal;
  font-weight: 400;
}
.input-box .input-1:focus {
  outline: none;
  border: 1px solid #1E1E1E;
  transition: 250ms;
  outline: none;
}
.input-box .input-1::placeholder {
  color: #373737;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}

.input-box.error .input-label {
  color: #FC554C;
  top: -12px;
  background: #fff;
  font-size: 11px;
  transition: 250ms;
}
.input-box.error .input-1 {
  border: 2px solid #FC554C;
}

.input-box.fill .input-label:first-of-type {
  color: #000;
}
.input-box.fill.error .input-label:first-of-type {
  color: #FF4741;
}

.input-box.focus .input-label,
.input-box.fill .input-label,
.input-box.active .input-label {
  display: none;
  color: #000;
  top: -12px;
  background: #fff;
  font-size: 11px;
  border-radius: 4px;
  transition: 250ms;
}
.input-box.focus .input-label svg,
.input-box.fill .input-label svg,
.input-box.active .input-label svg {
  position: relative;
  width: 11px;
  height: 11px;
  top: 2px;
  transition: 250ms;
}

.input-box.active .input-1 {
  border: 2px solid #000;
}

.pull-right {
  float: right;
}

.clear {
  clear: both;
}

textarea {
  max-width: 100%;
  min-width: 100%;
  width: 100%;
  min-height: 134px;
}

.input-box .selection-box:before {
  display: none;
}
.input-box .selection-box:after {
  display: flex;
  align-items: center;
  justify-content: center;
  content: 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='M6 9L12 15L18 9' stroke='%237D838C' stroke-width='1.6'/%3E%3C/svg%3E%0A");
  width: 24px;
  height: 24px;
  right: 12px;
  top: calc(50% - 8px);
}

input.input--clear {
  background: none;
  border: none;
  outline: none;
}
input.input--clear::placeholder {
  color: inherit;
}

.input-box .password-eye {
  position: absolute;
  top: 0;
  right: 0;
  padding: 13px 16px;
}
.input-box .password-eye svg:not(.active) {
  display: none;
}

.v-check {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.v-check a {
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
}
.v-check input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
input:checked ~ .v-check__checkmark {
  content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"><path fill-rule="evenodd" clip-rule="evenodd" d="M3 1C1.89543 1 1 1.89543 1 3V21C1 22.1046 1.89543 23 3 23H21C22.1046 23 23 22.1046 23 21V3C23 1.89543 22.1046 1 21 1H3Z" fill="white"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21 3H3L3 21H21V3ZM3 1C1.89543 1 1 1.89543 1 3V21C1 22.1046 1.89543 23 3 23H21C22.1046 23 23 22.1046 23 21V3C23 1.89543 22.1046 1 21 1H3Z" fill="%230045AC"/><path fill-rule="evenodd" clip-rule="evenodd" d="M18.6628 7.25117C19.0763 7.61719 19.1149 8.24918 18.7489 8.66276L12.1069 16.1676C12.101 16.1743 12.095 16.181 12.089 16.1878C11.9839 16.3066 11.8688 16.4367 11.7606 16.5405C11.6404 16.6558 11.4577 16.8104 11.2002 16.905C10.8549 17.0317 10.4784 17.0317 10.1332 16.905C9.87566 16.8104 9.69295 16.6558 9.57275 16.5405C9.46451 16.4367 9.34944 16.3066 9.24432 16.1878C9.23833 16.181 9.23237 16.1743 9.22644 16.1676L6.25117 12.8058C5.88514 12.3922 5.92369 11.7602 6.33727 11.3942C6.75084 11.0282 7.38283 11.0667 7.74886 11.4803L10.6667 14.7772L17.2512 7.33727C17.6172 6.92369 18.2492 6.88514 18.6628 7.25117ZM10.9652 15.1047C10.9672 15.1063 10.9683 15.1072 10.9683 15.1072C10.9683 15.1073 10.9673 15.1065 10.9652 15.1047ZM10.3651 15.1072C10.3651 15.1072 10.3661 15.1063 10.3681 15.1047C10.3661 15.1065 10.3651 15.1073 10.3651 15.1072Z" fill="%230045AC"/></svg>');
}
.v-check__container {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  pointer-events: none;
}
.v-check__checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 24px;
  width: 24px;
  content: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="23" height="23" rx="3.5" stroke="%239D9C9C"/></svg>');
}
.v-check--cart, .v-check--cart-product, .v-check--product {
  padding: 16px;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
}
.v-check--cart .v-check__container, .v-check--cart-product .v-check__container, .v-check--product .v-check__container {
  border-radius: 8px;
  border: 1px solid #373535;
  background: #FFF;
}
.v-check--cart .v-check__checkmark, .v-check--cart-product .v-check__checkmark, .v-check--product .v-check__checkmark {
  top: calc(50% - 12px);
  left: 16px;
  width: 24px;
  height: 24px;
  background-color: transparent !important;
  content: 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%3Ccircle cx='11.9954' cy='12.0111' r='9.845' stroke='%231D211F' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}
.v-check--cart .v-check__input:checked ~ .v-check__container, .v-check--cart-product .v-check__input:checked ~ .v-check__container, .v-check--product .v-check__input:checked ~ .v-check__container {
  border-radius: 8px;
  border: 1px solid #5FA2FE;
  background: #E3EBFC;
}
.v-check--cart .v-check__input:checked ~ .v-check__checkmark, .v-check--cart-product .v-check__input:checked ~ .v-check__checkmark, .v-check--product .v-check__input:checked ~ .v-check__checkmark {
  content: 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 fill-rule='evenodd' clip-rule='evenodd' d='M12 1.41931C9.18955 1.41931 6.49421 2.53576 4.50693 4.52304C2.51964 6.51033 1.4032 9.20567 1.4032 12.0161C1.4032 14.8266 2.51964 17.5219 4.50693 19.5092C6.49421 21.4965 9.18955 22.6129 12 22.6129C14.8104 22.6129 17.5058 21.4965 19.4931 19.5092C21.4804 17.5219 22.5968 14.8266 22.5968 12.0161C22.5968 9.20567 21.4804 6.51033 19.4931 4.52304C17.5058 2.53576 14.8104 1.41931 12 1.41931ZM2.9232 12.0161C2.9232 9.60879 3.8795 7.30007 5.58173 5.59784C7.28396 3.89561 9.59268 2.93931 12 2.93931C14.4073 2.93931 16.716 3.89561 18.4183 5.59784C20.1205 7.30007 21.0768 9.60879 21.0768 12.0161C21.0768 14.4234 20.1205 16.7321 18.4183 18.4344C16.716 20.1366 14.4073 21.0929 12 21.0929C9.59268 21.0929 7.28396 20.1366 5.58173 18.4344C3.8795 16.7321 2.9232 14.4234 2.9232 12.0161ZM12 15.2161C12.8487 15.2161 13.6626 14.879 14.2627 14.2789C14.8629 13.6787 15.2 12.8648 15.2 12.0161C15.2 11.1674 14.8629 10.3535 14.2627 9.75337C13.6626 9.15325 12.8487 8.81611 12 8.81611C11.1513 8.81611 10.3374 9.15325 9.73726 9.75337C9.13714 10.3535 8.8 11.1674 8.8 12.0161C8.8 12.8648 9.13714 13.6787 9.73726 14.2789C10.3374 14.879 11.1513 15.2161 12 15.2161Z' fill='%23000'/%3E%3C/svg%3E%0A");
}
.v-check--radio .v-check__checkmark {
  content: 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%3Ccircle cx='11.9954' cy='12.0111' r='9.845' stroke='%231D211F' stroke-width='1.5'/%3E%3C/svg%3E%0A");
}
.v-check--radio .v-check__input:checked ~ .v-check__label {
  font-weight: 600;
}
.v-check--radio .v-check__input:checked ~ .v-check__checkmark {
  content: 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 fill-rule='evenodd' clip-rule='evenodd' d='M12 1.41931C9.18955 1.41931 6.49421 2.53576 4.50693 4.52304C2.51964 6.51033 1.4032 9.20567 1.4032 12.0161C1.4032 14.8266 2.51964 17.5219 4.50693 19.5092C6.49421 21.4965 9.18955 22.6129 12 22.6129C14.8104 22.6129 17.5058 21.4965 19.4931 19.5092C21.4804 17.5219 22.5968 14.8266 22.5968 12.0161C22.5968 9.20567 21.4804 6.51033 19.4931 4.52304C17.5058 2.53576 14.8104 1.41931 12 1.41931ZM2.9232 12.0161C2.9232 9.60879 3.8795 7.30007 5.58173 5.59784C7.28396 3.89561 9.59268 2.93931 12 2.93931C14.4073 2.93931 16.716 3.89561 18.4183 5.59784C20.1205 7.30007 21.0768 9.60879 21.0768 12.0161C21.0768 14.4234 20.1205 16.7321 18.4183 18.4344C16.716 20.1366 14.4073 21.0929 12 21.0929C9.59268 21.0929 7.28396 20.1366 5.58173 18.4344C3.8795 16.7321 2.9232 14.4234 2.9232 12.0161ZM12 15.2161C12.8487 15.2161 13.6626 14.879 14.2627 14.2789C14.8629 13.6787 15.2 12.8648 15.2 12.0161C15.2 11.1674 14.8629 10.3535 14.2627 9.75337C13.6626 9.15325 12.8487 8.81611 12 8.81611C11.1513 8.81611 10.3374 9.15325 9.73726 9.75337C9.13714 10.3535 8.8 11.1674 8.8 12.0161C8.8 12.8648 9.13714 13.6787 9.73726 14.2789C10.3374 14.879 11.1513 15.2161 12 15.2161Z' fill='%230'/%3E%3C/svg%3E%0A");
}
.v-check--product {
  padding: 0;
  margin: 0;
}
.v-check--product .v-check__checkmark {
  top: 20px;
  left: 20px;
  width: 24px;
  height: 24px;
  background-color: transparent !important;
  content: url("data:image/svg+xml,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.951.045a4.067 4.067 0 0 0-2.628 1.538 4.848 4.848 0 0 0-.707 1.48l-.095.375v17.125l.095.375c.115.456.429 1.113.707 1.479a4.135 4.135 0 0 0 2.245 1.468l.37.094h17.125l.369-.094a4.135 4.135 0 0 0 2.245-1.468 4.854 4.854 0 0 0 .707-1.479l.095-.375V3.438l-.094-.37A4.135 4.135 0 0 0 22.917.823a5.046 5.046 0 0 0-1.459-.706l-.354-.095-8.458-.006C7.994.012 4.081.025 3.951.045m17.071 2.019c.464.12.973.522 1.239.978.253.433.239-.098.239 8.957 0 7.911-.003 8.286-.077 8.551-.178.641-.762 1.219-1.401 1.385-.22.058-1.178.065-8.522.065-9.056 0-8.525.014-8.958-.239a2.656 2.656 0 0 1-.78-.768c-.28-.465-.262.142-.262-8.993s-.018-8.528.262-8.993c.158-.261.515-.614.781-.769.421-.246-.1-.232 8.938-.235 7.344-.003 8.322.004 8.541.061' fill='%23000' fill-rule='evenodd'/%3E%3C/svg%3E");
}
.v-check--product .v-check__input:checked ~ .v-check__checkmark {
  content: 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%3Crect width='24' height='24' rx='4' fill='%230'/%3E%3Cg clip-path='url(%23clip0_50_2744)'%3E%3Cpath d='M9.49992 15.5L5.99992 12L4.83325 13.1667L9.49992 17.8334L19.4999 7.83335L18.3333 6.66669L9.49992 15.5Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_50_2744'%3E%3Crect width='20' height='20' fill='white' transform='translate(2 2)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.v-check--cart-product {
  padding: 16px;
  padding-right: 0;
  margin: 0;
}

.v-form {
  width: 100%;
}
.v-form .input-box {
  margin-bottom: 24px;
}
.v-form .input-box.error {
  margin-bottom: 4px;
}
.v-form .input-box.error .alert {
  min-height: 20px;
  height: 100%;
  width: 100%;
}

.input-box--qty {
  display: grid;
  grid-template-columns: 18px 46px 18px;
  grid-auto-rows: 1fr;
  grid-gap: 8px;
  align-items: center;
}
.input-box--qty input {
  text-align: center;
}
.input-box--qty input::-webkit-outer-spin-button,
.input-box--qty input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.input-box--qty input[type=number] {
  -moz-appearance: textfield;
}
.input-box--qty .input-box__plus, .input-box--qty .input-box__minus {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  font-style: normal;
  font-weight: 700;
  font-size: 22px;
  line-height: 36px;
  text-transform: capitalize;
  user-select: none;
}
.input-box--qty .input-box__plus:hover, .input-box--qty .input-box__minus:hover {
  color: #000;
}

/**************************\
  Basic Modal Styles
\**************************/
.modal {
  font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 99;
}

.modal__container {
  background-color: #fff;
  padding: 30px;
  max-width: 500px;
  max-height: 100vh;
  border-radius: 4px;
  overflow-y: auto;
  box-sizing: border-box;
}

.modal__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.modal__title {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 1.25rem;
  line-height: 1.25;
  box-sizing: border-box;
}

.modal__close {
  background: transparent;
  border: 0;
}

.modal__content {
  margin-top: 2rem;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.8);
}

.modal__btn {
  font-size: 0.875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  border-radius: 0.25rem;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  transition: -webkit-transform 0.25s ease-out;
  transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out, -webkit-transform 0.25s ease-out;
}

.modal__btn:focus, .modal__btn:hover {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
}

.modal__btn-primary {
  background-color: #00449e;
  color: #fff;
}

/**************************\
  Demo Animation Style
\**************************/
@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes mmslideIn {
  from {
    transform: translateY(15%);
  }
  to {
    transform: translateY(0);
  }
}
@keyframes mmslideOut {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-10%);
  }
}
.micromodal-slide {
  display: none;
}

.micromodal-slide.is-open {
  display: block;
}

.micromodal-slide[aria-hidden=false] .modal__overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=false] .modal__container {
  animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__container {
  animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide .modal__container,
.micromodal-slide .modal__overlay {
  will-change: transform;
}

@font-face {
  font-family: "SourceSansPro";
  src: url("../fonts/SourceSansPro/SourceSansPro-Regular.ttf");
  font-weight: 400;
}
@font-face {
  font-family: "SourceSansPro";
  src: url("../fonts/SourceSansPro/SourceSansPro-Semibold.ttf");
  font-weight: 600;
}
@font-face {
  font-family: "SourceSansPro";
  src: url("../fonts/SourceSansPro/SourceSansPro-Bold.ttf");
  font-weight: 700;
}
:root {
  --font-family--sans: "SourceSansPro", sans-serif;
  --font-family--accent: "Open Sans", sans-serif;
  --page-background: #fff;
}

html, body {
  height: 100%;
  min-height: 100vh;
}
html .wrapper, body .wrapper {
  height: 100%;
}
html .wrapper__container, body .wrapper__container {
  height: 100%;
  display: flex;
  flex-direction: column;
}
html .wrapper__container .content, body .wrapper__container .content {
  flex: 1;
}
html .wrapper__container .product__container:hover .product__header, body .wrapper__container .product__container:hover .product__header {
  box-shadow: 5px 10px 25px 0px rgba(0, 0, 0, 0.15);
}

.page {
  background: var(--page-background);
}

.text-base p {
  margin-bottom: 16px;
}

.checkout-icon:hover path {
  fill: #F894FF;
}

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