@import "https://fonts.googleapis.com/css2?family=Jost&display=swap";
@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;700&display=swap";
@font-face {
	font-family: Beleren;
	src:
		url(https://freddiekaplan.se/magicswe/assets/beleren-f4fbfee1.woff)
			format("woff"),
		url(https://freddiekaplan.se/magicswe/assets/beleren-1d7465d3.woff2)
			format("woff");
}
body #_root_1ow8q_1 {
	align-items: center;
	display: flex;
	flex-direction: column;
}
body ._container_1ow8q_19 {
	height: 100%;
	max-width: 640px;
	padding: 16px;
}
@media screen and (min-width: 640px) {
	body ._container_1ow8q_19 {
		padding: 24px;
	}
}
body ._cards_1ow8q_29 {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 32px;
	margin-top: 32px;
}
@media screen and (min-width: 760px) {
	body ._cards_1ow8q_29 {
		align-items: center;
		display: flex;
		flex-direction: row;
	}
}
body ._cards__hidden_1ow8q_43 {
	display: none;
}
._animation_1ow8q_47 {
	max-width: 50vw;
}
._animation__hidden_1ow8q_50 {
	display: none;
}
@media screen and (min-width: 640px) {
	._animation_1ow8q_47 {
		max-width: 25vw;
	}
}
@font-face {
	font-family: Beleren;
	src:
		url(https://freddiekaplan.se/magicswe/assets/beleren-f4fbfee1.woff)
			format("woff"),
		url(https://freddiekaplan.se/magicswe/assets/beleren-1d7465d3.woff2)
			format("woff");
}
._header_1ow8q_63 {
	align-items: center;
	display: flex;
	flex-direction: column;
	color: #4d83da;
	font-family: Beleren, serif;
	padding: 32px;
	background-color: #4d83da;
	color: #e0c938;
	width: 100%;
}
._header__title_1ow8q_74 {
	font-size: 64px;
	font-weight: 700;
	line-height: 1;
	margin: 0;
}
._header__title__subtitle_1ow8q_80 {
	font-size: 32px;
	font-weight: 700;
	margin: 0;
}
._header__paragraph_1ow8q_85 {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
}
@font-face {
	font-family: Beleren;
	src:
		url(https://freddiekaplan.se/magicswe/assets/beleren-f4fbfee1.woff)
			format("woff"),
		url(https://freddiekaplan.se/magicswe/assets/beleren-1d7465d3.woff2)
			format("woff");
}
body #_root_s15az_1 {
	align-items: center;
	display: flex;
	flex-direction: column;
}
body ._container_s15az_19 {
	height: 100%;
	max-width: 640px;
	padding: 16px;
}
@media screen and (min-width: 640px) {
	body ._container_s15az_19 {
		padding: 24px;
	}
}
body ._cards_s15az_29 {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 32px;
	margin-top: 32px;
}
@media screen and (min-width: 760px) {
	body ._cards_s15az_29 {
		align-items: center;
		display: flex;
		flex-direction: row;
	}
}
body ._cards__hidden_s15az_43 {
	display: none;
}
._animation_s15az_47 {
	max-width: 50vw;
}
._animation__hidden_s15az_50 {
	display: none;
}
@media screen and (min-width: 640px) {
	._animation_s15az_47 {
		max-width: 25vw;
	}
}
@font-face {
	font-family: Beleren;
	src:
		url(https://freddiekaplan.se/magicswe/assets/beleren-f4fbfee1.woff)
			format("woff"),
		url(https://freddiekaplan.se/magicswe/assets/beleren-1d7465d3.woff2)
			format("woff");
}
@media screen and (min-width: 640px) {
	._input_container_s15az_64 {
		align-items: center;
		display: flex;
		flex-direction: column;
		width: 100%;
	}
}
._input_s15az_64 {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	font-family: Jost, sans-serif;
}
._input__button_s15az_78 {
	background-color: #e0c938;
	border-radius: 4px;
	border-style: none;
	color: #000;
	cursor: pointer;
	font-weight: 700;
	height: 2rem;
	padding: 8px 24px;
}
._input__field_s15az_88 {
	border-color: #000;
	border-radius: 4px;
	border-style: solid;
	border-width: 2px;
	font-size: 18px;
	height: 1rem;
	margin-right: 8px;
	max-width: 400px;
	padding: 8px;
	width: 100%;
}
@media screen and (min-width: 640px) {
	._input__field_s15az_88 {
		width: 400px;
	}
}
._input__search_s15az_105 {
	align-items: center;
	display: flex;
	flex-direction: row;
	width: 100%;
}
._input__random_s15az_111 {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	margin-top: 8px;
}
@font-face {
	font-family: Beleren;
	src:
		url(https://freddiekaplan.se/magicswe/assets/beleren-f4fbfee1.woff)
			format("woff"),
		url(https://freddiekaplan.se/magicswe/assets/beleren-1d7465d3.woff2)
			format("woff");
}
body #_root_ulz9p_1 {
	align-items: center;
	display: flex;
	flex-direction: column;
}
body ._container_ulz9p_19 {
	height: 100%;
	max-width: 640px;
	padding: 16px;
}
@media screen and (min-width: 640px) {
	body ._container_ulz9p_19 {
		padding: 24px;
	}
}
body ._cards_ulz9p_29 {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 32px;
	margin-top: 32px;
}
@media screen and (min-width: 760px) {
	body ._cards_ulz9p_29 {
		align-items: center;
		display: flex;
		flex-direction: row;
	}
}
body ._cards__hidden_ulz9p_43 {
	display: none;
}
._animation_ulz9p_47 {
	max-width: 50vw;
}
._animation__hidden_ulz9p_50 {
	display: none;
}
@media screen and (min-width: 640px) {
	._animation_ulz9p_47 {
		max-width: 25vw;
	}
}
@font-face {
	font-family: Beleren;
	src:
		url(https://freddiekaplan.se/magicswe/assets/beleren-f4fbfee1.woff)
			format("woff"),
		url(https://freddiekaplan.se/magicswe/assets/beleren-1d7465d3.woff2)
			format("woff");
}
._scryfall_ulz9p_63 {
	font-family:
		Cormorant Garamond,
		serif;
}
._scryfall__card_ulz9p_66 {
	align-items: center;
	display: flex;
	flex-direction: column;
}
._scryfall__card--img_ulz9p_71 {
	cursor: pointer;
	border: solid #000 1px;
	border-radius: 18px;
	max-width: 360px;
	width: 80vw;
}
._scryfall__card__info_ulz9p_78 {
	cursor: pointer;
	font-size: 18px;
	line-height: 1.2;
	margin-top: 24px;
	max-width: 320px;
	position: absolute;
	width: 70vw;
}
._scryfall__card__info__name_ulz9p_87 {
	font-size: 24px;
	font-weight: 700;
}
._scryfall__card__info__type_ulz9p_91 {
	font-weight: 700;
	margin: 8px 0;
}
._scryfall__card__info__text_ulz9p_95 {
	margin-bottom: 16px;
}
._scryfall__card__info__flavor_ulz9p_98 {
	font-size: 16px;
	font-style: italic;
	margin-bottom: 8px;
}
._scryfall__card__text_ulz9p_103 {
	font-family: Jost, sans-serif;
	font-size: 14px;
	font-weight: 500;
	margin-top: 4px;
}
._scryfall__card__opacity_ulz9p_109 {
	opacity: 10%;
}
._scryfall__card__show-info_ulz9p_112 {
	display: none;
}
@font-face {
	font-family: Beleren;
	src:
		url(https://freddiekaplan.se/magicswe/assets/beleren-f4fbfee1.woff)
			format("woff"),
		url(https://freddiekaplan.se/magicswe/assets/beleren-1d7465d3.woff2)
			format("woff");
}
body #_root_r1svw_1 {
	align-items: center;
	display: flex;
	flex-direction: column;
}
body ._container_r1svw_19 {
	height: 100%;
	max-width: 640px;
	padding: 16px;
}
@media screen and (min-width: 640px) {
	body ._container_r1svw_19 {
		padding: 24px;
	}
}
body ._cards_r1svw_29 {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 32px;
	margin-top: 32px;
}
@media screen and (min-width: 760px) {
	body ._cards_r1svw_29 {
		align-items: center;
		display: flex;
		flex-direction: row;
	}
}
body ._cards__hidden_r1svw_43 {
	display: none;
}
._animation_r1svw_47 {
	max-width: 50vw;
}
._animation__hidden_r1svw_50 {
	display: none;
}
@media screen and (min-width: 640px) {
	._animation_r1svw_47 {
		max-width: 25vw;
	}
}
@font-face {
	font-family: Beleren;
	src:
		url(https://freddiekaplan.se/magicswe/assets/beleren-f4fbfee1.woff)
			format("woff"),
		url(https://freddiekaplan.se/magicswe/assets/beleren-1d7465d3.woff2)
			format("woff");
}
._translation-container_r1svw_63 {
	align-items: center;
	display: flex;
	flex-direction: column;
}
._translation_r1svw_63 {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	border-radius: 18px;
	border-style: solid;
	border-width: 16px;
	box-sizing: border-box;
	color: #000;
	font-family:
		Cormorant Garamond,
		serif;
	font-size: 16px;
	padding: 8px;
	max-width: 360px;
	width: 80vw;
}
._translation__color--W_r1svw_84 {
	background-color: #d2c4ae;
}
._translation__color--U_r1svw_87 {
	background-color: #4d83da;
}
._translation__color--B_r1svw_90 {
	background-color: #393c34;
}
._translation__color--R_r1svw_93 {
	background-color: #c24138;
}
._translation__color--G_r1svw_96 {
	background-color: #4c7f5c;
}
._translation__color--multicolor_r1svw_99 {
	background-color: #e0c938;
}
._translation__color--colorless_r1svw_102 {
	background-color: #a6a5b3;
}
._translation__background_r1svw_105 {
	align-self: center;
	background-color: #ffffff80;
	border: double 1px #4a4a4a;
	border-radius: 10px;
	display: flex;
	margin-bottom: 4px;
	width: calc(100% + 8px);
}
._translation__name_r1svw_114 {
	font-family: Beleren, serif;
	font-size: 18px;
	padding: 4px 2px 2px 4px;
}
._translation__art-crop_r1svw_119 {
	border: solid 1px #4a4a4a;
	width: 100%;
}
._translation__type_r1svw_123 {
	font-family: Beleren, serif;
	font-size: 14px;
	padding: 4px 4px 4px 12px;
}
._translation__text_r1svw_129 {
	padding: 8px;
}
._translation__text__background_r1svw_132 {
	align-items: center;
	display: flex;
	flex-direction: column;
	background-color: #ffffffb3;
	border-radius: 0;
	min-height: 10rem;
	width: 100%;
}
._translation__line_r1svw_141 {
	width: 65%;
}
._translation__flavor_r1svw_144 {
	font-size: 14px;
	font-style: italic;
	font-weight: 700;
	margin-bottom: 8px;
	padding: 8px;
	width: calc(100% - 16px);
}
@font-face {
	font-family: Beleren;
	src:
		url(https://freddiekaplan.se/magicswe/assets/beleren-f4fbfee1.woff)
			format("woff"),
		url(https://freddiekaplan.se/magicswe/assets/beleren-1d7465d3.woff2)
			format("woff");
}
body #_root_v5nqw_1 {
	align-items: center;
	display: flex;
	flex-direction: column;
}
body ._container_v5nqw_19 {
	height: 100%;
	max-width: 640px;
	padding: 16px;
}
@media screen and (min-width: 640px) {
	body ._container_v5nqw_19 {
		padding: 24px;
	}
}
body ._cards_v5nqw_29 {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 32px;
	margin-top: 32px;
}
@media screen and (min-width: 760px) {
	body ._cards_v5nqw_29 {
		align-items: center;
		display: flex;
		flex-direction: row;
	}
}
body ._cards__hidden_v5nqw_43 {
	display: none;
}
._animation_v5nqw_47 {
	max-width: 50vw;
}
._animation__hidden_v5nqw_50 {
	display: none;
}
@media screen and (min-width: 640px) {
	._animation_v5nqw_47 {
		max-width: 25vw;
	}
}
@font-face {
	font-family: Beleren;
	src:
		url(https://freddiekaplan.se/magicswe/assets/beleren-f4fbfee1.woff)
			format("woff"),
		url(https://freddiekaplan.se/magicswe/assets/beleren-1d7465d3.woff2)
			format("woff");
}
._footer_v5nqw_63 {
	align-items: center;
	display: flex;
	flex-direction: column;
	background-color: #4d83da;
	color: #fbfaf3;
	margin-top: 64px;
	padding: 32px 0 64px;
	width: 100%;
}
._footer_v5nqw_63 a,
._footer_v5nqw_63 a:visited,
._footer_v5nqw_63 a:hover,
._footer_v5nqw_63 a:active {
	color: #fbfaf3;
	text-decoration: none;
}
._footer__container_v5nqw_80 {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
}
@media screen and (min-width: 640px) {
	._footer__container_v5nqw_80 {
		align-items: flex-start;
		display: flex;
		flex-direction: row;
		max-width: 65vw;
	}
}
._footer__column_v5nqw_93 {
	align-items: flex-start;
	display: flex;
	flex-direction: column;
	justify-content: center;
	width: 100vw;
}
._footer__column_v5nqw_93 h4,
._footer__column_v5nqw_93 div {
	margin-bottom: 0;
	padding: 0 64px;
}
@media screen and (min-width: 640px) {
	._footer__column_v5nqw_93 {
		align-items: flex-start;
		display: flex;
		flex-direction: column;
		width: 50vw;
	}
	._footer__column_v5nqw_93 h4,
	._footer__column_v5nqw_93 div {
		padding-right: 4px;
	}
}
@font-face {
	font-family: Beleren;
	src:
		url(/magicswe/assets/beleren-f4fbfee1.woff) format("woff"),
		url(/magicswe/assets/beleren-1d7465d3.woff2) format("woff");
}
body {
	background-color: #fbfaf3;
	margin: 0;
	font-family: Jost, sans-serif;
	font-size: 16px;
	font-weight: 500;
}
body #root {
	align-items: center;
	display: flex;
	flex-direction: column;
}
body .container {
	height: 100%;
	max-width: 640px;
	padding: 16px;
}
@media screen and (min-width: 640px) {
	body .container {
		padding: 24px;
	}
}
body .cards {
	align-items: center;
	display: flex;
	flex-direction: column;
	gap: 32px;
	margin-top: 32px;
}
@media screen and (min-width: 760px) {
	body .cards {
		align-items: center;
		display: flex;
		flex-direction: row;
	}
}
body .cards__hidden {
	display: none;
}
.animation {
	max-width: 50vw;
}
.animation__hidden {
	display: none;
}
@media screen and (min-width: 640px) {
	.animation {
		max-width: 25vw;
	}
}
@font-face {
	font-family: Beleren;
	src:
		url(https://freddiekaplan.se/magicswe/assets/beleren-f4fbfee1.woff)
			format("woff"),
		url(https://freddiekaplan.se/magicswe/assets/beleren-1d7465d3.woff2)
			format("woff");
}