._dropdownTrigger_iqzin_1 {
  position: relative;
  display: inline-flex;
  align-items: center;
  padding: 0 4px;
  background: transparent;
  border: none;
  border-radius: 0;
  font-weight: 600;
  font-size: 14px;
  line-height: 20px;
  color: var(--link-color, #0066cc);
  cursor: pointer;
  text-decoration: underline;
  vertical-align: baseline;
}


._dropdownTrigger_iqzin_1:hover {
    color: var(--link-hover-color, #004499);
  }


._dropdownContent_iqzin_23 {
  max-width: 150px;
  min-width: auto !important;
}
._dialogWrapper_1vxlj_1 {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  z-index: 19;
  background-color: var(--background-backdrop);
  pointer-events: all;
}

._dialogBox_1vxlj_15 {
  width: 500px;
  background-color: var(--background-elevated);
  padding: var(--spacer-7) var(--spacer-6) var(--spacer-6) var(--spacer-6);
  margin: 0;
  box-shadow: var(--shadow-400);
  border-radius: var(--spacer-3);
  position: absolute;
  top: 25%;
  z-index: 20;
}

._title_1vxlj_27 {
  font-family: var(--ui-font);
  font-style: normal;
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-lg);
  color: var(--text-primary);
  margin-bottom: var(--spacer-3);
}

._text_1vxlj_36 {
}

._subtitle_1vxlj_39 {
  font-family: var(--ui-font);
  font-style: normal;
  margin-top: var(--spacer-0);
  font-weight: var(--font-weight-normal);
  color: var(--text-secondary);
  font-size: var(--font-size-base);
  line-height: 1.25rem;
}

._buttons_1vxlj_49 {
  float: right;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--spacer-3);
}

._cancelButton_1vxlj_57 {
  background: none;
}

._buttonText_1vxlj_61 {
  margin-left: auto;
  margin-right: auto;
  font-family: var(--ui-font);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
}

._redButton_1vxlj_69 {
  color: var(--text-error);
  background: var(--background-button-caution);
}

._darkRedButton_1vxlj_74 {
  background: var(--red-50);
  color: var(--neutral-100);
}

._inputWrapper_1vxlj_79 {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
}

._inputWrapper_1vxlj_79 p {
    margin: 0;
    font-weight: 500;
    font-size: var(--font-size-lg);
    line-height: 16px;
    color: var(--text-secondary);
  }

._inputWrapper_1vxlj_79 input {
    margin-top: var(--spacer-3);
    height: 32px;
    width: 100%;
    padding: 2px 8px;
    color: var(--inbox-header-active-tab-text-color);
    font-size: var(--font-size-lg);
    background: var(--background-color);
    font-family: var(--ui-font);
    outline: none;
    box-shadow: 0 0 0 1px var(--border-secondary);
    border-radius: 4px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    border: none;
  }

._inputWrapper_1vxlj_79 input:focus {
      box-shadow: 0 0 0 2px var(--border-focus);
    }

._inputWithHint_1vxlj_115 {
  margin: 10px 0 0 0;
  position: relative;
  display: flex;
  flex-direction: column;
}

._inputLabel_1vxlj_122 {
  margin-bottom: 5px;
  color: #606C79;
  font-size: var(--font-size-sm);
  font-weight: 500;
}

._emailInputContainer_1vxlj_129 {
  display: flex;
  align-items: center;
  border: 2px solid #007BFF;
  border-radius: 4px;
  overflow: hidden;
}

._hint_1vxlj_137 {
  padding: 10px;
  color: #A0A0A0;
}

._emailInput_1vxlj_129 {
  flex-grow: 1;
  padding: 10px;
  border: none;
  border-radius: 4px 0 0 4px;
  font-size: var(--font-size-lg);
  color: var(--text-primary);
  background-color: var(--background-elevated);
  outline: none;
}

._emailInput_1vxlj_129:focus {
    box-shadow: 0 0 0 0 var(--border-focus);
  }

._nameExistsError_1vxlj_157 {
  color: red;
  font-size: var(--font-size-sm);
  margin-top: var(--spacer-0);
  margin-bottom: var(--spacer-2);
}

._recentUpdateMessage_1vxlj_164 {
  color: red;
  font-family: var(--ui-font);
  font-style: normal;
  margin-top: var(--spacer-0);
  margin-bottom: var(--spacer-2);
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-sm);
  line-height: 1.25rem;
}

