.demo-banner{letter-spacing:.7px;text-transform:uppercase;color:var(--ink-2);margin:16px 0 0;font-size:10px;line-height:1.55}.demo-banner a{color:var(--ink-1);border-bottom:1px solid var(--ink-3);text-decoration:none}.demo-banner-break{display:none}.mast{align-items:center}.mast-actions{flex-shrink:0;align-items:center;gap:16px;display:flex}.mast-menu{align-items:center;gap:16px;display:flex}.mast-menu .import{align-items:center;margin-top:0;display:inline-flex}.mast-menu-trigger{display:none}.mast-actions .theme-toggle{align-self:center;margin:0}.mast-ico{display:none}.mast-ico svg{display:block}.mast-menu--pop{display:none}@media (max-width:480px){.mast{align-items:center;gap:10px}.mast .title{flex:auto;min-width:0;font-size:16px}.mast-actions{gap:0;position:relative}.mast-menu--inline{display:none}.mast-actions .theme-toggle,.mast-menu-trigger{justify-content:center;align-items:center;width:32px;min-width:32px;height:40px;min-height:40px;margin:0;padding:0;display:inline-flex}.mast-actions .theme-toggle{order:1}.mast-menu-trigger{cursor:pointer;color:var(--ink-2);background:0 0;border:0;order:2}.mast-menu-trigger:hover{color:var(--ink-1)}.mast-trigger-ico{display:inline-flex}.mast-trigger-ico svg{display:block}.mast-menu--pop{z-index:50;background:var(--surface);border:1px solid var(--rule);min-width:180px;box-shadow:0 20px 44px -18px rgba(var(--shadow-rgb), .5);border-radius:2px;flex-direction:column;align-items:stretch;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 10px);right:0}.mast-menu--pop .import{width:100%;min-height:42px;color:var(--ink-2);border-bottom:0;border-radius:2px;justify-content:flex-start;align-items:center;gap:10px;margin:0;padding:9px 12px;transition:color .12s,background .12s;display:flex}.mast-menu--pop .import:hover,.mast-menu--pop .import:active{color:var(--ink-1);background:rgba(var(--ink-rgb), .05)}.mast-menu--pop .mast-ico{justify-content:center;align-items:center;display:inline-flex}.demo-banner{letter-spacing:.55px;font-size:9.5px;line-height:1.65}.demo-banner-break{display:block}}
.ptr{z-index:70;pointer-events:none;opacity:var(--ptr-o,0);transform:translate3d(-50%, calc(var(--ptr-y,0px) - 46px), 0);position:fixed;top:0;left:50%}.ptr.ptr--anim{transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .3s}.ptr-badge{background:var(--surface);border:1px solid var(--rule);width:38px;height:38px;box-shadow:0 12px 26px -12px rgba(var(--shadow-rgb), .5);color:var(--ink-2);border-radius:50%;place-items:center;display:grid}.ptr-ico{transform:rotate(var(--ptr-r,0deg))}.ptr[data-armed=true] .ptr-badge{color:var(--ink-1)}.ptr[data-phase=refreshing] .ptr-ico{animation:.7s linear infinite ptr-spin}@keyframes ptr-spin{to{transform:rotate(360deg)}}