.hb-root{--hb-w:0px;--hb-h:0px;--hb-cycles:2;--hb-p:0;position:relative;isolation:isolate;margin:0;display:inline-grid;place-items:center;cursor:pointer;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;border:0;outline:none;font-weight:500;line-height:1;letter-spacing:.01em;background:var(--hb-bg);border-radius:var(--hb-radius);color:var(--hb-text);box-shadow:inset 0 1px 0 rgba(255,255,255,.06);transition:transform .16s var(--hb-ease-out),background-color .16s ease,box-shadow var(--hb-release) var(--hb-ease-out)}.hb-sm{height:36px;padding:0 16px;font-size:13px}.hb-md{height:44px;padding:0 22px;font-size:15px}.hb-lg{height:52px;padding:0 28px;font-size:17px}@media (hover:hover) and (pointer:fine){.hb-root:enabled:hover{background:color-mix(in srgb,var(--hb-bg) 92%,#fff)}}.hb-root[data-phase=holding][data-input=pointer]{transform:scale(var(--hb-press))}.hb-root[data-glow=true][data-phase=done],.hb-root[data-glow=true][data-phase=holding]{box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 32px -6px color-mix(in srgb,var(--hb-fill) 70%,transparent)}.hb-root[data-glow=true][data-phase=holding]{transition:transform .16s var(--hb-ease-out),background-color .16s ease,box-shadow var(--hb-hold) linear}.hb-root:focus-visible{outline:2px solid var(--hb-fill);outline-offset:3px}.hb-root:disabled{pointer-events:none;cursor:default;opacity:.5}@media (prefers-contrast:more){.hb-root{outline:1px solid var(--hb-text)}}.hb-pulse{pointer-events:none;position:absolute;inset:0;z-index:0;opacity:0;border-radius:var(--hb-radius)}.hb-root[data-glow=true][data-phase=done] .hb-pulse{animation:hb-pulse .6s var(--hb-ease-out) forwards}.hb-label{display:grid;place-items:center}.hb-base{position:relative;z-index:2}.hb-text{grid-area:1/1;display:inline-flex;align-items:center;gap:8px;white-space:nowrap;transition:opacity .2s ease,filter .2s ease}.hb-done,.hb-root[data-phase=done] .hb-idle{opacity:0;filter:blur(2px)}.hb-root[data-phase=done] .hb-done{opacity:1;filter:blur(0)}.hb-icon{display:inline-flex;flex:none}.hb-icon>svg{display:block}.hb-clip{pointer-events:none;position:absolute;inset:0;z-index:3;-webkit-clip-path:inset(0 round var(--hb-radius));clip-path:inset(0 round var(--hb-radius))}.hb-crest,.hb-fill{position:absolute;inset:0;display:grid;place-items:center;background:var(--hb-fill);color:var(--hb-fill-text)}.hb-hint{position:absolute;width:1px;height:1px;overflow:hidden;white-space:nowrap;-webkit-clip-path:inset(50%);clip-path:inset(50%)}.hb-fill{-webkit-clip-path:inset(0 calc((1 - var(--hb-p)) * (100% + .75 * var(--hb-wave)) - var(--hb-p) * .25 * var(--hb-wave)) 0 0);clip-path:inset(0 calc((1 - var(--hb-p)) * (100% + .75 * var(--hb-wave)) - var(--hb-p) * .25 * var(--hb-wave)) 0 0)}.hb-root[data-direction=up] .hb-fill{-webkit-clip-path:inset(calc((1 - var(--hb-p)) * (100% + .75 * var(--hb-wave)) - var(--hb-p) * .25 * var(--hb-wave)) 0 0 0);clip-path:inset(calc((1 - var(--hb-p)) * (100% + .75 * var(--hb-wave)) - var(--hb-p) * .25 * var(--hb-wave)) 0 0 0)}.hb-crest{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='200' viewBox='0 0 20 200' preserveAspectRatio='none'%3E%3Cpath d='M0 0H10C18 8 18 25.3 10 33.3S2 58.7 10 66.7S18 92 10 100S2 125.3 10 133.3S18 158.7 10 166.7S2 192 10 200H0Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='200' viewBox='0 0 20 200' preserveAspectRatio='none'%3E%3Cpath d='M0 0H10C18 8 18 25.3 10 33.3S2 58.7 10 66.7S18 92 10 100S2 125.3 10 133.3S18 158.7 10 166.7S2 192 10 200H0Z'/%3E%3C/svg%3E");-webkit-mask-repeat:repeat-y;mask-repeat:repeat-y;-webkit-mask-size:var(--hb-wave) calc(var(--hb-h) * 2);mask-size:var(--hb-wave) calc(var(--hb-h) * 2);-webkit-mask-position-x:calc(-1 * var(--hb-wave) + var(--hb-p) * (var(--hb-w) + var(--hb-wave)));mask-position-x:calc(-1 * var(--hb-wave) + var(--hb-p) * (var(--hb-w) + var(--hb-wave)));-webkit-mask-position-y:calc(-1 * var(--hb-p) * var(--hb-cycles) * var(--hb-h));mask-position-y:calc(-1 * var(--hb-p) * var(--hb-cycles) * var(--hb-h))}.hb-root[data-direction=up] .hb-crest{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='20' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M0 20V10C12 2 38 2 50 10S88 18 100 10S138 2 150 10S188 18 200 10V20Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='20' viewBox='0 0 200 20' preserveAspectRatio='none'%3E%3Cpath d='M0 20V10C12 2 38 2 50 10S88 18 100 10S138 2 150 10S188 18 200 10V20Z'/%3E%3C/svg%3E");-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-size:calc(var(--hb-w) * 2) var(--hb-wave);mask-size:calc(var(--hb-w) * 2) var(--hb-wave);-webkit-mask-position-x:calc(-1 * var(--hb-p) * var(--hb-cycles) * var(--hb-w));mask-position-x:calc(-1 * var(--hb-p) * var(--hb-cycles) * var(--hb-w));-webkit-mask-position-y:calc(var(--hb-h) - var(--hb-p) * (var(--hb-h) + var(--hb-wave)));mask-position-y:calc(var(--hb-h) - var(--hb-p) * (var(--hb-h) + var(--hb-wave)))}@keyframes hb-pulse{0%{opacity:1;box-shadow:0 0 0 0 color-mix(in srgb,var(--hb-fill) 55%,transparent)}to{opacity:0;box-shadow:0 0 0 14px color-mix(in srgb,var(--hb-fill) 0%,transparent)}}@media (prefers-reduced-motion:reduce){.hb-root{transform:none!important;transition:background-color .16s ease,box-shadow var(--hb-release) ease!important}.hb-fill{-webkit-clip-path:inset(0)!important;clip-path:inset(0)!important;opacity:0;transition:opacity var(--hb-release) ease!important}.hb-crest{display:none}.hb-root[data-phase=done] .hb-fill,.hb-root[data-phase=holding] .hb-fill{opacity:1;transition:opacity var(--hb-hold) linear!important}.hb-pulse{animation:none!important}.hb-label>span{filter:none!important;transition:opacity .2s ease!important}}