.dti-share{display:inline-flex;position:relative}.dti-share__sr{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dti-share__pop{top:calc(100% + var(--space-2));z-index:30;width:max-content;max-width:min(360px, calc(100vw - var(--space-8)));padding:var(--space-4);background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);text-align:left;white-space:normal;position:absolute;right:0}.dti-share__pop:focus{box-shadow:var(--shadow-md), var(--focus-ring);outline:none}.dti-share__title{margin:0 0 var(--space-2);font-size:var(--fs-sm);font-weight:var(--fw-medium);line-height:var(--lh-snug);color:var(--text-primary)}.dti-share__body{margin:0 0 var(--space-3);font-size:var(--fs-xs);line-height:var(--lh-base);color:var(--text-secondary)}.dti-share__url{width:100%;margin-bottom:var(--space-3);padding:var(--space-2);font-family:var(--font-mono);font-size:var(--fs-xs);color:var(--text-secondary);background:var(--surface-raised);border:1px solid var(--border-color);border-radius:var(--radius-sm)}.dti-share__url:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}.dti-share__actions{justify-content:flex-end;gap:var(--space-2);display:flex}@media (width<=620px){.dti-share__pop{top:auto;right:var(--space-4);bottom:var(--space-4);left:var(--space-4);width:auto;max-width:none;position:fixed}}