.product-card-horizontal{position:relative;border-radius:min(var(--border-radius-product),1.2rem);border:.1rem solid rgba(var(--color-foreground),.03);background-color:rgba(var(--color-background-secondary));padding:1.6rem;padding-inline-end:7.2rem;display:flex;align-items:center;gap:1.2rem}.product-card-horizontal__link{display:block;background:transparent;text-decoration:none;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;border-radius:min(var(--border-radius-product),1.2rem)}@media screen and (hover:hover)and (pointer:fine){.product-card-horizontal__link:hover+.product-card-horizontal__image{transform:scale(1.03)}.product-card-horizontal__link:hover+.product-card-horizontal__image.placeholder-svg{transform:scale(1.53)}}.product-card-horizontal__link:empty{display:block}.product-card-horizontal__link:focus-visible{outline-offset:-.1rem}.product-card-horizontal__media{flex-shrink:0;position:relative;width:7rem;border-radius:min(var(--border-radius-product),1.2rem);overflow:hidden}.product-card-horizontal__media:after{content:"";display:block;padding-bottom:var(--padding-bottom, 100%);width:0}.product-card-horizontal__media--placeholder{background-color:rgb(var(--color-background))}.product-card-horizontal__media--placeholder .placeholder-svg{fill:rgb(var(--color-foreground));transform:scale(1.5)}.product-card-horizontal__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1;border-radius:min(var(--border-radius-product),1.2rem);transition:var(--image-hover-transition)}.product-card-horizontal__information{display:flex;flex-direction:column;gap:.5rem;width:100%}.product-card-horizontal__name{transition:opacity var(--duration-default) ease-in-out}@media screen and (hover:hover)and (pointer:fine){.product-card-horizontal__name:hover{opacity:var(--hover-opacity)}}.product-card-horizontal__form{position:absolute;right:2.4rem;top:50%;transform:translateY(-50%);width:2.4rem;height:2.4rem;display:flex;align-items:center;justify-content:center}.product-card-horizontal__btn{position:relative;width:2.4rem;height:2.4rem;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:var(--border-radius-button);color:rgb(var(--color-primary-button-text));background-color:rgb(var(--background-color-primary-button));border:1px solid rgba(var(--color-primary-button-text),.1);box-shadow:0 1px 3px rgba(var(--color-shadow),.2)}@media screen and (hover:hover)and (pointer:fine){.product-card-horizontal__btn:hover .product-card-horizontal__btn-icon:first-of-type{transform:translate3d(50%,0,0);opacity:0}.product-card-horizontal__btn:hover .product-card-horizontal__btn-icon:last-of-type{transform:translateZ(0);opacity:1}}.product-card-horizontal__btn .loading-overlay__spinner{display:none;width:1.4rem;height:1.4rem;color:rgb(var(--color-primary-button-text))}.product-card-horizontal__btn .loading-overlay__spinner svg{width:1.6rem;height:1.6rem;color:rgb(var(--color-primary-button-text))}.product-card-horizontal__btn.loading .loading-overlay__spinner{display:flex}.product-card-horizontal__btn.loading .product-card-horizontal__btn-icon{display:none}.product-card-horizontal__btn:disabled,.product-card-horizontal__btn[aria-disabled=true]{pointer-events:none;opacity:.5}.product-card-horizontal__btn-icon-wrapper{width:2.4rem;height:2.4rem;flex-shrink:0;position:relative;overflow:hidden}.product-card-horizontal__btn-icon{display:flex;align-items:center;justify-content:center;height:100%;transition-property:transform,opacity;transition-duration:var(--duration-default);transition-timing-function:cubic-bezier(.5,1.8,.62,1)}.product-card-horizontal__btn-icon:last-of-type{position:absolute;top:0;left:0;transform:translate3d(-50%,0,0);opacity:0;width:100%}.product-card-horizontal .product-form__error-message-wrapper:not([hidden]){display:flex;align-items:center;font-size:1.2rem;position:absolute;top:50%;left:1.6rem;right:1.6rem;transform:translateY(-50%);z-index:3;background-color:rgb(var(--color-background));border-radius:.8rem;padding:1.2rem;margin:0;box-shadow:0 2px 2px rgba(var(--color-shadow),.12);border:.1rem solid rgba(var(--color-foreground),.03);max-width:calc(100% - 3.2rem)}.product-card-horizontal .product-form__error-message-wrapper[hidden]{display:none}.product-card-horizontal .product-form__error-message-wrapper .icon-error{flex-shrink:0;width:1.2rem;height:1.2rem;margin-inline-end:.6rem;margin-top:0}[dir=rtl] .product-card-horizontal .product-card-horizontal__form{right:auto;left:2.4rem}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-product-card-horizontal.css.map */