.bf-bubbles{--bub-tint: 12, 13, 15;--bub-max: 1440px;overflow:hidden;isolation:isolate;background:rgb(var(--bub-tint));transition:background-color .4s ease;color:#fafafa}.bf-bubbles__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-2}.bf-bubbles__img{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .5s ease}.bf-bubbles__img.is-active{opacity:1}.bf-bubbles__img img{display:block;width:100%;height:100%;object-fit:cover}.bf-bubbles__veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.bf-bubbles__veil span{position:absolute;top:0;right:0;bottom:0;left:0}.bf-bubbles__veil .bf-bubbles__blur-1{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);-webkit-mask-image:linear-gradient(180deg,transparent 340px,#000 560px);mask-image:linear-gradient(180deg,transparent 340px,#000 560px)}.bf-bubbles__veil .bf-bubbles__blur-2{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);-webkit-mask-image:linear-gradient(180deg,transparent 460px,#000 760px);mask-image:linear-gradient(180deg,transparent 460px,#000 760px)}.bf-bubbles__veil .bf-bubbles__tint{background:linear-gradient(180deg,rgba(var(--bub-tint),.52),rgba(var(--bub-tint),.3) 160px,rgba(var(--bub-tint),.12) 260px,rgba(var(--bub-tint),.22) 330px,rgba(var(--bub-tint),.42) 420px,rgba(var(--bub-tint),.58) 540px,rgba(var(--bub-tint),.66))}.bf-bubbles__inner{max-width:var(--bub-max);margin:0 auto;padding:clamp(48px,6vw,104px) clamp(20px,3vw,32px) clamp(32px,5vw,96px);display:flex;flex-direction:column;gap:clamp(16px,1.6vw,28px)}.bf-bubbles--narrow .bf-bubbles__inner{padding:48px 20px 32px;gap:16px}.bf-bubbles__title{margin:0;font-family:var(--font-display);font-weight:500;font-size:clamp(48px,5.6vw,72px);line-height:.92;letter-spacing:-.01em;color:#fafafa}.bf-bubbles__title em{font-family:var(--font-italic);font-style:normal;font-weight:400;color:var(--c-brass-100)}.bf-bubbles__tabs{display:grid;grid-template-columns:repeat(var(--bub-n, 5),minmax(0,1fr));gap:6px;max-width:760px;padding:2px 0}.bf-bubbles--narrow .bf-bubbles__tabs{max-width:none}.bf-bubbles__tab{-webkit-appearance:none;appearance:none;min-width:0;height:60px;padding:0 4px;border-radius:14px;border:1px solid rgba(255,255,255,.24);background:#fff3;color:#fafafa;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);font:500 12px/1.2 var(--font-body);white-space:nowrap;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .15s ease}.bf-bubbles__tab i{font-size:19px;line-height:1;color:var(--c-brass-100)}.bf-bubbles__tab span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.bf-bubbles__tab:active{transform:scale(.97)}.bf-bubbles__tab[aria-selected=true]{background:#fff;border-color:#fff;color:#333}.bf-bubbles__tab[aria-selected=true] i{color:#333}.bf-bubbles__tab:focus-visible{outline:2px solid #fff;outline-offset:2px}.bf-bubbles__track{margin:0 -20px;padding:2px 20px 4px;display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;scroll-snap-type:x mandatory;scroll-padding:0 20px;overscroll-behavior-x:contain}.bf-bubbles__track::-webkit-scrollbar{display:none}.bf-bubbles--narrow .bf-bubbles__track{height:440px}.bf-bubbles__card{flex:0 0 max(min(300px,80%),calc((100% - 30px)/4));min-width:0;scroll-snap-align:start;display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:var(--r-xl);background:rgba(var(--bub-card, 80, 70, 60),.6);border:1px solid rgba(255,255,255,.2);box-shadow:inset 0 1px #ffffff1f;backdrop-filter:blur(24px) saturate(1.2);-webkit-backdrop-filter:blur(24px) saturate(1.2)}.bf-bubbles--narrow .bf-bubbles__card{flex:0 0 min(300px,80%)}.bf-bubbles__card-head{display:flex;flex-direction:column;gap:6px}.bf-bubbles__card h3{margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font:600 17px/1.25 var(--font-body);letter-spacing:-.01em;color:#fafafa}.bf-bubbles__card-desc{margin:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;font-size:13px;line-height:1.5;font-weight:300;color:#cfcfcf;text-wrap:pretty}.bf-bubbles__card-body{display:flex;flex-direction:column;gap:12px;margin-top:auto;padding-top:14px;border-top:1px solid rgba(255,255,255,.12)}.bf-bubbles__freq{display:flex;flex-direction:column;gap:2px}.bf-bubbles__hz{font-weight:600;font-size:14px;line-height:1.3;color:#fafafa;font-variant-numeric:tabular-nums}.bf-bubbles__note{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:12.5px;line-height:1.4;color:#b5b5b5;text-wrap:pretty}.bf-bubbles__v3{display:flex;flex-direction:column;gap:4px;margin-top:2px;padding:10px 12px;border-radius:12px;background:#e8d3a314;border:1px solid rgba(232,211,163,.24)}.bf-bubbles__v3-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.bf-bubbles__v3 .bf-bubbles__hz{color:var(--c-brass-100)}.bf-bubbles__v3-tag{flex:none;font-weight:700;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--c-brass-100)}.bf-bubbles__v3 .bf-bubbles__note{color:#cfcfcf}.bf-bubbles__controls{display:flex;align-items:center;justify-content:space-between;gap:16px}.bf-bubbles__bars{flex:1;max-width:160px;display:flex;gap:4px}.bf-bubbles__bar{-webkit-appearance:none;appearance:none;flex:1;height:20px;padding:0;border:0;background:none;display:flex;align-items:center;cursor:pointer}.bf-bubbles__bar span{display:block;width:100%;height:2px;border-radius:var(--r-pill);background:#ffffff40;transition:background .25s ease}.bf-bubbles__bar[aria-current=true] span{background:#fffffff2}.bf-bubbles__arrows{display:flex;gap:8px}.bf-bubbles__arrow{-webkit-appearance:none;appearance:none;width:40px;height:40px;padding:0;border-radius:var(--r-pill);border:1px solid rgba(255,255,255,.28);background:none;color:#fafafa;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease,transform .15s ease}.bf-bubbles__arrow i{font-size:16px}.bf-bubbles__arrow:active{transform:scale(.96)}.bf-bubbles__arrow[aria-disabled=true]{opacity:.35}@media(min-width:1024px){.bf-bubbles--narrow .bf-bubbles__inner{padding:96px 32px 80px}.bf-bubbles--narrow .bf-bubbles__tabs{max-width:640px}.bf-bubbles--row .bf-bubbles__card{flex:1 1 0}.bf-bubbles--row .bf-bubbles__controls,.bf-bubbles__bars{display:none}.bf-bubbles__controls{justify-content:flex-end}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/bf-bubbles.css.map */