.family-grandparents-crop-pilot .multi-upload-grid{max-width:820px;grid-template-columns:minmax(0,1fr);gap:12px}.family-grandparents-crop-pilot .multi-upload-slot{display:none;aspect-ratio:auto;min-width:0;overflow:visible;padding:12px;border:1px solid #dedbd4;border-radius:12px;background:#fff;cursor:default}.family-grandparents-crop-pilot .multi-upload-slot.has-photo{display:block}.family-grandparents-crop-pilot .multi-slot-placeholder{display:none!important}.family-grandparents-crop-pilot .multi-slot-preview{display:block;position:relative;inset:auto;width:100%;height:112px;margin-bottom:10px;border-radius:8px;background-position:center;background-size:contain;background-repeat:no-repeat;background-color:#f6f5f2;cursor:pointer}.family-grandparents-crop-pilot .multi-slot-preview:focus-visible{outline:3px solid #196653;outline-offset:3px}.family-grandparents-crop-pilot .multi-slot-remove{z-index:3}.family-grandparents-crop-pilot .multi-upload-count{display:none}.family-grandparents-crop-pilot [hidden],.family-crop-dialog input[hidden]{display:none!important}.family-pilot-heading{margin:0 0 14px;text-align:center}.family-pilot-title{margin:0 0 4px;color:#292723;font-size:1.18rem;font-weight:650}.family-pilot-intro{margin:0;color:#5d5850;line-height:1.45}.family-pilot-add{cursor:pointer}.family-pilot-add:focus-visible{outline:3px solid #196653;outline-offset:3px}.family-pilot-add:disabled{opacity:.55;cursor:default}.family-pilot-actions{display:flex;flex-wrap:wrap;gap:8px;margin:8px 0}.family-pilot-actions button{min-height:44px;padding:8px 12px;border:1px solid #928c82;border-radius:7px;background:#fff;color:#292723;font:inherit;cursor:pointer}.family-pilot-actions button:focus-visible{outline:3px solid #196653;outline-offset:2px}.family-pilot-actions button:disabled{opacity:.55;cursor:default}.family-pilot-caption-label,.family-pilot-caption{display:none}.family-pilot-slot.has-photo .family-pilot-caption-label{display:block;max-width:720px;margin:10px auto 5px;color:#34312d;font-size:.92rem;font-weight:600}.family-pilot-slot.has-photo .family-pilot-caption{display:block;box-sizing:border-box;width:100%;max-width:720px;min-height:44px;margin:0 auto;padding:10px 12px;border:1px solid #c9c4bb;border-radius:7px;background:#fff;font:inherit}.family-pilot-caption:disabled{background:#f5f4f1;color:#999}.family-crop-modal-backdrop{position:fixed;z-index:2147483000;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;box-sizing:border-box;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#151917ad}.family-crop-dialog{display:flex;flex-direction:column;gap:10px;box-sizing:border-box;width:min(920px,100%);max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:auto;padding:clamp(14px,3vw,24px);border-radius:14px;background:#fff;color:#292723;box-shadow:0 20px 70px #00000047}.family-crop-dialog-title{margin:0;color:#292723;font-size:clamp(1.2rem,3vw,1.55rem);line-height:1.2}.family-crop-dialog-title:focus{outline:none}.family-crop-dialog-help{margin:0;color:#5d5850;font-size:.94rem;line-height:1.45}.family-crop-dialog-image{display:flex;align-items:center;justify-content:center;min-height:80px;width:100%}.family-crop-viewport{position:relative;display:block;width:fit-content;max-width:100%;margin:0 auto;line-height:0;-webkit-user-select:none;user-select:none}.family-crop-image{display:block;width:auto;height:auto;max-width:100%;max-height:56vh;max-height:56dvh;border-radius:8px}.family-crop-shade{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;border-radius:8px}.family-crop-shade>div{position:absolute;background:#0d13116b}.family-crop-selection{position:absolute;box-sizing:border-box;border:2px solid #fff;outline:1px solid rgba(25,80,67,.9);cursor:move;touch-action:none}.family-crop-handle{position:absolute;z-index:1;box-sizing:border-box;width:44px;height:44px;margin:0;padding:0;-webkit-appearance:none;appearance:none;border:0;border-radius:50%;background:transparent;box-shadow:none;touch-action:none;cursor:grab}.family-crop-handle:focus-visible{outline:3px solid #111;outline-offset:2px}.family-crop-handle-nw{left:-22px;top:-22px;cursor:nwse-resize}.family-crop-handle-n{left:calc(50% - 22px);top:-22px;cursor:ns-resize}.family-crop-handle-ne{right:-22px;top:-22px;cursor:nesw-resize}.family-crop-handle-e{right:-22px;top:calc(50% - 22px);cursor:ew-resize}.family-crop-handle-se{right:-22px;bottom:-22px;cursor:nwse-resize}.family-crop-handle-s{left:calc(50% - 22px);bottom:-22px;cursor:ns-resize}.family-crop-handle-sw{left:-22px;bottom:-22px;cursor:nesw-resize}.family-crop-handle-w{left:-22px;top:calc(50% - 22px);cursor:ew-resize}.family-crop-dialog-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px;padding-top:4px}.family-crop-dialog-actions button{min-width:104px;min-height:46px;padding:10px 14px;border:1px solid #928c82;border-radius:8px;background:#fff;color:#292723;font:inherit;font-weight:600;cursor:pointer}.family-crop-dialog-actions button:focus-visible{outline:3px solid #196653;outline-offset:2px}.family-crop-dialog-actions .family-crop-dialog-use{border-color:#196653;background:#196653;color:#fff}.family-crop-dialog-actions .family-crop-dialog-change{margin-right:auto}.family-crop-dialog-actions button:disabled{opacity:.55;cursor:wait}.family-crop-modal-backdrop .family-crop-handle{pointer-events:auto}@media(max-width:560px){.family-crop-modal-backdrop{align-items:center;padding:max(8px,env(safe-area-inset-top)) max(8px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left))}.family-crop-dialog{gap:8px;max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px);padding:14px;border-radius:12px}.family-crop-dialog-help{font-size:.86rem}.family-crop-image{max-height:52vh;max-height:52dvh}.family-crop-dialog-actions{display:grid;grid-template-columns:1fr 1fr}.family-crop-dialog-actions .family-crop-dialog-change{grid-column:1 / -1;justify-self:start;margin:0}.family-crop-dialog-actions button{min-width:0;width:100%;min-height:46px;padding:9px 10px}}#multiUploadArea.family-grandparents-crop-pilot .family-pilot-slot{box-sizing:border-box;padding:14px!important;border:1px solid #d9ded8!important;border-radius:14px!important;background:#f5f6f2!important}#multiUploadArea.family-grandparents-crop-pilot .family-pilot-photo-label{display:block;margin:0 44px 12px 0;color:#343b35;font-size:14px;font-weight:650}#multiUploadArea.family-grandparents-crop-pilot .multi-slot-preview{height:150px;margin:0 0 12px;border-radius:10px;background-color:#e9ece6}#multiUploadArea.family-grandparents-crop-pilot .multi-slot-remove{width:40px;height:40px;top:3px;right:5px;color:#525951;background:transparent!important;font-size:24px}#multiUploadArea.family-grandparents-crop-pilot .family-pilot-caption-label{margin:0 0 6px;font-size:13px;font-weight:500}#multiUploadArea.family-grandparents-crop-pilot .family-pilot-caption{min-height:46px;padding:10px 12px;border:1px solid #c7cec5!important;border-radius:8px;background:#fff!important;color:#292723;font-size:16px}#multiUploadArea.family-grandparents-crop-pilot .family-pilot-upload{box-sizing:border-box;width:100%;margin:14px auto 0;padding:20px!important;background:#f3f4f6!important;border:none!important;border-radius:0}#multiUploadArea.family-grandparents-crop-pilot .family-pilot-upload:has(.family-pilot-add[hidden]){display:none!important}#multiUploadArea.family-grandparents-crop-pilot .family-pilot-add{display:inline-block;box-sizing:border-box;width:auto;min-height:0;margin:0!important;padding:10px 20px!important;border:none!important;border-radius:6px;background:#9ca3af!important;color:#fff!important;font-size:.9rem;font-weight:500}#multiUploadArea.family-grandparents-crop-pilot .family-pilot-add:hover{background:#6b7280!important}#multiUploadArea.family-grandparents-crop-pilot button:focus-visible,#multiUploadArea.family-grandparents-crop-pilot input:focus-visible{outline:3px solid #196653!important;outline-offset:3px}#multiUploadArea.family-grandparents-crop-pilot .family-pilot-add[hidden]{display:none!important}.family-crop-dialog-image{position:relative;min-height:200px;flex:0 0 auto}.family-crop-dialog-image>div{width:100%;min-width:0}.family-crop-loading{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;color:#5d5850;font-size:.94rem}.family-crop-modal-backdrop [hidden]{display:none!important}.family-crop-dialog .family-crop-viewport{flex:none;max-width:calc(100% - 44px);margin:22px auto;touch-action:none;-webkit-user-select:none}.family-crop-dialog .family-crop-image{width:100%;height:100%;max-height:none;object-fit:contain;pointer-events:none;-webkit-user-drag:none}.family-crop-dialog .family-crop-handle{min-width:44px;min-height:44px;padding:0!important;border:0!important;background:transparent!important}.family-crop-handle:after{content:"";position:absolute;left:12px;top:12px;width:20px;height:20px;box-sizing:border-box;border:2px solid #fff;border-radius:50%;background:#196653;box-shadow:0 1px 4px #0000004d;pointer-events:none}.family-crop-dialog{overscroll-behavior:contain}.family-crop-modal-backdrop{overscroll-behavior:none}.multi-slot-preview[role=button]{cursor:pointer}.multi-slot-preview[role=button]:focus-visible{outline:3px solid #196653;outline-offset:-3px}#multiUploadArea.family-square-upload .multi-upload-slot{aspect-ratio:1 / 1}#multiUploadArea.family-square-upload .multi-slot-preview{background-size:contain}#multiUploadArea.family-visible-upload .multi-upload-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}#multiUploadArea.family-visible-upload .multi-upload-slot{display:block}#multiUploadArea.family-visible-upload .multi-upload-slot:not(.has-photo){aspect-ratio:1 / 1}#multiUploadArea.family-visible-upload .multi-upload-slot:not(.has-photo) .family-pilot-photo-label{display:none}#multiUploadArea.family-visible-upload .multi-upload-slot:not(.has-photo) .multi-slot-placeholder{display:flex!important;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;flex-direction:column;cursor:pointer}#multiUploadArea.family-visible-upload .multi-upload-slot:not(.has-photo) .multi-slot-preview{display:none}#multiUploadArea.family-visible-upload .multi-upload-count{display:block}
/*# sourceMappingURL=/cdn/shop/t/73/assets/family-inline-crop.css.map */