.hoo-icon{
	display: flex;
	justify-content: flex-start;

	// width: 100%;
	// height: 100%;

	align-items: center;
	flex-grow: 0;
}

.hoo-icon-svg{
	width: 1rem;
	height: 1rem;
	padding: 4px;

	pointer-events: none;

	fill: currentColor;
	&:hover{
		fill: currentColor;
	}
}

.hoo-ql-media{
	margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
	background-color: transparent;
}
.hoo-ql-img{
	height: 100%;
    width: auto;
    object-fit: cover;
    aspect-ratio: 1 / 1;
}
.hoo-media-svg{
    aspect-ratio: 1 / 1;
    justify-content: center;
	fill: currentColor;
	background-color: transparent;
}