.sample-builder{max-width:var(--sample-builder-width, 70rem);margin-inline:auto}.sample-builder__intro{margin-block-end:var(--spacing-8)}.sample-builder__widget{display:block}.sample-builder fieldset{border:0;padding:0;margin:0 0 var(--spacing-10)}.sample-builder legend{margin-block-end:var(--spacing-4);padding:0}.sample-builder .form-control{margin:0}.sample-builder__picker{display:grid;gap:var(--spacing-4)}.sample-builder__confirm{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--spacing-3) var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);border:1px solid rgb(var(--text-primary) / .18);border-inline-start:3px solid rgb(var(--text-primary) / .55);border-radius:var(--rounded-sm, 8px);background:rgb(var(--text-primary) / .04);animation:sample-builder-reveal .22s ease}.sample-builder__confirm .button{flex:none;margin:0;align-self:center}.sample-builder__confirm-info{display:flex;align-items:center;gap:var(--spacing-3);min-width:0}.sample-builder__hint{margin:0;font-size:.95em;color:rgb(var(--text-primary) / .7)}.sample-builder__actions .button[disabled]{opacity:.5;cursor:not-allowed}.sample-builder__resolved{display:flex;align-items:center;gap:var(--spacing-2) var(--spacing-3);margin:0;min-width:0}.sample-builder__resolved-label{font-weight:600;letter-spacing:.02em}.sample-builder__resolved.is-warning .sample-builder__resolved-label{font-weight:500;color:rgb(var(--text-primary) / .7)}@keyframes sample-builder-reveal{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.sample-builder__full{margin:0 0 var(--spacing-10);padding:var(--spacing-4);border:1px dashed rgb(var(--text-primary) / .25);border-radius:var(--rounded-sm, 8px);color:rgb(var(--text-primary) / .75)}.sample-builder__selected{margin-block:var(--spacing-6) var(--spacing-10)}.sample-builder__counter{margin-block-end:var(--spacing-3)}.sample-builder__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--spacing-2)}.sample-builder__item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4);padding:var(--spacing-3) var(--spacing-4);border:1px solid rgb(var(--text-primary) / .12);border-radius:var(--rounded-sm, 8px)}.sample-builder__item.is-new{animation:sample-builder-added 1.5s ease}@keyframes sample-builder-added{0%{background:#2e7d322e;border-color:#2e7d3280}to{background:transparent}}.sample-builder__item-text{flex:1 1 auto;min-width:0;line-height:1.5}.sample-builder__item-text .sample-builder__sku{margin-inline-start:var(--spacing-2)}.sample-builder__thumb,.sample-builder__item-thumb{flex:none;border-radius:var(--rounded-xs, 4px);object-fit:cover;background:rgb(var(--text-primary) / .06)}.sample-builder__thumb{width:48px;height:48px}.sample-builder__item-thumb{width:40px;height:40px}.sample-builder__sku{font-family:monospace;font-size:.85em;padding:.1em .5em;border-radius:var(--rounded-xs, 4px);background:rgb(var(--text-primary) / .07)}.sample-builder__remove{flex:none;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;border:0;border-radius:var(--rounded-full, 999px);background:rgb(var(--text-primary) / .07);color:rgb(var(--text-primary));font-size:.85rem;line-height:1;cursor:pointer;transition:background .15s ease}.sample-builder__remove:hover{background:rgb(var(--text-primary) / .15)}.sample-builder__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-4)}@media screen and (max-width:740px){.sample-builder__grid{grid-template-columns:minmax(0,1fr)}}.sample-builder__optin{margin-block:var(--spacing-6);display:grid;gap:var(--spacing-3)}.sample-builder__actions{margin-block-start:var(--spacing-4)}.sample-builder__actions .button.is-loading{opacity:.7;pointer-events:none}.sample-builder__status{margin-block-start:var(--spacing-5);padding:var(--spacing-4);border-radius:var(--rounded-sm, 8px);border:1px solid transparent}.sample-builder__status.is-success{background:#2e7d321a;border-color:#2e7d3266}.sample-builder__status.is-error{background:#c6282814;border-color:#c6282866}
/*# sourceMappingURL=/cdn/shop/t/30/assets/sample-builder.css.map */