.kl-mix-match{display:block}.kl-mix-match__heading{margin:0 0 2.1rem;border-bottom:.1rem solid var(--kl-mix-match-underline, rgb(var(--color-foreground)));color:var(--kl-mix-match-heading, rgb(var(--color-foreground)));font-family:var(--font-heading-family);font-size:2rem;font-weight:400;line-height:normal;position:relative}.kl-mix-match__heading span{display:inline-block;position:relative}.kl-mix-match__heading span:after{content:"";display:block;width:100%;height:.1rem;background:var(--primary-brand-color)}.kl-mix-match--underline-short .kl-mix-match__heading{max-width:16rem}.kl-mix-match--underline-medium .kl-mix-match__heading{max-width:24rem}.kl-mix-match__card{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);overflow:hidden}.kl-mix-match__media{display:block;overflow:hidden}.kl-mix-match__image{display:block;width:100%;height:100%;aspect-ratio:1 / 1;object-fit:cover}.kl-mix-match__panel{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;padding:2.4rem 2rem;background:var(--kl-mix-match-panel, rgba(var(--color-foreground), .04))}.kl-mix-match__eyebrow{margin:0;color:var(--kl-mix-match-eyebrow, rgba(var(--color-foreground), .7));font-family:var(--font-body-family);font-size:1.2rem;font-weight:var(--font-body-weight);letter-spacing:.14rem;line-height:1.5rem;text-transform:uppercase}.kl-mix-match__title{margin:0;color:var(--kl-mix-match-title, rgb(var(--color-foreground)));font-family:var(--font-heading-family);font-size:2rem;font-weight:var(--font-heading-weight);line-height:1.3}.kl-mix-match__title-link{color:inherit;text-decoration:none}.kl-mix-match__price{display:flex;flex-wrap:wrap;align-items:baseline;gap:.8rem;margin:0;color:var(--kl-mix-match-price, rgb(var(--color-foreground)));font-family:var(--font-body-family);font-size:1.7rem;font-weight:var(--font-body-weight)}.kl-mix-match__price-compare{color:var(--kl-mix-match-compare-price, rgba(var(--color-foreground), .55));font-size:1.4rem}.kl-mix-match__free-badge{display:inline-flex;align-items:center;padding:.4rem 1rem;border-radius:.2rem;background:var(--kl-mix-match-free-badge-background, rgb(var(--color-foreground)));color:var(--kl-mix-match-free-badge-text, rgb(var(--color-background)));font-family:var(--font-body-family);font-size:1.2rem;font-weight:var(--font-body-weight-bold);letter-spacing:.1rem;line-height:1;text-transform:uppercase}.kl-mix-match__free-note{margin:0;color:var(--kl-mix-match-eyebrow, rgba(var(--color-foreground), .7));font-family:var(--font-body-family);font-size:1.3rem;font-weight:var(--font-body-weight);line-height:1.4}.kl-mix-match__actions{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;width:100%;margin-top:.6rem}.kl-mix-match__button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.8rem;min-width:18rem;min-height:5rem;padding:0 2.4rem;border:0;background:var(--kl-mix-match-button-background, rgb(var(--color-foreground)));color:var(--kl-mix-match-button-text, rgb(var(--color-background)));font-family:var(--font-body-family);font-size:1.3rem;font-weight:var(--font-body-weight-bold);letter-spacing:.12rem;line-height:1;text-align:center;text-decoration:none;text-transform:uppercase;cursor:pointer;transition:background-color .15s ease,color .15s ease,opacity .15s ease}.kl-mix-match__button:hover{background:var(--kl-mix-match-button-hover-background, var(--kl-mix-match-button-background, rgb(var(--color-foreground))));color:var(--kl-mix-match-button-hover-text, var(--kl-mix-match-button-text, rgb(var(--color-background))))}.kl-mix-match__button:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.3rem}.kl-mix-match__button[disabled]{opacity:.55;cursor:not-allowed}.kl-mix-match__button[aria-busy=true] .kl-mix-match__button-label{opacity:0}.kl-mix-match__spinner{position:absolute;top:50%;left:50%;width:1.8rem;height:1.8rem;margin:-.9rem 0 0 -.9rem;opacity:0;transition:opacity .15s ease}.kl-mix-match__button[aria-busy=true] .kl-mix-match__spinner{opacity:1}.kl-mix-match__spinner svg{display:block;width:100%;height:100%;animation:kl-mix-match-spin .8s linear infinite}@keyframes kl-mix-match-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.kl-mix-match__spinner svg{animation:none}}.kl-mix-match__error{margin:0;color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:1.3rem;line-height:1.4}.kl-mix-match__error:empty{display:none}@media screen and (min-width:750px){.kl-mix-match__card{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.kl-mix-match--media-right .kl-mix-match__media{order:2}.kl-mix-match__image{aspect-ratio:auto;min-height:100%}.kl-mix-match__panel{padding:3.2rem 3rem}.kl-mix-match__title{font-size:2rem}}@media screen and (max-width:749px){.kl-mix-match__eyebrow{font-size:1rem}.kl-mix-match__title{font-size:1.5rem}.kl-mix-match__price{font-size:1.4rem}.kl-mix-match__heading{margin-bottom:1.4rem}.kl-mix-match__panel{padding:1.6rem 2rem 2rem 1.2rem}}
/*# sourceMappingURL=/cdn/shop/t/395/assets/kl-mix-match.css.map */