@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap);.v-tooltip__content[data-v-c34ae2e6]{line-height:14px}.demo-card[data-v-c34ae2e6]{display:flex;border-radius:8px;box-shadow:0 2px 4px 0 rgba(211,219,234,.7);background-color:#fff;padding:18px 0 17px 15px;min-width:245px;margin:0 0 10px;transition:all .6s ease-out;cursor:pointer}.demo-card[data-v-c34ae2e6]:hover{box-shadow:0 5px 10px 0 rgba(211,219,234,.9)}.demo-card .avatar[data-v-c34ae2e6]{margin-right:10px;width:45px;height:45px;border-radius:50%;background-color:rgba(70,154,235,.2);position:relative}.demo-card .avatar img[data-v-c34ae2e6]{position:absolute;top:50%;left:50%;transform:translateX(-50%) translateY(-50%) translateZ(0)}.demo-card .avatar--active[data-v-c34ae2e6]{background-color:hsla(0,0%,100%,.2)}.demo-card.demo-active[data-v-c34ae2e6]{background-color:#469aeb;box-shadow:0 10px 10px 0 rgba(45,107,190,.2)}.demo-card.demo-active .demo-card__info[data-v-c34ae2e6],.demo-card.demo-active .demo-card__title[data-v-c34ae2e6]{color:#fff}.demo-card.demo-active .demo-card__info i[data-v-c34ae2e6],.demo-card.demo-active .demo-card__info span[data-v-c34ae2e6],.demo-card.demo-active .demo-card__title i[data-v-c34ae2e6],.demo-card.demo-active .demo-card__title span[data-v-c34ae2e6]{text-align:left;color:#fff}.demo-card-info__wrap[data-v-c34ae2e6]{display:flex;flex-direction:column;justify-content:center}.demo-card__img[data-v-c34ae2e6]{width:45px;height:45px;border-radius:50%;margin-right:10px}.demo-card__title[data-v-c34ae2e6]{font-size:18px;font-weight:600;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:-.11px;width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#2c363e}.demo-card__info[data-v-c34ae2e6]{display:flex;align-items:baseline}.demo-card__info span[data-v-c34ae2e6]{font-size:16px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:-.1px;color:#80868b;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:inline-block;width:122px;text-align:left}.demo-card__info i[data-v-c34ae2e6]{font-size:18px;margin-right:5px;color:#80868b}@media screen and (min-width:1024px)and (max-width:1365px){.demo-card[data-v-c34ae2e6]{min-width:240px}}@media screen and (min-width:1024px){.demo-card__wrap[data-v-c34ae2e6]{padding:8px 5px 0}.demo-card__wrap[data-v-c34ae2e6]:first-of-type{margin-left:5px}}@media screen and (min-width:768px){.demo-card[data-v-c34ae2e6]{height:80px}.demo-card__wrap[data-v-c34ae2e6]{padding:0 5px}.demo-card__wrap[data-v-c34ae2e6]:first-of-type{margin-left:5px}.demo-card.scrolled[data-v-c34ae2e6]{padding:10px 18px;margin:0;height:50px}.demo-card.scrolled .avatar[data-v-c34ae2e6]{width:30px;height:30px}.demo-card.scrolled .demo-card__title[data-v-c34ae2e6]{display:none}.demo-card.scrolled .demo-card__img[data-v-c34ae2e6]{width:30px;height:30px}.demo-card.scrolled .demo-card__info span[data-v-c34ae2e6]{width:140px}}@media screen and (max-width:767px){.demo-card__wrap[data-v-c34ae2e6]{padding:0 5px;height:unset}.demo-card[data-v-c34ae2e6]{flex-direction:column;text-align:center;padding:15px 35px 23px;width:160px;height:178px;min-width:unset}.demo-card.active[data-v-c34ae2e6]{box-shadow:0 10px 10px 0 rgba(45,107,190,.2)}.demo-card .avatar[data-v-c34ae2e6],.demo-card__img[data-v-c34ae2e6]{width:50px;height:50px;margin:0 auto 15px}.demo-card-info__wrap[data-v-c34ae2e6]{margin-top:auto}.demo-card__title[data-v-c34ae2e6]{margin:auto auto 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:unset;width:unset}.demo-card__info span[data-v-c34ae2e6]{width:240px}}.v-tooltip__content[data-v-1ed9a514]{line-height:14px}.demo-profile-bar[data-v-1ed9a514]{width:100%;z-index:6;height:130px;transition:all .4s ease-out;box-shadow:0 2px 4px 0 rgba(211,219,234,.7);overflow:hidden;background:var(--bg-image);background-repeat:no-repeat;background-size:100% 130px}@media screen and (min-width:768px)and (max-width:1023px){.demo-profile-bar[data-v-1ed9a514]{background-size:100% 130px}}@media screen and (max-width:767px){.demo-profile-bar[data-v-1ed9a514]{height:272px;position:relative;background-size:cover;background-position-x:-2110px}}@media screen and (min-width:768px){.demo-profile-bar.scrolled[data-v-1ed9a514]{height:90px}.demo-profile-bar.scrolled .demo-bar__inner[data-v-1ed9a514]{padding-top:11px;padding-bottom:8px}}.demo-profile-bar.fixed[data-v-1ed9a514]{position:fixed;opacity:0;top:-130px}@media screen and (max-width:767px){.demo-profile-bar.fixed[data-v-1ed9a514]{display:none}}.demo-gradient .demo-profile-bar.fixed-left[data-v-1ed9a514],.demo-profile-bar.fixed-right[data-v-1ed9a514]{height:90px}.demo-profile-bar.showed[data-v-1ed9a514]{top:0;opacity:1}.demo-profile-bar .flick[data-v-1ed9a514]{width:100%}@media screen and (max-width:767px){.demo-profile-bar .flick[data-v-1ed9a514]{width:100%;order:2;margin-top:11px}.demo-profile-bar .flick .flickity-enabled[data-v-1ed9a514]{max-width:1000px;margin:auto}}.demo-profile-bar .demo-gradient-left[data-v-1ed9a514],.demo-profile-bar .demo-gradient-right[data-v-1ed9a514]{position:absolute;top:0;height:130px;z-index:1}@media screen and (max-width:767px){.demo-profile-bar .demo-gradient-left[data-v-1ed9a514],.demo-profile-bar .demo-gradient-right[data-v-1ed9a514]{top:54px;max-height:178px;height:100%}}.demo-profile-bar .demo-gradient-left[data-v-1ed9a514]{left:0;width:20%;background-image:linear-gradient(90deg,#fff 50%,hsla(0,0%,100%,0))}@media screen and (max-width:767px){.demo-profile-bar .demo-gradient-left[data-v-1ed9a514]{background-image:linear-gradient(90deg,#fff,hsla(0,0%,100%,0))}}.demo-profile-bar .demo-gradient-right[data-v-1ed9a514]{right:0;width:26%;background:linear-gradient(90deg,hsla(0,0%,100%,0) 0,#fff 50%)}@media screen and (max-width:1110px){.demo-profile-bar .demo-gradient-right[data-v-1ed9a514]{width:30%}}@media screen and (max-width:1023px){.demo-profile-bar .demo-gradient-right[data-v-1ed9a514]{width:19%}}@media screen and (min-width:768px)and (max-width:1023px){.demo-profile-bar .demo-gradient-right[data-v-1ed9a514]{background-image:linear-gradient(90deg,hsla(0,0%,100%,0),#fff 82%)}}@media screen and (max-width:767px){.demo-profile-bar .demo-gradient-right[data-v-1ed9a514]{background-image:linear-gradient(90deg,hsla(0,0%,100%,0),#fff)}}.demo-profile-bar .demo-bar__inner[data-v-1ed9a514]{position:relative;display:flex;align-items:center;justify-content:center;padding:13px 23px 16px;width:100%;transition:all .3s ease-out}@media screen and (min-width:1366px){.demo-profile-bar .demo-bar__inner[data-v-1ed9a514]{padding:23px 25px}}@media screen and (max-width:1023px){.demo-profile-bar .demo-bar__inner[data-v-1ed9a514]{padding:12px 18px 10px 15px}}@media screen and (min-width:1024px){.demo-profile-bar .demo-bar__inner[data-v-1ed9a514]{padding:22px 8px 6px}}@media screen and (max-width:767px){.demo-profile-bar .demo-bar__inner[data-v-1ed9a514]{position:relative;padding:11px 0 15px;flex-wrap:wrap;justify-content:space-between}}.demo-profile-bar .demo-bar__title[data-v-1ed9a514]{display:inline-block;font-size:20px;font-weight:400;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:-.12px;color:#2c363e;position:relative;z-index:2;transform:translateZ(0)}@media screen and (min-width:1366px){.demo-profile-bar .demo-bar__title[data-v-1ed9a514]{margin-right:15px}}@media screen and (min-width:1024px){.demo-profile-bar .demo-bar__title[data-v-1ed9a514]{min-width:116px;margin-right:5px}}@media screen and (min-width:768px)and (max-width:1023px){.demo-profile-bar .demo-bar__title[data-v-1ed9a514]{max-width:92px}}@media screen and (min-width:768px){.demo-profile-bar .demo-bar__title[data-v-1ed9a514]{margin-top:-15px}}@media screen and (max-width:767px){.demo-profile-bar .demo-bar__title[data-v-1ed9a514]{order:0;text-align:left;margin-left:20px}}.demo-profile-bar .demo-bar__home[data-v-1ed9a514]{z-index:1}.v-tooltip__content{line-height:14px}.demo-profile-bar .fade-enter-active,.demo-profile-bar .fade-leave-active{transition:all .5s ease}.demo-profile-bar .fade-enter,.demo-profile-bar .fade-leave-to{opacity:0}.demo-profile-bar .flickity-slider{display:flex;align-items:unset;justify-content:space-between}.demo-profile-bar .flick .flickity-button{background:transparent}.demo-profile-bar .flick .flickity-button:focus{box-shadow:unset}.demo-profile-bar .flick .flickity-button.flickity-prev-next-button.next,.demo-profile-bar .flick .flickity-button.flickity-prev-next-button.previous{top:unset;bottom:-25px;width:16px;height:16px;transition:all .3s ease-in}.demo-profile-bar .flick .flickity-button.flickity-prev-next-button.previous{left:48%}.demo-profile-bar .flick .flickity-button.flickity-prev-next-button.next{right:47%}.demo-profile-bar .flick .flickity-button.flickity-prev-next-button .flickity-button-icon{fill:#ccc;top:unset;left:unset;position:static}.demo-profile-bar .flick .flickity-page-dots{bottom:0}.demo-profile-bar .flick .flickity-page-dots .dot{height:10px;width:10px;border:1px solid #469aeb;border-radius:50%;background:transparent;opacity:1}.demo-profile-bar .flick .flickity-page-dots .dot.is-selected{width:20px;transition:.3s;border-radius:10px;background:#469aeb}@media screen and (min-width:768px){.demo-profile-bar.scrolled .flickity-viewport{height:65px!important}.demo-profile-bar.scrolled .flick .flickity-button.flickity-prev-next-button.next,.demo-profile-bar.scrolled .flick .flickity-button.flickity-prev-next-button.previous{bottom:-19px}.demo-profile-bar .flick .flickity-button.flickity-prev-next-button.next,.demo-profile-bar .flick .flickity-button.flickity-prev-next-button.previous{bottom:-13px}.demo-profile-bar .flick .flickity-button.flickity-prev-next-button.previous{left:46%}.demo-profile-bar .flick .flickity-button.flickity-prev-next-button.next{right:47%}.demo-profile-bar .flick .flickity-page-dots{bottom:0;display:none}.demo-profile-bar .flickity-viewport{height:96px!important;transition:height .5s ease-in-out}}@media screen and (min-width:1601px){.demo-profile-bar .flick .flickity-button.flickity-prev-next-button.previous{left:50%}.demo-profile-bar .flick .flickity-button.flickity-prev-next-button.next{right:47%}}@media screen and (min-width:1241px)and (max-width:1600px){.demo-profile-bar .flick .flickity-button.flickity-prev-next-button.previous{left:50%}.demo-profile-bar .flick .flickity-button.flickity-prev-next-button.next{right:46%}}@media screen and (min-width:1024px)and (max-width:1240px){.demo-profile-bar .flick .flickity-button.flickity-prev-next-button.previous{left:51%}.demo-profile-bar .flick .flickity-button.flickity-prev-next-button.next{right:44%}}@media screen and (max-width:1023px){.demo-profile-bar .flick .flickity-button.flickity-prev-next-button.previous{left:43%}.demo-profile-bar .flick .flickity-button.flickity-prev-next-button.next{right:50%}}@media screen and (max-width:800px){.demo-profile-bar .flick .flickity-button.flickity-prev-next-button.previous{left:43%}.demo-profile-bar .flick .flickity-button.flickity-prev-next-button.next{right:51%}}@media screen and (max-width:767px){.demo-profile-bar .flick .flickity-page-dots{bottom:-15px}.demo-profile-bar .flick .flickity-button.flickity-prev-next-button.previous{left:46%}.demo-profile-bar .flick .flickity-button.flickity-prev-next-button.next{right:47.5%}.demo-profile-bar .flickity-viewport{height:192px!important}}@media screen and (max-width:640px){.demo-profile-bar .flick .flickity-button.flickity-prev-next-button.previous{left:46%}.demo-profile-bar .flick .flickity-button.flickity-prev-next-button.next{right:47%}}@media screen and (max-width:480px){.demo-profile-bar .flick .flickity-button.flickity-prev-next-button.previous{left:45%}.demo-profile-bar .flick .flickity-button.flickity-prev-next-button.next{right:46%}}.v-tooltip__content[data-v-0c7975ea]{line-height:14px}.slide-left-enter-active[data-v-0c7975ea],.slide-left-leave-active[data-v-0c7975ea]{transition:all .5s}.slide-left-enter[data-v-0c7975ea],.slide-left-leave-to[data-v-0c7975ea]{transform:translateX(100%);opacity:0}.slide-right-enter-active[data-v-0c7975ea],.slide-right-leave-active[data-v-0c7975ea]{transition:all .5s}.slide-right-enter[data-v-0c7975ea],.slide-right-leave-to[data-v-0c7975ea]{transform:translateX(-100%);opacity:0}.video-page-wrapper[data-v-0c7975ea]{display:flex;flex-flow:row nowrap;position:relative;padding-top:40px;padding-bottom:64px}@media screen and (max-width:1199px){.video-page-wrapper[data-v-0c7975ea]{flex-direction:column}}.video-page__left[data-v-0c7975ea]{max-width:320px;min-width:260px;width:100%}@media screen and (max-width:1199px){.video-page__left[data-v-0c7975ea]{max-width:unset;min-width:unset}}