._inputWarning_1vxlj_175 {
  font-family: var(--ui-font);
  font-style: normal;
  margin-top: var(--spacer-0);
  margin-bottom: var(--spacer-2);
  font-weight: var(--font-weight-normal);
  color: var(--text-secondary);
  font-size: var(--font-size-sm);
  line-height: 1.25rem;
}
._dialogWrapper_1iajd_1 {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  z-index: 19;
  background-color: var(--background-backdrop);
  pointer-events: all;
}

._dialogBox_1iajd_15 {
  width: 500px;
  background-color: var(--background-elevated);
  padding: var(--spacer-7) var(--spacer-6) var(--spacer-6) var(--spacer-6);
  margin: 0;
  box-shadow: var(--shadow-400);
  border-radius: var(--spacer-3);
  position: absolute;
  top: 25%;
  z-index: 20;
}

._title_1iajd_27 {
  font-family: var(--ui-font);
  font-style: normal;
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-lg);
  color: var(--text-primary);
  margin-bottom: var(--spacer-3);
}

._text_1iajd_36 {
}

._subtitle_1iajd_39 {
  font-family: var(--ui-font);
  font-style: normal;
  margin-top: var(--spacer-0);
  font-weight: var(--font-weight-normal);
  color: var(--text-secondary);
  font-size: var(--font-size-base);
  line-height: 1.25rem;
}

._buttons_1iajd_49 {
  float: right;
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: var(--spacer-3);
}

._cancelButton_1iajd_57 {
  background: none;
}

._buttonText_1iajd_61 {
  margin-left: auto;
  margin-right: auto;
  font-family: var(--ui-font);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
}

._blueButton_1iajd_69 {
  color: var(--text-interactive);
  background: var(--background-button-primary);
}

._darkBlueButton_1iajd_74 {
  background: var(--blue-50);
  color: var(--neutral-100);
}

._inputWrapper_1iajd_79 {
  display: flex;
  flex-direction: column;
  margin-top: 16px;
}

._inputWrapper_1iajd_79 p {
    margin: 0;
    font-weight: 500;
    font-size: var(--font-size-lg);
    line-height: 16px;
    color: var(--text-secondary);
  }

._inputWrapper_1iajd_79 input {
    margin-top: var(--spacer-3);
    height: 32px;
    width: 100%;
    padding: 2px 8px;
    color: var(--inbox-header-active-tab-text-color);
    font-size: var(--font-size-lg);
    background: var(--background-color);
    font-family: var(--ui-font);
    outline: none;
    box-shadow: 0 0 0 1px var(--border-secondary);
    border-radius: 4px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    border: none;
  }

._inputWrapper_1iajd_79 input:focus {
      box-shadow: 0 0 0 2px var(--border-focus);
    }

._inputWithHint_1iajd_115 {
  margin: 10px 0 0 0;
  position: relative;
  display: flex;
  flex-direction: column;
}

._inputLabel_1iajd_122 {
  margin-bottom: 5px;
  color: #606C79;
  font-size: var(--font-size-sm);
  font-weight: 500;
}

._emailInputContainer_1iajd_129 {
  display: flex;
  align-items: center;
  border: 2px solid #007BFF;
  border-radius: 4px;
  overflow: hidden;
}

._hint_1iajd_137 {
  padding: 10px;
  color: #A0A0A0;
}

._emailInput_1iajd_129 {
  flex-grow: 1;
  padding: 10px;
  border: none;
  border-radius: 4px 0 0 4px;
  font-size: var(--font-size-lg);
  color: var(--text-primary);
  background-color: var(--background-elevated);
  outline: none;
}

._emailInput_1iajd_129:focus {
    box-shadow: 0 0 0 0 var(--border-focus);
  }

._nameExistsError_1iajd_157 {
  color: red;
  font-size: var(--font-size-sm);
  margin-top: var(--spacer-0);
  margin-bottom: var(--spacer-2);
}

._recentUpdateMessage_1iajd_164 {
  color: red;
  font-family: var(--ui-font);
  font-style: normal;
  margin-top: var(--spacer-0);
  margin-bottom: var(--spacer-2);
  font-weight: var(--font-weight-normal);
  font-size: var(--font-size-sm);
  line-height: 1.25rem;
}

._inputWarning_1iajd_175 {
  font-family: var(--ui-font);
  font-style: normal;
  margin-top: var(--spacer-0);
  margin-bottom: var(--spacer-2);
  font-weight: var(--font-weight-normal);
  color: var(--text-secondary);
  font-size: var(--font-size-sm);
  line-height: 1.25rem;
}
._readwiseLogo_r8rdp_1 {
  width: 24px;
  height: 24px;
}

