.suit-modal-overlay *{box-sizing:border-box}.suit-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:#0009;display:none;justify-content:center!important;align-items:center!important;z-index:9999!important;padding:15px;margin:0!important;transform:none!important}.suit-modal-content{background-color:#fff;border-radius:8px;width:100%;max-width:900px;max-height:85vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 5px 15px #0000004d;position:relative;margin:auto}.suit-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e9ecef}.suit-modal-header h2{margin:0;font-size:1.25rem}.suit-modal-close{background:transparent;border:0;font-size:1.8rem;font-weight:700;line-height:1;color:#000;opacity:.5;cursor:pointer}.suit-modal-close:hover{opacity:1}.suit-modal-body{padding:1.5rem;overflow-y:auto}.suit-style-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}@media (max-width: 768px){.suit-style-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.suit-style-grid{grid-template-columns:1fr}}.suit-style-option{border:2px solid #ddd;border-radius:6px;cursor:pointer;transition:all .2s ease-in-out;text-align:center;display:flex;flex-direction:column;overflow:hidden}.suit-style-option:hover{border-color:#888;box-shadow:0 2px 8px #0000001a}.image-container{display:flex;gap:0;width:100%;background-color:#f5f5f5}.image-container img{width:50%;height:120px;aspect-ratio:1 / 1;object-fit:contain;display:block}.suit-style-option img:only-child{width:100%}.suit-style-option .option-footer{padding:.75rem;align-items:center;gap:.5rem;justify-content:flex-start;background-color:#fff}.suit-style-option.same-as-model{justify-content:center;align-items:center;min-height:150px;background:#f9f9f9}.suit-style-option.same-as-model .option-footer{justify-content:center;padding:1rem}.suit-style-option input[type=radio]{margin:0;flex-shrink:0}.suit-style-option span{font-size:.85em;line-height:1.3;text-align:left;word-break:break-word}.suit-style-option.same-as-model span{text-align:center;font-size:.9em}.suit-style-option:has(input:checked){border-color:var(--color-button, #962038);box-shadow:0 0 0 2px var(--color-button, #962038)}.suit-style-option:has(input:checked) span{font-weight:700;color:var(--color-button, #962038)}.upload-design-section{margin-top:2rem;padding:1.5rem;border:2px dashed #ccc;border-radius:6px;text-align:center;color:#555}.upload-design-section .upload-icon{margin-bottom:.5rem}.upload-design-section .upload-icon svg{stroke:#962038}.upload-design-section p{font-size:.8em;color:#999;margin-top:.5rem}.suit-modal-footer{padding:1rem 1.5rem;border-top:1px solid #e9ecef;text-align:right}#suit-style-selector-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 15px;border:1px solid #ccc;border-radius:4px;background-color:#fff;cursor:pointer;text-align:left}#suit-style-selector-trigger:hover{border-color:#888}#selected-suit-style-name{color:#333}.suit-style-selector-trigger-caret{fill:currentColor;height:6px;display:block}.upload-label{cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center}.upload-input{display:none}#upload-file-text{font-weight:500}
/*# sourceMappingURL=/cdn/shop/t/1/assets/suit-style-modal.css.map */