/* Decorative CHAT scope; avatar, ring and lettering animate independently. */
.is-chat{--chat-red:#ff2148}
.ps-chat-avatar{position:relative;display:inline-flex;flex:none;isolation:isolate;border-radius:50%;vertical-align:middle}
.ps-chat-avatar.is-chat:before,.stg-avw.is-chat:before,.ct-photo.is-chat:before,.hg-creator-photo.is-chat:before,.ps-chat-preview.is-chat:before{content:"";position:absolute;inset:-5px;border:3px solid var(--chat-red);border-radius:inherit;pointer-events:none;animation:ps-chat-pulse 1.8s ease-out infinite;z-index:1}
.ps-chat-avatar.is-chat:after,.stg-avw.is-chat:after,.ct-photo.is-chat:after,.hg-creator-photo.is-chat:after,.ps-chat-preview.is-chat:after{content:"";position:absolute;inset:-5px;padding:3px;border-radius:inherit;background:conic-gradient(from 0deg,transparent 0deg 25deg,#ff8da2 75deg,#fff 105deg,var(--chat-red) 150deg,transparent 210deg 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;animation:ps-chat-orbit 2.4s linear infinite;pointer-events:none;z-index:2}
.ps-chat-badge{position:absolute;z-index:4;left:50%;bottom:-5px;transform:translateX(-50%);display:block;width:max-content;max-width:none;padding:3px 7px;border:1px solid #ff4060;border-radius:5px;background:var(--chat-red,#ff2148);color:#fff!important;font:800 11px/1 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:0;pointer-events:none;white-space:nowrap;box-shadow:0 1px 5px #0004}
.ps-chat-text{display:block;clip-path:inset(0 0 0 0);animation:ps-chat-type 3s steps(1,end) infinite}
.ps-chat-avatar>img{width:100%;height:100%;border-radius:50%;clip-path:circle(50%);object-fit:cover}
.au-head .ps-chat-avatar>.au-av{border:0;box-shadow:none}
.ps-chat-size-168{width:168px;height:168px}.ps-chat-size-40{width:40px;height:40px}.ps-chat-size-36{width:36px;height:36px}
.ps-chat-size-40 .ps-chat-badge,.ps-chat-size-36 .ps-chat-badge{font-size:8px;padding:2px 4px;bottom:-6px}
.stg-avw.is-chat{border-radius:50%;isolation:isolate}
.stg-avw.is-chat:before,.stg-avw.is-chat:after{inset:-4px -4px 0}
.stg-avw.is-chat .stg-av{border-color:#ff2148;border-radius:50%}
.stg-avw.is-chat .stg-av img{border-radius:50%;clip-path:circle(50%);object-fit:cover}
.stg-avw.is-chat>.ps-chat-badge{bottom:-3px;font-size:9px;padding:3px 6px}
.ct-photo.is-chat{overflow:visible!important}
.ct-photo.is-chat>img{border-radius:inherit}
.ct-velvet .ct-photo.is-chat,.ct-orbit .ct-photo.is-chat{overflow:hidden!important}
.ct-velvet .ct-photo.is-chat:before,.ct-orbit .ct-photo.is-chat:before,.ct-velvet .ct-photo.is-chat:after,.ct-orbit .ct-photo.is-chat:after{inset:3px}
.ct-velvet .ct-photo.is-chat .ps-chat-badge,.ct-orbit .ct-photo.is-chat .ps-chat-badge{left:auto;right:12px;top:12px;bottom:auto;transform:none}
.hg-creator-photo.is-chat:before,.hg-creator-photo.is-chat:after{inset:2px}.hg-creator-photo.is-chat>.ps-chat-badge{left:auto;right:4px;top:5px;bottom:auto;transform:none;font-size:9px}
.df-chat-card .df-setting-head>.ps-chat-preview{position:relative;display:grid;place-items:center;flex:0 0 48px;width:48px;height:48px;border-radius:50%;background:#10253c;color:white;margin:2px 7px 8px}.ps-chat-preview>.dashicons{font-size:29px;width:29px;height:29px}
.df-chat-card .df-chat-fields{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;align-items:start}
.df-chat-card .df-chat-modes{grid-template-columns:repeat(3,minmax(0,1fr))}
.df-chat-card .df-chat-creators{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding-top:6px;font-size:11px;color:#52637d}
.df-chat-creators>span{border-radius:5px;padding:3px 7px;background:#f1f5fa}
@keyframes ps-chat-pulse{0%{opacity:1;box-shadow:0 0 0 0 #ff214866}75%,100%{opacity:.75;box-shadow:0 0 0 7px #ff214800}}
@keyframes ps-chat-orbit{to{transform:rotate(360deg)}}
@keyframes ps-chat-type{0%,5%{clip-path:inset(0 75% 0 0)}15%{clip-path:inset(0 50% 0 0)}25%{clip-path:inset(0 25% 0 0)}35%,88%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 75% 0 0)}}
@media(prefers-reduced-motion:reduce){.is-chat:before,.is-chat:after,.ps-chat-text{animation:none!important}.ps-chat-text{clip-path:none}}
@media(max-width:900px){.df-chat-card .df-chat-fields{grid-template-columns:1fr;gap:0}}
@media(max-width:600px){.au-head .ps-chat-size-168{width:96px;height:96px}.df-chat-card .df-chat-modes{grid-template-columns:1fr}}