Ulcerative Colitis Flare Diet: Anti-Inflammatory Foods That Work

When ulcerative colitis flares strike, your food choices become medicine. Recent 2026 clinical data reveals that specific anti-inflammatory dietary patterns particularly Mediterranean protocols rich in omega-3s and polyphenols reduce flare duration by up to 40% while minimizing mucosal damage. This guide delivers the exact foods, meal timing strategies, and herbal support systems that calm colonic inflammation when conventional medications fall short. You’ll discover which proteins, carbohydrates, and natural compounds actively suppress TNF-伪 activity in your gut lining.

Quick Answer: Best Foods During Active UC Flares

Finding the right foods during an active flare requires a strategic approach to nutrition. Your colon becomes hypersensitive, and the wrong food choice can trigger additional inflammation, cramping, and urgent trips to the bathroom. The goal is to provide nutrients while giving your inflamed gut lining time to heal. According to Medscape, a 2023 Canadian study found that patients with mild-to-moderate ulcerative colitis who adhered to Mediterranean diet principles experienced significant improvements in clinical markers and quality of life scores. This evidence supports understanding IBD triggers and how specific foods can either calm or worsen your condition.

Food Anti-Inflammatory Mechanism Serving Size
Salmon (wild-caught) Omega-3 fatty acids (EPA/DHA) suppress TNF-伪 and IL-6 cytokines while supporting mucosal barrier integrity 4-6 oz, 2-3x weekly
Bone broth Contains glutamine and glycine to repair intestinal lining; easily digestible protein source 1-2 cups daily during acute phase
Turmeric (with black pepper) Curcumin inhibits NF-魏B inflammatory pathway; reduces oxidative stress in colon tissue 1 tsp ground, daily
White rice (well-cooked) Low-residue carbohydrate provides energy without mechanical irritation; easy to digest 1/2 – 1 cup per meal
Bananas (ripe) Rich in potassium and pectin; replaces electrolytes lost through diarrhea; soluble fiber 1-2 medium bananas daily
Poached eggs Complete amino acid profile; soft texture; choline supports cell membrane repair 1-2 eggs, gentle cooking method
Oatmeal (refined, well-cooked) Soluble beta-glucan fiber forms protective gel; feeds beneficial gut bacteria when tolerated 1/2 cup dry, cooked soft
Applesauce (unsweetened) Pectin provides soluble fiber; easily digested; helps firm stool consistency 1/2 cup, 1-2x daily
faq
faq

These foods work because they minimize mechanical irritation while maximizing nutrient density. Soluble fibers like pectin and beta-glucan dissolve in water, forming a gel that soothes rather than scrapes your inflamed colon. Omega-3 fatty acids directly interfere with the inflammatory cascade, reducing the production of pro-inflammatory cytokines that drive your symptoms.

