.clipo-mobile-panel-stack {
  display: none;
}

@media (max-width: 768px) {
  .clipo-panel-stack {
    display: none !important;
  }

  .clipo-mobile-panel-stack {
    position: relative;
    z-index: 2;
    display: block;
    isolation: isolate;
    width: 390px;
    height: max(
      calc(
        var(--instatic-logical-viewport-height, 864px) +
        var(--instatic-logical-viewport-height, 864px) +
        var(--instatic-logical-viewport-height, 864px)
      ),
      2532px
    );
    background: transparent;
    overflow-wrap: break-word;
    word-break: break-word;
  }

  .clipo-mobile-panel-stack *,
  .clipo-mobile-panel-stack *::before,
  .clipo-mobile-panel-stack *::after {
    box-sizing: border-box;
  }

  .clipo-mobile-panel-stack__panel {
    position: sticky;
    top: 0;
    width: 390px;
    height: var(--instatic-logical-viewport-height, 864px);
    min-height: 844px;
    overflow: hidden;
  }

  .clipo-mobile-panel-stack__surface {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
    transform-origin: 50% 50%;
    backface-visibility: hidden;
  }

  .clipo-mobile-panel-stack__panel--canvas .clipo-mobile-panel-stack__surface {
    background: var(--clipo-ink, #131313);
  }

  .clipo-mobile-panel-stack__panel--collection .clipo-mobile-panel-stack__surface {
    background: #f7b7d4;
  }

  .clipo-mobile-panel-stack__panel--canvas {
    z-index: 1;
    background: var(--clipo-ink, #131313);
  }

  .clipo-mobile-panel-stack__panel--collection {
    z-index: 2;
    background: #f7b7d4;
  }

  .clipo-mobile-panel-stack.is-panel-stack-ready .clipo-mobile-panel-stack__panel {
    background: transparent;
  }

  .clipo-mobile-panel-stack__label,
  .clipo-mobile-panel-stack__heading,
  .clipo-mobile-panel-stack__heading-line,
  .clipo-mobile-panel-stack__copy {
    margin: 0;
  }

  .clipo-mobile-panel-stack__label,
  .clipo-mobile-panel-stack__heading-line {
    position: absolute;
    color: var(--clipo-paper, #f7f7f6);
    font-family: var(--font-clipo-font-poster, "PhonkSansHeavy", Impact, sans-serif);
    font-size: 26px;
    font-weight: 400;
    line-height: .84;
    letter-spacing: -1.04px;
    text-transform: uppercase;
  }

  .clipo-mobile-panel-stack__label {
    top: 16px;
    left: 16px;
    width: 358px;
    white-space: nowrap;
  }

  .clipo-mobile-panel-stack__heading {
    position: absolute;
    inset: 0;
  }

  .clipo-mobile-panel-stack__heading-line--right {
    top: 38px;
    left: 16px;
    width: 358px;
    text-align: right;
  }

  .clipo-mobile-panel-stack__heading-line--offset {
    top: 60px;
    left: 138px;
    width: 236px;
    text-align: left;
  }

  .clipo-mobile-panel-stack__heading-line--everything {
    top: 38px;
    left: 16px;
    width: 175px;
  }

  .clipo-mobile-panel-stack__heading-line--can {
    top: 60px;
    left: 199px;
    width: 175px;
    text-align: right;
  }

  .clipo-mobile-panel-stack__heading-line--wait {
    top: 82px;
    left: 199px;
    width: 175px;
    text-align: right;
  }

  .clipo-mobile-panel-stack__copy {
    position: absolute;
    left: 16px;
    width: 236px;
    margin: 0;
    color: var(--clipo-muted, #858585);
    font-family: var(--font-clipo-font-display, "Ronzino", Arial, sans-serif);
    font-size: 17px;
    font-weight: 500;
    line-height: 1.03;
    letter-spacing: -.51px;
    text-indent: 61px;
  }

  .clipo-mobile-panel-stack__panel--canvas .clipo-mobile-panel-stack__copy {
    top: 82px;
  }

  .clipo-mobile-panel-stack__panel--collection .clipo-mobile-panel-stack__copy {
    top: 126px;
  }

}

@media not all {
  .clipo-mobile-panel-stack {
    height: auto;
  }

  .clipo-mobile-panel-stack__panel {
    position: relative;
  }

  .clipo-mobile-panel-stack__surface {
    transform: none !important;
  }
}