.hbj-fluit{--hbj-fluit-bg: #f0f5ef;--hbj-fluit-accent: #768e6f;--hbj-fluit-ink: rgb(var(--text-color));--hbj-fluit-ink-soft: #53565a;--hbj-fluit-wave: #c9d6c5;display:block;margin-top:12px;padding:8px 12px;background-color:var(--hbj-fluit-bg);color:var(--hbj-fluit-ink);border-radius:4px}.hbj-fluit__head{display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px;margin-bottom:6px}.hbj-fluit__icon{display:inline-flex;align-self:center;flex:0 0 auto;color:var(--hbj-fluit-accent)}.hbj-fluit__heading{font-weight:600;font-size:.9375em;line-height:1.3}.hbj-fluit__sub{font-size:.8125em;color:var(--hbj-fluit-ink-soft)}.hbj-fluit__list{display:flex;flex-direction:column;gap:6px;margin:0;padding:0;list-style:none}.hbj-fluit__item{display:flex;align-items:center;gap:12px;margin:0}.hbj-fluit__btn{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;position:relative;width:34px;height:34px;border-radius:50%;background:linear-gradient(145deg,#8aa382,#6b8364);color:#fff;cursor:pointer;box-shadow:0 2px 6px #1c433238;transition:transform .2s ease,box-shadow .2s ease}.hbj-fluit__btn:hover{transform:scale(1.06);box-shadow:0 4px 10px #1c433247}.hbj-fluit__btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--hbj-fluit-accent);opacity:0;pointer-events:none;animation:hbj-fluit-sonar 1.8s ease-out .6s 2}.hbj-fluit__item.is-playing .hbj-fluit__btn:after{animation:hbj-fluit-sonar 1.6s ease-out infinite}.hbj-fluit__btn[disabled]:after{animation:none}@keyframes hbj-fluit-sonar{0%{transform:scale(1);opacity:.55}to{transform:scale(1.9);opacity:0}}.hbj-fluit__btn:focus{outline:0}.hbj-fluit__btn:focus-visible{outline:2px solid var(--hbj-fluit-accent);outline-offset:2px}.hbj-fluit__btn[disabled]{opacity:.5;cursor:default;transform:none}.hbj-fluit__play-icon{margin-left:2px}.hbj-fluit__stop-icon,.hbj-fluit__item.is-playing .hbj-fluit__play-icon{display:none}.hbj-fluit__item.is-playing .hbj-fluit__stop-icon{display:block}.hbj-fluit__body{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;flex:1 1 auto;min-width:0}.hbj-fluit__label{flex:0 0 auto;font-weight:600;font-size:.875em;white-space:nowrap}.hbj-fluit__label-sep{font-weight:400;color:var(--hbj-fluit-ink-soft)}.hbj-fluit__time{flex:0 0 auto;min-width:2.4em;text-align:right;font-size:.75em;font-variant-numeric:tabular-nums;color:var(--hbj-fluit-ink-soft)}.hbj-fluit__wave{display:flex;align-items:center;flex:1 1 80px;min-width:80px;gap:2px;height:18px;cursor:pointer}.hbj-fluit__wave i{display:block;flex:1 1 0;min-width:2px;height:30%;border-radius:2px;background:var(--hbj-fluit-wave);transform-origin:center;transition:height .45s cubic-bezier(.2,.8,.2,1),background-color .15s ease}.hbj-fluit__wave:hover i{background:#b7c8b2}.hbj-fluit__wave:hover i.is-past,.hbj-fluit__wave i.is-past{background:var(--hbj-fluit-accent)}.hbj-fluit__item.is-playing .hbj-fluit__wave i.is-current{background:#1c4332}.hbj-fluit__item.is-error .hbj-fluit__wave{opacity:.4;cursor:default}@media(max-width:599px){.hbj-fluit__label{flex-basis:100%;white-space:normal;line-height:1.2}}@media(prefers-reduced-motion:reduce){.hbj-fluit__btn,.hbj-fluit__wave i{transition:none}.hbj-fluit__btn:hover{transform:none}.hbj-fluit__btn:after,.hbj-fluit__item.is-playing .hbj-fluit__btn:after{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/105/assets/fluit-geluid.css.map */