.hh24-livebar{display:block;background:linear-gradient(100deg,#f6f9ff,#fbfcff 62%,#f5f8ff);border-bottom:1px solid #e5ebf5;color:#192f4c}.hh24-livebar__shell{max-width:1320px;margin:0 auto;padding:17px 32px 19px}.hh24-livebar__header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:13px}.hh24-livebar__intro{display:flex;align-items:center;gap:11px;min-width:0}.hh24-livebar__symbol{width:32px;height:32px;display:grid;place-items:center;flex:0 0 32px;border-radius:11px;background:#e5edff;color:#3155e7;font-size:19px;font-weight:700}.hh24-livebar__heading{display:flex;gap:13px;align-items:baseline;flex-wrap:wrap;min-width:0}.hh24-livebar__heading h2{font-size:18px;font-weight:780;line-height:1.2;letter-spacing:-.035em;color:#152743;margin:0}.hh24-livebar__heading>span{font-size:11px;color:#79869a;letter-spacing:.005em}.hh24-livebar__tools{display:flex;gap:7px;align-items:center;flex-shrink:0}.hh24-livebar__hint{color:#7082a1;font-size:11px;font-weight:550;margin-right:10px}.hh24-livebar__arrow{border:1px solid #dce4f2;background:#fff;display:grid;place-items:center;color:#294366;cursor:pointer;width:30px;height:30px;border-radius:9px;transition:background .18s,border .18s,opacity .18s}.hh24-livebar__arrow:hover:not(:disabled){background:#e9f0ff;border-color:#adc3fc}.hh24-livebar__arrow:disabled{opacity:.35;cursor:default}.hh24-livebar__arrow svg{width:16px;height:16px}.hh24-livebar__track{display:flex;align-items:stretch;gap:11px;overflow-x:auto;overflow-y:hidden;padding:2px 2px 7px;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-inline:2px;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#cad4e8 transparent;-webkit-overflow-scrolling:touch}.hh24-livebar__track:focus-visible{outline:2px solid #3155e7;outline-offset:2px}.hh24-livebar__card{box-sizing:border-box;scroll-snap-align:start;flex:0 0 245px;min-width:0;height:100px;display:flex;align-items:center;gap:11px;position:relative;padding:9px 28px 9px 9px;text-decoration:none!important;background:#fff;border:1px solid #e4e9f2;border-radius:13px;box-shadow:0 3px 12px #1a2f5109;color:#19314e!important;transition:border-color .17s,box-shadow .17s,transform .17s}.hh24-livebar__card:hover{border-color:#b6c8f4;box-shadow:0 6px 20px #24417d1f;transform:translateY(-1px)}.hh24-livebar__card:focus-visible{outline:2px solid #3155e7;outline-offset:2px}.hh24-livebar__media{height:80px;width:80px;display:flex;align-items:center;justify-content:center;flex:0 0 80px;border-radius:9px;background:#f4f7fc;overflow:hidden}.hh24-livebar__media img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.hh24-livebar__description{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-width:0;flex:1;gap:3px}.hh24-livebar__model{font-size:9px;font-weight:790;letter-spacing:.045em;text-transform:uppercase;color:#4968c0}.hh24-livebar__product-title{font-size:11px;font-weight:600;line-height:1.34;letter-spacing:-.01em;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:100%;color:#263950}.hh24-livebar__price{font-size:12px;line-height:1.3;font-weight:790;color:#102b52;white-space:nowrap}.hh24-livebar__card-arrow{position:absolute;top:10px;right:10px;font-size:13px;color:#8b9abb}@media(min-width:1200px){.hh24-livebar__card{flex-basis:248px}}@media(max-width:989px){.hh24-livebar__shell{padding:14px 20px 16px}}@media(max-width:749px){.hh24-livebar__shell{padding:12px 0 10px}.hh24-livebar__header{margin:0 16px 10px}.hh24-livebar__symbol{width:28px;height:28px;flex-basis:28px;font-size:16px;border-radius:9px}.hh24-livebar__heading{gap:4px;flex-direction:column}.hh24-livebar__heading h2{font-size:16px}.hh24-livebar__heading>span{font-size:9.5px}.hh24-livebar__hint{font-size:10px;margin-right:0}.hh24-livebar__arrow{display:none}.hh24-livebar__track{gap:9px;padding:2px 16px 10px;scroll-padding-inline:16px;scrollbar-width:none}.hh24-livebar__track::-webkit-scrollbar{display:none}.hh24-livebar__card{height:92px;flex-basis:236px;padding:7px 26px 7px 7px;border-radius:11px;gap:9px}.hh24-livebar__media{width:76px;height:76px;flex-basis:76px}.hh24-livebar__model{font-size:9px}.hh24-livebar__product-title{font-size:10.5px}.hh24-livebar__price{font-size:12px}}@media(max-width:359px){.hh24-livebar__card{flex-basis:220px}.hh24-livebar__hint{font-size:9px}.hh24-livebar__media{width:68px;height:68px;flex-basis:68px}}@media(prefers-reduced-motion:reduce){.hh24-livebar__track{scroll-behavior:auto}.hh24-livebar__card,.hh24-livebar__arrow{transition:none}}@media(min-width:750px){.hh24-livebar[data-display-mode=mobile]{display:none!important}}@media(max-width:749px){.hh24-livebar[data-display-mode=desktop]{display:none!important}.hh24-livebar[data-display-mode=mobile]{border-bottom:0;background:#f8faff}.hh24-livebar[data-display-mode=mobile] .hh24-livebar__shell{padding-top:14px;padding-bottom:8px}.hh24-livebar[data-display-mode=mobile] .hh24-livebar__header{margin-bottom:10px}.hh24-livebar[data-display-mode=mobile] .hh24-livebar__symbol{background:#e5edff}.hh24-livebar[data-display-mode=mobile] .hh24-livebar__heading h2{font-size:17px}.hh24-livebar[data-display-mode=mobile] .hh24-livebar__track{padding-bottom:12px}.hh24-livebar-section+.hh24-livebar-section .hh24-livebar[data-display-mode=mobile]{background:#f4f7fd}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/hh24-livebar.css.map */
