.avatar-display{cursor:pointer;border-width:2px;--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity));transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.avatar-display:hover{border-color:var(--color-primary);opacity:.9}.avatar-cropper-body{position:relative;overflow:auto;--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.avatar-cropper-cropper{margin:0;display:flex;height:100%;flex-direction:column;overflow:hidden;padding:0}.avatar-cropper-upload-and-crop{position:relative;z-index:0;flex:1 1 0%}.avatar-cropper-container,.avatar-cropper-upload-and-crop{width:100%;--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.avatar-cropper-container{position:absolute;display:flex;overflow:visible;padding-top:16px;padding-bottom:48px}.avatar-cropper-filter-info{position:absolute;z-index:1;text-align:center;font-size:14px;line-height:20px;pointer-events:none;bottom:16px;left:0;right:0;margin:0;padding:0;font-weight:400;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.avatar-cropper-target-image-container{position:relative;margin-left:auto;margin-right:auto;height:230px;width:230px}.avatar-cropper-target-image-container:after{position:absolute;top:0;left:0;box-sizing:border-box;content:"";box-shadow:0 0 0 100vw rgba(0,0,0,.5);background:rgba(0,0,0,.1)}.avatar-cropper-target-image-container:after,.avatar-cropper-thirds{pointer-events:none;height:100%;width:100%;border-radius:9999px;border:2px solid #fff}.avatar-cropper-thirds{position:relative;overflow:hidden}.avatar-cropper-thirds-line{position:absolute;z-index:1;background:hsla(0,0%,100%,.55)}.avatar-thirds-line-top-horizontal{height:1px;width:100%;top:33.33333%}.avatar-thirds-line-bottom-horizontal{height:1px;width:100%;top:66.66666%}.avatar-thirds-line-left-vertical{height:100%;width:1px;left:33.33333%}.avatar-thirds-line-right-vertical{height:100%;width:1px;left:66.66666%}.avatar-cropper-target-image{position:absolute;margin:0;cursor:move;min-width:none;max-width:none;min-height:none;max-height:none}.avatar-cropper-original-image{display:none}.avatar-filter{z-index:1;flex-shrink:0;flex-grow:0}.avatar-filter-body{border-top-width:1px;border-color:hsla(0,0%,100%,.15);background-color:rgba(0,0,0,.5)}.avatar-filter-slider-body{position:relative;display:flex;height:100%;align-items:center;justify-content:space-between;padding:16px 24px}.avatar-filter-slider-container{margin-right:24px;overflow:hidden;width:calc(100% - 48px)}.avatar-filter-slider-info{margin-top:12px;margin-bottom:3px;display:flex;justify-content:space-between}.avatar-filter-slider-info,.avatar-filter-slider-info *{font-size:14px;font-weight:400;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.avatar-filter-slider{position:relative;box-sizing:content-box;height:24px;min-height:32px;cursor:auto;padding-top:8px}.avatar-slider-content{position:relative;display:flex;min-height:32px;align-items:center;justify-content:space-between;overflow:hidden}.avatar-slider-container{position:relative;flex-grow:1}.avatar-slider-range{margin-top:8px;margin-bottom:8px;box-sizing:content-box;height:2px;width:100%;cursor:pointer;border-radius:8px;-webkit-appearance:none;background-size:100%,calc(16.666% + 1px) 100%,200%;background-position:0 0,-1px,36.8421%;background-repeat:no-repeat,repeat-x,no-repeat;background-image:linear-gradient(90deg,var(--color-primary,#8427e0) 16px,transparent 17px,transparent calc(100% - 10px),#cdcfd2 18px),linear-gradient(90deg,#fff 1px,transparent 0),linear-gradient(90deg,var(--color-primary,#8427e0) 50%,#cdcfd2 0)}.avatar-slider-range:focus{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}.avatar-slider-range::-webkit-slider-thumb{-webkit-appearance:none;height:20px;width:20px;cursor:pointer;border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));box-shadow:0 1px 3px rgba(0,0,0,.3)}.avatar-slider-range::-moz-range-thumb{height:20px;width:20px;cursor:pointer;border-radius:9999px;border-style:none;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));box-shadow:0 1px 3px rgba(0,0,0,.3)}.avatar-filter-slider-button{height:24px;width:24px;cursor:pointer;border-style:none;background-color:transparent;padding:0;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.avatar-filter-slider-button:focus{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);outline:2px solid transparent;outline-offset:2px}.avatar-filter-slider-button svg{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.avatar-loading{position:absolute;top:0;left:0;z-index:10;display:flex;height:100%;width:100%;align-items:center;justify-content:center;--tw-bg-opacity:1;background-color:rgb(0 0 0/var(--tw-bg-opacity))}.avatar-loading-icon{height:40px;width:40px;cursor:pointer;border-radius:9999px;border-width:4px;border-color:var(--color-primary);border-top-color:transparent;animation:avatar-rotate 1s linear infinite}@keyframes avatar-rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.avatar-editor-dialog .MuiPaper-root{width:100%;max-width:420px;border-radius:16px;--tw-bg-opacity:1;background-color:rgb(26 26 26/var(--tw-bg-opacity));padding:0}@media not all and (min-width:640px){.avatar-editor-dialog .MuiPaper-root{margin-left:16px;margin-right:16px}}.avatar-dialog-content{display:flex;flex-direction:column}.avatar-dialog-title{padding-top:20px;padding-bottom:20px;text-align:center;font-size:20px;font-weight:700;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}@media not all and (min-width:640px){.avatar-dialog-title{padding-top:16px;padding-bottom:16px;font-size:18px}}.avatar-editor-wrapper{display:flex;justify-content:center}.avatar-upload-area{min-height:300px;justify-content:center;padding:24px}.avatar-upload-area,.avatar-uploading{display:flex;flex-direction:column;align-items:center}.avatar-uploading{gap:16px;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.avatar-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:20px}.avatar-upload-btn-wrapper{position:relative}.avatar-upload-trigger{position:relative;cursor:pointer;border-radius:10px;background-color:var(--color-primary);padding:12px 24px;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));font-weight:500;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.avatar-upload-trigger:hover{opacity:.9}.avatar-upload-trigger input[type=file]{position:absolute;inset:0;cursor:pointer;opacity:0}.avatar-upload-hint{font-size:12px;--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity))}.avatar-dialog-actions{display:flex;gap:12px;border-top-width:1px;padding:20px;border-color:hsla(0,0%,100%,.1)}@media not all and (min-width:640px){.avatar-dialog-actions{flex-direction:column}}.avatar-cancel-btn{height:44px;flex:1 1 0%;cursor:pointer;border-radius:10px;font-size:14px;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;--tw-bg-opacity:1;background-color:rgb(55 65 81/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.avatar-cancel-btn:hover{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity))}.avatar-reupload-btn{height:44px;flex:1 1 0%;cursor:pointer;border-radius:10px;font-size:14px;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;border-width:1px;border-color:var(--color-primary);background-color:transparent;color:var(--color-primary)}.avatar-reupload-btn:hover{background-color:var(--color-primary-10)}.avatar-save-btn{height:44px;flex:1 1 0%;cursor:pointer;border-radius:10px;font-size:14px;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;background-color:var(--color-primary);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.avatar-save-btn:hover{opacity:.9}.avatar-save-btn:disabled{cursor:not-allowed;opacity:.5}.avatar-save-btn{display:flex;align-items:center;justify-content:center}.avatar-section{display:flex;align-items:center;gap:16px}.avatar-section .avatar-image{height:80px;width:80px;border-radius:9999px;border-width:2px;--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity));-o-object-fit:cover;object-fit:cover}.avatar-section .avatar-upload-btn{cursor:pointer;border-radius:8px;border-width:1px;border-color:var(--color-primary);padding:8px 16px;font-size:14px;color:var(--color-primary);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.avatar-section .avatar-upload-btn:hover{background-color:var(--color-primary-10)}.hidden{display:none!important}.customer-page{position:relative;min-height:100vh;width:100%;background-image:linear-gradient(to bottom right,var(--tw-gradient-stops));--tw-gradient-from:#edecfc var(--tw-gradient-from-position);--tw-gradient-to:rgba(237,236,252,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to);--tw-gradient-to:rgba(239,241,255,0) var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),#eff1ff var(--tw-gradient-via-position),var(--tw-gradient-to);--tw-gradient-to:#fff var(--tw-gradient-to-position);padding-top:140px;padding-bottom:80px}@media not all and (min-width:640px){.customer-page{padding-top:100px;padding-bottom:40px}}.customer-page .page-title{margin-bottom:40px;text-align:center;font-size:32px;font-weight:700}@media not all and (min-width:640px){.customer-page .page-title{margin-bottom:24px;font-size:24px}}.customer-page .form-wrapper{margin-left:auto;margin-right:auto;max-width:600px;border-radius:20px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));padding:40px;--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media not all and (min-width:640px){.customer-page .form-wrapper{margin-left:16px;margin-right:16px;border-radius:16px;padding:24px}}.customer-page .form-cell{margin-bottom:24px;display:flex;flex-direction:column}@media not all and (min-width:640px){.customer-page .form-cell{margin-bottom:16px}}.customer-page .form-cell:last-child{margin-bottom:0}.customer-page .form-cell .form-label{margin-bottom:8px;font-size:14px;font-weight:500;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.customer-page .form-cell .form-input-wrapper{position:relative}.customer-page .form-cell .form-input-wrapper input,.customer-page .form-cell .form-input-wrapper textarea{width:100%;border-radius:10px;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));padding:12px 16px;font-size:16px;outline:2px solid transparent;outline-offset:2px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.customer-page .form-cell .form-input-wrapper input:focus,.customer-page .form-cell .form-input-wrapper textarea:focus{border-color:var(--color-primary);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:var(--color-primary-20)}@media not all and (min-width:640px){.customer-page .form-cell .form-input-wrapper input,.customer-page .form-cell .form-input-wrapper textarea{padding:10px 12px;font-size:14px}}.customer-page .form-cell .form-input-wrapper textarea{resize:none}.customer-page .form-cell .form-input-wrapper .readonly-text{display:flex;align-items:center;justify-content:space-between;border-radius:10px;--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity));padding:12px 16px;font-size:16px}@media not all and (min-width:640px){.customer-page .form-cell .form-input-wrapper .readonly-text{padding:10px 12px;font-size:14px}}.customer-page .form-cell .form-input-wrapper .readonly-text .modify-link{cursor:pointer;font-size:14px;color:var(--color-primary)}.customer-page .form-cell .form-input-wrapper .readonly-text .modify-link:hover{text-decoration-line:underline}.customer-page .form-cell .radio-group{display:flex;gap:24px}@media not all and (min-width:640px){.customer-page .form-cell .radio-group{gap:16px}}.customer-page .form-cell .radio-group .radio-item{display:flex;cursor:pointer;align-items:center;gap:8px}.customer-page .form-cell .radio-group .radio-item input[type=radio]{height:18px;width:18px;cursor:pointer;accent-color:var(--color-primary)}.customer-page .form-cell .radio-group .radio-item label{cursor:pointer;font-size:14px}.customer-page .form-cell .error-msg{margin-top:4px;font-size:12px;--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.customer-page .avatar-section{display:flex;align-items:center;gap:16px}.customer-page .avatar-section .avatar-image{height:80px;width:80px;border-radius:9999px;border-width:2px;--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity));-o-object-fit:cover;object-fit:cover}.customer-page .avatar-section .avatar-upload-btn{cursor:pointer;border-radius:8px;border-width:1px;border-color:var(--color-primary);padding:8px 16px;font-size:14px;color:var(--color-primary);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.customer-page .avatar-section .avatar-upload-btn:hover{background-color:hsla(180,7%,97%,.15)}.customer-page .form-buttons{margin-top:32px;display:flex;gap:12px}@media not all and (min-width:640px){.customer-page .form-buttons{margin-top:24px;flex-direction:column}}.customer-page .form-buttons .submit-btn{height:48px;flex:1 1 0%;cursor:pointer;border-radius:10px;background-color:var(--color-primary);font-size:16px;font-weight:500;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.customer-page .form-buttons .submit-btn:hover{opacity:.9}.customer-page .form-buttons .submit-btn:disabled{cursor:not-allowed;opacity:.5}@media not all and (min-width:640px){.customer-page .form-buttons .submit-btn{height:44px;font-size:14px}}.customer-page .form-buttons .back-btn{height:48px;flex:1 1 0%;cursor:pointer;border-radius:10px;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity));font-size:16px;font-weight:500;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.customer-page .form-buttons .back-btn:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}@media not all and (min-width:640px){.customer-page .form-buttons .back-btn{height:44px;font-size:14px}}.customer-page .loading-container{display:flex;align-items:center;justify-content:center;padding-top:60px;padding-bottom:60px}.customer-page .not-logged-in{padding-top:60px;padding-bottom:60px;text-align:center}.customer-page .not-logged-in .login-link{cursor:pointer;color:var(--color-primary)}.customer-page .not-logged-in .login-link:hover{text-decoration-line:underline}.password-dialog .MuiPaper-root{width:100%;max-width:400px;border-radius:16px;padding:24px}@media not all and (min-width:640px){.password-dialog .MuiPaper-root{margin-left:16px;margin-right:16px;padding:20px}}.password-dialog .dialog-title{margin-bottom:24px;font-size:20px;font-weight:700}@media not all and (min-width:640px){.password-dialog .dialog-title{margin-bottom:20px;font-size:18px}}.password-dialog .dialog-content{display:flex;flex-direction:column;gap:16px}.password-dialog .input-group{display:flex;flex-direction:column;gap:6px}.password-dialog .input-group label{font-size:14px;font-weight:500;--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity))}.password-dialog .input-group input{width:100%;border-radius:10px;border-width:1px;--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity));padding:12px 14px;font-size:14px;outline:2px solid transparent;outline-offset:2px}.password-dialog .input-group input:focus{border-color:var(--color-primary);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-color:var(--color-primary-20)}.password-dialog .input-group .error{font-size:12px;--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity))}.password-dialog .dialog-actions{margin-top:24px;display:flex;gap:12px}@media not all and (min-width:640px){.password-dialog .dialog-actions{flex-direction:column}}.password-dialog .dialog-actions button{height:44px;flex:1 1 0%;cursor:pointer;border-radius:10px;font-size:14px;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.password-dialog .dialog-actions button.cancel-btn{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.password-dialog .dialog-actions button.cancel-btn:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.password-dialog .dialog-actions button.confirm-btn{background-color:var(--color-primary);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.password-dialog .dialog-actions button.confirm-btn:hover{opacity:.9}.password-dialog .dialog-actions button.confirm-btn:disabled{cursor:not-allowed;opacity:.5}.avatar-dialog .MuiPaper-root{width:100%;max-width:400px;border-radius:16px;padding:24px}@media not all and (min-width:640px){.avatar-dialog .MuiPaper-root{margin-left:16px;margin-right:16px;padding:20px}}.avatar-dialog .dialog-title{margin-bottom:24px;font-size:20px;font-weight:700}@media not all and (min-width:640px){.avatar-dialog .dialog-title{margin-bottom:20px;font-size:18px}}.avatar-dialog .preview-container{margin-bottom:20px;display:flex;justify-content:center}.avatar-dialog .preview-container img{height:200px;width:200px;border-radius:9999px;border-width:2px;--tw-border-opacity:1;border-color:rgb(243 244 246/var(--tw-border-opacity));-o-object-fit:cover;object-fit:cover}.avatar-dialog .upload-area{display:flex;flex-direction:column;align-items:center;gap:12px}.avatar-dialog .upload-area .upload-btn{position:relative;cursor:pointer;border-radius:10px;--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity));padding:10px 20px;--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.avatar-dialog .upload-area .upload-btn:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.avatar-dialog .upload-area .upload-btn input[type=file]{position:absolute;inset:0;cursor:pointer;opacity:0}.avatar-dialog .dialog-actions{margin-top:24px;display:flex;gap:12px}.avatar-dialog .dialog-actions button{height:44px;flex:1 1 0%;cursor:pointer;border-radius:10px;font-size:14px;font-weight:500;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.avatar-dialog .dialog-actions button.cancel-btn{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity));--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity))}.avatar-dialog .dialog-actions button.cancel-btn:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity))}.avatar-dialog .dialog-actions button.save-btn{background-color:var(--color-primary);--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.avatar-dialog .dialog-actions button.save-btn:hover{opacity:.9}.avatar-dialog .dialog-actions button.save-btn:disabled{cursor:not-allowed;opacity:.5}