.check-in-page[data-current-screen="flatcloud"] .check-in-page__chips {
    display: none;
}

.textcloud-actions {
    display: flex;
    flex-wrap: nowrap;
    gap: 20px;
    width: max-content;
    max-width: 100%;
}

.textcloud-actions > .glass-button {
    flex: 0 0 var(--action-button-width, auto);
    width: var(--action-button-width, max-content);
    max-width: none;
}

.complete__content > .textcloud-actions {
    width: min(100%, 420px);
    max-width: 420px;
    margin-top: 20px;
}

.complete__content > .textcloud-actions > .glass-button {
    flex: 1 1 0;
    width: 0;
    min-width: 0;
    margin-top: 0;
}

.complete__content .complete__results-note {
    margin: 40px 0 0;
    color: #dfdfdf;
    font-size: 18px;
    font-weight: 400;
    line-height: 16px;
}

@media (max-width: 576px) {
    .complete__content > .textcloud-actions {
        margin-top: 12px;
    }

    .complete__content .complete__results-note {
        margin-top: 40px;
        font-size: 14px;
    }
}

.flatcloud {
    position: relative;
    z-index: 0;
    width: min(85.5%, 418.95px, calc((88dvh - 80px) * 817 / 1335 * 0.855));
    aspect-ratio: 817 / 1335;
    background: url('../bg-tree.png') center / contain no-repeat;
    background-image: url('../assets/bg-tree.png');
    background-image: url('../bg-tree.png');
    flex: 0 0 auto;
}

.flatcloud__words {
    position: absolute;
    inset: 0;
}

.flatcloud__word {
    position: absolute;
    white-space: pre;
    font-weight: 500;
    line-height: 1;
    opacity: 0;
}

.flatcloud__word.is-visible {
    animation: flatcloud-reveal 450ms ease-out var(--reveal-delay, 0ms) both;
}

@keyframes flatcloud-reveal {
    from {
        opacity: 0;
    }

    to {
        opacity: var(--word-opacity, 1);
    }
}

@media (prefers-reduced-motion: reduce) {
    .flatcloud__word.is-visible {
        animation: none;
        opacity: var(--word-opacity, 1);
    }
}

.flatcloud__word--highlighted {
    text-shadow: 0 0 4px #00AAFF, 0 0 12px #00AAFF;
}