@charset "UTF-8";
.sprite {
  background: url("../images/interface/sprite.png") 0px 0px no-repeat;
}

.global-sprite {
  background-image: url(../images/aarons_sprite_img.png);
}

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  vertical-align: baseline;
  list-style: none;
}

/* HTML5 display definitions
	 ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
	 ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
/* Text-level semantics
	 ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

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

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

.product-suggestion .productprice-wrap {
  font-size: 18px;
  font-weight: 500;
}
.product-suggestion .tile-price-big {
  display: flex;
}
.product-suggestion .cents-per-and-total {
  margin-top: -2px;
  flex-direction: column;
}

/* Embedded content
	 ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img, embed, video, object, iframe {
  max-width: 100%;
  border: 0;
}

img {
  vertical-align: middle;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
	 ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
	 ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
  outline: none;
  border-radius: 0;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #C6C6C6;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  font-weight: 700;
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
	 ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.boxsizing {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.button-border {
  border: 1px solid #142667;
  display: inline-block;
  cursor: pointer;
  padding: 3px;
  box-sizing: border-box;
}
.button-border button:focus, .button-border .button:focus {
  outline: 2px solid #0069C8;
}
.button-border:hover {
  border: 1px solid #0069C8;
}
.button-border:hover button, .button-border:hover .button {
  border-color: #0069C8;
  color: #0069C8;
}
.button-border:hover button.bgcolor, .button-border:hover .button.bgcolor {
  background-color: #00ACEC;
  color: #ffffff;
  border: 1px;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes sk-stretchdelay {
  0%, 40%, 100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
.uxpin-h1 {
  font-size: 26px;
  font-weight: 700;
  line-height: 34px;
}
@media screen and (min-width: 767px) {
  .uxpin-h1 {
    font-size: 30px;
    line-height: 38px;
  }
}
@media screen and (min-width: 1023px) {
  .uxpin-h1 {
    font-size: 36px;
    line-height: 44px;
  }
}

.uxpin-h2 {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}
@media screen and (min-width: 767px) {
  .uxpin-h2 {
    font-size: 28px;
    line-height: 36px;
  }
}
@media screen and (min-width: 1023px) {
  .uxpin-h2 {
    font-size: 32px;
    line-height: 40px;
  }
}

.uxpin-h3 {
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
}
@media screen and (min-width: 767px) {
  .uxpin-h3 {
    font-size: 26px;
    line-height: 34px;
  }
}
@media screen and (min-width: 1023px) {
  .uxpin-h3 {
    font-size: 28px;
    line-height: 36px;
  }
}

.uxpin-h4 {
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
}
@media screen and (min-width: 767px) {
  .uxpin-h4 {
    font-size: 24px;
    line-height: 32px;
  }
}

.uxpin-h5 {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
@media screen and (min-width: 767px) {
  .uxpin-h5 {
    font-size: 22px;
    line-height: 28px;
  }
}
@media screen and (min-width: 1023px) {
  .uxpin-h5 {
    font-size: 20px;
    line-height: 28px;
  }
}

.uxpin-h6 {
  font-size: 17px;
  font-weight: 500;
  line-height: 23px;
}
@media screen and (min-width: 767px) {
  .uxpin-h6 {
    font-size: 18px;
    line-height: 24px;
  }
}

.uxpin-sub1 {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.uxpin-sub2 {
  font-size: 14px;
  font-weight: 600;
  line-height: 22px;
}

.uxpin-body1 {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
}

.uxpin-body1-bold {
  font-size: 16px;
  font-weight: 600;
  line-height: 24px;
}

.uxpin-body2 {
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}

.uxpin-microBody {
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
}

.uxpin-smBtnTxt {
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  text-transform: uppercase;
}

.uxpin-btnTxt {
  font-size: 15px;
  font-weight: 500;
  line-height: 20px;
  text-transform: uppercase;
}

.uxpin-lgBtnTxt {
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
  text-transform: uppercase;
}

.uxpin-capTxt {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
}

.uxpin-overlineTxt {
  font-size: 13px;
  font-weight: 400;
  line-height: 20px;
  text-transform: uppercase;
}

/*
Alert styles from the Ecommerce Component Library.
https://preview.uxpin.com/a8640cc67d84b9c383abad005d946ffdcfb9ac47#/pages/164761657/specification/sitemap

Sample HTML follows. Notes on usage:
* Remove the 'uxpin-alert-actionButtons' div if you're not using action buttons.
* Change the 'error' class to 'info', 'question', 'warning', or 'success' to use those styles.
* Event handlers for the action buttons are the responsibility of the page code in the JS bundle.
* Add classes into the HTML as needed to make stuff work, particularly for JS events.
* If style overrides are necessary for a particular page, do NOT put them into this SCSS file.
* 	Use the page's SCSS file instead.
* Remove the style if you want it to start off visible on the page.
* 	If you do this, consider removing the role as well.

<div class="uxpin-alert error" role="alert" style="display: none;">
    <button type="button" class="uxpin-alert-closeButton" aria-label="Dismiss" title="Dismiss" onclick="javascript:this.closest('.uxpin-alert').style.display = 'none';"></button>
    <div class="uxpin-alert-title">We're Sorry - Online Service Not Available in Your Area</div>
    Unfortunately, Aaron's is unable to process online orders or applications at this address. See our <a href="">store locations</a> to check if there's a nearby store where you can shop in person.
    <div class="uxpin-alert-actionButtons">
        <button type="button" class="uxpin-alert-actionButton">Action</button>
        <button type="button" class="uxpin-alert-actionButton">Action</button>
    </div>
</div>
 */
.uxpin-alert {
  border-radius: 4px;
  border-style: solid;
  border-width: 1px 1px 1px 4px;
  color: #212121;
  font-size: 14px;
  line-height: 20px;
  padding: 12px 12px 12px 44px;
  position: relative;
}
@media screen and (min-width: 1023px) {
  .uxpin-alert {
    font-size: 16px;
    line-height: 24px;
    padding: 16px 16px 16px 52px;
  }
}
.uxpin-alert.success {
  background-color: #fbfff0;
  border-color: #62a605;
}
.uxpin-alert.success:before {
  content: "";
  position: absolute;
  top: 15px;
  left: 12px;
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="visible" preserveAspectRatio="none" viewBox="0 0 20 20" width="20" height="20"><g transform="translate(0, 0)"><g transform="translate(0, 0) rotate(0)"><path d="M0,10c0,-5.52344 4.47656,-10 10,-10c5.52344,0 10,4.47656 10,10c0,5.52344 -4.47656,10 -10,10c-5.52344,0 -10,-4.47656 -10,-10zM14.52344,8.27344c0.42578,-0.42578 0.42578,-1.12109 0,-1.54687c-0.42578,-0.42578 -1.12109,-0.42578 -1.54687,0l-4.22656,4.22656l-1.72656,-1.72656c-0.42578,-0.42578 -1.12109,-0.42578 -1.54687,0c-0.42578,0.42578 -0.42578,1.12109 0,1.54688l2.5,2.5c0.42578,0.42578 1.12109,0.42578 1.54688,0z" style="stroke-width: 0; stroke-linecap: butt; stroke-linejoin: miter; fill: rgb(98, 166, 5);" vector-effect="non-scaling-stroke"/></g><defs><path id="path-174593859580410279" d="M0,10c0,-5.52344 4.47656,-10 10,-10c5.52344,0 10,4.47656 10,10c0,5.52344 -4.47656,10 -10,10c-5.52344,0 -10,-4.47656 -10,-10zM14.52344,8.27344c0.42578,-0.42578 0.42578,-1.12109 0,-1.54687c-0.42578,-0.42578 -1.12109,-0.42578 -1.54687,0l-4.22656,4.22656l-1.72656,-1.72656c-0.42578,-0.42578 -1.12109,-0.42578 -1.54687,0c-0.42578,0.42578 -0.42578,1.12109 0,1.54688l2.5,2.5c0.42578,0.42578 1.12109,0.42578 1.54688,0z" vector-effect="non-scaling-stroke"/></defs></g></svg>');
}
@media screen and (min-width: 1023px) {
  .uxpin-alert.success:before {
    top: 20px;
  }
}
.uxpin-alert.question {
  background-color: #f0f8ff;
  border-color: #0069c8;
}
.uxpin-alert.question:before {
  content: "";
  position: absolute;
  top: 15px;
  left: 12px;
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="visible" preserveAspectRatio="none" viewBox="0 0 20 20" width="20" height="20"><g transform="translate(0, 0)"><g transform="translate(0, 0) rotate(0)"><path style="stroke-width: 0; stroke-linecap: butt; stroke-linejoin: miter; fill: rgb(0, 105, 200);" d="M10,0c-5.52344,0 -10,4.47656 -10,10c0,5.52344 4.47656,10 10,10c5.52344,0 10,-4.47656 10,-10c0,-5.52344 -4.47656,-10 -10,-10zM10,15.625c-0.70312,0 -1.25,-0.54687 -1.25,-1.25c0,-0.70312 0.51172,-1.25 1.25,-1.25c0.66797,0 1.25,0.54688 1.25,1.25c0,0.70313 -0.58203,1.25 -1.25,1.25zM12.69922,10.07813l-1.76172,1.09375v0.07813c0,0.50781 -0.42969,0.9375 -0.9375,0.9375c-0.50781,0 -0.9375,-0.42969 -0.9375,-0.9375v-0.625c0,-0.3125 0.15625,-0.625 0.46875,-0.82031l2.22656,-1.32812c0.27344,-0.15625 0.42969,-0.42969 0.42969,-0.74219c0,-0.46875 -0.42578,-0.85937 -0.89453,-0.85937h-1.99609c-0.50391,0 -0.85937,0.39063 -0.85937,0.85938c0,0.50781 -0.42969,0.9375 -0.9375,0.9375c-0.50781,0 -0.9375,-0.42969 -0.9375,-0.9375c0,-1.52344 1.21094,-2.73437 2.69922,-2.73437h1.99609c1.59375,0 2.80469,1.21094 2.80469,2.73438c0,0.9375 -0.50781,1.83594 -1.36328,2.34375z" vector-effect="non-scaling-stroke"/></g><defs><path id="path-1745938593994487" d="M10,0c-5.52344,0 -10,4.47656 -10,10c0,5.52344 4.47656,10 10,10c5.52344,0 10,-4.47656 10,-10c0,-5.52344 -4.47656,-10 -10,-10zM10,15.625c-0.70312,0 -1.25,-0.54687 -1.25,-1.25c0,-0.70312 0.51172,-1.25 1.25,-1.25c0.66797,0 1.25,0.54688 1.25,1.25c0,0.70313 -0.58203,1.25 -1.25,1.25zM12.69922,10.07813l-1.76172,1.09375v0.07813c0,0.50781 -0.42969,0.9375 -0.9375,0.9375c-0.50781,0 -0.9375,-0.42969 -0.9375,-0.9375v-0.625c0,-0.3125 0.15625,-0.625 0.46875,-0.82031l2.22656,-1.32812c0.27344,-0.15625 0.42969,-0.42969 0.42969,-0.74219c0,-0.46875 -0.42578,-0.85937 -0.89453,-0.85937h-1.99609c-0.50391,0 -0.85937,0.39063 -0.85937,0.85938c0,0.50781 -0.42969,0.9375 -0.9375,0.9375c-0.50781,0 -0.9375,-0.42969 -0.9375,-0.9375c0,-1.52344 1.21094,-2.73437 2.69922,-2.73437h1.99609c1.59375,0 2.80469,1.21094 2.80469,2.73438c0,0.9375 -0.50781,1.83594 -1.36328,2.34375z" vector-effect="non-scaling-stroke"/></defs></g></svg>');
}
@media screen and (min-width: 1023px) {
  .uxpin-alert.question:before {
    top: 20px;
  }
}
.uxpin-alert.info {
  background-color: #f0f5ff;
  border-color: #00359c;
}
.uxpin-alert.info:before {
  content: "";
  position: absolute;
  top: 15px;
  left: 12px;
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="visible" preserveAspectRatio="none" viewBox="0 0 20 20" width="20" height="20"><g transform="translate(0, 0)"><g transform="translate(0, 0) rotate(0)"><path style="stroke-width: 0; stroke-linecap: butt; stroke-linejoin: miter; fill: rgb(0, 54, 157);" d="M10,0c-5.52344,0 -10,4.47656 -10,10c0,5.52344 4.47656,10 10,10c5.52344,0 10,-4.47656 10,-10c0,-5.52344 -4.47656,-10 -10,-10zM10,5c0.69023,0 1.25,0.55977 1.25,1.25c0,0.69023 -0.55977,1.25 -1.25,1.25c-0.69023,0 -1.25,-0.55859 -1.25,-1.25c0,-0.69141 0.55859,-1.25 1.25,-1.25zM11.5625,15h-3.125c-0.51562,0 -0.9375,-0.41797 -0.9375,-0.9375c0,-0.51953 0.41992,-0.9375 0.9375,-0.9375h0.625v-2.5h-0.3125c-0.51758,0 -0.9375,-0.41992 -0.9375,-0.9375c0,-0.51758 0.42188,-0.9375 0.9375,-0.9375h1.25c0.51758,0 0.9375,0.41992 0.9375,0.9375v3.4375h0.625c0.51758,0 0.9375,0.41992 0.9375,0.9375c0,0.51758 -0.41797,0.9375 -0.9375,0.9375z" vector-effect="non-scaling-stroke"/></g><defs><path id="path-1745938593995489" d="M10,0c-5.52344,0 -10,4.47656 -10,10c0,5.52344 4.47656,10 10,10c5.52344,0 10,-4.47656 10,-10c0,-5.52344 -4.47656,-10 -10,-10zM10,5c0.69023,0 1.25,0.55977 1.25,1.25c0,0.69023 -0.55977,1.25 -1.25,1.25c-0.69023,0 -1.25,-0.55859 -1.25,-1.25c0,-0.69141 0.55859,-1.25 1.25,-1.25zM11.5625,15h-3.125c-0.51562,0 -0.9375,-0.41797 -0.9375,-0.9375c0,-0.51953 0.41992,-0.9375 0.9375,-0.9375h0.625v-2.5h-0.3125c-0.51758,0 -0.9375,-0.41992 -0.9375,-0.9375c0,-0.51758 0.42188,-0.9375 0.9375,-0.9375h1.25c0.51758,0 0.9375,0.41992 0.9375,0.9375v3.4375h0.625c0.51758,0 0.9375,0.41992 0.9375,0.9375c0,0.51758 -0.41797,0.9375 -0.9375,0.9375z" vector-effect="non-scaling-stroke"/></defs></g></svg>');
}
@media screen and (min-width: 1023px) {
  .uxpin-alert.info:before {
    top: 20px;
  }
}
.uxpin-alert.warning {
  background-color: #fff7f0;
  border-color: #e2660c;
}
.uxpin-alert.warning:before {
  content: "";
  position: absolute;
  top: 15px;
  left: 10.5px;
  width: 23px;
  height: 20px;
  background-image: url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="visible" preserveAspectRatio="none" viewBox="0 0 22.999998857774 20" width="22.999998857774" height="20"><g transform="translate(0, 0)"><g transform="translate(-0.0000041619428079314735, 0) rotate(0)"><path style="stroke-width: 0; stroke-linecap: butt; stroke-linejoin: miter; fill: rgb(226, 102, 12);" d="M22.74321,17.1875l-9.58218,-16.25c-0.7336,-1.25 -2.5849,-1.25 -3.32344,0l-9.57769,16.25c-0.73719,1.24554 0.181,2.8125 1.65858,2.8125h19.16436c1.47169,0 2.39262,-1.5625 1.66037,-2.8125zM10.42069,6.07143c0,-0.59152 0.48293,-1.07143 1.07816,-1.07143c0.59524,0 1.07816,0.48214 1.07816,1.07143v5.71429c0,0.59152 -0.48293,1.07143 -1.03773,1.07143c-0.55481,0 -1.11859,-0.47768 -1.11859,-1.07143zM11.49886,17.14286c-0.77987,0 -1.41239,-0.62857 -1.41239,-1.40357c0,-0.775 0.63207,-1.40357 1.41239,-1.40357c0.78032,0 1.41239,0.62857 1.41239,1.40357c-0.0018,0.77411 -0.63073,1.40357 -1.41239,1.40357z" vector-effect="non-scaling-stroke"/></g><defs><path id="path-1745938593999491" d="M22.74321,17.1875l-9.58218,-16.25c-0.7336,-1.25 -2.5849,-1.25 -3.32344,0l-9.57769,16.25c-0.73719,1.24554 0.181,2.8125 1.65858,2.8125h19.16436c1.47169,0 2.39262,-1.5625 1.66037,-2.8125zM10.42069,6.07143c0,-0.59152 0.48293,-1.07143 1.07816,-1.07143c0.59524,0 1.07816,0.48214 1.07816,1.07143v5.71429c0,0.59152 -0.48293,1.07143 -1.03773,1.07143c-0.55481,0 -1.11859,-0.47768 -1.11859,-1.07143zM11.49886,17.14286c-0.77987,0 -1.41239,-0.62857 -1.41239,-1.40357c0,-0.775 0.63207,-1.40357 1.41239,-1.40357c0.78032,0 1.41239,0.62857 1.41239,1.40357c-0.0018,0.77411 -0.63073,1.40357 -1.41239,1.40357z" vector-effect="non-scaling-stroke"/></defs></g></svg>');
}
@media screen and (min-width: 1023px) {
  .uxpin-alert.warning:before {
    top: 20px;
  }
}
.uxpin-alert.error {
  background-color: #ffeeee;
  border-color: #c41e24;
}
.uxpin-alert.error:before {
  content: "";
  position: absolute;
  top: 15px;
  left: 12px;
  width: 20px;
  height: 20px;
  background-image: url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="visible" preserveAspectRatio="none" viewBox="0 0 20 20" width="20" height="20"><g transform="translate(0, 0)"><g transform="translate(0, 0) rotate(0)"><path style="stroke-width: 0; stroke-linecap: butt; stroke-linejoin: miter; fill: rgb(196, 30, 36);" d="M10,0c-5.52344,0 -10,4.47656 -10,10c0,5.52344 4.47656,10 10,10c5.52344,0 10,-4.47656 10,-10c0,-5.52344 -4.47656,-10 -10,-10zM9.0625,5.9375c0,-0.51562 0.42188,-0.9375 0.9375,-0.9375c0.51563,0 0.9375,0.41992 0.9375,0.9375v5c0,0.51758 -0.41992,0.9375 -0.9375,0.9375c-0.51758,0 -0.9375,-0.41797 -0.9375,-0.9375zM10,15.625c-0.67813,0 -1.22812,-0.55 -1.22812,-1.22813c0,-0.67812 0.54961,-1.22812 1.22812,-1.22812c0.67852,0 1.22812,0.55 1.22812,1.22812c-0.00156,0.67734 -0.54844,1.22813 -1.22812,1.22813z" vector-effect="non-scaling-stroke"/></g><defs><path id="path-1745938594003493" d="M10,0c-5.52344,0 -10,4.47656 -10,10c0,5.52344 4.47656,10 10,10c5.52344,0 10,-4.47656 10,-10c0,-5.52344 -4.47656,-10 -10,-10zM9.0625,5.9375c0,-0.51562 0.42188,-0.9375 0.9375,-0.9375c0.51563,0 0.9375,0.41992 0.9375,0.9375v5c0,0.51758 -0.41992,0.9375 -0.9375,0.9375c-0.51758,0 -0.9375,-0.41797 -0.9375,-0.9375zM10,15.625c-0.67813,0 -1.22812,-0.55 -1.22812,-1.22813c0,-0.67812 0.54961,-1.22812 1.22812,-1.22812c0.67852,0 1.22812,0.55 1.22812,1.22812c-0.00156,0.67734 -0.54844,1.22813 -1.22812,1.22813z" vector-effect="non-scaling-stroke"/></defs></g></svg>');
}
@media screen and (min-width: 1023px) {
  .uxpin-alert.error:before {
    top: 20px;
  }
}
.uxpin-alert.is-hidden {
  display: none;
}

.uxpin-alert-title {
  font-weight: 600;
  margin-bottom: 4px;
}

.uxpin-alert-closeButton {
  position: static;
  float: right;
  border: none;
  width: 20px;
  height: 20px;
  margin-left: 8px;
  cursor: pointer;
  background-image: url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="visible" preserveAspectRatio="none" viewBox="0 0 14 14" width="14" height="14"><g transform="translate(0, 0)"><defs><path id="path-1745938593760273" d="M13.792446212599957 17.993840807851022 C13.518915714130602 18.26740143651986 13.07635885294166 18.26740143651986 12.802522147293464 17.993840807851022 C12.802522147293464 17.993840807851022 6.99902123062478 12.188388157226585 6.99902123062478 12.188388157226585 C6.99902123062478 12.188388157226585 1.1942079974753534 17.993840807851022 1.1942079974753534 17.993840807851022 C0.9206774990059987 18.26740143651986 0.4781206378170557 18.26740143651986 0.2042839321688613 17.993840807851022 C-0.06924656630049339 17.72028017918219 -0.06924656630049339 17.277674569036236 0.2042839321688613 17.003807699458932 C0.2042839321688613 17.003807699458932 6.01040948179903 11.199667509870805 6.01040948179903 11.199667509870805 C6.01040948179903 11.199667509870805 0.20515880982268891 5.394214859246367 0.20515880982268891 5.394214859246367 C-0.0683716886466658 5.120654230577531 -0.0683716886466658 4.678048620431582 0.20515880982268891 4.404181750854273 C0.4786893082920436 4.1306211221854365 0.9212461694809867 4.1306211221854365 1.195082875129181 4.404181750854273 C1.195082875129181 4.404181750854273 6.99902123062478 10.210946862515023 6.99902123062478 10.210946862515023 C6.99902123062478 10.210946862515023 12.803834463774207 4.405494211890586 12.803834463774207 4.405494211890586 C13.077364962243562 4.13193358322175 13.519921823432504 4.13193358322175 13.793758529080698 4.405494211890586 C14.067289027550054 4.679054840559424 14.067289027550054 5.121660450705372 13.793758529080698 5.395527320282682 C13.793758529080698 5.395527320282682 7.987632979450529 11.199667509870805 7.987632979450529 11.199667509870805 C7.987632979450529 11.199667509870805 13.792446212599954 17.00512016049524 13.792446212599954 17.00512016049524 C14.068032673555809 17.276362107999926 14.068032673555809 17.72259886034634 13.792446212599957 17.993840807851022 Z" vector-effect="non-scaling-stroke"/></defs><g transform="translate(0.000987361923605382, -4.1990112793526455)"><path style="stroke-width: 0; stroke-linecap: butt; stroke-linejoin: miter; fill: rgb(33, 33, 33);" d="M13.792446212599957 17.993840807851022 C13.518915714130602 18.26740143651986 13.07635885294166 18.26740143651986 12.802522147293464 17.993840807851022 C12.802522147293464 17.993840807851022 6.99902123062478 12.188388157226585 6.99902123062478 12.188388157226585 C6.99902123062478 12.188388157226585 1.1942079974753534 17.993840807851022 1.1942079974753534 17.993840807851022 C0.9206774990059987 18.26740143651986 0.4781206378170557 18.26740143651986 0.2042839321688613 17.993840807851022 C-0.06924656630049339 17.72028017918219 -0.06924656630049339 17.277674569036236 0.2042839321688613 17.003807699458932 C0.2042839321688613 17.003807699458932 6.01040948179903 11.199667509870805 6.01040948179903 11.199667509870805 C6.01040948179903 11.199667509870805 0.20515880982268891 5.394214859246367 0.20515880982268891 5.394214859246367 C-0.0683716886466658 5.120654230577531 -0.0683716886466658 4.678048620431582 0.20515880982268891 4.404181750854273 C0.4786893082920436 4.1306211221854365 0.9212461694809867 4.1306211221854365 1.195082875129181 4.404181750854273 C1.195082875129181 4.404181750854273 6.99902123062478 10.210946862515023 6.99902123062478 10.210946862515023 C6.99902123062478 10.210946862515023 12.803834463774207 4.405494211890586 12.803834463774207 4.405494211890586 C13.077364962243562 4.13193358322175 13.519921823432504 4.13193358322175 13.793758529080698 4.405494211890586 C14.067289027550054 4.679054840559424 14.067289027550054 5.121660450705372 13.793758529080698 5.395527320282682 C13.793758529080698 5.395527320282682 7.987632979450529 11.199667509870805 7.987632979450529 11.199667509870805 C7.987632979450529 11.199667509870805 13.792446212599954 17.00512016049524 13.792446212599954 17.00512016049524 C14.068032673555809 17.276362107999926 14.068032673555809 17.72259886034634 13.792446212599957 17.993840807851022 Z" vector-effect="non-scaling-stroke"/></g></g></svg>');
  background-position: center;
  background-repeat: no-repeat;
}

.uxpin-alert-actionButtons {
  text-align: right;
  margin-bottom: -12px;
}
@media screen and (min-width: 1023px) {
  .uxpin-alert-actionButtons {
    margin-bottom: -16px;
  }
}

.uxpin-alert-actionButton {
  border: none;
  color: #0069c8;
  cursor: pointer;
  font-weight: 600;
  padding: 12px;
  text-transform: uppercase;
}

* {
  box-sizing: border-box;
  max-height: 1000000px;
  text-size-adjust: none;
}

body {
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 14px;
  line-height: 18px;
  color: #404040;
}

button {
  background-color: unset;
}

fieldset {
  border: unset;
  margin: unset;
  padding: unset;
}

p {
  font-size: unset;
  letter-spacing: unset;
  margin-bottom: unset;
  font-weight: unset;
  color: unset;
}

ol li {
  list-style-type: decimal;
}

.is-hidden {
  display: none !important;
}

:focus {
  outline: 2px solid #0069C8;
}

.visually-hidden {
  border: 0;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.desktop-only {
  display: block;
  width: 100%;
}

.ipad-only,
.mobile-only {
  display: none;
}

.device-show {
  display: none;
}

@media screen and (max-width: 1023px) {
  .ipad-only,
  .device-show {
    display: block;
  }
  .mobile-only,
  .desktop-only {
    display: none;
  }
  .ipad-desktop {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  .desktop-only,
  .ipad-only {
    display: none;
  }
  .mobile-only {
    display: block;
  }
  .ipad-desktop {
    display: none;
  }
}
#wrapper.pt_abys > main {
  position: relative;
  width: 100%;
  z-index: 70;
  margin-top: 16px;
  padding: 0 16px;
}
@media screen and (min-width: 1023px) {
  #wrapper.pt_abys > main {
    max-width: 1216px;
    margin: 2rem auto 0 auto;
  }
}
@media screen and (min-width: 1601px) {
  #wrapper.pt_abys > main {
    padding: 0;
  }
}
#wrapper.pt_abys > main.full-width {
  padding: 0;
}
@media screen and (min-width: 1023px) {
  #wrapper.pt_abys > main.full-width {
    max-width: 100%;
  }
}
#wrapper.pt_abys .is-hidden {
  display: none;
}

.pt_abys a {
  color: #0069c8;
  text-decoration: underline;
  font-weight: 600;
}
.pt_abys a[href^="tel:"] {
  white-space: nowrap;
}
.pt_abys h1, .pt_abys h2, .pt_abys h3, .pt_abys h4, .pt_abys h5, .pt_abys h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.pt_abys h1:focus, .pt_abys h2:focus, .pt_abys h3:focus, .pt_abys h4:focus, .pt_abys h5:focus, .pt_abys h6:focus {
  outline: unset;
}
.pt_abys .uxpin-h4 {
  margin-bottom: 1rem;
}
.pt_abys .uxpin-h4.address {
  margin-top: 32px;
}
@media screen and (min-width: 1023px) {
  .pt_abys .uxpin-h4.address {
    margin-top: 40px;
  }
}

.AbysProgress {
  width: 100%;
  margin-bottom: 12px;
}
@media screen and (min-width: 1023px) {
  .AbysProgress {
    margin-bottom: 48px;
  }
}
.AbysProgress .bar-background {
  position: relative;
  width: 100%;
  height: 8px;
  background-color: #dceeff;
  border-radius: 4px;
}
@media print {
  .AbysProgress .bar-background {
    display: none;
  }
}
.AbysProgress .bar-filling {
  position: absolute;
  height: 8px;
  left: 0;
  top: 0;
  background-color: #0069C8;
  border-radius: 4px;
  transition: width 0.5s ease-in-out;
}
.AbysProgress .bar-label {
  width: 100%;
  text-align: center;
  padding: 4px 0;
}

.AbysDecisionPageWrapper .pt_abys > main {
  padding: 0 !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  max-width: unset !important;
  margin-top: 0 !important;
}

#wrapper.pt_checkout2 > main {
  position: relative;
  width: 100%;
  z-index: 70;
  margin-top: 16px;
  padding: 0 16px;
}
@media screen and (min-width: 1023px) {
  #wrapper.pt_checkout2 > main {
    max-width: 1216px;
    margin: 2rem auto 0 auto;
  }
}
@media screen and (min-width: 1601px) {
  #wrapper.pt_checkout2 > main {
    padding: 0;
  }
}

.pt_checkout2 a {
  color: #0069c8;
  text-decoration: underline;
  font-weight: 600;
}
.pt_checkout2 a[href^="tel:"] {
  white-space: nowrap;
}
.pt_checkout2 h1, .pt_checkout2 h2, .pt_checkout2 h3, .pt_checkout2 h4, .pt_checkout2 h5, .pt_checkout2 h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.pt_checkout2 h1:focus, .pt_checkout2 h2:focus, .pt_checkout2 h3:focus, .pt_checkout2 h4:focus, .pt_checkout2 h5:focus, .pt_checkout2 h6:focus {
  outline: unset;
}

.Checkout2-hugeHeader {
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 1.4375rem;
  line-height: 1.9375rem;
  font-weight: 500;
}
@media screen and (min-width: 1024px) {
  .Checkout2-hugeHeader {
    font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 600;
    font-size: 1.75rem;
    line-height: 2.24rem;
  }
}

.Checkout2-bigHeader {
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
@media screen and (min-width: 1024px) {
  .Checkout2-bigHeader {
    font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    font-size: 1.438rem;
    line-height: 1.936986rem;
  }
}

.Checkout2-mediumHeader {
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.5625rem;
}
@media screen and (min-width: 1024px) {
  .Checkout2-mediumHeader {
    font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    font-size: 1.188rem;
    line-height: 1.688148rem;
  }
}

.Checkout2-smallHeader {
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .Checkout2-smallHeader {
    font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.75rem;
  }
}

.Checkout2-flexFields {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  margin-bottom: 1rem;
}

hr.Checkout2-extraHrBelowHeader {
  background-color: #e0e0e0;
  border: none;
  margin: 16px 0;
  height: 1px;
  box-sizing: border-box;
}
@media screen and (min-width: 1023px) {
  hr.Checkout2-extraHrBelowHeader {
    display: none;
  }
}

@media screen and (max-width: 1022.999px) {
  .Checkout2-desktopOnly {
    display: none !important;
  }
}

@media screen and (min-width: 1023px) {
  .Checkout2-mobileOnly {
    display: none !important;
  }
}

footer {
  display: block;
  color: #ffffff;
  margin: 0 auto;
  padding: 1rem 2.5% 0 2.5%;
  width: 100%;
  position: unset;
  border-top: 1px solid #E7E7E7;
}
footer ul {
  margin: 0;
  padding: 0;
}
footer #yextTrackingPixel {
  display: none;
}
footer .footer-wrap ul {
  padding: 0;
  margin: 0;
  line-height: 15px;
  display: inline-block;
}
footer .footer-wrap ul li {
  list-style: none;
  display: inline-block;
  font-size: 12px;
  line-height: 15px;
}
footer .footer-wrap ul li::after {
  content: "";
  padding-right: 10px;
  margin-right: 10px;
}
footer .footer-wrap ul li:last-child:after {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}
footer .footer-wrap .flex {
  display: flex;
}
footer .footer-wrap .terms-stack {
  flex: 1.5 1 0;
}
footer .footer-wrap .terms {
  margin-bottom: 4px;
}
footer .footer-wrap .badges-desktop {
  text-align: right;
}
footer .footer-wrap .badges-desktop img {
  width: 89px;
  height: auto;
}
footer .footer-wrap .badges-desktop ul li {
  margin-left: 10px;
  width: 5vw;
}
footer .footer-wrap .badges-desktop ul li:last-child {
  width: 12%;
}
@media screen and (min-width: 768px) {
  footer .footer-wrap .badges-desktop ul li {
    width: 15vw;
  }
}
footer .footer-wrap .pt_checkout footer .footer-wrap .badges-desktop ul li {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-end;
  margin-top: 10px;
}
footer .footer-wrap .pt_checkout footer .footer-wrap .badges-desktop ul li:after {
  border-right: none;
  margin: 0;
  padding: 0;
}
footer .footer-wrap .copy-right {
  display: block;
  color: #404040;
}
footer .footer-wrap .legal-desc {
  display: inline-block;
  margin-top: 32px;
}
footer .footer-wrap .legal-notice-head {
  color: #404040;
  margin-bottom: 15px;
}
footer .footer-wrap .notice-desc p {
  color: #404040;
  margin: 0 0 15px 0;
}

#pageHeader {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  position: sticky;
  top: 0;
  z-index: 100;
}
@media print {
  #pageHeader {
    position: relative;
  }
}

#pageHeader.AbysHeader {
  height: 56px;
  background-color: #f5f5f5;
  position: relative;
}
#pageHeader.AbysHeader .Header-aaronsLogo {
  margin: 0 auto;
}

#pageHeader.CheckoutHeader {
  height: 60px;
  border-bottom: 1px #e0e0e0 solid;
  background-color: white;
}
@media screen and (min-width: 1023px) {
  #pageHeader.CheckoutHeader {
    height: 80px;
  }
}

#pageHeader.AbysWhiteHeader {
  height: 56px;
  background-color: white;
}
#pageHeader.AbysWhiteHeader .Header-aaronsLogo {
  margin: 0 auto;
}

.Header-left {
  display: flex;
  justify-content: left;
}
@media print {
  .Header-left {
    display: none;
  }
}
@media screen and (min-width: 1023px) {
  .Header-left {
    flex-basis: 0;
    flex-grow: 1;
  }
}

.Header-center {
  display: flex;
  flex-grow: 1;
  justify-content: space-between;
}
@media screen and (min-width: 1024px) and (max-width: 1800px) {
  .Header-center {
    padding: 0 16px;
  }
}
@media screen and (min-width: 1801px) {
  .Header-center {
    min-width: 1216px;
    flex-grow: 0;
  }
}
@media screen and (min-width: 1024px) {
  .Header-center.Checkout2-desktopOnly.confirmation-layout {
    min-width: 1024px;
    padding: 0;
  }
}
@media print {
  .Header-center.Checkout2-desktopOnly {
    display: none;
  }
}

.Header-right {
  display: flex;
  justify-content: right;
}
@media print {
  .Header-right {
    display: none;
  }
}
@media screen and (min-width: 1023px) {
  .Header-right {
    flex-basis: 0;
    flex-grow: 1;
  }
}

.Header-NewDecisionLeftLogo {
  padding-left: 20px;
}
@media screen and (min-width: 1023px) {
  .Header-NewDecisionLeftLogo {
    flex-grow: 0;
    padding-left: 0;
  }
}

.Header-aaronsLogo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  height: 100%;
  flex-grow: 1;
  text-align: center;
}
@media screen and (min-width: 1023px) {
  .Header-aaronsLogo {
    order: 1;
    flex-grow: unset;
    min-width: 180px;
  }
}
.Header-aaronsLogo .Checkout2-mobileOnly {
  text-align: center;
}

.Header-aaronsLogo a > img {
  height: 40px;
  box-sizing: content-box;
}
@media screen and (min-width: 1023px) {
  .Header-aaronsLogo a > img {
    padding: 0 50px;
    width: 150px;
    height: auto;
  }
}
@media screen and (max-width: 1440px) {
  .Header-aaronsLogo a > img {
    padding: unset;
  }
}

.Header-FullyCenterLogo {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.Header-secureCheckout {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  height: 100%;
}
@media screen and (max-width: 1022.999px) {
  .Header-secureCheckout {
    display: none;
  }
}
@media print {
  .Header-secureCheckout {
    display: none;
  }
}
.Header-secureCheckout.is-hidden {
  display: none;
}

.Header-progressBar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  height: 100%;
  width: 67%;
  min-width: 300px;
  max-width: 600px;
}
@media screen and (max-width: 1022.999px) {
  .Header-progressBar {
    display: none;
  }
}
@media print {
  .Header-progressBar {
    display: none;
  }
}

.Header-liveChat {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  height: 100%;
  width: 100px;
  color: #142667;
  text-align: center;
}
@media print {
  .Header-liveChat {
    display: none;
  }
}
@media screen and (min-width: 1023px) {
  .Header-liveChat {
    width: 108px;
    border-right: none;
    border-left: 1px #e0e0e0 solid;
  }
}
.Header-liveChat a {
  text-decoration: none;
}
.Header-liveChat .text {
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 2px;
  color: #404040;
}
@media screen and (min-width: 1023px) {
  .Header-liveChat .text {
    color: #142667;
    font-size: 14px;
    font-weight: 600;
    margin-top: 8px;
  }
}
.Header-liveChat .icon {
  display: block;
  margin: 4px auto 0 auto;
  background-image: url(../images/svg/checkout-header-message-dots.svg);
  width: 15px;
  height: 16px;
}

.Header-callUs {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  height: 100%;
  width: 100px;
  color: #142667;
  text-align: center;
}
@media screen and (min-width: 1023px) {
  .Header-callUs {
    border-left: 1px #e0e0e0 solid;
    width: 145px;
    font-size: 14px;
  }
}
.Header-callUs a {
  text-decoration: none;
}
.Header-callUs .text {
  display: block;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  margin-top: 2px;
  color: #404040;
}
@media screen and (min-width: 1023px) {
  .Header-callUs .text {
    color: #142667;
    font-size: 14px;
    font-weight: 600;
    margin-top: 8px;
  }
}
.Header-callUs .icon {
  display: block;
  margin: 4px auto 0 auto;
  background-image: url(../images/svg/checkout-header-phone-flip.svg);
  width: 16px;
  height: 16px;
}

.Header-Abys-back {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  height: 100%;
  width: 100px;
  text-align: center;
}
@media screen and (min-width: 1023px) {
  .Header-Abys-back {
    width: 140px;
  }
}
@media print {
  .Header-Abys-back {
    display: none;
  }
}
.Header-Abys-back button {
  border: none;
}
.Header-Abys-back button .text {
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #142667;
}
@media screen and (min-width: 1023px) {
  .Header-Abys-back button .text {
    color: #0069c8;
    font-size: 16px;
  }
}
.Header-Abys-back button .icon {
  display: inline-block;
  vertical-align: text-bottom;
  margin-right: 4px;
  background-image: url(../images/svg/checkout-header-arrow-left.svg);
  width: 20px;
  height: 18px;
}
@media screen and (min-width: 1023px) {
  .Header-Abys-back button .icon {
    margin-right: 12px;
  }
}

.Header-Abys-chat {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-self: center;
  height: 100%;
  width: 100px;
  text-align: center;
}
@media screen and (min-width: 1023px) {
  .Header-Abys-chat {
    width: 140px;
  }
}
@media print {
  .Header-Abys-chat {
    display: none;
  }
}
.Header-Abys-chat a {
  text-decoration: none;
}
.Header-Abys-chat a .text {
  display: inline-block;
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #142667;
}
@media screen and (min-width: 1023px) {
  .Header-Abys-chat a .text {
    color: #0069c8;
    font-size: 16px;
  }
}
.Header-Abys-chat a .icon {
  display: inline-block;
  vertical-align: text-bottom;
  margin-right: 4px;
  background-image: url(../images/svg/checkout-header-message-dots.svg);
  width: 20px;
  height: 18px;
}
@media screen and (min-width: 1023px) {
  .Header-Abys-chat a .icon {
    margin-right: 12px;
  }
}

.MobileSubHeader {
  padding: 0 16px;
}
.MobileSubHeader.unhappy-path-layout, .MobileSubHeader.order-tracking-layout {
  display: none;
}

.ui-button {
  background-color: unset;
}

.ui-datepicker {
  background-color: white;
  border: 1px #ccc solid;
  border-radius: 4px;
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.ui-datepicker table {
  border-collapse: separate;
  border-spacing: 2px;
}
.ui-datepicker td {
  background-color: #f8f8f8;
  border: 1px #ccc solid;
}
.ui-datepicker td a {
  color: #0069c8;
}
.ui-datepicker td.ui-datepicker-current-day {
  background-color: #0069c8;
}
.ui-datepicker td.ui-datepicker-current-day a {
  color: white;
}
.ui-datepicker .ui-datepicker-header {
  background-color: #0069c8;
  border-radius: 4px;
}
.ui-datepicker .ui-datepicker-prev.ui-state-disabled,
.ui-datepicker .ui-datepicker-next.ui-state-disabled {
  display: none;
}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  background-color: rgb(0, 131.775, 251);
}

.ui-dialog {
  background-color: white;
  border: 1px #ccc solid;
  border-radius: 4px;
  box-shadow: 0px 0px 5px #666;
  max-width: 92%;
}
.ui-dialog .ui-dialog-titlebar {
  background-color: white;
}

.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-widget-header .ui-icon {
  background-image: url("../lib/jquery/ui-1.13.2-checkout/images/ui-icons_ffffff_256x240.png");
}

.ui-widget-overlay {
  background: rgba(0, 0, 0, 0.5);
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

#wrapper.pt_checkout_unhappy > main {
  position: relative;
  width: 100%;
  z-index: 70;
}

#unhappyPathContentContainer {
  padding: 0 4.76%;
}

@media screen and (max-width: 1023px) {
  #unhappyPathContentContainer {
    padding: 0;
  }
}
#unhappy-path-asset {
  width: 100%;
  min-height: 500px;
  position: relative;
  background-position: 0% 13%;
  background-size: cover;
  background-repeat: no-repeat;
}
@media screen and (max-width: 800px) {
  #unhappy-path-asset {
    background-position: 70% 0%;
    background-size: 100% auto;
    height: auto;
    overflow: auto;
  }
}
@media screen and (max-width: 550px) {
  #unhappy-path-asset {
    background-size: auto 250px;
  }
}

.unhappyPathImageDesktop {
  width: 100%;
}

.unhappyPathImageTablet {
  width: 100%;
}

.unhappyPathImageMobile {
  width: 100%;
}

.unhappy-path-textwrapper {
  width: 35%;
  text-align: left;
  padding: 70px;
}
@media screen and (max-width: 1449px) {
  .unhappy-path-textwrapper {
    width: 33%;
    text-align: left;
    padding: 50px;
  }
}
@media screen and (max-width: 800px) {
  .unhappy-path-textwrapper {
    width: 100%;
    text-align: center;
    margin-top: 250px;
    padding: 10px;
    box-sizing: border-box;
    background-color: white;
  }
}

.unhappy-path-h1 {
  color: #242963;
  font-size: 50px;
  font-weight: bold;
  line-height: normal;
}
@media screen and (max-width: 800px) {
  .unhappy-path-h1 {
    font-size: 30px;
  }
}

.pt_checkout2 .unhappy-path-p,
.unhappy-path-p {
  color: #242963;
  font-size: 18px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: 0.5px;
  margin-bottom: 15px;
}
@media screen and (max-width: 800px) {
  .pt_checkout2 .unhappy-path-p,
  .unhappy-path-p {
    font-size: 14px;
  }
}

.unhappy-path-asset-two {
  background-color: #ffffff;
  background-repeat: no-repeat;
  background-position: right;
  background-size: contain;
  display: flex;
  width: 100%;
  min-height: 379px;
  position: relative;
}
.unhappy-path-asset-two .unhappy-path-h1 {
  font-size: 34px;
  margin: 0.67em 0;
}
.unhappy-path-asset-two .unhappy-path-left {
  width: 8%;
}
.unhappy-path-asset-two .unhappy-path-textwrapper {
  width: 33%;
  padding: 0;
  margin-top: 3em;
}
.unhappy-path-asset-two .section__button.blue {
  background-color: #0071ce;
  color: #fff !important;
}
.unhappy-path-asset-two .section__button.section__button {
  padding: 1em 1.4em;
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 14px;
  border: 0.1em solid #fff;
  min-width: 8em;
  text-align: center;
  font-weight: 600;
  line-height: 1.2;
}

.unhappy-path-mobile {
  display: none;
}
.unhappy-path-mobile .section__button.blue {
  background-color: #0071ce;
  color: #fff !important;
}
.unhappy-path-mobile .section__button.section__button {
  padding: 1em 1.4em;
  display: inline-block;
  text-transform: uppercase;
  text-decoration: none;
  font-size: 14px;
  border: 0.1em solid #fff;
  min-width: 8em;
  text-align: center;
  font-weight: 600;
  line-height: 1.2;
}

@media only screen and (max-width: 1169px) {
  .unhappy-path-asset-two {
    background-size: cover;
  }
  .unhappy-path-asset-two .unhappy-path-h1 {
    font-size: 27px;
  }
  .unhappy-path-asset-two .unhappy-path-textwrapper {
    background-color: transparent;
  }
  .unhappy-path-asset-two p {
    font-size: 16px;
  }
}
@media only screen and (max-width: 822px) {
  .unhappy-path-asset-two {
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: right;
    display: flex;
    height: 316px;
  }
  .unhappy-path-asset-two .unhappy-path-left {
    width: 11%;
  }
}
@media only screen and (max-width: 768px) {
  .unhappy-path-mobile {
    display: block;
    text-align: center;
  }
  .unhappy-path-asset-two .find-store-link {
    display: none;
  }
  .unhappy-path-asset-two .button-link {
    display: none;
  }
}
@media only screen and (max-width: 640px) {
  .unhappy-path-asset-two {
    background-position: 250px;
    min-height: 272px !important;
  }
  .unhappy-path-asset-two .unhappy-path-left {
    width: 15%;
  }
  .unhappy-path-asset-two .unhappy-path-textwrapper {
    width: 72% !important;
  }
  .section__button {
    display: block !important;
    margin-left: 1em;
    margin-right: 1em;
    margin-bottom: 0.4em;
  }
}
@media only screen and (max-width: 530px) {
  .unhappy-path-asset-two {
    background-position: 177px;
  }
}
@media only screen and (max-width: 414px) {
  .unhappy-path-asset-two {
    background-position: 90px;
  }
  .unhappy-path-asset-two .unhappy-path-left {
    width: 13%;
  }
  .unhappy-path-asset-two .unhappy-path-textwrapper {
    width: 61%;
  }
}
@media only screen and (max-width: 375px) {
  .unhappy-path-asset-two {
    background-position: 30px;
  }
  .unhappy-path-asset-two .unhappy-path-left {
    width: 13%;
  }
  .unhappy-path-asset-two .unhappy-path-textwrapper {
    width: 60%;
  }
  .unhappy-path-mobile {
    text-align: center;
  }
}
.global-widget {
  position: fixed;
  right: -1em;
  transform: rotate(-90deg);
  transform-origin: bottom right;
  bottom: 280px;
  pointer-events: none;
  display: flex;
  margin: -0.125em;
  z-index: 9999;
  font-size: 14px;
  padding-top: 1em;
}

.global-widget__button {
  font-size: 0.85em;
  text-transform: uppercase;
  background-color: #fff;
  color: #0033a0;
  border: 1px solid #0033a0;
  border-bottom: 0;
  margin: 0.125em;
  pointer-events: all;
  display: flex;
  padding: 1em 1.25em 2em;
  transition: transform 0.15s ease-in-out;
}

.global-widget__button:hover {
  transform: translateY(-0.5em);
}

.global-widget__icon {
  background-image: url("../images/footer/widget-icons.svg");
  background-size: cover;
  background-repeat: no-repeat;
  margin-right: 0.5em;
  transform: rotate(90deg);
  height: 1.25em;
  width: 1.35em;
  background-position: 3%;
}

.global-widget__icon.feedback {
  background-position: 97%;
}

.global-widget__icon.refer {
  background-position: 49%;
}

@media (max-width: 768px) {
  .global-widget {
    bottom: 220px;
    right: -0.9rem;
    font-size: 8.5px;
  }
  .global-widget__button {
    font-size: inherit;
  }
  .global-widget__icon {
    background-position: 0;
  }
}
@keyframes appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes wave-in {
  0% {
    transform: translateY(4em);
  }
  50% {
    transform: translateY(-0.5em);
  }
  100% {
    transform: translateY(0);
  }
}
/*ALL OTHER PAGES*/
.global-widget #globalWidgetFeedbackButton {
  display: flex;
}

/*HOMEPAGE*/
.global-widget.is-homepage #globalWidgetFeedbackButton {
  display: none;
}

#genesys-btn-close {
  background-color: #006ac9;
  border: none;
  color: white;
  padding-top: 5px;
  height: 60px;
  line-height: normal;
  width: 60px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 33px;
  border-radius: 50%;
  margin: 0;
  position: fixed;
  right: 10px;
  top: 15px;
  z-index: 100000000;
  background-image: url(https://media.aarons.com/i/aarons/close-icon);
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 601px) {
  #genesys-btn-close {
    top: unset;
    right: 26px;
    bottom: 22px;
  }
}

.LPBar-outer {
  position: relative;
  height: 12px;
  width: 100%;
  border-radius: 4px;
  background-color: white;
}
.LPBar-outer.colormode-enough {
  background-color: #c8e389;
}
.LPBar-outer.colormode-lacking {
  background-color: #ffbbbc;
}

.LPBar-inner {
  position: relative;
  height: 12px;
  width: 69%;
  top: 0;
  left: 0;
  border-radius: 4px 0 0 4px;
  background-color: #0069c8;
  animation: LPBar-progressBar 3s ease;
  transition: width 0.5s ease-in-out;
}
.LPBar-inner.colormode-enough {
  background-color: #62a605;
}
.LPBar-inner.colormode-lacking {
  background-color: #62a605;
  background-image: linear-gradient(90deg, #7eba0d, #62a605);
}
.LPBar-inner.no-startup-animation {
  animation: none;
}

@keyframes LPBar-progressBar {
  0% {
    width: 0;
  }
  100% {
    width: var(--bar-fillpercent);
  }
}
.autopopulate-main-wrapper {
  border: 1px #666 solid;
  box-sizing: border-box;
  float: right;
  padding: 0.5em 1em;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 80;
}
@media screen and (max-width: 1023px) {
  .autopopulate-main-wrapper {
    margin-bottom: 1rem;
    padding: 0.5em 0;
    position: relative;
    text-align: center;
    top: 0;
    width: 100%;
  }
}

@media screen and (min-width: 1024px) {
  .DeliveryAndContact .autopopulate-main-wrapper {
    padding: 0.25em 1em;
    top: -22px;
  }
}
@media screen and (min-width: 1024px) {
  .DeliveryAndContact .autopopulate-action {
    padding: 0.25em 0.5em 0 0.5em;
  }
}

.checkout-paymentpage-content .autopopulate-main-wrapper {
  top: 22px;
  right: 200px;
  z-index: 10;
}
@media screen and (max-width: 1023px) {
  .checkout-paymentpage-content .autopopulate-main-wrapper {
    right: 0;
    top: 0;
  }
}

.autopopulate-top {
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .autopopulate-top {
    display: inline-block;
  }
}

.autopopulate-actions {
  text-align: center;
}
@media screen and (max-width: 1023px) {
  .autopopulate-actions {
    display: inline-block;
  }
}
.autopopulate-actions.hide {
  display: none;
}

.autopopulate-action {
  border: none;
  cursor: pointer;
  color: blue;
  font-weight: normal;
  padding: 0.25em 0.5em;
  text-decoration: underline;
}

.autopopulate-bullet {
  font-weight: bold;
}

.CheckoutDialog-hiddenWrapper {
  display: none !important;
}

.CheckoutDialog-ui-dialog {
  box-sizing: border-box;
  background-color: white;
  border: 1px #ccc solid;
  border-radius: 4px;
  padding: 0;
  box-shadow: 0px 0px 5px #666;
  max-width: 100%;
}
.CheckoutDialog-ui-dialog .CheckoutDialog-ui-widget-header {
  background: none;
}
.CheckoutDialog-ui-dialog .CheckoutDialog-ui-dialog-titlebar {
  box-sizing: border-box;
  width: 100%;
  position: relative;
  padding: 16px;
  border-bottom: 1px rgb(211, 216, 222) solid;
}
.CheckoutDialog-ui-dialog .CheckoutDialog-ui-dialog-title {
  margin: 0;
  font-weight: 600;
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.5625rem;
}
@media screen and (min-width: 1024px) {
  .CheckoutDialog-ui-dialog .CheckoutDialog-ui-dialog-title {
    font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    font-size: 1.188rem;
    line-height: 1.688148rem;
  }
}
.CheckoutDialog-ui-dialog .CheckoutDialog-ui-dialog-content {
  box-sizing: border-box;
  padding: 16px 16px 32px 16px;
}
.CheckoutDialog-ui-dialog .CheckoutDialog-ui-dialog-titlebar-close {
  box-sizing: border-box;
  position: absolute;
  right: 16px;
  border: none;
  width: 24px;
  height: 24px;
  padding: 0;
}
.CheckoutDialog-ui-dialog .CheckoutDialog-ui-dialog-titlebar-close::after {
  position: absolute;
  top: 2px;
  right: 2px;
  display: inline-block;
  content: "";
  background-image: url(../images/svg/close-x-btn2.svg);
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}
.CheckoutDialog-ui-dialog .CheckoutDialog-ui-dialog-titlebar-close:focus {
  outline: 2px #0069C8 solid;
}
.CheckoutDialog-ui-dialog .CheckoutDialog-ui-dialog-titlebar-close .ui-icon {
  display: none;
}
.CheckoutDialog-ui-dialog .CheckoutDialog-ui-widget-overlay {
  background: rgba(0, 0, 0, 0.5);
}

body.new-navigation .CheckoutDialog-ui-dialog .label {
  color: #404040;
}
body.new-navigation .CheckoutDialog-ui-dialog h2 {
  text-transform: unset;
}
body.new-navigation .CheckoutDialog-ui-dialog hr {
  box-sizing: border-box;
  margin: 8px 0;
  height: unset;
  background-color: unset;
}
body.new-navigation .CheckoutDialog-ui-dialog .ui-dialog-title {
  height: unset;
  text-transform: initial;
}
body.new-navigation .CheckoutDialog-ui-dialog .ui-widget-header {
  background-color: white;
}

.CheckoutInput-wrapper {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: left;
  align-items: flex-start;
  flex-wrap: wrap;
}
.CheckoutInput-wrapper.for-radio {
  align-items: center;
}

.CheckoutInput-floatableLabel {
  top: 12px;
  left: 16px;
  position: absolute;
  transition-property: top, left, font-size, font-weight, line-height, letter-spacing, color;
  transition-duration: 0.15s;
  transition-timing-function: ease-out;
  pointer-events: none;
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-size: 16px;
  color: #767676;
}
.CheckoutInput-floatableLabel.is-required::before {
  content: "*";
  color: #C41E24;
}

.CheckoutInput-floatableLabel.is-floating {
  top: 0;
  left: 16px;
  transition-property: top, left, font-size, font-weight, line-height, letter-spacing, color;
  transition-duration: 0.15s;
  transition-timing-function: ease-out;
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 0.813rem;
  line-height: 1.66rem;
  color: #121212;
}
@media screen and (min-width: 1024px) {
  .CheckoutInput-floatableLabel.is-floating {
    top: 4px;
    font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
    font-size: 0.813rem;
    line-height: 1.18698rem;
  }
}
@media screen and (max-width: 768px) {
  .CheckoutInput-floatableLabel.is-floating {
    left: 10px;
  }
}
@media screen and (max-width: 375px) {
  .CheckoutInput-floatableLabel.is-floating {
    left: 7px;
  }
}
.CheckoutInput-floatableLabel.is-floating.is-required::before {
  content: "*";
  color: #C41E24;
}

.CheckoutInput-label {
  pointer-events: unset;
  position: static;
  display: inline-block;
  font-size: 16px;
  color: #404040;
  line-height: 28px;
  font-weight: 400;
}
.CheckoutInput-label.is-after-input {
  margin-left: 8px;
  line-height: 22px;
}

.CheckoutInput-visualInput {
  border: 1px #8c8c8c solid;
  border-radius: 4px;
  width: 100%;
  height: unset;
}
.CheckoutInput-visualInput.error {
  border-color: #C41E24;
}
.CheckoutInput-visualInput.has-focus {
  outline: 2px solid #0069C8;
}

.CheckoutInput-visualInput.wraps-select::after {
  position: absolute;
  content: "";
  background-image: url(../images/svg/checkoutselect-arrow.svg);
  background-repeat: no-repeat;
  width: 10px;
  height: 10px;
  right: 16px;
  top: 20px;
  pointer-events: none;
}
.CheckoutInput-visualInput.wraps-select select {
  width: 100%;
}

input[type=text].CheckoutInput-input,
input[type=number].CheckoutInput-input,
input[type=password].CheckoutInput-input,
input[type=tel].CheckoutInput-input,
textarea.CheckoutInput-input {
  border: 1px #8c8c8c solid;
  border-radius: 4px;
  width: 100%;
  height: unset;
}
input[type=text].CheckoutInput-input.error,
input[type=number].CheckoutInput-input.error,
input[type=password].CheckoutInput-input.error,
input[type=tel].CheckoutInput-input.error,
textarea.CheckoutInput-input.error {
  border-color: #C41E24;
}
input[type=text].CheckoutInput-input.has-focus,
input[type=number].CheckoutInput-input.has-focus,
input[type=password].CheckoutInput-input.has-focus,
input[type=tel].CheckoutInput-input.has-focus,
textarea.CheckoutInput-input.has-focus {
  outline: 2px solid #0069C8;
}
input[type=text].CheckoutInput-input,
input[type=number].CheckoutInput-input,
input[type=password].CheckoutInput-input,
input[type=tel].CheckoutInput-input,
textarea.CheckoutInput-input {
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.75rem;
  line-height: unset;
  font-size: 16px;
  color: #121212;
  padding: 26px 16px 10px 16px;
}
@media screen and (max-width: 768px) {
  input[type=text].CheckoutInput-input,
  input[type=number].CheckoutInput-input,
  input[type=password].CheckoutInput-input,
  input[type=tel].CheckoutInput-input,
  textarea.CheckoutInput-input {
    padding: 26px 16px 10px 10px;
  }
}
@media screen and (max-width: 375px) {
  input[type=text].CheckoutInput-input,
  input[type=number].CheckoutInput-input,
  input[type=password].CheckoutInput-input,
  input[type=tel].CheckoutInput-input,
  textarea.CheckoutInput-input {
    padding: 26px 7px 10px 7px;
  }
}

input[type=text].CheckoutInput-input,
input[type=number].CheckoutInput-input,
input[type=password].CheckoutInput-input,
input[type=tel].CheckoutInput-input {
  height: 55px;
}

select.CheckoutInput-input {
  -webkit-appearance: initial;
  appearance: initial;
  background-color: transparent;
  border: none;
  height: unset;
}
select.CheckoutInput-input {
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.75rem;
  line-height: unset;
  font-size: 16px;
  color: #121212;
  padding: 26px 16px 10px 16px;
}
@media screen and (max-width: 768px) {
  select.CheckoutInput-input {
    padding: 26px 16px 10px 10px;
  }
}
@media screen and (max-width: 375px) {
  select.CheckoutInput-input {
    padding: 26px 7px 10px 7px;
  }
}
select.CheckoutInput-input:focus {
  outline: none;
}

input[type=checkbox].CheckoutInput-input {
  display: initial;
  height: 24px;
  margin: 0;
  position: static;
  opacity: 1;
  width: 24px;
}
input[type=checkbox].CheckoutInput-input.error {
  border-color: #C41E24;
}

input[type=radio].CheckoutInput-input {
  appearance: none;
  -webkit-appearance: none;
  height: 24px;
  width: 24px;
  margin: 0;
  border: 2px #404040 solid;
  border-radius: 12px;
  position: relative;
  opacity: 1;
}
input[type=radio].CheckoutInput-input.error {
  border-color: #C41E24;
}
input[type=radio].CheckoutInput-input:checked::before {
  content: "";
  position: absolute;
  display: block;
  border-radius: 7px;
  top: 3px;
  left: 3px;
  width: 14px;
  height: 14px;
  background-color: #0069c8;
}

.CheckoutFieldset {
  width: 100%;
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}
.CheckoutFieldset.is-hidden {
  display: none;
}

.CheckoutLegend {
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 0.813rem;
  line-height: 1.66rem;
  line-height: unset;
  margin-bottom: 2px;
}
@media screen and (min-width: 1024px) {
  .CheckoutLegend {
    font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
    font-size: 0.813rem;
    line-height: 1.18698rem;
  }
}
.CheckoutLegend {
  border: unset;
  background-color: unset;
  padding: unset;
  position: unset;
  text-transform: unset;
}
.CheckoutLegend.is-invisible {
  position: absolute;
  left: -99999px;
  top: 0px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.CheckoutButton-submit {
  width: 100%;
  height: 56px;
  border-radius: 4px;
  background-color: #0069c8;
  border: none;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #ffffff;
  padding: 0;
  text-decoration: none solid rgb(255, 255, 255);
  text-align: center;
  text-transform: uppercase;
}
.CheckoutButton-submit:disabled {
  background-color: #999;
}
@media screen and (min-width: 1024px) {
  .CheckoutButton-submit {
    width: 345px;
  }
}
.CheckoutButton-submit:focus {
  outline-color: black;
}
.CheckoutButton-submit:hover {
  background-color: #00369D;
}

.CheckoutButton-secondary {
  width: 100%;
  height: 56px;
  border-radius: 4px;
  background-color: #ffffff;
  border: 2px #0069c8 solid;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 1px;
  color: #0069c8;
  padding: 0;
  text-decoration: none solid rgb(255, 255, 255);
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 1024px) {
  .CheckoutButton-secondary {
    width: 345px;
  }
}
.CheckoutButton-secondary.error {
  border-color: #C41E24;
  color: #C41E24;
}

.CheckoutButton-link {
  display: inline-block;
  padding: 0;
  border: none;
  color: #0069c8;
  text-decoration: underline;
  font-weight: 600;
}

.CheckoutInput-error,
.CheckoutInput-wrapper span.error {
  display: block;
  padding-left: 8px;
  font-size: 13px;
  line-height: 19px;
  margin-top: 2px;
  color: #C41E24;
}

.CheckoutInput-wrapper .ui-datepicker-trigger {
  background: url("../images/calendar-icon.png") no-repeat;
  display: inline-block;
  background-position: 95%;
  padding: 0;
  margin: 0;
  width: 20px;
  height: 20px;
  border: none;
  position: absolute;
  top: 15px;
  right: 10px;
}

.CheckoutInput-wrapper ::-ms-reveal {
  display: none;
}

.CheckoutInput-revealer {
  display: none;
  position: absolute;
  top: 18px;
  right: 16px;
  width: 23px;
  height: 16px;
  border: none;
  background: url("../images/svg/checkoutinput-eye.svg") no-repeat;
  cursor: pointer;
}
.CheckoutInput-revealer.is-visible {
  display: block;
}

.CheckoutToggle-wrapper {
  position: relative;
  height: 16px;
  width: 36px;
  cursor: pointer;
}
.CheckoutToggle-wrapper input[type=checkbox] {
  display: block;
  opacity: 0;
  width: 0;
  height: 0;
}
.CheckoutToggle-wrapper .CheckoutToggle-track {
  z-index: 0;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 25%/50%;
  background-color: #999;
}
.CheckoutToggle-wrapper.is-checked .CheckoutToggle-track {
  background-color: rgba(0, 105, 200, 0.5);
}
.CheckoutToggle-wrapper .CheckoutToggle-switch {
  z-index: 1;
  position: absolute;
  top: -3px;
  content: "";
  display: block;
  background-color: white;
  height: 22px;
  width: 22px;
  border: 1px #999 solid;
  border-radius: 50%;
  transition: transform 0.1s;
  transform: translateX(-3px);
}
.CheckoutToggle-wrapper.is-checked .CheckoutToggle-switch {
  background-color: rgb(0, 105, 200);
  transform: translateX(17px);
}
.CheckoutToggle-wrapper:has(input:focus) {
  outline: 2px #142667 solid;
}

.Checkout2-loader {
  margin: 0;
  top: 50%;
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 9999;
  transform: translateY(-50%);
  height: 100%;
}
.Checkout2-loader .is-hidden, .Checkout2-loader.is-hidden {
  display: none;
}

.Checkout2-loader-blueBg {
  background-color: transparent;
  opacity: 0.8;
  background-color: #142667;
  width: 100%;
  height: 100%;
  z-index: 9999;
  left: 0;
  top: 0;
  position: fixed;
}

.Checkout2-loader-content {
  position: relative;
  margin: 0 auto;
  z-index: 10000;
  top: 30%;
  transform: translateY(-50%);
  text-align: center;
  width: 350px;
  max-width: 90%;
  transition: height 0.15s ease-in-out;
  transition: width 0.15s ease-in-out;
}
.Checkout2-loader-content.width-550 {
  width: 550px;
}

.Checkout2-loader .spinner {
  margin: 100px auto 0px auto;
  display: inline-block;
  width: 100%;
  height: 50px;
  text-align: center;
  font-size: 0;
}
.Checkout2-loader .spinner > div {
  background-color: #ffffff;
  margin: 0 1px;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.Checkout2-loader .spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.Checkout2-loader .spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.Checkout2-loader .spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.Checkout2-loader .spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}

.Checkout2-loader-loading {
  font-size: 23px;
  color: #ffffff;
  line-height: 31px;
}

.Checkout2-loader-whiteBox {
  position: relative;
  background-color: white;
  border-radius: 5px;
  text-align: center;
  margin-top: 100px;
  padding: 80px 10px 50px;
}

.Checkout2-loader-iconContainer {
  position: absolute;
  width: 112px;
  height: 112px;
  top: -50px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #00166F;
  border: 4px white solid;
  border-radius: 56px;
}

.Checkout2-loader-icon {
  position: absolute;
  width: 64px;
  height: 64px;
  top: 20px;
  left: 20px;
}
.Checkout2-loader-icon.is-hidden {
  display: none;
}

.Checkout2-loader-bigWords {
  margin-bottom: 12px;
  font-weight: 600;
  font-size: 26px;
  color: #404040;
  line-height: 35px;
}

.Checkout2-loader-littleWords {
  font-weight: 600;
  font-size: 16px;
  color: #404040;
  line-height: 24px;
}

.Checkout2-futureSectionHeaders {
  margin-bottom: 3rem;
}
.Checkout2-futureSectionHeaders.is-hidden {
  display: none;
}
@media screen and (min-width: 1024px) {
  .Checkout2-futureSectionHeaders {
    width: 345px;
  }
}
.Checkout2-futureSectionHeaders hr {
  margin: 8px 0;
  height: 1px;
  background-color: #e0e0e0;
  border: none;
}

.Checkout2-futureSectionHeader {
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.5625rem;
  color: #757575;
  padding-left: 8px;
}
@media screen and (min-width: 1024px) {
  .Checkout2-futureSectionHeader {
    font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    font-size: 1.188rem;
    line-height: 1.688148rem;
  }
}
.Checkout2-futureSectionHeader.is-next {
  padding-left: unset;
  font-weight: 600;
  color: #404040;
}

.Checkout2-futureSectionNextIndicator {
  display: inline-block;
  margin-right: 8px;
  padding: 6px;
  vertical-align: text-top;
  border-radius: 4px;
  background-color: #e3f7fd;
  text-transform: uppercase;
  color: #404040;
  font-weight: 700;
  font-size: 13px;
  line-height: 13px;
}
.Checkout2-futureSectionNextIndicator::after {
  display: inline-block;
  width: 14px;
  height: 13px;
  content: "";
  background-image: url(../images/svg/checkout-nextsection-chevron.svg);
  background-repeat: no-repeat;
  transform: rotate(90deg);
  margin: 0 -2px 0 2px;
  vertical-align: top;
}

.CheckoutTooltip-icon {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 4px;
  vertical-align: middle;
}

.CheckoutTooltip-icon::after {
  position: absolute;
  display: inline-block;
  content: "";
  background-image: url(../images/svg/info-circle-darkblue.svg);
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  cursor: help;
}

.CheckoutTooltip-content {
  display: none;
}

.CheckoutTooltip-content-visible.ui-tooltip {
  background-color: #424242;
  border: 1px #424242 solid;
  box-shadow: none;
  color: white;
  padding: 16px;
  cursor: help;
  position: relative;
  box-sizing: border-box;
}
.CheckoutTooltip-content-visible.ui-tooltip .ui-tooltip-content {
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  font-size: 13px;
  line-height: 20px;
}
@media screen and (min-width: 1024px) {
  .CheckoutTooltip-content-visible.ui-tooltip .ui-tooltip-content {
    font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    font-size: 13px;
    line-height: 20px;
  }
}
.CheckoutTooltip-content-visible.ui-tooltip .is-invisible {
  position: absolute;
  left: -99999px;
  top: 0px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.CheckoutTooltip-content-visible.ui-tooltip h3 {
  font-size: 13px;
  font-weight: 600;
  line-height: 20px;
  margin-bottom: 0;
}
.CheckoutTooltip-content-visible.ui-tooltip ul li, .CheckoutTooltip-content-visible.ui-tooltip ol li {
  margin-left: 16px;
}
.CheckoutTooltip-content-visible.ui-tooltip ul li {
  list-style-type: auto;
  list-style: disc;
}

.CheckoutTooltip-title {
  display: block;
  font-weight: 600;
}

.CheckoutTooltip-triangle {
  position: absolute;
  background-color: #424242;
}

.CheckoutTooltip-closeButton {
  position: absolute;
  top: 8px;
  right: 8px;
  height: 16px;
  width: 16px;
  background-image: url(../images/svg/x-white.svg);
  background-repeat: no-repeat;
}
@media screen and (min-width: 1024px) {
  .CheckoutTooltip-closeButton {
    display: none;
  }
}

.AbysLogin {
  width: 100%;
  margin: 0 auto 32px auto;
  padding: 0 16px;
}
@media screen and (min-width: 1023px) {
  .AbysLogin {
    max-width: 1216px;
  }
}

.AbysLogin br.onlyIfWideEnough {
  display: none;
}
@media screen and (min-width: 768px) {
  .AbysLogin br.onlyIfWideEnough {
    display: unset;
  }
}

.AbysLogin-progressBarWrapper {
  width: 100%;
  margin: 0 auto;
  padding: 0 16px;
}
@media screen and (min-width: 1023px) {
  .AbysLogin-progressBarWrapper {
    max-width: 1216px;
  }
}

.AbysLogin-bigGrayBar {
  background-color: #f5f5f5;
  width: 100%;
}

.AbysLogin-categoryAccordionGridWrapper {
  width: 100%;
  margin: 0 auto 16px auto;
}
@media screen and (min-width: 1023px) {
  .AbysLogin-categoryAccordionGridWrapper {
    max-width: 1000px;
    margin-bottom: 36px;
  }
}

.AbysLogin-page1 {
  max-width: 630px;
  margin: 0 auto;
  position: relative;
}
.AbysLogin-page1 h1,
.AbysLogin-page1 p {
  margin-bottom: 24px;
}
.AbysLogin-page1 .CheckoutInput-wrapper {
  margin-bottom: 24px;
}
.AbysLogin-page1 .CheckoutButton-submit {
  margin-bottom: 24px;
}
.AbysLogin-page1 {
  background: linear-gradient(60deg, #e0edf8 0%, #e0e7f3 100%);
  border-radius: 8px;
  padding: 48px 12px 20px 12px;
  margin-bottom: 36px;
  overflow: hidden;
}
@media screen and (min-width: 1023px) {
  .AbysLogin-page1 {
    width: 100%;
    max-width: 800px;
    padding: 60px 48px 32px 48px;
  }
}
.AbysLogin-page1 .welcomeToAarons {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #f2f8e3;
  font-size: 13px;
  color: #00166f;
  padding: 6px 30px 6px 12px;
  clip-path: polygon(0 0, 100% 0, calc(100% - 18px) 100%, 0 100%);
}
@media screen and (min-width: 1023px) {
  .AbysLogin-page1 .welcomeToAarons {
    font-size: 14px;
    padding: 8px 34px 8px 16px;
  }
}
.AbysLogin-page1 .referralHeader {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  margin: -12px 0 16px 0;
  align-items: center;
}
.AbysLogin-page1 .referralHeader .referralHeader-left {
  margin: 0 20px 0 16px;
}
.AbysLogin-page1 .referralHeader .referralHeader-left img {
  width: 99px;
  height: 132px;
}
@media screen and (min-width: 1023px) {
  .AbysLogin-page1 .referralHeader .referralHeader-left {
    margin: 0 32px 0 0;
  }
}
.AbysLogin-page1 .referralHeader .referralHugeWords {
  width: 100%;
  margin-bottom: 4px;
}
.AbysLogin-page1 h1, .AbysLogin-page1 .referralHugeWords {
  color: #00166f;
  font-weight: 700;
}
@media screen and (min-width: 1023px) {
  .AbysLogin-page1 h1, .AbysLogin-page1 .referralHugeWords {
    font-weight: 600;
  }
}
.AbysLogin-page1 .excitingText {
  font-size: 14px;
  line-height: 20px;
}
@media screen and (min-width: 1023px) {
  .AbysLogin-page1 .excitingText {
    font-size: 18px;
    line-height: 28px;
  }
}
.AbysLogin-page1 .excitingText strong {
  font-weight: 600;
}
.AbysLogin-page1 .CheckoutInput-wrapper {
  margin-top: 24px;
  max-width: 480px;
}
@media screen and (min-width: 1023px) {
  .AbysLogin-page1 .CheckoutInput-wrapper {
    margin-top: 28px;
  }
}
.AbysLogin-page1 ul {
  margin-left: 8px;
  max-width: 85%;
}
@media screen and (min-width: 1023px) {
  .AbysLogin-page1 ul {
    margin-left: 0;
  }
}
.AbysLogin-page1 ul li {
  list-style-type: "✔";
  margin-left: 12px;
  padding-left: 4px;
  line-height: 22px;
}
.AbysLogin-page1 strong {
  font-weight: 600;
}
.AbysLogin-page1 .CheckoutButton-submit {
  display: block;
  margin: 0 0 12px 0;
}
.AbysLogin-page1 .CheckoutButton-submit:hover {
  background-color: #0033A0;
  color: #fff;
  border: 1px solid #0033A0;
}
@media screen and (min-width: 1023px) {
  .AbysLogin-page1 .CheckoutButton-submit {
    margin-bottom: 24px;
  }
}
.AbysLogin-page1 .decorativeRectangle1 {
  pointer-events: none;
  position: absolute;
  background-color: #15bef0;
  opacity: 0.3;
  width: 100px;
  height: 200px;
  bottom: 0;
  right: -114px;
  transform: skewX(-30deg);
}
@media screen and (min-width: 1023px) {
  .AbysLogin-page1 .decorativeRectangle1 {
    width: 334px;
    height: 395px;
    bottom: 0;
    right: -320px;
  }
}
.AbysLogin-page1 .decorativeRectangle2 {
  pointer-events: none;
  position: absolute;
  background-color: #91c712;
  opacity: 0.5;
  width: 30px;
  height: 45px;
  bottom: 0;
  right: 16px;
  transform: skewX(-30deg);
}
@media screen and (min-width: 1023px) {
  .AbysLogin-page1 .decorativeRectangle2 {
    width: 50px;
    height: 100px;
    bottom: 0;
    right: 74px;
  }
}

.AbysLogin-page2 {
  max-width: 630px;
  margin: 0 auto;
  position: relative;
}
.AbysLogin-page2 h1,
.AbysLogin-page2 p {
  margin-bottom: 24px;
}
.AbysLogin-page2 .CheckoutInput-wrapper {
  margin-bottom: 24px;
}
.AbysLogin-page2 .CheckoutButton-submit {
  margin-bottom: 24px;
}

.SMSuperscript {
  top: 0;
  font-size: 40%;
  vertical-align: super;
}

.AbysHowItWorks {
  width: 100%;
  margin: 0 auto;
  border: 1px #b3d2ef solid;
  border-radius: 8px;
  padding: 12px;
}
@media screen and (min-width: 1023px) {
  .AbysHowItWorks {
    padding: 24px;
    max-width: 800px;
  }
}
.AbysHowItWorks h2 {
  width: 100%;
  text-align: center;
  font-weight: 600;
  margin-bottom: 16px;
}
@media screen and (min-width: 1023px) {
  .AbysHowItWorks h2 {
    margin-bottom: 24px;
  }
}

.AbysHowItWorks-subsectionWrapper {
  border-radius: 8px;
  background-color: #fafafa;
  margin-bottom: 12px;
}

.AbysHowItWorks-subsectionHeader {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border: none;
  border-radius: 8px;
  background-color: #e0edf8;
  padding: 12px;
  width: 100%;
  text-align: left;
}
.AbysHowItWorks-subsectionHeader strong {
  font-weight: 600;
}
@media screen and (min-width: 1023px) {
  .AbysHowItWorks-subsectionHeader {
    padding: 16px 12px;
  }
}
.AbysHowItWorks-subsectionHeader .subsectionLabel {
  font-size: 18px;
  font-weight: 600;
  margin-left: 8px;
}
.AbysHowItWorks-subsectionHeader .subsectionDescription {
  width: 100%;
  display: none;
  padding-left: 40px;
  line-height: 22px;
  margin-top: 4px;
}
.AbysHowItWorks-subsectionHeader .stepNumber {
  text-align: center;
  background-color: #0069c8;
  border-radius: 50%;
  display: inline-block;
  width: 32px;
  line-height: 32px;
  font-size: 18px;
  font-weight: 600;
  color: white;
}
.AbysHowItWorks-subsectionHeader .expandMe, .AbysHowItWorks-subsectionHeader .collapseMe {
  position: absolute;
  display: block;
  right: 8px;
}
.AbysHowItWorks-subsectionHeader .collapseMe {
  display: none;
  top: 10px;
  transform: rotate(270deg);
}
.AbysHowItWorks-subsectionHeader.has-expanded-section {
  background-color: #00166f;
  color: white;
  padding-bottom: 16px;
}
.AbysHowItWorks-subsectionHeader.has-expanded-section .subsectionDescription {
  display: block;
}
.AbysHowItWorks-subsectionHeader.has-expanded-section .expandMe {
  display: none;
}
.AbysHowItWorks-subsectionHeader.has-expanded-section .collapseMe {
  display: block;
}

.AbysHowItWorks-mobileOnly {
  display: block;
}
.AbysHowItWorks-mobileOnly .AbysHowItWorks-subsectionWrapper {
  border: 1px #e0e0e0 solid;
}
.AbysHowItWorks-mobileOnly .AbysHowItWorks-subsection {
  border-color: #e0e0e0;
  border-width: 0 1px 1px 1px;
  border-radius: 0 0 8px 8px;
  border-style: solid;
  padding: 16px 8px;
  width: 100%;
}
@media screen and (min-width: 1023px) {
  .AbysHowItWorks-mobileOnly {
    display: none;
  }
}

.AbysHowItWorks-desktopOnly {
  display: none;
}
.AbysHowItWorks-desktopOnly .leftColumn {
  width: 50%;
}
.AbysHowItWorks-desktopOnly .divider {
  width: 1px;
  margin: 0 24px;
  background-color: #e0e0e0;
}
.AbysHowItWorks-desktopOnly .rightColumn {
  height: 525px;
  width: 50%;
  border: 1px #e0e0e0 solid;
  border-radius: 8px;
  background-color: #fafafa;
  padding: 20px 24px 24px 24px;
}
.AbysHowItWorks-desktopOnly .AbysHowItWorks-subsectionHeader {
  margin-bottom: 16px;
}
.AbysHowItWorks-desktopOnly .AbysHowItWorks-subsectionHeader .collapseMe {
  display: none;
}
@media screen and (min-width: 1023px) {
  .AbysHowItWorks-desktopOnly {
    display: flex;
  }
}

.AbysHowItWorks-subsection .topBigWords {
  width: 100%;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 4px;
  text-align: center;
}

.AbysHowItWorks-subsection[data-subsection-id=applyAndGetApproved] .padding-bot-05 {
  padding-bottom: 0.5rem;
}
.AbysHowItWorks-subsection[data-subsection-id=applyAndGetApproved] .padding-top-05 {
  padding-top: 0.5rem;
}
.AbysHowItWorks-subsection[data-subsection-id=applyAndGetApproved] .mar-left-2 {
  margin-left: 2rem;
}
.AbysHowItWorks-subsection[data-subsection-id=applyAndGetApproved] .txtcenter {
  text-align: center;
}
.AbysHowItWorks-subsection[data-subsection-id=applyAndGetApproved] .lpExampleGraphics {
  margin: 1rem 0 1.25rem;
  text-align: center;
}
.AbysHowItWorks-subsection[data-subsection-id=applyAndGetApproved] .in-block {
  display: inline-block;
}
.AbysHowItWorks-subsection[data-subsection-id=applyAndGetApproved] .flex {
  display: flex;
}
.AbysHowItWorks-subsection[data-subsection-id=applyAndGetApproved] .justify-center {
  justify-content: center;
}
.AbysHowItWorks-subsection[data-subsection-id=applyAndGetApproved] .justify-between {
  justify-content: space-between;
}
.AbysHowItWorks-subsection[data-subsection-id=applyAndGetApproved] .PS5Icon {
  width: 70px;
  height: 70px;
}
.AbysHowItWorks-subsection[data-subsection-id=applyAndGetApproved] .lightningIcon {
  width: 46px;
  height: 46px;
}
.AbysHowItWorks-subsection[data-subsection-id=applyAndGetApproved] .barIcon {
  margin-top: 0.25rem;
}
.AbysHowItWorks-subsection[data-subsection-id=applyAndGetApproved] .howToUseIt span {
  cursor: help;
  color: #0069c8;
  text-decoration: underline;
  font-weight: 600;
}
.AbysHowItWorks-subsection[data-subsection-id=applyAndGetApproved] .lpExampleMath {
  background-color: #e3f7fd;
  border-radius: 4px;
  padding: 1rem;
}
.AbysHowItWorks-subsection[data-subsection-id=applyAndGetApproved] .lpExampleMath table {
  margin: 0 auto;
  width: 100%;
}
.AbysHowItWorks-subsection[data-subsection-id=applyAndGetApproved] .lpExampleMath table td {
  padding-bottom: 0.5rem;
}
.AbysHowItWorks-subsection[data-subsection-id=applyAndGetApproved] .lpExampleMath .sum {
  border-top: 1px #00166f solid;
  color: #00166f;
  padding: 5px 0 0;
}

.AbysHowItWorks-subsection[data-subsection-id=shopWithConfidence] hr {
  width: 95%;
  background-color: #91c712;
  height: 3px;
  border: none;
  margin: 16px auto;
}
.AbysHowItWorks-subsection[data-subsection-id=shopWithConfidence] p {
  text-align: center;
  line-height: 22px;
  margin-bottom: 16px;
}
.AbysHowItWorks-subsection[data-subsection-id=shopWithConfidence] .brandsAndCategories {
  overflow: hidden;
  border-radius: 8px;
  background-color: #e3f7fd;
}
.AbysHowItWorks-subsection[data-subsection-id=shopWithConfidence] ul {
  display: flex;
  flex-wrap: wrap;
  width: 90%;
  margin: 16px auto;
  font-weight: 600;
}
.AbysHowItWorks-subsection[data-subsection-id=shopWithConfidence] ul li {
  list-style-type: disc;
  width: calc(50% - 12px);
  margin-left: 12px;
  padding-left: 4px;
  line-height: 22px;
}

.AbysHowItWorks-subsection[data-subsection-id=completeCheckout] .reason {
  display: flex;
  flex-wrap: nowrap;
  background-color: #e3f7fd;
  border-radius: 4px;
  margin: 16px 0;
  padding: 16px 8px;
}
.AbysHowItWorks-subsection[data-subsection-id=completeCheckout] .reasonIcon {
  width: 48px;
  height: 48px;
}
.AbysHowItWorks-subsection[data-subsection-id=completeCheckout] .reasonDesc {
  margin-left: 12px;
}
.AbysHowItWorks-subsection[data-subsection-id=completeCheckout] .reasonDesc span {
  display: block;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 8px;
}
.AbysHowItWorks-subsection[data-subsection-id=completeCheckout] .reasonDesc p {
  line-height: 22px;
}
.AbysHowItWorks-subsection[data-subsection-id=completeCheckout] strong {
  font-weight: 600;
}

/* Defaults */
.AbysLogin.isSmartlyLayout {
  padding: 0px;
  max-width: none;
}

.AbysLogin-smartlyForm1 {
  max-width: 630px;
  margin: 0 auto;
  position: relative;
}
.AbysLogin-smartlyForm1 h1,
.AbysLogin-smartlyForm1 p {
  margin-bottom: 24px;
}
.AbysLogin-smartlyForm1 .CheckoutInput-wrapper {
  margin-bottom: 24px;
}
.AbysLogin-smartlyForm1 .CheckoutButton-submit {
  margin-bottom: 24px;
}
.AbysLogin-smartlyForm1 {
  max-width: 1016px;
  margin-bottom: 32px;
  padding: 38px 28px 40px;
  border-radius: 4px;
  background-color: rgb(245, 250, 253);
  background-image: url("https://media.aarons.com/i/aarons/Q3_Smartly_Referral_Landing_Page_Hero_and_Tile_D_664x485_2x_transparent");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center right;
}
@media (max-width: 820px) {
  .AbysLogin-smartlyForm1 {
    background-color: rgb(244, 249, 252);
    background-position: bottom right;
  }
}
@media (max-width: 767px) {
  .AbysLogin-smartlyForm1 {
    background-image: url("https://media.aarons.com/i/aarons/Q3_Smartly_Referral_Landing_Page_Hero_and_Tile_M_375x252_2x_transparent");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: bottom right;
    padding-bottom: 180px;
  }
}
.AbysLogin-smartlyForm1 .CheckoutInput-wrapper {
  margin-bottom: 0 !important;
  width: 100%;
}
.AbysLogin-smartlyForm1 .smartly-hero-content-container {
  max-width: 550px;
}
@media (max-width: 767px) {
  .AbysLogin-smartlyForm1 .smartly-hero-content-container {
    width: 100%;
  }
}
.AbysLogin-smartlyForm1 .smartly-hero-content-container .top-flag {
  display: inline-block;
  background: #ddeefd;
  font-size: 13px;
  font-weight: 600;
  color: #00369d;
  line-height: 18px;
  margin-bottom: 11px;
  padding: 4px 19px 4px 9px;
  clip-path: polygon(0 0, 100% 0, calc(100% - 10px) 100%, 0 100%);
}
.AbysLogin-smartlyForm1 .smartly-hero-content-container h1 {
  font-size: 40px;
  font-weight: 700;
  color: #404040;
  line-height: 46px;
}
@media (max-width: 767px) {
  .AbysLogin-smartlyForm1 .smartly-hero-content-container h1 {
    font-size: 26px;
    line-height: 34px;
  }
}
.AbysLogin-smartlyForm1 .smartly-hero-content-container h1 .smartly-callout {
  font-size: 40px;
  color: #0069c8;
  line-height: 46px;
}
@media (max-width: 767px) {
  .AbysLogin-smartlyForm1 .smartly-hero-content-container h1 .smartly-callout {
    font-size: 26px;
    line-height: 34px;
  }
}
.AbysLogin-smartlyForm1 .smartly-hero-content-container h1 .smartly-callout sup {
  font-size: 50%;
}
.AbysLogin-smartlyForm1 .smartly-hero-content-container .smartly-divider {
  width: 40px;
  height: 6px;
  background: linear-gradient(90deg, #00369d 0%, #0069c8 100%);
  clip-path: polygon(0 0, 100% 0, 85% 100%, 0 100%);
  margin-bottom: 16px;
}
.AbysLogin-smartlyForm1 .smartly-hero-content-container form .CheckoutInput-wrapper {
  flex: 0 0 335px;
}
@media (max-width: 1024px) {
  .AbysLogin-smartlyForm1 .smartly-hero-content-container form .CheckoutInput-wrapper {
    flex: 0 0 315px;
  }
}
@media (max-width: 820px) {
  .AbysLogin-smartlyForm1 .smartly-hero-content-container form .CheckoutInput-wrapper {
    flex: 0 0 250px;
  }
}
@media (max-width: 500px) {
  .AbysLogin-smartlyForm1 .smartly-hero-content-container form .CheckoutInput-wrapper {
    flex: 0 0 200px;
  }
}
.AbysLogin-smartlyForm1 .smartly-hero-content-container form .CheckoutInput-input {
  border-radius: 4px 0 0 4px;
  /*max-width:375px;

  @media(max-width:820px){
  	max-width: 250px;
  }

  @media(max-width:767px){
  	flex: auto;
  }*/
}
.AbysLogin-smartlyForm1 .smartly-hero-content-container form .CheckoutButton-submit {
  border-radius: 0 4px 4px 0;
}
.AbysLogin-smartlyForm1 .smartly-hero-content-container p {
  width: 400px;
  height: 48px;
  font-size: 16px;
}
@media (max-width: 820px) {
  .AbysLogin-smartlyForm1 .smartly-hero-content-container p {
    width: 250px;
    height: auto;
  }
}
@media (max-width: 767px) {
  .AbysLogin-smartlyForm1 .smartly-hero-content-container p {
    width: 100%;
    height: auto;
  }
}
.AbysLogin-smartlyForm1 .smartly-hero-content-container p .bold {
  font-size: 16px;
  font-weight: 600;
  color: #404040;
  line-height: 24px;
}
@media (max-width: 820px) {
  .AbysLogin-smartlyForm1 .smartly-hero-content-container .list-content {
    margin-top: 24px;
    max-width: 250px;
  }
}
.AbysLogin-smartlyForm1 .smartly-hero-content-container .list-content p {
  margin-bottom: 16px;
}
@media (max-width: 1024px) {
  .AbysLogin-smartlyForm1 .smartly-hero-content-container .list-content p {
    max-width: 350px;
  }
}
.AbysLogin-smartlyForm1 .smartly-hero-content-container .list-content ul {
  list-style: none;
  margin: 0;
  padding-left: 0;
}
.AbysLogin-smartlyForm1 .smartly-hero-content-container .list-content ul li {
  position: relative;
  padding-left: 28px;
  font-size: 16px;
  color: #404040;
  line-height: 24px;
}
@media (max-width: 820px) {
  .AbysLogin-smartlyForm1 .smartly-hero-content-container .list-content ul li {
    font-size: 13px;
  }
}
.AbysLogin-smartlyForm1 .smartly-hero-content-container .list-content ul li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 3px;
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24'%3E%3Cpath fill='%2362a605' d='M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10s10-4.5 10-10S17.5 2 12 2m-2 15l-5-5l1.41-1.41L10 14.17l7.59-7.59L19 8z'/%3E%3C/svg%3E") no-repeat center/contain;
}
.AbysLogin-smartlyForm1 .smartly-hero-content-container .list-content ul li:last-child {
  margin-bottom: 0;
}
.AbysLogin-smartlyForm1 .combinedTextAndButton {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  filter: drop-shadow(0px 2px 6px rgba(0, 22, 111, 0.2));
  margin-bottom: 16px;
}
.AbysLogin-smartlyForm1 .combinedTextAndButton .CheckoutInput-input {
  border: none;
  border-radius: 0;
}
.AbysLogin-smartlyForm1 .combinedTextAndButton .CheckoutButton-submit {
  margin-bottom: 0;
  border-radius: 0;
  width: 130px;
  flex-shrink: 0;
  flex-grow: 0;
}

.AbysLogin-smartlyForm2 {
  max-width: 630px;
  margin: 0 auto;
  position: relative;
}
.AbysLogin-smartlyForm2 h1,
.AbysLogin-smartlyForm2 p {
  margin-bottom: 24px;
}
.AbysLogin-smartlyForm2 .CheckoutInput-wrapper {
  margin-bottom: 24px;
}
.AbysLogin-smartlyForm2 .CheckoutButton-submit {
  margin-bottom: 24px;
}
.AbysLogin-smartlyForm2 {
  max-width: none;
  width: 808px;
  min-height: 235px;
  padding: 32px;
  margin: 48px auto 48px auto;
  border: 1px solid #e0e0e0;
  border-top: none;
  border-radius: 4px;
  background-color: #fafafa;
  background-image: linear-gradient(90deg, #00369d 0%, #91c712 100%);
  background-repeat: no-repeat;
  background-size: 100% 4px;
  background-position: top left;
}
@media (max-width: 767px) {
  .AbysLogin-smartlyForm2 {
    width: initial;
    min-height: 278px;
    margin: 32px 16px 32px;
    padding: 16px 12px;
  }
}
.AbysLogin-smartlyForm2 .title {
  font-weight: 700;
  font-size: 32px;
  color: #404040;
  line-height: 40px;
  text-align: center;
  margin-bottom: 8px;
}
@media (max-width: 767px) {
  .AbysLogin-smartlyForm2 .title {
    text-align: left;
    font-size: 20px;
    line-height: 26px;
  }
}
.AbysLogin-smartlyForm2 .title sup {
  font-size: 50%;
}
.AbysLogin-smartlyForm2 .subtitle {
  font-size: 16px;
  color: #404040;
  line-height: 24px;
  text-align: center;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .AbysLogin-smartlyForm2 .subtitle {
    text-align: left;
    font-size: 14px;
  }
}
.AbysLogin-smartlyForm2 form {
  display: flex;
}
.AbysLogin-smartlyForm2 form input[type=text].CheckoutInput-input {
  border-radius: 4px 0 0 4px;
  margin-bottom: 10px;
}
.AbysLogin-smartlyForm2 form .CheckoutButton-submit {
  border-radius: 0 4px 4px 0;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .AbysLogin-smartlyForm2 form .CheckoutButton-submit {
    max-width: 110px;
  }
}
.AbysLogin-smartlyForm2 .smartly-icons {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
}
@media (max-width: 767px) {
  .AbysLogin-smartlyForm2 .smartly-icons div {
    width: 27%;
  }
}
.AbysLogin-smartlyForm2 .smartly-icons div p {
  font-size: 14px;
  font-weight: 600;
  color: #404040;
  line-height: 24px;
  margin-bottom: 0px;
}
@media (max-width: 767px) {
  .AbysLogin-smartlyForm2 .smartly-icons div p {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
  }
}
.AbysLogin-smartlyForm2 .smartly-icons div p .icon {
  display: inline-block;
  vertical-align: text-bottom;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.AbysLogin-smartlyForm2 .smartly-icons div p .icon.checkmark {
  background-image: url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="visible" preserveAspectRatio="none" viewBox="0 0 24 24" width="20" height="20"><g><path xmlns:default="http://www.w3.org/2000/svg" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" style="fill: rgb(0, 105, 200);" vector-effect="non-scaling-stroke"/></g></svg>');
}
.AbysLogin-smartlyForm2 .smartly-icons div p .icon.bolt {
  background-image: url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="visible" preserveAspectRatio="none" viewBox="0 0 24 24" width="28" height="28"><path d="M10.725 20.5q-.25 0-.413-.188-.162-.187-.112-.437l.85-6h-3.1q-.375 0-.45-.187-.075-.188.125-.513l5.175-9.4q.05-.125.2-.2.15-.075.275-.075.25 0 .413.188.162.187.112.437l-.85 6h3.1q.35 0 .438.187.087.188-.113.513l-5.175 9.4q-.05.125-.2.2-.15.075-.275.075Z" style="fill: rgb(0, 105, 200);" vector-effect="non-scaling-stroke"/></svg>');
}
.AbysLogin-smartlyForm2 .smartly-icons div p .icon.shop {
  background-image: url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="visible" preserveAspectRatio="none" viewBox="0 -64 640 640" width="20" height="20"><path d="M36.8 192H603.2c20.3 0 36.8-16.5 36.8-36.8c0-7.3-2.2-14.4-6.2-20.4L558.2 21.4C549.3 8 534.4 0 518.3 0H121.7c-16 0-31 8-39.9 21.4L6.2 134.7c-4 6.1-6.2 13.2-6.2 20.4C0 175.5 16.5 192 36.8 192zM64 224V384v80c0 26.5 21.5 48 48 48H336c26.5 0 48-21.5 48-48V384 224H320V384H128V224H64zm448 0V480c0 17.7 14.3 32 32 32s32-14.3 32-32V224H512z" style="fill: rgb(0, 105, 200);" vector-effect="non-scaling-stroke"/></svg>');
}
@media (width: 767px) {
  .AbysLogin-smartlyForm2 .smartly-icons div p .icon {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .AbysLogin-smartlyForm2 .smartly-icons .last-icon {
    width: 23%;
  }
}

@media (max-width: 767px) {
  .AbysHowItWorks {
    width: initial;
    margin: 0 16px;
  }
}

.AbysLogin-smartlyReviews {
  max-width: 630px;
  margin: 0 auto;
  position: relative;
}
.AbysLogin-smartlyReviews h1,
.AbysLogin-smartlyReviews p {
  margin-bottom: 24px;
}
.AbysLogin-smartlyReviews .CheckoutInput-wrapper {
  margin-bottom: 24px;
}
.AbysLogin-smartlyReviews .CheckoutButton-submit {
  margin-bottom: 24px;
}
.AbysLogin-smartlyReviews {
  max-width: 808px;
  background-color: rgba(224, 237, 248, 0.65);
  margin-top: 48px;
}
@media (max-width: 767px) {
  .AbysLogin-smartlyReviews {
    margin-top: 32px;
  }
}
@media screen and (min-width: 1024px) {
  .AbysLogin-smartlyReviews {
    max-width: 808px;
    border-radius: 8px;
  }
}
.AbysLogin-smartlyReviews .smartly-reviews-title {
  font-size: 28px;
  color: #404040;
  line-height: 36px;
  text-align: center;
  padding: 24px 0 0;
  font-weight: 600;
}
@media (max-width: 767px) {
  .AbysLogin-smartlyReviews .smartly-reviews-title {
    font-size: 21px;
  }
}
.AbysLogin-smartlyReviews .smartly-reviews-container {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 16px;
  justify-content: space-between;
  padding: 24px 85px 32px;
}
@media screen and (max-width: 1023px) {
  .AbysLogin-smartlyReviews .smartly-reviews-container {
    justify-content: flex-start;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 16px;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .AbysLogin-smartlyReviews .smartly-reviews-container::-webkit-scrollbar {
    display: none;
  }
  .AbysLogin-smartlyReviews .smartly-reviews-container::after {
    content: "";
    flex: 0 0 16px;
  }
  .AbysLogin-smartlyReviews .smartly-reviews-container .review-card {
    flex: 0 0 calc(100% - 64px);
    scroll-snap-align: start;
  }
  .AbysLogin-smartlyReviews .smartly-reviews-container {
    padding: 24px 16px 32px;
  }
}
@media screen and (min-width: 1024px) {
  .AbysLogin-smartlyReviews .smartly-reviews-container {
    justify-content: flex-start;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    scroll-padding-left: 16px;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .AbysLogin-smartlyReviews .smartly-reviews-container::-webkit-scrollbar {
    display: none;
  }
  .AbysLogin-smartlyReviews .smartly-reviews-container::after {
    content: "";
    flex: 0 0 16px;
  }
  .AbysLogin-smartlyReviews .smartly-reviews-container .review-card {
    flex: 0 0 calc((100% - 32px) / 2.5);
    scroll-snap-align: start;
  }
  .AbysLogin-smartlyReviews .smartly-reviews-container {
    padding: 24px 16px 20px;
  }
}
.AbysLogin-smartlyReviews .smartly-reviews-container .review-card {
  display: flex;
  flex-direction: column;
  min-width: 315px;
  padding: 22px 0px;
  border-radius: 4px;
  background-color: #ffffff;
  box-shadow: 0px 2px 6px rgba(0, 22, 111, 0.3);
}
@media screen and (min-width: 1024px) {
  .AbysLogin-smartlyReviews .smartly-reviews-container .review-card {
    border: 1px solid #e0e0e0;
    box-shadow: 0px 1px 3px rgba(0, 22, 111, 0.08);
    width: 30%;
  }
}
.AbysLogin-smartlyReviews .smartly-reviews-container .review-card .stars {
  display: flex;
  flex-direction: row;
  gap: 5px;
  margin-bottom: 22px;
  padding: 0 16px;
}
.AbysLogin-smartlyReviews .smartly-reviews-container .review-card .stars .star {
  color: #f5a623;
  font-size: 22px;
}
.AbysLogin-smartlyReviews .smartly-reviews-container .review-card .review-text {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  font-size: 16px;
  color: #404040;
  line-height: 24px;
  margin-bottom: 16px;
  padding: 0 16px;
}
.AbysLogin-smartlyReviews .smartly-reviews-container .review-card .reviewer-name {
  margin-top: auto;
  font-weight: 600;
  font-size: 14px;
  color: #404040;
  line-height: 20px;
  white-space: nowrap;
}
.AbysLogin-smartlyReviews .smartly-reviews-container .review-card .reviewer-name p {
  height: auto;
  margin-bottom: 0px;
}
.AbysLogin-smartlyReviews .smartly-reviews-controls {
  display: none;
}
@media screen and (min-width: 1024px) {
  .AbysLogin-smartlyReviews .smartly-reviews-controls {
    display: flex;
    justify-content: center;
    gap: 16px;
    padding-bottom: 32px;
  }
}
.AbysLogin-smartlyReviews .smartly-reviews-arrow {
  width: 36px;
  height: 36px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #0069c8;
  border-radius: 50%;
  background: transparent;
  color: #0069c8;
  cursor: pointer;
}
.AbysLogin-smartlyReviews .smartly-reviews-arrow:disabled {
  border-color: #bdbdbd;
  color: #bdbdbd;
  cursor: default;
}
.AbysLogin-smartlyReviews .smartly-reviews-arrow::before {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
}
.AbysLogin-smartlyReviews .smartly-reviews-arrow.prev::before {
  transform: translateX(2px) rotate(-135deg);
}
.AbysLogin-smartlyReviews .smartly-reviews-arrow.next::before {
  transform: translateX(-2px) rotate(45deg);
}

.AbysLogin-smartlyComparison {
  max-width: 630px;
  margin: 0 auto;
  position: relative;
}
.AbysLogin-smartlyComparison h1,
.AbysLogin-smartlyComparison p {
  margin-bottom: 24px;
}
.AbysLogin-smartlyComparison .CheckoutInput-wrapper {
  margin-bottom: 24px;
}
.AbysLogin-smartlyComparison .CheckoutButton-submit {
  margin-bottom: 24px;
}
.AbysLogin-smartlyComparison {
  max-width: 800px;
}
@media (max-width: 767px) {
  .AbysLogin-smartlyComparison {
    padding: 0 16px;
  }
}
.AbysLogin-smartlyComparison .comparison-title {
  font-size: 24px;
  font-weight: 600;
  color: #404040;
  line-height: 31px;
  text-align: center;
  margin: 48px 0 16px 0;
}
@media (max-width: 767px) {
  .AbysLogin-smartlyComparison .comparison-title {
    font-size: 22px;
    color: #404040;
    line-height: 29px;
    text-align: center;
  }
}
.AbysLogin-smartlyComparison .comparison-container .row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 11px;
  margin-bottom: 20px;
}
.AbysLogin-smartlyComparison .comparison-container .row .col-header {
  width: 49%;
  padding: 14px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  text-align: center;
  font-weight: 600;
  font-size: 20px;
  color: #ffffff;
  line-height: 24px;
  align-content: center;
}
@media (max-width: 767px) {
  .AbysLogin-smartlyComparison .comparison-container .row .col-header {
    width: 48%;
    font-size: 16px;
    line-height: 20px;
    justify-content: initial;
  }
}
.AbysLogin-smartlyComparison .comparison-container .row .col-header.green {
  background-color: #4d8500;
}
.AbysLogin-smartlyComparison .comparison-container .row .col-header.grey {
  background-color: #e0edf8;
  color: #404040;
}
.AbysLogin-smartlyComparison .comparison-container .row .row-title {
  width: 100%;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #616161;
  line-height: 24px;
}
@media (max-width: 767px) {
  .AbysLogin-smartlyComparison .comparison-container .row .row-title {
    font-size: 12px;
  }
}
.AbysLogin-smartlyComparison .comparison-container .row .col-1, .AbysLogin-smartlyComparison .comparison-container .row .col-2 {
  width: 49%;
  min-height: 60px;
  padding: 14px;
  border-radius: 4px;
  align-content: center;
  vertical-align: text-bottom;
}
@media (max-width: 767px) {
  .AbysLogin-smartlyComparison .comparison-container .row .col-1, .AbysLogin-smartlyComparison .comparison-container .row .col-2 {
    width: 48%;
  }
}
.AbysLogin-smartlyComparison .comparison-container .row .col-1.green, .AbysLogin-smartlyComparison .comparison-container .row .col-2.green {
  background: #f2f8e3;
}
.AbysLogin-smartlyComparison .comparison-container .row .col-1.green ::before, .AbysLogin-smartlyComparison .comparison-container .row .col-2.green ::before {
  content: "";
  width: 18px;
  height: 15px;
  display: inline-block;
  margin-right: 2px;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"><path fill="%23005704" d="M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10s10-4.5 10-10S17.5 2 12 2m-2 15l-5-5l1.41-1.41L10 14.17l7.59-7.59L19 8z" vector-effect="non-scaling-stroke"/></svg>');
  background-repeat: no-repeat;
}
.AbysLogin-smartlyComparison .comparison-container .row .col-1.grey, .AbysLogin-smartlyComparison .comparison-container .row .col-2.grey {
  background: #e0edf8;
}
.AbysLogin-smartlyComparison .comparison-container .row .col-1 p, .AbysLogin-smartlyComparison .comparison-container .row .col-2 p {
  margin-bottom: 0;
  font-size: 16px;
}
@media (max-width: 767px) {
  .AbysLogin-smartlyComparison .comparison-container .row .col-1 p, .AbysLogin-smartlyComparison .comparison-container .row .col-2 p {
    font-weight: 600;
    font-size: 13px;
    line-height: 20px;
  }
}

.AbysLogin-smartlyCategories {
  max-width: 630px;
  margin: 0 auto;
  position: relative;
}
.AbysLogin-smartlyCategories h1,
.AbysLogin-smartlyCategories p {
  margin-bottom: 24px;
}
.AbysLogin-smartlyCategories .CheckoutInput-wrapper {
  margin-bottom: 24px;
}
.AbysLogin-smartlyCategories .CheckoutButton-submit {
  margin-bottom: 24px;
}
.AbysLogin-smartlyCategories {
  max-width: 800px;
  display: flex;
  flex-wrap: nowrap;
  gap: 41px;
  padding: 27px 25px 27px 28px;
  border-radius: 4px;
  border: solid 1px #e0e0e0;
  margin-top: 48px;
}
@media (max-width: 767px) {
  .AbysLogin-smartlyCategories {
    display: block;
    margin: 16px;
    border: none;
    border-top: solid 1px #e0e0e0;
    border-radius: 0;
  }
}
.AbysLogin-smartlyCategories .categories-content {
  width: 50%;
}
@media (max-width: 767px) {
  .AbysLogin-smartlyCategories .categories-content {
    width: 100%;
  }
}
.AbysLogin-smartlyCategories .categories-content .categories-title p {
  font-size: 24px;
  font-weight: 600;
  color: #404040;
  line-height: 31px;
}
.AbysLogin-smartlyCategories .categories-content .categories-divider {
  width: 40px;
  height: 6px;
  background: linear-gradient(90deg, #00369d 0%, #91c712 100%);
  clip-path: polygon(0 0, 100% 0, 91% 100%, 0 100%);
  margin: 16px 0;
}
.AbysLogin-smartlyCategories .categories-content p {
  font-size: 14px;
  color: #404040;
  line-height: 22px;
}
.AbysLogin-smartlyCategories .categories-image {
  width: 50%;
  background: url("https://media.aarons.com/i/aarons/Q3_Smartly_Referral_Landing_Page_Hero_and_Tile_343x258_2x") no-repeat center center;
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 767px) {
  .AbysLogin-smartlyCategories .categories-image {
    width: 100%;
    height: 280px;
  }
}

.AbysLogin-smartlyForm3 {
  max-width: 630px;
  margin: 0 auto;
  position: relative;
}
.AbysLogin-smartlyForm3 h1,
.AbysLogin-smartlyForm3 p {
  margin-bottom: 24px;
}
.AbysLogin-smartlyForm3 .CheckoutInput-wrapper {
  margin-bottom: 24px;
}
.AbysLogin-smartlyForm3 .CheckoutButton-submit {
  margin-bottom: 24px;
}
.AbysLogin-smartlyForm3 {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .AbysLogin-smartlyForm3 {
    margin: 16px;
  }
}
.AbysLogin-smartlyForm3 form {
  display: flex;
}
.AbysLogin-smartlyForm3 form input[type=text].CheckoutInput-input {
  border-radius: 4px 0 0 4px;
}
.AbysLogin-smartlyForm3 form .CheckoutButton-submit {
  border-radius: 0 4px 4px 0;
}
@media (max-width: 767px) {
  .AbysLogin-smartlyForm3 form .CheckoutButton-submit {
    max-width: 110px;
    height: 55px;
  }
}
.AbysLogin-smartlyForm3 .smartly-icons {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 22px;
}
@media (max-width: 767px) {
  .AbysLogin-smartlyForm3 .smartly-icons div {
    width: 27%;
  }
}
@media (max-width: 767px) {
  .AbysLogin-smartlyForm3 .smartly-icons div.last-icon {
    width: 23%;
  }
}
.AbysLogin-smartlyForm3 .smartly-icons div p {
  font-size: 14px;
  font-weight: 600;
  color: #404040;
  line-height: 24px;
}
@media (max-width: 767px) {
  .AbysLogin-smartlyForm3 .smartly-icons div p {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
  }
}
.AbysLogin-smartlyForm3 .smartly-icons div p .icon {
  display: inline-block;
  vertical-align: text-bottom;
  width: 20px;
  height: 20px;
  margin-right: 8px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
@media (width: 767px) {
  .AbysLogin-smartlyForm3 .smartly-icons div p .icon {
    width: 100%;
  }
}
.AbysLogin-smartlyForm3 .smartly-icons div p .icon.checkmark {
  background-image: url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="visible" preserveAspectRatio="none" viewBox="0 0 24 24" width="20" height="20"><g><path xmlns:default="http://www.w3.org/2000/svg" d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z" style="fill: rgb(0, 105, 200);" vector-effect="non-scaling-stroke"/></g></svg>');
}
.AbysLogin-smartlyForm3 .smartly-icons div p .icon.bolt {
  background-image: url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="visible" preserveAspectRatio="none" viewBox="0 0 24 24" width="28" height="28"><path d="M10.725 20.5q-.25 0-.413-.188-.162-.187-.112-.437l.85-6h-3.1q-.375 0-.45-.187-.075-.188.125-.513l5.175-9.4q.05-.125.2-.2.15-.075.275-.075.25 0 .413.188.162.187.112.437l-.85 6h3.1q.35 0 .438.187.087.188-.113.513l-5.175 9.4q-.05.125-.2.2-.15.075-.275.075Z" style="fill: rgb(0, 105, 200);" vector-effect="non-scaling-stroke"/></svg>');
}
.AbysLogin-smartlyForm3 .smartly-icons div p .icon.shop {
  background-image: url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="visible" preserveAspectRatio="none" viewBox="0 -64 640 640" width="20" height="20"><path d="M36.8 192H603.2c20.3 0 36.8-16.5 36.8-36.8c0-7.3-2.2-14.4-6.2-20.4L558.2 21.4C549.3 8 534.4 0 518.3 0H121.7c-16 0-31 8-39.9 21.4L6.2 134.7c-4 6.1-6.2 13.2-6.2 20.4C0 175.5 16.5 192 36.8 192zM64 224V384v80c0 26.5 21.5 48 48 48H336c26.5 0 48-21.5 48-48V384 224H320V384H128V224H64zm448 0V480c0 17.7 14.3 32 32 32s32-14.3 32-32V224H512z" style="fill: rgb(0, 105, 200);" vector-effect="non-scaling-stroke"/></svg>');
}

.CategoryAccordionGrid {
  width: 100%;
  margin: 0 auto;
  background-color: #f5f5f5;
  padding: 24px 16px;
}
@media screen and (min-width: 1023px) {
  .CategoryAccordionGrid {
    padding: 32px 16px;
  }
}
.CategoryAccordionGrid .heading {
  font-size: 26px;
  font-weight: 700;
  line-height: 34px;
}
@media screen and (min-width: 767px) {
  .CategoryAccordionGrid .heading {
    font-size: 30px;
    line-height: 38px;
  }
}
@media screen and (min-width: 1023px) {
  .CategoryAccordionGrid .heading {
    font-size: 36px;
    line-height: 44px;
  }
}
.CategoryAccordionGrid .heading {
  font-weight: 600;
  margin-bottom: 8px;
}
.CategoryAccordionGrid ul {
  margin-bottom: 16px;
}
.CategoryAccordionGrid ul li {
  list-style-type: disc;
  margin-left: 16px;
  line-height: 20px;
}
.CategoryAccordionGrid .tiles {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  row-gap: 12px;
  margin: 8px 0 24px 0;
  padding: 2px 0;
}
@media screen and (min-width: 1023px) {
  .CategoryAccordionGrid .tiles {
    row-gap: 16px;
  }
}
.CategoryAccordionGrid .tiles.is-collapsed {
  overflow: hidden;
}
.CategoryAccordionGrid .tile {
  flex: 0 0 33.3333333333%;
}
@media screen and (min-width: 1023px) {
  .CategoryAccordionGrid .tile {
    flex: 0 0 16.6666666667%;
  }
}
.CategoryAccordionGrid a.tileLink {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 auto;
  text-align: center;
  width: 108px;
  height: 100%;
  padding: 8px;
  background-color: white;
  border-radius: 4px;
  box-shadow: 0 0 3px 1px #ccc;
  color: #404040;
  text-decoration: none;
}
@media screen and (min-width: 1023px) {
  .CategoryAccordionGrid a.tileLink {
    width: 136px;
  }
}
.CategoryAccordionGrid a.tileLink .categoryImage {
  margin: 0 auto 4px auto;
  width: 92px;
  height: 70px;
}
@media screen and (min-width: 1023px) {
  .CategoryAccordionGrid a.tileLink .categoryImage {
    width: 116px;
    height: 90px;
  }
}
.CategoryAccordionGrid a.tileLink .categoryName {
  width: 100%;
}
.CategoryAccordionGrid .buttons {
  width: 100%;
  text-align: center;
}
.CategoryAccordionGrid .CheckoutButton-secondary {
  background-color: transparent;
  width: 164px;
  height: 40px;
}

.LoginPage {
  width: 100%;
  margin: 0 auto 32px auto;
}
@media screen and (min-width: 1023px) {
  .LoginPage {
    max-width: 900px;
  }
}

.LoginPage-main {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 16px;
}
@media screen and (min-width: 1023px) {
  .LoginPage-main {
    flex-wrap: nowrap;
  }
}

.LoginPage-Box {
  width: 433px;
  max-width: 100%;
  background-color: #fafafa;
  border-radius: 4px;
  padding: 24px 12px;
  margin: 0 auto;
  font-weight: 500;
}
@media screen and (min-width: 1023px) {
  .LoginPage-Box {
    max-width: 433px;
    font-size: 16px;
    padding: 32px 24px;
  }
}
.LoginPage-Box.blueTop {
  border-color: #15bef0;
  border-style: solid;
  border-width: 6px 0 0 0;
}
.LoginPage-Box.blueTop p {
  line-height: 24px;
}
.LoginPage-Box.greenTop {
  border-color: #91c712;
  border-style: solid;
  border-width: 6px 0 0 0;
}
.LoginPage-Box h2 {
  font-weight: 600;
}
@media screen and (min-width: 1023px) {
  .LoginPage-Box h2 {
    font-weight: 500;
    font-size: 23px;
    margin-bottom: 16px;
  }
}
.LoginPage-Box p {
  margin-bottom: 16px;
}
.LoginPage-Box p.forgotPassword {
  margin-bottom: 24px;
}
.LoginPage-Box button {
  width: 100%;
}
.LoginPage-Box ul.greenList {
  margin-bottom: 16px;
}
.LoginPage-Box ul.greenList li {
  position: relative;
  margin-left: 27px;
  font-size: 14px;
  line-height: 24px;
}
@media screen and (min-width: 1023px) {
  .LoginPage-Box ul.greenList li {
    font-size: 16px;
    line-height: 28px;
  }
}
.LoginPage-Box ul.greenList li::before {
  position: absolute;
  content: "";
  background-image: url(../images/svg/green-check.svg);
  background-repeat: no-repeat;
  width: 15px;
  height: 10px;
  left: -27px;
  top: 5px;
  pointer-events: none;
}
.LoginPage-Box .Checkout2-flexFields {
  margin-bottom: 8px;
}

.LoginPage-alert {
  border-width: 1px 1px 1px 4px;
  border-style: solid;
  border-radius: 4px;
  margin-bottom: 12px;
  padding: 12px;
}
@media screen and (min-width: 1023px) {
  .LoginPage-alert {
    margin-bottom: 16px;
  }
}
.LoginPage-alert.is-hidden {
  display: none;
}
.LoginPage-alert > div {
  position: relative;
  font-size: 14px;
  line-height: 20px;
  font-weight: 400;
  margin: 0 0 0 32px;
}
@media screen and (min-width: 1023px) {
  .LoginPage-alert > div {
    font-size: 16px;
    line-height: 24px;
  }
}
.LoginPage-alert.info {
  border-color: #00369d;
  background-color: #f0f5ff;
}
.LoginPage-alert.info > div::before {
  position: absolute;
  content: "";
  background-image: url(../images/svg/blue-circle-info.svg);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  left: -32px;
  top: 0px;
  pointer-events: none;
}
.LoginPage-alert.error {
  border-color: #c41e24;
  background-color: #ffeeee;
}
.LoginPage-alert.error > div::before {
  position: absolute;
  content: "";
  background-image: url(../images/svg/red-circle-exclamation.svg);
  background-repeat: no-repeat;
  width: 20px;
  height: 20px;
  left: -32px;
  top: 2px;
  pointer-events: none;
}
.LoginPage-alert .biggerWords {
  font-weight: 600;
}

.LoginPage-account-page {
  max-width: 600px;
  margin: 0 auto;
}
@media screen and (min-width: 1023px) {
  .LoginPage-account-page {
    border: 1px #cccccc solid;
    border-radius: 8px;
    padding: 40px;
  }
}
.LoginPage-account-page .heading {
  font-size: 26px;
  line-height: 34px;
  font-weight: 700;
  margin-bottom: 12px;
}
@media screen and (min-width: 1023px) {
  .LoginPage-account-page .heading {
    font-size: 36px;
    line-height: 44px;
    margin-bottom: 16px;
  }
}
.LoginPage-account-page p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 16px;
}
@media screen and (min-width: 1023px) {
  .LoginPage-account-page p {
    margin-bottom: 24px;
  }
}
.LoginPage-account-page .accountFound {
  border-radius: 4px;
  background-color: #f7f7f7;
  padding: 12px 16px;
  margin-bottom: 16px;
}
@media screen and (min-width: 1023px) {
  .LoginPage-account-page .accountFound {
    padding: 16px;
  }
}
.LoginPage-account-page .accountFound .label {
  width: 100%;
}
.LoginPage-account-page .accountFound .accountInfo {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 4px;
}
.LoginPage-account-page .accountFound svg {
  flex-shrink: 0;
  margin-right: 12px;
}
.LoginPage-account-page .accountFound .emailAddress {
  flex-grow: 1;
  font-weight: 600;
}
.LoginPage-account-page .accountFound button {
  flex-shrink: 0;
}
.LoginPage-account-page .CheckoutInput-wrapper,
.LoginPage-account-page .CheckoutButton-submit {
  width: 100%;
}
.LoginPage-account-page .CheckoutButton-submit {
  margin-top: 16px;
}
.LoginPage-account-page hr {
  margin: 28px 0;
}
@media screen and (min-width: 1023px) {
  .LoginPage-account-page hr {
    margin: 32px 0;
  }
}
.LoginPage-account-page .noWorries {
  text-align: center;
}
.LoginPage-account-page .uxpin-alert {
  margin-bottom: 16px;
}
.LoginPage-account-page .didYouForget {
  width: 100%;
  margin-top: 8px;
  text-align: right;
}
.LoginPage-account-page .checkYourEmail {
  border-radius: 4px;
  background-color: #f7f7f7;
  padding: 12px 16px;
  margin: 16px 0;
}
@media screen and (min-width: 1023px) {
  .LoginPage-account-page .checkYourEmail {
    padding: 16px;
  }
}
.LoginPage-account-page .checkYourEmail p {
  margin-bottom: 12px;
}
.LoginPage-account-page .checkYourEmail p:last-child {
  margin-bottom: unset;
}

.PasswordPage {
  width: 100%;
  margin: 0 auto 32px auto;
  font-size: 14px;
}
@media screen and (min-width: 1024px) {
  .PasswordPage {
    font-size: 16px;
    max-width: 100%;
  }
}
.PasswordPage h1 {
  margin-bottom: 12px;
}
@media screen and (min-width: 1024px) {
  .PasswordPage h1 {
    margin-bottom: 24px;
  }
}
.PasswordPage .CheckoutInput-wrapper {
  margin-bottom: 16px;
}
.PasswordPage p.p-subheader {
  margin-bottom: 20px;
  font-size: 17px;
}
@media screen and (min-width: 1024px) {
  .PasswordPage p.p-subheader {
    margin-bottom: 24px;
    font-size: 18px;
  }
}
.PasswordPage ul {
  margin-bottom: 24px;
}
.PasswordPage ul li {
  line-height: 32px;
  margin-left: 16px;
  padding-left: 8px;
  list-style-type: disc;
}
.PasswordPage ul li.wrong {
  color: #c20b0f;
  list-style-image: url(../images/svg/activate-xmark.svg);
}
.PasswordPage ul li.right {
  list-style-image: url(../images/svg/activate-check.svg);
}
.PasswordPage .CheckoutButton-submit {
  margin-bottom: 32px;
}

.PasswordPage-subpage {
  max-width: 630px;
  margin: 0 auto;
}

.ThanksBanner {
  position: relative;
  background: url(https://media.aarons.com/i/aarons/Leasing_Power_App_Header_Checkout_M_1372x448);
  background-position: left center;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 4px;
  color: white;
  height: 122px;
  width: 100%;
  margin-bottom: 25px;
}
.ThanksBanner.has-button {
  background: url(https://media.aarons.com/i/aarons/Leasing_Power_App_Header_Account_M_1372x660);
  background-position: left center;
  background-size: cover;
  background-repeat: no-repeat;
  height: 165px;
}
.ThanksBanner .thankYouContent {
  position: relative;
  top: 26px;
  left: 111px;
  width: calc(100% - 111px);
}
.ThanksBanner .thankYouContent h2, .ThanksBanner .thankYouContent header {
  color: #ffffff;
  font-size: 18px;
  line-height: 24px;
  text-transform: capitalize;
}
.ThanksBanner .thankYouContent p {
  font-size: 14px;
  line-height: 20px;
  color: #ffffff;
}
.ThanksBanner button.ThanksBanner-seeDetails {
  position: absolute;
  left: 16px;
  bottom: 16px;
  height: 40px;
  width: auto;
  padding: 0 16px;
  border: none;
}
.ThanksBanner button.ThanksBanner-seeDetails:focus {
  outline: 2px black solid;
}

.ProgressBar {
  width: 100%;
  margin-top: 0.5rem;
}
@media screen and (min-width: 1440px) {
  .ProgressBar {
    margin-top: unset;
  }
}
@media print {
  .ProgressBar {
    display: none;
  }
}

.ProgressBar-labels {
  width: 100%;
  white-space: nowrap;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-around;
  margin-bottom: 0.25rem;
}
@media screen and (min-width: 1440px) {
  .ProgressBar-labels {
    margin-bottom: unset;
  }
}

.ProgressBar-label {
  display: inline-block;
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.43rem;
}
@media screen and (min-width: 1440px) {
  .ProgressBar-label {
    font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
    line-height: 1.5rem;
  }
}

.ProgressBar-label.filled-in {
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
@media screen and (min-width: 1440px) {
  .ProgressBar-label.filled-in {
    font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.75rem;
    line-height: 1.5rem;
  }
}

.ProgressBar-bar-background {
  position: relative;
  width: 100%;
  height: 5px;
  background-color: #efefef;
  border-radius: 2px;
}

.ProgressBar-bar-filling {
  position: absolute;
  height: 5px;
  left: 0;
  top: 0;
  background-color: #0069C8;
  border-radius: 2px;
  transition: width 0.5s ease-in-out;
}

.SecureCheckout {
  width: 100%;
  margin-top: 11px;
}
@media screen and (min-width: 1023px) {
  .SecureCheckout {
    margin-top: 0;
  }
}
@media print {
  .SecureCheckout {
    display: none;
  }
}
.SecureCheckout.is-hidden {
  display: none;
}

.SecureCheckout-words {
  display: inline-block;
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 1.4375rem;
  line-height: 1.9375rem;
}
@media screen and (min-width: 1024px) {
  .SecureCheckout-words {
    font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    font-size: 1.188rem;
    line-height: 1.688148rem;
  }
}
@media screen and (min-width: 1440px) {
  .SecureCheckout-words {
    font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    font-size: 1.438rem;
    line-height: 1.936986rem;
  }
}
@media screen and (min-width: 1920px) {
  .SecureCheckout-words {
    font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 600;
    font-size: 1.75rem;
    line-height: 2.24rem;
  }
}

.SecureCheckout-lock {
  display: inline-block;
  margin-left: 8px;
}
@media screen and (min-width: 1023px) {
  .SecureCheckout-lock {
    margin-left: 10px;
  }
}
@media screen and (max-width: 1440px) {
  .SecureCheckout-lock {
    margin-left: 5px;
  }
}
.SecureCheckout-lock i.lock {
  background-image: url(https://aarons.a.bigcontent.io/v1/static/lock-keyhole);
  background-size: contain;
  display: inline-block;
  width: 15px;
  height: 17px;
  transform: translate(0px, 1px);
  filter: invert(19%) sepia(73%) saturate(0%) hue-rotate(213deg) brightness(92%) contrast(85%);
  margin-bottom: 1px;
  margin-right: 5px;
}
@media screen and (min-width: 1023px) {
  .SecureCheckout-lock i.lock {
    width: 18px;
    height: 21px;
    transform: translate(0px, 2px);
  }
}

@media screen and (min-width: 1023px) {
  .LeaseOverview-wrapper {
    width: 400px;
    position: sticky;
    top: 100px;
  }
}

.LeaseOverview {
  height: auto;
  border-radius: 4px;
  border: 1px #cccccc solid;
  border-top-width: 6px;
  padding: 0;
  box-sizing: border-box;
  margin: 0 0 24px 0;
  overflow: hidden;
  position: relative;
}
.LeaseOverview sup {
  top: -0.25em;
  font-size: unset;
}

.LeaseOverview-leasingPower {
  padding: 16px 12px 4px 12px;
}
@media screen and (min-width: 1023px) {
  .LeaseOverview-leasingPower {
    padding: 16px 16px 4px 16px;
  }
}

section.leaseOwnershipPlan-compact,
section.leaseOwnershipPlan-expanded {
  padding: 8px 12px 8px 12px;
}
@media screen and (min-width: 1023px) {
  section.leaseOwnershipPlan-compact,
  section.leaseOwnershipPlan-expanded {
    padding: 8px 16px 8px 16px;
  }
}

section.deliveryContact {
  padding: 8px 12px 16px 12px;
}
@media screen and (min-width: 1023px) {
  section.deliveryContact {
    padding: 8px 16px 16px 16px;
  }
}

section.apPlus,
section.protectionPlan {
  padding: 16px 12px 16px 12px;
}
@media screen and (min-width: 1023px) {
  section.apPlus,
  section.protectionPlan {
    padding: 16px 16px 16px 16px;
  }
}

section.productDetails {
  padding: 8px 12px 8px 12px;
}
@media screen and (min-width: 1023px) {
  section.productDetails {
    padding: 8px 16px 8px 16px;
  }
}

.LeaseOverview-promoCode {
  padding: 0 12px;
}
@media screen and (min-width: 1023px) {
  .LeaseOverview-promoCode {
    padding: 0 16px;
  }
}

.LeaseOverview .openSansBold {
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
}

.LeaseOverview .openSansRegular {
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: normal;
}

.LeaseOverview.is-hidden,
.LeaseOverview .is-hidden {
  display: none;
}

.LeaseOverview-toggleHeader {
  position: relative;
  width: 100%;
  border-width: 0 0 1px 0;
  border-bottom: 1px #cccccc solid;
  border-top: 1px #cccccc solid;
  padding: 8px 12px;
  cursor: pointer;
  text-align: left;
}
@media screen and (min-width: 1023px) {
  .LeaseOverview-toggleHeader {
    padding: 8px 14px;
  }
}
.LeaseOverview-toggleHeader h2, .LeaseOverview-toggleHeader h3 {
  margin-bottom: 0;
}
.LeaseOverview-toggleHeader.apPlus, .LeaseOverview-toggleHeader.productDetails, .LeaseOverview-toggleHeader.deliveryContact {
  margin-top: 0;
}

.LeaseOverview-toggleHeader:not(.is-expanded)::after {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
  right: 14px;
  height: 9px;
  width: 16px;
  background-image: url(/on/demandware.static/Sites-Aarons-Site/-/default/dwfd3b0f45/images/svg/ordersummary-headertoggle.svg);
  background-size: unset;
  background-repeat: no-repeat;
  margin-left: auto;
  transform: rotate(180deg);
  transition: transform 0.15s ease-in-out;
}

.LeaseOverview-toggleHeader.is-expanded::after {
  content: "";
  display: block;
  position: absolute;
  top: 15px;
  right: 14px;
  height: 9px;
  width: 16px;
  background-image: url(/on/demandware.static/Sites-Aarons-Site/-/default/dwfd3b0f45/images/svg/ordersummary-headertoggle.svg);
  background-size: unset;
  background-repeat: no-repeat;
  margin-left: auto;
  transform: rotate(0deg);
  transition: transform 0.15s ease-in-out;
}

.LeaseOverview-product {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
}
.LeaseOverview-product .productImageHolder {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 72px;
  min-height: 64px;
  flex-shrink: 0;
}
.LeaseOverview-product .productBrandAndName {
  flex-grow: 1;
  align-self: center;
  width: calc(100% - 64px - 8px);
  display: flex;
  flex-direction: column;
}
.LeaseOverview-product .productBrandAndName .apPlusEnabled.is-disabled {
  color: #da2128;
}
.LeaseOverview-product .productBrandAndName .apPlusEnabled.is-disabled .apPlus {
  font-weight: 600;
}
.LeaseOverview-product .apPlusToggle, .LeaseOverview-product .clubToggle {
  position: absolute;
  top: 4px;
  right: 0px;
}

.LeaseOverview-productImageHolder {
  width: 80px;
  flex-shrink: 0;
}

.LeaseOverview-productImage {
  height: auto;
  width: 64px;
}

.LeaseOverview-topSummary {
  flex-grow: 1;
  width: calc(100% - 64px - 16px);
}

.LeaseOverview-row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: center;
}
.LeaseOverview-row.is-updated {
  background-color: #e0edf8;
  padding: 2px 4px;
  margin: 2px -4px;
  box-sizing: content-box;
}

.LeaseOverview-weeklyEzpaySchedule {
  background-color: #F5F5F5;
  padding: 8px 12px;
  margin: 8px -12px;
}
@media screen and (min-width: 1023px) {
  .LeaseOverview-weeklyEzpaySchedule {
    padding: 8px 16px;
    margin: 8px -16px;
  }
}

.LeaseOverview-GrayHighlightedRow {
  background-color: #F5F5F5;
  padding: 2px 4px;
  margin: 2px -4px;
  box-sizing: content-box;
}

.LeaseOverview-GrayHighlightedRow.BottomPaddingZero {
  padding: 2px 4px 0px;
}

.LeaseOverview-verticalSpacer-12px {
  width: 100%;
  height: 12px;
}

.LeaseOverview-marginBelowRows {
  width: 100%;
  height: 1rem;
}

.LeaseOverview-marginBelowRowsShorter {
  width: 100%;
  height: 0.7rem;
}

.LeaseOverview-label {
  text-align: left;
  flex-grow: 1;
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.43rem;
  line-height: 1.13rem;
  margin: 0.15rem 0;
}

.LeaseOverview-label.add-bold {
  font-weight: 600;
}

.LeaseOverview-value {
  text-align: right;
  margin-left: auto;
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.375rem;
  line-height: 1.075rem;
  margin: 0.15rem 0;
}

.LeaseOverview-value.discounted {
  color: #c41e24;
}

.LeaseOverview-value.crossed-out {
  font-weight: normal;
  margin-right: 5px;
  text-decoration: line-through;
}

.LeaseOverview-value.no-bold {
  font-weight: normal;
}

.LeaseOverview-value.updated::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 4px;
  height: 4px;
  border-radius: 2px;
  margin: 7px 0 0 6px;
  background-color: #5bd2f5;
  vertical-align: middle;
}

.LeaseOverview-separator {
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.43rem;
  font-weight: 600;
}

.LeaseOverview hr {
  margin: 8px 0;
  height: 1px;
  background-color: #CCCCCC;
  border: none;
}
.LeaseOverview hr.noBottomMargin {
  margin-bottom: 0;
}

.LeaseOverview-actionButton {
  font-size: 14px;
  padding: 0;
  margin: 0;
  border: none;
  color: #0069C8;
  font-weight: 600;
  text-decoration: underline;
}
.LeaseOverview-actionButton.is-hidden {
  display: none;
}
.LeaseOverview-actionButton {
  margin: 0 0 8px 0;
}

.LeaseOverview-inlineButton {
  font-size: 14px;
  padding: 0;
  margin: 0;
  border: none;
  color: #0069C8;
  font-weight: 600;
  text-decoration: underline;
}
.LeaseOverview-inlineButton.is-hidden {
  display: none;
}

.LeaseOverview-comingSoon {
  font-style: italic;
}

.LeaseOverview-notifications {
  width: 100%;
}
.LeaseOverview-notifications .uxpin-alert {
  margin-bottom: 8px;
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
}
.LeaseOverview-notifications .uxpin-alert:before, .LeaseOverview-notifications .uxpin-alert .uxpin-alert-closeButton {
  top: 10px;
}
@media screen and (min-width: 1023px) {
  .LeaseOverview-notifications .uxpin-alert:before, .LeaseOverview-notifications .uxpin-alert .uxpin-alert-closeButton {
    top: 12px;
  }
}

.LeaseOverview-js-changePlan.is-hidden,
.LeaseOverview-js-changePlan-separator.is-hidden {
  display: none;
}

.LeaseOverview-js-tcoMessage-withGovtFee.is-hidden,
.LeaseOverview-js-tcoMessage-noGovtFee.is-hidden {
  display: none;
}

.LeaseOverview-promoCode .Checkout2-flexFields {
  flex-wrap: nowrap;
  margin-bottom: 16px;
}

.LeaseOverview-promoCode-buttonContainer,
.LeaseOverview-promoCode-inputContainer,
.LeaseOverview-promoCode-success,
.LeaseOverview-promoCode-failure {
  width: 100%;
}
.LeaseOverview-promoCode-buttonContainer .LeaseOverview-promoCode-message,
.LeaseOverview-promoCode-inputContainer .LeaseOverview-promoCode-message,
.LeaseOverview-promoCode-success .LeaseOverview-promoCode-message,
.LeaseOverview-promoCode-failure .LeaseOverview-promoCode-message {
  width: 60%;
}
.LeaseOverview-promoCode-buttonContainer.is-hidden,
.LeaseOverview-promoCode-inputContainer.is-hidden,
.LeaseOverview-promoCode-success.is-hidden,
.LeaseOverview-promoCode-failure.is-hidden {
  display: none;
}

.LeaseOverview-promoCode-inputContainer button,
.LeaseOverview-promoCode-success button,
.LeaseOverview-promoCode-failure button {
  flex-grow: 1;
  width: 30%;
  padding: 0 8px;
}

.LeaseOverview .CheckoutInput-wrapper.is-hidden {
  display: none;
}
.LeaseOverview .CheckoutInput-wrapper.CheckoutField-promoCode {
  width: 70%;
}

.LeaseOverview-font-weight-600 {
  font-weight: 600;
}

.LeaseOverview-EZPayImage {
  height: 19px;
  margin: 5px 0;
}

.LeaseOverview .CheckoutTooltip-icon {
  vertical-align: text-bottom;
}

.LeaseOverview-leasingPower {
  width: 100%;
}
.LeaseOverview-leasingPower .barLegend {
  width: 100%;
  margin-top: 8px;
  display: inline-flex;
}
.LeaseOverview-leasingPower .barLegend .leasingPower-text {
  display: block;
  font-size: 14px;
  line-height: 20px;
  width: calc(100% - 20px);
}
.LeaseOverview-leasingPower .barLegend .leasingPower-text .amountValue {
  font-weight: 600;
}

.LeaseOverview-taxAppliesText {
  font-size: 12px;
  line-height: 18px;
}

.LeaseOverview-includesApplicable {
  padding: 0 0 4px 0;
  font-size: 12px;
  line-height: 18px;
}

.LeaseOverview-apPlusDetail p:not(:first-child) {
  margin-top: 8px;
}

.LeaseOverview-apPlusDetail.has-toggle {
  width: calc(100% - 40px);
}

.LeaseOverview section.apPlus .CheckoutToggle-wrapper.is-checked .CheckoutToggle-track {
  background-color: rgb(179, 210, 239);
}
.LeaseOverview section.apPlus .CheckoutToggle-wrapper.is-checked .CheckoutToggle-switch {
  background-color: rgb(0, 105, 200);
}

.understandTodaysPayment-dialog {
  font-size: 14px;
  line-height: 20px;
}
.understandTodaysPayment-dialog p:not(:last-child) {
  margin-bottom: 16px;
}
.understandTodaysPayment-dialog li {
  list-style: disc;
  margin-bottom: 8px;
  margin-left: 16px;
}
.understandTodaysPayment-dialog ul {
  margin-bottom: 16px;
}

.ProtectionPlanDisableDialog-ui-dialog {
  background-color: white;
  border: 1px #ccc solid;
  border-radius: 4px;
  box-shadow: 0px 0px 5px #666;
  max-width: 92%;
}
.ProtectionPlanDisableDialog-ui-dialog .ui-dialog-titlebar {
  background-color: white;
}
.ProtectionPlanDisableDialog-ui-dialog {
  padding: 0;
}
.ProtectionPlanDisableDialog-ui-dialog .ui-dialog-titlebar {
  display: none;
}
.ProtectionPlanDisableDialog-ui-dialog .ui-dialog-content {
  padding: 24px 16px 16px 16px;
}
.ProtectionPlanDisableDialog-ui-dialog p {
  margin-bottom: 16px;
}
.ProtectionPlanDisableDialog-ui-dialog ul {
  padding: 0 1rem;
}
.ProtectionPlanDisableDialog-ui-dialog ul li {
  list-style: disc;
}
.ProtectionPlanDisableDialog-ui-dialog ol {
  padding: 1rem;
}
.ProtectionPlanDisableDialog-ui-dialog ol li {
  list-style: decimal;
  padding: 0.25rem 0.5rem;
}
.ProtectionPlanDisableDialog-ui-dialog .disclaimer {
  font-style: italic;
}
.ProtectionPlanDisableDialog-ui-dialog .buttonSection {
  margin-top: 16px;
}
.ProtectionPlanDisableDialog-ui-dialog .buttonSection button {
  width: 100%;
  margin-top: 16px;
}

.ApPlusDisableDialog-ui-dialog-notRedesign {
  background-color: white;
  border: 1px #ccc solid;
  border-radius: 4px;
  box-shadow: 0px 0px 5px #666;
  max-width: 92%;
}
.ApPlusDisableDialog-ui-dialog-notRedesign .ui-dialog-titlebar {
  background-color: white;
}
.ApPlusDisableDialog-ui-dialog-notRedesign {
  padding: 0;
}
.ApPlusDisableDialog-ui-dialog-notRedesign .ui-dialog-titlebar {
  display: none;
}
.ApPlusDisableDialog-ui-dialog-notRedesign .ui-dialog-content {
  padding: 24px 16px 16px 16px;
}
.ApPlusDisableDialog-ui-dialog-notRedesign p {
  margin-bottom: 16px;
}
.ApPlusDisableDialog-ui-dialog-notRedesign ul {
  padding: 0 1rem;
}
.ApPlusDisableDialog-ui-dialog-notRedesign ul li {
  list-style: disc;
}
.ApPlusDisableDialog-ui-dialog-notRedesign ol {
  padding: 1rem;
}
.ApPlusDisableDialog-ui-dialog-notRedesign ol li {
  list-style: decimal;
  padding: 0.25rem 0.5rem;
}
.ApPlusDisableDialog-ui-dialog-notRedesign .disclaimer {
  font-style: italic;
}
.ApPlusDisableDialog-ui-dialog-notRedesign .buttonSection {
  margin-top: 16px;
}
.ApPlusDisableDialog-ui-dialog-notRedesign .buttonSection button {
  width: 100%;
  margin-top: 16px;
}
.ApPlusDisableDialog-ui-dialog-notRedesign .ui-dialog-titlebar {
  display: block;
  font-size: 16px;
  font-weight: 600;
  background-color: #0069c8;
  color: white;
  padding-top: 12px;
  padding-bottom: 12px;
}
.ApPlusDisableDialog-ui-dialog-notRedesign .ui-dialog-titlebar-close {
  display: none;
}
.ApPlusDisableDialog-ui-dialog-notRedesign .ui-dialog-content {
  padding: 16px;
}
.ApPlusDisableDialog-ui-dialog-notRedesign ul {
  padding: 1rem;
}

section.deliveryContact .Checkout2-smallHeader {
  margin-bottom: 0;
}
section.deliveryContact span {
  display: inline-block;
  width: 100%;
  margin: 0.15rem 0;
}
section.deliveryContact button {
  font-size: 14px;
  padding: 0;
  margin: 0;
  border: none;
  color: #0069C8;
  font-weight: 600;
  text-decoration: underline;
}

#protectionPlanSection .protectionPlan {
  padding: 16px 12px 21px;
}
#protectionPlanSection .protectionPlan .apPlus h4 {
  font-size: 16px;
  color: #404040;
  line-height: 24px;
  font-weight: 600;
  margin-top: 20px;
}
#protectionPlanSection .protectionPlan .apPlus p {
  font-size: 14px;
  color: #404040;
  line-height: 22px;
}
#protectionPlanSection .protectionPlan .aaronsClub h4 {
  font-size: 16px;
  color: #404040;
  line-height: 24px;
  font-weight: 600;
  margin-top: 20px;
}
#protectionPlanSection .protectionPlan .aaronsClub p {
  font-size: 14px;
  color: #404040;
  line-height: 22px;
}

.LeaseOverview-confirmYourEnrollment {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
  background-color: #f5f5f5;
  border-radius: 4px;
  font-weight: 600;
  padding: 10px 12px;
  margin-bottom: 16px;
  line-height: 22px;
}
.LeaseOverview-confirmYourEnrollment svg {
  flex-shrink: 0;
}

.LeaseOverview-apPlus-keyBenefits,
.LeaseOverview-club-keyBenefits {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin: 12px 0 16px 0;
}
.LeaseOverview-apPlus-keyBenefits .keyBenefit,
.LeaseOverview-club-keyBenefits .keyBenefit {
  display: flex;
  flex-wrap: nowrap;
  gap: 8px;
}
.LeaseOverview-apPlus-keyBenefits .keyBenefit svg,
.LeaseOverview-club-keyBenefits .keyBenefit svg {
  flex-shrink: 0;
}
.LeaseOverview-apPlus-keyBenefits .keyBenefit h4,
.LeaseOverview-club-keyBenefits .keyBenefit h4 {
  margin-bottom: 0;
}

.LeaseOverview-apPlus-toggleKeyBenefits,
.LeaseOverview-club-toggleKeyBenefits {
  margin-top: 4px;
}

.LeaseOverview-comparePlans.CheckoutButton-secondary {
  cursor: pointer;
  width: 100%;
  height: 40px;
}

.LeaseOverview-product.club .alreadyEnrolled {
  margin-bottom: 4px;
}
.LeaseOverview-product.club .alreadyEnrolled svg {
  display: inline-block;
  vertical-align: bottom;
  margin-right: 4px;
}

.comparePlansDialog-dialog table {
  border-collapse: separate;
  border: 1px #dce1e6 solid;
  border-radius: 4px;
  width: 100%;
}
.comparePlansDialog-dialog th {
  padding: 12px;
  text-align: center;
  background-color: #dce1e6;
  font-weight: 600;
}
.comparePlansDialog-dialog td {
  vertical-align: middle;
  padding: 12px;
  text-align: center;
}
.comparePlansDialog-dialog th.benefits, .comparePlansDialog-dialog td.benefits {
  text-align: left;
}
.comparePlansDialog-dialog td.both {
  background-color: #f2f8e3;
}

.WelcomeBack.is-hidden {
  display: none;
}
.WelcomeBack {
  width: 100%;
  padding: 12px;
  background-image: linear-gradient(#f6faeb, #f6faeb), linear-gradient(90deg, #0069c8, #80b010);
  background-color: #f6faeb;
  background-clip: padding-box, border-box;
  background-origin: border-box;
  border-radius: 4px;
  border-top-width: 6px;
  border-color: transparent;
  border-style: solid;
}
.WelcomeBack.existingAlternateApproval, .WelcomeBack.existingDepleted, .WelcomeBack.existingDenial, .WelcomeBack.newAlternateApproval, .WelcomeBack.newDenial {
  background-image: linear-gradient(#fafafa, #fafafa), linear-gradient(90deg, #0069c8, #80b010);
  background-color: #fafafa;
}
.WelcomeBack.newApproval, .WelcomeBack.existingApproval {
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  overflow: hidden;
}
.WelcomeBack {
  margin-bottom: 12px;
}
@media screen and (min-width: 1023px) {
  .WelcomeBack {
    margin-bottom: 16px;
  }
}
.WelcomeBack > .top {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.WelcomeBack > .middle {
  display: none;
  margin: 12px 0;
}
.WelcomeBack > .middle p {
  font-size: 16px;
  line-height: 24px;
  margin-top: 16px;
}
.WelcomeBack > .middle .greatNews {
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
}
.WelcomeBack > .middle .ApprovedAvailableLeasingPowerMsg {
  font-size: 18px;
  font-weight: 500;
}
.WelcomeBack > .middle .ApprovalAmountMessage {
  font-size: 23px;
  font-weight: 600;
  margin-top: 10px;
}
.WelcomeBack > .middle .LeasingPowerSorryMessage {
  font-size: 16px;
  font-weight: 600;
}
.WelcomeBack > .middle .LeasingPowerUnfortunatelyMessage {
  font-size: 16px;
}
.WelcomeBack > .bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.WelcomeBack h1 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 0;
}
@media screen and (min-width: 1023px) {
  .WelcomeBack h1 {
    font-size: 19px;
    line-height: 28px;
  }
}
.WelcomeBack sup {
  font-size: 7px;
  top: -0.85em;
}
.WelcomeBack .button-notYou {
  min-width: 80px;
  align-self: baseline;
  word-wrap: nowrap;
  font-size: 14px;
  line-height: 24px;
  padding: 0;
  margin: 0;
  border: none;
  color: #0069C8;
  font-weight: 600;
  text-decoration: underline;
  text-align: right;
}
@media screen and (min-width: 1023px) {
  .WelcomeBack .button-notYou {
    font-size: 16px;
  }
}
.WelcomeBack .lpHeader {
  width: 100%;
  font-weight: 600;
  margin-bottom: 4px;
}
@media screen and (min-width: 1023px) {
  .WelcomeBack .lpHeader {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 1023px) {
  .WelcomeBack .lpHeader .CheckoutTooltip-icon {
    width: 20px;
    height: 20px;
  }
  .WelcomeBack .lpHeader .CheckoutTooltip-icon::after {
    width: 20px;
    height: 20px;
  }
}
.WelcomeBack .remainingLp {
  text-align: left;
}
.WelcomeBack .lpAmount {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media screen and (min-width: 1023px) {
  .WelcomeBack .lpAmount {
    font-size: 23px;
    line-height: 24px;
  }
}
.WelcomeBack .perMonth {
  font-size: 14px;
  line-height: 24px;
}
@media screen and (min-width: 1023px) {
  .WelcomeBack .perMonth {
    font-size: 16px;
  }
}
.WelcomeBack .expires {
  font-size: 12px;
  line-height: 24px;
  align-self: flex-end;
}
@media screen and (min-width: 1023px) {
  .WelcomeBack .expires {
    font-size: 14px;
  }
}

.WelcomeBack.newApproval > .middle.newApproval {
  display: block;
  position: relative;
  z-index: 2;
}

.WelcomeBack.existingApproval > .middle.existingApproval {
  display: block;
  position: relative;
  z-index: 2;
}

.WelcomeBack.newAlternateApproval > .middle.newAlternateApproval {
  display: block;
}

.WelcomeBack.existingAlternateApproval > .middle.existingAlternateApproval {
  display: block;
}

.WelcomeBack.existingDepleted > .middle.existingDepleted {
  display: block;
}

.WelcomeBack.existingDenial > .middle.existingDenial {
  display: block;
}

.WelcomeBack.newDenial > .middle.newDenial {
  display: block;
}

.WelcomeBack.dvDenial > .middle.dvDenial {
  display: block;
}

.WelcomeBackAbys.is-hidden {
  display: none;
}
.WelcomeBackAbys {
  background: linear-gradient(to right, #00369d, #2654ac);
  border-radius: 10px;
  padding: 16px;
  margin: 20px 0;
  font-size: 16px;
  color: #333;
  position: relative;
  margin-bottom: 40px;
  overflow: hidden;
  box-shadow: 0 8px 0 rgb(145, 199, 18);
  max-width: 844px;
  margin-left: 16px;
  margin-right: 16px;
}
@media screen and (max-width: 1023px) and (min-width: 844px) {
  .WelcomeBackAbys {
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (min-width: 1023px) {
  .WelcomeBackAbys {
    margin-bottom: 60px;
    padding: 63px;
    margin-left: auto;
    margin-right: auto;
  }
}
.WelcomeBackAbys {
  margin-bottom: 12px;
}
@media screen and (min-width: 1023px) {
  .WelcomeBackAbys {
    margin-bottom: 16px;
  }
}
.WelcomeBackAbys > .top {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.WelcomeBackAbys > .middle {
  display: none;
  margin: 12px 0;
}
@media screen and (min-width: 1023px) {
  .WelcomeBackAbys > .middle {
    padding-left: 40px;
  }
}
.WelcomeBackAbys > .middle p {
  font-size: 16px;
  line-height: 24px;
  margin-top: 16px;
}
.WelcomeBackAbys > .middle p.leasingPowerWhite {
  color: white;
  font-size: 14px;
}
@media screen and (min-width: 1023px) {
  .WelcomeBackAbys > .middle p.leasingPowerWhite {
    font-size: 16px;
  }
}
.WelcomeBackAbys > .middle p.leasingPowerWhite sup {
  font-size: 7px;
}
.WelcomeBackAbys > .middle .greatNews {
  font-weight: 600;
  font-size: 16px;
  line-height: 28px;
}
.WelcomeBackAbys > .middle .ApprovedAvailableLeasingPowerMsg {
  font-size: 18px;
  font-weight: 500;
  color: white;
  padding-top: 0;
  padding-left: 0;
  line-height: 28px;
  margin-top: 0;
}
@media screen and (min-width: 1023px) {
  .WelcomeBackAbys > .middle .ApprovedAvailableLeasingPowerMsg {
    font-size: 28px;
    line-height: 48px;
  }
}
.WelcomeBackAbys > .middle .ApprovedAvailableLeasingPowerDepletedMsg {
  font-size: 20px;
  font-weight: 500;
  color: white;
  padding-top: 0;
  padding-left: 0;
  line-height: 26px;
  margin-top: 0;
}
@media screen and (min-width: 1023px) {
  .WelcomeBackAbys > .middle .ApprovedAvailableLeasingPowerDepletedMsg {
    font-size: 28px;
    line-height: 48px;
  }
}
.WelcomeBackAbys > .middle .ApprovalAmountMessage {
  display: inline-flex;
  font-size: 26px;
  font-weight: 700;
  margin-top: 15px;
  color: white;
  margin-left: 0;
}
@media screen and (min-width: 1023px) {
  .WelcomeBackAbys > .middle .ApprovalAmountMessage {
    font-size: 36px;
    line-height: 24px;
    margin-bottom: 7px;
  }
}
.WelcomeBackAbys > .middle .ApprovalAmountMessageDepleted {
  display: inline-flex;
  font-size: 26px;
  font-weight: 700;
  margin-top: 15px;
  color: white;
  margin-left: 0;
  line-height: 34px;
}
@media screen and (min-width: 1023px) {
  .WelcomeBackAbys > .middle .ApprovalAmountMessageDepleted {
    font-size: 36px;
    line-height: 24px;
    margin-bottom: 7px;
  }
}
.WelcomeBackAbys > .middle .LeasingPowerSorryMessage {
  font-size: 16px;
  line-height: 24px;
  color: white;
}
@media screen and (min-width: 1023px) {
  .WelcomeBackAbys > .middle .LeasingPowerSorryMessage {
    font-size: 18px;
    line-height: 28px;
  }
}
.WelcomeBackAbys > .middle .DepletedOhNoParagraph {
  margin-top: 20px;
  font-size: 16px;
  z-index: 2;
  position: relative;
}
@media screen and (min-width: 1023px) {
  .WelcomeBackAbys > .middle .DepletedOhNoParagraph {
    margin-top: 40px;
    max-width: 65%;
    font-size: 18px;
  }
}
.WelcomeBackAbys > .middle .DepletedReapplyParagraph {
  margin-top: 16px;
  font-size: 16px;
  line-height: 24px;
  z-index: 2;
  position: relative;
}
@media screen and (min-width: 1023px) {
  .WelcomeBackAbys > .middle .DepletedReapplyParagraph {
    font-size: 18px;
    margin-top: 24px;
    max-width: 60%;
  }
}
.WelcomeBackAbys > .middle .LeasingPowerUnfortunatelyMessage {
  font-size: 16px;
  color: white;
  line-height: 24px;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 1023px) {
  .WelcomeBackAbys > .middle .LeasingPowerUnfortunatelyMessage {
    font-size: 18px;
    line-height: 28px;
  }
}
.WelcomeBackAbys > .bottom {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.WelcomeBackAbys h1 {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 0;
}
@media screen and (min-width: 1023px) {
  .WelcomeBackAbys h1 {
    font-size: 19px;
    line-height: 28px;
  }
}
.WelcomeBackAbys sup {
  font-size: 8px;
  top: -0.7em;
}
@media screen and (min-width: 1023px) {
  .WelcomeBackAbys sup {
    font-size: 10px;
    top: -0.8em;
  }
}
.WelcomeBackAbys .button-notYou {
  min-width: 80px;
  align-self: baseline;
  word-wrap: nowrap;
  font-size: 14px;
  line-height: 24px;
  padding: 0;
  margin: 0;
  border: none;
  color: #0069C8;
  font-weight: 600;
  text-decoration: underline;
  text-align: right;
}
@media screen and (min-width: 1023px) {
  .WelcomeBackAbys .button-notYou {
    font-size: 16px;
  }
}
.WelcomeBackAbys .lpHeader {
  width: 100%;
  font-weight: 600;
  margin-bottom: 4px;
}
@media screen and (min-width: 1023px) {
  .WelcomeBackAbys .lpHeader {
    font-size: 16px;
    line-height: 24px;
  }
}
@media screen and (min-width: 1023px) {
  .WelcomeBackAbys .lpHeader .CheckoutTooltip-icon {
    width: 20px;
    height: 20px;
  }
  .WelcomeBackAbys .lpHeader .CheckoutTooltip-icon::after {
    width: 20px;
    height: 20px;
  }
}
.WelcomeBackAbys .remainingLp {
  text-align: left;
}
.WelcomeBackAbys .lpAmount {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
}
@media screen and (min-width: 1023px) {
  .WelcomeBackAbys .lpAmount {
    font-size: 23px;
    line-height: 24px;
  }
}
.WelcomeBackAbys .perMonth {
  font-size: 14px;
  line-height: 24px;
}
@media screen and (min-width: 1023px) {
  .WelcomeBackAbys .perMonth {
    font-size: 16px;
  }
}
.WelcomeBackAbys .expires {
  font-size: 12px;
  line-height: 24px;
  align-self: flex-end;
}
@media screen and (min-width: 1023px) {
  .WelcomeBackAbys .expires {
    font-size: 14px;
  }
}

.WelcomeBackAbys.newApproval > .middle.newApproval {
  display: block;
  position: relative;
  z-index: 2;
}

.WelcomeBackAbys.existingApproval > .middle.existingApproval {
  display: block;
  position: relative;
  z-index: 2;
}

.WelcomeBackAbys.newAlternateApproval > .middle.newAlternateApproval {
  display: block;
}

.WelcomeBackAbys.existingAlternateApproval > .middle.existingAlternateApproval {
  display: block;
}

.WelcomeBackAbys.existingDepleted > .middle.existingDepleted {
  display: block;
}
@media screen and (min-width: 1023px) {
  .WelcomeBackAbys.existingDepleted > .middle.existingDepleted {
    margin-top: -15px;
    margin-bottom: -31px;
  }
}

.WelcomeBackAbys.existingDenial > .middle.existingDenial {
  display: block;
}

.WelcomeBackAbys.newDenial > .middle.newDenial {
  display: block;
}

.WelcomeBackAbys.dvDenial > .middle.dvDenial {
  display: block;
}

.AbysGrayWrapper {
  background-color: #f7f7f7;
  padding: 25px 0 10px 0;
}
@media screen and (min-width: 1023px) {
  .AbysGrayWrapper {
    padding: 45px 25px 54px 25px;
  }
}

.AbysWelcomeHeader {
  font-size: 26px;
  font-weight: 700;
  text-align: center;
  line-height: 32px;
}
@media screen and (min-width: 1023px) {
  .AbysWelcomeHeader {
    font-size: 36px;
    padding: 20px 0;
  }
}

.NotYou-dialog button {
  margin-bottom: 16px;
}
.NotYou-dialog .button-callUs {
  display: block;
  line-height: 48px;
  font-weight: 700;
}
.NotYou-dialog p {
  font-size: 16px;
  line-height: 24px;
}

.WelcomeBack-InfoIcon .CheckoutTooltip-icon {
  width: 20px;
  height: 20px;
  margin-left: 0;
  margin-bottom: 5px;
}
.WelcomeBack-InfoIcon .CheckoutTooltip-icon::after {
  cursor: pointer;
  width: 20px;
  height: 20px;
}

.AboutLeasingPower-dialog {
  font-size: 16px;
  line-height: 24px;
}
.AboutLeasingPower-dialog ul {
  list-style: disc;
}
.AboutLeasingPower-dialog li {
  list-style: disc;
  margin-left: 16px;
  margin-bottom: 16px;
}

.LinkedLeasingPowerInfo-dialog {
  font-size: 16px;
  line-height: 24px;
}
.LinkedLeasingPowerInfo-dialog p:not(:last-child) {
  margin-bottom: 16px;
}

.LeasingPowerLinkSection {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  padding: 8px;
  border: 2px #E5E5E5 solid;
  border-radius: 5px;
  box-sizing: border-box;
  margin: 0 0 24px 0;
  font-size: 13px;
  line-height: 20px;
}
@media screen and (min-width: 1023px) {
  .LeasingPowerLinkSection {
    padding: 16px;
    font-size: 16px;
    line-height: 24px;
  }
}
.LeasingPowerLinkSection .iconWrapper {
  display: flex;
  flex-flow: column;
  justify-content: center;
  flex-shrink: 0;
  margin-right: 8px;
}
.LeasingPowerLinkSection .words {
  flex-grow: 1;
}
.LeasingPowerLinkSection .words .boldWords {
  font-weight: 600;
}
.LeasingPowerLinkSection .LinkedLeasingPowerInfo {
  flex-shrink: 0;
}

/* Leasing Power Box Animation */
.LeasingPowerApprovedAnimation .square {
  width: 12px;
  height: 12px;
  background-color: #72A431;
  position: absolute;
  opacity: 0; /* Start as hidden */
  animation: fadeInOut 550ms;
  animation-play-state: paused; /* Paused initially */
  border-radius: 1.5px;
}

/* Fading animation */
@keyframes fadeInOut {
  0% {
    opacity: 0;
  }
  45% {
    opacity: 1;
  } /* Fades in over 250ms */
  55% {
    opacity: 1;
  } /* Holds at full opacity for 50ms */
  100% {
    opacity: 0;
  } /* Fades out over 250ms */
}
.diagonal-line {
  position: absolute;
  width: 100px;
  height: 300%;
  background-image: linear-gradient(to top, #DCECB2, #EBF5D4);
  transform: rotate(45deg);
  top: -81%;
  left: -6%;
  z-index: 0;
  opacity: 0;
  animation: glimmer 1000ms ease-out;
  animation-play-state: paused; /* Paused initially */
  animation-delay: 300ms;
}

/* glimmer animation */
@keyframes glimmer {
  0% {
    left: 0%;
    opacity: 0;
  }
  1% {
    left: 1%;
    opacity: 1;
  }
  40% {
    left: 100%; /* Move to the right */
    opacity: 1;
  }
  50% {
    left: 120%; /* Pause at 100% */
    opacity: 1;
  }
  70% {
    left: 100%; /* Keep it still for a brief moment */
    opacity: 1;
  }
  100% {
    left: -50%; /* Move back to the left */
    opacity: 0;
  }
}
/* Leasing Power Box Animation End */
.StartShoppingButton {
  border: none;
  font-size: 16px;
}

.StartShoppingButton:hover {
  background-color: #E0EDF8;
  color: #00369D;
}

.StartShoppingButtonDiv {
  margin-top: 25px;
}
@media screen and (min-width: 1023px) {
  .StartShoppingButtonDiv {
    margin-top: 32px;
  }
}

.StartShoppingStickyButtonDiv {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  padding: 18px 16px;
  background-color: white;
  box-shadow: rgba(0, 0, 0, 0.1) 4px 4px 10px;
}

.WhiteTooltipIcon {
  display: flex;
  width: 24px;
  height: 24px;
  align-items: center;
  flex-shrink: 0;
  margin-left: 10px;
}
@media screen and (min-width: 1023px) {
  .WhiteTooltipIcon {
    width: 32px;
    height: 32px;
  }
}

.WhiteTooltipIcon::after {
  content: "";
  display: block;
  background-image: url(../images/svg/circle-info-white.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 100%;
}

.AbysLeasingPowerBladesImage {
  position: absolute;
  bottom: -5px;
  height: 106%;
  right: -21px;
}
@media screen and (min-width: 1023px) {
  .AbysLeasingPowerBladesImage {
    height: 125%;
    right: 0;
  }
}

.AbysLeasingPowerBladesImageDepleted {
  position: absolute;
  bottom: -101px;
  height: 106%;
  right: -70px;
}
@media screen and (min-width: 1023px) {
  .AbysLeasingPowerBladesImageDepleted {
    bottom: -5px;
    height: 125%;
    right: 0;
  }
}

.AbysLeasingPowerBladesImageDenied {
  position: absolute;
  bottom: -48px;
  height: 106%;
  right: 0;
}
@media screen and (min-width: 1023px) {
  .AbysLeasingPowerBladesImageDenied {
    height: 125%;
    right: 0;
  }
}

.ChangeStore-dialog.CheckoutDialog-ui-dialog-content {
  padding-top: 0;
  padding-bottom: 0;
}
.ChangeStore-dialog .ChangeStore-store-row {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 8px 0;
  align-items: center;
}
.ChangeStore-dialog .ChangeStore-store-row:not(:last-child) {
  border-bottom: 1px solid #cccccc;
}
.ChangeStore-dialog .ChangeStore-store-row .address {
  width: 60%;
}
.ChangeStore-dialog .ChangeStore-store-row .address span {
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
  color: #000000;
  display: inline-block;
  width: 100%;
}

.ChangeTerms-dialog {
  box-sizing: border-box;
  font-size: 14px;
}
.ChangeTerms-dialog .is-hidden {
  display: none;
}

.ChangeTerms-lpCovers {
  font-weight: 600;
  margin-bottom: 12px;
}

.ChangeTerms-options {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 16px;
}

button.ChangeTerms-option {
  display: block;
  background-color: white;
  border: 1px #d3d8de solid;
  border-radius: 4px;
  padding: 16px 0;
  width: 100%;
  text-align: center;
  font-weight: 600;
  cursor: pointer;
}
button.ChangeTerms-option[data-checked=true] {
  background-color: #edfcff;
  border: 2px #0069c8 solid;
}

.ChangeTerms-planInfo {
  background-color: #f9f9f9;
  padding: 12px;
}

.ChangeTerms-planPayment {
  margin-bottom: 12px;
}
.ChangeTerms-planPayment .leaseAmount, .ChangeTerms-planPayment .per {
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 700;
  font-size: 22px;
  line-height: 24px;
}
.ChangeTerms-planPayment .asterisk {
  font-size: 12px;
  display: inline-block;
  vertical-align: super;
}
.ChangeTerms-planPayment .for, .ChangeTerms-planPayment .numberOfPayments, .ChangeTerms-planPayment .timePeriod {
  font-weight: 600;
  line-height: 20px;
}

.ChangeTerms-planTotal .row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  margin-bottom: 4px;
  line-height: 20px;
}
.ChangeTerms-planTotal .row.bold {
  font-weight: 600;
}
.ChangeTerms-planTotal .label {
  text-align: left;
  font-weight: unset;
  margin: unset;
}
.ChangeTerms-planTotal .value {
  text-align: right;
}
.ChangeTerms-planTotal .value .perMonth {
  font-size: 12px;
}
.ChangeTerms-planTotal hr {
  margin: 8px 0;
  height: 1px;
  background-color: #CCCCCC;
  border: none;
}

.ChangeTerms-leasingPower {
  margin-top: 8px;
}
.ChangeTerms-leasingPower p {
  font-size: 14px;
  letter-spacing: unset;
  margin-top: 8px;
}
.ChangeTerms-leasingPower .amountValue {
  font-weight: 600;
}

button.ChangeTerms-submit {
  display: block;
  margin: 16px auto 0 auto;
}

.LPDetails-summary {
  box-sizing: border-box;
  width: 100%;
  padding: 12px;
  background-image: linear-gradient(#fafafa, #fafafa), linear-gradient(90deg, #0069c8, #80b010);
  background-color: #fafafa;
  background-clip: padding-box, border-box;
  background-origin: border-box;
  border-radius: 4px;
  border-top-width: 6px;
  border-color: transparent;
  border-style: solid;
  background-color: #fafafa;
  margin-bottom: 16px;
  font-size: 14px;
  display: inline-flex;
  flex-wrap: wrap;
  column-gap: 28px;
  justify-content: center;
}
.LPDetails-summary .lpDetails-container {
  min-width: 35%;
}
.LPDetails-summary .row {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: nowrap;
  margin-bottom: 9px;
  line-height: 20px;
  padding: 0px 8px;
}
.LPDetails-summary .row.bold {
  font-weight: 600;
  background: #91c712;
  border-radius: 4px;
}
.LPDetails-summary .row.bold .label {
  margin-bottom: 0;
}
.LPDetails-summary .label {
  text-align: left;
  font-weight: unset;
  margin: unset;
}
.LPDetails-summary .value {
  text-align: right;
}
.LPDetails-summary .value .perMonth {
  font-size: 12px;
}
.LPDetails-summary .footnote {
  font-size: 12px;
  line-height: 20px;
}
.LPDetails-summary .footnote img.notice {
  vertical-align: text-bottom;
  margin-right: 4px;
}

a.LPDetails-faq {
  color: #0069c8;
  font-weight: 600;
  text-decoration: underline;
}

.LPDetails-about h2 {
  font-size: 18px;
  margin-bottom: 12px;
  font-weight: 500;
}
.LPDetails-about ul {
  list-style: disc;
}
.LPDetails-about li {
  list-style: disc;
  margin-left: 16px;
  margin-bottom: 16px;
  line-height: 20px;
  font-size: 14px;
}

.LPDetails-infoIcon {
  display: block;
}
.LPDetails-infoIcon .CheckoutTooltip-icon {
  width: 20px;
  height: 20px;
  margin-left: 0;
}
.LPDetails-infoIcon .CheckoutTooltip-icon::after {
  cursor: pointer;
  width: 20px;
  height: 20px;
}

.LPDetails-sm {
  font-size: 40%;
  top: 0;
  vertical-align: super;
}

/* Pie Chart */
#pieRect {
  position: relative;
  background: #fafafa;
  width: 96px;
  height: 96px;
}
@media screen and (max-width: 390) {
  #pieRect {
    width: 86px;
    height: 75px;
  }
}

#pieCircleOuter {
  position: absolute;
  background: #0069c8;
  width: 100%;
  height: 100%;
  clip-path: circle(50%);
}

#pieClip {
  position: absolute;
  background: #91c712;
  width: 100%;
  height: 100%;
}

#pieCircleInner {
  position: absolute;
  background: #fafafa;
  top: 10%;
  left: 10%;
  width: 80%;
  height: 80%;
  clip-path: circle(50%);
}

.AlreadyHaveLp-dialog {
  font-size: 16px;
  line-height: 24px;
}
.AlreadyHaveLp-dialog ul {
  list-style: disc;
}
.AlreadyHaveLp-dialog li {
  list-style: disc;
  margin-left: 16px;
  margin-bottom: 16px;
}

.AboutLp-dialog {
  font-size: 16px;
  line-height: 24px;
}
.AboutLp-dialog ul {
  list-style: disc;
}
.AboutLp-dialog li {
  list-style: disc;
  margin-left: 16px;
  margin-bottom: 16px;
}

.apPlusInfoDialog.apPlusModal-dialog {
  padding: 1rem 1rem 1.5rem;
}
.apPlusInfoDialog img {
  width: 100%;
}
.apPlusInfoDialog .apPlus-body {
  border: 1px solid #ccc;
  border-radius: 0 0 4px 4px;
  color: #404040;
  line-height: 17px;
  margin-bottom: 19px;
  padding: 1rem;
}
.apPlusInfoDialog ul {
  font-weight: 700;
  padding: 1rem;
}
.apPlusInfoDialog ul li {
  list-style: disc;
}
.apPlusInfoDialog ol {
  padding: 1rem;
}
.apPlusInfoDialog ol li {
  list-style: decimal;
  padding: 0.25rem 0.5rem;
}
.apPlusInfoDialog .disclaimer {
  font-style: italic;
}
.apPlusInfoDialog .apPlus-btn.CheckoutButton-secondary {
  border: 1px solid #0069c8;
  width: 100%;
}

.apPlus-infoIcon {
  display: inline;
}
.apPlus-infoIcon .CheckoutTooltip-icon::after {
  cursor: pointer;
}

.apPlusInfoDialog-hiddenWrapper {
  display: none !important;
}

#couponcode-main {
  float: left;
  height: 3rem;
  position: relative;
  width: 100%;
}
#couponcode-main .form-row.couponcode {
  margin: 0;
  max-width: 250px;
  width: 40%;
}
@media screen and (max-width: 1023.99px) {
  #couponcode-main .form-row.couponcode {
    width: calc(100% - 110px);
  }
}
#couponcode-main .form-row.couponcode .inputfieldjs-label.hidden {
  display: none;
}
#couponcode-main .form-row.couponcode input {
  padding: 0 0 0 1em;
}
#couponcode-main .form-row.couponcode input::placeholder {
  color: #404040;
}

.couponcode-section-failure, .couponcode-section-success, .couponcode-section-apply, .couponcode-section-initial {
  opacity: 1;
  animation-duration: 0.5s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  box-sizing: border-box;
  left: 0;
  padding: 0 1rem;
  position: absolute;
  top: 0;
  width: 100%;
}
@media screen and (max-width: 1023.99px) {
  .couponcode-section-failure, .couponcode-section-success, .couponcode-section-apply, .couponcode-section-initial {
    padding: 0;
  }
}
.fadeInUp.couponcode-section-failure, .fadeInUp.couponcode-section-success, .fadeInUp.couponcode-section-apply, .fadeInUp.couponcode-section-initial {
  opacity: 0;
  animation-name: couponFadeInUp;
  -webkit-animation-name: couponFadeInUp;
}
.fadeOutDown.couponcode-section-failure, .fadeOutDown.couponcode-section-success, .fadeOutDown.couponcode-section-apply, .fadeOutDown.couponcode-section-initial {
  opacity: 1;
  animation-name: couponFadeOutDown;
  -webkit-animation-name: couponFadeOutDown;
}
.hidden.couponcode-section-failure, .hidden.couponcode-section-success, .hidden.couponcode-section-apply, .hidden.couponcode-section-initial {
  display: none;
}

.couponcode-section-initial {
  z-index: 10;
}
@media screen and (max-width: 1023.99px) {
  .couponcode-section-initial {
    padding: 0 1rem;
  }
}

.couponcode-section-apply {
  z-index: 20;
  display: flex;
  flex-flow: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  padding: 0;
}

.couponcode-section-success {
  z-index: 30;
}

.couponcode-section-failure {
  z-index: 30;
}

.couponcode-button-reset, .couponcode-button-addcoupon {
  border: none;
  color: #00369D;
  cursor: pointer;
  font-weight: normal;
  padding: 0;
  text-decoration: underline;
}

a.couponcode-button-apply, div.couponcode-button-apply, button.couponcode-button-apply {
  border-radius: 0;
  font-size: 12px;
  font-weight: 600;
  height: 50px;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  width: 110px;
}

.couponcode-button-reset {
  padding: 0.25em 0;
}

.couponCodeBold {
  font-weight: 700;
  line-height: normal;
}

@keyframes couponFadeInUp {
  from {
    transform: translate3d(0, 55px, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@-webkit-keyframes couponFadeInUp {
  from {
    transform: translate3d(0, 55px, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
@keyframes couponFadeOutDown {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(0, 55px, 0);
    opacity: 0;
  }
}
@-webkit-keyframes couponFadeOutDown {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  to {
    transform: translate3d(0, 55px, 0);
    opacity: 0;
  }
}
.hpp-iframecontainer {
  overflow: hidden;
  max-width: 700px;
  height: 700px;
  margin: 0 auto;
}

.hpp-iframe {
  width: calc(100% - 1px);
  height: 100%;
  border: none;
}

#DeliveryAndContact-main {
  display: grid;
  grid-template-columns: 100%;
  grid-template-areas: "topsection" "leaseoverview" "form";
  column-gap: 16px;
  row-gap: 0;
}
@media screen and (min-width: 1023px) {
  #DeliveryAndContact-main {
    grid-template-columns: auto auto;
    grid-template-rows: minmax(0, min-content) auto;
    grid-template-areas: "topsection leaseoverview" "form leaseoverview";
  }
}
#DeliveryAndContact-main #Section-FormArea {
  grid-area: form;
  order: 500;
  position: relative;
}
#DeliveryAndContact-main #Section-LeaseOverview {
  grid-area: leaseoverview;
  order: 300;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 1023px) {
  #DeliveryAndContact-main #Section-LeaseOverview {
    width: 400px;
  }
}
#DeliveryAndContact-main #Section-Top {
  grid-area: topsection;
  order: 100;
  width: 100%;
  position: relative;
}
#DeliveryAndContact-main .uxpin-alert {
  margin-bottom: 8px;
}

.pt_abys #DeliveryAndContact-main {
  display: block;
}

.NoDecisionFound {
  background-image: linear-gradient(#fafafa, #fafafa), linear-gradient(90deg, #15bef0 0%, #0069c8 100%);
  background-color: #fafafa;
  background-clip: padding-box, border-box;
  background-origin: border-box;
  border-radius: 4px;
  border-top-width: 6px;
  border-color: transparent;
  border-style: solid;
  margin-bottom: 1.5rem;
  padding: 16px 24px 20px;
  position: relative;
}

.NoDecisionFound-title {
  color: #404040;
  font-size: 20px;
  font-weight: 700;
  line-height: 24px;
}

.NoDecisionFound-account {
  color: #404040;
  font-size: 12px;
  line-height: 16px;
  position: absolute;
  right: 24px;
  top: 16px;
  white-space: nowrap;
}

.pt_checkout2 .NoDecisionFound-signOut {
  color: inherit;
  font-weight: 700;
  text-decoration: underline;
}

.NoDecisionFound-message {
  color: #404040;
  font-size: 16px;
  line-height: 24px;
  margin-top: 4px;
}

.NoDecisionFound-infoIcon {
  background-color: #0069c8;
  border: 0;
  cursor: pointer;
  display: inline-block;
  height: 16px;
  margin-left: 4px;
  mask: url("../images/svg/circle-info-white.svg") center/contain no-repeat;
  padding: 0;
  vertical-align: -2px;
  -webkit-mask: url("../images/svg/circle-info-white.svg") center/contain no-repeat;
  width: 16px;
}

.NoDecisionFound-dialog {
  display: none;
  font-size: 16px;
  line-height: 24px;
}
.NoDecisionFound-dialog.CheckoutDialog-ui-dialog-content {
  padding-top: 0;
}

.NoDecisionFound-dialog-container .CheckoutDialog-ui-dialog-titlebar {
  border-bottom: 0;
}

.NoDecisionFound-dialog p {
  margin: 0 0 24px;
}

@media screen and (max-width: 1023px) {
  .NoDecisionFound {
    margin-bottom: 1rem;
    padding: 12px;
  }
  .NoDecisionFound-title {
    font-size: 16px;
    line-height: 20px;
  }
  .NoDecisionFound-message {
    font-size: 12px;
    line-height: 20px;
  }
  .NoDecisionFound-account {
    margin-top: 4px;
    position: static;
  }
}
.DeliveryAndContact form {
  margin-bottom: 1.5rem;
}

.pt_abys .DeliveryAndContact form {
  margin: 0 auto 1.5rem;
  max-width: 630px;
}

.DeliveryAndContact-textAbove {
  width: 100%;
  margin-bottom: -8px;
}
.DeliveryAndContact-textAbove {
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 0.813rem;
  line-height: 1.66rem;
}
@media screen and (min-width: 1024px) {
  .DeliveryAndContact-textAbove {
    font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
    font-size: 0.813rem;
    line-height: 1.18698rem;
  }
}
.DeliveryAndContact-textAbove {
  line-height: unset;
}

.DeliveryAndContact .CheckoutInput-wrapper {
  flex-grow: 1;
}
.DeliveryAndContact .CheckoutInput-wrapper.is-hidden {
  display: none;
}
.DeliveryAndContact .CheckoutInput-wrapper.CheckoutField-firstName {
  width: 55%;
}
.DeliveryAndContact .CheckoutInput-wrapper.CheckoutField-middleInitial {
  width: 5%;
}
.DeliveryAndContact .CheckoutInput-wrapper.CheckoutField-city {
  width: 40%;
}
.DeliveryAndContact .CheckoutInput-wrapper.CheckoutField-state {
  width: 15%;
}
.DeliveryAndContact .CheckoutInput-wrapper.CheckoutField-postal {
  width: 15%;
}

.DeliveryAndContact-addressValidationError {
  width: 100%;
  margin-top: -16px;
}
.DeliveryAndContact-addressValidationError.is-hidden {
  display: none;
}

.DeliveryAndContact-extraSpaceBelow {
  margin-bottom: 1.5rem;
}

.pt_abys .DeliveryAndContact-extraSpaceBelow {
  margin-bottom: 1rem;
}

.DeliveryAndContact .telemarketing-text {
  margin: 0;
  padding: 0 0 0.5rem;
  line-height: 1.5em;
  text-align: left;
  font-size: 14px;
}
@media screen and (min-width: 1024px) {
  .DeliveryAndContact .telemarketing-text {
    font-size: 16px;
  }
}

.DeliveryAndContact-checkboxLabel {
  display: flex;
  flex-wrap: nowrap;
  line-height: 1.25em;
}
.DeliveryAndContact-checkboxLabel p {
  margin-left: 0.5rem;
  padding: 0 0 1rem;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .DeliveryAndContact-checkboxLabel p {
    font-size: 16px;
    line-height: 1.25em;
  }
}
.DeliveryAndContact-checkboxLabel .CheckoutInput-wrapper {
  width: auto;
}

.DiscoverLp {
  width: 100%;
  padding: 12px;
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 600;
  background-image: linear-gradient(#fafafa, #fafafa), linear-gradient(90deg, #0069c8, #80b010);
  background-color: #fafafa;
  background-clip: padding-box, border-box;
  background-origin: border-box;
  border-radius: 4px;
  border-top-width: 6px;
  border-color: transparent;
  border-style: solid;
}
@media screen and (min-width: 1024px) {
  .DiscoverLp {
    margin-bottom: 16px;
  }
}
.DiscoverLp.is-hidden {
  display: none;
}
.DiscoverLp > .top {
  display: flex;
  justify-content: space-between;
}
.DiscoverLp > .top p {
  margin-bottom: 12px;
}
@media screen and (min-width: 1024px) {
  .DiscoverLp > .top p {
    margin-bottom: 16px;
  }
}
.DiscoverLp .infoIcon-wrapper {
  flex-grow: 0;
  flex-shrink: 0;
}
.DiscoverLp button.button-alreadyHaveLp {
  font-size: 16px;
  line-height: 28px;
  padding: 0;
  margin: 0;
  border: none;
  color: #0069C8;
  font-weight: 600;
  text-decoration: underline;
}
.DiscoverLp button.button-alreadyHaveLp.is-hidden {
  display: none;
}

.DeliveryAndContact-emailReminder {
  position: relative;
  background-color: rgba(209, 222, 255, 0.3);
  border-radius: 4px;
  padding: 12px 12px 8px 12px;
  margin-bottom: 20px;
}
.DeliveryAndContact-emailReminder span {
  font-size: 14px;
  line-height: 22px;
  position: relative;
  top: -4px;
  display: inline-block;
  margin-left: 30px;
}
.DeliveryAndContact-emailReminder::before {
  position: absolute;
  content: "";
  background-image: url(../images/svg/abys-envelope.svg);
  background-repeat: no-repeat;
  width: 20px;
  height: 15px;
}

h1.DiscoverLeasingPowerApplication {
  line-height: 32px;
  font-weight: 600;
  margin: 0 auto 1rem;
  max-width: 630px;
}

#ApplicationDetails-main {
  display: grid;
  grid-template-columns: 100%;
  grid-template-areas: "topsection" "leaseoverview" "form";
  column-gap: 16px;
  row-gap: 0;
}
@media screen and (min-width: 1023px) {
  #ApplicationDetails-main {
    grid-template-columns: auto auto;
    grid-template-rows: minmax(0, min-content) auto;
    grid-template-areas: "topsection leaseoverview" "form leaseoverview";
  }
}
#ApplicationDetails-main #Section-FormArea {
  grid-area: form;
  order: 500;
  position: relative;
}
#ApplicationDetails-main #Section-LeaseOverview {
  grid-area: leaseoverview;
  order: 300;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 1023px) {
  #ApplicationDetails-main #Section-LeaseOverview {
    width: 400px;
  }
}
#ApplicationDetails-main #Section-Top {
  grid-area: topsection;
  order: 100;
  width: 100%;
  position: relative;
}

.pt_abys #ApplicationDetails-main {
  display: block;
}

.YourStore {
  width: 100%;
  margin-bottom: 1rem;
}

@media screen and (min-width: 1024px) {
  .YourStore-header {
    margin-bottom: 8px;
  }
}

.YourStore span {
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: unset;
  display: inline-block;
  width: 100%;
}
.YourStore span.is-hidden {
  display: none;
}
@media screen and (min-width: 1023px) {
  .YourStore span {
    line-height: 28px;
  }
}

.YourStore button {
  font-size: 1rem;
  padding: 8px 0;
  margin: 0;
  border: none;
  color: #0069C8;
  font-weight: 600;
  text-decoration: underline;
}

.DeliveryAndContactMini {
  width: 100%;
  margin-bottom: 1rem;
}

@media screen and (min-width: 1024px) {
  .DeliveryAndContactMini-header {
    margin-bottom: 8px;
  }
}

.DeliveryAndContactMini span {
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
  letter-spacing: unset;
  display: inline-block;
  width: 100%;
}
.DeliveryAndContactMini span.is-hidden {
  display: none;
}
@media screen and (min-width: 1023px) {
  .DeliveryAndContactMini span {
    line-height: 28px;
  }
}

.DeliveryAndContactMini button {
  font-size: 1rem;
  padding: 8px 0;
  margin: 0;
  border: none;
  color: #0069C8;
  font-weight: 600;
  text-decoration: underline;
}

.ApplicationDetails {
  position: relative;
}

.ApplicationDetails form {
  margin-bottom: 1.5rem;
}

.pt_abys .ApplicationDetails form {
  margin: 0 auto 1.5rem;
  max-width: 630px;
}

.pt_abys .Checkout2-flexFields.income {
  margin-bottom: 40px;
}
@media screen and (min-width: 1023px) {
  .pt_abys .Checkout2-flexFields.income {
    margin-bottom: 32px;
  }
}
.pt_abys .Checkout2-flexFields.income .uxpin-body1 {
  margin-bottom: 0.5rem;
}

.ApplicationDetails-yourData {
  position: relative;
  background-color: rgba(209, 222, 255, 0.3);
  border-radius: 4px;
  padding: 12px 12px 8px 12px;
  margin-bottom: 20px;
}
.ApplicationDetails-yourData span {
  font-size: 14px;
  line-height: 22px;
  position: relative;
  top: -4px;
  display: inline-block;
  margin-left: 30px;
}
.ApplicationDetails-yourData::before {
  position: absolute;
  content: "";
  background-image: url(../images/svg/abys-padlock.svg);
  background-repeat: no-repeat;
  width: 16px;
  height: 18px;
}

.pt_abys .ApplicationDetails-yourData {
  margin: 0 auto 28px;
  max-width: 650px;
}
.pt_abys .ApplicationDetails-yourData span {
  font-size: 14px;
  line-height: 20px;
  position: relative;
  top: -3px;
}
@media screen and (min-width: 1023px) {
  .pt_abys .ApplicationDetails-yourData span {
    font-size: 16px;
    line-height: 24px;
    position: relative;
    top: -4px;
  }
}

.ApplicationDetails-hr {
  margin: 2rem 0;
  height: 1px;
  background-color: #9E9E9E;
  border: none;
}

.ApplicationDetails .Checkout2-bigHeader {
  margin-bottom: 1rem;
}

.ApplicationDetails .CheckoutLegend.Checkout2-smallHeader {
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .ApplicationDetails .CheckoutLegend.Checkout2-smallHeader {
    font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.75rem;
  }
}

.ApplicationDetails .content-asset .disclaimer b {
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.43rem;
}
@media screen and (min-width: 1024px) {
  .ApplicationDetails .content-asset .disclaimer b {
    font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.25125rem;
  }
}

.ApplicationDetails-isAuthChecked-label {
  width: calc(100% - 48px);
  position: relative;
}
.ApplicationDetails-isAuthChecked-label::before {
  content: "*";
  position: absolute;
  left: -8px;
  color: #C41E24;
}

.ApplicationDetails-ageUnder18Error {
  width: 100%;
  margin-top: -16px;
}
.ApplicationDetails-ageUnder18Error.is-hidden {
  display: none;
}

.AD-expandable-IdProof {
  transition: height 0.15s ease-out;
  width: 100%;
  margin-bottom: 0px;
}
.AD-expandable-IdProof.is-expanded {
  transition: height 0.15s ease-out;
}

.AD-expandable-EmployerInfo {
  transition: height 0.15s ease-out;
}
.AD-expandable-EmployerInfo.is-expanded {
  margin-bottom: 16px;
  transition: height 0.15s ease-out;
}

.AD-expandable-BenefitsInfo,
.AD-expandable-PayFrequency,
.AD-expandable-PayOpts,
.AD-expandable-PayOpts-When {
  transition: height 0.15s ease-out;
  width: 100%;
  margin-bottom: 16px;
}
.AD-expandable-BenefitsInfo.is-expanded,
.AD-expandable-PayFrequency.is-expanded,
.AD-expandable-PayOpts.is-expanded,
.AD-expandable-PayOpts-When.is-expanded {
  transition: height 0.15s ease-out;
}

.AD-expandable-PayOpts-Last,
.AD-expandable-PayOpts-Weekday,
.AD-expandable-PayOpts-DayWeekOfMonth,
.AD-expandable-PayOpts-TwoDays {
  transition: height 0.15s ease-out;
  width: 100%;
  margin-bottom: 0px;
}
.AD-expandable-PayOpts-Last.is-expanded,
.AD-expandable-PayOpts-Weekday.is-expanded,
.AD-expandable-PayOpts-DayWeekOfMonth.is-expanded,
.AD-expandable-PayOpts-TwoDays.is-expanded {
  transition: height 0.15s ease-out;
}

.ApplicationDetails-radioError {
  font-size: 13px;
  color: #c20b0f;
  line-height: 19px;
}

.ApplicationDetails .CheckoutInput-wrapper {
  flex-grow: 1;
}
.ApplicationDetails .CheckoutInput-wrapper.is-hidden {
  display: none;
}
.ApplicationDetails .CheckoutInput-wrapper.CheckoutField-dateOfBirthMonth {
  width: 20%;
}
.ApplicationDetails .CheckoutInput-wrapper.CheckoutField-dateOfBirthDay {
  width: 20%;
}
.ApplicationDetails .CheckoutInput-wrapper.CheckoutField-dateOfBirthYear {
  width: 30%;
}
.ApplicationDetails .CheckoutInput-wrapper.CheckoutField-idNumber {
  width: 30%;
}
.ApplicationDetails .CheckoutInput-wrapper.CheckoutField-idState {
  width: 30%;
}
.ApplicationDetails .CheckoutInput-wrapper.CheckoutField-residenceYears {
  width: 30%;
}
.ApplicationDetails .CheckoutInput-wrapper.CheckoutField-residenceMonths {
  width: 30%;
}
.ApplicationDetails .CheckoutInput-wrapper.CheckoutField-employerPhone {
  width: 55%;
}
.ApplicationDetails .CheckoutInput-wrapper.CheckoutField-employerExt {
  width: 10%;
}
.ApplicationDetails .CheckoutInput-wrapper.CheckoutField-payDayOfWeekSmall {
  width: 30%;
}
.ApplicationDetails .CheckoutInput-wrapper.CheckoutField-payWeek {
  width: 30%;
}
.ApplicationDetails .CheckoutInput-wrapper.CheckoutField-firstPayDay {
  width: 30%;
}
.ApplicationDetails .CheckoutInput-wrapper.CheckoutField-secondPayDay {
  width: 30%;
}
.ApplicationDetails .CheckoutInput-wrapper.CheckoutField-isAuthChecked {
  width: 24px;
}
.ApplicationDetails .CheckoutInput-wrapper.CheckoutField-includeReferralCode {
  width: 100%;
}
.ApplicationDetails .CheckoutInput-wrapper.CheckoutField-includeReferralCode label {
  font-weight: 600;
}
.ApplicationDetails .CheckoutInput-wrapper.CheckoutField-referralCode {
  margin-top: 8px;
}

.CheckoutField-whenDoYouGetPaidRadioDiv {
  display: flex;
  align-items: flex-start;
}

.CheckoutField-whenDoYouGetPaidRadioLabel {
  min-width: 215px;
  margin-left: 10px;
}

.CheckoutField-whenDoYouGetPaidChoice {
  font-size: 1rem;
}

.CheckoutField-whenDoYouGetPaidChoiceDesc {
  font-size: 0.813rem;
}

.ApplicationDetails .disclaimer {
  border: solid 1px #e0e0e0;
  border-radius: 5px;
  margin: 32px 0;
}
.ApplicationDetails .disclaimer .disclaimerContent {
  padding: 10px;
}
.ApplicationDetails .disclaimer .disclaimerContent p {
  margin-bottom: 10px;
}
.ApplicationDetails .disclaimer .disclaimerContent ul {
  padding-left: 20px;
}
.ApplicationDetails .disclaimer .disclaimerContent ul li {
  list-style-type: disc;
  margin-bottom: 10px;
}
.ApplicationDetails .disclaimer .disclaimerContent ul li button {
  font-size: 14px;
  padding: 0;
  margin: 0;
  border: none;
  color: #0069C8;
  font-weight: 600;
  text-decoration: underline;
  margin: 0 0 8px 0;
}
.ApplicationDetails .disclaimer .disclaimerCheckbox {
  background: #f5f5f5;
  border-top: solid 1px #e0e0e0;
  font-weight: 700;
  padding: 10px;
}
.ApplicationDetails .disclaimer .disclaimerCheckbox .disclaimerCheckboxContent {
  display: inline-flex;
}
.ApplicationDetails .disclaimer .disclaimerCheckbox .disclaimerCheckboxContent span {
  margin-top: 3px;
}
.ApplicationDetails .disclaimer .disclaimerCheckbox .CheckoutInput-wrapper {
  margin-right: 10px;
}
.ApplicationDetails .disclaimer .disclaimerCheckbox .CheckoutInput-wrapper input {
  border: solid 2px #757575;
}

.privacyPolicyModalContainer,
.TermsOfServiceModalContainer,
.consentToElectronicDisclosuresModalContainer {
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9000;
  display: none;
  transition: opacity 0.25s ease-in-out;
  background-color: rgba(0, 0, 0, 0.5);
}

.privacyPolicyModalWrappper,
.TermsOfServiceModalWrappper,
.consentToElectronicDisclosuresModalWrappper {
  position: fixed;
  top: 60px;
  left: 50%;
  transform: translate(-50%, 0);
  background-color: #ffffff;
  z-index: 999;
  box-shadow: 0px 0px 24px rgba(0, 0, 0, 0.2);
  stroke-width: 1;
  margin-top: 0;
  width: 100%;
  height: calc(100% - 60px);
}
@media screen and (min-width: 1023px) {
  .privacyPolicyModalWrappper,
  .TermsOfServiceModalWrappper,
  .consentToElectronicDisclosuresModalWrappper {
    top: 80px;
    height: calc(100% - 80px);
    width: 100%;
  }
}
.privacyPolicyModalWrappper .closeBtnWrapper,
.TermsOfServiceModalWrappper .closeBtnWrapper,
.consentToElectronicDisclosuresModalWrappper .closeBtnWrapper {
  display: block;
  background: #0069c8;
  width: 100%;
  text-align: center;
  padding: 16px;
  position: relative;
}
@media screen and (min-width: 1023px) {
  .privacyPolicyModalWrappper .closeBtnWrapper,
  .TermsOfServiceModalWrappper .closeBtnWrapper,
  .consentToElectronicDisclosuresModalWrappper .closeBtnWrapper {
    display: none;
  }
}
.privacyPolicyModalWrappper .closeBtnWrapper .consentToElectronicDisclosuresModalContent-closeButton,
.privacyPolicyModalWrappper .closeBtnWrapper .privacyPolicyModalContent-closeButton,
.privacyPolicyModalWrappper .closeBtnWrapper .TermsOfServiceModalContent-closeButton,
.TermsOfServiceModalWrappper .closeBtnWrapper .consentToElectronicDisclosuresModalContent-closeButton,
.TermsOfServiceModalWrappper .closeBtnWrapper .privacyPolicyModalContent-closeButton,
.TermsOfServiceModalWrappper .closeBtnWrapper .TermsOfServiceModalContent-closeButton,
.consentToElectronicDisclosuresModalWrappper .closeBtnWrapper .consentToElectronicDisclosuresModalContent-closeButton,
.consentToElectronicDisclosuresModalWrappper .closeBtnWrapper .privacyPolicyModalContent-closeButton,
.consentToElectronicDisclosuresModalWrappper .closeBtnWrapper .TermsOfServiceModalContent-closeButton {
  border: solid 2px #fff;
  border-radius: 4px;
  color: #fff;
  width: 100%;
}
.privacyPolicyModalWrappper .closeBtnWrapper .consentToElectronicDisclosuresModalContent-closeButton:hover, .privacyPolicyModalWrappper .closeBtnWrapper .consentToElectronicDisclosuresModalContent-closeButton:focus,
.privacyPolicyModalWrappper .closeBtnWrapper .privacyPolicyModalContent-closeButton:hover,
.privacyPolicyModalWrappper .closeBtnWrapper .privacyPolicyModalContent-closeButton:focus,
.privacyPolicyModalWrappper .closeBtnWrapper .TermsOfServiceModalContent-closeButton:hover,
.privacyPolicyModalWrappper .closeBtnWrapper .TermsOfServiceModalContent-closeButton:focus,
.TermsOfServiceModalWrappper .closeBtnWrapper .consentToElectronicDisclosuresModalContent-closeButton:hover,
.TermsOfServiceModalWrappper .closeBtnWrapper .consentToElectronicDisclosuresModalContent-closeButton:focus,
.TermsOfServiceModalWrappper .closeBtnWrapper .privacyPolicyModalContent-closeButton:hover,
.TermsOfServiceModalWrappper .closeBtnWrapper .privacyPolicyModalContent-closeButton:focus,
.TermsOfServiceModalWrappper .closeBtnWrapper .TermsOfServiceModalContent-closeButton:hover,
.TermsOfServiceModalWrappper .closeBtnWrapper .TermsOfServiceModalContent-closeButton:focus,
.consentToElectronicDisclosuresModalWrappper .closeBtnWrapper .consentToElectronicDisclosuresModalContent-closeButton:hover,
.consentToElectronicDisclosuresModalWrappper .closeBtnWrapper .consentToElectronicDisclosuresModalContent-closeButton:focus,
.consentToElectronicDisclosuresModalWrappper .closeBtnWrapper .privacyPolicyModalContent-closeButton:hover,
.consentToElectronicDisclosuresModalWrappper .closeBtnWrapper .privacyPolicyModalContent-closeButton:focus,
.consentToElectronicDisclosuresModalWrappper .closeBtnWrapper .TermsOfServiceModalContent-closeButton:hover,
.consentToElectronicDisclosuresModalWrappper .closeBtnWrapper .TermsOfServiceModalContent-closeButton:focus {
  background: #00369d;
  border: solid 2px #8c8c8c;
}
.privacyPolicyModalWrappper .closeBtnWrapper.desktop,
.TermsOfServiceModalWrappper .closeBtnWrapper.desktop,
.consentToElectronicDisclosuresModalWrappper .closeBtnWrapper.desktop {
  display: block;
  padding: 25px 0;
}
.privacyPolicyModalWrappper .closeBtnWrapper.desktop .privacyPolicyModalContent-closeButtonx,
.privacyPolicyModalWrappper .closeBtnWrapper.desktop .TermsOfServiceModalContent-closeButtonx,
.privacyPolicyModalWrappper .closeBtnWrapper.desktop .consentToElectronicDisclosuresModalContent-closeButtonx,
.TermsOfServiceModalWrappper .closeBtnWrapper.desktop .privacyPolicyModalContent-closeButtonx,
.TermsOfServiceModalWrappper .closeBtnWrapper.desktop .TermsOfServiceModalContent-closeButtonx,
.TermsOfServiceModalWrappper .closeBtnWrapper.desktop .consentToElectronicDisclosuresModalContent-closeButtonx,
.consentToElectronicDisclosuresModalWrappper .closeBtnWrapper.desktop .privacyPolicyModalContent-closeButtonx,
.consentToElectronicDisclosuresModalWrappper .closeBtnWrapper.desktop .TermsOfServiceModalContent-closeButtonx,
.consentToElectronicDisclosuresModalWrappper .closeBtnWrapper.desktop .consentToElectronicDisclosuresModalContent-closeButtonx {
  top: 3px;
}

.privacyPolicyModalContent-closeButtonx,
.TermsOfServiceModalContent-closeButtonx,
.consentToElectronicDisclosuresModalContent-closeButtonx {
  border: none;
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 7px 10px;
}
.privacyPolicyModalContent-closeButtonx:after,
.TermsOfServiceModalContent-closeButtonx:after,
.consentToElectronicDisclosuresModalContent-closeButtonx:after {
  display: inline-block;
  content: "";
  background-image: url(../images/close-icon.png);
  background-repeat: no-repeat;
  width: 30px;
  height: 30px;
}

.consentToElectronicDisclosuresModalWrappper {
  overflow: hidden;
}

.privacyPolicyModalContent, .TermsOfServiceModalContent {
  overflow-y: scroll;
  overflow-x: hidden;
}

.consentToElectronicDisclosuresModalContent,
.privacyPolicyModalContent,
.TermsOfServiceModalContent {
  padding: 0 1.5em;
}
.consentToElectronicDisclosuresModalContent iframe,
.privacyPolicyModalContent iframe,
.TermsOfServiceModalContent iframe {
  height: 100%;
  width: 100%;
}

.privacyPolicyModalContent .privacy-policy-wrapper .main-heading,
.TermsOfServiceModalContent .privacy-policy-wrapper .main-heading {
  width: 100%;
  font-size: 36px;
  margin: 10px 0 48px;
  font-weight: 700;
  line-height: 44px;
}
.privacyPolicyModalContent .privacy-policy-wrapper p,
.TermsOfServiceModalContent .privacy-policy-wrapper p {
  line-height: 1.6em;
  margin: 1em 0;
}
.privacyPolicyModalContent .privacy-policy-wrapper ol, .privacyPolicyModalContent .privacy-policy-wrapper ul,
.TermsOfServiceModalContent .privacy-policy-wrapper ol,
.TermsOfServiceModalContent .privacy-policy-wrapper ul {
  line-height: 1.6em;
  margin: 1em 0;
  padding: 0 1.5em;
}

.AppDetails-referralCodeBox {
  padding: 16px 12px;
  background-color: #e3f7fd;
  border-radius: 4px;
}

.sameascash-notice {
  float: left;
  width: 100%;
}
.sameascash-notice.desktop {
  display: none;
}
@media screen and (min-width: 1023px) {
  .sameascash-notice.desktop {
    display: block;
  }
}
.sameascash-notice.mobile {
  display: block;
}
@media screen and (min-width: 1023px) {
  .sameascash-notice.mobile {
    display: none;
  }
}

.sameascash-div {
  padding-bottom: 15px;
}

.sameascash-text {
  background-color: #EBEBEB;
  font-weight: bold;
  margin: 0;
  padding: 0.5rem;
  text-align: center;
  font-size: 14px;
  box-sizing: border-box;
}
.sameascash-text span {
  white-space: nowrap;
}
@media screen and (min-width: 1023px) {
  .sameascash-text {
    font-size: 16px;
  }
}

.sameascash-linktomodal {
  margin-top: 0.25em;
  text-decoration: underline;
  color: #00369D;
  font-size: 14px;
  cursor: pointer;
  padding: 0;
}
.sameascash-linktomodal button {
  font-size: 1rem;
  padding: 8px 0;
  margin: 0;
  border: none;
  color: #0069C8;
  font-weight: 600;
  text-decoration: underline;
}

.sameascash-modaloverlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(70, 70, 70, 0.7);
  z-index: 120;
}
.sameascash-modaloverlay.displayed {
  display: block;
}
.sameascash-modaloverlay .sameascash-modal {
  animation-duration: 0.7s;
  animation-fill-mode: both;
  -webkit-animation-duration: 0.7s;
  -webkit-animation-fill-mode: both;
  opacity: 0;
  width: 90%;
  max-width: 390px;
  height: auto;
  margin: 150px auto 0;
  padding: 15px;
  box-sizing: border-box;
  background-color: white;
}
.sameascash-modaloverlay .sameascash-modal.fadeInUp {
  opacity: 0;
  animation-name: SACFadeInUp;
  -webkit-animation-name: SACFadeInUp;
}
@media screen and (min-width: 400px) {
  .sameascash-modaloverlay .sameascash-modal {
    margin: 200px auto 0;
    padding: 30px;
  }
}
@media screen and (min-width: 768px) {
  .sameascash-modaloverlay .sameascash-modal {
    margin: 300px auto 0;
  }
}
.sameascash-modaloverlay .sameascash-modal .sameascash-modalcloseX {
  padding: 0;
  border: none;
}
.sameascash-modaloverlay .sameascash-modal .sameascash-modalcloseX i {
  font-size: 30px;
  cursor: pointer;
}
.sameascash-modaloverlay .sameascash-modal .sameascash-topbuttoncontainer {
  text-align: right;
}
.sameascash-modaloverlay .sameascash-modal .sameascash-modaltextcontainer .sameascash-modalheader {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 0;
  color: #142667;
}
.sameascash-modaloverlay .sameascash-modal .sameascash-modaltextcontainer .sameascash-modaltext {
  font-size: 14px;
  color: #142667;
}
.sameascash-modaloverlay .sameascash-modal .sameascash-buttoncontainer {
  width: 100%;
}
.sameascash-modaloverlay .sameascash-modal .sameascash-modalclosebutton {
  display: block;
  margin: 0 auto;
}

@keyframes SACFadeInUp {
  from {
    transform: translate3d(0, 0px, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, -52px, 0);
    opacity: 1;
  }
}
@-webkit-keyframes SACFadeInUp {
  from {
    transform: translate3d(0, -10px, 0);
    opacity: 0;
  }
  to {
    transform: translate3d(0, 0px, 0);
    opacity: 1;
  }
}
#DecisionPage-main {
  display: grid;
  grid-template-columns: 100%;
  grid-template-areas: "topsection" "leaseoverview" "form";
  column-gap: 16px;
  row-gap: 0;
}
@media screen and (min-width: 1023px) {
  #DecisionPage-main {
    grid-template-columns: auto auto;
    grid-template-rows: minmax(0, min-content) auto;
    grid-template-areas: "topsection leaseoverview" "form leaseoverview";
  }
}
#DecisionPage-main #Section-FormArea {
  grid-area: form;
  order: 500;
  position: relative;
}
#DecisionPage-main #Section-LeaseOverview {
  grid-area: leaseoverview;
  order: 300;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 1023px) {
  #DecisionPage-main #Section-LeaseOverview {
    width: 400px;
  }
}
#DecisionPage-main #Section-Top {
  grid-area: topsection;
  order: 100;
  width: 100%;
  position: relative;
}
#DecisionPage-main.SingleColumnGrid {
  display: unset;
}

.DecisionPageWrapper .uxpin-alert,
.AbysDecisionPageWrapper .uxpin-alert {
  margin-bottom: 8px;
}

.DecisionPage form {
  margin-bottom: 1.5rem;
}

.DecisionSection-buttons {
  display: flex;
  justify-content: center;
  gap: 15px;
  flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
  .DecisionSection-buttons {
    flex-wrap: nowrap;
  }
}

.DecisionPage-changeTermsButton,
.DecisionPage-callUsButton,
.DecisionPage-homeButton {
  font-weight: 600;
  margin-top: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .DecisionPage-changeTermsButton,
  .DecisionPage-callUsButton,
  .DecisionPage-homeButton {
    margin-top: 2rem;
  }
}

.DecisionPage-changeTermsButton,
.DecisionPage-findProductButton {
  margin-top: 16px;
}

a.DecisionPage-callUsButton,
a.DecisionPage-homeButton {
  display: block;
  padding: 14px 20px;
  text-decoration: none;
  color: white;
}

.DecisionPage .DeliveryAndContactMini {
  padding: 16px 12px;
  border-radius: 4px;
  border: 2px #E5E5E5 solid;
}
@media screen and (min-width: 1023px) {
  .DecisionPage .DeliveryAndContactMini {
    padding: 16px;
  }
}

.DecisionPage .YourStore {
  padding: 16px 12px;
  border-radius: 4px;
  border: 2px #E5E5E5 solid;
}
@media screen and (min-width: 1023px) {
  .DecisionPage .YourStore {
    padding: 16px;
    margin-bottom: 24px;
  }
}

.MiniDelivery-dialog .DeliveryAndContact-textAbove {
  margin-bottom: 8px;
}
.MiniDelivery-dialog h2.contactInfo {
  margin-bottom: 16px;
}
.MiniDelivery-dialog .CheckoutInput-wrapper {
  flex-grow: 1;
}
.MiniDelivery-dialog .CheckoutInput-wrapper.is-hidden {
  display: none;
}
.MiniDelivery-dialog .CheckoutInput-wrapper.CheckoutField-city {
  width: 40%;
}
.MiniDelivery-dialog .CheckoutInput-wrapper.CheckoutField-state {
  width: 15%;
}
.MiniDelivery-dialog .CheckoutInput-wrapper.CheckoutField-postal {
  width: 15%;
}

.ProductPlan {
  padding: 16px;
  border: 1px #E5E5E5 solid;
  border-radius: 5px;
  box-sizing: border-box;
}
.ProductPlan .moneyBold, .ProductPlan .perMonth {
  font-weight: 600;
}

.ProductPlan-header {
  font-size: 18px;
  line-height: 24px;
  font-weight: 500;
  margin-bottom: 8px;
  cursor: pointer;
  user-select: none;
}
@media screen and (min-width: 1023px) {
  .ProductPlan-header {
    font-size: 19px;
    line-height: 28px;
  }
}

.ProductPlan-top {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
}

@media screen and (min-width: 1023px) {
  .ProductPlan .LeaseOverview-productImage {
    width: 72px;
    height: 72px;
  }
}

.ProductPlan-productBrandAndName {
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.43rem;
  overflow-x: hidden;
  text-wrap: nowrap;
  text-overflow: ellipsis;
  font-weight: 500;
}

.ProductPlan-thisMuchForThatLong {
  margin-top: 2px;
}

.ProductPlan-monthlyTotalForWeekly {
  margin-top: 4px;
  font-size: 12px;
  line-height: 20px;
  font-weight: 600;
}

.ProductPlan-lpBarHolder {
  margin-top: 16px;
}

.ProductPlan-bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: nowrap;
  margin-top: 8px;
  line-height: 20px;
}
.ProductPlan-bottom a {
  display: block;
  min-width: 20px;
}

.DepletedOptions {
  margin-top: 16px;
}
.DepletedOptions p {
  margin-bottom: 16px;
  line-height: 24px;
  font-size: 16px;
}

.DepletedOptions-header {
  font-size: 16px;
  margin-bottom: 16px;
  font-weight: 600;
}

.DecisionPage-rcxCallUs {
  font-size: 16px;
  line-height: 24px;
  margin-top: 16px;
}

.DenialBlurb p {
  margin-bottom: 16px;
  line-height: 24px;
  font-size: 16px;
}

.AbysDecisionBottom {
  width: 100%;
  max-width: 844px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (min-width: 1023px) {
  .AbysDecisionBottom {
    margin-top: 35px;
  }
}
.AbysDecisionBottom button {
  display: block;
  margin: 0 auto 16px auto;
}
.AbysDecisionBottom h2 {
  width: 100%;
  text-align: center;
  margin: 16px 0 24px 0;
}
.AbysDecisionBottom p {
  margin-bottom: 0;
  line-height: 24px;
}
@media screen and (min-width: 1023px) {
  .AbysDecisionBottom p {
    margin-left: 35px;
    line-height: 28px;
  }
}
.AbysDecisionBottom .lifestyleImageBox {
  width: 100%;
  height: 200px;
  padding: 12px;
  margin: 0 auto 12px auto;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
  background-color: #999;
  color: white;
}
.AbysDecisionBottom .lifestyleImageBox span {
  font-size: 16px;
}
.AbysDecisionBottom .expirationDate {
  font-weight: 600;
}
.AbysDecisionBottom sup {
  font-size: 8px;
  top: -0.7em;
}

.AbysDecisionBottom-store {
  line-height: 24px;
}
.AbysDecisionBottom-store span {
  display: block;
}
.AbysDecisionBottom-store .name {
  font-weight: 600;
}
@media screen and (min-width: 1023px) {
  .AbysDecisionBottom-store {
    margin-left: 35px;
  }
}

h2.AbysBottomHeader {
  font-weight: 600;
  margin-top: 32px;
  margin-bottom: 20px;
  font-size: 23px;
}
@media screen and (min-width: 1023px) {
  h2.AbysBottomHeader {
    font-size: 32px;
    margin-top: 64px;
    margin-bottom: 32px;
  }
}

.AbysBottomBoxHeader {
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 10px;
  padding-bottom: 10px;
  font-size: 18px;
  line-height: 28px;
}
@media screen and (min-width: 1023px) {
  .AbysBottomBoxHeader {
    font-size: 24px;
    font-weight: normal;
    line-height: 32px;
  }
}

.AbysBottomPastelBox {
  background-color: #e7e9ff;
  border-radius: 10px;
  padding: 20px 16px 20px 16px;
  font-size: 16px;
  color: #333;
  position: relative;
  margin-bottom: 40px;
  margin-left: 16px;
  margin-right: 16px;
}
@media screen and (min-width: 1023px) {
  .AbysBottomPastelBox {
    margin-bottom: 60px;
    padding: 40px;
    margin-left: unset;
    margin-right: unset;
  }
}
.AbysBottomPastelBox-green {
  background-color: #deeeb8;
}
.AbysBottomPastelBox-blue {
  background-color: #e3f7fd;
}

.AbysBottomPastelBox::after {
  content: ""; /* Create an invisible element for the shadow */
  position: absolute;
  bottom: -8px;
  left: 0;
  width: 100%;
  height: 20px;
  background-color: #ced4ff;
  border-radius: 0 0 10px 10px;
  z-index: -1;
}

.AbysBottomPastelBox.AbysBottomPastelBox-green::after {
  background-color: #c8e389;
}

.AbysBottomPastelBox.AbysBottomPastelBox-blue::after {
  background-color: #b9ecfb;
}

.AbysBottom-TitleIcon {
  display: flex;
  width: 25px;
  height: 25px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.AbysBottom-TitleIcon::after {
  content: "";
  display: block;
  background-image: url(../images/svg/circle-user.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 100%;
  height: 100%;
}

.AbysBottom-TitleIcon.AbysBottom-TitleIcon-Money::after {
  background-image: url(../images/svg/circle-dollar.svg);
}

.AbysBottom-TitleIcon.AbysBottom-TitleIcon-Map::after {
  background-image: url(../images/svg/map-location.svg);
}

.AbysBottomQuestionHeader {
  font-weight: 600;
  font-size: 24px;
  padding-top: 16px;
}
@media screen and (min-width: 1023px) {
  .AbysBottomQuestionHeader {
    font-size: 32px;
    padding-top: 0;
  }
}

.AbysBottomFAQs {
  display: flex;
  justify-content: center;
  font-size: 16px;
  padding-bottom: 20px;
  line-height: 24px;
}
@media screen and (min-width: 1023px) {
  .AbysBottomFAQs {
    font-size: 24px;
    line-height: 32px;
  }
}

.AbysBottomPastelBoxParagraph {
  font-size: 16px;
}
@media screen and (min-width: 1023px) {
  .AbysBottomPastelBoxParagraph {
    font-size: 18px;
  }
}

#DecisionPendingComponent {
  display: flex;
  flex-direction: column;
}
#DecisionPendingComponent .info-links {
  display: flex;
  flex-wrap: wrap;
  font-size: 12px;
  font-weight: 700;
  justify-content: center;
  margin: 1rem 16px 0 16px;
}
#DecisionPendingComponent .info-links .dot {
  margin: 0 12px;
}
#DecisionPendingComponent .info-links button {
  display: inline-block;
  padding: 0;
  border: none;
  color: #0069c8;
  text-decoration: underline;
}
#DecisionPendingComponent .flex-containers {
  display: flex;
}
#DecisionPendingComponent .is-hidden {
  display: none;
}
#DecisionPendingComponent .desktopMap {
  display: none;
}

#DecisionPendingComponent .almostThere {
  text-align: center;
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 600;
  line-height: 26px;
}
@media screen and (min-width: 767px) {
  #DecisionPendingComponent .almostThere {
    font-size: 24px;
    line-height: 32px;
  }
}

#DecisionPendingComponent section.section1 {
  background: white;
  padding: 0 24px 16px;
}
#DecisionPendingComponent section.section1 li {
  position: relative;
  margin-left: 16px;
}
#DecisionPendingComponent section.section1 li.header-li {
  list-style-image: url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="visible" preserveAspectRatio="none" viewBox="0 0 20 20" width="17" height="17"><g transform="translate(2, 2)"><defs><path id="path-1744817589306414" d="M8 0 C12.415320195951995 0 16 3.5846798040479984 16 8 C16 12.415320195951995 12.415320195951995 16 8 16 C3.5846798040479984 16 0 12.415320195951995 0 8 C0 3.5846798040479984 3.5846798040479984 0 8 0 Z" vector-effect="non-scaling-stroke"/></defs><g transform="translate(0, 0)"><path style="stroke: rgb(99, 164, 15); stroke-width: 2; stroke-linecap: butt; stroke-linejoin: miter; fill: transparent;" d="M8 0 C12.415320195951995 0 16 3.5846798040479984 16 8 C16 12.415320195951995 12.415320195951995 16 8 16 C3.5846798040479984 16 0 12.415320195951995 0 8 C0 3.5846798040479984 3.5846798040479984 0 8 0 Z" vector-effect="non-scaling-stroke"/></g></g></svg>');
}
#DecisionPendingComponent section.section1 li.header-li::marker {
  width: 17px;
  height: 17px;
}
#DecisionPendingComponent section.section1 li.header-li {
  /* For each li element, insert a line before it */
}
#DecisionPendingComponent section.section1 li.header-li:before {
  content: ""; /* Content is necessary for pseudo-elements to display */
  position: absolute; /* Position the line absolutely relative to the li */
  top: 15px; /* Start the line at the top of the li */
  bottom: -18px; /* Extend the line to the bottom of the li */
  left: -15px; /* Adjust the left position to align the line as needed */
  width: 2px; /* Set the width of the line */
  background-color: #757575; /* Set the color of the line */
}
#DecisionPendingComponent section.section1 li.header-li:last-child {
  margin-top: 16px;
}
#DecisionPendingComponent section.section1 li.header-li.last:before {
  display: none;
}
#DecisionPendingComponent section.section1 li.checked {
  margin: 24px 0 14px 16px;
  list-style-image: url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="visible" preserveAspectRatio="none" viewBox="0 0 16.19246 16" width="17" height="17"><g transform="translate(0, 0)"><g transform="translate(0, 0) rotate(0)"><path style="stroke-width: 0; stroke-linecap: butt; stroke-linejoin: miter; fill: rgb(99, 164, 15);" d="M8.09623,16c4.47142,0 8.09623,-3.58172 8.09623,-8c0,-4.41828 -3.6248,-8 -8.09623,-8c-4.47142,0 -8.09623,3.58172 -8.09623,8c0,4.41828 3.6248,8 8.09623,8zM11.66995,6.53125l-4.04811,4c-0.29728,0.29375 -0.778,0.29375 -1.07212,0l-2.02406,-2c-0.29728,-0.29375 -0.29728,-0.76875 0,-1.05937c0.29728,-0.29063 0.778,-0.29375 1.07212,0l1.48642,1.46875l3.51047,-3.47188c0.29728,-0.29375 0.778,-0.29375 1.07212,0c0.29412,0.29375 0.29728,0.76875 0,1.05937z" vector-effect="non-scaling-stroke"/></g><defs><path id="path-1744817589305406" d="M8.09623,16c4.47142,0 8.09623,-3.58172 8.09623,-8c0,-4.41828 -3.6248,-8 -8.09623,-8c-4.47142,0 -8.09623,3.58172 -8.09623,8c0,4.41828 3.6248,8 8.09623,8zM11.66995,6.53125l-4.04811,4c-0.29728,0.29375 -0.778,0.29375 -1.07212,0l-2.02406,-2c-0.29728,-0.29375 -0.29728,-0.76875 0,-1.05937c0.29728,-0.29063 0.778,-0.29375 1.07212,0l1.48642,1.46875l3.51047,-3.47188c0.29728,-0.29375 0.778,-0.29375 1.07212,0c0.29412,0.29375 0.29728,0.76875 0,1.05937z" vector-effect="non-scaling-stroke"/></defs></g></svg>');
}
@media screen and (max-width: 768px) {
  #DecisionPendingComponent section.section1 li.checked {
    margin: 23px 16px 11px;
  }
}
#DecisionPendingComponent section.section1 li.checked:before {
  background-color: #63a40f;
  height: 25px;
  top: 11px;
}

#DecisionPendingComponent section.section2 {
  background: #f6f6f6;
  padding: 12px 0 16px;
  font-size: 16px;
  color: #404040;
  line-height: 18px;
  border-radius: 0 0 4px 4px;
}
@media screen and (max-width: 768px) {
  #DecisionPendingComponent section.section2 {
    padding: 6px 15px 11px;
  }
}
#DecisionPendingComponent section.section2 p {
  padding: 0 12px 12px 12px;
}
@media screen and (max-width: 768px) {
  #DecisionPendingComponent section.section2 p {
    font-size: 13px;
  }
}
#DecisionPendingComponent section.section2 .flex-ul {
  display: flex;
  gap: 30px;
  padding-left: 0px;
  font-size: 12px;
}
#DecisionPendingComponent section.section2 .flex-ul ul li {
  padding-bottom: 12px;
}
@media screen and (max-width: 768px) {
  #DecisionPendingComponent section.section2 .flex-ul ul li {
    padding-left: 0px;
    padding-bottom: 0px;
    font-size: 13px;
  }
}
#DecisionPendingComponent section.section2 .flex-ul ul li {
  list-style-type: disc;
}

#DecisionPendingComponent #storeInfo {
  text-align: left;
}
#DecisionPendingComponent #storeInfo .whyWait {
  width: 100%;
  text-align: center;
}
#DecisionPendingComponent #storeInfo .storeMap {
  margin: 0 auto 8px auto;
}
#DecisionPendingComponent #storeInfo .openOrClosed {
  font-weight: bold;
}
#DecisionPendingComponent #storeInfo .openOrClosed.is-open {
  color: #63a40f;
}
#DecisionPendingComponent #storeInfo .openOrClosed.is-closed {
  color: #C41E24;
}
#DecisionPendingComponent #storeInfo .storeInfoBlock {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  margin-bottom: 8px;
}
#DecisionPendingComponent #storeInfo .storeInfoBlock .iconHolder {
  width: 24px;
  text-align: center;
  margin-right: 8px;
}
#DecisionPendingComponent #storeInfo .storeAddress span {
  display: block;
}
#DecisionPendingComponent #storeInfo .phoneDiv span {
  display: block;
}
#DecisionPendingComponent #storeInfo .haveQuestions {
  font-weight: bold;
}
#DecisionPendingComponent #storeInfo .storeLink, #DecisionPendingComponent #storeInfo .phoneLink {
  color: #0069c8;
  font-weight: bold;
  text-decoration: underline;
}
#DecisionPendingComponent #storeInfo .getDirectionsLink {
  color: white;
  text-decoration: none;
  display: block;
  padding: 18px 0;
  margin-top: 24px;
}

.DecisionPendingComponent-switcher {
  background: linear-gradient(90deg, #0069c8 0%, #00369d 100%);
  border-radius: 25px;
  display: flex;
  justify-content: center;
  margin-bottom: 16px;
}
.DecisionPendingComponent-switcher button {
  color: white;
  border: none;
  border-radius: 10%/50%;
  width: 50%;
  padding: 16px 0;
}
.DecisionPendingComponent-switcher button.is-selected {
  background: white;
  border: 1px solid #0069c8;
  color: #0069c8;
}

.DecisionPendingComponent-toggleHeader {
  display: block;
  width: 100%;
  background: linear-gradient(90deg, #0069c8 0%, #00369d 100%);
  text-align: left;
  font-weight: 600;
  font-size: 16px;
  border: none;
  color: white;
  margin-top: 8px;
  padding: 6px 0;
  border-radius: 4px 4px 0 0;
}
@media screen and (min-width: 1023px) {
  .DecisionPendingComponent-toggleHeader {
    font-size: 14px;
  }
}
.DecisionPendingComponent-toggleHeader .icon {
  display: inline-block;
  width: 11px;
  height: 13px;
  margin-left: 15px;
}
.DecisionPendingComponent-toggleHeader .icon.person {
  background-image: url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="visible" preserveAspectRatio="none" viewBox="0 0 10.3504 13"><g transform="translate(0, 0)"><g transform="translate(0.000009999999999399378, 0) rotate(0)"><path style="stroke-width: 0; stroke-linecap: butt; stroke-linejoin: miter; fill: rgb(255, 255, 255);" d="M7.02348,3.25c0,-1.12183 -0.82751,-2.03125 -1.84828,-2.03125c-1.02078,0 -1.84828,0.90942 -1.84828,2.03125c0,1.12183 0.82751,2.03125 1.84828,2.03125c1.02078,0 1.84828,-0.90942 1.84828,-2.03125zM2.21794,3.25c0,-1.79493 1.32401,-3.25 2.95726,-3.25c1.63325,0 2.95726,1.45507 2.95726,3.25c0,1.79493 -1.32401,3.25 -2.95726,3.25c-1.63325,0 -2.95726,-1.45507 -2.95726,-3.25zM1.13901,11.78125h8.07469c-0.20562,-1.60723 -1.46246,-2.84375 -2.98036,-2.84375h-2.11167c-1.5179,0 -2.77474,1.23652 -2.98036,2.84375zM0,12.2459c0,-2.50098 1.84366,-4.52715 4.11936,-4.52715h2.11167c2.2757,0 4.11936,2.02617 4.11936,4.52715c0,0.41641 -0.30728,0.7541 -0.68618,0.7541h-8.97804c-0.3789,0 -0.68618,-0.3377 -0.68618,-0.7541z" vector-effect="non-scaling-stroke"/></g><defs><path id="path-1744905665355305" d="M7.02348,3.25c0,-1.12183 -0.82751,-2.03125 -1.84828,-2.03125c-1.02078,0 -1.84828,0.90942 -1.84828,2.03125c0,1.12183 0.82751,2.03125 1.84828,2.03125c1.02078,0 1.84828,-0.90942 1.84828,-2.03125zM2.21794,3.25c0,-1.79493 1.32401,-3.25 2.95726,-3.25c1.63325,0 2.95726,1.45507 2.95726,3.25c0,1.79493 -1.32401,3.25 -2.95726,3.25c-1.63325,0 -2.95726,-1.45507 -2.95726,-3.25zM1.13901,11.78125h8.07469c-0.20562,-1.60723 -1.46246,-2.84375 -2.98036,-2.84375h-2.11167c-1.5179,0 -2.77474,1.23652 -2.98036,2.84375zM0,12.2459c0,-2.50098 1.84366,-4.52715 4.11936,-4.52715h2.11167c2.2757,0 4.11936,2.02617 4.11936,4.52715c0,0.41641 -0.30728,0.7541 -0.68618,0.7541h-8.97804c-0.3789,0 -0.68618,-0.3377 -0.68618,-0.7541z" vector-effect="non-scaling-stroke"/></defs></g></svg>');
  background-repeat: no-repeat;
}
.DecisionPendingComponent-toggleHeader .icon.house {
  background-image: url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="visible" preserveAspectRatio="none" viewBox="0 0 14.11630933070041 12.9999875" width="14.11630933070041" height="12.9999875"><g transform="translate(0, 0)"><g transform="translate(0.000099665350203091, -0.0000024999999999955613) rotate(0)"><path style="stroke-width: 0; stroke-linecap: butt; stroke-linejoin: miter; fill: rgb(255, 255, 255);" d="M7.43914,0.14473c-0.22056,-0.19297 -0.54161,-0.19297 -0.76217,0l-6.46985,5.68749c-0.24752,0.21836 -0.27693,0.60176 -0.06862,0.8582c0.20831,0.25645 0.58082,0.28691 0.82834,0.07109l0.60287,-0.52812v4.73535c0,1.12226 0.87735,2.03125 1.96056,2.03125h7.05802c1.08321,0 1.96056,-0.90898 1.96056,-2.03125v-4.73535l0.60042,0.52812c0.24752,0.21836 0.62003,0.18535 0.82834,-0.07109c0.20831,-0.25645 0.1789,-0.64238 -0.06862,-0.8582zM2.74615,10.96874v-5.76874l4.31324,-3.79082l4.31324,3.79082v5.76874c0,0.44941 -0.35045,0.8125 -0.78422,0.8125h-1.17634v-3.85937c0,-0.56113 -0.43868,-1.01562 -0.98028,-1.01562h-2.74479c-0.54161,0 -0.98028,0.45449 -0.98028,1.01562v3.85937h-1.17634c-0.43377,0 -0.78422,-0.36309 -0.78422,-0.8125zM5.88305,12.06801v-3.65625h2.35267v3.65625z" vector-effect="non-scaling-stroke"/></g><defs><path id="path-1744905665351289" d="M7.43914,0.14473c-0.22056,-0.19297 -0.54161,-0.19297 -0.76217,0l-6.46985,5.68749c-0.24752,0.21836 -0.27693,0.60176 -0.06862,0.8582c0.20831,0.25645 0.58082,0.28691 0.82834,0.07109l0.60287,-0.52812v4.73535c0,1.12226 0.87735,2.03125 1.96056,2.03125h7.05802c1.08321,0 1.96056,-0.90898 1.96056,-2.03125v-4.73535l0.60042,0.52812c0.24752,0.21836 0.62003,0.18535 0.82834,-0.07109c0.20831,-0.25645 0.1789,-0.64238 -0.06862,-0.8582zM2.74615,10.96874v-5.76874l4.31324,-3.79082l4.31324,3.79082v5.76874c0,0.44941 -0.35045,0.8125 -0.78422,0.8125h-1.17634v-3.85937c0,-0.56113 -0.43868,-1.01562 -0.98028,-1.01562h-2.74479c-0.54161,0 -0.98028,0.45449 -0.98028,1.01562v3.85937h-1.17634c-0.43377,0 -0.78422,-0.36309 -0.78422,-0.8125zM5.88305,12.06801v-3.65625h2.35267v3.65625z" vector-effect="non-scaling-stroke"/></defs></g></svg>');
  background-repeat: no-repeat;
  width: 14px;
  height: 12px;
}
.DecisionPendingComponent-toggleHeader .icon.money {
  background-image: url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="visible" preserveAspectRatio="none" viewBox="0 0 7 13" width="7" height="13"><g transform="translate(0, 0)"><defs><path id="path-1744905665347272" d="M4.473325585019693 0.6094940418050403 C4.473325585019693 0.27173276030474725 4.21319197762996 0 3.8898483347997344 0 C3.566504691969501 0 3.306371084579773 0.27173276030474725 3.306371084579773 0.6094940418050403 C3.306371084579773 0.6094940418050403 3.306371084579773 1.820863449892557 3.306371084579773 1.820863449892557 C3.2310052730930274 1.8234030084000792 3.15563946160628 1.828482125415124 3.0802736501195396 1.8361008009376798 C2.51624564157358 1.8843524125805817 1.9327683913536193 2.0240281304942385 1.4465373495036506 2.346552060949402 C0.9408570659796861 2.681773783942174 0.571321474173711 3.1998437194764633 0.43760793766496975 3.9159992185973747 C0.3427928845042266 4.43152959562414 0.3889848334799734 4.901347919515533 0.58590840542921 5.317835514748967 C0.780400822169197 5.724164875952341 1.0940198441624245 6.018753662824768 1.4319504182481526 6.237155694471572 C2.0689130830716103 6.648564172689977 2.9368354927738034 6.87966399687438 3.6904936076412476 7.080289118968551 C3.6904936076412476 7.080289118968551 3.746410177453991 7.095526470013681 3.746410177453991 7.095526470013681 C4.570571793389688 7.313928501660496 5.268313338444392 7.504395389724569 5.732663983411099 7.806602852119557 C5.9514679522436005 7.94881812854073 6.080319178333837 8.09103340496191 6.148391524192833 8.235788239890605 C6.214032714842565 8.370384840789201 6.250500042981322 8.560851728853295 6.197014628377831 8.857980074233247 C6.126511127309577 9.231295174838841 5.871239830338352 9.541121312756403 5.358266081186627 9.744285993358076 C4.833136555988667 9.952529790974785 4.094065372376721 10.021097870677876 3.2285741178837766 9.89411994530183 C2.6791330405933134 9.810314514553635 1.7261201985673826 9.571596014846644 1.2107152942064157 9.33287751513967 C0.9165455138871873 9.195741355733539 0.571321474173711 9.33541707364719 0.4400390928742198 9.64270365305724 C0.30875671157472895 9.94999023246728 0.4424702480834705 10.310607540535253 0.7366400284026995 10.447743699941388 C1.3857584692724045 10.747411603828889 2.457897916551581 11.006446571595996 3.0632555636547885 11.097870677866768 C3.0632555636547885 11.097870677866768 3.0656867188640433 11.097870677866768 3.0656867188640433 11.097870677866768 C3.1459148407692856 11.11056847040439 3.2261429626745293 11.120726704434455 3.306371084579773 11.128345379957027 C3.306371084579773 11.128345379957027 3.306371084579773 12.390505958194943 3.306371084579773 12.390505958194943 C3.306371084579773 12.728267239695237 3.566504691969501 12.999999999999988 3.8898483347997344 12.999999999999988 C4.21319197762996 12.999999999999988 4.473325585019693 12.728267239695237 4.473325585019693 12.390505958194943 C4.473325585019693 12.390505958194943 4.473325585019693 11.156280523539754 4.473325585019693 11.156280523539754 C4.942538540404911 11.123266262941977 5.3825776332791335 11.031842156671223 5.773993621968357 10.876929087712444 C6.5495321337190555 10.569642508302413 7.176770177705515 9.983004493065057 7.3420887319344965 9.084000781402635 C7.436903785095233 8.568470404375844 7.390711836119494 8.098652080484461 7.193788264170257 7.682164485251027 C6.9992958474302664 7.275835124047656 6.685676825437042 6.9812463371752305 6.347746251351311 6.762844305528428 C5.710783586527867 6.351435827310024 4.842861176825662 6.12033600312561 4.089203061958223 5.919710881031445 C4.089203061958223 5.919710881031445 4.033286492145472 5.904473529986322 4.033286492145472 5.904473529986322 C3.2091248762097777 5.6860714983395235 2.5113833311550744 5.495604610275449 2.0470326861883557 5.19339714788044 C1.828228717355875 5.051181871459273 1.6993774912656292 4.908966595038095 1.6313051454066387 4.764211760109397 C1.5656639547568887 4.629615159210781 1.5291966266181425 4.439148271146704 1.5826820412216411 4.142019925766749 C1.6531855422898862 3.766165266653644 1.828228717355875 3.532525883961708 2.0737753934901075 3.369994139480373 C2.3387713112983395 3.194764602461414 2.7131692135228107 3.085563586638014 3.1750887032802817 3.0474702090251964 C4.106221148422969 2.9687438952920466 5.195378682166888 3.182066809923809 5.944174486615839 3.3649150224653233 C6.257793508609071 3.4436413361984695 6.571412530602288 3.240476655596792 6.646778342089049 2.912873608126589 C6.7221441535757895 2.58527056065638 6.525220581626555 2.2602070716936886 6.211601559633325 2.1840203164680583 C5.75697553550361 2.0722797421371326 5.137030957144901 1.9376831412385256 4.473325585019693 1.8665755030279387 C4.473325585019693 1.8665755030279387 4.473325585019693 0.6094940418050403 4.473325585019693 0.6094940418050403 Z" vector-effect="non-scaling-stroke"/></defs><g transform="translate(-0.3895416593093724, 0)"><path style="stroke-width: 0; stroke-linecap: butt; stroke-linejoin: miter; fill: rgb(255, 255, 255);" d="M4.473325585019693 0.6094940418050403 C4.473325585019693 0.27173276030474725 4.21319197762996 0 3.8898483347997344 0 C3.566504691969501 0 3.306371084579773 0.27173276030474725 3.306371084579773 0.6094940418050403 C3.306371084579773 0.6094940418050403 3.306371084579773 1.820863449892557 3.306371084579773 1.820863449892557 C3.2310052730930274 1.8234030084000792 3.15563946160628 1.828482125415124 3.0802736501195396 1.8361008009376798 C2.51624564157358 1.8843524125805817 1.9327683913536193 2.0240281304942385 1.4465373495036506 2.346552060949402 C0.9408570659796861 2.681773783942174 0.571321474173711 3.1998437194764633 0.43760793766496975 3.9159992185973747 C0.3427928845042266 4.43152959562414 0.3889848334799734 4.901347919515533 0.58590840542921 5.317835514748967 C0.780400822169197 5.724164875952341 1.0940198441624245 6.018753662824768 1.4319504182481526 6.237155694471572 C2.0689130830716103 6.648564172689977 2.9368354927738034 6.87966399687438 3.6904936076412476 7.080289118968551 C3.6904936076412476 7.080289118968551 3.746410177453991 7.095526470013681 3.746410177453991 7.095526470013681 C4.570571793389688 7.313928501660496 5.268313338444392 7.504395389724569 5.732663983411099 7.806602852119557 C5.9514679522436005 7.94881812854073 6.080319178333837 8.09103340496191 6.148391524192833 8.235788239890605 C6.214032714842565 8.370384840789201 6.250500042981322 8.560851728853295 6.197014628377831 8.857980074233247 C6.126511127309577 9.231295174838841 5.871239830338352 9.541121312756403 5.358266081186627 9.744285993358076 C4.833136555988667 9.952529790974785 4.094065372376721 10.021097870677876 3.2285741178837766 9.89411994530183 C2.6791330405933134 9.810314514553635 1.7261201985673826 9.571596014846644 1.2107152942064157 9.33287751513967 C0.9165455138871873 9.195741355733539 0.571321474173711 9.33541707364719 0.4400390928742198 9.64270365305724 C0.30875671157472895 9.94999023246728 0.4424702480834705 10.310607540535253 0.7366400284026995 10.447743699941388 C1.3857584692724045 10.747411603828889 2.457897916551581 11.006446571595996 3.0632555636547885 11.097870677866768 C3.0632555636547885 11.097870677866768 3.0656867188640433 11.097870677866768 3.0656867188640433 11.097870677866768 C3.1459148407692856 11.11056847040439 3.2261429626745293 11.120726704434455 3.306371084579773 11.128345379957027 C3.306371084579773 11.128345379957027 3.306371084579773 12.390505958194943 3.306371084579773 12.390505958194943 C3.306371084579773 12.728267239695237 3.566504691969501 12.999999999999988 3.8898483347997344 12.999999999999988 C4.21319197762996 12.999999999999988 4.473325585019693 12.728267239695237 4.473325585019693 12.390505958194943 C4.473325585019693 12.390505958194943 4.473325585019693 11.156280523539754 4.473325585019693 11.156280523539754 C4.942538540404911 11.123266262941977 5.3825776332791335 11.031842156671223 5.773993621968357 10.876929087712444 C6.5495321337190555 10.569642508302413 7.176770177705515 9.983004493065057 7.3420887319344965 9.084000781402635 C7.436903785095233 8.568470404375844 7.390711836119494 8.098652080484461 7.193788264170257 7.682164485251027 C6.9992958474302664 7.275835124047656 6.685676825437042 6.9812463371752305 6.347746251351311 6.762844305528428 C5.710783586527867 6.351435827310024 4.842861176825662 6.12033600312561 4.089203061958223 5.919710881031445 C4.089203061958223 5.919710881031445 4.033286492145472 5.904473529986322 4.033286492145472 5.904473529986322 C3.2091248762097777 5.6860714983395235 2.5113833311550744 5.495604610275449 2.0470326861883557 5.19339714788044 C1.828228717355875 5.051181871459273 1.6993774912656292 4.908966595038095 1.6313051454066387 4.764211760109397 C1.5656639547568887 4.629615159210781 1.5291966266181425 4.439148271146704 1.5826820412216411 4.142019925766749 C1.6531855422898862 3.766165266653644 1.828228717355875 3.532525883961708 2.0737753934901075 3.369994139480373 C2.3387713112983395 3.194764602461414 2.7131692135228107 3.085563586638014 3.1750887032802817 3.0474702090251964 C4.106221148422969 2.9687438952920466 5.195378682166888 3.182066809923809 5.944174486615839 3.3649150224653233 C6.257793508609071 3.4436413361984695 6.571412530602288 3.240476655596792 6.646778342089049 2.912873608126589 C6.7221441535757895 2.58527056065638 6.525220581626555 2.2602070716936886 6.211601559633325 2.1840203164680583 C5.75697553550361 2.0722797421371326 5.137030957144901 1.9376831412385256 4.473325585019693 1.8665755030279387 C4.473325585019693 1.8665755030279387 4.473325585019693 0.6094940418050403 4.473325585019693 0.6094940418050403 Z" vector-effect="non-scaling-stroke"/></g></g></svg>');
  background-repeat: no-repeat;
  width: 7px;
}
.DecisionPendingComponent-toggleHeader span {
  padding-left: 9px;
}
@media screen and (min-width: 1023px) {
  .DecisionPendingComponent-toggleHeader {
    margin-top: 16px;
  }
}
.DecisionPendingComponent-toggleHeader.is-collapsed::after {
  content: "";
  background-image: url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="visible" preserveAspectRatio="none" viewBox="0 0 17 17" width="19" height="19"><g transform="translate(0, 0)"><g transform="translate(0, 0) rotate(0)"><path d="M8.5,1.59375c3.81422,0 6.90625,3.09203 6.90625,6.90625c0,3.81422 -3.09203,6.90625 -6.90625,6.90625c-3.81422,0 -6.90625,-3.09203 -6.90625,-6.90625c0,-3.81422 3.09203,-6.90625 6.90625,-6.90625zM8.5,17c4.69442,0 8.5,-3.80558 8.5,-8.5c0,-4.69442 -3.80558,-8.5 -8.5,-8.5c-4.69442,0 -8.5,3.80558 -8.5,8.5c0,4.69442 3.80558,8.5 8.5,8.5zM7.70313,11.42188c0,0.4416 0.35527,0.79688 0.79688,0.79688c0.4416,0 0.79688,-0.35527 0.79688,-0.79687v-2.125h2.125c0.4416,0 0.79688,-0.35527 0.79688,-0.79687c0,-0.4416 -0.35527,-0.79687 -0.79687,-0.79687h-2.125v-2.125c0,-0.4416 -0.35527,-0.79687 -0.79687,-0.79687c-0.4416,0 -0.79687,0.35527 -0.79687,0.79688v2.125h-2.125c-0.4416,0 -0.79687,0.35527 -0.79687,0.79688c0,0.4416 0.35527,0.79688 0.79688,0.79688h2.125z" style="stroke-width: 0; stroke-linecap: butt; stroke-linejoin: miter; fill: rgb(255, 255, 255);" vector-effect="non-scaling-stroke"/></g><defs><path id="path-174490891257887237" d="M8.5,1.59375c3.81422,0 6.90625,3.09203 6.90625,6.90625c0,3.81422 -3.09203,6.90625 -6.90625,6.90625c-3.81422,0 -6.90625,-3.09203 -6.90625,-6.90625c0,-3.81422 3.09203,-6.90625 6.90625,-6.90625zM8.5,17c4.69442,0 8.5,-3.80558 8.5,-8.5c0,-4.69442 -3.80558,-8.5 -8.5,-8.5c-4.69442,0 -8.5,3.80558 -8.5,8.5c0,4.69442 3.80558,8.5 8.5,8.5zM7.70313,11.42188c0,0.4416 0.35527,0.79688 0.79688,0.79688c0.4416,0 0.79688,-0.35527 0.79688,-0.79687v-2.125h2.125c0.4416,0 0.79688,-0.35527 0.79688,-0.79687c0,-0.4416 -0.35527,-0.79687 -0.79687,-0.79687h-2.125v-2.125c0,-0.4416 -0.35527,-0.79687 -0.79687,-0.79687c-0.4416,0 -0.79687,0.35527 -0.79687,0.79688v2.125h-2.125c-0.4416,0 -0.79687,0.35527 -0.79687,0.79688c0,0.4416 0.35527,0.79688 0.79688,0.79688h2.125z" vector-effect="non-scaling-stroke"/></defs></g></svg>');
  background-repeat: no-repeat;
  position: absolute;
  right: 6px;
  width: 19px;
  height: 19px;
}
.DecisionPendingComponent-toggleHeader:not(.is-collapsed)::after {
  content: "";
  background-image: url('data:image/svg+xml,<svg version="1.2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" overflow="visible" preserveAspectRatio="none" viewBox="0 0 19 19" width="19" height="19"><g transform="translate(0, 0)"><g transform="translate(0, 0) rotate(0)"><path style="stroke-width: 0; stroke-linecap: butt; stroke-linejoin: miter; fill: rgb(255, 255, 255);" d="M9.5,1.78125c4.26295,0 7.71875,3.4558 7.71875,7.71875c0,4.26295 -3.4558,7.71875 -7.71875,7.71875c-4.26295,0 -7.71875,-3.4558 -7.71875,-7.71875c0,-4.26295 3.4558,-7.71875 7.71875,-7.71875zM9.5,19c5.24671,0 9.5,-4.25329 9.5,-9.5c0,-5.24671 -4.25329,-9.5 -9.5,-9.5c-5.24671,0 -9.5,4.25329 -9.5,9.5c0,5.24671 4.25329,9.5 9.5,9.5zM10.39062,10.39063h2.375c0.49355,0 0.89063,-0.39707 0.89063,-0.89063c0,-0.49355 -0.39707,-0.89062 -0.89062,-0.89062h-2.375h-1.78125h-2.375c-0.49355,0 -0.89062,0.39707 -0.89062,0.89063c0,0.49355 0.39707,0.89063 0.89062,0.89063h2.375z" vector-effect="non-scaling-stroke"/></g><defs><path id="path-1744905665348279" d="M9.5,1.78125c4.26295,0 7.71875,3.4558 7.71875,7.71875c0,4.26295 -3.4558,7.71875 -7.71875,7.71875c-4.26295,0 -7.71875,-3.4558 -7.71875,-7.71875c0,-4.26295 3.4558,-7.71875 7.71875,-7.71875zM9.5,19c5.24671,0 9.5,-4.25329 9.5,-9.5c0,-5.24671 -4.25329,-9.5 -9.5,-9.5c-5.24671,0 -9.5,4.25329 -9.5,9.5c0,5.24671 4.25329,9.5 9.5,9.5zM10.39062,10.39063h2.375c0.49355,0 0.89063,-0.39707 0.89063,-0.89063c0,-0.49355 -0.39707,-0.89062 -0.89062,-0.89062h-2.375h-1.78125h-2.375c-0.49355,0 -0.89062,0.39707 -0.89062,0.89063c0,0.49355 0.39707,0.89063 0.89062,0.89063h2.375z" vector-effect="non-scaling-stroke"/></defs></g></svg>');
  background-repeat: no-repeat;
  position: absolute;
  right: 6px;
  width: 19px;
  height: 19px;
}

.DecisionPendingComponent-FaqsDialog {
  margin: 11px 16px;
}
.DecisionPendingComponent-FaqsDialog .uxpin-body2 {
  line-height: 16px;
}
.DecisionPendingComponent-FaqsDialog.CheckoutDialog-ui-dialog-content {
  padding: 0 16px;
}
.DecisionPendingComponent-FaqsDialog ol {
  padding-bottom: 18px;
}
.DecisionPendingComponent-FaqsDialog ol li {
  list-style: auto;
  padding-bottom: 18px;
}
.DecisionPendingComponent-FaqsDialog button {
  max-width: -webkit-fill-available;
  max-width: stretch;
}

#wrapper main.DecisionPendingPage-mainClass {
  width: 100%;
  max-width: unset;
  padding: 2rem 0;
  margin: 0;
  background: #f2f2f2;
}

#DecisionPendingPage #DecisionPendingComponent {
  padding: 0 16px;
}
#DecisionPendingPage #DecisionPendingComponent .almostThere {
  font-size: 24px;
  font-weight: 600;
  line-height: 32px;
}
@media screen and (min-width: 767px) {
  #DecisionPendingPage #DecisionPendingComponent .almostThere {
    font-size: 28px;
    line-height: 36px;
  }
}
@media screen and (min-width: 1023px) {
  #DecisionPendingPage #DecisionPendingComponent .almostThere {
    font-size: 32px;
    line-height: 40px;
  }
}
@media screen and (min-width: 1023px) {
  #DecisionPendingPage #DecisionPendingComponent .DecisionPendingComponent-switcher {
    display: none;
  }
}
@media screen and (min-width: 1023px) {
  #DecisionPendingPage #DecisionPendingComponent {
    max-width: 1216px;
    margin: 2rem auto 0 auto;
    flex-wrap: nowrap;
  }
  #DecisionPendingPage #DecisionPendingComponent .flex-containers {
    display: block;
    margin: 0 16px;
    border-radius: 25px 25px 0 0;
    padding-bottom: 13px;
    flex-direction: row;
    gap: 64px;
  }
}
@media screen and (min-width: 1023px) and (min-width: 1023px) {
  #DecisionPendingPage #DecisionPendingComponent .flex-containers {
    display: flex;
  }
}
@media screen and (min-width: 1023px) {
  #DecisionPendingPage #DecisionPendingComponent .mobile-only {
    display: none !important;
  }
  #DecisionPendingPage #DecisionPendingComponent .desktop-only {
    display: flex;
  }
  #DecisionPendingPage #DecisionPendingComponent .desktopMap {
    display: block;
  }
  #DecisionPendingPage #DecisionPendingComponent .mobileMap {
    display: none;
  }
  #DecisionPendingPage #DecisionPendingComponent .faq {
    width: 50%;
  }
}
#DecisionPendingPage #DecisionPendingComponent section.section1#nextSteps {
  border: none;
  padding: 0px 16px 16px 16px;
}
@media screen and (min-width: 1023px) {
  #DecisionPendingPage #DecisionPendingComponent section.section1#nextSteps {
    border-top: 13px solid;
    border-radius: 4px;
    border-image: linear-gradient(80deg, #0069c8 3%, #91cf12 100%) 1 0 0 0;
  }
}
#DecisionPendingPage #DecisionPendingComponent section.section2 .flex-ul {
  padding-left: 15px;
}
@media screen and (min-width: 1023px) {
  #DecisionPendingPage #DecisionPendingComponent section.section2 .flex-ul {
    font-size: 14px;
    padding-left: 50px;
  }
}
@media screen and (min-width: 1023px) {
  #DecisionPendingPage #DecisionPendingComponent #nextSteps {
    width: 810px;
  }
}
@media screen and (min-width: 1023px) {
  #DecisionPendingPage #DecisionPendingComponent #storeInfo {
    width: 390px;
    min-width: 390px;
  }
}

@media screen and (min-width: 1023px) {
  #DecisionPendingPage #DecisionPendingComponent .ThanksBanner {
    background: url(https://media.aarons.com/i/aarons/Leasing_Power_App_Header_Checkout_T_1752x298);
    background-size: cover;
    background-position: left center;
    background-repeat: no-repeat;
    margin-bottom: 32px;
    width: 100%;
    height: 160px;
  }
}
#DecisionPendingPage #DecisionPendingComponent .ThanksBanner button.ThanksBanner-seeDetails {
  display: none;
}
@media screen and (min-width: 1023px) {
  #DecisionPendingPage #DecisionPendingComponent .ThanksBanner .thankYouContent {
    width: calc(100% - 208px);
    left: 208px;
    top: 20px;
  }
}
@media screen and (min-width: 1023px) {
  #DecisionPendingPage #DecisionPendingComponent .ThanksBanner .thankYouContent h1, #DecisionPendingPage #DecisionPendingComponent .ThanksBanner .thankYouContent header {
    font-size: 36px;
    line-height: 44px;
  }
}
@media screen and (min-width: 1023px) {
  #DecisionPendingPage #DecisionPendingComponent .ThanksBanner .thankYouContent p {
    font-size: 28px;
    line-height: 36px;
  }
}

#PaymentPage2-main {
  display: grid;
  grid-template-columns: 100%;
  grid-template-areas: "topsection" "leaseoverview" "form";
  column-gap: 16px;
  row-gap: 0;
}
@media screen and (min-width: 1023px) {
  #PaymentPage2-main {
    grid-template-columns: auto auto;
    grid-template-rows: minmax(0, min-content) auto;
    grid-template-areas: "topsection leaseoverview" "form leaseoverview";
  }
}
#PaymentPage2-main #Section-FormArea {
  grid-area: form;
  order: 500;
  position: relative;
}
#PaymentPage2-main #Section-LeaseOverview {
  grid-area: leaseoverview;
  order: 300;
  width: 100%;
  position: relative;
}
@media screen and (min-width: 1023px) {
  #PaymentPage2-main #Section-LeaseOverview {
    width: 400px;
  }
}
#PaymentPage2-main #Section-Top {
  grid-area: topsection;
  order: 100;
  width: 100%;
  position: relative;
}

.PaymentPage2 {
  position: relative;
}

.PaymentPage2 a {
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 16px;
  color: #0069c8;
  text-decoration: underline solid rgb(0, 105, 200);
  line-height: 24px;
}

.PaymentPage2 form {
  margin-bottom: 24px;
}

.PaymentPage2 p {
  margin-bottom: 1rem;
}
.PaymentPage2 p {
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .PaymentPage2 p {
    font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.PaymentPage2-grayBox {
  background-color: #e0edf8;
  border-radius: 5px;
  padding: 16px;
  margin: 0 0 16px 0;
}
.PaymentPage2-grayBox {
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .PaymentPage2-grayBox {
    font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}
@media screen and (min-width: 600px) {
  .PaymentPage2-grayBox {
    margin: 0 40px 0 40px;
  }
}

.PaymentPage2-nextPayment {
  margin-bottom: 1rem;
}
.PaymentPage2-nextPayment {
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 0.875rem;
  line-height: 1.375rem;
}
@media screen and (min-width: 1024px) {
  .PaymentPage2-nextPayment {
    font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 600;
    font-size: 1rem;
    line-height: 1.75rem;
  }
}

.PaymentPage2 .hpp-iframecontainer {
  margin-top: 8px;
}
@media screen and (min-width: 600px) {
  .PaymentPage2 .hpp-iframecontainer {
    margin-left: 40px;
    margin-right: 40px;
  }
}

.PaymentPage2-dueNow {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
@media screen and (min-width: 1024px) {
  .PaymentPage2-dueNow {
    padding: 13px 17px;
    margin: 0 37px 24px 37px;
  }
}

.PaymentPage2-dueNow-half1 {
  width: 50%;
}
@media screen and (max-width: 600px) {
  .PaymentPage2-dueNow-half1 {
    width: 70%;
  }
}

.PaymentPage2-dueNow-half2 {
  width: 50%;
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}
@media screen and (min-width: 1024px) {
  .PaymentPage2-dueNow-half2 {
    flex-direction: row;
    align-items: baseline;
  }
}
@media screen and (max-width: 600px) {
  .PaymentPage2-dueNow-half2 {
    width: auto;
  }
}

.PaymentPage2-dueNow-label {
  text-align: left;
}
.PaymentPage2-dueNow-label {
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
@media screen and (min-width: 1024px) {
  .PaymentPage2-dueNow-label {
    font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    font-size: 1.188rem;
    line-height: 1.688148rem;
  }
}
@media screen and (max-width: 754px) {
  .PaymentPage2-dueNow-label {
    font-size: 18px;
    font-weight: 500;
  }
}
.PaymentPage2-dueNow-label {
  font-weight: 600;
}

.PaymentPage2-dueNow-price {
  display: inline-block;
  text-align: right;
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.25rem;
  line-height: 1.75rem;
}
@media screen and (min-width: 1024px) {
  .PaymentPage2-dueNow-price {
    margin-right: 0;
    font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    font-size: 1.188rem;
    line-height: 1.688148rem;
  }
}
@media screen and (max-width: 600px) {
  .PaymentPage2-dueNow-price {
    font-size: 18px;
    font-weight: 600;
  }
}

.PaymentPage2-dueNow-tax {
  display: inline-block;
  text-align: right;
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.5rem;
}
@media screen and (min-width: 1024px) {
  .PaymentPage2-dueNow-tax {
    font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5rem;
  }
}

.PaymentPage2-storeRow {
  display: block;
  width: 100%;
}
.PaymentPage2-storeRow.is-hidden {
  display: none;
}

.PaymentPage2-ezpay-wrapper {
  display: flex;
  flex-wrap: nowrap;
  margin-top: 0;
  background-color: #eef0f2;
  padding: 15px 28px 15px 15px;
  border-radius: 5px;
  margin: 0;
}
@media screen and (min-width: 600px) {
  .PaymentPage2-ezpay-wrapper {
    margin: 0 39px;
  }
}

.PaymentPage2-ezpay-left {
  padding-right: 16px;
}

.PaymentPage2-ezpay-right {
  flex-grow: 1;
}
.PaymentPage2-ezpay-right label {
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 0.813rem;
  line-height: 1.66rem;
  font-size: 13px;
  line-height: unset;
}
@media screen and (min-width: 1024px) {
  .PaymentPage2-ezpay-right label {
    font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
    font-size: 0.813rem;
    line-height: 1.18698rem;
    font-size: 13px;
  }
}
.PaymentPage2-ezpay-right img {
  height: 20px;
  display: block;
  margin-bottom: 8px;
}

.PaymentPage2-paymentError {
  margin-top: 16px;
  margin-bottom: 8px;
}

.PaymentPage2-holder {
  margin: 14px 0 0 0;
}
@media screen and (min-width: 600px) {
  .PaymentPage2-holder {
    margin: 14px 40px 0 40px;
  }
}

.KbaPage {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}
.KbaPage h1 {
  margin-bottom: 16px;
  font-weight: 700;
  font-size: 29px;
  color: #404040;
  line-height: 37px;
}
@media screen and (min-width: 1024px) {
  .KbaPage h1 {
    font-weight: 600;
    font-size: 33px;
    color: #404040;
    line-height: 42px;
  }
}
.KbaPage hr {
  margin: 0 0 32px 0;
  height: 1px;
  background-color: #CCCCCC;
  border: none;
}
.KbaPage p {
  margin-bottom: 16px;
  font-size: 16px;
  color: #404040;
  line-height: 24px;
}

.KbaPage-main {
  width: 100%;
  flex-shrink: 1;
}

.KbaPage-side {
  width: 320px;
  padding-left: 32px;
  flex-shrink: 0;
  flex-grow: 0;
  display: none;
}
@media screen and (min-width: 1024px) {
  .KbaPage-side {
    display: block;
  }
}

.KbaPage form {
  margin-bottom: 1.5rem;
}

.KbaPage .CheckoutField-kbaRadio span.error {
  display: none !important;
}

.KbaPage-timer-forMobile {
  display: block;
}
@media screen and (min-width: 1024px) {
  .KbaPage-timer-forMobile {
    display: none;
  }
}

.KbaPage-timer-forDesktop {
  display: none;
}
@media screen and (min-width: 1024px) {
  .KbaPage-timer-forDesktop {
    display: block;
  }
}

.KbaPage-timerWrapper {
  background-color: white;
  z-index: 90;
  padding: 16px 0;
}
.KbaPage-timerWrapper.is-fixed {
  position: fixed;
  border-bottom: 1px #e0e0e0 solid;
  padding-left: 16px;
  padding-right: 16px;
}
@media screen and (min-width: 1024px) {
  .KbaPage-timerWrapper.is-fixed {
    border-bottom: none;
    padding-left: 32px;
    padding-right: 0px;
  }
}

.KbaPage-timer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-radius: 4px;
  background-color: #e3f7fd;
  border: 1px #80b4e4 solid;
  padding: 8px 12px;
}

.KbaPage-timer-label {
  font-weight: 600;
  font-size: 14px;
  color: #404040;
  line-height: 20px;
}

.KbaPage-timer-icon {
  display: inline-block;
  margin-left: auto;
  width: 18px;
  height: 18px;
  margin-right: 6px;
}

.KbaPage-timer-value {
  width: 45px;
  text-align: right;
  font-weight: 600;
  font-size: 18px;
  color: #00166f;
  line-height: 25px;
}

p.KbaPage-allQuestionsRequired {
  font-size: 13px;
  color: #000000;
  line-height: 19px;
}

.KbaPage-questions {
  position: relative;
  margin-bottom: 24px;
}

.KbaPage-question {
  margin: 20px 0;
}

.KbaPage-question-text {
  margin-bottom: 20px;
  font-weight: 600;
  font-size: 16px;
  color: #404040;
  line-height: 24px;
}

.KbaPage-question-requiredText {
  font-size: 13px;
  color: #c20b0f;
  line-height: 19px;
}

.KbaPage-option {
  margin-bottom: 20px;
}

.KbaDenial {
  margin: 8px auto 3rem auto;
}
@media screen and (min-width: 1024px) {
  .KbaDenial {
    margin-top: 0;
    width: 60%;
  }
}

.KbaDenial-section {
  background-color: #edf0f2;
  border-radius: 5px;
  padding: 24px 16px 40px 16px;
  margin-bottom: 32px;
}
@media screen and (min-width: 1024px) {
  .KbaDenial-section {
    padding: 24px 32px 40px 32px;
  }
}

.KbaDenial-bigMessage {
  width: 100%;
  text-align: center;
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 600;
  font-size: 1.4375rem;
  line-height: 1.9375rem;
  margin-bottom: 8px;
}
@media screen and (min-width: 1024px) {
  .KbaDenial-bigMessage {
    font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    font-size: 1.438rem;
    line-height: 1.936986rem;
  }
}

.KbaDenial-mainMessage {
  width: 100%;
  text-align: left;
}
.KbaDenial-mainMessage p {
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.43rem;
  font-size: 16px;
  margin-top: 1rem;
}
@media screen and (min-width: 1024px) {
  .KbaDenial-mainMessage p {
    font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 400;
    font-size: 0.875rem;
    line-height: 1.25125rem;
    font-size: 16px;
  }
}

.OtpPage {
  position: relative;
  max-width: 640px;
  margin: 0 auto;
  border-top: 1px #ccc solid;
  padding-top: 12px;
}
@media screen and (min-width: 1023px) {
  .OtpPage {
    border-top: none;
    padding-top: 0;
  }
}
.OtpPage form {
  margin-bottom: 48px;
}
.OtpPage .shield-circle {
  margin: 0 auto 8px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 48px;
  height: 48px;
  background-color: #003ba7;
  border-radius: 50%;
}
.OtpPage h1 {
  text-align: center;
  margin-bottom: 16px;
}
@media screen and (min-width: 1023px) {
  .OtpPage h1 {
    margin-bottom: 32px;
  }
}
.OtpPage p {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 16px;
}
.OtpPage .codeInputDiv {
  margin-bottom: 16px;
}
@media screen and (min-width: 1023px) {
  .OtpPage .codeInputDiv {
    margin-bottom: 20px;
  }
}
.OtpPage .actionButtons {
  margin-bottom: 24px;
}

.OtpPage-timerWrapper {
  width: 100%;
  border: solid 1px #80b4e4;
  border-radius: 4px;
  background: #e3f7fd;
  padding: 11px 12px;
  margin-top: 16px;
  margin-bottom: 24px;
}

.OtpPage-timer {
  display: flex;
  justify-content: space-between;
  margin: auto;
}
.OtpPage-timer .OtpPage-timer-label {
  font-weight: 600;
}
.OtpPage-timer .ticker-wrapper {
  display: inline-flex;
}
.OtpPage-timer .OtpPage-timer-icon {
  width: 18px;
  height: 18px;
  margin-right: 4px;
}
.OtpPage-timer .OtpPage-timer-value {
  font-size: 18px;
  font-weight: 600;
}

.OtpPage-newCodeAlert {
  position: absolute;
  width: 100%;
  z-index: 1;
  opacity: 1;
}
.OtpPage-newCodeAlert.is-fading {
  opacity: 0;
  transition: opacity 1s ease-in-out;
}

.OtpPage-chooseMethod-dialog .option {
  display: block;
  cursor: pointer;
  position: relative;
  padding: 16px;
  margin-bottom: 16px;
  border-radius: 4px;
  border: 1px #cccccc solid;
}
.OtpPage-chooseMethod-dialog .option input[type=radio] {
  position: absolute;
  left: -9999px;
  top: 0;
  appearance: none;
  -webkit-appearance: none;
}
.OtpPage-chooseMethod-dialog .option.is-selected {
  border: 1px #036ccb solid;
  background-color: rgba(218, 241, 255, 0.4);
}
.OtpPage-chooseMethod-dialog .option.has-focus {
  outline: 2px solid #0069C8;
}
.OtpPage-chooseMethod-dialog .option-name {
  position: relative;
  top: -4px;
}
.OtpPage-chooseMethod-dialog .pickThisOne {
  position: absolute;
  top: 16px;
  right: 16px;
  background-color: #b2d859;
  font-size: 12px;
  font-weight: 600;
  padding: 1px 8px;
}

.OtpPage-notWorking-dialog button {
  width: 100%;
}
.OtpPage-notWorking-dialog .CheckoutButton-submit {
  margin-bottom: 16px;
}

.OtpTimeout-Wrapper {
  max-width: 640px;
  margin: 0 auto 16px auto;
}
.OtpTimeout-Wrapper .OtpTimeout-Content {
  background: #f5f5f5;
  padding: 24px 16px 8px 16px;
  text-align: center;
  margin-bottom: 24px;
}
.OtpTimeout-Wrapper .OtpTimeout-h1 {
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 16px;
}
.OtpTimeout-Wrapper p {
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  margin-bottom: 16px;
}
@media screen and (min-width: 1023px) {
  .OtpTimeout-Wrapper p {
    text-align: center;
  }
}
.OtpTimeout-Wrapper p sup {
  font-size: 7px;
  top: -1em;
}
.OtpTimeout-Wrapper .CheckoutButton-submit {
  display: block;
  width: 100%;
  margin: auto;
  text-decoration: none;
  color: #fff;
  padding: 19px 8px;
}
@media screen and (min-width: 1023px) {
  .OtpTimeout-Wrapper .CheckoutButton-submit {
    max-width: 300px;
  }
}

@media screen and (max-width: 1023px) {
  .spanishagreement-desktoponly {
    display: none;
  }
}

@media screen and (min-width: 1024px) {
  .spanishagreement-mobileonly {
    display: none;
  }
}

@media screen and (min-width: 1440px) {
  .spanishagreement-dockable {
    display: none !important;
  }
}

.spanishagreement-navpanel {
  display: none;
  position: fixed;
  top: 200px;
  left: 72%;
  width: 18%;
  min-width: 18rem;
  z-index: 90;
  font-size: 14px;
}
@media screen and (max-width: 1439px) {
  .spanishagreement-navpanel {
    display: none !important;
  }
}

.spanishagreement-wrapper {
  display: none;
  font-size: 14px;
  margin: 2rem 0 1rem 0;
}
@media screen and (min-width: 501px) and (max-width: 1023px) {
  .spanishagreement-wrapper {
    margin-top: 3rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1349px) {
  .spanishagreement-wrapper {
    margin-top: -6rem;
  }
}

.spanishagreement-foryourconvenience {
  width: 100%;
  box-sizing: border-box;
  padding: 0 5%;
  margin-bottom: 0.5rem;
  text-align: center;
  font-weight: bold;
}
@media screen and (min-width: 1440px) {
  .spanishagreement-foryourconvenience {
    padding: 0;
    text-align: left;
  }
}

.spanishagreement-canvas {
  width: 100%;
}
@media screen and (min-width: 1440px) {
  .spanishagreement-canvas {
    width: 78%;
  }
}

.spanishagreement-pagination {
  width: 100%;
}
.spanishagreement-pagination .fa {
  font-size: 16px;
}
@media screen and (min-width: 1440px) {
  .spanishagreement-pagination {
    margin: 1rem 0;
  }
}

.spanishagreement-pagination-prev {
  display: inline-block;
  box-sizing: border-box;
  text-align: left;
  width: 30%;
  padding: 0.5rem 0;
  vertical-align: middle;
  border: none;
  cursor: pointer;
  font-weight: normal;
}
.spanishagreement-pagination-prev:focus {
  outline: 2px solid #0069C8;
}

.spanishagreement-pagination-center {
  display: inline-block;
  box-sizing: border-box;
  width: 40%;
  padding: 0.5rem 0;
  text-align: center;
  vertical-align: middle;
}

.spanishagreement-pagination-next {
  display: inline-block;
  box-sizing: border-box;
  text-align: right;
  width: 30%;
  padding: 0.5rem 0;
  vertical-align: middle;
  border: none;
  cursor: pointer;
  font-weight: normal;
}
.spanishagreement-pagination-next:focus {
  outline: 2px solid #0069C8;
}

.spanishagreement-pagebutton {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  border: none;
  font-size: 14px;
}

.spanishagreement-navbuttons {
  width: 100%;
  margin-top: 0.5rem;
  text-align: center;
}
.spanishagreement-navbuttons button {
  min-width: 18rem;
  font-size: 14px;
  white-space: nowrap;
}

.spanishagreement-navbuttons-spacer {
  display: block;
  width: 100%;
  height: 1rem;
}

.spanishagreement-notice {
  font-size: 14px;
  background-color: white;
}
@media screen and (max-width: 1023px) {
  .spanishagreement-notice {
    margin: 2rem 0 1rem 0;
  }
}
@media screen and (min-width: 1024px) {
  .spanishagreement-notice {
    margin: 9rem 0 8rem 0;
  }
}

@media screen and (min-width: 426px) and (max-width: 1023px) {
  .spanishagreement-notice-content {
    margin-top: 3rem;
  }
}
@media screen and (min-width: 1024px) and (max-width: 1349px) {
  .spanishagreement-notice-content {
    margin-top: -9rem;
  }
}

.spanishagreement-notice-textregion {
  margin: 0 auto;
  width: 90%;
  max-width: 980px;
  text-align: left;
}
.spanishagreement-notice-textregion p {
  font-size: 14px;
}

.spanishagreement-notice-buttonregion {
  margin: 0 auto;
  width: 90%;
  text-align: center;
}
.spanishagreement-notice-buttonregion button {
  font-size: 14px;
}

.spanishagreement-notice-instructionregion {
  margin: 0 auto;
  padding: 0 5%;
  box-sizing: border-box;
  width: 90%;
  text-align: center;
  margin-bottom: 1rem;
}
.spanishagreement-notice-instructionregion p {
  font-size: 14px;
}

a.spanishagreement-btn, div.spanishagreement-btn, button.spanishagreement-btn {
  margin: 0;
}

.EzpayEnrollmentPage {
  max-width: 700px;
  margin: 0 auto;
  color: #404040;
}
@media screen and (min-width: 1024px) {
  .EzpayEnrollmentPage h1 {
    margin-bottom: 24px;
  }
}
.EzpayEnrollmentPage .uxpin-alert {
  margin-bottom: 8px;
}

.EzpayEnrollmentPage-yourOrder {
  margin-bottom: 16px;
  font-size: 16px;
  line-height: 24px;
}
@media screen and (min-width: 1024px) {
  .EzpayEnrollmentPage-yourOrder {
    margin-bottom: 24px;
    font-weight: 500;
    font-size: 19px;
    line-height: 27px;
  }
}

.EzpayEnrollmentPage-agreementNo {
  font-weight: 700;
}

.EzpayEnrollmentPage-sectionHead {
  font-size: 26px;
  font-weight: 700;
  line-height: 34px;
}
@media screen and (min-width: 767px) {
  .EzpayEnrollmentPage-sectionHead {
    font-size: 30px;
    line-height: 38px;
  }
}
@media screen and (min-width: 1023px) {
  .EzpayEnrollmentPage-sectionHead {
    font-size: 36px;
    line-height: 44px;
  }
}
.EzpayEnrollmentPage-sectionHead {
  font-weight: 600;
  margin-bottom: 16px;
}

p.EzpayEnrollmentPage-sectionDesc {
  font-size: 16px;
  line-height: 24px;
  margin-bottom: 24px;
}

p.EzpayEnrollmentPage-based {
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 24px;
}
@media screen and (min-width: 1024px) {
  p.EzpayEnrollmentPage-based {
    font-size: 16px;
    line-height: 24px;
  }
}

h1.EzpayEnrollmentPage-ezpayBanner {
  background-color: #00369d;
  background: linear-gradient(90deg, #00369d 0%, #0069c8 100%);
  border-radius: 4px 4px 0px 0px;
  color: white;
  padding: 13px 16px 10px 16px;
  position: relative;
  margin-bottom: 24px;
}
@media screen and (min-width: 1024px) {
  h1.EzpayEnrollmentPage-ezpayBanner {
    padding-top: 20px;
    margin-bottom: 32px;
  }
}
h1.EzpayEnrollmentPage-ezpayBanner img {
  width: 100%;
  max-width: 356px;
}
h1.EzpayEnrollmentPage-ezpayBanner .EzpayEnrollmentPage-ezpayBanner-content {
  position: relative;
  z-index: 10;
  width: 100%;
  background: transparent;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  h1.EzpayEnrollmentPage-ezpayBanner .EzpayEnrollmentPage-ezpayBanner-content {
    font-weight: 400;
    font-size: 23px;
    line-height: 31px;
  }
}
h1.EzpayEnrollmentPage-ezpayBanner .EzpayEnrollmentPage-ezpayBanner-leftTrapezoid {
  z-index: 2;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 23%;
  height: 100%;
  clip-path: polygon(0% 0%, 75% 0%, 27.5% 100%, 0% 100%);
  background-color: #0069c8;
  mix-blend-mode: multiply;
  border-top-left-radius: 4px;
}
@media screen and (min-width: 1024px) {
  h1.EzpayEnrollmentPage-ezpayBanner .EzpayEnrollmentPage-ezpayBanner-leftTrapezoid {
    width: 15%;
  }
}
h1.EzpayEnrollmentPage-ezpayBanner .EzpayEnrollmentPage-ezpayBanner-leftParallelogram {
  z-index: 1;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 23%;
  height: 100%;
  clip-path: polygon(50% 0%, 100% 0%, 70% 60%, 20% 60%);
  background-color: #0069c8;
}
@media screen and (min-width: 1024px) {
  h1.EzpayEnrollmentPage-ezpayBanner .EzpayEnrollmentPage-ezpayBanner-leftParallelogram {
    width: 15%;
  }
}
h1.EzpayEnrollmentPage-ezpayBanner .EzpayEnrollmentPage-ezpayBanner-rightTrapezoid {
  z-index: 2;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 23%;
  height: 100%;
  clip-path: polygon(72.5% 0%, 100% 0%, 100% 100%, 25% 100%);
  background-color: #15bef0;
  mix-blend-mode: multiply;
  border-top-right-radius: 4px;
}
@media screen and (min-width: 1024px) {
  h1.EzpayEnrollmentPage-ezpayBanner .EzpayEnrollmentPage-ezpayBanner-rightTrapezoid {
    width: 15%;
  }
}
h1.EzpayEnrollmentPage-ezpayBanner .EzpayEnrollmentPage-ezpayBanner-rightParallelogram {
  display: none;
  z-index: 1;
  position: absolute;
  right: 0px;
  top: 0px;
  width: 23%;
  height: 100%;
  clip-path: polygon(25% 50%, 70% 50%, 45% 100%, 0% 100%);
  background-color: #004ab8;
}
@media screen and (min-width: 1024px) {
  h1.EzpayEnrollmentPage-ezpayBanner .EzpayEnrollmentPage-ezpayBanner-rightParallelogram {
    width: 15%;
    display: block;
  }
}

.CheckoutFieldset-paymentSchedules {
  margin-bottom: 24px;
}

.EzpayEnrollmentPage-paymentSchedules {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  background-color: white;
}

.Ezpay-scheduleOptions {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  background-color: white;
}

.EzpayEnrollmentPage-paymentSchedule-container {
  display: flex;
  align-items: center;
  justify-content: center;
}

.EzpayEnrollmentPage-paymentSchedule {
  position: relative;
  background-color: #f9fafb;
  border: 1px #9e9e9e solid;
  border-radius: 4px;
  padding: 12px 16px;
  width: 340px;
  max-width: 50%;
  transition: height 0.15s ease-out;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .EzpayEnrollmentPage-paymentSchedule {
    width: 100%;
    max-width: 100%;
    height: initial;
  }
}
.EzpayEnrollmentPage-paymentSchedule {
  cursor: pointer;
}
.EzpayEnrollmentPage-paymentSchedule.is-collapsed {
  height: 0px;
  transition: height 0.15s ease-out;
}
.EzpayEnrollmentPage-paymentSchedule.is-selected {
  border: 2px #036ccb solid;
  background-color: rgba(218, 241, 255, 0.4);
  transition: height 0.15s ease-out;
  padding: 11px 15px;
}
.EzpayEnrollmentPage-paymentSchedule.is-selected .matchYourPayday {
  top: -13px;
}
.EzpayEnrollmentPage-paymentSchedule .matchYourPayday {
  z-index: 1;
  position: absolute;
  top: -12px;
  display: block;
  background-color: #0069c8;
  font-weight: 600;
  font-size: 11px;
  color: #fff;
  line-height: 15px;
  border-radius: 10px;
  padding: 5px 13px;
}
.EzpayEnrollmentPage-paymentSchedule .matchYourPayday.is-hidden {
  display: none;
}
@media screen and (min-width: 1024px) {
  .EzpayEnrollmentPage-paymentSchedule .matchYourPayday {
    top: -12px;
    font-size: 16px;
  }
}
.EzpayEnrollmentPage-paymentSchedule .scheduleLabel {
  font-size: 16px;
  line-height: 24px;
}
@media screen and (min-width: 1024px) {
  .EzpayEnrollmentPage-paymentSchedule .scheduleLabel {
    font-weight: 500;
    font-size: 19px;
    line-height: 27px;
    margin-bottom: 4px;
  }
}
.EzpayEnrollmentPage-paymentSchedule .paymentBasicInfoContainer {
  text-align: center;
}
.EzpayEnrollmentPage-paymentSchedule .paymentBasicInfo {
  display: flex;
  align-items: baseline;
  justify-content: center;
}
.EzpayEnrollmentPage-paymentSchedule .paymentAmount {
  flex-grow: 0;
  text-align: left;
  font-weight: 700;
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 32px;
  line-height: 32px;
}
.EzpayEnrollmentPage-paymentSchedule .paymentAmount sup {
  font-size: 50%;
  top: -0.75em;
}
@media screen and (min-width: 1024px) {
  .EzpayEnrollmentPage-paymentSchedule .paymentAmount {
    display: inline-block;
  }
}
.EzpayEnrollmentPage-paymentSchedule .paymentPeriod {
  flex-grow: 0;
  text-align: left;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.EzpayEnrollmentPage-paymentSchedule .numberOfPayments {
  flex-grow: 1;
  text-align: right;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
}
.EzpayEnrollmentPage-paymentSchedule .explanatoryText {
  line-height: 20px;
  margin: 8px 0;
  text-align: center;
  white-space: pre-line;
}
.EzpayEnrollmentPage-paymentSchedule .apPlus-Tax-text {
  font-size: 12px;
  text-align: center;
}
.EzpayEnrollmentPage-paymentSchedule .clubPrice {
  font-weight: 600;
}
.EzpayEnrollmentPage-paymentSchedule.error {
  border-color: #C41E24;
}

.Ezpay-scheduleDetail {
  position: relative;
  border: 1px #9e9e9e solid;
  border-radius: 4px;
  padding: 12px;
  width: 340px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
@media screen and (min-width: 1023px) {
  .Ezpay-scheduleDetail {
    max-width: 50%;
  }
}
.Ezpay-scheduleDetail .rows {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.Ezpay-scheduleDetail .scheduleLabel {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.Ezpay-scheduleDetail .scheduleDetails {
  text-align: left;
  font-size: 14px;
  line-height: 22px;
}
.Ezpay-scheduleDetail .fakeRadioCircle {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border: 1px #aaa solid;
  border-radius: 50%;
  margin-right: 12px;
  margin-top: 4px;
}
.Ezpay-scheduleDetail.is-selected .fakeRadioCircle {
  border: 2px #036ccb solid;
}
.Ezpay-scheduleDetail.is-selected .fakeRadioCircle .innerDot {
  width: 12px;
  height: 12px;
  top: 2px;
  left: 2px;
  background-color: #036ccb;
  border-radius: 50%;
}
.Ezpay-scheduleDetail {
  width: 100%;
  max-width: 100%;
}
.Ezpay-scheduleDetail .icon {
  margin-right: 12px;
  margin-top: 4px;
}
.Ezpay-scheduleDetail .badges, .Ezpay-scheduleDetail .buttons {
  margin-top: 4px;
}
.Ezpay-scheduleDetail .badge {
  display: inline-block;
  font-size: 13px;
  line-height: 20px;
  font-weight: 600;
  padding: 2px 12px;
  border-radius: 100px;
}
.Ezpay-scheduleDetail .badge.paid {
  background-color: #deeeb8;
}
.Ezpay-scheduleDetail .badge.scheduled {
  background-color: #b9ecfb;
}
.Ezpay-scheduleDetail .badge.recurring {
  background-color: #b3c3e2;
}
.Ezpay-scheduleDetail.todaysPayment {
  border-radius: 4px 4px 0 0;
}
.Ezpay-scheduleDetail.trueUpPayment {
  border-top-width: 0;
  border-radius: 0;
}
.Ezpay-scheduleDetail.recurringPayment {
  border-top-width: 0;
  border-radius: 0 0 4px 4px;
}

.Ezpay-scheduleOption {
  position: relative;
  border: 1px #9e9e9e solid;
  border-radius: 4px;
  padding: 12px;
  width: 340px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
@media screen and (min-width: 1023px) {
  .Ezpay-scheduleOption {
    max-width: 50%;
  }
}
.Ezpay-scheduleOption .rows {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.Ezpay-scheduleOption .scheduleLabel {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.Ezpay-scheduleOption .scheduleDetails {
  text-align: left;
  font-size: 14px;
  line-height: 22px;
}
.Ezpay-scheduleOption .fakeRadioCircle {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border: 1px #aaa solid;
  border-radius: 50%;
  margin-right: 12px;
  margin-top: 4px;
}
.Ezpay-scheduleOption.is-selected .fakeRadioCircle {
  border: 2px #036ccb solid;
}
.Ezpay-scheduleOption.is-selected .fakeRadioCircle .innerDot {
  width: 12px;
  height: 12px;
  top: 2px;
  left: 2px;
  background-color: #036ccb;
  border-radius: 50%;
}
@media screen and (max-width: 768px) {
  .Ezpay-scheduleOption {
    width: 100%;
    max-width: 100%;
    height: initial;
  }
}
.Ezpay-scheduleOption {
  cursor: pointer;
}
.Ezpay-scheduleOption.is-selected {
  border: 2px #036ccb solid;
  background-color: rgba(218, 241, 255, 0.4);
  padding: 11px;
}
.Ezpay-scheduleOption.is-selected .matchYourPayday {
  top: -13px;
}
.Ezpay-scheduleOption .matchYourPayday {
  z-index: 1;
  position: absolute;
  top: -12px;
  display: block;
  background-color: #0069c8;
  font-weight: 600;
  font-size: 12px;
  color: #fff;
  line-height: 15px;
  border-radius: 10%/50%;
  padding: 5px 13px;
}
.Ezpay-scheduleOption .matchYourPayday.is-hidden {
  display: none;
}
.Ezpay-scheduleOption .ownIt {
  font-size: 12px;
  line-height: 20px;
}
.Ezpay-scheduleOption.error {
  border-color: #C41E24;
}

.Ezpay-paymentOption {
  position: relative;
  border: 1px #9e9e9e solid;
  border-radius: 4px;
  padding: 12px;
  width: 340px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
@media screen and (min-width: 1023px) {
  .Ezpay-paymentOption {
    max-width: 50%;
  }
}
.Ezpay-paymentOption .rows {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.Ezpay-paymentOption .scheduleLabel {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
.Ezpay-paymentOption .scheduleDetails {
  text-align: left;
  font-size: 14px;
  line-height: 22px;
}
.Ezpay-paymentOption .fakeRadioCircle {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  border: 1px #aaa solid;
  border-radius: 50%;
  margin-right: 12px;
  margin-top: 4px;
}
.Ezpay-paymentOption.is-selected .fakeRadioCircle {
  border: 2px #036ccb solid;
}
.Ezpay-paymentOption.is-selected .fakeRadioCircle .innerDot {
  width: 12px;
  height: 12px;
  top: 2px;
  left: 2px;
  background-color: #036ccb;
  border-radius: 50%;
}
.Ezpay-paymentOption {
  justify-content: flex-start;
}

.EzpayEnrollmentPage-paymentMethod {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  font-size: 16px;
  line-height: 24px;
  align-items: center;
  margin-bottom: 32px;
}
.EzpayEnrollmentPage-paymentMethod h2 {
  margin-bottom: -14px;
}
@media screen and (max-width: 768px) {
  .EzpayEnrollmentPage-paymentMethod {
    display: block;
  }
  .EzpayEnrollmentPage-paymentMethod h2 {
    margin-bottom: 14px;
  }
}
.EzpayEnrollmentPage-paymentMethod .activeCard {
  border: solid 2px #0069c8;
  background-color: #eff6fb;
  border-radius: 4px;
  display: flex;
  align-items: center;
  padding: 7px 9px;
  height: 51px;
  width: calc(50% - 11px);
  min-width: 233px;
}
.EzpayEnrollmentPage-paymentMethod .activeCard .EzpayEnrollmentPage-cardInfo {
  margin: 0 0 0 6px;
}
@media screen and (max-width: 768px) {
  .EzpayEnrollmentPage-paymentMethod .activeCard {
    margin-bottom: 14px;
    width: 100%;
  }
}
.EzpayEnrollmentPage-paymentMethod .activeCard .EzpayEnrollmentPage-chosenCardType, .EzpayEnrollmentPage-paymentMethod .activeCard .EzpayEnrollmentPage-chosenLast4 {
  font-size: 14px;
  font-weight: 700;
  text-transform: capitalize;
  color: #404040;
}
.EzpayEnrollmentPage-paymentMethod .changeCard {
  border: solid 1px #e4e7eb;
  border-radius: 4px;
  padding: 7px 9px;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  height: 51px;
  width: calc(50% - 11px);
  min-width: 233px;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .EzpayEnrollmentPage-paymentMethod .changeCard {
    width: 100%;
  }
}
.EzpayEnrollmentPage-paymentMethod .changeCard span {
  margin-left: 4px;
}

.EzpayEnrollmentPage-cardIcon {
  width: 56px;
  height: 34px;
  padding: 2px;
}

.EzpayEnrollmentPage-chosenCardInfo {
  display: inline-block;
  padding: 0px 4px;
}
.EzpayEnrollmentPage-chosenCardInfo.is-hidden {
  display: none;
}

.EzpayEnrollmentPage-continueButton {
  margin-bottom: 24px;
}

.EzpayEnrollmentPage-legalSection {
  margin-bottom: 16px;
  transition: height 0.15s ease-out;
}
.EzpayEnrollmentPage-legalSection .EzpayEnrollmentPage-checkboxLabel {
  display: flex;
  flex-wrap: nowrap;
  font-size: 14px;
  line-height: 22px;
  margin-bottom: 16px;
}
.EzpayEnrollmentPage-legalSection span {
  display: inline-block;
}
.EzpayEnrollmentPage-legalSection a {
  font-weight: 600;
  color: #0069c8;
  text-decoration: underline solid rgb(0, 105, 200);
}
.EzpayEnrollmentPage-legalSection p {
  font-size: 13px;
  line-height: 20px;
  margin-bottom: 8px;
}
.EzpayEnrollmentPage-legalSection li {
  font-size: 13px;
  line-height: 20px;
  list-style-type: disc;
  margin-left: 16px;
}
.EzpayEnrollmentPage-legalSection.is-hidden {
  transition: height 0.15s ease-out;
  display: none;
}

.CheckoutInput-wrapper.CheckoutField-iAgreeToTerms {
  width: 24px;
  margin-right: 12px;
}

.EzpayEnrollmentPage-hppModal {
  position: relative;
}

.EzpayEnrollmentPage-ui-dialog {
  box-sizing: border-box;
  background-color: white;
  border: 1px #ccc solid;
  border-radius: 4px;
  padding: 0;
  box-shadow: 0px 0px 5px #666;
  max-width: 100%;
}
.EzpayEnrollmentPage-ui-dialog .CheckoutDialog-ui-widget-header {
  background: none;
}
.EzpayEnrollmentPage-ui-dialog .CheckoutDialog-ui-dialog-titlebar {
  box-sizing: border-box;
  width: 100%;
  position: relative;
  padding: 16px;
  border-bottom: 1px rgb(211, 216, 222) solid;
}
.EzpayEnrollmentPage-ui-dialog .CheckoutDialog-ui-dialog-title {
  margin: 0;
  font-weight: 600;
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 500;
  font-size: 1.125rem;
  line-height: 1.5625rem;
}
@media screen and (min-width: 1024px) {
  .EzpayEnrollmentPage-ui-dialog .CheckoutDialog-ui-dialog-title {
    font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    font-weight: 500;
    font-size: 1.188rem;
    line-height: 1.688148rem;
  }
}
.EzpayEnrollmentPage-ui-dialog .CheckoutDialog-ui-dialog-content {
  box-sizing: border-box;
  padding: 16px 16px 32px 16px;
}
.EzpayEnrollmentPage-ui-dialog .CheckoutDialog-ui-dialog-titlebar-close {
  box-sizing: border-box;
  position: absolute;
  right: 16px;
  border: none;
  width: 24px;
  height: 24px;
  padding: 0;
}
.EzpayEnrollmentPage-ui-dialog .CheckoutDialog-ui-dialog-titlebar-close::after {
  position: absolute;
  top: 2px;
  right: 2px;
  display: inline-block;
  content: "";
  background-image: url(../images/svg/close-x-btn2.svg);
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
}
.EzpayEnrollmentPage-ui-dialog .CheckoutDialog-ui-dialog-titlebar-close:focus {
  outline: 2px #0069C8 solid;
}
.EzpayEnrollmentPage-ui-dialog .CheckoutDialog-ui-dialog-titlebar-close .ui-icon {
  display: none;
}
.EzpayEnrollmentPage-ui-dialog .CheckoutDialog-ui-widget-overlay {
  background: rgba(0, 0, 0, 0.5);
}
.EzpayEnrollmentPage-ui-dialog .ui-dialog-content {
  overflow: hidden;
  padding: 16px;
}
.EzpayEnrollmentPage-ui-dialog .hpp-iframecontainer {
  overflow-x: hidden;
  overflow-y: auto;
}
.EzpayEnrollmentPage-ui-dialog p {
  color: #404040;
  font-size: 14px;
  line-height: 20px;
}

.Ezpay-oneTimePaymentDetails-ui-dialog-content {
  padding: 22px 20px 20px 20px;
}

.Ezpay-oneTimePaymentDetails-dialog {
  color: #404040;
  --ezpay-scheduled-anchor: 44%;
}
.Ezpay-oneTimePaymentDetails-dialog h2 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 700;
  margin: 0 0 8px 0;
}
.Ezpay-oneTimePaymentDetails-dialog p {
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 18px 0;
}
.Ezpay-oneTimePaymentDetails-dialog .Ezpay-oneTimePaymentDetails-breakdownHead {
  font-size: 16px;
  line-height: 24px;
  margin: 26px 0 10px 0;
}
.Ezpay-oneTimePaymentDetails-dialog .Ezpay-oneTimePaymentDetails-timelineLabel {
  width: calc(100% - var(--ezpay-scheduled-anchor) - 10px);
  margin: 0 0 6px calc(var(--ezpay-scheduled-anchor) - 2px);
  font-size: 12px;
  line-height: 16px;
  text-align: center;
  color: #555;
}
.Ezpay-oneTimePaymentDetails-dialog .Ezpay-oneTimePaymentDetails-timeline {
  position: relative;
  height: 42px;
  margin-bottom: 12px;
}
.Ezpay-oneTimePaymentDetails-dialog .Ezpay-oneTimePaymentDetails-timeline .line {
  position: absolute;
  left: 6px;
  right: 6px;
  bottom: 4px;
  height: 4px;
  border-radius: 3px;
  background: #adadad;
}
.Ezpay-oneTimePaymentDetails-dialog .Ezpay-oneTimePaymentDetails-timeline .lineActive {
  position: absolute;
  left: calc(var(--ezpay-scheduled-anchor) - 8px);
  right: 6px;
  bottom: 4px;
  height: 5px;
  border-radius: 3px;
  background: #0069c8;
}
.Ezpay-oneTimePaymentDetails-dialog .Ezpay-oneTimePaymentDetails-timeline .divider {
  position: absolute;
  left: calc(70% - 1px);
  bottom: 8px;
  width: 1px;
  height: 34px;
  background: #036ccb;
}
.Ezpay-oneTimePaymentDetails-dialog .Ezpay-oneTimePaymentDetails-timeline .dot {
  position: absolute;
  bottom: -2px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #404040;
}
.Ezpay-oneTimePaymentDetails-dialog .Ezpay-oneTimePaymentDetails-timeline .dot.left {
  left: 0;
}
.Ezpay-oneTimePaymentDetails-dialog .Ezpay-oneTimePaymentDetails-timeline .dot.middle {
  left: calc(var(--ezpay-scheduled-anchor) - 8px);
}
.Ezpay-oneTimePaymentDetails-dialog .Ezpay-oneTimePaymentDetails-timeline .dot.right {
  right: 0;
}
.Ezpay-oneTimePaymentDetails-dialog .Ezpay-oneTimePaymentDetails-timeline .badge {
  position: absolute;
  top: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  white-space: nowrap;
  font-size: 13px;
  line-height: 16px;
  font-weight: 600;
  min-height: 24px;
  padding: 2px 14px;
  border-radius: 99px;
}
.Ezpay-oneTimePaymentDetails-dialog .Ezpay-oneTimePaymentDetails-timeline .badge.paid {
  left: 0;
  background-color: #deeeb8;
}
.Ezpay-oneTimePaymentDetails-dialog .Ezpay-oneTimePaymentDetails-timeline .badge.scheduled {
  left: calc(var(--ezpay-scheduled-anchor) - 44px);
  background-color: #e3f7fd;
}
.Ezpay-oneTimePaymentDetails-dialog .Ezpay-oneTimePaymentDetails-timeline .badge.recurring {
  right: 0;
  background-color: #e0e7f3;
}
.Ezpay-oneTimePaymentDetails-dialog .Ezpay-oneTimePaymentDetails-columns {
  display: grid;
  grid-template-columns: 34fr 20fr 46fr;
  gap: 12px;
}
.Ezpay-oneTimePaymentDetails-dialog .Ezpay-oneTimePaymentDetails-columns .column {
  min-width: 0;
  display: flex;
  flex-direction: column;
}
.Ezpay-oneTimePaymentDetails-dialog .Ezpay-oneTimePaymentDetails-columns .column.is-right {
  text-align: right;
}
.Ezpay-oneTimePaymentDetails-dialog .Ezpay-oneTimePaymentDetails-columns .column:nth-child(2) {
  text-align: center;
  position: relative;
  left: -6px;
}
.Ezpay-oneTimePaymentDetails-dialog .Ezpay-oneTimePaymentDetails-columns .date {
  font-size: 13px;
  line-height: 20px;
  font-weight: 700;
  margin-bottom: 2px;
}
.Ezpay-oneTimePaymentDetails-dialog .Ezpay-oneTimePaymentDetails-columns .label {
  font-size: 13px;
  line-height: 20px;
  color: #555;
  margin-bottom: 4px;
}
.Ezpay-oneTimePaymentDetails-dialog .Ezpay-oneTimePaymentDetails-columns .amount {
  font-size: 13px;
  line-height: 20px;
  margin-top: 0;
}
.Ezpay-oneTimePaymentDetails-dialog .Ezpay-oneTimePaymentDetails-breakdown {
  border: 1px solid #d4d4d4;
  border-radius: 4px;
  overflow: hidden;
}
.Ezpay-oneTimePaymentDetails-dialog .Ezpay-oneTimePaymentDetails-breakdown .row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  line-height: 20px;
  padding: 8px 14px;
  background: #fff;
}
.Ezpay-oneTimePaymentDetails-dialog .Ezpay-oneTimePaymentDetails-breakdown .row.total {
  font-weight: 700;
  background: #ededed;
}

@media screen and (max-width: 768px) {
  .Ezpay-oneTimePaymentDetails-dialog h2 {
    font-size: 16px;
    line-height: 24px;
  }
  .Ezpay-oneTimePaymentDetails-dialog p {
    font-size: 14px;
    line-height: 20px;
  }
  .Ezpay-oneTimePaymentDetails-dialog .Ezpay-oneTimePaymentDetails-timelineLabel {
    width: calc(100% - var(--ezpay-scheduled-anchor) - 10px);
    margin-left: calc(var(--ezpay-scheduled-anchor) - 2px);
  }
  .Ezpay-oneTimePaymentDetails-dialog .Ezpay-oneTimePaymentDetails-timeline {
    height: 38px;
  }
  .Ezpay-oneTimePaymentDetails-dialog .Ezpay-oneTimePaymentDetails-timeline .badge {
    font-size: 11px;
    line-height: 14px;
    min-height: 20px;
    padding: 2px 10px;
  }
  .Ezpay-oneTimePaymentDetails-dialog .Ezpay-oneTimePaymentDetails-timeline .badge.scheduled {
    left: calc(var(--ezpay-scheduled-anchor) - 39px);
  }
  .Ezpay-oneTimePaymentDetails-dialog .Ezpay-oneTimePaymentDetails-timeline .divider {
    left: calc(70% - 1px);
    height: 28px;
  }
  .Ezpay-oneTimePaymentDetails-dialog .Ezpay-oneTimePaymentDetails-columns {
    grid-template-columns: 34fr 22fr 44fr;
    gap: 8px;
  }
  .Ezpay-oneTimePaymentDetails-dialog .Ezpay-oneTimePaymentDetails-columns .column:nth-child(2) {
    left: -4px;
  }
  .Ezpay-oneTimePaymentDetails-dialog .Ezpay-oneTimePaymentDetails-columns .date {
    font-size: 12px;
    line-height: 18px;
  }
  .Ezpay-oneTimePaymentDetails-dialog .Ezpay-oneTimePaymentDetails-columns .label,
  .Ezpay-oneTimePaymentDetails-dialog .Ezpay-oneTimePaymentDetails-columns .amount {
    font-size: 12px;
    line-height: 18px;
  }
  .Ezpay-oneTimePaymentDetails-dialog .Ezpay-oneTimePaymentDetails-columns .label {
    margin-bottom: 3px;
  }
  .Ezpay-oneTimePaymentDetails-dialog .Ezpay-oneTimePaymentDetails-breakdown .row {
    font-size: 13px;
    line-height: 18px;
    padding: 8px 12px;
  }
}
.EzpayEnrollmentPage-showAllOptionsButton {
  display: block;
  border: none;
  padding: 0;
  margin: 0 auto 48px auto;
  font-size: 14px;
  font-weight: 600;
  color: #0069c8;
  line-height: 24px;
  text-align: center;
  text-decoration: underline;
}
.EzpayEnrollmentPage-showAllOptionsButton::after {
  display: inline-block;
  content: "";
  margin-left: 12px;
  background-image: url(../images/svg/new-chev-blue.svg);
  background-repeat: no-repeat;
  background-size: 10px 18px;
  transform: rotate(90deg);
  width: 10px;
  height: 18px;
  vertical-align: text-bottom;
}

.Ezpay-scheduleDetails {
  margin-bottom: 24px;
}

.EzpayEnrollmentPage-includesApplicable {
  font-size: 12px;
  margin-bottom: 16px;
}

.EzpayEnrollmentPage-cardRequiredError {
  width: 100%;
  padding: 0;
  margin: -28px 0 16px 0;
}

.EzpayEnrollmentPage-acceptTermsError {
  width: 100%;
  padding: 0;
  margin: -20px 0 16px 0;
}

.EzpayEnrollmentPage-paymentScheduleError {
  width: 100%;
  padding: 0;
  margin: -16px 0 16px 0;
}

.SchedulePickerModule .Ezpay-scheduleOptions {
  margin-bottom: 24px;
}

.Ezpay-switchToManual-dialog p {
  width: 100%;
  text-align: center;
  margin-bottom: 12px;
}
.Ezpay-switchToManual-dialog ul.switchToManual-ezpayBenefits {
  border-radius: 8px;
  background-color: #f7f7f7;
  padding: 16px 24px;
  margin-bottom: 24px;
  font-size: 16px;
  line-height: 24px;
}
.Ezpay-switchToManual-dialog ul.switchToManual-ezpayBenefits li {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.Ezpay-switchToManual-dialog ul.switchToManual-ezpayBenefits li svg {
  flex-shrink: 0;
}
.Ezpay-switchToManual-dialog ul.switchToManual-ezpayBenefits li span {
  display: inline-block;
  width: calc(100% - 32px);
  margin-top: -4px;
}
.Ezpay-switchToManual-dialog ul.switchToManual-ezpayBenefits li strong {
  font-weight: 600;
}
.Ezpay-switchToManual-dialog ul.switchToManual-ezpayBenefits li:not(:last-of-type) {
  margin-bottom: 16px;
}
.Ezpay-switchToManual-dialog .buttons {
  text-align: center;
}
.Ezpay-switchToManual-dialog button.CheckoutButton-submit {
  margin-bottom: 24px;
}

.MonthlyLeaseReminderPage {
  max-width: 800px;
  margin: 0 auto;
  font-size: 16px;
  color: #404040;
  line-height: 24px;
}

.MonthlyLeaseReminderPage-grayBox {
  background-color: #edf0f2;
  border-radius: 5px;
  padding: 24px 16px;
  margin-bottom: 16px;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .MonthlyLeaseReminderPage-grayBox {
    padding: 24px 32px;
  }
}
.MonthlyLeaseReminderPage-grayBox h1 {
  display: inline-block;
}

.MonthlyLeaseReminderPage-infoIcon {
  display: inline-block;
  width: 24px;
  height: 24px;
  vertical-align: text-bottom;
}

.MonthlyLeaseReminderPage-continueButton {
  margin-bottom: 24px;
}

.Confirmation2 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  color: #404040;
  max-width: 1024px;
  margin: 0 auto;
}

.Confirmation2 a {
  font-weight: 600;
  color: #0069c8;
  text-decoration: underline solid rgb(0, 105, 200);
  line-height: 24px;
}
.Confirmation2 hr {
  margin: 12px 0;
  height: 1px;
  background-color: #CCCCCC;
  border: none;
}
@media screen and (min-width: 1024px) {
  .Confirmation2 hr {
    margin: 16px 0;
  }
}
.Confirmation2 hr.Confirmation2-hrWithLessMargin {
  margin: 8px 0;
}
@media screen and (min-width: 1024px) {
  .Confirmation2 hr.Confirmation2-hrWithLessMargin {
    margin: 8px 0;
  }
}
.Confirmation2 h2 {
  width: 100%;
  font-size: 20px;
  line-height: 28px;
  font-weight: 600;
  margin-bottom: 12px;
}
@media screen and (min-width: 1024px) {
  .Confirmation2 h2.biggerOnDesktop {
    font-size: 28px;
    line-height: 36px;
  }
}
.Confirmation2 h3 {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 0px;
}
.Confirmation2 p {
  font-size: 16px;
  line-height: 24px;
}
.Confirmation2 section {
  margin-bottom: 40px;
}
.Confirmation2 section h2 {
  margin-bottom: 8px;
}
.Confirmation2 .bottomMargin32px {
  margin-bottom: 32px;
}
.Confirmation2 .openSans {
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.Confirmation2 .weight600 {
  font-weight: 600;
}
.Confirmation2 .weight700 {
  font-weight: 700;
}

h1.Confirmation2-bigCongrats {
  width: 100%;
  margin-bottom: 16px;
}
@media screen and (min-width: 1024px) {
  h1.Confirmation2-bigCongrats {
    margin-bottom: 40px;
  }
}

.Confirmation2-bigCongrats-line1 {
  font-size: 29px;
  line-height: 37px;
  font-weight: 700;
  display: block;
}
@media screen and (min-width: 1024px) {
  .Confirmation2-bigCongrats-line1 {
    display: inline;
    font-size: 40px;
    line-height: 48px;
  }
}

.Confirmation2-leftSide {
  flex-grow: 1;
  width: 100%;
}
@media screen and (min-width: 1024px) {
  .Confirmation2-leftSide {
    width: 54%;
  }
}

.Confirmation2-rightSide {
  flex-grow: 1;
  width: 100%;
  display: none;
  margin-left: 32px;
  padding: 22px;
  border-radius: 4px;
  background-color: #fafafa;
  border: 1px #cccccc solid;
}
@media screen and (min-width: 1024px) {
  .Confirmation2-rightSide {
    display: block;
    width: 400px;
    flex-grow: 0;
  }
}

section.Confirmation2-orderSummarySection > .Confirmation2-sectionBox {
  border: 1px #bdbdbd solid;
  border-radius: 4px;
  padding: 10px 12px 16px 12px;
}
@media screen and (min-width: 1024px) {
  section.Confirmation2-orderSummarySection > .Confirmation2-sectionBox {
    padding: 16px;
  }
}

section.Confirmation2-clubSection > .Confirmation2-sectionBox {
  position: relative;
  border-radius: 4px;
  border-top: 8px #0069c8 solid;
  border-right: 1px #bdbdbd solid;
  border-bottom: 1px #bdbdbd solid;
  border-left: 1px #bdbdbd solid;
  padding: 12px;
  font-size: 14px;
  line-height: 22px;
}
@media screen and (min-width: 1024px) {
  section.Confirmation2-clubSection > .Confirmation2-sectionBox {
    padding: 16px;
    font-size: 16px;
    line-height: 24px;
  }
}
section.Confirmation2-clubSection > .Confirmation2-sectionBox hr {
  margin: 12px 0;
}
section.Confirmation2-clubSection > .Confirmation2-sectionBox p {
  font-size: 14px;
  line-height: 22px;
}
@media screen and (min-width: 1024px) {
  section.Confirmation2-clubSection > .Confirmation2-sectionBox p {
    font-size: 16px;
    line-height: 24px;
  }
}
section.Confirmation2-clubSection > .Confirmation2-sectionBox .membership {
  margin-top: 8px;
}
section.Confirmation2-clubSection > .Confirmation2-sectionBox .clubCheckmark {
  position: absolute;
  right: 12px;
}
@media screen and (min-width: 1024px) {
  section.Confirmation2-clubSection > .Confirmation2-sectionBox .clubCheckmark {
    right: 16px;
  }
}

section.Confirmation2-todaysPaymentSection > .Confirmation2-sectionBox {
  border-left: 1px #bdbdbd solid;
  border-right: 1px #bdbdbd solid;
  padding: 12px;
}
@media screen and (min-width: 1024px) {
  section.Confirmation2-todaysPaymentSection > .Confirmation2-sectionBox {
    padding: 16px;
  }
}
section.Confirmation2-todaysPaymentSection > .Confirmation2-sectionBox.top {
  background-color: #f5f5f5;
  border-top: 1px #bdbdbd solid;
  border-radius: 4px 4px 0 0;
}
section.Confirmation2-todaysPaymentSection > .Confirmation2-sectionBox.top.is-also-bottom {
  border-bottom: 1px #bdbdbd solid;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
section.Confirmation2-todaysPaymentSection > .Confirmation2-sectionBox.bottom {
  border-bottom: 1px #bdbdbd solid;
  border-radius: 0 0 4px 4px;
}
@media screen and (min-width: 1024px) {
  section.Confirmation2-todaysPaymentSection > .Confirmation2-sectionBox.bottom {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
  }
  section.Confirmation2-todaysPaymentSection > .Confirmation2-sectionBox.bottom > .Confirmation2-orderPaymentSummary-billingAddress {
    width: 40%;
    flex-shrink: 0;
    margin-left: 16px;
  }
}

section.Confirmation2-leaseOwnershipPlanSection > .Confirmation2-sectionBox {
  border-left: 1px #bdbdbd solid;
  border-right: 1px #bdbdbd solid;
  padding: 12px;
}
@media screen and (min-width: 1024px) {
  section.Confirmation2-leaseOwnershipPlanSection > .Confirmation2-sectionBox {
    padding: 16px;
  }
}
section.Confirmation2-leaseOwnershipPlanSection > .Confirmation2-sectionBox.top {
  border-top: 1px #bdbdbd solid;
  border-radius: 4px 4px 0 0;
}
section.Confirmation2-leaseOwnershipPlanSection > .Confirmation2-sectionBox.bottom {
  background-color: #f5f5f5;
  border-bottom: 1px #bdbdbd solid;
  border-radius: 0 0 4px 4px;
}

section.Confirmation2-nextPaymentSection > h2 {
  margin-bottom: 20px;
}

section.Confirmation2-ezpayScheduleSection > .Confirmation2-sectionBox {
  background-color: white;
  border: 1px #bdbdbd solid;
  border-radius: 4px;
}
section.Confirmation2-ezpayScheduleSection > .Confirmation2-sectionBox > .ezpayTop {
  background-color: white;
  padding: 16px 12px 8px 12px;
  border-radius: 4px 4px 0 0;
}
section.Confirmation2-ezpayScheduleSection > .Confirmation2-sectionBox > .ezpayMiddle {
  background-color: #f5f5f5;
  padding: 8px 12px 8px 12px;
}
section.Confirmation2-ezpayScheduleSection > .Confirmation2-sectionBox > .ezpayBottom {
  background-color: white;
  padding: 16px 12px 24px 12px;
  border-radius: 0 0 4px 4px;
}
section.Confirmation2-ezpayScheduleSection > .Confirmation2-sectionBox > .ezpayBottom p {
  margin-bottom: 8px;
}

section.Confirmation2-nextStepsSection > .Confirmation2-sectionBox {
  background-color: white;
  border: 1px #bdbdbd solid;
  border-radius: 4px;
  padding: 10px 12px 16px 12px;
}
@media screen and (min-width: 1024px) {
  section.Confirmation2-nextStepsSection > .Confirmation2-sectionBox {
    padding: 16px;
  }
}

@media screen and (min-width: 1024px) {
  .Confirmation2-orderSummary-bottom {
    display: flex;
    justify-content: space-between;
  }
}

.Confirmation2-estimatedDelivery {
  margin-bottom: 20px;
}

@media screen and (min-width: 1024px) {
  .Confirmation2-deliveryAddress {
    width: 40%;
    flex-shrink: 0;
    margin-left: 32px;
  }
}

.Confirmation2-productInfo {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
  margin-bottom: 8px;
}

.Confirmation2-productImage-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 64px;
  height: 64px;
  flex-shrink: 0;
}

.Confirmation2-productName-wrapper {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: center;
  flex-grow: 1;
  padding-left: 12px;
}
@media screen and (min-width: 1024px) {
  .Confirmation2-productName-wrapper {
    padding-left: 32px;
  }
}

.Confirmation2-myAccountBlock {
  display: flex;
  justify-content: left;
  width: 100%;
  margin: 18px 0;
}
.Confirmation2-myAccountBlock.no-lp {
  margin-bottom: 0;
}

.Confirmation2-myAccountIcon {
  flex-grow: 0;
  margin-right: 8px;
  width: 28px;
  height: 28px;
}

a.Confirmation2-signUpLink {
  font-size: 16px;
  color: #0069c8;
  line-height: 24px;
}

.Confirmation2-leasingPowerSection {
  border-radius: 4px;
}

.Confirmation2-leasingPowerSection-top {
  background-color: #00166f;
  border-radius: 4px 4px 0 0;
  padding: 12px;
}
.Confirmation2-leasingPowerSection-top .useYourRemainingLeasingPower {
  display: flex;
  justify-content: left;
  width: 100%;
}
.Confirmation2-leasingPowerSection-top .useYourRemainingLeasingPower .boltIconCircle {
  background-color: #0069c8;
  padding: 2px;
  width: 22px;
  height: 22px;
  border-radius: 11px;
  margin-right: 8px;
  flex-shrink: 0;
}
.Confirmation2-leasingPowerSection-top .useYourRemainingLeasingPower .boltIconImage {
  width: 20px;
  height: 20px;
}
.Confirmation2-leasingPowerSection-top .useYourRemainingLeasingPower h3 {
  margin-bottom: 0;
  font-weight: 600;
  font-size: 18px;
  color: #ffffff;
  line-height: 24px;
}
.Confirmation2-leasingPowerSection-top .useYourRemainingLeasingPower h3 sup {
  top: -1em;
  font-size: 7px;
  color: #ffffff;
  line-height: 28px;
  font-weight: 600;
}
.Confirmation2-leasingPowerSection-top .remainingLpInfo {
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-size: 13px;
  color: #ffffff;
  line-height: 21px;
  margin-top: 4px;
}
.Confirmation2-leasingPowerSection-top .remainingLpInfo span {
  display: inline-block;
  margin-bottom: 4px;
}
.Confirmation2-leasingPowerSection-top .remainingLpInfo .money {
  font-weight: 700;
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 26px;
  color: #8adff8;
  line-height: 21px;
}
.Confirmation2-leasingPowerSection-top .remainingLpInfo .perMonth {
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 17px;
  color: #8adff8;
  line-height: 21px;
}
.Confirmation2-leasingPowerSection-top .remainingLpInfo .livingRoomImage {
  flex-shrink: 0;
  margin-left: 8px;
  width: 108px;
  height: 79px;
}
.Confirmation2-leasingPowerSection-top hr {
  background-color: rgba(138, 223, 248, 0.35);
  margin: 8px 0;
}

.Confirmation2-leasingPowerSection-bottom {
  background-color: #e3f7fd;
  border-radius: 0 0 4px 4px;
  padding: 12px 12px 20px 12px;
  font-size: 14px;
  line-height: 22px;
}
.Confirmation2-leasingPowerSection-bottom li {
  list-style-type: initial;
  margin-left: 16px;
}
.Confirmation2-leasingPowerSection-bottom p {
  font-size: 14px;
  margin-bottom: 12px;
}
.Confirmation2-leasingPowerSection-bottom sup {
  top: -0.7em;
  font-size: 7px;
}

.Confirmation2-orderPaymentSummary-paymentMethod {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}
@media screen and (min-width: 1024px) {
  .Confirmation2-orderPaymentSummary-paymentMethod {
    width: 55%;
    flex-shrink: 0;
    flex-wrap: wrap;
  }
}

.Confirmation2-orderPaymentSummary-paymentMethod-label {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}
@media screen and (min-width: 1024px) {
  .Confirmation2-orderPaymentSummary-paymentMethod-label {
    width: 100%;
  }
}

.Confirmation2-orderPaymentSummary-paymentMethod-data {
  display: flex;
  justify-content: left;
  align-items: center;
  margin-top: 4px;
}
@media screen and (min-width: 1024px) {
  .Confirmation2-orderPaymentSummary-paymentMethod-data {
    align-items: flex-start;
  }
}

.Confirmation2-orderPaymentSummary-paymentMethod-numbers {
  font-size: 16px;
  line-height: 24px;
  margin-left: 8px;
}

.Confirmation2-orderPaymentSummary-paymentMethod-cardIcon {
  width: 48px;
  height: 34px;
}

.Confirmation2-orderPaymentSummary-billingAddress {
  display: flex;
  flex-direction: column;
}

.Confirmation2-orderPaymentSummary-billingAddress-label {
  width: 100%;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
}

.Confirmation2-orderPaymentSummary-small {
  font-size: 13px;
  line-height: 20px;
}

.Confirmation2-orderPaymentSummary-row {
  display: flex;
  justify-content: space-between;
}

.Confirmation2-orderPaymentSummary-label {
  line-height: 24px;
  font-size: 16px;
}

.Confirmation2-orderPaymentSummary-value {
  line-height: 24px;
  font-size: 16px;
  text-align: right;
}

.Confirmation2-yourStore-orVisit {
  display: block;
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 8px;
}

.Confirmation2-addressLine {
  display: block;
  font-size: 16px;
  line-height: 24px;
}
.Confirmation2-addressLine.is-hidden {
  display: none;
}

.Confirmation2-littlePlusTax {
  width: 100%;
  margin-top: -5px;
  text-align: right;
  font-family: apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
}
@media screen and (min-width: 1024px) {
  .Confirmation2-littlePlusTax {
    font-weight: 600;
  }
}

a.Confirmation2-payOnlineLink {
  display: block;
  padding: 14px 20px;
  background-color: #00369d;
  text-decoration: none;
  color: white;
  margin-bottom: 24px;
}

.Confirmation2-contactUsSection {
  margin: 16px 0 24px 0;
}

.Confirmation2-contactUs-needHelp {
  font-size: 18px;
  line-height: 25px;
  text-align: center;
  font-weight: 500;
  margin-bottom: 16px;
}

.Confirmation2-contactUs-buttons {
  display: flex;
  justify-content: space-between;
  margin: 0 auto 8px auto;
  max-width: 342px;
}

.Confirmation2-button-chatNow {
  width: 156px;
  height: 40px;
  padding: 10px 0;
  font-size: 14px;
  font-weight: 600;
}

a.Confirmation2-button-helpPhone {
  width: 156px;
  height: 40px;
  display: block;
  padding: 10px 0;
  text-align: center;
  text-decoration: none;
  font-size: 14px;
  line-height: unset;
}

.Confirmation2-chatNowImage,
.Confirmation2-helpPhoneImage {
  width: 20px;
  height: 19px;
  vertical-align: middle;
  margin-right: 2px;
}

.Confirmation2-helpPhoneImage {
  margin-bottom: 1px;
}

.Confirmation2-followUs {
  margin: 16px 0;
}

.Confirmation2-followUs-header {
  text-align: center;
  font-size: 18px;
  line-height: 25px;
  font-weight: 500;
  margin-bottom: 12px;
}

.Confirmation2-socialIcons {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  max-width: 342px;
  margin: 0 auto;
}

.Confirmation2-socialIcon {
  width: 32px;
  height: 32px;
}

.Confirmation2-printSection {
  border: 1px #bdbdbd solid;
  border-radius: 4px;
  margin: 24px 0 16px 0;
  text-align: center;
}

.Confirmation2-button-print {
  border: none;
  font-size: 16px;
  color: #0069c8;
  text-decoration: underline;
  line-height: 24px;
  text-align: center;
  font-weight: 600;
  padding: 24px;
}

.Confirmation2-ezpayError {
  margin-top: -8px;
  margin-bottom: 32px;
}

p.Confirmation2-weekendsAndHolidays {
  font-size: 13px;
  line-height: 20px;
}

.Confirmation2-trueUpBox {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  background-color: #f0f5ff;
  border-radius: 4px;
  padding: 12px;
  margin: 16px 0;
  font-size: 14px;
  line-height: 22px;
}
.Confirmation2-trueUpBox svg {
  flex-shrink: 0;
}
.Confirmation2-trueUpBox .words {
  width: calc(100% - 32px);
}
.Confirmation2-trueUpBox .bold {
  font-weight: 600;
}

section.Confirmation2-accountStatusSection .blueBox {
  background-color: #0069c8;
  color: white;
  padding: 16px;
  border-radius: 4px;
}
section.Confirmation2-accountStatusSection .header {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
  margin-bottom: 12px;
}
@media screen and (min-width: 1023px) {
  section.Confirmation2-accountStatusSection .header {
    font-size: 20px;
  }
}
section.Confirmation2-accountStatusSection .header .icon {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 34px;
  height: 34px;
  margin-right: 8px;
  background-color: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
}
section.Confirmation2-accountStatusSection .header .theActualWords {
  flex-grow: 1;
}
section.Confirmation2-accountStatusSection .header .itDoesntCostVeryMuch {
  background-color: #00369d;
  border-radius: 8px;
  padding: 6px;
  font-size: 11px;
  line-height: 11px;
}
@media screen and (min-width: 1023px) {
  section.Confirmation2-accountStatusSection .header .itDoesntCostVeryMuch {
    font-size: 13px;
    line-height: 13px;
    padding: 6px 10px;
  }
}
section.Confirmation2-accountStatusSection .weDidIt {
  margin-bottom: 12px;
}
section.Confirmation2-accountStatusSection .checkIt {
  display: flex;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
  background-color: white;
  color: #404040;
  border-radius: 4px;
  padding: 12px;
}
@media screen and (min-width: 1023px) {
  section.Confirmation2-accountStatusSection .checkIt {
    font-size: 13px;
  }
}
section.Confirmation2-accountStatusSection .checkIt .icon {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-right: 12px;
  background-color: #e0edf8;
  border-radius: 50%;
}
section.Confirmation2-accountStatusSection .slightlyBiggerWords {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
}
@media screen and (min-width: 1023px) {
  section.Confirmation2-accountStatusSection .slightlyBiggerWords {
    font-size: 16px;
  }
}
section.Confirmation2-accountStatusSection hr {
  background-color: #80b4e4;
  margin: 16px 0;
}
section.Confirmation2-accountStatusSection .yourBenefitsHeader {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  margin-bottom: 8px;
}
@media screen and (min-width: 1023px) {
  section.Confirmation2-accountStatusSection .yourBenefitsHeader {
    font-size: 16px;
  }
}
section.Confirmation2-accountStatusSection ul.yourBenefitsList {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
section.Confirmation2-accountStatusSection ul.yourBenefitsList li {
  width: 50%;
  display: flex;
  align-items: flex-start;
  font-size: 12px;
  line-height: 18px;
}
@media screen and (min-width: 1023px) {
  section.Confirmation2-accountStatusSection ul.yourBenefitsList li {
    font-size: 14px;
  }
}
section.Confirmation2-accountStatusSection ul.yourBenefitsList li .bullet {
  width: 20px;
  flex-shrink: 0;
  margin-top: 4px;
}
section.Confirmation2-accountStatusSection .termsApply {
  margin-top: 8px;
  font-style: italic;
  font-size: 12px;
}

.DocumentVerificationSubPage {
  margin: 0 auto 40px auto;
}
.DocumentVerificationSubPage h1 {
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 28px;
  line-height: 36px;
  letter-spacing: -0.12px;
}
.DocumentVerificationSubPage h2 {
  font-size: 16px;
  line-height: 28px;
  letter-spacing: -0.15px;
  font-weight: 600;
  margin-bottom: 4px;
}
.DocumentVerificationSubPage h3 {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.17px;
  font-weight: 500;
  margin-bottom: 0;
}
.DocumentVerificationSubPage p {
  margin-bottom: 16px;
}
.DocumentVerificationSubPage ol, .DocumentVerificationSubPage ul {
  padding-left: 16px;
  margin-bottom: 16px;
}
.DocumentVerificationSubPage ol li, .DocumentVerificationSubPage ul li {
  list-style-type: auto;
  list-style: disc;
  margin-left: 16px;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: -0.17px;
}

.DV-stepCount {
  font-weight: 600;
  font-size: 16px;
  color: #00369d;
  line-height: 28px;
  letter-spacing: -0.15px;
}

.DV-grayBox {
  background-color: #edf0f2;
  border-radius: 4px;
  border: none;
  padding: 24px 16px;
}

.DV-debugInfoBanner {
  background-color: blue;
  color: white;
  font-weight: bold;
  width: 100%;
  text-align: left;
  padding: 16px;
}
.DV-debugInfoBanner.is-hidden {
  display: none;
}

.DV-debugSuccessBanner {
  background-color: green;
  color: white;
  font-weight: bold;
  width: 100%;
  text-align: left;
  padding: 16px;
}
.DV-debugSuccessBanner.is-hidden {
  display: none;
}

.DV-debugWarningBanner {
  background-color: yellow;
  color: black;
  font-weight: bold;
  width: 100%;
  text-align: left;
  padding: 16px;
}
.DV-debugWarningBanner.is-hidden {
  display: none;
}

.DV-debugErrorBanner {
  background-color: red;
  color: white;
  font-weight: bold;
  width: 100%;
  text-align: left;
  padding: 16px;
}
.DV-debugErrorBanner.is-hidden {
  display: none;
}

.ConsentPage {
  max-width: 800px;
}

.ConsentPage-banner {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  background-color: #e3f7fd;
  margin-bottom: 24px;
  margin-left: -16px;
  margin-right: -16px;
  background-image: url(../images/documentVerification/consent_banner_trapezoid.svg);
  background-position: top 0px left 0px;
  background-size: max(270px, 80%) 100%;
  background-repeat: no-repeat;
}
.ConsentPage-banner h1.words {
  flex-grow: 1;
  flex-shrink: 1;
  font-size: 19px;
  font-weight: 600;
  color: #ffffff;
  line-height: 24px;
  margin: 32px 0 32px 24px;
  padding-right: 32px;
}
.ConsentPage-banner div.cardHolder {
  flex-grow: 0;
  flex-shrink: 0;
  padding: 8px;
  margin-right: 6px;
  width: 153px;
  height: 104px;
  background-size: cover;
  background-image: url(../images/documentVerification/consent_banner_corners.svg);
}
.ConsentPage-banner img.idCard {
  width: 137px;
  height: 90px;
}

p.ConsentPage-instructions {
  font-size: 17px;
  line-height: 24px;
}

.ConsentPage-legal {
  border: 1px #e0e0e0 solid;
  border-radius: 4px;
  margin-bottom: 28px;
}
.ConsentPage-legal p {
  position: relative;
  font-size: 15px;
  line-height: 19px;
}
.ConsentPage-legal p.termsHead {
  font-weight: 600;
  margin-bottom: 0;
  line-height: 24px;
}
.ConsentPage-legal span.termsHead {
  font-weight: 600;
}

.ConsentPage-legal-top {
  border-radius: 4px 4px 0 0;
  padding: 12px;
  overflow-wrap: anywhere;
}

.ConsentPage-protrudingAsterisk {
  position: absolute;
  top: 0px;
  left: -6px;
  color: #c41e24;
}

.ConsentPage-legal-bottom {
  border-top: 1px #e0e0e0 solid;
  border-radius: 0 0 4px 4px;
  padding: 12px;
  background-color: #f5f5f5;
  display: flex;
  justify-content: left;
  align-items: center;
}
.ConsentPage-legal-bottom label {
  font-weight: 600;
}
.ConsentPage-legal-bottom .CheckoutField-isAuthChecked {
  flex-grow: 0;
  width: 24px;
  margin-right: 8px;
}

.ConsentPage-authError {
  margin: -24px 0 24px 0;
}

.ConsentPage-linkButton {
  display: inline;
  font-size: 15px;
  padding: 0;
  margin: 0;
  border: none;
  color: #0069C8;
  font-weight: 600;
  text-decoration: underline;
}

.DocTypeSelectionPage {
  border-top: 1px #cccccc solid;
  padding-top: 16px;
  max-width: 800px;
}
@media screen and (min-width: 1023px) {
  .DocTypeSelectionPage {
    border: none;
    padding: 0;
  }
}

.DocTypeSelectionPage-button {
  position: relative;
  width: 100%;
  height: 72px;
  margin-bottom: 24px;
  border-radius: 4px;
  background-color: white;
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3);
  padding: 20px 8px 20px 16px;
  border: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.DocTypeSelectionPage-button img {
  flex-grow: 0;
  flex-shrink: 0;
}
.DocTypeSelectionPage-button img.icon {
  width: 32px;
  height: 32px;
}
.DocTypeSelectionPage-button img.chevron {
  width: 24px;
  height: 24px;
  transform: rotate(90deg);
}
.DocTypeSelectionPage-button span {
  margin-left: 20px;
  flex-grow: 1;
  text-align: left;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

.PhotoPage {
  max-width: 800px;
}

.PhotoPage-instructionalImage {
  width: 100%;
  margin-bottom: 32px;
}

.PhotoPage-buttons {
  margin: 40px 0;
}

.PhotoPage-button {
  position: relative;
  width: 100%;
  margin-bottom: 24px;
  border-radius: 4px;
  background-color: white;
  box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3);
  padding: 12px;
  border: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.PhotoPage-button div.photoHolder {
  margin-right: 16px;
  flex-grow: 0;
  flex-shrink: 0;
  width: 90px;
  height: 56px;
  background-color: #dadada;
}
.PhotoPage-button img.photo {
  width: 100%;
  height: 100%;
}
.PhotoPage-button img.photo.is-hidden {
  display: none;
}
.PhotoPage-button div.labelHolder {
  position: relative;
  flex-grow: 1;
  text-align: left;
  font-size: 20px;
  font-weight: 400;
}
.PhotoPage-button span.asterisk {
  position: absolute;
  top: 0px;
  left: -8px;
  color: #c41e24;
}
.PhotoPage-button span.label {
  font-size: 16px;
  font-weight: 500;
}
.PhotoPage-button span.change {
  color: #0069c8;
  text-decoration: underline;
  font-weight: 600;
  font-size: 16px;
}
.PhotoPage-button::after {
  position: absolute;
  content: "";
  background-image: url(../images/svg/docverification-plus.svg);
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
  right: 12px;
  top: 24px;
  pointer-events: none;
}
.PhotoPage-button.has-photo::after {
  background-image: url(../images/svg/docverification-greencheckmark.svg);
}

.PhotoPage-buttonError {
  font-size: 13px;
  margin: -16px 0 24px -12px;
}

#regula-container {
  z-index: 16777000;
}

#incodeContainer {
  z-index: 16777000;
}

.SurveyRequestDialog > .words {
  padding: 24px 24px 60px 24px;
}
@media screen and (min-width: 1023px) {
  .SurveyRequestDialog > .words {
    padding: 36px 36px 60px 36px;
  }
}
.SurveyRequestDialog h2 {
  margin-bottom: 16px;
}
.SurveyRequestDialog p {
  margin: 0;
  font-size: 14px;
  line-height: 22px;
}
@media screen and (min-width: 1023px) {
  .SurveyRequestDialog p {
    font-size: 16px;
    line-height: 24px;
  }
}
.SurveyRequestDialog .simplyTakeTheSurvey {
  font-weight: 600;
  margin: 24px 0;
}
@media screen and (min-width: 1023px) {
  .SurveyRequestDialog .simplyTakeTheSurvey {
    font-weight: normal;
  }
}
.SurveyRequestDialog > .buttons {
  background-color: #e4e7eb;
  width: 100%;
  padding: 12px 16px;
  display: flex;
  justify-content: center;
  gap: 20px;
}
@media screen and (min-width: 1023px) {
  .SurveyRequestDialog > .buttons {
    padding: 20px 32px;
    gap: 32px;
  }
}
.SurveyRequestDialog > .buttons .CheckoutButton-secondary {
  max-width: 220px;
  font-size: 14px;
  height: 40px;
  background-color: transparent;
}
.SurveyRequestDialog > .buttons .CheckoutButton-submit {
  max-width: 220px;
  font-size: 14px;
  height: 40px;
  display: block;
  line-height: 40px;
}
.SurveyRequestDialog .topCloseButton {
  top: 24px;
}

.CheckoutDialog-ui-dialog .SurveyRequestDialog-ui-dialog-titlebar {
  display: none;
}

.CheckoutDialog-ui-dialog .SurveyRequestDialog-ui-dialog-content {
  box-sizing: border-box;
  padding: 16px 16px 32px 16px;
  padding: 16px 0 0 0;
}
@media screen and (min-width: 1023px) {
  .CheckoutDialog-ui-dialog .SurveyRequestDialog-ui-dialog-content {
    padding: 0;
  }
}

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