:root{--yx-liquid-native-filter:blur(3px) saturate(1.15);--yx-liquid-highlight:linear-gradient(115deg, #fff3, transparent 34%);--yx-liquid-overlay-tint:#f4f6fa9e;--yx-liquid-overlay-outline:#fff9}.dark{--yx-liquid-overlay-tint:#1e2024a3;--yx-liquid-overlay-outline:#ffffff52}.glass-dock{-webkit-backdrop-filter:blur(6px)saturate(150%);backdrop-filter:blur(6px)saturate(150%);background-color:#0000;transform:translateZ(0);box-shadow:inset 0 1px #ffffffe6,inset 0 -1px #ffffff40,0 2px 8px #0000000f,0 14px 40px #0000001a}.glass-dock:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,#fff3 0%,#0000 34%);position:absolute;inset:0}.glass-dock>*{z-index:1;position:relative}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-dock{background:#ffffffeb}}.dock-rim{pointer-events:none;-webkit-backdrop-filter:url(#placeholder-lens);backdrop-filter:url(#placeholder-lens);filter:blur(.8px);-webkit-mask-composite:xor;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.glass-dock.lens-scale{-webkit-backdrop-filter:url(#placeholder-scale);backdrop-filter:url(#placeholder-scale)}.dock-rim-line{pointer-events:none;-webkit-backdrop-filter:url(#placeholder-line);backdrop-filter:url(#placeholder-line);position:absolute;inset:0}.glass-dock.yx-color-edge{box-shadow:inset 0 1px #ffffff29,inset 0 -1px #ffffff08,0 6px 22px #00000059}.glass-dock.yx-color-edge .dock-nav-item{text-shadow:0 1px 2px #ffffffe6}.glass-dock.yx-color-edge .dock-nav-item svg{filter:drop-shadow(0 1px 1px #ffffffd9)}.dark .glass-dock.yx-color-edge .dock-nav-item{text-shadow:0 1px 3px #000000e6}.dark .glass-dock.yx-color-edge .dock-nav-item svg{filter:drop-shadow(0 1px 1px #000000e6)}.glass-dock.yx-color-edge:after{background:linear-gradient(115deg,#ffffff08 0%,#0000 34%)}.dock-rim.yx-rim-smooth{-webkit-filter:blur(1px);box-shadow:inset 0 0 6px 1.5px #0000004d}[data-liquid-performance=smooth] .glass-dock{box-shadow:inset 0 1px #fff6,inset 0 -1px #ffffff1a,0 4px 16px #00000029}[data-liquid-performance=smooth] .glass-dock.yx-color-edge .dock-nav-item svg{filter:none}.dark [data-liquid-performance=smooth] .glass-dock{box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff0f,0 4px 16px #0000003d}[data-liquid-capability=none][data-liquid-material=frosted]:not([data-liquid-performance=smooth]) .glass-dock.yx-color-edge{box-shadow:inset 0 1px #ffffff94,inset 0 -1px #ffffff2e,inset 0 10px 18px -16px #ffffffe6,inset 0 -12px 18px -16px #00000052,0 6px 22px #00000059}[data-liquid-capability=none][data-liquid-material=frosted]:not([data-liquid-performance=smooth]) .glass-dock.yx-color-edge:before{content:"";border-radius:inherit;pointer-events:none;-webkit-mask-composite:xor;background:radial-gradient(130% 170% at 0%,#ffffffe6 0%,#ffffff3d 20%,#0000 43%),radial-gradient(130% 170% at 100%,#ffffffad 0%,#ffffff29 20%,#0000 43%),linear-gradient(#ffffffc2 0%,#ffffff14 30%,#0000 58%,#ffffff4d 100%);padding:1.4px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}[data-liquid-capability=none][data-liquid-material=frosted]:not([data-liquid-performance=smooth]) .glass-dock.yx-color-edge:after{background:radial-gradient(90% 100% at 12% -28%,#ffffff3d 0%,#0000 58%),linear-gradient(115deg,#ffffff1a 0%,#0000 38%,#ffffff09 100%)}.dark [data-liquid-capability=none][data-liquid-material=frosted]:not([data-liquid-performance=smooth]) .glass-dock.yx-color-edge{box-shadow:inset 0 1px #ffffff4d,inset 0 -1px #ffffff14,inset 0 -12px 18px -16px #000000a6,0 6px 22px #0000006b}.dark [data-liquid-capability=none][data-liquid-material=frosted]:not([data-liquid-performance=smooth]) .glass-dock.yx-color-edge:before{background:radial-gradient(130% 170% at 0%,#ffffff75 0%,#ffffff1a 20%,#0000 43%),radial-gradient(130% 170% at 100%,#ffffff52 0%,#ffffff12 20%,#0000 43%),linear-gradient(#ffffff5c 0%,#ffffff0a 30%,#0000 58%,#ffffff21 100%)}.dark [data-liquid-capability=none][data-liquid-material=frosted]:not([data-liquid-performance=smooth]) .glass-dock.yx-color-edge:after{background:radial-gradient(90% 100% at 12% -28%,#ffffff1a 0%,#0000 58%),linear-gradient(115deg,#ffffff0a 0%,#0000 42%)}[data-liquid-native-dock=live] .dock-native-body{pointer-events:none;-webkit-backdrop-filter:blur(9px)saturate(1.45);backdrop-filter:blur(9px)saturate(1.45);position:absolute;inset:4px}[data-liquid-native-dock=live] .dock-native-edge{box-shadow:inset 0 1px 1px #ffffff3d,inset 0 -1px 1px #0000001f}.dark [data-liquid-native-dock=live] .dock-native-body{-webkit-backdrop-filter:blur(9px)saturate(1.6);backdrop-filter:blur(9px)saturate(1.6)}
