.subject-select-modal{--subject-select-modal-text: #283047;--subject-select-modal-copy: #4d4d4d;--subject-select-modal-coral: #df654b;--subject-select-modal-coral-hover: #d86f58;--subject-select-modal-recommendation-bg: #fef9f5;--subject-select-modal-recommendation-border: #ffb7a8;--subject-select-modal-face-border: #fef9f5;--subject-select-modal-face-hover-bg: rgba(255, 255, 255, .14);--subject-select-modal-face-selected-border: #ffb7a8;--subject-select-modal-face-selected-bg: rgba(255, 255, 255, .06);position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;display:none;align-items:center;justify-content:center;padding:12px;color:var(--subject-select-modal-text);font-family:Kanit,var(--font-body-family, sans-serif);box-sizing:border-box}.subject-select-modal.is-open{display:flex}.subject-select-modal[hidden]{display:none}.subject-select-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#28304775}.subject-select-modal__dialog{position:relative;z-index:1;display:flex;flex-direction:column;width:calc(100vw - 24px);max-width:610px;max-height:calc(100dvh - 24px);overflow:hidden;background:#fff;border-radius:16px;box-shadow:6px 4px 7.8px #5b5b5b40;box-sizing:border-box}.subject-select-modal__scroll{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:20px;overflow-y:auto;overscroll-behavior:contain;padding:0 32px}.subject-select-modal__dialog:focus{outline:none}.subject-select-modal__header{display:flex;align-items:flex-start;justify-content:space-between;flex:0 0 auto;gap:8px;padding:32px 32px 12px}.subject-select-modal__title{margin:0;color:var(--subject-select-modal-text);font-size:28px;line-height:1.2;font-weight:500}.subject-select-modal__close{flex:0 0 auto;width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--subject-select-modal-text);cursor:pointer}.subject-select-modal__close-icon{width:18px;height:18px;display:block}.subject-select-modal__description{margin:0;flex-shrink:0;color:var(--subject-select-modal-copy);font-size:16px;line-height:1.2;font-weight:300}.subject-select-modal__photo{position:relative;display:block;width:fit-content;max-width:100%;margin:0 auto;flex-shrink:0;border-radius:16px;overflow:hidden;line-height:0}.subject-select-modal__photo-image{display:block;width:auto;height:auto;max-width:100%;max-height:46dvh}.subject-select-modal__faces{position:absolute;top:0;right:0;bottom:0;left:0}.subject-select-modal__face{position:absolute;border:2px solid var(--subject-select-modal-face-border);border-radius:12px;background:transparent;padding:0;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.subject-select-modal__face-check{position:absolute;top:-10px;right:-10px;width:24px;height:24px;display:none}.subject-select-modal__face.is-selected{border-width:3px;border-color:var(--subject-select-modal-face-selected-border);background:var(--subject-select-modal-face-selected-bg)}.subject-select-modal__face.is-selected .subject-select-modal__face-check{display:block}.subject-select-modal__fallback{display:flex;flex-direction:column;align-items:center;flex-shrink:0;gap:8px;margin-top:-8px}.subject-select-modal__fallback-button{padding:4px 8px;border:0;background:transparent;color:var(--subject-select-modal-coral);font:inherit;font-size:15px;font-weight:500;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.subject-select-modal__fallback-button[hidden],.subject-select-modal__fallback-hint[hidden]{display:none}.subject-select-modal__fallback-hint{margin:0;color:var(--subject-select-modal-copy);font-size:14px;line-height:1.3;font-weight:300;text-align:center}.subject-select-modal__marker{position:absolute;width:clamp(56px,24%,104px);aspect-ratio:3 / 4;max-width:80%;max-height:70%;margin:0;padding:0;border:3px solid var(--subject-select-modal-face-selected-border);border-radius:12px;background:#ffffff24;box-shadow:0 0 0 2px #28304759;transform:translate(-50%,-50%);touch-action:none;cursor:grab}.subject-select-modal__marker[hidden]{display:none}.subject-select-modal__marker.is-dragging{cursor:grabbing;border-color:var(--subject-select-modal-coral)}.subject-select-modal__marker-check{position:absolute;top:-12px;right:-12px;width:24px;height:24px;display:block;pointer-events:none}.subject-select-modal__recommendation{display:flex;align-items:flex-start;flex-shrink:0;gap:12px;padding:16px;border:1px solid var(--subject-select-modal-recommendation-border);border-radius:16px;background:var(--subject-select-modal-recommendation-bg)}.subject-select-modal__recommendation-icon{flex:0 0 auto;width:24px;height:24px;display:block}.subject-select-modal__recommendation-copy{margin:0;flex:1 1 auto;color:var(--subject-select-modal-text);font-size:16px;line-height:1.2;font-weight:300}.subject-select-modal__footer{display:flex;flex:0 0 auto;gap:16px;padding:20px 32px 32px;background:#fff}.subject-select-modal__button{flex:1 1 0;min-width:0;height:44px;display:inline-flex;align-items:center;justify-content:center;padding:12px 24px;border-radius:32px;font:inherit;font-size:16px;font-weight:500;letter-spacing:-.08px;text-align:center;white-space:nowrap;cursor:pointer;box-sizing:border-box}.subject-select-modal__button--secondary{border:1px solid var(--subject-select-modal-coral);background:transparent;color:var(--subject-select-modal-coral)}.subject-select-modal__button--primary{border:0;background:var(--subject-select-modal-coral);color:#fff}.subject-select-modal__button:disabled{opacity:.45;cursor:not-allowed}.subject-select-modal__close:focus-visible,.subject-select-modal__face:focus-visible,.subject-select-modal__fallback-button:focus-visible,.subject-select-modal__button:focus-visible{outline:2px solid var(--subject-select-modal-coral);outline-offset:2px}.subject-select-modal__marker:focus-visible{outline:2px solid var(--subject-select-modal-coral);outline-offset:3px}.subject-select-modal__faces.is-marker-mode{touch-action:none}.subject-select-modal__faces.is-marker-mode .subject-select-modal__face{display:none}@media(hover:hover){.subject-select-modal__close:hover{color:var(--subject-select-modal-copy)}.subject-select-modal__face:hover{background:var(--subject-select-modal-face-hover-bg)}.subject-select-modal__button--secondary:hover:not(:disabled){background:var(--subject-select-modal-recommendation-bg)}.subject-select-modal__button--primary:hover:not(:disabled){background:var(--subject-select-modal-coral-hover)}}@media screen and (max-width:767px){.subject-select-modal__header{padding:24px 24px 10px}.subject-select-modal__scroll{gap:16px;padding:0 24px}.subject-select-modal__footer{flex-direction:column;padding:16px 24px 24px}.subject-select-modal__title{font-size:24px}.subject-select-modal__photo-image{max-height:38dvh}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/subject-select-modal.css.map */