.dock-card,.dock-player{width:var(--dock-width)}.dock-player{aspect-ratio:16/9}.dock-surface{border-radius:.375rem;overflow:hidden;--tw-bg-opacity:1;background-color:rgb(22 24 27/var(--tw-bg-opacity,1));--tw-shadow:0 12px 32px rgba(0,0,0,.55);--tw-shadow-colored:0 12px 32px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(129 95 63/var(--tw-ring-opacity,1))}.dock-avatar,.dock-surface{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dock-avatar{border-radius:9999px;flex-shrink:0;padding:1px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);--tw-ring-opacity:1;--tw-ring-color:rgb(240 81 81/var(--tw-ring-opacity,1))}.dock-control{align-items:center;border-radius:.25rem;display:flex;height:2rem;justify-content:center;width:1.75rem;--tw-text-opacity:1;color:rgb(129 95 63/var(--tw-text-opacity,1));transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.dock-control:hover{background-color:#ffffff1a;--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}