.ai-chat {
    position: fixed;
    z-index: 999999999;
    right: 0;
    top: 0;
    width: 75px;

    /*display: none;*/

}
.ai-chat img{
    width: 100%;
    user-select: none;
}
.ai-chat-instructor{
    width: 410px;
    height: 100vh;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    display: flex;
    flex-direction: column;
    position: fixed;
    right: 0px;
    bottom: 0px;
    transition: all .2s ease-in-out;
    transform-origin: right bottom;
    z-index: 9999999999;
    opacity: 0;
    display: none;
}
.ai-chat-instructor.active{
    opacity: 1;
    display: flex;
}
.ai-chat-instructor-header{
    height: 52px;
    border-bottom: 1px solid #ebebeb;
    padding: 0 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-shrink: 0;
}
.ai-chat-instructor-header .goBack{
    position: relative;
    display: inline-block;
    width: 18px;
    height: 18px;
    cursor: pointer;
}
.ai-chat-instructor-header .goBack:before,
.ai-chat-instructor-header .goBack:after{
    content: '';
    position: absolute;
    left: 8px;
    top: 1px;
    width: 2px;
    height: 16px;
    border-radius: 2px;
    background: #666;
}
.ai-chat-instructor-header .goBack:before{
    transform: rotate(45deg);
}
.ai-chat-instructor-header .goBack:after{
    transform: rotate(-45deg);
}
.ai-chat-instructor-header .name{
    font-size: 16px;
    color: rgba(0, 10, 26, 0.8901960784313725);
}
.ai-chat-instructor-header .extra{
    display: flex;
    gap: 16px;
}
.ai-chat-instructor-header .extra .addChat{
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("/AIChatWindow/img/instructor/add-ded7ffc60dbb9aaca59f56140f5a8c5d.svg") no-repeat center;
    cursor: pointer;
}
.ai-chat-instructor-header .extra .historyChat{
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url("/AIChatWindow/img/instructor/history-24d14c322059f58404a2233e94c7a109.svg") no-repeat center;
    cursor: pointer;
}
.ai-chat-instructor-content{
    padding: 20px;
    flex: 1;
    overflow: auto;
    line-height: 2;
    font-size: 14px;
    color: #666;
}
.ai-chat-instructor-footer{
    min-height: 80px;
    flex-shrink: 0;
    padding: 20px;
    position: relative;
}
.ai-chat-instructor-footer-content{
    display: flex;
    justify-content: space-between;
    border: 1px solid #ecedef;
    border-radius: 8px;
    align-items: center;
    padding: 0 15px;
    flex-wrap: wrap;
}
.ai-chat-instructor-footer-content .uploadIcon{
    width: 16px;
    height: 18px;
    background: url("/AIChatWindow/img/instructor/op-1625cf43f9ae167ffc0833f9a8f9d239.svg") no-repeat center;
    background-size: 100%;
    margin-right: 10px;
    cursor: pointer;
}
.ai-chat-instructor-footer .inputBox{
    flex: 1;
}
.ai-chat-instructor-footer .inputBox textarea{
    width: 100%;
    height: 50px;
    outline: none;
    resize: none;
    border: 0;
    padding: 15px 0;
    max-height: 180px;
}
.ai-chat-instructor-footer .inputBox textarea::placeholder{
    color: rgba(0, 10, 26, 0.25882352941176473);
}
.ai-chat-instructor-footer .operate{
    padding-left: 10px;
}
.ai-chat-instructor-footer .operate .send{
    width: 24px;
    height: 24px;
    background: url("/AIChatWindow/img/instructor/send-adbd326580ff1e895eea78af3f3ddb20.svg") no-repeat center;
    background-size: 100%;
    cursor: pointer;
}
.ai-chat-instructor-footer .operate .send.disabled{
    opacity: 0.6;
}

