.branched-menu{--bm-w:240px;--bm-ink:#f5f5f5;--bm-accent:#f5f5f5;--bm-line:#3f3f46;--bm-font:14px;--bm-row:36px;--bm-indent:40px;--bm-line-w:1.5;--bm-draw:.4s;--bm-fold:.3s;--bm-ease-out:cubic-bezier(.23, 1, .32, 1);--bm-muted:color-mix(in srgb, var(--bm-ink) 55%, transparent);width:fit-content;max-width:min(var(--bm-w), 100%);color:var(--bm-ink);font-family:inherit;font-size:var(--bm-font);flex-direction:column;padding-left:14px;line-height:1.2;display:flex;position:relative}.branched-menu:before{content:"";background:linear-gradient(to bottom, var(--bm-line) 0%, var(--bm-line) 55%, transparent 100%);border-radius:1px;width:2px;position:absolute;top:8px;bottom:0;left:0}.branched-menu__marker{z-index:1;background:var(--bm-accent);opacity:0;width:2px;height:16px;transition:top .22s var(--bm-ease-out), opacity .15s ease;border-radius:1px;position:absolute;top:-1px;left:0}.branched-menu__marker[data-on]{opacity:1}.branched-menu__section{flex-direction:column;display:flex}.branched-menu__head{color:var(--bm-muted);font:inherit;font-size:calc(var(--bm-font) + 1px);text-align:left;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;margin:0;padding:9px 0;font-weight:500;transition:color .2s;display:block}.branched-menu__section[data-open] .branched-menu__head,.branched-menu__head[data-active]{color:var(--bm-ink)}@media (hover:hover) and (pointer:fine){.branched-menu__head:hover{color:var(--bm-ink)}}.branched-menu__body{transition:grid-template-rows var(--bm-fold) var(--bm-ease-out);grid-template-rows:0fr;display:grid}.branched-menu__section[data-open] .branched-menu__body{grid-template-rows:1fr}.branched-menu__fold{min-height:0;overflow:hidden}.branched-menu__tree{box-sizing:border-box;padding:6px 0;position:relative}.branched-menu__lines{opacity:0;pointer-events:none;transition:opacity .2s;position:absolute;top:0;left:0;overflow:visible}.branched-menu__section[data-open] .branched-menu__lines{opacity:1;transition:opacity .25s .1s}.branched-menu__base,.branched-menu__reach{fill:none;stroke-width:var(--bm-line-w);stroke-linecap:round;stroke-linejoin:round}.branched-menu__base{stroke:var(--bm-line)}.branched-menu__reach{stroke:var(--bm-accent);transition:stroke-dashoffset var(--bm-draw) var(--bm-ease-out)}.branched-menu__item{width:100%;height:var(--bm-row);padding:0 0 0 var(--bm-indent);color:var(--bm-muted);font:inherit;text-align:left;cursor:pointer;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background:0 0;border:0;outline:none;align-items:center;gap:8px;margin:0;transition:color .2s;display:flex}@media (hover:hover) and (pointer:fine){.branched-menu__item:hover{color:var(--bm-ink)}}.branched-menu__item[data-active]{color:var(--bm-accent);font-weight:500}.branched-menu__icon{flex:none;display:inline-flex}.branched-menu__label{white-space:nowrap}@media (prefers-reduced-motion:reduce){.branched-menu__marker{transition:opacity .15s}.branched-menu__body,.branched-menu__reach{transition:none}}
.option-wheel{--ow-text-color:#a6a6a6;--ow-active-color:#fff;--ow-font-size:3rem;--ow-inset:80px;cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none;outline:none;width:100%;height:100%;position:relative;overflow:hidden}.option-wheel--dragging{cursor:grabbing}.option-wheel__item{top:50%;left:var(--ow-inset);white-space:nowrap;font-size:var(--ow-font-size);transform-origin:0;cursor:pointer;will-change:transform, opacity, filter;color:color-mix(in srgb, var(--ow-active-color) calc(var(--ow-p,0) * 100%), var(--ow-text-color));font-weight:200;line-height:1;position:absolute}.option-wheel--right .option-wheel__item{left:auto;right:var(--ow-inset);transform-origin:100%}.option-wheel__item--selected{font-weight:500}
.dock{z-index:10;gap:var(--dock-gap);box-sizing:border-box;padding:var(--dock-pad);border-radius:calc(var(--dock-base) * var(--dock-round) * .5 + var(--dock-pad));background:var(--dock-panel);box-shadow:inset 0 0 0 1px var(--dock-panel-edge), inset 0 1px 0 var(--dock-panel-highlight), var(--dock-panel-shadow);-webkit-backdrop-filter:blur(20px)saturate(1.6);backdrop-filter:blur(20px)saturate(1.6);touch-action:none;transition:translate .5s cubic-bezier(.22,1,.36,1),opacity .2s;display:flex;position:absolute}.dock[data-hidden]{opacity:0;pointer-events:none;transition:translate .36s cubic-bezier(.55,0,.75,.15),opacity .24s .1s}.dock:before{content:"";z-index:-1;display:none;position:absolute}.dock:hover:before{display:block}.dock--bottom,.dock--top{height:var(--dock-thickness);left:50%;transform:translate(-50%)}.dock--left,.dock--right{width:var(--dock-thickness);flex-direction:column;top:50%;transform:translateY(-50%)}.dock--bottom{align-items:flex-end;bottom:12px}.dock--top{align-items:flex-start;top:12px}.dock--left{align-items:flex-start;left:12px}.dock--right{align-items:flex-end;right:12px}.dock--bottom[data-hidden]{translate:0 calc(100% + 12px)}.dock--top[data-hidden]{translate:0 calc(-100% - 12px)}.dock--left[data-hidden]{translate:calc(-100% - 12px)}.dock--right[data-hidden]{translate:calc(100% + 12px)}.dock--bottom:before,.dock--top:before{height:calc(var(--dock-reach) + 8px);left:0;right:0}.dock--left:before,.dock--right:before{width:calc(var(--dock-reach) + 8px);top:0;bottom:0}.dock--bottom:before{bottom:100%}.dock--top:before{top:100%}.dock--left:before{left:100%}.dock--right:before{right:100%}.dock-item{width:var(--dock-base);height:var(--dock-base);color:var(--dock-ink);font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;user-select:none;background:0 0;border:0;outline:none;flex:none;margin:0;padding:0;position:relative}.dock-item:hover,.dock-item:focus-visible{z-index:1}.dock-tile{width:var(--dock-base);height:var(--dock-base);transform-origin:0 0;pointer-events:none;position:absolute;top:0;left:0}.dock-face{border-radius:calc(var(--dock-base) * var(--dock-round) * .5);background:var(--dock-tile);box-shadow:inset 0 0 0 1px var(--dock-tile-edge), inset 0 1px 0 var(--dock-tile-highlight), var(--dock-tile-shadow);font-size:calc(var(--dock-base) * .44);justify-content:center;align-items:center;line-height:1;transition:filter .2s;display:flex;position:absolute;inset:0;overflow:hidden}.dock--bare .dock-face{box-shadow:none;font-size:calc(var(--dock-base) * .62);background:0 0;overflow:visible}.dock-item:active .dock-face,.dock-item[data-open] .dock-face{filter:var(--dock-press);transition-duration:0s}.dock-item:focus-visible .dock-face{outline:2px solid var(--dock-accent);outline-offset:3px}.dock-badge{top:calc(var(--dock-base) * (.1465 * var(--dock-round) - .19));right:calc(var(--dock-base) * (.1465 * var(--dock-round) - .19));box-sizing:border-box;min-width:calc(var(--dock-base) * .38);height:calc(var(--dock-base) * .38);padding:0 calc(var(--dock-base) * .1);border-radius:calc(var(--dock-base) * .19);background:var(--dock-badge);color:#fff;font-size:calc(var(--dock-base) * .22);font-variant-numeric:tabular-nums;font-weight:600;line-height:calc(var(--dock-base) * .38);text-align:center;pointer-events:none;position:absolute;box-shadow:0 1px 3px #0000004d}.dock-badge:empty{top:calc(var(--dock-base) * (.1465 * var(--dock-round) - .11));right:calc(var(--dock-base) * (.1465 * var(--dock-round) - .11));min-width:0;width:calc(var(--dock-base) * .22);height:calc(var(--dock-base) * .22);padding:0}.dock-dot{background:var(--dock-dot);pointer-events:none;border-radius:50%;width:4px;height:4px;position:absolute}.dock--bottom .dock-dot,.dock--top .dock-dot{margin-left:-2px;left:50%}.dock--left .dock-dot,.dock--right .dock-dot{margin-top:-2px;top:50%}.dock--bottom .dock-dot{top:calc(100% + max(var(--dock-pad) / 2, 5px) - 2px)}.dock--top .dock-dot{bottom:calc(100% + max(var(--dock-pad) / 2, 5px) - 2px)}.dock--left .dock-dot{right:calc(100% + max(var(--dock-pad) / 2, 5px) - 2px)}.dock--right .dock-dot{left:calc(100% + max(var(--dock-pad) / 2, 5px) - 2px)}.dock-separator{background:var(--dock-separator);border-radius:1px;flex:none;align-self:center}.dock--bottom .dock-separator,.dock--top .dock-separator{width:1px;height:calc(var(--dock-base) * .72)}.dock--left .dock-separator,.dock--right .dock-separator{width:calc(var(--dock-base) * .72);height:1px}.dock-label{background:var(--dock-label);color:var(--dock-label-ink);box-shadow:inset 0 0 0 1px var(--dock-panel-edge), 0 8px 20px -8px #00000059;white-space:nowrap;pointer-events:none;opacity:0;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:500;line-height:1;transition:opacity .16s,transform .16s;position:absolute}.dock--bottom .dock-label{bottom:calc(100% + 12px);left:50%;transform:translate(-50%,4px)}.dock--top .dock-label{top:calc(100% + 12px);left:50%;transform:translate(-50%,-4px)}.dock--left .dock-label{top:50%;left:calc(100% + 12px);transform:translate(-4px,-50%)}.dock--right .dock-label{top:50%;right:calc(100% + 12px);transform:translate(4px,-50%)}.dock-item:focus-visible .dock-label{opacity:1}.dock--bottom .dock-item:focus-visible .dock-label,.dock--top .dock-item:focus-visible .dock-label{transform:translate(-50%)}.dock--left .dock-item:focus-visible .dock-label,.dock--right .dock-item:focus-visible .dock-label{transform:translateY(-50%)}@media (hover:hover){.dock-item:hover .dock-label{opacity:1}.dock--bottom .dock-item:hover .dock-label,.dock--top .dock-item:hover .dock-label{transform:translate(-50%)}.dock--left .dock-item:hover .dock-label,.dock--right .dock-item:hover .dock-label{transform:translateY(-50%)}}.dock .dock-item[data-hop] .dock-label{opacity:0}.dock-menu{z-index:1000;visibility:hidden;color:var(--dock-menu-ink);font-size:13px;line-height:1;position:fixed;top:0;left:0}.dock-menu-shadow{box-shadow:var(--dock-menu-shadow);pointer-events:none;border-radius:10px;position:absolute;inset:0}.dock-menu-glass{-webkit-backdrop-filter:blur(24px)saturate(1.8);backdrop-filter:blur(24px)saturate(1.8);pointer-events:none;position:absolute;inset:-9px}.dock-menu-shape{pointer-events:none;width:calc(100% + 18px);height:calc(100% + 18px);position:absolute;top:-9px;left:-9px;overflow:visible}.dock-menu-shape path{fill:var(--dock-menu);stroke:var(--dock-menu-edge);stroke-width:1px}.dock-menu-list{box-sizing:border-box;outline:none;flex-direction:column;min-width:172px;max-width:280px;padding:5px;display:flex;position:relative}.dock-menu-highlight{background:var(--dock-accent);opacity:0;pointer-events:none;border-radius:6px;height:24px;transition:transform .16s cubic-bezier(.3,.8,.3,1),height .16s cubic-bezier(.3,.8,.3,1),opacity .12s;position:absolute;top:0;left:5px;right:5px}.dock-menu-row{box-sizing:border-box;width:100%;height:24px;color:inherit;font:inherit;text-align:left;white-space:nowrap;cursor:default;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:6px;outline:none;align-items:center;gap:5px;margin:0;padding:0 10px 0 7px;display:flex;position:relative}.dock-menu-row[data-active]{color:#fff}.dock-menu-row[aria-disabled=true]{color:var(--dock-menu-muted)}.dock-menu-check{flex:none;justify-content:center;align-items:center;width:14px;display:flex}.dock-menu-icon{flex:none;justify-content:center;align-items:center;margin-right:1px;font-size:15px;display:flex}.dock-menu-text{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.dock-menu-shortcut{color:var(--dock-menu-muted);flex:none;margin-left:18px}.dock-menu-row[data-active] .dock-menu-shortcut{color:#ffffffb8}.dock-menu-chevron{color:var(--dock-menu-muted);flex:none;margin-left:14px;display:flex}.dock-menu-row[data-active] .dock-menu-chevron{color:inherit}.dock-menu-separator{background:var(--dock-menu-separator);flex:none;height:1px;margin:5px 10px}@media (prefers-reduced-motion:reduce){.dock,.dock[data-hidden],.dock-menu-highlight{transition:none}}