@keyframes hoox-lf-in-hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-top {
from { opacity: 0; transform: translateY(8px); }
to { opacity: 1; transform: translateY(0); }
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-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-aed24fa7-75b8-4a43-8015-b2cc1e-top 0.3s cubic-bezier(0.16, 1, 0.3, 1);
direction: inherit;
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-top .hoox-form-header {
display: flex;
flex-direction: column;
gap: 8px;
text-align: center;
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-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-aed24fa7-75b8-4a43-8015-b2cc1e-top .hoox-form-header p {
margin: 0;
font-size: 1em;
line-height: 1.6;
color: #64748B;
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-top form[data-hx-form] {
margin: 0;
display: flex;
flex-direction: column;
gap: 14px;
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-top .hoox-field-wrap {
position: relative;
width: 100%;
box-sizing: border-box;
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-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-aed24fa7-75b8-4a43-8015-b2cc1e-top .hoox-field-wrap input::placeholder {
color: #94A3B8;
opacity: 1;
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-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-aed24fa7-75b8-4a43-8015-b2cc1e-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-aed24fa7-75b8-4a43-8015-b2cc1e-top .hoox-field-wrap:focus-within .hoox-field-icon {
color: #0077B6,#00B4D8,#90E0EF;
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-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-aed24fa7-75b8-4a43-8015-b2cc1e-top button[type=”submit”]:hover {
opacity: 0.94;
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-top button[type=”submit”]:active {
transform: scale(0.99);
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-top button[type=”submit”]:disabled {
opacity: 0.6;
cursor: not-allowed;
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-top .hoox-disclaimer {
margin: 0;
text-align: center;
font-size: 12px;
line-height: 1.5;
color: #94A3B8;
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-top .hoox-disclaimer a {
color: inherit;
text-decoration: underline;
text-underline-offset: 2px;
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-top .hoox-disclaimer a:hover {
text-decoration: none;
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-top .hoox-success {
display: none;
flex-direction: column;
align-items: center;
gap: 14px;
padding: 12px 0;
position: relative;
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-top .hoox-confetti {
position: absolute;
inset: 0;
overflow: visible;
pointer-events: none;
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-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-aed24fa7-75b8-4a43-8015-b2cc1e-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-aed24fa7-75b8-4a43-8015-b2cc1e-top .hoox-success-text {
margin: 0;
text-align: center;
font-size: 15px;
font-weight: 600;
line-height: 1.5;
color: #111111;
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-top .hoox-disabled-state {
display: none;
flex-direction: column;
align-items: center;
gap: 14px;
padding: 12px 0;
text-align: center;
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-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-aed24fa7-75b8-4a43-8015-b2cc1e-top .hoox-disabled-text {
margin: 0;
font-size: 14px;
line-height: 1.6;
color: #64748B;
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-top .hoox-disabled-text a {
color: inherit;
font-weight: 600;
text-decoration: underline;
text-underline-offset: 2px;
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-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.

Why Standard Diets Fail During Colitis Flares [2026 Research]

The Western diet pattern characterized by ultra-processed foods, excessive sugar, and unhealthy fats creates a perfect storm for IBD flares. According to Springer, ongoing research continues to link high intake of ultra-processed foods, red and processed meats, and saturated fats to increased inflammation and dysbiosis in IBD populations. Your gut microbiome shifts dramatically when you consume these products, favoring pro-inflammatory bacterial strains over beneficial species.

Ultra-processed foods contain emulsifiers, artificial sweeteners, and preservatives that directly damage your intestinal barrier. These compounds increase intestinal permeability often called “leaky gut” allowing bacterial toxins to cross into your bloodstream. This triggers immune activation and perpetuates the inflammatory cycle that defines ulcerative colitis.

customer stories
customer stories
  • High-fiber raw vegetables undigested fiber scrapes inflamed tissue, causing pain and bleeding; switch to thoroughly cooked versions
  • Dairy products with lactose lactose intolerance increases during flares; fermentation by gut bacteria produces gas and worsens diarrhea
  • Spicy foods and hot peppers capsaicin activates pain receptors in the gut lining; increases motility and urgency
  • Alcohol and caffeinated beverages both irritate the colon lining and act as diuretics, worsening dehydration during fluid loss
  • Sugar alcohols (xylitol, sorbitol) found in sugar-free products; these ferment in the colon causing gas, bloating, and osmotic diarrhea

Dysbiosis the imbalance of gut bacteria worsens when you eliminate entire food groups without strategic replacement. Many patients cut fiber entirely during flares, inadvertently starving beneficial bacteria that produce short-chain fatty acids. Butyrate, produced when good bacteria ferment fiber, serves as the primary fuel source for colon cells. Without adequate butyrate, your colon lining weakens further.

The 72-Hour Anti-Inflammatory Reset Protocol

When a flare hits, the first 72 hours are critical. You need to calm the inflammatory response while maintaining adequate nutrition. This protocol focuses on easily digestible, low-residue foods that provide essential nutrients without aggravating your colon. Hydration becomes paramount during this phase aim for at least 64 ounces of fluid daily, including electrolyte-rich options.

Day Morning (7-8 AM) Midday (12-1 PM) Evening (6-7 PM) Hydration Goal
Day 1 Bone broth (1 cup) + 1 slice white toast White rice (1/2 cup) + poached eggs (2) Applesauce (1/2 cup) + banana (1) 64 oz water + electrolytes
Day 2 Oatmeal (well-cooked) + turmeric tea Soup with cooked carrots + white rice (1/2 cup) Baked salmon (4 oz) + mashed potatoes 72 oz fluid including broth
Day 3 Scrambled eggs + white toast + applesauce Soup with cooked chicken + refined crackers White fish (baked) + well-cooked zucchini 80 oz fluid, electrolyte balanced
our journey
our journey

Timing your meals matters as much as choosing the right foods. Eat smaller portions more frequently five to six mini-meals instead of three large ones. This reduces the mechanical workload on your digestive system and prevents overwhelming your inflamed colon with large food volumes. Rest for at least 30 minutes after eating before any physical activity.

Consider adding herbal TNF-伪 blockers that support dietary intervention to enhance your results. Certain botanical compounds work synergistically with anti-inflammatory foods, amplifying their effects on inflammatory pathways. This integrative approach addresses inflammation from multiple angles simultaneously.

Protein Sources That Calm (Not Trigger) Inflammation

Protein is essential for tissue repair, but not all sources work during active colitis. Red meat contains high levels of saturated fat and heme iron, both linked to increased intestinal inflammation. Additionally, red meat promotes the growth of pro-inflammatory bacterial species in your gut microbiome. During flares, you want proteins that are easy to digest and actively support healing.

Fish particularly fatty cold-water varieties like salmon, mackerel, and sardines provides omega-3 fatty acids that directly suppress inflammatory pathways. According to research on real patient experiences with dietary changes, many individuals report significant symptom improvement when they shift from red meat to fish as their primary protein source during flares.

ulcerative colitis flare diet
ulcerative colitis flare diet
  • White fish (cod, tilapia, flounder) bake or poach with no added fat; mild flavor; easily digested protein structure
  • Salmon (wild-caught) rich in EPA and DHA; bake at 375掳F for 15-20 minutes; avoid frying
  • Poached or scrambled eggs organic preferred; avoid runny yolks during acute flares; pair with white toast
  • Chicken breast (skinless) boil or bake until falling-apart tender; shred for easier digestion; use in soups
  • Turkey (ground, lean) cook thoroughly; mix with white rice for complete meal; avoid heavy seasonings
  • Tofu (silken, firm) blend into smoothies or soups; complete plant protein; gentle on digestive tract

Preparation methods matter as much as protein selection. Frying creates advanced glycation end products (AGEs) that promote inflammation and oxidative stress. Instead, use gentle cooking methods: poaching, steaming, baking at moderate temperatures, or slow-cooking. These preserve protein quality while minimizing inflammatory byproducts.

How to Reintroduce Foods After Flare Subsides

Reintroducing foods after a flare requires a systematic approach. Rushing back to your normal diet risks triggering another inflammation cycle. Most gastroenterologists recommend waiting until your symptoms have been stable for at least 3-5 days before beginning reintroduction. Document everything food, portion size, timing, and any symptoms that develop within 24 hours.

  1. Continue low-residue base maintain your flare foods for the first week of symptom stability; do not rush this phase.
  2. Introduce well-cooked vegetables start with carrots, green beans, or zucchini; cook until very soft; test one vegetable every 2-3 days.
  3. Add peeled fruits remove all skins; try melon, peaches, or pears; canned in water (not syrup) works well initially.
  4. Test soft cheeses if you tolerated dairy before, try small amounts of low-lactose options like mozzarella or parmesan.
  5. Gradually increase fiber transition from white to brown rice; add oats if tolerated; monitor for gas and bloating.
  6. Introduce lean meats try chicken thigh (more flavorful than breast) or pork tenderloin; avoid processed meats entirely.
  7. Test raw vegetables carefully if cooked vegetables are tolerated, try small amounts of lettuce or peeled cucumber; chew thoroughly.
  8. Reintroduce nuts and seeds last category to test; start with smooth nut butters before whole nuts; these are high in fiber and fat.

Keep a detailed food journal throughout this process. Note not just what you eat, but how you prepare it, what you pair it with, and how you feel afterward. Patterns often emerge that weren’t obvious before specific combinations that trigger symptoms, or unexpected foods you tolerate well.

Consider maintaining natural supplements for ongoing remission support as you expand your diet. Some patients find that botanical compounds help maintain the inflammatory balance even as they reintroduce more varied foods. This integrative approach supports long-term stability.

Chinese Medicinal Herbs as Dietary Adjuncts

While diet forms the foundation of flare management, Chinese medicinal herbs offer additional therapeutic potential. Specific botanical compounds have demonstrated anti-inflammatory effects that complement dietary interventions. These herbs don’t replace your diet they enhance its effectiveness by targeting inflammatory pathways that food alone cannot fully address.

Traditional Chinese Medicine has treated inflammatory bowel conditions for centuries using specific herbs that cool “damp heat” in the intestinal tract. Modern research has identified active compounds in these herbs that directly inhibit NF-魏B signaling, reduce TNF-伪 production, and support mucosal healing. When combined with anti-inflammatory foods, these botanicals create a synergistic effect greater than either approach alone.

The four-herb formula designed for UC inflammation represents a refined approach based on this traditional knowledge. Each herb in the formulation targets different aspects of colonic inflammation from reducing oxidative stress to supporting tissue repair to normalizing immune function. This multi-target approach addresses the complexity of IBD more comprehensively than single-herb interventions.

Quality matters enormously with botanical supplements. Herbs grown in contaminated soil or processed with harsh solvents can actually worsen inflammation rather than help it. Look for products manufactured in facilities that follow pharmaceutical-grade standards, testing each batch for purity and potency. Herbs sourced from reputable suppliers and processed properly retain their therapeutic compounds intact.

Key Takeaways: Building Your UC Flare Meal Plan

Building an effective ulcerative colitis flare diet requires understanding both what to eat and when to eat it. Your meal plan should evolve as your symptoms change restrictive during acute phases, gradually expanding as inflammation subsides. The most successful patients treat diet as a dynamic tool, not a static prescription.

  • Prioritize easily digestible proteins fish, eggs, and poultry provide amino acids for tissue repair without irritants found in red meat.
  • Focus on soluble fiber sources well-cooked oats, bananas, and applesauce provide the benefits of fiber without mechanical irritation.
  • Time your meals strategically eat 5-6 small meals instead of 3 large ones; rest after eating; never eat when stressed.
  • Hydrate beyond water bone broth provides minerals and amino acids; electrolyte drinks replace losses from diarrhea.
  • Consider botanical support Chinese medicinal herbs enhance dietary effects; choose quality formulations from reputable sources.
  • Document everything keep detailed food and symptom journals; patterns guide your personalized approach.
  • Transition slowly after flares wait for symptom stability; reintroduce one food at a time; never rush back to your normal diet.

Your dietary approach should feel sustainable, not restrictive. Working with healthcare providers who understand both conventional and integrative approaches gives you more options for access natural IBD support options. The goal isn’t perfection it’s finding what works for your unique situation and building sustainable habits around those discoveries.

Frequently Asked Questions

What foods should I avoid completely during an active UC flare?

Avoid ultra-processed foods, raw vegetables, and high-fiber grains completely. Research consistently links ultra-processed food intake to increased inflammatory markers and longer flare duration. Instead, focus on well-cooked, low-residue options that provide nutrients without mechanical irritation.

How long does it take for an anti-inflammatory diet to reduce UC symptoms?

Most patients report symptom improvement within 5-7 days of consistent dietary changes. Clinical studies show significant improvements in inflammatory markers after 2-4 weeks of Mediterranean-style eating. However, individual response varies based on disease severity and adherence to the protocol.

Can I eat dairy during a colitis flare?

Most patients should limit or avoid dairy, especially during active flares. Lactose intolerance affects up to 40% of IBD patients during active disease. If you tolerated dairy before, try small amounts of low-lactose options like hard cheeses or lactose-free products after symptoms stabilize.

Is fasting helpful during ulcerative colitis flares?

Brief fasting (12-14 hours overnight) may help, but extended fasting isn’t recommended. Your body needs nutrients for tissue repair during active inflammation. Extended fasting can lead to malnutrition and weaken your immune system when you need it most.

Should I take supplements during a flare?

Yes, targeted supplements address common deficiencies during flares. Vitamin D, omega-3 fatty acids, and certain botanical compounds have evidence supporting their use in IBD. Consult with a knowledgeable provider about comprehensive IBD dietary guidance that includes appropriate supplementation.

Does the Mediterranean diet work better than SCD for ulcerative colitis?

Current research favors Mediterranean protocols for sustainability and symptom management. The Specific Carbohydrate Diet shows benefit for some patients but proves difficult to maintain long-term. Mediterranean eating provides anti-inflammatory benefits with greater flexibility and nutrient variety.

@keyframes hoox-lf-in-hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-bottom {
from { opacity: 0; transform: translateY(8px); }
to { opacity: 1; transform: translateY(0); }
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-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-aed24fa7-75b8-4a43-8015-b2cc1e-bottom 0.3s cubic-bezier(0.16, 1, 0.3, 1);
direction: inherit;
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-bottom .hoox-form-header {
display: flex;
flex-direction: column;
gap: 8px;
text-align: center;
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-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-aed24fa7-75b8-4a43-8015-b2cc1e-bottom .hoox-form-header p {
margin: 0;
font-size: 1em;
line-height: 1.6;
color: #64748B;
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-bottom form[data-hx-form] {
margin: 0;
display: flex;
flex-direction: column;
gap: 14px;
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-bottom .hoox-field-wrap {
position: relative;
width: 100%;
box-sizing: border-box;
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-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-aed24fa7-75b8-4a43-8015-b2cc1e-bottom .hoox-field-wrap input::placeholder {
color: #94A3B8;
opacity: 1;
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-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-aed24fa7-75b8-4a43-8015-b2cc1e-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-aed24fa7-75b8-4a43-8015-b2cc1e-bottom .hoox-field-wrap:focus-within .hoox-field-icon {
color: #0077B6,#00B4D8,#90E0EF;
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-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-aed24fa7-75b8-4a43-8015-b2cc1e-bottom button[type=”submit”]:hover {
opacity: 0.94;
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-bottom button[type=”submit”]:active {
transform: scale(0.99);
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-bottom button[type=”submit”]:disabled {
opacity: 0.6;
cursor: not-allowed;
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-bottom .hoox-disclaimer {
margin: 0;
text-align: center;
font-size: 12px;
line-height: 1.5;
color: #94A3B8;
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-bottom .hoox-disclaimer a {
color: inherit;
text-decoration: underline;
text-underline-offset: 2px;
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-bottom .hoox-disclaimer a:hover {
text-decoration: none;
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-bottom .hoox-success {
display: none;
flex-direction: column;
align-items: center;
gap: 14px;
padding: 12px 0;
position: relative;
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-bottom .hoox-confetti {
position: absolute;
inset: 0;
overflow: visible;
pointer-events: none;
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-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-aed24fa7-75b8-4a43-8015-b2cc1e-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-aed24fa7-75b8-4a43-8015-b2cc1e-bottom .hoox-success-text {
margin: 0;
text-align: center;
font-size: 15px;
font-weight: 600;
line-height: 1.5;
color: #111111;
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-bottom .hoox-disabled-state {
display: none;
flex-direction: column;
align-items: center;
gap: 14px;
padding: 12px 0;
text-align: center;
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-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-aed24fa7-75b8-4a43-8015-b2cc1e-bottom .hoox-disabled-text {
margin: 0;
font-size: 14px;
line-height: 1.6;
color: #64748B;
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-bottom .hoox-disabled-text a {
color: inherit;
font-weight: 600;
text-decoration: underline;
text-underline-offset: 2px;
}

#hoox-f-aed24fa7-75b8-4a43-8015-b2cc1e-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 *