@charset "UTF-8";

/*
 *  Single Pass CSS
 *  Copyright © 2026 Packetizer, Inc.
 *  All Rights Reserved
 *
 */

/* For dark mode, invert the colors if the password reveal icons */
@media screen
{
    [data-bs-theme=dark] .toggle-icon
    {
        filter: invert(1) brightness(2) contrast(0.9);
    }
}

.sp-head
{
    background-color: #a0a0a0;
    background:
        repeating-linear-gradient(
            60deg,
            #555 1px,
            #555 2px,
            #444 2px,
            #444 4px
        );
    filter: contrast(1.1);
}

.sp-field
{
    background-color: #a0a0a0;
}

.sp-field:focus
{
    background-color: #a0a0a0;
}

.password-wrapper
{
    position: relative;
    width: 100%;
}

.password-input
{
    width: 100%;
    padding-right: 44px !important;
    box-sizing: border-box;
}

.toggle-icon
{
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 24px;
    height: 24px;
    z-index: 10;
    transition: opacity 0.2s ease;
    opacity: 0.65;
    pointer-events: auto;
    user-select: none;
}

.toggle-icon:hover
{
    opacity: 1.0;
    cursor: pointer;
}

.toggle-icon:active
{
    opacity: 0.4;
}

/* Hide Microsoft Edge's built-in password reveal eye icon */
input[type="password"]::-ms-reveal, input::-ms-reveal
{
    display: none !important;
}