/* /Web/Components/AccountDisplay.razor.rz.scp.css */
.account[b-ny2ztu13ge] {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: center;
	gap: var(--spacing-small);

	padding: var(--spacing-large);
}

.user[b-ny2ztu13ge] {
	flex: 1;

	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	gap: var(--spacing-medium);
}

.user-avatar[b-ny2ztu13ge] {
	font-size: 1em;

	padding: var(--spacing-small);

	border-radius: var(--border-radius);

	background-color: hsl(0, 0%, 30%);
}

[b-ny2ztu13ge] .account-link {
	flex: 1;

	color: var(--color-body);

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

.sign-out-btn[b-ny2ztu13ge] {
	font-size: 0.625em;
}
/* /Web/Components/BettingChip.razor.rz.scp.css */
.betting-chip[b-z984kkmzn0] {
	--chip-color: var(--color-primary);

	position: relative;
	display: inline-block;
	line-height: 0;
	overflow: hidden;

	width: 1em;
	height: 1em;
	font-size: 6em;
}

.betting-chip svg[b-z984kkmzn0] {
	color: var(--chip-color);
	transform: unset;
}

.betting-chip .value[b-z984kkmzn0] {
	position: absolute;
	inset: 0;

	width: 100%;
	height: 100%;
	font-size: 0.25em;

	display: flex;
	justify-content: center;
	align-items: center;

	font-family: ui-serif, serif;
	font-weight: bold;
	color: #000;
}

.betting-chip.clickable[b-z984kkmzn0] {
	cursor: pointer;
	transform: translateY(0rem);
	transition: transform var(--animation-curve) var(--animation-duration-long);
}

.betting-chip.clickable:hover[b-z984kkmzn0] {
	transform: translateY(-.25rem);
}
/* /Web/Components/Card.razor.rz.scp.css */
.card[b-niziqkv54z] {
	--spacing: var(--spacing-medium);

	display: flex;
	flex-direction: column;
	gap: var(--spacing);

	padding: var(--spacing);

	background-color: var(--background-color-secondary);

	border: var(--border-width) solid var(--border-color-body);
	border-radius: var(--border-radius);
}

.card-header[b-niziqkv54z] {
	border-block-end: var(--border-width) solid var(--border-color-body);
	padding-block-end: var(--spacing);
}

.card-header[b-niziqkv54z]  h1,
.card-header[b-niziqkv54z]  h2,
.card-header[b-niziqkv54z]  h3,
.card-header[b-niziqkv54z]  h4,
.card-header[b-niziqkv54z]  h5,
.card-header[b-niziqkv54z]  h6 {
	margin-block-end: 0;
}

.card-content[b-niziqkv54z] {
	flex: 1;
}

.card-footer[b-niziqkv54z] {
	padding-block-start: var(--spacing);
	border-block-start: var(--border-width) solid var(--border-color-body);

	text-align: right;
}
/* /Web/Components/Collapsable.razor.rz.scp.css */
.collapsable-content[b-td9f9xcbw7] {
	/* @todo Breaks animation/transition but causes layout shift otherwise */
	display: none;

	/* @todo Height of content */
	margin-block-start: -25%;
	transition: margin-block-start 250ms var(--animation-curve);
}

.collapsable-content.visible[b-td9f9xcbw7] {
	display: block;
	margin-block-start: 0;
}

.collapsable-chevron[b-td9f9xcbw7] {
	transition: rotate 250ms var(--animation-curve);
}
/* /Web/Components/CreateGameForm.razor.rz.scp.css */
.game-type-option[b-v0kpdk62zq] {
	display: inline-block;

	margin-inline-start: var(--spacing-small);
	padding: var(--spacing-medium);

	border: var(--border-width) solid var(--border-color-body);
	border-radius: var(--border-radius);

	cursor: pointer;

	transition: var(--animation-duration) var(--animation-curve);
	transition-property: background-color, border;
}

.game-type-option:hover[b-v0kpdk62zq] {
	border: var(--border-width) solid var(--border-color-hover);
}

.game-type-option:has(input[type="radio"]:checked)[b-v0kpdk62zq] {
	background-color: var(--background-color-secondary);
}

.game-type-option[b-v0kpdk62zq]  > input[type="radio"] {
	display: none;
}

.game-type-option[b-v0kpdk62zq]  > svg,
.game-type-option[b-v0kpdk62zq]  > .label {
	display: block;
	margin-inline: auto;
}

.game-type-option[b-v0kpdk62zq]  > svg {
	font-size: 4rem;
}

.game-type-option[b-v0kpdk62zq]  > .label {
	text-align: center;
}
/* /Web/Components/Games/SolitaireUi.razor.rz.scp.css */
.row[b-93k0dh4vbe] {
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
	align-items: start;
	gap: var(--spacing-medium);
}

.card-lists[b-93k0dh4vbe] {
	display: flex;
	flex-flow: row nowrap;
	align-items: start;
	gap: var(--spacing-medium);

	margin-block-start: var(--spacing-medium);
}

.card-list[b-93k0dh4vbe] {
	margin: 0;
	padding: 0;
	list-style: none;
}

.card-list li:not(:first-child)[b-93k0dh4vbe] {
	margin-top: -75%;
}

.empty-card-slot[b-93k0dh4vbe] {
	font-size: 6em;
	width: 1em;
	height: 1.333em;

	background-color: var(--background-color-tertiary);
	border-radius: var(--border-radius-small);
}

.finished-actions[b-93k0dh4vbe] {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	gap: var(--spacing-medium);

	margin-block-start: var(--spacing-medium);
}
/* /Web/Components/Navigation.razor.rz.scp.css */
ul.nav-items[b-ygfv2882p5] {
	list-style: none;
	margin: 0;
	padding-inline: var(--spacing-medium);

	& li:not(:first-child) {
		margin-block-start: var(--spacing-medium);
	}

	&[b-ygfv2882p5]  a,
	&[b-ygfv2882p5]  .btn-link {
		display: block;
		width: 100%;

		text-align: left;
		text-decoration: none;

		color: var(--color-body);

		padding: var(--spacing-small) var(--spacing-medium);

		border-radius: var(--border-radius);

		&:not(.active):hover {
			background-color: var(--background-color-tertiary);
		}
	}

	&[b-ygfv2882p5]  svg {
		margin-inline-end: var(--spacing-tiny);
	}

	&[b-ygfv2882p5]  a.active {
		background-color: var(--background-color-light);
	}
}
/* /Web/Components/PlayingCardUi.razor.rz.scp.css */
.flippable-container[b-i1mhroj858] {
	font-size: 6rem;
	width: 1em;
	height: 1.333em;

	display: inline-block;
	perspective: 800px;
}

.flippable-content[b-i1mhroj858] {
	width: 100%;
	height: 100%;
	position: absolute;
	transform-style: preserve-3d;
	transition: transform 1s cubic-bezier(0.3, 0.8, 0.2, 1.3);
	z-index: 1;
}

.flippable-content > .playing-card[b-i1mhroj858] {
	position: absolute;
	backface-visibility: hidden;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.flippable-content > :nth-child(2)[b-i1mhroj858] {
	transform: rotateY(180deg);
}

.flippable-content.flipped[b-i1mhroj858] {
	transform: rotateY(180deg);
}

.playing-card[b-i1mhroj858] {
	font-size: 6rem;
}

.clickable[b-i1mhroj858] {
	cursor: pointer;
}
/* /Web/Components/ReconnectModal.razor.rz.scp.css */
.components-reconnect-first-attempt-visible[b-ay20i3cuao],
.components-reconnect-repeated-attempt-visible[b-ay20i3cuao],
.components-reconnect-failed-visible[b-ay20i3cuao],
.components-pause-visible[b-ay20i3cuao],
.components-resume-failed-visible[b-ay20i3cuao],
.components-rejoining-animation[b-ay20i3cuao] {
	display: none;
}

#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible[b-ay20i3cuao],
#components-reconnect-modal.components-reconnect-show .components-rejoining-animation[b-ay20i3cuao],
#components-reconnect-modal.components-reconnect-paused .components-pause-visible[b-ay20i3cuao],
#components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible[b-ay20i3cuao],
#components-reconnect-modal.components-reconnect-retrying[b-ay20i3cuao],
#components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible[b-ay20i3cuao],
#components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation[b-ay20i3cuao],
#components-reconnect-modal.components-reconnect-failed[b-ay20i3cuao],
#components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible[b-ay20i3cuao] {
	display: block;
}

#components-reconnect-modal[b-ay20i3cuao] {
	background-color: var(--background-color-body);
	color: var(--color-body);

	width: 20rem;
	margin: 20vh auto;
	padding: var(--spacing-huge);
	border: 0;
	border-radius: 0.5rem;
	box-shadow: 0 3px 6px 2px rgba(0, 0, 0, 0.3);
	opacity: 0;
	transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
	animation: components-reconnect-modal-fadeOutOpacity-b-ay20i3cuao 0.5s both;

	&[open] {
		animation: components-reconnect-modal-slideUp-b-ay20i3cuao 1.5s cubic-bezier(.05, .89, .25, 1.02) 0.3s, components-reconnect-modal-fadeInOpacity-b-ay20i3cuao 0.5s ease-in-out 0.3s;
		animation-fill-mode: both;
	}
}

