.mot-social-proof{--mot-social-gap: 12px;position:relative;width:100%;margin-top:20px}.mot-social-proof__rail-wrap{position:relative}.mot-social-proof__rail{width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mot-social-proof__rail::-webkit-scrollbar,.mot-social-proof__viewer::-webkit-scrollbar{display:none}.mot-social-proof__track{display:flex;gap:var(--mot-social-gap)}.mot-social-proof__card{position:relative;flex:0 0 calc(25% - 9px);min-width:0;padding:0;overflow:hidden;border:0;border-radius:8px;background:#eee7df;aspect-ratio:2 / 3;cursor:pointer;scroll-snap-align:start}.mot-social-proof__card:focus-visible,.mot-social-proof__rail-arrow:focus-visible,.mot-social-proof__viewer-arrow:focus-visible,.mot-social-proof__close:focus-visible{outline:2px solid currentColor;outline-offset:3px}.mot-social-proof__media,.mot-social-proof__card>video,.mot-social-proof__card>img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.mot-social-proof__rail-arrow,.mot-social-proof__viewer-arrow,.mot-social-proof__close{display:grid;place-items:center;padding:0;border:1px solid currentColor;border-radius:999px;background:#f8f3ed;color:#332b27;cursor:pointer}.mot-social-proof__rail-arrow{position:absolute;z-index:2;top:50%;width:40px;height:40px;transform:translateY(-50%)}.mot-social-proof__rail-arrow--previous{left:-10px}.mot-social-proof__rail-arrow--next{right:-10px}.mot-social-proof__rail-arrow svg,.mot-social-proof__viewer-arrow svg{width:18px;height:18px}.mot-social-proof__rail-arrow:disabled{opacity:0;pointer-events:none}.mot-social-proof__lightbox{position:fixed;z-index:1000002;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:28px 64px;background:#261f1beb}.mot-social-proof__lightbox[hidden]{display:none!important}.mot-social-proof__lightbox-panel{position:relative;width:min(80vw,900px);max-width:100%}.mot-social-proof__viewer{width:100%;max-height:90vh;overflow-x:auto;overscroll-behavior-inline:contain;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch}.mot-social-proof__viewer-track{display:flex}.mot-social-proof__slide{display:grid;flex:0 0 100%;min-width:0;height:min(90vh,900px);place-items:center;scroll-snap-align:start;scroll-snap-stop:always}.mot-social-proof__viewer-media,.mot-social-proof__slide>img,.mot-social-proof__slide>video{display:block;width:100%;height:100%;max-height:90vh;object-fit:contain}.mot-social-proof__close{position:absolute;z-index:4;top:calc(var(--mot-social-media-top, 0px) + 8px);right:calc(var(--mot-social-media-right, 0px) + 8px);width:28px;height:28px;font-size:20px;line-height:1}.mot-social-proof__viewer-arrow{position:absolute;z-index:3;top:var(--mot-social-media-centre-y, 50%);display:grid;width:48px;height:48px;padding:0;place-items:center;border:0;border-radius:0;background:transparent;color:#000;font:inherit;font-size:22px;font-weight:600;line-height:1;transform:translateY(-50%)}.mot-social-proof__viewer-arrow--previous{left:calc(var(--mot-social-media-left, 0px) + 8px)}.mot-social-proof__viewer-arrow--next{right:calc(var(--mot-social-media-right, 0px) + 8px)}body.mot-social-proof-open{overflow:hidden}@media(max-width:749px){.mot-social-proof{--mot-social-gap: 8px;margin-top:18px}.mot-social-proof__card{flex-basis:calc(31.25% - 7.5px);border-radius:6px}.mot-social-proof__rail-arrow{display:none}.mot-social-proof__lightbox{padding:12px}.mot-social-proof__lightbox-panel{width:100%}.mot-social-proof__slide{height:calc(100dvh - 24px)}.mot-social-proof__viewer-media,.mot-social-proof__slide>img,.mot-social-proof__slide>video{max-height:calc(100dvh - 24px)}.mot-social-proof__viewer-arrow{display:none}.mot-social-proof__close{top:calc(var(--mot-social-media-top, 0px) + 8px);right:calc(var(--mot-social-media-right, 0px) + 8px)}}@media(prefers-reduced-motion:reduce){.mot-social-proof__rail,.mot-social-proof__viewer{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/447/assets/mot-social-proof-gallery.css.map */