#MainContent[data-template^=product] .khushi-product-gallery-shell[data-khushi-enabled=true]{--khushi-gallery-height: calc((var(--khushi-gallery-vh, 100) * 1dvh) - var(--khushi-gallery-viewport-gap, 0px));--khushi-border-current: transparent;position:relative;box-sizing:border-box;width:100%;min-width:0;background:var(--khushi-gallery-bg, transparent);border:var(--khushi-gallery-border-width, 1px) solid var(--khushi-border-current);border-radius:var(--khushi-gallery-radius, 12px);overflow:hidden}#MainContent[data-template^=product] .khushi-product-gallery-shell[data-khushi-enabled=false]{display:contents}#MainContent[data-template^=product] .khushi-product-gallery-shell.khushi-gallery--border-active{--khushi-border-current: var(--khushi-gallery-border-color, currentColor)}#MainContent[data-template^=product] .khushi-product-gallery-shell>media-gallery{min-width:0;min-height:0}#MainContent[data-template^=product] .khushi-product-gallery-shell media-gallery:not(.dialog-zoomed-gallery *) .product-media-container--image .product-media__image,#MainContent[data-template^=product] .khushi-product-gallery-shell media-gallery.media-gallery--hint :not(.dialog-zoomed-gallery) .product-media-container--image .product-media__image{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;background:transparent!important}#MainContent[data-template^=product] .khushi-product-gallery-shell[data-khushi-enabled=true] .product-media-container:is(.product-media-container--video,.product-media-container--external_video) .product-media{background:var(--khushi-gallery-bg, transparent)}#MainContent[data-template^=product] .khushi-product-gallery-shell[data-khushi-enabled=true] .product-media-container:is(.product-media-container--video,.product-media-container--external_video) .product-media__image,#MainContent[data-template^=product] .khushi-product-gallery-shell[data-khushi-enabled=true] .product-media-container:is(.product-media-container--video,.product-media-container--external_video) deferred-media .deferred-media__poster-image,#MainContent[data-template^=product] .khushi-product-gallery-shell[data-khushi-enabled=true] .product-media-container:is(.product-media-container--video,.product-media-container--external_video) deferred-media video{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center center!important;background:var(--khushi-gallery-bg, transparent)!important}#MainContent[data-template^=product] .khushi-product-gallery-shell[data-khushi-enabled=true] .product-media-container--external_video deferred-media iframe{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:auto!important;background:var(--khushi-gallery-bg, transparent)!important}@media screen and (min-width:750px){#MainContent[data-template^=product] .khushi-product-gallery-shell[data-khushi-enabled=true]{height:max(360px,min(var(--khushi-gallery-height),100dvh));max-height:100dvh;padding:var(--khushi-gallery-padding, 12px);gap:var(--khushi-gallery-gap, 12px)}#MainContent[data-template^=product] .khushi-product-gallery-shell[data-khushi-enabled=true]>media-gallery,#MainContent[data-template^=product] .khushi-product-gallery-shell[data-khushi-enabled=true] media-gallery>slideshow-component,#MainContent[data-template^=product] .khushi-product-gallery-shell[data-khushi-enabled=true] slideshow-container,#MainContent[data-template^=product] .khushi-product-gallery-shell[data-khushi-enabled=true] slideshow-slides,#MainContent[data-template^=product] .khushi-product-gallery-shell[data-khushi-enabled=true] slideshow-slide,#MainContent[data-template^=product] .khushi-product-gallery-shell[data-khushi-enabled=true] .product-media-container,#MainContent[data-template^=product] .khushi-product-gallery-shell[data-khushi-enabled=true] .product-media{min-width:0;min-height:0;max-height:100%}#MainContent[data-template^=product] .khushi-product-gallery-shell[data-khushi-enabled=true]>media-gallery,#MainContent[data-template^=product] .khushi-product-gallery-shell[data-khushi-enabled=true] media-gallery>slideshow-component,#MainContent[data-template^=product] .khushi-product-gallery-shell[data-khushi-enabled=true] slideshow-container,#MainContent[data-template^=product] .khushi-product-gallery-shell[data-khushi-enabled=true] slideshow-slides,#MainContent[data-template^=product] .khushi-product-gallery-shell[data-khushi-enabled=true] slideshow-slide,#MainContent[data-template^=product] .khushi-product-gallery-shell[data-khushi-enabled=true] .product-media-container:not(zoom-dialog *),#MainContent[data-template^=product] .khushi-product-gallery-shell[data-khushi-enabled=true] .product-media:not(zoom-dialog *){height:100%}#MainContent[data-template^=product] .khushi-product-gallery-shell[data-khushi-enabled=true] media-gallery{width:100%;padding:0!important}#MainContent[data-template^=product] .khushi-product-gallery-shell[data-khushi-enabled=true] media-gallery>slideshow-component>slideshow-controls:not(.desktop\:hidden){display:none!important}#MainContent[data-template^=product] .khushi-gallery-controls{min-width:0;min-height:0;display:flex;gap:var(--khushi-gallery-control-gap, 8px);scrollbar-width:thin}#MainContent[data-template^=product] .khushi-gallery-control{-webkit-appearance:none;appearance:none;border:var(--khushi-gallery-thumb-border-width, 1px) solid transparent;border-radius:var(--khushi-gallery-thumb-radius, 10px);background:transparent;padding:0;margin:0;overflow:hidden;flex:0 0 var(--khushi-gallery-thumb-size, 56px);width:var(--khushi-gallery-thumb-size, 56px);height:var(--khushi-gallery-thumb-size, 56px);cursor:pointer;transition:border-color .16s ease,opacity .16s ease,transform .16s ease}#MainContent[data-template^=product] .khushi-gallery-control:hover{opacity:.82}#MainContent[data-template^=product] .khushi-gallery-control[aria-current=true]{border-color:var(--khushi-gallery-active-color, currentColor)}#MainContent[data-template^=product] .khushi-gallery-control:focus-visible{outline:2px solid currentColor;outline-offset:2px}#MainContent[data-template^=product] .khushi-gallery-control__image{display:block;width:100%;height:100%;object-fit:contain;object-position:center;background:transparent}#MainContent[data-template^=product] .khushi-gallery-control__fallback{display:grid;place-items:center;width:100%;height:100%;font-size:.75rem}#MainContent[data-template^=product] .khushi-product-gallery-shell[data-khushi-gallery-style=vertical_thumbnails]{display:grid;grid-template-columns:var(--khushi-gallery-thumb-size,56px) minmax(0,1fr);grid-template-rows:minmax(0,1fr);grid-template-areas:"controls media"}#MainContent[data-template^=product] .khushi-product-gallery-shell[data-khushi-gallery-style=vertical_thumbnails]>media-gallery{grid-area:media}#MainContent[data-template^=product] .khushi-product-gallery-shell[data-khushi-gallery-style=vertical_thumbnails]>.khushi-gallery-controls{grid-area:controls;flex-direction:column;overflow-x:hidden;overflow-y:auto;align-items:stretch}#MainContent[data-template^=product] .khushi-product-gallery-shell[data-khushi-gallery-style=horizontal_thumbnails]{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) var(--khushi-gallery-thumb-size,56px);grid-template-areas:"media" "controls"}#MainContent[data-template^=product] .khushi-product-gallery-shell[data-khushi-gallery-style=horizontal_thumbnails]>media-gallery{grid-area:media}#MainContent[data-template^=product] .khushi-product-gallery-shell[data-khushi-gallery-style=horizontal_thumbnails]>.khushi-gallery-controls{grid-area:controls;flex-direction:row;overflow-x:auto;overflow-y:hidden;justify-content:flex-start}#MainContent[data-template^=product] .khushi-product-gallery-shell[data-khushi-gallery-style=carousel_dots]{display:grid;grid-template:"media" minmax(0,1fr) / minmax(0,1fr)}#MainContent[data-template^=product] .khushi-product-gallery-shell[data-khushi-gallery-style=carousel_dots]>media-gallery{grid-area:media}#MainContent[data-template^=product] .khushi-product-gallery-shell[data-khushi-gallery-style=carousel_dots]>.khushi-gallery-controls{position:absolute;z-index:3;left:50%;bottom:max(var(--khushi-gallery-padding,12px),12px);transform:translate(-50%);overflow:visible;align-items:center;justify-content:center}}@media screen and (max-width:749px){#MainContent[data-template^=product] .khushi-product-gallery-shell[data-khushi-enabled=true]{border-radius:var(--khushi-gallery-radius, 12px)}#MainContent[data-template^=product] .khushi-product-gallery-shell>.khushi-gallery-controls{display:none!important}}
/*# sourceMappingURL=/cdn/shop/t/35/assets/khushi-product-media.css.map */