.user-story-gallery{--user-story-gallery-gap: var(--space-token-s, 12px);--user-story-gallery-card-radius: var(--radius--base, 16px);--user-story-gallery-quote-radius: var(--radius-s, 8px);--user-story-gallery-card-width: 300px;--user-story-gallery-card-height: 370px;overflow:hidden}@media screen and (min-width:768px){.user-story-gallery{--user-story-gallery-gap: var(--space-token-md, 20px);--user-story-gallery-card-width: 375px;--user-story-gallery-card-height: 463px}}.user-story-gallery.section-settings.section-settings--padding-block{padding-inline-start:0;padding-inline-end:0}.user-story-gallery__component{display:block;width:100%}.user-story-gallery__header{width:100%;max-width:none;box-sizing:border-box;padding-inline-start:var(--user-story-gallery-offset-start);padding-inline-end:var(--user-story-gallery-offset-start);margin-block-end:var(--space-token-l, 24px)}.user-story-gallery .section-header .h2,.user-story-gallery .section-header .html-content,.user-story-gallery .section-header .html-content .h2{font:var(--font-2xl-semibold);color:var(--color-text-primary)}.user-story-gallery .section-header .html-content p,.user-story-gallery .section-header .html-content h2{margin:0}@media screen and (min-width:768px){.user-story-gallery .section-header .h2,.user-story-gallery .section-header .html-content,.user-story-gallery .section-header .html-content .h2{font:var(--font-6xl-semibold)}.user-story-gallery__header{margin-block-end:var(--space-token-2xl, 40px)}}.user-story-gallery__viewport{overflow:hidden;width:100%}.user-story-gallery__track{display:flex;flex-wrap:nowrap;align-items:stretch;gap:var(--user-story-gallery-gap);overflow-x:auto;overflow-y:hidden;scroll-snap-type:none;scrollbar-width:none;padding-inline:0;cursor:grab}.user-story-gallery__track::-webkit-scrollbar{display:none}.user-story-gallery__track.is-dragging{cursor:grabbing}.user-story-gallery__track:before,.user-story-gallery__track:after{content:"";flex:0 0 auto;height:1px;pointer-events:none}.user-story-gallery__track:before{width:var(--user-story-gallery-offset-start);flex-basis:var(--user-story-gallery-offset-start)}.user-story-gallery__track:after{width:var(--user-story-gallery-offset-end);flex-basis:var(--user-story-gallery-offset-end)}.user-story-gallery__stack{display:flex;flex-direction:column;flex-shrink:0;gap:var(--user-story-gallery-gap);width:var(--user-story-gallery-card-width);height:var(--user-story-gallery-card-height)}.user-story-gallery__card{position:relative;flex-shrink:0;width:var(--user-story-gallery-card-width);height:var(--user-story-gallery-card-height);overflow:hidden;border-radius:var(--user-story-gallery-card-radius)}.user-story-gallery__card--half{width:100%;height:calc((var(--user-story-gallery-card-height) - var(--user-story-gallery-gap)) / 2)}.user-story-gallery__media{position:absolute;top:0;right:0;bottom:0;left:0}.user-story-gallery__media img,.user-story-gallery__media .user-story-gallery__image,.user-story-gallery__video{width:100%;height:100%;object-fit:cover}.user-story-gallery__video{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;pointer-events:none;background:#000}.user-story-gallery__card.is-playing .user-story-gallery__video{opacity:1}iframe.user-story-gallery__video{border:0}.user-story-gallery__card.is-playing .user-story-gallery__play,.user-story-gallery__card.is-playing .user-story-gallery__body{opacity:0;pointer-events:none}.user-story-gallery__body{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:var(--space-token-l, 20px)}.user-story-gallery__card--half .user-story-gallery__body{padding:var(--space-token-base, 14px)}.user-story-gallery__quote{width:100%;padding:14px 16px;border-radius:var(--user-story-gallery-quote-radius);background:var(--mask-light-gray-l, rgba(0, 0, 0, .3));-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);color:var(--color-text-white-primary);font:var(--font-sm-medium);text-shadow:0 1px 11px rgba(0,0,0,.05)}.user-story-gallery__quote p{margin:0}.user-story-gallery__author{display:block;margin-block-start:4px;text-align:end}.user-story-gallery__play,.user-story-gallery__body{transition:opacity .2s ease}.user-story-gallery__play{position:absolute;top:20px;right:20px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:var(--radius-xs, 4px);background:var(--color-text-white-primary, rgba(255, 255, 255, .93));color:var(--color-text-primary);cursor:pointer}.user-story-gallery__play .icon{width:16px;height:16px}
/*# sourceMappingURL=/cdn/shop/t/27/assets/user-story-gallery.css.map */