FileMaster

Edit File: product-gallery-style.css

@keyframes wc-skeleton-shimmer{to{transform:translateX(100%)}}:where(.wc-block-product-gallery-large-image){flex-grow:1;overflow:hidden;position:relative;width:100%}:where(.wc-block-product-gallery-large-image):has(.wc-block-components-product-image--aspect-ratio-auto){aspect-ratio:1/1}:where(.wc-block-product-gallery-large-image) :where(.wc-block-product-gallery-large-image__container){align-items:center;display:flex;margin:0;overflow:hidden;padding:0}:where(.wc-block-product-gallery-large-image) :where(.wc-block-product-gallery-large-image__wrapper){align-items:center;display:flex;flex-shrink:0;justify-content:center;max-width:100%;min-width:100%}:where(.wc-block-product-gallery-large-image) :where(.wc-block-product-gallery-large-image__wrapper):has(.wc-block-components-product-image--aspect-ratio-auto){aspect-ratio:1/1}:where(.wc-block-product-gallery-large-image) .wc-block-components-product-image.wc-block-components-product-image{height:100%;margin:0;width:100%}:where(.wc-block-product-gallery-large-image) .wc-block-components-product-image.wc-block-components-product-image :where(a){height:100%}:where(.wc-block-product-gallery-large-image) .wc-block-components-product-image.wc-block-components-product-image img{height:100%}:where(.wc-block-product-gallery-large-image) .wc-block-components-product-image.wc-block-components-product-image.wc-block-components-product-image--aspect-ratio-auto img{object-fit:contain!important}:where(.wc-block-product-gallery-large-image) :where(.wc-block-woocommerce-product-gallery-large-image__image){display:block;position:relative;transition:all .1s linear;z-index:1}:where(.wc-block-product-gallery-large-image) :where(.wc-block-woocommerce-product-gallery-large-image__image):where(.wc-block-woocommerce-product-gallery-large-image__image--full-screen-on-click){cursor:pointer}:where(.wc-block-product-gallery-large-image) :where(.wc-block-woocommerce-product-gallery-large-image__image):where(.wc-block-woocommerce-product-gallery-large-image__image--hoverZoom){cursor:zoom-in}:where(.wc-block-product-gallery-large-image) :where(.wc-block-woocommerce-product-gallery-large-image__image--legacy){aspect-ratio:1/1;margin:0 auto;object-fit:contain;width:100%}:where(.wc-block-product-gallery-large-image) :where(.wc-block-product-gallery-large-image__inner-blocks){display:flex;flex-direction:column;height:calc(100% - 10px);left:5px;position:absolute;top:5px;width:calc(100% - 10px)}:where(.wc-block-product-gallery-large-image) :where(.wc-block-product-gallery-large-image__inner-blocks)>*{margin-left:unset;margin-right:unset}:where(.wc-block-product-gallery-large-image) :where(.wc-block-next-previous-buttons){align-items:center;display:flex;height:100%;justify-content:space-between;width:100%}:where(.wc-block-product-gallery-large-image) :where(.wc-block-next-previous-buttons):where(.alignleft){gap:0;justify-content:flex-start}:where(.wc-block-product-gallery-large-image) :where(.wc-block-next-previous-buttons):where(.alignright){gap:0;justify-content:flex-end}:where(.wc-block-product-gallery-large-image) :where(.wc-block-next-previous-buttons):where(.aligncenter){gap:0;justify-content:center}:where(.wc-block-product-gallery-large-image) :where(.wc-block-next-previous-buttons):where(.aligntop){align-items:flex-start}:where(.wc-block-product-gallery-large-image) :where(.wc-block-next-previous-buttons):where(.alignbottom){align-items:flex-end}@media(min-width:601px){.wc-block-product-gallery:not(.is-vertical):not(:has(.is-vertical)) :where(.wc-block-product-gallery-thumbnails__scrollable){flex-direction:column}.wc-block-product-gallery:not(.is-vertical):not(:has(.is-vertical)):has(.wc-block-components-product-image--aspect-ratio-1) :where(.wc-block-product-gallery-thumbnails),.wc-block-product-gallery:not(.is-vertical):not(:has(.is-vertical)):has(.wc-block-components-product-image--aspect-ratio-auto) :where(.wc-block-product-gallery-thumbnails){aspect-ratio:1/calc(100/var(--wc-block-product-gallery-thumbnails-size));flex-basis:calc(var(--wc-block-product-gallery-thumbnails-size)*1%)}.wc-block-product-gallery:not(.is-vertical):not(:has(.is-vertical)):has(.wc-block-components-product-image--aspect-ratio-4-3) :where(.wc-block-product-gallery-thumbnails){aspect-ratio:4/calc(100/var(--wc-block-product-gallery-thumbnails-size)*3);flex-basis:calc(var(--wc-block-product-gallery-thumbnails-size)*1%)}.wc-block-product-gallery:not(.is-vertical):not(:has(.is-vertical)):has(.wc-block-components-product-image--aspect-ratio-3-4) :where(.wc-block-product-gallery-thumbnails){aspect-ratio:3/calc(100/var(--wc-block-product-gallery-thumbnails-size)*4);flex-basis:calc(var(--wc-block-product-gallery-thumbnails-size)*1%)}.wc-block-product-gallery:not(.is-vertical):not(:has(.is-vertical)):has(.wc-block-components-product-image--aspect-ratio-3-2) :where(.wc-block-product-gallery-thumbnails){aspect-ratio:3/calc(100/var(--wc-block-product-gallery-thumbnails-size)*2);flex-basis:calc(var(--wc-block-product-gallery-thumbnails-size)*1%)}.wc-block-product-gallery:not(.is-vertical):not(:has(.is-vertical)):has(.wc-block-components-product-image--aspect-ratio-2-3) :where(.wc-block-product-gallery-thumbnails){aspect-ratio:2/calc(100/var(--wc-block-product-gallery-thumbnails-size)*3);flex-basis:calc(var(--wc-block-product-gallery-thumbnails-size)*1%)}.wc-block-product-gallery:not(.is-vertical):not(:has(.is-vertical)):has(.wc-block-components-product-image--aspect-ratio-16-9) :where(.wc-block-product-gallery-thumbnails){aspect-ratio:16/calc(100/var(--wc-block-product-gallery-thumbnails-size)*9);flex-basis:calc(var(--wc-block-product-gallery-thumbnails-size)*1%)}.wc-block-product-gallery:not(.is-vertical):not(:has(.is-vertical)):has(.wc-block-components-product-image--aspect-ratio-9-16) :where(.wc-block-product-gallery-thumbnails){aspect-ratio:9/calc(100/var(--wc-block-product-gallery-thumbnails-size)*16);flex-basis:calc(var(--wc-block-product-gallery-thumbnails-size)*1%)}}:where(.wc-block-product-gallery-thumbnails){position:relative}:where(.wc-block-product-gallery-thumbnails).wc-block-product-gallery-thumbnails--overflow-top{mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.3) 6%,#000 14%)}:where(.wc-block-product-gallery-thumbnails).wc-block-product-gallery-thumbnails--overflow-bottom{mask-image:linear-gradient(0deg,transparent 0,rgba(0,0,0,.3) 6%,#000 14%)}:where(.wc-block-product-gallery-thumbnails).wc-block-product-gallery-thumbnails--overflow-top.wc-block-product-gallery-thumbnails--overflow-bottom{mask-image:linear-gradient(180deg,transparent 0,rgba(0,0,0,.3) 6%,#000 14%,#000 86%,rgba(0,0,0,.3) 94%,transparent)}:where(.wc-block-product-gallery-thumbnails).wc-block-product-gallery-thumbnails--overflow-left{mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.3) 6%,#000 14%)}:where(.wc-block-product-gallery-thumbnails).wc-block-product-gallery-thumbnails--overflow-right{mask-image:linear-gradient(270deg,transparent 0,rgba(0,0,0,.3) 6%,#000 14%)}:where(.wc-block-product-gallery-thumbnails).wc-block-product-gallery-thumbnails--overflow-left.wc-block-product-gallery-thumbnails--overflow-right{mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.3) 6%,#000 14%,#000 86%,rgba(0,0,0,.3) 94%,transparent)}:where(.wc-block-product-gallery-thumbnails__scrollable){display:flex;gap:2%;height:100%;overflow:auto;pointer-events:auto;scrollbar-width:none}:where(.wc-block-product-gallery-thumbnails__thumbnail){display:flex}:where(.wc-block-product-gallery-thumbnails__thumbnail__image){cursor:pointer;max-height:100%;max-width:100%;object-fit:cover;outline-offset:-2px;width:fit-content}:where(.wc-block-product-gallery-thumbnails__thumbnail__image--is-active){cursor:default;filter:brightness(.8);pointer-events:none}:where(.is-vertical .wc-block-product-gallery-thumbnails) :where(.wc-block-product-gallery-thumbnails__thumbnail){flex:0 0 auto;height:100%;width:auto}:where(.is-vertical .wc-block-product-gallery-thumbnails) :where(.wc-block-product-gallery-thumbnails__thumbnail__image){height:100%;width:auto}:where(.is-vertical .wc-block-product-gallery-thumbnails) :where(.wc-block-product-gallery-thumbnails__scrollable){flex-direction:row;overflow-y:hidden;scrollbar-width:auto}:where(.is-vertical .wc-block-product-gallery-thumbnails):where(.wc-block-product-gallery-thumbnails){aspect-ratio:calc(100/var(--wc-block-product-gallery-thumbnails-size))/1;height:calc(var(--wc-block-product-gallery-thumbnails-size)*1%);width:100%}:where(body.wc-block-product-gallery-dialog-open){overflow:hidden}:where(.wc-block-product-gallery-dialog){bottom:0;height:100vh;left:0;overflow:hidden;padding:0;position:fixed;right:0;top:0;width:100vw;z-index:1000}:where(.admin-bar) :where(.wc-block-product-gallery-dialog){height:calc(100vh - 32px);top:32px}:where(.wc-block-product-gallery-dialog__close-button){background:none;border:none;cursor:pointer;padding:5px;position:absolute;right:25px;top:25px}:where(.wc-block-product-gallery-dialog__content){height:calc(100vh - 40px);overflow:hidden;padding:20px 0}@media(min-width:765px){:where(.wc-block-product-gallery-dialog__content){padding:20px 0}}:where(.admin-bar) :where(.wc-block-product-gallery-dialog__content){height:calc(100vh - 72px)}:where(.wc-block-product-gallery-dialog__images-container){box-sizing:border-box;height:100%;overflow-y:auto;padding:3px 0}:where(.wc-block-product-gallery-dialog__images){align-items:center;display:flex;flex-direction:column}:where(.wc-block-product-gallery-dialog__images) :where(img){height:auto;margin-bottom:20px;max-width:100%}:where(.wc-block-product-gallery-dialog__images) :where(img:last-child){margin-bottom:0}@media(max-width:600px){:where(.is-horizontal.wc-block-product-gallery),:where(.is-vertical.wc-block-product-gallery),:where(.wc-block-product-gallery){flex-direction:column}:where(.is-horizontal.wc-block-product-gallery) :where(.wc-block-product-gallery-thumbnails__thumbnail),:where(.is-vertical.wc-block-product-gallery) :where(.wc-block-product-gallery-thumbnails__thumbnail),:where(.wc-block-product-gallery) :where(.wc-block-product-gallery-thumbnails__thumbnail){flex:0 0 auto;height:100%;width:auto}:where(.is-horizontal.wc-block-product-gallery) :where(.wc-block-product-gallery-thumbnails__thumbnail__image),:where(.is-vertical.wc-block-product-gallery) :where(.wc-block-product-gallery-thumbnails__thumbnail__image),:where(.wc-block-product-gallery) :where(.wc-block-product-gallery-thumbnails__thumbnail__image){height:100%;width:auto}:where(.is-horizontal.wc-block-product-gallery) :where(.wc-block-product-gallery-thumbnails__scrollable),:where(.is-vertical.wc-block-product-gallery) :where(.wc-block-product-gallery-thumbnails__scrollable),:where(.wc-block-product-gallery) :where(.wc-block-product-gallery-thumbnails__scrollable){flex-direction:row;overflow-y:hidden;scrollbar-width:auto}:where(.is-horizontal.wc-block-product-gallery) .wc-block-next-previous-buttons.wc-block-next-previous-buttons,:where(.is-vertical.wc-block-product-gallery) .wc-block-next-previous-buttons.wc-block-next-previous-buttons,:where(.wc-block-product-gallery) .wc-block-next-previous-buttons.wc-block-next-previous-buttons{display:none}:where(.is-horizontal.wc-block-product-gallery) :where(.wc-block-product-gallery-thumbnails),:where(.is-vertical.wc-block-product-gallery) :where(.wc-block-product-gallery-thumbnails),:where(.wc-block-product-gallery) :where(.wc-block-product-gallery-thumbnails){aspect-ratio:5/1!important;height:20%;order:1;width:100%}}

Back