.palette__header{max-width:60ch;margin-bottom:var(--space-xl)}.palette__intro{margin-top:var(--space-sm);color:var(--color-text-muted)}.palette{display:grid;gap:var(--space-xl)}@media(min-width:1024px){.palette{grid-template-columns:22rem 1fr;align-items:start}.palette__panel{position:sticky;top:calc(var(--header-height, 0px) + var(--space-lg))}}.palette__panel{padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--sx-panel, var(--color-surface-alt))}.palette__panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm);margin-bottom:var(--space-md)}.palette__title{margin:0;font-size:var(--text-md)}.palette__count{margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.palette__selection{list-style:none;margin:0 0 var(--space-lg);padding:0;display:grid;gap:var(--space-xs)}.palette__swatch{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"chip name remove" "chip hex remove" "chip family remove";align-items:center;gap:0 var(--space-sm)}.palette__swatch-chip{grid-area:chip;width:2.75rem;height:2.75rem;border-radius:var(--radius);background:var(--swatch-color, transparent);box-shadow:inset 0 0 0 1px #0000001f}.palette__swatch-name{grid-area:name;font-weight:600}.palette__swatch-hex{grid-area:hex;font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-text-muted);text-transform:uppercase}.palette__swatch-family{grid-area:family;font-size:var(--text-xs);color:var(--color-text-muted)}.palette__remove{grid-area:remove;border:0;background:none;cursor:pointer;font-size:var(--text-md);color:var(--color-text-muted);line-height:1;min-width:2.75rem;min-height:2.75rem}.palette__placeholder{color:var(--color-text-muted);font-size:var(--text-sm)}.palette__actions{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.palette__disclaimer{margin:var(--space-md) 0 0;font-size:var(--text-xs);color:var(--color-text-muted)}.palette__field{display:grid;gap:var(--space-2xs);margin-bottom:var(--space-md)}.palette__field label{font-size:var(--text-sm);font-weight:600}.palette__field input{max-width:20rem;min-block-size:2.75rem;padding:var(--space-xs) var(--space-sm);border:1px solid var(--sx-control-border, var(--color-border));border-radius:var(--radius);background:var(--sx-panel, var(--color-surface));color:var(--color-text);font:inherit}.palette__search-note{margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.palette__search-note:not(:empty){margin-block-end:var(--space-2xs)}.palette__search-reset{padding:0;border:0;background:none;color:inherit;font-family:inherit;cursor:pointer}.palette__search-reset:not([hidden]){margin-block-end:var(--space-md)}.palette__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:var(--space-sm)}.palette__add{display:grid;gap:var(--space-2xs);width:100%;padding:0;border:0;background:none;cursor:pointer;text-align:center;color:inherit;font:inherit}.palette__add .swatch-tile__chip{aspect-ratio:1;width:100%;border-radius:var(--radius)}.palette__add-name{font-size:var(--text-sm)}.palette__add.is-in-palette .swatch-tile__chip{box-shadow:inset 0 0 0 1px #0000001f,inset 0 0 0 3px var(--color-surface),inset 0 0 0 6px var(--color-primary)}@media print{.no-print,.palette__browse,.header,.footer,.announcement-bar,.cart-drawer,.breadcrumbs,.skip-link{display:none!important}.palette{display:block}.palette__panel{position:static;border:0;padding:0;background:none}.palette__swatch-chip,.palette__selection{-webkit-print-color-adjust:exact;print-color-adjust:exact}.palette__selection{display:grid;grid-template-columns:repeat(2,1fr);gap:1cm}.palette__swatch-chip{width:5cm;height:5cm}.palette__swatch{grid-template-columns:1fr;grid-template-areas:"chip" "name" "hex" "family";break-inside:avoid}.palette__remove{display:none}}.palette__grid-item{content-visibility:auto;contain-intrinsic-size:auto 116px}
/*# sourceMappingURL=/cdn/shop/t/2/assets/palette-builder.css.map */