.helpito-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);padding:var(--spacing-button-padding-y) var(--spacing-button-padding-x);border:2px solid transparent;border-radius:var(--radius-button);font-family:var(--font-heading);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);line-height:var(--line-height-tight);text-decoration:none;cursor:pointer;transition:var(--transition-button);position:relative;overflow:hidden;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.helpito-button:focus{outline:2px solid var(--color-primary);outline-offset:2px}.helpito-button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.helpito-button--sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs);border-radius:var(--radius-lg);gap:var(--spacing-1_5)}.helpito-button--md{padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-sm);border-radius:var(--radius-button);gap:var(--spacing-2)}.helpito-button--lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-base);border-radius:var(--radius-xl);gap:var(--spacing-2_5)}.helpito-button--primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-600) 100%);color:var(--color-text-inverse);border-color:var(--color-primary-600);box-shadow:var(--shadow-button)}.helpito-button--primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-primary-600) 0%,var(--color-primary-700) 100%);border-color:var(--color-primary-700);box-shadow:var(--shadow-hover);transform:translateY(-2px)}.helpito-button--primary:active{transform:translateY(0);box-shadow:var(--shadow-button)}.helpito-button--secondary{background:linear-gradient(135deg,var(--color-secondary) 0%,var(--color-secondary-600) 100%);color:var(--color-text-inverse);border-color:var(--color-secondary-600);box-shadow:0 4px 12px #f973164d}.helpito-button--secondary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-secondary-600) 0%,var(--color-secondary-700) 100%);border-color:var(--color-secondary-700);box-shadow:0 6px 16px #f9731666;transform:translateY(-2px)}.helpito-button--secondary:active{transform:translateY(0);box-shadow:0 2px 8px #f973164d}.helpito-button--accent{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-600) 100%);color:var(--color-text-inverse);border-color:var(--color-accent-600);box-shadow:0 4px 12px #3189a44d}.helpito-button--accent:hover:not(:disabled){background:linear-gradient(135deg,var(--color-accent-600) 0%,var(--color-accent-700) 100%);border-color:var(--color-accent-700);box-shadow:0 6px 16px #3189a466;transform:translateY(-2px)}.helpito-button--outline{background:transparent;color:var(--color-primary);border-color:var(--color-primary);box-shadow:none}.helpito-button--outline:hover:not(:disabled){background:var(--color-primary);color:var(--color-text-inverse);box-shadow:var(--shadow-button);transform:translateY(-1px)}.helpito-button--outline:active{transform:translateY(0);box-shadow:var(--shadow-xs)}.helpito-button--ghost{background:transparent;color:var(--color-text-secondary);border-color:transparent;box-shadow:none}.helpito-button--ghost:hover:not(:disabled){background:var(--color-neutral-100);color:var(--color-text-primary);border-color:var(--color-border);transform:translateY(-1px)}.helpito-button--ghost:active{transform:translateY(0);background:var(--color-neutral-200)}.helpito-button--success{background:linear-gradient(135deg,var(--color-success) 0%,var(--color-success-600) 100%);color:var(--color-text-inverse);border-color:var(--color-success-600);box-shadow:0 4px 12px #22c55e4d}.helpito-button--success:hover:not(:disabled){background:linear-gradient(135deg,var(--color-success-600) 0%,var(--color-success-700) 100%);border-color:var(--color-success-700);box-shadow:0 6px 16px #22c55e66;transform:translateY(-2px)}.helpito-button--danger{background:linear-gradient(135deg,var(--color-danger) 0%,var(--color-danger-600) 100%);color:var(--color-text-inverse);border-color:var(--color-danger-600);box-shadow:0 4px 12px #ef44444d}.helpito-button--danger:hover:not(:disabled){background:linear-gradient(135deg,var(--color-danger-600) 0%,var(--color-danger-700) 100%);border-color:var(--color-danger-700);box-shadow:0 6px 16px #ef444466;transform:translateY(-2px)}.helpito-button--loading{pointer-events:none;opacity:.8}.helpito-button__loading-spinner{width:var(--spacing-4);height:var(--spacing-4);border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:helpito-button-spin 1s linear infinite}@keyframes helpito-button-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.helpito-button__icon{display:flex;align-items:center;justify-content:center;font-size:var(--font-size-lg)}.helpito-button--sm .helpito-button__icon{font-size:var(--font-size-base)}.helpito-button--lg .helpito-button__icon{font-size:var(--font-size-xl)}.helpito-button--full{width:100%}@media (max-width: 640px){.helpito-button{padding:var(--spacing-2_5) var(--spacing-5);font-size:var(--font-size-sm)}.helpito-button--sm{padding:var(--spacing-2) var(--spacing-3_5);font-size:var(--font-size-xs)}.helpito-button--lg{padding:var(--spacing-3_5) var(--spacing-6);font-size:var(--font-size-sm)}.helpito-button:hover:not(:disabled){transform:none}}.helpito-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.helpito-button:focus:not(:focus-visible){outline:none}@media (prefers-color-scheme: dark){.helpito-button--ghost{color:var(--color-neutral-400)}.helpito-button--ghost:hover:not(:disabled){background:var(--color-neutral-800);color:var(--color-neutral-200);border-color:var(--color-neutral-700)}.helpito-button--ghost:active{background:var(--color-neutral-700)}.helpito-button--outline{color:var(--color-primary-400);border-color:var(--color-primary-400)}}.helpito-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:9999px;font-family:system-ui,-apple-system,sans-serif;font-weight:600;font-size:.75rem;line-height:1.2;letter-spacing:.05em;text-transform:uppercase;transition:all .2s ease;white-space:nowrap;cursor:default}.helpito-badge--bronze{background:linear-gradient(135deg,#cd7f32,#a16207);color:#fff;box-shadow:0 4px 12px #a162074d}.helpito-badge--silver{background:linear-gradient(135deg,#b4bfcd,#64748b);color:#fff;box-shadow:0 4px 12px #64748b4d}.helpito-badge--gold{background:linear-gradient(135deg,gold,#f59e0b);color:#fff;box-shadow:0 4px 12px #f59e0b4d}.helpito-badge--platinum{background:linear-gradient(135deg,#a78bfa,#8b5cf6);color:#fff;box-shadow:0 4px 12px #8b5cf64d}.helpito-badge--special{background:linear-gradient(135deg,#f97316,#0ea5e9);color:#fff;box-shadow:0 4px 12px #f973164d;position:relative;overflow:hidden}.helpito-badge--special:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);animation:helpito-badge-shine 3s infinite}@keyframes helpito-badge-shine{0%{transform:translate(-100%) translateY(-100%) rotate(30deg)}50%{transform:translate(100%) translateY(100%) rotate(30deg)}to{transform:translate(-100%) translateY(-100%) rotate(30deg)}}.helpito-badge--progress{background:#f3f4f6;color:#6b7280;border:2px dashed #d1d5db;box-shadow:none}.helpito-badge--earned{animation:helpito-badge-pulse 2s ease-in-out infinite}@keyframes helpito-badge-pulse{0%,to{transform:scale(1);box-shadow:0 4px 12px #0ea5e94d}50%{transform:scale(1.05);box-shadow:0 8px 20px #0ea5e966}}.helpito-badge__icon{font-size:1rem;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.1))}.helpito-badge__text{font-weight:600;letter-spacing:.05em;text-shadow:0 1px 2px rgba(0,0,0,.1)}.helpito-badge:hover{transform:translateY(-2px);transition:all .2s ease}.helpito-badge--bronze:hover{box-shadow:0 8px 24px #a1620766}.helpito-badge--silver:hover{box-shadow:0 8px 24px #64748b66}.helpito-badge--gold:hover{box-shadow:0 8px 24px #f59e0b66}.helpito-badge--platinum:hover{box-shadow:0 8px 24px #8b5cf666}.helpito-badge--special:hover{box-shadow:0 8px 24px #f9731680}.helpito-badge--progress:hover{background:#e5e7eb;border-color:#9ca3af;transform:none}.helpito-badge--sm{padding:.25rem .75rem;font-size:.625rem;gap:.25rem}.helpito-badge--sm .helpito-badge__icon{font-size:.875rem}.helpito-badge--lg{padding:.75rem 1.25rem;font-size:.875rem;gap:.75rem}.helpito-badge--lg .helpito-badge__icon{font-size:1.125rem}@media (max-width: 640px){.helpito-badge{padding:.375rem .75rem;font-size:.625rem;gap:.25rem}.helpito-badge__icon{font-size:.875rem}.helpito-badge:hover{transform:none}}.helpito-badge:focus-visible{outline:2px solid #0ea5e9;outline-offset:2px}.helpito-badge--loading{opacity:.7;pointer-events:none}.helpito-badge--loading .helpito-badge__icon{animation:helpito-badge-spin 1s linear infinite}@keyframes helpito-badge-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.simple-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:9999px;font-size:.875rem;font-weight:500;transition:all .2s;white-space:nowrap}.simple-badge--sm{padding:.125rem .5rem;font-size:.75rem}.simple-badge--lg{padding:.375rem 1rem;font-size:1rem}.simple-badge--default{background-color:#f3f4f6;color:#374151}.simple-badge--primary{background-color:#3b82f6;color:#fff}.simple-badge--secondary{background-color:#e5e7eb;color:#4b5563}.simple-badge--success{background-color:#10b981;color:#fff}.simple-badge--warning{background-color:#f59e0b;color:#fff}.simple-badge--danger{background-color:#ef4444;color:#fff}.simple-badge--outline{background-color:transparent;border:1px solid #d1d5db;color:#6b7280}.simple-badge--clickable{cursor:pointer}.simple-badge--clickable:hover{opacity:.8;transform:translateY(-1px)}.simple-badge__icon{display:flex;align-items:center}.simple-badge__text{line-height:1}.helpito-notification-badge{display:inline-flex;align-items:center;justify-content:center;font-weight:600;border-radius:50%;text-align:center;line-height:1;min-width:-moz-fit-content;min-width:fit-content;font-family:var(--font-body);transition:all .2s ease}.helpito-notification-badge--xs{font-size:.625rem;padding:.125rem .25rem;min-width:1rem;height:1rem}.helpito-notification-badge--sm{font-size:.75rem;padding:.25rem .375rem;min-width:1.25rem;height:1.25rem}.helpito-notification-badge--md{font-size:.875rem;padding:.375rem .5rem;min-width:1.5rem;height:1.5rem}.helpito-notification-badge--primary{background-color:var(--color-primary);color:#fff}.helpito-notification-badge--secondary{background-color:var(--color-secondary);color:#fff}.helpito-notification-badge--success{background-color:var(--color-success);color:#fff}.helpito-notification-badge--warning{background-color:var(--color-warning);color:#fff}.helpito-notification-badge--danger{background-color:var(--color-danger);color:#fff}.helpito-notification-badge--neutral{background-color:var(--color-neutral-500);color:#fff}.helpito-notification-badge--clickable{cursor:pointer}.helpito-notification-badge--clickable:hover{transform:scale(1.05);opacity:.9}.helpito-notification-badge--clickable:focus{outline:2px solid var(--color-primary);outline-offset:2px}.helpito-notification-badge--clickable:active{transform:scale(.95)}.helpito-input-wrapper{width:100%}.helpito-input-label{margin-bottom:.5rem;display:block;font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(64 64 64 / var(--tw-text-opacity, 1))}.helpito-input-container{position:relative;display:flex;align-items:center}.helpito-input-container--sm{height:2.5rem}.helpito-input-container--md{height:3rem}.helpito-input-container--lg{height:3.5rem}.helpito-input{width:100%;border-radius:1.5rem;border-width:2px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.helpito-input:focus{outline:2px solid transparent;outline-offset:2px}.helpito-input{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(23 23 23 / var(--tw-text-opacity, 1))}.helpito-input::-moz-placeholder{--tw-placeholder-opacity: 1;color:rgb(163 163 163 / var(--tw-placeholder-opacity, 1))}.helpito-input::placeholder{--tw-placeholder-opacity: 1;color:rgb(163 163 163 / var(--tw-placeholder-opacity, 1))}.helpito-input--sm{padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem}.helpito-input--md{padding:.75rem 1rem;font-size:1rem;line-height:1.5rem}.helpito-input--lg{padding:1rem 1.25rem;font-size:1.125rem;line-height:1.75rem}.helpito-input--default{--tw-border-opacity: 1;border-color:rgb(229 229 229 / var(--tw-border-opacity, 1))}.helpito-input--default:focus{--tw-border-opacity: 1;border-color:rgb(14 165 233 / var(--tw-border-opacity, 1));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(14 165 233 / .2) }.helpito-input--error{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}.helpito-input--error:focus{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(239 68 68 / .2) }.helpito-input--success{--tw-border-opacity: 1;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1))}.helpito-input--success:focus{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(34 197 94 / .2) }.helpito-input-container--default .helpito-input{--tw-border-opacity: 1;border-color:rgb(229 229 229 / var(--tw-border-opacity, 1))}.helpito-input-container--default .helpito-input:focus{--tw-border-opacity: 1;border-color:rgb(14 165 233 / var(--tw-border-opacity, 1));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(14 165 233 / .2) }.helpito-input-container--error .helpito-input{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}.helpito-input-container--error .helpito-input:focus{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(239 68 68 / .2) }.helpito-input-container--success .helpito-input{--tw-border-opacity: 1;border-color:rgb(134 239 172 / var(--tw-border-opacity, 1))}.helpito-input-container--success .helpito-input:focus{--tw-border-opacity: 1;border-color:rgb(34 197 94 / var(--tw-border-opacity, 1));--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(34 197 94 / .2) }.helpito-input-icon{pointer-events:none;position:absolute;display:flex;align-items:center;justify-content:center;--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}.helpito-input-icon--start{left:.75rem}.helpito-input-icon--end{right:.75rem}.helpito-input-container--has-start-icon .helpito-input{padding-left:2.5rem}.helpito-input-container--has-end-icon .helpito-input{padding-right:2.5rem}.helpito-input-message{margin-top:.25rem;font-size:.875rem;line-height:1.25rem}.helpito-input-message--error{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.helpito-input-message--success{--tw-text-opacity: 1;color:rgb(22 163 74 / var(--tw-text-opacity, 1))}.helpito-input:disabled{cursor:not-allowed;--tw-border-opacity: 1;border-color:rgb(229 229 229 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(250 250 250 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}.helpito-input:not(:disabled):hover{--tw-border-opacity: 1;border-color:rgb(212 212 212 / var(--tw-border-opacity, 1))}.helpito-input-container--default .helpito-input:not(:disabled):hover{--tw-border-opacity: 1;border-color:rgb(125 211 252 / var(--tw-border-opacity, 1))}.helpito-input-container--error .helpito-input:not(:disabled):hover{--tw-border-opacity: 1;border-color:rgb(248 113 113 / var(--tw-border-opacity, 1))}.helpito-input-container--success .helpito-input:not(:disabled):hover{--tw-border-opacity: 1;border-color:rgb(74 222 128 / var(--tw-border-opacity, 1))}.helpito-modal-overlay{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;background-color:#0009;--tw-backdrop-blur: blur(4px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);opacity:0;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation:fadeIn .2s ease-out forwards}.helpito-modal{border-radius:2rem;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 25px 50px -12px rgb(0 0 0 / .25);--tw-shadow-colored: 0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);display:flex;max-height:90vh;flex-direction:column;overflow:hidden;margin:1rem;--tw-scale-x: .95;--tw-scale-y: .95;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation:scaleIn .2s ease-out forwards}.helpito-modal--sm{width:100%;max-width:24rem}.helpito-modal--md{width:100%;max-width:28rem}.helpito-modal--lg{width:100%;max-width:32rem}.helpito-modal--xl{width:100%;max-width:42rem}.helpito-modal--full{height:100%;max-height:95vh;width:100%;max-width:72rem}.helpito-modal-header{display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 229 229 / var(--tw-border-opacity, 1));padding:1.5rem;flex-shrink:0}.helpito-modal-title{font-size:1.25rem;line-height:1.75rem;font-weight:600;--tw-text-opacity: 1;color:rgb(23 23 23 / var(--tw-text-opacity, 1));margin-right:1rem}.helpito-modal-close{margin:-.5rem;border-radius:1rem;padding:.5rem;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;--tw-text-opacity: 1;color:rgb(163 163 163 / var(--tw-text-opacity, 1))}.helpito-modal-close:hover{--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1));--tw-text-opacity: 1;color:rgb(82 82 82 / var(--tw-text-opacity, 1))}.helpito-modal-close:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(14 165 233 / .2)}.helpito-modal-close{flex-shrink:0}.helpito-modal-content{flex:1 1 0%;overflow-y:auto;padding:1.5rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.helpito-modal-overlay[data-state=closing]{animation:fadeOut .2s ease-in forwards}.helpito-modal[data-state=closing]{animation:scaleOut .2s ease-in forwards}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes scaleOut{0%{transform:scale(1);opacity:1}to{transform:scale(.95);opacity:0}}.helpito-modal:focus{outline:2px solid transparent;outline-offset:2px}@media (max-width: 640px){.helpito-modal{margin-left:.5rem;margin-right:.5rem;max-height:95vh}.helpito-modal--full{margin-left:.5rem;margin-right:.5rem;height:95vh}.helpito-modal-header,.helpito-modal-content{padding:1rem}.helpito-modal-title{font-size:1.125rem;line-height:1.75rem}}.helpito-modal-content::-webkit-scrollbar{width:.5rem}.helpito-modal-content::-webkit-scrollbar-track{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(245 245 245 / var(--tw-bg-opacity, 1))}.helpito-modal-content::-webkit-scrollbar-thumb{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(212 212 212 / var(--tw-bg-opacity, 1))}.helpito-modal-content::-webkit-scrollbar-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(163 163 163 / var(--tw-bg-opacity, 1))}.helpito-card{border-radius:1.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}.helpito-card--default{border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 229 229 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.helpito-card--outlined{border-width:2px;--tw-border-opacity: 1;border-color:rgb(229 229 229 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.helpito-card--elevated{border-width:1px;--tw-border-opacity: 1;border-color:rgb(245 245 245 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.helpito-card--task{border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 229 229 / var(--tw-border-opacity, 1));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1));--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.helpito-card--padding-none{padding:0}.helpito-card--padding-sm{padding:1rem}.helpito-card--padding-md{padding:1.5rem}.helpito-card--padding-lg{padding:2rem}.helpito-card--hover{cursor:pointer}.helpito-card--hover:hover{--tw-scale-x: 1.02;--tw-scale-y: 1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.helpito-card--default.helpito-card--hover:hover{--tw-border-opacity: 1;border-color:rgb(212 212 212 / var(--tw-border-opacity, 1));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.helpito-card--outlined.helpito-card--hover:hover{--tw-border-opacity: 1;border-color:rgb(125 211 252 / var(--tw-border-opacity, 1));--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.helpito-card--elevated.helpito-card--hover:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.helpito-card--task.helpito-card--hover:hover{--tw-translate-y: -2px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-border-opacity: 1;border-color:rgb(186 230 253 / var(--tw-border-opacity, 1));--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.helpito-card-header{margin-bottom:1rem;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(229 229 229 / var(--tw-border-opacity, 1));padding-bottom:1rem}.helpito-card-content{flex:1 1 0%}.helpito-card-footer{margin-top:1rem;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(229 229 229 / var(--tw-border-opacity, 1));padding-top:1rem}.helpito-card--padding-none .helpito-card-header{margin-bottom:0;padding:1.5rem 1.5rem 1rem}.helpito-card--padding-none .helpito-card-content{padding-left:1.5rem;padding-right:1.5rem}.helpito-card--padding-none .helpito-card-footer{margin-top:0;padding:1rem 1.5rem 1.5rem}.helpito-card--task{overflow:hidden}.helpito-card--task .helpito-card-header{margin-bottom:.5rem;border-style:none;padding-bottom:.5rem}.helpito-card--task .helpito-card-footer{margin-top:.5rem;border-style:none;padding-top:.5rem}.helpito-card--hover:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000);--tw-ring-color: rgb(14 165 233 / .2);--tw-ring-offset-width: 2px }@media (max-width: 640px){.helpito-card--padding-lg{padding:1.5rem}.helpito-card--padding-md{padding:1rem}.helpito-card--hover:hover{transform:none}.helpito-card--task.helpito-card--hover:hover{--tw-translate-y: 0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:none}}.helpito-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;transition:var(--transition-fast)}.helpito-icon--xs{width:var(--spacing-4);height:var(--spacing-4);font-size:var(--font-size-xs)}.helpito-icon--sm{width:var(--spacing-5);height:var(--spacing-5);font-size:var(--font-size-sm)}.helpito-icon--md{width:var(--spacing-6);height:var(--spacing-6);font-size:var(--font-size-base)}.helpito-icon--lg{width:var(--spacing-8);height:var(--spacing-8);font-size:var(--font-size-lg)}.helpito-icon--xl{width:var(--spacing-12);height:var(--spacing-12);font-size:var(--font-size-2xl)}.helpito-icon--default{background:transparent;border:none}.helpito-icon--filled{background:var(--color-primary-100);border-radius:var(--radius-md);border:1px solid var(--color-primary-200)}.helpito-icon--outlined{background:transparent;border-radius:var(--radius-md);border:2px solid var(--color-primary-300)}.helpito-icon__image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;display:block}.helpito-icon__emoji{font-style:normal;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",emoji;line-height:1;display:inline-flex;align-items:center;justify-content:center}.helpito-icon__fallback{font-style:normal;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",emoji;line-height:1;opacity:.6}.helpito-icon--filled:hover{background:var(--color-primary-200);border-color:var(--color-primary-300)}.helpito-icon--outlined:hover{background:var(--color-primary-50);border-color:var(--color-primary-400)}.helpito-icon--custom-color.helpito-icon--filled{background:currentColor;opacity:.1;border-color:currentColor}.helpito-icon--custom-color.helpito-icon--outlined{border-color:currentColor}.helpito-icon:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.helpito-icon--loading{opacity:.6}.helpito-icon--loading .helpito-icon__image{animation:helpito-icon-pulse 2s infinite}@keyframes helpito-icon-pulse{0%,to{opacity:.6}50%{opacity:.3}}@media (max-width: 640px){.helpito-icon--xl{width:var(--spacing-10);height:var(--spacing-10);font-size:var(--font-size-xl)}.helpito-icon--lg{width:var(--spacing-7);height:var(--spacing-7);font-size:var(--font-size-base)}}@media (prefers-color-scheme: dark){.helpito-icon--filled{background:var(--color-neutral-800);border-color:var(--color-neutral-700)}.helpito-icon--outlined{border-color:var(--color-neutral-600)}.helpito-icon--filled:hover{background:var(--color-neutral-700);border-color:var(--color-neutral-600)}.helpito-icon--outlined:hover{background:var(--color-neutral-900);border-color:var(--color-neutral-500)}}