blip-cards
Version:
Reusable BLiP cards using Vue
7 lines (6 loc) • 127 kB
CSS
/**
* blip-cards v3.22.0
* https://github.com/takenet/blip-cards-vue-components
* Released under the MIT License.
*/
.menu-list-padding[data-v-794f6560]{padding:10px 16px;padding-top:0;padding-bottom:0}.menu-list .bubble[data-v-794f6560]{padding:10px 16px;padding-left:0;padding-right:0;min-width:206px;text-align:left}.menu-list .fixed-options li[data-v-794f6560]:last-child{padding-bottom:0}.remove-option-error[data-v-794f6560]{color:#f76556;size:5px;font-size:12px;text-align:left;display:-webkit-box;display:-ms-flexbox;display:flex;padding-left:15px;margin-top:-10px}.section-title[data-v-794f6560]{border-top:none;border-bottom:1px solid var(--color-content-ghost,#8c8c8c)!important;padding-top:0;padding-bottom:0}.section-title div[data-v-794f6560]{text-align:left!important}.blip-card .fixed-options li[data-v-794f6560]{padding-right:0;padding-left:0;margin:0}.blip-card .fixed-options ul[data-v-794f6560]{margin-top:0!important;margin-left:0;margin-right:0}.blip-card .left .fixed-options li[data-v-794f6560],.middle .fixed-options li[data-v-794f6560],.right .fixed-options li[data-v-794f6560]{color:#0cc8cc;border-top:none!important;border-bottom:1px solid var(--color-content-ghost,#8c8c8c)!important}.blip-card .left .fixed-options li li[data-v-794f6560]:first,.middle .fixed-options li[data-v-794f6560]:first,.right .fixed-options li[data-v-794f6560]:first{border-top:none!important;border-bottom:none!important;padding-top:0;padding-bottom:0}.blip-card .left .fixed-options li[data-v-794f6560]:last-child,.middle .fixed-options li[data-v-794f6560]:last-child,.right .fixed-options li[data-v-794f6560]:last-child{border-top:none!important;border-bottom:none!important}.menu-list-prompt .bubble[data-v-14c3a676]{padding:10px 16px;padding-left:0;padding-right:0;min-width:206px;text-align:left}.header-text[data-v-14c3a676]{padding-top:0!important;padding-bottom:0!important;padding:10px 16px}.body-text[data-v-14c3a676]{padding-top:0!important;padding-bottom:10px!important;padding:10px 16px}.button-text[data-v-14c3a676]{padding-top:0!important;padding-bottom:0!important;padding:10px 16px;border-top:.5px solid var(--color-content-ghost,#8c8c8c)}.button-text div[data-v-14c3a676]:first-child{text-align:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.menu-list-options-button-icon .lmenu-list-options-button-text[data-v-14c3a676]{float:left}.menu-list-options-button-icon[data-v-14c3a676]{margin-top:12px}.bubble.right .disable-selection .button-text .menu-list-options-button-icon[data-v-14c3a676]{color:var(--color-surface-1,#f6f6f6)}.bubble.left .disable-selection .button-text .menu-list-options-button-icon[data-v-14c3a676]{color:var(--color-content-default,#454545)}.blip-card .form-group .help[data-v-14c3a676]{padding:0}.call-to-action .bubble[data-v-3dca957c]{padding:10px 16px;padding-left:0;padding-right:0;min-width:206px;text-align:left}.header-text[data-v-3dca957c]{padding-top:0!important;padding-bottom:0!important;padding:10px 16px}.body-text[data-v-3dca957c],.footer-text[data-v-3dca957c]{padding-top:0!important;padding-bottom:10px!important;padding:10px 16px}.button-text[data-v-3dca957c]{padding-top:0!important;padding-bottom:0!important;padding:10px 16px;border-top:.5px solid var(--color-content-ghost,#8c8c8c)}.button-text div[data-v-3dca957c]:first-child{text-align:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.menu-list-options-button-icon .lmenu-list-options-button-text[data-v-3dca957c]{float:left}.menu-list-options-button-icon[data-v-3dca957c]{margin-top:12px}.bubble.right .disable-selection .button-text .menu-list-options-button-icon[data-v-3dca957c]{color:var(--color-surface-1,#f6f6f6)}.bubble.left .disable-selection .button-text .menu-list-options-button-icon[data-v-3dca957c]{color:var(--color-content-default,#454545)}.blip-card .form-group .help[data-v-3dca957c]{padding:0}.fixed-options ul[data-v-3dca957c]{margin:0}.editing .fixed-options ul[data-v-3dca957c]{margin:0 -10px}.fixed-options ul .align-center[data-v-3dca957c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto}.fixed-options ul .align-center>bds-icon[data-v-3dca957c]{margin-right:10px;color:var(--color-primary,#1e6bf1)!important}.fixed-options ul .align-center>bds-typo[data-v-3dca957c]{color:var(--color-primary,#1e6bf1)}.blip-card .fixed-options li div[data-v-3dca957c],.blip-card .fixed-options li span[data-v-3dca957c]{width:auto}.call-to-action .bubble.bubble-padding-top-10[data-v-3dca957c]{padding:10px 0 0}.border-top-none li[data-v-3dca957c]{border-top:none!important}.blip-card .fixed-options ul[data-v-3dca957c]{margin-left:0!important;margin-right:0!important}.json-text .bubble[data-v-37b7d6c2]{padding:10px 16px;padding-left:0;padding-right:0;min-width:206px;text-align:left}.header-text[data-v-37b7d6c2]{padding-top:0!important;padding-bottom:0!important;padding:10px 16px}.body-text[data-v-37b7d6c2],.footer-text[data-v-37b7d6c2]{padding-top:0!important;padding-bottom:10px!important;padding:10px 16px}.button-text[data-v-37b7d6c2]{padding-top:0!important;padding-bottom:0!important;padding:10px 16px;border-top:.5px solid var(--color-content-ghost,#8c8c8c)}.button-text div[data-v-37b7d6c2]:first-child{text-align:center;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex}.menu-list-options-button-icon .lmenu-list-options-button-text[data-v-37b7d6c2]{float:left}.menu-list-options-button-icon[data-v-37b7d6c2]{margin-top:12px}.bubble.right .disable-selection .button-text .menu-list-options-button-icon[data-v-37b7d6c2]{color:var(--color-surface-1,#f6f6f6)}.bubble.left .disable-selection .button-text .menu-list-options-button-icon[data-v-37b7d6c2]{color:var(--color-content-default,#454545)}.blip-card .form-group .help[data-v-37b7d6c2]{padding:0}.button-container[data-v-37b7d6c2]{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;border-top:.5px solid var(--color-content-ghost,#8c8c8c);cursor:pointer}.button-container>div[data-v-37b7d6c2]{margin:8px 0}.button-container bds-typo[data-v-37b7d6c2]{color:var(--color-primary,#1e6bf1)}.fixed-options ul[data-v-37b7d6c2]{margin:0}.editing .fixed-options ul[data-v-37b7d6c2]{margin:0 -10px}.fixed-options ul .align-center[data-v-37b7d6c2]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0 auto}.fixed-options ul .align-center>bds-icon[data-v-37b7d6c2]{margin-right:10px;color:var(--color-primary,#1e6bf1)!important}.fixed-options ul .align-center>bds-typo[data-v-37b7d6c2]{color:var(--color-primary,#1e6bf1)}.blip-card .fixed-options li div[data-v-37b7d6c2],.blip-card .fixed-options li span[data-v-37b7d6c2]{width:auto}.json-text .bubble.bubble-padding-top-10[data-v-37b7d6c2]{padding:10px 0 0}.border-top-none li[data-v-37b7d6c2]{border-top:none!important}.blip-card .fixed-options ul[data-v-37b7d6c2]{margin-left:0!important;margin-right:0!important}.component-order .divider[data-v-3bf080bc]{border-top:1px dashed var(--color-surface-3,#cfcfcf);margin-top:8px;margin-bottom:8px;width:100%}.component-order .payment-button[data-v-3bf080bc]{margin:0}.component-order .payment-button[data-v-3bf080bc]:not(:last-child){border-bottom:1px solid var(--color-surface-3,#cfcfcf);border-radius:0}.component-order .bubble[data-v-3bf080bc]{padding:10px 16px;padding-left:0;padding-right:0;min-width:210px;text-align:left;width:290px;max-width:90%}.payment-component-order__paper-document[data-v-3bf080bc]{margin-bottom:-10px!important;border-radius:6px}.payment-component-order__paper-document .icon-pdf[data-v-3bf080bc]{color:#d32f2f}.mt-card__payment-block__paper-content[data-v-3bf080bc]{background-color:var(--color-surface-2,#e0e0e0)}.mt-card__payment-block__paper-content .image-payment[data-v-3bf080bc]{border-radius:4px;-o-object-fit:cover;object-fit:cover}.color-footer-disable[data-v-3bf080bc],.content-color-ghost[data-v-3bf080bc]{color:var(--color-content-ghost,#8c8c8c)}.blip-card .form-group .help[data-v-3bf080bc]{padding:0}.button-container[data-v-3bf080bc]{width:100%;padding:8px 16px;cursor:pointer}.button-container-text-primary[data-v-3bf080bc]{color:var(--color-primary,#1e6bf1)}.button-container-text-white[data-v-3bf080bc]{color:var(--color-surface-1,#f6f6f6)}.calls[data-v-d366c6a4]{color:var(--color-content-disable,#636363);text-align:center;overflow:hidden;padding-top:5px;width:auto}.blip-message-group .blip-card-group .calls-card div.notification{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important}.calls-card .bubble{padding:12px;word-wrap:break-word;text-align:left}.calls-card .bubble .btn-download{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex}.calls-card .bubble .content{-webkit-box-orient:vertical;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:flex-center;-ms-flex-align:flex-center;align-items:flex-center;gap:var(--space-1,.5rem);width:auto}.calls-card .bubble .content,.calls-card .bubble .content__details{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal}.calls-card .bubble .content__details{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:10px;min-height:60px}.calls-card .bubble .content__details,.calls-card .bubble .content__details__icon{-webkit-box-orient:horizontal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:var(--space-1,.5rem)}.calls-card .bubble .content__details__icon{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-direction:normal;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:var(--space-1,.5rem);background-color:var(--color-error,#f99f9f)}.calls-card .bubble .content__details__icon.answer,.calls-card .bubble .content__details__icon.completed{background-color:var(--color-success,#84ebbc)}.calls-card .bubble .content__details__text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-flex:1;-ms-flex:1;flex:1}.calls-card .bubble .content__details__text__title{gap:32px}.calls-card .bubble .content__details__text__subtitle,.calls-card .bubble .content__details__text__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-flex:1;-ms-flex:1;flex:1}.calls-card .bubble .content__details__text__subtitle{gap:16px}.calls-card .bubble .content__record{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:start;gap:var(--space-05,.25rem);-ms-flex-item-align:stretch;align-self:stretch;padding:var(--space-05,.25rem) 12px;background-color:var(--color-content-disabled,#636363);border-radius:6px 6px var(--space-0,0) 6px;overflow:hidden;min-height:60px}.calls-card .bubble .content__record.video.has-media{padding:0;background-color:transparent}.calls-card .bubble .content__record.video>div,.calls-card .bubble .content__record.video>div>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-item-align:stretch;align-self:stretch}.calls-card .bubble .content__record.video>div>div div.video-player-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1}.calls-card .bubble .content__record.video>div>div div.video-player-wrapper #blipVideo{border-radius:var(--space-1,.5rem)!important}.calls-card .bubble .content__record.video>div>div div.video-player-wrapper .video-player-controls{margin-top:var(--space-2,1rem);padding:var(--space-05,.25rem) var(--space-2,1rem)}.calls-card .bubble .content__record.voice>div{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:stretch;align-self:stretch}.calls-card .bubble .content__record.voice>div div.audio-player-wrapper{-webkit-box-flex:1;-ms-flex:1;flex:1}.calls-card .bubble .content__record.voice>div div.audio-player-wrapper .audio-play-pause{margin-top:3px}.calls-card .bubble .content__record .loading-media-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;gap:var(--space-1,.5rem)}.calls-card .bubble .content__record .loading-media-content bds-loading-spinner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-transition:var(--default-transition,all .25s ease-in);transition:var(--default-transition,all .25s ease-in);overflow:hidden;opacity:0;-webkit-transform:translateX(-200%);transform:translateX(-200%)}.calls-card .bubble .content__record .loading-media-content bds-typo{-webkit-box-flex:1;-ms-flex:1;flex:1;color:var(--color-surface-1,#f6f6f6);-webkit-transition:var(--default-transition,all .25s ease-in);transition:var(--default-transition,all .25s ease-in);-webkit-transform:translateX(-40px);transform:translateX(-40px)}.calls-card .bubble .content__record .loading-media-content button.btn-refresh{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:0;padding:var(--space-05,.25rem) var(--space-1,.5rem);background-color:transparent;border-radius:var(--space-1,.5rem);border:1px solid var(--color-border-1,#c9c9c9);cursor:pointer;-webkit-transition:var(--default-transition,all .25s ease-in);transition:var(--default-transition,all .25s ease-in);opacity:1}.calls-card .bubble .content__record .loading-media-content button.btn-refresh:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:transparent;z-index:0;border-radius:var(--space-1,.5rem)}.calls-card .bubble .content__record .loading-media-content button.btn-refresh:hover:before{background-color:var(--color-hover,rgba(0,0,0,.08))}.calls-card .bubble .content__record .loading-media-content button.btn-refresh:active:before{background-color:var(--color-pressed,rgba(0,0,0,.16))}.calls-card .bubble .content__record .loading-media-content button.btn-refresh:disabled{cursor:default;border:1px solid var(--color-content-ghost,#8c8c8c)}.calls-card .bubble .content__record .loading-media-content button.btn-refresh:disabled:before{background-color:transparent}.calls-card .bubble .content__record .loading-media-content.refreshing-media bds-loading-spinner{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}.calls-card .bubble .content__record .loading-media-content.refreshing-media bds-typo{-webkit-transform:translateX(0);transform:translateX(0)}.calls-card .bubble .content__record .loading-media-content.refreshing-media button.btn-refresh{-webkit-transform:translateX(200%);transform:translateX(200%);opacity:0}.calls-card .bubble.left .content__record,.calls-card .bubble.middle .content__record{border-radius:6px 6px 6px var(--space-0,0)}.calls-card .bubble.left .content__record .audio-player-wrapper .slider,.calls-card .bubble.middle .content__record .audio-player-wrapper .slider{background-color:var(--color-content-ghost,#8c8c8c)}.calls-card .bubble.left .content__record .audio-player-wrapper .progress .pin,.calls-card .bubble.middle .content__record .audio-player-wrapper .progress .pin{background-color:var(--color-surface-1,#f6f6f6)}.calls-card .bubble.left .content__record .audio-player-wrapper .audio-player-button,.calls-card .bubble.middle .content__record .audio-player-wrapper .audio-player-button{fill:var(--color-surface-1,#f6f6f6)}.calls-card .bubble.left .content__record .audio-player-wrapper .audio-player-time,.calls-card .bubble.middle .content__record .audio-player-wrapper .audio-player-time{color:var(--color-surface-1,#f6f6f6)}.calls-card .bubble.left .content__record .audio-player-wrapper .blip-change-playback-rate,.calls-card .bubble.middle .content__record .audio-player-wrapper .blip-change-playback-rate{border-color:var(--color-content-ghost,#8c8c8c);color:var(--color-surface-1,#f6f6f6)}.calls-card .bubble.middle .content__record{border-radius:6px}.blip-plain-text-metadata{margin-top:-20px;padding:0 10px 10px 0}.media-link.audio .bubble,.media-link.voice .bubble{padding:0;width:500px}.media-link.audio .bubble .audio-player-wrapper,.media-link.voice .bubble .audio-player-wrapper{padding:10px 16px}.calls-card .left .slider,.calls-card .middle .slider,.media-link.audio .left .slider,.media-link.audio .middle .slider,.media-link.voice .left .slider,.media-link.voice .middle .slider{background-color:var(--color-surface-3,#cfcfcf)}.calls-card .left .progress .pin,.calls-card .middle .progress .pin,.media-link.audio .left .progress .pin,.media-link.audio .middle .progress .pin,.media-link.voice .left .progress .pin,.media-link.voice .middle .progress .pin{background-color:var(--color-content-default,#454545)}.calls-card .left .audio-player-button,.calls-card .middle .audio-player-button,.media-link.audio .left .audio-player-button,.media-link.audio .middle .audio-player-button,.media-link.voice .left .audio-player-button,.media-link.voice .middle .audio-player-button{fill:var(--color-content-default,#454545)}.calls-card .left .blip-change-playback-rate,.calls-card .middle .blip-change-playback-rate,.media-link.audio .left .blip-change-playback-rate,.media-link.audio .middle .blip-change-playback-rate,.media-link.voice .left .blip-change-playback-rate,.media-link.voice .middle .blip-change-playback-rate{border-color:var(--color-content-ghost,#8c8c8c);color:var(--color-content-default,#454545)}.calls-card .left .video-player-time,.calls-card .middle .video-player-time,.media-link.audio .left .video-player-time,.media-link.audio .middle .video-player-time,.media-link.voice .left .video-player-time,.media-link.voice .middle .video-player-time{color:var(--color-content-default,#454545)}.calls-card .right .slider,.media-link.audio .right .slider,.media-link.voice .right .slider{background-color:var(--color-content-ghost,#8c8c8c)}.calls-card .right .progress .pin,.media-link.audio .right .progress .pin,.media-link.voice .right .progress .pin{background-color:var(--color-surface-1,#f6f6f6)}.calls-card .right .audio-player-button,.media-link.audio .right .audio-player-button,.media-link.voice .right .audio-player-button{fill:var(--color-surface-1,#f6f6f6)}.calls-card .right .video-player-time,.media-link.audio .right .video-player-time,.media-link.voice .right .video-player-time{color:var(--color-surface-1,#f6f6f6)}.calls-card .right .blip-change-playback-rate,.media-link.audio .right .blip-change-playback-rate,.media-link.voice .right .blip-change-playback-rate{border-color:var(--color-content-ghost,#8c8c8c);color:var(--color-surface-1,#f6f6f6)}.calls-card .notification,.media-link.audio .notification,.media-link.voice .notification{color:var(--color-content-disable,#636363)}.calls-card .form form,.media-link.audio .form form,.media-link.voice .form form{width:auto}.calls-card .audio-player-wrapper .audio-player-controls,.media-link.audio .audio-player-wrapper .audio-player-controls,.media-link.voice .audio-player-wrapper .audio-player-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;margin-top:5px}.calls-card .audio-player-wrapper .audio-player-button,.media-link.audio .audio-player-wrapper .audio-player-button,.media-link.voice .audio-player-wrapper .audio-player-button{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;width:14px;margin-right:15px;color:inherit;cursor:pointer}.calls-card .audio-player-wrapper .blip-change-playback-rate,.media-link.audio .audio-player-wrapper .blip-change-playback-rate,.media-link.voice .audio-player-wrapper .blip-change-playback-rate{display:inline-block;cursor:pointer;margin:0;padding:0;overflow:hidden;text-align:center;white-space:nowrap;font-weight:600;background-color:transparent;border-width:1px;border-style:solid;border-radius:8px;outline:none;text-decoration:none;width:2.75rem;height:2rem}.calls-card .audio-player-wrapper .audio-play-pause,.media-link.audio .audio-player-wrapper .audio-play-pause,.media-link.voice .audio-player-wrapper .audio-play-pause{margin-top:6px}.calls-card .audio-player-wrapper .audio-player-bar,.media-link.audio .audio-player-wrapper .audio-player-bar,.media-link.voice .audio-player-wrapper .audio-player-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-top:13px;margin-right:16px}.calls-card .audio-player-wrapper .audio-player-time,.media-link.audio .audio-player-wrapper .audio-player-time,.media-link.voice .audio-player-wrapper .audio-player-time{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-size:x-small;line-height:10px;color:inherit}.calls-card .audio-player-wrapper .audio-player-range,.media-link.audio .audio-player-wrapper .audio-player-range,.media-link.voice .audio-player-wrapper .audio-player-range{position:relative;bottom:10px;opacity:0;margin:0 0 -9px;width:100%;padding:0;height:16px;cursor:pointer}.calls-card .audio-player-wrapper .audio-loading,.media-link.audio .audio-player-wrapper .audio-loading,.media-link.voice .audio-player-wrapper .audio-loading{padding-right:12px}.calls-card .audio-player-wrapper .audio-player-loading,.media-link.audio .audio-player-wrapper .audio-player-loading,.media-link.voice .audio-player-wrapper .audio-player-loading{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;width:20px;height:20px;margin-right:12px}.calls-card .audio-player-wrapper .slider,.media-link.audio .audio-player-wrapper .slider,.media-link.voice .audio-player-wrapper .slider{border-radius:1.5px;height:3px;position:relative}.calls-card .audio-player-wrapper .slider .progress,.media-link.audio .audio-player-wrapper .slider .progress,.media-link.voice .audio-player-wrapper .slider .progress{width:0;height:100%;background-color:var(--color-primary,#1e6bf1);border-radius:inherit;position:absolute;pointer-events:none}.calls-card .audio-player-wrapper .slider .progress .pin,.media-link.audio .audio-player-wrapper .slider .progress .pin,.media-link.voice .audio-player-wrapper .slider .progress .pin{right:-8px;top:-6px;height:14px;width:14px;border-radius:8px;position:absolute;pointer-events:all;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.32);box-shadow:0 1px 1px 0 rgba(0,0,0,.32)}.calls-card .audio-player-wrapper .audio-player-transcription,.media-link.audio .audio-player-wrapper .audio-player-transcription,.media-link.voice .audio-player-wrapper .audio-player-transcription{width:100%;margin-top:8px}.calls-card .audio-player-wrapper .audio-player-transcription .pointer,.media-link.audio .audio-player-wrapper .audio-player-transcription .pointer,.media-link.voice .audio-player-wrapper .audio-player-transcription .pointer{cursor:pointer}.calls-card .audio-player-wrapper .audio-player-transcription .transcription,.media-link.audio .audio-player-wrapper .audio-player-transcription .transcription,.media-link.voice .audio-player-wrapper .audio-player-transcription .transcription{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:16px;text-align:left;white-space:normal;margin:16px 0}.calls-card .audio-player-wrapper .audio-player-transcription .transcription a,.media-link.audio .audio-player-wrapper .audio-player-transcription .transcription a,.media-link.voice .audio-player-wrapper .audio-player-transcription .transcription a{text-decoration:none}.calls-card .audio-player-wrapper .audio-player-transcription .action,.media-link.audio .audio-player-wrapper .audio-player-transcription .action,.media-link.voice .audio-player-wrapper .audio-player-transcription .action{border-top:1px solid var(--color-content-disable,#636363);padding:16px 0}.calls-card .audio-player-wrapper .audio-player-transcription .action .full-transcription,.media-link.audio .audio-player-wrapper .audio-player-transcription .action .full-transcription,.media-link.voice .audio-player-wrapper .audio-player-transcription .action .full-transcription{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px}.calls-card .audio-player-wrapper .audio-player-transcription .action .loading,.media-link.audio .audio-player-wrapper .audio-player-transcription .action .loading,.media-link.voice .audio-player-wrapper .audio-player-transcription .action .loading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:8px}.calls-card .blip-media-link-metadata,.media-link.audio .blip-media-link-metadata,.media-link.voice .blip-media-link-metadata{margin-top:-10px;padding:0 10px 5px 0}.sk-circle{width:40px;height:40px}.sk-circle .sk-child{width:100%;height:100%;position:absolute;left:0;top:0}.sk-circle .sk-child:before{content:"";display:block;margin:0 auto;width:15%;height:15%;background-color:#fff;border-radius:100%;-webkit-animation:sk-circleBounceDelay 1.2s infinite ease-in-out both;animation:sk-circleBounceDelay 1.2s infinite ease-in-out both}.sk-circle .sk-circle2{-webkit-transform:rotate(30deg);transform:rotate(30deg)}.sk-circle .sk-circle3{-webkit-transform:rotate(60deg);transform:rotate(60deg)}.sk-circle .sk-circle4{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.sk-circle .sk-circle5{-webkit-transform:rotate(120deg);transform:rotate(120deg)}.sk-circle .sk-circle6{-webkit-transform:rotate(150deg);transform:rotate(150deg)}.sk-circle .sk-circle7{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.sk-circle .sk-circle8{-webkit-transform:rotate(210deg);transform:rotate(210deg)}.sk-circle .sk-circle9{-webkit-transform:rotate(240deg);transform:rotate(240deg)}.sk-circle .sk-circle10{-webkit-transform:rotate(270deg);transform:rotate(270deg)}.sk-circle .sk-circle11{-webkit-transform:rotate(300deg);transform:rotate(300deg)}.sk-circle .sk-circle12{-webkit-transform:rotate(330deg);transform:rotate(330deg)}.sk-circle .sk-circle2:before{-webkit-animation-delay:-1.1s;animation-delay:-1.1s}.sk-circle .sk-circle3:before{-webkit-animation-delay:-1s;animation-delay:-1s}.sk-circle .sk-circle4:before{-webkit-animation-delay:-.9s;animation-delay:-.9s}.sk-circle .sk-circle5:before{-webkit-animation-delay:-.8s;animation-delay:-.8s}.sk-circle .sk-circle6:before{-webkit-animation-delay:-.7s;animation-delay:-.7s}.sk-circle .sk-circle7:before{-webkit-animation-delay:-.6s;animation-delay:-.6s}.sk-circle .sk-circle8:before{-webkit-animation-delay:-.5s;animation-delay:-.5s}.sk-circle .sk-circle9:before{-webkit-animation-delay:-.4s;animation-delay:-.4s}.sk-circle .sk-circle10:before{-webkit-animation-delay:-.3s;animation-delay:-.3s}.sk-circle .sk-circle11:before{-webkit-animation-delay:-.2s;animation-delay:-.2s}.sk-circle .sk-circle12:before{-webkit-animation-delay:-.1s;animation-delay:-.1s}@-webkit-keyframes sk-circleBounceDelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes sk-circleBounceDelay{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}#simplifiedVideo{-o-object-fit:fill;object-fit:fill;border-radius:0!important}#simplifiedVideo,.video-preview-container{background-color:var(--color-surface-1,#f6f6f6)}.video-preview-container{width:56px;height:56px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.preview-loading{padding-left:20px;padding-top:20px}#blipVideo{max-height:300px}.media-link.video .bubble{max-width:500px;padding:0}.media-link.video .bubble .video-player-wrapper .video-player-controls{padding:10px 16px}.media-video video{border-radius:0!important}.calls-card .left .slider,.calls-card .middle .slider,.media-link.media-video .left .slider,.media-link.media-video .middle .slider,.media-link.video .left .slider,.media-link.video .middle .slider{background-color:var(--color-surface-3,#cfcfcf)}.calls-card .left .progress .pin,.calls-card .middle .progress .pin,.media-link.media-video .left .progress .pin,.media-link.media-video .middle .progress .pin,.media-link.video .left .progress .pin,.media-link.video .middle .progress .pin{background-color:var(--color-content-default,#454545)}.calls-card .left .video-player-button,.calls-card .middle .video-player-button,.media-link.media-video .left .video-player-button,.media-link.media-video .middle .video-player-button,.media-link.video .left .video-player-button,.media-link.video .middle .video-player-button{fill:var(--color-content-default,#454545)}.calls-card .left .video-player-time,.calls-card .middle .video-player-time,.media-link.media-video .left .video-player-time,.media-link.media-video .middle .video-player-time,.media-link.video .left .video-player-time,.media-link.video .middle .video-player-time{color:var(--color-content-default,#454545)}.calls-card .right .slider,.media-link.media-video .right .slider,.media-link.video .right .slider{background-color:var(--color-content-ghost,#8c8c8c)}.calls-card .right .progress .pin,.media-link.media-video .right .progress .pin,.media-link.video .right .progress .pin{background-color:var(--color-surface-1,#f6f6f6)}.calls-card .right .video-player-button,.media-link.media-video .right .video-player-button,.media-link.video .right .video-player-button{fill:var(--color-surface-1,#f6f6f6)}.calls-card .right .video-player-time,.media-link.media-video .right .video-player-time,.media-link.video .right .video-player-time{color:var(--color-surface-1,#f6f6f6)}.calls-card .form form,.media-link.media-video .form form,.media-link.video .form form{width:auto}.calls-card .form .form-group .form-control.text,.media-link.media-video .form .form-group .form-control.text,.media-link.video .form .form-group .form-control.text{margin-top:10px}.calls-card .notification,.media-link.media-video .notification,.media-link.video .notification{color:var(--color-content-disable,#636363)}.calls-card .video-player-wrapper,.media-link.media-video .video-player-wrapper,.media-link.video .video-player-wrapper{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-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}.calls-card .video-player-wrapper .sk-circle-wrapper,.media-link.media-video .video-player-wrapper .sk-circle-wrapper,.media-link.video .video-player-wrapper .sk-circle-wrapper{position:absolute;left:50%;padding:5px;border-radius:100%;margin-left:-25px}.calls-card .video-player-wrapper .sk-circle-wrapper .sk-circle,.media-link.media-video .video-player-wrapper .sk-circle-wrapper .sk-circle,.media-link.video .video-player-wrapper .sk-circle-wrapper .sk-circle{position:relative;color:#fff}.calls-card .video-player-wrapper .video-player,.media-link.media-video .video-player-wrapper .video-player,.media-link.video .video-player-wrapper .video-player{height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-item-align:top;align-self:top;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border-radius:13px 13px 13px 2px!important}.calls-card .video-player-wrapper video,.media-link.media-video .video-player-wrapper video,.media-link.video .video-player-wrapper video{height:100%;width:100%}.calls-card .video-player-wrapper .video-player-controls,.media-link.media-video .video-player-wrapper .video-player-controls,.media-link.video .video-player-wrapper .video-player-controls{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-top:5px}.calls-card .video-player-wrapper .volume-control,.media-link.media-video .video-player-wrapper .volume-control,.media-link.video .video-player-wrapper .volume-control{height:100%;position:relative}.calls-card .video-player-wrapper .volume-slider-wrapper,.media-link.media-video .video-player-wrapper .volume-slider-wrapper,.media-link.video .video-player-wrapper .volume-slider-wrapper{background-color:rgba(0,0,0,.7);padding:15px;bottom:90px;left:-40px;position:absolute;border-radius:10px;-webkit-transform:rotate(90deg);transform:rotate(-90deg);-webkit-transition:all .15s linear;transition:all .15s linear}.calls-card .video-player-wrapper .volume-slider,.media-link.media-video .video-player-wrapper .volume-slider,.media-link.video .video-player-wrapper .volume-slider{width:100px;position:relative;margin:0}.calls-card .video-player-wrapper .hide,.media-link.media-video .video-player-wrapper .hide,.media-link.video .video-player-wrapper .hide{opacity:0;visibility:hidden}.calls-card .video-player-wrapper .video-player-volume,.media-link.media-video .video-player-wrapper .video-player-volume,.media-link.video .video-player-wrapper .video-player-volume{position:absolute;width:100%;bottom:-11px;opacity:0;cursor:pointer}.calls-card .video-player-wrapper video::-webkit-media-controls-enclosure,.media-link.media-video .video-player-wrapper video::-webkit-media-controls-enclosure,.media-link.video .video-player-wrapper video::-webkit-media-controls-enclosure{display:none}.calls-card .video-player-wrapper .video-player-button,.media-link.media-video .video-player-wrapper .video-player-button,.media-link.video .video-player-wrapper .video-player-button{-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0}.calls-card .video-player-wrapper .player-button,.media-link.media-video .video-player-wrapper .player-button,.media-link.video .video-player-wrapper .player-button{cursor:pointer}.calls-card .video-player-wrapper .player-button-left,.media-link.media-video .video-player-wrapper .player-button-left,.media-link.video .video-player-wrapper .player-button-left{margin-right:15px;width:14px}.calls-card .video-player-wrapper .player-button-right,.media-link.media-video .video-player-wrapper .player-button-right,.media-link.video .video-player-wrapper .player-button-right{margin-left:15px}.calls-card .video-player-wrapper .video-player-bar,.media-link.media-video .video-player-wrapper .video-player-bar,.media-link.video .video-player-wrapper .video-player-bar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin-top:10px}.calls-card .video-player-wrapper .video-player-time,.media-link.media-video .video-player-wrapper .video-player-time,.media-link.video .video-player-wrapper .video-player-time{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;font-family:Nunito Sans,sans-serif;font-size:x-small;line-height:10px}.calls-card .video-player-wrapper .video-player-range,.media-link.media-video .video-player-wrapper .video-player-range,.media-link.video .video-player-wrapper .video-player-range{position:relative;bottom:10px;opacity:0;margin:0 0 -9px;width:100%;padding:0;height:16px;cursor:pointer}.calls-card .video-player-wrapper .slider,.media-link.media-video .video-player-wrapper .slider,.media-link.video .video-player-wrapper .slider{border-radius:1.5px;height:3px;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;position:relative}.calls-card .video-player-wrapper .slider .progress,.media-link.media-video .video-player-wrapper .slider .progress,.media-link.video .video-player-wrapper .slider .progress{width:0;height:100%;background-color:var(--color-primary,#1e6bf1);border-radius:inherit;position:absolute;pointer-events:none}.calls-card .video-player-wrapper .slider .progress .pin,.media-link.media-video .video-player-wrapper .slider .progress .pin,.media-link.video .video-player-wrapper .slider .progress .pin{right:-8px;top:-6px;height:14px;width:14px;border-radius:8px;position:absolute;pointer-events:all;-webkit-box-shadow:0 1px 1px 0 rgba(0,0,0,.32);box-shadow:0 1px 1px 0 rgba(0,0,0,.32)}.calls-card .video-player-wrapper .video-description,.media-link.media-video .video-player-wrapper .video-description,.media-link.video .video-player-wrapper .video-description{text-align:left;padding:.5rem 1rem}.calls-card .video-full-screen,.media-link.media-video .video-full-screen,.media-link.video .video-full-screen{background-color:#000;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;height:100%}.calls-card .video-full-screen #blipVideo,.media-link.media-video .video-full-screen #blipVideo,.media-link.video .video-full-screen #blipVideo{max-height:100%;border-radius:0!important}.calls-card .video-full-screen .video-player-controls.hide-player,.media-link.media-video .video-full-screen .video-player-controls.hide-player,.media-link.video .video-full-screen .video-player-controls.hide-player{bottom:-50px;visibility:hidden;opacity:0}.calls-card .video-full-screen .video-player-controls,.media-link.media-video .video-full-screen .video-player-controls,.media-link.video .video-full-screen .video-player-controls{background-color:rgba(0,0,0,.7);margin:0;position:absolute;width:100%;bottom:0;left:0;-webkit-transition:all .5s linear;transition:all .5s linear}.calls-card .video-full-screen .video-player-controls .player-button,.media-link.media-video .video-full-screen .video-player-controls .player-button,.media-link.video .video-full-screen .video-player-controls .player-button{fill:#a7bec3!important}.calls-card .video-full-screen .video-player-controls .video-player-time,.media-link.media-video .video-full-screen .video-player-controls .video-player-time,.media-link.video .video-full-screen .video-player-controls .video-player-time{color:#a7bec3!important}.calls-card .video-full-screen .video-player-controls .pin,.media-link.media-video .video-full-screen .video-player-controls .pin,.media-link.video .video-full-screen .video-player-controls .pin{background-color:#0cc8cc!important}.calls-card .blip-media-link-metadata,.media-link.media-video .blip-media-link-metadata,.media-link.video .blip-media-link-metadata{margin-top:-20px;padding:0 10px 10px 0}.blip-container.calls-voice-request .bubble[data-v-07cd004e]{text-align:start;padding:8px 16px;max-width:368px!important}.blip-container.calls-voice-request .divider[data-v-07cd004e]{border-top:1px solid var(--color-content-ghost,#8c8c8c);margin-top:8px;margin-bottom:8px;width:100%}.blip-container.calls-voice-request .action[data-v-07cd004e]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:8px;margin-bottom:8px}.blip-container.calls-voice-request .action .title-action[data-v-07cd004e]{margin-left:8px}.blip-container.calls-permission-request .bubble[data-v-49116c8b]{text-align:start;overflow:hidden;padding:8px 16px;max-width:368px!important}.blip-container.calls-permission-request .divider[data-v-49116c8b]{border-top:1px solid var(--color-content-ghost,#8c8c8c);margin-top:8px;margin-bottom:8px;width:100%}.blip-container.calls-permission-request .action[data-v-49116c8b]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly;padding-top:8px;margin-bottom:8px}.blip-container.calls-permission-request .action .radio[data-v-49116c8b]{display:-webkit-box;display:-ms-flexbox;display:flex}.blip-container.calls-permission-request .action .radio .circle[data-v-49116c8b]{height:24px;width:24px;border-radius:50%;border:2px solid var(--color-content-default,#454545)}.blip-container.calls-permission-request .action .radio .circle.right[data-v-49116c8b]{border-color:var(--color-surface-1,#f6f6f6)}.blip-container.calls-permission-request .action .radio .label[data-v-49116c8b]{margin-left:8px}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .5s;transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.slide-fade-enter-active{-webkit-transition:all .8s ease;transition:all .8s ease}.slide-fade-leave-active{-webkit-transition:all .8s cubic-bezier(1,.5,.8,1);transition:all .8s cubic-bezier(1,.5,.8,1)}.slide-fade-enter,.slide-fade-leave-to{-webkit-transform:translateX(10px);transform:translateX(10px);opacity:0}.flip-container{-webkit-perspective:1000px;perspective:1000px}.flip-container.hover .flipper,.flip-container:hover .flipper{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flipper{-webkit-transition:.6s;transition:.6s;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;position:relative}.back,.front{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;top:0;left:0}.front{z-index:2;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.skeleton{-webkit-animation:skeleton-loading 1s linear infinite alternate;animation:skeleton-loading 1s linear infinite alternate;width:100%}@-webkit-keyframes skeleton-loading{0%{background-color:#c2cfd6}to{background-color:#f0f3f5}}@keyframes skeleton-loading{0%{background-color:#c2cfd6}to{background-color:#f0f3f5}}.blip-clearfix{clear:both}.blip-flex{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;display:-webkit-box;display:-ms-flexbox;display:flex}.blip-relative{position:relative}.ss-wrapper{overflow:hidden;width:100%;z-index:1;float:left}.ss-content,.ss-wrapper{height:100%;position:relative}.ss-content{width:calc(100% + 18px);padding:0;overflow-y:scroll;-webkit-box-sizing:border-box;box-sizing:border-box}.ss-content.rtl{width:calc(100% + 18px);right:auto}.ss-scroll{position:relative;background:rgba(0,0,0,.3);width:9px;border-radius:4px;top:0;z-index:2;cursor:pointer;opacity:1;-webkit-transition:opacity .25s linear;transition:opacity .25s linear}.ss-hidden{display:none}.ss-container:active .ss-scroll,.ss-container:hover .ss-scroll{opacity:1}.ss-grabbed{-o-user-select:none;-ms-user-select:none;-moz-user-select:none;-webkit-user-select:none;user-select:none}*{font-family:Nunito Sans,sans-serif}.flex{display:-webkit-box;display:-ms-flexbox;display:flex}.failure{color:var(--color-extended-red,#e60f0f);font-size:10px;margin-right:5px}.failure img{margin:0;height:13px}.blip-container{margin-bottom:10px;width:100%;position:relative}.blip-container,.blip-container>div:not(.bubble){text-align:center}.blip-card-container{width:100%;font-size:16px}.blip-card{width:100%}.blip-card *,.blip-card :after,.blip-card :before{-webkit-box-sizing:border-box;box-sizing:border-box}.blip-card .bubble{position:relative;margin-bottom:5px;width:auto;height:100%;max-width:90%;min-width:160px;font-size:16px;font-weight:400;line-height:20px;white-space:pre-line;border:1px solid var(--color-content-ghost,#8c8c8c)}.blip-card .bubble.left{border-radius:13px 13px 13px 2px;background-color:var(--color-surface-1,#f6f6f6);float:left}.blip-card .bubble.left,.blip-card .bubble.left .typo{color:var(--color-content-default,#454545)}.blip-card .bubble.left .typo-light{color:var(--color-content-ghost,#8c8c8c)}.blip-card .bubble.middle{border-radius:13px 13px 13px 13px;background-color:var(--color-surface-1,#f6f6f6);color:var(--color-content-default,#454545);margin-left:auto;margin-right:auto;display:inline-block}.blip-card .ratio{border-radius:0}.blip-card .bubble.right{border-radius:13px 2px 13px 13px;background-color:var(--color-content-default,#454545);float:right}.blip-card .bubble.right,.blip-card .bubble.right .typo{color:var(--color-surface-1,#f6f6f6)}.blip-card .bubble.right .failed-message>bds-icon,.blip-card .bubble.right .typo-light{color:var(--color-surface-2,#e0e0e0)}.blip-card .bubble.right .in-reaction-to-message-container,.blip-card .bubble.right .in-reply-to-message-container{background-color:var(--color-content-disable,#636363)}.blip-card .notification{font-size:10px;color:var(--color-content-disable,#636363);line-height:14px;clear:both}.blip-card .notification.left{float:left}.blip-card .notification.right{float:right}.blip-card a{cursor:pointer;text-decoration:underline}.blip-card .left a,.blip-card .middle a,.blip-card .right a{color:var(--color-primary,#1e6bf1)}.blip-card .right a{font-weight:700}.blip-card form .fixed-options li span{margin-left:17px}.blip-card .fixed-options a{text-decoration:none}.blip-card .fixed-options ul{list-style-type:none;clear:both;margin:0;margin-top:15px;padding:0}.blip-card .fixed-options li{cursor:pointer;text-align:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:10px;margin:2px;font-size:16px;font-weight:500;word-break:break-word;display:-webkit-box;display:-ms-flexbox;display:flex}.blip-card .fixed-options li div,.blip-card .fixed-options li span{width:100%;text-align:center}.blip-card .fixed-options li .remove-option{color:var(--color-primary,#1e6bf1);width:17px;text-align:right;margin-left:0;visibility:hidden}.blip-card .fixed-options li:hover .remove-option{visibility:visible}.blip-card .fixed-options ul{margin-left:-16px;margin-right:-16px}.blip-card .left .fixed-options li,.blip-card .middle .fixed-options li{color:var(--color-content-default,#454545);border-top:.5px solid var(--color-content-ghost,#8c8c8c)}.blip-card .right .fixed-options li{color:var(--color-surface-2,#e0e0e0);border-top:.5px solid var(--color-content-ghost,#8c8c8c)}.blip-card .header{overflow:hidden;border-radius:inherit}.blip-card .header .ratio{background-size:cover;background-position:50%}.blip-card .header .ratio1-1{overflow:hidden}.blip-card .header .ratio1-1:before{content:"";display:block;padding-top:100%}.blip-card .header .ratio2-1{overflow:hidden}.blip-card .header .ratio2-1:before{content:"";display:block;padding-top:50%}.blip-card .header img{position:absolute;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;top:0;left:0;bottom:0;right:0}.blip-card .header .title{text-align:left;margin:0;padding:10px 20px}.blip-card .header .title strong{display:block}.blip-card .editIco,.blip-card .saveIco{cursor:pointer}.blip-card .editIco{padding:3px;display:none;top:-24px;right:-65px}.blip-card .editIco,.blip-card .saveIco{border-radius:50%;width:30px;height:30px;text-align:center;position:absolute;z-index:1}.blip-card .saveIco{padding:5px;top:-25px;right:-57px}.blip-card .editIco img,.blip-card .saveIco img{display:inline-block;vertical-align:middle}.blip-card .closeIco{right:-10px}.blip-card .trashIco{right:-17px}.blip-card .form-group{margin-bottom:.3rem;padding:10px 16px;color:var(--color-content-default,#454545)}.blip-card .form-group .input-error{color:var(--color-error,#f99f9f)}.blip-card .form-group .help{padding:5px;font-size:11px}.blip-card .form-control{display:block;width:100%;padding:.375rem .75rem;color:var(--color-content-default,#454545);background-color:var(--color-surface-1,#f6f6f6);background-image:none;background-clip:padding-box;border:1px solid var(--color-content-ghost,#8c8c8c);border-radius:.25rem;-webkit-transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}.blip-card form{display:block;margin-top:0;padding:10px;width:300px}.blip-card .form-check{color:var(--color-content-default,#454545);position:relative;display:block;margin-bottom:.5rem}.blip-card .form-check-input{position:absolute;margin-top:.25rem;margin-left:-1.25rem}.blip-card .form-check-label{padding-left:1.25rem;margin-bottom:0;display:inline-block}.blip-card .input-error{border-color:var(--color-error,#f99f9f)}.blip-card input:focus,.blip-card textarea:focus{outline:none!important}.blip-card .input-error:invalid{border-color:var(--color-error,#f99f9f)}.blip-card .help.input-error{color:var(--color-error,#f99f9f)}.blip-card .is-disabled{opacity:.5;pointer-events:none}.blip-card .text-center{text-align:center}.blip-card .text-left{text-align:left}.blip-card .dashed-border{border:1px dashed var(--color-content-ghost,#8c8c8c)}.blip-card .primary-color{color:var(--color-primary,#1e6bf1)}.blip-card .delete-color{color:var(--color-delete,#e60f0f)}.blip-card .color-gray{color:var(--color-content-ghost,#8c8c8c)}.blip-card .btn{padding:5px;border:0;cursor:pointer}.blip-card .btn-white{padding:10px;border-radius:6px;backgrou