-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathcontent.css
More file actions
80 lines (79 loc) · 20.6 KB
/
Copy pathcontent.css
File metadata and controls
80 lines (79 loc) · 20.6 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
#windowstab-host{all:initial!important;position:fixed!important;top:0!important;left:0!important;width:0!important;height:0!important;z-index:2147483000!important;border:none!important;padding:0!important;margin:0!important;overflow:visible!important;pointer-events:none!important}#windowstab-host,#windowstab-host *{box-sizing:border-box;font-family:Inter,ui-sans-serif,system-ui,sans-serif}.ws-root,.ws-modal-layer{pointer-events:auto}.ws-root{--ws-offset:50%;position:fixed;z-index:2147483000;right:14px;top:var(--ws-offset);transform:translateY(-50%);isolation:isolate;overflow:visible;color:#f4f6fa;font-size:12px}.ws-root[data-edge="left"]{left:14px;right:auto}.ws-root[data-edge="top"]{top:18px;left:var(--ws-offset);right:auto;transform:translateX(-50%)}.ws-root[data-edge="bottom"]{top:auto;bottom:18px;left:var(--ws-offset);right:auto;transform:translateX(-50%)}.ws-launch,.ws-circle{display:grid;place-items:center;border:1px solid #ffffff3d;border-radius:50%;background:linear-gradient(135deg,#2e3545e8,#1c202ae8);color:#fff;box-shadow:0 8px 22px #090b1255;backdrop-filter:blur(16px);cursor:pointer;transition:transform .25s cubic-bezier(.25,1,.4,1),box-shadow .25s ease,border-color .25s ease}.ws-launch{position:relative;z-index:3;width:48px;height:48px;border-color:#8a96ff;box-shadow:0 0 0 2px #7480ff55,0 8px 24px #090b1255;touch-action:none}.ws-launch:hover{border-color:#8e9cff;box-shadow:0 8px 28px #7f8cff55;transform:scale(1.06)}.ws-circle{position:relative;width:48px;height:48px;padding:4px;text-align:center;font-size:11px}.ws-circle:hover,.ws-circle.active{border-color:#8a96ff;box-shadow:0 0 0 2px #7480ff80,0 8px 22px #090b1245;transform:scale(1.06)}.ws-circle i{width:9px;height:9px;border-radius:50%;margin-bottom:1px}.ws-circle span{max-width:38px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-circle b{position:absolute;right:-3px;top:-3px;min-width:16px;padding:1px 4px;border-radius:99px;background:linear-gradient(135deg,#6d78ff,#5662f6);font-size:9px;font-weight:700;box-shadow:0 2px 6px #00000040}.ws-circle svg{display:block;margin:auto}.ws-rail{position:absolute;z-index:1;display:flex;gap:10px;align-items:center;translate:0 50%;animation:ws-water-flow-left .65s cubic-bezier(.25,1,.4,1) both}.ws-rail.ws-rail-static{translate:0;animation:none!important}.ws-rail.ws-rail-static>*{animation:none!important}.ws-root[data-rail="up"] .ws-rail{right:0;bottom:calc(100% + 12px);flex-direction:column-reverse}.ws-root[data-rail="down"] .ws-rail{right:0;top:calc(100% + 12px);flex-direction:column}.ws-root[data-rail="left"] .ws-rail{right:calc(100% + 12px);top:0;flex-direction:row-reverse}.ws-root[data-rail="right"] .ws-rail{left:calc(100% + 12px);top:0;flex-direction:row}.ws-rail>*{animation:ws-node-water-left .55s cubic-bezier(.25,1,.4,1) both}.ws-rail>*:nth-child(1){animation-delay:.06s}.ws-rail>*:nth-child(2){animation-delay:.12s}.ws-rail>*:nth-child(3){animation-delay:.18s}.ws-rail>*:nth-child(4){animation-delay:.24s}.ws-rail>*:nth-child(5){animation-delay:.30s}.ws-group-wrap,.ws-control-wrap{position:relative}.ws-group-delete{position:absolute;z-index:7;display:grid;place-items:center;width:28px;height:28px;padding:0;border:1px solid #ffffff66;border-radius:50%;background:linear-gradient(145deg,#bd5361,#92333f);color:#fff;box-shadow:0 4px 12px #090b1266;cursor:pointer;transition:transform .2s cubic-bezier(.25,1,.4,1),background .2s ease,border-color .2s ease}.ws-root[data-edge="right"] .ws-group-delete{left:-19px;top:50%;transform:translateY(-50%)}.ws-root[data-edge="left"] .ws-group-delete{right:-19px;top:50%;transform:translateY(-50%)}.ws-root[data-edge="top"] .ws-group-delete{left:50%;bottom:-19px;transform:translateX(-50%)}.ws-root[data-edge="bottom"] .ws-group-delete{left:50%;top:-19px;transform:translateX(-50%)}.ws-group-delete:hover,.ws-group-delete:focus-visible{border-color:#ffd0d4;background:#d95d6d;outline:none}.ws-root[data-edge="top"] .ws-group-delete:hover,.ws-root[data-edge="top"] .ws-group-delete:focus-visible,.ws-root[data-edge="bottom"] .ws-group-delete:hover,.ws-root[data-edge="bottom"] .ws-group-delete:focus-visible{transform:translateX(-50%) scale(1.1)}.ws-root[data-edge="right"] .ws-group-delete:hover,.ws-root[data-edge="right"] .ws-group-delete:focus-visible,.ws-root[data-edge="left"] .ws-group-delete:hover,.ws-root[data-edge="left"] .ws-group-delete:focus-visible{transform:translateY(-50%) scale(1.1)}.ws-group-delete svg{margin:0;width:16px;height:16px}.ws-settings-pop{position:absolute;display:grid;gap:8px;width:210px;padding:9px;border:1px solid #ffffff3d;border-radius:16px;background:#20242bf0;box-shadow:0 12px 32px #090b1255;backdrop-filter:blur(18px);will-change:opacity,transform}.ws-root[data-edge="right"] .ws-settings-pop{right:56px!important;top:50%!important;transform:translateY(-50%)!important;transform-origin:right center!important;animation:ws-water-flow-left .75s cubic-bezier(.25,1,.4,1) both!important}.ws-root[data-edge="left"] .ws-settings-pop{left:56px!important;top:50%!important;transform:translateY(-50%)!important;transform-origin:left center!important;animation:ws-water-flow-right .75s cubic-bezier(.25,1,.4,1) both!important}.ws-root[data-edge="top"] .ws-settings-pop{top:56px!important;left:50%!important;transform:translateX(-50%)!important;transform-origin:top center!important;animation:ws-water-flow-left .75s cubic-bezier(.25,1,.4,1) both!important}.ws-root[data-edge="bottom"] .ws-settings-pop{bottom:56px!important;left:50%!important;transform:translateX(-50%)!important;transform-origin:bottom center!important;animation:ws-water-flow-left .75s cubic-bezier(.25,1,.4,1) both!important}.ws-settings-pop label{display:flex;flex:1;align-items:center;gap:8px;margin:0;color:#cfd5df;font-size:11px;font-weight:600;white-space:nowrap}.ws-settings-pop select{flex:1;min-width:0;height:34px;border:1px solid #ffffff2e;border-radius:10px;background:#11141ae8;color:#fff;padding:4px 8px;font:inherit;font-weight:500}.ws-tab-nodes{position:absolute;display:flex;align-items:center;gap:8px;min-width:max-content;max-width:calc(100vw - 80px);max-height:calc(100vh - 80px);overflow:auto;padding:7px;border:1px solid #ffffff38;border-radius:20px;background:#20242be8;box-shadow:0 12px 32px #090b1255;backdrop-filter:blur(18px);will-change:opacity,transform}.ws-tab-nodes.left{right:56px;top:50%;transform:translateY(-50%);flex-direction:row;transform-origin:right center!important;animation:ws-water-flow-left .75s cubic-bezier(.25,1,.4,1) both}.ws-tab-nodes.right{left:56px;top:50%;transform:translateY(-50%);flex-direction:row;transform-origin:left center!important;animation:ws-water-flow-right .75s cubic-bezier(.25,1,.4,1) both}.ws-tab-nodes.up{bottom:56px;left:50%;transform:translateX(-50%);flex-direction:column-reverse;transform-origin:bottom center!important;animation:ws-water-flow-left .75s cubic-bezier(.25,1,.4,1) both}.ws-tab-nodes.down{top:56px;left:50%;transform:translateX(-50%);flex-direction:column;transform-origin:top center!important;animation:ws-water-flow-left .75s cubic-bezier(.25,1,.4,1) both}.ws-tab-nodes.left .ws-tab-node{animation:ws-node-water-left .65s cubic-bezier(.25,1,.4,1) both}.ws-tab-nodes.left .ws-tab-node:nth-last-child(1){animation-delay:.08s}.ws-tab-nodes.left .ws-tab-node:nth-last-child(2){animation-delay:.16s}.ws-tab-nodes.left .ws-tab-node:nth-last-child(3){animation-delay:.24s}.ws-tab-nodes.left .ws-tab-node:nth-last-child(4){animation-delay:.32s}.ws-tab-nodes.left .ws-tab-node:nth-last-child(5){animation-delay:.40s}.ws-tab-nodes.left .ws-tab-node:nth-last-child(6){animation-delay:.48s}.ws-tab-nodes.right .ws-tab-node{animation:ws-node-water-right .65s cubic-bezier(.25,1,.4,1) both}.ws-tab-nodes.right .ws-tab-node:nth-child(1){animation-delay:.08s}.ws-tab-nodes.right .ws-tab-node:nth-child(2){animation-delay:.16s}.ws-tab-nodes.right .ws-tab-node:nth-child(3){animation-delay:.24s}.ws-tab-nodes.right .ws-tab-node:nth-child(4){animation-delay:.32s}.ws-tab-nodes.right .ws-tab-node:nth-child(5){animation-delay:.40s}.ws-tab-nodes.right .ws-tab-node:nth-child(6){animation-delay:.48s}.ws-tab-node{display:flex;align-items:center;gap:5px;min-width:33px;height:33px;border-radius:99px;background:#ffffff12;transition:all .22s cubic-bezier(.16,1,.3,1);cursor:pointer}.ws-tab-btn{display:grid;place-items:center;width:33px;height:33px;border:1px solid #ffffff55;border-radius:50%;background:#343a46;color:#fff;cursor:pointer}.ws-tab-node.checked .ws-tab-btn{border-color:#8e9aff;background:#6674f3}.ws-tab-node:hover,.ws-tab-node:focus-within{padding-right:9px}.ws-tab-node .ws-title{display:none;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ws-tab-node:hover .ws-title,.ws-tab-node:focus-within .ws-title{display:inline}.ws-node-tools{display:flex;gap:4px}.ws-node-tools button,.ws-node-tools select{height:27px;border:1px solid #ffffff3d;border-radius:99px;background:#ffffff12;color:#fff;padding:3px 7px;font-size:10px}.ws-node-tools select{max-width:105px}.ws-node-tools button:disabled{opacity:.4}.ws-node-help{color:#b9c0cd;font-size:10px;max-width:90px}.ws-empty{color:#b9c0cd;font-size:10px}.grey{background:#9aa0a6}.blue{background:#5b7cfa}.red{background:#ef697b}.yellow{background:#f6bc3f}.green{background:#61c688}.pink{background:#e47abb}.purple{background:#ab84f5}.cyan{background:#55c9d4}.orange{background:#f49a52}@media(max-width:620px){.ws-tab-nodes{max-width:calc(100vw - 80px);overflow:auto}.ws-node-help{display:none}.ws-circle{width:44px;height:44px}.ws-launch{width:44px;height:44px}.ws-control-wrap{width:44px;height:44px}}
.ws-tab-node{min-width:38px;height:38px;transition:transform .22s cubic-bezier(.16,1,.3,1),background-color .22s ease}.ws-tab-btn{width:34px;height:34px}.ws-short{max-width:44px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px;color:#e5e8ef}.ws-tab-node:hover .ws-short,.ws-tab-node:focus-within .ws-short{display:none}.ws-add-node{display:grid;place-items:center;border:1px solid #ffffff55;color:#fff;cursor:pointer;font-size:22px}.ws-add-node:disabled{opacity:.4;cursor:not-allowed}
.ws-tab-node img{width:18px;height:18px;border-radius:5px;object-fit:contain}.ws-new-group{font-size:25px}/* Create-category modal */
.ws-delete-modal{width:min(430px,calc(100vw - 48px));padding:24px;border:1px solid #ffffff26;border-radius:18px;background:linear-gradient(145deg,#292e38,#1b1f27);box-shadow:0 28px 80px #00000075;color:#f6f7fb}.ws-delete-modal h2{margin:0 0 10px;font-size:20px;letter-spacing:-.02em}.ws-delete-modal p{margin:0;color:#b8c1ce;line-height:1.55}.ws-delete-modal footer{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px;margin-top:22px}.ws-delete-modal button{border-radius:10px;padding:10px 13px;font:inherit;cursor:pointer}.ws-delete-preserve{border:1px solid #8b9aff;background:#5568dd;color:#fff}.ws-delete-close{border:1px solid #ef7777;background:#a73636;color:#fff}.ws-delete-preserve:hover{background:#6879ef}.ws-delete-close:hover{background:#c14848}@media(max-width:620px){.ws-delete-modal{width:100%;padding:20px}.ws-delete-modal footer{justify-content:stretch}.ws-delete-modal footer button{flex:1 1 100%}}
.ws-modal-layer{position:fixed;z-index:2147483646;inset:0;pointer-events:none;color:#f5f7fb;font-size:14px}.ws-modal-layer:empty{display:none}.ws-modal-backdrop{position:fixed;inset:0;display:grid;place-items:start center;padding:10vh 24px 24px;background:rgba(12,15,22,.62);backdrop-filter:blur(4px);pointer-events:auto}.ws-create-modal{width:min(880px,calc(100vw - 48px));padding:28px;border:1px solid #ffffff26;border-radius:18px;background:linear-gradient(145deg,#292e38,#1b1f27);box-shadow:0 28px 80px #00000075;color:#f6f7fb}.ws-create-modal h2{margin:0 0 20px;font-size:25px;letter-spacing:-.02em}.ws-create-modal section{margin-top:20px}.ws-create-name{display:grid;gap:7px}.ws-create-name span{color:#cbd1dc;font-size:12px}.ws-create-name input,.ws-preset-editor input{width:100%;border:1px solid #ffffff31;border-radius:11px;outline:none;background:#11151cec;color:#fff;padding:14px 15px;font:inherit}.ws-create-name input:focus,.ws-preset-editor input:focus{border-color:#9877ff;box-shadow:0 0 0 3px #7c5cff35}.ws-modal-section-title{display:flex;justify-content:space-between;gap:14px;margin-bottom:9px;color:#f2f4f8}.ws-modal-section-title strong{font-size:13px}.ws-modal-section-title span,.ws-modal-section-title em{color:#abb4c2;font-size:11px;font-style:normal;font-weight:400}.ws-modal-tabs{display:flex;flex-wrap:wrap;gap:9px;max-height:138px;overflow:auto;padding:2px}.ws-modal-tab{display:flex;align-items:center;gap:8px;min-width:170px;max-width:230px;flex:1;border:1px solid #ffffff24;border-radius:11px;background:#171b22b5;color:#dce1e9;padding:8px;cursor:pointer;text-align:left;transition:.18s ease}.ws-modal-tab:hover,.ws-modal-tab.checked{border-color:#9679ff;background:#6e55d42b}.ws-modal-tab>span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.ws-modal-tab b{margin-left:auto;color:#fff;font-size:15px}.ws-modal-favicon{display:grid;place-items:center;width:24px;height:24px;flex:none;border-radius:7px;background:#303744;color:#fff}.ws-modal-favicon img{width:18px;height:18px;object-fit:contain;border-radius:4px}.ws-category-pills{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.ws-category-pill,.ws-preset-add{display:inline-flex;align-items:center;gap:6px;border:1px solid #ffffff2f;border-radius:999px;background:#ffffff0d;color:#d7dce6;padding:7px 11px;font:inherit;font-size:12px}.ws-category-pill i{width:7px;height:7px;border-radius:50%}.ws-preset-pill{cursor:pointer}.ws-preset-pill:hover{border-color:#9475ff;background:#6e55d42b}.ws-preset-wrap{position:relative;display:inline-flex}.ws-preset-wrap.delete-mode .ws-preset-pill{padding-right:25px;border-color:#ef7777;background:#a7363626;color:#ffd6d6}.ws-preset-delete{position:absolute;right:4px;top:50%;display:grid;place-items:center;width:17px;height:17px;transform:translateY(-50%);border:0;border-radius:50%;background:#b64343;color:#fff;cursor:pointer;font-size:15px;line-height:1}.ws-preset-delete:hover{background:#ef6262}.ws-preset-manage{display:grid;place-items:center;width:31px;height:31px;padding:0;border:1px solid #ffffff0d;border-radius:50%;background:#ffffff0d;color:#b9c1cf;cursor:pointer;font-size:16px;line-height:1}.ws-preset-manage svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.ws-preset-manage:hover{border-color:#ef7777;color:#ffd6d6}.ws-preset-manage.active{border-color:#ef7777;background:#a7363626;color:#ffd6d6}.ws-preset-add{display:grid;place-items:center;width:31px;height:31px;padding:0;cursor:pointer;font-size:19px;line-height:1}.ws-preset-add:hover{border-color:#9475ff;color:#fff}.ws-preset-input{width:205px;height:31px;border:1px solid #9677ff;border-radius:999px;outline:none;background:#11151cec;color:#fff;padding:0 12px;font:inherit;font-size:12px}.ws-preset-input::placeholder{color:#aeb7c4}.ws-modal-muted,.ws-modal-empty{color:#aeb7c4;font-size:12px}.ws-modal-empty{margin:0;padding:12px;border:1px dashed #ffffff2c;border-radius:10px}.ws-create-modal footer{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:28px}.ws-create-modal footer>div{display:flex;gap:10px}.ws-modal-shortcut{color:#9ea8b7;font-size:11px}.ws-create-modal footer button{border-radius:10px;padding:11px 17px;font:inherit;cursor:pointer}.ws-modal-cancel{border:1px solid #ffffff3d;background:transparent;color:#fff}.ws-modal-create{border:1px solid #9677ff;background:linear-gradient(135deg,#8668f7,#6747d6);color:#fff}.ws-modal-create:disabled{opacity:.45;cursor:not-allowed}@keyframes ws-modal-fade{from{opacity:0}to{opacity:1}}@keyframes ws-modal-rise{from{opacity:0;transform:translateY(-12px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:620px){.ws-modal-backdrop{padding:34px 14px 14px;place-items:start center}.ws-create-modal{width:100%;padding:20px;border-radius:15px}.ws-modal-tab{min-width:100%;max-width:100%}.ws-create-modal h2{font-size:21px}}@media(prefers-reduced-motion:reduce){.ws-modal-backdrop,.ws-create-modal{animation:none}}
.ws-root.ws-dragging .ws-rail>*,.ws-root.ws-dragging .ws-tab-node{animation:none!important;transition:none!important}
.ws-control-wrap{position:relative;width:48px;height:48px;display:block}.ws-control-wrap .ws-settings{width:100%;height:100%;margin:0}.ws-control-wrap .ws-settings-pop{z-index:2}
@keyframes ws-water-flow-left{0%{opacity:0;transform:translateY(-50%) scaleX(.05) scaleY(.4)}40%{opacity:.85;transform:translateY(-50%) scaleX(1.06) scaleY(1.05)}70%{opacity:.95;transform:translateY(-50%) scaleX(.97) scaleY(.98)}100%{opacity:1;transform:translateY(-50%) scaleX(1) scaleY(1)}}
@keyframes ws-water-flow-right{0%{opacity:0;transform:translateY(-50%) scaleX(.05) scaleY(.4)}40%{opacity:.85;transform:translateY(-50%) scaleX(1.06) scaleY(1.05)}70%{opacity:.95;transform:translateY(-50%) scaleX(.97) scaleY(.98)}100%{opacity:1;transform:translateY(-50%) scaleX(1) scaleY(1)}}
@keyframes ws-node-water-left{0%{opacity:0;transform:translateX(28px) scale(.3)}55%{opacity:.85;transform:translateX(-5px) scale(1.1)}100%{opacity:1;transform:translateX(0) scale(1)}}
@keyframes ws-node-water-right{0%{opacity:0;transform:translateX(-28px) scale(.3)}55%{opacity:.85;transform:translateX(5px) scale(1.1)}100%{opacity:1;transform:translateX(0) scale(1)}}
.ws-group-wrap.drop-target .ws-circle{border-color:#a9b2ff;box-shadow:0 0 0 4px #7685ff55,0 10px 28px #7784ff66;transform:scale(1.12)}.ws-drop-cue{position:absolute;z-index:8;display:block;pointer-events:none;opacity:0;min-width:max-content;border:1px solid #a3adff99;border-radius:10px;background:#20242bf5;color:#f5f7ff;padding:7px 10px;font-size:11px;font-weight:700;box-shadow:0 8px 20px #090b1266;transform:translateY(-50%) scale(.94);transition:opacity .16s ease,transform .16s cubic-bezier(.25,1,.4,1)}.ws-group-wrap.drop-target .ws-drop-cue{opacity:1;transform:translateY(-50%) scale(1)}.ws-root[data-edge="right"] .ws-drop-cue{right:58px;top:50%}.ws-root[data-edge="left"] .ws-drop-cue{left:58px;top:50%}.ws-root[data-edge="top"] .ws-drop-cue{left:50%;top:58px;transform:translateX(-50%) scale(.94)}.ws-root[data-edge="bottom"] .ws-drop-cue{left:50%;bottom:58px;transform:translateX(-50%) scale(.94)}.ws-root[data-edge="top"] .ws-group-wrap.drop-target .ws-drop-cue,.ws-root[data-edge="bottom"] .ws-group-wrap.drop-target .ws-drop-cue{transform:translateX(-50%) scale(1)}.ws-prepare-uninstall{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-top:1px solid #ffffff1f;background:transparent;color:#b9c3ff;padding:8px 2px 0;font:inherit;font-size:11px;font-weight:700;cursor:pointer;text-align:left}.ws-prepare-uninstall:hover{color:#fff}.ws-prepare-uninstall span{font-size:18px;line-height:10px}.ws-uninstall-choice{display:flex;gap:10px;align-items:flex-start;margin-top:13px;padding:11px;border:1px solid #ffffff1f;border-radius:12px;background:#ffffff08;color:#e7eaf2;cursor:pointer}.ws-uninstall-choice:has(input:checked){border-color:#8d99ff;background:#6e7dff1c}.ws-uninstall-choice input{accent-color:#7e8cff;margin:3px 0 0}.ws-uninstall-choice strong,.ws-uninstall-choice small{display:block}.ws-uninstall-choice small{margin-top:4px;color:#aeb7c4;font-size:11px;line-height:1.4}.ws-uninstall-note{margin-top:14px!important;padding:10px;border:1px solid #ffffff1a;border-radius:10px;background:#ffffff08;color:#b8c1ce!important;font-size:11px;line-height:1.5}
/* Drag insertion feedback: keep the destination and exact slot visible. */
.ws-insert-marker {
display: block;
flex: 0 0 auto;
width: 3px;
height: 33px;
margin: 0 -5px;
border-radius: 999px;
background: transparent;
pointer-events: none;
transition: background .12s ease, box-shadow .12s ease;
}
.ws-tab-nodes.up .ws-insert-marker,
.ws-tab-nodes.down .ws-insert-marker {
width: 33px;
height: 3px;
margin: -5px 0;
}
.ws-insert-marker.active {
background: #aeb7ff;
box-shadow: 0 0 0 3px #7888ff44, 0 0 14px #8997ffbb;
}
.ws-drop-cue {
max-width: min(280px, calc(100vw - 96px));
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/* Hide the native rail; the fixed arrow controls provide deliberate tab-by-tab navigation. */
.ws-tab-nodes.left,
.ws-tab-nodes.right {
padding-left: 41px;
padding-right: 41px;
scrollbar-width: none;
-ms-overflow-style: none;
}
.ws-tab-nodes.left::-webkit-scrollbar,
.ws-tab-nodes.right::-webkit-scrollbar {
display: none;
}
.ws-tab-scroll {
position: absolute;
z-index: 5;
top: 50%;
display: grid;
place-items: center;
width: 27px;
height: 27px;
padding: 0;
transform: translateY(-50%);
border: 1px solid #ffffff55;
border-radius: 50%;
background: #303744f2;
color: #f7f8ff;
box-shadow: 0 3px 10px #090b1266;
cursor: pointer;
font-size: 22px;
line-height: 1;
}
.ws-tab-scroll-left { left: 7px; }
.ws-tab-scroll-right { right: 7px; }
.ws-tab-scroll:hover,
.ws-tab-scroll:focus-visible {
border-color: #a8b2ff;
background: #4f5fcb;
outline: none;
}