.history-visits{flex-shrink:0;gap:.25rem;font-variant-numeric:tabular-nums}
.history-visits-number{display:inline-block;min-width:4ch;text-align:center;font-variant-numeric:tabular-nums}
.list-group-item.history-pinned{background-color:#e5edf8;box-shadow:inset 3px 0 #9bb5d9}
.history-pin-icon{display:inline-block;margin-right:.35rem;cursor:help;font-size:.9rem}
.history-actions{position:relative;flex:0 0 auto}
.history-actions>summary{list-style:none;font-size:1.4rem;line-height:1.15;height:100%;min-width:40px;display:flex;align-items:center;justify-content:center}
.history-actions>summary::-webkit-details-marker{display:none}
.history-actions[open]{z-index:20}
.history-actions-menu{position:absolute;right:0;top:calc(100% + 4px);min-width:210px;max-width:85vw;background:#fff;border:1px solid #dde1ed;border-radius:8px;padding:6px;box-shadow:0 6px 20px #17224d26;z-index:30}
.history-actions-menu button{display:block;width:100%;border:0;background:transparent;padding:10px 12px;text-align:left;border-radius:4px;color:#343a40}
.history-actions-menu button:hover,.history-actions-menu button:focus-visible{background:#edf0fa}
.history-actions-menu button:disabled{opacity:.5}
.history-action-error{color:#b42318;font-size:.9rem;margin:8px 0 0}
.history-url-group>.history-actions{margin-left:auto!important}


.history-analytics-button{background-color:#7360f2;border-color:#7360f2;color:#fff}
.history-analytics-button:hover,.history-analytics-button:focus-visible{background-color:#604bdc;border-color:#604bdc;color:#fff}
.history-analytics-button:focus-visible{outline:2px solid #a99aff;outline-offset:2px}

.home-intro{position:relative;margin-bottom:1.25rem}
.home-intro h1{margin-bottom:0!important}

[data-bs-theme="dark"] .history-analytics-button,[data-layout-mode="dark"] .history-analytics-button{background-color:#7360f2;border-color:#8e7cf7;color:#fff}
[data-bs-theme="dark"] .history-analytics-button:hover,[data-layout-mode="dark"] .history-analytics-button:hover,[data-bs-theme="dark"] .history-analytics-button:focus-visible,[data-layout-mode="dark"] .history-analytics-button:focus-visible{background-color:#604bdc;border-color:#a99aff;color:#fff}

/* A short vibration every six seconds, with no rotation or layout changes. */
@keyframes analytics-attention-vibrate{
    0%,10%,100%{transform:translateX(0)}
    1%,3%,5%,7%,9%{transform:translateX(-2px)}
    2%,4%,6%,8%{transform:translateX(2px)}
}
.history-analytics-button.analytics-attention>i,.history-analytics-button.analytics-attention>svg{display:inline-block;animation:analytics-attention-vibrate 6s linear 5s infinite}
.history-analytics-button.analytics-attention:hover>i,.history-analytics-button.analytics-attention:hover>svg,.history-analytics-button.analytics-attention:focus-visible>i,.history-analytics-button.analytics-attention:focus-visible>svg{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.history-analytics-button.analytics-attention>i,.history-analytics-button.analytics-attention>svg{animation:none}}
