/* Source: reference 1.1.17, index.html <style id="maria-odila-tooltip-style">, md5 d2baa43e50fa90439de46d7cb56e840a (raw block; line endings normalized to LF). Generated by bin/extract-reference.php; do not edit. */

.portrait-id{position:relative}
.portrait-id .portrait-trigger{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:inherit;background:transparent;cursor:help;touch-action:manipulation}
.portrait-id .portrait-trigger:focus-visible{outline:3px solid #e4ebd8;outline-offset:-6px}
.portrait-id .portrait-tooltip{position:absolute;z-index:3;bottom:clamp(24px,3vw,42px);left:50%;width:max-content;max-width:calc(100% - 40px);padding:14px 19px;border:1px solid rgba(255,255,255,.7);border-radius:16px;background:rgba(247,245,238,.96);backdrop-filter:blur(12px);box-shadow:0 8px 26px rgba(27,42,28,.16);color:#343c33;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:400;line-height:1.45;letter-spacing:0;text-align:center;text-shadow:none;opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:opacity .2s ease,transform .2s ease,visibility .2s;pointer-events:none}
.portrait-id .portrait-tooltip::after{content:"";position:absolute;bottom:-6px;left:calc(50% - 6px);width:12px;height:12px;transform:rotate(45deg);background:#f7f5ee;border-radius:0 0 3px 0}
.portrait-id .portrait-tooltip strong{font-weight:600}
.portrait-id.portrait-open .portrait-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(max-width:760px){.portrait-id .portrait-tooltip{bottom:24px;font-size:14px;padding:12px 16px;max-width:calc(100% - 32px)}}
@media(prefers-reduced-motion:reduce){.portrait-id .portrait-tooltip{transition:none}}