:where(.pilyulya){--pilyulya-h:34px}.pilyulya{position:relative;display:inline-flex;align-items:center;flex:none;vertical-align:middle;height:var(--pilyulya-h);min-width:calc(var(--pilyulya-h) * 1.3);box-sizing:border-box}.pilyulya__frame{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none;fill:none;stroke:currentColor;stroke-width:calc(var(--pilyulya-h) * 5 / 140);vector-effect:non-scaling-stroke}.pilyulya__in{position:relative;flex:1 1;height:100%;box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 calc(var(--pilyulya-h) * .42);white-space:nowrap}.pilyulya__in svg{flex:none;display:block}.pilyulya__meas{position:absolute;left:0;top:0;flex:none;min-width:calc(var(--pilyulya-h) * 1.3);visibility:hidden;pointer-events:none}.pilyulya__in:not(.pilyulya__meas){transition:opacity .18s ease-out}.pilyulya.is-out .pilyulya__in:not(.pilyulya__meas){opacity:0}.pilyulya.is-in .pilyulya__in:not(.pilyulya__meas){animation:blogo-in .52s cubic-bezier(.22,.61,.36,1) both}@media (prefers-reduced-motion:reduce){.pilyulya__in:not(.pilyulya__meas){transition:none}.pilyulya.is-in .pilyulya__in:not(.pilyulya__meas){animation:none}}.shpk{--pilyulya-h:36px;display:inline-flex;color:var(--ink);font:500 12px var(--font-mono);letter-spacing:var(--track-caps);text-transform:uppercase}.shpk .pilyulya__in{padding:0 6px;gap:2px}.shpk__v{display:inline-flex;align-items:center;gap:7px;height:calc(var(--pilyulya-h) - 8px);padding:0 10px;border:0;border-radius:999px;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background var(--d-fast) var(--e-out)}@media (hover:hover){.shpk__v:hover{background:var(--ink-08)}}.shpk__v:active{background:var(--ink-15)}.shpk__v:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.shpk__sep{width:1px;height:14px;background:var(--ink-15)}.shpk__t{display:inline-flex;align-items:center;gap:7px;padding:0 10px;white-space:nowrap}.shpk.is-done .shpk__t,.shpk.is-file .shpk__t{color:var(--grade-high)}.shpk.is-error .shpk__t{color:var(--grade-low)}.shpk.is-busy{cursor:progress}.shpk.is-busy .shpk__t{color:var(--ink-40)}.shpk--compact .shpk__v{padding:0 8px}.shpk--compact.is-done .pilyulya__in,.shpk--compact.is-idle .pilyulya__in{padding:0 3px}