button#modal-save{background-color:#000;border-radius:.5rem;padding:.5rem 1rem;color:#fff}.fabric-option,.color-option{transition:background-color .2s;border-radius:.5rem}.fabric-option.button--secondary:hover,.fabric-option.selected,.color-option.button--secondary:hover,.color-option.selected{background-color:#f3f4f6}.fabric-color-picker{margin:1rem 0}.fabric-color-picker__button{width:100%;padding:.75rem 1rem;border:1px solid #000000;background-color:#fff;cursor:pointer;display:flex;justify-content:space-between;align-items:center;text-align:left}.fabric-color-picker__button:hover{border-color:#9ca3af}.fabric-color-picker__button--error{border:3px solid #dc2626!important}.fabric-color-picker__button--error:after{box-shadow:none!important}.button-selection{color:#6b7280;font-size:.875rem;margin-left:.5rem}.button-arrow{margin-left:auto;transition:transform .2s}.fabric-color-picker__error-message{color:#dc2626;font-size:1.25rem;margin-top:.5rem;padding:.25rem 0}.fabric-color-modal{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;z-index:9999!important;width:100vw!important;height:100vh!important;pointer-events:auto!important;background-color:#00000028}.modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background-color:#00000080!important;z-index:9999!important}.modal-content{position:fixed!important;top:50%!important;left:50%!important;transform:translate(-50%,-50%) scale(1)!important;transform-origin:center center!important;background:#fff!important;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a;max-width:1200px;max-height:80vh;width:90vw;min-width:500px;overflow:hidden;display:flex;flex-direction:column;z-index:10000!important;font-size:16px!important;line-height:1.5!important;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif!important}.modal-header{padding:1.5rem 1.5rem 1rem;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center}.modal-header h3{font-size:20px!important;font-weight:600!important;margin:0!important;line-height:1.2!important}.modal-close{background:none!important;border:none!important;font-size:24px!important;cursor:pointer!important;color:#6b7280!important;padding:0!important;width:32px!important;height:32px!important;display:flex!important;align-items:center!important;justify-content:center!important}.modal-close:hover{color:#374151!important}.modal-body{padding:24px!important;overflow-y:auto!important;flex:1!important}.selection-section{margin-bottom:32px!important}.selection-section:last-of-type{margin-bottom:24px!important}.selection-section h4{font-size:16px!important;font-weight:600!important;margin-bottom:12px!important;color:#374151!important;line-height:1.2!important}.fabric-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.fabric-option{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;padding:.75rem!important;min-height:auto!important;min-width:initial!important}.fabric-option img{width:90px;height:90px;object-fit:cover;border:1px solid #000000;border-radius:.25rem;margin-bottom:.5rem}.fabric-option .option-name{padding-top:.4rem font-size: 14px!important;line-height:1.2!important;margin:0!important}.color-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.color-option{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;padding:8px!important;min-height:auto!important;min-width:initial!important}.color-option img{width:90px!important;height:90px!important;object-fit:cover;border:1px solid #000000;border-radius:.25rem;margin-bottom:.5rem}.color-swatch{width:90px!important;height:90px!important;border-radius:4px;border:1px solid #e5e7eb;margin-bottom:4px;display:block!important}.color-swatch--text{display:flex;align-items:center;justify-content:center;font-size:12px!important;color:#374151!important;background-color:#f3f4f6;line-height:1!important}.color-option .option-name{padding-top:.4rem;font-size:14px!important;line-height:1.2!important;margin:0!important}.modal-footer{padding:1rem 1.5rem 1.5rem;border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end}@media (max-width: 640px){.modal-content{width:95vw;max-height:90vh}.fabric-options{grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.color-options{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}}
/*# sourceMappingURL=/cdn/shop/t/10/compiled_assets/styles.css.map */