@layer components{.page-voucher{& .page-voucher__layout{display:grid;gap:var(--space-l);align-items:start;@media(min-width:1024px){grid-template-columns: 7fr 5fr; gap: var(--space-xl);}}& .page-voucher__fieldset{margin:0;padding:0;border:0;& legend{padding:0;margin-block-end:var(--space-xs)}}& .page-voucher__options{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}& .page-voucher__grid{display:grid;gap:var(--space-s);margin-block-start:var(--space-m);@media(min-width:640px){grid-template-columns: 1fr 1fr;}}& .page-voucher__message{display:block;margin-block-start:var(--space-s)}& .page-voucher__validity{display:flex;gap:var(--space-2xs);align-items:center;margin-block-start:var(--space-m);color:var(--color-text-muted);font-size:var(--size-step--1)}& .page-voucher__form button{margin-block-start:var(--space-m)}& .page-voucher__how{margin-block-start:var(--space-l);& h2{font-size:var(--size-step-2)}}& .page-voucher__how-list{display:flex;flex-direction:column;gap:var(--space-s);margin-block-start:var(--space-m);padding:0;list-style:none;& li{display:flex;gap:var(--space-s);align-items:flex-start;color:var(--color-text-muted)}}& .page-voucher__how-number{flex-shrink:0;display:grid;place-items:center;inline-size:2rem;block-size:2rem;border-radius:var(--radius-pill);background:var(--color-accent-surface);color:var(--color-accent-deep)}}}