#vue-root{user-select:none}#vue-root .pop-window .pop-bg{background:#fff}#vue-root .pop-window.show{display:flex;align-items:center;justify-content:center}#vue-root .pop-window .pop-close{color:#456}#vue-root .vue-component-pop-window .pop-bg{border:none;width:520px;height:auto;padding:0;margin:0}#vue-root .vue-component-pop-window .pop-bg .pop-close{display:none}#vue-root .vue-component-pop-window .pop-bg .pop-close.show{display:block}#vue-root .vue-component-pop-window .container{display:flex;justify-content:center;flex-wrap:wrap}#vue-root .vue-component-pop-window .container .item{flex:0 0 100%;display:flex;justify-content:center}#vue-root .vue-component-pop-window .container .item img{width:175px;height:175px}#vue-root .vue-component-pop-window .container .item button{height:38px;padding:8px 40px;border-radius:45px;font-size:16px;background:#445666;display:flex;flex-direction:row;justify-content:center;align-items:center;color:#fff;cursor:pointer}#vue-root .vue-component-pop-window .container .item button:hover{background:#058}#vue-root .vue-component-pop-window .container .item .description{text-align:center;font-size:18px}#vue-root .vue-component-pop-window .container .item .hint{text-align:center;font-size:14px;color:#888;text-decoration:none}#vue-root .vue-component-pop-window .container .item .hint:hover{color:#456}#vue-root .vue-component-pop-window .container .item:first-of-type{margin-top:20px}#vue-root .vue-component-pop-window .container .item:nth-of-type(3),#vue-root .vue-component-pop-window .container .item:nth-of-type(4){margin-top:30px}#vue-root .vue-component-pop-window .container .item:last-of-type{margin-top:15px;margin-bottom:20px}#vue-root .vue-component-connecting-usb .pop-bg{width:380px}#vue-root .vue-component-connecting-usb .container .item img{width:100%;height:auto}#vue-root .vue-component-connecting-usb .container .item .description{text-align:left;font-size:16px;line-height:26px}#vue-root .vue-component-connecting-usb .container .item:first-of-type{margin-top:0}#vue-root .vue-component-connecting-usb .container .item:nth-of-type(3){margin-top:16px;padding:0 10px}#vue-root .vue-component-connecting-usb .container .item:nth-of-type(4){margin-top:0}#vue-root .vue-component-connecting-usb .container .item:last-child{justify-content:right;margin-top:20px;margin-bottom:5px}#vue-root .vue-component-control-console--loading{cursor:wait}#vue-root .vue-component-control-console .pop-bg{background:#456;width:840px;height:460px;padding:0;margin:0}#vue-root .vue-component-control-console .container{width:100%;height:100%;display:flex;justify-content:center}#vue-root .vue-component-control-console .container__left{flex:2;display:flex;justify-content:center}#vue-root .vue-component-control-console .container__left-img{width:300px;height:320px;background-position:center;background-size:contain}#vue-root .vue-component-control-console .container__left-img--v1{background-image:url(../../media/bit-v1.png)}#vue-root .vue-component-control-console .container__left-img--v2{background-image:url(../../media/bit-v2.png)}#vue-root .vue-component-control-console .container__left-hint{width:120px;height:36px;border:1px solid #fff;border-radius:35px;position:absolute;left:10px;bottom:10px;display:flex;justify-content:center;align-items:center}#vue-root .vue-component-control-console .container__left-hint:hover{color:#456;background:#fff}#vue-root .vue-component-control-console .container__left-hint:hover .container__left-icon{background-image:url(../../media/how-dark.svg)}#vue-root .vue-component-control-console .container__left-hint:hover .container__left-link{color:#456}#vue-root .vue-component-control-console .container__left-icon{width:18px;height:18px;background-image:url(../../media/how-white.svg);background-position:center}#vue-root .vue-component-control-console .container__left-link{margin-left:4px;color:#fff;font-size:14px;line-height:20px;text-decoration:none}#vue-root .vue-component-control-console .container__right{flex:3;display:flex;flex-direction:column;background:#fff;border:1px solid #fff;border-radius:5px;padding-top:30px;padding-left:32px;padding-right:32px;color:#444;font-size:16px}#vue-root .vue-component-control-console .container__right-header{font-size:20px;text-align:center;margin-bottom:40px}#vue-root .vue-component-control-console .container__right-info{display:flex;flex-direction:column;margin-left:12px}#vue-root .vue-component-control-console .container__right-info-item{display:flex;justify-content:space-between;margin-bottom:20px}#vue-root .vue-component-control-console .container__right-info-right{display:flex;align-items:center}#vue-root .vue-component-control-console .container__right-info-value{font-size:14px;color:#888}#vue-root .vue-component-control-console .container__right-info-copy{width:54px;height:32px;font-size:14px;margin-right:12px;display:flex;justify-content:center;align-items:center;background:#fff;border:2px solid #444;border-radius:45px;cursor:pointer}#vue-root .vue-component-control-console .container__right-info-copy:hover{background:#444;color:#fff}#vue-root .vue-component-control-console .container__right-info-copy:disabled{opacity:.65!important;background-color:#fff;color:#444;cursor:default;box-shadow:none}#vue-root .vue-component-control-console .container__right-info-item--hidden{opacity:0}#vue-root .vue-component-control-console .container__right-info-item:last-of-type{margin-bottom:35px}#vue-root .vue-component-control-console .container__right-function{display:flex;flex-direction:column}#vue-root .vue-component-control-console .container__right-function-item{height:50px;display:flex;justify-content:space-between;margin-bottom:20px;background:#f5f5f5;border-radius:35px}#vue-root .vue-component-control-console .container__right-function-child{display:flex;align-items:center}#vue-root .vue-component-control-console .container__right-function-value{font-size:14px;margin-right:5px;overflow:hidden;white-space:nowrap;max-width:160px;text-overflow:ellipsis}#vue-root .vue-component-control-console .container__right-function-hint{font-size:12px;padding:2px 8px;background:#f67452;border-radius:17.5px;color:#fff}#vue-root .vue-component-control-console .container__right-function-action{width:64px;height:36px;margin-right:7px;padding:8px 18px;font-size:14px;display:flex;justify-content:center;align-items:center;background:#456;border-radius:45px;color:#fff;cursor:pointer}#vue-root .vue-component-control-console .container__right-function-action:hover{background:#1b3249}#vue-root .vue-component-control-console .container__right-function-action:disabled{opacity:.65!important;background:#456;cursor:default;box-shadow:none}#vue-root .vue-component-control-console .container__right-function-child:first-of-type{margin-left:24px}#vue-root .vue-component-control-console .cover{width:100%;height:100%;position:absolute;top:0;display:none}#vue-root .vue-component-control-console .cover--show{display:block}#vue-root .vue-component-share-link-modal .container .item .description,#vue-root .vue-component-updating-chrome .container .item .description,#vue-root .vue-component-using-chrome .container .item .description{text-align:left;margin-left:60px;margin-right:60px;line-height:28px}#vue-root .vue-component-share-link-modal .container .item:nth-of-type(4),#vue-root .vue-component-updating-chrome .container .item:nth-of-type(4),#vue-root .vue-component-using-chrome .container .item:nth-of-type(4){margin-top:20px}#vue-root .vue-component-share-link-modal .container .item:last-of-type,#vue-root .vue-component-updating-chrome .container .item:last-of-type,#vue-root .vue-component-using-chrome .container .item:last-of-type{margin-top:0;margin-bottom:20px}#vue-root .vue-component-creativity-example-introduction .pop-bg{width:840px;box-shadow:#fff 0 0 0 0;margin:0 auto;border-radius:6px;pointer-events:auto;overflow:hidden;display:flex;justify-content:space-between;flex-direction:column}#vue-root .vue-component-creativity-example-introduction .pop-bg h2{display:none;padding:0}#vue-root .vue-component-creativity-example-introduction .container{display:none}#vue-root .vue-component-creativity-example-introduction .introduction-title{display:flex;flex:0 0 100%;padding:30px 50px}#vue-root .vue-component-creativity-example-introduction .introduction-title-left .title-img{border-radius:10px;margin-right:40px;width:300px;height:180px;object-fit:cover}#vue-root .vue-component-creativity-example-introduction .introduction-title-right{width:100%;display:flex;flex-direction:column;color:#8f8f8f;justify-content:space-around}#vue-root .vue-component-creativity-example-introduction .introduction-title-right-author{font-size:18px;margin-bottom:18px}#vue-root .vue-component-creativity-example-introduction .introduction-title-right h2{display:block;background:initial;color:#333;text-align:left;padding-top:8px;flex-grow:1}#vue-root .vue-component-creativity-example-introduction .introduction-title-right .social{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}#vue-root .vue-component-creativity-example-introduction .introduction-title-right .social-list-group{display:flex;list-style:none}#vue-root .vue-component-creativity-example-introduction .introduction-title-right .social-list-group-item{border:1px solid rgba(0,0,0,.05);padding:10px;border-radius:44px;margin-left:12px;position:relative;width:44px;height:44px;display:flex;align-items:center;justify-content:center}#vue-root .vue-component-creativity-example-introduction .introduction-title-right .social-list-group-item-icon{width:24px;height:24px}#vue-root .vue-component-creativity-example-introduction .introduction-title-right .social-list-group-item .tooltiptext{visibility:hidden;background-color:#282a2dff;color:#fff;text-align:center;border-radius:6px;padding:4px 8px;position:absolute;z-index:1;bottom:120%;font-size:12px;white-space:nowrap}#vue-root .vue-component-creativity-example-introduction .introduction-title-right .social-list-group-item .tooltiptext::after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:5px;border-style:solid;border-color:#282a2dff transparent transparent transparent}#vue-root .vue-component-creativity-example-introduction .introduction-title-right .social-list-group-item:hover{cursor:pointer}#vue-root .vue-component-creativity-example-introduction .introduction-title-right .social-list-group-item:hover::before{content:"";display:block;position:absolute;top:0;right:0;bottom:0;left:0;border-radius:44px;z-index:1;background:rgba(0,0,0,.05)}#vue-root .vue-component-creativity-example-introduction .introduction-title-right .social-list-group-item:hover .tooltiptext{visibility:visible}#vue-root .vue-component-creativity-example-introduction .introduction-title-right .viewers{display:flex;align-items:center}#vue-root .vue-component-creativity-example-introduction .introduction-title-right .viewers{display:flex}#vue-root .vue-component-creativity-example-introduction .introduction-title-right .viewers .viewers-icon{width:18px;margin:0 6px 0 0;filter:contrast(0) brightness(100%)}#vue-root .vue-component-creativity-example-introduction .introduction-title-right .viewers p{color:#8f8f8f;font-size:18px}#vue-root .vue-component-creativity-example-introduction .introduction-title-right .copy{color:#fff;white-space:nowrap;padding:6px 12px;background:#058;border-radius:24px;font-size:14px;cursor:pointer}#vue-root .vue-component-creativity-example-introduction .introduction-title-right .copy:hover{background:#f67452;box-shadow:none}#vue-root .vue-component-creativity-example-introduction .introduction-description{border-top:1px solid #bebebe;padding:20px 50px;word-wrap:break-word;height:240px;overflow:auto}#vue-root .vue-component-creativity-example-introduction .introduction-description-content{font-size:18px;line-height:28px;letter-spacing:5%;color:#333}#vue-root .vue-component-creativity-example-introduction .example-modal-btn-group{border-top:1px solid #bebebe;display:flex;justify-content:flex-end;padding:20px 50px}#vue-root .vue-component-creativity-example-introduction .example-modal-btn-group .btn{border-radius:25px;width:122px;height:45px;padding:10px,25px,10px,25px;white-space:nowrap;box-shadow:none;cursor:pointer}#vue-root .vue-component-creativity-example-introduction .example-modal-btn-group .btn-got-it{border-radius:25px;width:122px;height:45px;padding:10px,25px,10px,25px;white-space:nowrap;background:#058;color:#fff}#vue-root .vue-component-creativity-example-introduction .example-modal-btn-group .btn-got-it:hover{background:#f67452}#vue-root .vue-component-creativity-example-introduction .loading{position:absolute;background-color:#f1f1f1;min-width:300px;min-height:180px;text-align:center;top:0;display:flex;align-items:center;justify-content:center;border-radius:10px}#vue-root .vue-component-creativity-example-modal .pop-bg{width:840px;box-shadow:#fff 0 0 0 0;overflow:visible}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container{display:flex;flex-direction:column}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container .error-message{color:#df2222}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container .error-message.textareaVal{margin-top:6px}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container .creativity-container__top{display:flex;padding:30px 0;border-bottom:1px solid #bebebe}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container .creativity-form-group{display:flex;flex-direction:column;width:100%;margin-bottom:6px}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container .creativity-form-group label{display:flex;font-size:20px;font-weight:500;color:#333;align-items:end}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container .creativity-form-group input[type=text],#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container .creativity-form-group textarea{border-radius:15.5px;border:none;background-color:#f5f5f5;margin-top:6px}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container .creativity-form-group input[type=text]{height:31px;padding-left:16px}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container .creativity-form-group textarea{height:160px;max-height:160px;padding:16px;resize:none}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container .creativity-form-group small{color:#666;margin-top:10px}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__left{width:60%;padding:0 80px 0 40px}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__left .creativity-form-group:last-of-type,#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__left .creativity-form-group:nth-of-type(2){margin-top:16px}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right{width:40%;margin-right:40px}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .creativity-form-group>label{margin-bottom:6px}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .creativity-form-group .file-upload-container{cursor:pointer;background-size:cover;background-position:center center;height:175px;border-radius:10px}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .creativity-form-group .file-upload-container .file-upload-icon{width:100%;height:100%;transition:.5s ease;opacity:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);display:flex}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .creativity-form-group .file-upload-container .file-upload-icon-img{width:60px;height:60px;margin:auto}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .creativity-form-group .file-upload-container .file-input{display:none}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .creativity-form-group .file-upload-container:hover{background-color:#000;border-radius:10px;max-height:100%;width:100%}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .creativity-form-group .file-upload-container:hover .custom-file-upload{opacity:.5}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .creativity-form-group .file-upload-container:hover .file-upload-icon{opacity:1;background-color:rgba(0,0,0,.5);border-radius:10px}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .creativity-form-group .custom-file-upload{background:#456;border-radius:10px;height:175px;color:#fff;cursor:pointer;display:flex;flex-direction:column;text-align:center;align-items:center;justify-content:center;overflow:hidden}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .creativity-form-group .custom-file-upload small{color:#fff}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .creativity-form-group .custom-file-upload-img{width:100%}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .solidus-line{margin:20px 0;color:#666}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .solidus-line p{display:flex;align-items:center}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .solidus-line p::after,#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .solidus-line p::before{content:"";flex:1;height:1px;background-color:#666}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .solidus-line p::before{margin-right:1rem}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .solidus-line p::after{margin-left:1rem}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .img-pick-group{display:flex;justify-content:space-between;margin-bottom:20px}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .img-pick-group .monster label{cursor:pointer}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .img-pick-group .monster label .bg{width:1.5rem;height:1.5rem;padding:20px;border-radius:1.5rem;display:flex;align-items:center;justify-content:center}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .img-pick-group .monster label .bg .icon{width:1.5rem;height:1.5rem;opacity:0}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .img-pick-group .monster label .icon-2{display:none}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .img-pick-group .green .bg{background-color:rgba(122,209,107,.4)}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .img-pick-group .green input[type=radio]:checked+label .bg{background-color:#7ad16b}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .img-pick-group .green input[type=radio]:checked+label .icon{opacity:1}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .img-pick-group .red .bg{background-color:rgba(241,72,103,.4)}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .img-pick-group .red input[type=radio]:checked+label .bg{background-color:#f14867}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .img-pick-group .red input[type=radio]:checked+label .icon{opacity:1}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .img-pick-group .yellow .bg{background-color:rgba(255,215,71,.4)}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .img-pick-group .yellow input[type=radio]:checked+label .bg{background-color:#ffd747}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .img-pick-group .yellow input[type=radio]:checked+label .icon{opacity:1}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .img-pick-group .blue .bg{background-color:rgba(63,154,238,.4)}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .img-pick-group .blue input[type=radio]:checked+label .bg{background-color:#3f9aee}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .img-pick-group .blue input[type=radio]:checked+label .icon{opacity:1}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .img-pick-group .btn-random{border:1px solid #666;background:#fff;color:#666;border-radius:26px;width:60px;padding:4px 13px 4px 13px;font-size:14px}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .img-pick-group .btn-random:hover{background:#666;color:#fff;box-shadow:none}#vue-root .vue-component-creativity-example-modal .pop-bg .creativity-container__right .over-size-msg{color:#df2222}#vue-root .vue-component-creativity-example-modal .pop-bg img.share-banner{width:100%;height:auto;margin-top:-30px}#vue-root .vue-component-creativity-example-modal .pop-bg .example-modal-btn-group{display:flex;justify-content:end;margin:20px 40px}#vue-root .vue-component-creativity-example-modal .pop-bg .example-modal-btn-group .btn{border-radius:25px;width:122px;height:45px;padding:10px,25px,10px,25px;white-space:nowrap;box-shadow:none}#vue-root .vue-component-creativity-example-modal .pop-bg .example-modal-btn-group .btn-next-time{margin-right:20px;background:#fff;border:1px solid #666;color:#666}#vue-root .vue-component-creativity-example-modal .pop-bg .example-modal-btn-group .btn-next-time:hover{background:#456;color:#fff}#vue-root .vue-component-creativity-example-modal .pop-bg .example-modal-btn-group .btn-publish{background:#058;color:#fff}#vue-root .vue-component-creativity-example-modal .pop-bg .example-modal-btn-group .btn-publish:hover{background:#f67452}#vue-root .vue-component-creativity-example-modal .pop-bg .item:first-of-type{margin-top:0}#vue-root .vue-component-creativity-example-modal .pop-bg .item:nth-of-type(3){align-items:center}#vue-root .vue-component-creativity-example-modal .pop-bg .item:nth-of-type(4){display:none}#vue-root .vue-component-creativity-example-modal .pop-bg img.loading-icon{height:100%;margin-top:-50px;width:127px}#vue-root .vue-component-creativity-example-modal .container{display:none}#vue-root .vue-component-creativity-example-modal .loading{position:absolute;background-color:#ffffff6b;width:100%;height:100%;text-align:center}#vue-root .vue-component-share-link-modal .pop-bg{width:700px}#vue-root .vue-component-share-link-modal .pop-bg h1,#vue-root .vue-component-share-link-modal .pop-bg h3{background:initial;color:#666}#vue-root .vue-component-share-link-modal .pop-bg .link-div{display:flex;flex-direction:column;text-align:center}#vue-root .vue-component-share-link-modal .pop-bg .link-div .link-copy{display:flex;margin-bottom:20px}#vue-root .vue-component-share-link-modal .pop-bg .link-div .link-copy .link-bg{height:38px;width:100%;flex-wrap:nowrap;background:#f5f5f5;border-radius:45px;padding:6px 25px;margin-right:15px;align-items:center;display:flex;user-select:text}#vue-root .vue-component-share-link-modal .pop-bg .link-div .link-copy .link-bg a{color:#456}#vue-root .vue-component-share-link-modal .pop-bg .link-div .link-copy .link-copy-btn{white-space:nowrap;padding:6px 25px;background:#058}#vue-root .vue-component-share-link-modal .pop-bg .link-div .link-copy .link-copy-btn:hover{background:#f67452;box-shadow:none}#vue-root .vue-component-share-link-modal .pop-bg .item:nth-of-type(4) .btn.link-share-btn{background:initial;color:#456;border:2px solid #456;height:45px;padding:10px,25px,10px,25px}#vue-root .vue-component-share-link-modal .pop-bg .item:nth-of-type(4) .btn.link-share-btn:hover{background:#456;color:#fff;box-shadow:none}#vue-root .vue-component-share-link-modal .pop-bg .item:first-of-type{margin-top:60px}#vue-root .vue-component-share-link-modal .pop-bg .item:nth-of-type(3){margin-top:10px}#vue-root .vue-component-share-link-modal .pop-bg .item:nth-of-type(2){margin-top:40px}#vue-root .vue-component-share-link-modal .pop-bg .item:last-of-type{margin-top:15px;margin-bottom:60px}#vue-root .vue-component-share-link-modal .pop-bg .container .item .hint{color:#666}#vue-root .vue-component-sample-menu .pop-bg{width:85vw;height:80%;padding:0 0 10px;background:url(../../media/samples-bg.jpg);box-shadow:#fff 0 0 0 7px,rgba(0,0,0,.8) 0 20px 100px;margin:0 auto;border-radius:6px;pointer-events:auto;border:7px solid #456;overflow:hidden}#vue-root .vue-component-sample-menu .pop-bg h2{display:inline;width:auto;margin-right:10px;background-color:initial}#vue-root .vue-component-sample-menu .pop-close{color:#fff}#vue-root .vue-component-sample-menu .creativity-pop-div,#vue-root .vue-component-sample-menu .official-pop-div{height:calc(100% - 64px)}#vue-root .vue-component-sample-menu .creativity-pop-div .btnGroup,#vue-root .vue-component-sample-menu .creativity-pop-div .filter{width:100%;display:flex;align-items:center;white-space:nowrap}#vue-root .vue-component-sample-menu .creativity-pop-div .search{width:100%;display:flex;justify-content:end}#vue-root .vue-component-sample-menu .creativity-pop-div .search .search-icon{position:unset;margin-top:9px;margin-right:-20px}#vue-root .vue-component-sample-menu .creativity-pop-div .samples-delete{margin-left:auto;margin-right:20px;display:flex;align-items:center;border-radius:20px;background:#fff;color:#456;border:2px solid #456}#vue-root .vue-component-sample-menu .creativity-pop-div .samples-delete:hover{background:#456;color:#fff}#vue-root .vue-component-sample-menu .creativity-pop-div .samples-delete:hover .samples-delete-icon{filter:brightness(0) invert(1)}#vue-root .vue-component-sample-menu .creativity-pop-div .samples-delete-icon{width:22px;height:22px;margin-right:4px}#vue-root .vue-component-sample-menu .creativity-pop-div .samples-delete--default .samples-delete-icon{background:center/contain no-repeat url(../../media/edit-icon.svg)}#vue-root .vue-component-sample-menu .creativity-pop-div .samples-delete--cancel .samples-delete-icon{background:center/contain no-repeat url(../../media/x-icon.svg)}#vue-root .vue-component-sample-menu .pop-content.official-pop-content .official-search-text p{display:inline-block}#vue-root .vue-component-sample-menu .pop-content.creativity-pop-content{font-weight:500;padding:32px 20px 80px}#vue-root .vue-component-sample-menu .pop-content.creativity-pop-content .card-text{padding:12px;color:#8f8f8f;text-align:left}#vue-root .vue-component-sample-menu .pop-content.creativity-pop-content .card-text:hover{color:initial}#vue-root .vue-component-sample-menu .pop-content.creativity-pop-content .teacher{display:flex;flex-direction:column;text-align:left;margin-bottom:10px;color:#8f8f8f}#vue-root .vue-component-sample-menu .pop-content.creativity-pop-content .teacher .title-ellipsis{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:16px}#vue-root .vue-component-sample-menu .pop-content.creativity-pop-content .teacher small{margin-top:6px;font-size:14px}#vue-root .vue-component-sample-menu .pop-content.creativity-pop-content .teacher::after{content:"";display:block;min-width:100%;border-bottom:1px solid #8f8f8f;margin:10px auto 0}#vue-root .vue-component-sample-menu .pop-content.creativity-pop-content .viewers{display:flex;margin-top:10px;align-items:center;color:#8f8f8f;width:30%}#vue-root .vue-component-sample-menu .pop-content.creativity-pop-content .viewers small{color:#8f8f8f;font-size:14px}#vue-root .vue-component-sample-menu .pop-content.creativity-pop-content .viewers-icon{width:18px;margin-bottom:0;margin-right:6px;filter:contrast(0) brightness(100%)}#vue-root .vue-component-sample-menu .pop-content.creativity-pop-content .creativity-search-text p{display:inline-block;margin-top:0}#vue-root .vue-component-sample-menu .pop-content.creativity-pop-content>div{box-shadow:#456 0 0 0 3px;border-radius:10px;transition:.3s;margin-bottom:10px;background-color:#fff;margin:5px 12px 40px}#vue-root .vue-component-sample-menu .pop-content.creativity-pop-content>div img{box-shadow:none}#vue-root .vue-component-sample-menu .pop-content.creativity-pop-content>div:hover{box-shadow:#f90 0 0 0 6px}#vue-root .vue-component-sample-menu .pop-content.creativity-pop-content>div:hover span{color:initial;font-weight:500}#vue-root .vue-component-sample-menu .pop-content.creativity-pop-content>div.delete-card:hover{box-shadow:#df2222 0 0 0 6px}#vue-root .vue-component-sample-menu .pop-content.creativity-pop-content>div.delete-card:hover .delete-card-icon{background-color:#df2222}#vue-root .vue-component-sample-menu .pop-content.creativity-pop-content>div.delete-card .delete-card-icon{position:absolute;width:32px;height:32px;border-radius:32px;background:center/70% no-repeat url(../../media/delete-icon.svg),#456;top:-16px;right:-16px;z-index:1}#vue-root .vue-component-sample-menu .card-img{border-radius:10px 10px 0 0;height:123px;object-fit:cover;margin-bottom:0}#vue-root .vue-component-sample-menu .title-bg{background:#456}#vue-root .vue-component-sample-menu .title-dropdown{display:flex;justify-content:center;align-items:center;width:25%;text-align:center;color:#fff;padding:8px 0 15px;cursor:pointer;margin:0 auto}#vue-root .vue-component-sample-menu .title-dropdown-content{position:absolute;z-index:999999;background-color:#fff;min-width:142px;border:2px solid #456;border-radius:5px;display:none;top:40px;padding:8px 4px}#vue-root .vue-component-sample-menu .title-dropdown-content-span{display:flex;justify-content:center;border-radius:3px;padding:8px 12px}#vue-root .vue-component-sample-menu .title-dropdown-content-span:hover{background-color:#456}#vue-root .vue-component-sample-menu .title-dropdown-content-span:hover .title-dropdown-span-icon{filter:brightness(0) invert(1)}#vue-root .vue-component-sample-menu .title-dropdown-content-span:hover h2{color:#fff}#vue-root .vue-component-sample-menu .title-dropdown-content h2{color:#333;margin:0 0 0 5px;padding:0}#vue-root .vue-component-sample-menu .title-dropdown:hover .title-dropdown-content{display:block}#vue-root .vue-component-sample-menu .title{display:flex;justify-content:center;align-items:center;width:100%;background:#456;text-align:center;color:#fff;padding:8px 0 15px}#vue-root .vue-component-sample-menu .title h2{color:#fff;padding:0}#vue-root .vue-component-sample-menu .container{display:none}#vue-root .vue-component-sample-menu .creativity-pop-div .loading{position:absolute;background-color:#ffffff86;min-width:100%;min-height:100%;text-align:center;top:67px;display:flex;align-items:center;justify-content:center}#vue-root .vue-component-sample-menu .creativity-pop-div .loading img.loading-icon{top:-30px}#vue-root .vue-component-sample-menu .pop-content>div span{font-size:unset;line-height:normal}#vue-root .vue-component-error-message-window .pop-bg{width:840px;border-radius:6px;border:7px solid #456}#vue-root .vue-component-error-message-window .container .item .error-image{width:300px;height:180px}#vue-root .vue-component-error-message-window .container .item .title{font-size:28px}#vue-root .vue-component-error-message-window .container .item .btn{font-size:18px;height:45px;padding:10px 40px}#vue-root .vue-component-error-message-window .container .item:first-of-type{margin-top:30px}#vue-root .vue-component-error-message-window .container .item:nth-of-type(2){margin-top:30px}#vue-root .vue-component-error-message-window .container .item:nth-of-type(3){margin-top:20px}#vue-root .vue-component-error-message-window .container .item:nth-of-type(4){margin-top:40px}#vue-root .vue-component-error-message-window .container .item:last-of-type{margin-top:0;margin-bottom:37px}#vue-root .vue-component-wifi-setting .pop-bg{background:#456;width:840px;height:460px;padding:0;margin:0}#vue-root .vue-component-wifi-setting .container{width:100%;height:100%;display:flex;justify-content:center}#vue-root .vue-component-wifi-setting .container__left{flex:2;display:flex;justify-content:center}#vue-root .vue-component-wifi-setting .container__left-img{width:300px;height:320px;background-position:center;background-size:contain}#vue-root .vue-component-wifi-setting .container__left-img--v1{background-image:url(../../media/bit-v1-wifi.png)}#vue-root .vue-component-wifi-setting .container__left-img--v2{background-image:url(../../media/bit-v2-wifi.png)}#vue-root .vue-component-wifi-setting .container__left-hint{width:120px;height:36px;border:1px solid #fff;border-radius:35px;position:absolute;left:10px;bottom:10px;display:flex;justify-content:center;align-items:center}#vue-root .vue-component-wifi-setting .container__left-hint:hover{color:#456;background:#fff}#vue-root .vue-component-wifi-setting .container__left-hint:hover .container__left-icon{background-image:url(../../media/how-dark.svg)}#vue-root .vue-component-wifi-setting .container__left-hint:hover .container__left-link{color:#456}#vue-root .vue-component-wifi-setting .container__left-icon{width:18px;height:18px;background-image:url(../../media/how-white.svg);background-position:center}#vue-root .vue-component-wifi-setting .container__left-link{margin-left:4px;color:#fff;font-size:14px;line-height:20px;text-decoration:none}#vue-root .vue-component-wifi-setting .container__right{flex:3;display:flex;flex-direction:column;background:#fff;border:1px solid #fff;border-radius:5px;padding-top:30px;padding-left:32px;padding-right:32px;color:#444;font-size:16px}#vue-root .vue-component-wifi-setting .container__right-icon{position:absolute;top:0;left:0;width:45px;height:45px;background-image:url(../../media/back-default.svg);background-position:center;transition:background-image .2s ease-in-out;cursor:pointer}#vue-root .vue-component-wifi-setting .container__right-icon:hover{background-image:url(../../media/back-hover.svg)}#vue-root .vue-component-wifi-setting .container__right-eye{width:20px;height:13px;position:absolute;top:50%;right:13px;transform:translateY(-50%);background-image:url(../../media/password-invisible.svg);background-position:center;background-size:20px;cursor:pointer}#vue-root .vue-component-wifi-setting .container__right-eye--visible{background-image:url(../../media/password-visible.svg)}#vue-root .vue-component-wifi-setting .container__right-header{font-size:20px;text-align:center;margin-bottom:50px}#vue-root .vue-component-wifi-setting .container__right-container{margin-bottom:90px}#vue-root .vue-component-wifi-setting .container__right-container-item{width:272px;margin-left:auto;margin-right:auto;margin-bottom:20px}#vue-root .vue-component-wifi-setting .container__right-container-item label{display:block;margin-bottom:10px}#vue-root .vue-component-wifi-setting .container__right-container-item input{width:272px;height:38px;padding:8px 20px;border:1px solid #444;border-radius:21px}#vue-root .vue-component-wifi-setting .container__right-container-item-wrapper{position:relative}#vue-root .vue-component-wifi-setting .container__right-container-item:last-of-type{margin-bottom:0}#vue-root .vue-component-wifi-setting .container__right-footer{display:flex;flex-direction:row;justify-content:center;align-items:center}#vue-root .vue-component-wifi-setting .container__right-footer-button{font-size:16px;width:272px;padding:8px 18px;background:#058;box-sizing:border-box;border-radius:45px;color:#fff;cursor:pointer}#vue-root .vue-component-wifi-setting .container__right-footer-button:hover{background:#00456f;color:#fff}#vue-root .vue-component-wifi-setting .container__right .error-message{color:#df2222}#vue-root .vue-component-updating-wifi .pop-bg{width:840px;border-radius:6px;border:7px solid #456}#vue-root .vue-component-updating-wifi .container .item .updating-image{width:270px;height:270px}#vue-root .vue-component-updating-wifi .container .item .title{font-size:28px}#vue-root .vue-component-updating-wifi .container .item:first-of-type{margin-top:30px}#vue-root .vue-component-updating-wifi .container .item:nth-of-type(2){margin-top:20px}#vue-root .vue-component-updating-wifi .container .item:nth-of-type(3){margin-top:20px}#vue-root .vue-component-updating-wifi .container .item:nth-of-type(4){margin-top:0}#vue-root .vue-component-updating-wifi .container .item:last-of-type{margin-top:0;margin-bottom:40px}#vue-root .vue-component-updating-firmware-finished .pop-bg,#vue-root .vue-component-updating-wifi-finished .pop-bg{width:840px;border-radius:6px;border:7px solid #456}#vue-root .vue-component-updating-firmware-finished .container .item .updating-success,#vue-root .vue-component-updating-wifi-finished .container .item .updating-success{width:auto;height:180px}#vue-root .vue-component-updating-firmware-finished .container .item .title,#vue-root .vue-component-updating-wifi-finished .container .item .title{font-size:28px}#vue-root .vue-component-updating-firmware-finished .container .item .btn,#vue-root .vue-component-updating-wifi-finished .container .item .btn{font-size:18px;height:45px;padding:10px 40px}#vue-root .vue-component-updating-firmware-finished .container .item:first-of-type,#vue-root .vue-component-updating-wifi-finished .container .item:first-of-type{margin-top:30px}#vue-root .vue-component-updating-firmware-finished .container .item:nth-of-type(2),#vue-root .vue-component-updating-wifi-finished .container .item:nth-of-type(2){margin-top:30px}#vue-root .vue-component-updating-firmware-finished .container .item:nth-of-type(3),#vue-root .vue-component-updating-wifi-finished .container .item:nth-of-type(3){margin-top:20px}#vue-root .vue-component-updating-firmware-finished .container .item:nth-of-type(4),#vue-root .vue-component-updating-wifi-finished .container .item:nth-of-type(4){margin-top:40px}#vue-root .vue-component-updating-firmware-finished .container .item:last-of-type,#vue-root .vue-component-updating-wifi-finished .container .item:last-of-type{margin-top:0;margin-bottom:37px}#vue-root .vue-component-alert{position:fixed;top:-100px;left:50%;transform:translateX(-50%);z-index:999999;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;transition:top .8s}#vue-root .vue-component-alert.show{top:40px}#vue-root .vue-component-alert .body{border-radius:58px;padding:10px 16px;display:flex;align-items:center}#vue-root .vue-component-alert .body-icon{width:25px;height:25px;margin-right:12px}#vue-root .vue-component-alert .body--default{border:1px solid #247bcb;background:#e8f8ff}#vue-root .vue-component-alert .body--default .body-icon{background:center/contain no-repeat url(../../media/check-info.svg)}#vue-root .vue-component-alert .body--usb-disconnected{border:1px solid #c5c5c5;background:#fff}#vue-root .vue-component-alert .body--usb-disconnected .body-icon{background:center/contain no-repeat url(../../media/usb-disconnect.svg)}#vue-root .vue-component-alert .body--exclamation-warning{border:1px solid #ffd645;background:#fffae1}#vue-root .vue-component-alert .body--exclamation-warning .body-icon{background:center/contain no-repeat url(../../media/exclamation-warning.svg)}#vue-root .vue-component-alert .body--cross-danger{border:1px solid #ed70a8;background:#ffd9ea}#vue-root .vue-component-alert .body--cross-danger .body-icon{background:center/contain no-repeat url(../../media/x-circle.svg)}#vue-root .vue-component-firmware-update .pop-bg{background:#456;width:840px;height:460px;padding:0;margin:0}#vue-root .vue-component-firmware-update .container{width:100%;height:100%;display:flex;justify-content:center}#vue-root .vue-component-firmware-update .container__left{flex:2;display:flex;justify-content:center}#vue-root .vue-component-firmware-update .container__left-img{width:300px;height:320px;background-position:center;background-size:contain}#vue-root .vue-component-firmware-update .container__left-img--v1{background-image:url(../../media/bit-v1-firmware.webp)}#vue-root .vue-component-firmware-update .container__left-img--v2{background-image:url(../../media/bit-v2-firmware.webp)}#vue-root .vue-component-firmware-update .container__left-hint{width:120px;height:36px;border:1px solid #fff;border-radius:35px;position:absolute;left:10px;bottom:10px;display:flex;justify-content:center;align-items:center}#vue-root .vue-component-firmware-update .container__left-hint:hover{color:#456;background:#fff}#vue-root .vue-component-firmware-update .container__left-hint:hover .container__left-icon{background-image:url(../../media/how-dark.svg)}#vue-root .vue-component-firmware-update .container__left-hint:hover .container__left-link{color:#456}#vue-root .vue-component-firmware-update .container__left-icon{width:18px;height:18px;background-image:url(../../media/how-white.svg);background-position:center}#vue-root .vue-component-firmware-update .container__left-link{margin-left:4px;color:#fff;font-size:14px;line-height:20px;text-decoration:none}#vue-root .vue-component-firmware-update .container__right{flex:3;display:flex;flex-direction:column;background:#fff;border:1px solid #fff;border-radius:5px;padding-top:30px;padding-left:32px;padding-right:32px;color:#444;font-size:16px}#vue-root .vue-component-firmware-update .container__right-icon{position:absolute;top:0;left:0;width:45px;height:45px;background-image:url(../../media/back-default.svg);background-position:center;transition:background-image .2s ease-in-out;cursor:pointer}#vue-root .vue-component-firmware-update .container__right-icon:hover{background-image:url(../../media/back-hover.svg)}#vue-root .vue-component-firmware-update .container__right-header{font-size:20px;text-align:center;margin-bottom:50px}#vue-root .vue-component-firmware-update .container__right-container{margin-bottom:200px;display:flex;justify-content:center}#vue-root .vue-component-firmware-update .container__right-container-description{display:inline-block;width:364px}#vue-root .vue-component-firmware-update .container__right-footer{display:flex;flex-direction:row;justify-content:center;align-items:center}#vue-root .vue-component-firmware-update .container__right-footer-button{font-size:16px;width:272px;padding:8px 18px;background:#058;box-sizing:border-box;border-radius:45px;color:#fff;cursor:pointer}#vue-root .vue-component-firmware-update .container__right-footer-button:hover{background:#00456f;color:#fff}#vue-root .vue-component-updating-firmware .pop-bg{width:840px;border-radius:6px;border:7px solid #456}#vue-root .vue-component-updating-firmware .container .item .title{font-size:28px}#vue-root .vue-component-updating-firmware .container .item .footer{--footer-width:570px;--progress-width:64px;--progress-height:12px;--flag-height:90px;--monster-width:68px;--monster-height:76px;--bubble-height:102px;--main-color:#74c3f0;width:var(--footer-width);height:182px;margin-top:42px}#vue-root .vue-component-updating-firmware .container .item .footer__progress-container{width:var(--footer-width);height:var(--progress-height);border-radius:13px;background:#eee;position:absolute;bottom:0}#vue-root .vue-component-updating-firmware .container .item .footer__progress{height:inherit;border-radius:13px;background:var(--main-color);transition:width .2s linear}#vue-root .vue-component-updating-firmware .container .item .footer__flag{width:64px;height:var(--flag-height);position:absolute;bottom:0;right:-64px;background-image:url(../../media/update-flag.webp);background-repeat:no-repeat;background-size:contain}#vue-root .vue-component-updating-firmware .container .item .footer__monster{width:100%;min-width:var(--monster-width);height:var(--monster-height);background-image:url(../../media/update-blue.webp);background-repeat:no-repeat;background-size:contain;background-position-x:right;transition:background-position .2s linear;transform:translateY(calc(var(--monster-height) * -1 + var(--progress-height)/ 2))}#vue-root .vue-component-updating-firmware .container .item .footer__bubble{margin-bottom:10px;position:absolute;right:-10px;transform:translateY(calc(var(--bubble-height) * -1))}#vue-root .vue-component-updating-firmware .container .item .footer__bubble__rectangle{width:92px;height:92px;background:var(--main-color);border-radius:50px;display:flex;align-items:center;justify-content:center}#vue-root .vue-component-updating-firmware .container .item .footer__bubble__polygon{width:0;height:0;border-style:solid;border-width:20px 18px 0 18px;border-color:var(--main-color) transparent transparent transparent;position:absolute;transform:translateX(-50%);left:50%;bottom:-10px}#vue-root .vue-component-updating-firmware .container .item .footer__bubble__percent{color:#fff}#vue-root .vue-component-updating-firmware .container .item .footer__bubble__percent-number{font-size:34px;margin-right:1px}#vue-root .vue-component-updating-firmware .container .item .footer__bubble__percent-unit{font-size:18px}#vue-root .vue-component-updating-firmware .container .item:first-of-type{margin-top:56px}#vue-root .vue-component-updating-firmware .container .item:nth-of-type(2){margin-top:0}#vue-root .vue-component-updating-firmware .container .item:nth-of-type(3){margin-top:20px}#vue-root .vue-component-updating-firmware .container .item:nth-of-type(4){margin-top:0}#vue-root .vue-component-updating-firmware .container .item:last-of-type{margin-top:0;margin-bottom:82px}#vue-root .vue-component-device-to-burning-mode .pop-bg{background:#456;width:840px;height:460px;padding:0;margin:0}#vue-root .vue-component-device-to-burning-mode .container{width:100%;height:100%;display:flex;justify-content:center;background:#fff;border:1px solid #fff;border-radius:5px;padding:15px;padding-right:33px}#vue-root .vue-component-device-to-burning-mode .container-icon{position:absolute;top:0;left:0;z-index:1;width:45px;height:45px;background-image:url(../../media/back-default.svg);background-position:center;transition:background-image .2s ease-in-out;cursor:pointer}#vue-root .vue-component-device-to-burning-mode .container-icon:hover{background-image:url(../../media/back-hover.svg)}#vue-root .vue-component-device-to-burning-mode .container__left{flex:8}#vue-root .vue-component-device-to-burning-mode .container__left-img{width:auto;height:100%;border-radius:5px}#vue-root .vue-component-device-to-burning-mode .container__right{flex:5;display:flex;flex-direction:column;padding-top:40px;padding-left:40px}#vue-root .vue-component-device-to-burning-mode .container__right-header{font-size:16px}#vue-root .vue-component-device-to-burning-mode .container__right-container{padding-top:40px;padding-left:10px}#vue-root .vue-component-device-to-burning-mode .container__right-container-item{margin-bottom:25px}#vue-root .vue-component-device-to-burning-mode .container__right-container-item-group{display:flex;justify-content:flex-start;align-items:center}#vue-root .vue-component-device-to-burning-mode .container__right-container-item-group .item-number{width:22px;height:22px;border-radius:11px;margin-right:10px;text-align:center;color:#fff;background-color:#444}#vue-root .vue-component-device-to-burning-mode .container__right-container-item-group .item-content{font-size:16px}@media (max-width:1180px){#vue-root .vue-component-pop-window .pop-bg{margin-bottom:140px}#vue-root .vue-component-creativity-example-modal .creativity-container__top{height:400px;overflow:scroll}#vue-root .vue-component-sample-menu .pop-bg{height:70%}}