#components-reconnect-modal[b-ay20i3cuao]::backdrop {
	background-color: rgba(0, 0, 0, 0.4);
	animation: components-reconnect-modal-fadeInOpacity-b-ay20i3cuao 0.5s ease-in-out;
	opacity: 1;
}

@keyframes components-reconnect-modal-slideUp-b-ay20i3cuao {
	0% {
		transform: translateY(30px) scale(0.95);
	}

	100% {
		transform: translateY(0);
	}
}

@keyframes components-reconnect-modal-fadeInOpacity-b-ay20i3cuao {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@keyframes components-reconnect-modal-fadeOutOpacity-b-ay20i3cuao {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0;
	}
}

.components-reconnect-container[b-ay20i3cuao] {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
}

#components-reconnect-modal p[b-ay20i3cuao] {
	margin: 0;
	text-align: center;
}

.components-rejoining-animation[b-ay20i3cuao] {
	position: relative;
	width: 80px;
	height: 80px;
}

.components-rejoining-animation div[b-ay20i3cuao] {
	position: absolute;
	border: 3px solid var(--color-primary);
	opacity: 1;
	border-radius: 50%;
	animation: components-rejoining-animation-b-ay20i3cuao 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}

.components-rejoining-animation div:nth-child(2)[b-ay20i3cuao] {
	animation-delay: -0.5s;
}

