.vertical-gallery-wrapper{position:relative;overflow:hidden}.vertical-gallery-wrapper:not(:has(.gallery-dots)){padding-bottom:44px}.vertical-gallery{display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden;aspect-ratio:1/1}.vertical-gallery__item{flex:0 0 100%;height:100%;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;order:0}.vertical-gallery__item:has(video){position:relative;order:1}.vertical-gallery__item video{width:100%;height:100%;cursor:pointer}.vertical-gallery__item .panzoom{width:100%;height:100%;overflow:hidden;position:relative}.vertical-gallery__item img{object-fit:cover;display:block}.vertical-gallery::-webkit-scrollbar{display:none}.product .pdp-vertical-video-play.thumbnail__badge{width:5rem;height:5rem;left:50%;top:50%;transform:translate(-50%,-50%);cursor:pointer}.product .pdp-vertical-video-play.thumbnail__badge .icon-play{width:1.5rem;height:1.5rem}.gallery-dots{display:flex;flex-wrap:wrap;gap:8px}.gallery-dot{display:block!important;background:none;border:0;width:2rem;height:2rem;font-family:TanMujiang-Icons!important;speak:never;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;transform:scale(1)!important;cursor:pointer;-webkit-user-select:none;user-select:none}.gallery-dot:focus,.gallery-dot:focus-visible,.gallery-dot:focus-within{border:none!important;outline:none!important;box-shadow:none!important}.gallery-dot:hover:after{opacity:.5}.gallery-dot:after{content:"\e901";color:#000;opacity:.3}.gallery-dot.active:after{content:"\e900";color:#000;opacity:1!important}@media screen and (min-width: 990px){.vertical-gallery-wrapper{position:relative;overflow:hidden;display:flex;flex-direction:row-reverse;justify-content:center;padding:6rem 0 6rem 6rem;gap:2.5rem}.vertical-gallery{max-width:70rem;max-height:70rem}.vertical-gallery__item img{width:100%;height:100%;aspect-ratio:1 / 1;cursor:url(icon-gallery-cursor.svg) 32 32,pointer}.gallery-dots{flex-direction:column;justify-content:center}}@media (max-width: 990px){.vertical-gallery-wrapper{width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw}.vertical-gallery{flex-direction:row;overflow-y:hidden;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth}.vertical-gallery__item img{width:100%;height:100%;object-fit:cover}.gallery-dots{margin-top:24px;padding:0 12.5rem 0 5rem}}@media screen and (max-width: 750px){.custom-product .gallery-dots{padding:0 7rem 0 2rem}}.vertical-gallery-wrapper .pdp-product-tags{position:absolute;list-style-type:none;display:flex;flex-wrap:wrap;justify-content:flex-end;max-width:60%;gap:10px;z-index:5;padding:0;margin:0;top:20px;right:20px}.vertical-gallery-wrapper .pdp-product-tag{background-color:#fffef9;padding:5px 8px 3px;font-size:12px;line-height:1.2}.vertical-gallery-wrapper .pdp-product-tag a{font-size:12px;text-decoration:none;line-height:100%;color:#1f1920;text-transform:uppercase}.vertical-gallery-wrapper .pdp-product-tag.green a{color:#409402}.vertical-gallery-wrapper .share-button{position:absolute;bottom:0}.vertical-gallery-wrapper .share-button .share-button__button{min-height:unset;padding:0}.vertical-gallery-wrapper .share-button .share-button__button .svg-wrapper{width:24px;height:24px}@media screen and (min-width: 990px){.vertical-gallery-wrapper .share-button{display:none}}@media screen and (max-width: 990px){.vertical-gallery-wrapper .share-button{right:5rem}}@media screen and (max-width: 750px){.vertical-gallery-wrapper .share-button{right:2rem}}.vertical-gallery-wrapper .pdp-back-button{display:inline-flex;align-items:center;gap:4px;border:unset;background:unset;font-size:1.855rem;color:#000;position:absolute;top:4rem;left:4rem;z-index:6;cursor:pointer;font-family:var(--font-body-family)}.vertical-gallery-wrapper .pdp-back-icon{line-height:1.2rem}.vertical-gallery-wrapper .pdp-back-icon svg{width:1.2rem;height:1.2rem}@media screen and (max-width: 990px){.custom-product .vertical-gallery{width:100%;max-height:460px}.vertical-gallery-wrapper .pdp-back-button{font-size:1.4rem;top:2rem;left:2rem}}.gallery-thumbs{display:none;flex-direction:column;position:absolute;top:6rem;left:6rem;gap:1.6rem;overflow-y:auto;height:calc(100% - 6rem);scroll-behavior:smooth}.gallery-thumbs::-webkit-scrollbar{display:none}.gallery-thumb{width:14rem;height:14rem;border:1px solid transparent;background-color:#f9f7f2;padding:0;cursor:pointer;order:0}.gallery-thumb:has(.gallery-thumb__video){order:1}.gallery-thumb.active{border:1px solid black}.gallery-thumb img{width:100%;height:100%;aspect-ratio:1 / 1;object-fit:cover}@media screen and (min-width: 990px){.vertical-gallery-modal.is-open .gallery-thumbs{display:flex}}@media screen and (max-width: 990px){.gallery-thumbs{display:none}}.vertical-gallery-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:11;display:none;align-items:center;justify-content:center}.vertical-gallery-modal.is-open{display:flex}.vertical-gallery-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009}.vertical-gallery-modal__content{position:relative;width:100%;height:100%;background-color:#fff;overflow:hidden;z-index:2}.vertical-gallery-modal__body{display:flex;justify-content:center;align-items:center;height:100%;overflow:hidden}.vertical-gallery-modal__close{position:absolute;top:6rem;right:6rem;border:none;background:transparent;cursor:pointer;padding:0}.vertical-gallery-modal-open{overflow:hidden}.vertical-gallery-modal .vertical-gallery__item img{cursor:zoom-in!important}.vertical-gallery-modal .vertical-gallery__item img.zoom-target{cursor:zoom-out!important}.vertical-gallery-modal .vertical-gallery__item img.zoom-target.zoom-move{cursor:move!important}@media screen and (min-width: 990px){.vertical-gallery-modal__content{padding:1.6rem}.vertical-gallery-modal .vertical-gallery{width:100%;height:100%;max-width:800px;max-height:685px}.vertical-gallery-modal .gallery-dots{display:none}}@media screen and (max-width: 990px){.vertical-gallery-modal__body{flex-direction:column}.vertical-gallery-modal .gallery-dots{justify-content:center;padding:0 2rem}.vertical-gallery-modal__close{top:2rem;right:2rem}.vertical-gallery-modal__close svg{width:1.6rem;height:1.6rem}}@media (max-width: 990px){html.vertical-gallery-modal-open,body.vertical-gallery-modal-open{touch-action:none;overscroll-behavior:contain}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/vertical-slider-custom.css.map */