.active-template-container{position:fixed;z-index:10;cursor:pointer}.active-template-container .active-template-content{min-width:24px;border-radius:10px;padding:6px 13px;background:rgba(0,0,0,.039);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:1px 1px 3px rgba(0,0,0,.1)}.active-template-container .active-template-content .active-template-item{display:flex;line-height:42px;box-sizing:content-box;font-size:14px;color:#333;align-items:center;text-align:center;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-template-container .active-template-content .active-template-item.active{color:#333}.active-template-container .active-template-content .active-template-item .i-icon{font-size:17px;height:38px;width:20px;margin:0 6px 0 0}.active-template-container .active-template-icon-container{position:absolute;left:calc(100% - 17px);top:0}.active-template-container .active-template-icon-container .tools-icon-content.close{position:relative;left:-4px;top:5px;color:#777}.active-template-container .active-template-icon-container .tools-icon-content.icon{position:relative;border-radius:50%;border:2px solid #333;box-shadow:0 0 3px rgba(0,0,0,.1);width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#333;font-size:17px;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.comparative-process-item-container{display:grid;grid-template-columns:1fr 100px;border-bottom:1px solid #efefef;padding:1.4rem 0 1.4rem 1.4rem;transition:.5s;position:relative;height:100px;min-width:500px;box-sizing:border-box;align-items:center;grid-gap:20px;gap:20px}.comparative-process-item-container:hover{background:#fafafa}.comparative-process-item-container.active{background:#fff;box-shadow:inset 0 0 7px #e4e4e4;color:#333;border-bottom:0;opacity:1}.comparative-process-item-container .comparative-process-item-info{display:flex;gap:10px;flex-direction:column;min-width:0}.comparative-process-item-container .comparative-process-item-info .comparative-process-item-header{display:flex;align-items:center;gap:10px}.comparative-process-item-container .comparative-process-item-info .comparative-process-item-header h5{margin:0;font-size:14px;font-weight:600;color:#333;transition:all .2s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comparative-process-item-container .comparative-process-item-info .comparative-process-item-header .comparative-process-item-differences{display:flex;align-items:center;gap:18px;font-size:10px;margin:0 0 0 14px}.comparative-process-item-container .comparative-process-item-info .comparative-process-item-header .comparative-process-item-differences div{display:flex;align-items:center;gap:4px;font-size:12px}.comparative-process-item-container .comparative-process-item-info .comparative-process-item-header .comparative-process-item-differences div .i-icon{position:relative;top:1px}.comparative-process-item-container .comparative-process-item-info .comparative-process-item-header .comparative-process-item-differences .difference-tag{border-radius:50%;width:16px;height:16px;background-color:#e76f68;color:#fff;display:flex;align-items:center;justify-content:center;font-size:9px;line-height:14px}.comparative-process-item-container .comparative-process-item-info .comparative-process-item-details{display:flex;flex-wrap:wrap;gap:16px}.comparative-process-item-container .comparative-process-item-info .comparative-process-item-details .comparative-process-item-detail{display:flex;align-items:center;font-size:12px;color:#999;gap:6px}.comparative-process-item-container .comparative-process-item-info .comparative-process-item-details .comparative-process-item-detail .i-icon{height:14px;width:14px}.comparative-process-item-container .comparative-process-item-action{display:flex;align-items:center;justify-content:center;flex-shrink:0}.comparative-process-item-container .comparative-process-item-action .active-badge{display:flex;align-items:center;gap:6px;padding:8px 16px;color:#42ab69;border-radius:6px;font-size:28px}.comparative-process-item-container .comparative-process-item-action .failed-icon{display:flex;align-items:center;justify-content:center;color:#ff4d4f;font-size:20px}.comparative-process-item-container .status-indicator{width:100px;font-size:18px;font-weight:500;text-align:center;white-space:nowrap}.comparative-process-item-container .play-icon{cursor:pointer;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background-color:#333;transition:transform .2s ease}.comparative-process-item-container .play-icon:hover{transform:scale(1.1)}.comparative-process-item-container .play-icon .i-icon{height:13px;width:10px;font-size:11px;color:#fff}.comparative-process-item-container .play-icon .rotating{animation:rotate 1s linear infinite}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:768px){.comparative-process-item-container{padding:1.4rem 1rem;gap:16px}.comparative-process-item-container .comparative-process-item-details{flex-direction:column;gap:8px}}.comparative-processes-container{display:grid;grid-template-rows:1fr 100px;min-width:500px;height:calc(100vh - 100px)}.comparative-processes-container .comparative-processes-content{overflow-y:auto;overflow-x:hidden}.comparative-processes-container .comparative-processes-content::-webkit-scrollbar{display:none}.comparative-processes-container .comparative-processes-content.loader{display:flex;align-items:center;justify-content:center;font-size:32px;color:#999}.comparative-processes-container .comparative-processes-content .not-found{display:flex;align-items:center;justify-content:center;padding:3rem 1rem;color:#999;font-size:14px}.comparative-processes-container .comparative-processes-content .not-found .i-icon{height:20px;margin-right:10px}.comparative-processes-container .comparative-processes-add-process{display:flex;align-items:center;justify-content:center;height:100px;border-top:1px solid #efefef;cursor:pointer}.comparative-processes-container .comparative-processes-add-process:hover{background:#fafafa}.comparative-processes-container .comparative-processes-add-process .i-icon{position:relative;top:3px;right:6px}.clause-notes-container .clause-notes-header{display:flex;align-items:center;height:2.4rem;color:#666}.clause-notes-container .clause-notes-header .clause-notes-header-item{display:flex;align-items:center;cursor:pointer;border-radius:5px;border-radius:8px;padding:0 7px}.clause-notes-container .clause-notes-header .clause-notes-header-item.active{background:#fff;color:#333}.clause-notes-container .clause-notes-header .clause-notes-header-item:hover{background:#fff}.clause-notes-container .clause-notes-header .clause-notes-header-item .i-icon{height:16px;margin:0 7px 0 0}.clause-notes-container .clause-notes-form{display:grid;grid-template-columns:20px 1fr;grid-gap:12px;gap:12px;margin-bottom:24px}.clause-notes-container .clause-notes-form .clause-notes-user-avatar{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#333;color:#fff;font-size:10px;font-weight:600;text-transform:uppercase;margin:6px 0 0}.clause-notes-container .clause-notes-form textarea{border:0;font-size:11px;line-height:24px}.clause-notes-container .clause-notes-form .ant-form-item-explain-error{font-size:8px;margin:3px}.clause-notes-container .clause-notes-loader{height:4rem}.clause-notes-container .clause-notes-loader .anticon{margin:0 4px 0 0}.clause-notes-container .ant-form-item{margin-bottom:6px}.clause-notes-container .ant-form-item .ant-form-item-additional{position:absolute}.clause-notes-container .clause-notes-form-actions{display:flex;justify-content:flex-end;margin-top:10px}.clause-notes-container .clause-notes-form-actions .add-clause-note{font-size:11px}.clause-note-container{display:grid;grid-template-columns:20px 1fr;grid-gap:12px;gap:12px;border-top:1px solid #efefef;padding:1rem 0}.clause-note-container .clause-note-user{display:flex;gap:5px;font-size:11px;color:#333;font-weight:700}.clause-note-container .clause-note-user-avatar{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#333;color:#fff;font-size:10px;font-weight:600;text-transform:uppercase;margin:7px 0 0}.clause-note-container .clause-note-content{display:flex;font-size:11px;line-height:18px;margin:2px 0 4px}.clause-note-container .clause-note-actions{display:flex;justify-content:space-between}.clause-note-container .clause-note-actions .clause-note-date{display:flex;align-items:center;gap:5px;font-size:9px;color:#999}.clause-note-container .clause-note-actions .clause-note-date .i-icon{height:18px}.clause-note-container .clause-note-actions .clause-note-delete{display:flex;align-items:center;font-size:9px;color:#999;cursor:pointer}.clause-tip-item-container{border-top:1px solid #efefef;padding:1rem 0}.clause-tip-item-container .clause-tip-item-content .clause-tip-item-content-header{display:flex;justify-content:space-between}.clause-tip-item-container .clause-tip-item-content .clause-tip-item-content-header h4{margin:0 0 4px;align-items:center;display:inline-block;border-radius:8px;padding:0 8px;font-size:9px;text-transform:uppercase}.clause-tip-item-container .clause-tip-item-content .clause-tip-item-content-header h4 .i-icon{margin:0 4px 0 0;position:relative;top:2px}.clause-tip-item-container .clause-tip-item-content .clause-tip-item-content-header h4.clause-tip-tag{background-color:hsla(0,0%,91%,.25);border:1px solid #eee}.clause-tip-item-container .clause-tip-item-content .clause-tip-item-content-header .clause-tip-btn{font-size:11px}.clause-tip-item-container .clause-tip-item-content .clause-tip-item-content-header .clause-tip-btn .i-icon{position:relative;top:2px;right:2px;margin:0 4px 0 0}.clause-tip-item-container .clause-tip-item-content .clause-tip-item-content-header .clause-tip-item-content-tags .clause-tip-item-content-tag{font-size:12px;color:#666;font-weight:400}.clause-tip-item-container .clause-tip-item-content .clause-tip-item-content-description p{font-size:12px;color:#333;font-weight:400;margin:10px 0}.clause-tip-item-container .clause-tip-item-content .clause-tip-item-content-value{font-size:12px;color:#666;font-weight:900;background-color:#fff;padding:5px 24px 5px 10px;border-radius:4px;position:relative;cursor:pointer;height:32px;box-sizing:border-box;overflow:hidden;line-height:21px}.clause-tip-item-container .clause-tip-item-content .clause-tip-item-content-value p{white-space:nowrap;overflow:hidden;margin:0;text-overflow:ellipsis;font-style:italic;color:#999;font-weight:100;font-size:11px}.clause-tip-item-container .clause-tip-item-content .clause-tip-item-content-value.active{height:unset}.clause-tip-item-container .clause-tip-item-content .clause-tip-item-content-value.active p{white-space:normal;overflow:visible;text-overflow:unset}.clause-tip-item-container .clause-tip-item-content .clause-tip-item-content-value .i-icon{position:absolute;right:7px;top:7px;font-size:14px}.clause-tip-item-container .clause-tip-item-content .clause-tip-item-content-actions{display:flex;justify-content:flex-end}.clause-tip-item-container .clause-tip-item-content .clause-tip-item-content-actions .clause-tip-btn{font-size:11px;margin:14px 0 0}.clause-tip-item-container .clause-tip-item-content .clause-tip-item-content-actions .clause-tip-btn .i-icon{position:relative;top:1px}.differences-container{min-width:500px;height:calc(100vh - 100px);overflow-y:auto}.differences-container::-webkit-scrollbar{display:none}.differences-container .not-found{display:flex;align-items:center;justify-content:center;padding:3rem 1rem;color:#999;font-size:14px}.differences-container .not-found .i-icon{height:20px;margin-right:10px}.differences-container .difference-container{white-space:pre-wrap;font-size:12px;line-height:21px;border-bottom:1px solid #efefef;height:5rem;overflow:hidden}.differences-container .difference-container.active{height:unset;overflow:visible}.differences-container .difference-container.active .difference-content{display:flex;flex-direction:column}.differences-container .difference-container.active .difference-header .difference-header-actions .difference-header-action{opacity:1}.differences-container .difference-container.active .difference-header .difference-header-actions .difference-header-action.icon{transform:rotate(90deg);color:#333}.differences-container .difference-container:last-child{border-bottom:none}.differences-container .difference-container .difference-header{display:flex;justify-content:space-between;align-items:center;padding:1.4rem;box-sizing:border-box;height:5rem;cursor:pointer}.differences-container .difference-container .difference-header .difference-header-content{display:flex;align-items:center;min-width:0;flex:1 1}.differences-container .difference-container .difference-header .difference-header-content h6{font-size:14px;margin:0 1rem 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.differences-container .difference-container .difference-header .difference-header-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.differences-container .difference-container .difference-header .difference-header-actions .difference-header-action{display:flex;justify-content:center;align-items:center;font-size:17px;transition:.5s;transform:rotate(0deg);color:#999}.differences-container .difference-container .difference-header .difference-header-actions .difference-header-action:hover{color:#333}.differences-container .difference-container .difference-header .difference-header-actions .difference-header-action.icon{margin-left:4px}.differences-container .difference-container .difference-header .difference-header-actions .difference-header-action.icon .i-icon{margin:0;font-size:18px}.differences-container .difference-container .difference-content{display:none;padding:0 1.4rem 1.4rem}.differences-container .difference-container .difference-content .difference-content-description{font-size:12px;color:#666;line-height:20px;margin:0 0 12px}.differences-container .difference-container .difference-content .difference-content-description .i-icon{margin:0 5px 0 0;position:relative;top:2px}.differences-container .difference-container .difference-content .difference-content-description .description-toggle{cursor:pointer;color:#aaa;font-size:11px;margin-left:4px}.differences-container .difference-container .difference-content .difference-content-description .description-toggle:hover{color:#333;text-decoration:underline}.differences-container .difference-container .difference-content .difference-content-text p{margin:0;white-space:normal}.differences-container .difference-container .difference-content .difference-detail{margin:10px 0 0}.differences-container .difference-container .difference-content .difference-detail .difference-detail-toggle{display:flex;align-items:center;gap:5px;font-size:12px;color:#aaa;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:4px 0}.differences-container .difference-container .difference-content .difference-detail .difference-detail-toggle:hover{color:#333}.differences-container .difference-container .difference-content .difference-detail .difference-detail-toggle .difference-detail-arrow{display:flex;align-items:center;font-size:14px;transition:transform .3s}.differences-container .difference-container .difference-content .difference-detail .difference-detail-toggle .difference-detail-arrow.open{transform:rotate(90deg)}.differences-container .difference-container .difference-content .difference-detail .difference-detail-content{margin:8px 0 0;display:flex;flex-direction:column;gap:6px}.differences-container .difference-container .difference-content .difference-detail .difference-detail-content .difference-detail-section{background:#fafafa;border-radius:8px;padding:8px 12px}.differences-container .difference-container .difference-content .difference-detail .difference-detail-content .difference-detail-section .difference-detail-label{display:block;font-size:9px;font-weight:800;text-transform:uppercase;color:#aaa;margin:0 0 4px;letter-spacing:.5px}.differences-container .difference-container .difference-content .difference-detail .difference-detail-content .difference-detail-section p{margin:0;font-size:11px;color:#555;line-height:18px}.differences-container .difference-container .difference-content .difference-content-actions{display:flex;align-items:center;justify-content:flex-end;margin:10px 0 0}.differences-container .difference-container .difference-content .difference-content-actions .difference-content-action{display:flex;align-items:center;cursor:pointer;font-size:12px;color:#333;margin:0 0 0 4px;padding:4px 8px;border-radius:6px}.differences-container .difference-container .difference-content .difference-content-actions .difference-content-action:hover{text-decoration:underline}.differences-container .difference-container .difference-content .difference-content-actions .difference-content-action.active{background-color:#fff}.differences-container .difference-container .difference-content .difference-content-actions .difference-content-action .i-icon{position:relative;top:2px;margin:0 5px 0 0}.differences-container .difference-container .difference-content .difference-content-actions .difference-content-action img{width:11px;margin:1px 4px 0 0;transform:rotate(-15deg);opacity:.8}.differences-container .difference-container .difference-content-actions-container{padding:0 1.4rem}.diff-deviation-tag{display:flex;align-items:center;height:18px;padding:0 8px 0 5px;border-radius:10px;font-size:9px;font-weight:800;text-transform:uppercase;white-space:nowrap}.diff-deviation-tag .i-icon{margin:0 3px 0 0;position:relative;top:1px}.diff-deviation-tag.identical-tag{background:#e8f5e9;color:#2e7d32}.diff-deviation-tag.equivalent-tag{background:#e3f2fd;color:#1565c0}.diff-deviation-tag.modified-tag{background:#fff3e0;color:#e65100}.diff-deviation-tag.absent-tag{background:#fce4ec;color:#c62828}.diff-deviation-tag.added-tag{background:#f3e5f5;color:#6a1b9a}.diff-deviation-tag.weakened-tag{background:#fff8e1;color:#f57f17}.diff-deviation-tag.strengthened-tag{background:#e0f2f1;color:#00695c}.diff-risk-tag{display:flex;align-items:center;height:18px;padding:0 8px;border-radius:10px;font-size:9px;font-weight:900;text-transform:uppercase;white-space:nowrap}.diff-risk-tag.all-good-tag{background:#e8f5e9;color:#2e7d32}.diff-risk-tag.low-tag{background:#f1f8e9;color:#558b2f}.diff-risk-tag.medium-tag{background:#fff8e1;color:#f57f17}.diff-risk-tag.high-tag{background:#fff3e0;color:#e65100}.diff-risk-tag.critical-tag{background:#fce4ec;color:#c62828}.diff-risk-tag.informativo-tag{background:#e3f2fd;color:#1565c0}.document-users-container{display:grid;grid-template-rows:5rem calc(100vh - 160px) 5rem;min-width:500px}.document-users-container .document-users-actions{display:grid;height:100px;grid-template-columns:100px auto 100px;align-items:center;min-width:500px;box-sizing:border-box}.document-users-container .document-users-actions .document-users-action{display:flex;align-items:center;justify-content:center;font-size:21px;color:#9f9f9f;position:relative}.document-users-container .document-users-actions .document-users-action h2{display:flex;align-items:center;font-size:20px;color:#333}.document-users-container .document-users-actions .document-users-action.back{justify-content:center}.document-users-container .document-users-actions .document-users-action .i-icon{cursor:pointer;margin:0;height:22px}.document-users-container .document-users-actions .document-users-action .i-icon:hover{color:#333}.document-users-container .document-users-content{overflow-y:auto}.document-users-container .document-users-content.loader{display:flex;align-items:center;justify-content:center;padding:60px;font-size:42px}.document-users-container .document-users-content .not-found{display:flex;align-items:center;justify-content:center;font-size:16px;margin:30px 0}.document-users-container .document-users-content .not-found .i-icon{margin:0 9px 0 0;height:27px;font-size:21px;color:#333}.document-users-container .document-users-add-user{height:5rem;border-top:1px solid #efefef}.document-users-container .document-users-add-user .document-users-add-user-content{display:flex;align-items:center;justify-content:center;height:100%;font-size:16px;cursor:pointer;transition:background-color .2s ease}.document-users-container .document-users-add-user .document-users-add-user-content:hover{background-color:#f5f5f5}.document-users-container .document-users-add-user .document-users-add-user-content .i-icon{height:18px;margin:0 8px 0 0}.document-user-item-container .document-user-item-content{display:grid;grid-template-columns:5rem 1fr 5rem;height:5rem;border-bottom:1px solid #efefef;align-items:center}.document-user-item-container .document-user-item-content .document-user-item-avatar{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#333;color:#fff;font-size:16px;margin:0 auto;line-height:30px}.document-user-item-container .document-user-item-content .document-user-item-name{display:flex;align-items:center;font-size:16px;color:#333}.document-user-item-container .document-user-item-content .document-user-item-delete{display:flex;align-items:center;justify-content:center;font-size:16px;color:#333;cursor:pointer;margin:0 auto}.document-user-item-container .document-user-item-content .document-user-item-delete .i-icon{height:22px;width:22px}.add-user-modal{position:relative}.add-user-modal .ant-form-item{margin-bottom:4px;height:71px}.add-user-modal .users-list-container{position:relative}.add-user-modal .users-list-container .users-list{background:#fff;border:1px solid #d9d9d9;border-radius:8px;overflow:hidden;position:absolute;top:0;width:100%;z-index:10}.add-user-modal .users-list-container .users-list .user-item{display:flex;align-items:center;height:40px;padding:0 10px;border-bottom:1px solid #efefef;cursor:pointer}.add-user-modal .users-list-container .users-list .user-item:hover{background-color:#fff}.add-user-modal .users-list-container .users-list .user-item:last-child{border-bottom:none}.add-user-modal .users-list-container .users-list .user-item .user-item-avatar{width:20px;height:20px;border-radius:50%;background:#333;color:#fff;font-size:11px;margin:0 10px 0 0;line-height:20px;text-align:center}.add-user-modal .users-list-container .users-list .user-item .user-item-name{font-size:16px;color:#333}.clause-correction-container{position:absolute;background:#fffcf9}.page-note{font-size:10px;line-height:18px;color:#333;border-radius:10px;padding:.8rem;box-shadow:1px 1px 3px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);margin:0 0 20px}.page-note .i-icon{display:inline-block;height:15px;position:relative;top:1px}.page-note.user-note{position:relative;background-color:hsla(0,0%,100%,.749);border:2px solid #fff;display:flex;flex-direction:column;gap:4px}.page-note.user-note .note-content{font-size:10px;line-height:21px;color:#333}.page-note.user-note .note-content .user-avatar{width:17px;height:17px;line-height:17px;border-radius:50%;color:#fff;display:inline-block;text-align:center;font-size:8px;font-weight:600;flex-shrink:0;margin:0 9px 0 0}.page-note.user-note .note-actions{display:flex;justify-content:space-between;align-items:center}.page-note.user-note .note-actions .note-date{font-size:8px;color:#999;display:flex;align-items:center}.page-note.user-note .note-actions .note-date .i-icon{margin:0 3px 0 0}.delete-note-btn{width:10px;height:10px;font-size:9px;line-height:17px}.difference-card-container{font-size:10px;line-height:19px;color:#333;border-radius:10px;padding:.8rem;box-shadow:1px 1px 3px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);margin:0 0 20px}.difference-card-container .difference-card-content .difference-card-icon{font-size:15px;color:#666;margin:0 6px 0 0;position:relative;top:4px}.document-marker-wrapper{position:relative;display:block;height:24px;width:30px;right:0;cursor:pointer;z-index:10;transition:top .2s ease}.document-marker-wrapper.selected .document-marker{transform:translateX(-2px) scale(1.15) rotate(90deg)}.document-marker-wrapper .delete-marker-btn{position:absolute;top:30px;width:18px;height:18px;background:transparent!important;border:none!important;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .2s ease;outline:none;z-index:11}.document-marker-wrapper .delete-marker-btn svg{transition:all .2s ease;color:#999;font-size:14px}.document-marker-wrapper .delete-marker-btn:hover:not(:disabled) svg{transform:scale(1.2);color:#999}.document-marker-wrapper .delete-marker-btn.confirming svg{color:#ff4d4f!important}.document-marker-wrapper .delete-marker-btn.confirming:hover:not(:disabled) svg{transform:scale(1.2);color:#ff7875!important}.document-marker-wrapper .delete-marker-btn.deleting{cursor:not-allowed}.document-marker-wrapper .delete-marker-btn.deleting svg{animation:pulse-icon 1s infinite}.document-marker-wrapper .delete-marker-btn:disabled{cursor:not-allowed;opacity:.5}.document-marker-wrapper .delete-marker-btn:active{transform:scale(.9)}.document-marker-wrapper .delete-marker-btn .i-icon{font-size:14px}.document-marker-wrapper .document-marker{position:absolute;top:0;transform:rotate(90deg);right:3px;cursor:pointer;z-index:10;font-size:24px;transition:all .5s}.document-marker-wrapper .document-marker:hover{transform:translateX(-2px) scale(1.1) rotate(90deg)}.notes-viewer{position:absolute;width:220px;left:20px;transition:top .2s ease,min-height .2s ease}.notes-viewer .page-notes .page-note{font-size:10px;line-height:18px;color:#333;border-radius:10px;padding:.8rem;box-shadow:1px 1px 3px rgba(0,0,0,.1);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);margin:0 0 20px}.notes-viewer .page-notes .page-note .i-icon{display:inline-block;height:15px;position:relative;top:1px}.notes-viewer .page-notes .page-note.recommended{background-color:rgba(234,246,255,.45);border:2px solid #eaf6ff}.notes-viewer .page-notes .page-note.warning{background-color:hsla(0,100%,81%,.251);border:2px solid #ffd0d0}.notes-viewer .page-notes .page-note.valid{background-color:rgba(184,255,157,.251);border:2px solid #ddf7df}.notes-viewer .page-notes .page-note.comment,.notes-viewer .page-notes .page-note.user-note{background-color:hsla(0,0%,100%,.749);border:2px solid #fff}.notes-viewer .page-notes .page-note.user-note{position:relative;display:flex;flex-direction:column;gap:4px}.notes-viewer .page-notes .page-note.user-note .note-content{font-size:10px;line-height:21px;color:#333}.notes-viewer .page-notes .page-note.user-note .note-content .user-avatar{width:17px;height:17px;line-height:16px;border-radius:50%;color:#fff;display:inline-block;text-align:center;font-size:8px;font-weight:600;flex-shrink:0;margin:0 7px 0 0}.notes-viewer .page-notes .page-note.user-note .note-actions{display:flex;justify-content:space-between;align-items:center}.notes-viewer .page-notes .page-note.user-note .note-actions .note-date{font-size:8px;color:#999;display:flex;align-items:center}.notes-viewer .page-notes .page-note.user-note .note-actions .note-date .i-icon{margin:0 3px 0 0}.delete-note-btn{background:transparent!important;border:none!important;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;outline:none;width:20px;height:20px}.delete-note-btn svg{transition:all .2s ease;color:#999}.delete-note-btn:hover:not(:disabled) svg{transform:scale(1.2);color:#999}.delete-note-btn.confirming svg{color:#ff4d4f!important}.delete-note-btn.confirming:hover:not(:disabled) svg{transform:scale(1.2);color:#ff7875!important}.delete-note-btn.deleting{cursor:not-allowed}.delete-note-btn.deleting svg{animation:pulse-icon 1s infinite}.delete-note-btn:disabled{cursor:not-allowed;opacity:.5}@keyframes pulse-icon{0%,to{opacity:1}50%{opacity:.4}}