.variant-picker__option--trim-color .trim-color-option-head{margin-bottom:.75rem}.variant-picker__option--trim-color .trim-color-option-heading{font-weight:700;color:rgb(var(--text-color));padding-bottom:.25rem;border-bottom:3px solid #2563eb;display:inline-block;margin:0}.trim-color-cards-wrap{margin-top:.5rem}.trim-color-cards{display:flex;flex-wrap:wrap;gap:.5rem;align-items:stretch}.trim-color-card{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:#fff;border:1px solid #d3d3d3;border-radius:12px;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease;min-width:0;flex:1 1 auto;max-width:280px}.trim-color-card:hover{border-color:rgb(var(--text-color) / .3)}input:checked+label.trim-color-card{border-width:3px;border-color:var(--trim-color-selected-border, #7602A4);box-shadow:0 0 0 1px var(--trim-color-selected-border, #7602A4)}.trim-color-card__radio{flex-shrink:0;width:1.25rem;height:1.25rem;border:2px solid #d3d3d3;border-radius:50%;background:#fff;transition:border-color .15s,background .15s}input:checked+label.trim-color-card .trim-color-card__radio{border-color:var(--trim-color-selected-border, #7602A4);background:var(--trim-color-selected-border, #7602A4);background-clip:padding-box}.trim-color-card__media{flex-shrink:0;width:60px;height:60px;border-radius:8px;overflow:hidden;background:rgb(var(--text-color) / .06)}.trim-color-card__img{width:100%;height:100%;object-fit:cover;display:block}.trim-color-card__placeholder{display:block;width:100%;height:100%;background:rgb(var(--text-color) / .08)}.trim-color-card__label-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;min-width:0}.trim-color-card__label{font-weight:700;color:rgb(var(--text-color));font-size:1rem}.trim-color-card__badge{display:inline-block;padding:.25rem .625rem;border-radius:9999px;font-size:.75rem;font-weight:600;background:#b794c4;color:#fff}input:checked+label.trim-color-card selected .trim-color-card__radio{background:transparent}input:checked+label.trim-color-card d .trim-color-card__radio:before{content:"";background:url();background-repeat:no-repeat;background-size:contain;width:12px;height:12px;display:block;background:var(--trim-color-selected-border, #7602A4);position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.variant-picker__option--trim-color .trim-color-option-heading+variant-option-value{display:none}.variant-picker__option--trim-color .trim-color-option-heading{border:0;font-weight:600}span.trim-color-card__label{font-weight:500}span.trim-color-card__radio{margin:0}span.trim-color-card__media{background:transparent}img.trim-color-card__img{object-position:initial!important;margin-top:-2px}input:checked+label.trim-color-card .trim-color-card__radio{background:transparent}input:checked+label.trim-color-card .trim-color-card__radio:before{content:"";background:url();background-repeat:no-repeat;background-size:contain;width:12px;height:12px;display:block;background:var(--trim-color-selected-border, #7602A4);position:absolute;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.trim-color-card{gap:8px;padding-top:10px}input:checked+label.trim-color-card{border-width:2px;border-color:#7602a4}span.trim-color-card__badge{background:#f9edff;color:#7602a4;font-weight:500;border-radius:4px}span.trim-color-card__badge{background:#f9edff;color:#7602a4;font-weight:400;border-radius:4px}@media screen and (max-width:768px){.trim-color-card{max-width:100%}}
/*# sourceMappingURL=/cdn/shop/t/361/assets/ns-trim-color-cards.css.map */