*{box-sizing:border-box;margin:0;padding:0}body{background-color:#0000;background-image:linear-gradient(#ffffffb3,#ffffffb3),url(/images/wallpaper.jpg);background-position:0 0,50%;background-repeat:repeat,no-repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;justify-content:flex-end;align-items:center;min-height:100vh;padding:6rem 4rem;font-family:Google Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;display:flex}.dock-container-wrapper{align-items:flex-start;gap:1.5rem;display:flex}.dock-preview{flex-direction:column;gap:1rem;width:fit-content;display:flex;position:relative}.dock-preview .dock-item{position:relative}.dock-preview .dock-item:hover{z-index:20}.dock-item{color:#fff;cursor:pointer;background:#2a2a2a;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:18px;font-weight:600;transition:all .3s;display:flex}.dock-item:hover,.dock-item.touched{background:#3a3a3a;border-color:#4a4a4a;transform:scale(1.05)}.dock-item-link{position:relative}.dock-item-link svg{width:28px;height:28px}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:100;background:#1a1a1a;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:500;transition:opacity .2s,visibility .2s;position:absolute;top:50%;right:calc(100% + 12px);transform:translateY(-50%);box-shadow:0 4px 12px #0000004d}[data-tooltip]:hover:after,[data-tooltip].touched:after{opacity:1;visibility:visible}[data-tooltip-top]{position:relative}[data-tooltip-top]:after{content:attr(data-tooltip-top);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:100;background:#1a1a1a;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:500;transition:opacity .2s,visibility .2s;position:absolute;bottom:calc(100% + 12px);left:-100px;box-shadow:0 4px 12px #0000004d}[data-tooltip-top]:hover:after,[data-tooltip-top].touched:after{opacity:1;visibility:visible}.dock-item-add span{font-size:28px;font-weight:300}.dock-item-icon span,.dock-item-settings span{font-size:24px}.dock-horizontal{z-index:10;align-items:center;margin-top:76px;display:flex;position:relative}.dock-bar{background:#2a2a2a;border:2px solid #3a3a3a;border-radius:50px;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.dock-item-horizontal{cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;transition:all .3s;display:flex}.dock-folder{color:#fff;background:0 0}.dock-folder svg{width:24px;height:24px}.dock-folder:hover,.dock-folder.touched{transform:scale(1.1)}.dock-color-empty{background:0 0;border:2px solid #3a3a3a}.dock-color{border:2px solid #ffffff1a}.dock-color:hover,.dock-color-empty:hover,.dock-color.touched,.dock-color-empty.touched{transform:scale(1.1)}.dock-item-add-h{color:#fff;background:0 0;border:2px solid #3a3a3a;font-size:20px;font-weight:300}.dock-item-add-h:hover,.dock-item-add-h.touched{background:#3a3a3a;transform:scale(1.1)}.dock-item-workspace{position:relative}.workspace-submenu{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility .2s;position:absolute;top:50%;right:calc(100% + 20px);transform:translateY(-50%)}.dock-item-workspace:hover .workspace-submenu,.dock-item-workspace.touched .workspace-submenu{opacity:1;visibility:visible;pointer-events:auto}[data-workspace-tooltip]:after{content:attr(data-workspace-tooltip);color:#fff;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:100;background:#1a1a1a;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:500;transition:opacity .2s,visibility .2s;position:absolute;top:50%;right:calc(100% + 115px);transform:translate(50%)translateY(-50%)translateY(-55px);box-shadow:0 4px 12px #0000004d}[data-workspace-tooltip]:hover:after,[data-workspace-tooltip].touched:after{opacity:1;visibility:visible}.workspace-icon{background:0 0;border:2px solid #4a4a4a}.workspace-icon:hover{background:0 0;border-color:#6a6a6a}.workspace-icon span{color:#ffffffb3;border:1.5px solid #ffffff80;border-radius:6px;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:600;display:flex}