/* /public/css/utility.css */

:root{
  --display-low-block: block;
  --display-low-inline: inline;
}
@media (max-height: 560px){
  :root{
    --display-low-block: none;
    --display-low-inline: none;
  }
}
.sc-height-low--block { display: var(--display-low-block); }
.sc-height-low--inline { display: var(--display-low-inline); }

.sc-visually-hidden {
  user-select: none;
  -webkit-user-select: none;
  clip: rect(0,0,0,0); overflow: hidden; position: absolute;
  width: 1px; height: 1px; margin: -1px; padding: 0; border: 0;
  white-space: nowrap;
}

.sc-ellipsis {
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}

.sc-nudge-1 { transform: translateY(var(--nudge-1, 0)); }
.sc-nudge-2 { transform: translateY(var(--nudge-2, 0)); }
.sc-nudge-3 { transform: translateY(var(--nudge-3, 0)); }