/* The same finance component is used on the home and payment pages. */
body.lg-design #lg-finance.lg-finance-information{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr);gap:1rem;min-width:0;padding:clamp(20px,3vw,32px)!important;align-content:start}
body.lg-design #lg-finance.lg-finance-information>*{grid-column:1/-1!important;grid-row:auto!important;min-width:0;max-width:none!important}
body.lg-design #lg-finance.lg-finance-information>.lg-finance-contact{width:fit-content;max-width:100%;justify-self:start}
body.lg-design #lg-finance.lg-finance-information h3{font-size:clamp(1.3rem,2vw,1.75rem);line-height:1.35;margin:0}
body.lg-design #lg-finance.lg-finance-information p{font-size:1rem!important;line-height:1.8!important;margin:0!important;color:#b9cdd6}
body.lg-design #lg-finance.lg-finance{grid-column:1/-1;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:1.25rem;padding:clamp(16px,2vw,28px)!important;min-width:0;max-width:100%;box-sizing:border-box}
body.lg-design #lg-finance.lg-finance>div{grid-column:1!important;grid-row:auto!important;min-width:0;margin:0!important}
body.lg-design #lg-finance.lg-finance .lg-finance-intro{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.5rem 1.25rem;padding:0!important;border:0!important;background:none!important}
body.lg-design #lg-finance .lg-finance-heading{display:grid;gap:.25rem;min-width:0}
body.lg-design #lg-finance.lg-finance .lg-bank-label{font-size:.75rem;color:#b0dce8;line-height:1.5}
body.lg-design #lg-finance.lg-finance h3{font-size:clamp(1.5rem,2vw,2rem)!important;line-height:1.2!important;font-weight:500;max-width:none;margin:0!important;overflow-wrap:anywhere}
body.lg-design #lg-finance.lg-finance .lg-finance-intro>p{grid-column:1/-1;font-size:.875rem!important;line-height:1.55!important;color:#b9cdd6;max-width:none;margin:0!important}
body.lg-design #lg-finance.lg-finance .lg-finance-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,24rem),1fr));gap:1.5rem;padding:0!important;border:0!important;align-items:start;background:none!important}
body.lg-design #lg-finance .lg-finance-fields{display:grid;gap:.5rem;min-width:0}
body.lg-design #lg-finance .lg-finance-limit{font-size:.75rem!important;line-height:1.6!important;color:#b9cdd6;margin:.25rem 0 0!important}
body.lg-design #lg-finance.lg-finance label{font-size:.875rem;line-height:1.6;color:#cfe3ea;overflow-wrap:anywhere}
body.lg-design #lg-finance input:not([type=range]),body.lg-design #lg-finance select{width:100%;min-width:0;min-height:2.75rem!important;padding:10px 14px;box-sizing:border-box;font-size:max(1rem,16px)!important}
body.lg-design #lg-finance .lg-finance-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,12rem),1fr));gap:.75rem;min-width:0}
body.lg-design #lg-finance .lg-finance-row>div{display:grid;align-content:start;gap:.625rem;min-width:0}
body.lg-design #lg-finance .lg-finance-select{position:relative;min-width:0}
body.lg-design #lg-finance .lg-finance-select:after{content:'';position:absolute;right:1.25rem;top:1.25rem;width:.5rem;height:.5rem;border-right:1.8px solid #b8eff5;border-bottom:1.8px solid #b8eff5;transform:rotate(45deg);pointer-events:none}
body.lg-design #lg-finance .lg-finance-select select{appearance:none!important;-webkit-appearance:none!important;padding-right:48px!important}
body.lg-design #lg-finance .lg-finance-rate{display:grid;gap:.625rem;min-width:0}
body.lg-design #lg-finance .lg-finance-rate[hidden]{display:none!important}
body.lg-design #lg-finance .lg-finance-rate>span{font-size:.8125rem;line-height:1.7;color:#b7cbd4}
body.lg-design #lg-finance .lg-finance-result{padding:clamp(16px,1.6vw,24px);margin-top:0;border:1px solid #dbffff40;border-radius:1.5rem;background:linear-gradient(140deg,#a6f6ff14,#12364c6b);box-shadow:inset 0 1px 0 #e9ffff52;display:grid;gap:.5rem;min-width:0}
body.lg-design #lg-finance .lg-finance-values{display:grid;gap:.5rem;min-width:0}
body.lg-design #lg-finance .lg-finance-values>span{font-size:.8125rem;line-height:1.6;color:#b9d0db}
body.lg-design #lg-finance .lg-finance-values>output{font-size:clamp(1.75rem,3vw,3rem);font-weight:500;line-height:1.3;color:#d8ffff;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
body.lg-design #lg-finance .lg-finance-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,10rem),1fr));gap:.75rem;border-top:1px solid #ddffff22;padding-top:1rem;margin-top:.75rem;min-width:0}
body.lg-design #lg-finance .lg-finance-totals>div{display:grid;gap:.375rem;min-width:0}
body.lg-design #lg-finance .lg-finance-totals span{font-size:.75rem;line-height:1.6;color:#b8cbd5}
body.lg-design #lg-finance .lg-finance-totals output{font-size:1rem;color:#e0f0f4;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
body.lg-design #lg-finance .lg-finance-loan{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem 1rem;margin-top:.5rem;color:#bed4dd;font-size:.8125rem;line-height:1.6}
body.lg-design #lg-finance .lg-finance-loan output{font-variant-numeric:tabular-nums;color:#e1f7fa}
body.lg-design #lg-finance .lg-finance-error{color:#ffd2b4;font-size:.875rem!important;line-height:1.8;min-height:0;margin:0}
body.lg-design #lg-finance .lg-finance-error:empty{display:none}
body.lg-design #lg-finance input[aria-invalid=true]{border-color:#ffbd9b99!important}
body.lg-design #lg-finance .lg-finance-range{padding:0 12px .375rem;border:1px solid #c7f1ff24;border-radius:1.25rem;background:linear-gradient(135deg,#b8efff0d,#10253244);min-width:0}
body.lg-design #lg-finance .lg-finance-range input[type=range]{appearance:none;-webkit-appearance:none;accent-color:#79e7ee;background:none!important;border:0!important;box-shadow:none!important;padding:0!important;display:block;width:100%;height:44px;min-height:44px!important;margin:0;touch-action:pan-y}
body.lg-design #lg-finance .lg-finance-range input[type=range]:focus-visible{outline:2px solid #a5f4ff!important;outline-offset:0!important}
body.lg-design #lg-finance .lg-finance-range input::-webkit-slider-runnable-track{height:5px;border-radius:10px;background:linear-gradient(90deg,#93f2f5,#426879)}
body.lg-design #lg-finance .lg-finance-range input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;box-sizing:border-box;width:22px;height:22px;margin-top:-8.5px;border-radius:50%;border:1px solid #ceffff;background:#78d6e4;box-shadow:0 0 14px #7ce6f455}
body.lg-design #lg-finance .lg-finance-range input::-moz-range-track{height:5px;border-radius:10px;background:#426879}
body.lg-design #lg-finance .lg-finance-range input::-moz-range-progress{height:5px;border-radius:10px;background:#93f2f5}
body.lg-design #lg-finance .lg-finance-range input::-moz-range-thumb{box-sizing:border-box;width:22px;height:22px;border:1px solid #ceffff;border-radius:50%;background:#78d6e4}
body.lg-design #lg-finance .lg-finance-range-labels{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.5rem 1rem;color:#b5cbd6;font-size:.75rem;line-height:1.6}
body.lg-design #lg-finance.lg-finance .lg-finance-note{grid-column:1!important;grid-row:auto!important;display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;gap:.25rem 1rem;font-size:.75rem!important;line-height:1.6!important;color:#b9d6df!important;border-top:1px solid #e1faff1f;padding:.5rem 0 0!important;margin:0!important;background:none!important;min-width:0;max-width:none!important}
body.lg-design #lg-finance .lg-finance-note p{font-size:inherit!important;line-height:inherit!important;color:inherit!important;max-width:none!important;margin:0!important}
body.lg-design #lg-finance .lg-finance-note a{color:#a9e7ed;text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}

