/* The picture on a saved trip's card.

   This file used to hold a second layout for the home page - one set of rules
   for an account with trips, another for an account without - which is why the
   same card had two widths, two radii and two type scales depending on who was
   looking. There is one layout now, in home.css, and all that is left here is
   the cover itself. */

.trip-cover {
    display: block;
    aspect-ratio: 16 / 9;
    background: var(--canvas-2);
    overflow: hidden;
}
.trip-cover svg,
.trip-cover-photo,
.trip-cover-drawn {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}