/** Shopify CDN: Minification failed

Line 60:0 Unexpected "}"

**/
/* ARELEON SIZE FINDER */

.areleon-size-finder {
  width: auto;
  margin: 0 0 10px;
  font-family: inherit;
  color: #242A39;
}

.areleon-size-finder * {
  box-sizing: border-box;
}

/* FIND YOUR SIZE BUTTON */

.areleon-size-trigger {
  width: auto;
  min-height: 0;
  padding: 8px 13px;

  border: 1px solid #D8D6D2;
  background: #fff;
  color: #242A39;
  border-radius: 6px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;

  font-family: inherit;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .07em;

  cursor: pointer;
  transition: border-color .2s ease, background .2s ease;
}

.areleon-size-trigger:hover {
  opacity: 1;
  background: #F8F7F5;
  border-color: #A1978E;
}

.areleon-size-trigger svg {
  width: 15px;
  height: 15px;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}
}

.areleon-size-trigger:hover {
  opacity: .94;
}

.areleon-size-trigger:active {
  transform: scale(.995);
}

.areleon-size-trigger svg {
  width: 18px;
  height: 18px;

  fill: none;
  stroke: currentColor;
  stroke-width: 1.6;
  stroke-linecap: round;
  stroke-linejoin: round;
}


/* OVERLAY */

.areleon-size-overlay {
  position: fixed;
  inset: 0;
  z-index: 2147483000;

  background: rgba(20, 22, 28, .48);

  display: flex;
  align-items: center;
  justify-content: center;

  padding: 18px;
}

.areleon-size-overlay[hidden] {
  display: none !important;
}


/* MODAL */

.areleon-size-modal {
  position: relative;

  width: min(520px, 100%);
  max-height: 92vh;
  overflow-y: auto;

  background: #fff;

  border-radius: 14px;

  padding: 34px 32px 28px;

  box-shadow:
    0 24px 80px rgba(0, 0, 0, .18);
}


/* CLOSE */

.areleon-size-close {
  position: absolute;
  right: 18px;
  top: 14px;

  width: 34px;
  height: 34px;

  border: 0;
  background: transparent;

  color: #555;

  font-family: Arial, sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 1;

  cursor: pointer;
}


/* PROGRESS */

.areleon-progress {
  height: 3px;

  margin:
    3px
    42px
    30px
    0;

  background: #EEECE9;

  border-radius: 100px;

  overflow: hidden;
}

.areleon-progress span {
  display: block;

  width: 33%;
  height: 100%;

  background: #A1978E;

  border-radius: inherit;

  transition: width .25s ease;
}


/* TYPOGRAPHY */

.areleon-kicker {
  margin-bottom: 10px;

  color: #8A827B;

  font-size: 10px;
  font-weight: 700;
  letter-spacing: .16em;
}

.areleon-step h2 {
  margin: 0 0 12px;

  color: #242A39;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size: 28px;
  font-weight: 400;
  line-height: 1.18;
}

.areleon-step > p {
  margin: 0 0 24px;

  color: #666;

  font-size: 13px;
  line-height: 1.6;
}


/* HEIGHT / WEIGHT */

.areleon-input-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;

  gap: 12px;

  margin: 22px 0;
}

.areleon-input-grid label > span {
  display: block;

  margin-bottom: 7px;

  color: #4B4B4B;

  font-size: 11px;
  font-weight: 600;
  letter-spacing: .03em;
}

.areleon-input-wrap {
  position: relative;
}

.areleon-input-wrap input {
  width: 100%;
  min-height: 48px;

  margin: 0;

  padding:
    12px
    48px
    12px
    12px;

  border: 1px solid #D8D6D2;
  border-radius: 8px;

  outline: none;

  background: #fff;

  color: #222;

  font-family: inherit;
  font-size: 15px;

  transition: border-color .2s ease;
}

.areleon-input-wrap input:focus {
  border-color: #A1978E;
}

.areleon-input-wrap small {
  position: absolute;

  right: 12px;
  top: 50%;

  transform: translateY(-50%);

  color: #999;

  font-size: 10px;
  letter-spacing: .08em;

  pointer-events: none;
}


/* CHOICES */

.areleon-choice-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;

  gap: 10px;

  margin: 22px 0;
}

.areleon-choice-grid button {
  min-height: 54px;

  padding: 10px 12px;

  border: 1px solid #D8D6D2;
  border-radius: 8px;

  background: #fff;

  color: #333;

  font-family: inherit;
  font-size: 13px;
  font-weight: 500;

  cursor: pointer;

  transition:
    border-color .18s ease,
    background .18s ease,
    box-shadow .18s ease;
}

.areleon-choice-grid button:hover {
  border-color: #A1978E;
}

.areleon-choice-grid button.is-selected {
  border-color: #242A39;

  background: #F8F7F5;

  box-shadow:
    inset 0 0 0 1px #242A39;
}


/* PRIMARY BUTTON */

.areleon-primary {
  width: 100%;
  min-height: 49px;

  margin-top: 4px;

  border: 0;
  border-radius: 8px;

  background: #242A39;

  color: #fff;

  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .1em;

  cursor: pointer;

  transition:
    opacity .2s ease,
    transform .2s ease;
}

.areleon-primary:hover {
  opacity: .94;
}

.areleon-primary:active {
  transform: scale(.995);
}


/* BACK BUTTON */

.areleon-back {
  width: 100%;

  margin-top: 14px;

  padding: 10px;

  border: 0;

  background: transparent;

  color: #777;

  font-family: inherit;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: .08em;

  cursor: pointer;
}


/* RESULT */

.areleon-result-label {
  margin-top: 8px;

  color: #8A827B;

  font-size: 10px;
  font-weight: 700;
  letter-spacing: .16em;
}

.areleon-result-size {
  margin: 12px 0;

  color: #242A39;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  font-size: 64px;
  font-weight: 400;
  line-height: 1;
}

.areleon-result-copy {
  margin: 0 0 22px;

  color: #666;

  font-size: 13px;
  line-height: 1.6;
}

.areleon-result-note {
  margin-bottom: 18px;

  padding: 13px 14px;

  border: 1px solid #E4E1DD;
  border-radius: 8px;

  background: #FAF9F7;

  color: #555;

  font-size: 12px;
  line-height: 1.5;
}

.areleon-select-size {
  width: 100%;
  min-height: 49px;

  border: 0;
  border-radius: 8px;

  background: #242A39;

  color: #fff;

  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .1em;

  cursor: pointer;
}


/* HIDDEN STEPS */

.areleon-step[hidden] {
  display: none !important;
}


/* MOBILE */

@media (max-width: 600px) {

  .areleon-size-overlay {
    align-items: flex-end;

    padding: 0;
  }

  .areleon-size-modal {
    width: 100%;
    max-height: 94vh;

    padding:
      30px
      20px
      24px;

    border-radius:
      16px
      16px
      0
      0;
  }

  .areleon-step h2 {
    font-size: 25px;
  }

  .areleon-input-grid {
    grid-template-columns: 1fr 1fr;
  }

  .areleon-choice-grid {
    grid-template-columns: 1fr 1fr;
  }

}/* =========================================
   ARELEON SIZE FINDER — US INPUTS
   ========================================= */

.areleon-us-measurements {
  grid-template-columns: 1fr 1fr;
}

.areleon-us-measurements .areleon-weight-field {
  grid-column: 1 / -1;
}

@media (max-width: 600px) {

  .areleon-us-measurements {
    grid-template-columns: 1fr 1fr;
  }

}