.citation{border-left:3px solid #d7d7ff;font-family:Arial,sans-serif;gap:24px;margin:24px auto auto;max-width:720px;padding:8px 21px;position:relative}.citation,.citation p{align-items:center;color:#101828;display:flex}.citation p{font-size:14px;font-weight:500;line-height:22px;margin:0;text-align:left}.citation .citation__author-position,.citation p>.citation__auther-label{color:#667085;font-size:12px;font-weight:400;line-height:18px;text-align:left}.citation p>.citation__auther-label{margin-right:5px}.dot-separator{background:#d7d7ff;border-radius:10px;display:inline-block;height:6px;margin-right:8px;width:6px}.citation__cite-link{color:#4855dc;cursor:default;position:relative;text-decoration:underline}.citation__cite-link:hover .tooltip{opacity:1;visibility:visible}.tooltip{border-radius:8px;bottom:100%;color:#667085;display:block;font-size:12px;font-weight:400;height:auto;left:50%;line-height:18px;max-width:328px;opacity:0;padding-bottom:15px;position:absolute;text-align:left;transform:translateX(-50%);transition:opacity .3s;visibility:hidden;width:max-content;z-index:1}.tooltip__inner{background:#fff;display:block;padding:12px;position:relative}.tooltip__inner,.tooltip__inner:after{box-shadow:0 4px 8px -2px #10182808;box-shadow:0 4px 16px -4px #10182838}.tooltip__inner:after{border:5px solid transparent;border-top-color:#fff;content:"";left:50%;margin-left:-5px;position:absolute;top:100%}@media (max-width:850px){.tooltip{max-width:288px}}@media (max-width:767.98px){.citation{background:#f9fafb;flex-wrap:wrap;gap:16px;margin-top:40px;padding:12px 13px}.citation__author-info p:not(.author-position){margin-bottom:0}.drag-drop-areas h1{font-size:34px;line-height:44.2px;max-width:343px}.tooltip{max-width:288px}}