body.lg-design #lg-finance .lg-finance-fee{display:grid;gap:.625rem;min-width:0}
body.lg-design #lg-finance .lg-finance-fee>span{font-size:.8125rem;line-height:1.7;color:#b7cbd4}
body.lg-design #lg-finance .lg-finance-fee[hidden]{display:none!important}

body.lg-design #lg-finance.lg-finance .lg-finance-intro>p{max-width:100%!important;overflow-wrap:anywhere}

/* Native focus scrolling must reserve the wrapped bottom navigation. */
@media(max-width:1023px){
 html:has(body.lg-design #lg-finance){scroll-padding-bottom:calc(var(--lg-tabbar-height,74px) + 24px)}
}

body.lg-design #lg-finance .lg-finance-contact{display:flex;width:100%;min-width:0;min-height:44px;box-sizing:border-box;margin-top:.75rem;gap:.5rem;text-align:center;justify-content:center}
body.lg-design #lg-finance .lg-finance-note details{min-width:0;max-width:100%;flex:0 1 auto}
body.lg-design #lg-finance .lg-finance-note summary{min-height:44px;display:flex;align-items:center;cursor:pointer;color:#b8eff5;text-decoration:underline;text-underline-offset:4px}
body.lg-design #lg-finance .lg-finance-note details[open]{flex-basis:100%}
body.lg-design #lg-finance .lg-finance-note details[open] p{margin-bottom:.5rem!important}
body.lg-design #lg-finance .lg-finance-note summary:focus-visible{outline:2px solid #a5f4ff;outline-offset:3px;border-radius:4px}
@media(max-width:600px){
 body.lg-design #lg-finance.lg-finance .lg-finance-intro{grid-template-columns:minmax(0,1fr)}
 body.lg-design #lg-finance.lg-finance .lg-finance-controls{gap:1rem}
}
