#hph-partnerData {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 1rem;
    transition: .3s opacity ease;

    &.animate {
        opacity: 0;
    }
    .partner {
        overflow: hidden;
        flex-basis: clamp(100px, 15vw, 300px);

        &[aria-hidden="true"] {
            opacity: 0;
        }
        &.hidden {
            display: none;
        }
    }
}

.hph-adminArea {
    background-color: rgba(0,0,0,.05);
    padding: 2rem;
    max-width: var(--maxWidthBig, 1000px);
    width: var(--baseWidth, 96%);
    margin: 3rem auto;

    summary {
        font-size: 20px;
        font-weight: 700;
        
        ~ div {
            margin-top: 1rem;
            margin-bottom: 1rem;
            padding: 1rem;
            background-color: rgba(0,0,0,.1);
        }
    }

    h2 {
        font-size: 20px;
        font-weight: 700;
        color: black !important
    }

    ul {
        list-style-type: disc;
        margin-left: 1.1rem;
    }

    .hph-copy-notice {
        font-size: 12px;
    }
    .hph-copy-link {
        cursor: pointer;
        border: none;
        background-color: #fff;
        border-radius: 100%;
        padding: .5rem;

        &:before {
            content: '';
            background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-copy" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4 2a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H6a2 2 0 0 1-2-2zm2-1a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1zM2 5a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1h1v1a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h1v1z"/></svg>');
            background-repeat: no-repeat;
            background-size: contain;
            width: 15px;
            height: 15px;
            display: block;
        }
    }

/* Offset for stable tour anchors (partner affiliate links jump here) so the
   sticky header does not cover the tour title on page load. */
.pxs-event-teaser .tour-title[id] {
    scroll-margin-top: calc(var(--headerHeight, 100px) + var(--top, 0px) + 20px);
}
}