usage-video-list{display:block}.product-info>.usage-video-list{margin-block:0}.usage-video-list{display:flex;flex-direction:column;gap:12px;width:100%;margin-block:24px}.usage-video-list__headline{margin:0;color:#0a3c44;font-family:var(--heading-font-family);font-size:18px;font-style:normal;font-weight:700;line-height:24px}.usage-video-list__row{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;--padding-inline: 16px;padding-inline:var(--padding-inline)}.usage-video-list__row::-webkit-scrollbar{display:none}.usage-video-list__row.flickity-enabled{display:block;overflow:visible;scroll-snap-type:none}.usage-video-list__row .flickity-viewport{overflow:hidden;margin-inline:calc(-1 * var(--padding-inline));width:calc(100% + 2 * var(--padding-inline));padding-inline:var(--padding-inline)}.usage-video-list__row .flickity-slider{margin-inline:var(--padding-inline);width:calc(100% - 2 * var(--padding-inline))}.usage-video-list__row{--bleed: 0px}@media screen and (max-width:999px){.usage-video-list__row{--bleed: var(--container-gutter, 16px);margin-inline:calc(-1 * (100vw - var(--scrollbar-width, 0px) - 100%) / 2)}}.usage-video-card{position:relative;flex:0 0 160px;width:160px;margin-inline-end:8px;height:228px;padding:0;margin-block:0;margin-inline-start:0;border:0;border-radius:8px;overflow:hidden;background:#dfd9d2;color:inherit;text-align:start;cursor:pointer;scroll-snap-align:start;-webkit-tap-highlight-color:transparent}.usage-video-card__still,.usage-video-card__still img,.usage-video-card__still video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.usage-video-card__play{position:absolute;top:8px;right:8px;width:24px;height:24px;pointer-events:none}.usage-video-card:first-child{margin-inline-start:var(--bleed)}.usage-video-card:last-child{margin-inline-end:var(--bleed)}.usage-video-voice{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:8px;border-radius:4px;background:#f7f5f3;font-family:var(--text-font-family);font-style:normal;pointer-events:none}.usage-video-card .usage-video-voice{position:absolute;inset:auto 6px 6px 6px}.usage-video-voice__stars{--star-h: 10px;display:block;flex:none;width:calc(var(--stars) * var(--star-h) * 1.2 - var(--star-h) * .2);height:var(--star-h);background:var(--usage-video-star) 0 0 / calc(var(--star-h) * 1.2) var(--star-h) repeat-x}.usage-video-voice__quote{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;width:100%;color:#212121;font-size:11px;font-weight:400;line-height:15px;word-break:break-word}.usage-video-voice__last{white-space:nowrap}.usage-video-voice__verified{display:inline-block;width:10px;height:10px;margin-inline-start:4px;vertical-align:-1px}html.usage-video-open{overflow:hidden}.usage-video-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:flex;justify-content:center;background:#000000e6;overscroll-behavior:contain;touch-action:none}.usage-video-modal[hidden]{display:none}.usage-video-modal__stage{position:relative;display:flex;flex-direction:column;justify-content:space-between;width:min(100vw,56.25dvh);height:100dvh;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom));background:#000;overflow:hidden;user-select:none;-webkit-user-select:none}.usage-video-modal__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.usage-video-modal__tap{position:absolute;top:0;right:0;bottom:0;left:0}.usage-video-modal__head{position:relative;display:flex;flex-direction:column;gap:12px;pointer-events:none}.usage-video-modal__progress{display:flex;gap:4px;width:100%}.usage-video-modal__segment{flex:1 1 0;height:2px;overflow:hidden;background:#ffffff80}.usage-video-modal__segment-fill{display:block;width:0;height:100%;background:#fff}.usage-video-modal__controls{display:flex;justify-content:flex-end;gap:8px}.usage-video-modal__button{display:block;width:32px;height:32px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer;pointer-events:auto}.usage-video-modal__button img{display:block;width:32px;height:32px}.usage-video-modal__voice{position:relative;width:min(248px,100%);pointer-events:none}.usage-video-modal__voice .usage-video-voice__stars{--star-h: 12px}.usage-video-modal__voice:empty{display:none}@media screen and (min-width:1000px){.usage-video-list__headline{font-size:22px;line-height:28px}.usage-video-list__row{--padding-inline: 0px}.usage-video-card{width:200px;height:285px}.usage-video-voice__quote{font-size:13px;line-height:17px}}
/*# sourceMappingURL=/cdn/shop/t/139/assets/usage-video-list.css.map */