.h2o-tb{--fs: var(--tb-fs, 16px);--spread: var(--tb-spread, 20px);--tape-h: calc(var(--fs) / .6);--tilt: 1.4deg;position:relative;height:var(--tb-h, 64px);overflow:hidden;isolation:isolate;background:var(--tb-bg, #111214);font-family:inherit}.h2o-tb__tape{position:absolute;left:-3%;width:106%;height:var(--tape-h);top:calc(50% - var(--tape-h) / 2);display:flex;align-items:center;overflow:hidden;background:var(--tb-tape, #000);box-shadow:0 4px 10px #00000059,inset 0 1px #ffffff14,inset 0 -1px #ffffff14}@supports (rotate: atan2(1px,1px)){.h2o-tb{--tilt: atan2(var(--spread), 53vw)}}.h2o-tb__tape--1{transform:rotate(calc(var(--tilt) * -1));transform-origin:50% 50%}.h2o-tb__tape--2{transform:rotate(var(--tilt));transform-origin:50% 50%}.h2o-tb__track{display:flex;flex:none;white-space:nowrap;font-size:var(--fs);font-weight:900;line-height:1;text-transform:uppercase;animation:h2o-tb-tape var(--tb-speed, 40s) linear infinite}.h2o-tb__tape--2 .h2o-tb__track{animation-direction:reverse;animation-duration:calc(var(--tb-speed, 40s) * 1.15)}.h2o-tb__w1{padding-right:.5em;color:var(--tb-w1, #f23b3b)}.h2o-tb__w2{padding-right:1.1em;color:var(--tb-w2, #fff)}@keyframes h2o-tb-tape{0%{transform:translate(0)}to{transform:translate(-50%)}}.h2o-tb__in{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;max-width:1240px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:flex-end;pointer-events:none}.h2o-tb__btn{pointer-events:auto;position:relative;display:inline-flex;align-items:center;min-height:48px;padding:4px;border:2px solid var(--tb-btn-ring, #f23b3b);border-radius:999px;background:var(--tb-btn-bg, #000);color:var(--tb-label, #f23b3b);text-decoration:none;box-shadow:0 6px 18px #00000073;transition:transform .2s}.h2o-tb__btn:hover{transform:scale(1.04);color:var(--tb-label, #f23b3b)}.h2o-tb__btn:focus-visible{outline:3px solid #fff;outline-offset:4px}.h2o-tb__btn--pulse:after{content:"";position:absolute;top:-3px;right:-3px;bottom:-3px;left:-3px;border-radius:999px;border:2px solid var(--tb-btn-ring, #f23b3b);animation:h2o-tb-ring 2.4s ease-out infinite;pointer-events:none}@keyframes h2o-tb-ring{0%{transform:scale(1);opacity:.8}70%,to{transform:scale(1.12,1.5);opacity:0}}.h2o-tb__chip{display:flex;align-items:center;min-height:38px;padding:0 14px;border-radius:999px;background:var(--tb-chip-bg, #f23b3b);color:var(--tb-chip-fg, #000);font-size:17px;font-weight:900;white-space:nowrap}.h2o-tb__label{display:flex;align-items:center;gap:6px;padding:0 12px;font-size:13.5px;font-weight:800;white-space:nowrap}@media screen and (max-width:989px){.h2o-tb{--fs: var(--tb-fs-m, 12px);--spread: var(--tb-spread-m, 16px);--tilt: 2.6deg;height:var(--tb-h-m, 54px)}@supports (rotate: atan2(1px,1px)){.h2o-tb{--tilt: atan2(var(--spread), 53vw)}}.h2o-tb__in{padding:0 12px}.h2o-tb__btn{min-height:44px;padding:3px}.h2o-tb__chip{min-height:36px;padding:0 10px;font-size:14px}.h2o-tb__label{padding:0 8px;font-size:12px}}@media(prefers-reduced-motion:reduce){.h2o-tb__track,.h2o-tb__btn--pulse:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/h2o-tape-bar.css.map */