/* ICEL · dagsprogram og forsideannonce.
   Afgrænset til .icel-program og .icel-program-annonce. ICELs palette og
   systemskrift. Ingen biblioteker, ingen animationer, virker uden JavaScript.

   INGEN `rem` I DETTE PROJEKT. OceanWP sætter html { font-size: 87.5% } = 14px,
   så alt i rem bliver 12,5 % mindre end tiltænkt — tekst, luft og polstring
   på én gang. Det var årsagen til, at et tidligere design blev kaldt
   amatøragtigt: det var ikke smag, det var en målefejl. Derfor kun px. */

.icel-program, .icel-program-annonce {
  --program-groen: #073d2b; --program-groen-dyb: #052a1e; --program-sand: #f7f5f0;
  --program-linje: #ddd9d0; --program-guld: #c59a45; --program-guld-lys: #efd08b;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  color: #16241d; font-size: 18px; line-height: 1.65; text-align: left;
}
.icel-program *, .icel-program-annonce * { box-sizing: border-box; }
.icel-program-wrap { width: min(1180px, calc(100% - 48px)); margin-inline: auto; }
.icel-program-label { margin: 0 0 20px; color: #526557; font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; line-height: 1.5; }
.icel-program-label span { margin-inline: 12px; color: #9c8a64; }
.icel-program a:focus-visible, .icel-program-annonce a:focus-visible, .icel-program summary:focus-visible { outline: 3px solid #a67c2e; outline-offset: 6px; }

/* ÉN IKON-STIL i hele funktionen. Stregtykkelse og afrunding følger forsidens
   eksisterende ikoner (.icel-home-icon svg), så de to sider ser beslægtede ud. */
/* Stoerrelsen. Stregen staar paa selve ikonet (ICEL_Program::ikon), saa det
   ogsaa er rigtigt paa flader, der ikke henter denne fil - fx kursuslisten. */
.icel-program-ikon { width: 20px; height: 20px; flex: none; }

.icel-program a.icel-program-knap, .icel-program-annonce a.icel-program-knap {
  display: inline-flex; align-items: center; gap: 14px; padding: 15px 30px; border: 0; border-radius: 4px;
  background: var(--program-groen); color: #fff; font-size: 16px; font-weight: 600; line-height: 1.2;
  text-decoration: none; text-transform: none; letter-spacing: 0;
}
.icel-program a.icel-program-knap:hover, .icel-program-annonce a.icel-program-knap:hover { background: #0b563d; color: #fff; }

/* ═══════════════════════════════════════════════════════════════════════
   FORSIDENS ANNONCE

   Den ligger mellem den mørke genvejsbjælke og den lyse "Om ICEL". Derfor
   er den grøn: forsiden har i forvejen lyse sektioner nok, og dagens ene
   vigtige begivenhed skal kunne ses uden at man leder efter den.

   Plakaten vises IKKE. Et billede af tekst kan hverken markeres, søges i,
   oplæses eller læses på en telefon. Højre side viser derfor selve dagen.
   ═══════════════════════════════════════════════════════════════════════ */

.icel-program-annonce {
  position: relative; isolation: isolate; overflow: hidden;
  padding-block: clamp(56px, 6.5vw, 96px);
  background: linear-gradient(115deg, var(--program-groen-dyb) 0%, #084430 55%, #06392a 100%);
  color: #eef3ee;
}
/* Roligt lys i baggrunden, tegnet med gradienter — ingen billedfil at hente,
   og intet nyt i public_html, som serverens vagt skal tage stilling til. */
.icel-program-annonce__moenster {
  position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(58% 70% at 82% 12%, rgba(197,154,69,.16), transparent 62%),
    radial-gradient(46% 60% at 8% 92%, rgba(18,120,86,.34), transparent 68%);
}
.icel-program-annonce__grid { display: grid; grid-template-columns: 1.02fr .98fr; gap: clamp(36px, 5vw, 74px); align-items: center; }

.icel-program-annonce__over { display: flex; align-items: center; gap: 16px; margin: 0 0 20px; color: var(--program-guld-lys); font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.icel-program-annonce__over::before { content: ""; width: 42px; height: 1px; background: var(--program-guld); }

.icel-program-annonce h2 { margin: 0 0 18px; max-width: 15ch; color: #fffdf7; font-family: Georgia, "Times New Roman", serif; font-weight: 400; font-size: clamp(38px, 4.4vw, 62px); line-height: 1.05; letter-spacing: -.04em; }
/* ÉN LINJE (ejer-oenske 13.09.2026). `max-width: 34ch` braekkede saetningen
   midt over - "... refleksion og / faellesskab" - og en undertekst, der
   knaekker paa et tilfaeldigt ord, laeses som to halve saetninger. */
.icel-program-annonce__lead { margin: 0 0 32px; color: #c8dacd; font-size: 20px; line-height: 1.6; text-wrap: balance; }

/* Hvornår / hvor / for hvem. Det er de tre spørgsmål, folk stiller først. */
/* UNDER HINANDEN (ejer-oenske 13.09.2026). I tre spalter maatte adressen
   braekke over to linjer, mens "Maend" stod alene - tre felter af meget
   forskellig laengde staar daarligt ved siden af hinanden. Under hinanden
   kan hver enkelt faa den bredde, den har brug for, og de tre spoergsmaal
   laeses i den raekkefoelge, man stiller dem. */
.icel-program-annonce__fakta { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; margin: 0 0 34px; padding-block: 8px; border-block: 1px solid rgba(255,255,255,.14); }
.icel-program-annonce__fakta > div { display: grid; grid-template-columns: 108px minmax(0, 1fr); align-items: baseline; gap: 18px; padding-block: 14px; border-top: 1px solid rgba(255,255,255,.09); }
.icel-program-annonce__fakta > div:first-child { border-top: 0; }
.icel-program-annonce__fakta dt { display: flex; align-items: center; gap: 9px; margin: 0; color: var(--program-guld-lys); font-size: 11px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.icel-program-annonce__fakta dd { margin: 0; color: #fffdf7; font-size: 16px; font-weight: 600; line-height: 1.45; }
.icel-program-annonce__fakta dd span { display: block; margin-top: 2px; color: #a9c2b2; font-weight: 400; font-variant-numeric: tabular-nums; }

.icel-program-annonce__handling { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 26px; }
.icel-program-annonce a.icel-program-knap--guld { background: linear-gradient(135deg, var(--program-guld-lys), var(--program-guld)); color: #2a1f08; }
.icel-program-annonce a.icel-program-knap--guld:hover { background: linear-gradient(135deg, #f6dea7, #d3a94f); color: #2a1f08; }
.icel-program-annonce a.icel-program-annonce__andet { padding-block: 8px; border-bottom: 1px solid rgba(255,255,255,.4); color: #dfe9e1; font-size: 15px; font-weight: 600; text-decoration: none; }
.icel-program-annonce a.icel-program-annonce__andet:hover { color: #fff; border-bottom-color: #fff; }
.icel-program-annonce__status { margin: 18px 0 0; max-width: 46ch; color: #a9c2b2; font-size: 14px; line-height: 1.6; }

/* DAGEN I MINIATURE — det, plakaten viste som billede. */
.icel-program-annonce__kort { padding: 30px 32px 26px; border: 1px solid rgba(255,255,255,.16); border-radius: 20px; background: rgba(255,255,255,.055); backdrop-filter: blur(6px); }
.icel-program-annonce__korttop { display: flex; align-items: flex-end; justify-content: space-between; gap: 18px; padding-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,.14); }
.icel-program-annonce__dag { display: flex; align-items: center; gap: 14px; margin: 0; }
.icel-program-annonce__dato { color: #fffdf7; font-family: Georgia, serif; font-size: 64px; line-height: .88; letter-spacing: -.055em; }
.icel-program-annonce__maaned { color: #c8dacd; font-size: 16px; line-height: 1.25; }
.icel-program-annonce__maaned small { color: #8fae9c; font-size: 13px; }
.icel-program-annonce__spand { margin: 0 0 4px; color: var(--program-guld-lys); font-size: 14px; font-weight: 600; font-variant-numeric: tabular-nums; white-space: nowrap; }

.icel-program-annonce .icel-program-annonce__plan { list-style: none; margin: 6px 0 0; padding: 0; }
.icel-program-annonce__punkt { display: grid; grid-template-columns: 52px 30px minmax(0, 1fr); align-items: center; gap: 12px; padding-block: 11px; border-top: 1px solid rgba(255,255,255,.09); }
.icel-program-annonce__punkt:first-child { border-top: 0; }
.icel-program-annonce__klokke { color: #fffdf7; font-size: 15px; font-weight: 650; font-variant-numeric: tabular-nums; }
.icel-program-annonce__mark { display: grid; place-items: center; width: 30px; height: 30px; border-radius: 9px; background: rgba(255,255,255,.09); color: var(--program-guld-lys); }
.icel-program-annonce__punkt--lektion .icel-program-annonce__mark { background: rgba(239,208,139,.17); }
.icel-program-annonce__hvad { min-width: 0; color: #dfe9e1; font-size: 15px; line-height: 1.4; }
.icel-program-annonce__fod { display: flex; align-items: center; gap: 12px; margin: 18px 0 0; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.14); color: #c8dacd; font-size: 14px; line-height: 1.45; }
.icel-program-annonce__fod .icel-program-ikon { color: var(--program-guld-lys); }
.icel-program-annonce__fod strong { display: block; color: #fffdf7; font-size: 15px; }

/* Emnerne som en rolig række nederst: dagen har et indhold, ikke bare et program. */
.icel-program-annonce__emner { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 12px; margin: clamp(34px, 4vw, 52px) auto 0; padding-top: 26px; border-top: 1px solid rgba(255,255,255,.12); }
.icel-program-annonce__emnerover { margin-right: 8px; color: var(--program-guld-lys); font-size: 11px; font-weight: 700; letter-spacing: .13em; text-transform: uppercase; }
.icel-program-annonce__emne { padding: 7px 15px; border: 1px solid rgba(255,255,255,.16); border-radius: 100px; background: rgba(255,255,255,.05); color: #dfe9e1; font-size: 14px; line-height: 1.35; }

/* ═══════════════════════════════════════════════════════════════════════
   KURSUSSIDEN
   ═══════════════════════════════════════════════════════════════════════ */

.icel-program { background: var(--program-sand); }
.icel-program .icel-program-hero { min-height: 570px; }
.icel-program .icel-hero__indhold { width: min(1180px, calc(100% - 48px)); }
.icel-program .icel-hero__titel { max-width: 900px; font-family: Georgia, "Times New Roman", serif; font-weight: 400; font-size: clamp(42px, 5vw, 72px); line-height: 1.06; letter-spacing: -.035em; }
.icel-program .icel-hero__brod { margin-bottom: 0; }
.icel-program a.icel-program-tilbage { display: inline-block; margin-bottom: 34px; padding-block: 6px; font-size: 14px; color: #f2ead9; text-decoration: none; }
.icel-program a.icel-program-tilbage:hover { color: #fff; }
.icel-program a.icel-program-hero__link { display: inline-flex; align-items: center; gap: 32px; margin-top: 28px; padding-block: 10px; border-bottom: 1px solid #ffffff66; color: #fff; font-size: 15px; text-decoration: none; }

.icel-program-fakta { background: #fff; border-bottom: 1px solid var(--program-linje); }
.icel-program-fakta__grid { display: grid; grid-template-columns: 1.15fr .75fr 1.45fr .85fr; padding-block: 30px; gap: 26px; }
.icel-program-fakta__grid > div + div { padding-left: 28px; border-left: 1px solid var(--program-linje); }
.icel-program-fakta dt { display: flex; align-items: center; gap: 8px; margin: 0 0 7px; font-size: 12px; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; color: #647064; }
.icel-program-fakta dt .icel-program-ikon { width: 17px; height: 17px; color: #8a9a8b; }
.icel-program-fakta dd { margin: 0; font-size: 16px; font-weight: 600; line-height: 1.5; color: #073d2b; }

.icel-program-dag { padding-block: 78px 48px; scroll-margin-top: 110px; }
.icel-program-intro { display: flex; justify-content: space-between; align-items: end; gap: 28px; margin-bottom: 34px; }
.icel-program-intro .icel-program-label { margin-bottom: 12px; }
.icel-program .icel-program-intro h2, .icel-program .icel-program-praktisk h2 { font-family: Georgia, serif; font-size: clamp(30px, 3.1vw, 44px); font-weight: 400; letter-spacing: -.035em; }
.icel-program-intro__note { margin: 0; padding-bottom: 6px; color: #647064; font-size: 15px; }

.icel-program-grid { display: grid; grid-template-columns: 1.1fr 1fr; gap: 24px; }
.icel-program-tidsplan { padding: 36px 38px 24px; border: 1px solid #deded1; border-radius: 16px; background: #fffefa; }
.icel-program-korttop { display: flex; justify-content: space-between; align-items: center; gap: 16px; padding-bottom: 22px; border-bottom: 1px solid #e3e3d9; }
.icel-program .icel-program-korttop h3, .icel-program .icel-program-emner h3 { font-size: 30px; letter-spacing: -.03em; font-weight: 600; }
.icel-program-korttop > span { font-size: 13px; color: #667063; font-variant-numeric: tabular-nums; white-space: nowrap; }

.icel-program .icel-program-tidslinje { list-style: none; margin: 14px 0 0; padding: 0; }
.icel-program-punkt { position: relative; display: grid; grid-template-columns: 64px 38px minmax(0, 1fr); align-items: center; gap: 16px; min-height: 85px; padding-block: 16px; }
.icel-program-punkt__tid { font-size: 18px; line-height: 1.35; font-weight: 650; font-variant-numeric: tabular-nums; color: #073d2b; }
.icel-program-punkt__tid > span { display: block; font-size: 12px; font-weight: 400; color: #647064; margin-top: 3px; white-space: nowrap; }
/* Linjen og ikonet ligger i samme spalte: ét tal styrer begge, så de ikke
   kan komme til at stå forskudt, når polstringen ændres. */
.icel-program-punkt__mark { align-self: stretch; position: relative; display: grid; place-items: center; }
.icel-program-punkt__mark::before { content: ""; position: absolute; width: 1px; background: #d7dccf; top: -16px; bottom: -16px; }
.icel-program-punkt:first-child .icel-program-punkt__mark::before { top: 50%; }
.icel-program-punkt:last-child .icel-program-punkt__mark::before { bottom: 50%; }
.icel-program-punkt__mark .icel-program-ikon { position: relative; width: 38px; height: 38px; padding: 9px; border-radius: 11px; background: #eef3ec; color: #0b5f43; box-shadow: 0 0 0 5px #fffefa; }
.icel-program-punkt--boen .icel-program-punkt__mark .icel-program-ikon,
.icel-program-punkt--samling .icel-program-punkt__mark .icel-program-ikon { background: #edeee4; color: #6d7a63; }
.icel-program-punkt--pause .icel-program-punkt__mark .icel-program-ikon { background: #f3efe6; color: #8a7a53; }
.icel-program .icel-program-punkt h4 { min-width: 0; font-size: 18px; font-weight: 600; line-height: 1.45; }

.icel-program-emner { padding: 38px; border-radius: 16px; background: #073d2b; color: #f6f5ec; }
.icel-program-emner .icel-program-label { color: #cec6a6; margin-bottom: 12px; }
.icel-program .icel-program-emner h3 { color: #fffaf0; margin-bottom: 26px; }
.icel-program .icel-program-emner ul { list-style: none; margin: 0; padding: 0; }
.icel-program-emner li { display: grid; grid-template-columns: 38px minmax(0, 1fr); align-items: start; gap: 16px; padding-block: 18px; border-top: 1px solid #ffffff24; }
.icel-program-emner li:last-child { padding-bottom: 0; }
.icel-program-emne__mark { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 11px; background: rgba(255,255,255,.09); color: var(--program-guld-lys); }
.icel-program .icel-program-emner h4 { font-size: 18px; line-height: 1.5; font-weight: 600; color: #fffaf0; letter-spacing: 0; }
.icel-program .icel-program-emner li p { margin: 3px 0 0; color: #d0dccf; font-size: 16px; line-height: 1.65; }

.icel-program-maaltid { display: grid; grid-template-columns: 54px 1fr auto; gap: 24px; align-items: center; padding: 34px 38px; margin-top: 24px; border: 1px solid #dce0d1; border-radius: 16px; background: #eceee3; }
.icel-program-maaltid__ikon { display: grid; place-items: center; width: 54px; height: 54px; border-radius: 15px; background: #fff; color: #0b5f43; }
.icel-program-maaltid__ikon .icel-program-ikon { width: 26px; height: 26px; }
.icel-program-maaltid__ord { font-family: Georgia, serif; font-size: clamp(22px, 2.2vw, 32px); font-style: italic; line-height: 1.2; color: #6b8070; letter-spacing: -.03em; text-align: right; }
.icel-program .icel-program-maaltid h3 { font-size: 21px; margin-bottom: 6px; }
.icel-program-maaltid p { margin: 0; font-size: 16px; color: #4f6051; }

.icel-program-praktisk { display: grid; grid-template-columns: 1.1fr 1fr; gap: 64px; padding-block: 36px 48px; }
.icel-program-praktisk .icel-program-label { margin-bottom: 10px; }
.icel-program-praktisk h2 { margin-bottom: 24px; }
.icel-program-praktisk p { margin-bottom: 14px; font-size: 16px; color: #526557; }
.icel-program-tilmelding { align-self: start; padding: 30px; border: 1px solid var(--program-linje); border-radius: 12px; background: #fffefa; }
.icel-program .icel-program-tilmelding h3 { font-size: 24px; margin-bottom: 16px; }
.icel-program-tilmelding .icel-program-knap { margin-top: 6px; }

.icel-program-beskrivelse { padding-bottom: 80px; }
.icel-program-beskrivelse details { border-block: 1px solid var(--program-linje); }
.icel-program-beskrivelse summary { padding-block: 22px; font-size: 17px; font-weight: 600; color: #073d2b; cursor: pointer; }
.icel-program-beskrivelse__tekst { max-width: 760px; padding-bottom: 24px; font-size: 17px; }
.icel-program-beskrivelse__tekst p { margin-block: 16px; }
.icel-program-beskrivelse__tekst h3 { font-size: 23px; margin-top: 24px; }
.icel-program .icel-program-beskrivelse__tekst ul { list-style: disc; margin: 12px 0 20px; padding-left: 24px; }
.icel-program-side #main { padding: 0; }

@media (max-width: 1080px) {
  .icel-program-fakta__grid { grid-template-columns: 1fr 1fr; gap: 22px 26px; }
  .icel-program-fakta__grid > div:nth-child(3) { padding-left: 0; border-left: 0; }
}
@media (max-width: 900px) {
  .icel-program-annonce__grid { gap: 38px; grid-template-columns: 1fr; }
  .icel-program-annonce h2 { font-size: clamp(36px, 6vw, 46px); max-width: none; }
  .icel-program-annonce__lead { max-width: none; }
  .icel-program-annonce__kort { order: -1; width: 100%; max-width: 560px; margin-inline: auto; }
  .icel-program-intro { align-items: start; flex-direction: column; gap: 12px; }
  .icel-program-intro__note { padding-bottom: 0; }
  .icel-program-tidsplan, .icel-program-emner { padding: 28px 24px; }
  .icel-program-punkt { gap: 12px; grid-template-columns: 58px 34px minmax(0, 1fr); }
  .icel-program-punkt__mark .icel-program-ikon { width: 34px; height: 34px; padding: 8px; }
  .icel-program-praktisk { gap: 32px; }
  .icel-program-maaltid__ord { display: none; }
  .icel-program-maaltid { grid-template-columns: 54px 1fr; }
}
@media (max-width: 680px) {
  .icel-program-wrap, .icel-program .icel-hero__indhold { width: calc(100% - 36px); }
  .icel-program-grid, .icel-program-praktisk { grid-template-columns: 1fr; }
  .icel-program-annonce { padding-block: 48px 52px; }
  .icel-program-annonce h2 { font-size: clamp(33px, 9vw, 44px); }
  .icel-program-annonce__lead { font-size: 18px; margin-bottom: 26px; }
  .icel-program-annonce__fakta { grid-template-columns: 1fr; gap: 0; padding-block: 6px; margin-bottom: 28px; }
  .icel-program-annonce__fakta > div { grid-template-columns: minmax(0, 1fr); gap: 5px; padding-block: 13px; }
  .icel-program-annonce__handling { gap: 12px 20px; }
  .icel-program-annonce a.icel-program-knap { width: 100%; justify-content: center; }
  .icel-program-annonce__kort { padding: 24px 20px 22px; border-radius: 16px; }
  .icel-program-annonce__korttop { flex-wrap: wrap; gap: 10px; }
  .icel-program-annonce__dato { font-size: 54px; }
  .icel-program-annonce__punkt { grid-template-columns: 48px 28px minmax(0, 1fr); gap: 10px; }
  .icel-program-annonce__mark { width: 28px; height: 28px; border-radius: 8px; }
  .icel-program-annonce__mark .icel-program-ikon { width: 17px; height: 17px; }
  .icel-program-annonce__hvad { font-size: 14px; }
  .icel-program-annonce__emner { gap: 8px 10px; padding-top: 22px; }
  .icel-program-annonce__emne { font-size: 13px; padding: 6px 13px; }
  .icel-program .icel-program-hero { min-height: 540px; padding-top: 108px; padding-bottom: 40px; }
  .icel-program .icel-hero__titel { font-size: clamp(33px, 8.4vw, 48px); }
  .icel-program .icel-hero__over { font-size: 11px; letter-spacing: .12em; }
  .icel-program a.icel-program-tilbage { margin-bottom: 24px; }
  .icel-program-fakta__grid { grid-template-columns: 1fr; gap: 16px; padding-block: 26px; }
  .icel-program-fakta__grid > div + div { padding: 16px 0 0; border-left: 0; border-top: 1px solid var(--program-linje); }
  .icel-program-dag { padding-block: 46px 28px; }
  .icel-program-intro { margin-bottom: 22px; }
  .icel-program-grid { gap: 18px; }
  .icel-program-tidsplan, .icel-program-emner { padding: 28px 22px; border-radius: 12px; }
  .icel-program-punkt { min-height: 82px; }
  .icel-program .icel-program-punkt h4 { font-size: 17px; }
  .icel-program-emner li { grid-template-columns: 34px minmax(0, 1fr); gap: 13px; }
  .icel-program-emne__mark { width: 34px; height: 34px; border-radius: 9px; }
  .icel-program-emne__mark .icel-program-ikon { width: 18px; height: 18px; }
  .icel-program-maaltid { gap: 16px; padding: 24px 22px; margin-top: 18px; border-radius: 12px; }
  .icel-program-praktisk { padding-block: 20px 30px; gap: 22px; }
  .icel-program-tilmelding { padding: 24px; }
  .icel-program-beskrivelse { padding-bottom: 48px; }
}

/* Dagsprogrammet skal kunne tages med på papir. Knapper og navigation
   forsvinder; programmet, emnerne og spisningen brækkes ikke over. */
@media print {
  .icel-program-tilbage, .icel-program-hero__link, .icel-program-tilmelding, .icel-program-annonce { display: none !important; }
  .icel-program .icel-program-hero { min-height: 0; padding: 24px; background: #fff; }
  .icel-program .icel-program-hero::before, .icel-program .icel-program-hero::after { display: none; }
  .icel-program .icel-hero__titel, .icel-program .icel-hero__brod { color: #073d2b; }
  .icel-program-dag { padding-top: 24px; }
  .icel-program-tidsplan, .icel-program-emner, .icel-program-maaltid { break-inside: avoid; }
  .icel-program-emner { background: #fff; color: #16241d; border: 1px solid #ccc; }
  .icel-program .icel-program-emner h3, .icel-program .icel-program-emner h4 { color: #073d2b; }
  .icel-program .icel-program-emner li p { color: #444; }
  .icel-program-emne__mark { background: #eee; color: #073d2b; }
}

@media (prefers-reduced-motion: reduce) {
  .icel-program *, .icel-program-annonce * { transition: none !important; animation: none !important; }
}