stream-chat-react/dist/css/index.css

React components to create chat conversations or livestream style chat

@import"https://fonts.googleapis.com/icon?family=Material+Icons";:root{--main-font: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif;--second-font: Helvetica Neue, Helvetica, Arial, sans-serif;--xs-font: 10px;--sm-font: 12px;--md-font: 14px;--lg-font: 16px;--xl-font: 22px;--xxl-font: 26px;--xxxl-font: 32px;--font-weight-regular: 400;--font-weight-semi-bold: 600;--font-weight-bold: 700;--primary-color: #006cff;--primary-color-faded: #006cff5c;--magenta: #ff00ff;--red: #ff0000;--faded-red: #d0021b1a;--blue: #026afa;--faded-blue: #cfe3ff;--dt-bg-team: #1d1f22;--border-color: rgba(0, 0, 0, 0.0784313725);--lighten-black: #808080;--lighten-grey: #858585;--light-grey: #ebebeb;--grey: #7a7a7a;--dark-grey: #343434;--green: #28ca42;--faded-green: #02d0021a;--white: #ffffff;--white5: #ffffff0d;--white10: #ffffff1a;--white20: #ffffff33;--white30: #ffffff4d;--white40: #ffffff66;--white50: #ffffff80;--white60: #ffffff99;--white70: #ffffffb3;--white80: #ffffffcc;--white90: #ffffffe6;--white95: #fffffff2;--black: #000000;--black5: #0000000d;--black10: #0000001a;--black20: #00000033;--black30: #0000004d;--black40: #00000066;--black50: #00000080;--black60: #00000099;--black70: #000000b3;--black80: #000000cc;--black90: #000000e6;--black95: #000000f2;--border-radius: 16px;--border-radius-sm: calc(var(--border-radius) / 4);--border-radius-md: calc(var(--border-radius) / 2);--border-radius-round: 999px;--spacing-unit: 8px;--xxs-p: calc(var(--spacing-unit) / 2);--xs-p: var(--spacing-unit);--sm-p: calc(var(--spacing-unit) * 2);--md-p: calc(var(--spacing-unit) * 3);--lg-p: calc(var(--spacing-unit) * 4);--xl-p: calc(var(--spacing-unit) * 5);--xxl-p: calc(var(--spacing-unit) * 8);--xxs-m: calc(var(--spacing-unit) / 2);--xs-m: var(--spacing-unit);--sm-m: calc(var(--spacing-unit) * 2);--md-m: calc(var(--spacing-unit) * 3);--lg-m: calc(var(--spacing-unit) * 4);--xl-m: calc(var(--spacing-unit) * 5);--xxl-m: calc(var(--spacing-unit) * 8);--assetsPath: $assetsPath;--accent_blue: #005fff;--accent_green: #20e070;--accent_red: #ff3742;--bg-gradient-end: #f7f7f7;--bg-gradient-start: #fcfcfc;--blue-alice: #e9f2ff;--border: #00000014;--button-background: #ffffff;--button-text: #005fff;--secondary-button-text: var(--grey);--grey-gainsboro: #dbdbdb;--grey-whisper: #ecebeb;--highlight: #fbf4dd;--modal-shadow: #00000099;--overlay: #00000033;--overlay-dark: #00000099;--shadow-icon: #00000040;--targetedMessageBackground: #fbf4dd;--transparent: transparent;--white-smoke: #f2f2f2;--white-snow: #fcfcfc;--unread-badge-color: #ffffff;--modal-overlay-color: rgba(0, 0, 0, 0.89);--modal-edit-message-form-width: 47em}.str-chat{box-sizing:border-box}.str-chat *,.str-chat *::after,.str-chat *::before{box-sizing:inherit;font-family:var(--second-font)}.str-chat .ngxp__container{z-index:1;margin:0 !important;padding:0 !important;box-shadow:none !important;border:none !important}.str-chat .ngxp__container .ngxp__arrow{display:none !important}.clearfix{clear:both}.messenger-chat.str-chat{display:flex;align-items:flex-start;justify-content:flex-start;font-family:var(--second-font);height:100vh;margin:0;flex:1 0 100%}.messenger-chat.str-chat .str-chat__container{flex:1;height:100%;display:flex;flex-direction:row}.messenger-chat.str-chat .str-chat__main-panel{width:100%;min-width:250px;flex:1;height:100%;display:flex;flex-direction:column;padding:var(--sm-p) var(--sm-p) 0 var(--xs-p)}.str-chat{height:100vh;font-family:var(--second-font);color:var(--black)}.str-chat.dark{color:var(--white)}.str-chat.messaging,.str-chat.commerce{background-color:var(--grey-gainsboro)}.str-chat.messaging.dark,.str-chat.commerce.dark{background-color:var(--dark-grey)}.str-chat.team.dark{background:var(--dark-grey)}.str-chat.livestream.dark{background:var(--dark-grey)}@font-face{font-family:ReplaceFlagEmojiPNG;src:url("../assets/NotoColorEmoji-flags.woff2") format("woff2");unicode-range:U+1F1E6-1F1FF}@font-face{font-family:ReplaceFlagEmojiSVG;src:url("../assets/EmojiOneColor.woff2") format("woff2");unicode-range:U+1F1E6-1F1FF}.str-chat--windows-flags .str-chat__textarea__textarea,.str-chat--windows-flags .str-chat__message-text-inner *,.str-chat--windows-flags .str-chat__emoji-item--entity,.str-chat--windows-flags .emoji-mart-emoji-native *{font-family:ReplaceFlagEmojiPNG,var(--second-font),sans-serif;font-display:swap}@-moz-document url-prefix(""){.str-chat--windows-flags .str-chat__textarea__textarea,.str-chat--windows-flags .str-chat__message-text-inner *,.str-chat--windows-flags .str-chat__emoji-item--entity,.str-chat--windows-flags .emoji-mart-emoji-native *{font-family:ReplaceFlagEmojiSVG,var(--second-font),sans-serif;font-display:swap}}.str-chat-channel-list{float:left}.str-chat-channel{max-height:100vh}.str-chat-channel .str-chat__container{height:100%;display:flex}.str-chat-channel .str-chat__container .str-chat__main-panel,.str-chat-channel .str-chat__container .str-chat-angular__main-panel-inner{height:100%;width:100%;min-width:250px;display:flex;flex-direction:column;flex:1}.str-chat-channel .str-chat__container .str-chat__main-panel--hideOnThread,.str-chat-channel .str-chat__container .str-chat-angular__main-panel-inner--hideOnThread{display:none}.str-chat-channel .str-chat__container .rfu-dropzone{width:100%}.str-chat-channel.messaging .str-chat__main-panel{padding:var(--sm-p) var(--xs-p) 0 0}@media screen and (max-width: 960px){.str-chat-channel.messaging .str-chat__main-panel{padding:var(--xxs-p) var(--xxs-p) 0}}.str-chat-channel.team .str-chat__container{display:flex}.str-chat-channel.commerce .str-chat__main-panel{width:100%}.str-chat-channel.commerce .str-chat__container{background:var(--white95)}.str-chat-channel.commerce.dark .str-chat__container{background:var(--dark-grey);box-shadow:0 10px 31px 0 var(--black50)}.str-chat.dark .emoji-mart{background:var(--dark-grey);border:var(--dark-grey)}.str-chat.dark .emoji-mart-category-label span{background:var(--dark-grey);color:var(--white)}.str-chat.dark .emoji-mart-search input{background:var(--dark-grey);color:var(--white)}.str-chat.dark .emoji-mart-search button svg{fill:var(--white)}.str-chat__empty-channel{display:none}stream-icon,stream-icon-placeholder{display:flex;justify-content:center;align-items:center}.emoji-mart,.emoji-mart *{box-sizing:border-box;line-height:1.15}.emoji-mart{font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue",sans-serif;font-size:16px;display:inline-block;color:#222427;border:1px solid #d9d9d9;border-radius:5px;background:#fff}.emoji-mart .emoji-mart-emoji{padding:6px}.emoji-mart-bar{border:0 solid #d9d9d9}.emoji-mart-bar:first-child{border-bottom-width:1px;border-top-left-radius:5px;border-top-right-radius:5px}.emoji-mart-bar:last-child{border-top-width:1px;border-bottom-left-radius:5px;border-bottom-right-radius:5px}.emoji-mart-anchors{display:flex;flex-direction:row;justify-content:space-between;padding:0 6px;line-height:0}.emoji-mart-anchor{position:relative;display:block;flex:1 1 auto;color:#858585;text-align:center;padding:12px 4px;overflow:hidden;transition:color .1s ease-out;margin:0;box-shadow:none;background:none;border:none}.emoji-mart-anchor:focus{outline:0}.emoji-mart-anchor:hover,.emoji-mart-anchor:focus,.emoji-mart-anchor-selected{color:#464646}.emoji-mart-anchor-selected .emoji-mart-anchor-bar{bottom:0}.emoji-mart-anchor-bar{position:absolute;bottom:-3px;left:0;width:100%;height:3px;background-color:#464646}.emoji-mart-anchors i{display:inline-block;width:100%;max-width:22px}.emoji-mart-anchors svg,.emoji-mart-anchors img{fill:currentColor;height:18px;width:18px}.emoji-mart-scroll{overflow-y:scroll;overflow-x:hidden;height:270px;padding:0 6px 6px;will-change:transform}.emoji-mart-search{margin-top:6px;padding:0 6px;position:relative}.emoji-mart-search input{font-size:16px;display:block;width:100%;padding:5px 25px 6px 10px;border-radius:5px;border:1px solid #d9d9d9;outline:0}.emoji-mart-search input,.emoji-mart-search input::-webkit-search-decoration,.emoji-mart-search input::-webkit-search-cancel-button,.emoji-mart-search input::-webkit-search-results-button,.emoji-mart-search input::-webkit-search-results-decoration{-webkit-appearance:none}.emoji-mart-search-icon{position:absolute;top:7px;right:11px;z-index:2;padding:2px 5px 1px;border:none;background:none}.emoji-mart-category .emoji-mart-emoji span{z-index:1;position:relative;text-align:center;cursor:default}.emoji-mart-category .emoji-mart-emoji:hover::before{z-index:0;content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#f4f4f4;border-radius:100%}.emoji-mart-category-label{z-index:2;position:relative;position:-webkit-sticky;position:sticky;top:0}.emoji-mart-category-label span{display:block;width:100%;font-weight:500;padding:5px 6px;background-color:#fff;background-color:rgba(255,255,255,.95)}.emoji-mart-category-list{margin:0;padding:0}.emoji-mart-category-list li{list-style:none;margin:0;padding:0;display:inline-block}.emoji-mart-emoji{position:relative;display:inline-block;font-size:0;margin:0;padding:0;border:none;background:none;box-shadow:none}.emoji-mart-emoji-native{font-family:"Segoe UI Emoji","Segoe UI Symbol","Segoe UI","Apple Color Emoji","Twemoji Mozilla","Noto Color Emoji","Android Emoji"}.emoji-mart-no-results{font-size:14px;text-align:center;padding-top:70px;color:#858585}.emoji-mart-no-results-img{display:block;margin-left:auto;margin-right:auto;width:50%}.emoji-mart-no-results .emoji-mart-category-label{display:none}.emoji-mart-no-results .emoji-mart-no-results-label{margin-top:.2em}.emoji-mart-no-results .emoji-mart-emoji:hover::before{content:none}.emoji-mart-preview{position:relative;height:70px}.emoji-mart-preview-emoji,.emoji-mart-preview-data,.emoji-mart-preview-skins{position:absolute;top:50%;transform:translateY(-50%)}.emoji-mart-preview-emoji{left:12px}.emoji-mart-preview-data{left:68px;right:12px;word-break:break-all}.emoji-mart-preview-skins{right:30px;text-align:right}.emoji-mart-preview-skins.custom{right:10px;text-align:right}.emoji-mart-preview-name{font-size:14px}.emoji-mart-preview-shortname{font-size:12px;color:#888}.emoji-mart-preview-shortname+.emoji-mart-preview-shortname,.emoji-mart-preview-shortname+.emoji-mart-preview-emoticon,.emoji-mart-preview-emoticon+.emoji-mart-preview-emoticon{margin-left:.5em}.emoji-mart-preview-emoticon{font-size:11px;color:#bbb}.emoji-mart-title span{display:inline-block;vertical-align:middle}.emoji-mart-title .emoji-mart-emoji{padding:0}.emoji-mart-title-label{color:#999a9c;font-size:26px;font-weight:300}.emoji-mart-skin-swatches{font-size:0;padding:2px 0;border:1px solid #d9d9d9;border-radius:12px;background-color:#fff}.emoji-mart-skin-swatches.custom{font-size:0;border:none;background-color:#fff}.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch{width:16px;padding:0 2px}.emoji-mart-skin-swatches.opened .emoji-mart-skin-swatch.selected::after{opacity:.75}.emoji-mart-skin-swatch{display:inline-block;width:0;vertical-align:middle;transition-property:width,padding;transition-duration:.125s;transition-timing-function:ease-out}.emoji-mart-skin-swatch:nth-child(1){transition-delay:0s}.emoji-mart-skin-swatch:nth-child(2){transition-delay:.03s}.emoji-mart-skin-swatch:nth-child(3){transition-delay:.06s}.emoji-mart-skin-swatch:nth-child(4){transition-delay:.09s}.emoji-mart-skin-swatch:nth-child(5){transition-delay:.12s}.emoji-mart-skin-swatch:nth-child(6){transition-delay:.15s}.emoji-mart-skin-swatch.selected{position:relative;width:16px;padding:0 2px}.emoji-mart-skin-swatch.selected::after{content:"";position:absolute;top:50%;left:50%;width:4px;height:4px;margin:-2px 0 0 -2px;background-color:#fff;border-radius:100%;pointer-events:none;opacity:0;transition:opacity .2s ease-out}.emoji-mart-skin-swatch.custom{display:inline-block;width:0;height:38px;overflow:hidden;vertical-align:middle;transition-property:width,height;transition-duration:.125s;transition-timing-function:ease-out;cursor:default}.emoji-mart-skin-swatch.custom.selected{position:relative;width:36px;height:38px;padding:0 2px 0 0}.emoji-mart-skin-swatch.custom.selected::after{content:"";width:0;height:0}.emoji-mart-skin-swatches.custom .emoji-mart-skin-swatch.custom:hover{background-color:#f4f4f4;border-radius:10%}.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom{width:36px;height:38px;padding:0 2px 0 0}.emoji-mart-skin-swatches.custom.opened .emoji-mart-skin-swatch.custom.selected::after{opacity:.75}.emoji-mart-skin-text.opened{display:inline-block;vertical-align:middle;text-align:left;color:#888;font-size:11px;padding:5px 2px;width:95px;height:40px;border-radius:10%;background-color:#fff}.emoji-mart-skin{display:inline-block;width:100%;padding-top:100%;max-width:12px;border-radius:100%}.emoji-mart-skin-tone-1{background-color:#ffc93a}.emoji-mart-skin-tone-2{background-color:#fadcbc}.emoji-mart-skin-tone-3{background-color:#e0bb95}.emoji-mart-skin-tone-4{background-color:#bf8f68}.emoji-mart-skin-tone-5{background-color:#9b643d}.emoji-mart-skin-tone-6{background-color:#594539}.emoji-mart-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.emoji-mart-dark{color:#fff;border-color:#555453;background-color:#222}.emoji-mart-dark .emoji-mart-bar{border-color:#555453}.emoji-mart-dark .emoji-mart-search input{color:#fff;border-color:#555453;background-color:#2f2f2f}.emoji-mart-dark .emoji-mart-search-icon svg{fill:#fff}.emoji-mart-dark .emoji-mart-category .emoji-mart-emoji:hover::before{background-color:#444}.emoji-mart-dark .emoji-mart-category-label span{background-color:#222;color:#fff}.emoji-mart-dark .emoji-mart-skin-swatches{border-color:#555453;background-color:#222}.emoji-mart-dark .emoji-mart-anchor:hover,.emoji-mart-dark .emoji-mart-anchor:focus,.emoji-mart-dark .emoji-mart-anchor-selected{color:#bfbfbf}.mml-container{font-family:inherit;line-height:1.26;font-size:15px}.mml-container *{box-sizing:border-box}.mml-wrap{display:flex;flex-direction:column;max-width:66.66%}.mml-align-left .mml-wrap{margin-right:auto}.mml-align-right .mml-wrap{margin-left:auto}.mml-wrap>*{border-radius:16px}.mml-align-left .mml-wrap>*{margin-right:auto}.mml-align-right .mml-wrap>*{margin-left:auto}.mml-align-left .mml-wrap>:last-child:not(.mml-btn){border-bottom-left-radius:0}.mml-align-right .mml-wrap>:last-child:not(.mml-btn){border-bottom-right-radius:0}.mml-add-to-calendar>.mml-card-body:last-child{overflow:hidden;border-bottom:1px solid #e5e5e6}.base-dark .mml-add-to-calendar>.mml-card-body:last-child{border-bottom-color:#1b2d46}.commerce-light .mml-add-to-calendar>.mml-card-body:last-child{border-bottom-color:#eaeaea}.commerce-dark .mml-add-to-calendar>.mml-card-body:last-child{border-bottom-color:#004ccc}.livestream-light .mml-add-to-calendar>.mml-card-body:last-child{border-bottom-color:#bed5e4}.livestream-dark .mml-add-to-calendar>.mml-card-body:last-child{border-bottom-color:#081e58}.messaging-light .mml-add-to-calendar>.mml-card-body:last-child{border-bottom-color:#d6d6d6}.messaging-dark .mml-add-to-calendar>.mml-card-body:last-child{border-bottom-color:#252628}.team-light .mml-add-to-calendar>.mml-card-body:last-child{border-bottom-color:#eaeaea}.team-dark .mml-add-to-calendar>.mml-card-body:last-child{border-bottom-color:#4e00cc}.mml-align-left .mml-add-to-calendar>.mml-card-body:last-child{border-bottom-right-radius:16px}.mml-align-right .mml-add-to-calendar>.mml-card-body:last-child{border-bottom-left-radius:16px}.mml-btn{display:inline-flex;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;text-decoration:none;-webkit-appearance:none;padding:6px 16px;border-radius:16px;border:1px solid #f2f2f2;color:#006cff;background:#f2f2f2;font-family:inherit;font-weight:700;font-size:15px;margin:0}.base-dark .mml-btn{border-color:#1a232e}.commerce-light .mml-btn{border-color:#d9e1e6}.commerce-dark .mml-btn{border-color:#1c1f27}.livestream-light .mml-btn{border-color:#d9e1e6}.livestream-dark .mml-btn{border-color:#041b55}.messaging-light .mml-btn{border-color:#ebebeb}.messaging-dark .mml-btn{border-color:#242424}.team-light .mml-btn{border-color:#ccc}.team-dark .mml-btn{border-color:#201c27}.base-dark .mml-btn{color:#006cff}.commerce-light .mml-btn{color:#005fff}.commerce-dark .mml-btn{color:#004ccc}.livestream-light .mml-btn{color:#19a0ff}.livestream-dark .mml-btn{color:#0d47d9}.messaging-dark .mml-btn,.messaging-light .mml-btn{color:#0283ff}.team-light .mml-btn{color:#4e1d9d}.team-dark .mml-btn{color:#5d02f0}.base-dark .mml-btn{background:#152438}.commerce-light .mml-btn{background:#fff}.commerce-dark .mml-btn{background:#1c1f27}.livestream-light .mml-btn{background:#fff}.livestream-dark .mml-btn{background:#010c29}.messaging-light .mml-btn{background:#fff}.messaging-dark .mml-btn{background:#3e4042}.team-light .mml-btn{background:#fff}.team-dark .mml-btn{background:#201c27}.mml-btn:not([disabled]){cursor:pointer}.mml-btn:focus,.mml-btn:hover{border-color:#006cff;color:#fff;background:#006cff}.base-dark .mml-btn:focus,.base-dark .mml-btn:hover{border-color:#006cff}.commerce-light .mml-btn:focus,.commerce-light .mml-btn:hover{border-color:#005fff}.commerce-dark .mml-btn:focus,.commerce-dark .mml-btn:hover{border-color:#004ccc}.livestream-light .mml-btn:focus,.livestream-light .mml-btn:hover{border-color:#19a0ff}.livestream-dark .mml-btn:focus,.livestream-dark .mml-btn:hover{border-color:#0d47d9}.messaging-dark .mml-btn:focus,.messaging-dark .mml-btn:hover,.messaging-light .mml-btn:focus,.messaging-light .mml-btn:hover{border-color:#0283ff}.team-light .mml-btn:focus,.team-light .mml-btn:hover{border-color:#4e1d9d}.team-dark .mml-btn:focus,.team-dark .mml-btn:hover{border-color:#5d02f0}.base-dark .mml-btn:focus,.base-dark .mml-btn:hover,.commerce-dark .mml-btn:focus,.commerce-dark .mml-btn:hover,.commerce-light .mml-btn:focus,.commerce-light .mml-btn:hover,.livestream-dark .mml-btn:focus,.livestream-dark .mml-btn:hover,.livestream-light .mml-btn:focus,.livestream-light .mml-btn:hover,.messaging-light .mml-btn:focus,.messaging-light .mml-btn:hover{color:#fff}.messaging-dark .mml-btn:focus,.messaging-dark .mml-btn:hover{color:#e8e8e9}.team-dark .mml-btn:focus,.team-dark .mml-btn:hover,.team-light .mml-btn:focus,.team-light .mml-btn:hover{color:#fff}.base-dark .mml-btn:focus,.base-dark .mml-btn:hover{background:#006cff}.commerce-light .mml-btn:focus,.commerce-light .mml-btn:hover{background:#005fff}.commerce-dark .mml-btn:focus,.commerce-dark .mml-btn:hover{background:#004ccc}.livestream-light .mml-btn:focus,.livestream-light .mml-btn:hover{background:#19a0ff}.livestream-dark .mml-btn:focus,.livestream-dark .mml-btn:hover{background:#0d47d9}.messaging-dark .mml-btn:focus,.messaging-dark .mml-btn:hover,.messaging-light .mml-btn:focus,.messaging-light .mml-btn:hover{background:#0283ff}.team-light .mml-btn:focus,.team-light .mml-btn:hover{background:#4e1d9d}.team-dark .mml-btn:focus,.team-dark .mml-btn:hover{background:#5d02f0}.mml-btn[disabled]{border-color:#f2f2f2;color:#b2b1b5;background:#f2f2f2}.base-dark .mml-btn[disabled]{border-color:#152438}.commerce-light .mml-btn[disabled]{border-color:#fff}.commerce-dark .mml-btn[disabled]{border-color:#1c1f27}.livestream-light .mml-btn[disabled]{border-color:#fff}.livestream-dark .mml-btn[disabled]{border-color:#010c29}.messaging-light .mml-btn[disabled]{border-color:#fff}.messaging-dark .mml-btn[disabled]{border-color:#3e4042}.team-light .mml-btn[disabled]{border-color:#fff}.team-dark .mml-btn[disabled]{border-color:#201c27}.base-dark .mml-btn[disabled]{color:#57606b}.commerce-light .mml-btn[disabled]{color:#b6bece}.commerce-dark .mml-btn[disabled]{color:#43527c}.livestream-light .mml-btn[disabled]{color:#85cdff}.livestream-dark .mml-btn[disabled]{color:#48526a}.messaging-light .mml-btn[disabled]{color:#b3b3b3}.messaging-dark .mml-btn[disabled]{color:#626262}.team-light .mml-btn[disabled]{color:#9f8bbf}.team-dark .mml-btn[disabled]{color:#59437c}.base-dark .mml-btn[disabled]{background:#152438}.commerce-light .mml-btn[disabled]{background:#fff}.commerce-dark .mml-btn[disabled]{background:#1c1f27}.livestream-light .mml-btn[disabled]{background:#fff}.livestream-dark .mml-btn[disabled]{background:#010c29}.messaging-light .mml-btn[disabled]{background:#fff}.messaging-dark .mml-btn[disabled]{background:#3e4042}.team-light .mml-btn[disabled]{background:#fff}.team-dark .mml-btn[disabled]{background:#201c27}.mml-btn:focus{outline:none}.mml-btn--floating{box-shadow:0 2px 5px rgba(0,0,0,.15)}.base-dark .mml-btn--floating{box-shadow:0 4px 4px rgba(0,0,0,.15)}.commerce-light .mml-btn--floating{box-shadow:0 2px 5px rgba(0,0,0,.08)}.commerce-dark .mml-btn--floating{box-shadow:0 4px 4px rgba(0,0,0,.15)}.livestream-light .mml-btn--floating{box-shadow:0 2px 5px rgba(190,213,228,.5)}.livestream-dark .mml-btn--floating{box-shadow:0 4px 4px rgba(0,0,0,.15)}.messaging-light .mml-btn--floating{box-shadow:0 2px 5px rgba(0,74,174,.15)}.messaging-dark .mml-btn--floating{box-shadow:0 4px 4px rgba(0,0,0,.1)}.team-light .mml-btn--floating{box-shadow:0 2px 5px rgba(0,0,0,.08)}.team-dark .mml-btn--floating{box-shadow:0 4px 4px rgba(0,0,0,.15)}.mml-btn--floating:focus{box-shadow:none !important}.mml-btn--with-icon .mml-icon{margin-right:.4em}.mml-btn--icon{padding:5px;border-radius:100%}.mml-btnlist{display:flex}.mml-btnlist--grounded{flex-direction:column;overflow:hidden;width:100%;border:1px solid #e5e5e6;background:#f2f2f2}.base-dark .mml-btnlist--grounded{border-color:#1b2d46}.commerce-light .mml-btnlist--grounded{border-color:#eaeaea}.commerce-dark .mml-btnlist--grounded{border-color:#004ccc}.livestream-light .mml-btnlist--grounded{border-color:#bed5e4}.livestream-dark .mml-btnlist--grounded{border-color:#081e58}.messaging-light .mml-btnlist--grounded{border-color:#d6d6d6}.messaging-dark .mml-btnlist--grounded{border-color:#252628}.team-light .mml-btnlist--grounded{border-color:#eaeaea}.team-dark .mml-btnlist--grounded{border-color:#4e00cc}.base-dark .mml-btnlist--grounded{background:#152438}.commerce-light .mml-btnlist--grounded{background:#fff}.commerce-dark .mml-btnlist--grounded{background:#1c1f27}.livestream-light .mml-btnlist--grounded{background:#fff}.livestream-dark .mml-btnlist--grounded{background:#010c29}.messaging-light .mml-btnlist--grounded{background:#fff}.messaging-dark .mml-btnlist--grounded{background:#3e4042}.team-light .mml-btnlist--grounded{background:#fff}.team-dark .mml-btnlist--grounded{background:#201c27}.mml-btnlist--grounded .mml-btn{width:100%;margin:0;padding:12px 16px;border-width:0 0 1px;border-radius:0;border-color:#e5e5e6}.base-dark .mml-btnlist--grounded .mml-btn{border-color:#1b2d46}.commerce-light .mml-btnlist--grounded .mml-btn{border-color:#eaeaea}.commerce-dark .mml-btnlist--grounded .mml-btn{border-color:#004ccc}.livestream-light .mml-btnlist--grounded .mml-btn{border-color:#bed5e4}.livestream-dark .mml-btnlist--grounded .mml-btn{border-color:#081e58}.messaging-light .mml-btnlist--grounded .mml-btn{border-color:#d6d6d6}.messaging-dark .mml-btnlist--grounded .mml-btn{border-color:#252628}.team-light .mml-btnlist--grounded .mml-btn{border-color:#eaeaea}.team-dark .mml-btnlist--grounded .mml-btn{border-color:#4e00cc}.mml-btnlist--grounded .mml-btn:not(:hover):not(:focus){background:none}.mml-btnlist--grounded .mml-btn:last-child{border-width:0}.mml-btnlist--grounded .mml-btn--with-icon{justify-content:flex-start;font-weight:400}.mml-btnlist--grounded .mml-btn--with-icon:not(:hover):not(:focus){color:#0e1621}.base-dark .mml-btnlist--grounded .mml-btn--with-icon:not(:hover):not(:focus){color:#fff}.commerce-light .mml-btnlist--grounded .mml-btn--with-icon:not(:hover):not(:focus){color:#202a3c}.commerce-dark .mml-btnlist--grounded .mml-btn--with-icon:not(:hover):not(:focus){color:#e2e5e9}.livestream-light .mml-btnlist--grounded .mml-btn--with-icon:not(:hover):not(:focus){color:#2c2c30}.livestream-dark .mml-btnlist--grounded .mml-btn--with-icon:not(:hover):not(:focus){color:#fff}.messaging-light .mml-btnlist--grounded .mml-btn--with-icon:not(:hover):not(:focus){color:#0e1621}.messaging-dark .mml-btnlist--grounded .mml-btn--with-icon:not(:hover):not(:focus){color:#e8e8e9}.team-light .mml-btnlist--grounded .mml-btn--with-icon:not(:hover):not(:focus){color:#2e2c30}.team-dark .mml-btnlist--grounded .mml-btn--with-icon:not(:hover):not(:focus){color:#e5e2e9}.mml-btnlist--floating{flex-direction:row;flex-wrap:wrap;justify-content:center}.mml-align-right .mml-btnlist--floating{margin-left:calc(-50% - 8px);margin-right:-8px}.mml-align-left .mml-btnlist--floating{margin-left:-8px;margin-right:calc(-50% - 8px)}.mml-btnlist--floating .mml-btn{margin:8px}.mml-align-right .mml-carousel{margin-left:-50%}.mml-align-left .mml-carousel{margin-right:-50%}.mml-carousel__track{display:flex;padding:8px 0;overflow-x:scroll;scrollbar-width:none;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;-ms-overflow-style:none}.mml-carousel__track::-webkit-scrollbar{display:none}.mml-carousel__slides{display:flex;flex-wrap:nowrap;min-width:100%}.mml-carousel__slide{scroll-snap-align:center;display:flex;flex-direction:column;margin-right:8px}.mml-align-right .mml-carousel__slide:first-child{margin-left:auto}.mml-carousel__slide:last-child{margin-right:0}.mml-carousel-item>:not(:first-child):not(:last-child){background:#fff}.base-dark .mml-carousel-item>:not(:first-child):not(:last-child){background:#0e1723}.commerce-light .mml-carousel-item>:not(:first-child):not(:last-child){background:#f5f9ff}.commerce-dark .mml-carousel-item>:not(:first-child):not(:last-child){background:#0c0e12}.livestream-light .mml-carousel-item>:not(:first-child):not(:last-child){background:#f1faff}.livestream-dark .mml-carousel-item>:not(:first-child):not(:last-child){background:#00091f}.messaging-light .mml-carousel-item>:not(:first-child):not(:last-child){background:#f7f7f8}.messaging-dark .mml-carousel-item>:not(:first-child):not(:last-child){background:#2d2e2f}.team-light .mml-carousel-item>:not(:first-child):not(:last-child){background:#f9f5ff}.team-dark .mml-carousel-item>:not(:first-child):not(:last-child){background:#0f0c12}.mml-carousel-item>.mml-md,.mml-carousel-item>.mml-text{border-color:#e5e5e6;border-style:solid;border-width:0 1px;padding:0 8px 8px}.base-dark .mml-carousel-item>.mml-md,.base-dark .mml-carousel-item>.mml-text{border-color:#1b2d46}.commerce-light .mml-carousel-item>.mml-md,.commerce-light .mml-carousel-item>.mml-text{border-color:#eaeaea}.commerce-dark .mml-carousel-item>.mml-md,.commerce-dark .mml-carousel-item>.mml-text{border-color:#004ccc}.livestream-light .mml-carousel-item>.mml-md,.livestream-light .mml-carousel-item>.mml-text{border-color:#bed5e4}.livestream-dark .mml-carousel-item>.mml-md,.livestream-dark .mml-carousel-item>.mml-text{border-color:#081e58}.messaging-light .mml-carousel-item>.mml-md,.messaging-light .mml-carousel-item>.mml-text{border-color:#d6d6d6}.messaging-dark .mml-carousel-item>.mml-md,.messaging-dark .mml-carousel-item>.mml-text{border-color:#252628}.team-light .mml-carousel-item>.mml-md,.team-light .mml-carousel-item>.mml-text{border-color:#eaeaea}.team-dark .mml-carousel-item>.mml-md,.team-dark .mml-carousel-item>.mml-text{border-color:#4e00cc}.mml-carousel-item>.mml-md:first-of-type,.mml-carousel-item>.mml-text:first-of-type{padding-top:8px;padding-bottom:6px}.mml-carousel-item>.mml-md:last-of-type,.mml-carousel-item>.mml-text:last-of-type{flex:1}.mml-carousel-item>.mml-text{font-size:11px;color:#8a898e}.base-dark .mml-carousel-item>.mml-text{color:#868b91}.commerce-light .mml-carousel-item>.mml-text{color:#6c7a93}.commerce-dark .mml-carousel-item>.mml-text{color:#afc0df}.livestream-light .mml-carousel-item>.mml-text{color:#7ba0bb}.livestream-dark .mml-carousel-item>.mml-text{color:#7889b6}.messaging-light .mml-carousel-item>.mml-text{color:#8c8c8c}.messaging-dark .mml-carousel-item>.mml-text{color:#898a8b}.team-light .mml-carousel-item>.mml-text{color:#7c61a8}.team-dark .mml-carousel-item>.mml-text{color:#c1afdf}.mml-carousel-item .mml-btn{padding:10px 16px;border-top-left-radius:0;border-top-right-radius:0;border:1px solid #e5e5e6}.base-dark .mml-carousel-item .mml-btn{border-color:#1b2d46}.commerce-light .mml-carousel-item .mml-btn{border-color:#eaeaea}.commerce-dark .mml-carousel-item .mml-btn{border-color:#004ccc}.livestream-light .mml-carousel-item .mml-btn{border-color:#bed5e4}.livestream-dark .mml-carousel-item .mml-btn{border-color:#081e58}.messaging-light .mml-carousel-item .mml-btn{border-color:#d6d6d6}.messaging-dark .mml-carousel-item .mml-btn{border-color:#252628}.team-light .mml-carousel-item .mml-btn{border-color:#eaeaea}.team-dark .mml-carousel-item .mml-btn{border-color:#4e00cc}.mml-col-align-center{justify-content:center}.mml-col-align-right{justify-content:flex-end}.mml-col-1,.mml-col-2,.mml-col-3,.mml-col-4,.mml-col-5,.mml-col-6,.mml-col-7,.mml-col-8,.mml-col-9,.mml-col-10,.mml-col-11,.mml-col-12{position:relative;width:100%;padding-right:4px;padding-left:4px}.mml-col-1{flex:0 0 8.33333%;max-width:8.33333%}.mml-col-2{flex:0 0 16.66667%;max-width:16.66667%}.mml-col-3{flex:0 0 25%;max-width:25%}.mml-col-4{flex:0 0 33.33333%;max-width:33.33333%}.mml-col-5{flex:0 0 41.66667%;max-width:41.66667%}.mml-col-6{flex:0 0 50%;max-width:50%}.mml-col-7{flex:0 0 58.33333%;max-width:58.33333%}.mml-col-8{flex:0 0 66.66667%;max-width:66.66667%}.mml-col-9{flex:0 0 75%;max-width:75%}.mml-col-10{flex:0 0 83.33333%;max-width:83.33333%}.mml-col-11{flex:0 0 91.66667%;max-width:91.66667%}.mml-col-12{flex:0 0 100%;max-width:100%}.mml-col-auto{flex:0 0 auto;width:auto;max-width:100%}.mml-offset-1{margin-left:8.33333%}.mml-offset-2{margin-left:16.66667%}.mml-offset-3{margin-left:25%}.mml-offset-4{margin-left:33.33333%}.mml-offset-5{margin-left:41.66667%}.mml-offset-6{margin-left:50%}.mml-offset-7{margin-left:58.33333%}.mml-offset-8{margin-left:66.66667%}.mml-offset-9{margin-left:75%}.mml-offset-10{margin-left:83.33333%}.mml-offset-11{margin-left:91.66667%}.mml-error{display:flex;justify-content:center;padding:8px;color:#bb5151;font-size:88%}.mml-icon{font-family:Material Icons;line-height:16px;font-size:16px}.mml-icon__svg{width:1em;height:1em;fill:currentColor}.mml-image{display:block;width:100%;height:auto;margin:0}.mml-input{position:relative;width:100%;padding:12px 16px;-webkit-appearance:none;border:1px solid #e5e5e6;color:#8a898e}.base-dark .mml-input{border-color:#1b2d46}.commerce-light .mml-input{border-color:#eaeaea}.commerce-dark .mml-input{border-color:#004ccc}.livestream-light .mml-input{border-color:#bed5e4}.livestream-dark .mml-input{border-color:#081e58}.messaging-light .mml-input{border-color:#d6d6d6}.messaging-dark .mml-input{border-color:#252628}.team-light .mml-input{border-color:#eaeaea}.team-dark .mml-input{border-color:#4e00cc}.base-dark .mml-input{color:#868b91}.commerce-light .mml-input{color:#6c7a93}.commerce-dark .mml-input{color:#afc0df}.livestream-light .mml-input{color:#7ba0bb}.livestream-dark .mml-input{color:#7889b6}.messaging-light .mml-input{color:#8c8c8c}.messaging-dark .mml-input{color:#898a8b}.team-light .mml-input{color:#7c61a8}.team-dark .mml-input{color:#c1afdf}.mml-input:focus{outline:none;color:#0e1621}.base-dark .mml-input:focus{color:#fff}.commerce-light .mml-input:focus{color:#202a3c}.commerce-dark .mml-input:focus{color:#e2e5e9}.livestream-light .mml-input:focus{color:#2c2c30}.livestream-dark .mml-input:focus{color:#fff}.messaging-light .mml-input:focus{color:#0e1621}.messaging-dark .mml-input:focus{color:#e8e8e9}.team-light .mml-input:focus{color:#2e2c30}.team-dark .mml-input:focus{color:#e5e2e9}.mml-card-header+.mml-input,.mml-card .mml-input+.mml-btn{border-top:0}.mml-progress{width:1em;color:#bbb;-webkit-animation:mml-animation-dash 1.4s ease-in-out infinite;animation:mml-animation-dash 1.4s ease-in-out infinite;stroke-dasharray:80px,200px;stroke-dashoffset:0}.mml-progress__svg{display:block}.mml-progress__circle{stroke:currentColor}@-webkit-keyframes mml-animation-dash{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}@keyframes mml-animation-dash{0%{stroke-dasharray:1px,200px;stroke-dashoffset:0}50%{stroke-dasharray:100px,200px;stroke-dashoffset:-15px}to{stroke-dasharray:100px,200px;stroke-dashoffset:-125px}}.mml-loading{display:flex;align-items:center;justify-content:center;padding:8px;font-size:88%}.mml-loading__text{padding-left:8px}.mml-md{padding:2px 0;color:#0e1621}.base-dark .mml-md{color:#fff}.commerce-light .mml-md{color:#202a3c}.commerce-dark .mml-md{color:#e2e5e9}.livestream-light .mml-md{color:#2c2c30}.livestream-dark .mml-md{color:#fff}.messaging-light .mml-md{color:#0e1621}.messaging-dark .mml-md{color:#e8e8e9}.team-light .mml-md{color:#2e2c30}.team-dark .mml-md{color:#e5e2e9}.mml-md blockquote{padding:0 1em;margin:1em 0;border:solid #f2f2f2;border-width:0 0 0 3px}.base-dark .mml-md blockquote{border-color:#152438}.commerce-light .mml-md blockquote{border-color:#fff}.commerce-dark .mml-md blockquote{border-color:#1c1f27}.livestream-light .mml-md blockquote{border-color:#fff}.livestream-dark .mml-md blockquote{border-color:#010c29}.messaging-light .mml-md blockquote{border-color:#fff}.messaging-dark .mml-md blockquote{border-color:#3e4042}.team-light .mml-md blockquote{border-color:#fff}.team-dark .mml-md blockquote{border-color:#201c27}.mml-md pre{padding:2px 4px;margin:0 0 1em;white-space:normal;background:#e5e5e6}.base-dark .mml-md pre{background:#1b2d46}.commerce-light .mml-md pre{background:#eaeaea}.commerce-dark .mml-md pre{background:#004ccc}.livestream-light .mml-md pre{background:#bed5e4}.livestream-dark .mml-md pre{background:#081e58}.messaging-light .mml-md pre{background:#d6d6d6}.messaging-dark .mml-md pre{background:#252628}.team-light .mml-md pre{background:#eaeaea}.team-dark .mml-md pre{background:#4e00cc}.mml-md code{color:#e83e8c;font-size:87.5%;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.mml-md p{margin:0}.mml-md p:not(:first-child):not(:last-child){margin:0 0 1em}.base-dark .mml-md a,.mml-md a{color:#006cff}.commerce-light .mml-md a{color:#005fff}.commerce-dark .mml-md a{color:#004ccc}.livestream-light .mml-md a{color:#19a0ff}.livestream-dark .mml-md a{color:#0d47d9}.messaging-dark .mml-md a,.messaging-light .mml-md a{color:#0283ff}.team-light .mml-md a{color:#4e1d9d}.team-dark .mml-md a{color:#5d02f0}.mml-number,.mml-number__count{flex:1;display:flex}.mml-number__count{align-items:center;justify-content:center;margin:0 8px;font-weight:700;color:#0e1621}.base-dark .mml-number__count{color:#fff}.commerce-light .mml-number__count{color:#202a3c}.commerce-dark .mml-number__count{color:#e2e5e9}.livestream-light .mml-number__count{color:#2c2c30}.livestream-dark .mml-number__count{color:#fff}.messaging-light .mml-number__count{color:#0e1621}.messaging-dark .mml-number__count{color:#e8e8e9}.team-light .mml-number__count{color:#2e2c30}.team-dark .mml-number__count{color:#e5e2e9}.mml-number .mml-btn{margin:8px}.mml-row{display:flex;flex-wrap:wrap;margin-right:-4px;margin-left:-4px;min-width:100%}.mml-card{width:100%}.mml-card .mml-btnlist{font-size:14px;border:0}.mml-card>:not(:first-child):not(:last-child){background:#fff}.base-dark .mml-card>:not(:first-child):not(:last-child){background:#0e1723}.commerce-light .mml-card>:not(:first-child):not(:last-child){background:#f5f9ff}.commerce-dark .mml-card>:not(:first-child):not(:last-child){background:#0c0e12}.livestream-light .mml-card>:not(:first-child):not(:last-child){background:#f1faff}.livestream-dark .mml-card>:not(:first-child):not(:last-child){background:#00091f}.messaging-light .mml-card>:not(:first-child):not(:last-child){background:#f7f7f8}.messaging-dark .mml-card>:not(:first-child):not(:last-child){background:#2d2e2f}.team-light .mml-card>:not(:first-child):not(:last-child){background:#f9f5ff}.team-dark .mml-card>:not(:first-child):not(:last-child){background:#0f0c12}.mml-card>.mml-number{border-color:#e5e5e6;border-style:solid;border-width:0 1px}.base-dark .mml-card>.mml-number{border-color:#1b2d46}.commerce-light .mml-card>.mml-number{border-color:#eaeaea}.commerce-dark .mml-card>.mml-number{border-color:#004ccc}.livestream-light .mml-card>.mml-number{border-color:#bed5e4}.livestream-dark .mml-card>.mml-number{border-color:#081e58}.messaging-light .mml-card>.mml-number{border-color:#d6d6d6}.messaging-dark .mml-card>.mml-number{border-color:#252628}.team-light .mml-card>.mml-number{border-color:#eaeaea}.team-dark .mml-card>.mml-number{border-color:#4e00cc}.mml-card>.mml-btn{min-width:100%;border:1px solid #e5e5e6}.base-dark .mml-card>.mml-btn{border-color:#1b2d46}.commerce-light .mml-card>.mml-btn{border-color:#eaeaea}.commerce-dark .mml-card>.mml-btn{border-color:#004ccc}.livestream-light .mml-card>.mml-btn{border-color:#bed5e4}.livestream-dark .mml-card>.mml-btn{border-color:#081e58}.messaging-light .mml-card>.mml-btn{border-color:#d6d6d6}.messaging-dark .mml-card>.mml-btn{border-color:#252628}.team-light .mml-card>.mml-btn{border-color:#eaeaea}.team-dark .mml-card>.mml-btn{border-color:#4e00cc}.mml-card>.mml-btn:last-child{padding:10px 16px;border-radius:0}.mml-align-left .mml-card>.mml-btn:last-child{border-bottom-right-radius:16px}.mml-align-right .mml-card>.mml-btn:last-child{border-bottom-left-radius:16px}.mml-card-body{border-color:#e5e5e6;border-style:solid;border-width:0 1px;background:#fff;color:#0e1621;font-size:14px}.base-dark .mml-card-body{border-color:#1b2d46}.commerce-light .mml-card-body{border-color:#eaeaea}.commerce-dark .mml-card-body{border-color:#004ccc}.livestream-light .mml-card-body{border-color:#bed5e4}.livestream-dark .mml-card-body{border-color:#081e58}.messaging-light .mml-card-body{border-color:#d6d6d6}.messaging-dark .mml-card-body{border-color:#252628}.team-light .mml-card-body{border-color:#eaeaea}.team-dark .mml-card-body{border-color:#4e00cc}.base-dark .mml-card-body{background:#0e1723}.commerce-light .mml-card-body{background:#f5f9ff}.commerce-dark .mml-card-body{background:#0c0e12}.livestream-light .mml-card-body{background:#f1faff}.livestream-dark .mml-card-body{background:#00091f}.messaging-light .mml-card-body{background:#f7f7f8}.messaging-dark .mml-card-body{background:#2d2e2f}.team-light .mml-card-body{background:#f9f5ff}.team-dark .mml-card-body{background:#0f0c12}.base-dark .mml-card-body{color:#fff}.commerce-light .mml-card-body{color:#202a3c}.commerce-dark .mml-card-body{color:#e2e5e9}.livestream-light .mml-card-body{color:#2c2c30}.livestream-dark .mml-card-body{color:#fff}.messaging-light .mml-card-body{color:#0e1621}.messaging-dark .mml-card-body{color:#e8e8e9}.team-light .mml-card-body{color:#2e2c30}.team-dark .mml-card-body{color:#e5e2e9}.mml-card-body>.mml-md,.mml-card-body>.mml-text{padding:0 8px 8px}.mml-card-body>.mml-md:first-of-type,.mml-card-body>.mml-text:first-of-type{padding-top:8px}.mml-card-header{display:flex;align-items:center;min-width:100%;padding:15px 0;font-size:13px;background:#f2f2f2;color:#8a898e;border-top-left-radius:16px;border-top-right-radius:16px;border:1px solid #e5e5e6}.base-dark .mml-card-header{background:#152438}.commerce-light .mml-card-header{background:#fff}.commerce-dark .mml-card-header{background:#1c1f27}.livestream-light .mml-card-header{background:#fff}.livestream-dark .mml-card-header{background:#010c29}.messaging-light .mml-card-header{background:#fff}.messaging-dark .mml-card-header{background:#3e4042}.team-light .mml-card-header{background:#fff}.team-dark .mml-card-header{background:#201c27}.base-dark .mml-card-header{color:#868b91}.commerce-light .mml-card-header{color:#6c7a93}.commerce-dark .mml-card-header{color:#afc0df}.livestream-light .mml-card-header{color:#7ba0bb}.livestream-dark .mml-card-header{color:#7889b6}.messaging-light .mml-card-header{color:#8c8c8c}.messaging-dark .mml-card-header{color:#898a8b}.team-light .mml-card-header{color:#7c61a8}.team-dark .mml-card-header{color:#c1afdf}.base-dark .mml-card-header{border-color:#1b2d46}.commerce-light .mml-card-header{border-color:#eaeaea}.commerce-dark .mml-card-header{border-color:#004ccc}.livestream-light .mml-card-header{border-color:#bed5e4}.livestream-dark .mml-card-header{border-color:#081e58}.messaging-light .mml-card-header{border-color:#d6d6d6}.messaging-dark .mml-card-header{border-color:#252628}.team-light .mml-card-header{border-color:#eaeaea}.team-dark .mml-card-header{border-color:#4e00cc}.mml-card-header .mml-icon{padding-left:16px;margin-right:-8px}.mml-card-header__text{padding:0 16px;font-weight:700}.mml-datepicker{flex:1;display:flex}.mml-datepicker__select{flex:1}.mml-datepicker__select>div{overflow-y:scroll;scrollbar-width:none;overflow:-moz-scrollbars-none;-ms-overflow-style:none}.mml-datepicker__select>div::-webkit-scrollbar{display:none}.mml-datepicker__item{padding:4px 5px;white-space:nowrap;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.mml-datepicker__item--selected{color:#006cff;font-weight:700}.base-dark .mml-datepicker__item--selected{color:#006cff}.commerce-light .mml-datepicker__item--selected{color:#005fff}.commerce-dark .mml-datepicker__item--selected{color:#004ccc}.livestream-light .mml-datepicker__item--selected{color:#19a0ff}.livestream-dark .mml-datepicker__item--selected{color:#0d47d9}.messaging-dark .mml-datepicker__item--selected,.messaging-light .mml-datepicker__item--selected{color:#0283ff}.team-light .mml-datepicker__item--selected{color:#4e1d9d}.team-dark .mml-datepicker__item--selected{color:#5d02f0}.mml-datepicker--double .mml-datepicker__date{text-align:right}.mml-datepicker--single .mml-datepicker__select{text-align:center}.mml-scheduler .mml-datepicker{height:217px;background:#fff}.base-dark .mml-scheduler .mml-datepicker{background:#0e1723}.commerce-light .mml-scheduler .mml-datepicker{background:#f5f9ff}.commerce-dark .mml-scheduler .mml-datepicker{background:#0c0e12}.livestream-light .mml-scheduler .mml-datepicker{background:#f1faff}.livestream-dark .mml-scheduler .mml-datepicker{background:#00091f}.messaging-light .mml-scheduler .mml-datepicker{background:#f7f7f8}.messaging-dark .mml-scheduler .mml-datepicker{background:#2d2e2f}.team-light .mml-scheduler .mml-datepicker{background:#f9f5ff}.team-dark .mml-scheduler .mml-datepicker{background:#0f0c12}.mml-scheduler .mml-datepicker__select{position:relative}.mml-scheduler .mml-datepicker__select::after,.mml-scheduler .mml-datepicker__select::before{content:"";z-index:1;position:absolute;left:0;right:0;height:10%;min-height:60px;pointer-events:none}.mml-scheduler .mml-datepicker__select::before{top:0;background-image:linear-gradient(180deg, #fff, hsla(0deg, 0%, 100%, 0))}.base-dark .mml-scheduler .mml-datepicker__select::before{background-image:linear-gradient(180deg, #0e1723, hsla(0deg, 0%, 100%, 0))}.commerce-light .mml-scheduler .mml-datepicker__select::before{background-image:linear-gradient(180deg, #f5f9ff, hsla(0deg, 0%, 100%, 0))}.commerce-dark .mml-scheduler .mml-datepicker__select::before{background-image:linear-gradient(180deg, #0c0e12, hsla(0deg, 0%, 100%, 0))}.livestream-light .mml-scheduler .mml-datepicker__select::before{background-image:linear-gradient(180deg, #f1faff, hsla(0deg, 0%, 100%, 0))}.livestream-dark .mml-scheduler .mml-datepicker__select::before{background-image:linear-gradient(180deg, #00091f, hsla(0deg, 0%, 100%, 0))}.messaging-light .mml-scheduler .mml-datepicker__select::before{background-image:linear-gradient(180deg, #f7f7f8, hsla(0deg, 0%, 100%, 0))}.messaging-dark .mml-scheduler .mml-datepicker__select::before{background-image:linear-gradient(180deg, #2d2e2f, hsla(0deg, 0%, 100%, 0))}.team-light .mml-scheduler .mml-datepicker__select::before{background-image:linear-gradient(180deg, #f9f5ff, hsla(0deg, 0%, 100%, 0))}.team-dark .mml-scheduler .mml-datepicker__select::before{background-image:linear-gradient(180deg, #0f0c12, hsla(0deg, 0%, 100%, 0))}.mml-scheduler .mml-datepicker__select::after{bottom:0;background-image:linear-gradient(0deg, #fff, hsla(0deg, 0%, 100%, 0))}.base-dark .mml-scheduler .mml-datepicker__select::after{background-image:linear-gradient(0deg, #0e1723, hsla(0deg, 0%, 100%, 0))}.commerce-light .mml-scheduler .mml-datepicker__select::after{background-image:linear-gradient(0deg, #f5f9ff, hsla(0deg, 0%, 100%, 0))}.commerce-dark .mml-scheduler .mml-datepicker__select::after{background-image:linear-gradient(0deg, #0c0e12, hsla(0deg, 0%, 100%, 0))}.livestream-light .mml-scheduler .mml-datepicker__select::after{background-image:linear-gradient(0deg, #f1faff, hsla(0deg, 0%, 100%, 0))}.livestream-dark .mml-scheduler .mml-datepicker__select::after{background-image:linear-gradient(0deg, #00091f, hsla(0deg, 0%, 100%, 0))}.messaging-light .mml-scheduler .mml-datepicker__select::after{background-image:linear-gradient(0deg, #f7f7f8, hsla(0deg, 0%, 100%, 0))}.messaging-dark .mml-scheduler .mml-datepicker__select::after{background-image:linear-gradient(0deg, #2d2e2f, hsla(0deg, 0%, 100%, 0))}.team-light .mml-scheduler .mml-datepicker__select::after{background-image:linear-gradient(0deg, #f9f5ff, hsla(0deg, 0%, 100%, 0))}.team-dark .mml-scheduler .mml-datepicker__select::after{background-image:linear-gradient(0deg, #0f0c12, hsla(0deg, 0%, 100%, 0))}.mml-success{display:flex;justify-content:center;padding:8px;font-size:88%}.base-dark .mml-success,.mml-success{color:#006cff}.commerce-light .mml-success{color:#005fff}.commerce-dark .mml-success{color:#004ccc}.livestream-light .mml-success{color:#19a0ff}.livestream-dark .mml-success{color:#0d47d9}.messaging-dark .mml-success,.messaging-light .mml-success{color:#0283ff}.team-light .mml-success{color:#4e1d9d}.team-dark .mml-success{color:#5d02f0}.mml-text{padding:2px 0;color:#0e1621}.base-dark .mml-text{color:#fff}.commerce-light .mml-text{color:#202a3c}.commerce-dark .mml-text{color:#e2e5e9}.livestream-light .mml-text{color:#2c2c30}.livestream-dark .mml-text{color:#fff}.messaging-light .mml-text{color:#0e1621}.messaging-dark .mml-text{color:#e8e8e9}.team-light .mml-text{color:#2e2c30}.team-dark .mml-text{color:#e5e2e9}.mml-text+.mml-md,.mml-text+.mml-text{padding-top:2px}.mml-text+.mml-btnlist,.mml-text+.mml-image{margin-top:4px}[class*=" rfu-"],[class^=rfu-]{font-family:Avenir,Arial,Helvetica,sans-serif;-webkit-box-sizing:border-box;box-sizing:border-box}.rfu-file-previewer{border:1px solid rgba(0,0,0,.1);border-radius:4px;overflow:hidden;margin:8px 0;position:relative}.rfu-file-previewer ol{position:relative;margin:0;padding:0;list-style:none}.rfu-file-previewer ol li{position:relative;padding:8px 16px;border-bottom:1px solid rgba(0,0,0,.1)}.rfu-file-previewer ol li:last-child{border-color:rgba(0,0,0,0)}.rfu-file-previewer__file{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer}.rfu-file-previewer__file:hover{background:#fafafa}.rfu-file-previewer__file a{-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0 8px;color:#414d54;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rfu-file-previewer__file svg{min-width:25px}.rfu-file-previewer__file--uploading{opacity:.4}.rfu-file-previewer__file--failed a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:#8b9297}.rfu-file-previewer__file--failed a::after{text-decoration:none}.rfu-file-previewer__image{min-width:25px;display:-webkit-box;display:-ms-flexbox;display:flex}.rfu-file-previewer__loading-indicator{position:absolute;width:100%;height:100%;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;z-index:1000}.rfu-file-previewer__close-button{position:relative;z-index:10000;height:24px;width:24px}.rfu-file-previewer__failed{background:#ff6363}.rfu-file-previewer__failed,.rfu-file-previewer__retry{padding:3px 6px;margin-left:8px;color:#fff;border-radius:4px;font-size:12px}.rfu-file-previewer__retry{text-decoration:none;background:#63e5a4;width:24px;height:24px}.rfu-file-upload-button{cursor:pointer}.rfu-file-upload-button svg{fill:#a0b2b8}.rfu-file-upload-button:hover svg{fill:#88979c}.rfu-file-upload-button label{cursor:pointer}.rfu-file-upload-button .rfu-file-input{width:0;height:0;opacity:0;overflow:hidden;position:absolute;z-index:-1}.rfu-icon-button{cursor:pointer;position:relative;padding:4px;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;background:rgba(0,0,0,0)}.rfu-icon-button svg{position:relative;z-index:50;fill:#a0b2b8}.rfu-icon-button:hover svg{fill:#88979c}.rfu-dropzone .rfu-dropzone__notifier{position:absolute;height:100%;width:100%;padding:30px;z-index:90;display:none;border-radius:4px}.rfu-dropzone--accept .rfu-dropzone__notifier{background:rgba(0,212,106,.83);display:block}.rfu-dropzone--reject .rfu-dropzone__notifier{background:rgba(255,0,0,.83);display:block}.rfu-dropzone__inner{width:100%;height:100%;padding:30px;border:1px dashed #fff;border-radius:4px;-webkit-box-sizing:border-box;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;color:#fff;font-weight:800;font-size:12px}.rfu-dropzone--reject .rfu-dropzone__inner{display:none}.rfu-image-previewer{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:8px 0}.rfu-image-previewer,.rfu-image-previewer__image{display:-webkit-box;display:-ms-flexbox;display:flex}.rfu-image-previewer__imag