.bb-sound{--bb-sound-sticky-height: 84px;background:var(--bb-pale, #f0e7d8);color:var(--bb-ink, #35291f);border-top:1px solid var(--bb-line, #d8cbbb);scroll-margin-top:22px}.bb-sound [hidden]{display:none!important}.bb-sound-inline{display:flex;align-items:center;flex-wrap:wrap;gap:15px 26px;padding-block:20px}.bb-sound-copy{flex:1 1 240px}.bb-sound .bb-sound-label{font-family:inherit;font-weight:650;font-size:15px;line-height:1.5}.bb-sound .bb-sound-help,.bb-sound .bb-sound-status{margin-top:5px;font-size:13px;line-height:1.6;color:var(--bb-muted, #746453)}.bb-sound .bb-sound-status{flex:0 0 100%;margin-top:-5px}.bb-sound[data-state=error] .bb-sound-status{color:#9e3329}.bb-sound-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px 20px}.bb-sound-toggle{display:inline-flex;justify-content:center;align-items:center;min-width:146px;min-height:44px;padding:10px 15px;border:1px solid var(--bb-ink, #35291f);border-radius:5px;background:var(--bb-cream, #fbf8f1);color:var(--bb-ink, #35291f);font:inherit;font-size:13px;line-height:1.45;cursor:pointer}.bb-sound-toggle[aria-pressed=true]{background:var(--bb-ink, #35291f);color:var(--bb-cream, #fbf8f1)}.bb-sound :focus-visible{outline:2px solid var(--bb-rust, #a9472a);outline-offset:4px}.bb-sound audio{width:min(100%,320px)}.bb-sound-mini{position:fixed;z-index:18;inset-inline-start:16px;bottom:calc(14px + env(safe-area-inset-bottom,0px));display:flex;align-items:center;gap:5px;max-width:calc(100vw - 32px);border:1px solid var(--bb-line, #d8cbbb);border-radius:9px;padding:4px;background:var(--bb-cream, #fbf8f1);box-shadow:0 4px 16px #35291f17}.bb-sound-mini .bb-sound-toggle{min-width:0;max-width:180px;border:0;padding-inline:10px;font-size:12px}.bb-sound .bb-sound-settings{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:6px 8px;font-size:11px;line-height:1.4;text-decoration:underline;text-underline-offset:3px}@media(max-width:760px){body.bb-sticky-visible .bb-sound-mini{bottom:calc(var(--bb-sound-sticky-height, 84px) + 12px)}.bb-sound-inline{gap:12px;padding-block:18px}.bb-sound-controls{width:100%;justify-content:space-between;gap:9px}.bb-sound .bb-sound-status{margin-top:0}}@media(max-width:390px){.bb-sound-controls{display:grid;grid-template-columns:1fr}.bb-sound-controls .bb-sound-toggle{justify-self:start}}@media print{.bb-sound{display:none}}.bb-sound-invite{width:min(520px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:38px 38px 26px;overflow:auto;border:1px solid var(--bb-line);border-radius:20px;background:var(--bb-cream);color:var(--bb-ink);text-align:center;box-shadow:0 20px 80px #35291f33}.bb-sound-invite::backdrop{background:#35291f70;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.bb-sound-invite[open]{animation:bb-chime-arrive .25s ease-out}.bb-sound-invite-close{position:absolute;inset-block-start:10px;inset-inline-end:10px;display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:inherit;font-size:28px;cursor:pointer}.bb-sound-invite-art{width:150px;margin:0 auto 12px}.bb-sound-invite-art svg{display:block;width:100%;height:auto}.bb-sound-invite .bb-sound-invite-eyebrow{margin:0 0 12px;font-size:11px;letter-spacing:.12em;line-height:1.6;color:var(--bb-muted)}.bb-sound-invite h2{margin:0;font-size:clamp(28px,5vw,36px);line-height:1.2;letter-spacing:-.02em;text-wrap:balance}.bb-sound-invite .bb-sound-invite-copy{margin:18px auto 24px;max-width:360px;color:var(--bb-muted);font-size:14px;line-height:1.8}.bb-sound-listen{width:100%;gap:8px;border-radius:8px;min-height:50px}.bb-sound-quiet{display:block;width:100%;min-height:44px;margin-top:7px;padding:9px;background:none;border:0;color:var(--bb-muted);font:inherit;font-size:13px;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.bb-sound-invite .bb-sound-invite-status{margin-top:8px;font-size:12px;line-height:1.6;color:var(--bb-muted)}.bb-sound[data-state=error] .bb-sound-invite-status{color:#9e3329}@keyframes bb-chime-arrive{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:430px){.bb-sound-invite{padding:30px 22px 20px}.bb-sound-invite-art{width:120px}}@media(prefers-reduced-motion:reduce){.bb-sound-invite[open]{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/bb-sound.css.map */