/* 
   Privacy Balance Toggle Styles - Refined
   Matches the notification bell icon style and blurs the entire balance container.
*/

.p_h_privacy_btn {
    float: left;
    width: 24px; /* Slightly adjusted to match notification icon weight */
    height: 30px;
    margin-top: 11px; /* Exactly matches .loi */
    margin-left: 8px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    z-index: 10;
    position: relative;
    opacity: 0;
    animation: fromRight .5s cubic-bezier(0,0,0,1.2) 1.1s forwards;
}

.p_h_privacy_btn:hover {
    transform: scale(1.1);
}

.p_h_privacy_btn svg {
    width: 22px;
    height: 22px;
    fill: var(--color-9);
    filter: contrast(0.4); /* Exactly matches the notification bell filter */
	opacity: .5;
}

/* Privacy mode active: Blur the entire gep container's content */
body.privacy-on .p_h_m .bo .gep {
    filter: blur(8px) !important;
    pointer-events: none;
    user-select: none;
    transition: filter 0.3s ease;
}

/* Toggle eye icons visibility */
body.privacy-on .p_h_privacy_btn .eye-open {
    display: none;
}

body.privacy-on .p_h_privacy_btn .eye-closed {
    display: block;
}

.p_h_privacy_btn .eye-closed {
    display: none;
}