.hp.hp-tabs{--hp-pad-t: 60px;--hp-pad-b: 64px;--hp-gap: 21px}.hp.hp-tabs .hp-wrap{position:relative}.hp.hp-tabs .hp-tabs__head{align-items:flex-end;margin-bottom:32px}.hp.hp-tabs .hp-tabs__list{display:inline-flex;align-items:center;padding:6px;border:1px solid #e7e8ec;border-radius:999px;background:#fff}.hp.hp-tabs .hp-tabs__tab{display:inline-flex;align-items:center;justify-content:center;min-height:38px;min-width:110px;padding:0 26px;border-radius:999px;font-family:var(--hp-body);font-size:13px;font-weight:700;line-height:1;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;color:var(--hp-muted);background:transparent;transition:background .2s var(--hp-ease),color .2s var(--hp-ease)}.hp.hp-tabs .hp-tabs__tab:hover{color:var(--hp-ink)}.hp.hp-tabs .hp-tabs__tab[aria-selected=true]{background:var(--hp-accent);color:#fff}.hp.hp-tabs .hp-tabs__tab:focus-visible{outline-offset:1px}.hp.hp-tabs .hp-tabs__viewall{position:absolute;top:12px;right:var(--hp-gutter);z-index:1}.hp.hp-tabs .hp-carousel__foot{margin-top:60px;gap:10px}.hp.hp-tabs .hp-progress{max-width:none;margin-right:19px}.hp.hp-tabs .hp-arrow{width:44px;height:44px;border-color:#cdcdcd;color:#282828}.hp.hp-tabs .hp-arrow .hp-ico{width:20px;height:20px}.hp.hp-tabs .hp-arrow:hover{border-color:var(--hp-ink);color:#fff}.hp.hp-tabs .hp-arrow:disabled{opacity:1;border-color:#ececec;color:#bfbfbf;background:#fff}.hp.hp-tabs .hp-card__media{aspect-ratio:342 / 468;border-radius:0}.hp.hp-tabs .hp-card__body{padding-top:28px}.hp.hp-tabs .hp-card__meta{align-items:center;min-height:22px}.hp.hp-tabs .hp-card__rating{margin-left:auto;gap:5px;font-size:13px;font-weight:500;color:var(--hp-black)}.hp.hp-tabs .hp-card__rating .hp-stars{color:var(--hp-accent)}.hp.hp-tabs .hp-card__rating .hp-stars svg{width:13px;height:13px}.hp.hp-tabs .hp-card__count{font-weight:400;color:var(--hp-muted)}.hp.hp-tabs .hp-card__title{margin-top:14px;font-size:17px;font-weight:500;line-height:22px;letter-spacing:0;text-transform:none;color:var(--hp-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.hp.hp-tabs .hp-card__desc{margin-top:7px;min-height:36px;font-size:14px;line-height:18px;color:var(--hp-muted);-webkit-line-clamp:2}.hp.hp-tabs .hp-card__price{margin-top:auto;padding-top:14px;font-size:18px;font-weight:700;line-height:22px;color:var(--hp-accent)}.hp.hp-tabs .hp-card__was{font-size:14px;font-weight:400;color:var(--hp-muted)}.hp.hp-tabs .hp-card--ph .hp-card__ph{width:100%;height:100%}.hp.hp-tabs .hp-tabs-sw{display:inline-flex;align-items:center;gap:12px}.hp.hp-tabs .hp-tabs-sw__dot{display:inline-block;width:22px;height:22px;padding:3px;border:1px solid #e6e6e6;border-radius:50%;background:#fff}.hp.hp-tabs .hp-tabs-sw__dot:before{content:"";display:block;width:100%;height:100%;border-radius:50%;background:#d9d9d9 var(--sw, none) center / cover no-repeat;box-shadow:inset 0 0 0 1px #0000000f}.hp.hp-tabs .hp-tabs-sw__dot.is-on{border-color:var(--hp-ink)}.hp.hp-tabs .hp-tabs-sw__more{font-size:12px;line-height:1;color:var(--hp-muted)}.hp.hp-tabs .hp-tabs__more{display:none}@media(max-width:767px){.hp.hp-tabs{--hp-pad-t: 20px;--hp-pad-b: 32px;--hp-gap: 12px}.hp.hp-tabs .hp-tabs__head{align-items:center;margin-bottom:20px}.hp.hp-tabs .hp-tabs__list{padding:4px}.hp.hp-tabs .hp-tabs__tab{min-height:34px;min-width:96px;padding:0 20px;font-size:12px}.hp.hp-tabs .hp-card__body{padding-top:14px}.hp.hp-tabs .hp-card__meta{min-height:18px}.hp.hp-tabs .hp-tabs-sw{gap:8px}.hp.hp-tabs .hp-tabs-sw__dot{width:18px;height:18px;padding:2px}.hp.hp-tabs .hp-card__rating{gap:4px;font-size:12px}.hp.hp-tabs .hp-card__rating .hp-stars svg{width:12px;height:12px}.hp.hp-tabs .hp-card__title{margin-top:10px;font-size:14px;line-height:18px}.hp.hp-tabs .hp-card__desc{margin-top:4px;min-height:32px;font-size:12px;line-height:16px}.hp.hp-tabs .hp-card__price{padding-top:8px;font-size:16px;line-height:20px}.hp.hp-tabs .hp-card__was{font-size:12px}.hp.hp-tabs .hp-track>:nth-child(n+5){display:none}.hp.hp-tabs .hp-tabs__more{display:flex;justify-content:center;margin-top:10px}.hp.hp-tabs .hp-tabs__more .hp-viewall{font-size:16px;font-weight:700}.hp.hp-tabs .hp-tabs__more .hp-viewall__circle{display:none}}@media(prefers-reduced-motion:reduce){.hp.hp-tabs .hp-tabs__tab{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/395/assets/hp-apparel-tabs.css.map */