.upload-operation{
    position: absolute;
    left: 20px;
    bottom: 80px;
    width: 119px;
    height: 84px;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.12);
    padding-top: 8px;
    z-index: 9999;
}
.upload-operation .op-screenshot{
  padding: 8px 15px 8px 40px;
  background: url("/AIChatWindow/img/instructor/screenshot-d1aca296daf7ff0339b11c0b2be8c06f.png") no-repeat 15px center;
  cursor: pointer;
}
.upload-operation .op-uploadFile{
    padding: 8px 15px 8px 40px;
    background: url("/AIChatWindow/img/instructor/file-b2a36bfdf9d11369eb4dd73db39df81f.png") no-repeat 15px center;
    cursor: pointer;
}
.upload-container{
    position: absolute;
    left: 20px;
    bottom: calc(100% - 20px);
    width: 370px;
    min-height: 180px;
    border: 1px solid #ecedef;
    border-bottom: 0;
    border-radius: 8px;
    padding-bottom: 20px;
    background: #fff;
    z-index: 9999;
}
.upload-container .upload-container-head{
    height: 42px;
    background: #fafafa;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 16px;
    border-top-left-radius: 8px;
    border-bottom-right-radius: 8px;
}
.upload-container .upload-container-head .name{
    color:#000;
    background: url('/AIChatWindow/img/instructor/upname-d2a241345dcde0a9c858be880f620e57.svg') no-repeat 0px center;
    padding-left: 20px;
}
.upload-container .upload-container-head .upload-container-close{
    width: 16px;
    height: 16px;
    cursor: pointer;
}
.upload-container .drop-area{
    text-align: center;
    padding-top: 20px;
    margin-bottom: 15px;
}
.upload-container .drop-area .browse-btn{
    background: #4a6bdf;
    color: white;
    padding: 10px 24px;
    border-radius: 50px;
    border: none;
    cursor: pointer;
    font-weight: normal;
    margin-bottom: 10px;
}
.upload-container .drop-area p{
    color: #666;
}
.upload-container .file-list{
    padding: 0 15px;
    height: 200px;
    height: 95px;
    overflow: auto;
}
.file-list {
    margin-top: 30px;
    max-height: 400px;
    overflow-y: auto;
}

.file-list h3 {
    margin-bottom: 15px;
    color: #444;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.file-item1 {
    display: flex;
    align-items: center;
    padding: 12px 15px;
    border-radius: 8px;
    margin-bottom: 10px;
    background: #f9f9f9;
    transition: transform 0.2s;
}

.file-item1:hover {
    background: #f0f4ff;
    transform: translateX(5px);
}

.file-icon {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    border-radius: 8px;
    color: white;
    font-size: 18px;
    flex-shrink: 0;
}

