@font-face{font-family:EGH Catalogue Jost;src:url(pf-jost-latin.woff2) format("woff2");font-style:normal;font-weight:100 900;font-display:swap}.video-gallery{--vg-height: var(--vg-height-mobile);display:block;padding-block:var(--vg-padding-top) var(--vg-padding-bottom)}.video-gallery__heading{margin:0 0 20px}.video-gallery .video-gallery__track{display:flex;align-items:flex-start;gap:12px;margin:0;padding:4px;list-style:none;scroll-padding-inline:4px}.video-gallery .video-gallery__slide{position:relative;flex:0 0 calc(var(--vg-height) * .5625);min-width:0;aspect-ratio:9 / 16;padding:0;scroll-snap-align:start}.video-gallery__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;aspect-ratio:9 / 16;overflow:hidden;border-radius:5px;background:#efefec;isolation:isolate}.video-gallery__media video{display:block;width:100%;height:100%;object-fit:var(--vg-fit);background:#171917}.video-gallery__opener{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer}.video-gallery__opener:focus-visible{outline:3px solid #fff;outline-offset:-6px}.video-gallery__product{container:video-product / inline-size;display:grid;grid-template-columns:56px minmax(0,1fr);align-items:center;min-width:0;font-family:EGH Catalogue Jost,Arial,sans-serif;letter-spacing:normal}.video-gallery .video-gallery__product{position:absolute;inset:auto 0 0;z-index:1;grid-template-columns:clamp(32px,19%,52px) minmax(0,1fr);gap:10px;padding:30px 10px 10px;border-radius:0 0 5px 5px;color:#fff;background:linear-gradient(transparent,#000b);pointer-events:none}.video-gallery__product-image-link{display:block;width:100%;aspect-ratio:1;padding:0;overflow:hidden;border-radius:2px;background:transparent}.video-gallery__product-image{display:block;width:100%;height:100%;object-fit:contain}.video-gallery__product-info{min-width:0}.video-gallery__product-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:0;color:inherit;font:700 clamp(12px,6cqi,16px)/1.25 "EGH Catalogue Jost",Arial,sans-serif;text-decoration:none;overflow-wrap:anywhere}.video-gallery .video-gallery__product a{pointer-events:auto}.video-gallery .video-gallery__purchase,.video-gallery .video-gallery__product-price,.video-gallery .video-gallery__availability,.video-gallery__rating{display:none}.video-gallery__product :is(a,button):focus-visible{outline:2px solid #fff;outline-offset:2px}.video-gallery__navigation{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.video-gallery__navigation .slider-button{position:absolute;width:44px;height:44px;padding:14px;border:0;border-radius:50%;background:radial-gradient(circle,#fff 55%,transparent 58%);color:#242424;cursor:pointer;top:calc(var(--vg-height) / 2 - 18px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,visibility .16s ease}.video-gallery[data-scrolling] .slider-button,.video-gallery__navigation .slider-button:focus-visible{opacity:1;visibility:visible;pointer-events:auto}.video-gallery__navigation .slider-button--prev{left:-10px}.video-gallery__navigation .slider-button--next{right:-10px}.video-gallery__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;height:100%;color:#555;font-size:13px}.video-gallery__editor-note,.video-gallery__error{padding:12px;font-size:12px;line-height:1.5}.video-gallery__slide>.video-gallery__editor-note{position:absolute;inset:auto 10px 10px;margin:0;border-radius:4px;color:#fff;background:#000b}.video-gallery__error{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;color:#fff;background:#171917;pointer-events:none}.video-gallery [hidden],.video-gallery-modal [hidden]{display:none}.video-gallery-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10000;display:none;align-items:center;justify-content:center;background:#0009}.video-gallery-modal[open]{display:flex}body:has(video-gallery-modal[open]) :is(#whatsapp-widget-root,#whatflow-button-container,#whatflow-agent-modal,#whatflow-single-popup){display:none!important}.video-gallery-modal__dialog{position:relative;width:min(100%,56.25vh);width:min(100%,56.25dvh);height:100vh;height:100dvh;overflow:hidden;border-radius:0;background:#171917;box-shadow:0 16px 60px #0006;outline:none}.video-gallery-modal__frame{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#171917}.video-gallery-modal[data-dragging] .video-gallery-modal__frame,.video-gallery-modal[data-transitioning] .video-gallery-modal__frame{will-change:transform}.video-gallery-modal__frame[aria-hidden],.video-gallery-modal[data-dragging] .video-gallery__product{pointer-events:none}.video-gallery-modal__player,.video-gallery-modal__player video{display:block;width:100%;height:100%;border-radius:inherit}.video-gallery-modal__player{overflow:hidden;touch-action:pan-x pinch-zoom;-webkit-user-select:none;user-select:none}.video-gallery-modal__player video{object-fit:contain}.video-gallery-modal__toolbar{position:absolute;inset:0 0 auto;z-index:2;display:flex;justify-content:space-between;gap:8px;padding:max(12px,env(safe-area-inset-top)) max(6px,env(safe-area-inset-right)) 24px max(6px,env(safe-area-inset-left));background:linear-gradient(#0006,transparent);pointer-events:none}.video-gallery-modal__tools{display:flex;gap:4px}.video-gallery-modal__control{display:grid;place-items:center;width:44px;height:44px;padding:10px;border:0;border-radius:7px;color:#fff;background:#29292980;cursor:pointer;pointer-events:auto}.video-gallery-modal__control:hover{background:#292929c0}.video-gallery-modal__control:disabled{opacity:.35;cursor:default}.video-gallery-modal__control svg,.video-gallery-modal__control span{display:block;width:24px;height:24px}.video-gallery-modal [data-sound-off],.video-gallery-modal[data-muted] [data-sound-on],.video-gallery-modal [data-video-paused],.video-gallery-modal[data-paused] [data-video-playing]{display:none}.video-gallery-modal[data-muted] [data-sound-off],.video-gallery-modal[data-paused] [data-video-paused]{display:block}.video-gallery-modal__navigation{position:absolute;top:60%;right:max(6px,env(safe-area-inset-right));z-index:2;display:grid;gap:12px;transform:translateY(-50%)}.video-gallery-modal__navigation svg{width:20px;height:20px}.video-gallery-modal [data-reel-previous] svg{transform:rotate(180deg)}.video-gallery-modal__products{position:absolute;inset:auto 0 0;z-index:2;display:grid;justify-items:center;padding:12px max(8px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(8px,env(safe-area-inset-left));pointer-events:none}.video-gallery-modal .video-gallery__product{position:relative;width:100%;max-width:480px;grid-template-columns:clamp(60px,19vw,80px) minmax(0,1fr) 44px;gap:8px;margin:0;padding:8px;border:1px solid #d9d9d9;border-radius:12px;color:#080808;background:#fffffff0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;letter-spacing:0;font-family:Arial,Helvetica,sans-serif}.video-gallery-modal .video-gallery__product-image-link{align-self:center;border-radius:8px}.video-gallery-modal .video-gallery__product-title{display:-webkit-box;overflow:hidden;font-family:Arial,Helvetica,sans-serif!important;font-style:normal!important;font-weight:600!important;font-size:clamp(15px,4.35vw,18px);line-height:1.2;letter-spacing:0;text-transform:none}.video-gallery-modal .video-gallery__product-price{margin-top:4px;font:400 clamp(15px,4.35vw,18px)/1.2 Arial,Helvetica,sans-serif;overflow-wrap:anywhere}.video-gallery-modal .video-gallery__rating{display:flex;align-items:center;margin-top:4px;font-size:15px;line-height:1}.video-gallery-modal .rating-star{--color-rating-star: #ffd900;--font-size: 1.5;--letter-spacing: .15}.video-gallery__availability{font-size:12px}.video-gallery-modal .video-gallery__purchase{display:block;min-width:0;align-self:center}.video-gallery__purchase product-form{display:block;min-width:0}.video-gallery__cart-form{margin:0}.video-gallery__add{position:relative;display:flex;align-items:center;justify-content:center;width:44px;min-width:0;height:44px;padding:10px;border:0;border-radius:50%;background:#fff;color:#000;text-align:center;text-decoration:none;text-transform:capitalize;overflow-wrap:anywhere;cursor:pointer}.video-gallery__add:not(:disabled):hover{background:#fff;color:#000;box-shadow:0 0 10px #00000014}.video-gallery__add:disabled{opacity:1;cursor:default}.video-gallery__add:disabled>svg{opacity:.45}.video-gallery__add.loading>span{visibility:hidden}.video-gallery__add .loading__spinner{position:absolute;width:18px}.video-gallery__add .path{stroke:currentColor}.video-gallery__add>span,.video-gallery__add svg{display:block;width:24px;height:24px}.video-gallery__product .product-form__error-message-wrapper{position:absolute;inset:auto 0 calc(100% + 6px);margin:0;padding:10px;border-radius:8px;background:#fff;max-height:90px;overflow-y:auto;color:#8b0000;font-size:12px;line-height:1.35;overflow-wrap:anywhere}.video-gallery-modal :is(button,a,input):focus-visible{outline:2px solid #fff;outline-offset:-4px}.video-gallery-modal .video-gallery__product :is(button,a):focus-visible{outline-color:#111}.video-gallery-modal__share-link{position:absolute;top:64px;left:10px;z-index:3;width:calc(100% - 20px);padding:12px;border:1px solid #ccc;border-radius:6px;background:#fff;color:#111;font:inherit;font-size:14px}.video-gallery-modal__status:not(.visually-hidden){position:absolute;z-index:3;top:64px;left:10px;right:10px;margin:0;padding:10px;border-radius:6px;color:#fff;background:#000a;font-size:13px;line-height:1.4;pointer-events:none}.video-gallery-modal__error{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;margin:0;padding:24px;border-radius:inherit;color:#fff;background:#171917;font-size:14px;line-height:1.5;text-align:center}@media screen and (min-width:750px){.video-gallery-modal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.video-gallery{--vg-height: var(--vg-height-desktop)}}@media screen and (max-width:749px){.video-gallery-modal__dialog{width:100%;height:100%;height:100dvh;max-height:none;border-radius:0}}@media screen and (min-width:750px)and (max-height:600px){.video-gallery-modal__dialog{width:min(760px,calc(100vw - 32px));height:100vh;height:100dvh}.video-gallery-modal__player video{object-fit:contain}}@media screen and (max-height:480px){.video-gallery-modal__navigation{top:calc(50% - 20px);gap:8px}}@media(prefers-reduced-motion:reduce){.video-gallery__track{scroll-behavior:auto}.video-gallery__navigation .slider-button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/section-video-gallery.css.map */