@charset "utf-8";

.ods-m-author { display: flex; align-items: center; gap: var(--space-padding-M); position: relative; z-index: 2; }

.ods-m-author:has(.ods-a-author-avatar--m) .ods-a-link { font-weight: var(--font-weight-bold); }

.ods-m-author__list { box-sizing: border-box; z-index: 1000; position: absolute; top: calc(100% + var(--space-padding-S)); left: calc(-1 * var(--space-padding-L)); display: none; flex-direction: column; min-width: 230px; gap: var(--space-padding-M); padding: var(--space-padding-L); background: var(--color-neutral-0); box-shadow: rgba(0, 0, 0, 0.25) 0px 4px 4px; }

.ods-m-author__mask { position: absolute; width: 100%; height: 100%; cursor: pointer; z-index: 10; display: none; }

.ods-m-author .ods-a-link--arrow { transition: transform 0.3s; }

.ods-m-author .ods-a-link { display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 200px; }

.ods-m-author .ods-a-link--M { font-weight: var(--font-weight-normal); }

.ods-m-author:focus-within .ods-m-author__list { display: flex; }

.ods-m-author:focus-within .ods-m-author__mask { display: flex; }

.ods-m-author:focus-within .ods-a-link--arrow { transform: rotate(180deg); }

.ods-m-author:has(.ods-m-author__mask:focus) .ods-m-author__list { display: none; }

.ods-m-author:has(.ods-m-author__mask:focus) .ods-m-author__mask { display: none; }