[data-archive-back-control] {
  box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center;
  gap: 8px; min-height: 48px; min-width: 190px; padding: 9px 13px;
  border: 1px solid #c9cec8; border-radius: 9px; background: #fafaf7; color: #252d29;
  font: 500 12px/1.25 Arial,Helvetica,sans-serif; cursor: pointer; text-decoration: none;
  box-shadow: 0 2px 9px #18282012; z-index: 10000; direction: ltr;
}
[data-archive-back-control]:hover:not(:disabled) { background: #eef2ec; border-color: #334d40; }
[data-archive-back-control]:focus-visible { outline: 3px solid #334d40; outline-offset: 3px; }
[data-archive-back-control]:disabled { opacity: .5; cursor: default; }
[data-archive-back-control] svg { width: 18px; height: 18px; flex: none; }
[data-archive-back-row] { box-sizing: border-box; display: block; width: 100%; margin: 6px 0 12px; text-align: left; }
html[data-archive-back-fixed] body { padding-top: calc(var(--archive-back-original-padding, 0px) + 54px) !important; }
[data-archive-back-control][hidden], [data-archive-back-row][hidden],
html:has(:fullscreen) [data-archive-back-control],
body.full [data-archive-back-control], body.fullscreen [data-archive-back-control],
body.fullscreen-mode [data-archive-back-control] { display: none !important; }
html:has(:fullscreen)[data-archive-back-fixed] body { padding-top: var(--archive-back-original-padding, 0px) !important; }
