@property --imgRotate{syntax: "<angle>"; inherits: true; initial-value: 0deg;}.text-carousel[data-v-c5ec3958]{container:activities-widget / inline-size;inline-size:min(100%,625px);margin-inline:auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1lh auto auto;gap:.5rem 2rem}.text-carousel>*[data-v-c5ec3958]{grid-area:1 / 1 / 1 / 1}.text-carousel>.activity[data-v-c5ec3958]{grid-template-rows:subgrid;grid-template-columns:subgrid;display:flex;flex-direction:column;padding:1rem;margin-block-end:3rem;grid-column:1 / -1;grid-row:1 / -1}.text-carousel>.activity .img[data-v-c5ec3958]{grid-column:1 / 2;grid-row:1 / 4;width:100%;aspect-ratio:1;max-inline-size:125px;margin-inline:auto;margin-block-end:.5rem;overflow:clip;border-radius:8px;border:3px solid light-dark(white,#333);box-shadow:0 0 5px #0003;rotate:var(--imgRotate, 0deg);transition:.2s}.text-carousel>.activity .img>img[data-v-c5ec3958]{width:100%;height:100%;object-fit:cover;display:block}.text-carousel>.activity:nth-child(1) .img[data-v-c5ec3958]{--imgRotate: 4deg}.text-carousel>.activity:nth-child(2) .img[data-v-c5ec3958]{--imgRotate: -2deg}.text-carousel>.activity:nth-child(3) .img[data-v-c5ec3958]{--imgRotate: -9deg}.text-carousel>.activity:nth-child(4) .img[data-v-c5ec3958]{--imgRotate: 7deg}.text-carousel>.activity .text[data-v-c5ec3958]{grid-column:2 / 3;grid-row:2 / 3;opacity:1;translate:0 0;pointer-events:all;background:none;color:light-dark(rgba(30,30,30,.6),rgba(240,240,240,.6));transition:.5s cubic-bezier(.85,0,.15,1);text-align:center}.text-carousel>.activity .text h3[data-v-c5ec3958]{color:light-dark(black,white);margin:0}.text-carousel>.activity.active .text[data-v-c5ec3958]{opacity:1;translate:0 0;pointer-events:all}@media not (min-width:48rem){.text-carousel>.activity.active .text[data-v-c5ec3958]{margin-top:2rem}}.text-carousel>.activity.active .img[data-v-c5ec3958]{animation:.66s moveOutIn-c5ec3958 cubic-bezier(.34,1.56,.64,1);animation-fill-mode:forwards}.text-carousel.children-animating .img[data-v-c5ec3958]{animation:.75s straightenImages-c5ec3958}.text-carousel .activities-count[data-v-c5ec3958]{grid-column:2 / -1;place-self:start;z-index:99;color:color-mix(in srgb,var(--color-secondary-500) 60%,transparent 0%);font-size:.9rem;font-weight:300;margin:auto;margin-top:1rem}@keyframes straightenImages-c5ec3958{50%{--imgRotate: 0deg}}@keyframes moveOutIn-c5ec3958{50%{translate:-100% 0;scale:1.15}to{translate:0 0;z-index:1}}