:root {
    --display-small: none;
    --display-large: block;
}

#customer_login {
    .register::before {
        top: calc(50% - 1rem);
        left: 1rem;
        width: 2rem;
        mask-image: var(--icon-plus);
    }
}

.tnp-subscription-minimal {
    input {
        &.tnp-submit {
            flex: 1 0 auto;
            width: min-content;
            border-radius: 0 0.3em 0.3em 0;
        }

        &.tnp-email {
            flex: 2 1 auto;
            width: 20rem;
            border-radius: 0.3em 0 0 0.3em;
        }
    }
}


.ev-logo {
    background-image: var(--logo-eventaly);
    aspect-ratio: 2 / 1;
}

.site-branding {
    width: clamp(10rem, calc(10rem + ((1vw - 0.2rem) * 10)), 20rem);
    margin: 0;
}