/* Theme only the purchase/installment information and the three existing steps. */
html:root[data-theme] body #how{scroll-margin-top:100px}
html:root[data-theme] body #how>.pay-note{background:linear-gradient(120deg,#39203def,#20122cf5)!important;border:1px solid #ce985f99!important;border-left:3px solid #ffb85f!important;border-radius:16px!important;padding:16px 20px!important;color:#ffe4b6!important;-webkit-text-fill-color:#ffe4b6!important;line-height:1.75!important;opacity:1!important;box-shadow:inset 0 1px #ffe6ba26,0 8px 24px #07020f66!important}
html:root[data-theme] body #how .split-heading h2{color:#fff3df!important;-webkit-text-fill-color:#fff3df!important;text-shadow:0 3px 20px #09021188}
html:root[data-theme] body #how .split-heading>.eyebrow,html:root[data-theme] body #how .split-heading .eyebrow{background:#331d3c!important;border-color:#bd815c88!important;color:#ffd39b!important;-webkit-text-fill-color:#ffd39b!important}
html:root[data-theme] body #how .split-heading>p{color:#dbcce3!important;-webkit-text-fill-color:#dbcce3!important}
html:root[data-theme] body #how .steps>li{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 95% 0,#8c4d3d22,transparent 62%),linear-gradient(145deg,#35203ff5,#1c102cf7)!important;border:1px solid #c48a5a99!important;border-radius:20px!important;box-shadow:inset 0 1px 0 #ffe2b52b,inset 0 -2px 0 #0b041899,0 15px 32px #06020d66!important;transition:border-color .25s ease,box-shadow .25s ease!important}
html:root[data-theme] body #how .steps>li:before{content:"";position:absolute;top:0;left:24px;right:24px;height:2px;background:linear-gradient(90deg,transparent,#ffb56688,#d7a1d655,transparent);pointer-events:none}
html:root[data-theme] body #how .steps>li:after{content:"";position:absolute;right:-10px;top:-10px;width:95px;height:95px;z-index:-1;pointer-events:none;opacity:.14;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='%23efbb78' stroke-width='1'%3E%3Cpath d='M100 0 0 100M100 0 18 0M100 0 100 100M100 0 45 100M100 0 0 48M100 18Q80 20 80 0M100 38Q61 42 61 0M100 63Q37 71 37 0M100 90Q11 99 11 0M80 20Q75 34 68 42M61 42Q55 52 48 58M37 71Q32 81 24 87'/%3E%3C/svg%3E") center/contain no-repeat}
html:root[data-theme] body #how .steps>li>span{background:linear-gradient(140deg,#845041,#49233f 65%,#301639)!important;border:1px solid #efb978bb!important;color:#ffdfaa!important;-webkit-text-fill-color:#ffdfaa!important;border-radius:50%!important;box-shadow:inset 1px 2px 3px #ffe6ba3b,inset -2px -3px 5px #160a2577,0 6px 15px #08021080,0 0 20px #f7a94a12!important}
html:root[data-theme] body #how .steps>li h3{color:#fff3df!important;-webkit-text-fill-color:#fff3df!important;text-shadow:0 2px 12px #0b031b55}
html:root[data-theme] body #how .steps>li p{color:#dbcce3!important;-webkit-text-fill-color:#dbcce3!important}
@media(hover:hover){html:root[data-theme] body #how .steps>li:hover{border-color:#ffd08a!important;box-shadow:inset 0 1px #ffe8c455,0 15px 36px #05010e88,0 0 25px #f5a23f22!important}}
@media(prefers-reduced-motion:reduce){html:root[data-theme] body #how .steps>li{transition:none!important}}