@keyframes components-rejoining-animation-b-ay20i3cuao {
	0% {
		top: 40px;
		left: 40px;
		width: 0;
		height: 0;
		opacity: 0;
	}

	4.9% {
		top: 40px;
		left: 40px;
		width: 0;
		height: 0;
		opacity: 0;
	}

	5% {
		top: 40px;
		left: 40px;
		width: 0;
		height: 0;
		opacity: 1;
	}

	100% {
		top: 0px;
		left: 0px;
		width: 80px;
		height: 80px;
		opacity: 0;
	}
}
/* /Web/Layout/MainLayout.razor.rz.scp.css */
.container[b-d57pqgw6j0] {
	display: flex;
	flex-flow: row nowrap;
	align-items: start;
	gap: 0;

	width: 100vw;
	height: 100vh;
}

.sidebar[b-d57pqgw6j0] {
	--size: 12em;

	flex: 0 0 var(--size);

	display: flex;
	flex-direction: column;

	width: var(--size);
	height: 100%;

	background-color: var(--background-color-secondary);

	border-inline-end: var(--border-width-small) solid var(--border-color-body);
}

.sidebar[b-d57pqgw6j0]  nav {
	flex: 1;
}

.content[b-d57pqgw6j0] {
	flex: 1 1 auto;
	width: 100%;
	height: 100%;

	padding: var(--spacing-medium);

	overflow: auto;
}

