/* Background refraction only, adapted from Liquid Glass Studio (MIT).
   Source attribution and the full permission notice remain in liquid-material.js.
   Strong background blur/refraction, with no light, tint, sheen or painted rim. */
.med-liquid-material,.med-liquid-shell{
 --liquid-body:transparent;--liquid-panel:transparent;--liquid-dock:transparent;
 --med-refraction-blur:28px;--med-panel-blur:32px;
}
.med-liquid-material :is(.med-bubble,.med-dock,.med-workspace){
 background:transparent;border:0;box-shadow:none;
 backdrop-filter:blur(var(--med-refraction-blur));-webkit-backdrop-filter:blur(var(--med-refraction-blur));
}
.med-liquid-material :is(.med-card,.med-button,.med-field,.med-control,.med-toast){
 box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;
}
.med-liquid-material .med-toast{background:transparent;border:0}
.med-liquid-material .med-workspace{backdrop-filter:blur(var(--med-panel-blur));-webkit-backdrop-filter:blur(var(--med-panel-blur));--med-refraction-blur:var(--med-panel-blur)}
.med-liquid-material .med-workspace :is(.med-panel-header,.med-card,.med-button,.med-field,.med-control){background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}
.med-liquid-material :is(.med-bubble,.med-dock,.med-workspace)::before,
.med-liquid-material :is(.med-bubble,.med-dock,.med-workspace)::after,
.med-liquid-shell .med-liquid-control::before,
.med-liquid-shell .med-liquid-control::after{content:none;display:none}
.med-liquid-material .med-bubble{border-radius:30%}
.med-liquid-material .med-bubble:hover{background:transparent;border:0;box-shadow:none}
.med-liquid-material .med-bubble > *,
.med-liquid-material .med-dock > *,
.med-liquid-material .med-workspace > :is(.med-panel-header,.med-panel-content){position:relative;z-index:1}
.med-liquid-material .med-dock{border-radius:999px}
.med-liquid-material .med-dock button{border-radius:999px;min-height:44px;background:transparent;box-shadow:none}
.med-liquid-material .med-dock button:hover,
.med-liquid-material .med-dock button.active,
.dark-mode .med-liquid-material .med-dock button.active{background:transparent;box-shadow:none}
.med-liquid-shell .med-liquid-control:is(.settings-toggle-btn,.theme-toggle-btn){
 isolation:isolate;overflow:hidden;border:0;background:transparent;box-shadow:none;
 backdrop-filter:blur(var(--med-refraction-blur));-webkit-backdrop-filter:blur(var(--med-refraction-blur));color:var(--med-ink);transform:none;
}
.med-liquid-shell .med-liquid-control:is(.settings-toggle-btn,.theme-toggle-btn):hover{background:transparent;box-shadow:none;transform:none}
.med-liquid-material .med-liquid-refract,
.med-liquid-shell .med-liquid-control.med-liquid-refract{
 backdrop-filter:blur(var(--med-refraction-blur)) var(--med-liquid-filter)!important;
 -webkit-backdrop-filter:blur(var(--med-refraction-blur)) var(--med-liquid-filter)!important;
}
@media(max-width:760px),(pointer:coarse){.med-liquid-material,.med-liquid-shell{--med-refraction-blur:22px;--med-panel-blur:24px}}
@supports(corner-shape:superellipse(2)){.med-liquid-material .med-bubble{corner-shape:superellipse(2)}}
@media(forced-colors:active){
 .med-liquid-material :is(.med-bubble,.med-dock,.med-workspace,.med-button,.med-card),
 .med-liquid-shell .med-liquid-control:is(.settings-toggle-btn,.theme-toggle-btn){
  background:Canvas;color:ButtonText;border:1px solid ButtonText;box-shadow:none;
  backdrop-filter:none!important;-webkit-backdrop-filter:none!important;
 }
}