.hb-sty{display:flex;flex-direction:column;gap:12px;text-transform:none}.hb-sty__head{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:22px}.hb-sty__h{font-family:var(--hb-reg);font-size:13px;letter-spacing:.02em;color:var(--hb-ink)}.hb-sty__tools{display:inline-flex;align-items:center;gap:10px}.hb-sty__swipe{background:none;border:0;padding:0;margin:0;display:inline-flex;align-items:center;gap:5px;font-family:var(--hb-light);font-size:11px;letter-spacing:.02em;color:var(--hb-body);cursor:pointer;white-space:nowrap}.hb-sty__swipe svg{width:5px;height:8px;flex:none}.hb-sty__nav{display:none;align-items:center;gap:4px}.hb-sty__nav button{width:22px;height:22px;border-radius:50%;border:1px solid var(--hb-hair);background:#fff;padding:0;margin:0;display:flex;align-items:center;justify-content:center;color:var(--hb-ink);cursor:pointer}.hb-sty__nav button svg{width:6px;height:10px}.hb-sty__nav button:disabled{opacity:.3;cursor:default}.hb-sty__strip{display:flex;gap:var(--hb-tile-gap, 4px);overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px;scroll-padding-left:16px}.hb-sty__strip::-webkit-scrollbar{display:none}.hb-sty__card{position:relative;flex:0 0 41%;min-width:0;margin:0;scroll-snap-align:start;display:block;color:inherit;text-decoration:none}.hb-sty__pic{position:relative;display:block}.hb-sty__rail{display:flex;aspect-ratio:2/3;background:var(--hb-img);overflow:hidden}.hb-sty__slide{flex:0 0 100%;width:100%;height:100%;transform:translate(calc(var(--hb-sty-at, 0) * -100%));transition:transform .4s cubic-bezier(.2,.7,.2,1)}@media(prefers-reduced-motion){.hb-sty__slide{transition:none}}.hb-sty__img,.hb-sty__video{width:100%;height:100%;object-fit:cover;display:block}.hb-sty__slide--film{background:var(--hb-img)}.hb-sty__card--look .hb-sty__pic.is-turnable{cursor:pointer}.hb-sty__arr{position:absolute;top:50%;width:24px;height:24px;margin-top:-12px;border-radius:50%;background:#ffffffc7;border:0;padding:0;display:flex;align-items:center;justify-content:center;color:var(--hb-ink);cursor:pointer;z-index:1}.hb-sty__arr--l{left:6px}.hb-sty__arr--r{right:6px}.hb-sty__arr svg{width:6px;height:10px}.hb-sty__dots{position:absolute;left:0;right:0;bottom:8px;display:flex;justify-content:center;gap:4px;pointer-events:none}.hb-sty__dots i{width:5px;height:5px;border-radius:3px;background:#ffffff8c;box-shadow:0 0 2px #0000002e}.hb-sty__dots i.is-on{background:#fff}.hb-sty__cap{display:block;margin:0;padding:7px 0 0;font-family:var(--hb-light);font-size:11px;line-height:1.45;letter-spacing:.02em;color:var(--hb-body)}.hb-sty__cap em{display:block;margin-bottom:2px;font-style:normal;font-family:var(--hb-reg);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--hb-ink)}.hb-sty__cap span{display:block}.hb-sty__cap--piece{min-height:34px}.hb-sty__name{font-family:var(--hb-reg);font-size:11px;letter-spacing:.02em;color:var(--hb-ink)}.hb-sty__cap--piece .hb-sty__name{font-family:BrownStd-light,BrownStd-Light,Helvetica Neue,Arial,sans-serif;letter-spacing:.05em;line-height:15px}.hb-sty__cap--piece .hb-sty__name .hb-name--split{display:flex;flex-direction:column}.hb-sty__cap--piece .hb-sty__name .hb-name__style{order:0;display:block}.hb-sty__cap--piece .hb-sty__name .hb-name__color{order:1;display:block;color:var(--hb-grey)}.hb-sty__price{font-family:var(--hb-light);font-size:11px;letter-spacing:.96px;color:var(--hb-grey);margin-top:2px}.hb-sty__price s{color:var(--hb-struck);margin-right:4px}.hb-sty__card--piece:hover .hb-sty__img{opacity:.9}.hb-sty__advice{margin-top:4px}@media screen and (min-width:1000px){.hb-sty{gap:10px}.hb-sty__strip{margin:0;padding:0;scroll-padding-left:0;gap:6px}.hb-sty__card{flex:0 0 44%}.hb-sty__h{font-size:13px}.hb-sty__nav.is-more{display:inline-flex}}@media screen and (max-width:999px){.hb-tabs:has([data-hb-tab=styling]){gap:10px;min-width:0;flex:1 1 auto;overflow-x:auto;scrollbar-width:none}.hb-tabs:has([data-hb-tab=styling])::-webkit-scrollbar{display:none}.hb-tabs:has([data-hb-tab=styling]) .hb-tab{font-size:10px;letter-spacing:.12em}}@media screen and (max-width:374px){.hb-tabs:has([data-hb-tab=styling]){gap:8px}.hb-tabs:has([data-hb-tab=styling]) .hb-tab{font-size:9.5px;letter-spacing:.1em}}@media screen and (min-width:1000px){.hb-tabs:has([data-hb-tab=styling]){gap:16px}}
/*# sourceMappingURL=/cdn/shop/t/376/assets/hb-styling.css.map */