.pid-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(0,0,0,var(--pid-backdrop-opacity));z-index:999;opacity:0;pointer-events:none;transition:opacity .18s ease}.pid-scroll-lock{overscroll-behavior:none}.product-image-drawer{position:fixed;left:0;right:0;bottom:0;height:calc(var(--pid-drawer-height) * 1svh);width:calc(var(--pid-desktop-drawer-width) * 1%);z-index:1000;background:rgb(var(--color-background));border-radius:var(--pid-drawer-border-radius) var(--pid-drawer-border-radius) 0 0;box-shadow:0 -8px 24px #0000001f;transform:translateY(100%);transition:transform .22s ease;will-change:transform;display:flex;flex-direction:column;overscroll-behavior:contain;touch-action:pan-x}.product-image-drawer .pid-main-media,.product-image-drawer .pid-main-media *{touch-action:pan-x}.pid-is-open .pid-backdrop{opacity:1;pointer-events:auto}.pid-is-open .product-image-drawer{transform:translateY(0)}.pid-header{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:10px 12px 6px;border-bottom:1px solid rgba(0,0,0,.08)}.pid-close{-webkit-appearance:none;appearance:none;border:0;background:transparent;padding:10px;line-height:0;cursor:pointer;margin-left:auto;margin-right:12px}.pid-tabs{display:flex;gap:8px;padding:10px 12px 0 0}.pid-tab{-webkit-appearance:none;appearance:none;color:#000;background:transparent;border:none;padding:8px 12px;font-size:14px;line-height:1;cursor:pointer;position:relative}.pid-tab:after{content:"";position:absolute;left:12px;right:12px;bottom:0;height:1px;background:#717171;border-radius:0 0 4px 4px}.pid-tab[aria-selected=true]{font-weight:600}.pid-tab[aria-selected=true]:after{height:3px;background:#c0392b}.pid-body{flex:1 1 auto;min-height:0;padding:10px 12px 12px}.pid-panel{height:100%;min-height:0}.pid-media-list-wrapper{display:flex;flex-direction:column;gap:12px;min-height:0;height:100%}.product-image-drawer .product__media-list{flex:1 1 auto;min-height:0;border-radius:var(--pid-thumbnail-border-radius)}.product-image-drawer .pid-main-media,.product-image-drawer .pid-main-media .swiper-wrapper,.product-image-drawer .pid-main-media .swiper-slide{height:100%}.product-image-drawer .pid-main-media .product__media-item{display:flex;align-items:center;justify-content:center;position:relative}.product-image-drawer .pid-main-media .product__media{height:100%;padding-top:0;width:min(100%,720px);max-width:100%;margin-left:auto;margin-right:auto;position:relative}.product-image-drawer .pid-main-media .product__media img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%;object-fit:contain!important;object-position:center!important}.product-image-drawer .product__media{max-width:100%;border-radius:var(--pid-thumbnail-border-radius)}.product-image-drawer .product__media img{border-radius:var(--pid-thumbnail-border-radius)}.pid-media-sublist-outer{position:relative;width:100%;padding:0 46px}.pid-media-sublist{width:100%;height:calc(var(--pid-thumbnail-size) * 1px)}.product-image-drawer .pid-media-sublist .swiper-slide,.product-image-drawer .pid-media-sublist .product__media-subitem{width:calc(var(--pid-thumbnail-size) * 1px)!important;flex:0 0 calc(var(--pid-thumbnail-size) * 1px)}.pid-media-sublist .product__media-subitem .product__media{width:100%;height:calc(var(--pid-thumbnail-size) * 1px);aspect-ratio:1 / 1;position:relative;overflow:hidden;border-radius:var(--pid-thumbnail-border-radius)}.pid-media-sublist .product__media-subitem .product__media img{display:block;width:100%;height:100%;object-fit:cover;border-radius:var(--pid-thumbnail-border-radius)}.pid-media-sublist .product__media-subitem.pid-thumb-active .product__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--pid-thumbnail-border-radius);box-shadow:inset 0 0 0 2px #c0392b;pointer-events:none}.pid-media-sublist .product__media-subitem .product__media img{border-radius:var(--pid-thumbnail-border-radius)}.pid-media-sublist-outer .pid-thumb-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:38px;height:38px;border-radius:999px;border:1px solid rgba(0,0,0,.14);background:rgba(var(--color-background),.9);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.pid-media-sublist-outer .pid-thumb-nav svg{width:18px;height:18px}.pid-media-sublist-outer .pid-thumb-nav--prev{left:0}.pid-media-sublist-outer .pid-thumb-nav--next{right:0}@media(min-width:1200px){.product-image-drawer .pid-media-sublist-outer{max-width:none!important;padding:0 46px!important;order:unset!important}.product-image-drawer .pid-media-sublist{height:calc(var(--pid-thumbnail-size) * 1px)!important;display:block!important;flex-direction:unset!important;align-items:unset!important}.product-image-drawer .pid-media-sublist .product__media-subitem .product__media{height:calc(var(--pid-thumbnail-size) * 1px)!important;padding-top:0!important;position:relative!important;inset:unset!important}}.pid-media-sublist .swiper-wrapper{width:max-content}.pid-media-sublist.pid-thumbs-centered .swiper-wrapper{margin-left:auto;margin-right:auto;transform:translateZ(0)!important}.pid-thumb-active .product__media{outline:none}.pid-thumb-active .product__media:after{top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:var(--pid-thumbnail-border-radius);box-shadow:inset 0 0 0 2px #c0392b}.product-image-drawer .product__media img{object-fit:contain}.product-image-drawer .product__media video,.product-image-drawer .product__media iframe{width:100%;height:100%;border-radius:var(--pid-thumbnail-border-radius)}.product-image-drawer .product__media{position:relative}.product-image-drawer .product__media video{object-fit:contain}.pid-video-frame{position:relative;width:100%;height:100%;border-radius:12px;overflow:hidden}.pid-video-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.pid-iframe-shield{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding:12px;touch-action:pan-x}.pid-iframe-shield.is-disabled{pointer-events:none}.pid-iframe-enable{border:1px solid rgba(0,0,0,.14);background:#ffffffeb;border-radius:999px;padding:10px 14px;touch-action:pan-x;transition:opacity .4s ease}.pid-iframe-shield.pid-iframe-shield--hint-faded .pid-iframe-enable{opacity:0;pointer-events:none}.main-media-zoom-indicator-wrapper{position:absolute;z-index:2;display:flex;flex-direction:column;align-items:center;gap:8px}.main-media-zoom-indicator-wrapper .pid-zoom-btn{-webkit-appearance:none;appearance:none;border:1px solid rgba(0,0,0,.14);background:#f7f7f7;color:#c0392b;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:opacity .2s ease,background .2s ease;touch-action:manipulation}.product-image-drawer .product__media .main-media-zoom-indicator-wrapper{position:absolute;z-index:10;display:flex;flex-direction:column;gap:8px;pointer-events:none}.product-image-drawer .product__media .main-media-zoom-indicator-wrapper .pid-zoom-btn{pointer-events:auto}.product-image-drawer .main-media-zoom-indicator-wrapper{position:absolute;top:var(--pid-zoom-top);right:var(--pid-zoom-right);bottom:var(--pid-zoom-bottom);left:var(--pid-zoom-left);z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.product-image-drawer .main-media-zoom-indicator-wrapper .pid-zoom-btn{pointer-events:auto}.main-media-zoom-indicator-wrapper .pid-zoom-btn:hover{background:#fff;opacity:.95}.main-media-zoom-indicator-wrapper .pid-zoom-btn .icon{width:18px;height:18px}.main-media-zoom-indicator-wrapper .pid-zoom-readout{font-size:12px;font-weight:500;color:#000000a6;line-height:1}.main-media-zoom-indicator-wrapper{visibility:hidden}
/*# sourceMappingURL=/cdn/shop/t/3/assets/section-product-image-drawer.css.map */