:root{--bs-primary: #008ec5;--bs-primary-rgb: 0, 142, 197;--bs-success: #62911e;--bs-success-rgb: 98, 145, 30;--bs-danger: #d36050;--bs-danger-rgb: 211, 96, 80;--bs-warning: #b87500;--bs-warning-rgb: 184, 117, 0;--bs-info: #008ec5;--bs-info-rgb: 0, 142, 197;--bs-primary-bg-subtle: #e6f1f9;--bs-primary-text-emphasis: #008ec5;--bs-primary-border-subtle: color-mix(in srgb, #008ec5, #ffffff 60%);--bs-success-bg-subtle: #cfe0bd;--bs-success-text-emphasis: #62911e;--bs-success-border-subtle: color-mix(in srgb, #62911e, #ffffff 60%);--bs-danger-bg-subtle: #f8d7da;--bs-danger-text-emphasis: #d36050;--bs-danger-border-subtle: color-mix(in srgb, #d36050, #ffffff 60%);--bs-warning-bg-subtle: #fff3cd;--bs-warning-text-emphasis: #b87500;--bs-warning-border-subtle: color-mix(in srgb, #b87500, #ffffff 60%);--bs-info-bg-subtle: #e6f1f9;--bs-info-text-emphasis: #008ec5;--bs-info-border-subtle: color-mix(in srgb, #008ec5, #ffffff 60%);--bs-body-bg: #f8f9fa;--bs-body-color: #212529;--bs-secondary-color: #495057;--bs-border-color: #dee2e6;--bs-border-radius: 10px;--bs-border-radius-sm: 5px;--bs-border-radius-lg: 15px;--bs-border-radius-xl: 30px;--bs-border-radius-xxl: 45px;--bs-border-radius-pill: 1200px;--bs-link-color: #008ec5;--bs-link-color-rgb: 0, 142, 197;--bs-link-hover-color: #0079a7;--bs-focus-ring-color: rgba(0, 142, 197, 0.25);--typography-font-body: var(--bs-font-sans-serif);--typography-font-display: var(--bs-font-sans-serif)}h1{letter-spacing:-0.05ch}h2{letter-spacing:-0.04ch}h3{letter-spacing:-0.04ch}h4{letter-spacing:-0.02ch}h5{letter-spacing:-0.01ch}h6{letter-spacing:0}::placeholder{color:#6c757d;opacity:1}.form-check-input:checked{background-color:#008ec5;border-color:#008ec5}.form-control:focus,.form-select:focus,.form-check-input:focus{border-color:color-mix(in srgb, #008ec5, #ffffff 50%);box-shadow:0 0 0 .25rem rgba(0,142,197,.25)}.btn{--bs-btn-font-weight: 500;--bs-btn-disabled-opacity: 0.5;box-shadow:inset 0 -1.5px 0 0 rgba(0,0,0,.09),inset 0 1.5px 0 0 rgba(255,255,255,.19);transition:color .05s ease,background-color .05s ease,border-color .05s ease,box-shadow .05s ease}.btn:active{transform:scale(0.98)}.btn-primary{--bs-btn-bg: #008ec5;--bs-btn-border-color: #008ec5;--bs-btn-hover-bg: color-mix(in srgb, #008ec5, #000 15%);--bs-btn-hover-border-color: color-mix(in srgb, #008ec5, #000 20%);--bs-btn-active-bg: color-mix(in srgb, #008ec5, #000 20%);--bs-btn-active-border-color: color-mix(in srgb, #008ec5, #000 25%);--bs-btn-disabled-bg: #008ec5;--bs-btn-disabled-border-color: #008ec5}.btn-danger{--bs-btn-bg: #d36050;--bs-btn-border-color: #d36050;--bs-btn-hover-bg: color-mix(in srgb, #d36050, #000 15%);--bs-btn-hover-border-color: color-mix(in srgb, #d36050, #000 20%);--bs-btn-active-bg: color-mix(in srgb, #d36050, #000 20%);--bs-btn-active-border-color: color-mix(in srgb, #d36050, #000 25%);--bs-btn-disabled-bg: #d36050;--bs-btn-disabled-border-color: #d36050}.btn-success{--bs-btn-bg: #62911e;--bs-btn-border-color: #62911e;--bs-btn-hover-bg: color-mix(in srgb, #62911e, #000 15%);--bs-btn-hover-border-color: color-mix(in srgb, #62911e, #000 20%);--bs-btn-active-bg: color-mix(in srgb, #62911e, #000 20%);--bs-btn-active-border-color: color-mix(in srgb, #62911e, #000 25%);--bs-btn-disabled-bg: #62911e;--bs-btn-disabled-border-color: #62911e}.btn-warning{--bs-btn-bg: #b87500;--bs-btn-border-color: #b87500;--bs-btn-hover-bg: color-mix(in srgb, #b87500, #000 15%);--bs-btn-hover-border-color: color-mix(in srgb, #b87500, #000 20%);--bs-btn-active-bg: color-mix(in srgb, #b87500, #000 20%);--bs-btn-active-border-color: color-mix(in srgb, #b87500, #000 25%);--bs-btn-disabled-bg: #b87500;--bs-btn-disabled-border-color: #b87500;--bs-btn-color: #ffffff;--bs-btn-hover-color: #ffffff;--bs-btn-active-color: #ffffff}.btn-secondary{--bs-btn-bg: #212529;--bs-btn-border-color: #212529;--bs-btn-hover-bg: color-mix(in srgb, #212529, #000 15%);--bs-btn-hover-border-color: color-mix(in srgb, #212529, #000 20%);--bs-btn-active-bg: color-mix(in srgb, #212529, #000 20%);--bs-btn-active-border-color: color-mix(in srgb, #212529, #000 25%);--bs-btn-disabled-bg: #212529;--bs-btn-disabled-border-color: #212529}.btn-outline-primary{--bs-btn-color: #008ec5;--bs-btn-border-color: #008ec5;--bs-btn-hover-bg: #008ec5;--bs-btn-hover-border-color: #008ec5;--bs-btn-hover-color: #ffffff;--bs-btn-active-bg: #008ec5;--bs-btn-active-border-color: #008ec5;--bs-btn-active-color: #ffffff}.btn-outline-danger{--bs-btn-color: #d36050;--bs-btn-border-color: #d36050;--bs-btn-hover-bg: #d36050;--bs-btn-hover-border-color: #d36050;--bs-btn-hover-color: #ffffff;--bs-btn-active-bg: #d36050;--bs-btn-active-border-color: #d36050;--bs-btn-active-color: #ffffff}.btn-outline-success{--bs-btn-color: #62911e;--bs-btn-border-color: #62911e;--bs-btn-hover-bg: #62911e;--bs-btn-hover-border-color: #62911e;--bs-btn-hover-color: #ffffff;--bs-btn-active-bg: #62911e;--bs-btn-active-border-color: #62911e;--bs-btn-active-color: #ffffff}.btn-outline-warning{--bs-btn-color: #b87500;--bs-btn-border-color: #b87500;--bs-btn-hover-bg: #b87500;--bs-btn-hover-border-color: #b87500;--bs-btn-hover-color: #ffffff;--bs-btn-active-bg: #b87500;--bs-btn-active-border-color: #b87500;--bs-btn-active-color: #ffffff}.btn-outline-info{--bs-btn-color: #008ec5;--bs-btn-border-color: #008ec5;--bs-btn-hover-bg: #008ec5;--bs-btn-hover-border-color: #008ec5;--bs-btn-hover-color: #ffffff;--bs-btn-active-bg: #008ec5;--bs-btn-active-border-color: #008ec5;--bs-btn-active-color: #ffffff}.btn-outline-secondary{background-color:#f8f9fa;color:#212529;border-color:#dee2e6;box-shadow:inset 0 -1.5px 0 0 rgba(0,0,0,.03),inset 0 1.5px 0 0 rgba(255,255,255,.38);--bs-btn-active-bg: #dee2e6;--bs-btn-active-border-color: #dee2e6;--bs-btn-active-color: #212529}.btn-outline-secondary:hover{color:#212529;background-color:#e9ecef;border-color:#dee2e6}.btn-outline-secondary:disabled{border-color:#dee2e6}.card{background-color:#fff}.card-header,.card-body{padding:1.5rem}.nav-link{--bs-nav-link-padding-y: 0.25rem;--bs-nav-link-padding-x: 0.5rem;--bs-nav-link-color: #495057;--bs-nav-link-hover-color: #212529;--bs-nav-link-font-weight: 400;transition:color .05s ease,background-color .05s ease,border-color .05s ease}.text-bg-primary{background-color:#e9ecef !important;color:#495057 !important}.text-bg-success{background-color:#cfe0bd !important;color:#0a3622 !important}.text-bg-info{background-color:#e6f1f9 !important;color:#084298 !important}.text-bg-warning{background-color:#fff3cd !important;color:#664d03 !important}.text-bg-danger{background-color:#f8d7da !important;color:#58151c !important}.progress-bar{border-radius:10px}.progress-bar.bg-success{background-color:#479f76 !important}.progress-bar.bg-secondary{background-color:#adb5bd !important}.progress-bar.bg-danger{background-color:#ea868f !important}html.recorder.show{overflow-x:hidden;overflow-y:hidden;height:100vh}body.recorder.show{background:#e9ecef;overflow-x:hidden;overflow-y:auto;height:100vh}body.recorder.show>#main{width:340px;height:auto;min-height:60dvh;padding-top:82px;background:rgba(0,0,0,0)}body.recorder.show .custom-html-section{max-width:340px;margin:0 auto;text-align:center}body.recorder.show .custom-html-section[data-customize-preview=below-recorder]{font-size:.875rem}body.recorder.show #voicebox-logo{margin-top:-57px;margin-bottom:-57px;z-index:10}body.recorder.show #voicebox-logo .voicebox-logo{width:114px;height:114px;border:16px solid #f8f9fa;border-radius:48px;background:#f8f9fa;object-fit:cover}body.recorder.show #recorder-card{max-width:340px;background:#f8f9fa;border:none;border-radius:48px;box-shadow:0 1px 24px rgba(0,0,0,.1)}body.recorder.show #record-prompt{max-height:min(36vh,250px);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-right:.25rem}body.recorder.show .card{border:none}body.recorder.show .card .card-header{padding-top:57px;border:none;background:rgba(0,0,0,0)}body.recorder.show .card .card-header h3{margin-bottom:0;font-weight:600}body.recorder.show .card .card-body .form-select{padding-left:36px;text-align:center;text-align-last:center;background-image:none !important;opacity:.7}body.recorder.show .card .card-body .success-icon{color:var(--bs-success);font-size:3rem}body.recorder.show .card .card-body h4{font-weight:600}body.recorder.show .card .card-body .bottom-voicebox-container{width:100%}body.recorder.show .card #record-btn-record-container button#record-btn-record{width:100%;height:56px;font-weight:bold;border-radius:36px}body.recorder.show .card #record-btn-record-container.recorder-record-row--with-keyboard{display:flex;flex-direction:row;align-items:stretch;justify-content:center;gap:.5rem;width:100%}body.recorder.show .card #record-btn-record-container.recorder-record-row--with-keyboard button#record-btn-record{flex:1 1 auto;width:auto;min-width:0}body.recorder.show .card #record-btn-record-container.recorder-record-row--with-keyboard button.recorder-keyboard-input-btn{flex:0 0 56px;width:56px;min-width:56px;height:56px;border-radius:36px}body.recorder.show .card #recorder-keyboard-panel{margin-bottom:0}body.recorder.show .card #recorder-keyboard-panel .recorder-keyboard-body{min-height:7.5rem;max-height:min(36vh,220px);overflow-y:auto;background:#e9ecef;resize:none;padding:1rem .875rem;border-radius:15px !important;scrollbar-color:rgba(0,0,0,.25) rgba(0,0,0,0);scrollbar-width:thin}body.recorder.show .card #recorder-keyboard-panel .recorder-keyboard-body::-webkit-scrollbar{width:6px}body.recorder.show .card #recorder-keyboard-panel .recorder-keyboard-body::-webkit-scrollbar-thumb{background:rgba(0,0,0,.22);border-radius:999px}body.recorder.show .card #recorder-keyboard-panel .recorder-keyboard-actions{width:100%}body.recorder.show .card #recorder-keyboard-panel .recorder-keyboard-actions .recorder-keyboard-back-btn{flex:0 0 56px;width:56px;min-width:56px;height:56px;border-radius:50%}body.recorder.show .card #recorder-keyboard-panel .recorder-keyboard-actions .btn.btn-primary{flex:1 1 auto;min-height:56px;border-radius:36px;font-weight:bold}body.recorder.show .card #record-lang-selector{display:inline-block}body.recorder.show .card #record-lang-selector select.language-select{width:auto;height:42px;min-width:180px;max-width:240px;padding-right:2.5rem;border-radius:36px}body.recorder.show #recorder-footer{font-size:.875rem}body.recorder.show #recorder-footer p{color:#fff;font-weight:bold;text-shadow:0 0 4px rgba(0,0,0,.8)}body.recorder.show #recorder-footer p a{color:#fff;text-decoration:underline}body.recorder.show #edit-form-submit-button-container button{width:100%;height:42px;border-radius:36px;font-weight:bold}body.recorder.show .recorder-profile-selector{position:relative}body.recorder.show .recorder-profile-selector-trigger{cursor:pointer;padding:1rem;background-color:var(--bs-info-bg-subtle);border:1px solid rgba(var(--bs-primary-rgb), 0.2);border-radius:15px}body.recorder.show .recorder-profile-selector-trigger-inner{display:flex;align-items:center;gap:1rem;min-width:0}body.recorder.show .recorder-profile-selector-icon{flex-shrink:0;font-size:1rem;color:var(--bs-primary)}body.recorder.show .recorder-profile-selector-trigger-copy{flex:1 1 auto;min-width:0;text-align:left}body.recorder.show .recorder-profile-selector-eyebrow{display:block;color:var(--bs-primary);font-size:.6875rem;font-weight:600;letter-spacing:.06em;line-height:1.2;text-transform:uppercase;white-space:nowrap}body.recorder.show .recorder-profile-selector-value{display:block;margin-top:.25rem;color:var(--bs-primary);font-size:.875rem;font-weight:600;line-height:1.25;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.recorder.show .recorder-profile-selector-chevron{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:1.25rem;color:var(--bs-primary);line-height:1;transition:transform .15s ease}body.recorder.show .recorder-profile-selector--open .recorder-profile-selector-trigger{border-bottom:0;border-bottom-left-radius:0;border-bottom-right-radius:0}body.recorder.show .recorder-profile-selector--open .recorder-profile-selector-chevron{transform:rotate(180deg)}body.recorder.show .recorder-profile-selector--open .recorder-profile-selector-menu{margin-top:0;border-top-left-radius:0;border-top-right-radius:0}body.recorder.show .recorder-profile-selector-menu{position:absolute;top:100%;left:0;right:0;z-index:10;margin-top:.5rem;max-height:min(50vh,18rem);overflow-x:hidden;overflow-y:auto;background-color:#fff;border:1px solid rgba(var(--bs-primary-rgb), 0.2);border-radius:15px;box-shadow:0 .25rem .75rem rgba(0,0,0,.08)}body.recorder.show .recorder-profile-selector-option{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem;border:0;border-bottom:1px solid var(--bs-border-color-translucent);background-color:rgba(0,0,0,0);text-align:left;cursor:pointer}body.recorder.show .recorder-profile-selector-option:hover{background-color:var(--bs-tertiary-bg)}body.recorder.show [data-recorder--profile-selector-target=anonymousOption]{border-bottom:0}body.recorder.show .recorder-profile-selector-menu-footer{padding:.5rem 1rem;border-top:1px solid var(--bs-border-color-translucent)}body.recorder.show .recorder-profile-selector-avatar{width:2.5rem;height:2.5rem;font-size:.875rem}body.recorder.show #record-mic-permission-help{padding:1.5rem}body.recorder.show #record-mic-permission-help ol{list-style-position:inside;padding-left:0;margin-left:0}body.recorder.show #recorder-google-review-request textarea#google-review-text{border-radius:8px !important}body.recorder.show.onboarding-embed{overflow:hidden;overscroll-behavior:none;touch-action:none}.audio-particles-container{position:relative;overflow:hidden;height:120px}.audio-particles-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;background:linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 15%, rgba(255, 255, 255, 0) 85%, rgba(255, 255, 255, 0.1) 100%);pointer-events:none}canvas[data-recorder-target=visualizer]{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);perspective:1000px;mask-image:linear-gradient(to right, transparent 0%, black 2%, black 98%, transparent 100%);-webkit-mask-image:linear-gradient(to right, transparent 0%, black 2%, black 98%, transparent 100%)}#creating-state,#create-success-state{min-height:30px}.progress-complete{animation:progressComplete .5s ease-out}@keyframes progressComplete{0%{transform:scaleY(1)}50%{transform:scaleY(1.2)}100%{transform:scaleY(1)}}html.consumer-messages.show .consumer-transcript--clamped{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;word-break:break-word}html.consumer-messages.show .consumer-attachment-tile{position:relative;flex:0 0 4.5rem;width:4.5rem;height:4.5rem}html.consumer-messages.show .consumer-attachment-thumb-fill{display:block;width:100%;height:100%}html.consumer-messages.show .consumer-attachment-thumb-fill img{display:block;width:100%;height:100%;object-fit:cover}html.consumer-messages.show .consumer-attachment-delete-form{z-index:2;line-height:1}html.consumer-messages.show .consumer-profile-promo-icon{width:2.75rem;height:2.75rem;border:2px dashed var(--bs-border-color)}html.consumer-profiles.show .consumer-profile-photo{width:3rem;height:3rem}html.consumer-profiles.show .consumer-profile-photo--empty{border:2px dashed var(--bs-border-color)}html.consumer-profiles.show .consumer-profile-field-row:last-child{border-bottom:0 !important}html.consumer-profiles.show .consumer-profile-row-action{border:0;padding:0;background:rgba(0,0,0,0);font-size:.875rem;font-weight:500;line-height:1.25;text-decoration:none;cursor:pointer}html.consumer-profiles.show .consumer-profile-row-action:hover{text-decoration:underline}html.consumer-profiles.show .consumer-profile-vbx-cta{background-color:var(--bs-body-bg)}
