.size-guide-cards{display:grid;gap:2.4rem;grid-template-columns:1fr;margin:0;padding:0;list-style:none}.size-guide-cards--narrow{max-width:44rem;margin-inline:auto}.size-guide-cards--note{gap:1.6rem}.size-guide-cards__footnote{margin-top:3.2rem}.size-guide-card{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid hsl(var(--size-guide-border));border-radius:var(--size-guide-radius);background:hsl(var(--size-guide-background));color:inherit;text-decoration:none;transition:border-color .3s ease,box-shadow .3s ease}.size-guide-card--gallery{border:0;border-radius:var(--size-guide-radius-small);background:hsl(var(--size-guide-sage-wash))}a.size-guide-card:hover,a.size-guide-card:focus-visible{border-color:hsl(var(--size-guide-primary) / .4);box-shadow:0 2px 12px hsl(var(--size-guide-foreground) / .08);color:inherit;text-decoration:none}.size-guide-card__media{position:relative;overflow:hidden;background:hsl(var(--size-guide-surface))}.size-guide-card__track{display:flex;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;-ms-overflow-style:none}.size-guide-card__track::-webkit-scrollbar{display:none}.size-guide-card__slide{flex:0 0 100%;overflow:hidden;aspect-ratio:var(--size-guide-card-aspect, 4 / 5);background:hsl(var(--size-guide-surface));scroll-snap-align:center}.size-guide-card__image,.size-guide-card__video{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.size-guide-card__placeholder{width:100%;height:100%;background:hsl(var(--size-guide-surface));fill:hsl(var(--size-guide-foreground) / .12)}a.size-guide-card:hover .size-guide-card__image,.size-guide-card--gallery .size-guide-card__image:hover{transform:scale(1.05)}.size-guide-card__arrow{position:absolute;top:50%;display:none;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;transform:translateY(-50%);border:0;border-radius:999px;background:hsl(var(--size-guide-background) / .85);color:hsl(var(--size-guide-foreground));opacity:0;transition:opacity .3s ease}.size-guide-card__arrow svg{width:1.6rem;height:1.6rem}.size-guide-card__arrow--previous{left:1.2rem}.size-guide-card__arrow--next{right:1.2rem}.size-guide-card__arrow[hidden]{display:none}.size-guide-card__dots{position:absolute;right:0;bottom:1.2rem;left:0;display:flex;gap:.6rem;align-items:center;justify-content:center}.size-guide-card__dot{width:.6rem;height:.6rem;border-radius:999px;background:hsl(var(--size-guide-background) / .5);transition:width .3s ease,background-color .3s ease}.size-guide-card__dot--active{width:2rem;background:hsl(var(--size-guide-background))}.size-guide-card__body{flex:1 1 auto;padding:1.6rem;transition:background-color .3s ease}.size-guide-card--picker .size-guide-card__body{padding:2.4rem}.size-guide-card--gallery .size-guide-card__body{padding:.8rem 0 0;background:transparent}a.size-guide-card--picker:hover .size-guide-card__body{background:hsl(var(--size-guide-primary) / .08)}.size-guide-card__badge{margin-bottom:1.2rem}.size-guide-card__heading{margin:0 0 .4rem;font-family:"DM Serif Display",Georgia,serif;font-size:2rem;font-weight:400;letter-spacing:normal;line-height:1.2;text-transform:none}.size-guide-card--picker .size-guide-card__heading{font-size:2.4rem}.size-guide-card--gallery .size-guide-card__heading{margin:0;color:hsl(var(--size-guide-foreground));font-size:1.4rem;line-height:1.4}.size-guide-card--note .size-guide-card__heading{margin:0 0 .8rem;color:hsl(var(--size-guide-muted-foreground));font-family:DM Sans,system-ui,-apple-system,sans-serif;font-size:1.2rem;letter-spacing:.2em;line-height:1.4;text-transform:uppercase}.size-guide-card__caption{margin:0;color:hsl(var(--size-guide-muted-foreground));font-size:1.4rem;line-height:1.5}.size-guide-card--fit .size-guide-card__caption{color:hsl(var(--size-guide-foreground) / .8)}.size-guide-card--note .size-guide-card__caption{color:hsl(var(--size-guide-foreground) / .75);line-height:1.625}.size-guide-card__meta{margin:1.2rem 0 0;color:hsl(var(--size-guide-muted-foreground));font-size:1.2rem;line-height:1.5}@media screen and (min-width:750px){.size-guide-cards{grid-template-columns:repeat(2,1fr)}.size-guide-cards--gallery{grid-template-columns:repeat(3,1fr);gap:1.6rem}.size-guide-card__body{padding:2.4rem}.size-guide-card--gallery .size-guide-card__body{padding:.8rem 0 0}.size-guide-card--note .size-guide-card__body{padding:1.6rem}.size-guide-cards--note{grid-template-columns:repeat(var(--size-guide-columns, 3),1fr)}.size-guide-card--picker .size-guide-card__heading{font-size:3rem}.size-guide-card--fit .size-guide-card__heading{font-size:2.4rem}.size-guide-card__media--carousel:hover .size-guide-card__arrow{opacity:1}.size-guide-card__arrow{display:flex}.size-guide-card__arrow:focus-visible{opacity:1}}@media screen and (min-width:990px){.size-guide-cards{grid-template-columns:repeat(var(--size-guide-columns, 2),1fr)}}@media(prefers-reduced-motion:reduce){.size-guide-card__track{scroll-behavior:auto}a.size-guide-card:hover .size-guide-card__image,.size-guide-card--gallery .size-guide-card__image:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/size-guide-cards.css.map */