.trip-empty-tutorial[data-v-27109b4e] h2{margin-bottom:1.5rem;text-align:center}.trip-empty-tutorial[data-v-27109b4e] .trip-tutorial-steps{counter-reset:tutorial-step;display:grid;gap:1.5rem;grid-template-columns:minmax(0,1fr);list-style:none;padding-left:0}.trip-empty-tutorial[data-v-27109b4e] .trip-tutorial-steps>li{background:#fff;border:1px solid #d4d4d4;border-radius:8px;counter-increment:tutorial-step;display:flex;flex-direction:column;margin-top:0;min-width:0;overflow:hidden;padding-top:3.25rem;position:relative}.trip-empty-tutorial[data-v-27109b4e] .trip-tutorial-steps>li:before{align-items:center;background:#595959;border-radius:50%;color:#fff;content:counter(tutorial-step);display:flex;font-size:1rem;font-weight:700;height:2.25rem;justify-content:center;left:.75rem;position:absolute;top:.75rem;width:2.25rem;z-index:1}.trip-empty-tutorial[data-v-27109b4e] figure{display:flex;flex:1;flex-direction:column;margin:0}.trip-empty-tutorial[data-v-27109b4e] figure img{aspect-ratio:4/3;background:#f4f4f4;border-bottom:1px solid #d4d4d4;display:block;-o-object-fit:contain;object-fit:contain;width:100%}.trip-empty-tutorial[data-v-27109b4e] figcaption{color:#595959;line-height:1.5;padding:1rem}.trip-empty-tutorial[data-v-27109b4e] figcaption strong{display:block;margin-bottom:.25rem}@media(min-width:768px){.trip-empty-tutorial[data-v-27109b4e] .trip-tutorial-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:1280px){.trip-empty-tutorial[data-v-27109b4e] .trip-tutorial-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}