@keyframes dna-border-dance{0%{background-position:0 0,100% 100%,0 100%,100% 0}to{background-position:15px 0,right 15px bottom,left bottom 15px,right top 15px}}@keyframes spin-360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shake{10%,90%{transform:translate(-10px)}20%,80%{transform:translate(12px)}30%,50%,70%{transform:translate(-14px)}40%,60%{transform:translate(14px)}}.x-sign-offs{margin-bottom:40px}.x-sign-offs .x-sign-off-row{background-color:#18181809;padding:12px}.dna-dark .x-sign-offs .x-sign-off-row{background-color:#ffffff1f}.x-sign-offs .x-sign-off-row{border-radius:8px;margin-top:10px}.x-sign-offs .x-sign-off-row.is-approved{border-left:4px solid #82ffb0}.x-sign-offs .x-sign-off-row.is-rejected{border-left:4px solid #e5484d}.x-sign-offs .x-sign-off-row.is-ready{border-left:4px solid #7ac7fa}.x-sign-offs .x-sign-off-row .x-sign-off-main{align-items:center;gap:14px;min-height:50px;display:flex}.x-sign-offs .x-sign-off-row .x-sign-off-main .x-sign-off-text{flex:1;min-width:0}.x-sign-offs .x-sign-off-row .x-sign-off-main .x-sign-off-ready{background-color:#18181814;align-items:center;display:flex}.dna-dark .x-sign-offs .x-sign-off-row .x-sign-off-main .x-sign-off-ready{background-color:#fff3}.x-sign-offs .x-sign-off-row .x-sign-off-main .x-sign-off-ready{white-space:nowrap;border-radius:5px;height:40px;padding:6px 12px 6px 6px}.x-sign-offs .x-sign-off-row .x-sign-off-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;display:flex}.x-sign-offs .x-sign-off-row .x-sign-off-note{background-color:#18181814;border-radius:6px;margin-top:8px;padding:8px 10px}.dna-dark .x-sign-offs .x-sign-off-row .x-sign-off-note{background-color:#fff3}.x-sign-offs .x-sign-off-row .x-sign-off-note{white-space:pre-wrap}.x-sign-offs .x-sign-off-row .x-sign-off-meta{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.x-sign-offs .x-sign-off-row textarea{width:100%;min-height:70px;margin-top:8px}.x-sign-offs .x-sign-off-add{margin-top:16px}.x-sign-off-view{padding:24px 28px 60px}.x-sign-off-view .x-sign-off-view-head{align-items:center;margin-bottom:6px;display:block}.x-sign-off-view .x-sign-off-view-head h2{margin-bottom:10px}.x-sign-off-view .x-sign-off-decide{background-color:#18181809;border-radius:8px;margin-top:24px;padding:14px 16px}.dna-dark .x-sign-off-view .x-sign-off-decide{background-color:#ffffff1f}.x-sign-off-view .x-sign-off-decide textarea{width:100%;min-height:80px;margin-top:8px}.x-sign-off-view .x-sign-off-decide .x-sign-off-decide-buttons{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.x-sign-off-view .x-sign-off-history{margin-top:24px}.x-sign-off-view .x-sign-off-history li{border-bottom:1px solid #80808026;align-items:flex-start;gap:10px;padding:6px 0;display:flex}.x-sign-off-view .x-sign-off-history li .x-sign-off-history-when{min-width:170px}.x-sign-off-inbox{flex-direction:column;height:calc(100vh - 100px);padding:10px 6px 0;display:flex}.x-sign-off-inbox .x-sign-off-inbox-tabs{flex-shrink:0;gap:8px;margin-bottom:14px;display:flex}.x-sign-off-inbox .x-sign-off-inbox-tabs .x-sign-off-inbox-tab{cursor:pointer;align-items:center;gap:8px;display:inline-flex}.x-sign-off-inbox .x-sign-off-inbox-list{flex:1;min-height:0;padding:0 6px 20px 0}.x-sign-off-inbox .x-sign-off-inbox-row{cursor:pointer;background-color:#18181809;border-radius:8px;align-items:center;gap:14px;padding:10px 12px;display:flex}.dna-dark .x-sign-off-inbox .x-sign-off-inbox-row{background-color:#ffffff1f}.x-sign-off-inbox .x-sign-off-inbox-row{margin-bottom:8px}.x-sign-off-inbox .x-sign-off-inbox-row:hover{background-color:#18181814}.dna-dark .x-sign-off-inbox .x-sign-off-inbox-row:hover{background-color:#fff3}.x-sign-off-inbox .x-sign-off-inbox-row .x-sign-off-inbox-text{flex:1;min-width:0}.x-sign-off-inbox .x-sign-off-inbox-more{margin-top:10px;display:inline-block}