Fixed safari swatch inputs in facets

[tyleralsbury]

PR Summary:

Safari doesn't like just using top: 0; bottom: 0; ... to full size absolute positioned elements in a container, causing the swatches to have a much narrower click range than intended.

Why are these changes introduced?

Report from Merchant Support.

What approach did you take?

Added width and height to the checkbox.

Visual impact on existing themes

It won't.

Testing steps/scenarios

• Open up Safari
• Go to a collection page with colour swatches
• See that you can now click the entire width of their line item, previously only the swatch itself could be clicked

Demo links

• Editor

Checklist

• Added PR summary for release notes
• Requested review from UX (Only for changes that are affecting the experience or perceivable visual details)
• Created a ticket for the help.shopify.com documentation team about updates to theme settings. (Internal-only task)
• Followed theme code principles
• Linted with Theme Check
• Tested on mobile
• Tested on multiple browsers
• Tested for accessibility