.conv-craft{--bf-ink:#493425;--bf-muted:#8a725c;--bf-paper:#fff9ef;--bf-line:#e4d2bd}.conv-hero-inbound{animation:conv-inbound 18s ease infinite}.conv-hero-note,.conv-hero-owner{animation:conv-coordinate 18s ease infinite}.conv-hero-next,.conv-hero-reply{animation:conv-reply 18s ease infinite}.conv-hero-unread{animation:conv-unread 18s ease infinite}.conv-hero-phase{transform-box:fill-box;transform-origin:left}.conv-craft[data-locale=ar] .conv-hero-phase{transform-origin:right}.conv-hero-phase-0{animation:conv-phase-one 18s linear infinite}.conv-hero-phase-1{animation:conv-phase-two 18s linear infinite}.conv-hero-phase-2{animation:conv-phase-three 18s linear infinite}@keyframes conv-inbound{0%{opacity:.5;translate:0 5px}12%,94%{opacity:1;translate:0 0}to{opacity:.5;translate:0 5px}}@keyframes conv-coordinate{0%,25%{opacity:.32}38%,94%{opacity:1}to{opacity:.32}}@keyframes conv-reply{0%,56%{opacity:.27;translate:0 6px}70%,94%{opacity:1;translate:0 0}to{opacity:.27;translate:0 6px}}@keyframes conv-unread{0%,28%{opacity:1}37%,94%{opacity:0}to{opacity:1}}@keyframes conv-phase-one{0%{transform:scaleX(0)}28%,94%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes conv-phase-two{0%,30%{transform:scaleX(0)}59%,94%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes conv-phase-three{0%,60%{transform:scaleX(0)}94%{transform:scaleX(1)}to{transform:scaleX(0)}}.conv-mobile-preview{display:none}@media(max-width:600px){.conv-art-inbox>svg,.conv-craft>svg{display:none}.conv-mobile-preview{display:block;width:100%;max-width:440px;margin:12px auto;color:#493425;text-align:start;font-size:14px;line-height:1.6;background:#fff9ef;border:1px solid #c9a887;border-radius:5px;box-shadow:0 12px 32px #20130814;overflow:hidden}.conv-mobile-preview *{box-sizing:border-box}.conv-mobile-preview b,.conv-mobile-preview strong{font-weight:500}.conv-mobile-preview p{margin:0;font-size:14px;line-height:1.75}.conv-mobile-preview small{font-size:12px;line-height:1.55}.conv-mobile-bar{display:flex;align-items:center;gap:9px;padding:13px 16px;background:#30241c;color:#efd5bd;font-size:12px;line-height:1.5}.conv-mobile-bar>span{flex:1 1}.conv-mobile-bar>b{font-size:11px;letter-spacing:2px;direction:ltr}.conv-mobile-bar>svg{flex-shrink:0}.conv-mobile-body{display:grid;gap:15px;padding:17px}.conv-mobile-phases{display:grid;grid-template-columns:1fr;gap:0;padding:4px 15px 10px;background:#30241c;color:#efd5bd}.conv-mobile-phases>span{display:flex;align-items:center;gap:10px;position:relative;padding:9px 0 11px;font-size:12px;line-height:1.5}.conv-mobile-phases b{display:grid;place-items:center;width:22px;height:22px;border:1px solid #93694a;border-radius:50%;flex-shrink:0;font-size:11px}.conv-mobile-phases i{position:absolute;bottom:3px;inset-inline:32px 0;height:2px;background:#eda36b}.conv-mobile-person{display:flex;align-items:center;gap:10px;padding-bottom:13px;border-bottom:1px solid #e3d2bf}.conv-mobile-person>div{flex:1 1;display:grid;gap:2px}.conv-mobile-person strong{font-size:16px}.conv-mobile-person small{color:#856246}.conv-mobile-avatar{display:grid;place-items:center;width:39px;height:39px;flex-shrink:0;border-radius:50%;background:#edd2ae;font-size:19px}.conv-mobile-bubble{display:grid;gap:7px;padding:13px 14px;background:#f0e5d5;border:1px solid #e2cdb2;border-radius:5px;margin-inline-end:13px}.conv-mobile-bubble>small,.conv-mobile-note>small{display:flex;align-items:center;gap:6px;color:#8c5b36}.conv-mobile-outgoing{margin-inline:13px 0;background:#f4d8b7;border-color:#d7ad83}.conv-mobile-outgoing>small{justify-content:flex-end}.conv-mobile-note{padding:12px;border:1px dashed #c9a67e;border-radius:4px;background:#f8eddc}.conv-mobile-note p{margin-top:6px;font-size:13px}.conv-mobile-next{display:flex;align-items:center;gap:10px;padding:12px;background:#f1dfc8;border:1px solid #d6b18b;border-radius:4px}.conv-mobile-next>div{display:grid;gap:3px}.conv-mobile-next>svg{flex-shrink:0}.conv-mobile-followers{display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;font-size:12px;color:#82634b}.conv-mobile-search{display:flex;align-items:center;gap:9px;padding:9px 11px;background:#f0e5d5;border-radius:4px;font-size:13px}.conv-mobile-customer{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:11px 0;border-block:1px solid #e3d2bf;font-size:12px}.conv-mobile-customer>bdi{flex:1 1;font-size:13px}.conv-mobile-tag{padding:2px 7px;background:#f4dfc3;border-radius:3px}.conv-mobile-compose{display:flex;align-items:center;gap:10px;min-height:41px;padding:9px 11px;border:1px solid #e3d2bf;border-radius:4px;font-size:12px}.conv-mobile-compose i{flex:1 1;height:2px;background:#dfc7ad}.conv-mobile-thread-list{display:grid;gap:10px}.conv-mobile-thread-list>div{display:flex;flex-wrap:wrap;justify-content:space-between;gap:3px 8px;padding-block:7px;border-top:1px solid #e8d9c5}.conv-mobile-thread-list strong{font-size:13px}.conv-mobile-thread-list span{color:#80634d;font-size:12px}.conv-mobile-footnote{color:#80634d}.conv-mobile-preview .conv-hero-inbound,.conv-mobile-preview .conv-hero-next,.conv-mobile-preview .conv-hero-note,.conv-mobile-preview .conv-hero-reply{animation:none;opacity:1;translate:none;filter:none}.conv-craft .conv-mobile-preview{margin-block:6px}.conv-craft .conv-mobile-bar{padding:10px 13px}.conv-craft .conv-mobile-body{gap:11px;padding:13px}.conv-craft .conv-mobile-phases{grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;padding:4px 12px 8px}.conv-craft .conv-mobile-phases>span{display:block;padding:7px 0 11px;font-size:12px;line-height:1.5}.conv-craft .conv-mobile-phases b{display:inline-grid;vertical-align:baseline;width:18px;height:18px;margin-inline-end:5px;font-size:12px}.conv-craft .conv-mobile-phases i{inset-inline:0}.conv-craft .conv-mobile-person{padding-bottom:9px}.conv-craft .conv-mobile-person strong{font-size:15px}.conv-craft .conv-mobile-avatar{width:33px;height:33px;font-size:17px}.conv-craft .conv-mobile-bubble{gap:5px;padding:10px 12px}.conv-craft .conv-mobile-bubble p{line-height:1.65}.conv-craft .conv-mobile-note{display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between;gap:4px 10px;padding:8px 10px}.conv-craft .conv-mobile-note>span{font-size:12px}.conv-craft .conv-mobile-next{padding:9px 10px}.conv-craft .conv-mobile-next>div{gap:0}.conv-craft .conv-mobile-next strong{font-size:14px}.conv-mobile-caption{display:block;padding:4px 12px;background:#f5e8d6;color:#79563b;font-size:12px;line-height:1.4;border-bottom:1px solid #d9c0a4}}