.container{max-width:1200px;margin:0 auto;padding:20px}.fabric-swatches-wrapper{display:flex;flex-direction:column}.fabric-group{margin-bottom:25px}.fabric-title{font-size:1.5rem;font-weight:700;color:#021566;margin-bottom:10px;cursor:pointer;background-color:#f4f4f4;padding:20px;border-radius:4px;transition:background-color .3s ease;position:relative}.fabric-title:hover{background-color:#ddd}.fabric-description{font-size:1rem;color:#666;margin-bottom:20px}.fabric-swatches-grid{display:flex;flex-wrap:wrap;gap:20px}.swatch-item{width:120px;text-align:center;border:1px solid #ddd;border-radius:8px;padding:10px;cursor:pointer;transition:transform .3s ease,border .3s ease;position:relative}.swatch-item *{cursor:pointer}.swatch-item:hover{transform:translateY(-5px);border-color:#f43cc6}.swatch-item.selected{border-color:#f43cc6;background-color:#ffe6f7}.swatch-item.disabled{opacity:.5;pointer-events:none}.swatch-item input[type=checkbox]{display:none}.swatch-item img{max-width:100%;border-radius:8px;margin-bottom:10px}.swatch-name{font-size:14px;line-height:1.4;text-transform:capitalize;color:#021566;margin-top:5px}.checkmark-icon{position:absolute;top:10px;left:10px;font-size:14px;color:#fff;background:#021566;aspect-ratio:1;width:26px;height:26px;padding:2px;border-radius:6px;display:none}.swatch-item input[type=checkbox]:checked+img+.swatch-name+.checkmark-icon{display:block}.collapse{display:none}.collapse.show{display:flex}.fabric-form-layout{display:flex;justify-content:space-between;margin-top:40px}.form-column{flex:1;padding-right:20px}.preview-column{flex:1;padding-left:20px;border-left:2px solid #ddd}h3{font-size:1.3rem;margin-bottom:20px;color:#021566}.form-group{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.form-group input,.form-group textarea{padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:5px}button{padding:12px;font-size:1rem;background-color:#f43cc6;color:#fff;border:none;border-radius:5px;cursor:pointer;width:100%;transition:background-color .3s ease}button:disabled{background-color:#ccc;cursor:not-allowed}button:hover:enabled{background-color:#d52b9f}.preview-list{display:flex;flex-wrap:wrap;gap:20px}.preview-swatch{display:flex;align-items:center;gap:10px;margin-bottom:15px;width:30%}.preview-swatch img{width:50px;height:50px;object-fit:cover;border-radius:5px}.remove-swatch{background-color:transparent;border:none;color:red;cursor:pointer;font-size:1.2rem}.remove-swatch:hover{color:#8b0000}.preview-swatch span{font-size:1rem;color:#021566}.popup{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.popup-content{background-color:#fff;padding:20px;border-radius:5px;text-align:center;max-width:400px;width:100%}.hidden{display:none}#close-popup{padding:10px 20px;background-color:#f43cc6;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}#close-popup:hover{background-color:#d52b9f}button.remove-swatch{position:absolute;max-width:max-content}.toggle-icon{position:absolute;right:20px}.fa-minus:before,.fa-plus:before{font-size:18px}
/*# sourceMappingURL=/cdn/shop/t/20/assets/free-swatches.css.map */