.hp-collection-cards .hp-collection-cards__section{padding-top:var(--hp-space-8);padding-bottom:var(--hp-space-8)}.hp-collection-cards .hp-collection-cards__head{display:flex;flex-direction:column;gap:var(--hp-space-2);margin:0 0 var(--hp-space-6);max-width:800px}.hp-collection-cards .hp-collection-cards__eyebrow{margin:0;font-size:var(--hp-text-xs);line-height:18px;font-weight:var(--hp-weight-medium);text-transform:uppercase;letter-spacing:0;color:var(--hp-brand-hover)}.hp-collection-cards .hp-collection-cards__title{margin:0;font-size:28px;line-height:33px;font-weight:var(--hp-weight-semibold);letter-spacing:-.56px;color:var(--hp-fg);text-transform:none}.hp-collection-cards .hp-collection-cards__sub{margin:0;font-size:var(--hp-text-base);line-height:var(--hp-text-base-lh);color:var(--hp-muted-fg)}.hp-collection-cards .hp-collection-cards__empty{padding:var(--hp-space-6);border:1px dashed var(--hp-border);border-radius:var(--hp-radius-md);color:var(--hp-muted-fg);font-size:var(--hp-text-sm);line-height:var(--hp-text-sm-lh)}@media(min-width:768px){.hp-collection-cards .hp-collection-cards__section{padding-top:var(--hp-space-12);padding-bottom:var(--hp-space-12)}.hp-collection-cards .hp-collection-cards__head{margin-bottom:var(--hp-space-8)}.hp-collection-cards .hp-collection-cards__title{font-size:32px;line-height:38px;letter-spacing:-.64px}}@media(min-width:1024px){.hp-collection-cards .hp-collection-cards__section{padding-top:var(--hp-space-16);padding-bottom:var(--hp-space-16)}}.hp-collection-cards .hp-collection-cards__note{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--hp-space-3);margin-top:var(--hp-space-6);padding:var(--hp-space-4);border:1px solid var(--hp-border);border-radius:var(--hp-radius-lg);background:var(--hp-bg)}.hp-collection-cards .hp-collection-cards__note-icon{flex:none;color:var(--hp-brand-hover);margin-top:2px}.hp-collection-cards .hp-collection-cards__note-text{flex:1 1 240px;min-width:0;font-size:var(--hp-text-sm);line-height:var(--hp-text-sm-lh);color:var(--hp-fg)}.hp-collection-cards .hp-collection-cards__note-text p{margin:0}.hp-collection-cards .hp-collection-cards__note-btn{flex:none;margin-left:auto}.hp-collection-cards .hp-collection-cards__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--hp-grid-gap);margin:0;padding:0;list-style:none}.hp-collection-cards .hp-collection-cards__card{display:flex;flex-direction:column;gap:var(--hp-space-2);min-width:0;margin:0;padding:var(--hp-space-6);border:1px solid var(--hp-border);border-radius:var(--hp-radius-lg);background:var(--hp-bg)}.hp-collection-cards .hp-collection-cards__card-title{margin:0;font-size:var(--hp-text-base);line-height:var(--hp-text-base-lh);font-weight:var(--hp-weight-semibold);color:var(--hp-fg);text-transform:none;letter-spacing:0}.hp-collection-cards .hp-collection-cards__card-body{font-size:var(--hp-text-sm);line-height:var(--hp-text-sm-lh);color:var(--hp-muted-fg)}.hp-collection-cards .hp-collection-cards__card-body p{margin:0}.hp-collection-cards .hp-collection-cards__num{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin-bottom:var(--hp-space-2);border-radius:var(--hp-radius-full);background:var(--hp-brand-soft);color:var(--hp-brand-hover);font-size:var(--hp-text-sm);line-height:1;font-weight:var(--hp-weight-semibold)}.hp-collection-cards .hp-collection-cards__swatch{display:block;width:100%;height:8px;margin-bottom:var(--hp-space-2);border-radius:var(--hp-radius-full);background:var(--hp-swatch, var(--hp-muted));box-shadow:inset 0 0 0 1px #00000014}@media(min-width:768px){.hp-collection-cards .hp-collection-cards__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1024px){.hp-collection-cards .hp-collection-cards__grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.hp-collection-cards .hp-collection-cards__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.hp-collection-cards .hp-collection-cards__grid--5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(forced-colors:active){.hp-collection-cards .hp-collection-cards__swatch{forced-color-adjust:none}}
/*# sourceMappingURL=/cdn/shop/t/77/assets/hp-collection-cards.css.map */