.colour-preference{--backup-accent:var(--signal,#252936);--backup-tint:var(--signal-soft,#f3f3f5);margin:20px 0;min-width:0;padding:22px;border:0;border-radius:12px;background:var(--backup-tint);color:#25252a;font-size:14px;line-height:1.5}.colour-preference-legend{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.colour-preference-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:18px;font-weight:600;letter-spacing:-.02em}.colour-preference-size{flex-shrink:0;color:#626269;font-size:12px;font-weight:400;letter-spacing:0}.colour-preference .colour-preference-help{margin:8px 0 22px;max-width:42ch;color:#626269;font-size:13px;line-height:1.6}.colour-preference-rows{display:grid;gap:12px}.colour-preference-row{display:flex;align-items:center;gap:10px;min-width:0}.colour-preference-rank{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--backup-accent);color:white;font-size:12px;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.colour-preference-select-wrap{position:relative;flex:1 1;min-width:0}.colour-preference-select{display:block;appearance:none;width:100%;min-height:48px;padding:11px 34px 11px 12px;border:1px solid #d5d5da;border-radius:6px;background:white;color:#25252a;font:inherit;font-size:16px;cursor:pointer;text-overflow:ellipsis}.colour-preference-chevron{position:absolute;right:12px;top:50%;transform:translateY(-50%);pointer-events:none;color:#626269}.colour-preference button{font:inherit;cursor:pointer;box-shadow:none}.colour-preference-remove{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;margin-left:-6px;border:0;border-radius:6px;background:transparent;color:#626269}.colour-preference .colour-preference-add{justify-self:start;display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-left:38px;padding:4px 0;border:0;background:transparent;color:var(--backup-accent);font-weight:600}.colour-preference-footer{margin-top:18px;padding-top:12px;border-top:1px solid #d9d4d8}.colour-preference .colour-preference-contact{display:flex;align-items:center;gap:9px;min-height:44px;padding:6px 0;border:0;background:transparent;color:#626269;text-align:left;font-size:13px}.colour-preference-contact[aria-pressed=true]{color:var(--backup-accent)}.colour-preference-contact-mark{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;border:1px solid #949499;border-radius:50%;font-size:11px}.colour-preference-contact[aria-pressed=true] .colour-preference-contact-mark{border-color:var(--backup-accent);background:var(--backup-accent);color:white}.colour-preference-change{min-height:44px;padding:6px 0 6px 27px;border:0;background:transparent;color:var(--backup-accent);text-decoration:underline;text-underline-offset:4px}.colour-preference .colour-preference-empty{margin:0;color:#626269}.colour-preference button:focus-visible,.colour-preference-select:focus-visible{outline:2px solid var(--backup-accent);outline-offset:3px;box-shadow:none}@media (hover:hover){.colour-preference-select:hover{border-color:var(--backup-accent)}.colour-preference-remove:hover{background:white;color:var(--backup-accent)}.colour-preference-add:hover,.colour-preference-contact:hover{color:var(--backup-accent);text-decoration:underline;text-underline-offset:4px}}@media (max-width:420px){.colour-preference{padding:20px 16px}}