/*
 * A customizable product's page, with or without the editor: the size buttons and the
 * lines under the SKU. A dependency of arctica-3d.css. @see Assets
 */

/* The size buttons are the theme's; only the refusal is ours. */
.arctica-3d-sizes-error { margin: 8px 0 0; font: 14px/1.4 system-ui, sans-serif; color: #b32d2e; }
/* A size the chosen size group does not offer. Stated, because the theme gives its
   size buttons a display of their own, which outranks the browser's for [hidden]. */
.arctica-3d-sizes .arctica-swatch--size[hidden] { display: none !important; }
/* The size group buttons, inside the size picker directly above the sizes, far
   enough off them to read as their own choice and close enough to read as part
   of one picker. */
.arctica-3d-sizes .arctica-3d-groups { margin-bottom: 12px; }
/* On the panel's spacing above it: its label is a section heading like Base and
   Graphics, and the buttons end where the tile grid ends. */
.arctica-size-picker.arctica-3d-sizes { margin-bottom: 16px; }
.arctica-3d-sizes .arctica-picker-label { margin-bottom: 10px; }
/* The preview note and the final-sale line read as further rows of the SKU line
   above them, so the gap between them is that line's own row gap rather than its
   bottom margin. */
.arctica-product-meta + .arctica-3d-preview-note,
.arctica-product-meta + .arctica-3d-final-sale { margin-top: -8px; }
/* A sentence, where the line's other items are short labels kept whole. */
.arctica-3d-preview-note .arctica-product-meta__item { white-space: normal; }