.j-my-page[data-fullscreen-tool]{background:var(--j-surface);position:fixed;inset:0;overflow:hidden}.j-profile-tool-header{align-items:center;gap:var(--j-space-3);min-height:calc(var(--j-panel-header-height) + env(safe-area-inset-top,0px));padding:calc(var(--j-space-2) + env(safe-area-inset-top,0px)) var(--j-space-6) var(--j-space-2);background:var(--j-surface);flex:none;display:flex}.j-profile-tool-header h2{font-size:var(--j-text-section);flex:1;margin:0;font-weight:600;line-height:1.4}.j-my-page[data-fullscreen-tool] .j-my-page-scroll{padding-bottom:env(safe-area-inset-bottom,0px);scroll-padding-top:var(--j-space-4)}.j-my-page[data-fullscreen-tool=avatar] .j-my-page-profile{padding:0 0 var(--j-space-4);max-width:var(--j-workspace-width);display:block}.j-my-page[data-fullscreen-tool] .j-my-page-items{padding-bottom:var(--j-space-6)}.j-my-page[data-fullscreen-tool] .j-avatar-editor[data-avatar-inline]{padding-top:0}.j-avatar-own-toolbar{align-items:center;gap:var(--j-space-3);display:flex}.j-avatar-own-toolbar h2{font-size:var(--j-text-section);flex:1}.j-settings-storage-group{margin-bottom:var(--j-space-6)}.j-my-page[data-fullscreen-tool=avatar][data-surface-phase=open]{animation:j-account-avatar-up var(--j-duration-panel) var(--j-ease) both}.j-my-page[data-fullscreen-tool=settings][data-surface-phase=open]{animation:j-account-settings-up var(--j-duration-panel) var(--j-ease) both}.j-my-page[data-fullscreen-tool][data-surface-phase=closing]{animation:j-account-down var(--j-duration-panel) var(--j-ease) both;pointer-events:none}@keyframes j-account-avatar-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes j-account-settings-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes j-account-down{0%{transform:translateY(0)}to{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.j-my-page[data-fullscreen-tool]{animation:none!important}}.j-settings-inline[data-settings-list]{padding-left:max(var(--j-list-flat-inset),env(safe-area-inset-left,0px));padding-right:max(var(--j-list-flat-inset),env(safe-area-inset-right,0px))}.j-settings-inline[data-settings-list] .j-settings-scroll h2{padding-inline:16px}.j-my-page[data-fullscreen-tool=settings] .j-profile-tool-header{padding-left:calc(10px + env(safe-area-inset-left,0px));padding-right:calc(16px + env(safe-area-inset-right,0px))}
