.layout-checkout{--site-max-width: 1440px;--content-max-width: 1440px;--pad-lr: min(6.4em, 5cqw);background:light-dark(var(--clr-metal-50),var(--clr-metal-900));color-scheme:light}.layout-checkout>header{width:100%;display:grid;grid:auto / 1fr;justify-items:center}.layout-checkout>header>nav{width:100%;max-width:var(--site-max-width);display:grid;grid:auto / 1fr auto;gap:1.6em;justify-items:space-between;align-items:center;padding:2.4em var(--pad-lr)}.layout-checkout>header>nav>a:focus{outline:none}.layout-checkout>article{width:100%;min-height:90vh;min-height:90dvh;display:flex;flex:1 1 auto;justify-content:center}.layout-checkout>article>.columns{width:var(--content-max-width);max-width:var(--content-max-width);padding:0 var(--pad-lr);display:grid;grid:auto / 1fr 1fr;justify-content:center;gap:4em}.layout-checkout>article>.columns>div{width:100%}.layout-checkout>article>.columns>div,.layout-checkout>article>.columns>div>footer{display:flex;flex:1 1 auto;flex-flow:column nowrap;gap:3.2em}.layout-checkout>article>.columns>div>footer .button{align-self:start}.layout-checkout>article>.columns>div section>div>.button.btn-text{justify-self:start}@container (width <= 900px){.layout-checkout>article .columns{grid:auto / 1fr}}.agreement{display:grid;grid:auto / auto 1fr;gap:1.6em}.agreement span{font-size:max(1.4rem,1.6em);color:light-dark(var(--clr-metal-700),var(--clr-metal-300));line-height:1.4;padding-top:.2em}