.m-square-list{list-style:none;margin-left:0;padding-left:0}
.m-square-list>li:not(.c-stat){padding-left:30px}
.m-square-list>li:not(.c-stat):before{font-family:arial,helvetica,sans-serif;position:relative;float:left;color:var(--theme-bullet-color);text-indent:-30px;speak:none;content:'\25A0';top:-3px}
.c-interactive-demo{margin:0 auto;display:none}
@media screen and (min-width:64rem){.c-interactive-demo{display:block}
}
.c-interactive-demo__image{box-shadow:0 4px 20px rgba(0,0,0,.08)}
.c-interactive-demo__call-out{background-color:#ecb22e;border-radius:8px;bottom:45%;box-shadow:0 16px 40px rgba(105,105,105,.3);display:flex;max-height:150px;left:-4rem;position:absolute;top:-4.5rem;transition:3s fadeout;max-width:350px;z-index:20}
.c-interactive-demo__call-out::after{content:'';position:absolute;top:100%;right:30%;border-width:12px;border-style:solid;border-color:#ecb22e transparent transparent}
@media screen and (min-width:64rem){.c-interactive-demo__call-out{left:-1rem}
}
@media screen and (min-width:80rem){.c-interactive-demo{width:1020px;height:575px}
.c-interactive-demo__call-out{left:-4rem}
}
.c-interactive-demo__call-out__wrap{display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:85%}
.c-interactive-demo__call-out__header{font-family:Slack-Larsseit,"Helvetica Neue",Helvetica,"Segoe UI",Tahoma,Arial,sans-serif;font-weight:700;line-height:1.1875;letter-spacing:-.3px;font-size:1.5rem;margin-bottom:1rem}
@media screen and (min-width:25rem){.c-interactive-demo__call-out__header{font-size:calc(1.5rem + (8 * (100vw - 400px)/ 624))}
}
@media screen and (min-width:64rem){.c-interactive-demo__call-out__header{font-size:2rem}
}
.c-interactive-demo__call-out__header:lang(ja){font-family:Slack-Tazugane,Tahoma,Slack-Larsseit,"Helvetica Neue",Helvetica,"Segoe UI",Tahoma,Arial,sans-serif;font-weight:700;line-height:1.375;letter-spacing:.9px;margin-bottom:1rem}
@media screen and (min-width:25rem){.c-interactive-demo__call-out__header:lang(ja){font-size:calc(1.625rem + (6 * (100vw - 400px)/ 624))}
}
@media screen and (min-width:64rem){.c-interactive-demo__call-out__header:lang(ja){font-size:2rem}
}
.c-interactive-demo__call-out__header:lang(de){@display-as-jumbo :            @font-family-display , 2.1875    , 3.    , 1.055555556 , @font-bold    , -1.5px;font-family:Slack-Larsseit,"Helvetica Neue",Helvetica,"Segoe UI",Tahoma,Arial,sans-serif;font-weight:700;line-height:1.125;letter-spacing:-.3px;margin-bottom:1rem}
@media screen and (min-width:25rem){.c-interactive-demo__call-out__header:lang(de){font-size:calc(1.75rem + (4 * (100vw - 400px)/ 624))}
}
@media screen and (min-width:64rem){.c-interactive-demo__call-out__header:lang(de){font-size:2rem}
}
.c-interactive-demo__call-out__header:lang(ko){font-family:NotoSansKR,Slack-Lato,appleLogo,sans-serif;font-weight:700;line-height:1.375;letter-spacing:.9px;font-size:1.625rem;margin-bottom:1rem}
@media screen and (min-width:25rem){.c-interactive-demo__call-out__header:lang(ko){font-size:calc(1.625rem + (6 * (100vw - 400px)/ 624))}
}
@media screen and (min-width:64rem){.c-interactive-demo__call-out__header:lang(ko){font-size:2rem}
}
.c-interactive-demo__call-out__header:lang(zh){font-family:NotoSansKR,Slack-Lato,appleLogo,sans-serif;font-weight:700;line-height:1.375;letter-spacing:.9px;font-size:1.625rem;margin-bottom:1rem}
@media screen and (min-width:25rem){.c-interactive-demo__call-out__header:lang(zh){font-size:calc(1.625rem + (6 * (100vw - 400px)/ 624))}
}
@media screen and (min-width:64rem){.c-interactive-demo__call-out__header:lang(zh){font-size:2rem}
}
.c-interactive-demo__call-out__header:lang(ru){font-family:NotoSansKR,Slack-Lato,appleLogo,sans-serif;font-weight:700;line-height:1.375;letter-spacing:.9px;font-size:1.625rem;margin-bottom:1rem}
@media screen and (min-width:25rem){.c-interactive-demo__call-out__header:lang(ru){font-size:calc(1.625rem + (6 * (100vw - 400px)/ 624))}
}
@media screen and (min-width:64rem){.c-interactive-demo__call-out__header:lang(ru){font-size:2rem}
}
.c-interactive-demo__call-out__header:lang(de),.c-interactive-demo__call-out__header:lang(es-419),.c-interactive-demo__call-out__header:lang(es-ES),.c-interactive-demo__call-out__header:lang(fr),.c-interactive-demo__call-out__header:lang(ja){font-size:1.5rem}
.c-interactive-demo__call-out__header:lang(en-gb),.c-interactive-demo__call-out__header:lang(pt){font-size:1.75rem}
.c-interactive-demo__call-out__text{font-family:Slack-Circular-Pro,"Helvetica Neue",Helvetica,"Segoe UI",Tahoma,Arial,sans-serif;font-weight:400;line-height:1.44444444;letter-spacing:-.2px;font-size:1.125rem;margin-bottom:1rem}
@media screen and (min-width:25rem){.c-interactive-demo__call-out__text{font-size:calc(1.125rem + (2 * (100vw - 400px)/ 624))}
}
@media screen and (min-width:64rem){.c-interactive-demo__call-out__text{font-size:1.25rem}
}
.c-interactive-demo__call-out__text:lang(ja){font-family:Slack-Tazugane,Tahoma,Slack-Larsseit,"Helvetica Neue",Helvetica,"Segoe UI",Tahoma,Arial,sans-serif;font-weight:400;line-height:1.5;letter-spacing:normal;margin-bottom:1rem}
@media screen and (min-width:25rem){.c-interactive-demo__call-out__text:lang(ja){font-size:calc(1.0625rem + (3 * (100vw - 400px)/ 624))}
}
@media screen and (min-width:64rem){.c-interactive-demo__call-out__text:lang(ja){font-size:1.25rem}
}
.c-interactive-demo__call-out__text:lang(de){@display-as-jumbo :            @font-family-display , 2.1875    , 3.    , 1.055555556 , @font-bold    , -1.5px;font-family:Slack-Circular-Pro,"Helvetica Neue",Helvetica,"Segoe UI",Tahoma,Arial,sans-serif;font-weight:400;line-height:1.55555556;letter-spacing:-.2px;margin-bottom:1rem}
@media screen and (min-width:25rem){.c-interactive-demo__call-out__text:lang(de){font-size:calc(1rem + (4 * (100vw - 400px)/ 624))}
}
@media screen and (min-width:64rem){.c-interactive-demo__call-out__text:lang(de){font-size:1.25rem}
}
.c-interactive-demo__call-out__text:lang(ko){font-family:NotoSansKR,Slack-Lato,appleLogo,sans-serif;font-weight:400;line-height:1.5;letter-spacing:normal;font-size:1.0625rem;margin-bottom:1rem}
@media screen and (min-width:25rem){.c-interactive-demo__call-out__text:lang(ko){font-size:calc(1.0625rem + (3 * (100vw - 400px)/ 624))}
}
@media screen and (min-width:64rem){.c-interactive-demo__call-out__text:lang(ko){font-size:1.25rem}
}
.c-interactive-demo__call-out__text:lang(zh){font-family:NotoSansKR,Slack-Lato,appleLogo,sans-serif;font-weight:400;line-height:1.5;letter-spacing:normal;font-size:1.0625rem;margin-bottom:1rem}
@media screen and (min-width:25rem){.c-interactive-demo__call-out__text:lang(zh){font-size:calc(1.0625rem + (3 * (100vw - 400px)/ 624))}
}
@media screen and (min-width:64rem){.c-interactive-demo__call-out__text:lang(zh){font-size:1.25rem}
}
.c-interactive-demo__call-out__text:lang(ru){font-family:NotoSansKR,Slack-Lato,appleLogo,sans-serif;font-weight:400;line-height:1.5;letter-spacing:normal;font-size:1.0625rem;margin-bottom:1rem}
@media screen and (min-width:25rem){.c-interactive-demo__call-out__text:lang(ru){font-size:calc(1.0625rem + (3 * (100vw - 400px)/ 624))}
}
@media screen and (min-width:64rem){.c-interactive-demo__call-out__text:lang(ru){font-size:1.25rem}
}
.c-interactive-demo__call-out__text:lang(de),.c-interactive-demo__call-out__text:lang(es),.c-interactive-demo__call-out__text:lang(es-419),.c-interactive-demo__call-out__text:lang(fr),.c-interactive-demo__call-out__text:lang(ja){font-size:1rem}
.c-interactive-demo__call-out__text:lang(en-gb){font-size:1.25rem}
.c-interactive-demo .c-product-container{max-width:unset;box-shadow:0 4px 20px rgba(0,0,0,.08);border-bottom-left-radius:4px;border-bottom-right-radius:4px;grid-template-columns:260px auto}
.c-interactive-demo .c-product-container.v--adjoined .c-message__container,.c-interactive-demo .c-product-sidebar{border-top-left-radius:0;border-top-right-radius:0}
.c-interactive-demo .c-product-container.v--adjoined .c-message__container{padding-top:0}
.c-interactive-demo .c-message__container{display:none}
.c-interactive-demo .c-message__container.c-interactive-demo__active{display:flex}
.c-interactive-demo .c-message__container__messages__wrap{height:400px;overflow-y:scroll}
.c-interactive-demo .c-message__container__messages__wrap::-webkit-scrollbar{width:8px;height:50px}
.c-interactive-demo .c-message__container__messages__wrap::-webkit-scrollbar-thumb{background:#868686;border-radius:6px}
.c-interactive-demo .c-product-sidebar__list .c-product-sidebar__channel,.c-interactive-demo .c-product-sidebar__list .c-product-sidebar__user{cursor:pointer}
.c-interactive-demo .c-product-sidebar__list .c-product-sidebar__channel:hover,.c-interactive-demo .c-product-sidebar__list .c-product-sidebar__user:hover{background-color:#2b092b;color:#fff}
.c-interactive-demo .c-product-sidebar__list .c-product-sidebar__channel__text{display:inline-block}
.c-interactive-demo .c-product-sidebar__list .c-product-sidebar__badge{right:1rem}
.c-interactive-demo .c-product-sidebar__channel,.c-interactive-demo .c-product-sidebar__user{border-bottom:none;color:#c6c6c6}
.c-interactive-demo .c-product-channel__header__wrapper{align-items:center;border-bottom:1px solid rgba(0,0,0,.1);display:flex;min-height:64px;padding:.5rem 2rem}
.c-interactive-demo .c-product-channel__header__wrapper .c-product-channel__header{box-shadow:none;padding:0}
.c-interactive-demo .c-message{transition:3s ease-in}
.c-interactive-demo .c-message__file{max-width:330px;border:1px solid #d6d6d6}
.c-interactive-demo .c-message__attachment__author{color:#1d1d1d}
.c-interactive-demo .s-product [data-selected=true],.c-interactive-demo .s-product [data-unread=true]{color:#fff}
.c-interactive-demo .s-product [data-selected=true]:hover{background-color:#1264a3}
.c-interactive-demo.v--abstract{width:90%;max-width:945px;display:block;height:unset;margin:0}
@media screen and (min-width:0) and (max-width:1023px){.c-interactive-demo.v--abstract .c-message__input,.c-interactive-demo.v--abstract .c-product-sidebar{display:none}
.c-interactive-demo.v--abstract .c-product-container{grid-template-columns:unset!important}
.c-interactive-demo.v--abstract .c-message__container__messages__wrap{height:unset!important}
.c-interactive-demo.v--abstract .c-message__container{border-bottom-left-radius:4px}
.c-interactive-demo.v--abstract .c-message__text{height:unset}
.c-interactive-demo.v--abstract .c-message.o-media-object .o-media-object__content{overflow:unset}
}
@media screen and (min-width:48rem){.c-interactive-demo.v--abstract{min-width:700px;max-width:542px}
}
@media screen and (min-width:64rem){.c-interactive-demo.v--abstract{min-width:945px}
}
.c-interactive-demo.v--abstract .c-product-container{grid-template-columns:230px auto}
.c-interactive-demo.v--abstract .c-product-sidebar{background-color:#791984}
.c-interactive-demo.v--abstract .c-message__container{display:flex}
.c-interactive-demo.v--abstract .c-message__container__messages__wrap{height:unset;min-height:350px}
.c-interactive-demo.v--abstract .c-message__container .c-message{margin-top:3rem}
.c-interactive-demo.v--abstract .c-message__container .c-message .o-media-object__content{align-items:flex-start;display:inline-flex;flex-direction:column;justify-content:center}
.c-interactive-demo.v--abstract .c-message__container .c-message__text{font-size:1.75rem;text-align:left}
.c-interactive-demo.v--abstract .c-message__container .c-reaction__count{font-size:1.25rem;margin-left:.25rem}
.c-interactive-demo.v--abstract .c-message__container .c-message__avatar{width:128px;height:128px}
.c-interactive-demo.v--abstract .c-message__container .c-message__avatar__video{border-radius:4px}
.c-interactive-demo.v--abstract .c-message__container .c-reaction{border-radius:1.5rem;padding:6px 14px 6px 12px}
.c-interactive-demo.v--abstract .c-message__container .c-reaction__emoji{width:1.5rem;height:1.5rem}
.c-interactive-demo.v--abstract .c-message__container .c-message__input__lightning-bolt{border-right:0}
.c-interactive-demo.v--abstract .c-message__container .c-reaction__bar{margin-top:1rem}