.date-input__error {
  color: #cf4931
}

.fees-conditions__content {
  font-family: CircularStd, CircularStd-Book, Arial, sans-serif;
  font-size: .7777777778rem;
  margin-top: 10px;
  padding: .1666666667rem 0
}

.fees-conditions__property {
  color: #6f707b;
  font-size: .7777777778rem;
  padding-left: 5px
}

.fees-conditions__value {
  font-size: 16px;
  padding-left: 5px
}

.fade-enter-active,
.fade-leave-active {
  max-height: 999px;
  transition: opacity .4s ease, max-height .2s ease
}

.fade-enter,
.fade-leave-active {
  max-height: 0;
  opacity: 0
}

.fees-and-conditions__title {
  color: #6f707b;
  font-size: 14px
}

.fees-and-conditions__title:hover {
  cursor: pointer
}

.fees-and-conditions__circle {
  background: #a7a8af;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  position: relative;
  text-align: center;
  top: 4px;
  width: 20px
}

.fees-and-conditions__circle span {
  position: relative;
  top: -5px
}

.fees-and-conditions__circle:hover {
  background: #4d64ff
}

.fees-and-conditions__caret {
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  position: relative;
  text-align: center;
  top: 5px;
  width: 20px
}

.fees-and-conditions__caret span {
  position: relative;
  top: -5px
}

.fees-and-conditions__caret:hover {
  background: #4d64ff
}

.fees-and-conditions__caret svg.up {
  transform: rotate(180deg)
}

.fees-and-conditions__footnote {
  color: #6f707b;
  font-family: CircularStd, CircularStd-Book, Arial, sans-serif;
  font-size: .7777777778rem;
  padding-top: 5px
}

.find-rate__dropdown-wrapper {
  background: #fff;
  left: -6.6666666667rem;
  margin-top: .8333333333rem;
  position: absolute;
  width: 150%
}

.find-rate__dropdown-item:hover {
  background: #3139f2;
  color: #fff
}

.find-rate__lender-rate {
  align-items: center;
  display: flex;
  justify-content: center
}

.find-rate__dropdown-header {
  color: #202020;
  font-family: CircularStd, CircularStd-Book, Arial, sans-serif;
  font-size: .8888888889rem;
  margin-top: .4444444444rem
}

.find-rate__dropdown-product-header {
  font-family: CircularStd, CircularStd-Book, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.2;
  margin-bottom: .1666666667rem;
  text-transform: uppercase
}

.find-rate__selected-content {
  align-items: center;
  display: flex
}

.find-rate__arrow {
  border-left: .3888888889rem solid transparent;
  border-right: .3888888889rem solid transparent;
  height: 0;
  position: absolute;
  right: 2.2222222222rem;
  top: -.3888888889rem;
  width: 0
}

.find-rate__arrow:after {
  border-bottom: .3333333333rem solid #fff;
  border-left: .3333333333rem solid transparent;
  border-right: .3333333333rem solid transparent;
  content: "";
  height: 0;
  position: absolute;
  top: .0555555556rem;
  width: 0
}

.calculator__container {
  border: 1px solid #f9f9fc
}

.calculator__description-container p:last-child,
.calculator__title-container p:last-child {
  margin-bottom: 0
}

.calculator__ad-container {
  flex-direction: column
}

.calculator__ad-container .myFinance-widget {
  margin-top: -.5555555556rem
}

.calculator__headline {
  font-size: 1.1111111111rem;
  text-transform: capitalize
}

@media(40em) {
  .calculator__headline {
    font-size: 2rem
  }
}

.calculator__results-section {
  background: #fff;
  flex-direction: column;
  font-family: CircularStd, CircularStd-Book, Arial, sans-serif
}

.calculator__results-section,
.calculator__total-paid {
  display: flex;
  justify-content: space-between
}

.calculator__instruction-text {
  color: #898f9e;
  font-family: CircularStd, CircularStd-Book, Arial, sans-serif;
  font-size: .75rem
}

.calculator__interest-rate-or {
  align-items: center;
  display: flex;
  justify-content: center
}

.calculator__lender-results-container {
  align-items: center;
  display: flex;
  justify-content: space-between
}

.calculator__amortization-link {
  color: #0157ff;
  cursor: pointer
}

.calculator__amortization-header {
  color: #898f9e;
  font-family: CircularStd, CircularStd-Book, Arial, sans-serif;
  font-size: .875rem
}

.calculator__amortization-body td,
.calculator__amortization-body th {
  font-family: CircularStd, CircularStd-Book, Arial, sans-serif;
  font-size: .875rem;
  padding: .6666666667rem
}

.calculator__amortization-data {
  color: #515260;
  padding: .2777777778rem 0
}

.calculator__slider-container {
  overflow-x: scroll
}

.calculator__slides {
  width: 53.8888888889rem
}

.calculator__calibre {
  font-family: CircularStd, CircularStd-Book, Arial, sans-serif;
  font-weight: 400
}

.calculator__calibre-bold {
  font-family: CircularStd, CircularStd-Bold, Arial, sans-serif;
  font-weight: 700
}

.calculator__disclosure {
  position: relative
}

.calculator__lender-comments {
  color: #0157ff;
  display: inline-block;
  font-size: .875rem
}

.calculator__altsection,
.calculator__gray-bg {
  background: #f9f9fc
}

.calculator__white-bg {
  background: #fff
}

.calculator__space-between {
  justify-content: space-between
}

.calculator__content-container {
  padding: 1.1111111111rem
}

@media(55em) {
  .calculator__content-container {
    padding: 0
  }
}

.calculator .fade-transition {
  max-height: 9999px;
  transition: opacity .4s ease, max-height .5s ease
}

.calculator .fade-enter,
.calculator .fade-leave {
  max-height: 0;
  opacity: 0
}

.segmented-bars__bar-container {
  display: flex;
  width: 100%
}

.segmented-bars__bar {
  height: 12px;
  min-width: 1px;
  position: relative
}

.segmented-bars__bar:nth-child(odd) {
  background-color: #4d64ff
}

.segmented-bars__bar:nth-child(2n) {
  background-color: #8e8afa
}

.segmented-bars__bar:after {
  border-left: 1px solid #979797;
  content: "";
  height: 10px;
  left: 50%;
  position: absolute;
  top: calc(100% + 10px)
}

.segmented-bars__bar:not(:first-child) {
  margin-left: 5px
}

.segmented-bars__label-container {
  display: flex;
  height: 20px;
  position: relative;
  width: 100%
}

.segmented-bars__label-container.\--top {
  font-weight: 700;
  margin-bottom: 10px;
  text-align: left
}

.segmented-bars__label-container.\--bottom {
  margin-top: 30px;
  text-align: center
}

.segmented-bars__label {
  display: flex;
  left: 0;
  position: absolute;
  white-space: nowrap;
  width: 100%
}

.segmented-bars__label:not(:first-child) {
  justify-content: flex-end;
  padding-left: 5px
}

@media(max-width:639px) {
  .segmented-bars .segmented-bars__label-container.\--top .segmented-bars__label:not(:first-child) {
    text-align: right
  }
}

.calculator .calculator__container {
  border: 1px solid #a8adbb
}

.calculator .calculator__gray-bg {
  background: #f9f9fc
}

.calculator .calculator__altsection {
  background: #efc138
}

.calculator .calculator__white-bg {
  background: #fff
}

.calculator .tool-tip {
  float: right
}

.calculator .--alpha,
.calculator .alpha {
  font-size: 64px;
  font-size: 4rem
}

.Numeral {
  font-family: CircularStd, CircularStd-Bold, Arial, sans-serif;
  font-weight: 700
}

.Numeral.alpha {
  font-size: 3rem !important
}

.dollar-value {
  color: #515260
}

.amortization-content {
  overflow-x: scroll
}

.Numeral.alpha .Numeral-accent {
  top: -1.5rem
}

.Numeral.alpha .Numeral-accent.currency,
.Numeral.alpha .Numeral-accent.percentage {
  left: .5rem;
  top: -.85rem
}

.maximumTI .Numeral.alpha .Numeral-accent.currency,
.minimumTI .Numeral.alpha .Numeral-accent.currency,
.monthly-payment .Numeral.alpha .Numeral-accent.currency {
  left: -.1rem
}

.Numeral-accent {
  vertical-align: inherit
}

.Numeral-accent.currency {
  margin-left: 0
}

.calculator__results-section hr {
  border-bottom: .1px solid #898f9e
}

.calculator__results-section .calculator__total-paid.border-b {
  border-color: #a8adbb
}

.calculator__container {
  border: 1px solid #a8adbb
}

.calculator__borderBottom {
  border-bottom: .05556rem solid #a8adbb
}

.form-inputs .FormLabel {
  margin-bottom: 5px
}

.FormInput,
.FormSelect {
  border-color: #898f9e
}

.FormRadio {
  cursor: pointer;
  padding-left: 1.5rem;
  position: relative
}

.FormRadio input {
  opacity: 0;
  position: absolute;
  z-index: -1
}

.FormRadio input:checked~.--indicator {
  border: .05556rem solid #0157ff
}

.FormRadio input:checked~.--indicator:after {
  display: block
}

.FormRadio .--indicator {
  background-color: #fff;
  border: .05556rem solid #a8adbb;
  border-radius: 50%;
  height: 1.11111rem;
  left: 0;
  position: absolute;
  top: .4rem;
  width: 1.11111rem
}

.FormRadio .--indicator:after {
  background-color: #0157ff;
  border-radius: 50%;
  content: "";
  display: none;
  height: .55556rem;
  left: .22222rem;
  position: absolute;
  top: .22222rem;
  width: .55556rem
}

.form-checkbox {
  align-items: center;
  cursor: pointer;
  display: flex;
  position: relative
}

.form-checkbox .form-checkbox__input:focus:not([disabled]):checked~.form-checkbox__faux-input,
.form-checkbox:hover .form-checkbox__input:not([disabled]):checked~.form-checkbox__faux-input {
  background-color: #f2f7ff;
  border-color: #0157ff;
  border-width: .1111111111rem
}

