media-gallery[data-yh-gallery]{display:block;min-width:0}media-gallery[data-yh-gallery] [id^=GalleryViewer-]{position:relative;display:block;min-width:0;margin:0}body.yh-storefront :is(#MainContent,quick-add-modal) media-gallery[data-yh-gallery] .product__media-list{position:relative;isolation:isolate;display:block;width:100%;max-width:100%;margin:0;padding:0;overflow:hidden;scroll-padding:0;touch-action:pan-y pinch-zoom}body.yh-storefront :is(#MainContent,quick-add-modal) media-gallery[data-yh-gallery] .product__media-item{position:relative;width:100%;max-width:none;margin:0;padding:0;border-radius:0;scroll-margin:0;animation:none;opacity:1;transform:none}media-gallery[data-yh-gallery] .product__media-item:not(.is-active):not(.yh-gallery-outgoing),media-gallery[data-yh-gallery] [id^=GalleryViewer-]>.slider-buttons,media-gallery[data-yh-gallery] .product__modal-opener--image>.product__media-icon{display:none!important}body.yh-storefront :is(#MainContent,quick-add-modal) media-gallery[data-yh-gallery] .product__media-item.is-active{z-index:1}body.yh-storefront :is(#MainContent,quick-add-modal) media-gallery[data-yh-gallery] .product__media-item.yh-gallery-outgoing{position:absolute;display:block;z-index:0;inset:0 0 auto;pointer-events:none;user-select:none}media-gallery[data-yh-gallery] .media-type-image{border:0;border-radius:0;box-shadow:none;background:#fff}media-gallery[data-yh-gallery] .product__modal-opener--image img{cursor:zoom-in}.yh-gallery-arrows{position:absolute;z-index:4;inset:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;pointer-events:none}.yh-gallery-arrows[hidden]{display:none}.yh-gallery-arrow,body.yh-storefront :is(#MainContent,quick-add-modal) media-gallery[data-yh-gallery] .product__media-toggle.yh-gallery-zoom{display:grid;place-items:center;flex:0 0 auto;box-sizing:border-box;width:56px;height:56px;min-width:44px;min-height:44px;margin:0;padding:0;border:1px solid #e6e6e6;border-radius:50%;background:#fafafa;color:#202126;box-shadow:none;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent}.yh-gallery-arrow svg{width:22px;height:22px}body.yh-storefront :is(#MainContent,quick-add-modal) media-gallery[data-yh-gallery] .product__media-toggle.yh-gallery-zoom{position:absolute;z-index:5;inset:auto 20px 20px auto;width:48px;height:48px}body.yh-storefront :is(#MainContent,quick-add-modal) media-gallery[data-yh-gallery] .yh-gallery-zoom svg{width:20px;height:20px}body.yh-storefront :is(#MainContent,quick-add-modal) media-gallery[data-yh-gallery] .yh-gallery-zoom::after{display:none}media-gallery[data-yh-gallery] [id^=GalleryThumbnails-]>.slider-button{display:none}body.yh-storefront :is(#MainContent,quick-add-modal) media-gallery[data-yh-gallery] .thumbnail{border:0;border-bottom:2px solid transparent;border-radius:6px 6px 0 0;box-shadow:none}body.yh-storefront :is(#MainContent,quick-add-modal) media-gallery[data-yh-gallery] .thumbnail[aria-current=true]{border-color:#202126;box-shadow:none}media-gallery[data-yh-gallery] .thumbnail img{object-fit:contain}@media(min-width:750px){media-gallery[data-yh-gallery]:has([id^=GalleryThumbnails-]){display:grid;grid-template-columns:64px minmax(0,1fr);align-items:start;gap:24px}media-gallery[data-yh-gallery] [id^=GalleryViewer-]{grid-column:2;grid-row:1}media-gallery[data-yh-gallery]:not(:has([id^=GalleryThumbnails-])) [id^=GalleryViewer-]{grid-column:1}body.yh-storefront :is(#MainContent,quick-add-modal) media-gallery[data-yh-gallery] [id^=GalleryThumbnails-]{display:block;grid-column:1;grid-row:1;width:64px;min-width:0;margin:0;padding:0}body.yh-storefront :is(#MainContent,quick-add-modal) media-gallery[data-yh-gallery] .thumbnail-list{position:relative;display:flex;flex-direction:column;gap:14px;width:64px;max-height:var(--yh-viewer-height, 640px);margin:0;padding:0;overflow-x:hidden;overflow-y:auto;scroll-padding:0;scroll-snap-type:y proximity;scrollbar-width:none;overscroll-behavior-y:contain}media-gallery[data-yh-gallery] .thumbnail-list::-webkit-scrollbar{display:none}body.yh-storefront :is(#MainContent,quick-add-modal) media-gallery[data-yh-gallery] .thumbnail-list__item{flex:0 0 66px;width:64px;height:66px;margin:0;padding:0;scroll-snap-align:start}media-gallery[data-yh-gallery] .thumbnail-list__item::before,media-gallery[data-yh-gallery] .thumbnail-list::after{display:none}}@media(hover:hover)and (pointer:fine){.yh-gallery-arrows{visibility:hidden;opacity:0;transition:opacity 160ms ease,visibility 160ms ease}media-gallery[data-yh-gallery] [id^=GalleryViewer-]:is(:hover,:has(:focus-visible)) .yh-gallery-arrows{visibility:visible;opacity:1}}product-modal[data-yh-lightbox]{box-sizing:border-box;width:100vw;height:100vh;height:100dvh;background:#fafafa;overflow:hidden}product-modal[data-yh-lightbox][open]{z-index:9999}product-modal[data-yh-lightbox] .product-media-modal__dialog{position:relative;display:block;width:100%;height:100vh;height:100dvh;padding:0;background:#fafafa;color:#202126}product-modal[data-yh-lightbox] .product-media-modal__content{display:grid;position:relative;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);align-items:center;justify-content:center;box-sizing:border-box;width:100%;height:100%;max-height:none;padding:12px 32px;overflow:hidden;outline:none;background:#fafafa;touch-action:pan-y pinch-zoom}product-modal[data-yh-lightbox] .product-media-modal__content>[data-media-id]{grid-area:1 / 1;justify-self:center;align-self:center}product-modal[data-yh-lightbox] .product-media-modal__content>[data-media-id]:not(.active):not(.yh-lightbox-outgoing){display:none!important}product-modal[data-yh-lightbox] .product-media-modal__content>.yh-lightbox-outgoing{display:block;pointer-events:none}product-modal[data-yh-lightbox] .product-media-modal__content>img:is(.active,.yh-lightbox-outgoing){display:block;flex:0 1 auto;width:auto;height:auto;min-width:0;min-height:0;max-width:100%;max-height:100%;margin:0;padding:0;border:0;border-radius:0;object-fit:contain;box-shadow:none;cursor:zoom-in;user-select:none;-webkit-user-drag:none;transform-origin:center}product-modal[data-yh-lightbox].yh-lightbox--zoomed .product-media-modal__content>img.active{cursor:grab;touch-action:none;transform:translate(var(--yh-pan-x, 0px),var(--yh-pan-y, 0px)) scale(2)}product-modal[data-yh-lightbox].yh-lightbox--dragging .product-media-modal__content>img.active{cursor:grabbing}product-modal[data-yh-lightbox] .product-media-modal__content>.active:not(img){display:block;width:min(100%,1100px);max-height:100%;margin:0}product-modal[data-yh-lightbox] .product-media-modal__toggle{position:absolute;z-index:6;top:max(20px,env(safe-area-inset-top));right:max(20px,env(safe-area-inset-right));display:grid;place-items:center;width:56px;height:56px;margin:0;padding:0;border:1px solid #dedede;border-radius:50%;background:#fff;color:#202126;box-shadow:none;cursor:pointer}product-modal[data-yh-lightbox] .product-media-modal__toggle svg{width:18px;height:18px}.yh-lightbox-navigation{position:absolute;z-index:6;bottom:max(28px,env(safe-area-inset-bottom));left:50%;display:flex;align-items:center;min-height:48px;padding:0 4px;border:1px solid #dedede;border-radius:999px;background:rgb(255 255 255 / 96%);color:#202126;transform:translateX(-50%)}.yh-lightbox-navigation button{display:grid;place-items:center;flex:0 0 44px;width:44px;min-height:46px;padding:0;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.yh-lightbox-navigation button:disabled{opacity:.35;cursor:default}.yh-lightbox-navigation svg{width:20px;height:20px}.yh-lightbox-counter{min-width:56px;padding:0 8px;font-family:YewseaStore,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.4;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}product-modal[data-yh-lightbox] :is(button,img[role=button]):focus-visible{outline:2px solid #b7470a;outline-offset:3px}@media(max-width:749px){.yh-gallery-arrows{padding:12px}.yh-gallery-arrow{width:44px;height:44px}body.yh-storefront :is(#MainContent,quick-add-modal) media-gallery[data-yh-gallery] .product__media-toggle.yh-gallery-zoom{right:12px;bottom:12px;width:44px;height:44px}product-modal[data-yh-lightbox] .product-media-modal__content{padding:12px}product-modal[data-yh-lightbox] .product-media-modal__toggle{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));width:48px;height:48px}.yh-lightbox-navigation{bottom:max(16px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.yh-gallery-arrows{transition:none}}
