@charset "UTF-8";.c-statusMessage{display:inline-flex;justify-content:center;align-items:flex-start}
.c-statusMessage--small .c-statusMessage__icon{max-width:18px}
.c-statusMessage--small .c-statusMessage__label{font-size:1.4rem}
.c-statusMessage--info{color:var(--nj-semantic-color-text-brand-primary-default)}
.c-statusMessage--info path{fill:var(--nj-semantic-color-text-brand-primary-default)}
@container fixContrast style(--fix-contrast:1){.c-statusMessage--info{color:var(--nj-semantic-color-text-brand-contrast-default)}
.c-statusMessage--info path{fill:var(--nj-semantic-color-text-brand-contrast-default)}
}
.c-statusMessage--success{color:var(--nj-semantic-color-text-status-success-primary-default)}
.c-statusMessage--success path{fill:var(--nj-semantic-color-text-status-success-primary-default)}
@container fixContrast style(--fix-contrast:1){.c-statusMessage--success{color:var(--nj-semantic-color-text-status-success-contrast-default)}
.c-statusMessage--success path{fill:var(--nj-semantic-color-text-status-success-contrast-default)}
}
.c-statusMessage--error{color:var(--nj-semantic-color-text-status-danger-primary-default)}
.c-statusMessage--error path{fill:var(--nj-semantic-color-text-status-danger-primary-default)}
@container fixContrast style(--fix-contrast:1){.c-statusMessage--error{color:var(--nj-semantic-color-text-status-danger-contrast-default)}
.c-statusMessage--error path{fill:var(--nj-semantic-color-text-status-danger-contrast-default)}
}
.c-statusMessage--warning{color:var(--nj-semantic-color-text-status-warning-primary-default)}
.c-statusMessage--warning path{fill:var(--nj-semantic-color-text-status-warning-primary-default)}
@container fixContrast style(--fix-contrast:1){.c-statusMessage--warning{color:var(--nj-semantic-color-text-status-warning-contrast-default)}
.c-statusMessage--warning path{fill:var(--nj-semantic-color-text-status-warning-contrast-default)}
}
.c-statusMessage__icon{flex-shrink:0;margin-right:10px;max-width:25px;height:auto}
.c-statusMessage__label{font-size:1.6rem}
.c-textToSpeech{margin-left:auto;margin-right:auto;padding:var(--spacing-y-s);max-width:64rem;border-radius:10px;background:var(--nj-semantic-color-background-brand-tertiary-default)}
.c-textToSpeech .c-statusMessage{justify-content:flex-start}
.c-textToSpeech.is-loading .c-textToSpeech__playPause,.c-textToSpeech.is-loading .c-textToSpeech__progressInput{cursor:wait}
.c-textToSpeech__controls{display:grid;grid-template-columns:4.4rem 1fr;gap:var(--spacing-x-xs)}
.c-textToSpeech__playPause{border:0;appearance:none;background:transparent;padding:0;margin:0;font-family:inherit;font-size:inherit;border-radius:0;display:flex;justify-content:center;align-items:center;width:4.4rem;height:4.4rem;border-radius:50%;background-color:var(--nj-semantic-color-background-brand-solid-default);color:var(--nj-semantic-color-text-neutral-inverse-default);transition:background-color .2s ease-in-out}
.no-touchevents .c-textToSpeech__playPause:hover,.no-js .c-textToSpeech__playPause:hover,.c-textToSpeech__playPause.is-active{background-color:var(--nj-semantic-color-background-brand-solid-hovered)}
.c-textToSpeech__playPause .c-spinner{--spinner-color:var(--nj-semantic-color-icon-neutral-inverse-default);--spinner-dimension:2.4rem}
.c-textToSpeech__icon{width:2.4rem;height:2.4rem;fill:var(--nj-semantic-color-icon-neutral-inverse-default)}
.c-textToSpeech__main{display:grid;gap:var(--spacing-y-xxs)}
.c-textToSpeech__title{font-weight:700}
.c-textToSpeech__line{display:flex;align-items:center;gap:var(--spacing-x-xs)}
.c-textToSpeech__progress{position:relative;flex-grow:1}
.c-textToSpeech__progressBox{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);height:10px;border:1px solid var(--nj-semantic-color-border-brand-strong-default);border-radius:2px;background-color:var(--nj-semantic-color-background-neutral-primary-default)}
.c-textToSpeech__progressInput{position:relative;z-index:2;appearance:none;display:block;margin:0;width:100%;height:26px;background-color:transparent}
.c-textToSpeech__progressInput:not(:disabled){cursor:pointer}
.c-textToSpeech__progressInput::-webkit-slider-thumb{appearance:none;width:1px;height:10px;background-color:transparent}
.c-textToSpeech__progressInput::-moz-range-thumb{appearance:none;width:1px;height:10px;background-color:var(--nj-semantic-color-background-brand-solid-default)}
.c-textToSpeech__progressBar{z-index:1;position:absolute;top:0;left:0;height:100%;border-radius:0 2px 2px 0;pointer-events:none;background-color:var(--nj-semantic-color-background-brand-solid-default)}
.c-textToSpeech__popover{position:absolute;z-index:3;bottom:100%;left:0;padding:var(--spacing-y-xxs);border-radius:2px;font-size:var(--font-size-xs);color:var(--nj-semantic-color-text-neutral-inverse-default);background-color:var(--nj-semantic-color-background-brand-solid-default);box-shadow:0 2px 4px 0 rgba(0,0,0,0.25);opacity:0;transform:translate(-50%,-8px);transition:opacity .2s ease-in-out}
.c-textToSpeech__popover::after{content:"";position:absolute;top:100%;left:50%;border-width:5px 10px 0 10px;border-style:solid;border-color:var(--nj-semantic-color-background-brand-solid-default) transparent transparent transparent;transform:translateX(-50%)}
.c-textToSpeech__popover.is-visible{opacity:1}
.c-textToSpeech__time{flex-shrink:0;color:var(--nj-semantic-color-text-neutral-secondary-default)}
.c-textToSpeech__rate{border:0;appearance:none;background:transparent;padding:0;margin:0;font-family:inherit;font-size:inherit;border-radius:0;flex-shrink:0;padding:var(--spacing-x-xxs);min-width:30px;border:1px solid;border-radius:2px;color:var(--nj-semantic-color-text-brand-contrast-default);text-align:center;transition:color .2s ease-in-out,border-color .2s ease-in-out,background-color .2s ease-in-out}
.no-touchevents .c-textToSpeech__rate:hover,.no-js .c-textToSpeech__rate:hover,.c-textToSpeech__rate.is-active{color:var(--nj-semantic-color-text-brand-contrast-hovered)}
.c-textToSpeech__rate--faster{color:var(--nj-semantic-color-text-neutral-inverse-default);background-color:var(--nj-semantic-color-background-brand-solid-default);border-color:var(--nj-semantic-color-border-brand-strong-default)}
.no-touchevents .c-textToSpeech__rate--faster:hover,.no-js .c-textToSpeech__rate--faster:hover,.c-textToSpeech__rate--faster.is-active{color:var(--nj-semantic-color-text-neutral-inverse-default);border-color:var(--nj-semantic-color-border-brand-strong-hovered);background-color:var(--nj-semantic-color-background-brand-solid-hovered)}
@media(min-width:48em){.c-textToSpeech{padding:var(--spacing-y-m)}
}