.form-checkbox .form-checkbox__input:focus~.form-checkbox__faux-input,
.form-checkbox:hover .form-checkbox__input~.form-checkbox__faux-input {
  background-color: #fff;
  border-color: #0157ff;
  border-width: .1111111111rem
}

.form-checkbox .form-checkbox__input:checked:focus~.form-checkbox__faux-input,
.form-checkbox:hover .form-checkbox__input:not([disabled]):checked~.form-checkbox__faux-input {
  background-color: #f2f7ff
}

.form-checkbox .form-checkbox__input {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px
}

.form-checkbox .form-checkbox__faux-input {
  fill: #fff;
  background-color: #fff;
  border: 1px solid #515260;
  border-radius: .2222222222rem;
  color: #fff;
  height: 1.2222222222rem;
  margin-right: .8333333333rem;
  padding: .1111111111rem;
  width: 1.2222222222rem
}

.form-checkbox .form-checkbox__input:checked~.form-checkbox__faux-input {
  background-color: #f2f7ff;
  border: .1111111111rem solid #0157ff;
  color: #0157ff;
  fill: #0157ff
}

.modal,
.modal__overlay {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 25
}

.modal {
  align-items: center;
  display: none;
  justify-content: center;
  padding: .88888889rem;
  position: fixed
}

.modal.\--bottom {
  align-items: flex-end;
  padding: 0
}

.modal.\--bottom .modal__dialog {
  animation: slideInUp .1s ease-out both;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0
}

.modal.\--open {
  display: flex
}

.modal.\--light .modal__overlay {
  background: hsla(0, 0%, 100%, .6)
}

.modal.\--size-sm .modal__dialog {
  width: 22.22222222rem
}

.modal.\--size-md .modal__dialog {
  width: 33.33333333rem
}

.modal.\--size-lg .modal__dialog {
  width: 44.44444444rem
}

.modal.\--fullscreen {
  padding: 0
}

.modal.\--fullscreen .modal__dialog {
  height: 100%;
  width: 100%
}

.modal__overlay {
  animation: fadeIn .2s ease both;
  background: hsla(0, 0%, 8%, .6);
  position: absolute
}

.modal__dialog {
  background: #fff;
  border-radius: .88888889rem;
  box-shadow: 0 0 .22222222rem 0 hsla(0, 0%, 8%, .14), 0 1.33333333rem 1.66666667rem -.44444444rem hsla(0, 0%, 8%, .18);
  display: flex;
  flex-direction: column;
  max-height: 100%;
  max-width: 100%;
  min-height: 5.55555556rem;
  min-width: 11.11111111rem;
  overflow: auto;
  padding: 1.33333333rem;
  position: relative;
  z-index: 25
}

.modal__header {
  align-items: center;
  display: flex
}

.modal__heading {
  flex: 1 1 auto
}

.modal__close {
  align-self: flex-end;
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 0;
  border-radius: 50%;
  cursor: pointer;
  padding: 0;
  transition: background-color .25s cubic-bezier(.17, .67, .44, .89), box-shadow .25s cubic-bezier(.17, .67, .44, .89)
}

.modal__close:hover {
  background-color: #f2f7ff;
  box-shadow: 0 0 0 8px #f2f7ff
}

.faq__item {
  border-top: 1px solid #a8adbb;
  position: relative
}

.faq__item:last-child {
  border-bottom: 1px solid #a8adbb
}

.faq__main-title {
  cursor: pointer;
  font-size: .88888889rem;
  line-height: 1.6875;
  margin: 0;
  padding-bottom: 1.2rem;
  padding-right: 3rem;
  padding-top: 1.2rem;
  position: relative
}

@media(min-width:63.6875rem) {
  .faq__main-title {
    padding-right: 1.5rem
  }
}

.faq__main-title.expanded,
.faq__main-title:hover {
  color: #0157ff;
  fill: #0157ff
}

.faq__icon {
  margin-top: -.77777778rem;
  position: absolute;
  right: .38888889rem;
  top: 56%;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform .3s ease-in;
  transition: -webkit-transform .3s ease-in;
  transition: transform .3s ease-in;
  transition: transform .3s ease-in, -webkit-transform .3s ease-in
}

.faq__icon.expanded {
  top: 28%;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg)
}

.w-full {
  max-width: none !important
}

.ordered-list {
  counter-reset: step-counter;
  list-style: none;
  margin-left: 1.5rem !important
}

.ordered-list>li {
  padding-left: 2rem;
  position: relative
}

.ordered-list>li:before {
  color: #0157ff;
  content: counter(step-counter);
  counter-increment: step-counter;
  font-family: CircularStd, CircularStd-Bold, Arial, sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  left: 0;
  line-height: 2rem;
  position: absolute;
  top: 0
}

.grid-custom-row {
  grid-template-rows: var(--first-row) var(--second-row)
}

.grid-custom-col {
  grid-template-columns: var(--first-col) var(--second-col)
}

.small-label {
  font-size: .9rem !important
}

.calibre-font,
.small-label {
  font-family: CircularStd, CircularStd-Book, Arial, sans-serif !important
}

.numeral__accent {
  font-size: 50%;
  position: relative;
  top: -1.25rem
}

#credit-card-payoff-calculator .FormControl.is-disabled .FormLabel {
  color: #9ca3af
}

#credit-card-payoff-calculator .is-error {
  margin-bottom: .5rem
}

