.vael-wear-with{padding-block:var(--spacing-5, 2.4rem);opacity:0;transition:opacity .16s ease}.vael-wear-with.is-placed{opacity:1}.vael-wear-with__heading{margin:0 0 2.4rem;font-family:inherit;font-size:calc(var(--font-heading-scale, 1) * 1.4rem);font-weight:400;letter-spacing:var(--font-heading-letter-spacing, .02em);text-transform:uppercase;color:rgb(var(--color-foreground))}.vael-wear-with__item{display:grid;grid-template-columns:8rem 1fr;gap:1.6rem;padding-block:1.8rem;border-block-start:1px solid rgba(var(--color-border),var(--alpha-border))}.vael-wear-with__item:first-of-type{border-block-start:none;padding-block-start:0}.vael-wear-with__media{display:block;background:rgba(var(--color-foreground),.03)}.vael-wear-with__media img{display:block;width:100%;height:auto;aspect-ratio:3 / 4;object-fit:cover}.vael-wear-with__body{display:flex;flex-direction:column;gap:1rem;min-width:0}.vael-wear-with__top{display:flex;align-items:flex-start;justify-content:space-between;gap:1.2rem}.vael-wear-with__title{font-size:1.2rem;line-height:1.4;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:rgb(var(--color-foreground))}.vael-wear-with__title:hover{text-decoration:underline;text-underline-offset:.3rem}.vael-wear-with__price{flex:0 0 auto;font-size:1.2rem;line-height:1.4;color:rgb(var(--color-foreground));white-space:nowrap}.vael-wear-with__controls{display:grid;grid-template-columns:1fr auto;margin-block-start:auto}.vael-wear-with__controls--single{grid-template-columns:1fr}.vael-wear-with__select-wrap{position:relative;display:block}.vael-wear-with__select{width:100%;height:4rem;padding:0 3.2rem 0 1.2rem;border:1px solid rgba(var(--color-border),var(--alpha-border));border-inline-end:none;border-radius:0;background:transparent;color:rgb(var(--color-foreground));font-family:inherit;font-size:1.2rem;letter-spacing:.04em;cursor:pointer;-webkit-appearance:none;appearance:none}.vael-wear-with__select:focus-visible{outline:2px solid currentColor;outline-offset:-2px}.vael-wear-with__chevron{position:absolute;top:50%;inset-inline-end:1.2rem;width:.8rem;height:.8rem;margin-block-start:-.5rem;border-inline-end:1px solid currentColor;border-block-end:1px solid currentColor;transform:rotate(45deg);pointer-events:none}.vael-wear-with__add{min-width:8rem;height:4rem;padding:0 1.6rem;border:1px solid rgba(var(--color-border),var(--alpha-border));border-radius:0;background:rgba(var(--color-foreground),.06);color:rgb(var(--color-foreground));font-family:inherit;font-size:1.2rem;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:background .2s ease,color .2s ease,opacity .2s ease}.vael-wear-with__add:hover:not(:disabled){background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.vael-wear-with__add:disabled{opacity:.45;cursor:not-allowed}.vael-wear-with__status{margin:0;min-height:1.6rem;font-size:1.1rem;line-height:1.45;letter-spacing:.04em;color:rgba(var(--color-foreground),.7)}.vael-wear-with__status[data-state=error]{color:#9c0006}.vael-wear-with--set{padding-block:2.4rem .8rem}.vael-wear-with__note{margin:-1.6rem 0 1.8rem;font-size:1.1rem;line-height:1.5;letter-spacing:.04em;color:rgba(var(--color-foreground),.7)}@media screen and (max-width:749px){.vael-wear-with__item{grid-template-columns:7rem 1fr;gap:1.2rem}.vael-wear-with__add{min-width:7rem}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/component-vael-wear-with.css.map */