.wn-sesamy-subscription-profile {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-height: 50px;
}
#wn-sesamy-profile-section {
    margin: 50px auto;
    display: flex;
    justify-content: flex-end;
}
.placeholder {
    text-align: center;
    color: #888;
    padding: 20px;
    font-style: italic;
    width: 100%;
    min-height: 200px;
}

#wn-sesamy-login-section {}
#sesamy-manual-login-message {
    color: black;
    padding: 0px;
    margin: 0px;
}
#sesamy-custom-login-button {
    border-radius: 5px;
    background: var(--wnbrainchild-primary-colour);
    border: none;
    color: white;
    padding: 0px 10px;
    font-size: 16px;
    cursor: pointer;
}
#sesamy-custom-login-button:hover {
    background: transparent;
    color: black;
}
#wn-sesamy-subscription-content {
    margin-bottom: 50px;
}
#wn-sesamy-subscriptions-section {
    pointer-events: none;
}
sesamy-logout button svg {
    height: 14px;
}
sesamy-logout {
    align-items: baseline;
    --color: #000;
    --font-family: inherit;
    --font-size: 16px;
    --font-weight: 400;
    --button-margin: 0 12px;
    --text-margin: 13px 0;
}
sesamy-transactions {
    --font-family: inherit;
    --color: #222222;
    --row-hover: #f8f8f8;
    --header-font-size: "12px";
    --header-color: #222222;
    --header-opacity: 0.7;
    --border-top: 1px solid #e4e4e5;
    --row-font-size: 14px;
    --currency-opacity: 0.7;
    --icon-color: var(--icon-color, var(--color, #222222));
}
.wn-sesamy-transactions-block {
    overflow: scroll;
}
sesamy-paywall-wizard {
    --font-family: var(--wnbrainchild-site-font-family, 'FK Grotesk', 'Helvetica', 'Arial'); /* font family */
    --tag-font-family: var(--wnbrainchild-site-font-family, 'FK Grotesk', 'Helvetica', 'Arial'); /* font family of the tag */
    margin-bottom: 56px !important;
    padding-bottom: 36px !important;
    margin-top: 32px !important;
}
@media only screen and (min-width: 768px) {
    sesamy-logout {
        align-items: baseline;
    }
    sesamy-logout button {
        align-items: baseline;
    }
}
@media only screen and (max-width: 767px) {
    .wn-sesamy-transactions-block, .wn-sesamy-transactions-title {
        display: block;
    }
}