:where(.al-calculator) *,
:where(.al-calculator) :after,
:where(.al-calculator) :before {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(84, 141, 255, .5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style:
}

:where(.al-calculator) ::backdrop {
  --tw-border-spacing-x: 0;
  --tw-border-spacing-y: 0;
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-rotate: 0;
  --tw-skew-x: 0;
  --tw-skew-y: 0;
  --tw-scale-x: 1;
  --tw-scale-y: 1;
  --tw-pan-x: ;
  --tw-pan-y: ;
  --tw-pinch-zoom: ;
  --tw-scroll-snap-strictness: proximity;
  --tw-gradient-from-position: ;
  --tw-gradient-via-position: ;
  --tw-gradient-to-position: ;
  --tw-ordinal: ;
  --tw-slashed-zero: ;
  --tw-numeric-figure: ;
  --tw-numeric-spacing: ;
  --tw-numeric-fraction: ;
  --tw-ring-inset: ;
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: rgba(84, 141, 255, .5);
  --tw-ring-offset-shadow: 0 0 #0000;
  --tw-ring-shadow: 0 0 #0000;
  --tw-shadow: 0 0 #0000;
  --tw-shadow-colored: 0 0 #0000;
  --tw-blur: ;
  --tw-brightness: ;
  --tw-contrast: ;
  --tw-grayscale: ;
  --tw-hue-rotate: ;
  --tw-invert: ;
  --tw-saturate: ;
  --tw-sepia: ;
  --tw-drop-shadow: ;
  --tw-backdrop-blur: ;
  --tw-backdrop-brightness: ;
  --tw-backdrop-contrast: ;
  --tw-backdrop-grayscale: ;
  --tw-backdrop-hue-rotate: ;
  --tw-backdrop-invert: ;
  --tw-backdrop-opacity: ;
  --tw-backdrop-saturate: ;
  --tw-backdrop-sepia: ;
  --tw-contain-size: ;
  --tw-contain-layout: ;
  --tw-contain-paint: ;
  --tw-contain-style:
}

:where(.al-calculator) {
  box-sizing: border-box;
  font-family: var(--font-family-sans);
  font-size: 1rem;
  letter-spacing: -.015625rem;
  line-height: 1.7;
  min-height: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

:where(.al-calculator) *,
:where(.al-calculator) :after,
:where(.al-calculator) :before {
  border: 0 solid #e2e5ed;
  box-sizing: inherit
}

:where(.al-calculator) :after,
:where(.al-calculator) :before {
  --tw-content: ""
}

:where(.al-calculator) {
  margin: 0
}

:where(.al-calculator) article,
:where(.al-calculator) aside,
:where(.al-calculator) details,
:where(.al-calculator) figcaption,
:where(.al-calculator) figure,
:where(.al-calculator) footer,
:where(.al-calculator) header,
:where(.al-calculator) main,
:where(.al-calculator) menu,
:where(.al-calculator) nav,
:where(.al-calculator) section,
:where(.al-calculator) summary {
  display: block
}

:where(.al-calculator) audio,
:where(.al-calculator) canvas,
:where(.al-calculator) progress,
:where(.al-calculator) video {
  display: inline-block
}

:where(.al-calculator) audio:not([controls]) {
  display: none;
  height: 0
}

:where(.al-calculator) progress {
  vertical-align: baseline
}

:where(.al-calculator) [hidden],
:where(.al-calculator) template {
  display: none
}

:where(.al-calculator) a {
  background-color: transparent;
  -webkit-text-decoration-skip: objects
}

:where(.al-calculator) a:active,
:where(.al-calculator) a:hover {
  outline-width: 0
}

:where(.al-calculator) a:where(:not([class])) {
  --tw-text-opacity: 1;
  color: rgb(1 87 255/var(--tw-text-opacity));
  text-decoration-line: underline;
  text-underline-offset: .25rem
}

:where(.al-calculator) abbr[title] {
  border-bottom-width: 0;
  text-decoration-line: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted
}

:where(.al-calculator) b,
:where(.al-calculator) strong {
  font-weight: 700
}

:where(.al-calculator) dfn {
  font-style: italic
}

:where(.al-calculator) mark {
  --tw-bg-opacity: 1;
  background-color: rgb(255 221 131/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(0 0 0/var(--tw-text-opacity))
}

:where(.al-calculator) small {
  font-size: .8em
}

:where(.al-calculator) sub,
:where(.al-calculator) sup {
  font-size: .75em;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

:where(.al-calculator) sub {
  bottom: -.25em
}

:where(.al-calculator) sup {
  top: -.5em
}

:where(.al-calculator) code,
:where(.al-calculator) kbd,
:where(.al-calculator) pre,
:where(.al-calculator) samp {
  font-family: var(--font-family-mono);
  font-size: 1em
}

:where(.al-calculator) button,
:where(.al-calculator) input,
:where(.al-calculator) optgroup,
:where(.al-calculator) select,
:where(.al-calculator) textarea {
  font: inherit;
  margin: 0
}

:where(.al-calculator) fieldset {
  border-width: 0;
  min-width: 0
}

:where(.al-calculator) label,
:where(.al-calculator) select,
:where(.al-calculator) textarea {
  display: block
}

:where(.al-calculator) optgroup {
  font-weight: 700
}

:where(.al-calculator) button,
:where(.al-calculator) input {
  overflow: visible
}

:where(.al-calculator) button,
:where(.al-calculator) select {
  text-transform: none
}

:where(.al-calculator) [type=button],
:where(.al-calculator) [type=reset],
:where(.al-calculator) [type=submit],
:where(.al-calculator) button {
  -webkit-appearance: button;
  background-color: transparent;
  background-image: none
}

:where(.al-calculator) [role=button],
:where(.al-calculator) button {
  cursor: pointer
}

:where(.al-calculator) :disabled {
  cursor: default
}

:where(.al-calculator) :-moz-focusring {
  outline: auto
}

:where(.al-calculator) :-moz-ui-invalid {
  box-shadow: none
}

:where(.al-calculator) legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal
}

:where(.al-calculator) textarea {
  overflow: auto;
  resize: vertical
}

:where(.al-calculator) [type=checkbox],
:where(.al-calculator) [type=radio] {
  box-sizing: border-box;
  padding: 0
}

:where(.al-calculator) ::-webkit-inner-spin-button,
:where(.al-calculator) ::-webkit-outer-spin-button {
  height: auto
}

:where(.al-calculator) [type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px
}

:where(.al-calculator) ::-webkit-search-decoration {
  -webkit-appearance: none
}

:where(.al-calculator) ::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit
}

:where(.al-calculator),
:where(.al-calculator) dd,
:where(.al-calculator) dl,
:where(.al-calculator) fieldset,
:where(.al-calculator) figure,
:where(.al-calculator) h1,
:where(.al-calculator) h2,
:where(.al-calculator) h3,
:where(.al-calculator) h4,
:where(.al-calculator) h5,
:where(.al-calculator) h6,
:where(.al-calculator) hr,
:where(.al-calculator) legend,
:where(.al-calculator) ol,
:where(.al-calculator) p,
:where(.al-calculator) pre,
:where(.al-calculator) ul {
  margin: 0;
  padding: 0
}

:where(.al-calculator) li>ol,
:where(.al-calculator) li>ul {
  margin-bottom: 0
}

:where(.al-calculator) hr {
  border-top-width: 0;
  box-sizing: content-box;
  color: inherit;
  height: 0;
  overflow: visible
}

:where(.al-calculator) input::-moz-placeholder,
:where(.al-calculator) textarea::-moz-placeholder {
  --tw-text-opacity: 1;
  color: rgb(168 173 187/var(--tw-text-opacity));
  opacity: 1
}

:where(.al-calculator) input::placeholder,
:where(.al-calculator) textarea::placeholder {
  --tw-text-opacity: 1;
  color: rgb(168 173 187/var(--tw-text-opacity));
  opacity: 1
}

:where(.al-calculator) address,
:where(.al-calculator) figure,
:where(.al-calculator) h1,
:where(.al-calculator) h2,
:where(.al-calculator) h3,
:where(.al-calculator) h4,
:where(.al-calculator) h5,
:where(.al-calculator) h6,
:where(.al-calculator) hr,
:where(.al-calculator) ol,
:where(.al-calculator) p,
:where(.al-calculator) pre dl,
:where(.al-calculator) table,
:where(.al-calculator) ul {
  margin-bottom: 2rem
}

:where(.al-calculator) dd,
:where(.al-calculator) ol,
:where(.al-calculator) ul {
  margin-left: 1rem
}

:where(.al-calculator) ol:where(:not([class])) {
  list-style-type: decimal
}

:where(.al-calculator) ul:where(:not([class])) {
  list-style-type: disc
}

:where(.al-calculator) h1,
:where(.al-calculator) h2,
:where(.al-calculator) h3,
:where(.al-calculator) h4,
:where(.al-calculator) h5,
:where(.al-calculator) h6 {
  font-family: var(--font-family-sans);
  font-style: normal;
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(21 21 21/var(--tw-text-opacity))
}

:where(.al-calculator) h1 {
  font-size: 2.25rem;
  line-height: 1.2
}

@media (min-width:70em) {
  :where(.al-calculator) h1 {
    font-size: 3rem;
    line-height: 1.2
  }
}

:where(.al-calculator) h2 {
  font-size: 1.75rem;
  line-height: 1.2
}

@media (min-width:70em) {
  :where(.al-calculator) h2 {
    font-size: 2.25rem;
    line-height: 1.2
  }
}

:where(.al-calculator) h3 {
  font-size: 1.5rem;
  line-height: 1.7
}

@media (min-width:70em) {
  :where(.al-calculator) h3 {
    font-size: 1.75rem;
    line-height: 1.2
  }
}

:where(.al-calculator) h4,
:where(.al-calculator) h5,
:where(.al-calculator) h6 {
  font-size: 1.25rem;
  line-height: 1.7
}

:where(.al-calculator) table {
  border-collapse: collapse;
  width: 100%;
  --tw-border-spacing-x: 0px;
  --tw-border-spacing-y: 0px;
  border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y)
}

:where(.al-calculator) [colspan] {
  text-align: center
}

:where(.al-calculator) [colspan="1"] {
  text-align: left
}

:where(.al-calculator) [rowspan] {
  vertical-align: middle
}

:where(.al-calculator) [rowspan="1"] {
  vertical-align: top
}

:where(.al-calculator) blockquote {
  border-left-width: 4px;
  border-radius: .25rem;
  margin: 2rem 0;
  max-width: 75ch;
  --tw-border-opacity: 1;
  border-left-color: rgb(1 87 255/var(--tw-border-opacity));
  font-family: var(--font-family-sans);
  font-size: 1.125rem;
  letter-spacing: -.015625rem;
  line-height: 1.7;
  padding: .5rem 1.5rem
}

:where(.al-calculator) blockquote cite {
  font-size: 1rem;
  font-style: normal;
  letter-spacing: -.015625rem;
  line-height: 1.7;
  text-transform: capitalize;
  --tw-text-opacity: 1;
  color: rgb(1 87 255/var(--tw-text-opacity))
}

:where(.al-calculator) blockquote span {
  display: block;
  margin-left: 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(81 82 96/var(--tw-text-opacity))
}

:where(.al-calculator) img {
  border-style: none;
  font-style: italic;
  max-width: 100%;
  vertical-align: middle
}

:where(.al-calculator) img[height],
:where(.al-calculator) img[width] {
  max-width: none
}

:where(.al-calculator) svg {
  display: inline
}

:where(.al-calculator) svg:not(:root) {
  overflow: hidden
}

:where(.al-calculator) {
  --section-main-wrapper: 80rem;
  --section-narrow-wrapper: 67.5rem;
  --section-copy-wrapper: 45rem;
  --section-x-spacing: 1rem;
  --section-y-spacing: 4rem;
  --color-white: #fff;
  --color-gray-light: #f9f9fc;
  --color-gray: #a8adbb;
  --color-gray-medium: #898f9e;
  --color-slate: #515260;
  --color-black: #151515;
  --color-black-rgb: 20, 20, 20;
  --color-blue-light: #eaf1ff;
  --color-blue: #0157ff;
  --color-blue-medium: #0049c0;
  --color-blue-dark: #00143d;
  --color-yellow: #ffdd83;
  --color-gold: #efc138;
  --color-teal: #00a391;
  --color-green: #3fc17b;
  --color-red: #d2191b;
  --depth-1: 0 0.25rem 0.5rem -0.0625rem hsla(0, 0%, 8%, .2), 0 0 0.0625rem 0 hsla(0, 0%, 8%, .1);
  --depth-2: 0 0.5rem 1rem -0.1875rem #15151533, 0 0 0.0625rem 0 #1515151a;
  --depth-3: 0 1rem 1.25rem -0.3125rem #1515152e, 0 0 0.25rem 0 #15151524;
  --depth-4: 0 1.5rem 2rem -0.5rem #1515152e, 0 0 0.25rem 0 #15151524;
  --font-family-roboto: "Roboto", "CircularStd", ui-sans-serif, system-ui, sans-serif;
  --font-family-sans: "CircularStd", ui-sans-serif, system-ui, sans-serif;
  --font-family-mono: ui-monospace, monospace
}

@media (min-width:70em) {
  :where(.al-calculator) {
    --section-x-spacing: 1.5rem;
    --section-y-spacing: 6rem
  }
}

:where(.al-calculator) .form-input,
:where(.al-calculator) .form-multiselect,
:where(.al-calculator) .form-select,
:where(.al-calculator) .form-textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  border-color: #898f9e;
  border-radius: 0;
  border-width: 1px;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: .5rem .75rem;
  --tw-shadow: 0 0 #0000
}

:where(.al-calculator) .form-input:focus,
:where(.al-calculator) .form-multiselect:focus,
:where(.al-calculator) .form-select:focus,
:where(.al-calculator) .form-textarea:focus {
  outline: 2px solid transparent;
  outline-offset: 2px;
  --tw-ring-inset: var(--tw-empty,
      /*!*/
      /*!*/
    );
  --tw-ring-offset-width: 0px;
  --tw-ring-offset-color: #fff;
  --tw-ring-color: #0157ff;
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
  border-color: #0157ff;
  box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}

