.tp-story-bubbles{position:sticky;top:var(--header-height, 0px);z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:box-shadow .3s ease}.tp-story-bubbles__inner{position:relative;max-width:1280px;margin:0 auto;display:flex;align-items:center}.tp-story-bubbles__scroll{display:flex;align-items:flex-start;gap:.85rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:.7rem 1rem .7rem .2rem;scroll-behavior:smooth;flex:1 1 auto;-webkit-mask-image:linear-gradient(90deg,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,#000 88%,transparent 100%)}.tp-story-bubbles__scroll::-webkit-scrollbar{display:none}.tp-story-bubbles__cta{flex:0 0 auto;display:flex;align-items:center;gap:.45rem;margin:0 .55rem 0 .85rem;padding:.4rem .6rem .4rem .5rem;border:none;cursor:pointer;color:#fff;border-radius:100px}.tp-story-bubbles__cta-icon{font-size:1.05rem;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}.tp-story-bubbles__cta-text{display:flex;flex-direction:column;line-height:1.05;text-align:left}.tp-story-bubbles__cta-text b{font-weight:800;font-size:.78rem;white-space:nowrap}.tp-story-bubbles__cta-text small{font-weight:700;font-size:.6rem;opacity:.95;text-transform:uppercase;letter-spacing:.04em}.tp-story-bubbles__cta-chev{font-weight:800;font-size:1rem;margin-left:.1rem;animation:tp-chev-bob 1.4s ease-in-out infinite}.tp-story-bubbles .tp-hero__bubble{width:auto;min-width:0;flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:.35rem;background:none;border:none;padding:0;cursor:pointer;animation:tp-bubble-in .5s both}.tp-story-bubbles .tp-hero__bubble:nth-child(1){animation-delay:.02s}.tp-story-bubbles .tp-hero__bubble:nth-child(2){animation-delay:.06s}.tp-story-bubbles .tp-hero__bubble:nth-child(3){animation-delay:.1s}.tp-story-bubbles .tp-hero__bubble:nth-child(4){animation-delay:.14s}.tp-story-bubbles .tp-hero__bubble:nth-child(5){animation-delay:.18s}.tp-story-bubbles .tp-hero__bubble:nth-child(6){animation-delay:.22s}.tp-story-bubbles .tp-hero__bubble:nth-child(n+7){animation-delay:.26s}.tp-story-bubbles .tp-hero__bubble-ring{position:relative;width:58px;height:58px;padding:3px;background:transparent;transition:width .28s ease,height .28s ease}.tp-story-bubbles .tp-hero__bubble-ring:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:conic-gradient(from 0deg,#224883,#51c36d,#7ed957,#224883);animation:tp-ring-spin 5s linear infinite;z-index:0}.tp-story-bubbles .tp-hero__bubble-ring--seen:before{background:#d2d8e2;animation:none}.tp-story-bubbles .tp-hero__bubble-image{position:relative;z-index:1;width:100%;height:100%;border:2px solid #fff}.tp-story-bubbles .tp-hero__bubble-image img{width:100%;height:100%;object-fit:cover;border-radius:50%}.tp-story-bubbles .tp-hero__bubble-title{font-size:.68rem;font-weight:700;color:#224883;max-width:66px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .2s ease,max-height .28s ease}.tp-story-bubbles--shrunk .tp-hero__bubble-ring{width:42px;height:42px}.tp-story-bubbles--shrunk .tp-hero__bubble-title{opacity:0;max-height:0;margin:0}.tp-story-bubbles--shrunk .tp-story-bubbles__scroll{padding-top:.45rem;padding-bottom:.45rem}.tp-story-bubbles--shrunk .tp-story-bubbles__cta{padding-top:.3rem;padding-bottom:.3rem}.tp-story-bubbles--style-frosted{background:linear-gradient(180deg,#f3f8ff,#e9f1fb);border-bottom:1px solid #dbe6f5;box-shadow:0 10px 24px -16px #16315c73}.tp-story-bubbles--style-frosted.tp-story-bubbles--stuck{box-shadow:0 12px 28px -14px #16315c8c}.tp-story-bubbles--style-frosted .tp-story-bubbles__cta{background:linear-gradient(135deg,#ff8a3c,#ff3d57);box-shadow:0 6px 16px -6px #ff3d5799;animation:tp-cta-pulse 2.6s ease-in-out infinite}.tp-story-bubbles--style-header-blue{background:#1d3f74;border-bottom:1px solid #16315c}.tp-story-bubbles--style-header-blue .tp-hero__bubble-title{color:#dfe9fb}.tp-story-bubbles--style-header-blue .tp-story-bubbles__cta{background:linear-gradient(135deg,#51c36d,#2f8f57);box-shadow:0 6px 16px -6px #2f8f57b3;animation:tp-cta-pulse-g 2.6s ease-in-out infinite}.tp-story-bubbles--style-drop-tray{background:linear-gradient(180deg,#224883,#16315c);border-radius:0 0 22px 22px;box-shadow:0 16px 30px -16px #16315cbf}.tp-story-bubbles--style-drop-tray .tp-hero__bubble-title{color:#cfe0f7}.tp-story-bubbles--style-drop-tray .tp-story-bubbles__cta{background:#fff;color:#16315c;box-shadow:0 6px 16px -6px #0006}.tp-story-bubbles--style-drop-tray .tp-story-bubbles__cta-text small,.tp-story-bubbles--style-drop-tray .tp-story-bubbles__cta-chev{color:#ff3d57}.tp-story-bubbles--style-drop-tray .tp-story-bubbles__cta-icon{filter:none}.tp-story-bubbles--style-white-accent{background:#fff;border-bottom:1px solid #eef1f7;box-shadow:0 8px 20px -16px #16315c66}.tp-story-bubbles--style-white-accent .tp-story-bubbles__inner:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#224883,#51c36d)}.tp-story-bubbles--style-white-accent .tp-story-bubbles__cta{background:linear-gradient(135deg,#224883,#51c36d);box-shadow:0 6px 16px -6px #22488399;animation:tp-cta-pulse-b 2.6s ease-in-out infinite}.tp-story-bubbles--style-dark{background:#0b549c;box-shadow:0 8px 20px -16px #0006}.tp-story-bubbles--style-dark:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(180deg,#ffffff38,#00000038);z-index:2}.tp-story-bubbles--style-dark .tp-hero__bubble-title{color:#dbe8fb}.tp-story-bubbles--style-dark .tp-hero__bubble-image{border-color:#0b549c}.tp-story-bubbles--style-dark .tp-story-bubbles__cta{background:linear-gradient(135deg,#e47d38,#ec644a);color:#fff;box-shadow:0 0 0 1px #ec644a59,0 0 18px -2px #ec644ab3;animation:tp-cta-glow 2.4s ease-in-out infinite}.tp-story-bubbles--style-dark .tp-story-bubbles__cta-chev{color:#fff}.tp-story-bubbles--demo{position:static;top:auto}.tp-story-bubbles__demo-wrap{margin-bottom:22px}.tp-story-bubbles__demo-label{display:flex;align-items:center;gap:8px;font-family:inherit;font-weight:800;font-size:12px;color:#16315c;padding:14px 16px 8px}.tp-story-bubbles__demo-label .vnum{font-weight:800;font-size:11px;color:#fff;background:#224883;width:24px;height:24px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center}.tp-story-bubbles-section+.shopify-section .breadcrumbs-container{margin-top:.25rem}@media(min-width:720px){.tp-story-bubbles-section+.shopify-section .breadcrumbs-container{margin-top:.4rem}}@media(min-width:768px){.tp-story-bubbles .tp-hero__bubble-ring{width:66px;height:66px}.tp-story-bubbles .tp-hero__bubble-title{font-size:.78rem;max-width:84px}.tp-story-bubbles__scroll{gap:1.1rem;padding:.8rem 2.5rem .8rem .4rem}.tp-story-bubbles__cta-text b{font-size:.85rem}}@keyframes tp-ring-spin{to{transform:rotate(360deg)}}@keyframes tp-bubble-in{0%{opacity:0;transform:translateY(6px) scale(.92)}to{opacity:1;transform:none}}@keyframes tp-chev-bob{50%{transform:translate(3px)}}@keyframes tp-cta-pulse{0%,to{box-shadow:0 6px 16px -6px #ff3d5780}50%{box-shadow:0 7px 24px -4px #ff3d57f2}}@keyframes tp-cta-pulse-g{0%,to{box-shadow:0 6px 16px -6px #2f8f578c}50%{box-shadow:0 7px 24px -4px #2f8f57f2}}@keyframes tp-cta-pulse-b{0%,to{box-shadow:0 6px 16px -6px #22488380}50%{box-shadow:0 7px 24px -4px #224883e6}}@keyframes tp-cta-glow{0%,to{box-shadow:0 0 0 1px #ec644a59,0 0 14px -2px #ec644a8c}50%{box-shadow:0 0 0 1px #ec644a8c,0 0 26px #ec644ae6}}@media(prefers-reduced-motion:reduce){.tp-story-bubbles *,.tp-story-bubbles *:before{animation:none!important}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/tp-story-bubbles.css.map */