._twitterLogo_r8rdp_6 {
  color: #1DA1F2;
}

._emailIcon_r8rdp_10 {
  fill: var(--neutral-50);
}

._primaryIcon_r8rdp_14 {
  fill: var(--icon-primary);
}

._feedIcon_r8rdp_18 {
  fill: var(--orange-60);
}

._appleIcon_r8rdp_22,
._androidIcon_r8rdp_23 {
  width: 24px;
  height: 24px;
}

._gmailLogo_r8rdp_28 {
  padding: 8px;
}

._connectIntegrationButton_r8rdp_32:not(:disabled) {
  background: var(--text-primary) !important;
  color: var(--text-inverse);
}

._twitterIntegration_r8rdp_37 {
  flex-direction: column;
}

._twitterSettingsButton_r8rdp_41 {
  margin-right: var(--spacer-3);
}

._twitterData_r8rdp_45 {
  display: flex;
  width: 100%;
}

._twitterSettingsWrapper_r8rdp_50 {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-left: calc(var(--spacer-6) + 44px);
}

._twitterSettingsWrapper_r8rdp_50 ._twitterSettings_r8rdp_41 {
    display: flex;
    margin-top: var(--spacer-3);
    margin-bottom: var(--spacer-5);
    padding-bottom: var(--spacer-5);
    border-bottom: 1px solid var(--border-tertiary-alpha);
  }

._twitterSettingsWrapper_r8rdp_50 ._twitterSettings_r8rdp_41 ._settings_r8rdp_63 {
      margin-right: 72px;
    }

._twitterSettingsWrapper_r8rdp_50 ._twitterSettings_r8rdp_41 ._settings_r8rdp_63 h2 {
        margin: 0;
        margin-bottom: 7px;
        color: var(--text-primary);
        font-size: 14px;
        line-height: 20px;
        font-weight: 500;
      }

._twitterSettingsWrapper_r8rdp_50 ._twitterSettings_r8rdp_41 ._option_r8rdp_76 {
      display: flex;
      align-items: center;
      margin-bottom: var(--spacer-3);
    }

._twitterSettingsWrapper_r8rdp_50 ._twitterSettings_r8rdp_41 ._option_r8rdp_76 button {
        margin-right: 10px;
        box-sizing: border-box;
      }

._twitterSettingsWrapper_r8rdp_50 ._twitterSettings_r8rdp_41 ._option_r8rdp_76 button span {
          height: 18px;
        }

._twitterSettingsWrapper_r8rdp_50 ._twitterSettings_r8rdp_41 ._option_r8rdp_76 label {
        font-weight: 400;
        font-size: 14px;
        line-height: 20px;
      }

._twitterSettingsWrapper_r8rdp_50 ._migrateButton_r8rdp_98 {
    width: max-content;
    background: var(--u-alpha-200);
  }

._openaiAlphaFeature_r8rdp_104 {
  background-color: var(--purple-70);
  border-radius: var(--spacer-2);
  color: var(--purple-20);
  display: inline-block;
  font-size: 12px;
  font-weight: 500;
  padding: var(--spacer-0) var(--spacer-2);
  margin-left: var(--spacer-2);
}

._expandableIntegration_r8rdp_115 {
  flex-direction: column;
}

._expandIntegrationButton_r8rdp_119 {
  background: none;
  color: var(--text-primary);
  display: flex;
  flex-direction: row;
}

._expandIntegrationButton_r8rdp_119 ._icon_r8rdp_125 {
    fill: var(--text-primary);
    transition: transform 150ms ease-out;
  }

._expandIntegrationButton_r8rdp_119 ._icon-open_r8rdp_130 {
    transform: rotate(180deg);
  }

._saveIntegrationKeyButton_r8rdp_135 {
  background-color: var(--background-button-blue);
  color: var(--text-button-blue);
  position: relative;
  transition: padding-right .3s ease-in-out;
  align-self: start;
}

._saveIntegrationKeyButton_r8rdp_135:not(:active):hover {
    background-color: var(--background-button-blue-hover);
  }

._saveIntegrationKeyButton_r8rdp_135 > svg {
    color: var(--icon-inverse);
  }

._saveIntegrationKeyButton_r8rdp_135 ._openaiKeyButtonVerification_r8rdp_150 {
    position: absolute;
    top: 50%;
    left: auto;
    right: 16px;
    width: 20px;
    height: 20px;
    margin: -10px;
    opacity: 0;
    z-index: -1;
    transition: all 0.3s;
    transition-timing-function: ease-in;
  }

