.ctr-hsb-flavors .ctr-hsb-flavors__title{text-wrap:balance}.ctr-hsb-flavors .ctr-hsb-flavors__lede{font-size:14px}@media(max-width:989px){.ctr-hsb-flavors .ctr-hsb__head{margin-bottom:24px}}@media(min-width:990px){.ctr-hsb-flavors .ctr-hsb-flavors__title{text-wrap:wrap}.ctr-hsb-flavors .ctr-hsb-flavors__lede{font-size:16px}.ctr-hsb-flavors .ctr-hsb__head .ctr-hsb__body{max-width:454px}}.ctr-hsb-flavors .ctr-hsb-flavors__track{position:relative;display:flex;gap:16px;margin-inline:calc(var(--hsb-gutter) * -1);padding-inline:var(--hsb-gutter);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--hsb-gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch}.ctr-hsb-flavors .ctr-hsb-flavors__track::-webkit-scrollbar{display:none}.ctr-hsb-flavors .ctr-hsb-flavors__track:focus-visible{outline-offset:-2px}.ctr-hsb-flavors .ctr-hsb-flavors__card{display:flex;flex:0 0 min(320px,calc(100% - 24px));flex-direction:column;min-width:0;border:1px solid var(--hsb-line);border-radius:12px;overflow:hidden;background:#080808;scroll-snap-align:start}@media(min-width:990px){.ctr-hsb-flavors .ctr-hsb-flavors__track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-inline:0;padding-inline:0;overflow:visible;scroll-snap-type:none}.ctr-hsb-flavors .ctr-hsb-flavors__card{border-radius:16px;container-type:inline-size}}.ctr-hsb-flavors .ctr-hsb-flavors__media{position:relative;aspect-ratio:320 / 363;background:var(--hsb-white);overflow:hidden}.ctr-hsb-flavors .ctr-hsb-flavors__img{width:100%;height:100%;object-fit:cover}.ctr-hsb-flavors .ctr-hsb-flavors__body{display:flex;flex:1 1 auto;flex-direction:column;gap:16px;padding:20px;background:#080808}.ctr-hsb-flavors .ctr-hsb-flavors__top{display:flex;flex-direction:column;gap:20px}.ctr-hsb-flavors .ctr-hsb-flavors__tag{font-family:var(--hsb-mono);font-weight:700;font-size:12px;line-height:1.2;letter-spacing:.02em;text-transform:uppercase;color:var(--ctr-hsb-flavors-tag, var(--hsb-green))}.ctr-hsb-flavors .ctr-hsb-flavors__id{display:flex;align-items:flex-start;gap:16px}.ctr-hsb-flavors .ctr-hsb-flavors__tub{flex:0 0 auto;width:40px;height:40px;border-radius:6px;background:var(--hsb-white);object-fit:cover}.ctr-hsb-flavors .ctr-hsb-flavors__names{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;min-width:0}.ctr-hsb-flavors .ctr-hsb-flavors__name{font-family:var(--hsb-mono);font-weight:700;font-size:20px;line-height:1;letter-spacing:.02em;text-transform:uppercase;color:var(--hsb-white)}.ctr-hsb-flavors .ctr-hsb-flavors__flavor{font-family:var(--hsb-mono);font-weight:700;font-size:11px;line-height:1.2;letter-spacing:.02em;text-transform:uppercase;color:var(--hsb-orange-soft)}.ctr-hsb-flavors .ctr-hsb-flavors__note{font-family:var(--hsb-sans);font-weight:500;font-size:14px;line-height:1.5;letter-spacing:-.01em;color:var(--hsb-muted-2)}.ctr-hsb-flavors .ctr-hsb-flavors__chips{display:flex;flex-wrap:wrap;gap:4px;margin-top:auto}.ctr-hsb-flavors .ctr-hsb-flavors__chip{padding:6px 12px 7px;border:1px solid #333333;border-radius:100px;font-family:var(--hsb-mono);font-weight:700;font-size:12px;line-height:1;letter-spacing:.02em;text-transform:uppercase;white-space:nowrap;color:var(--hsb-white)}@media(min-width:990px){.ctr-hsb-flavors .ctr-hsb-flavors__media{aspect-ratio:377 / 363}.ctr-hsb-flavors .ctr-hsb-flavors__body{padding:24px}.ctr-hsb-flavors .ctr-hsb-flavors__tub{width:72px;height:72px;width:clamp(60px,22.5cqi,84px);height:clamp(60px,22.5cqi,84px);border-radius:10px}.ctr-hsb-flavors .ctr-hsb-flavors__names{gap:16px}.ctr-hsb-flavors .ctr-hsb-flavors__name{font-size:26px;font-size:clamp(20px,8.6cqi,32px)}}.ctr-hsb-flavors .ctr-hsb-flavors__controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:16px}.ctr-hsb-flavors .ctr-hsb-flavors__dots{display:flex;align-items:center;gap:6px}.ctr-hsb-flavors .ctr-hsb-flavors__dot{width:5px;height:5px;border-radius:50%;background:var(--hsb-white);opacity:.5;transition:background-color .2s ease,opacity .2s ease}.ctr-hsb-flavors .ctr-hsb-flavors__dot.is-active{background:var(--hsb-orange-soft);opacity:1}.ctr-hsb-flavors .ctr-hsb-flavors__arrows{display:flex;align-items:center;gap:16px}.ctr-hsb-flavors .ctr-hsb-flavors__arrow{display:block;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;transition:transform .15s ease,opacity .15s ease;-webkit-tap-highlight-color:transparent}.ctr-hsb-flavors .ctr-hsb-flavors__arrow img{width:40px;height:40px}.ctr-hsb-flavors .ctr-hsb-flavors__arrow--prev img{transform:scaleX(-1)}.ctr-hsb-flavors .ctr-hsb-flavors__arrow .ctr-hsb-flavors__arrow-off{display:none}.ctr-hsb-flavors .ctr-hsb-flavors__arrow[aria-disabled=true]{cursor:default}.ctr-hsb-flavors .ctr-hsb-flavors__arrow[aria-disabled=true] .ctr-hsb-flavors__arrow-on{display:none}.ctr-hsb-flavors .ctr-hsb-flavors__arrow[aria-disabled=true] .ctr-hsb-flavors__arrow-off{display:block}.ctr-hsb-flavors .ctr-hsb-flavors__arrow:not([aria-disabled=true]):hover{transform:scale(1.06);opacity:.9}.ctr-hsb-flavors .ctr-hsb-flavors__arrow:not([aria-disabled=true]):active{transform:scale(.94)}.ctr-hsb-flavors .ctr-hsb-flavors__arrow:focus-visible{outline:2px solid var(--hsb-green);outline-offset:3px}@media(min-width:990px){.ctr-hsb-flavors .ctr-hsb-flavors__controls{display:none}}.ctr-hsb-flavors .ctr-hsb-flavors__cta{margin-top:24px}@media(max-width:989px){.ctr-hsb-flavors .ctr-hsb-flavors__cta .ctr-hsb__btn{min-height:47px;padding-block:14px;font-size:18px}}@media(min-width:990px){.ctr-hsb-flavors .ctr-hsb-flavors__cta{max-width:376px;margin:32px auto 0}}@media(prefers-reduced-motion:reduce){.ctr-hsb-flavors .ctr-hsb-flavors__track{scroll-behavior:auto}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/ctr-hsb-flavors.css.map */