.account-settings{--account-field-border:oklch(66% .01 260);flex-direction:column;flex:1;min-width:0;display:flex}.dark .account-settings{--account-field-border:oklch(57% .01 260)}.account-settings>header{gap:10px;padding-inline:16px}.account-settings>header h1,.account-settings>header p{white-space:normal;overflow-wrap:anywhere;text-overflow:clip}.account-settings>header h1{line-height:1.3}.account-settings .account-settings-back{flex-shrink:0;min-width:44px;min-height:44px}.account-settings .account-settings-content{width:100%;min-width:0;padding:16px 16px 112px}.account-settings .account-settings-panel{border:1px solid var(--border);min-width:0;padding:18px 16px}.account-settings .account-settings-panel+.account-settings-panel,.account-settings .account-settings-refund{margin-top:20px}.account-settings .account-settings-panel-heading{min-width:0;margin-bottom:20px}.account-settings .account-settings-panel-heading h2{font-size:16px;line-height:1.4}.account-settings .account-settings-panel svg{flex-shrink:0}.account-settings .account-settings-panel p,.account-settings .account-settings-panel a,.account-settings .account-settings-label{overflow-wrap:anywhere}.account-settings .account-settings-label{color:var(--foreground);font-size:14px;line-height:1.45}.account-settings .account-settings-section{min-width:0}.account-settings .account-settings-divider{background:var(--border);height:1px;margin-block:22px}.account-settings .account-settings-form{gap:14px;min-width:0;margin-top:10px;display:grid}.account-settings .account-settings-form>*{min-width:0;margin-block:0}.account-settings input:not([type=file]):not([type=checkbox]):not([type=hidden]),.account-settings select{border:1px solid var(--account-field-border);background-color:var(--background);border-radius:14px;min-width:0;max-width:100%;min-height:54px;box-shadow:0 1px 2px oklch(0% 0 0/.03)}.account-settings input:not([type=file]):not([type=checkbox]):not([type=hidden]):focus,.account-settings select:focus{border-color:var(--primary);outline:3px solid color-mix(in oklab, var(--primary) 18%, transparent);outline-offset:1px}.account-settings .account-settings-name-value{white-space:nowrap;text-overflow:ellipsis;padding-block:15px;font-size:16px;line-height:24px;display:block;overflow:hidden}.account-settings .account-settings-country{grid-template-columns:26px minmax(0,1fr);gap:10px;display:grid}.account-settings .account-settings-country>select:only-child{grid-column:1/-1}.account-settings .account-settings-country>img{width:26px}.account-settings .account-settings-select{width:100%;color:var(--foreground);text-overflow:ellipsis;padding-inline:12px}.account-settings .account-settings-email,.account-settings .account-settings-method-email{overflow-wrap:anywhere;word-break:normal;max-width:100%}.account-settings .account-settings-email{margin-top:6px;font-size:14px;line-height:1.5}.account-settings .account-settings-action{white-space:normal;overflow-wrap:anywhere;border-radius:14px;width:100%;height:auto;min-height:48px;padding:12px 16px;font-size:14px;line-height:1.4}.account-settings .account-settings-method{border:1px solid var(--border);background:var(--background);grid-template-columns:36px minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px;display:grid}.account-settings .account-settings-method-status{overflow-wrap:anywhere;text-align:center;max-width:72px}.account-settings .account-settings-avatar-picker{align-items:flex-start}.account-settings .account-settings-avatar-actions button{white-space:normal;overflow-wrap:anywhere;justify-content:center;min-height:44px}.account-settings .account-settings-receipts>button{background:var(--primary-soft);white-space:normal;border-radius:14px;width:100%;min-height:48px;padding:12px;line-height:1.4}.account-settings .account-settings-receipts li{overflow-wrap:anywhere}.account-settings .account-settings-refund>.account-settings-panel{align-items:flex-start}@media (width<=359px){.account-settings .account-settings-avatar-picker{grid-template-columns:1fr;gap:14px;display:grid}.account-settings .account-settings-avatar-picker>button{justify-self:start}.account-settings .account-settings-avatar-actions{width:100%}}@media (width>=640px){.account-settings>header{padding-inline:32px}.account-settings .account-settings-content{padding:20px 32px 112px}.account-settings .account-settings-panel{padding:24px}.account-settings .account-settings-action{width:fit-content;min-width:140px}}