.tcg-frame{position:relative;overflow:hidden;background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 20px #0f172a08;width:100%;z-index:1;isolation:isolate}@media screen and (max-width:749px){.tcg-frame{border-radius:8px}}body.js-drawer-open .tcg-frame{z-index:0!important}.tcg-slider-inner{position:relative;overflow:hidden;background-color:#fff;width:100%;z-index:1}.tcg-slider-track{display:grid;width:100%}.tcg-slide{grid-area:1 / 1;width:100%;position:relative;z-index:1;backface-visibility:hidden;transform:translate(100%);background-color:#fff;aspect-ratio:var(--bb-hero-ratio, 3.5);overflow:hidden}.tcg-slide:first-child{transform:translate(0);z-index:2}.tcg-slide-link{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:block;text-indent:-9999px;overflow:hidden;cursor:pointer;-webkit-tap-highlight-color:transparent}.tcg-slide-link:focus-visible{outline:3px solid rgb(var(--color-button));outline-offset:-3px;border-radius:10px}.tcg-bg-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;z-index:0}@media(max-width:768px){.tcg-slide{aspect-ratio:var(--bb-hero-ratio-mobile, var(--bb-hero-ratio, 3.5))}}.tcg-slider-wrapper:not(#bb-x) .tcg-progress{display:flex!important;gap:4px;margin:0!important;padding:0!important;width:100%!important;position:relative!important;z-index:2;transform:none!important;background:transparent!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}.tcg-slider-wrapper:not(#bb-x) .tcg-progress:before,.tcg-slider-wrapper:not(#bb-x) .tcg-progress:after{content:none!important;display:none!important}.tcg-slider-wrapper:not(#bb-x) .tcg-seg{flex:1 1 0;position:relative;display:block;padding:0!important;margin:0!important;-webkit-appearance:none;appearance:none;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;min-height:0!important;min-width:0!important;height:auto!important;line-height:1;font:inherit;cursor:pointer;text-align:left;color:rgba(var(--color-foreground),.5);-webkit-tap-highlight-color:transparent}.tcg-seg-track{position:relative;display:block;width:100%;height:5px;border-radius:0;background:#e2e8f0;overflow:hidden}.tcg-seg-fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:rgb(var(--color-button));transform:scaleX(0);transform-origin:left center}.tcg-seg.is-done .tcg-seg-fill{transform:scaleX(1);background:rgba(var(--color-foreground),.28)}.tcg-seg.active .tcg-seg-fill.is-running{animation:tcg-fill var(--tcg-dur, 7s) linear forwards}.tcg-progress.is-paused .tcg-seg-fill{animation-play-state:paused!important}@keyframes tcg-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.tcg-seg-hit{position:absolute;left:0;right:0;bottom:0;height:26px;cursor:pointer}.tcg-slider-wrapper:not(#bb-x) .tcg-hitrow-wrap{position:relative;height:0;z-index:2}.tcg-slider-wrapper:not(#bb-x) .tcg-hitrow{position:absolute;top:0;left:0;right:0;height:14px;display:flex;gap:4px}.tcg-slider-wrapper:not(#bb-x) .tcg-hit{flex:1 1 0;min-width:0;-webkit-appearance:none;appearance:none;display:block;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer;-webkit-tap-highlight-color:transparent}@media(hover:hover){.tcg-seg.is-hover .tcg-seg-track{background:#cbd5e1}}@media(max-width:749px){.tcg-seg-hit{height:26px}.tcg-slider-wrapper:not(#bb-x) .tcg-hitrow{height:16px;gap:3px}}.tcg-slider-wrapper:not(#bb-x) .tcg-labels{display:flex;gap:4px;margin-top:8px}.tcg-slider-wrapper:not(#bb-x) .tcg-label{flex:1 1 0;min-width:0;-webkit-appearance:none;appearance:none;background:transparent!important;border:0!important;box-shadow:none!important;padding:2px 0!important;margin:0!important;cursor:pointer;text-align:left;color:rgba(var(--color-foreground),.5)}.tcg-slider-wrapper:not(#bb-x) .tcg-label.active{color:rgb(var(--color-foreground))}@media(hover:hover){.tcg-slider-wrapper:not(#bb-x) .tcg-label:hover{color:rgb(var(--color-foreground))}}.tcg-seg-label{display:block;font-family:var(--font-heading-family),sans-serif;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1.2;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.tcg-seg.active{color:rgb(var(--color-foreground))}@media(hover:hover){.tcg-seg:hover{color:rgb(var(--color-foreground))}.tcg-seg:hover .tcg-seg-track{background:#cbd5e1}}.tcg-seg:before,.tcg-seg:after{content:none!important;display:none!important}.tcg-seg:focus-visible{outline:none}.tcg-seg:focus-visible .tcg-seg-track{background:#64748b}@media(max-width:749px){.tcg-slider-wrapper:not(#bb-x) .tcg-progress{gap:3px}.tcg-seg-track{height:4px}.tcg-slider-wrapper:not(#bb-x) .tcg-labels{display:none}}.tcg-glow-btn{position:absolute;bottom:40px;left:50%;transform:translate(-50%);z-index:5;display:inline-flex;align-items:center;justify-content:center;padding:var(--tcg-btn-py, 14px) var(--tcg-btn-px, 28px);font-size:var(--tcg-btn-fs, 14px);font-family:var(--font-heading-family),sans-serif;font-weight:900;text-transform:uppercase;letter-spacing:.07em;color:rgb(var(--color-button-text));background:rgb(var(--color-button));border:none;border-radius:10px;text-decoration:none;box-shadow:0 4px 14px rgba(var(--color-button),.26);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;box-sizing:border-box;white-space:nowrap}@media(hover:hover){.tcg-glow-btn:hover{transform:translate(-50%) translateY(-2px);box-shadow:0 9px 20px rgba(var(--color-button),.34);filter:brightness(1.06)}}.tcg-glow-btn:active{transform:translate(-50%) translateY(0);box-shadow:0 3px 9px rgba(var(--color-button),.28)}@media(max-width:768px){.tcg-glow-btn{bottom:34px}}@media(prefers-reduced-motion:reduce){.tcg-slide,.tcg-glow-btn,.tcg-seg-label{transition:none!important}.tcg-seg.active .tcg-seg-fill{animation:none!important;transform:scaleX(1)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/bb-hero-slider.css.map */