.goes-well-with,.goes-well-with .select:before,.goes-well-with .select:after,.goes-well-with .select__select,.goes-well-with .media,.goes-well-with__media-inner,.goes-well-with__image{border-radius:0}.goes-well-with-block{margin:0}.goes-well-with{padding:1.8rem 1.8rem 2rem;border:.1rem solid rgba(var(--color-foreground),.1);background:rgba(var(--color-background),.2);color:rgb(var(--color-foreground))}.goes-well-with__heading{margin:0;padding-bottom:1.4rem;border-bottom:.1rem solid rgba(var(--color-foreground),.1);font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);font-size:calc(var(--font-heading-scale) * 1.5rem);letter-spacing:calc(var(--font-heading-letter-spacing) + .08em);line-height:1.3;text-transform:uppercase;color:rgb(var(--color-foreground))}.goes-well-with__list{display:flex;flex-direction:column;margin:0}goes-well-with-item{display:contents}.goes-well-with__form,.goes-well-with__form .form{display:contents}.goes-well-with__item{display:grid;grid-template-columns:6.4rem minmax(0,1fr) auto;gap:1.2rem;align-items:center;padding:1.4rem 0;border-bottom:.1rem solid rgba(var(--color-foreground),.1)}.goes-well-with__media,.goes-well-with__media-inner{display:block}.goes-well-with__media-inner{overflow:hidden;background:transparent}.goes-well-with__image,.goes-well-with__media .placeholder-svg{display:block;width:100%;height:100%;object-fit:cover}.goes-well-with__details{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:.3rem}.goes-well-with__title{margin:0;font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:500;font-size:1.4rem;letter-spacing:.01em;line-height:1.3;color:rgb(var(--color-foreground));text-decoration:none}.goes-well-with__title:hover{text-decoration:underline;text-underline-offset:.2rem}.goes-well-with__price{margin:0;font-family:var(--font-body-family);font-weight:var(--font-body-weight);font-size:1.3rem;letter-spacing:.02em;color:rgb(var(--color-foreground))}.goes-well-with__select{width:100%;max-width:11rem;margin-top:.5rem}.goes-well-with__select .select__select{height:3.2rem;min-height:3.2rem;min-width:0;padding:0 2.8rem 0 .8rem;font-size:1.2rem;background-color:rgba(var(--color-background),.2);color:rgb(var(--color-foreground))}.goes-well-with__select .svg-wrapper{right:.8rem}.goes-well-with__add{position:relative;display:inline-flex;align-items:center;justify-content:center;-webkit-appearance:none;appearance:none;align-self:center;flex-shrink:0;width:3.6rem;height:3.6rem;padding:0;border:.1rem solid rgba(var(--color-foreground),.28);border-radius:50%;background:transparent;color:rgb(var(--color-foreground));cursor:pointer}.goes-well-with__add .svg-wrapper{width:1.2rem;height:1.2rem}.goes-well-with__add:hover{border-color:rgb(var(--color-foreground))}.goes-well-with__add.loading>.svg-wrapper{opacity:0}.goes-well-with__add .loading__spinner{position:absolute;top:50%;left:50%;width:1.4rem;transform:translate(-50%,-50%)}.goes-well-with__add:disabled,.goes-well-with__add--disabled,.goes-well-with__add--static{cursor:default;opacity:.4}.goes-well-with__footer{display:inline-flex;align-items:center;gap:.6rem;margin:1.6rem 0 0;font-family:var(--font-body-family);font-weight:500;font-size:1.2rem;letter-spacing:.08em;line-height:1.3;text-transform:uppercase;text-decoration:underline;text-underline-offset:.25rem;color:rgb(var(--color-foreground))}.goes-well-with__footer .svg-wrapper{width:1.2rem;height:1.2rem;text-decoration:none}.goes-well-with__hint{margin:1rem 0 0}.goes-well-with--placeholder{opacity:.85}@media screen and (max-width:749px){.goes-well-with{padding:1.6rem 1.4rem 1.8rem}.goes-well-with__item{grid-template-columns:5.6rem minmax(0,1fr) auto;gap:1rem}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-goes-well-with.css.map */