div.steps{display:flex;column-gap:.5rem;align-items:center;justify-content:center;overflow-x:scroll;flex:1}div.steps>button{font-weight:600;font-family:Poppins,sans-serif;padding:1rem 1.25rem;background:transparent;border:4px solid rgb(236 118 68);border-radius:9999px;transition-property:background,color}div.steps>button[data-on=true]{background:#ec7644;color:#fff}div.steps>svg{font-size:3.75rem;flex-shrink:0}div.steps>svg>text{fill:transparent;stroke:#003163;fill:#003163;stroke-width:2px;stroke-linejoin:miter;font-weight:700;transition:fill .5s}div#multiStepForm>section h2,div#multiStepForm>section a{color:#003163;font-weight:700}div#multiStepForm>section button.next-button{padding:1rem 1.25rem;text-transform:uppercase;font-family:Poppins,sans-serif;font-weight:700;border-radius:.5rem}div#multiStepForm>section button.skip-button,div#multiStepForm>section button.back-button{padding:.5rem .75rem;text-transform:uppercase;font-family:Poppins,sans-serif;font-weight:700;border-radius:.5rem}div#multiStepForm>section button.next-button:not(:disabled):hover{transform:scale(1.05);background-color:#003163;color:#fff}div#multiStepForm>section button.skip-button:hover,div#multiStepForm>section button.back-button:hover{transform:scale(1.05);background-color:#003163;color:#fff}div#multiStepForm>section button.next-button{color:#fff;background:#003163}div#multiStepForm>section button.next-button:disabled{background:#c3cfd9}div#multiStepForm>section button.skip-button,div#multiStepForm>section button.back-button{color:#003163;border:3px solid #003163}button#pay-button{display:flex;flex-direction:column;font-family:Poppins,sans-serif;font-weight:700;font-style:normal;letter-spacing:.05em;border-radius:.5rem;width:100%;min-height:3.5rem;padding:.5rem;align-items:center;justify-content:center;background:#c3cfd9}button#pay-button>span{color:#fff}button#pay-button>span+span{color:red}button#pay-button:not(:disabled){background:#003163}button#pay-button:not(:disabled):hover{transform:scale(1.05)}button#pay-button:not(:disabled)>span+span{display:none}form#check-out-form{width:100%;display:flex;flex-direction:column}form#check-out-form>hr{margin:1rem 0;border:1px solid #003163}form#check-out-form>fieldset.payments{display:flex;column-gap:.75rem;margin-top:.75rem;margin-bottom:2rem}form#check-out-form>fieldset.payments>input[type=radio]{display:none}form#check-out-form>fieldset.payments>input[type=radio]+label{display:flex;color:#fff;background:#c3cfd9;padding:.75rem;justify-content:center;border-radius:.5rem;flex:1;cursor:pointer}form#check-out-form>fieldset.payments>input[type=radio]+label>img{height:24px;filter:drop-shadow(0 0 2px white)}form#check-out-form>fieldset.payments>input[type=radio]:checked+label{box-shadow:inset #003163 0 0 0 2px}form#check-out-form>textarea#notes{overflow:clip;margin-top:.5rem;border-radius:.5rem;border:2px solid #003163}section>header.cart-header{display:flex;align-items:center;color:#fff;border-top-left-radius:1rem;border-top-right-radius:1rem;background-color:#003163;padding:.75rem}section>header.cart-header>p{flex-grow:1}section>header.cart-header>svg{height:24px;cursor:pointer;flex-grow:0}section>div#cart-items>div{display:flex;align-items:center;min-height:3rem;margin:.5rem 0}section>div#cart-items>div>svg{height:1rem;flex-grow:0;flex-shrink:0;cursor:pointer}section>div#cart-items>div>div{display:flex;flex-direction:column;flex-grow:1;margin:0 .7rem}section>div#cart-items>div p{color:#003163;font-weight:700}section>div#cart-items>div>p{text-wrap:nowrap;flex-grow:0;flex-shrink:0}@media (max-width: 860px){div.steps{padding-top:1.5rem;padding-bottom:1.5rem;justify-content:unset;flex:unset}div.steps>svg{font-size:3rem}div.steps>button{padding:.5rem .75rem}div.steps>button:first-child{margin-left:1.5rem}div.steps>button:last-child{margin-right:1.5rem}form#check-out-form>fieldset.payments{display:flex;flex-direction:column;row-gap:.75rem;margin-top:.75rem}}@media (min-width: 860px){div.steps{padding-top:1.5rem;padding-bottom:1.5rem;overflow-x:hidden}}div#multiStepForm input,div#multiStepForm textarea{transition:box-shadow .1s,border-color .2s}div#multiStepForm input:focus,div#multiStepForm textarea:focus{outline:none;box-shadow:#2563eb 0 0 3px;border-color:#2563eb!important}
