.portrait{vertical-align:middle;background:color-mix(in srgb, var(--sky-ink) 7%, transparent);border-radius:999px;flex:none;display:inline-block;position:relative;overflow:hidden}.portrait:after{content:"";border-radius:inherit;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--sky-1) 25%, transparent);pointer-events:none;transition:box-shadow .4s var(--sky-ease);position:absolute;inset:0}.portrait-image{object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.portrait-remembered{background-image:var(--remembered-portrait,none);background-position:50%;background-size:cover}html:not([data-portrait-remembered]) .portrait-remembered-door,html[data-portrait-remembered] .portrait-remembered-word{display:none}.portrait-door:hover .portrait:after{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--sky-ink) 60%, transparent)}.portrait-door[aria-current=page] .portrait:after{box-shadow:inset 0 0 0 1px var(--sky-ink)}.portrait-door-alone .waiting-star{top:1px;right:1px}.portrait-door:has(>[data-link-pending]) .portrait{animation:portrait-dim .6s var(--sky-ease) .15s both}@keyframes portrait-dim{to{opacity:.5}}html[data-motion=reduced] .portrait-door:has(>[data-link-pending]) .portrait{opacity:.5;animation:none}