.vstip-host{position:fixed;top:0;left:0;z-index:10000;display:inline-flex;pointer-events:none;transition:transform .42s cubic-bezier(.34,1.46,.44,1)}.vstip-host__box{position:relative;display:inline-flex;align-items:center;max-width:260px;padding:7px 11px;border-radius:calc(var(--vstip-r, 10px) * var(--vstip-r-mult, 1));font-size:12.5px;font-weight:500;line-height:1.4;color:var(--vstip-fg, #ededed);background:var(--vstip-surface, #1c1c1e);box-shadow:var(--vstip-shadow, none);white-space:normal;overflow:hidden;box-sizing:border-box;transform-origin:var(--vstip-origin, bottom center);--exit-x: 0px;--exit-y: 8px;opacity:0;filter:blur(8px);scale:.86}.vstip-host__box.is-visible{opacity:1;filter:blur(0);scale:1}.vstip-host__box.is-entering{animation:vstip-pop .32s cubic-bezier(.34,1.46,.44,1)}@keyframes vstip-pop{0%{opacity:0;scale:.7;filter:blur(8px);translate:var(--exit-x) var(--exit-y)}60%{opacity:1;scale:1.04;filter:blur(0);translate:0 0}to{opacity:1;scale:1;translate:0 0}}.vstip-host__box.is-exiting{animation:vstip-out .36s cubic-bezier(.36,0,.66,-.36) forwards;pointer-events:none}@keyframes vstip-out{0%{opacity:1;scale:1;filter:blur(0);translate:0 0}30%{scale:1.05;translate:0 0}to{opacity:0;scale:.6;filter:blur(8px);translate:var(--exit-x) var(--exit-y)}}.vstip-host__content{display:inline-block;flex:none;max-width:238px;transform-origin:center;animation:vstip-swap .4s cubic-bezier(.34,1.46,.44,1)}.vstip-host__content :where(b,strong){font-weight:700}.vstip-host__content kbd{display:inline-block;min-width:1.4em;padding:1px 5px;margin:0 1px;border-radius:5px;background:#ffffff24;font:inherit;font-size:.92em;text-align:center}@keyframes vstip-swap{0%{filter:blur(0);opacity:1;scale:1}40%{filter:blur(5px);opacity:.3;scale:.9}70%{filter:blur(0);opacity:1;scale:1.03}to{filter:blur(0);opacity:1;scale:1}}.vstip-host__box--top{--vstip-origin: bottom center;--exit-x: 0px;--exit-y: 8px}.vstip-host__box--bottom{--vstip-origin: top center;--exit-x: 0px;--exit-y: -8px}.vstip-host__box--left{--vstip-origin: right center;--exit-x: 8px;--exit-y: 0px}.vstip-host__box--right{--vstip-origin: left center;--exit-x: -8px;--exit-y: 0px}.vstip-host__arrow{position:absolute;width:10px;height:10px;background:var(--vstip-surface, #1c1c1e);border-radius:2px;z-index:-1;opacity:0;filter:blur(6px);scale:0;transform-origin:var(--arrow-origin, center top);transition:opacity .18s ease,filter .18s ease,scale .24s cubic-bezier(.34,1.56,.44,1)}.vstip-host__arrow.is-visible{opacity:1;filter:blur(0);scale:1}.vstip-host__arrow.is-entering{animation:vstip-arrow-pop .42s cubic-bezier(.34,1.56,.44,1)}.vstip-host__arrow.is-exiting{opacity:0;filter:blur(4px);scale:.2}@keyframes vstip-arrow-pop{0%{scale:0}55%{scale:1.3}78%{scale:.92}to{scale:1}}.vstip-host__arrow--top{bottom:0;left:50%;transform:translate(-50%,50%) rotate(45deg);--arrow-origin: center top}.vstip-host__arrow--bottom{top:0;left:50%;transform:translate(-50%,-50%) rotate(45deg);--arrow-origin: center bottom}.vstip-host__arrow--left{right:0;top:50%;transform:translate(50%,-50%) rotate(45deg);--arrow-origin: left center}.vstip-host__arrow--right{left:0;top:50%;transform:translate(-50%,-50%) rotate(45deg);--arrow-origin: right center}.vstip-host__arrow--v-fluent{background:color-mix(in srgb,#2a2a30 90%,transparent)}.vstip-host__arrow--v-outline{background:#000}.vstip-host__arrow--v-glass{background:#7c7c8638}.vstip-host__box{--vstip-r: 10px}.vstip-host__box--r-none{--vstip-r: 0px}.vstip-host__box--r-subtle{--vstip-r: 6px}.vstip-host__box--r-rounded{--vstip-r: 10px}.vstip-host__box--r-pill{--vstip-r: 999px}@supports (corner-shape: squircle){.vstip-host__box--r-squircle{corner-shape:squircle;--vstip-r-mult: 1.6}}.vstip-host__box--r-squircle{--vstip-r: 12px}.vstip-host__box--v-fluent{--vstip-surface: color-mix(in srgb, #2a2a30 90%, transparent);--vstip-shadow: 0 0 0 .5px rgba(255, 255, 255, .12);backdrop-filter:blur(12px)}.vstip-host__box--v-outline{--vstip-surface: #000;--vstip-shadow: 0 0 0 1px rgba(255, 255, 255, .12)}.vstip-host__box--v-glass{--vstip-surface: rgba(124, 124, 134, .22);--vstip-shadow: 0 0 0 .5px rgba(255, 255, 255, .32);backdrop-filter:blur(16px) saturate(160%)}@media(prefers-reduced-motion:reduce){.vstip-host,.vstip-host__box,.vstip-host__arrow,.vstip-host__content{transition:none;animation:none}}
