.es-pdp-hero-wrap{display:flex;flex-direction:row;position:sticky;top:var(--header-height);background:var(--image-background);overflow:hidden}.es-pdp-hero-wrap .product-thumbnails-slider{flex-shrink:0;width:10.4rem}.es-pdp-hero-wrap .product-thumbnails-slider .gridy-track{display:flex!important;flex-direction:column!important;grid-template-columns:unset!important;gap:.8rem!important}.es-pdp-hero-wrap .thumbnail-btn{width:10.4rem;height:9.6rem;border-radius:0;border:none;padding:0;display:flex;align-items:center;justify-content:center;background:transparent;cursor:pointer;transition:box-shadow .15s}.es-pdp-hero-wrap .thumbnail-btn .media{width:7.2rem;height:8.6rem;flex-shrink:0;box-shadow:inset 0 0 0 1px #d1d1d1;transition:box-shadow .15s}.es-pdp-hero-wrap .thumbnail-btn.active .media,.es-pdp-hero-wrap .thumbnail-btn:focus-visible .media{box-shadow:inset 0 0 0 2px #191917}@media(hover:hover){.es-pdp-hero-wrap .thumbnail-btn:hover .media{box-shadow:inset 0 0 0 2px #19191766}}.es-pdp-hero-wrap .thumbnail-btn .media picture,.es-pdp-hero-wrap .thumbnail-btn .media img{width:100%;height:100%;object-fit:cover;display:block}.es-pdp-thumb-rule{width:1px;background-color:var(--color-borders);flex-shrink:0;align-self:stretch}.es-pdp-main-image{flex:1;min-width:0;position:relative}.es-pdp-main-slider{display:block;width:100%;height:100%}.es-pdp-main-slider .gridy-track{height:100%}.es-pdp-main-slider .gridy-item{width:100%;flex-shrink:0}.es-pdp-main-slider .gridy-item .media{width:100%}.es-pdp-model-badge{position:absolute;bottom:2.4rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.8rem;background-color:#fff;color:#1a1a1a;padding:.8rem 1.4rem;font-size:1.2rem;letter-spacing:.2px;line-height:1.333;border:none;border-radius:2px;box-shadow:0 1px 2px #00000014;font-family:var(--es-font-body);white-space:nowrap;cursor:default}button.es-pdp-model-badge:not(.es-pdp-badge-ghost){cursor:pointer;transition:opacity .15s,transform 0s}@media(hover:hover){button.es-pdp-model-badge:hover{opacity:.75}}.es-pdp-main-image{cursor:zoom-in}.es-pdp-main-slider .gridy-track{display:block!important;overflow:hidden}.es-pdp-main-slider .gridy-item{display:none;width:100%}.es-pdp-main-slider .gridy-item.es-active{display:block;position:relative;animation:es-slide-fadein .25s ease}@keyframes es-slide-fadein{0%{opacity:0}to{opacity:1}}.es-pdp-main-slider .gridy-item.es-active.es-loading:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,var(--image-background, var(--color-card-background)) 25%,color-mix(in srgb,var(--image-background, var(--color-card-background)) 88%,#000) 50%,var(--image-background, var(--color-card-background)) 75%);background-size:200% 100%;animation:es-pdp-shimmer 2.4s ease-in-out infinite}@keyframes es-pdp-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.es-pdp-mobile-counter,.es-pdp-mobile-pagination{display:none}.es-pdp-badge-ghost{position:fixed!important;bottom:2.4rem!important;transform:translate(-50%)!important;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:200}.es-pdp-badge-ghost.es-pdp-badge-ghost--visible{opacity:1;pointer-events:auto}@media(hover:hover){button.es-pdp-badge-ghost.es-pdp-badge-ghost--visible:hover{opacity:.8}}@media only screen and (max-width:767px){.es-pdp-hero-wrap{position:static;flex-direction:column}.es-pdp-mobile-counter{display:flex;align-items:center;position:absolute;bottom:1.6rem;right:1.6rem;background-color:color-mix(in srgb,var(--color-background) 85%,transparent);padding:.4rem .8rem;font-size:10px;letter-spacing:.1em;font-weight:500;color:var(--color-foreground);line-height:1;pointer-events:none}.es-pdp-mobile-pagination{display:flex;align-items:center;justify-content:center;gap:.6rem;padding:1.4rem 0;flex-shrink:0}.es-pdp-pagination-dot{width:.6rem;height:.2rem;background-color:var(--color-borders);border:none;padding:0;cursor:pointer;transition:width .2s ease,background-color .2s ease;flex-shrink:0}.es-pdp-pagination-dot.es-active{width:1.8rem;background-color:var(--color-foreground)}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-pdp-editorial-hero.css.map */