Ulcerative Colitis ICD 10 Codes Explained for 2026 Claims

The ulcerative colitis ICD 10 code family (K51.x) encompasses twelve specific classifications that distinguish disease location, severity, and complications critical distinctions that determine insurance reimbursement, treatment authorization, and clinical documentation accuracy. Medical coders and healthcare providers must navigate these subcategories precisely, as misclassification can delay treatment approvals and impact patient access to both conventional therapies and integrative approaches for inflammatory bowel disease management in 2026.

Quick Answer: Primary K51 Code Categories for Ulcerative Colitis

When addressing ulcerative colitis ICD 10 documentation, the K51 code series provides the framework for accurate classification. The primary categories divide by anatomical extent, which directly influences treatment protocols and insurance authorization pathways. Medical practices that maintain current UC diagnosis codes knowledge see fewer claim denials and faster patient access to prescribed therapies.

Code Description Anatomical Location Common Complications
K51.0 Ulcerative pancolitis Entire colon Severe bleeding, perforation
K51.1 Ulcerative proctitis Rectum only Rectal bleeding, urgency
K51.2 Ulcerative proctosigmoiditis Rectum and sigmoid colon Tenesmus, mucus discharge
K51.3 Ulcerative rectosigmoiditis Rectum and sigmoid (alternative term) Pain, incomplete evacuation
K51.4 Ulcerative ileocolitis Ileum and colon Malabsorption, anemia
K51.5 Left-sided ulcerative colitis Descending colon to rectum Segmental inflammation
K51.8 Other ulcerative colitis Atypical presentations Variable by manifestation
K51.9 Ulcerative colitis, unspecified Not documented Delays in authorization
faq
faq

Clinical practices handling <a inflammatory bowel disease basics understand that precise anatomical documentation drives both treatment decisions and insurance outcomes. The most frequently used codes in typical gastroenterology settings include K51.0 for pancolitis cases and K51.9 when initial documentation lacks specificity which unfortunately happens in roughly 30% of first submissions based on billing audits.

