.cb-voice{isolation:isolate;--cb-berry: #9B2D4F;--cb-berry-deep: #6E1E38;--cb-pink: #E8769B;--cb-pink-soft: #F4B3C8;--cb-pink-pale: #FBE6EE;--cb-cream: #FBF3E9;--cb-cream-deep: #F5E6D3;--cb-gold: #C9962E;--cb-ink: #3A1622;--cb-green: #5B8C5A;--cb-white: #FFFDFA;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--cb-ink);margin:18px 0}.cb-voice *,.cb-voice *:before,.cb-voice *:after{box-sizing:border-box}.cb-voice__inner{background:var(--cb-cream);background-image:radial-gradient(var(--cb-cream-deep) 1.3px,transparent 1.3px);background-size:15px 15px;border:1.5px solid var(--cb-gold);border-radius:18px;padding:22px 20px 24px}.cb-voice__heading{font-family:Fraunces,Georgia,serif;font-weight:600;font-size:22px;color:var(--cb-berry);margin:0 0 4px;line-height:1.1}.cb-voice__sub{font-size:13px;color:#7a5a66;margin:0 0 18px;line-height:1.5}.cb-voice__grid{display:flex;flex-direction:column;gap:16px}.cb-voice__field{display:flex;flex-direction:column;position:relative}.cb-voice__label{font-size:12.5px;font-weight:600;color:var(--cb-berry);margin-bottom:7px;letter-spacing:.2px}.cb-voice__input{font-family:inherit;font-size:15px;color:var(--cb-ink);background:var(--cb-white);border:1.5px solid var(--cb-cream-deep);border-radius:11px;padding:12px 14px;width:100%;transition:border-color .2s,box-shadow .2s}.cb-voice__input:focus{outline:none;border-color:var(--cb-pink);box-shadow:0 0 0 3px #e8769b2e}.cb-voice__textarea{resize:none;line-height:1.45}.cb-voice__count{position:absolute;right:4px;bottom:-16px;font-size:11px;color:#a8859200;color:#b09;opacity:.55}.cb-voice__recorder{background:var(--cb-white);border:1.5px solid var(--cb-cream-deep);border-radius:14px;padding:16px}.cb-voice__timer{text-align:center;font-family:Fraunces,Georgia,serif;margin-bottom:12px}.cb-voice-time{font-size:30px;font-weight:600;color:var(--cb-berry)}.cb-voice__timer-max{font-size:14px;color:#b29;opacity:.6;margin-left:2px}.cb-voice__wave{display:flex;align-items:center;justify-content:center;gap:3px;height:40px;margin-bottom:16px}.cb-voice__wave span{width:3px;height:6px;border-radius:50px;background:var(--cb-pink-soft);transition:height .12s ease,background .2s}.cb-voice.is-recording .cb-voice__wave span{background:var(--cb-pink);animation:cb-voice-bounce .8s ease-in-out infinite}.cb-voice__wave span:nth-child(odd){animation-delay:.1s}.cb-voice__wave span:nth-child(3n){animation-delay:.25s}.cb-voice__wave span:nth-child(4n){animation-delay:.4s}@keyframes cb-voice-bounce{0%,to{height:6px}50%{height:30px}}.cb-voice__controls{display:flex;gap:9px;justify-content:center;flex-wrap:wrap}.cb-voice__btn{font-family:inherit;font-size:14px;font-weight:600;border:none;border-radius:50px;padding:11px 22px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:transform .12s,box-shadow .2s,background .2s}.cb-voice__btn:active{transform:scale(.96)}.cb-voice__btn--rec{background:var(--cb-berry);color:var(--cb-cream)}.cb-voice__btn--rec:hover{box-shadow:0 3px 12px #9b2d4f4d}.cb-voice__dot{width:9px;height:9px;border-radius:50%;background:var(--cb-pink-soft)}.cb-voice__btn--stop{background:var(--cb-pink);color:var(--cb-white);font-size:12px}.cb-voice__btn--ghost{background:transparent;color:var(--cb-berry);border:1.5px solid var(--cb-pink-soft)}.cb-voice__divider{display:flex;align-items:center;text-align:center;margin:16px 0;color:#b29;opacity:.55;font-size:12px}.cb-voice__divider:before,.cb-voice__divider:after{content:"";flex:1;height:1px;background:repeating-linear-gradient(90deg,var(--cb-gold) 0 5px,transparent 5px 9px);opacity:.5}.cb-voice__divider span{padding:0 12px}.cb-voice__upload{display:block}.cb-voice__upload-btn{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13.5px;font-weight:600;color:var(--cb-berry);background:var(--cb-pink-pale);border:1.5px dashed var(--cb-pink-soft);border-radius:11px;padding:13px;cursor:pointer;transition:background .2s,border-color .2s}.cb-voice__upload-btn:hover{background:#f9d9e4;border-color:var(--cb-pink)}.cb-voice-player{width:100%;margin-top:14px;border-radius:50px}.cb-voice__status{font-size:12.5px;text-align:center;margin:12px 0 0;min-height:16px;color:var(--cb-green);font-weight:500}.cb-voice__status.is-uploading{color:var(--cb-gold)}.cb-voice__status.is-error{color:var(--cb-berry)}.cb-voice__error{font-size:13px;font-weight:600;color:#fff;background:var(--cb-berry);border-radius:10px;padding:10px 14px;margin:4px 0 0}@media(prefers-reduced-motion:reduce){.cb-voice.is-recording .cb-voice__wave span{animation:none;height:18px}.cb-voice__btn:active{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/21/assets/cb-voice.css.map */