.weekly-card-row-shell{flex-direction:column;gap:1rem;display:flex}.weekly-card-row{timeline-scope:--flipperTimeline1,--flipperTimeline2,--flipperTimeline3,--flipperTimeline4,--flipperTimeline5,--flipperTimeline6,--flipperTimeline7;width:var(--flipper-timeline-window-width);grid-template-rows:1fr;grid-template-columns:1fr;margin:0 auto;display:grid}.flip-timeline{z-index:1;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-x pan-y;scroll-snap-type:x mandatory;grid-area:1/1/-1/-1;gap:1rem;width:100%;margin:0 auto;display:flex;position:relative;overflow:scroll hidden}.flip-timeline .flip-timeline-item{width:100%;height:calc(var(--flipper-card-width)*var(--flipper-card-ratio-reverse));scroll-snap-align:center;view-timeline-axis:inline;flex:none}.flip-timeline .flip-timeline-item:first-child{view-timeline-name:--flipperTimeline1}.flip-timeline .flip-timeline-item:nth-child(2){view-timeline-name:--flipperTimeline2}.flip-timeline .flip-timeline-item:nth-child(3){view-timeline-name:--flipperTimeline3}.flip-timeline .flip-timeline-item:nth-child(4){view-timeline-name:--flipperTimeline4}.flip-timeline .flip-timeline-item:nth-child(5){view-timeline-name:--flipperTimeline5}.flip-timeline .flip-timeline-item:nth-child(6){view-timeline-name:--flipperTimeline6}.flip-timeline .flip-timeline-item:nth-child(7){view-timeline-name:--flipperTimeline7}.weekly-card-row-display{z-index:2;pointer-events:none;width:var(--flipper-timeline-window-width);perspective:900px;grid-area:1/1/-1/-1;gap:1rem;margin:0 auto;display:flex;position:relative;overflow:visible}.weekly-card-row-display .weekly-card-slot{top:0;left:calc(50% - var(--flipper-card-width)/2);transform-style:preserve-3d;opacity:1;transition:opacity var(--motion-duration-fast) var(--motion-ease-enter);animation:linear both cardFlip,linear both adjust-z-index;position:absolute}.weekly-card-row-display .weekly-card-slot:first-child{animation-timeline:--flipperTimeline1}.weekly-card-row-display .weekly-card-slot:nth-child(2){animation-timeline:--flipperTimeline2}.weekly-card-row-display .weekly-card-slot:nth-child(3){animation-timeline:--flipperTimeline3}.weekly-card-row-display .weekly-card-slot:nth-child(4){animation-timeline:--flipperTimeline4}.weekly-card-row-display .weekly-card-slot:nth-child(5){animation-timeline:--flipperTimeline5}.weekly-card-row-display .weekly-card-slot:nth-child(6){animation-timeline:--flipperTimeline6}.weekly-card-row-display .weekly-card-slot:nth-child(7){animation-timeline:--flipperTimeline7}.weekly-card-row-display .weekly-card-slot.weekly-card-slot--selection-inactive{opacity:0}.weekly-card-row-shell--selected .flip-timeline{visibility:hidden;pointer-events:none}.weekly-card-row-shell--selected .weekly-card-row-display .weekly-card-slot--selection-inactive{visibility:hidden}.weekly-card-row-shell--selected .weekly-card-row-display .weekly-card-slot--selection-active{filter:none;z-index:100;animation:none;transform:translate(0)rotateY(0)rotate(0)scale(1)}.weekly-card-slot--flip-in .featured-card,.weekly-card-slot--flip-out .featured-card{backface-visibility:hidden;transform-style:preserve-3d;transition:transform var(--motion-duration-fast) var(--motion-ease-enter)}.weekly-card-slot--flip-out .featured-card{transform:rotateY(90deg)}.weekly-card-slot--flip-reset .featured-card{backface-visibility:hidden;transition:none;transform:rotateY(-90deg)}.weekly-card-slot--flip-in .featured-card{transform:rotateY(0)}@media (hover:none) and (pointer:coarse){.weekly-card-row-display .weekly-card-slot{filter:none;animation:linear both cardFlipNoBlur,linear both adjust-z-index}.weekly-card-row-display .weekly-card-slot:first-child{animation-timeline:--flipperTimeline1}.weekly-card-row-display .weekly-card-slot:nth-child(2){animation-timeline:--flipperTimeline2}.weekly-card-row-display .weekly-card-slot:nth-child(3){animation-timeline:--flipperTimeline3}.weekly-card-row-display .weekly-card-slot:nth-child(4){animation-timeline:--flipperTimeline4}.weekly-card-row-display .weekly-card-slot:nth-child(5){animation-timeline:--flipperTimeline5}.weekly-card-row-display .weekly-card-slot:nth-child(6){animation-timeline:--flipperTimeline6}.weekly-card-row-display .weekly-card-slot:nth-child(7){animation-timeline:--flipperTimeline7}.weekly-card-row-display .featured-card__bg.parallax{animation:none}}@media (prefers-reduced-motion:reduce){.weekly-card-row-display .weekly-card-slot{transition-duration:1ms}.weekly-card-slot--flip-in .featured-card,.weekly-card-slot--flip-out .featured-card,.weekly-card-slot--flip-reset .featured-card{transition-duration:1ms;transform:none}}.weekly-card-row-dots{--dots-active-color:var(--color-primary);justify-content:center;align-items:center;gap:1rem;margin-block-start:1rem;display:flex}.weekly-card-row-dot{background:var(--color-neutral-300);will-change:width;cursor:pointer;border-radius:999rem;width:.625rem;height:.625rem;transition:transform .3s,filter .3s,opacity .3s,background-color .3s,width .3s}.weekly-card-row-dot:focus-visible,.weekly-card-row-dot:hover{background:var(--dots-active-color);transform:scale(1.15)}.weekly-card-row-dot:focus-visible{outline:2px solid var(--dots-active-color);outline-offset:3px}.weekly-card-row-dot--active{background:var(--dots-active-color);opacity:1;width:1.5rem}@keyframes cardFlip{0%{filter:blur(2px);transform:translate(25%)rotateY(-20deg)rotate(5deg)scale(.8)}25%{filter:blur();transform:translate(41.5%)rotateY(-30deg)rotate(5deg)scale(.9)}50%{filter:blur();transform:translate(0)rotateY(0)rotate(0)scale(1)}75%{filter:blur();transform:translate(-41.5%)rotateY(30deg)rotate(-5deg)scale(.9)}to{filter:blur(2px);transform:translate(-25%)rotateY(20deg)rotate(-5deg)scale(.8)}}@keyframes cardFlipNoBlur{0%{transform:translate(25%)rotateY(-20deg)rotate(5deg)scale(.8)}25%{transform:translate(41.5%)rotateY(-30deg)rotate(5deg)scale(.9)}50%{transform:translate(0)rotateY(0)rotate(0)scale(1)}75%{transform:translate(-41.5%)rotateY(30deg)rotate(-5deg)scale(.9)}to{transform:translate(-25%)rotateY(20deg)rotate(-5deg)scale(.8)}}@keyframes adjust-z-index{0%{z-index:var(--layer)}50%{z-index:100}to{z-index:var(--layer)}}
