<commit_before>// CONTENT
.case-segments {
	padding: 2em 68px;

	margin-left: auto;
	margin-right: auto;
	max-width: 90em;
}

.case-segment-row {
	display: flex;
	align-items: stretch;  // expand row items to same height

	&:not(:last-child) {
		margin-bottom: 1em;
	}

  > :not(:last-child) {
    margin-right: 1em;
  }

  > .is-main {
    flex-basis: 70%;
  }

  > .is-aside {
    flex-basis: 30%;
  }
}

%case-segment {
	background-color: #fff;
	box-shadow: 0 1px 3px -1px rgba(#000, .4);
}

.case-segment-full {
	@extend %case-segment;

	flex-basis: 100%;
}

.case-segment-title {
	padding: .5rem 1rem;
	font-size: .9rem;
	border-bottom: 1px solid rgba(#000, .15);

	background-color: rgba(#000, .1);
	color: rgba(#000, .5);
}

.case-segment-content-text {
	padding: .5rem 1rem;
	font-size: .9rem;
	line-height: 1.3rem;

	> p {
		padding: .2em 0;
	}
}

.case-segment-notes {
	border-top: 1px solid rgba(#000, .15);
	background-color: rgba(#000, .03);
	padding: .5rem;
	font-size: .8rem;
}

// SAMPLES
%case-sample {
  @extend .list-item;

	font-size: .8rem;
	border-bottom: 1px solid rgba(#000, .1);  // colored background
	padding: .2rem 1rem;
	position: relative;
	height: 2.8rem;
	overflow: auto;
}

.case-sample-item {
	flex: 2;

	&:not(:last-child) {
		margin-right: 1em;
	}

	// dotdotdot
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.case-sample-item--big {
	@extend .case-sample-item;

	flex: 4;
}

.case-sample-item--small {
	@extend .case-sample-item;

	flex: 1;
}

%case-sample-icon {
	width: 15px;
	height: 15px;

	border: 2px solid #000;
}

.case-sample-icon-male {
	@extend %case-sample-icon;
}

.case-sample-icon-female {
	@extend %case-sample-icon;

	border-radius: 100%;
}

.is-affected {
	background-color: #000;
}

.case-sample-unaffected {
	@extend %case-sample;
}

.case-sample-affected {
	@extend %case-sample;
	background-color: rgba(#f44336, .15);
}

.case-variants-button {
	@extend .md-button;

	// case-specific
  display: block;
	margin: 2em auto 0;
	width: 40%;
  min-width: 15em;
}

.case-assign {
	display: flex;
	align-items: center;
}

.case-assign-icon {
	@extend .icon-button;
}

.case-assign-name {
	font-size: .8em;
}<commit_msg>make select box visible in firefox<commit_after>// CONTENT
.case-segments {
	padding: 2em 68px;

	margin-left: auto;
	margin-right: auto;
	max-width: 90em;
}

.case-segment-row {
	display: flex;
	align-items: stretch;  // expand row items to same height

	&:not(:last-child) {
		margin-bottom: 1em;
	}

  > :not(:last-child) {
    margin-right: 1em;
  }

  > .is-main {
    flex-basis: 70%;
  }

  > .is-aside {
    flex-basis: 30%;
  }
}

%case-segment {
	background-color: #fff;
	box-shadow: 0 1px 3px -1px rgba(#000, .4);
}

.case-segment-full {
	@extend %case-segment;

	flex-basis: 100%;
}

.case-segment-title {
	padding: .5rem 1rem;
	font-size: .9rem;
	border-bottom: 1px solid rgba(#000, .15);

	background-color: rgba(#000, .1);
	color: rgba(#000, .5);
}

.case-segment-content-text {
	padding: .5rem 1rem;
	font-size: .9rem;
	line-height: 1.3rem;

	> p {
		padding: .2em 0;
	}
}

.case-segment-notes {
	border-top: 1px solid rgba(#000, .15);
	background-color: rgba(#000, .03);
	padding: .5rem;
	font-size: .8rem;
}

// SAMPLES
%case-sample {
  @extend .list-item;

	font-size: .8rem;
	border-bottom: 1px solid rgba(#000, .1);  // colored background
	padding: .2rem 1rem;
	position: relative;
	height: 2.8rem;
	overflow: auto;
}

.case-sample-item {
	flex: 2;

	&:not(:last-child) {
		margin-right: 1em;
	}

	// dotdotdot
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.case-sample-item--big {
	@extend .case-sample-item;

	flex: 4;
}

.case-sample-item--small {
	@extend .case-sample-item;

	flex: 1;
}

%case-sample-icon {
	width: 15px;
	height: 15px;

	border: 2px solid #000;
}

.case-sample-icon-male {
	@extend %case-sample-icon;
}

.case-sample-icon-female {
	@extend %case-sample-icon;

	border-radius: 100%;
}

.is-affected {
	background-color: #000;
}

.case-sample-unaffected {
	@extend %case-sample;
}

.case-sample-affected {
	@extend %case-sample;
	background-color: rgba(#f44336, .15);
}

.case-variants-button {
	@extend .md-button;

	// case-specific
  display: block;
	margin: 2em auto 0;
	width: 40%;
  min-width: 15em;
}

.case-assign {
	display: flex;
	align-items: center;
}

.case-assign-icon {
	@extend .icon-button;
}

.case-assign-name {
	font-size: .8em;
}

.status-picker {
  color: #444;
  font-size: .8em;
}
{'fraction_non_alphanumeric': 0.18118701007838744, 'fraction_numerical': 0.04613661814109742, 'mean_word_length': 3.0526315789473686, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 11, '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': '7638420', 'n_tokens_mistral': 2143, 'n_tokens_neox': 1888, 'n_words': 392}