.product-photo-modal{--product-photo-modal-text: #283047;--product-photo-modal-input-bg: #F6F6F6;--product-photo-modal-input-border: #EBEAE8;--product-photo-modal-upload-bg: #D8EBFA;--product-photo-modal-upload-border: #649BC0;--product-photo-modal-upload-hover-bg: #C8E7FF;--product-photo-modal-upload-hover-border: #4A97CB;--product-photo-modal-recommendation-bg: #FEF9F5;--product-photo-modal-recommendation-border: #FFB7A8;--product-photo-modal-submit-bg: #E87C65;--product-photo-modal-submit-error-bg: #FFB7A8;--product-photo-modal-selected-bg: #FBF0EC;--product-photo-modal-selected-border: #E87C65;--product-photo-modal-error: #FF3B5C;position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:none;align-items:center;justify-content:center;padding:12px;color:var(--product-photo-modal-text);font-family:Kanit,var(--font-body-family, sans-serif);box-sizing:border-box}.product-photo-modal.is-open{display:flex}.product-photo-modal[hidden]{display:none}.product-photo-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#28304775}.product-photo-modal__dialog{position:relative;z-index:1;width:calc(100vw - 24px);max-width:610px;max-height:calc(100dvh - 24px);overflow-y:auto;overscroll-behavior:contain;background:#fff;border-radius:16px;box-shadow:6px 4px 7.8px #5b5b5b40;padding:24px;box-sizing:border-box;transform:translateY(0)}.product-photo-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:0 0 32px}.product-photo-modal__title{margin:0;color:var(--product-photo-modal-text);font-size:28px;line-height:1.15;font-weight:500;letter-spacing:0}.product-photo-modal__close{flex:0 0 auto;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:transparent;color:#878787;cursor:pointer}.product-photo-modal__close-icon{width:18px;height:18px;display:block}.product-photo-modal__form{display:flex;flex-direction:column;gap:32px}.product-photo-modal__field{display:flex;flex-direction:column;gap:8px}.product-photo-modal__label{color:var(--product-photo-modal-text);font-size:16px;line-height:1.35;font-weight:400;letter-spacing:0}.product-photo-modal__input{width:100%;height:48px;border:1px solid var(--product-photo-modal-input-border);border-radius:12px;background:var(--product-photo-modal-input-bg);color:var(--product-photo-modal-text);padding:0 16px;box-sizing:border-box;font:inherit;font-size:16px;line-height:1.3;letter-spacing:0}.product-photo-modal__input::placeholder{color:#2830478c}.product-photo-modal__input--select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='14' height='8' viewBox='0 0 14 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L7 7L13 1' stroke='%23283047' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:42px}.product-photo-modal__gender{display:flex;align-items:center;justify-content:flex-start;flex-wrap:nowrap;gap:12px}.product-photo-modal__gender-option{flex:0 0 auto;min-width:200px;min-height:48px;border:1px solid var(--product-photo-modal-input-border);border-radius:12px;background:var(--product-photo-modal-input-bg);color:var(--product-photo-modal-text);padding:0 16px;display:inline-flex;align-items:center;justify-content:center;text-align:center;font:inherit;font-size:16px;line-height:1.3;letter-spacing:0;cursor:pointer}.product-photo-modal__gender-option.is-selected{border-color:var(--product-photo-modal-selected-border);background:var(--product-photo-modal-selected-bg)}.product-photo-modal__field.has-error .product-photo-modal__input,.product-photo-modal__field.has-error .product-photo-modal__gender-option,.product-photo-modal__field.has-error .product-photo-modal__upload{border-color:var(--product-photo-modal-error)}.product-photo-modal__field.has-error .product-photo-modal__preview.is-empty{outline:1.5px solid var(--product-photo-modal-error)}.product-photo-modal__upload-row{display:flex;align-items:stretch;gap:12px;width:100%}.product-photo-modal__upload-row.has-photo .product-photo-modal__upload{flex-basis:381px}.product-photo-modal__preview{position:relative;flex:0 0 153px;width:153px;min-height:153px;border-radius:16px;overflow:hidden;background:#ebeae8;box-sizing:border-box}.product-photo-modal__preview[hidden]{display:none}.product-photo-modal__preview.is-empty:before,.product-photo-modal__preview.is-loading:before{content:"";position:absolute;left:50%;top:50%;width:18px;height:18px;border:2px solid #8E8E8F;border-top-color:transparent;border-radius:50%;opacity:.7;transform:translate(-50%,-50%)}.product-photo-modal__preview.is-loading .product-photo-modal__preview-image{opacity:0}.product-photo-modal__preview.is-file{display:flex;align-items:center;justify-content:center;padding:16px}.product-photo-modal__preview-image{width:100%;height:100%;display:block;object-fit:cover}.product-photo-modal__preview-image[hidden],.product-photo-modal__preview-remove[hidden]{display:none}.product-photo-modal__preview-status{max-width:100%;color:var(--product-photo-modal-text);font-size:13px;line-height:1.25;text-align:center;overflow-wrap:anywhere}.product-photo-modal__preview-remove{position:absolute;top:8px;right:8px;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:#283047c7;color:#fff;cursor:pointer}.product-photo-modal__preview-remove svg{width:18px;height:18px;display:block}.product-photo-modal__upload{min-height:153px;flex:1 1 100%;width:100%;min-width:0;border:1.5px dashed var(--product-photo-modal-upload-border);border-radius:16px;background:var(--product-photo-modal-upload-bg);color:var(--product-photo-modal-text);padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;box-sizing:border-box;text-align:center;font:inherit;cursor:pointer;transition:background-color .18s ease,border-color .18s ease}.product-photo-modal__upload-icon{position:relative;width:92px;height:60px;display:block;margin:0 0 4px}.product-photo-modal__upload-icon-cloud{width:92px;height:60px;display:block}.product-photo-modal__upload-icon-glyph{position:absolute;left:50%;top:50%;width:24px;height:24px;transform:translate(-50%,-40%)}.product-photo-modal__upload-title{color:var(--product-photo-modal-text);font-size:20px;line-height:1.25;font-weight:500;letter-spacing:0}.product-photo-modal__upload-help,.product-photo-modal__file-name{color:#283047b8;font-size:16px;line-height:1.35;font-weight:400;letter-spacing:0}.product-photo-modal__file-name{max-width:100%;color:var(--product-photo-modal-text);overflow-wrap:anywhere}.product-photo-modal__file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}.product-photo-modal__message{display:flex;align-items:flex-start;gap:6px;margin:-16px 0 0;color:var(--product-photo-modal-error);font-size:14px;line-height:1.2;font-weight:300;letter-spacing:0}.product-photo-modal__message[hidden]{display:none}.product-photo-modal__message-icon{flex:0 0 auto;width:16px;height:16px;display:block}.product-photo-modal__recommendation{display:flex;align-items:flex-start;gap:12px;padding:16px;border:1px solid var(--product-photo-modal-recommendation-border);border-radius:16px;background:var(--product-photo-modal-recommendation-bg);color:var(--product-photo-modal-text)}.product-photo-modal__recommendation-icon{flex:0 0 auto;width:22px;height:22px;border-radius:50%;background:#e87c65;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1;font-weight:500}.product-photo-modal__recommendation-copy{margin:0;color:var(--product-photo-modal-text);font-size:14px;line-height:1.45;letter-spacing:0}.product-photo-modal__submit{width:auto;align-self:center;min-height:44px;border:0;border-radius:32px;background:var(--product-photo-modal-submit-bg);color:#fff;padding:0 26px;display:inline-flex;align-items:center;justify-content:center;text-align:center;font:inherit;font-size:16px;line-height:1.2;font-weight:500;letter-spacing:0;cursor:pointer}.product-photo-modal.has-validation-error .product-photo-modal__submit{background:var(--product-photo-modal-submit-error-bg)}.product-photo-modal.has-validation-error .product-photo-modal__message+.product-photo-modal__submit{margin-top:-16px}.product-photo-modal__close:focus-visible,.product-photo-modal__input:focus-visible,.product-photo-modal__gender-option:focus-visible,.product-photo-modal__upload:focus-visible,.product-photo-modal__preview-remove:focus-visible,.product-photo-modal__submit:focus-visible{outline:2px solid var(--product-photo-modal-upload-hover-border);outline-offset:3px}.product-photo-modal__upload:focus-visible{background:var(--product-photo-modal-upload-hover-bg);border-color:var(--product-photo-modal-upload-hover-border)}@media(hover:hover){.product-photo-modal__close:hover{color:#4d4d4d}.product-photo-modal__gender-option:hover{border-color:var(--product-photo-modal-upload-border)}.product-photo-modal__upload:hover{background:var(--product-photo-modal-upload-hover-bg);border-color:var(--product-photo-modal-upload-hover-border)}.product-photo-modal__submit:hover{background:#d86f58}.product-photo-modal.has-validation-error .product-photo-modal__submit:hover{background:var(--product-photo-modal-submit-error-bg)}}@media screen and (min-width:768px){.product-photo-modal{padding:24px}.product-photo-modal__dialog{width:calc(100vw - 48px);max-height:calc(100dvh - 48px);padding:32px}}@media screen and (min-width:1024px){.product-photo-modal__dialog{width:610px}}@media screen and (max-width:767px){.product-photo-modal__title{font-size:24px}.product-photo-modal__form{gap:18px}.product-photo-modal__gender{gap:10px}.product-photo-modal__upload-row{flex-direction:column}.product-photo-modal__upload-row.has-photo .product-photo-modal__upload{flex-basis:auto}.product-photo-modal__preview{flex-basis:144px;width:100%;min-height:144px}.product-photo-modal__upload{min-height:144px;padding:20px}}@media screen and (max-width:479px){.product-photo-modal__gender{flex-wrap:wrap}.product-photo-modal__gender-option{min-width:180px}}@media screen and (max-width:1023px){.product-photo-modal__header{margin:0 0 18px}.product-photo-modal__gender{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.product-photo-modal__gender-option{width:100%;min-width:0;padding:0 12px}.product-photo-modal__upload-row{gap:10px}.product-photo-modal__upload{min-height:124px;padding:16px;gap:6px}.product-photo-modal__upload-icon{width:74px;height:48px;margin-bottom:0}.product-photo-modal__upload-icon-cloud{width:74px;height:48px}.product-photo-modal__upload-icon-glyph{width:20px;height:20px}.product-photo-modal__upload-title{font-size:18px;line-height:1.2}.product-photo-modal__upload-help,.product-photo-modal__file-name{font-size:14px;line-height:1.25}}@media(prefers-reduced-motion:reduce){.product-photo-modal__upload{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/product-photo-upload-modal.css.map */