@CHARSET "UTF-8";
.topGroupName {
	margin-left: auto;
	margin-right: auto;
	padding: 0 var(--screen-pd-lr);
	width: min(100%, 1040px);
}

/*table*/
#results {
	&.table {
		margin-top: 30px;
		& tbody {
			border-top: var(--border);
			border-bottom: var(--border);
			display: block;
			padding: 1em 0;
			font-size: 1rem;
			& tr {
				display: block;
				padding: .25em 0;
				width: 100%;
			}
			& td {
				border: 0;
				border-bottom: 1px dashed transparent;
				padding: 0;
				display: flex;
				gap: 0 1em;
				&:hover {
					border-bottom-color: var(--color-border);
				}
				& a {
					border: none;
					display: block;
					padding: .5em 0;
					flex: 1 0 0%;
				}
				& label {
					padding: .5em 0;
				}
			}
		}
		& tfoot {
			& td {
				border: none;
			}
		}
		@media screen and (max-width: 600px) {
			& tbody {
				& tr {
					border: none;
				}
				& td {
					flex-direction: column;
					& a {
						padding-top: 0;
					}
					& label {
						color: var(--color-text-gray);
						font-size: var(--font-size-s);
						padding: 0 0 .3em;
					}
				}
			}
			& tfoot {
				& tr {
					border: none;
				}
			}
		}
	}
}