:where(.motile-dock){display:inline-flex;align-items:center;gap:12px;padding:8px 16px;background:#ffffff40;backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-radius:50px;border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000d,inset 0 0 0 1px #fff3;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .3s cubic-bezier(.4,0,.2,1)}:where(.motile-dock[data-position=top]){flex-direction:row}:where(.motile-dock[data-position=bottom]){flex-direction:row}:where(.motile-dock[data-position=left]){flex-direction:column}:where(.motile-dock[data-position=right]){flex-direction:column}:where(.motile-dock__item){position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:40px;min-width:40px;min-height:40px;border:none;border-radius:10px;background:transparent;color:#374151;cursor:pointer;transition:background .2s ease;outline:none;will-change:transform;transform:translateZ(0)}:where(.motile-dock[data-position=top] .motile-dock__item){transform-origin:center top}:where(.motile-dock[data-position=bottom] .motile-dock__item){transform-origin:center bottom}:where(.motile-dock[data-position=left] .motile-dock__item){transform-origin:left center}:where(.motile-dock[data-position=right] .motile-dock__item){transform-origin:right center}:where(.motile-dock__item:hover){background:#fff6}:where(.motile-dock__item:active){background:#fff9;filter:brightness(.9)}:where(.motile-dock__item:focus-visible){outline:2px solid rgba(100,116,139,.6);outline-offset:2px}:where(.motile-dock__item>*){pointer-events:none}:where(.motile-dock__separator){position:relative;flex-shrink:0}:where(.motile-dock__separator[data-position=bottom]),:where(.motile-dock__separator[data-position=top]){width:1px;height:40px;margin:0 6px;background:linear-gradient(180deg,#0000,#00000026 20%,#00000026 80%,#0000)}:where(.motile-dock__separator[data-position=left]),:where(.motile-dock__separator[data-position=right]){height:1px;width:40px;margin:6px 0;background:linear-gradient(90deg,#0000,#00000026 20%,#00000026 80%,#0000)}@media (prefers-color-scheme:dark){:where(.motile-dock){background:#1e1e1eb3;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006,0 2px 8px #0003,inset 0 0 0 1px #ffffff0d}:where(.motile-dock__item){color:#e5e7eb}:where(.motile-dock__item:hover){background:#ffffff1a}:where(.motile-dock__item:active){background:#fff3;filter:brightness(.9)}:where(.motile-dock__separator[data-position=bottom]),:where(.motile-dock__separator[data-position=top]){background:linear-gradient(180deg,#fff0,#ffffff26 20%,#ffffff26 80%,#fff0)}:where(.motile-dock__separator[data-position=left]),:where(.motile-dock__separator[data-position=right]){background:linear-gradient(90deg,#fff0,#ffffff26 20%,#ffffff26 80%,#fff0)}}@media (prefers-contrast:high){:where(.motile-dock){border:2px solid;background:#fffffff2}:where(.motile-dock__item){border:1px solid}}@media (prefers-reduced-motion:reduce){:where(.motile-dock),:where(.motile-dock__item){transition:none}}@media (max-width:768px){:where(.motile-dock){gap:6px;padding:6px 12px;border-radius:40px}:where(.motile-dock__item){width:36px;height:36px;min-width:36px;min-height:36px}}@media (hover:none) and (pointer:coarse){:where(.motile-dock__item){min-width:44px;min-height:44px;transform:scale(1)!important}}:where(.motile-dock):before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50px;padding:1px;background:linear-gradient(135deg,#fff6,#ffffff1a);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}@media (prefers-color-scheme:dark){:where(.motile-dock):before{background:linear-gradient(135deg,#fff3,#ffffff0d)}}:where(.motile-dock__item):before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:14px;background:radial-gradient(circle at center,color-mix(in srgb,var( --motile-dock-color,var(--motile-ui-dock,var(--motile-theme,#3b82f6)) ) 30%,transparent),transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none;z-index:-1}:where(.motile-dock__item:hover):before{opacity:1}@media (prefers-contrast:high){:where(.motile-dock__item):before{display:none}:where(.motile-dock):before{display:none}}