/* =========================================================
   LIQUID GLASS MODE OVERRIDES
   ========================================================= */
/* body.liquid-glass-mode .topheader, */
/* body.liquid-glass-mode .history-modal-card .history-grid,
body.liquid-glass-mode .history-modal-card .history-grid .history-card, */
body.liquid-glass-mode .main-content {
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}

body.liquid-glass-mode .history-modal {
    background-color: none !important;
}

body.liquid-glass-mode .topheader,
body.liquid-glass-mode .branddefault,
body.liquid-glass-mode footer,
body.liquid-glass-mode .sidebar,
body.liquid-glass-mode .settings-popover,
body.liquid-glass-mode .mode-btn,
body.liquid-glass-mode .nav-toggle-button,
/* body.liquid-glass-mode .main-content, */
/* body.liquid-glass-mode .server-test, */
/* body.liquid-glass-mode .latency-test, */
body.liquid-glass-mode .latency-card,
body.liquid-glass-mode .gauge-box,
body.liquid-glass-mode .start-test,
body.liquid-glass-mode .duration-test,
body.liquid-glass-mode .infor-test,
body.liquid-glass-mode .history-modal-card,
body.liquid-glass-mode .page-card,
body.liquid-glass-mode .login-card,
body.liquid-glass-mode .learning-title,
body.liquid-glass-mode .learning-card,
body.liquid-glass-mode .learning-popup-card,
body.liquid-glass-mode .learning-popup-head,
body.liquid-glass-mode .learning-popup-close,
body.liquid-glass-mode .learning-topic section,
body.liquid-glass-mode .footer-test button,
body.liquid-glass-mode .history-modal-card .history-grid,
body.liquid-glass-mode .history-modal-card .history-grid .history-card,
body.liquid-glass-mode .ipcheck-content,
body.liquid-glass-mode .ipcheck-form-container,
body.liquid-glass-mode .ipcheck-results,
body.liquid-glass-mode .ipcheck-input,
body.liquid-glass-mode .ipcheck-select,
body.liquid-glass-mode .ipcheck-submit-btn,
body.liquid-glass-mode .terminal-output,
body.liquid-glass-mode .server-select {
    backdrop-filter: blur(40px) saturate(200%) !important;
    -webkit-backdrop-filter: blur(40px) saturate(200%) !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.0) 100%) !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    border-right: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05) !important;
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3), inset 0px 1px 1px rgba(255, 255, 255, 0.5) !important;
    border-radius: var(--radius) !important;
}


body.liquid-glass-mode .latency-card {
    border-radius: 18px !important;
}

body.liquid-glass-mode .duration-test,
body.liquid-glass-mode .server-select,
body.liquid-glass-mode .infor-test {
    border-radius: 14px !important;
}

body.liquid-glass-mode .infor-test {
    border-bottom: none !important;
}

body.liquid-glass-mode .server-test {
    border-bottom: none !important;
}

body.liquid-glass-mode .footer-test button {
    padding: 10px 20px !important;
}

body.liquid-glass-mode .navlink {
    backdrop-filter: blur(30px) saturate(180%) !important;
    -webkit-backdrop-filter: blur(30px) saturate(180%) !important;
    background: rgba(255, 255, 255, 0.05) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.2) !important;
    border-radius: 14px !important;
}


body.liquid-glass-mode .navlink:hover,
body.liquid-glass-mode .navlink.active,
body.liquid-glass-mode .mode-btn.active {
    background: rgba(255, 255, 255, 0.1) !important;
    border-color: rgba(255, 255, 255, 0.3) !important;
    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.3) !important;
}



/* Make toggle icon look nice */
.navlink svg {
    display: block;
}