.form_input {
  padding-bottom: 10px;
}

@font-face {
  font-family: 'sabres_font';
  src: url("/static/fonts/nhl_sabres.5daddaaf8cd3.tff");
}

:root {
  --sm-tooltip-bg: #000;
  --sm-tooltip-color: #fff;
  --sm-tooltip-border: rgba(255, 255, 255, 0.24);
  --sm-tooltip-max-width: min(480px, calc(100vw - 2rem));
  /* SAB-124: one deeper UFA red site-wide (cap tables, depth charts,
     player headers, contract views). Keep distinct from the lighter
     "Low Interest" priority red on depth chart cards. */
  --sm-ufa-red: #b02a37;
}

.badge-ufa {
  background-color: var(--sm-ufa-red);
  color: #fff;
}

.tooltip,
.popover {
  z-index: 20000 !important;
}

.tooltip-inner,
.popover {
  max-width: var(--sm-tooltip-max-width) !important;
  border-color: var(--sm-tooltip-bg) !important;
  background-color: var(--sm-tooltip-bg) !important;
  color: var(--sm-tooltip-color) !important;
}

.tooltip-inner,
.popover-header,
.popover-body {
  background-color: var(--sm-tooltip-bg) !important;
  color: var(--sm-tooltip-color) !important;
  text-align: left !important;
  white-space: normal;
}

.popover-header {
  border-bottom-color: var(--sm-tooltip-border) !important;
}

.popover a {
  color: var(--sabres-gold) !important;
}

.tooltip-trigger .tooltip-content,
.tooltip-content,
.details {
  border: 1px solid var(--sm-tooltip-border) !important;
  background: var(--sm-tooltip-bg) !important;
  color: var(--sm-tooltip-color) !important;
}

.bs-popover-top > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow::before,
.bs-popover-top > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow::after {
  border-top-color: var(--sm-tooltip-bg) !important;
}

.bs-popover-end > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow::before,
.bs-popover-end > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow::after {
  border-right-color: var(--sm-tooltip-bg) !important;
}

.bs-popover-bottom > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow::before,
.bs-popover-bottom > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow::after {
  border-bottom-color: var(--sm-tooltip-bg) !important;
}

.bs-popover-start > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow::before,
.bs-popover-start > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow::after {
  border-left-color: var(--sm-tooltip-bg) !important;
}