.document-icon-shape{border:1px solid var(--color-border-subtle);border-radius:50%;padding:2px;position:relative;overflow:visible}.document-icon-shape.draft{border:1px dashed var(--color-text-default)}.document-icon-shape .f-icon{background:var-(--color-surface-default);border-radius:50%;overflow:hidden}.document-icon-shape .emoji-icon{justify-content:center;align-items:center;width:100%;height:100%;line-height:1;display:flex}.document-icon-shape .icon-status{border-radius:50%;padding:0;position:absolute;bottom:-1px;right:-1px;border:2px solid var(--color-surface-default)!important}.document-icon-shape .removable-document-icon{opacity:1;will-change:opacity;transition:opacity .2s ease-in-out}.document-icon-shape .remove-icon{opacity:0;pointer-events:none;will-change:opacity;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .2s ease-in-out;display:flex}.document-icon-shape .remove-icon,.document-icon-shape .remove-icon:after{z-index:1;border-radius:50%;width:100%;height:100%;position:absolute;top:0;right:0}.document-icon-shape .remove-icon:after{background:var(--color-danger-default);content:"";opacity:.7;z-index:-1}.document-icon-shape .remove-icon .f-icon{fill:#fff!important}.document-icon-shape:hover .removable-document-icon{opacity:1}.document-icon-shape:hover .remove-icon{cursor:pointer;opacity:1;pointer-events:auto}