.community-carousel{--size:300vw;--img-width:17.2vw;--img-height:21.5vw;--radius:calc((var(--size) - var(--img-height)) / 2);--bottom-padding:10vw;--section-gap:var(--spacing-2xl);gap:var(--section-gap);flex-direction:column;display:flex}.shopify-section .community-carousel{overflow:clip}@media (width<750px){.community-carousel{--size:660vw;--img-width:40vw;--img-height:50.1vw;--bottom-padding:12vw;--section-gap:var(--spacing-md)}}.community-carousel__header{text-align:center;align-items:center;gap:var(--spacing-sm);flex-direction:column;max-width:480px;margin:0 auto;display:flex}@media (width<750px){.community-carousel__header{margin:0 var(--spacing-sm);max-width:100%}}.community-carousel__eyebrow,.community-carousel__title{margin:0}.community-carousel__track{width:100%;height:calc(var(--img-height) + var(--bottom-padding));cursor:grab;touch-action:pan-y;position:relative}.community-carousel__track.is-dragging{cursor:grabbing}@media (width<750px){.community-carousel__track{margin-bottom:var(--spacing-md)}}.community-carousel__inner{width:var(--size);aspect-ratio:1;min-width:600px;top:0;left:calc(50% - var(--size) / 2);transition:rotate 1.2s cubic-bezier(.16,1,.3,1);position:absolute}.community-carousel__card{--index:0;--step:calc(360deg / var(--items));--angle:calc(var(--step) * var(--index));--difference:calc((var(--img-height) - var(--img-width)) / 2);--x:calc(var(--difference) + var(--radius) + var(--radius) * cos(var(--angle)));--y:calc(var(--radius) + var(--radius) * sin(var(--angle)));width:var(--img-width);height:var(--img-height);left:var(--x);top:var(--y);rotate:calc(var(--angle) + 90deg);position:absolute}.community-carousel__card .social-post{width:100%}.community-carousel__card .social-post.resource-list__item{max-width:none}.community-carousel__card .social-post__media{height:var(--img-height);max-height:none}.community-carousel__card .social-post__media img,.community-carousel__card .social-post__media video,.community-carousel__card .social-post__media svg{object-position:center;border-radius:var(--spacing-2xs)}.community-carousel__card .social-post__author{--color:var(--color-gray-600)}.community-carousel__btn{z-index:1;margin-top:calc((var(--section-gap) + 26px) * -1);justify-content:center;display:flex;position:relative}
