.addon-products{width:100%;margin-top:var(--addon-products-margin-top, 1.6rem);margin-bottom:var(--addon-products-margin-bottom, 1.6rem)}.addon-products__heading{margin:0 0 1.2rem;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:500;font-size:1.6rem;line-height:1.35;color:rgb(var(--color-foreground));letter-spacing:normal}.addon-products__list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(11rem,31%);gap:1.2rem;overflow-x:auto;overflow-y:hidden;padding-bottom:.2rem;scroll-snap-type:x proximity;scrollbar-width:none}.addon-products__list::-webkit-scrollbar{display:none}.addon-products__item{min-width:0;scroll-snap-align:start}.addon-products__media{position:relative;aspect-ratio:1 / 1;overflow:hidden;border-radius:.4rem;background-color:rgba(var(--color-foreground),.03)}.addon-products__link{display:block;width:100%;height:100%;color:inherit;text-decoration:none}.addon-products__image{display:block;width:100%;height:100%;object-fit:cover}.addon-products__form{position:absolute;top:.8rem;right:.8rem;z-index:2}.addon-products__form-inner{margin:0}.addon-products__button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;min-width:4rem;min-height:4rem;margin:0;padding:0;border:.1rem solid rgb(var(--color-border-input));border-radius:0;background-color:rgb(var(--color-background-input));color:rgb(var(--color-foreground));cursor:pointer;transition:background-color var(--duration-default),border-color var(--duration-default),color var(--duration-default),opacity var(--duration-short)}.addon-products__button:hover,.addon-products__button:focus-visible{background-color:rgb(var(--color-background-input-hover));border-color:rgb(var(--color-border-input-hover))}.addon-products__button[aria-disabled=true],.addon-products__button:disabled{cursor:default;opacity:.5}.addon-products__button-icon{display:inline-flex;align-items:center;justify-content:center}.addon-products__button-icon svg{width:2rem;height:2rem}.addon-products__button.loading .addon-products__button-icon{opacity:0}.addon-products__button>.addon-products__spinner.loading-overlay__spinner{position:absolute;inset:50% auto auto 50%;display:none;width:1.8rem;height:1.8rem;margin:0;transform:translate(-50%,-50%)}.addon-products__button.loading>.addon-products__spinner.loading-overlay__spinner:not(.hidden){display:flex}.addon-products__spinner .spinner{width:1.8rem;height:1.8rem}@media screen and (min-width:750px){.addon-products__list{grid-auto-columns:minmax(12rem,1fr);grid-template-columns:repeat(var(--addon-products-columns, 3),minmax(0,1fr));grid-auto-flow:initial;overflow:visible}}.addon-products__title{text-decoration:none;text-decoration-line:none}
/*# sourceMappingURL=/cdn/shop/t/15/assets/component-addon-products.css.map */