/*
 * Superseal corner action positioning V1
 *
 * Keep HIDE BEAT and BRAINSTORM safely above the
 * transport/status/scrubber area on different displays.
 */

.superseal-responsive-corner-action {
  translate: 0 -30% !important;
  z-index: 80 !important;
}

/*
 * Typical laptop / smaller desktop.
 */
@media (max-height: 950px) {
  .superseal-responsive-corner-action {
    translate: 0 -55% !important;
  }
}

/*
 * Short laptop displays.
 */
@media (max-height: 800px) {
  .superseal-responsive-corner-action {
    translate: 0 -80% !important;
  }
}

/*
 * Very short displays / browser UI taking lots of space.
 */
@media (max-height: 700px) {
  .superseal-responsive-corner-action {
    translate: 0 -105% !important;
    scale: 0.92;
  }
}

/*
 * Narrower browser windows.
 */
@media (max-width: 1200px) {
  .superseal-responsive-corner-action {
    translate: 0 -65% !important;
    scale: 0.94;
  }
}

/*
 * Narrow + short is the highest-risk overlap case.
 */
@media (max-width: 1200px) and (max-height: 800px) {
  .superseal-responsive-corner-action {
    translate: 0 -100% !important;
    scale: 0.90;
  }
}