.ugc-video-carousel{display:block;position:relative;color:var(--color-foreground);border-radius:var(--border-radius-top) var(--border-radius-top) var(--border-radius-bottom) var(--border-radius-bottom);overflow:hidden;width:100%;box-sizing:border-box;grid-column:1 / -1!important;--section-button-margin: var(--roots-rhythm-body-content);--ugc-gap: var(--roots-rhythm-items);--ugc-card: 78%}.ugc-video-carousel.section--page-width{grid-column:2 / -2;max-width:var(--page-content-width, 1376px);margin:0 auto}.ugc-video-carousel.section--full-width{grid-column:1 / -1!important}.ugc-video-carousel__head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--roots-rhythm-body-content);padding-inline:var(--page-margin, 16px);margin-block-end:var(--roots-rhythm-heading-content)}.ugc-video-carousel__intro{display:flex;flex-direction:column;gap:var(--roots-rhythm-heading-body);flex:1 1 auto;min-width:0}.ugc-video-carousel__heading,.ugc-video-carousel__body{margin:0}.ugc-video-carousel__heading:not(.rte),.ugc-video-carousel__body:not(.rte){color:var(--typo-color, inherit)}.ugc-video-carousel__body{max-width:48ch}.ugc-video-carousel__arrows{display:none;gap:var(--roots-rhythm-list-row);flex:none}.ugc-video-carousel__arrow{display:grid;place-items:center;width:44px;height:44px;padding:0;border-radius:var(--roots-radius-pill, 9999px);border:1px solid currentColor;background:transparent;color:var(--color-foreground-heading, var(--color-foreground));cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.ugc-video-carousel__arrow svg{width:18px;height:18px}.ugc-video-carousel__arrow:hover:not(:disabled){background:rgb(var(--color-foreground-rgb) / .06)}.ugc-video-carousel__arrow:disabled{opacity:.35;cursor:default}.ugc-video-carousel__track{display:flex;gap:var(--ugc-gap);margin:0;padding:0 var(--page-margin, 16px);list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--page-margin, 16px);overscroll-behavior-x:contain;scrollbar-width:none}.ugc-video-carousel__track::-webkit-scrollbar{display:none}.ugc-video-carousel__item{flex:0 0 var(--ugc-card);min-width:0;display:flex;flex-direction:column;gap:var(--roots-rhythm-items);scroll-snap-align:start}.ugc-video-carousel__media{position:relative;aspect-ratio:9 / 16;max-width:100%;border-radius:var(--roots-radius-rounded);overflow:hidden;background:rgb(var(--color-foreground-rgb) / .08)}.ugc-video-carousel__video,.ugc-video-carousel__cover,.ugc-video-carousel__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.ugc-video-carousel__placeholder{fill:rgb(var(--color-foreground-rgb) / .25)}.ugc-video-carousel__play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;width:100%;padding:0;border:0;background:transparent;cursor:pointer}.ugc-video-carousel__play svg{box-sizing:content-box;width:20px;height:20px;padding:18px 17px 18px 19px;border-radius:50%;color:#1f3025;background:#fcfcf7eb;box-shadow:0 4px 16px #0000002e;transition:transform .2s ease}.ugc-video-carousel__play:hover svg{transform:scale(1.06)}.ugc-video-carousel__play:focus-visible{outline:none}.ugc-video-carousel__play:focus-visible svg{outline:2px solid #1f3025;outline-offset:3px;box-shadow:0 0 0 7px #fcfcf7,0 4px 16px #0000002e}.ugc-video-carousel__media.is-playing .ugc-video-carousel__play,.ugc-video-carousel__media.is-playing .ugc-video-carousel__cover{display:none}.ugc-video-carousel__caption{display:flex;flex-direction:column;gap:var(--roots-rhythm-list-row)}.ugc-video-carousel__rating{font-size:14px}.ugc-video-carousel__rating .roots-rating__value{font-size:13px;color:var(--roots-muted, var(--color-foreground))}.ugc-video-carousel__who{display:flex;flex-direction:column;gap:var(--roots-rhythm-bonded)}.ugc-video-carousel__name,.ugc-video-carousel__dog,.ugc-video-carousel__quote{margin:0}.ugc-video-carousel__name:not(.rte){--color: var(--typo-color, var(--color-foreground-heading, var(--color-foreground)));color:var(--color)}.ugc-video-carousel__dog:not(.rte){--color: var(--typo-color, var(--roots-muted, var(--color-foreground)));color:var(--color)}.ugc-video-carousel__quote:not(.rte){--color: var(--typo-color, var(--color-foreground));color:var(--color)}.ugc-video-carousel__name:not(.custom-typography):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.paragraph){font-family:var(--font-body--family);font-size:15px;font-weight:700;line-height:1.3}.ugc-video-carousel__dog:not(.custom-typography):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.paragraph){font-family:var(--font-body--family);font-size:13px;line-height:1.4}.ugc-video-carousel__quote:not(.custom-typography):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.paragraph){font-family:var(--font-body--family);font-size:14px;line-height:1.5}.ugc-video-carousel__quote:before{content:"\201c"}.ugc-video-carousel__quote:after{content:"\201d"}.ugc-video-carousel__progress{position:relative;height:2px;margin-block-start:var(--roots-rhythm-body-content);margin-inline:var(--page-margin, 16px);background:rgb(var(--color-foreground-rgb) / .15);visibility:hidden}.ugc-video-carousel__progress-bar{position:absolute;inset-block:0;inset-inline-start:calc(var(--ugc-progress-pos, 0) * 100%);width:calc(var(--ugc-progress-size, 1) * 100%);background:var(--color-foreground-heading, var(--color-foreground))}.ugc-video-carousel[data-overflow] .ugc-video-carousel__progress{visibility:visible}@media screen and (min-width:750px){.ugc-video-carousel{--ugc-card: calc((100% - 2 * var(--ugc-gap)) / 2.5)}.ugc-video-carousel[data-overflow] .ugc-video-carousel__arrows{display:flex}}@media screen and (min-width:990px){.ugc-video-carousel{--ugc-card: calc((100% - 3 * var(--ugc-gap)) / 4)}}.ugc-featured-reel{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--roots-rhythm-body-content);padding-inline:var(--page-margin, 16px)}.ugc-featured-reel>*{grid-column:1}.ugc-featured-reel__intro,.ugc-featured-reel__panel{display:flex;flex-direction:column;gap:var(--roots-rhythm-body-content);min-width:0}.ugc-featured-reel__panel[hidden]{display:none}.ugc-featured-reel .ugc-video-carousel__media{width:min(100%,360px);align-self:center}.ugc-featured-reel .ugc-video-carousel__caption{gap:var(--roots-rhythm-heading-body)}.ugc-featured-reel .ugc-video-carousel__quote{order:-1}.ugc-featured-reel .ugc-video-carousel__quote:not(.custom-typography):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6):not(.paragraph){font-family:var(--font-heading--family);font-size:clamp(21px,2.2vw,26px);line-height:1.2;letter-spacing:-.02em}.ugc-featured-reel__thumbs{display:flex;flex-wrap:wrap;gap:var(--roots-rhythm-list-row)}.ugc-featured-reel__thumb{width:52px;aspect-ratio:9 / 16;padding:0;border:0;border-radius:var(--roots-radius-subtle);overflow:hidden;background:rgb(var(--color-foreground-rgb) / .12);cursor:pointer;opacity:.6;transition:opacity .2s ease}.ugc-featured-reel__thumb img{display:block;width:100%;height:100%;object-fit:cover}.ugc-featured-reel__thumb:hover,.ugc-featured-reel__thumb[aria-pressed=true]{opacity:1}.ugc-featured-reel__thumb[aria-pressed=true]{outline:2px solid var(--color-foreground-heading, var(--color-foreground));outline-offset:3px}.ugc-featured-reel__thumb:focus-visible{outline:2px solid var(--roots-focus-ring, currentColor);outline-offset:3px}@media screen and (min-width:990px){.ugc-featured-reel{grid-template-columns:minmax(0,1fr) minmax(0,320px) minmax(0,1fr);grid-template-rows:1fr auto auto 1fr;column-gap:var(--roots-rhythm-chapter);align-items:center}.ugc-featured-reel__intro{grid-column:1;grid-row:1 / -1}.ugc-featured-reel__panel:not([hidden]){display:contents}.ugc-featured-reel .ugc-video-carousel__media{grid-column:2;grid-row:1 / -1;width:100%}.ugc-featured-reel .ugc-video-carousel__caption{grid-column:3;grid-row:2}.ugc-featured-reel__thumbs{grid-column:3;grid-row:3}}.ugc-day-reel .ugc-video-carousel__track{background:linear-gradient(rgb(var(--color-foreground-rgb) / .45),rgb(var(--color-foreground-rgb) / .45)) 0 0 / 100% 1px no-repeat local}.ugc-day-reel__day{position:relative;margin:0;padding-block-start:16px;min-block-size:calc(16px + 1.4em);font-size:13px;line-height:1.4;font-variant-numeric:tabular-nums;color:var(--roots-muted, var(--color-foreground))}.ugc-day-reel__day:before{content:"";position:absolute;inset-block-start:0;inset-inline-start:0;width:1px;height:10px;background:currentColor}.ugc-day-reel__day:empty{display:block}.ugc-day-reel__day:empty:before{display:none}.ugc-day-reel__end{flex:0 0 auto;scroll-snap-align:end}.ugc-day-reel__end .ugc-day-reel__day{white-space:nowrap;font-weight:700;color:var(--color-foreground)}.ugc-day-reel__end .ugc-day-reel__day:before{height:16px}@media(prefers-reduced-motion:reduce){.ugc-video-carousel__play svg,.ugc-video-carousel__arrow,.ugc-featured-reel__thumb{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/ugc-video-carousel.css.map */