.pebbl-reels{padding:56px 20px}@media screen and (min-width:750px){.pebbl-reels{padding:80px 56px}}.pebbl-reels__header{max-width:640px;margin:0 auto 32px;text-align:center}.pebbl-reels__eyebrow{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:rgb(var(--color-neutral-500));margin-bottom:12px}.pebbl-reels__heading{font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:26px;margin:0}@media screen and (min-width:750px){.pebbl-reels__heading{font-size:32px}}.pebbl-reels__text{margin-top:12px;color:rgb(var(--color-neutral-700))}.pebbl-reels__viewport{display:block;position:relative}.pebbl-reels__track{--reels-gap: 16px;--reels-per-view: 1.4;display:flex;gap:var(--reels-gap);margin:0;padding:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none;-webkit-overflow-scrolling:touch}.pebbl-reels__track::-webkit-scrollbar{display:none}@media screen and (min-width:750px){.pebbl-reels__track{--reels-gap: 20px;--reels-per-view: 4}}.pebbl-reels__slide{flex:0 0 calc((100% - (var(--reels-per-view) - 1) * var(--reels-gap)) / var(--reels-per-view));scroll-snap-align:start}.pebbl-reels__link{display:block;text-decoration:none;color:inherit}.pebbl-reels__frame{position:relative;aspect-ratio:9 / 16;overflow:hidden;border-radius:var(--pebbl-radius-image-lg);background-color:rgb(var(--color-neutral-100))}.pebbl-reels__video,.pebbl-reels__image,.pebbl-reels__frame .placeholder-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.pebbl-reels__caption{margin:12px 0 0;font-size:14px;line-height:1.5;color:rgb(var(--color-neutral-700))}.pebbl-reels__controls{display:flex;justify-content:center;align-items:center;gap:16px;margin-top:24px}.pebbl-reels__button{width:40px;height:40px;border-radius:var(--pebbl-radius-circle);border:1px solid rgb(var(--color-divider));background:transparent;font-family:var(--font-heading-family);font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.pebbl-reels__button:hover{background-color:rgb(var(--color-neutral-100))}.pebbl-reels__button--toggle{font-size:12px;letter-spacing:.08em}@media(prefers-reduced-motion:reduce){.pebbl-reels__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/pebbl-reels.css.map */