.suay-compare-silhouettes{background:var(--suay-color-off-white)}.suay-compare-silhouettes__inner{max-width:1440px;margin:0 auto;padding:44px 0 40px}.suay-compare-silhouettes__header{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:12px;padding:0 18px}.suay-compare-silhouettes__heading{margin:0;font-size:clamp(24px,3vw,40px);font-weight:500;letter-spacing:-.02em;color:var(--suay-color-charcoal)}.suay-compare-silhouettes__link{flex-shrink:0;padding-bottom:2px;border-bottom:1px solid var(--suay-color-charcoal);font-family:var(--suay-font-mono);font-size:10px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--suay-color-charcoal);text-decoration:none}.suay-compare-silhouettes__grid{display:flex;gap:6px;margin:0;padding:4px 18px;overflow-x:auto;scroll-snap-type:x proximity;scroll-padding-inline:18px;list-style:none}.suay-compare-silhouettes__item{flex:0 0 168px;scroll-snap-align:start}.suay-compare-silhouettes__card{display:flex;flex-direction:column;height:100%;padding:12px;background:var(--suay-color-white, #fff);color:var(--suay-color-charcoal);text-decoration:none;outline-offset:-2px;transition:outline-color var(--suay-duration-fast, .15s) ease}.suay-compare-silhouettes__card:hover{outline:1px solid var(--suay-color-smoke)}.suay-compare-silhouettes__card--current,.suay-compare-silhouettes__card--current:hover{outline:2px solid var(--suay-color-charcoal)}.suay-compare-silhouettes__card:focus-visible{outline:2px solid var(--suay-color-charcoal);outline-offset:2px}.suay-compare-silhouettes__media{display:block;aspect-ratio:1;margin-bottom:10px;background:var(--suay-color-off-white);overflow:hidden}.suay-compare-silhouettes__media img{display:block;width:100%;height:100%;object-fit:cover}.suay-compare-silhouettes__name{font-size:16px;font-weight:500}.suay-compare-silhouettes__descriptor{margin-top:4px;font-family:var(--suay-font-mono);font-size:10px;letter-spacing:.06em;line-height:1.4;text-transform:uppercase;color:var(--suay-color-body)}.suay-compare-silhouettes__viewing{margin-top:8px;font-family:var(--suay-font-mono);font-size:10px;font-weight:500;letter-spacing:.1em;text-transform:uppercase}@media screen and (min-width:750px){.suay-compare-silhouettes__inner{padding:80px 40px}.suay-compare-silhouettes__header{flex-wrap:wrap;align-items:flex-end;margin-bottom:28px;padding:0}.suay-compare-silhouettes__link{font-size:11px}.suay-compare-silhouettes__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px;padding:0;overflow:visible}.suay-compare-silhouettes__card{padding:16px}.suay-compare-silhouettes__media{margin-bottom:12px}.suay-compare-silhouettes__name{font-size:18px}.suay-compare-silhouettes__descriptor{font-size:11px}.suay-compare-silhouettes__viewing{margin-top:10px}}
/*# sourceMappingURL=/cdn/shop/t/106/assets/suay-compare-silhouettes.css.map */
