.sr-match{background:var(--sr-match-bg, var(--sr-navy));color:var(--sr-match-text, var(--sr-ivory));font-family:var(--sr-font-body);scroll-margin-top:80px}.sr-match__inner{max-width:1440px;margin:0 auto;box-sizing:border-box;padding:var(--sr-match-pt, 88px) 96px var(--sr-match-pb, 96px);display:flex;flex-direction:column;gap:48px}.sr-match p{margin:0}.sr-match__top{display:flex;justify-content:space-between;align-items:flex-end;gap:32px}.sr-match__intro{display:flex;flex-direction:column;gap:16px}.sr-match .sr-kicker{color:var(--sr-match-accent, var(--sr-teal))}.sr-match .sr-match__title{margin:0;font-family:var(--sr-font-display);font-weight:400;font-size:clamp(60px,7.8vw,112px);line-height:.95;text-transform:uppercase;letter-spacing:0;color:inherit}.sr-match__text{max-width:380px;margin-bottom:12px!important;font-size:18px;line-height:1.5;color:var(--sr-mist-light)}.sr-match__grid{display:grid;grid-template-columns:minmax(0,640px) 440px;justify-content:space-between;column-gap:48px;row-gap:18px;grid-template-areas:"stage bins" "stage info" "stage price" "stage dims" "stage finish" "stage form" "link  .";align-items:start;grid-template-rows:repeat(5,auto) 1fr auto}.sr-match__stage{grid-area:stage}.sr-match__sizelink{grid-area:link}.sr-match__group--bins{grid-area:bins}.sr-match__info{grid-area:info}.sr-match__pricerow{grid-area:price}.sr-match__dims{grid-area:dims}.sr-match__group--finish{grid-area:finish}.sr-match__form{grid-area:form}.sr-match__stage{position:relative;margin:0;aspect-ratio:1 / 1;border-radius:6px;overflow:hidden;background:var(--sr-match-stage, #E9E1D3)}.sr-match__img{display:block;width:100%;height:100%;object-fit:cover}.sr-match__img--filled{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .25s ease}.sr-match__stage.is-empty .sr-match__img--filled{opacity:0}@media(hover:hover)and (pointer:fine){.sr-match__stage:not(.is-empty):hover:not(:has(.sr-match__view:hover)) .sr-match__img--filled{opacity:0}}.sr-match__view{position:absolute;top:16px;right:16px;z-index:2;display:flex;gap:2px;padding:4px;border-radius:999px;background:#f7f4eff0;box-shadow:0 2px 8px #0e1e2e26}.sr-match__viewbtn{height:34px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:var(--sr-navy);font:700 13px var(--sr-font-body);cursor:pointer}.sr-match__viewbtn[aria-pressed=true]{background:var(--sr-navy);color:var(--sr-ivory)}.sr-match__viewbtn:disabled{opacity:.4;cursor:not-allowed}.sr-match__viewbtn:focus-visible{outline:3px solid var(--sr-teal);outline-offset:2px}@media(prefers-reduced-motion:reduce){.sr-match__img--filled{transition:none}}.sr-match__chips{position:absolute;left:20px;bottom:58px;display:flex;flex-wrap:wrap;gap:8px}.sr-match__chip{padding:8px 14px;border-radius:3px;background:var(--sr-navy);color:var(--sr-ivory);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.sr-match__caption{position:absolute;left:20px;bottom:20px;padding:8px 14px;border-radius:3px;background:var(--sr-ivory);color:var(--sr-navy);font-size:13px;font-weight:500}.sr-match .sr-match__sizelink{align-self:start;justify-self:start;font-size:16px;font-weight:700;color:inherit;text-decoration:underline;text-underline-offset:4px;background:none;-webkit-text-fill-color:currentColor}.sr-match .sr-match__sizelink:hover{color:var(--sr-match-accent, var(--sr-teal))}.sr-match__group{display:flex;flex-direction:column;gap:10px;min-width:0}.sr-match__label{font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#9fb0c2}.sr-match__label-value{color:var(--sr-match-text, var(--sr-ivory))}.sr-match__bins{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.sr-match__row{display:flex;gap:8px}.sr-match .sr-match__pill{height:46px;min-width:0;margin:0;padding:0 16px;border-radius:999px;border:1.5px solid rgba(247,244,239,.35);background:transparent;color:var(--sr-match-text, var(--sr-ivory));font-family:var(--sr-font-body);font-weight:700;font-size:16px;line-height:1;letter-spacing:0;text-transform:none;cursor:pointer;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.sr-match__bins .sr-match__pill{padding:0;font-size:15px}.sr-match .sr-match__pill:hover{border-color:var(--sr-match-text, var(--sr-ivory))}.sr-match .sr-match__pill[aria-pressed=true]{background:var(--sr-match-accent, var(--sr-teal));border-color:var(--sr-match-accent, var(--sr-teal));color:var(--sr-navy)}.sr-match .sr-match__pill:focus-visible,.sr-match .sr-match__swatch:focus-visible,.sr-match .sr-match__add:focus-visible{outline:3px solid var(--sr-ivory);outline-offset:3px}.sr-match__fit{min-height:20px;font-size:14px;font-weight:500;color:var(--sr-match-accent, var(--sr-teal))}.sr-match__info{display:flex;flex-direction:column;gap:2px;padding-top:14px;border-top:1px solid rgba(247,244,239,.18)}.sr-match__model{font-family:var(--sr-font-display);font-size:88px;line-height:.95;text-transform:uppercase}.sr-match__spec{font-size:16px;color:var(--sr-mist-light)}.sr-match__formerly{min-height:18px;font-size:14px;color:#9fb0c2}.sr-match__pricerow{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px}.sr-match__price{font-family:var(--sr-font-display);font-size:48px;line-height:1}.sr-match__pricenote{font-size:14px;color:#9fb0c2}.sr-match__dims{display:flex;gap:24px}.sr-match__swatches{display:flex;flex-wrap:wrap;gap:10px}.sr-match .sr-match__swatch{width:46px;height:46px;margin:0;padding:0;border-radius:50%;cursor:pointer;border:1.5px solid rgba(247,244,239,.3);box-shadow:none;transition:box-shadow .15s ease}.sr-match .sr-match__swatch[aria-pressed=true]{box-shadow:0 0 0 3px var(--sr-match-bg, var(--sr-navy)),0 0 0 5px var(--sr-match-accent, var(--sr-teal))}.sr-match__form{display:flex;flex-direction:column;gap:10px;margin:4px 0 0}.sr-match .sr-match__add{height:58px;width:100%;margin:0;padding:0 24px;border:0;border-radius:999px;background:var(--sr-match-button, var(--sr-red));color:#fff;font-family:var(--sr-font-body);font-weight:700;font-size:17px;letter-spacing:0;text-transform:none;cursor:pointer;transition:filter .15s ease,transform .15s ease}.sr-match .sr-match__add:hover:not([disabled]){filter:brightness(1.08);transform:translateY(-1px)}.sr-match .sr-match__add[disabled]{opacity:.55;cursor:not-allowed}.sr-match .sr-match__add[aria-busy=true]{opacity:.8;cursor:progress}.sr-match__status{min-height:0;font-size:14px;color:var(--sr-match-accent, var(--sr-teal))}.sr-match__status:empty{display:none}.sr-match .sr-match__details{align-self:center;font-size:14px;color:var(--sr-mist-light);text-underline-offset:3px;background:none;-webkit-text-fill-color:currentColor;text-decoration:underline}.sr-match__empty{color:var(--sr-mist-light)}@media(max-width:1100px){.sr-match__inner{padding:72px 48px}.sr-match__grid{grid-template-columns:minmax(0,1fr) 380px;column-gap:32px}.sr-match__model{font-size:72px}.sr-match__dims{flex-direction:column;gap:18px}}@media(max-width:989px){.sr-match__inner{padding:56px 20px;gap:20px}.sr-match__top{flex-direction:column;align-items:flex-start;gap:12px}.sr-match .sr-kicker{font-size:12px}.sr-match .sr-match__title{font-size:60px}.sr-match__text{max-width:none;margin-bottom:0!important;font-size:16px}.sr-match__grid{grid-template-columns:minmax(0,1fr);row-gap:20px;grid-template-areas:"bins" "stage" "info" "price" "dims" "finish" "form" "link";grid-template-rows:none}.sr-match__chips{left:10px;bottom:42px;gap:6px}.sr-match__view{top:10px;right:10px;padding:3px}.sr-match__viewbtn{height:30px;padding:0 11px;font-size:12px}.sr-match__chip{padding:6px 10px;font-size:10px;letter-spacing:.12em}.sr-match__caption{left:10px;bottom:10px;padding:6px 10px;font-size:12px}.sr-match__label{font-size:11px}.sr-match__bins .sr-match__pill,.sr-match__fit{font-size:13px}.sr-match__info{border-top:0;padding-top:0;gap:4px}.sr-match__model{font-size:64px}.sr-match__spec{font-size:15px}.sr-match__formerly{font-size:13px}.sr-match__price{font-size:44px}.sr-match__pricenote{font-size:13px}.sr-match__dims{flex-direction:column;gap:20px}.sr-match__row--3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.sr-match__row--2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.sr-match .sr-match__pill{height:48px}.sr-match__swatches{gap:14px}.sr-match .sr-match__swatch{width:48px;height:48px}.sr-match .sr-match__sizelink{font-size:15px}}@media(prefers-reduced-motion:reduce){.sr-match .sr-match__pill,.sr-match .sr-match__swatch,.sr-match .sr-match__add{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/sr-match.css.map */