.swatch-library__intro{max-width:720px;margin:0 auto 40px;text-align:center}.swatch-library__heading{margin:0 0 12px}.swatch-library__group+.swatch-library__group{margin-top:48px}.swatch-library__group-heading{margin:0 0 8px}.swatch-library__group-text{margin:0 0 16px;color:rgba(var(--color-foreground),.75)}.swatch-library__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0 0;padding:0;list-style:none}@media screen and (min-width:750px){.swatch-library__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (min-width:990px){.swatch-library__grid{grid-template-columns:repeat(6,minmax(0,1fr))}}.swatch-library__swatch{display:flex;flex-direction:column;gap:8px;width:100%;padding:0;border:0;background:none;color:rgb(var(--color-foreground));font:inherit;text-align:left;cursor:pointer}.swatch-library__swatch[disabled]{opacity:.4;cursor:not-allowed}.swatch-library__swatch-image{position:relative;display:block;aspect-ratio:1;border:2px solid transparent;border-radius:12px;overflow:hidden;transition:border-color .2s}.swatch-library__swatch-image img,.swatch-library__swatch-image svg{display:block;width:100%;height:100%;object-fit:cover}.swatch-library__swatch:hover .swatch-library__swatch-image{border-color:rgba(var(--color-foreground),.3)}.swatch-library__swatch[aria-pressed=true] .swatch-library__swatch-image{border-color:#e8898f}.swatch-library__check{position:absolute;top:8px;right:8px;display:none;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:#e8898f;color:#fff}.swatch-library__check svg{width:12px;height:12px}.swatch-library__swatch[aria-pressed=true] .swatch-library__check{display:flex}.swatch-library__swatch-title{font-size:14px;font-weight:600}.swatch-library__swatch-status{font-size:12px;color:rgba(var(--color-foreground),.7)}.swatch-library__notice{max-width:720px;margin:0 auto 32px;padding:12px 16px;border-radius:12px;background:rgba(var(--color-foreground),.05);text-align:center}.swatch-library__panel{position:fixed;right:0;bottom:0;left:0;z-index:50;padding:16px 0;border-top:1px solid rgba(var(--color-foreground),.1);background:rgb(var(--color-background));box-shadow:0 -4px 16px #00000014}.swatch-library__panel[hidden]{display:none}.swatch-library__panel-inner{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}.swatch-library__panel-summary{display:flex;align-items:center;gap:12px}.swatch-library__panel-count{margin:0;font-weight:600}.swatch-library__panel-clear{padding:0;border:0;background:none;font:inherit;font-size:13px;text-decoration:underline;cursor:pointer}.swatch-library__panel-list{display:flex;flex:1;gap:8px;min-width:0;margin:0;padding:0 0 4px;overflow-x:auto;list-style:none}.swatch-library__panel-item{display:flex;flex-shrink:0;align-items:center;gap:8px;padding:4px 8px 4px 4px;border:1px solid rgba(var(--color-foreground),.15);border-radius:999px;font-size:13px;white-space:nowrap}.swatch-library__panel-item img{width:32px;height:32px;border-radius:50%;object-fit:cover}.swatch-library__panel-remove{padding:0 4px;border:0;background:none;font-size:18px;line-height:1;cursor:pointer}.swatch-library__panel-actions{display:flex;align-items:center;gap:12px;margin-left:auto}.swatch-library__panel-error{margin:0;color:rgb(var(--color-foreground));font-size:13px}@media screen and (max-width:749px){.swatch-library__panel-inner{gap:10px}.swatch-library__panel-list{flex-basis:100%;order:2}.swatch-library__panel-actions{flex-basis:100%;order:3;margin-left:0}.swatch-library__panel-submit{width:100%}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/section-swatch-library.css.map */