@keyframes focus-shadow-pulse-inset {
  0% {
    box-shadow: inset 0 0 0 3px rgba( 0, 120, 212 ,  0.35 );
    box-shadow: inset 0 0 0 3px rgba( var(--palette-primary,0, 120, 212) ,  0.35 ); }
  50% {
    box-shadow: inset 0 0 0 3px rgba( 0, 120, 212 ,  0.15 );
    box-shadow: inset 0 0 0 3px rgba( var(--palette-primary,0, 120, 212) ,  0.15 ); }
  100% {
    box-shadow: inset 0 0 0 3px rgba( 0, 120, 212 ,  0.35 );
    box-shadow: inset 0 0 0 3px rgba( var(--palette-primary,0, 120, 212) ,  0.35 ); } }

/**
 * Browser specific mixin's
 */
.bolt-textfield {
  color: rgba(0, 0, 0, .9);
  color: var(--text-primary-color,rgba(0, 0, 0, .9));
  border-radius: 2px;
  border:  1px solid;
  border-color: rgba( 200, 200, 200 ,  1 );
  border-color: rgba( var(--palette-neutral-20,200, 200, 200) ,  1 );
  background-color: rgba(255, 255, 255, 1);
  background-color: var(--background-color,rgba(255, 255, 255, 1));
  overflow: hidden;
  min-width: 64px; }
  .bolt-textfield.disabled {
    color: rgba(0, 0, 0, .38);
    color: var(--text-disabled-color,rgba(0, 0, 0, .38));
    background-color: rgba( 244, 244, 244 ,  1 );
    background-color: rgba( var(--palette-neutral-4,244, 244, 244) ,  1 ); }
  .bolt-textfield.focused.focus-treatment {
    border-color: rgba(0, 120, 212, 1);
    border-color: var(--communication-background,rgba(0, 120, 212, 1));
    animation: ms-focus-shadow-pulse 4s ease-in-out infinite;
    box-shadow: 0 0 0 3px rgba(0, 120, 212, 0.35);
    box-shadow: 0 0 0 3px var(--focus-pulse-max-color,rgba(0, 120, 212, 0.35)); }
    @media screen and (-ms-high-contrast: active) {
      .bolt-textfield.focused.focus-treatment {
        animation: none; } }
  .bolt-textfield .prefix {
    padding-left: 11px; }
  .bolt-textfield .suffix {
    padding-right: 11px; }

.bolt-textfield-error.bolt-textfield,
.bolt-textfield-error .bolt-textfield {
  border-color: rgba(218, 10, 0, 1);
  border-color: var(--status-error-text,rgba(218, 10, 0, 1)); }

.bolt-textfield-auto-adjust {
  overflow: hidden; }

.bolt-textfield-auto-unresizable {
  resize: none; }

.bolt-textfield-input {
  border: none;
  outline: none;
  background-color: inherit;
  padding: 5px 11px;
  resize: none;
  font-size: 14px;
  line-height: 20px; }
  .bolt-textfield-input::placeholder {
    color: rgba(0, 0, 0, .55);
    color: var(--text-secondary-color,rgba(0, 0, 0, .55)); }
  .bolt-textfield-input:-ms-input-placeholder {
    color: rgba(0, 0, 0, .55);
    color: var(--text-secondary-color,rgba(0, 0, 0, .55)); }
  .bolt-textfield-input::-ms-input-placeholder {
    color: rgba(0, 0, 0, .55);
    color: var(--text-secondary-color,rgba(0, 0, 0, .55)); }
  .bolt-textfield-input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, .55);
    color: var(--text-secondary-color,rgba(0, 0, 0, .55)); }
  .bolt-textfield-input:-moz-placeholder {
    color: rgba(0, 0, 0, .55);
    color: var(--text-secondary-color,rgba(0, 0, 0, .55)); }
  .bolt-textfield-input::-ms-clear {
    display: none; }
  .bolt-textfield-input:-moz-ui-invalid {
    box-shadow: none; }
  .bolt-textfield-input.activatable {
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .bolt-textfield-input.activatable::-moz-selection {
      background: transparent; }
    .bolt-textfield-input.activatable::selection {
      background: transparent; }

.bolt-textfield-input-with-prefix {
  padding-left: 8px; }

.bolt-textfield-input-with-suffix {
  padding-right: 8px; }

.bolt-textfield-icon {
  font-size: 16px; }

.bolt-textfield-no-text {
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55)); }

.bolt-textfield-message {
  margin-top: 8px;
  font-size: 12px;
  color: rgba(0, 0, 0, .55);
  color: var(--text-secondary-color,rgba(0, 0, 0, .55)); }

.bolt-textfield-message-error {
  color: rgba(218, 10, 0, 1);
  color: var(--status-error-text,rgba(218, 10, 0, 1)); }

.bolt-textfield-label {
  margin-bottom: 8px; }

.bolt-text-filterbaritem {
  background-color: transparent;
  border: none; }

.bolt-text-filterbaritem-input {
  background-color: transparent; }
  .bolt-text-filterbaritem-input::placeholder {
    color: rgba(0, 0, 0, 0.60);
    color: var(--palette-black-alpha-60,rgba(0, 0, 0, 0.60)); }
  .bolt-text-filterbaritem-input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.60);
    color: var(--palette-black-alpha-60,rgba(0, 0, 0, 0.60)); }
  .bolt-text-filterbaritem-input::-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.60);
    color: var(--palette-black-alpha-60,rgba(0, 0, 0, 0.60)); }
  .bolt-text-filterbaritem-input::-webkit-input-placeholder {
    color: rgba(0, 0, 0, 0.60);
    color: var(--palette-black-alpha-60,rgba(0, 0, 0, 0.60)); }
  .bolt-text-filterbaritem-input:-moz-placeholder {
    color: rgba(0, 0, 0, 0.60);
    color: var(--palette-black-alpha-60,rgba(0, 0, 0, 0.60)); }

.bolt-textfield-inline {
  background-color: rgba(0, 0, 0, 0.06);
  background-color: var(--palette-black-alpha-6,rgba(0, 0, 0, 0.06)); }
  .bolt-textfield-inline:not(.disabled) {
    border-color: transparent; }
  .bolt-textfield-inline .bolt-textfield-input {
    background-color: transparent; }
  .bolt-textfield-inline:hover:not(.disabled):not(.focused) {
    background-color: rgba(0, 0, 0, 0.10);
    background-color: var(--palette-black-alpha-10,rgba(0, 0, 0, 0.10)); }

.bolt-textfield-inline:hover:not(.disabled) {
  cursor: text; }

.bolt-textfield-default-width {
  width: 296px; }

.bolt-textfield-inline-tabbar-width {
  width: 244px; }

.bolt-focus-visible .focused.focus-keyboard-only {
  border-color: rgba(0, 120, 212, 1);
  border-color: var(--communication-background,rgba(0, 120, 212, 1));
  animation: ms-focus-shadow-pulse 4s ease-in-out infinite;
  box-shadow: 0 0 0 3px rgba(0, 120, 212, 0.35);
  box-shadow: 0 0 0 3px var(--focus-pulse-max-color,rgba(0, 120, 212, 0.35)); }
  @media screen and (-ms-high-contrast: active) {
    .bolt-focus-visible .focused.focus-keyboard-only {
      animation: none; } }