.ll-slack-demo{container:slack-demo / inline-size;min-width:0;margin:0}.ll-slack{display:flex;flex-direction:column;max-height:min(600px,calc(100svh / var(--ll-zoom, 1) - 144px));overflow:hidden;border:1px solid #d8d5d8;border-radius:10px;background:#fff;color:#1d1c1d;box-shadow:0 2px 6px #1d1c1d05,0 16px 40px -20px #1d1c1d30;font:400 14px/1.48 -apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;letter-spacing:0}.ll-slack svg{flex-shrink:0}.ll-slack__topbar{display:flex;align-items:center;flex-shrink:0;gap:12px;height:32px;padding:0 12px;background:#350d36;color:#e5d8e6}.ll-slack__history{display:flex;gap:12px;opacity:.7}.ll-slack__search{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;min-width:0;height:25px;overflow:hidden;border:1px solid #ffffff30;border-radius:5px;background:#ffffff17;font-size:11px;white-space:nowrap}.ll-slack__profile{position:relative;display:grid;place-items:center;flex-shrink:0;width:22px;height:22px;border-radius:4px;background:#ccdedb;color:#28534b;font-size:12px;font-weight:700}.ll-slack__profile>span{position:absolute;right:-2px;bottom:-2px;width:7px;height:7px;border:1.5px solid #350d36;border-radius:50%;background:#2bac76}.ll-slack__body{display:grid;flex:1;min-height:0;grid-template-columns:minmax(0,1fr)}.ll-slack__rail,.ll-slack__sidebar{display:none}.ll-slack__main{display:flex;flex-direction:column;min-width:0;min-height:0;background:#fff}.ll-slack__header{display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:10px;min-height:44px;padding:8px 16px;border-bottom:1px solid #eee}.ll-slack__channel-name{display:flex;align-items:center;gap:7px;min-width:0;font-size:16px;font-weight:750}.ll-slack__header-tools{display:flex;gap:12px;color:#616061}.ll-slack__tabs{display:flex;align-items:center;flex-shrink:0;gap:18px;height:30px;padding:0 17px;border-bottom:1px solid #e6e6e6;color:#616061;font-size:12px}.ll-slack__tabs>span{display:flex;align-items:center;align-self:stretch}.ll-slack__tabs>.ll-slack__tab--active{border-bottom:2px solid #611f69;color:#1d1c1d;font-weight:650}.ll-slack__day{display:flex;align-items:center;flex-shrink:0;gap:8px;margin:10px 0}.ll-slack__day:before,.ll-slack__day:after{content:"";flex:1;height:1px;background:#e8e8e8}.ll-slack__day>span{display:flex;align-items:center;gap:7px;border:1px solid #ddd;border-radius:20px;padding:3px 12px;font-size:11px;font-weight:650}.ll-slack__messages{display:flex;flex-direction:column;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;gap:12px;margin:0;padding:0 17px 12px;list-style:none}.ll-slack__messages>li{flex-shrink:0}.ll-slack__message{display:grid;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:9px}.ll-slack__message{animation:ll-rise .32s var(--ll-ease-out) both}.ll-slack__message:nth-child(2){animation-delay:90ms}.ll-slack__message:nth-child(3){animation-delay:.18s}.ll-slack__avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:6px;-o-object-fit:cover;object-fit:cover}.ll-slack__avatar--app{border:1px solid #e6e3eb;background:#f4f2f8}.ll-slack__avatar--app .ll-logo{color:#51438f}.ll-slack__avatar--client{background:#d1e3dc;color:#315c4e;font-size:20px;font-weight:650}.ll-slack__message-content{min-width:0}.ll-slack__message-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;margin:-2px 0 1px;font-size:13px;line-height:1.45}.ll-slack__message-meta b{font-weight:750}.ll-slack__message-meta time{margin-left:2px;color:#727172;font-size:10px}.ll-slack__app-badge{align-self:center;padding:0 3px;border-radius:3px;background:#efefef;color:#616061;font-size:9px;line-height:14px}.ll-slack__message-text{margin:0;font-size:13px;line-height:1.45;overflow-wrap:anywhere}.ll-slack__mention{border-radius:2px;background:#e8f4fa;color:#1264a3;padding:1px 2px}.ll-slack__code{padding:1px 3px;border:1px solid #e5e5e5;border-radius:3px;background:#f8f8f8;color:#c92c4a;font:11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.ll-slack__attachment{margin-top:5px;padding-left:10px;border-left:3px solid #e6b352}.ll-slack__attachment>b{font-size:12px;font-weight:650}.ll-slack__attachment p{margin:2px 0 0;color:#4b494b;font-size:12px;line-height:1.45}.ll-slack__reaction{display:inline-flex;align-items:center;gap:5px;min-width:44px;min-height:29px;margin-top:6px;padding:2px 8px;border:1px solid #e8e8e8;border-radius:20px;background:#f4f4f4;color:#616061;font-family:inherit;font-size:11px;line-height:1;cursor:pointer;transition:background-color .14s ease,transform .14s ease-out}.ll-slack__reaction[aria-pressed=true]{border-color:#1264a3;background:#e8f4fa;color:#1264a3}.ll-slack__reaction:active{transform:scale(.97)}.ll-slack__reaction:focus-visible{outline:2px solid #1264a3;outline-offset:3px}.ll-slack__composer{flex-shrink:0;margin:0 15px 12px;overflow:hidden;border:1px solid #c8c8c8;border-radius:7px;color:#686668}.ll-slack__composer>p{margin:0;padding:7px 11px 4px;font-size:12px}.ll-slack__composer>p b{font-weight:400}.ll-slack__composer-tools{display:flex;align-items:center;gap:13px;height:28px;padding:0 11px;font-size:13px}.ll-slack__send{display:flex;align-items:center;gap:7px;margin-left:auto;color:#aaa}@container slack-demo (min-width: 720px){.ll-slack{max-height:min(560px,calc(100svh / var(--ll-zoom, 1) - 144px))}.ll-slack__body{grid-template-columns:43px 145px minmax(0,1fr)}.ll-slack__rail{display:flex;align-items:center;flex-direction:column;gap:21px;padding:12px 0;background:#481449;color:#e8d8e9}.ll-slack__workspace-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#fff;color:#481449;font-size:16px;font-weight:750}.ll-slack__rail-active{display:grid;place-items:center;width:30px;height:29px;margin-top:1px;border-radius:6px;background:#ffffff30}.ll-slack__rail small{margin:-17px 0 -7px;font-size:8px;font-weight:550}.ll-slack__rail .ll-slack__rail-bottom{margin-top:auto}.ll-slack__sidebar{display:block;overflow:hidden;padding:14px 7px;border-right:1px solid #ffffff12;background:#5e2e60;color:#eee5ef}.ll-slack__workspace{display:flex;align-items:center;gap:5px;padding:0 5px 23px;white-space:nowrap;font-size:14px;font-weight:700}.ll-slack__workspace>svg:last-child{margin-left:auto}.ll-slack__sidebar-label{display:flex;align-items:center;gap:4px;padding:6px 4px;font-size:10px;color:#d4bfd7}.ll-slack__sidebar-label>svg:last-child:not(:first-child){margin-left:auto}.ll-slack__channel{display:flex;align-items:center;gap:5px;min-width:0;height:27px;padding:0 6px;border-radius:4px;font-size:11px;white-space:nowrap}.ll-slack__channel--active{background:#ffffffdb;color:#4b1f4f;font-weight:650}.ll-slack__people-label{margin-top:20px}.ll-slack__presence{width:7px;height:7px;margin:0 3px;border-radius:50%;background:#6cc6a1}}@media (hover: hover) and (pointer: fine){.ll-slack__reaction:hover{background:#e8f4fa;border-color:#a8c7de}}@media (prefers-reduced-motion: reduce){.ll-slack__reaction{transition:none}.ll-slack__message{animation:ll-fade .2s ease both}}