.wrm-premium-portal {
    position: static;
    z-index: auto;
    display: flex;
    align-items: center;
    flex: 0 1 auto;
    min-width: 0;
    max-width: 100%;
    margin-left: .35rem;
}

#usernavigation {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    min-width: 0;
    gap: .15rem;
}

.wrm-premium-trigger,
.wrm-premium-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: .65rem 1rem;
    border: 1px solid #0588F0;
    border-radius: .25rem;
    background: #0588F0;
    color: #fff;
    font: inherit;
    font-weight: 700;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.wrm-premium-trigger:hover,
.wrm-premium-trigger:focus,
.wrm-premium-action:hover,
.wrm-premium-action:focus,
.wrm-premium-action:active {
    background: #0075d1;
    border-color: #006bbf;
    color: #fff;
    text-decoration: none;
}

.wrm-premium-trigger:focus-visible,
.wrm-premium-action:focus-visible,
.wrm-premium-close:focus-visible,
.wrm-premium-secondary:focus-visible {
    outline: 3px solid #162d4a;
    outline-offset: 2px;
}

.wrm-premium-trigger.is-active {
    border-color: #18794e;
    background: #18794e;
    color: #fff;
    gap: .35rem;
    border-radius: 999px;
}

.wrm-premium-trigger.is-active:hover,
.wrm-premium-trigger.is-active:focus {
    background: #12613e;
    border-color: #12613e;
    color: #fff;
}

.wrm-premium-dialog {
    width: min(92vw, 430px);
    max-width: 430px;
    padding: 0;
    border: 1px solid #d2d7dc;
    border-radius: 3px;
    color: #202a34;
    box-shadow: 0 8px 28px rgb(0 0 0 / 24%);
}

.wrm-premium-dialog::backdrop {
    background: rgb(12 25 38 / 55%);
}

.wrm-premium-dialog-inner {
    position: relative;
    padding: 1.5rem;
}

.wrm-premium-dialog h2 {
    margin: 0 2rem .8rem 0;
    font-size: 1.35rem;
}

.wrm-premium-price {
    margin: .5rem 0;
    font-size: 1.3rem;
    font-weight: 700;
}

.wrm-premium-note,
.wrm-premium-expiry {
    color: #424f5c;
}

.wrm-premium-close {
    position: absolute;
    top: .6rem;
    right: .8rem;
    color: #25313d;
    font-size: 1.8rem;
    line-height: 1;
    text-decoration: none;
}

.wrm-premium-dialog form {
    margin-top: 1.1rem;
}

.wrm-premium-dialog button[disabled] {
    cursor: not-allowed;
    opacity: .72;
}

.wrm-premium-auth-actions {
    display: flex;
    flex-wrap: wrap;
    gap: .75rem;
    margin-top: 1rem;
}

.wrm-premium-secondary {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    padding: .65rem 1rem;
    border: 1px solid #596774;
    border-radius: .25rem;
    color: #263544;
    font-weight: 700;
    text-decoration: none;
}

.wrm-premium-blocked {
    max-width: 58rem;
    margin: 1rem auto;
    padding: 1.25rem;
    border: 1px solid #d9dee3;
    background: #fff;
    text-align: center;
}

.wrm-premium-lock {
    margin-bottom: .35rem;
    font-size: 1.7rem;
}

.wrm-premium-blocked .wrm-premium-action {
    margin-top: .4rem;
}

@media (max-width: 991.98px) {
    .wrm-premium-portal.wrm-premium-in-header {
        position: static;
        inset: auto;
        flex: 0 1 auto;
        min-width: 0;
        margin: .1rem .2rem;
    }

    #usernavigation {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-wrap: wrap;
        min-width: 0;
        gap: .15rem;
    }

    .wrm-premium-trigger:not(.is-active) {
        min-height: 40px;
        padding: .4rem .55rem;
        font-size: 0;
        white-space: nowrap;
    }

    .wrm-premium-trigger:not(.is-active)::after {
        content: 'Premium';
        font-size: .84rem;
    }

    .wrm-premium-trigger.is-active {
        min-height: 40px;
        padding: .35rem .45rem;
        font-size: .72rem;
        white-space: nowrap;
        gap: .2rem;
    }

    #page-login-index .login-container > .wrm-premium-portal {
        display: flex;
        justify-content: flex-end;
        margin: 0 0 .75rem;
    }

    .wrm-premium-trigger {
        max-width: 100%;
    }

    .wrm-premium-dialog-inner {
        padding: 1.25rem;
    }
}