.tipjar{--_bg:var(--tipjar-bg,#1f1d2b);--_label:var(--tipjar-label,#fff);--_ring:var(--tipjar-ring,#fff);z-index:var(--tipjar-z,50);align-items:center;gap:var(--tipjar-gap,8px);box-sizing:border-box;min-height:var(--tipjar-size,44px);padding:0 var(--tipjar-pad,16px) 0 calc(var(--tipjar-pad,16px) - 2px);font-family:var(--tipjar-font,inherit);font-size:var(--tipjar-font-size,.875rem);font-weight:var(--tipjar-weight,600);letter-spacing:var(--tipjar-tracking,.01em);color:var(--_label);background:var(--_bg);border:var(--tipjar-border,0);border-radius:var(--tipjar-radius,999px);box-shadow:var(--tipjar-shadow,0 0 0 2px var(--_ring), 0 8px 18px -8px #00000080);-webkit-tap-highlight-color:transparent;line-height:1;text-decoration:none;transition:transform .15s,scale .1s,opacity .2s,visibility .2s;display:inline-flex;position:fixed}.tipjar:active{scale:.96}.tipjar:hover{color:var(--_label)}@media (hover:hover){.tipjar:not([data-hover],[data-compact=hover]):hover{transform:translateY(-2px)}}@media (prefers-color-scheme:dark){.tipjar{--_bg:var(--tipjar-bg,#f4f1ea);--_label:var(--tipjar-label,#1f1d2b);--_ring:var(--tipjar-ring,#15141c)}}.tipjar:focus-visible{outline:2px solid var(--tipjar-focus,var(--_bg));outline-offset:4px}.tipjar[data-position=bottom-right]{right:max(var(--tipjar-offset,16px), env(safe-area-inset-right,0px));bottom:max(var(--tipjar-offset,16px), env(safe-area-inset-bottom,0px))}.tipjar[data-position=bottom-left]{left:max(var(--tipjar-offset,16px), env(safe-area-inset-left,0px));bottom:max(var(--tipjar-offset,16px), env(safe-area-inset-bottom,0px))}.tipjar[data-position=top-right]{right:max(var(--tipjar-offset,16px), env(safe-area-inset-right,0px));top:max(var(--tipjar-offset,16px), env(safe-area-inset-top,0px))}.tipjar[data-position=top-left]{left:max(var(--tipjar-offset,16px), env(safe-area-inset-left,0px));top:max(var(--tipjar-offset,16px), env(safe-area-inset-top,0px))}.tipjar[data-position=inline]{position:relative}.tipjar-icon{width:var(--tipjar-icon-size,16px);height:var(--tipjar-icon-size,16px);color:var(--tipjar-icon,currentColor);flex:none;display:inline-flex}.tipjar-icon>svg{width:100%;height:100%}svg.tipjar-icon,.tipjar-icon>svg{overflow:visible}.tipjar-sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tipjar[data-tucked]{opacity:0;visibility:hidden;transform:translateY(8px)}.tipjar[data-compact=always]{width:var(--tipjar-size,44px);justify-content:center;padding:0}.tipjar[data-compact=always] .tipjar-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}@media (width<=600px){.tipjar[data-compact=auto]{width:var(--tipjar-size,44px);justify-content:center;padding:0}.tipjar[data-compact=auto] .tipjar-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.tipjar[data-compact=hover]{--_fold:calc((var(--tipjar-size,44px) - var(--tipjar-icon-size,16px)) / 2);padding:0 var(--_fold);gap:0;transition:transform .15s,scale .1s,opacity .2s,visibility .2s,gap .3s,padding .3s}.tipjar[data-compact=hover] .tipjar-label{white-space:nowrap;opacity:0;max-width:0;margin:-.2em 0;padding:.2em 0;transition:max-width .3s,opacity .15s,translate .3s;overflow:hidden;translate:-4px}.tipjar[data-compact=hover]:focus-visible{gap:var(--tipjar-gap,8px);padding:0 var(--tipjar-pad,16px) 0 var(--_fold)}.tipjar[data-compact=hover]:focus-visible .tipjar-label{opacity:1;max-width:12em;transition:max-width .3s,opacity .2s .1s,translate .3s;translate:0}@media (hover:hover){.tipjar[data-compact=hover]:hover{gap:var(--tipjar-gap,8px);padding:0 var(--tipjar-pad,16px) 0 var(--_fold)}.tipjar[data-compact=hover]:hover .tipjar-label{opacity:1;max-width:12em;transition:max-width .3s,opacity .2s .1s,translate .3s;translate:0}}@supports (interpolate-size:allow-keywords){.tipjar[data-compact=hover]{interpolate-size:allow-keywords}.tipjar[data-compact=hover]:focus-visible .tipjar-label{max-width:max-content}@media (hover:hover){.tipjar[data-compact=hover]:hover .tipjar-label{max-width:max-content}}}.tipjar[data-hover=pop]:not([data-compact=hover]){transition:transform .25s cubic-bezier(.34,1.56,.64,1),scale .1s,opacity .2s,visibility .2s}.tipjar[data-hover=shine],.tipjar[data-hover=fill]{isolation:isolate}.tipjar[data-hover=shine]:before,.tipjar[data-hover=fill]:before{content:"";z-index:-1;border-radius:inherit;pointer-events:none;position:absolute;inset:0}.tipjar[data-hover=shine]:before{background:linear-gradient(105deg, transparent 35%, var(--tipjar-shine,color-mix(in srgb, var(--_label) 30%, transparent)) 50%, transparent 65%) 120% 0 / 250% 100% no-repeat}.tipjar[data-hover=fill]:before{background:var(--tipjar-fill,color-mix(in srgb, var(--_label) 18%, var(--_bg)));clip-path:inset(0 100% 0 0);transition:clip-path .3s ease-out}@media (hover:hover){.tipjar[data-hover=pop]:not([data-compact=hover]):hover{transform:scale(1.06)}.tipjar[data-hover=wiggle]:not([data-compact=hover]):hover{animation-name:var(--_enter,none), tipjar-wiggle;animation-duration:.45s,.6s;animation-timing-function:var(--_enter-ease), ease-in-out;animation-delay:var(--tipjar-enter-delay,.6s), 0s;animation-fill-mode:backwards,none}.tipjar[data-hover=shine]:hover:before{background-position:-30% 0;transition:background-position .6s ease-in-out}.tipjar[data-hover=fill]:hover:before{clip-path:inset(0)}}.tipjar{--_enter-ease:cubic-bezier(.2, .8, .2, 1)}.tipjar[data-enter]{animation:var(--_enter) .45s var(--_enter-ease) var(--tipjar-enter-delay,.6s) backwards}.tipjar[data-enter=fade]{--_enter:tipjar-fade}.tipjar[data-enter=slide]{--_enter:tipjar-slide-up}.tipjar[data-enter=slide][data-position^=top]{--_enter:tipjar-slide-down}.tipjar[data-enter=pop]{--_enter:tipjar-pop;--_enter-ease:cubic-bezier(.34, 1.56, .64, 1)}@keyframes tipjar-wiggle{25%{rotate:-5deg}50%{rotate:4deg}75%{rotate:-2deg}}@keyframes tipjar-fade{0%{opacity:0}}@keyframes tipjar-slide-up{0%{opacity:0;translate:0 24px}}@keyframes tipjar-slide-down{0%{opacity:0;translate:0 -24px}}@keyframes tipjar-pop{0%{opacity:0;scale:.5}}.tipjar-part{color:var(--tipjar-accent,currentColor);transform-origin:50%}.tipjar-steam,.tipjar-glint,.tipjar-twinkle,.tipjar-turn,.tipjar-shine,.tipjar-bop{transform-box:fill-box}.tipjar-steam{--_part:tipjar-waft 2.4s;transform-origin:50% 100%}.tipjar-steam~.tipjar-steam{--_part-wait:.6s}.tipjar-coin{--_part:tipjar-drop 1.6s}.tipjar-beat{--_part:tipjar-beat 1.2s}.tipjar-spin{--_part:tipjar-spin 2s;transform-origin:50% 51.9%}.tipjar-lid{--_part:tipjar-hop 1.4s}.tipjar-glint{--_part:tipjar-glint 1.9s;--_part-wait:.3s}.tipjar-twinkle{--_part:tipjar-twinkle 1.4s}.tipjar-twinkle~.tipjar-twinkle{--_part-wait:.7s}.tipjar-turn{--_part:tipjar-turn 2s;--_part-ease:linear}.tipjar-shine{--_part:tipjar-shine 2s}.tipjar-dangle{--_part:tipjar-dangle 2s;transform-origin:33.333% 33.333%}.tipjar-serve{--_part:tipjar-serve 1.8s;transform-origin:45.833% 54.167%}.tipjar-bop{--_part:tipjar-bop 1.6s;transform-origin:50% 100%}.tipjar-step.tipjar-steam{--_part:tipjar-waft-step 2.4s;--_part-ease:steps(1);transform-origin:50%}.tipjar-step.tipjar-coin{--_part-ease:steps(3)}.tipjar-step.tipjar-lid{--_part-ease:steps(2)}.tipjar-step.tipjar-spin{--_part:tipjar-beat 1.2s}.tipjar-step.tipjar-glint{--_part:tipjar-glint-step 1.9s}.tipjar-step.tipjar-turn{--_part:tipjar-turn-0 2s;--_part-ease:steps(1)}.tipjar-turn-1,.tipjar-turn-2{opacity:0;--_part-ease:steps(1)}.tipjar-turn-1{--_part:tipjar-turn-1 2s}.tipjar-turn-2{--_part:tipjar-turn-2 2s}.tipjar-step.tipjar-dangle{--_part:tipjar-dangle-step 2s;--_part-ease:steps(1)}.tipjar-step.tipjar-serve{--_part:tipjar-serve-step 1.8s;--_part-ease:steps(1)}.tipjar-step.tipjar-bop{--_part:tipjar-bop-step 1.6s;--_part-ease:steps(1)}.tipjar[data-animate=loop] .tipjar-part{animation:var(--_part) var(--_part-ease,ease-in-out) var(--_part-wait,0s) 3}.tipjar:not([data-animate=none]):focus-visible .tipjar-part{animation:var(--_part) var(--_part-ease,ease-in-out) var(--_part-wait,0s) infinite}@media (hover:hover){.tipjar:not([data-animate=none]):hover .tipjar-part{animation:var(--_part) var(--_part-ease,ease-in-out) var(--_part-wait,0s) infinite}}.tipjar[data-nudge]{animation:.7s ease-in-out tipjar-nudge}.tipjar[data-nudge]:not([data-animate=none]) .tipjar-part{animation:var(--_part) var(--_part-ease,ease-in-out) var(--_part-wait,0s) 1}@keyframes tipjar-nudge{20%{rotate:-6deg}40%{rotate:5deg}60%{rotate:-3deg}80%{rotate:1deg}}@keyframes tipjar-beat{15%{scale:1.14}30%{scale:1}45%{scale:1.08}60%{scale:1}}@keyframes tipjar-spin{50%,to{rotate:72deg}}@keyframes tipjar-hop{25%{translate:0 -16.667%}50%{translate:0}}@keyframes tipjar-waft{25%{opacity:.6;transform:translateY(-.8px)skew(-14deg)}50%{opacity:.85;transform:translateY(-1.4px)skew(8deg)scaleY(1.12)}75%{opacity:.5;transform:translateY(-.6px)skew(12deg)}}@keyframes tipjar-waft-step{25%{opacity:.6;scale:-1 1}50%{opacity:.85;scale:1}75%{opacity:.5;scale:-1 1}}@keyframes tipjar-glint{50%{opacity:.75;rotate:12deg;scale:.62}}@keyframes tipjar-glint-step{50%{opacity:.75;scale:.6}}@keyframes tipjar-twinkle{40%{opacity:.5;scale:.3}80%{opacity:1;scale:1}}@keyframes tipjar-turn{20%{scale:-1 1}44%{scale:1}76%,to{scale:-1 1}}@keyframes tipjar-turn-0{5%,26%,52%{opacity:0}20%,44%,76%{opacity:1}}@keyframes tipjar-turn-1{5%,15%,26%,38%,52%,68%{opacity:1}0%,10%,20%,32%,44%,60%,76%,to{opacity:0}}@keyframes tipjar-turn-2{10%,32%,60%{opacity:1}0%,15%,38%,68%,to{opacity:0}}@keyframes tipjar-shine{0%,76%{opacity:0;scale:0}86%{opacity:1;scale:1.3}}@keyframes tipjar-dangle{30%{rotate:14deg}70%{rotate:-5deg}}@keyframes tipjar-dangle-step{30%,60%{translate:-8.333%}0%,to{translate:0}}@keyframes tipjar-serve{40%,60%{translate:6% -6%;rotate:8deg}}@keyframes tipjar-serve-step{30%,70%{translate:8.333% -8.333%}0%,to{translate:0}}@keyframes tipjar-bop{12.5%{rotate:0deg;scale:1.06 .9}25%{rotate:-8deg;scale:1}50%{rotate:0deg}62.5%{scale:1.06 .9}75%{rotate:8deg;scale:1}}@keyframes tipjar-bop-step{12.5%,62.5%{scale:1 .9}25%,37.5%{translate:-8.333%;scale:1}50%,to{translate:0}75%,87.5%{translate:8.333%}}@keyframes tipjar-drop{0%{opacity:0;translate:0 -50%}45%,65%{opacity:1;translate:0}85%,to{opacity:0;translate:0 25%}}@media (prefers-reduced-motion:reduce){.tipjar,.tipjar *,.tipjar:before{transition-duration:0s!important;transition-delay:0s!important;animation:none!important}.tipjar,.tipjar .tipjar-label{transform:translate(0,0)scale(1)!important}}@media (forced-colors:active){.tipjar{color:linktext;border:2px solid linktext}.tipjar-icon{color:linktext}.tipjar:focus-visible{outline-color:highlight}.tipjar:before{display:none}}@media print{.tipjar{display:none}}