.product-markers__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;overflow:hidden;border-radius:var(--border-radius-block)}.product-markers__placeholder svg{width:100%;height:100%;object-fit:cover}.product-markers__markers{display:grid;gap:.8rem}@media screen and (min-width: 750px){.product-markers__markers--2{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 750px){.product-markers__markers--3{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 1200px){.product-markers__markers--3{grid-template-columns:repeat(3,1fr)}}@media screen and (min-width: 750px){.product-markers__markers--4{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width: 1200px){.product-markers__markers--4{grid-template-columns:repeat(4,1fr)}}.product-markers__markers .product-markers__item-inner{position:inherit!important}.product-markers__product{position:relative;border-radius:var(--border-radius-block)}.product-markers__image{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;overflow:hidden;object-fit:cover}.product-markers__item{position:absolute;z-index:2;top:0;left:0;min-width:3rem;min-height:3rem;border-radius:50%;background-color:transparent;transition:linear all .16s;cursor:pointer}.product-markers__item:before{content:"";position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;display:block;width:3rem;height:3rem;border:1.125rem solid rgb(var(--color-background));box-sizing:border-box;border-radius:50%;background-color:rgba(var(--color-foreground));transition:background-color var(--duration-default),border-color var(--duration-default)}.product-markers__item:after{content:"";position:absolute;z-index:2;top:50%;left:50%;transform:translate(-50%,-50%);display:block;width:4rem;height:4rem;box-sizing:border-box;border-radius:50%;background-color:rgba(var(--color-background));transition:background-color var(--duration-default)}.product-markers__item--pulse:after{transform:translate(-50%,-50%) scale(.33);animation:pulse 1.25s cubic-bezier(.4,0,.6,1) infinite}@media (hover: hover) and (pointer: fine){.product-markers__item:hover:before,.product-markers__item.active:before{background-color:rgb(var(--color-button-text));border-color:rgb(var(--color-accent))}.product-markers__item:hover:after,.product-markers__item.active:after{background-color:rgb(var(--color-accent));opacity:.5}}@media screen and (hover: hover) and (pointer: fine) and (min-width: 990px){.product-markers__item:not(.active):hover:after{animation:none;transform:translate(-50%,-50%) scale(1);background-color:rgb(var(--color-accent));opacity:.5}}.product-markers__item.active{z-index:5}.product-markers__item.active:after{animation:none;transform:translate(-50%,-50%) scale(1)}.product-markers__item.active .product-markers__item-inner{opacity:1;visibility:visible;pointer-events:all;z-index:6}.product-markers__item-inner{position:absolute;z-index:4;opacity:0;visibility:hidden;pointer-events:none;width:24rem;transition:opacity var(--duration-default),visibility var(--duration-default)}.product-markers__item-inner--to-top{padding-bottom:1.5rem!important;left:-7.2rem;bottom:100%;transform-origin:bottom center}.product-markers__item-inner--to-bottom{padding-top:1.5rem!important;left:-7.2rem;top:100%;transform-origin:top center}.product-markers__item-inner .price--on-sale .price__sale{justify-content:flex-start}.product-markers__item-inner .card-horizontal-wrapper{gap:1rem;border:none}.product-markers__item-inner .card-horizontal-wrapper_no-image{padding:1.6rem}.product-markers__item-inner .card-horizontal__image{width:7rem;visibility:visible}.product-markers__item-inner .card-horizontal__vendor{font-size:calc(var(--font-body-scale) * 1.2rem - .1rem)}@media only screen and (min-width: 750px){.product-markers__item-inner .card-horizontal__vendor{font-size:calc(var(--font-body-scale) * 1.4rem - .2rem)}}.product-markers__item-inner .card-horizontal__text{max-width:calc(100% - 4.4rem)}.product-markers .card-wrapper__link--overlay:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);outline-offset:-.2rem;border-radius:var(--border-radius-product)}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:.9}50%{opacity:.6}to{transform:translate(-50%,-50%) scale(1);opacity:0}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/section-product-markers.css.map */
