/* Generated from shared/teamchat/role-motion.json + role-motion.css.template. */
:is(.teamchat-message,.teamchat-participant,.teamchat-compose-role-header)[data-role-motion] .teamchat-motion-avatar { position:relative; isolation:isolate; flex-shrink:0; width:36px!important; height:36px!important; padding:2px; border-radius:50%; overflow:hidden; margin-top:0; }
:is(.teamchat-message,.teamchat-participant,.teamchat-compose-role-header)[data-role-motion] .teamchat-motion-face { position:relative; z-index:2; display:grid; place-items:center; width:100%; height:100%; border:2px solid white; border-radius:50%; overflow:hidden; color:white; font-size:10px; font-weight:800; box-sizing:border-box; }
:is(.teamchat-message,.teamchat-participant,.teamchat-compose-role-header)[data-role-motion] .teamchat-motion-chip { position:relative; isolation:isolate; overflow:hidden; border-radius:99px; padding:1.5px; display:inline-flex; vertical-align:middle; flex-shrink:0; }
:is(.teamchat-message,.teamchat-participant,.teamchat-compose-role-header)[data-role-motion] .teamchat-motion-badge { position:relative; z-index:2; overflow:hidden; display:inline-flex; align-items:center; border-radius:99px; padding:3px 8px; color:white; font-size:8px; font-weight:850; line-height:1; letter-spacing:0.35px; text-transform:uppercase; }
:is(.teamchat-message,.teamchat-participant,.teamchat-compose-role-header)[data-role-motion] .teamchat-motion-name { position:relative; isolation:isolate; overflow:hidden; min-width:0; display:inline-block; font-size:12px!important; font-weight:750; }
:is(.teamchat-message,.teamchat-participant,.teamchat-compose-role-header)[data-role-motion].is-developer .teamchat-motion-name { color:#7940d8!important; }
:is(.teamchat-message,.teamchat-participant,.teamchat-compose-role-header)[data-role-motion].is-superadmin .teamchat-motion-name { color:#dc790c!important; }
:is(.teamchat-message,.teamchat-participant,.teamchat-compose-role-header)[data-role-motion]:is(.is-developer,.is-superadmin) :is(.teamchat-message-head,.teamchat-participant-head) { gap:7px!important; min-height:36px; }
:is(.teamchat-message,.teamchat-participant,.teamchat-compose-role-header)[data-role-motion].is-developer .teamchat-motion-avatar { background:#8353e7!important; box-shadow:0 0 0 1px #9d68e926,0 0 10px #8b53d420; }
:is(.teamchat-message,.teamchat-participant,.teamchat-compose-role-header)[data-role-motion].is-developer .teamchat-motion-chip { background:#7542d9!important; box-shadow:0 0 8px #8454df24; }
:is(.teamchat-message,.teamchat-participant,.teamchat-compose-role-header)[data-role-motion].is-superadmin .teamchat-motion-avatar { background:#fa8c1c!important; box-shadow:none; }
:is(.teamchat-message,.teamchat-participant,.teamchat-compose-role-header)[data-role-motion].is-superadmin .teamchat-motion-chip { background:#ed850e!important; }
.teamchat-participant[data-role-motion] { grid-template-columns:36px minmax(0,1fr)!important; }
.teamchat-participant[data-role-motion] .teamchat-motion-avatar { align-self:start; }
.teamchat-participant[data-role-motion] .teamchat-participant-head { display:flex; flex-wrap:wrap; align-items:center; min-width:0; }
.teamchat-participant[data-role-motion] .teamchat-motion-chip { align-self:center; justify-self:start; }
:is(.teamchat-message,.teamchat-participant,.teamchat-compose-role-header)[data-role-motion] .teamchat-motion-face > span, :is(.teamchat-message,.teamchat-participant,.teamchat-compose-role-header)[data-role-motion] .teamchat-motion-badge > span { position:relative; z-index:2; }
:is(.teamchat-message,.teamchat-participant,.teamchat-compose-role-header)[data-role-motion] .teamchat-motion-gradient { position:absolute; z-index:0; top:0; bottom:0; left:0; pointer-events:none; }
:is(.teamchat-message,.teamchat-participant,.teamchat-compose-role-header)[data-role-motion] .teamchat-motion-face > .teamchat-motion-gradient, :is(.teamchat-message,.teamchat-participant,.teamchat-compose-role-header)[data-role-motion] .teamchat-motion-badge > .teamchat-motion-gradient { position:absolute; z-index:0; }
:is(.teamchat-message,.teamchat-participant,.teamchat-compose-role-header)[data-role-motion].is-developer .teamchat-motion-gradient { width:220.00000000000003%; background:linear-gradient(105deg,#6e37cd 0%,#9856ed 50%,#6f3ad2 100%); animation:teamchatDevFlow 5800ms ease-in-out infinite; }
:is(.teamchat-message,.teamchat-participant,.teamchat-compose-role-header)[data-role-motion].is-superadmin .teamchat-motion-gradient { width:350%; background:linear-gradient(110deg,#b95605 0%,#f38b14 20%,#ffc25d 38%,#df6f07 55.00000000000001%,#ffab32 75%,#bb5c05 100%); animation:teamchatOrangeFlow 9000ms ease-in-out infinite alternate; }
:is(.teamchat-message,.teamchat-participant,.teamchat-compose-role-header)[data-role-motion].is-developer .teamchat-motion-avatar:before,:is(.teamchat-message,.teamchat-participant,.teamchat-compose-role-header)[data-role-motion].is-developer .teamchat-motion-chip:before { content:""; position:absolute; z-index:1; opacity:1; background:conic-gradient(from 0deg,transparent 0deg,transparent 33deg,#d1adff 49deg,#ffffff 58deg,#c698ff 67deg,transparent 83deg,transparent 213deg,#d1adff 229deg,#ffffff 238deg,#c698ff 247deg,transparent 263deg,transparent 360deg); animation:teamchatRoleSpin 5800ms linear infinite; }
:is(.teamchat-message,.teamchat-participant,.teamchat-compose-role-header)[data-role-motion].is-developer .teamchat-motion-avatar:before { inset:-60%; }
:is(.teamchat-message,.teamchat-participant,.teamchat-compose-role-header)[data-role-motion].is-developer .teamchat-motion-chip:before { inset:-150%; }
:is(.teamchat-message,.teamchat-participant,.teamchat-compose-role-header)[data-role-motion].is-developer :is(.teamchat-motion-face,.teamchat-motion-name,.teamchat-motion-badge):after { content:""; position:absolute; z-index:4; pointer-events:none; top:-4px; bottom:-4px; width:34px; left:0; background:linear-gradient(90deg,#ffffff00 0%,#ffffff11 19%,#ffffff99 49%,#ffffff22 80%,#ffffff00 100%); animation:teamchatUnifiedShine 6800ms linear infinite; }
:is(.teamchat-message,.teamchat-participant,.teamchat-compose-role-header)[data-role-motion].is-developer .teamchat-motion-name:after { background:linear-gradient(90deg,#d1a2ff00 0%,#d1a2ff20 25%,#ffffffdd 50%,#d1a2ff20 75%,#d1a2ff00 100%); mix-blend-mode:screen; }
@keyframes teamchatRoleSpin { to { transform:rotate(360deg); } }
@keyframes teamchatDevFlow { 0%,100% { transform:translateX(0); } 50% { transform:translateX(-54.54545454545454%); } }
@keyframes teamchatOrangeFlow { from { transform:translateX(-10.714285714285714%); } to { transform:translateX(-60.714285714285715%); } }
@keyframes teamchatUnifiedShine { 0%,12% { transform:translateX(calc(-55px - var(--element-x,0px))) skewX(-16deg); opacity:0; } 16% { opacity:1; } 66% { transform:translateX(calc(var(--shine-distance,540px) - var(--element-x,0px))) skewX(-16deg); opacity:1; } 72%,100% { transform:translateX(calc(var(--shine-distance,540px) - var(--element-x,0px))) skewX(-16deg); opacity:0; } }
@media(prefers-reduced-motion:reduce) { :is(.teamchat-message,.teamchat-participant,.teamchat-compose-role-header)[data-role-motion] .teamchat-motion-gradient,:is(.teamchat-message,.teamchat-participant,.teamchat-compose-role-header)[data-role-motion] :is(.teamchat-motion-avatar,.teamchat-motion-chip):before,:is(.teamchat-message,.teamchat-participant,.teamchat-compose-role-header)[data-role-motion] :is(.teamchat-motion-face,.teamchat-motion-name,.teamchat-motion-badge):after { animation:none!important; } :is(.teamchat-message,.teamchat-participant,.teamchat-compose-role-header)[data-role-motion].is-developer :is(.teamchat-motion-avatar,.teamchat-motion-chip):before,:is(.teamchat-message,.teamchat-participant,.teamchat-compose-role-header)[data-role-motion].is-developer :is(.teamchat-motion-face,.teamchat-motion-name,.teamchat-motion-badge):after { display:none; } }