:where(.al-calculator) .form-input::-moz-placeholder,
:where(.al-calculator) .form-textarea::-moz-placeholder {
  color: #898f9e;
  opacity: 1
}

:where(.al-calculator) .form-input::placeholder,
:where(.al-calculator) .form-textarea::placeholder {
  color: #898f9e;
  opacity: 1
}

:where(.al-calculator) .form-input::-webkit-datetime-edit-fields-wrapper {
  padding: 0
}

:where(.al-calculator) .form-input::-webkit-date-and-time-value {
  min-height: 1.5em;
  text-align: inherit
}

:where(.al-calculator) .form-input::-webkit-datetime-edit {
  display: inline-flex
}

:where(.al-calculator) .form-input::-webkit-datetime-edit,
:where(.al-calculator) .form-input::-webkit-datetime-edit-day-field,
:where(.al-calculator) .form-input::-webkit-datetime-edit-hour-field,
:where(.al-calculator) .form-input::-webkit-datetime-edit-meridiem-field,
:where(.al-calculator) .form-input::-webkit-datetime-edit-millisecond-field,
:where(.al-calculator) .form-input::-webkit-datetime-edit-minute-field,
:where(.al-calculator) .form-input::-webkit-datetime-edit-month-field,
:where(.al-calculator) .form-input::-webkit-datetime-edit-second-field,
:where(.al-calculator) .form-input::-webkit-datetime-edit-year-field {
  padding-bottom: 0;
  padding-top: 0
}

:where(.al-calculator) .button {
  align-items: center;
  border-radius: .25rem;
  cursor: pointer;
  display: inline-flex;
  font-family: var(--font-family-sans);
  font-size: .875rem;
  font-weight: 700;
  justify-content: center;
  letter-spacing: -.015625rem;
  line-height: 1;
  min-height: 2.5rem;
  outline: .125rem solid transparent;
  outline-offset: .125rem;
  padding: .5rem 1rem;
  text-align: center
}

@media (min-width:40em) {
  :where(.al-calculator) .button {
    font-size: 1rem
  }
}

:where(.al-calculator) .button:where([data-size=lg]) {
  font-size: 1.125rem;
  letter-spacing: -.015625rem;
  min-height: 3rem;
  padding: .75rem 1.25rem
}

:where(.al-calculator) .button:where([data-shape=pill]) {
  border-radius: 9999px
}

:where(.al-calculator) .button:where([data-shape=circle]),
:where(.al-calculator) .button:where([data-shape=square]) {
  height: 2.5rem;
  width: 2.5rem
}

:where(.al-calculator) .button:where([data-shape=circle]):where([data-size=lg]),
:where(.al-calculator) .button:where([data-shape=square]):where([data-size=lg]) {
  height: 3rem;
  width: 3rem
}

:where(.al-calculator) .button:where([data-shape=circle]) {
  border-radius: 9999px
}

:where(.al-calculator) .button:where([data-variant^=link]) {
  color: #0157ff;
  text-decoration: underline;
  text-decoration-offset: .5rem
}

:where(.al-calculator) .button:where([data-variant^=link]):focus-visible,
:where(.al-calculator) .button:where([data-variant^=link]):hover {
  color: #0049c0
}

:where(.al-calculator) .button:where([data-variant^=link]):focus-visible {
  outline: .125rem solid #0049c0;
  outline-offset: .125rem
}

:where(.al-calculator) .button:where([data-variant^=link]):active {
  color: #013497
}

:where(.al-calculator) .button:where([data-variant=link-arrow]) {
  text-decoration: none
}

:where(.al-calculator) .button:where([data-variant=link-arrow]) :where(.arrow) {
  transform: translate(0);
  transition: transform .3s ease;
  width: 1.5rem
}

:where(.al-calculator) .button:where([data-variant=link-arrow]):focus-visible :where(.arrow),
:where(.al-calculator) .button:where([data-variant=link-arrow]):hover :where(.arrow) {
  transform: translateX(.25rem)
}

:where(.al-calculator) .button:where([data-variant=link-arrow]):focus-visible :where(.arrow__line),
:where(.al-calculator) .button:where([data-variant=link-arrow]):hover :where(.arrow__line) {
  opacity: 1
}

:where(.al-calculator) .button:where([data-variant=link-arrow]) :where(.arrow__line) {
  opacity: 0;
  transition: opacity .3s ease
}

:where(.al-calculator) .Icon {
  color: inherit;
  display: inline-block;
  height: 2rem;
  position: relative;
  vertical-align: middle;
  width: 2rem
}

:where(.al-calculator) .Icon--xs {
  height: 1rem;
  width: 1rem
}

:where(.al-calculator) .Icon-glyph {
  display: block;
  height: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  fill: currentColor
}

:where(.al-calculator) .Accordion-titleContainer:where(.is-active) :where(.Accordion-icon) {
  --tw-rotate: -180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

:where(.al-calculator) .Avatar:where(.Icon) {
  height: 2.5rem;
  width: 2.5rem
}

:where(.al-calculator) .Breadcrumb-item:where(.is-active),
:where(.al-calculator) .Breadcrumb-item:where(.is-active):focus,
:where(.al-calculator) .Breadcrumb-item:where(.is-active):hover {
  --tw-text-opacity: 1;
  color: rgb(81 82 96/var(--tw-text-opacity));
  text-decoration-line: none
}

:where(.al-calculator) .Button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 0 solid transparent;
  border-radius: 0;
  color: inherit;
  cursor: pointer;
  display: inline-block;
  font-family: var(--font-family-sans);
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -.015625rem;
  line-height: 1.2;
  margin: 0;
  max-width: 24rem;
  overflow: visible;
  padding: 1rem 1.5rem;
  text-align: center;
  text-decoration-line: none;
  transition-duration: .25s;
  transition-property: all;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-timing-function: cubic-bezier(.17, .67, .44, .89);
  vertical-align: middle;
  white-space: normal
}

