/* Shared or Private at a glance: a green or amber stripe down a card's left edge. The
   stripe is never the only sign: Private items also show a lock and the word Private. */
.stripe-shared { border-left: 5px solid #2f9e6e; }
.stripe-private { border-left: 5px solid #e0a400; }

/* The selected card, while its item is open in the drawer. */
.card.is-selected { outline: 2px solid #485fc7; }

/* The item drawer: laid over the cards on the right, without dimming or moving them. */
.drawer {
  position: fixed;
  top: 3.25rem;
  right: 0;
  bottom: 0;
  width: min(420px, 95vw);
  background: #fff;
  z-index: 30;
  box-shadow: -8px 0 28px rgba(0, 0, 0, 0.2);
  overflow-y: auto;
  padding: 1rem 1rem 3rem;
}

.shortcuts { border-bottom: 1px solid #e5e5e5; }