/* Liquid-glass controls and OFF state. ON-state rendering is owned only by liquid-glass-v3.css. */
#liquid-glass-toggle-field{margin-top:14px}
#liquid-glass-toggle-field b{display:block;font-size:13px;color:var(--text)}
#liquid-glass-toggle-field small{max-width:320px}
:is(#glass-transparency-field,#glass-lens-field){transition:opacity .2s ease}
:is(#glass-transparency-field,#glass-lens-field).glass-disabled{opacity:.46}
:is(#glass-transparency-field,#glass-lens-field).glass-disabled input[type=range]{cursor:not-allowed}
:is(#glass-transparency-output,#glass-lens-output){float:right;color:var(--text);font-weight:750}

html[data-liquid-glass="off"]:not([data-wallpaper="plain"]) :is(.card,.metric,.tile,.lesson,.list-row,.option,.feedback,.badge,.answer-reviewed,.settings-card,.mode-switch,.segmented,.course-cover){background:var(--surface)!important;border-color:var(--line)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}
html[data-liquid-glass="off"]:not([data-wallpaper="plain"]) .hero{background:var(--hero)!important;border-color:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:var(--shadow)!important}
html[data-liquid-glass="off"]:not([data-wallpaper="plain"]) :is(input:not([type=checkbox]):not([type=range]),select,textarea,.secondary){background:var(--surface)!important;border-color:var(--line)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}
html[data-liquid-glass="off"]:not([data-wallpaper="plain"]) #nav{background:color-mix(in srgb,var(--surface) 92%,transparent)!important;border-color:var(--line)!important;-webkit-backdrop-filter:blur(20px)!important;backdrop-filter:blur(20px)!important;box-shadow:0 10px 35px #0003!important}
html[data-liquid-glass="off"]:not([data-wallpaper="plain"]) .header-actions .icon-button{background:transparent!important;border-color:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:none!important}
