/* Kebab Vans: standalone account styles. */

.kebabvans-standalone-account {
    position: fixed;
    top: 16px;
    right: 16px;
    z-index: 100000;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 9px 14px;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 999px;
    background: #171717;
    color: #fff!important;
    text-decoration: none!important;
    font: 800 14px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
    box-shadow: 0 5px 18px rgba(0,0,0,.18);
    transition: background .15s ease,transform .15s ease
}

.kebabvans-standalone-account:hover,.kebabvans-standalone-account:focus-visible {
    background: #e30613;
    color: #fff!important;
    transform: translateY(-1px)
}

.kebabvans-standalone-account:focus-visible {
    outline: 3px solid rgba(227,6,19,.28);
    outline-offset: 3px
}

.kebabvans-standalone-account svg {
    width: 18px;
    height: 18px;
    display: block;
    flex: 0 0 auto;
    fill: currentColor
}

.admin-bar .kebabvans-standalone-account {
    top: 48px
}

@media(max-width:782px) {
    .admin-bar .kebabvans-standalone-account {
        top: 62px
    }
}

@media(max-width:520px) {
    .kebabvans-standalone-account {
        top: 10px;
        right: 10px;
        width: 42px;
        height: 42px;
        min-height: 42px;
        padding: 0;
        justify-content: center
    }
    .kebabvans-standalone-account-label {
        position: absolute!important;
        width: 1px!important;
        height: 1px!important;
        padding: 0!important;
        margin: -1px!important;
        overflow: hidden!important;
        clip: rect(0,0,0,0)!important;
        white-space: nowrap!important;
        border: 0!important
    }
    .admin-bar .kebabvans-standalone-account {
        top: 56px
    }
}