.ffz-viewer-card {
	width: 34rem;
	z-index: 9001;

	&:focus {
		outline: none;
		box-shadow: var(--shadow-button-focus);
	}

	&__header {
		overflow: unset !important;
	}

	&.ffz-accent-card {
		width: 40rem;
		border-right: 0.5rem solid var(--ffz-color-accent) !important;
	}

	> div:first-child {
		cursor: move;
	}

	.ffz-tooltip {
		> * {
			pointer-events: none;
		}
	}

	.ffz--info-lines > * {
		line-height: 1.2;
	}

	.viewer-card__tabs-container {
		height: 3rem;

		> .viewer-card__tab {
			position: relative;
			top: -.1rem;
			cursor: pointer;
			display: inline-block;
			line-height: 3rem;
			margin-right: .5rem;

			&:hover, &.active {
				border-top: 3px solid var(--color-text-link);
			}
		}
	}
}

.viewer-card__background {
	background-position: top;
	background-size: cover
}

.ffz-emote-card__live-indicator {
	background-color: var(--color-fill-live);
	border-radius: var(--border-radius-rounded);
	width: 0.8rem;
	height: 0.8rem;
	display: inline-block;
}

.ffz-emote-card__emote-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.ffz-button__sub-price {
	background-color: var(--color-background-button-purchase);
	padding: 0 var(--button-padding-x);
	display: flex;
	align-self: stretch;
	align-items: center;
}