<commit_before>@require '~styles/variables'
@require '~styles-lib/mixins'

.game-package-card
	&-pricing
		rounded-corners()
		float: right
		margin-top: -(15px + 4px)
		margin-left: 15px
		padding: 10px
		text-align: center

		&-amount
			color: $white

		&-amount-old
			theme-prop('color', 'lighter')
			margin-left: 5px
			text-decoration: line-through
			font-size: $font-size-tiny

		&-tag
			color: $white
			font-size: $font-size-tiny
			font-weight: bold
			text-transform: uppercase

			&.muted
				theme-prop('color', 'lighter')

		&-sale-percentage
			theme-prop('background-color', 'highlight')
			theme-prop('color', 'highlight-fg')
			border-top-left-radius: $border-radius-base
			border-top-right-radius: $border-radius-base
			display: block
			margin-left: -10px
			margin-right: -10px
			margin-top: -10px
			margin-bottom: 5px
			padding-top: 3px
			padding-bottom: 3px
			font-weight: bold

	.card
		padding-bottom: 0

	.card-sale-info
		theme-prop('color', 'highlight')

	.card-controls
		margin-bottom: 15px

	.package-card-well-expander
		clear: both
		margin-left: -15px
		margin-right: -15px

	.package-card-well
		theme-prop('background-color', 'bg-offset')
		theme-prop('border-top-color', 'light')
		padding: 15px
		border-top-width: 1px
		border-top-style: dashed

		p:last-child
			margin-bottom: 0

		&-os
			margin: 0 5px
			font-size: $font-size-small

	&-payment-what-link
		display: block
		text-align: center
		font-size: $font-size-small

		@media $media-sm-up
			float: right
			display: inline-block<commit_msg>Better display for package card wells and "what you get" link.<commit_after>@require '~styles/variables'
@require '~styles-lib/mixins'

.game-package-card
	&-pricing
		rounded-corners()
		float: right
		margin-top: -(15px + 4px)
		margin-left: 15px
		padding: 10px
		text-align: center

		&-amount
			color: $white

		&-amount-old
			theme-prop('color', 'lighter')
			margin-left: 5px
			text-decoration: line-through
			font-size: $font-size-tiny

		&-tag
			color: $white
			font-size: $font-size-tiny
			font-weight: bold
			text-transform: uppercase

			&.muted
				theme-prop('color', 'lighter')

		&-sale-percentage
			theme-prop('background-color', 'highlight')
			theme-prop('color', 'highlight-fg')
			border-top-left-radius: $border-radius-base
			border-top-right-radius: $border-radius-base
			display: block
			margin-left: -10px
			margin-right: -10px
			margin-top: -10px
			margin-bottom: 5px
			padding-top: 3px
			padding-bottom: 3px
			font-weight: bold

	.card
		padding-bottom: 0

	.card-sale-info
		theme-prop('color', 'highlight')

	.card-controls
		margin-bottom: 15px

	.package-card-well-expander
		clear: both
		margin-left: -15px
		margin-right: -15px

	.package-card-well
		theme-prop('background-color', 'bg-offset')
		theme-prop('border-top-color', 'light')
		theme-prop('border-bottom-color', 'light')
		padding: 15px
		border-top-width: 2px
		border-top-style: dashed
		border-bottom-width: 2px
		border-bottom-style: dashed

		p:last-child
			margin-bottom: 0

		&-os
			margin: 0 5px
			font-size: $font-size-small

	&-payment-what-link
		float: right
		display: inline-block
		line-height: $button-md-line-height
		font-size: $font-size-small
{'fraction_non_alphanumeric': 0.14489164086687306, 'fraction_numerical': 0.01888544891640867, 'mean_word_length': 3.147625160462131, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5986156', 'n_tokens_mistral': 1432, 'n_tokens_neox': 1156, 'n_words': 243}