:where(.al-calculator) .Button.is-disabled,
:where(.al-calculator) .Button[disabled] {
  pointer-events: none;
  --tw-bg-opacity: 1;
  background-color: rgb(168 173 187/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(21 21 21/var(--tw-text-opacity));
  opacity: .4;
  --tw-shadow: 0 0 #000;
  --tw-shadow-colored: 0 0 var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

:where(.al-calculator) .Button.is-loading {
  padding: .75rem 1.5rem;
  pointer-events: none;
  position: relative
}

:where(.al-calculator) .Button.is-loading:before {
  display: block;
  height: 1em;
  left: calc(50% - .5em);
  position: absolute;
  top: calc(50% - .5em);
  width: 1em
}

@keyframes spin {
  to {
    content: var(--tw-content);
    transform: rotate(1turn)
  }
}

:where(.al-calculator) .Button.is-loading:before {
  animation: spin 1s linear infinite;
  border-radius: 9999px;
  border-style: solid;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(168 173 187/var(--tw-border-opacity));
  border-right-color: transparent;
  border-top-color: transparent;
  content: var(--tw-content);
  transition-duration: .1s
}

:where(.al-calculator) .Button.is-loading,
:where(.al-calculator) .Button.is-loading:active,
:where(.al-calculator) .Button.is-loading:focus,
:where(.al-calculator) .Button.is-loading:hover {
  color: transparent
}

:where(.al-calculator) .Button--primary {
  border-radius: .25rem;
  border-style: solid;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(1 87 255/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(1 87 255/var(--tw-bg-opacity));
  font-family: var(--font-family-sans);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .03125rem;
  line-height: 1.75;
  padding: .875rem 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

:where(.al-calculator) .Button--primary:before {
  content: var(--tw-content);
  margin-bottom: -.375em
}

:where(.al-calculator) .Button--primary:after {
  content: var(--tw-content);
  margin-top: -.375em
}

:where(.al-calculator) .Button--primary:hover {
  --tw-border-opacity: 1;
  border-color: rgb(1 52 151/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(0 73 192/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

:where(.al-calculator) .Button--primary {
  transition: background-color .25s cubic-bezier(.17, .67, .44, .89), border-color .25s cubic-bezier(.17, .67, .44, .89), color .25s cubic-bezier(.17, .67, .44, .89)
}

:where(.al-calculator) .Button--primary:after,
:where(.al-calculator) .Button--primary:before {
  display: block;
  height: 0;
  width: 0;
  --tw-content: "";
  content: var(--tw-content)
}

:where(.al-calculator) .Button--primary:active,
:where(.al-calculator) .Button--primary:focus-visible {
  --tw-border-opacity: 1;
  border-color: rgb(1 52 151/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(1 52 151/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

:where(.al-calculator) .Button--primary.is-disabled,
:where(.al-calculator) .Button--primary.is-disabled:hover,
:where(.al-calculator) .Button--primary[disabled],
:where(.al-calculator) .Button--primary[disabled]:hover {
  --tw-border-opacity: 1;
  border-color: rgb(1 87 255/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(1 87 255/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

:where(.al-calculator) .Button--flat {
  background-color: transparent;
  border: 2px solid transparent;
  border-radius: .25rem;
  font-family: var(--font-family-sans);
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: .03125rem;
  line-height: 1.75;
  padding: .875rem 1.5rem;
  --tw-text-opacity: 1;
  color: rgb(1 87 255/var(--tw-text-opacity))
}

:where(.al-calculator) .Button--flat:before {
  content: var(--tw-content);
  margin-bottom: -.375em
}

:where(.al-calculator) .Button--flat:after {
  content: var(--tw-content);
  margin-top: -.375em
}

:where(.al-calculator) .Button--flat:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(234 241 255/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(1 87 255/var(--tw-text-opacity))
}

:where(.al-calculator) .Button--flat {
  transition: background-color .25s cubic-bezier(.17, .67, .44, .89), border-color .25s cubic-bezier(.17, .67, .44, .89), color .25s cubic-bezier(.17, .67, .44, .89)
}

:where(.al-calculator) .Button--flat:after,
:where(.al-calculator) .Button--flat:before {
  display: block;
  height: 0;
  width: 0;
  --tw-content: "";
  content: var(--tw-content)
}

:where(.al-calculator) .Button--flat:active,
:where(.al-calculator) .Button--flat:focus-visible {
  --tw-bg-opacity: 1;
  background-color: rgb(234 241 255/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(1 87 255/var(--tw-text-opacity))
}

:where(.al-calculator) .Button--small {
  font-size: .875rem;
  line-height: 1.75;
  padding: .75rem 1rem
}

:where(.al-calculator) .Button--small:before {
  content: var(--tw-content);
  margin-bottom: -.28571em
}

:where(.al-calculator) .Button--small:after {
  content: var(--tw-content);
  margin-top: -.42857em
}

:where(.al-calculator) .Button--small:after,
:where(.al-calculator) .Button--small:before {
  display: block;
  height: 0;
  width: 0;
  --tw-content: "";
  content: var(--tw-content)
}

:where(.al-calculator) .Button--utility>:where(.Icon) {
  height: 1.5rem;
  width: 1.5rem
}

:where(.al-calculator) .Card.is-active,
:where(.al-calculator) .Card:focus-within,
:where(.al-calculator) .Card:hover {
  --tw-shadow: 0 0 4px 0 hsla(0, 0%, 8%, .14), 0 16px 20px -5px hsla(0, 0%, 8%, .18);
  --tw-shadow-colored: 0 0 4px 0 var(--tw-shadow-color), 0 16px 20px -5px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

:where(.al-calculator) .Card.is-active :where(.Card-arrow),
:where(.al-calculator) .Card:focus-within :where(.Card-arrow),
:where(.al-calculator) .Card:hover :where(.Card-arrow) {
  --tw-border-opacity: 1;
  border-color: rgb(1 87 255/var(--tw-border-opacity))
}

:where(.al-calculator) .Card.is-active :where(.Card-link),
:where(.al-calculator) .Card:focus-within :where(.Card-link),
:where(.al-calculator) .Card:hover :where(.Card-link) {
  --tw-text-opacity: 1;
  color: rgb(1 87 255/var(--tw-text-opacity))
}

:where(.al-calculator) .Card.is-active :where(.Card-icon),
:where(.al-calculator) .Card:focus-within :where(.Card-icon),
:where(.al-calculator) .Card:hover :where(.Card-icon) {
  fill: #0157ff;
  --tw-text-opacity: 1;
  color: rgb(1 87 255/var(--tw-text-opacity))
}

:where(.al-calculator) .Card--accentedLeft.is-active:before,
:where(.al-calculator) .Card--accentedLeft:focus-within:before,
:where(.al-calculator) .Card--accentedLeft:hover:before {
  --tw-bg-opacity: 1;
  background-color: rgb(1 87 255/var(--tw-bg-opacity));
  transition-delay: 0ms
}

:where(.al-calculator) .Card--accentedLeft.is-active:after,
:where(.al-calculator) .Card--accentedLeft:focus-within:after,
:where(.al-calculator) .Card--accentedLeft:hover:after {
  --tw-translate-x: 0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

:where(.al-calculator) .Card--accentedBottom.is-active:before,
:where(.al-calculator) .Card--accentedBottom:focus-within:before,
:where(.al-calculator) .Card--accentedBottom:hover:before {
  --tw-bg-opacity: 1;
  background-color: rgb(1 87 255/var(--tw-bg-opacity));
  transition-delay: 0ms
}

:where(.al-calculator) .Card--accentedBottom.is-active:after,
:where(.al-calculator) .Card--accentedBottom:focus-within:after,
:where(.al-calculator) .Card--accentedBottom:hover:after {
  --tw-translate-y: -0.25rem;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

:where(.al-calculator) .FormInput {
  border-radius: .25rem;
  border-width: 1px;
  display: block;
  height: 3rem;
  width: 100%;
  --tw-border-opacity: 1;
  border-color: rgb(81 82 96/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  font-family: var(--font-family-sans);
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -.015625rem;
  line-height: 1.7;
  padding: .5rem 1rem;
  --tw-text-opacity: 1;
  color: rgb(21 21 21/var(--tw-text-opacity))
}

:where(.al-calculator) .FormInput:active,
:where(.al-calculator) .FormInput:focus {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(1 87 255/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(234 241 255/var(--tw-bg-opacity));
  outline-width: 0;
  padding: .4375rem .9375rem
}

:where(.al-calculator) .FormCheckbox+.FormElementHelp {
  padding-left: 2.625rem
}

:where(.al-calculator) .FormCheckbox.is-error .FormCheckbox-fauxInput {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(210 25 27/var(--tw-border-opacity))
}

:where(.al-calculator) .FormCheckbox--small+.FormElementHelp {
  padding-left: 1.625rem
}

:where(.al-calculator) .FormCheckbox--small .FormCheckbox-fauxInput,
:where(.al-calculator) .FormCheckbox--small .FormCheckbox-fauxInput.Icon {
  height: 1rem;
  width: 1rem
}

:where(.al-calculator) .FormCheckbox-fauxInput,
:where(.al-calculator) .FormCheckbox-fauxInput.Icon {
  height: 1.5rem;
  width: 1.5rem;
  fill: #fff;
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

:where(.al-calculator) .FormControl {
  position: relative
}

:where(.al-calculator) .FormControl--withLeftIcon .FormInput {
  padding-left: 1.5625rem
}

:where(.al-calculator) .FormControl--withLeftIcon:before {
  bottom: .675em;
  font-family: var(--font-family-sans);
  font-size: 1rem;
  left: 1rem;
  letter-spacing: -.015625rem;
  line-height: 1.75;
  position: absolute;
  --tw-text-opacity: 1;
  color: rgb(21 21 21/var(--tw-text-opacity));
  --tw-content: attr(data-format);
  content: var(--tw-content)
}

:where(.al-calculator) .FormControl--withRightIcon .FormInput {
  padding-right: 1.5625rem
}

:where(.al-calculator) .FormControl--withRightIcon:after {
  bottom: .675em;
  font-family: var(--font-family-sans);
  font-size: 1rem;
  letter-spacing: -.015625rem;
  line-height: 1.75;
  position: absolute;
  right: 1rem;
  --tw-text-opacity: 1;
  color: rgb(21 21 21/var(--tw-text-opacity));
  --tw-content: attr(data-format);
  content: var(--tw-content)
}

:where(.al-calculator) .FormControl.is-error .FormInput {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(210 25 27/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(254 237 235/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(210 25 27/var(--tw-text-opacity));
  outline-width: 0
}

:where(.al-calculator) .FormControl.is-error:after,
:where(.al-calculator) .FormControl.is-error:before {
  --tw-text-opacity: 1;
  color: rgb(210 25 27/var(--tw-text-opacity))
}

:where(.al-calculator) .FormControl.is-success .FormInput {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(43 120 85/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(43 120 85/var(--tw-text-opacity));
  outline-width: 0
}

:where(.al-calculator) .FormControl.is-success:after,
:where(.al-calculator) .FormControl.is-success:before {
  --tw-text-opacity: 1;
  color: rgb(43 120 85/var(--tw-text-opacity))
}

:where(.al-calculator) .FormElementHelp {
  display: block;
  font-family: var(--font-family-sans);
  font-size: .875rem;
  font-style: normal;
  line-height: 1.7;
  --tw-text-opacity: 1;
  color: rgb(81 82 96/var(--tw-text-opacity))
}

:where(.al-calculator) .FormElementHelp.is-error {
  --tw-text-opacity: 1;
  color: rgb(210 25 27/var(--tw-text-opacity))
}

:where(.al-calculator) .FormElementHelp.is-success {
  --tw-text-opacity: 1;
  color: rgb(43 120 85/var(--tw-text-opacity))
}

:where(.al-calculator) .FormLabel {
  display: block;
  font-family: var(--font-family-sans);
  font-size: .875rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: .0125rem;
  line-height: 1.7;
  --tw-text-opacity: 1;
  color: rgb(21 21 21/var(--tw-text-opacity))
}

:where(.al-calculator) .FormLabel.is-disabled,
:where(.al-calculator) .FormLabel.is-readonly {
  --tw-text-opacity: 1;
  color: rgb(193 199 211/var(--tw-text-opacity))
}

:where(.al-calculator) .FormLabel.is-disabled.FormLabel--inverted,
:where(.al-calculator) .FormLabel.is-readonly.FormLabel--inverted {
  --tw-text-opacity: 1;
  color: rgb(193 199 211/var(--tw-text-opacity))
}

:where(.al-calculator) .FormLabel.is-disabled {
  cursor: not-allowed;
  --tw-border-opacity: 1;
  border-color: rgb(193 199 211/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(59 59 68/var(--tw-text-opacity))
}

:where(.al-calculator) .FormLabel.is-disabled:active,
:where(.al-calculator) .FormLabel.is-disabled:focus {
  --tw-border-opacity: 1;
  border-color: rgb(193 199 211/var(--tw-border-opacity))
}

:where(.al-calculator) .FormPill.is-error .FormPill-label {
  --tw-border-opacity: 1;
  border-color: rgb(210 25 27/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(254 237 235/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(21 21 21/var(--tw-text-opacity))
}

:where(.al-calculator) .FormRadio+.FormElementHelp {
  padding-left: 2.625rem
}

:where(.al-calculator) .FormRadio.is-error .FormRadio-fauxInput {
  --tw-border-opacity: 1;
  border-color: rgb(210 25 27/var(--tw-border-opacity))
}

:where(.al-calculator) .FormSelect {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: .25rem;
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  display: block;
  min-height: 3rem;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  width: 100%;
  --tw-border-opacity: 1;
  border-color: rgb(81 82 96/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  background-image: none;
  font-family: var(--font-family-sans);
  font-size: 1rem;
  letter-spacing: -.015625rem;
  line-height: 1.75;
  padding: .25rem 1.4375rem;
  text-align: left;
  text-transform: capitalize
}

:where(.al-calculator) .FormSelect:active,
:where(.al-calculator) .FormSelect:focus {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(1 87 255/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(234 241 255/var(--tw-bg-opacity));
  outline-width: 0;
  padding: .125rem 1.375rem
}

:where(.al-calculator) .FormSelect::-ms-expand {
  display: none
}

:where(.al-calculator) .FormSelect-arrow {
  bottom: 1rem;
  pointer-events: none;
  position: absolute;
  right: 1.5rem;
  fill: #0157ff;
  --tw-text-opacity: 1;
  color: rgb(1 87 255/var(--tw-text-opacity))
}

:where(.al-calculator) .FormSelect-listContainer {
  border-bottom-left-radius: .25rem;
  border-bottom-right-radius: .25rem;
  border-bottom-width: 0;
  border-left-width: 1px;
  border-right-width: 1px;
  border-style: solid;
  height: 0;
  list-style-type: none;
  margin-left: 0;
  margin-top: -.125rem;
  overflow-y: scroll;
  position: absolute;
  width: 100%;
  --tw-border-opacity: 1;
  border-color: rgb(81 82 96/var(--tw-border-opacity));
  border-top-color: none;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  padding: 0;
  --tw-shadow: 0 0 3px 0 hsla(0, 0%, 8%, .1), 0 8px 16px -3px hsla(0, 0%, 8%, .2);
  --tw-shadow-colored: 0 0 3px 0 var(--tw-shadow-color), 0 8px 16px -3px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
  transition-duration: .15s;
  transition-property: height;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  transition-timing-function: cubic-bezier(.17, .67, .83, .67)
}

:where(.al-calculator) .FormSelect-listContainer:hover {
  overflow-y: scroll
}

:where(.al-calculator) .FormSelect-listContainer.is-active {
  border-bottom-width: 1px;
  height: 10rem
}

:where(.al-calculator) .FormSelect-listItem {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-family: var(--font-family-sans);
  font-size: 1rem;
  font-weight: 700;
  justify-content: space-between;
  letter-spacing: -.015625rem;
  line-height: 1.7;
  min-height: 3rem;
  padding: .25rem 1.4375rem;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

:where(.al-calculator) .FormSelect-listItem:first-of-type {
  border-top-width: 1px;
  --tw-border-opacity: 1;
  border-top-color: rgb(81 82 96/var(--tw-border-opacity))
}

:where(.al-calculator) .FormSelect-listItem:hover {
  --tw-bg-opacity: 1;
  background-color: rgb(234 241 255/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(1 87 255/var(--tw-text-opacity))
}

:where(.al-calculator) .FormSelect-listItem {
  transition: background-color .15s ease-in, color .15s ease-in
}

:where(.al-calculator) .FormSelect-listItem.is-selected {
  --tw-bg-opacity: 1;
  background-color: rgb(234 241 255/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(1 87 255/var(--tw-text-opacity))
}

:where(.al-calculator) .FormSelect-listItem:first-of-type {
  border-style: solid
}

:where(.al-calculator) .FormControl.is-error .FormSelect {
  border-style: solid;
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(210 25 27/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(254 237 235/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(210 25 27/var(--tw-text-opacity));
  outline-width: 0
}

:where(.al-calculator) .FormControl.is-success .FormSelect {
  border-width: 2px;
  --tw-border-opacity: 1;
  border-color: rgb(43 120 85/var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(43 120 85/var(--tw-text-opacity));
  outline-width: 0
}

:where(.al-calculator) .FormControl.is-disabled .FormSelect,
:where(.al-calculator) .FormSelect.is-disabled,
:where(.al-calculator) select[disabled] {
  cursor: not-allowed;
  --tw-border-opacity: 1;
  border-color: rgb(226 229 237/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(193 199 211/var(--tw-text-opacity))
}

:where(.al-calculator) .FormControl.is-disabled .FormSelect+.FormSelect-arrow,
:where(.al-calculator) .FormSelect.is-disabled+.FormSelect-arrow,
:where(.al-calculator) select[disabled]+.FormSelect-arrow {
  pointer-events: none;
  fill: #c1c7d3;
  --tw-text-opacity: 1;
  color: rgb(193 199 211/var(--tw-text-opacity))
}

:where(.al-calculator) .type-heading-three {
  font-family: var(--font-family-sans);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -.015625rem;
  line-height: 1.1
}

:where(.al-calculator) .type-heading-three:before {
  content: var(--tw-content);
  margin-bottom: -.13667em
}

:where(.al-calculator) .type-heading-three:after {
  content: var(--tw-content);
  margin-top: -.13667em
}

:where(.al-calculator) .type-heading-four {
  font-family: var(--font-family-sans);
  font-size: 1.25rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -.009375rem;
  line-height: 1.3
}

:where(.al-calculator) .type-heading-four:before {
  content: var(--tw-content);
  margin-bottom: -.25em
}

:where(.al-calculator) .type-heading-four:after {
  content: var(--tw-content);
  margin-top: -.25em
}

:where(.al-calculator) [class^=type-heading-]:after,
:where(.al-calculator) [class^=type-heading-]:before {
  display: block;
  height: 0;
  width: 0;
  --tw-content: "";
  content: var(--tw-content)
}

@media (min-width:40em) {
  :where(.al-calculator) .type-heading-one {
    font-size: 3.375rem;
    letter-spacing: 0;
    line-height: 1
  }

  :where(.al-calculator) .type-heading-one:before {
    content: var(--tw-content);
    margin-bottom: -.13222em
  }

  :where(.al-calculator) .type-heading-one:after {
    content: var(--tw-content);
    margin-top: -.13222em
  }

  :where(.al-calculator) .type-heading-two {
    font-size: 2.25rem;
    letter-spacing: -.021875rem;
    line-height: 1.15
  }

  :where(.al-calculator) .type-heading-two:before {
    content: var(--tw-content);
    margin-bottom: -.13111em
  }

  :where(.al-calculator) .type-heading-two:after {
    content: var(--tw-content);
    margin-top: -.18667em
  }

  :where(.al-calculator) .type-heading-three {
    font-size: 1.75rem;
    letter-spacing: -.021875rem;
    line-height: 1.1
  }

  :where(.al-calculator) .type-heading-three:before {
    content: var(--tw-content);
    margin-bottom: -.19429em
  }

  :where(.al-calculator) .type-heading-three:after {
    content: var(--tw-content);
    margin-top: -.19429em
  }

  :where(.al-calculator) .type-heading-seven {
    font-size: 2.25rem;
    line-height: 1.2
  }

  :where(.al-calculator) .type-heading-seven:before {
    content: var(--tw-content);
    margin-bottom: -.16167em
  }

  :where(.al-calculator) .type-heading-seven:after {
    content: var(--tw-content);
    margin-top: -.16167em
  }
}

@keyframes modalPopIn {
  0% {
    opacity: 0;
    transform: scale(1.05)
  }

  to {
    filter: blur(0);
    opacity: 1;
    transform: none
  }
}

@keyframes modalPopOut {
  0% {
    opacity: 1;
    transform: scale(1)
  }

  to {
    filter: blur(0);
    opacity: 0;
    transform: scale(.95)
  }
}

@keyframes modalFadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

@keyframes modalFadeOut {
  0% {
    opacity: 1
  }

  to {
    opacity: 0
  }
}

:where(.al-calculator) .Numeral {
  display: inline-block;
  font-family: var(--font-family-sans);
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 700;
  letter-spacing: -.015625rem;
  line-height: 1;
  white-space: nowrap
}

@media (min-width:40em) {
  :where(.al-calculator) .Numeral {
    font-size: 1.75rem;
    letter-spacing: -.021875rem;
    line-height: 1.2
  }
}

:where(.al-calculator) .Numeral-accent {
  font-size: .5em;
  position: relative;
  top: -.5em;
  vertical-align: middle
}

:where(.al-calculator) .Pagination-marker:where(.is-active) {
  --tw-bg-opacity: 1;
  background-color: rgb(1 87 255/var(--tw-bg-opacity))
}

:where(.al-calculator) .Pagination-link:where(.is-active) {
  --tw-text-opacity: 1;
  color: rgb(81 82 96/var(--tw-text-opacity))
}

:where(.al-calculator) .Pagination-link:where(.is-active):active,
:where(.al-calculator) .Pagination-link:where(.is-active):focus,
:where(.al-calculator) .Pagination-link:where(.is-active):hover {
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(81 82 96/var(--tw-text-opacity))
}

:where(.al-calculator) .Table {
  font-family: var(--font-family-sans)
}

:where(.al-calculator) .Table :where(td),
:where(.al-calculator) .Table :where(th) {
  padding: 1rem
}

:where(.al-calculator) .Table :where(th) {
  font-size: .875rem;
  line-height: 1.7
}

:where(.al-calculator) .Table :where(td) {
  font-size: 1rem;
  letter-spacing: -.015625rem;
  line-height: 1.7
}

:where(.al-calculator) .Table :where(td:first-child),
:where(.al-calculator) .Table :where(th:first-child) {
  text-align: left
}

:where(.al-calculator) .Table :where(td:not(:first-child)),
:where(.al-calculator) .Table :where(th:not(:first-child)) {
  text-align: right
}

:where(.al-calculator) .Table :where(thead) {
  --tw-text-opacity: 1;
  color: rgb(21 21 21/var(--tw-text-opacity))
}

:where(.al-calculator) .Table :where(tbody) {
  --tw-text-opacity: 1;
  color: rgb(81 82 96/var(--tw-text-opacity))
}

:where(.al-calculator) .Table :where(tfoot td) {
  font-size: .75rem;
  line-height: 1.7
}

:where(.al-calculator) .Table--borderedRows :where(td),
:where(.al-calculator) .Table--borderedRows :where(th) {
  --tw-border-opacity: 1;
  border-bottom: 1px rgb(168 173 187/var(--tw-border-opacity));
  border-style: solid
}

:where(.al-calculator) .Table--inline {
  font-size: 1.125rem;
  letter-spacing: -.015625rem;
  line-height: 1.5
}

:where(.al-calculator) .Table--inline :where(td),
:where(.al-calculator) .Table--inline :where(th) {
  text-align: center
}

:where(.al-calculator) .Table--inline :where(td:first-of-type),
:where(.al-calculator) .Table--inline :where(th:first-of-type) {
  text-align: left
}

:where(.al-calculator) .Table--inline :where(td:last-of-type),
:where(.al-calculator) .Table--inline :where(th:last-of-type) {
  text-align: right
}

:where(.al-calculator) .Tabs-link:where(.is-active) {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(1 87 255/var(--tw-border-opacity));
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  font-weight: 700;
  --tw-text-opacity: 1;
  color: rgb(21 21 21/var(--tw-text-opacity))
}

:where(.al-calculator) .Tabs.is-disabled :where(.Tabs-link.is-active) {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(170 199 254/var(--tw-border-opacity));
  --tw-text-opacity: 1;
  color: rgb(193 199 211/var(--tw-text-opacity))
}

:where(.al-calculator) .Tooltip {
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

:where(.al-calculator) .Tooltip.is-active .Tooltip-trigger {
  --tw-bg-opacity: 1;
  background-color: rgb(1 87 255/var(--tw-bg-opacity));
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity))
}

:where(.al-calculator) .Tooltip-arrow {
  bottom: -1rem;
  min-height: 1rem;
  min-width: 1rem;
  pointer-events: none;
  position: absolute
}

:where(.al-calculator) .Tooltip-arrow:before {
  content: var(--tw-content);
  height: 0;
  margin-left: -.125rem;
  margin-top: 0;
  width: 0;
  --tw-border-opacity: 1;
  border: .625rem solid transparent;
  border-top: .625rem solid rgb(1 87 255/var(--tw-border-opacity))
}

:where(.al-calculator) .Tooltip-arrow:after {
  content: var(--tw-content);
  height: 0;
  width: 0;
  --tw-border-opacity: 1;
  border: 8px solid transparent;
  border-top: 8px solid rgb(255 255 255/var(--tw-border-opacity))
}

:where(.al-calculator) .Tooltip-arrow:after,
:where(.al-calculator) .Tooltip-arrow:before {
  left: 0;
  position: absolute;
  top: 0;
  --tw-content: "";
  content: var(--tw-content)
}

:where(.al-calculator) .Tooltip-body {
  border-radius: .25rem;
  bottom: calc(100% + .5rem);
  position: relative;
  --tw-border-opacity: 1;
  border-bottom: 2px rgb(1 87 255/var(--tw-border-opacity));
  border-style: solid;
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
  padding: 1rem;
  --tw-shadow: 0 0 1px 0 hsla(0, 0%, 8%, .1), 0 2px 8px -1px hsla(0, 0%, 8%, .2);
  --tw-shadow-colored: 0 0 1px 0 var(--tw-shadow-color), 0 2px 8px -1px var(--tw-shadow-color);
  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)
}

:where(.al-calculator) .Tooltip-trigger {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border-style: none;
  cursor: pointer;
  font: inherit;
  padding: 0
}

:where(.al-calculator) .Tooltip-content {
  bottom: 100%;
  padding-bottom: .5rem;
  position: absolute;
  right: 0;
  text-align: left;
  width: calc(100vw - 1rem);
  z-index: 5
}

@media (min-width:40em) {
  :where(.al-calculator) .Tooltip-content {
    width: 18.75rem
  }
}

:where(.al-calculator) .Tooltip-content :last-child {
  margin-bottom: 0
}

:where(.al-calculator) .Tooltip-content--anchorLeft .Tooltip-arrow {
  left: .875rem
}

:where(.al-calculator) .Tooltip-content--anchorRight {
  right: -.875rem
}

:where(.al-calculator) .Tooltip-content--anchorRight .Tooltip-arrow {
  right: .875rem
}

:where(.al-calculator) .Tooltip-content--anchorCenter .Tooltip-arrow {
  left: 50%;
  --tw-translate-x: -50%;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

:where(.al-calculator) .Tooltip-content--anchorCenter.Tooltip-content--belowTrigger .Tooltip-arrow {
  --tw-translate-x: -50%;
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

:where(.al-calculator) .Tooltip-content--belowTrigger {
  bottom: auto;
  padding-bottom: 0;
  padding-top: .5rem;
  top: 100%
}

:where(.al-calculator) .Tooltip-content--belowTrigger .Tooltip-arrow {
  bottom: auto;
  top: -1rem;
  --tw-rotate: 180deg;
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

:where(.al-calculator) .Tooltip-content--belowTrigger .Tooltip-body {
  border-bottom-width: 0;
  --tw-border-opacity: 1;
  border-top: 2px rgb(1 87 255/var(--tw-border-opacity));
  border-style: solid
}

:where(.al-calculator) .wrapper {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--section-main-wrapper);
  width: 100%
}

:where(.al-calculator) .static {
  position: static
}

:where(.al-calculator) .absolute {
  position: absolute
}

:where(.al-calculator) .relative {
  position: relative
}

:where(.al-calculator) .float-right {
  float: right
}

:where(.al-calculator) .m-2 {
  margin: .5rem
}

:where(.al-calculator) .mb-0 {
  margin-bottom: 0
}

:where(.al-calculator) .mb-1 {
  margin-bottom: .25rem
}

:where(.al-calculator) .mb-2 {
  margin-bottom: .5rem
}

:where(.al-calculator) .mb-3 {
  margin-bottom: .75rem
}

:where(.al-calculator) .mb-4 {
  margin-bottom: 1rem
}

:where(.al-calculator) .mt-1 {
  margin-top: .25rem
}

:where(.al-calculator) .mt-8 {
  margin-top: 2rem
}

:where(.al-calculator) .inline-block {
  display: inline-block
}

:where(.al-calculator) .flex {
  display: flex
}

:where(.al-calculator) .table {
  display: table
}

:where(.al-calculator) .grid {
  display: grid
}

:where(.al-calculator) .hidden {
  display: none
}

:where(.al-calculator) .size-full {
  height: 100%;
  width: 100%
}

:where(.al-calculator) .w-1\/2 {
  width: 50%
}

:where(.al-calculator) .w-1\/3 {
  width: 33.333333%
}

:where(.al-calculator) .w-1\/4 {
  width: 25%
}

:where(.al-calculator) .w-2\/3 {
  width: 66.666667%
}

:where(.al-calculator) .w-3\/4 {
  width: 75%
}

:where(.al-calculator) .w-5\/12 {
  width: 41.666667%
}

:where(.al-calculator) .w-7\/12 {
  width: 58.333333%
}

:where(.al-calculator) .w-full {
  width: 100%
}

:where(.al-calculator) .transform {
  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))
}

:where(.al-calculator) .resize {
  resize: both
}

:where(.al-calculator) .overscroll-none {
  overscroll-behavior: none
}

:where(.al-calculator) .border {
  border-width: 1px
}

:where(.al-calculator) .border-b {
  border-bottom-width: 1px
}

:where(.al-calculator) .border-t {
  border-top-width: 1px
}

:where(.al-calculator) .border-t-0 {
  border-top-width: 0
}

:where(.al-calculator) .border-gray-400 {
  --tw-border-opacity: 1;
  border-color: rgb(168 173 187/var(--tw-border-opacity))
}

:where(.al-calculator) .bg-gray-100 {
  --tw-bg-opacity: 1;
  background-color: rgb(242 243 247/var(--tw-bg-opacity))
}

:where(.al-calculator) .bg-white {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255/var(--tw-bg-opacity))
}

:where(.al-calculator) .p-4 {
  padding: 1rem
}

:where(.al-calculator) .p-5 {
  padding: 1.25rem
}

:where(.al-calculator) .pb-1 {
  padding-bottom: .25rem
}

:where(.al-calculator) .pl-1 {
  padding-left: .25rem
}

:where(.al-calculator) .pl-2 {
  padding-left: .5rem
}

:where(.al-calculator) .pl-8 {
  padding-left: 2rem
}

:where(.al-calculator) .pr-2 {
  padding-right: .5rem
}

:where(.al-calculator) .pr-8 {
  padding-right: 2rem
}

:where(.al-calculator) .pt-1 {
  padding-top: .25rem
}

:where(.al-calculator) .pt-2 {
  padding-top: .5rem
}

:where(.al-calculator) .pt-8 {
  padding-top: 2rem
}

:where(.al-calculator) .text-left {
  text-align: left
}

:where(.al-calculator) .text-center {
  text-align: center
}

:where(.al-calculator) .text-right {
  text-align: right
}

:where(.al-calculator) .text-sm {
  font-size: .875rem;
  line-height: 1.7
}

:where(.al-calculator) .uppercase {
  text-transform: uppercase
}

:where(.al-calculator) .text-blue-600 {
  --tw-text-opacity: 1;
  color: rgb(1 87 255/var(--tw-text-opacity))
}

:where(.al-calculator) .text-gray-700 {
  --tw-text-opacity: 1;
  color: rgb(81 82 96/var(--tw-text-opacity))
}

:where(.al-calculator) .filter {
  filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}

:where(.al-calculator) .transition {
  transition-duration: .15s;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1)
}

:where(.al-calculator) .icon-base-transparent .icon-base {
  color: transparent
}

:where(.al-calculator) .icon-base-current .icon-base {
  color: currentColor
}

:where(.al-calculator) .icon-base-white .icon-base {
  color: #fff
}

:where(.al-calculator) .icon-base-black .icon-base {
  color: #000
}

:where(.al-calculator) .icon-base-red-50 .icon-base {
  color: #fef8f8
}

:where(.al-calculator) .icon-base-red-100 .icon-base {
  color: #feedeb
}

:where(.al-calculator) .icon-base-red-200 .icon-base {
  color: #fbdbd7
}

:where(.al-calculator) .icon-base-red-300 .icon-base {
  color: #f8b6ae
}

:where(.al-calculator) .icon-base-red-400 .icon-base {
  color: #f19186
}

:where(.al-calculator) .icon-base-red-500 .icon-base {
  color: #e56b5f
}

:where(.al-calculator) .icon-base-red-600 .icon-base {
  color: #d2191b
}

:where(.al-calculator) .icon-base-red-700 .icon-base {
  color: #a41616
}

:where(.al-calculator) .icon-base-red-800 .icon-base {
  color: #771211
}

:where(.al-calculator) .icon-base-red-900 .icon-base {
  color: #300606
}

:where(.al-calculator) .icon-base-coral-50 .icon-base {
  color: #fff7f6
}

:where(.al-calculator) .icon-base-coral-100 .icon-base {
  color: #fbeeed
}

:where(.al-calculator) .icon-base-coral-200 .icon-base {
  color: #f9dcda
}

:where(.al-calculator) .icon-base-coral-300 .icon-base {
  color: #f1b6ac
}

:where(.al-calculator) .icon-base-coral-400 .icon-base {
  color: #ec9489
}

:where(.al-calculator) .icon-base-coral-500 .icon-base {
  color: #e5665e
}

:where(.al-calculator) .icon-base-coral-600 .icon-base {
  color: #ba413e
}

:where(.al-calculator) .icon-base-coral-700 .icon-base {
  color: #9d2528
}

:where(.al-calculator) .icon-base-coral-800 .icon-base {
  color: #721b1d
}

:where(.al-calculator) .icon-base-coral-900 .icon-base {
  color: #2c0a0b
}

:where(.al-calculator) .icon-base-orange-50 .icon-base {
  color: #fff8f1
}

:where(.al-calculator) .icon-base-orange-100 .icon-base {
  color: #feeedf
}

:where(.al-calculator) .icon-base-orange-200 .icon-base {
  color: #ffddbd
}

:where(.al-calculator) .icon-base-orange-300 .icon-base {
  color: #feb874
}

:where(.al-calculator) .icon-base-orange-400 .icon-base {
  color: #f49728
}

:where(.al-calculator) .icon-base-orange-500 .icon-base {
  color: #d57a1b
}

:where(.al-calculator) .icon-base-orange-600 .icon-base {
  color: #a7540e
}

:where(.al-calculator) .icon-base-orange-700 .icon-base {
  color: #8a3b05
}

:where(.al-calculator) .icon-base-orange-800 .icon-base {
  color: #692600
}

:where(.al-calculator) .icon-base-orange-900 .icon-base {
  color: #280f00
}

:where(.al-calculator) .icon-base-yellow-50 .icon-base {
  color: #fff9e7
}

:where(.al-calculator) .icon-base-yellow-100 .icon-base {
  color: #fff0ca
}

:where(.al-calculator) .icon-base-yellow-200 .icon-base {
  color: #ffdd83
}

:where(.al-calculator) .icon-base-yellow-300 .icon-base {
  color: #efc138
}

:where(.al-calculator) .icon-base-yellow-400 .icon-base {
  color: #d3a434
}

:where(.al-calculator) .icon-base-yellow-500 .icon-base {
  color: #b7892c
}

:where(.al-calculator) .icon-base-yellow-600 .icon-base {
  color: #8e6223
}

:where(.al-calculator) .icon-base-yellow-700 .icon-base {
  color: #6e4c1c
}

:where(.al-calculator) .icon-base-yellow-800 .icon-base {
  color: #4f3715
}

:where(.al-calculator) .icon-base-yellow-900 .icon-base {
  color: #1d1407
}

:where(.al-calculator) .icon-base-green-50 .icon-base {
  color: #f3fbf7
}

:where(.al-calculator) .icon-base-green-100 .icon-base {
  color: #e3f5ea
}

:where(.al-calculator) .icon-base-green-200 .icon-base {
  color: #c5ebd2
}

:where(.al-calculator) .icon-base-green-300 .icon-base {
  color: #8ad7a7
}

:where(.al-calculator) .icon-base-green-400 .icon-base {
  color: #3fc17b
}

:where(.al-calculator) .icon-base-green-500 .icon-base {
  color: #36a36b
}

:where(.al-calculator) .icon-base-green-600 .icon-base {
  color: #2b7855
}

:where(.al-calculator) .icon-base-green-700 .icon-base {
  color: #245c47
}

:where(.al-calculator) .icon-base-green-800 .icon-base {
  color: #1a4234
}

:where(.al-calculator) .icon-base-green-900 .icon-base {
  color: #081910
}

:where(.al-calculator) .icon-base-teal-50 .icon-base {
  color: #f3fbfa
}

:where(.al-calculator) .icon-base-teal-100 .icon-base {
  color: #e5f4f2
}

:where(.al-calculator) .icon-base-teal-200 .icon-base {
  color: #cde8e3
}

:where(.al-calculator) .icon-base-teal-300 .icon-base {
  color: #9bd1c7
}

:where(.al-calculator) .icon-base-teal-400 .icon-base {
  color: #64baab
}

:where(.al-calculator) .icon-base-teal-500 .icon-base {
  color: #00a391
}

:where(.al-calculator) .icon-base-teal-600 .icon-base {
  color: #007871
}

:where(.al-calculator) .icon-base-teal-700 .icon-base {
  color: #095c5d
}

:where(.al-calculator) .icon-base-teal-800 .icon-base {
  color: #07444a
}

:where(.al-calculator) .icon-base-teal-900 .icon-base {
  color: #001917
}

:where(.al-calculator) .icon-base-teal-DEFAULT .icon-base {
  color: #00a391
}

:where(.al-calculator) .icon-base-blue-50 .icon-base {
  color: #f6faff
}

:where(.al-calculator) .icon-base-blue-100 .icon-base {
  color: #eaf1ff
}

:where(.al-calculator) .icon-base-blue-200 .icon-base {
  color: #d5e3fd
}

:where(.al-calculator) .icon-base-blue-300 .icon-base {
  color: #aac7fe
}

:where(.al-calculator) .icon-base-blue-400 .icon-base {
  color: #80abff
}

:where(.al-calculator) .icon-base-blue-500 .icon-base {
  color: #548dff
}

:where(.al-calculator) .icon-base-blue-600 .icon-base {
  color: #0157ff
}

:where(.al-calculator) .icon-base-blue-700 .icon-base {
  color: #0049c0
}

:where(.al-calculator) .icon-base-blue-800 .icon-base {
  color: #013497
}

:where(.al-calculator) .icon-base-blue-900 .icon-base {
  color: #00143d
}

:where(.al-calculator) .icon-base-indigo-50 .icon-base {
  color: #f9f9fd
}

:where(.al-calculator) .icon-base-indigo-100 .icon-base {
  color: #f0f0fa
}

:where(.al-calculator) .icon-base-indigo-200 .icon-base {
  color: #e2e1f5
}

:where(.al-calculator) .icon-base-indigo-300 .icon-base {
  color: #c5c3eb
}

:where(.al-calculator) .icon-base-indigo-400 .icon-base {
  color: #a9a5e1
}

:where(.al-calculator) .icon-base-indigo-500 .icon-base {
  color: #9088d4
}

:where(.al-calculator) .icon-base-indigo-600 .icon-base {
  color: #6260bc
}

:where(.al-calculator) .icon-base-indigo-700 .icon-base {
  color: #4347a6
}

:where(.al-calculator) .icon-base-indigo-800 .icon-base {
  color: #272e94
}

:where(.al-calculator) .icon-base-indigo-900 .icon-base {
  color: #0e1137
}

:where(.al-calculator) .icon-base-lavender-50 .icon-base {
  color: #fbf9fb
}

:where(.al-calculator) .icon-base-lavender-100 .icon-base {
  color: #f6eef5
}

:where(.al-calculator) .icon-base-lavender-200 .icon-base {
  color: #f0dcef
}

:where(.al-calculator) .icon-base-lavender-300 .icon-base {
  color: #debcdb
}

:where(.al-calculator) .icon-base-lavender-400 .icon-base {
  color: #c79fc5
}

:where(.al-calculator) .icon-base-lavender-500 .icon-base {
  color: #b480af
}

:where(.al-calculator) .icon-base-lavender-600 .icon-base {
  color: #9b4f8f
}

:where(.al-calculator) .icon-base-lavender-700 .icon-base {
  color: #8a2a7c
}

:where(.al-calculator) .icon-base-lavender-800 .icon-base {
  color: #671b5c
}

:where(.al-calculator) .icon-base-lavender-900 .icon-base {
  color: #270a23
}

:where(.al-calculator) .icon-base-gray-50 .icon-base {
  color: #f9f9fc
}

:where(.al-calculator) .icon-base-gray-100 .icon-base {
  color: #f2f3f7
}

:where(.al-calculator) .icon-base-gray-200 .icon-base {
  color: #e2e5ed
}

:where(.al-calculator) .icon-base-gray-300 .icon-base {
  color: #c1c7d3
}

:where(.al-calculator) .icon-base-gray-400 .icon-base {
  color: #a8adbb
}

:where(.al-calculator) .icon-base-gray-500 .icon-base {
  color: #898f9e
}

:where(.al-calculator) .icon-base-gray-600 .icon-base {
  color: #676a79
}

:where(.al-calculator) .icon-base-gray-700 .icon-base {
  color: #515260
}

:where(.al-calculator) .icon-base-gray-800 .icon-base {
  color: #3b3b44
}

:where(.al-calculator) .icon-base-gray-900 .icon-base {
  color: #151515
}

:where(.al-calculator) .gutter {
  padding-left: var(--section-x-spacing);
  padding-right: var(--section-x-spacing)
}

@media (min-width:55em) {
  :where(.al-calculator) .md\:w-8\/12 {
    width: 66.666667%
  }
}