.sidebar-header[b-d57pqgw6j0] {
	padding-block: var(--spacing-medium) var(--spacing-large);
	padding-inline: var(--spacing-large);
}

.app-title[b-d57pqgw6j0] {
	font-size: 1.5rem;
}

#blazor-error-ui[b-d57pqgw6j0] {
	color-scheme: light only;
	background: lightyellow;
	bottom: 0;
	box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
	box-sizing: border-box;
	display: none;
	left: 0;
	padding: 0.6rem 1.25rem 0.7rem 1.25rem;
	position: fixed;
	width: 100%;
	z-index: 1000;
}

#blazor-error-ui .dismiss[b-d57pqgw6j0] {
	cursor: pointer;
	position: absolute;
	right: 0.75rem;
	top: 0.5rem;
}
/* /Web/Pages/Home.razor.rz.scp.css */
.app-logo[b-ucgchsuqjc]  > svg {
	font-size: 4rem;
}
/* /Web/Pages/Play.razor.rz.scp.css */
.empty[b-llceqfhjaf] {
	position: absolute;
	inset-block-end: 50%;
	inset-inline: 0;

	text-align: center;

	z-index: -1;
}

.empty[b-llceqfhjaf]  > svg {
	font-size: 4rem;
	margin-block-end: var(--spacing-tiny);
}

.games[b-llceqfhjaf] {
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: var(--spacing-medium);
}

.game[b-llceqfhjaf] {
	padding: var(--spacing-medium);

	border: var(--border-width) solid var(--border-color-body);
	border-radius: var(--border-radius);

	transition: background-color var(--animation-duration) var(--animation-curve);
}

.game:hover[b-llceqfhjaf] {
	background-color: var(--background-color-secondary);
}

.game-header[b-llceqfhjaf] {
	border-block-end: var(--border-width) solid var(--border-color-body);
}

.game:hover .game-header[b-llceqfhjaf] {
	border-block-end: var(--border-width) solid var(--border-color-hover);
}

.game-code[b-llceqfhjaf] {
	margin-block-end: 0;
}

.player-count[b-llceqfhjaf] {
	color: var(--color-secondary);
	font-size: var(--font-size-tiny);
	text-align: right;
}

.game > p[b-llceqfhjaf] {
	margin-block: 0 var(--spacing-small);
}

.game-actions[b-llceqfhjaf] {
	text-align: right;
}

@media (max-width: 700px) {
	.games[b-llceqfhjaf] {
		grid-template-columns: 1fr;
	}
}

@media (min-width: 700px) and (max-width: 1000px) {
	.games[b-llceqfhjaf] {
		grid-template-columns: repeat(2, 1fr);
	}
}

@media (min-width: 1000px) and (max-width: 1200px) {
	.games[b-llceqfhjaf] {
		grid-template-columns: repeat(3, 1fr);
	}
}

@media (min-width: 1200px) and (max-width: 1450px) {
	.games[b-llceqfhjaf] {
		grid-template-columns: repeat(4, 1fr);
	}
}
/* /Web/Pages/PlayGame.razor.rz.scp.css */
.game-actions[b-j75vo8hye0] {
	display: flex;
	flex-flow: row nowrap;
	align-items: center;
	gap: var(--spacing-medium);

	margin-block-end: var(--spacing-medium);
}

.game-finished-alert[b-j75vo8hye0] {
	--y-start: -1500px;

	/* @todo Animate height so page moves smoothly */
	animation: bounceInDown 1s var(--animation-curve);
}