:root{--color-primary:#000;--color-secondary:#b4975a;--color-white:#fff;--color-off-white:#f5f5f5;--color-font:#3d3d3d;--color-gray:#535353;--color-light-gray:#e5e5e5;--color-light-gray1:#dadada;--color-muted:#9d9d9d;--color-danger:#e53935;--color-success:#155724;--bg-light:var(--color-off-white);--bg-dark:var(--color-primary);--font-primary:"Figtree",sans-serif;--font-secondary:"Span",serif;--font-weight-light:300;--font-weight-regular:400;--font-weight-semibold:600;--line-height-110:110%;--line-height-120:120%;--line-height-140:140%;--ls-neg-3xl:-1.44px;--ls-neg-xxl:-1.12px;--ls-neg-xl:-.96px;--ls-neg-lg:-.8px;--ls-neg-md:-.64px;--ls-neg-sm:-.5px;--ls-neg-xs:-.48px;--ls-neg-xxs:-.4px;--ls-pos-xs:.6px;--ls-pos-sm:.72px;--ls-pos-lg:2px;--spacing-desktop-v:112px;--spacing-laptop-v:64px;--spacing-tablet-v:56px;--spacing-mobile-v:40px}.account-settings-wrapper{flex-direction:column;align-items:flex-start;gap:56px;width:100%;padding-bottom:80px;display:flex;position:relative}@media (max-width:767.99px){.account-settings-wrapper{gap:32px;padding-left:16px;padding-right:16px}}.account-settings-wrapper .loading-state{height:200px;font-family:var(--font-primary);color:var(--color-primary);justify-content:center;align-items:center;width:100%;font-size:18px;display:flex}.settings-section{flex-direction:column;flex:none;align-items:flex-start;gap:32px;width:100%;display:flex;position:relative}.settings-section h2.section-title{width:-moz-fit-content;width:fit-content;font-family:var(--h6-bold-font-family);font-weight:var(--h6-bold-font-weight);font-size:var(--h6-bold-font-size);letter-spacing:var(--h6-bold-letter-spacing);line-height:var(--h6-bold-line-height);color:var(--color-primary);white-space:nowrap;margin-top:-1px;position:relative}@media (max-width:767.99px){.settings-section h2.section-title{white-space:normal;width:100%;font-size:24px}}.settings-section p.section-desc{font-family:var(--font-primary);font-size:16px;font-weight:var(--font-weight-regular);color:var(--color-font);line-height:var(--line-height-140)}.settings-card-group{flex-direction:column;align-items:flex-start;gap:16px;width:100%;display:flex}.settings-card{background:var(--color-white);flex-direction:column;align-items:flex-start;gap:16px;width:100%;padding:24px;display:flex;position:relative;box-shadow:0 2px 4px rgba(0,0,0,.06),0 1px 2px rgba(0,0,0,.06),0 0 1px rgba(0,0,0,.2)}@media (max-width:767.99px){.settings-card{padding:16px}}.settings-card.is-editing{background:var(--color-off-white);box-shadow:none}.settings-card-header{align-items:center;gap:8px;width:100%;display:flex}.settings-card-header .card-title{font-family:var(--font-primary);font-weight:var(--font-weight-semibold);color:var(--color-primary);flex:1;font-size:16px}.settings-card-header .card-action{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.settings-card-header .card-action .icon-close-cancel{color:var(--color-primary);flex-shrink:0}.settings-card-header .card-action .settings-edit-icon{flex-shrink:0;width:18px;height:18px}.settings-card-header .card-action .settings-edit-icon path{stroke:var(--color-primary)}.settings-card-header .card-action .action-text-wrapper{flex-direction:column;align-items:center;gap:4px;display:inline-flex}.settings-card-header .card-action .action-text-wrapper span{font-family:var(--font-primary);color:var(--color-primary);font-size:16px}.settings-card-header .card-action .action-text-wrapper .underline{background-color:var(--color-light-gray1);width:100%;height:1px}.settings-card-content{font-family:var(--font-primary);color:var(--color-font);font-size:16px;line-height:var(--line-height-140);word-break:break-word}.settings-card-content.password-mask{letter-spacing:2px}.settings-form-content{flex-direction:column;align-items:flex-start;gap:16px;width:100%;display:flex}.form-group-row{flex-direction:row;gap:16px;width:100%;display:flex}@media (max-width:767.99px){.form-group-row{flex-direction:column}}.form-group{flex-direction:column;align-items:flex-start;gap:8px;width:280px;max-width:100%;display:flex}@media (min-width:768px){.form-group{flex:1}}.form-group.full-width,.form-group.password-group{width:100%}.form-group label{font-family:var(--font-primary);color:var(--color-font);font-size:16px}.form-group input{width:100%;height:44px;font-family:var(--font-primary);color:var(--color-font);background:var(--color-white);border:1px solid var(--color-light-gray);border-radius:4px;outline:none;padding:0 12px;font-size:16px}.form-group input:focus{border-color:var(--color-primary)}.form-group .input-with-icon{align-items:center;width:100%;display:flex;position:relative}.form-group .input-with-icon input{padding-right:44px}.form-group .input-with-icon .password-toggle{color:var(--color-light-gray1);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;right:12px}.form-group .input-with-icon .password-toggle svg{width:20px;height:20px}.form-group .input-with-icon .password-toggle:hover{color:var(--color-primary)}.form-group .error-text{color:var(--color-danger);margin-top:4px;font-size:12px}.form-group .success-text{color:#379937;margin-top:4px;font-size:12px}.form-group .react-select-container{width:100%}.form-group .react-select-container .react-select__control{border-color:var(--color-light-gray);min-height:44px;box-shadow:none;border-radius:4px}.form-group .react-select-container .react-select__control:hover,.form-group .react-select-container .react-select__control--is-focused{border-color:var(--color-primary)}.form-group .react-select-container .react-select__value-container{padding:0 12px}.form-group .react-select-container .react-select__placeholder,.form-group .react-select-container .react-select__single-value{font-family:var(--font-primary);color:var(--color-font);font-size:16px}.form-group.phone-input-group{width:100%}.form-group.phone-input-group .account-input__wrapper.react-tel-input{background:var(--color-white);border:1px solid var(--color-light-gray);border-radius:4px;width:100%;height:44px;transition:border-color .2s;position:relative}.form-group.phone-input-group .account-input__wrapper.react-tel-input:focus-within{border-color:var(--color-primary)}.form-group.phone-input-group .account-input__wrapper.react-tel-input.has-error{border-color:var(--color-danger)}.form-group.phone-input-group .account-input__wrapper.react-tel-input .account-phone__button{border:none;border-right:1px solid var(--color-light-gray);background:0 0;border-radius:4px 0 0 4px;width:52px;position:absolute;top:0;bottom:0;left:0}.form-group.phone-input-group .account-input__wrapper.react-tel-input .account-phone__button .selected-flag{justify-content:center;align-items:center;width:100%;height:100%;padding:0 8px;display:flex;background:0 0!important}.form-group.phone-input-group .account-input__wrapper.react-tel-input .account-phone__button .selected-flag:hover,.form-group.phone-input-group .account-input__wrapper.react-tel-input .account-phone__button .selected-flag:focus{background:0 0!important}.form-group.phone-input-group .account-input__wrapper.react-tel-input .account-phone__button .selected-flag .arrow{border-top:4px solid var(--color-primary)}.form-group.phone-input-group .account-input__wrapper.react-tel-input .account-phone__button .selected-flag .arrow.up{border-bottom:4px solid var(--color-primary)}.form-group.phone-input-group .account-input__wrapper.react-tel-input .account-input__field{width:100%;height:100%;font-family:var(--font-primary)!important;font-size:16px!important;font-weight:var(--font-weight-regular)!important;color:var(--color-font)!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:4px!important;padding:0 16px 0 60px!important}.form-group.phone-input-group .account-input__wrapper.react-tel-input .account-input__field::placeholder{color:var(--color-muted)!important}.form-group.phone-input-group .account-input__wrapper.react-tel-input .account-input__field:focus{box-shadow:none!important;outline:none!important}.form-group.phone-input-group .account-input__wrapper.react-tel-input .account-phone__dropdown{font-family:var(--font-primary);color:var(--color-font);background:var(--color-white);border:1px solid var(--color-light-gray);z-index:10;border-radius:4px;font-size:14px;box-shadow:0 4px 12px rgba(0,0,0,.1)}.form-group.phone-input-group .account-input__wrapper.react-tel-input .account-phone__dropdown .country-list{margin:0}.form-group.phone-input-group .account-input__wrapper.react-tel-input .account-phone__dropdown .country-list .country{align-items:center;gap:8px;padding:8px 12px;display:flex}.form-group.phone-input-group .account-input__wrapper.react-tel-input .account-phone__dropdown .country-list .country:hover,.form-group.phone-input-group .account-input__wrapper.react-tel-input .account-phone__dropdown .country-list .country.highlight{background-color:var(--color-off-white)}.form-group.phone-input-group .account-input__wrapper.react-tel-input .account-phone__dropdown .country-list .country .dial-code{color:var(--color-muted)}.save-btn{justify-content:center;align-items:center;width:-moz-fit-content;width:fit-content;min-width:160px;max-width:100%;height:44px;padding:0 32px;display:flex}@media (min-width:768px){.save-btn{min-width:140px}}@media (max-width:767.99px){.save-btn{width:-moz-fit-content;width:fit-content;max-width:100%}}.save-btn{background:var(--color-primary);border:1px solid var(--color-primary);cursor:pointer;border-radius:4px;margin-top:8px}.save-btn span{font-family:var(--font-primary);font-size:14px;font-weight:var(--font-weight-semibold);color:var(--color-white);letter-spacing:1px;text-transform:uppercase}.save-btn:disabled{opacity:.7;cursor:not-allowed}.toggle-group{align-items:center;gap:12px;width:100%;margin-bottom:16px;display:flex}.toggle-group .toggle-switch{cursor:pointer;border:none;border-radius:32px;outline:none;width:48px;height:28px;transition:background-color .2s;position:relative}.toggle-group .toggle-switch.on{background-color:var(--color-secondary)}.toggle-group .toggle-switch.off{background-color:var(--color-muted)}.toggle-group .toggle-switch.disabled{opacity:.5;cursor:not-allowed}.toggle-group .toggle-switch .toggle-knob{background-color:var(--color-white);z-index:2;border-radius:50%;width:20px;height:20px;transition:all .2s;position:absolute;top:4px}.toggle-group .toggle-switch .toggle-knob.on{left:24px}.toggle-group .toggle-switch .toggle-knob.off{left:4px}.toggle-group .toggle-label{font-family:var(--font-primary);color:var(--color-font);flex:1;font-size:16px}
