.os-dock{z-index:102;position:fixed;left:0;right:0;bottom:10px;display:flex;justify-content:center;pointer-events:none}.os-dock .dock-data{height:66px;display:flex;align-items:flex-end;padding:8px 10px;border-radius:12px;pointer-events:auto;transition:.3s;background-color:#fffc;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}.os-dock .dock-data .dock-divider{width:1px;height:36px;margin:0 6px;align-self:center;border-radius:20px;transition:opacity .2s;background-color:#00000029}.os-dock .dock-data .dock-item{position:relative;display:flex;flex-direction:column;align-items:center}.os-dock .dock-data .dock-item:hover .dock-item-tooltip{opacity:.88;transform:translateY(1px)}.os-dock .dock-data .dock-item.is-deleteing{animation:deleteZoom .3s ease forwards}.os-dock .dock-data .dock-item.is-saveing{animation:saveZoom .3s ease forwards}.os-dock .dock-data .dock-item .dock-item-icon{width:50px;height:50px;-o-object-fit:cover;object-fit:cover;border-radius:12px;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.os-dock .dock-data .dock-item .dock-item-tooltip{position:absolute;top:-30px;padding:4px 8px;background:#000c;color:#ececec;font-size:12px;border-radius:6px;white-space:nowrap;opacity:0;transform:translateY(4px);transition:all .2s;pointer-events:none}.os-dock .dock-data .dock-item:hover .dock-item-icon{width:82px;height:82px}.os-dock .dock-data .dock-item:has(+.dock-item:hover) .dock-item-icon,.os-dock .dock-data .dock-item:hover+.dock-item .dock-item-icon{width:70px;height:70px}.os-dock .dock-data .dock-item:has(+*+.dock-item:hover) .dock-item-icon,.os-dock .dock-data .dock-item:hover+*+.dock-item .dock-item-icon{width:60px;height:60px}.os-dock-context-menu{position:fixed;z-index:100;padding:6px;min-width:180px;border-radius:8px;transform:translate(-50%,-100%);background-color:#fffc;-webkit-backdrop-filter:blur(20px) saturate(180%);backdrop-filter:blur(20px) saturate(180%)}.os-dock-context-menu.is-opening{animation:dockContextMenuOpenAnimation .3s ease-out;pointer-events:none}.os-dock-context-menu.is-closeing{animation:dockContextMenCloseAnimation .3s cubic-bezier(.4,0,.2,1) forwards;pointer-events:none}@keyframes dockContextMenuOpenAnimation{0%{transform:translate(-50%,-100%) scale(1)}10%{transform:translate(-50%,-100%) scale(1.1,.9)}30%{transform:translate(-50%,-100%) scale(.9,1.1)}50%{transform:translate(-50%,-100%) scale(1.05,.95)}to{transform:translate(-50%,-100%) scale(1)}}@keyframes dockContextMenCloseAnimation{0%{transform:translate(-50%,-100%) scale(1);opacity:1;filter:blur(0)}to{transform:translate(-50%,-100%) scale(.8);opacity:0;filter:blur(4px);visibility:hidden}}.os-dock-context-menu .os-dock-context-menu-item{position:relative;display:flex;align-items:center;justify-content:space-between;padding:6px 12px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--os-title-color)}.os-dock-context-menu .os-dock-context-menu-item:hover{color:#fff;background-color:var(--os-theme)}
