body{margin:0}.personalize-section child-info-form{display:none}.sticky-mobile{display:contents}@media(max-width:750px){.sticky-mobile{display:block;position:fixed;bottom:0;left:0;right:0;background-color:transparent;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000}.sticky-mobile:has(.hidden){padding:0}}.sticky-mobile:has(.submit-btn){margin-top:auto}#upload-button{width:100%;padding-block:24px;border-radius:100px;font-size:18px;line-height:1;font-weight:semibold;text-transform:uppercase;display:flex;gap:10px;align-items:center}.form-container{width:100%;position:relative;overflow-x:hidden}.avatar-preview-circle{grid-column:span 2;grid-row:span 2;width:145px;aspect-ratio:1;border-radius:8px;border:3px solid #d4d4d4;box-shadow:0 4px 12px #0000001a;overflow:hidden;background-color:#fff;display:flex;align-items:center;justify-content:center}.avatar-preview-circle img{width:100%;height:100%;object-fit:cover}.form-content{flex:1;padding:20px 80px;display:flex;flex-direction:column;align-items:center;background:#fff}.input-field{border-radius:100px;border:1.3px solid #e3e3e3;height:35px;padding:6px;position:relative;transition:.3s;text-align:center;flex-grow:1;background:#fff;width:100%;font-size:.875rem}.input-field input::placeholder{font-size:1em;color:#777}.name-field,#submitBtn{grid-column:span 3}:is(.input-field,.gender-field):has(input:focus),:is(.input-field,.gender-field):has(input:focus-visible){border-color:#333}#childAge,#childName,[id^=age_],[id^=name_]{display:block;border:none;outline:none;width:100%;height:100%;box-shadow:none;background:transparent;text-align:center;font-size:18px}.gender-options{display:flex;gap:4px;align-items:center;width:100%;justify-content:center}#sticky-submitBtn,#submitBtn,#upload-button{padding-block:24px;border-radius:100px;font-size:18px;font-weight:600;text-transform:uppercase;display:flex;justify-content:center;align-items:center;gap:10px;width:100%;background:#eb7123;color:#fff;cursor:pointer;border:none;grid-column:span 6}:is(#sticky-submitBtn,#submitBtn,#upload-button):disabled,:is(#sticky-submitBtn,#submitBtn,#upload-button).loading{pointer-events:none;background:#ccc;color:#777;cursor:not-allowed;opacity:.7}:is(#sticky-submitBtn,#submitBtn,#upload-button) svg{width:auto;height:28px}:is(#sticky-submitBtn,#submitBtn,#upload-button) .icon-spinner,:is(#sticky-submitBtn,#submitBtn,#upload-button).loading .icon-stars{display:none}:is(#sticky-submitBtn,#submitBtn,#upload-button).loading .icon-spinner{display:block;animation:spin 3s ease-in-out infinite}button:not([disabled]),copy-button{cursor:pointer}@media(max-width:1024px){.sidebar-section{width:25vw;min-width:25vw;padding:24px}.avatar-preview-circle{width:24vh;height:24vh;right:-12vh}.form-content{padding:20px 40px}}@media(max-width:768px){.form-container{flex-direction:column}.sidebar-section{width:100%;min-width:100%;height:220px;padding:20px;justify-content:flex-start}.back-btn{left:20px;top:20px}.avatar-preview-circle{position:relative;width:140px;height:140px;right:auto;top:auto;transform:none;margin:0 auto}.form-content{padding:20px}h1{text-align:center;font-size:24px}#submitBtn{min-width:100%}}@media(max-width:480px){.avatar-preview-circle{width:120px;height:120px}}.dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:30px;margin:0 auto 30px;max-height:260px;min-height:140px;height:21vh;max-width:600px;width:100%;border:2px dashed rgba(0,0,0,.2);border-radius:30px;padding:18px 0}.dropzone input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.dropzone .dropzone-button{display:flex;align-items:center;gap:8px;background:#eb7123;color:#fff;border-radius:4px;padding:10px 30px;font-size:14px;font-weight:700;cursor:pointer;height:40px}.dropzone .dropzone-button:hover,.dropzone .dropzone-button:focus,.dropzone .dropzone-button:focus-visible{background-color:color-mix(in srgb,#eb7123 100%,#333 8%);border:1px solid #333}.dropzone:focus-within{border:1px solid #333;background-color:color-mix(in srgb,#eb7123 10%,#fff 100%)}.dropzone-label{text-align:center;font-size:14px;opacity:.7}.form-row{display:flex;gap:12px;width:100%;max-width:300px;margin:15px 0}.name-field,.age-field{grid-column:span 4;height:60px}.form-row .gender-field,.form-row .age-field{flex:1}.gender-field{background:#fff;border:1px solid #e3e3e3;border-radius:100px;height:60px;padding:24px 10px;position:relative;display:flex;align-items:center;justify-content:center;grid-column:span 3}.gender-field .field-label{position:absolute;top:-10px;left:10px;padding:0 4px;font-size:11px}.gender-options{display:flex;gap:6px}.gender-option{cursor:pointer}.gender-option input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.gender-option span{padding:6px 20px;border-radius:4px;font-size:14px;transition:.25s;width:100%;text-transform:capitalize}.gender-option input:checked+span{background:#eb7123;color:#fff}#child-info{width:100%;display:grid;grid-template-columns:repeat(6,1fr);gap:15px}.hero-tips{text-align:center}.hero-tips h2{font-size:14px;font-weight:600;margin-bottom:0}.hero-tips .subtitle{font-size:13px;max-width:600px;line-height:1.5;margin-block:8px}.tips-list{display:grid;grid-template-columns:repeat(4,1fr);justify-content:center}.tip-item{display:flex;flex-direction:column;align-items:center}.tip-item .label{max-width:8ch;margin-top:12px;font-size:14px;color:#aaa;line-height:1.3;text-align:center}.image-wrap{position:relative}.image-wrap img{width:64px;aspect-ratio:1;border-radius:50%;object-fit:cover;filter:grayscale(100%)}.status-icon{position:absolute;bottom:0;right:0;width:28px;height:28px;border-radius:50%;background:#e74c3c;color:#fff;font-size:18px;font-weight:700;display:flex;align-items:center;justify-content:center;border:2px solid #fff}.tip-item.good img{filter:none;border:4px solid #2ecc71}.tip-item.good .status-icon{background:#2ecc71}.good-text{color:#2ecc71;font-weight:600}@media(max-width:600px){.tips-list{display:flex;flex-wrap:wrap;gap:24px}.tips-list img{width:100%}.tip-item{width:120px}.image-wrap{width:96px;height:96px}.status-icon{width:24px;height:24px;font-size:14px}}.message-text{font-size:14px;display:flex;align-items:center;text-align:center;gap:10px;margin-top:10px}.message-text svg{flex-shrink:0}.language-field{background:#fff;border:1px solid #e3e3e3;border-radius:100px;padding:6px 10px;position:relative;width:100%;height:60px;grid-column:span 3}.language-field .field-label{position:absolute;top:-10px;left:10px;padding:0 4px;font-size:11px}.custom-select{position:relative;width:100%;height:100%}.select-trigger{height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:16px}.select-trigger span{pointer-events:none}.arrow{position:absolute;right:12px;width:8px;height:8px;border-right:2px solid #333;border-bottom:2px solid #333;transform:rotate(45deg);transition:.25s}.select-dropdown{position:absolute;top:45px;left:0;width:100%;background:#fff;border:1px solid #e3e3e3;border-radius:6px;box-shadow:0 6px 20px #00000014;display:none;flex-direction:column;z-index:10}.select-option{padding:10px;cursor:pointer;text-align:center;transition:.2s;font-size:16px}.select-option:hover{background:#f5f5f5}.language-field.open .select-dropdown{display:flex}.language-field.open .arrow{transform:rotate(-135deg)}.language-field:has(.select-trigger:focus){border-color:#333}#sticky-button{display:none;position:fixed;bottom:0;left:0;right:0;padding:16px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000}#sticky-button #sticky-submitBtn{display:none}@media(max-width:750px){#sticky-button{display:block}#sticky-button .button{width:100%;border-radius:100px;padding:20px 0;font-weight:600;text-transform:uppercase!important}#sticky-button #sticky-submitBtn{display:flex}}.back-btn{position:absolute;top:30px;left:calc(20vw + 120px);width:40px;height:40px;background-color:#eb7123;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;z-index:100}#go-back{left:10%;top:144px;flex-shrink:0}@media(max-width:767px){#go-back{position:relative;inset:unset;display:inline-flex}}.back-btn:focus{outline:none}.back-btn svg{color:#fff;rotate:180deg}
/*# sourceMappingURL=/cdn/shop/t/154/assets/child-info-form.css.map */