/**
 * Note that these styles are loaded *before* editor styles, so that
 * editor-specific styles using the same selectors will take precedence.
 */
.drm-retlistitem {
  position: relative;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  gap: 20px;
  text-decoration: none !important; }
  .drm-retlistitem__icon {
    position: relative;
    display: block;
    width: 2em;
    min-width: 2em;
    height: 2em; }
  .drm-retlistitem__hoverbg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    transition: opacity 0.2s ease-in; }
  .drm-retlistitem__content {
    position: relative;
    z-index: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    transition: background-color 0.2s ease-out, color 0.2s ease-in; }
  .drm-retlistitem i {
    margin: auto; }
  .drm-retlistitem__text span {
    transition: color 0.2s ease-out; }

a.drm-retlistitem:hover, a.drm-retlistitem:focus, a.drm-retlistitem:active {
  cursor: pointer; }
  a.drm-retlistitem:hover .drm-retlistitem__hoverbg, a.drm-retlistitem:focus .drm-retlistitem__hoverbg, a.drm-retlistitem:active .drm-retlistitem__hoverbg {
    opacity: 1;
    transition: opacity 0.2s ease-out; }
  a.drm-retlistitem:hover .drm-retlistitem__content, a.drm-retlistitem:focus .drm-retlistitem__content, a.drm-retlistitem:active .drm-retlistitem__content {
    background-color: inherit !important;
    color: inherit !important;
    transition: background-color 0.2s ease-in, color 0.2s ease-out; }
  a.drm-retlistitem:hover .drm-retlistitem__text span, a.drm-retlistitem:focus .drm-retlistitem__text span, a.drm-retlistitem:active .drm-retlistitem__text span {
    color: inherit !important; }