.skeleton{--skeleton-radius:800px;display:block;position:relative;overflow:hidden;background:var(--material-faint);border-radius:var(--skeleton-radius)}.skeleton__shimmer{position:absolute;inset:0;width:40%;background:linear-gradient(90deg,transparent 0,var(--material-pale) 50%,transparent 100%);pointer-events:none;will-change:transform;transform:translateX(-100%)}.skeleton[data-variant=circle]{--skeleton-radius:50%}.skeleton[data-variant=rect]{--skeleton-radius:8px}.skeleton-text{color:transparent;background-image:linear-gradient(90deg,var(--material-faint) 0,var(--material-pale) 50%,var(--material-faint) 100%);background-size:200% 100%;background-repeat:no-repeat;background-position-x:0;-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:4px;padding:0 2px;-webkit-user-select:none;-moz-user-select:none;user-select:none;will-change:background-position}@media (prefers-reduced-motion:reduce){.skeleton__shimmer{transform:translateX(0);opacity:.5}}.profile-photo-upload{position:relative;width:80px;height:80px;cursor:pointer;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none}.profile-photo-upload__photo{width:80px;height:80px;border-radius:var(--radius-full);overflow:hidden;position:relative;background:var(--material-faint);-webkit-mask:radial-gradient(circle 18px at 68.3px 68.3px,transparent 100%,#000 0);mask:radial-gradient(circle 18px at 68.3px 68.3px,transparent 100%,#000 0);transition:transform .14s ease,box-shadow .14s ease,background-color .14s ease}.profile-photo-upload__skeleton{position:absolute;inset:0;z-index:2;opacity:1;transition:opacity .18s ease}.profile-photo-upload__photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.profile-photo-upload__photo .avatar{position:relative;z-index:1}.profile-photo-upload__fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--material-faint)}.profile-photo-upload__initials{font:var(--type-subheadline-medium);letter-spacing:var(--type-subheadline-medium-tracking);color:var(--fg-primary);text-transform:uppercase}.profile-photo-upload__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--bg-primary) 18%,transparent);opacity:0;pointer-events:none;transition:opacity .18s ease}.profile-photo-upload__progress-ring{width:22px;height:22px;border-radius:var(--radius-full);border:2px solid color-mix(in srgb,var(--fg-primary) 20%,transparent);border-top-color:var(--fg-primary);animation:profile-photo-upload-spin .85s linear infinite}.profile-photo-upload .profile-photo-upload__action{position:absolute;top:50%;left:50%;transform:translate(12.3px,12.3px)}.profile-photo-upload:focus-visible .profile-photo-upload__photo{box-shadow:0 0 0 2px var(--focus-ring)}.profile-photo-upload:focus-visible{outline:none}.profile-photo-upload[data-disabled]{opacity:.5;cursor:default}.profile-photo-upload[data-disabled] .profile-photo-upload__action{cursor:default}.profile-photo-upload:not([data-disabled]):active .profile-photo-upload__photo{transform:scale(.98)}.profile-photo-upload:not([data-disabled]):active .profile-photo-upload__action{transform:translate(12.3px,12.3px) scale(.96)}.profile-photo-upload[data-uploading] .profile-photo-upload__overlay{opacity:1}.profile-photo-upload[data-image-ready] .profile-photo-upload__skeleton{opacity:0}@media (hover:hover) and (pointer:fine){.profile-photo-upload:not([data-disabled]):hover .profile-photo-upload__photo{box-shadow:0 0 0 .5px var(--border-secondary)}}@keyframes profile-photo-upload-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.profile-photo-upload__overlay,.profile-photo-upload__skeleton{transition:none}.profile-photo-upload__photo{transition:box-shadow .14s ease,background-color .14s ease}.profile-photo-upload__progress-ring{animation:none}}