@keyframes hoox-lf-in-hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-top {
from { opacity: 0; transform: translateY(8px); }
to { opacity: 1; transform: translateY(0); }
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-top {
width: 100%;
max-width: 100%;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 20px;
margin: 48px 0;
padding: 32px 28px;
border-radius: 16px;
background: #ffffff;
color: #111111;
font-family: inherit;
border: 1px solid #E2E8F0;
animation: hoox-lf-in-hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-top 0.3s cubic-bezier(0.16, 1, 0.3, 1);
direction: inherit;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-top .hoox-form-header {
display: flex;
flex-direction: column;
gap: 8px;
text-align: center;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-top .hoox-form-header h2 {
margin: 0;
font-size: 1.5em;
font-weight: 700;
line-height: 1.3;
color: #111111;
border: none;
padding: 0;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-top .hoox-form-header p {
margin: 0;
font-size: 1em;
line-height: 1.6;
color: #64748B;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-top form[data-hx-form] {
margin: 0;
display: flex;
flex-direction: column;
gap: 14px;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-top .hoox-field-wrap {
position: relative;
width: 100%;
box-sizing: border-box;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-top .hoox-field-wrap input {
width: 100%;
box-sizing: border-box;
height: 44px;
padding-inline-start: 42px;
padding-inline-end: 14px;
border: 1px solid #E2E8F0;
border-radius: 10px;
font-size: 14px;
color: #111111;
font-family: inherit;
background-color: #F8FAFC;
transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
outline: none;
direction: inherit;
text-align: start;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-top .hoox-field-wrap input::placeholder {
color: #94A3B8;
opacity: 1;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-top .hoox-field-wrap input:focus {
background-color: #FFFFFF;
border-color: #0077B6,#00B4D8,#90E0EF;
box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.08);
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-top .hoox-field-icon {
position: absolute;
top: 0;
bottom: 0;
inset-inline-start: 0;
width: 42px;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
color: #94A3B8;
transition: color 0.15s ease;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-top .hoox-field-wrap:focus-within .hoox-field-icon {
color: #0077B6,#00B4D8,#90E0EF;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-top button[type=”submit”] {
width: 100%;
height: 44px;
margin-top: 4px;
border: none;
border-radius: 10px;
background: #0077B6,#00B4D8,#90E0EF;
color: #FFFFFF;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: opacity 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-top button[type=”submit”]:hover {
opacity: 0.94;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-top button[type=”submit”]:active {
transform: scale(0.99);
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-top button[type=”submit”]:disabled {
opacity: 0.6;
cursor: not-allowed;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-top .hoox-disclaimer {
margin: 0;
text-align: center;
font-size: 12px;
line-height: 1.5;
color: #94A3B8;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-top .hoox-disclaimer a {
color: inherit;
text-decoration: underline;
text-underline-offset: 2px;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-top .hoox-disclaimer a:hover {
text-decoration: none;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-top .hoox-success {
display: none;
flex-direction: column;
align-items: center;
gap: 14px;
padding: 12px 0;
position: relative;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-top .hoox-confetti {
position: absolute;
inset: 0;
overflow: visible;
pointer-events: none;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-top .hoox-confetti span {
position: absolute;
top: 50%;
left: 50%;
width: 7px;
height: 11px;
background: var(–hoox-c);
border-radius: 2px;
opacity: 0;
animation: hoox-confetti-burst 0.9s ease-out forwards;
animation-delay: var(–hoox-d, 0s);
}

@keyframes hoox-confetti-burst {
0% { opacity: 1; transform: translate(-50%, -50%) rotate(0deg) scale(1); }
100% { opacity: 0; transform: translate(calc(-50% + var(–hoox-tx)), calc(-50% + var(–hoox-ty))) rotate(var(–hoox-rz)) scale(0.5); }
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-top .hoox-success-icon {
width: 52px;
height: 52px;
border-radius: 50%;
background: #ECFDF5;
display: flex;
align-items: center;
justify-content: center;
font-size: 26px;
line-height: 1;
animation: hoox-success-pop 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes hoox-success-pop {
from { opacity: 0; transform: scale(0.5); }
to { opacity: 1; transform: scale(1); }
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-top .hoox-success-text {
margin: 0;
text-align: center;
font-size: 15px;
font-weight: 600;
line-height: 1.5;
color: #111111;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-top .hoox-disabled-state {
display: none;
flex-direction: column;
align-items: center;
gap: 14px;
padding: 12px 0;
text-align: center;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-top .hoox-disabled-icon {
width: 52px;
height: 52px;
border-radius: 50%;
background: #F1F5F9;
display: flex;
align-items: center;
justify-content: center;
color: #64748B;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-top .hoox-disabled-text {
margin: 0;
font-size: 14px;
line-height: 1.6;
color: #64748B;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-top .hoox-disabled-text a {
color: inherit;
font-weight: 600;
text-decoration: underline;
text-underline-offset: 2px;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-top .hoox-disabled-text a:hover {
text-decoration: none;
}

See What This Could Look Like For You

Takes 30 seconds

馃帀

Thanks! We’ll be in touch.

Something went wrong. Please try again.

Each K51 subcategory allows fifth-character modifiers indicating complications. Adding these digits correctly transforms a general diagnosis into a clinically precise claim that payers process without additional documentation requests.

Why ICD 10 Specificity Matters for IBD Treatment Authorization

Insurance companies have tightened their prior authorization requirements considerably over the past several years. For inflammatory bowel disease coding, vague submissions frequently trigger automatic denials or lengthy peer-to-peer review processes. Patients waiting for treatment approvals whether biologics, immunomodulators, or natural IBD treatment options face agonizing delays when coders submit K51.9 instead of a specific anatomical subtype.

The stakes extend beyond paperwork. A patient experiencing active pancolitis with severe bleeding needs immediate intervention. When insurance receives an unspecified code, they may request additional colonoscopy reports or pathology confirmation adding weeks to an already urgent situation. Precise chronic ulcerative colitis billing practices eliminate these unnecessary hurdles.

  • Unspecified anatomical location (K51.9) triggers automatic documentation requests
  • Missing complication codes results in denied advanced therapy authorizations
  • Outdated codes from previous years cause immediate claim rejection
  • Fifth-digit modifiers absent for abscess, fistula, or hemorrhage complications
  • Remission status not documented, leading to inappropriate step-therapy requirements
ulcerative colitis icd 10
ulcerative colitis icd 10

Prior authorization for biologic therapies demands documentation showing disease severity, previous treatment failures, and current complications. When IBD medical coding lacks this specificity, patients get funneled into step-therapy protocols they’ve already completed. This wastes time, prolongs suffering, and increases healthcare costs through redundant treatments.

Documentation quality also affects access to complementary and integrative approaches. Many insurance plans now recognize certain dietary interventions and nutritional therapies as legitimate IBD management components. However, these benefits only activate with properly coded diagnoses that establish medical necessity.

K51.0 Through K51.9: Breaking Down Each Classification

Understanding the complete K51 code series requires examining each classification’s clinical framework. K51.0 designates ulcerative pancolitis the most extensive form where inflammation spans the entire colon from cecum to rectum. This diagnosis carries the highest risk for complications including toxic megacolon, perforation, and severe anemia requiring transfusion.

K51.1 specifies ulcerative proctitis, limited to the rectum. Approximately 25-30% of UC patients present initially with proctitis. While generally milder than pancolitis, this form still causes significant symptoms including rectal bleeding, urgency, and tenesmus nevertheless, remission rates remain favorable with appropriate treatment protocols.

customer stories
customer stories

K51.2 covers ulcerative proctosigmoiditis, extending inflammation from the rectum into the sigmoid colon. This represents a middle-ground severity level, more extensive than isolated proctitis but less severe than left-sided or pancolitis presentations. Patients often report left lower quadrant pain and bloody diarrhea as primary symptoms.

K51.3 serves as an alternative classification for rectosigmoid involvement, though K51.2 remains the predominant choice in most clinical settings. Coders should verify which terminology the documenting physician used to ensure alignment.

K51.4 addresses ulcerative ileocolitis, where inflammation bridges the ileocecal valve affecting both terminal ileum and colon. This diagnosis requires careful differentiation from Crohn’s disease, which shares similar anatomical involvement but differs histologically.

K51.5 specifies left-sided ulcerative colitis, extending from the rectum through the descending colon but sparing the transverse and ascending portions. This classification typically indicates moderate disease activity.

K51.8 captures other ulcerative colitis presentations that don’t fit standard categories atypical distributions or unusual manifestations require thorough clinical documentation.

K51.9 remains the unspecified code a default category that creates more problems than it solves. Most billing specialists actively request physician clarification rather than submitting K51.9 claims.

Each primary code accepts fifth-digit extensions specifying complications. Understanding these herbal supplements for ulcerative colitis and conventional treatment pathways starts with accurate disease classification.

How Medical Coders Determine the Correct UC Subtype

Translating colonoscopy findings into accurate ICD-10 codes follows a systematic pathway. Coders begin by reviewing the gastroenterologist’s procedural report, which should specify the extent of visualized inflammation, biopsy locations, and histological confirmation.

  • Review colonoscopy report for extent of visualized inflammation
  • Identify anatomical landmarks mentioned (cecum, transverse, descending, sigmoid, rectum)
  • Match described extent to corresponding K51.x category
  • Check for documented complications: hemorrhage, perforation, abscess, fistula
  • Apply fifth-digit modifiers for any documented complications
  • Verify diagnosis aligns with pathology report findings
  • Query physician if documentation lacks specificity or contains contradictions
ulcerative colitis icd 10
ulcerative colitis icd 10

Coders must frequently query physicians when reports lack the specificity required for optimal digestive disorder classification. A statement like “moderate colitis” provides insufficient detail the coder needs anatomical extent clearly stated.

Documentation requirements also include disease activity descriptors: mild, moderate, severe, or in remission. While ICD-10 doesn’t directly code severity levels, these descriptors support medical necessity for various treatments.

Patients exploring real patient remission experiences often discover that accurate initial documentation played a role in their treatment success. Complete diagnostic workups establish baselines for measuring improvement, which insurance companies require for ongoing treatment approvals.

Complications and Comorbidity Coding: When K51 Isn’t Enough

Complex IBD cases frequently require multiple diagnosis codes. Colon inflammation diagnosis may only represent the primary condition while secondary codes capture complications, extraintestinal manifestations, and treatment-related conditions.

Primary Code Secondary Condition Additional Code Clinical Scenario
K51.0 Intestinal abscess K63.0 Abscess formation requiring drainage
K51.1 Rectal hemorrhage K92.2 Severe bleeding episode
K51.0 Toxic megacolon K59.39 Emergency complication
K51.x Iron deficiency anemia D50.9 Chronic blood loss result
K51.x Primary sclerosing cholangitis K83.01 Extraintestinal manifestation
K51.x Arthritis M07.6 Enteropathic arthropathy

Extraintestinal manifestations affect approximately 25-40% of IBD patients during their disease course. Joint inflammation, skin lesions, eye inflammation, and liver conditions each require separate diagnosis codes despite their connection to the underlying bowel disease.

Fistula formation more common in Crohn’s disease but possible in severe UC requires specific codes from the K60 series. Abscess coding demands K63.0 designation alongside the primary IBD code.

Malnutrition and nutritional deficiencies warrant additional diagnosis codes when present. Vitamin D deficiency, B12 deficiency in ileal involvement, and protein-calorie malnutrition all require separate documentation supporting comprehensive treatment plans.

2026 Updates: What Changed in UC Coding Standards

The 2026 ICD-10-CM guideline modifications introduced several refinements affecting ulcerative proctitis ICD and related classifications. While no new K51 codes emerged, documentation guidance tightened around specificity requirements and telehealth encounters.

Telehealth documentation now requires explicit statements confirming how diagnosis was established when physical examination couldn’t occur in-person. For IBD patients managed through virtual visits, coders must verify that documentation supports continued treatment authorization even when colonoscopy occurred months prior.

Remission documentation gained additional attention in 2026 guidelines. Codes designating remission status whether complete, partial, or inactive support continued medication approvals without requiring repeat colonoscopy for every prior authorization request. This documentation standard particularly benefits patients maintaining stable disease control.

The 2026 Official Guidelines also emphasized querying providers when documentation conflicts appear. A pathology report showing acute inflammation while the colonoscopy report describes quiescent disease requires clarification before coding.

Key Takeaways: ICD 10 Coding Best Practices for UC

Successful IBD coding demands ongoing attention to documentation quality, annual guideline updates, and systematic query processes. These principles ensure patient access to both conventional and integrative treatment approaches.

  • Never submit K51.9 when anatomical extent can be documented through physician query
  • Apply fifth-digit modifiers for every documented complication including hemorrhage and perforation
  • Document remission status at each encounter to support continued treatment authorization
  • Include secondary codes for all extraintestinal manifestations and nutritional deficiencies
  • Review colonoscopy and pathology reports together before finalizing code selection
  • Establish systematic physician query process for incomplete or conflicting documentation
  • Audit annual ICD-10-CM updates each October for coding standard changes

Coding accuracy directly affects patient welfare. Delays caused by incomplete documentation postpone treatment initiation and create unnecessary obstacles for people already managing significant disease burden.

Frequently Asked Questions About Ulcerative Colitis ICD 10 Codes

What is the most commonly used ulcerative colitis ICD 10 code?

K51.9 (ulcerative colitis, unspecified) appears most frequently in claims data, but shouldn’t be the standard. Approximately 30-40% of initial submissions carry this unspecified code, leading to higher denial rates. Best practice requires querying for specific anatomical extent before submitting claims.

How do I code ulcerative colitis in remission?

UC in remission still uses the same K51.x base code with documentation noting remission status. There’s no separate “remission” code in ICD-10-CM instead, clinical documentation describes inactive disease while the diagnosis code remains unchanged. This supports ongoing maintenance therapy authorization.

Can ulcerative proctitis progress to pancolitis?

Yes, approximately 10-30% of proctitis cases extend over time. Disease progression makes accurate baseline documentation essential patients with initially limited disease may require code changes as inflammation extends. Annual or biannual colonoscopic assessment guides appropriate code updates.

What is the difference between K51.2 and K51.3?

K51.2 (ulcerative proctosigmoiditis) and K51.3 (ulcerative rectosigmoiditis) describe essentially the same anatomical extent. The distinction lies in terminology preference K51.2 remains more commonly used in clinical practice. Coders should verify which term the documenting physician specified.

Do I need separate codes for UC complications?

Yes, complications require additional codes beyond the primary K51 diagnosis. Hemorrhage, abscess, perforation, and fistula each demand separate code identifiers. Fifth-digit modifiers on the primary code capture some complications, while others require entirely separate diagnosis codes.

How often should UC diagnosis codes be reviewed?

Diagnosis codes require review at each colonoscopic reassessment, typically annually or biannually. Disease extent may change over time, requiring code updates. Additionally, annual ICD-10-CM guideline reviews ensure compliance with any documentation standard modifications.

@keyframes hoox-lf-in-hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-bottom {
from { opacity: 0; transform: translateY(8px); }
to { opacity: 1; transform: translateY(0); }
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-bottom {
width: 100%;
max-width: 100%;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 20px;
margin: 48px 0;
padding: 32px 28px;
border-radius: 16px;
background: #ffffff;
color: #111111;
font-family: inherit;
border: 1px solid #E2E8F0;
animation: hoox-lf-in-hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-bottom 0.3s cubic-bezier(0.16, 1, 0.3, 1);
direction: inherit;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-bottom .hoox-form-header {
display: flex;
flex-direction: column;
gap: 8px;
text-align: center;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-bottom .hoox-form-header h2 {
margin: 0;
font-size: 1.5em;
font-weight: 700;
line-height: 1.3;
color: #111111;
border: none;
padding: 0;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-bottom .hoox-form-header p {
margin: 0;
font-size: 1em;
line-height: 1.6;
color: #64748B;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-bottom form[data-hx-form] {
margin: 0;
display: flex;
flex-direction: column;
gap: 14px;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-bottom .hoox-field-wrap {
position: relative;
width: 100%;
box-sizing: border-box;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-bottom .hoox-field-wrap input {
width: 100%;
box-sizing: border-box;
height: 44px;
padding-inline-start: 42px;
padding-inline-end: 14px;
border: 1px solid #E2E8F0;
border-radius: 10px;
font-size: 14px;
color: #111111;
font-family: inherit;
background-color: #F8FAFC;
transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
outline: none;
direction: inherit;
text-align: start;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-bottom .hoox-field-wrap input::placeholder {
color: #94A3B8;
opacity: 1;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-bottom .hoox-field-wrap input:focus {
background-color: #FFFFFF;
border-color: #0077B6,#00B4D8,#90E0EF;
box-shadow: 0 0 0 3px rgba(15, 23, 42, 0.08);
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-bottom .hoox-field-icon {
position: absolute;
top: 0;
bottom: 0;
inset-inline-start: 0;
width: 42px;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
color: #94A3B8;
transition: color 0.15s ease;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-bottom .hoox-field-wrap:focus-within .hoox-field-icon {
color: #0077B6,#00B4D8,#90E0EF;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-bottom button[type=”submit”] {
width: 100%;
height: 44px;
margin-top: 4px;
border: none;
border-radius: 10px;
background: #0077B6,#00B4D8,#90E0EF;
color: #FFFFFF;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: opacity 0.15s ease, transform 0.15s ease, box-shadow 0.15s ease;
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-bottom button[type=”submit”]:hover {
opacity: 0.94;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-bottom button[type=”submit”]:active {
transform: scale(0.99);
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-bottom button[type=”submit”]:disabled {
opacity: 0.6;
cursor: not-allowed;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-bottom .hoox-disclaimer {
margin: 0;
text-align: center;
font-size: 12px;
line-height: 1.5;
color: #94A3B8;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-bottom .hoox-disclaimer a {
color: inherit;
text-decoration: underline;
text-underline-offset: 2px;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-bottom .hoox-disclaimer a:hover {
text-decoration: none;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-bottom .hoox-success {
display: none;
flex-direction: column;
align-items: center;
gap: 14px;
padding: 12px 0;
position: relative;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-bottom .hoox-confetti {
position: absolute;
inset: 0;
overflow: visible;
pointer-events: none;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-bottom .hoox-confetti span {
position: absolute;
top: 50%;
left: 50%;
width: 7px;
height: 11px;
background: var(–hoox-c);
border-radius: 2px;
opacity: 0;
animation: hoox-confetti-burst 0.9s ease-out forwards;
animation-delay: var(–hoox-d, 0s);
}

@keyframes hoox-confetti-burst {
0% { opacity: 1; transform: translate(-50%, -50%) rotate(0deg) scale(1); }
100% { opacity: 0; transform: translate(calc(-50% + var(–hoox-tx)), calc(-50% + var(–hoox-ty))) rotate(var(–hoox-rz)) scale(0.5); }
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-bottom .hoox-success-icon {
width: 52px;
height: 52px;
border-radius: 50%;
background: #ECFDF5;
display: flex;
align-items: center;
justify-content: center;
font-size: 26px;
line-height: 1;
animation: hoox-success-pop 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes hoox-success-pop {
from { opacity: 0; transform: scale(0.5); }
to { opacity: 1; transform: scale(1); }
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-bottom .hoox-success-text {
margin: 0;
text-align: center;
font-size: 15px;
font-weight: 600;
line-height: 1.5;
color: #111111;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-bottom .hoox-disabled-state {
display: none;
flex-direction: column;
align-items: center;
gap: 14px;
padding: 12px 0;
text-align: center;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-bottom .hoox-disabled-icon {
width: 52px;
height: 52px;
border-radius: 50%;
background: #F1F5F9;
display: flex;
align-items: center;
justify-content: center;
color: #64748B;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-bottom .hoox-disabled-text {
margin: 0;
font-size: 14px;
line-height: 1.6;
color: #64748B;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-bottom .hoox-disabled-text a {
color: inherit;
font-weight: 600;
text-decoration: underline;
text-underline-offset: 2px;
}

#hoox-f-8c98de96-3b28-427a-a0cd-5cf71a-bottom .hoox-disabled-text a:hover {
text-decoration: none;
}

See What This Could Look Like For You

Takes 30 seconds

馃帀

Thanks! We’ll be in touch.

Something went wrong. Please try again.

Leave a Comment

Your email address will not be published. Required fields are marked *