/* For styles shared between the legacy and modern viewers */
:root {
  --link-color: #006cb8;
  --stanford-40-black: #ababa9;
}
/* From Bootstrap 5.3 */
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),
.visually-hidden:not(caption) {
  position: absolute !important;
}

.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

a,
a:hover,
a:focus {
  color: var(--link-color);
}

/* TODO: Remove this class and replace with Icons::StanfordOnlyComponent when we remove legacy file viewer */
.sul-embed-stanford-only-text {
  --vertical-align-position: top;
  background:
    url("/assets/stanford_s-ff2b5dee.svg") no-repeat left,
    none;
  display: inline-block;
  height: 15px;
  width: 15px;
  vertical-align: var(--vertical-align-position);
}

.left-drawer .sul-embed-stanford-only-text {
  --vertical-align-position: sub;
}

.sul-embed-location-restricted-text, .stanford-digital-red {
  color: var(--stanford-digital-red);
}

.su-underline {
  text-decoration: underline dotted var(--stanford-40-black) 1px;
  text-underline-position: under;
}