.sa-match-intro{background:#2b2b2b;color:#efe9dc;font:400 16px/1.6 Inter,sans-serif;font-synthesis:none;letter-spacing:0;overflow-wrap:anywhere}.sa-match-intro *,.sa-match-intro *:before,.sa-match-intro *:after{box-sizing:border-box;min-width:0}.sa-match-intro sa-match-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.14fr);gap:28px 64px;align-items:center;max-width:1400px;margin:0 auto;padding:40px 40px 32px}.sa-match-intro__copy{grid-column:1;grid-row:1;align-self:end;padding:0}.sa-match-intro__eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 28px;color:#efe9dc;font:600 12px/1.4 Inter,sans-serif;letter-spacing:.08em}.sa-match-intro__eyebrow>span{width:28px;height:4px;background:#ff99b5;flex:none;transform-origin:left}.sa-match-intro h1{font:600 64px/1.05 Barlow Condensed,SA Display Fallback,sans-serif;text-transform:uppercase;color:#efe9dc;letter-spacing:-.01em;margin:0;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere}.sa-match-intro h1 em{color:#ff99b5;font-style:normal}.sa-match-intro__lead{font:400 20px/1.5 Inter,sans-serif;color:#efe9dcf0;margin:24px 0 0;max-width:36ch}.sa-match-intro__feature{grid-column:1;grid-row:2;align-self:start;margin:0;padding-top:24px;border-top:1px solid #FF99B54D;max-width:46ch}.sa-match-intro__label{font:400 14px/1.5 Inter,sans-serif;color:#efe9dcad;margin:0 0 8px}.sa-match-intro h2{font:600 24px/1.25 Inter,sans-serif;letter-spacing:-.01em;color:#efe9dc;margin:0}.sa-match-intro__description{font:400 16px/1.6 Inter,sans-serif;margin:12px 0 0;color:#efe9dc}.sa-match-intro__reference{font:400 14px/1.5 Inter,sans-serif;margin:8px 0 0;color:#efe9dcb8;max-width:44ch}.sa-match-intro__action{display:flex;justify-content:space-between;align-items:center;gap:20px;max-width:360px;min-height:56px;margin-top:24px;padding:16px 20px;background:#ff99b5;color:#2b2b2b;border:1px solid #FF99B5;border-radius:4px;font:500 16px/1.4 Inter,sans-serif;text-decoration:none}.sa-match-intro__action>span{flex:none;font-size:22px;line-height:1}.sa-match-intro__action:hover{background:#efe9dc;border-color:#efe9dc;color:#2b2b2b}.sa-match-intro__all{margin-top:12px;display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:48px;max-width:360px;padding:12px 0;color:#efe9dc;font:500 16px/1.4 Inter,sans-serif;text-decoration:none}.sa-match-intro__all>span:last-child{color:#ff99b5;font-size:22px;flex:none}.sa-match-intro__all:hover>span:first-child{text-decoration:underline;text-decoration-color:#ff99b5;text-underline-offset:5px}.sa-match-intro__line{font:400 14px/1.5 Inter,sans-serif;color:#efe9dc99;margin:12px 0 0}.sa-match-intro__visual{grid-column:2;grid-row:1/3;position:relative;align-self:center;width:100%;max-width:600px;margin-left:auto}.sa-match-intro__media-top{display:flex;justify-content:space-between;gap:16px;padding:0 0 12px;border-bottom:4px solid #FF99B5;font:600 12px/1.4 Inter,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#efe9dcb8}.sa-match-intro__media-top>span:last-child{color:#ff99b5}.sa-match-intro__stage{position:relative;isolation:isolate;aspect-ratio:1;background:#fff}.sa-match-intro__stage:before{content:"";position:absolute;top:16px;right:-12px;bottom:-12px;left:16px;border:1px solid #FF99B580;z-index:-1;pointer-events:none}.sa-match-intro__image{display:block;aspect-ratio:1;width:100%;height:100%;background:#fff;color:#2b2b2b}.sa-match-intro__image img{display:block;aspect-ratio:1;width:100%;height:100%;object-fit:contain;filter:none}.sa-match-intro__views{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,5.5em),1fr));margin-top:24px;border-top:1px solid #EFE9DC40;border-bottom:1px solid #EFE9DC40}.sa-match-intro__views[hidden]{display:none}.sa-match-intro__views button{position:relative;-webkit-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;gap:12px;min-height:56px;padding:12px 8px;border:0;border-right:1px solid #EFE9DC40;border-radius:0;background:transparent;color:#efe9dc;font:500 16px/1.4 Inter,sans-serif;cursor:pointer;overflow-wrap:anywhere}.sa-match-intro__views button:last-child{border-right:0}.sa-match-intro__views button>span:first-child{font:400 12px/1.4 Inter,sans-serif;opacity:.65}.sa-match-intro__views button:before{content:"";position:absolute;inset:-1px 0 auto;height:3px;background:#ff99b5;transform:scaleX(0);transform-origin:left}.sa-match-intro__views button[aria-pressed=true]{background:#ff99b5;color:#2b2b2b}.sa-match-intro__views button[aria-pressed=true]:before{transform:scaleX(1)}.sa-match-intro__views button:hover:not([aria-pressed=true]){background:#ff99b512;color:#ff99b5}.sa-match-intro .is-loading .sa-match-intro__views button[aria-busy=true]{opacity:.65}.sa-match-intro__caption{display:flex;align-items:flex-start;gap:12px;margin-top:16px;min-height:3em}.sa-match-intro__caption p{font:400 14px/1.5 Inter,sans-serif;color:#efe9dccf;margin:0;max-width:52ch}.sa-match-intro__marker{width:6px;height:6px;background:#ff99b5;flex:none;margin-top:8px}.sa-match-intro__footer{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.14fr);gap:64px;grid-column:1/-1;border-top:1px solid #EFE9DC33;padding-top:24px}.sa-match-intro__footer p{margin:0;font:400 14px/1.5 Inter,sans-serif;color:#efe9dcad}.sa-match-intro__footer strong{font-weight:500;color:#efe9dc}.sa-match-intro__footer .sa-match-intro__note{max-width:62ch}.sa-match-intro :is(a,button):focus-visible{outline:2px solid #FF99B5;outline-offset:5px}.sa-match-intro .sa-match-intro__image:focus-visible{outline:3px solid #2B2B2B;outline-offset:-8px}.sa-match-intro--text sa-match-hero{grid-template-columns:minmax(0,1fr);max-width:1000px}.sa-match-intro--text .sa-match-intro__footer{grid-template-columns:minmax(0,1fr)}.sa-match-intro__all--primary{background:#ff99b5;color:#2b2b2b;padding:16px 20px;margin-top:24px;border-radius:4px}.sa-match-intro__all--primary>span:last-child{color:inherit}@media(min-width:750px)and (max-width:1099px){.sa-match-intro sa-match-hero{padding:32px 24px;gap:32px}.sa-match-intro h1{font-size:48px}.sa-match-intro__copy{padding:0}.sa-match-intro__lead{font-size:18px}.sa-match-intro__feature{margin-top:0;padding-top:20px}.sa-match-intro__footer{gap:32px}.sa-match-intro__views button{gap:6px}.sa-match-intro__views button>span:first-child{display:none}}@media(max-width:749px){.sa-match-intro sa-match-hero{grid-template-columns:minmax(0,1fr);padding:24px 16px 28px;gap:28px}.sa-match-intro__copy{grid-column:1;grid-row:1;padding:0}.sa-match-intro__eyebrow{margin-bottom:20px}.sa-match-intro h1{font-size:40px}.sa-match-intro__lead{font-size:18px;margin-top:16px}.sa-match-intro__feature{grid-column:1;grid-row:3;margin-top:0;padding-top:20px;max-width:none}.sa-match-intro h2{font-size:20px}.sa-match-intro__action{margin-top:20px;max-width:none;min-height:48px;padding:14px 16px}.sa-match-intro__all{max-width:none}.sa-match-intro__line{margin-top:4px}.sa-match-intro__visual{grid-column:1;grid-row:2;width:100%;max-width:560px;margin:auto}.sa-match-intro__stage:before{top:10px;right:-6px;bottom:-6px;left:10px}.sa-match-intro__views{margin-top:18px}.sa-match-intro__views button{gap:8px;flex-wrap:wrap;min-height:52px}.sa-match-intro__views button>span:first-child{display:none}.sa-match-intro__caption{min-height:0;margin-top:14px}.sa-match-intro__footer{grid-row:4;grid-template-columns:minmax(0,1fr);gap:12px;padding-top:20px}.sa-match-intro__footer p:first-child br{display:none}.sa-match-intro__footer p:first-child strong:before{content:" "}}@media(prefers-reduced-motion:no-preference){.sa-match-intro__action,.sa-match-intro__views button{transition:background .2s cubic-bezier(.2,0,0,1),color .2s cubic-bezier(.2,0,0,1)}.sa-match-intro__views button:before{transition:transform .2s cubic-bezier(.2,0,0,1)}.sa-match-intro__action>span,.sa-match-intro__all>span:last-child{transition:transform .2s cubic-bezier(.2,0,0,1)}.sa-match-intro__action:hover>span{transform:translate(2px,-2px)}.sa-match-intro__all:hover>span:last-child{transform:translate(3px)}.sa-match-intro .is-entering .sa-match-intro__stage{animation:sa-match-appear .32s cubic-bezier(.2,0,0,1)}.sa-match-intro .is-entering .sa-match-intro__eyebrow>span{animation:sa-match-mark .32s cubic-bezier(.2,0,0,1)}.sa-match-intro .is-switching [data-match-image]{animation:sa-match-view .32s cubic-bezier(.2,0,0,1)}@keyframes sa-match-appear{0%{transform:translateY(10px);opacity:.85}to{transform:none;opacity:1}}@keyframes sa-match-mark{0%{transform:scaleX(.3)}to{transform:scaleX(1)}}@keyframes sa-match-view{0%{opacity:.65}to{opacity:1}}}@media(prefers-reduced-motion:reduce){.sa-match-intro *{animation:none!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/64/assets/sa-match-intro.css.map */