.pdp-hotspot{position:relative;overflow:hidden}.pdp-hotspot__grid{position:relative}.pdp-hotspot__image-container{position:relative;overflow:hidden;width:100%}.pdp-hotspot__image-container img{width:100%;height:100%;object-fit:cover;display:block}.pdp-hotspot__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:99;opacity:0;pointer-events:none;transition:opacity .3s ease}.pdp-hotspot.is-overlay-open .pdp-hotspot__overlay{opacity:1;pointer-events:auto}.pdp-hotspot__button{position:absolute;left:var(--hotspot-x-mobile, var(--hotspot-x));top:var(--hotspot-y-mobile, var(--hotspot-y));transform:translate(-50%,-50%);width:40px;height:40px;border-radius:50%;background:#ffffff80;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);border:none;cursor:pointer;z-index:2;display:flex;align-items:center;justify-content:center;padding:0;transition:background .3s ease}.pdp-hotspot__button:hover{background:#ffffffb3}.pdp-hotspot__button.is-active{background:#ffffffd9}.pdp-hotspot__button-icon{width:24px;height:24px;position:relative;pointer-events:none}.pdp-hotspot__button-icon:before,.pdp-hotspot__button-icon:after{content:"";position:absolute;background:#070707;border-radius:1px}.pdp-hotspot__button-icon:before{width:12px;height:2px;top:50%;left:50%;transform:translate(-50%,-50%)}.pdp-hotspot__button-icon:after{width:2px;height:12px;top:50%;left:50%;transform:translate(-50%,-50%)}.pdp-hotspot__info-panel{display:flex;flex-direction:column;position:fixed;top:0;right:0;width:555px;height:100%;z-index:100;opacity:0;transform:translate(100%);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.pdp-hotspot.is-overlay-open .pdp-hotspot__info-panel{opacity:1;transform:translate(0);pointer-events:auto}.pdp-hotspot__slide-images{width:100%;flex-shrink:0;overflow:hidden;position:relative;min-height:0}.pdp-hotspot__slide-images:has(.pdp-hotspot__slide-image){height:375px}.pdp-hotspot__slide-image{display:none;width:100%;height:100%}.pdp-hotspot__slide-image.is-active{display:block}.pdp-hotspot__slide-image img{width:100%;height:100%;display:block;object-fit:cover}.pdp-hotspot__close{position:absolute;top:20px;right:20px;width:32px;height:32px;border-radius:39px;border:none;background:#ffffff80;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;z-index:5;transition:background .3s ease}.pdp-hotspot__close:hover{background:#ffffffb3}.pdp-hotspot__close svg{width:24px;height:24px;color:#070707}.pdp-hotspot__slide-content-wrap{display:flex;flex-direction:column;justify-content:space-between;flex:1;min-height:0;background:#fff;padding:48px 24px 24px;overflow-y:auto}.pdp-hotspot__slide-content{display:none;flex-direction:column;gap:10px}.pdp-hotspot__slide-content.is-active{display:flex}.pdp-hotspot__slide-subtitle{font-family:"Syncopate",var(--heading-bold-font-family);font-weight:700;font-size:16px;line-height:1.4;letter-spacing:.02em;text-transform:uppercase;color:#6f6f6f;margin:0}.pdp-hotspot__slide-title{font-family:"Syncopate",var(--heading-bold-font-family);font-weight:700;font-size:32px;line-height:1.4;letter-spacing:.02em;text-transform:uppercase;color:#070707;margin:0}.pdp-hotspot__slide-description{font-family:var(--text-font-family);font-size:22px;line-height:1.4;letter-spacing:.03em;color:#070707;margin:0}.pdp-hotspot__slide-description p{margin:0 0 8px}.pdp-hotspot__slide-description p:last-child{margin-bottom:0}.pdp-hotspot__slider-nav{display:flex;align-items:center;gap:16px;align-self:flex-end}.pdp-hotspot__slider-arrow{width:48px;height:48px;border-radius:39px;border:none;background:#00000080;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:10px;color:#fff;transition:opacity .3s ease}.pdp-hotspot__slider-arrow--prev{opacity:.2}.pdp-hotspot__slider-arrow--prev.is-active{opacity:1}.pdp-hotspot__slider-arrow:hover{opacity:.7}.pdp-hotspot__slider-arrow svg{width:24px;height:24px}@media screen and (min-width:1000px){.pdp-hotspot__button{width:65px;height:65px;left:var(--hotspot-x);top:var(--hotspot-y)}}@media screen and (max-width:999px){.pdp-hotspot__image-container{aspect-ratio:391 / 264}.pdp-hotspot__info-panel{width:100%;bottom:0;left:0;right:auto;height:calc(100% - 98px);top:auto;border-radius:16px 16px 0 0;overflow:hidden;transform:translateY(100%)}.pdp-hotspot.is-overlay-open .pdp-hotspot__info-panel{transform:translateY(0)}.pdp-hotspot__slide-images:has(.pdp-hotspot__slide-image){height:264px}.pdp-hotspot__close{width:40px;height:40px;border-radius:40px;top:20px;right:24px}.pdp-hotspot__slide-content-wrap{padding:48px 24px 40px}.pdp-hotspot__slide-description{font-size:16px}}
/*# sourceMappingURL=/cdn/shop/t/168/assets/component-pdp-hotspot.css.map */