/* Figma 67:2, static structure and values retrieved through get_design_context.
   Motion keyframes below retain exact exported timing, easing and values.
   User-directed lifecycle adaptation: play once and retain completed state. */
.figma-week-refresh { box-sizing: border-box; width: 100%; max-width: 390px; margin: 0; padding: 24px 20px; display: flex; flex-direction: column; gap: 20px; background: #efede5; color: #181a17; font-family: Inter, Arial, sans-serif; }
.figma-week-refresh *, .figma-week-refresh *::before, .figma-week-refresh *::after { box-sizing: border-box; }
.figma-week-refresh h3 { margin: 0; width: 100%; font: 600 22px/29px Inter, Arial, sans-serif; text-align: center; }
.figma-week-refresh__route { position: relative; display: flex; justify-content: space-between; width: 100%; height: 60px; }
.figma-week-refresh__day { position: relative; width: 34px; height: 60px; display: flex; flex-direction: column; align-items: center; gap: 10px; flex: 0 0 34px; }
.figma-week-refresh__day > span { font-size: 12px; line-height: 16px; letter-spacing: .8px; font-weight: 600; color: #0F7A5A; }
.figma-week-refresh__day > svg { display: block; width: 34px; height: 34px; overflow: visible; }
.figma-week-refresh__line { position: absolute; left: 17px; right: 17px; top: 42.75px; height: 2px; }
.figma-week-refresh__line > svg { display: block; width: 100%; height: 2px; overflow: visible; }
.figma-week-refresh__caption { position: relative; width: 100%; height: 44px; }
.figma-week-refresh__caption p { position: absolute; inset: 0; margin: 0; font: 600 14px/22px Inter, Arial, sans-serif; text-align: center; max-height: 44px; overflow: hidden; }
.figma-week-refresh [data-week-caption="red"] { color: #d92b25; opacity: 0; }
.figma-week-refresh [data-week-caption="green"] { color: #0F7A5A; opacity: 1; }
.figma-week-refresh [data-week-part="cross"] { opacity: 0; }
.figma-week-refresh[data-week-state="ready"] .figma-week-refresh__day > span { color: #999D93; }
.figma-week-refresh[data-week-state="ready"] [data-week-part="ring"],
.figma-week-refresh[data-week-state="ready"] [data-week-part="check"],
.figma-week-refresh[data-week-state="ready"] [data-week-part="cross"] { stroke: #999D93; }
.figma-week-refresh[data-week-state="ready"] [data-week-part="check"],
.figma-week-refresh[data-week-state="ready"] [data-week-part="cross"] { opacity: 1; }
.figma-week-refresh[data-week-state="ready"] [data-week-day="3"] [data-week-part="check"],
.figma-week-refresh[data-week-state="ready"] [data-week-motion-node="67:5"],
.figma-week-refresh[data-week-state="ready"] [data-week-caption] { opacity: 0; }

.figma-week-refresh[data-week-state="playing"] [data-week-motion-node="67:5"] { animation: kf_67_5_opacity_0 5s linear, kf_67_5_width_0 5s linear; animation-iteration-count: 1; animation-fill-mode: both;  }
@keyframes kf_67_5_opacity_0 { 0% { opacity: 0; } 9% { animation-timing-function: ease-out; opacity: 0; } 10% { opacity: 1; } 100% { opacity: 1; } } @keyframes kf_67_5_width_0 { 0% { width: 0.01px; } 9% { animation-timing-function: ease-out; width: 0.01px; } 17% { animation-timing-function: ease-out; width: 52.667px; } 24% { width: 105.333px; } 57% { animation-timing-function: ease-out; width: 105.333px; } 67% { animation-timing-function: ease-out; width: 158px; } 77% { animation-timing-function: ease-out; width: 210.667px; } 87% { animation-timing-function: ease-out; width: 263.333px; } 97% { width: 316px; } 100% { width: 316px; } }

.figma-week-refresh[data-week-state="playing"] [data-week-motion-node="67:7"] { animation: kf_67_7_color_0 5s linear; animation-iteration-count: 1; animation-fill-mode: both;  }
@keyframes kf_67_7_color_0 { 0% { animation-timing-function: step-end; color: #999D93; } 7% { animation-timing-function: ease-out; color: #999D93; } 10% { animation-timing-function: step-end; color: #0F7A5A; } 100% { color: #0F7A5A; } }

.figma-week-refresh[data-week-state="playing"] [data-week-motion-node="67:9"] { animation: kf_67_9_stroke_0 5s linear; animation-iteration-count: 1; animation-fill-mode: both;  }
@keyframes kf_67_9_stroke_0 { 0% { animation-timing-function: step-end; stroke: #999D93; } 7% { animation-timing-function: ease-out; stroke: #999D93; } 10% { animation-timing-function: step-end; stroke: #0F7A5A; } 100% { stroke: #0F7A5A; } }

.figma-week-refresh[data-week-state="playing"] [data-week-motion-node="67:10"] { animation: kf_67_10_stroke_0 5s linear; animation-iteration-count: 1; animation-fill-mode: both;  }
@keyframes kf_67_10_stroke_0 { 0% { animation-timing-function: step-end; stroke: #999D93; } 7% { animation-timing-function: ease-out; stroke: #999D93; } 10% { animation-timing-function: step-end; stroke: #0F7A5A; } 100% { stroke: #0F7A5A; } }

.figma-week-refresh[data-week-state="playing"] [data-week-motion-node="67:12"] { animation: kf_67_12_color_0 5s linear; animation-iteration-count: 1; animation-fill-mode: both;  }
@keyframes kf_67_12_color_0 { 0% { animation-timing-function: step-end; color: #999D93; } 14% { animation-timing-function: ease-out; color: #999D93; } 17% { animation-timing-function: step-end; color: #0F7A5A; } 100% { color: #0F7A5A; } }

.figma-week-refresh[data-week-state="playing"] [data-week-motion-node="67:14"] { animation: kf_67_14_stroke_0 5s linear; animation-iteration-count: 1; animation-fill-mode: both;  }
@keyframes kf_67_14_stroke_0 { 0% { animation-timing-function: step-end; stroke: #999D93; } 14% { animation-timing-function: ease-out; stroke: #999D93; } 17% { animation-timing-function: step-end; stroke: #0F7A5A; } 100% { stroke: #0F7A5A; } }

.figma-week-refresh[data-week-state="playing"] [data-week-motion-node="67:15"] { animation: kf_67_15_stroke_0 5s linear; animation-iteration-count: 1; animation-fill-mode: both;  }
@keyframes kf_67_15_stroke_0 { 0% { animation-timing-function: step-end; stroke: #999D93; } 14% { animation-timing-function: ease-out; stroke: #999D93; } 17% { animation-timing-function: step-end; stroke: #0F7A5A; } 100% { stroke: #0F7A5A; } }

.figma-week-refresh[data-week-state="playing"] [data-week-motion-node="67:17"] { animation: kf_67_17_color_0 5s linear; animation-iteration-count: 1; animation-fill-mode: both;  }
@keyframes kf_67_17_color_0 { 0% { animation-timing-function: step-end; color: #999D93; } 21% { animation-timing-function: ease-out; color: #999D93; } 24% { animation-timing-function: step-end; color: #D92B25; } 54% { animation-timing-function: ease-out; color: #D92B25; } 57% { animation-timing-function: step-end; color: #0F7A5A; } 100% { color: #0F7A5A; } }

.figma-week-refresh[data-week-state="playing"] [data-week-motion-node="67:430"] { animation: kf_67_430_stroke_0 5s linear; animation-iteration-count: 1; animation-fill-mode: both;  }
@keyframes kf_67_430_stroke_0 { 0% { animation-timing-function: step-end; stroke: #999D93; } 21% { animation-timing-function: ease-out; stroke: #999D93; } 24% { animation-timing-function: step-end; stroke: #D92B25; } 54% { animation-timing-function: ease-out; stroke: #D92B25; } 57% { animation-timing-function: step-end; stroke: #0F7A5A; } 100% { stroke: #0F7A5A; } }

.figma-week-refresh[data-week-state="playing"] [data-week-motion-node="67:431"] { animation: kf_67_431_opacity_0 5s linear; animation-iteration-count: 1; animation-fill-mode: both;  }
@keyframes kf_67_431_opacity_0 { 0% { opacity: 0; } 54% { animation-timing-function: ease-out; opacity: 0; } 57% { opacity: 1; } 100% { opacity: 1; } }

.figma-week-refresh[data-week-state="playing"] [data-week-motion-node="67:20"] { animation: kf_67_20_opacity_0 5s linear, kf_67_20_stroke_0 5s linear; animation-iteration-count: 1; animation-fill-mode: both;  }
@keyframes kf_67_20_opacity_0 { 0% { opacity: 1; } 51% { animation-timing-function: ease-out; opacity: 1; } 54% { opacity: 0; } 100% { opacity: 0; } } @keyframes kf_67_20_stroke_0 { 0% { animation-timing-function: step-end; stroke: #999D93; } 21% { animation-timing-function: ease-out; stroke: #999D93; } 24% { animation-timing-function: step-end; stroke: #D92B25; } 100% { stroke: #D92B25; } }

.figma-week-refresh[data-week-state="playing"] [data-week-motion-node="67:22"] { animation: kf_67_22_color_0 5s linear; animation-iteration-count: 1; animation-fill-mode: both;  }
@keyframes kf_67_22_color_0 { 0% { animation-timing-function: step-end; color: #999D93; } 64% { animation-timing-function: ease-out; color: #999D93; } 67% { animation-timing-function: step-end; color: #0F7A5A; } 100% { color: #0F7A5A; } }

.figma-week-refresh[data-week-state="playing"] [data-week-motion-node="67:25"] { animation: kf_67_25_stroke_0 5s linear; animation-iteration-count: 1; animation-fill-mode: both;  }
@keyframes kf_67_25_stroke_0 { 0% { animation-timing-function: step-end; stroke: #999D93; } 64% { animation-timing-function: ease-out; stroke: #999D93; } 67% { animation-timing-function: step-end; stroke: #0F7A5A; } 100% { stroke: #0F7A5A; } }

.figma-week-refresh[data-week-state="playing"] [data-week-motion-node="67:26"] { animation: kf_67_26_stroke_0 5s linear; animation-iteration-count: 1; animation-fill-mode: both;  }
@keyframes kf_67_26_stroke_0 { 0% { animation-timing-function: step-end; stroke: #999D93; } 64% { animation-timing-function: ease-out; stroke: #999D93; } 67% { animation-timing-function: step-end; stroke: #0F7A5A; } 100% { stroke: #0F7A5A; } }

.figma-week-refresh[data-week-state="playing"] [data-week-motion-node="67:28"] { animation: kf_67_28_color_0 5s linear; animation-iteration-count: 1; animation-fill-mode: both;  }
@keyframes kf_67_28_color_0 { 0% { animation-timing-function: step-end; color: #999D93; } 74% { animation-timing-function: ease-out; color: #999D93; } 77% { animation-timing-function: step-end; color: #0F7A5A; } 100% { color: #0F7A5A; } }

.figma-week-refresh[data-week-state="playing"] [data-week-motion-node="67:31"] { animation: kf_67_31_stroke_0 5s linear; animation-iteration-count: 1; animation-fill-mode: both;  }
@keyframes kf_67_31_stroke_0 { 0% { animation-timing-function: step-end; stroke: #999D93; } 74% { animation-timing-function: ease-out; stroke: #999D93; } 77% { animation-timing-function: step-end; stroke: #0F7A5A; } 100% { stroke: #0F7A5A; } }

.figma-week-refresh[data-week-state="playing"] [data-week-motion-node="67:32"] { animation: kf_67_32_stroke_0 5s linear; animation-iteration-count: 1; animation-fill-mode: both;  }
@keyframes kf_67_32_stroke_0 { 0% { animation-timing-function: step-end; stroke: #999D93; } 74% { animation-timing-function: ease-out; stroke: #999D93; } 77% { animation-timing-function: step-end; stroke: #0F7A5A; } 100% { stroke: #0F7A5A; } }

.figma-week-refresh[data-week-state="playing"] [data-week-motion-node="67:34"] { animation: kf_67_34_color_0 5s linear; animation-iteration-count: 1; animation-fill-mode: both;  }
@keyframes kf_67_34_color_0 { 0% { animation-timing-function: step-end; color: #999D93; } 84% { animation-timing-function: ease-out; color: #999D93; } 87% { animation-timing-function: step-end; color: #0F7A5A; } 100% { color: #0F7A5A; } }

.figma-week-refresh[data-week-state="playing"] [data-week-motion-node="67:37"] { animation: kf_67_37_stroke_0 5s linear; animation-iteration-count: 1; animation-fill-mode: both;  }
@keyframes kf_67_37_stroke_0 { 0% { animation-timing-function: step-end; stroke: #999D93; } 84% { animation-timing-function: ease-out; stroke: #999D93; } 87% { animation-timing-function: step-end; stroke: #0F7A5A; } 100% { stroke: #0F7A5A; } }

.figma-week-refresh[data-week-state="playing"] [data-week-motion-node="67:38"] { animation: kf_67_38_stroke_0 5s linear; animation-iteration-count: 1; animation-fill-mode: both;  }
@keyframes kf_67_38_stroke_0 { 0% { animation-timing-function: step-end; stroke: #999D93; } 84% { animation-timing-function: ease-out; stroke: #999D93; } 87% { animation-timing-function: step-end; stroke: #0F7A5A; } 100% { stroke: #0F7A5A; } }

.figma-week-refresh[data-week-state="playing"] [data-week-motion-node="67:40"] { animation: kf_67_40_color_0 5s linear; animation-iteration-count: 1; animation-fill-mode: both;  }
@keyframes kf_67_40_color_0 { 0% { animation-timing-function: step-end; color: #999D93; } 94% { animation-timing-function: ease-out; color: #999D93; } 97% { animation-timing-function: step-end; color: #0F7A5A; } 100% { color: #0F7A5A; } }

.figma-week-refresh[data-week-state="playing"] [data-week-motion-node="67:43"] { animation: kf_67_43_stroke_0 5s linear; animation-iteration-count: 1; animation-fill-mode: both;  }
@keyframes kf_67_43_stroke_0 { 0% { animation-timing-function: step-end; stroke: #999D93; } 94% { animation-timing-function: ease-out; stroke: #999D93; } 97% { animation-timing-function: step-end; stroke: #0F7A5A; } 100% { stroke: #0F7A5A; } }

.figma-week-refresh[data-week-state="playing"] [data-week-motion-node="67:44"] { animation: kf_67_44_stroke_0 5s linear; animation-iteration-count: 1; animation-fill-mode: both;  }
@keyframes kf_67_44_stroke_0 { 0% { animation-timing-function: step-end; stroke: #999D93; } 94% { animation-timing-function: ease-out; stroke: #999D93; } 97% { animation-timing-function: step-end; stroke: #0F7A5A; } 100% { stroke: #0F7A5A; } }

.figma-week-refresh[data-week-state="playing"] [data-week-motion-node="67:47"] { animation: kf_67_47_opacity_0 5s linear; animation-iteration-count: 1; animation-fill-mode: both;  }
@keyframes kf_67_47_opacity_0 { 0% { opacity: 0; } 21% { animation-timing-function: ease-out; opacity: 0; } 24% { opacity: 1; } 51% { animation-timing-function: ease-out; opacity: 1; } 54% { opacity: 0; } 100% { opacity: 0; } }

.figma-week-refresh[data-week-state="playing"] [data-week-motion-node="67:48"] { animation: kf_67_48_opacity_0 5s linear; animation-iteration-count: 1; animation-fill-mode: both;  }
@keyframes kf_67_48_opacity_0 { 0% { opacity: 0; } 54% { animation-timing-function: ease-out; opacity: 0; } 57% { opacity: 1; } 100% { opacity: 1; } }

@media (prefers-reduced-motion: reduce) {
  .figma-week-refresh [data-week-motion-node] { animation: none !important; }
}