.account-page-header{width:100%;padding:var(--container-padding);border-bottom:1px solid var(--border-0);flex-direction:column;justify-content:center;align-items:center;gap:24px;display:flex;position:relative;overflow:hidden}.account-page-header .account-page-header-content{flex-direction:column;justify-content:center;align-items:center;gap:16px;width:100%;display:flex}.account-page-header .account-page-header-content .member-image{aspect-ratio:1;border-radius:var(--radius-16);background:var(--bg-2);z-index:2;width:96px;height:96px;display:block;position:relative;overflow:hidden}.account-page-header .account-page-header-content .member-image img{object-fit:cover;object-position:center;width:100%;height:100%}.account-page-header .account-page-header-content .account-page-header-texts{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.account-page-header .account-page-header-content .account-page-header-texts .member-name{width:fit-content;font-family:inherit;font-size:var(--font-size-22);font-weight:var(--font-weight-bold);line-height:var(--leading-xxs);letter-spacing:calc(0px - var(--letter-xs));text-align:center;color:var(--text-0);display:inline-block}.account-page-header .account-page-header-content .account-page-header-texts .welcome-message{width:100%;max-width:480px;font-family:inherit;font-size:var(--font-size-16);font-weight:var(--font-weight-medium);line-height:var(--leading-md);letter-spacing:normal;text-align:center;color:var(--text-2);margin:0 auto;display:inline-block}.account-page-content{gap:var(--container-gap);grid-template-columns:1fr;width:100%;display:grid}@media (width>=640px){.account-page-content{grid-template-columns:repeat(auto-fit,minmax(312px,1fr))}}.account-page-content .account-details-item{border:1.5px solid var(--border-0);border-radius:var(--radius-10);flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2px;width:100%;padding:12px;display:flex}.account-page-content .account-details-item .account-details-title{font-family:inherit;font-size:var(--font-size-14);letter-spacing:normal;text-align:left;color:var(--text-3);font-weight:600;line-height:normal}.account-page-content .account-details-item .account-details-description{font-family:inherit;font-size:var(--font-size-16);letter-spacing:normal;text-align:left;color:var(--text-0);font-weight:600;line-height:normal}.account-page-content .current-period-end{grid-column:1/-1;justify-content:center;align-items:center;width:100%;display:flex}.account-page-content .current-period-end .current-period-end-success{border:1px solid color-mix(in oklch, var(--green-color) 10%, transparent);border-radius:var(--radius-10);background:color-mix(in oklch, var(--green-color) 6%, transparent);width:100%;font-family:inherit;font-size:var(--font-size-15);letter-spacing:normal;text-align:left;color:var(--green-color);padding:12px;font-weight:600;line-height:normal;display:block}.account-page-content .current-period-end .current-period-end-warning{border:1px solid color-mix(in oklch, var(--red-color) 10%, transparent);border-radius:var(--radius-10);background:color-mix(in oklch, var(--red-color) 6%, transparent);width:100%;font-family:inherit;font-size:var(--font-size-15);letter-spacing:normal;text-align:left;color:var(--red-color);padding:12px;font-weight:600;line-height:normal;display:block}.account-page-content .account-details-footer{flex-wrap:wrap;grid-column:1/-1;justify-content:flex-start;align-items:center;gap:16px;width:100%;display:flex}.account-page-content .account-details-footer a{display:inline-flex}.account-page-content .account-details-footer .sign-out-button{background:var(--red-color);color:#fff}.account-page-content .cancel-error{border:1px solid color-mix(in oklch, var(--red-color) 10%, transparent);border-radius:var(--radius-10);background:color-mix(in oklch, var(--red-color) 6%, transparent);width:100%;font-family:inherit;font-size:var(--font-size-16);letter-spacing:normal;text-align:left;color:var(--red-color);grid-column:1/-1;padding:12px;font-weight:600;line-height:normal;display:none}