.room-host-roster{--avatar-lift:-4px;--avatar-dur:.32s;--avatar-scale:1.05;--avatar-falloff:.45;--avatar-ease-in:cubic-bezier(.22, 1, .36, 1);--avatar-ease-out:cubic-bezier(.34, 3.85, .64, 1)}.room-host-roster .t-avatar-group{width:var(--room-avatar-group-width);height:calc(var(--room-avatar-size) + var(--room-avatar-inset));flex-shrink:0;position:relative}.room-host-roster .t-avatar{top:calc(var(--room-avatar-inset) / 2);left:var(--avatar-offset);width:var(--room-avatar-size);height:var(--room-avatar-size);box-shadow:0 0 0 var(--room-avatar-separator-width) var(--room-avatar-separator,color-mix(in srgb, rgb(var(--cream)) 4%, rgb(var(--brand-dark))));z-index:var(--avatar-index);transform-origin:50%;transform:translateY(var(--shift,0px)) scale(var(--scale-active,1));transition:transform var(--avatar-dur) var(--avatar-ease-in);will-change:transform;border-radius:50%;display:flex;position:absolute}.room-host-avatar-visual{border-radius:50%;display:block}.room-host-avatar-button:focus-visible{outline:1px solid rgb(var(--cream) / .7);outline-offset:2px}@media (prefers-reduced-motion:reduce){.room-host-roster .t-avatar{transition:none;transform:none}}@media (hover:none){.room-host-roster .t-avatar{transition:none;transform:none}}@media (pointer:coarse){.room-host-roster{--room-avatar-target-size:max(44px, var(--room-avatar-size));flex-wrap:wrap}.room-host-roster .t-avatar-group{width:calc(var(--room-avatar-count) * var(--room-avatar-target-size));flex-wrap:wrap;max-width:100%;height:auto;display:flex}.room-host-roster .t-avatar{width:var(--room-avatar-target-size);height:var(--room-avatar-target-size);box-shadow:none;will-change:auto;flex:none;transition:none;position:relative;top:auto;left:auto;transform:none}.room-host-roster .room-host-avatar-button{width:var(--room-avatar-target-size);height:var(--room-avatar-target-size);border-radius:0;justify-content:center;align-items:center;display:flex}.room-host-roster .room-host-avatar-visual{box-shadow:0 0 0 var(--room-avatar-separator-width) var(--room-avatar-separator,color-mix(in srgb, rgb(var(--cream)) 4%, rgb(var(--brand-dark))))}.room-host-roster .room-host-avatar-button:focus-visible{outline:none}.room-host-roster .room-host-avatar-button:focus-visible .room-host-avatar-visual{outline:1px solid rgb(var(--cream) / .7);outline-offset:2px}.room-host-roster .room-host-roster-copy{flex-basis:8rem;min-width:min(100%,8rem)}}