.weather-timeline{display:block;color:#ffffffed;--weather-timeline-edge-padding: 18px;--weather-timeline-ease-out: cubic-bezier(.16, 1, .3, 1);--weather-timeline-ease-soft: cubic-bezier(.22, 1, .36, 1);--weather-timeline-ease-emphasized: cubic-bezier(.2, .8, .2, 1);position:relative;overflow-x:visible}.weather-timeline__sticky-wrapper{min-height:100vh;position:relative}.weather-timeline__sticky-content{align-items:stretch;display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:visible}.weather-timeline .section-header{margin-block-end:48px}.weather-timeline .section-header .prose{max-width:var(--weather-timeline-header-width, 1000px);margin-inline:auto}.weather-timeline .section-header .prose>*{opacity:0;transform:translate3d(0,100px,0);will-change:opacity,transform}.weather-timeline .section-header .prose.is-visible>*{animation:weather-timeline-fade-slide-up .6s cubic-bezier(.25,.46,.45,.94) forwards;animation-delay:var(--weather-prose-delay, 0s)}@keyframes weather-timeline-fade-slide-up{0%{opacity:0;transform:translate3d(0,100px,0)}to{opacity:1;transform:translateZ(0)}}.weather-timeline .section-header .h2{max-width:var(--weather-timeline-heading-width, 800px);margin-inline:auto;font-size:clamp(24px,3.1vw,40px);line-height:1.1;font-weight:700}.weather-timeline .section-header .prose>:not(.h2,.subheading){max-width:var(--weather-timeline-heading-width, 800px);margin-inline:auto;color:#fff9;font-size:18px;font-weight:400;line-height:1.33}.weather-timeline__viewport{display:flex;flex-direction:column;gap:43px;align-items:center}.weather-timeline__nav-scroller{width:min(100%,795px);overflow-x:auto;overflow-y:visible;scrollbar-width:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.weather-timeline__nav-scroller::-webkit-scrollbar{display:none}.weather-timeline__nav{position:relative;display:grid;grid-template-columns:repeat(var(--timeline-count),minmax(0,1fr));gap:40px;min-width:795px;padding-inline:var(--weather-timeline-edge-padding);padding-block-start:6px;padding-block-end:2px;box-sizing:border-box}.weather-timeline__track,.weather-timeline__progress{position:absolute;top:63px;left:var(--weather-timeline-edge-padding);right:var(--weather-timeline-edge-padding);width:auto;height:10px;border-radius:20px;pointer-events:none}.weather-timeline__track{background:var(--weather-timeline-track-color, rgba(255, 255, 255, .22))}.weather-timeline__progress{clip-path:inset(0 calc((1 - var(--timeline-progress, 0)) * 100%) 0 0);background:linear-gradient(90deg,var(--weather-timeline-progress-color-1, #ffa100) 17%,var(--weather-timeline-progress-color-2, #ffffff) 32%,var(--weather-timeline-progress-color-3, #0183cf) 61%,var(--weather-timeline-progress-color-4, #014acf) 87%);box-shadow:0 0 28px #0183cf57;transition:clip-path .68s var(--weather-timeline-ease-out);will-change:clip-path}.weather-timeline__button{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:36px;min-width:0;padding:0;color:var(--weather-timeline-label-color, currentColor);background:transparent;border:0;cursor:pointer;opacity:.5;transform:translateY(0) scale(1);transition:color .28s ease,opacity .28s ease,transform .36s var(--weather-timeline-ease-out);overflow:visible}.weather-timeline__button.is-complete,.weather-timeline__button[aria-selected=true]{color:var(--weather-timeline-label-active-color, currentColor);opacity:1}.weather-timeline__button[aria-selected=true]{transform:translateY(-4px) scale(1.02)}.weather-timeline__icon{display:grid;place-items:center;width:48px;height:48px;filter:drop-shadow(0 0 0 rgba(255,255,255,0));transform:scale(.96);transition:filter .36s ease,transform .42s var(--weather-timeline-ease-out)}.weather-timeline__button.is-complete .weather-timeline__icon,.weather-timeline__button[aria-selected=true] .weather-timeline__icon{filter:drop-shadow(0 0 16px rgba(255,255,255,.34));transform:scale(1)}.weather-timeline__icon svg{width:48px;height:48px;display:block}@media screen and (min-width:700px){.weather-timeline__icon,.weather-timeline__icon svg{width:42px;height:42px}}.weather-timeline__label{font-size:var(--weather-timeline-label-size, 18px);font-weight:600;line-height:1.33;white-space:nowrap;transition:color .28s ease,font-size .36s var(--weather-timeline-ease-out)}.weather-timeline__button:first-of-type{justify-self:start;align-items:flex-start}.weather-timeline__button:last-of-type{justify-self:end;align-items:flex-end}.weather-timeline__label--mobile{display:none}.weather-timeline__button[aria-selected=true] .weather-timeline__label{font-size:var( --weather-timeline-label-active-size, var(--weather-timeline-label-size, 18px) )}.weather-timeline__gallery{width:calc(100vw - 40px);margin-inline:calc(50% - 50vw + 20px);overflow:hidden;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none}.weather-timeline__gallery.is-dragging{cursor:grabbing}.weather-timeline__slides{display:flex;gap:var(--weather-timeline-slide-gap, 20px);padding-inline-start:max(0px,calc((100vw - var(--current-section-width, 1200px)) / 2 - 20px));transition:transform .76s var(--weather-timeline-ease-out);will-change:transform}.weather-timeline__slide{flex:0 0 min(100%,var(--weather-timeline-gallery-width, 620px));position:relative;overflow:hidden;aspect-ratio:620 / 348;border-radius:var(--weather-timeline-radius, 16px);background:#272b34;opacity:.5;user-select:none;-webkit-user-select:none;transform:scale(.96);transition:opacity .48s ease,transform .76s var(--weather-timeline-ease-out);will-change:opacity,transform}.weather-timeline__slide.is-active{opacity:1;transform:scale(1)}.weather-timeline__slide:not(.is-active){cursor:pointer}.weather-timeline__slide:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#00000047;opacity:1;transition:opacity .52s ease}.weather-timeline__slide.is-active:after{opacity:0}.weather-timeline__slide picture-breakpoint,.weather-timeline__slide picture{display:block;height:100%;width:100%}.weather-timeline__image{width:100%;height:100%;display:block;object-fit:cover;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;transform:scale(1.06) translate(var(--parallax-x, 0));transition:transform .82s var(--weather-timeline-ease-out);will-change:transform}.weather-timeline__slide.is-active .weather-timeline__image{transform:scale(1.02) translate(0)}.weather-timeline__caption{position:absolute;left:24px;right:24px;bottom:22px;z-index:1;max-width:520px;color:#ffffffd1;font-size:14px;line-height:1.45;opacity:0;transform:translateY(12px);transition:opacity .42s ease .12s,transform .52s var(--weather-timeline-ease-out) .12s}.weather-timeline__slide.is-active .weather-timeline__caption{opacity:1;transform:translateY(0)}@media(hover:hover)and (pointer:fine){.weather-timeline__button:hover{opacity:.78;transform:translateY(-2px)}.weather-timeline__button[aria-selected=true]:hover{opacity:1;transform:translateY(-4px) scale(1.02);cursor:default}.weather-timeline__button[aria-selected=true]:hover .weather-timeline__icon{filter:drop-shadow(0 0 16px rgba(255,255,255,.34));transform:scale(1)}}@media screen and (max-width:699px){.weather-timeline{--weather-timeline-edge-padding: 0;--weather-timeline-mobile-nav-inset: 20px;--weather-timeline-mobile-nav-inner-width: calc( 100vw - (var(--weather-timeline-mobile-nav-inset) * 2) );overflow:visible;overflow-x:visible}.weather-timeline__sticky-wrapper,.weather-timeline__sticky-content{min-height:auto}.weather-timeline__sticky-content{overflow:visible}.weather-timeline .section-header{margin-block-end:24px}.weather-timeline .section-header .h2{font-size:24px;line-height:1.33;text-align:left}.weather-timeline .section-header .prose>:not(.h2,.subheading){font-size:14px;font-weight:500;line-height:1.43;text-align:left}.weather-timeline__viewport{align-items:stretch;gap:25px;overflow:visible}.weather-timeline__nav-scroller{margin-inline:calc(50% - 50vw);width:100vw;scroll-padding-inline:var(--weather-timeline-mobile-nav-inset);overflow-y:visible;max-width:100vw;overflow-x:hidden}.weather-timeline__nav{width:max-content;min-width:calc((var(--timeline-count) * (var(--weather-timeline-mobile-nav-inner-width) / 2)) + (var(--weather-timeline-mobile-nav-inset) * 2));gap:0;grid-template-columns:repeat(var(--timeline-count),minmax(calc(var(--weather-timeline-mobile-nav-inner-width) / 2),1fr));padding-inline:var(--weather-timeline-mobile-nav-inset);padding-block-start:6px;padding-block-end:0}.weather-timeline__track,.weather-timeline__progress{top:37px;height:6px;left:var(--weather-timeline-mobile-nav-inset);right:var(--weather-timeline-mobile-nav-inset)}.weather-timeline__button{align-items:flex-start;gap:27px;justify-self:stretch}.weather-timeline__button:first-of-type{justify-self:start;align-items:flex-start}.weather-timeline__button:not(:first-of-type):not(:last-of-type){justify-self:center;align-items:center}.weather-timeline__button:not(:first-of-type):not(:last-of-type) .weather-timeline__label{text-align:center}.weather-timeline__button:last-of-type{justify-self:end;align-items:flex-end}.weather-timeline__button:last-of-type .weather-timeline__label{text-align:right}.weather-timeline__icon,.weather-timeline__icon svg{width:24px;height:24px;overflow:visible}.weather-timeline__label{font-size:var(--weather-timeline-label-size-mobile, 16px);line-height:1.38;max-width:none;white-space:nowrap;overflow-wrap:normal}.weather-timeline__label--desktop{display:none}.weather-timeline__label--mobile{display:inline}.weather-timeline__button[aria-selected=true] .weather-timeline__label{font-size:var( --weather-timeline-label-active-size-mobile, var(--weather-timeline-label-size-mobile, 16px) )}.weather-timeline__gallery{--weather-timeline-gallery-start-offset: 0px;box-sizing:border-box;width:100vw;max-width:100vw;margin-inline:calc(50% - 50vw);overflow:hidden;padding-inline-end:20px;transform:translate(0)}.weather-timeline.is-first-active .weather-timeline__gallery{--weather-timeline-gallery-start-offset: 20px}.weather-timeline__slides{gap:var(--weather-timeline-slide-gap-mobile, 16px);padding-inline-start:0;padding-left:var(--weather-timeline-gallery-start-offset)}.weather-timeline__slide{flex-basis:259px;aspect-ratio:259 / 172;border-radius:16px}.weather-timeline__image{top:0;right:0;bottom:0;left:0;position:absolute}.weather-timeline__caption{display:none}}@media(prefers-reduced-motion:reduce){.weather-timeline__progress,.weather-timeline .section-header .prose>*,.weather-timeline__slides,.weather-timeline__slide,.weather-timeline__image,.weather-timeline__caption,.weather-timeline__button{animation-duration:1ms;transition-duration:1ms}}
/*# sourceMappingURL=/cdn/shop/t/56/assets/weather-timeline-slider.css.map */