.spatie-support-bubble{--sb-ink:#1c1633;--sb-muted:#5b5670;--sb-line:#e6e2f0;--sb-wash:#f6f3ff;--sb-field:#fbfaff;--sb-primary:#5615e6;--sb-primary-hover:#4511b8;--sb-shadow:0 24px 48px -16px #110c2e38;z-index:30;pointer-events:none;width:min(24rem,100vw - 2rem);max-width:min(24rem,100vw - 2rem);color:var(--sb-ink);flex-direction:column;align-items:flex-end;gap:.75rem;margin:1rem;font-family:Geist,Helvetica Neue,Helvetica,Arial,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,sans-serif;font-size:.9375rem;line-height:1.5;display:none;position:fixed;bottom:0;right:0}.spatie-support-bubble__container{pointer-events:none;width:100%;max-height:min(40rem,100vh - 6.5rem);box-shadow:var(--sb-shadow);opacity:0;background:#fff;border:1px solid #e6e2f0f2;border-radius:1.15rem;transition:transform .28s,opacity .28s;overflow:hidden auto;transform:translate(110%)}.spatie-support-bubble__container.translate-x-0,.spatie-support-bubble__container.opacity-100{opacity:1;transform:translate(0)}.spatie-support-bubble__container.translate-x-full,.spatie-support-bubble__container.opacity-0{opacity:0;transform:translate(110%)}.spatie-support-bubble__form,.spatie-support-bubble__response{pointer-events:auto}.spatie-support-bubble__form-inner,.spatie-support-bubble__success{flex-direction:column;display:flex}.spatie-support-bubble__header{background:radial-gradient(120% 140% at 0% 0%, #5615e61f, transparent 55%), linear-gradient(180deg, var(--sb-wash) 0%, #fff 100%);border-bottom:1px solid var(--sb-line);align-items:center;gap:.75rem;padding:.95rem 1rem .95rem 1.15rem;display:flex}.spatie-support-bubble__header-icon{width:2.25rem;height:2.25rem;color:var(--sb-primary);background:#fff;border-radius:.8rem;flex:none;justify-content:center;align-items:center;display:inline-flex;box-shadow:0 1px 2px #110c2e0f,inset 0 0 0 1px #5615e61f}.spatie-support-bubble__header-icon svg{width:1.15rem;height:1.15rem}.spatie-support-bubble__header-copy{flex-direction:column;flex:1;gap:.15rem;min-width:0;display:flex}.spatie-support-bubble__header-close{color:#7a7490;cursor:pointer;background:0 0;border:0;border-radius:9999px;flex:none;justify-content:center;align-items:center;width:2rem;height:2rem;margin:0;padding:0;transition:background-color .15s,color .15s;display:inline-flex}.spatie-support-bubble__header-close:hover{color:var(--sb-ink);background:#5615e614}.spatie-support-bubble__header-close svg{width:1rem;height:1rem}.spatie-support-bubble__identity{grid-template-columns:1fr;gap:.85rem;display:grid}@media (min-width:400px){.spatie-support-bubble__identity:not(.hidden){grid-template-columns:1fr 1fr}}.spatie-support-bubble__identity.hidden{display:none}.spatie-support-bubble__title{letter-spacing:-.02em;color:var(--sb-ink);margin:0;font-size:.98rem;font-weight:650;line-height:1.25}.spatie-support-bubble__badge{color:#6b4fd6;margin:0;font-size:.75rem;font-weight:500;line-height:1.3}.spatie-support-bubble__body{flex-direction:column;gap:.85rem;padding:1rem 1.15rem 1.15rem;display:flex}.spatie-support-bubble__intro,.spatie-support-bubble__form p.spatie-support-bubble__intro{color:var(--sb-muted);margin:0;font-size:.875rem;line-height:1.5}.spatie-support-bubble__field{flex-direction:column;gap:.4rem;display:flex}.spatie-support-bubble__field.hidden{display:none}.spatie-support-bubble__label,.spatie-support-bubble__form label .spatie-support-bubble__label,.spatie-support-bubble__form label{color:var(--sb-ink);letter-spacing:-.01em;font-size:.8125rem;font-weight:550;display:block}.spatie-support-bubble__form label.spatie-support-bubble__field{display:flex}.spatie-support-bubble__control,.spatie-support-bubble__form input,.spatie-support-bubble__form textarea,.spatie-support-bubble__form select{box-sizing:border-box;border:1px solid var(--sb-line);background:var(--sb-field);width:100%;max-width:100%;color:var(--sb-ink);font:inherit;border-radius:.75rem;margin:0;padding:.65rem .8rem;font-size:.9375rem;line-height:1.45;transition:border-color .15s,box-shadow .15s,background-color .15s;display:block;box-shadow:inset 0 1px 1px #110c2e08}.spatie-support-bubble__form textarea,.spatie-support-bubble__textarea{resize:vertical;min-height:6.25rem}.spatie-support-bubble__select-wrap{display:block;position:relative}.spatie-support-bubble__select,.spatie-support-bubble__form select{-webkit-appearance:none;appearance:none;cursor:pointer;padding-right:2.4rem}.spatie-support-bubble__select-icon{color:#8b85a0;pointer-events:none;width:1rem;height:1rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.spatie-support-bubble__form input:focus,.spatie-support-bubble__form textarea:focus,.spatie-support-bubble__form select:focus,.spatie-support-bubble__control:focus{background:#fff;border-color:#bda5f9;outline:none;box-shadow:0 0 0 3px #5615e624}.spatie-support-bubble__form input::-moz-placeholder{color:#9a94ab}.spatie-support-bubble__form textarea::-moz-placeholder{color:#9a94ab}.spatie-support-bubble__form input::placeholder,.spatie-support-bubble__form textarea::placeholder{color:#9a94ab}.spatie-support-bubble__submit,.spatie-support-bubble__form button[type=submit]{background:var(--sb-primary);color:#fff;cursor:pointer;border:0;border-radius:.8rem;justify-content:center;align-items:center;width:100%;min-height:2.7rem;margin-top:.15rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:600;line-height:1;text-decoration:none;transition:background-color .15s,transform .15s;display:inline-flex;box-shadow:0 8px 18px -10px #5615e6d9}.spatie-support-bubble__submit:hover,.spatie-support-bubble__form button[type=submit]:hover{background:var(--sb-primary-hover)}.spatie-support-bubble__submit:disabled,.spatie-support-bubble__form button[type=submit]:disabled{opacity:.7;cursor:wait}.spatie-support-bubble__error{color:#b42318;background:#fef2f2;border-radius:.7rem;margin:0;padding:.65rem .75rem;font-size:.8125rem;line-height:1.4}.spatie-support-bubble__error[hidden]{display:none!important}.spatie-support-bubble__button{pointer-events:auto}.spatie-support-bubble__button button{background:var(--sb-primary);color:#fff;cursor:pointer;border:0;border-radius:9999px;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;padding:0;transition:background-color .15s,transform .15s;display:none;position:relative;overflow:hidden;box-shadow:0 12px 24px -10px #5615e6d9}.spatie-support-bubble__button button:hover{background:var(--sb-primary-hover);transform:translateY(-1px)}.spatie-support-bubble__button button svg{width:1.55rem;height:1.55rem;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}@media (min-width:640px){.spatie-support-bubble__button button{display:inline-flex}}.spatie-support-bubble__button #support-bubble-chat-icon,.spatie-support-bubble__button #support-bubble-close-icon{transition:opacity .2s}.spatie-support-bubble__button .opacity-0{opacity:0}.spatie-support-bubble__button .opacity-100{opacity:1}.spatie-support-bubble__response{pointer-events:auto;flex-direction:column;display:flex}.spatie-support-bubble__response[hidden]{display:none!important}.spatie-support-bubble__success{align-items:flex-start;gap:.65rem;padding:1.35rem 1.2rem 1.4rem}.spatie-support-bubble__success-icon{color:#087443;background:#ecfdf3;border-radius:9999px;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;display:inline-flex}.spatie-support-bubble__success-icon svg{width:1.2rem;height:1.2rem}.spatie-support-bubble__success-title{letter-spacing:-.02em;color:var(--sb-ink);margin:0;font-size:1rem;font-weight:650}.spatie-support-bubble__success-copy{color:var(--sb-muted);margin:0;font-size:.9rem;line-height:1.5}