.row.svelte-1f0lv30{gap:calc(8 * var(--bq-px));flex-direction:column;display:flex}.row-title.svelte-1f0lv30{font-family:var(--bq-font-display);font-size:max(var(--bq-text-floor), 13 * var(--bq-px));letter-spacing:.1em;color:var(--bq-muted);font-weight:400;line-height:1.1}.options.svelte-1f0lv30{grid-template-columns:repeat(var(--columns), minmax(0, 1fr));gap:calc(8 * var(--bq-px));display:grid}.tile.svelte-1f0lv30{height:calc(60 * var(--bq-px));background:var(--bq-sticker);border:var(--bq-outline-m) solid var(--bq-line);border-radius:var(--bq-radius-field);box-shadow:0 calc(3 * var(--bq-px)) 0 var(--bq-line);cursor:var(--bq-cursor-pointer);transition:transform var(--bq-dur-press) ease-out;justify-content:center;align-items:flex-end;padding:0;display:flex;overflow:hidden}.tile.selected.svelte-1f0lv30{background:var(--bq-sticker-you);border-width:var(--bq-outline-l);box-shadow:0 0 0 calc(3 * var(--bq-px)) var(--bq-sun), 0 calc(3 * var(--bq-px)) 0 calc(4 * var(--bq-px)) var(--bq-sticker-ink)}.tile.svelte-1f0lv30:active{transform:translateY(calc(2 * var(--bq-px)))}@media (width>=80em) and (height>=39.375em){.options.svelte-1f0lv30{grid-template-columns:repeat(var(--desktop-columns), minmax(0, 1fr))}.tile.svelte-1f0lv30{height:calc(64 * var(--bq-px))}}.picker.svelte-19cetml,.body-and-colour.svelte-19cetml,.colour.svelte-19cetml{flex-direction:column;display:flex}.picker.svelte-19cetml,.body-and-colour.svelte-19cetml{gap:calc(14 * var(--bq-px))}.colour.svelte-19cetml{gap:calc(8 * var(--bq-px))}.colour-head.svelte-19cetml{justify-content:space-between;align-items:center;display:flex}.row-title.svelte-19cetml{font-family:var(--bq-font-display);font-size:max(var(--bq-text-floor), 13 * var(--bq-px));letter-spacing:.1em;color:var(--bq-muted);font-weight:400;line-height:1.1}.hint.svelte-19cetml{font-size:max(var(--bq-text-floor), 12 * var(--bq-px));color:var(--bq-muted);font-weight:600}.desktop-only.svelte-19cetml{display:none}.swatch.svelte-19cetml{width:calc(22 * var(--bq-px));height:calc(14 * var(--bq-px));border:var(--bq-outline-s) solid var(--bq-line);border-radius:var(--bq-radius-pill)}.slider.svelte-19cetml{height:calc(44 * var(--bq-px));position:relative}.track.svelte-19cetml{left:0;right:0;top:calc(8 * var(--bq-px));height:calc(28 * var(--bq-px));border:var(--bq-outline-l) solid var(--bq-line);border-radius:var(--bq-radius-pill);background:var(--hue-track);position:absolute}.thumb.svelte-19cetml{top:calc(2 * var(--bq-px));width:calc(40 * var(--bq-px));height:calc(40 * var(--bq-px));border:var(--bq-outline-l) solid var(--bq-sticker-ink);box-shadow:0 0 0 calc(3 * var(--bq-px)) var(--bq-sticker), 0 calc(3 * var(--bq-px)) 0 calc(4 * var(--bq-px)) var(--bq-sticker-ink);pointer-events:none;border-radius:50%;position:absolute}.slider.svelte-19cetml:has(input:where(.svelte-19cetml):focus-visible) .thumb:where(.svelte-19cetml){outline:calc(3 * var(--bq-px)) solid var(--bq-sun);outline-offset:calc(5 * var(--bq-px))}input.svelte-19cetml{width:100%;height:calc(44 * var(--bq-px));opacity:0;cursor:var(--bq-cursor-pointer);margin:0;position:absolute;inset:0}@media (width>=80em) and (height>=39.375em){.desktop-only.svelte-19cetml{display:inline}.phone-only.svelte-19cetml{display:none}.body-and-colour.svelte-19cetml{align-items:start;gap:calc(18 * var(--bq-px));grid-template-columns:auto minmax(0,1fr);display:grid}.body-and-colour.svelte-19cetml .options{grid-template-columns:repeat(4, calc(72 * var(--bq-px)))}}