.drawer-grip{z-index:6;cursor:col-resize;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;outline:none;width:14px;position:absolute;top:0;bottom:0;left:-8px}.drawer-grip-bar{background:var(--accent);opacity:0;border-radius:3px;width:3px;margin-left:-1px;position:absolute;top:0;bottom:0;left:50%}.drawer-grip-dots{background:var(--accent-fill) radial-gradient(circle at center, var(--on-accent) 1.4px, transparent 1.7px) center / 100% 8px repeat-y;width:12px;height:34px;box-shadow:0 1px 4px rgb(var(--shadow-rgb) / .35);opacity:0;border-radius:7px;margin:-17px 0 0 -5px;position:absolute;top:50%;left:50%}.drawer-grip-tip{font:600 12px/1.4 var(--font);font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--surface);background:var(--ink);pointer-events:none;opacity:0;border-radius:7px;padding:3px 8px;position:absolute;top:0;left:20px}.drawer-grip-tip.is-snap{background:var(--accent-fill);color:var(--on-accent)}.drawer-grip:hover .drawer-grip-bar,.drawer-grip:focus-visible .drawer-grip-bar,.drawer.is-resizing .drawer-grip-bar,.drawer-grip:hover .drawer-grip-dots,.drawer-grip:focus-visible .drawer-grip-dots,.drawer.is-resizing .drawer-grip-dots{opacity:1}.drawer.is-resizing .drawer-grip-tip{opacity:.94}@media (prefers-reduced-motion:no-preference){.drawer-grip-bar,.drawer-grip-dots{transition:opacity .12s ease-out}}.drawer-grip:focus-visible .drawer-grip-bar{box-shadow:var(--ring)}.drawer.is-resizing{will-change:width;transition:none;animation:none}html.is-drawer-resizing,html.is-drawer-resizing *{cursor:col-resize!important;-webkit-user-select:none!important;user-select:none!important}html.is-drawer-resizing iframe{pointer-events:none}.drawer-backdrop>.drawer{max-width:100%}@media (min-width:641px) and (max-width:900px){.drawer-backdrop>.drawer{width:var(--drawer-w,100%)}}@media (max-width:640px){.drawer-grip{display:none}}