@layer components{.status-dot{border:2px solid;border-radius:50%;flex:none;width:.75rem;height:.75rem;display:inline-block}.status-dot[data-status=delivered]{background-color:var(--color-sand-500)}.register-name{transition:opacity .3s var(--ease-ui), translate .5s var(--ease-reveal)}.register-photo>img{transition:scale .7s var(--ease-reveal)}.register-row:has(:focus-visible) .register-name{translate:.75rem}.register-row:has(:focus-visible) .register-photo>img{scale:1.04}@media (hover:hover) and (pointer:fine){.register-row:hover .register-name{translate:.75rem}.register-row:hover .register-photo>img{scale:1.04}.register:has(.register-row:hover) .register-row:not(:hover,:focus-within) .register-name{opacity:.55}}.cover-settle{animation:cover-settle 1.6s var(--ease-reveal) both}.title-settle{animation:title-settle .9s var(--ease-reveal) both}.rule-settle{transform-origin:0;animation:rule-settle 1.1s var(--ease-draw) both}@media (prefers-reduced-motion:reduce){.cover-settle,.title-settle,.rule-settle{animation:none}.register-name,.register-photo>img{transition:none}}}@keyframes cover-settle{0%{scale:1.06}}@keyframes title-settle{0%{translate:0 .08em}}@keyframes rule-settle{0%{scale:0 1}}