/* Existing cabinet ghost close (.rv2-modal-x): one recipe, placement stays with consumers. */
.tl-close{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;box-sizing:border-box;--tl-shared-close-base-width:32px;width:var(--tl-shared-close-base-width);--tl-shared-close-base-height:32px;height:var(--tl-shared-close-base-height);--tl-shared-close-base-padding:0;padding:var(--tl-shared-close-base-padding);--tl-shared-close-base-border:0;border:var(--tl-shared-close-base-border);--tl-shared-close-base-border-radius:50%;border-radius:var(--tl-shared-close-base-border-radius);--tl-shared-close-base-background:transparent;background:var(--tl-shared-close-base-background);color:var(--text-muted,var(--muted,#555));--tl-shared-close-base-box-shadow:none;box-shadow:var(--tl-shared-close-base-box-shadow);cursor:pointer;--tl-shared-close-base-line-height:1;line-height:var(--tl-shared-close-base-line-height);--tl-shared-close-base-transition:background .12s,color .12s;transition:var(--tl-shared-close-base-transition)}
.tl-close svg{--tl-shared-close-glyph-width:16px;width:var(--tl-shared-close-glyph-width);--tl-shared-close-glyph-height:16px;height:var(--tl-shared-close-glyph-height);pointer-events:none}
@media(hover:hover){.tl-close:hover{background:var(--accent-veil,rgba(238,88,224,.06));color:var(--text,#1a1a1a)}}
.tl-close:active{transform:translateY(1px)}
.tl-close:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus-ring,rgba(238,88,224,.30))}
html.dark .tl-close{color:var(--text-muted,var(--muted,#aab1c2))}
@media(hover:hover){html.dark .tl-close:hover{background:var(--accent-veil,rgba(238,88,224,.1));color:var(--text,#edf0f4)}}