.samples__form{gap:var(--size-32);align-items:start;display:grid}.samples__colours{padding:var(--size-24);border-radius:var(--radius-16);background:var(--color-lime);border:0;margin:0}.samples__colours>legend{float:left}.samples__colours>legend+*{clear:both}.samples__colours.is-invalid{outline:2px solid var(--color-danger)}.samples__title{gap:var(--size-8) var(--size-16);width:100%;margin-bottom:var(--size-16);font-family:var(--font-heading);font-size:var(--text-22);flex-wrap:wrap;justify-content:space-between;align-items:baseline;padding:0;font-weight:700;display:flex}.samples__counter{color:var(--color-muted);font-family:var(--font-body);font-size:var(--text-15);font-weight:500}.samples__grid{gap:var(--size-12);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));margin:0;padding:0;list-style:none;display:grid}.sample-swatch{gap:var(--size-8);padding:var(--size-10);border-radius:var(--radius-12);background:var(--color-white);font-size:var(--text-15);cursor:pointer;border:1.5px solid #0000;font-weight:600;display:grid}.sample-swatch:has(input:checked){border-color:var(--color-green);box-shadow:inset 0 0 0 1px var(--color-green)}@media (hover:hover) and (pointer:fine){.sample-swatch:not(:has(input:checked,input:disabled)):hover{border-color:var(--color-control)}}.sample-swatch:has(input:disabled){opacity:.45;cursor:not-allowed}.sample-swatch:has(input:focus-visible){outline:2px solid var(--focus-ring);outline-offset:2px}.sample-swatch__chip{aspect-ratio:3/2;border-radius:var(--radius-8);background:var(--swatch);position:relative}.sample-swatch:has(input:checked) .sample-swatch__chip:after{content:"✓";top:var(--size-6);right:var(--size-6);width:var(--size-22);height:var(--size-22);background:var(--color-green);color:var(--color-white);font-size:var(--text-12);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute}.samples__country{margin-top:var(--size-12);color:var(--color-muted);font-size:var(--text-14)}.samples__done{max-width:640px;padding:var(--size-32);border-radius:var(--radius-16);background:var(--color-lime)}.samples__done h2{margin-bottom:var(--size-8)}@media (min-width:768px){.samples__colours{padding:var(--size-32)}}@media (min-width:1024px){.samples__form{gap:var(--size-48);grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}