.elementor .hm-chip.is-selected,
.elementor .hm-chip.is-selected:hover {
	background-color: var(--amba, #E3A72F);
	border-color: var(--amba, #E3A72F);
	color: var(--ink, #14110F);
}

.elementor .hm-chip.is-locked {
	opacity: 0.35;
	cursor: not-allowed;
}

.elementor .hm-chip.is-locked:hover {
	border-color: var(--hairline, #3A322C);
}

.elementor .hm-chip:focus-visible,
.elementor .hm-commission:focus-visible,
.elementor .hm-surprise:focus-visible,
.elementor .hm-copy:focus-visible {
	outline: 2px solid var(--amba, #E3A72F);
	outline-offset: 3px;
}

/* The picture frame: dark wood moulding, a gold lip, a cream mat. */
.elementor .hm-output .hm-frame {
	box-sizing: border-box;
	width: 100%;
	max-width: 34rem;
	aspect-ratio: 1 / 1;
	display: flex;
	align-items: center;
	justify-content: center;
	container-type: inline-size;
	overflow: hidden;
	padding: clamp(1.5rem, 3.5vw, 2.75rem);
	background-color: #FBF8F2;
	border: 16px solid #2A1F16;
	border-image: linear-gradient(145deg, #4A3522 0%, #1C140E 35%, #3D2B1C 55%, #1C140E 80%, #4A3522 100%) 1;
	box-shadow:
		inset 0 0 0 3px #B8862B,
		inset 0 0 0 4px #6B4E1A,
		inset 0 6px 14px rgba(20, 17, 15, 0.22),
		0 28px 50px -22px rgba(20, 17, 15, 0.6);
}

.elementor .hm-output .hm-frame::after {
	content: '';
	position: absolute;
	inset: 14px;
	border: 1px solid rgba(184, 134, 43, 0.35);
	pointer-events: none;
}

/* Every haiku line stays on one line: the widest line in the bank is about 13em, so the type scales with the frame. */
.elementor .hm-output .hm-poem {
	position: relative;
	z-index: 1;
	width: fit-content;
	max-width: 100%;
	white-space: nowrap;
	font-size: min(2.6rem, 7.4cqi);
}

.elementor .hm-output.is-composing .hm-poem {
	color: var(--charcoal, #1F1A17);
}

.elementor .hm-commission[aria-disabled="true"],
.elementor .hm-surprise[aria-disabled="true"],
.elementor .hm-copy[aria-disabled="true"] {
	opacity: 0.5;
	cursor: progress;
}

@media (max-width: 767px) {
	.elementor .hm-output .hm-frame {
		border-width: 9px;
		padding: 1rem;
	}

	.elementor .hm-output .hm-frame::after {
		inset: 8px;
	}
}