.product-markers{overflow:hidden;--product-markers-point-size: 3.2rem;--product-markers-card-offset: 1.2rem}@media screen and (min-width:990px){.product-markers{--product-markers-point-size: 4rem;--product-markers-card-offset: 1.6rem}}.product-markers__wrapper{position:relative;display:block}@media screen and (min-width:990px){.product-markers__wrapper--tall{max-width:calc(88vh * var(--product-markers-aspect, 1));margin-right:auto;margin-left:auto}}.product-markers__media{position:relative;width:100%;height:0;padding-bottom:var(--product-markers-ratio, 56.25%);border-radius:var(--border-radius);overflow:hidden}.product-markers__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.product-markers__points{position:absolute;top:0;right:0;bottom:0;left:0;background:none;pointer-events:none}.product-markers__point{position:absolute;top:var(--marker-y, 50%);left:var(--marker-x, 50%);display:flex;align-items:center;margin:0;padding:0;border:0;background:none;-webkit-appearance:none;appearance:none;cursor:pointer;pointer-events:auto;transform:translate(-50%,-50%);z-index:2}.product-markers__point:before{content:"";position:absolute;top:50%;left:50%;width:var(--product-markers-point-size);height:var(--product-markers-point-size);border-radius:50%;background:rgb(var(--color-background));transform:translate(-50%,-50%);animation:product-markers-pulse 2s cubic-bezier(.215,.61,.355,1) infinite;pointer-events:none}.product-markers__point.is-active:before{animation-play-state:paused;opacity:0}.product-markers__point-dot{position:relative;display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:var(--product-markers-point-size);height:var(--product-markers-point-size);border-radius:50%;background:rgb(var(--color-background));color:rgb(var(--color-foreground-title));font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:calc(var(--font-heading-h6-scale) * 1.4rem);line-height:1;z-index:2}@media only screen and (min-width:1100px){.product-markers__point-dot{font-size:calc(var(--font-heading-h6-scale) * 1.6rem)}}.product-markers__point-label{position:absolute;top:50%;left:0;display:none;align-items:center;height:var(--product-markers-point-size);max-width:0;padding-right:0;padding-left:var(--product-markers-point-size);border-radius:10rem;background:rgb(var(--color-background));white-space:nowrap;overflow:hidden;opacity:0;transform:translateY(-50%);transition:max-width var(--duration-default) ease,padding-right var(--duration-default) ease,opacity var(--duration-default) ease;z-index:1}@media screen and (min-width:990px){.product-markers__point-label{display:flex}}@media screen and (min-width:990px){.product-markers__cards{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3}}.product-markers__card{display:none}.product-markers__card.is-active{display:block;margin-top:2.4rem}@media screen and (min-width:990px){.product-markers__card{position:absolute;top:var(--marker-y, 50%);left:var(--marker-x, 50%);display:block;width:32rem;max-width:calc(100vw - var(--main-padding) * 2);margin-top:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-default) ease,visibility var(--duration-default) ease}.product-markers__card.is-active{margin-top:0;opacity:1;visibility:visible;pointer-events:auto;z-index:2}}@media screen and (min-width:990px){.product-markers__card--to-top{transform:translate(-50%,-100%) translateY(calc(var(--product-markers-card-offset) * -1))}}@media screen and (min-width:990px){.product-markers__card--to-bottom{transform:translate(-50%) translateY(var(--product-markers-card-offset))}}@media screen and (min-width:990px){.product-markers__card--to-left{transform:translate(-100%,-50%) translate(calc(var(--product-markers-card-offset) * -1))}}@media screen and (min-width:990px){.product-markers__card--to-right{transform:translateY(-50%) translate(var(--product-markers-card-offset))}}@media screen and (min-width:990px){.product-markers .product-card-recommendations .card-wrapper{box-shadow:0 .8rem 2.4rem rgba(var(--color-foreground),.12)}}@media(hover:hover){.product-markers__point:hover:not(.is-active):before{animation-play-state:paused;opacity:0}.product-markers__point:hover:not(.is-active) .product-markers__point-label{max-width:26rem;padding-right:1.6rem;opacity:1;text-wrap:wrap;width:max-content}}@keyframes product-markers-pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.4}to{transform:translate(-50%,-50%) scale(2);opacity:0}}@media(prefers-reduced-motion:reduce){.product-markers__point:before{animation:none;opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/section-product-markers.css.map */