torque-activity-carousel{position:relative;display:block;--activity-gap:20px;--activity-width:calc((100% - 60px)/4);margin-top:30px}
torque-activity-carousel[data-activity-linked="false"] .tile{cursor:default}
torque-activity-carousel[data-activity-linked="false"] .tile:hover img{transform:none}
torque-activity-carousel[data-activity-linked="false"] .tile:hover .ov{opacity:.78}
.activity-carousel__track{position:relative;display:flex;gap:var(--activity-gap);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:20px;-webkit-overflow-scrolling:touch}
.activity-carousel__track::-webkit-scrollbar{display:none}
.activity-carousel__track>.tile{flex:0 0 var(--activity-width);min-width:0;scroll-snap-align:start;background:#123e59}
.activity-carousel__track .tile .tx{position:relative;inset:auto;align-self:end;z-index:1;padding:22px 20px;color:#fff;overflow-wrap:anywhere}
.activity-carousel__track>.tile{display:grid;align-items:end}
.activity-carousel__track .tile .tx h3{font-size:clamp(19px,1.65vw,23px);line-height:1.18;margin-bottom:5px}
.activity-carousel__track .tile .tx p{line-height:1.5}
.activity-carousel__track .tile:focus-visible{outline:3px solid #ffb600;outline-offset:-4px}
@media(min-width:721px){.activity-carousel__track .activity-carousel__photo--mobile-only{display:none}}
.activity-carousel__track:focus-visible{outline:3px solid #167db3;outline-offset:5px}
.activity-placeholder{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 80% 10%,#428bad 0,transparent 65%),#123e59}
.activity-placeholder svg{width:84px;height:84px;margin-bottom:40px;fill:none;stroke:#d4ecf7;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round;opacity:.75}
.activity-placeholder--responders{background:radial-gradient(ellipse at 80% 10%,#947365 0,transparent 65%),#382e37}
.activity-placeholder--fishing{background:radial-gradient(ellipse at 80% 10%,#409997 0,transparent 65%),#123d51}
.activity-placeholder--running{background:radial-gradient(ellipse at 80% 10%,#879d65 0,transparent 65%),#233f35}
@media(max-width:1024px){torque-activity-carousel{--activity-width:calc((100% - 40px)/3)}}
@media(max-width:720px){torque-activity-carousel{--activity-gap:14px;--activity-width:82%;margin-top:24px}.activity-carousel__track{border-radius:16px}.activity-carousel__track .tile .tx{padding:24px 20px}.activity-carousel__track .tile .tx h3{font-size:24px}.activity-carousel__track .tile .tx p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.activity-carousel__track .tile img,.activity-carousel__track .tile .ov{transition:none}.activity-carousel__track .tile:hover img{transform:none}}