.hf-complete-look{position:relative;width:100%;color:var(--hf-color-text-primary);background:var( --hf-complete-look-background, var(--hf-color-surface-secondary) )}.hf-complete-look__section{padding-top:var(--hf-section-space-standard);padding-bottom:var(--hf-section-space-standard)}.hf-complete-look__header{display:flex;max-width:44rem;margin-bottom:var(--hf-space-7);flex-direction:column;gap:var(--hf-space-3)}.hf-complete-look__eyebrow{margin:0;color:var(--hf-color-text-muted);font-size:var(--hf-font-size-label);font-weight:var(--hf-font-weight-semibold);letter-spacing:var(--hf-letter-spacing-label);line-height:var(--hf-line-height-body-compact);text-transform:uppercase}.hf-complete-look__title{margin:0;color:var(--hf-color-text-primary);font-family:var(--hf-font-family-heading);font-size:var(--hf-font-size-heading-md);font-weight:var(--hf-font-weight-semibold);letter-spacing:var(--hf-letter-spacing-tight);line-height:var(--hf-line-height-heading)}.hf-complete-look__intro{max-width:40rem;margin:0;color:var(--hf-color-text-secondary);font-size:var(--hf-font-size-body);line-height:var(--hf-line-height-body)}.hf-complete-look__viewport{position:relative;min-width:0}.hf-complete-look__list{display:grid;grid-auto-columns:minmax(72%,18rem);grid-auto-flow:column;gap:var(--hf-space-4);margin:0;padding:0 var(--hf-container-gutter) var(--hf-space-3);overflow-x:auto;overflow-y:hidden;list-style:none;scroll-padding-inline:var(--hf-container-gutter);scroll-snap-type:x mandatory;scrollbar-width:thin;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}.hf-complete-look__item{min-width:0;scroll-snap-align:start}.hf-complete-look__card{display:flex;height:100%;min-width:0;flex-direction:column;color:var(--hf-color-text-primary);background:var(--hf-color-surface-primary);border:var(--hf-border-width-thin) solid var(--hf-color-border-subtle);border-radius:var(--hf-radius-lg);overflow:hidden}.hf-complete-look__media-link{position:relative;display:block;width:100%;overflow:hidden;color:inherit;background:var(--hf-color-surface-tertiary);aspect-ratio:1 / 1.08;text-decoration:none}.hf-complete-look__image{display:block;width:100%;height:100%;object-fit:var(--hf-complete-look-image-fit, cover);object-position:center;transition:transform var(--hf-duration-slow) var(--hf-ease-standard)}.hf-complete-look__media-link:hover .hf-complete-look__image{transform:scale(1.025)}.hf-complete-look__placeholder{display:grid;width:100%;height:100%;place-items:center;color:var(--hf-color-text-muted)}.hf-complete-look__badge{position:absolute;top:var(--hf-space-3);left:var(--hf-space-3);display:inline-flex;min-height:28px;padding:0 var(--hf-space-3);align-items:center;justify-content:center;color:var(--hf-color-text-primary);background:#ffffffeb;border-radius:var(--hf-radius-pill);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:var(--hf-font-size-micro);font-weight:var(--hf-font-weight-semibold);letter-spacing:var(--hf-letter-spacing-wide);line-height:1;text-transform:uppercase}.hf-complete-look__content{display:flex;min-width:0;flex:1 1 auto;padding:var(--hf-space-4);flex-direction:column;gap:var(--hf-space-3)}.hf-complete-look__product-title{margin:0;color:var(--hf-color-text-primary);font-size:var(--hf-font-size-body);font-weight:var(--hf-font-weight-semibold);line-height:var(--hf-line-height-body-compact)}.hf-complete-look__product-link{color:inherit;text-decoration:none}.hf-complete-look__product-link:hover{text-decoration:underline;text-underline-offset:3px}.hf-complete-look__price-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--hf-space-2)}.hf-complete-look__price{color:var(--hf-color-text-primary);font-size:var(--hf-font-size-body-sm);font-weight:var(--hf-font-weight-semibold)}.hf-complete-look__compare-price{color:var(--hf-color-text-muted);font-size:var(--hf-font-size-caption);text-decoration:line-through}.hf-complete-look__action{margin-top:auto;padding-top:var(--hf-space-2)}.hf-complete-look__button{width:100%}.hf-complete-look__navigation{display:flex;margin-top:var(--hf-space-4);padding-right:var(--hf-container-gutter);padding-left:var(--hf-container-gutter);align-items:center;justify-content:flex-end;gap:var(--hf-space-2)}.hf-complete-look__nav-button{display:inline-grid;width:48px;min-width:48px;height:48px;min-height:48px;padding:0;place-items:center;color:var(--hf-color-text-primary);background:var(--hf-color-surface-primary);border:var(--hf-border-width-thin) solid var(--hf-color-border-default);border-radius:var(--hf-radius-pill);cursor:pointer;touch-action:manipulation}.hf-complete-look__nav-button:hover{background:var(--hf-color-surface-tertiary)}.hf-complete-look__nav-button:disabled{color:var(--hf-color-text-disabled);cursor:not-allowed;opacity:.5}.hf-complete-look__nav-button:focus-visible{outline:3px solid var(--hf-color-focus);outline-offset:3px}.hf-complete-look__nav-button svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.hf-complete-look__empty{display:grid;min-height:14rem;padding:var(--hf-space-6);place-items:center;color:var(--hf-color-text-secondary);background:var(--hf-color-surface-primary);border:var(--hf-border-width-thin) dashed var(--hf-color-border-default);border-radius:var(--hf-radius-lg);text-align:center}.hf-complete-look__empty-content{max-width:34rem}.hf-complete-look__empty-title{margin:0;color:var(--hf-color-text-primary);font-size:var(--hf-font-size-body-lg);font-weight:var(--hf-font-weight-semibold);line-height:var(--hf-line-height-heading)}.hf-complete-look__empty-text{margin:var(--hf-space-2) 0 0;color:var(--hf-color-text-secondary);font-size:var(--hf-font-size-body-sm);line-height:var(--hf-line-height-body)}@media screen and (max-width:47.999rem){.hf-complete-look__section{padding-top:var(--hf-section-space-compact);padding-bottom:var(--hf-section-space-compact)}.hf-complete-look__header{margin-bottom:var(--hf-space-5)}.hf-complete-look__navigation{display:none}}@media screen and (min-width:48rem){.hf-complete-look__list{grid-auto-columns:minmax(17rem,34%)}}@media screen and (min-width:64rem){.hf-complete-look__list{grid-auto-flow:initial;grid-auto-columns:initial;grid-template-columns:repeat(var(--hf-complete-look-columns, 4),minmax(0,1fr));padding-right:0;padding-left:0;overflow:visible;scroll-snap-type:none}.hf-complete-look__navigation{display:none}}@media(prefers-reduced-motion:reduce){.hf-complete-look__image{transition-duration:.01ms!important}}@media(forced-colors:active){.hf-complete-look__card,.hf-complete-look__nav-button,.hf-complete-look__empty{border:1px solid CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/hfds-complete-look.css.map */