.pdf { background: #ff5252; }
.doc { background: #448aff; }
.xlsx { background: #4caf50; }
.ppt { background: #ff9800; }
.txt { background: #9e9e9e; }
.img { background: #ff4081; }
.other { background: #673ab7; }

.file-info {
    flex: 1;
}

.file-name {
    font-weight: 500;
    margin-bottom: 5px;
    color: #333;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.file-size {
    font-size: 12px;
    color: #777;
}

.file-actions {
    display: flex;
    gap: 10px;
}

.file-action-btn {
    background: transparent;
    border: none;
    cursor: pointer;
    color: #666;
    font-size: 16px;
    transition: color 0.3s;
}

.file-action-btn:hover {
    color: #4a6bdf;
}

.preview-container {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 1000;
    justify-content: center;
    align-items: center;
}

.preview-content {
    background: white;
    border-radius: 12px;
    padding: 20px;
    max-width: 90%;
    max-height: 90%;
    position: relative;
}

.preview-content img {
    max-width: 100%;
    max-height: 80vh;
    border-radius: 8px;
}

.close-preview {
    position: absolute;
    top: -15px;
    right: -15px;
    background: #ff5252;
    color: white;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    cursor: pointer;
    font-size: 18px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
}

.upload-status {
    margin-left: 10px;
    font-size: 12px;
    font-weight: 500;
}

.uploading {
    color: #ff9800;
}

.guessU{
    /*padding: 0 40px 0 20px;*/
}
.guessU .name{
    font-size: 14px;
    color:rgba(0, 0, 0, 0.45098039215686275);
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.guessU .list .item{
    border: 1px solid #e5e5e5;
    padding: 15px;
    border-radius: 8px;
    margin-bottom: 15px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.8784313725490196);
    cursor: pointer;
    line-height: 1.6;
}
.toggleGuess{
    color: #1677ff;
    cursor: pointer;
    display: flex;
    align-items: center;
}
.toggleGuess .icon-guess-toggle{
    display: block;
    width: 14px;
    height: 16px;
    background: url("/AIChatWindow/img/instructor/icon-guess-toggle-964fd8e30ffb38a4e9d94e80e195bf1f.png") no-repeat center;
    background-size: 100%;
    margin-left: 5px;
}
.toggleGuess .icon-guess-toggle.active{
    transform: rotate(180deg);
}
.chat-welCome{
    background: linear-gradient(106.92851976611799deg, rgba(90, 196, 255, 1) -17%, rgba(174, 136, 255, 1) 123%);
    padding: 15px;
    border-radius: 4px;
    margin-bottom: 20px;
}
.chat-welCome .name{
    font-size: 20px;
    color: rgba(0, 0, 0, 0.8784313725490196);
    font-weight: 500;
}
.chat-welCome .content{
    font-size: 16px;
    color: rgba(0, 0, 0, 0.8784313725490196);
    line-height: 1.6;
}
.random-quiz-bar{
    margin-bottom: 12px;
}
.random-quiz-btn{
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 32px;
    padding: 0 12px;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;
    color: #111827;
    font-size: 14px;
    line-height: 1;
    cursor: pointer;
}
.random-quiz-btn:hover{
    border-color: #b7d8ff;
    background: #f7fbff;
}
.random-quiz-btn .icon{
    width: 16px;
    height: 16px;
    fill: currentColor;
}

.chat-talk .talk-box{
    margin-bottom: 25px;
}
.chat-talk .userTalk .previewImg{
    justify-content: end;
    display: flex;
    margin-bottom: 15px;
}
.chat-talk .userTalk .previewImg img{
    max-width: 100%;
}
.chat-talk .userTalk .talk-content{
    display: flex;
    justify-content: end;
    width: 100%;
    margin-bottom: 10px;
}
.chat-talk .userTalk .talk-text{
    background: #95ec69;
    background: #c9e7ff;
    padding: 8px 15px;
    border-radius: 8px;
    color: #232323;
    font-size: 14px;
    word-break: break-all;
    overflow-wrap: anywhere;
}
.chat-talk .userTalk .talk-toolbar{
    display: flex;
    justify-content: end;
    gap: 5px;
}
.chat-talk .talk-toolbar .iconBox{
    padding: 4px 6px;
    line-height: 1;
    border-radius: 8px;
    cursor: pointer;
}
.chat-talk .talk-toolbar .iconBox:hover{
    background: #f5f5f5;
}
.chat-talk  .talk-toolbar  .icon{
    display: block;
    width: 14px;
    height: 14px;
    fill: #878787;
}
.chat-talk  .talk-toolbar .iconBox .icon path,
.chat-talk  .talk-toolbar .iconBox .icon use{
    fill: #878787;
}
.chat-talk  .talk-toolbar .iconBox:hover  .icon path,
.chat-talk  .talk-toolbar .iconBox .icon use{
    fill: #000000;
}
.chat-talk  .talk-toolbar .iconBox.like.active .icon path,
.chat-talk  .talk-toolbar .iconBox.like.active .icon use{
    fill: #009f06;
}
.chat-talk  .talk-toolbar .iconBox.nolike.active .icon path,
.chat-talk  .talk-toolbar .iconBox.nolike.active .icon use{
    fill: red;
}

.chat-talk .AITalk .talk-content{
    /*display: flex;*/
    width: 100%;
    margin-bottom: 10px;
    background: #f7f7f7;
    padding: 15px;
    border-radius: 8px;
}
.chat-talk .AITalk .talk-text{
    color: #1e1e1e;
    font-size: 14px;
}
.chat-talk .AITalk .quiz-card{
    width: 280px;
    min-height: 100px;
    margin-bottom: 16px;
    padding: 14px 12px 12px;
    border: 1px solid #e5effa;
    border-radius: 10px;
    background: #f8fcff;
    color: #111827;
    line-height: 1.5;
    cursor: pointer;
}
.chat-talk .AITalk .quiz-card:hover{
    border-color: #b7d8ff;
    box-shadow: 0 4px 14px rgba(22, 119, 255, 0.08);
}
.chat-talk .AITalk .quiz-card-icon{
    width: 18px;
    height: 18px;
    margin-bottom: 10px;
    color: #1677ff;
}
.chat-talk .AITalk .quiz-card-icon .icon{
    display: block;
    width: 18px;
    height: 18px;
    fill: currentColor;
}
.chat-talk .AITalk .quiz-card-title{
    margin-bottom: 8px;
    font-size: 14px;
    color: #111827;
}
.chat-talk .AITalk .quiz-card-date{
    font-size: 11px;
    color: #9ca3af;
}
.chat-talk .AITalk .talk-toolbar{
    display: flex;
    gap: 5px;
}
.talk-tips{
    background: #fffbe6;
    border: 1px solid #ffe58f;
    font-size: 11px;
    padding: 4px 10px;
    border-radius: 4px;
    margin-bottom: 10px;
}

.ai-chat-history{
    position: absolute;
    right: 8px;
    top: 58px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    width: 300px;
    height: 470px;
    /*display: none;*/
}
.ai-chat-history-content{
    overflow-y: auto;
    height: 100%;
    padding: 15px;
}
.ai-chat-history:after{
    content: '';
    position: absolute;
    top: -15px;
    right: 7px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #ffffff;
    z-index: 9999;
}
.ai-chat-history .collapse-item{
    margin-bottom: 20px;
}
.ai-chat-history .collapse-item .collapse-name{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
    cursor: pointer;
    padding: 0 10px;
}
.ai-chat-history .collapse-item .collapse-name .name{
    font-size: 14px;
    color: rgba(0, 0, 0, 0.8784313725490196);
}
.ai-chat-history .collapse-item .collapse-name .extra .icon-triangle{
    display: block;
    width: 14px;
    height: 14px;
    background: url("/AIChatWindow/img/instructor/icon-triangle-031a176f181a17bf2eefd3838b3420f0.svg") no-repeat center;
    background-size: 100%;
}
.ai-chat-history .collapse-item  .collapse-panel .list .item{
    padding: 6px 10px;
    font-size: 14px;
    color: rgba(0, 0, 0, 0.45098039215686275);
    position: relative;
    border-radius: 4px;
    margin-bottom: 5px;
    position: relative;
}
.ai-chat-history .collapse-item  .collapse-panel .list .item  .content{
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}
.ai-chat-history .collapse-item  .collapse-panel .list .item  .content .name{
    flex: 1;
}
.ai-chat-history .collapse-item  .collapse-panel .list .item  .content .time{
    padding-left: 15px;
}
.ai-chat-history .collapse-item  .collapse-panel .list .item .operateBtn{
    display: none;
    /*width: 17px;*/
    height: 18px;
    background: url(/AIChatWindow/img/instructor/operate-0daedf9ded8380eb3c513c9b536d3f1d.svg) no-repeat right center;
    background-size: 17px;
    width: 51px;
}
.ai-chat-history .collapse-item  .collapse-panel .list .item:hover{
    background: rgba(0, 0, 0, 0.0392156862745098);
}
.ai-chat-history .collapse-item  .collapse-panel .list .item:hover .name{
    color: rgba(0, 0, 0, 0.8784313725490196);
}
.ai-chat-history .collapse-item  .collapse-panel .list .item:hover .time{
    display: none;
}
.ai-chat-history .collapse-item  .collapse-panel .list .item:hover .operateBtn{
    display: block;
}
.ai-chat-history .collapse-item  .collapse-panel .list .item.edit .operateBtn,
.ai-chat-history .collapse-item  .collapse-panel .list .item.edit .time{
    display: none !important;
}

.ai-chat-history .collapse-item  .collapse-panel .list .item .operateBox{
    position: absolute;
    right: 0;
    top: 36px;
    background: #fff;
    padding: 3px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 9;
    border-radius: 6px;
    /*display: none;*/
}
.ai-chat-history .collapse-item  .collapse-panel .list .item .operateBox .operate-btn{
    padding: 8px 16px;
    cursor: pointer;
    margin-bottom: 5px;
    border-radius: 8px;
    padding-left: 32px;
}

.ai-chat-history .collapse-item  .collapse-panel .list .item .operateBox .operate-btn:hover{
    background-color: rgba(0, 0, 0, 0.0392156862745098);
}
.ai-chat-history .collapse-item  .collapse-panel .list .item .operateBox .operate-rename{
    background: url("/AIChatWindow/img/instructor/icon-edit-d7e4a15bf5ce9a866beeafaaa4d77732.svg") no-repeat 10px center;
    background-size: 16px 16px;
}
.ai-chat-history .collapse-item  .collapse-panel .list .item .operateBox .operate-del{
    background: url("/AIChatWindow/img/instructor/icon-del-c3b5382ebe097d3857e23c43a95b3fb5.svg") no-repeat 10px center;
    background-size: 16px 16px;
    color: #d81e06;
}
.ai-chat-history .collapse-item  .collapse-panel .list .item input[type="text"]{
    padding: 8px 12px;
    width: 100%;
    border: 1px solid #ddd;
    border-radius: 4px;
}
.talk-edit{
    width: 100%;
}
.talk-edit-textarea{
    width: 100%;
    border: 1px solid #ddd;
    outline: none !important;
    border-radius: 4px;
    resize: none;
    height: 100px;
    font-size: 14px;
}
.talk-tags{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.talk-tags span{
    display: block;
    color: #333333;
    font-size: 14px;
    text-align: center;
    padding: 4px 12px;
    background: #f5f5f5;
    border-radius: 4px;
    cursor: pointer;
}
.talk-tags span.active{
    background: #2196F3;
    color: #fff;
}
.talk-btns{
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 12px;
    padding: 10px 10px 0 0;
}
.talk-btns .talk-btn{
    padding: 4px 14px;
    background: #ededed;
    font-size: 13px;
    color: #121212;
    border-radius: 4px;
    cursor: pointer;
}
.talk-btns .talk-btn.btn-send{
    background: #2196F3;
    color:#fff;
}
.ai-chat-msg{
    position: absolute;
    top: 68px;
    left: 18px;
    width: 90%;
    background: #fff;
    z-index: 999;
    padding: 8px 16px;
    border-radius: 4px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    font-size: 14px;
    color: #000;
    display: flex;
    align-items: center;
}
.ai-chat-msg .icon{
    margin-right: 6px;
    width: 14px;
    height: 14px;
}

.workflowCard{
    background-color: #ecfdf3;
    padding: 7px 4px;
    border: 1px solid rgb(16 24 40 / 8%);
    border-radius: 8px;
    margin-bottom: 8px;
}
.workflowCard_title{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 6px;
    cursor: pointer;
}
.workflowCard_title .name{
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    color: #354052;
    display: flex;
    align-items: center;
    gap: 3px;
    min-width: 0;
    flex: 1;
}
.workflowCard_title .nameText{
    display: inline-block;
    position: relative;
    transform-origin: left center;
    max-width: 100%;
    min-width: 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #354052;
    transition: color .25s ease, text-shadow .25s ease;
}
.workflowCard_title .nameText.workflow-title-breathing{
    color: #354052;
}
.workflowCard_title .nameText.workflow-title-breathing::after{
    content: "";
    position: absolute;
    top: -35%;
    bottom: -35%;
    left: -70%;
    width: 42%;
    pointer-events: none;
    background: linear-gradient(105deg, transparent 0%, rgba(255, 255, 255, 0.15) 28%, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 0.15) 72%, transparent 100%);
    mix-blend-mode: screen;
    transform: translateX(0) skewX(-18deg);
    animation: workflowTextShimmer 1.45s linear infinite;
    will-change: transform;
}
.workflowCard_title  .icon-triangle{
    display: block;
    width: 14px;
    height: 14px;
    background: url("/AIChatWindow/img/instructor/icon-triangle-031a176f181a17bf2eefd3838b3420f0.svg") no-repeat center;
    background-size: 100%;
}
.workflowCard_title  .icon-triangle.active{
    transform: rotate(180deg);
}
.workflowCard .status_finished{
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("/AIChatWindow/img/instructor/icon-finished-93dc5ca1a7ecfa9d8ef3580246aed127.png") no-repeat center;
}
.workflowCard .status_loading{
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url("/AIChatWindow/img/instructor/icon-loading-996a9585d855f9100e48692aa851fb36.png") no-repeat center;
    animation: spin 1s linear infinite;
}
.workflowCard_content{
    padding-top: 10px;
}
.workflowCard_content .nodeList{
    padding: 8px;
}
.workflowCard_content .nodeList .nodeItem{
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 5px;
    padding: 6px;
    border-radius: 6px;
    border: 1px solid #10182814;
    font-size: 12px;
}
.workflowCard_content .nodeList .nodeItem .extra{
    display: flex;
    align-items: center;
}
.workflowCard_content .nodeList .nodeItem .name{
    font-size: 13px;
    color: #354052;
    font-weight: bold;
    display: flex;
}
.workflowCard_content .nodeList .nodeItem .name .icon-node{
    display: block;
    width: 20px;
    height: 20px;
    background: #296dff;
    border-radius: 4px;
    margin-right: 6px;
    background: url("/AIChatWindow/img/instructor/icon-node-837923eab24748974ef6fd2f32012297.png") no-repeat center #296dff;
}
.workflowCard_content .nodeList .nodeItem:nth-child(2n) .name .icon-node{ background-color: #2e90fa }
.workflowCard_content .nodeList .nodeItem:nth-child(3n) .name .icon-node{ background-color: #6172f3 }
.workflowCard_content .nodeList .nodeItem:nth-child(4n) .name .icon-node{ background-color: #06aed4 }
.workflowCard_content .nodeList .nodeItem:nth-child(5n) .name .icon-node{ background-color: #f79009 }
.workflowCard_content .nodeList .nodeItem:nth-child(6n) .name .icon-node{ background-color: #296dff }

.workflowCard_content .nodeList .nodeItem  .time{
    color: #676f83;
    margin-right: 5px;
}
.workflowCard_content .nodeList .nodeItem .extra .status{
    display: block;
    height: 14px;
}
@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}
@keyframes workflowTextShimmer {
    0% {
        transform: translateX(0) skewX(-18deg);
    }
    100% {
        transform: translateX(430%) skewX(-18deg);
    }
}
body::-webkit-scrollbar { width: 0 !important }