.editorial-cards__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;margin:0 20px}.editorial-card{position:relative;display:flex;flex-direction:column;min-width:0}.editorial-card__media{position:relative;display:block;aspect-ratio:3 / 4;background-color:var(--productImageBg);overflow:hidden}.editorial-card__track{display:flex;height:100%;transition:transform .52s ease-out;will-change:transform}.editorial-card__frame{position:relative;flex:0 0 auto;min-width:0;height:100%}.editorial-card__inner{position:absolute;top:0;right:0;bottom:0;left:0;padding:14%}.editorial-card__inner image-element{display:block;width:100%;height:100%}.editorial-card__image{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.editorial-card__colors{position:absolute;top:24px;right:28px;z-index:2;display:flex;gap:5px}.editorial-card__color{display:block;box-sizing:border-box;width:9px;height:9px;border:1px solid #e2e2e2;border-radius:50%;background-position:center;background-size:cover}.editorial-card__arrow{position:absolute;top:50%;z-index:3;display:flex;align-items:center;justify-content:center;width:32px;height:44px;margin-top:-22px;padding:0;border:0;background:none;cursor:pointer}.editorial-card__arrow--prev{left:2px}.editorial-card__arrow--next{right:2px}.editorial-card__arrow svg{display:block;width:9px;height:16px;fill:none;stroke:var(--editorialCardText, #000);stroke-width:1.2}.editorial-card__name{display:block;margin:12px 0 0 2px;font-size:12px;line-height:17px;font-weight:300;text-decoration:none;color:var(--editorialCardText, #000)}.editorial-card__name:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0}.editorial-card__price{display:block;margin:1.4px 0 7px 2px;font-size:12px;line-height:19px;font-weight:300;color:var(--editorialCardMuted, #6d7882)}@media(hover:hover){.editorial-card__colors,.editorial-card__arrow{opacity:0;transition:opacity .28s ease-out}.editorial-card:hover .editorial-card__colors,.editorial-card:hover .editorial-card__arrow,.editorial-card:focus-within .editorial-card__colors,.editorial-card:focus-within .editorial-card__arrow{opacity:1}}@media only screen and (min-width:769px){.editorial-cards__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(prefers-reduced-motion:reduce){.editorial-card__track,.editorial-card__colors,.editorial-card__arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/23/assets/editorial-card.css.map */