._saveIntegrationKeyButton_r8rdp_135 ._openaiKeyButtonVerification_r8rdp_150 > ._openaiKeyButtonVerificationIndicator_r8rdp_163 {
      width: 20px;
      height: 20px;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-10px, -10px)
    }

._saveIntegrationKeyButton_r8rdp_135 ._openaiKeyButtonVerification_r8rdp_150 ._openaiKeyButtonVerificationIndicator_r8rdp_163 {
      transform-origin: 10px 10px;
    }

._saveIntegrationKeyButton_r8rdp_135 ._openaiKeyButtonVerification_r8rdp_150 ._openaiKeyButtonVerificationIndicator_r8rdp_163 {
        animation: _rotation_r8rdp_1 2s infinite linear;
      }

._saveIntegrationKeyButton_r8rdp_135._openaiKeyButtonVerifying_r8rdp_180 {
    padding-right: 32px !important;
  }

._saveIntegrationKeyButton_r8rdp_135._openaiKeyButtonVerifying_r8rdp_180[disabled] {
      color: var(--text-button-blue);
      background-color: var(--background-button-blue-hover);
    }

._saveIntegrationKeyButton_r8rdp_135._openaiKeyButtonVerifying_r8rdp_180[disabled] > svg {
        color: var(--icon-inverse);
      }

._saveIntegrationKeyButton_r8rdp_135._openaiKeyButtonVerifying_r8rdp_180 > ._openaiKeyButtonVerification_r8rdp_150 {
      opacity: 1;
      z-index: auto;
      visibility: visible;
    }

._removeIntegrationKey_r8rdp_200 {
  color: var(--text-button-secondary);
  background-color: var(--background-button-secondary);
}

._removeIntegrationKey_r8rdp_200:not(:active):hover {
    color: var(--text-button-secondary);
    background-color: var(--background-button-secondary-hover);
  }

._expandableIntegrationState_r8rdp_210 {
  background-color: var(--badge-background-color);
  color: var(--badge-text-color);
  border-radius: var(--spacer-5);
  font-size: 12px;
  font-weight: 500;
  padding: var(--spacer-2) var(--spacer-3);
  margin-right: var(--spacer-1);
}

._expandableIntegrationData_r8rdp_220 {
  display: flex;
  width: 100%;
}

._expandableIntegrationWrapper_r8rdp_225 {
  width: 100%;
  display: flex;
  flex-direction: column;
  padding-left: calc(var(--spacer-6) + 44px);
}

._expandableIntegrationWrapper_r8rdp_225 ._expandableIntegrationSettings_r8rdp_231 {
      display: flex;
      flex-direction: column;
      margin-top: var(--spacer-3);
      margin-bottom: var(--spacer-5);
      padding-bottom: var(--spacer-5);
  }

._expandableIntegrationWrapper_r8rdp_225 ._expandableIntegrationSettings_r8rdp_231 ._settings_r8rdp_63 {
      margin-bottom: 36px;
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
    }

._expandableIntegrationWrapper_r8rdp_225 ._expandableIntegrationSettings_r8rdp_231 ._subSettings_r8rdp_245 {
      display: flex;
      flex-direction: row;
      margin-right: 72px;
      margin-bottom: 18px;
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
      padding: var(--spacer-2) 0;
      border-top: 1px solid var(--border-tertiary-alpha);
    }

._expandableIntegrationWrapper_r8rdp_225 ._expandableIntegrationSettings_r8rdp_231 ._integrationDescription_r8rdp_257 {
      color: #616C77;
      margin-top: 10px;
      font-size: 12px;
    }

._expandableIntegrationWrapper_r8rdp_225 ._expandableIntegrationSettings_r8rdp_231 ._integrationDescription_r8rdp_257 button {
        margin-left: 3px;
        color: #2675DE;
        font-size: 12px;
        text-decoration: underline;
      }

._expandableIntegrationWrapper_r8rdp_225 ._expandableIntegrationSettings_r8rdp_231 ._subSettingsNoBorder_r8rdp_270 {
      display: flex;
      flex-direction: row;
      margin-top: -20px;
      margin-right: 72px;
      margin-bottom: 18px;
      font-weight: 400;
      font-size: 14px;
      line-height: 20px;
      padding: var(--spacer-2) 0;
    }

