.breathly-ugc-strip__root{display:block;margin-top:18px}.breathly-ugc-strip__viewport{position:relative}.breathly-ugc-strip__rail{display:flex;gap:10px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-webkit-overflow-scrolling:touch;touch-action:pan-x pan-y pinch-zoom}.breathly-ugc-strip__rail::-webkit-scrollbar{display:none}.breathly-ugc-strip__rail:focus-visible,.breathly-ugc-strip__poster:focus-visible,.breathly-ugc-strip__control:focus-visible{outline:2px solid currentColor;outline-offset:3px}.breathly-ugc-strip__card{position:relative;flex:0 0 clamp(84px,29.5%,180px);aspect-ratio:9 / 15;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;border-radius:12px;background:#e9e7e2}.breathly-ugc-strip__poster,.breathly-ugc-strip__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.breathly-ugc-strip__poster{display:block;padding:0;overflow:hidden;border:0;background:#e9e7e2;color:#fff;cursor:pointer}.breathly-ugc-strip__poster--static{cursor:default}.breathly-ugc-strip__poster-image,.breathly-ugc-strip__video{display:block;width:100%;height:100%;object-fit:cover}.breathly-ugc-strip__poster[hidden],.breathly-ugc-strip__media[hidden]{display:none}.breathly-ugc-strip__video{background:#000}.breathly-ugc-strip__play{position:absolute;top:50%;left:50%;width:36px;height:36px;transform:translate(-50%,-50%);border:1px solid rgb(255 255 255 / 72%);border-radius:50%;background:#0006}.breathly-ugc-strip__play:after{position:absolute;top:50%;left:53%;width:0;height:0;transform:translate(-50%,-50%);border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:10px solid currentColor;content:""}.breathly-ugc-strip__control{position:absolute;z-index:1;top:50%;display:grid;width:44px;height:44px;padding:0;place-items:center;border:1px solid rgb(0 0 0 / 12%);border-radius:50%;background:#ffffffeb;color:#1e1e1e;box-shadow:0 2px 8px #00000029;cursor:pointer;transform:translateY(-50%)}.breathly-ugc-strip__control--previous{left:4px}.breathly-ugc-strip__control--next{right:4px}.breathly-ugc-strip__control:disabled{cursor:default;opacity:0;pointer-events:none}.breathly-ugc-strip__arrow{width:9px;height:9px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}.breathly-ugc-strip__control--previous .breathly-ugc-strip__arrow{transform:rotate(-135deg)}@media(max-width:479px){.breathly-ugc-strip__rail{gap:10px}.breathly-ugc-strip__control--previous{left:2px}.breathly-ugc-strip__control--next{right:2px}}@media(prefers-reduced-motion:reduce){.breathly-ugc-strip__rail{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/breathly-ugc-strip.css.map */