.gtmpu-scroll-marker {
  position: absolute;
  width: 100%;
  left: 0;
  height: 1px;
  pointer-events: none;
}

/**
 * Alignment position
 */
.gtmpu-align-top-center {
  top: 0;
  left: 50%;
  transform: translate(calc(-50% + var(--gtmpu-offset-x, 0px)), calc(0% + var(--gtmpu-offset-y, 0px)));
}
.gtmpu-align-top-center:not(.is-active) {
  transform: translate(-50%, -50%);
}

.gtmpu-align-top-left {
  top: 0;
  left: 0;
  transform: translate(calc(0% + var(--gtmpu-offset-x, 0px)), calc(0% + var(--gtmpu-offset-y, 0px)));
}
.gtmpu-align-top-left:not(.is-active) {
  transform: translate(calc(0% + var(--gtmpu-offset-x, 0px)), -50%);
}

.gtmpu-align-top-right {
  top: 0;
  right: 0;
  transform: translate(calc(0% - var(--gtmpu-offset-x, 0px)), calc(0% + var(--gtmpu-offset-y, 0px)));
}
.gtmpu-align-top-right:not(.is-active) {
  transform: translate(calc(0% - var(--gtmpu-offset-x, 0px)), -50%);
}

.gtmpu-align-bottom-center {
  bottom: 0;
  left: 50%;
  transform: translate(calc(-50% + var(--gtmpu-offset-x, 0px)), calc(0% - var(--gtmpu-offset-y, 0px)));
}
.gtmpu-align-bottom-center:not(.is-active) {
  transform: translate(calc(-50% + var(--gtmpu-offset-x, 0px)), 50%);
}

.gtmpu-align-bottom-left {
  bottom: 0;
  left: 0;
  transform: translate(calc(0% + var(--gtmpu-offset-x, 0px)), calc(0% - var(--gtmpu-offset-y, 0px)));
}
.gtmpu-align-bottom-left:not(.is-active) {
  transform: translate(calc(0% + var(--gtmpu-offset-x, 0px)), 50%);
}

.gtmpu-align-bottom-right {
  bottom: 0;
  right: 0;
  transform: translate(calc(0% - var(--gtmpu-offset-x, 0px)), calc(0% - var(--gtmpu-offset-y, 0px)));
}
.gtmpu-align-bottom-right:not(.is-active) {
  transform: translate(calc(0% - var(--gtmpu-offset-x, 0px)), 50%);
}

.gtmpu-align-center-left {
  top: 50%;
  left: 0;
  transform: translate(calc(0% + var(--gtmpu-offset-x, 0px)), calc(-50% + var(--gtmpu-offset-y, 0px)));
}
.gtmpu-align-center-left:not(.is-active) {
  transform: translate(-50%, calc(-50% + var(--gtmpu-offset-y, 0px)));
}

.gtmpu-align-center-center {
  top: 50%;
  left: 50%;
  transform: translate(calc(-50% + var(--gtmpu-offset-x, 0px)), calc(-50% + var(--gtmpu-offset-y, 0px)));
}
.gtmpu-align-center-center:not(.is-active) {
  transform: translate(-50%, -150%);
  transform: translate(calc(-50% + var(--gtmpu-offset-x, 0px)), calc(0% + var(--gtmpu-offset-y, 0px)));
}

.gtmpu-align-center-right {
  top: 50%;
  right: 0;
  transform: translate(calc(0% - var(--gtmpu-offset-x, 0px)), calc(-50% + var(--gtmpu-offset-y, 0px)));
}
.gtmpu-align-center-right:not(.is-active) {
  transform: translate(50%, calc(-50% + var(--gtmpu-offset-y, 0px)));
}

/**
 * Utils
 */
.gtmpu-height-100 {
  height: 100%;
}

.gtmpu-margin-0 {
  margin: 0;
}

.gtmpu-padding-0 {
  padding: 0;
}