._expandableIntegrationWrapper_r8rdp_225 ._expandableIntegrationSettings_r8rdp_231 ._right_r8rdp_282 {
      margin-left: auto;
      display: flex;
      justify-content: center;
      align-items: self-start;
    }

._expandableIntegrationWrapper_r8rdp_225 ._expandableIntegrationSettings_r8rdp_231 form {
      transition: all 1ms ease-in-out;
      display: flex;
      flex-direction: column;
    }

._expandableIntegrationWrapper_r8rdp_225 ._expandableIntegrationSettings_r8rdp_231 form div {
        display: flex;
        flex-direction: row;
      }

._expandableIntegrationWrapper_r8rdp_225 ._expandableIntegrationSettings_r8rdp_231 ol {
      border-bottom: 1px solid var(--border-tertiary-alpha);
      padding-bottom: 10px;

    }

._expandableIntegrationWrapper_r8rdp_225 ._expandableIntegrationSettings_r8rdp_231 ol li {
        margin-bottom: 5px;

      }

._expandableIntegrationWrapper_r8rdp_225 ._expandableIntegrationSettings_r8rdp_231 ol li a {
          text-decoration: underline !important;
        }

._expandableIntegrationWrapper_r8rdp_225 ._expandableIntegrationSettings_r8rdp_231 p {
      color: var(--text-secondary);
      font-size: 14px;
      font-weight: 400;
    }

._expandableIntegrationWrapper_r8rdp_225 ._expandableIntegrationSettings_r8rdp_231 p a {
        text-decoration: underline !important;
      }

._expandableIntegrationWrapper_r8rdp_225 ._expandableIntegrationSettings_r8rdp_231 label {
      display: block;
      font-weight: 500;
      font-size: 12px;
      line-height: 16px;
      color: var(--text-secondary);
      margin-bottom: var(--spacer-2);
    }

._expandableIntegrationWrapper_r8rdp_225 ._expandableIntegrationSettings_r8rdp_231 input {
      background-color: var(--metadata-input-background);
      box-shadow: 0 0 0 1px var(--border-secondary);;
      padding: var(--spacer-3);
      flex-grow: 1;
      margin-right: var(--spacer-3);
      border: none;
      border-radius: 4px;
      color: var(--text-primary);
      font-size: 14px;
      letter-spacing: .062rem;
      outline: none;
      transition: box-shadow 125ms;
    }

._expandableIntegrationWrapper_r8rdp_225 ._expandableIntegrationSettings_r8rdp_231 input._hasError_r8rdp_348 {
        outline: 2px solid var(--border-error);
      }

._expandableIntegrationWrapper_r8rdp_225 ._expandableIntegrationSettings_r8rdp_231 input:focus {
        box-shadow: 0 0 0 2px var(--border-focus);
      }

._expandableIntegrationWrapper_r8rdp_225 ._expandableIntegrationSettings_r8rdp_231 input:disabled {
        color: var(--text-tertiary);
        background-color: var(--background-primary);
      }

._expandableIntegrationWrapper_r8rdp_225 ._expandableIntegrationSettings_r8rdp_231 ._inputGroup_r8rdp_362 {
      display: flex;
      flex-grow: 1;
      flex-direction: column;
      margin-right: var(--spacer-4);
    }

._expandableIntegrationWrapper_r8rdp_225 ._expandableIntegrationSettings_r8rdp_231 ._inputGroup_r8rdp_362 ._error_r8rdp_368 {
        color: var(--text-error);
        font-size: 12px;
      }

._gmailSettingsButton_r8rdp_376 {
  margin-right: var(--spacer-3);
}

@keyframes _rotation_r8rdp_1 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}

._kindleIcon_r8rdp_389 {
  border-radius: 13px !important;
  padding: 10px;
  background-color: transparent;
}

._kindleWhitelistAddress_r8rdp_395 {
  font-weight: 400;
  background: var(--background-tertiary);
  color: var(--text-interactive);
  padding: 0px 4px;
  border-radius: 2px;
}

._sendToKindleInstructions_r8rdp_403 {
  margin-top: 12px;
  margin-bottom: 24px;
}

._sendToKindleInstructions_r8rdp_403 a {
    text-decoration: underline !important;
  }

._kindleSettings_r8rdp_412 a {
    color: var(--text-interactive);
    text-decoration: underline !important;
  }

._kindleSettings_r8rdp_412 ._kindleSetupInstructionButton_r8rdp_417 {
    color: var(--text-interactive);
    text-decoration: underline !important;
  }