.slide {
  @include z-grid;
  @include font-size(2rem);
  position: fixed;
  inset: var(--drupal-displace-offset-top, 0) 0 0 var(--drupal-displace-offset-left, 0);
}

.slide-logo {
  position: absolute;
  top: $slide-padding;
  left: $slide-padding;

  svg {
    * {
      fill: var(--#{$prefix}body-color);

      .bg-body-secondary & {
        fill: var(--#{$prefix}secondary-color);
      }
    }
  }
}

.slide-link {
  position: absolute;
  right: $slide-padding;
  bottom: $slide-padding;
}

.vertical-slide {
  display: grid;
  grid-template-rows: 1fr 1fr;
  overflow: hidden;
}

.title-text {
  display: flex;
  flex-direction: column;

  > * {
    @include overlay-text;
    padding: $slide-padding;
    margin-block: 2 * $slide-padding + $caption-height;
    margin-inline: $slide-padding;
  }
}
