.postit-helper{align-items:flex-end;gap:var(--sp-2);z-index:var(--z-window);pointer-events:none;flex-direction:column;display:flex;position:absolute;top:-20px;right:-32px}.postit-helper__bubble{background:var(--surface);border:var(--edge-hair);border-radius:var(--r-chip);padding:var(--sp-2) var(--sp-3);max-width:180px;font-size:var(--fs-sm);line-height:var(--lh-body);color:var(--ink);box-shadow:var(--sh-raise);background-image:none;position:relative}.postit-helper__bubble:after{content:"";border-left:6px solid #0000;border-right:6px solid #0000;border-top:6px solid var(--surface);width:0;height:0;position:absolute;bottom:-6px;right:16px}.postit-helper__bubble:before{content:"";border-left:7px solid #0000;border-right:7px solid #0000;border-top:7px solid var(--rule);width:0;height:0;position:absolute;bottom:-7px;right:15px}.postit-helper__note{background:var(--lemon);border:var(--edge-hair);border-radius:var(--r-chip);width:52px;height:52px;box-shadow:var(--sh-raise);justify-content:center;align-items:center;display:flex;position:relative;transform:rotate(2deg)}.postit-helper__note:after{content:"";background:linear-gradient(135deg, transparent 50%, color-mix(in srgb, var(--lemon-mid) 30%, transparent) 50%);border-radius:0 var(--r-chip) 0 0;width:10px;height:10px;position:absolute;top:0;right:0}.postit-helper__svg{width:36px;height:36px}.postit-helper--animate .postit-helper__note{animation:postit-bounce var(--dur-slow) var(--ease-spring)}@keyframes postit-bounce{0%{transform:rotate(2deg)scale(1)}30%{transform:rotate(2deg)scale(1.15)}60%{transform:rotate(2deg)scale(.95)}to{transform:rotate(2deg)scale(1)}}.postit-helper--inline{margin:var(--sp-3) auto 0;pointer-events:auto;flex-direction:column;align-items:center;display:flex;position:static}.postit-helper--inline .postit-helper__bubble{margin-bottom:var(--sp-2);position:relative}.postit-helper--inline .postit-helper__bubble:after{inset:auto auto -6px 50%;transform:translate(-50%)}.postit-helper--inline .postit-helper__bubble:before{inset:auto auto -7px 50%;transform:translate(-50%)}.postit-helper--floating{pointer-events:auto;z-index:var(--z-raised);position:absolute;top:auto;bottom:100px;right:16px}.postit-helper--floating .postit-helper__bubble{max-width:160px}.postit-helper__dismiss{cursor:pointer;font-size:var(--fs-sm);color:var(--rule);background:0 0;border:none;padding:0 2px;line-height:1;position:absolute;top:2px;right:4px}.postit-helper__dismiss:hover,.postit-helper__dismiss:focus-visible{color:var(--ink)}.postit-helper__dismiss:focus-visible{outline:2.5px solid var(--focus);outline-offset:2px;border-radius:var(--r-chip)}.postit-helper__action{margin-top:var(--sp-1);cursor:pointer;font-size:var(--fs-sm);color:var(--action);text-underline-offset:2px;background:0 0;border:none;padding:0;font-weight:600;text-decoration:underline;display:block}.postit-helper__action:hover,.postit-helper__action:focus-visible{color:var(--action-hover)}.postit-helper__action:focus-visible{outline:2.5px solid var(--focus);outline-offset:2px;border-radius:var(--r-chip)}.postit-helper__bubble{position:relative}@media (width<=575.98px){.postit-helper:not(.postit-helper--inline),.postit-helper--floating{margin:var(--sp-3) auto 0;pointer-events:auto;flex-direction:column;align-items:center;position:static}.postit-helper:not(.postit-helper--inline) .postit-helper__bubble,.postit-helper--floating .postit-helper__bubble{max-width:180px;margin-bottom:var(--sp-2);position:static}.postit-helper:not(.postit-helper--inline) .postit-helper__bubble:after,.postit-helper--floating .postit-helper__bubble:after,.postit-helper:not(.postit-helper--inline) .postit-helper__bubble:before,.postit-helper--floating .postit-helper__bubble:before{left:50%;right:auto;transform:translate(-50%)}}