.yjl-video-showcase{margin:24px 0 16px;width:100%}.yjl-video-showcase__heading{margin:0 0 18px;color:#333;font-family:var(--font-stack-body);font-size:14px;font-weight:700;line-height:20px;letter-spacing:0}.yjl-video-showcase__carousel{position:relative}.main-product__block-yjl_video_showcase{margin:0}.yjl-video-showcase__track{display:flex;gap:8px;width:100%;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;touch-action:pan-y;cursor:grab;-webkit-overflow-scrolling:touch}.yjl-video-showcase__track::-webkit-scrollbar{display:none}.yjl-video-showcase__track .main-product__block-yjl_video_showcase{flex:0 0 calc((100% - 16px)*.4);min-width:0;margin-top:0;scroll-snap-align:start}.yjl-video-showcase__card{position:relative;width:100%;aspect-ratio:9 / 16;overflow:hidden;border-radius:8px;background:rgb(var(--color-border))}.yjl-video-showcase__slider{position:absolute;z-index:3;top:50%;display:grid;place-items:center;width:32px;height:32px;padding:0;border:1px solid rgb(var(--color-border));border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground));box-shadow:0 3px 12px #00000024;cursor:pointer;transform:translateY(-50%);-webkit-tap-highlight-color:transparent}.yjl-video-showcase__slider svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.yjl-video-showcase__slider--previous{left:0;transform:translate(-50%,-50%)}.yjl-video-showcase__slider--next{right:0;transform:translate(50%,-50%)}.yjl-video-showcase__slider:disabled{display:none}.yjl-video-showcase__video{display:block;width:100%;height:100%;object-fit:cover}.yjl-video-showcase__open{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;width:100%;height:100%;padding:0;border:0;background:transparent;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}.yjl-video-showcase__open svg{width:36px;height:36px;padding:9px;border-radius:50%;background:#0000007a;opacity:0;transition:opacity .18s ease}.yjl-video-showcase__track .main-product__block-yjl_video_showcase:not(:first-child) .yjl-video-showcase__open svg,.yjl-video-showcase__open:hover svg,.yjl-video-showcase__open:focus-visible svg{opacity:1}.yjl-video-showcase__open:focus-visible{outline:2px solid currentColor;outline-offset:-4px}.yjl-video-showcase__placeholder{display:grid;place-items:center}.yjl-video-showcase__placeholder span{position:absolute;inset:auto 12px 12px;text-align:center;font-size:12px}.yjl-video-viewer{position:fixed;z-index:2147483646;top:0;right:0;bottom:0;left:0;isolation:isolate;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:#000;color:#fff}.yjl-video-viewer::backdrop{background:#000}.yjl-video-viewer__slides{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;overscroll-behavior:contain;scrollbar-width:none}.yjl-video-viewer__slides::-webkit-scrollbar{display:none}.yjl-video-viewer__slide{position:relative;display:grid;place-items:center;height:100%;scroll-snap-align:start;scroll-snap-stop:always}.yjl-video-viewer__video{display:block;width:100%;height:100%;object-fit:contain;cursor:pointer}.yjl-video-viewer__control{position:absolute;z-index:3;display:grid;place-items:center;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:#0000007a;color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}.yjl-video-viewer__control svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.yjl-video-viewer__close{top:18px;left:18px}.yjl-video-viewer__minimize{top:18px;right:18px}.yjl-video-viewer__sound{right:18px;bottom:24px}.yjl-video-viewer__sound .is-unmuted,.yjl-video-viewer__sound.is-unmuted .is-muted{display:none}.yjl-video-viewer__sound.is-unmuted .is-unmuted{display:block}.yjl-video-viewer__navigation{position:absolute;z-index:3;right:18px;top:50%;display:flex;flex-direction:column;gap:12px;transform:translateY(-50%)}.yjl-video-viewer__navigation .yjl-video-viewer__control{position:relative}.yjl-video-viewer__control:disabled{opacity:.3;cursor:default}@media(min-width:768px){.yjl-video-showcase__track .main-product__block-yjl_video_showcase{flex-basis:calc((100% - 16px) / 3)}.yjl-video-viewer__slide{padding:24px 72px}.yjl-video-viewer__video{max-width:560px}}@media(max-width:767px){.yjl-video-showcase__track:after{content:"";display:block;flex:0 0 calc(100% - ((100% - 16px)*.4) - 8px);height:1px}.yjl-video-showcase__heading{font-size:18px;line-height:24px}.yjl-video-viewer__control{width:42px;height:42px}.yjl-video-viewer__close,.yjl-video-viewer__minimize{top:max(12px,env(safe-area-inset-top))}.yjl-video-viewer__close{left:12px}.yjl-video-viewer__minimize,.yjl-video-viewer__sound,.yjl-video-viewer__navigation{right:12px}.yjl-video-viewer__sound{bottom:max(18px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.yjl-video-showcase__open svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/101/assets/yjl-video-showcase.css.map */