.hint-modal {
	z-index: 4600;

	.card-content {
		text-align: left;

		.info {
			font-style: italic;
		}

		p {
			display: flex;
			justify-content: space-between;
			align-items: center;

			.shortcuts {
				display: flex;
				align-items: center;

				i {
					padding: 0 .25rem;
				}

				span {
					padding: .1rem .35rem;
					border: 1px solid $grey-300;
					background: $grey-100;
					border-radius: 3px;
					font-size: .75rem;
				}
			}
		}

		.message-body {
			padding: .5rem .75rem;
		}
	}
}

.modal-container-smaller .hint-modal .modal-container {
	height: calc(100vh - 5rem);
}