body {
	-webkit-tap-highlight-color: transparent;
}

.noscroll {
	overflow: hidden;
	position: fixed;
}

.header {
	display: flex;

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

	width: 100%;
	height: 52px;
	background-color: #ffffff;
	border-bottom: 1px solid #e7e7e7;

	box-shadow: 0 0 5px 0 rgba(115, 115, 115, 0.2);

	-webkit-user-drag: none;
	-khtml-user-drag: none;
	-moz-user-drag: none;
	-o-user-drag: none;
	user-drag: none;

	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.header div {
	display: flex;
	justify-content: space-between;
	align-items: center;

	width: 100%;
    max-width: 880px;
}

.header div div {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

#checkmsg {
	position: relative;

	left: 0px;

	font-size: 13px;
	font-weight: 400;
	color: #ffffff;
	background-color: #FF5782;
	padding: 6px 6px;
	border-radius: 12px;
	margin-right: 15px;

	animation: checkmsg 1.2s infinite ease-in-out;
}
#checkmsg::after {
	content: '';
	position: absolute;
	right: 0px;
	top: 0;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left-color: #FF5782;
	border-right: 0;
	margin-top: 3px;
	margin-right: -9px;
	
	transform: scale(1, 0.5);
}
@keyframes checkmsg {
	0% {
		left: -2px;
	}
	50% {
		left: 3px;
	}
	100% {
		left: -2px;
	}
}

#check {
	margin-right: 15px;
}
#check:hover {
	cursor: pointer;
	background-color: #656565;
}

body {
	overflow-x: hidden;
}

.header img {
	height: 22px;
	margin-left: 15px;
}
.header img:hover {
	cursor: pointer;
}

#daily_loading {
	position: fixed;
	display: none;
	top: 0;
	left: 0;

	width: calc(100%);
	height: calc(100%);

	flex-direction: column;
	align-items: center;
	justify-content: center;

	box-sizing: border-box;

	box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.3);

	background-color: #ffffff;
	z-index: 99999;

	animation: loadingshow 0.5s ease-out;
}
@keyframes loadingshow {
	0% {
		transform: scale(0.5);
		opacity: 0;
	}
	70% {
		transform: scale(1.1);
		opacity: 1;
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}
@keyframes loadinghide {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

#daily_loading h1 {
	font-size: 20px;
	font-family: 'Bungee', sans-serif;
	font-weight: 500;
	color: #FF5782;
}
#loadbar {
	width: 210px;
	height: 14px;

	margin-top: 12px;

	background-image: linear-gradient(90deg, #FF5782 0%, #ECECEC 0);
	border-radius: 7px;
}
#loading_bg {
	position: fixed;
	top: 0;
	left: 0;

	width: 100%;
	height: 100%;
	z-index: -999;
}
#loading_bg span {
	position: absolute;

	top: 100%;
	left: 50%;

	font-family: 'Sawarabi Gothic', sans-serif;
	font-size: 30px;
	color: #ff578180;

	animation: rise 3s linear;
}
@keyframes rise {
	0% {
		top: 100%;
		opacity: 1;
	}
	100% {
		top: -2%;
		opacity: 0;
	}
}

#daily {
	position: fixed;
	display: none;
	
	top: 0;
	left: 0;
	
	flex-direction: column;
	align-items: center;
	justify-content: center;

	width: calc(100%);
	height: calc(100%);
	background-color: #0000006d;
	color: #ffffff;

	z-index: 99999;

	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);

	opacity: 0;
}
#daily.in {
	animation: enter 1.5s ease;
}

@keyframes enter {
	0% {
		opacity: 0;
		transform: scale(1.5);
	}
	20% {
		opacity: 1;
		transform: scale(1);
	}
	80% {
		opacity: 1;
		transform: scale(1);
	}
	100% {
		opacity: 0;
		transform: scale(1.5);
	}
}
#daily h1 {
	font-size: 32px;
	font-weight: 500;

	margin-bottom: 14px;
}
#daily h2 {
	font-size: 18px;
	font-weight: 400;

	margin-top: 14px;
	margin-bottom: 5px;
}
#daily h3 {
	display: flex;
	align-items: flex-end;
	font-size: 14px;
	font-weight: 400;
}

#main_loading {
	position: fixed;
	top: 0;
	left: 0;

	width: 100vw;
	height: 100vh;

	background-color: #ffffff;
	z-index: 99999;
}

#saki {
	display: none;
	position: fixed;

	bottom: 0;
	left: 0;
	z-index: 9999;

	flex-direction: column;
	align-items: center;
	justify-content: end;

	width: 100%;
	height: 100%;

	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);

	transition: opacity 0.5s;

	cursor: pointer;
}

#saki_panel {
	position: relative;
	bottom: 0px;
	height: 80vh;

	aspect-ratio: 752/1360;

	user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;
	-webkit-touch-callout: none;

	opacity: 0;
}
#saki_panel.in {
	opacity: 1;
	animation: in 0.5s ease-in;
}
#saki_panel.out {
	opacity: 0;
	transform: translateY(20px);

	transition: opacity 0.5s, transform 0.5s ease-out;
}

@keyframes out {
	0% {
		transform: translateY(0px);
	}
	100% {
		transform: translateY(-20px);
	}
}
@keyframes in {
	0% {
		opacity: 0;
		transform: translateY(-20px);
	}
	20% {
		transform: translateY(0px);
	}
	40% {
		transform: translateY(-10px);
	}
	60% {
		opacity: 1;
		transform: translateY(0px);
	}
	80% {
		transform: translateY(-10px);
	}
	100% {
		transform: translateY(0px);
	}
}

#msg {
	position: absolute;
	opacity: 0;

	bottom: 30px;
	
	width: calc(100% - 20px);
	max-width: 800px;
	height: 100px;

	padding: 15px;
	box-sizing: border-box;

	background-color: rgba(255, 255, 255, 0.85);
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);

	border: 3px solid #ffffff;
	border-radius: 28px;

	font-size: 16px;
	font-weight: 400;
	font-family: 'Noto Sans KR', sans-serif;

	user-select: none;
	-webkit-user-drag: none;
	-webkit-user-select: none;

	box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.3);

	transition: opacity 0.5s;
}
#msg.in {
	opacity: 1;
}

#msg::after {
	content: "♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ \A ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ♥ ";
	position: absolute;
	
	bottom: 5px;
	left: 10px;

	font-size: 10px;

	width: calc(100% - 20px);
	height: 20px;

	color: #ededed54;

	text-overflow: clip;
	text-align: center;
	white-space: pre;
	overflow: hidden;
}

.arrowDown {
	font-family: 'Code2000', sans-serif;
	animation: blink 1s infinite;
}
@keyframes blink {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0.7;
	}
	100% {
		opacity: 0;
	}
}

.list_container {
	display: flex;
	flex-direction: column;
	align-items: center;
	background-color: #F2F3F5;
}

.list {
	border-radius: 16px;
	width: 100%;
	max-width: 880px;
	background-color: #ffffff;

	box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.05);
}

.list:first-child {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

.list:last-child {
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

.list:not(:first-child) {
	margin-top: 15px;
}

.list h1 {
	font-size: 16px;
	font-weight: 600;
	word-break: keep-all;

	margin-left: 15px;
	margin-top: 19px;
	margin-bottom: 10px;
}

.article:first-child {
	/* border-top: 1px solid #f2f2f2; */
}

.article {
	display: flex;
	flex-direction: row;
	padding: 7px 0;
	margin: 0 15px;

	border-bottom: 1px solid #f2f2f2;
	align-items: center;
	/* border-bottom: 1px solid transparent; */
	/* border-image: linear-gradient(to right, transparent calc(25% + 8px), #f2f2f2 0%);
    border-image-slice: 1; */
}
.article:hover {
	cursor: pointer;
	text-decoration: underline;
}
.article:last-of-type {
	border-bottom: none;
}
.article:last-of-type img {
	box-shadow: none;
}

.article div {
	display: flex;
	flex-direction: column;
	margin: 5px 0px;
	margin-left: 8px;
	width: -webkit-fill-available;
	justify-content: space-between;
}

.article div div {
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin: 0px;
}

.article img {
	/* width: 25%;
	min-width: 25%; */
	height: 61px;
	aspect-ratio: 3/2;
	object-fit: cover;
	border-radius: 6px;

	background-color: #c9c9c9;

	box-shadow: 4px 15px 0 4px #ffffff;
}

.article h2 {
	font-size: 14px;
	font-weight: 400;

	line-height: 1.5;
	word-break: keep-all;

	display: -webkit-box;
	overflow: hidden;
	-webkit-line-clamp: 2; /* number of lines to show */
			line-clamp: 2; 
	-webkit-box-orient: vertical;

	height: 42px;
}

.article h3 {
	font-size: 12px;
	color: #797979;
}

.article span::before {
	content: "";
	display: inline-block;
	width: 16px;
	height: 16px;
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='m12.594 23.258l-.012.002l-.071.035l-.02.004l-.014-.004l-.071-.036q-.016-.004-.024.006l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.016-.018m.264-.113l-.014.002l-.184.093l-.01.01l-.003.011l.018.43l.005.012l.008.008l.201.092q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.003-.011l.018-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23000' d='M17 3a5 5 0 0 1 5 5v8a5 5 0 0 1-5 5H3a1 1 0 0 1-1-1V8a5 5 0 0 1 5-5zm0 2H7a3 3 0 0 0-3 3v11h13a3 3 0 0 0 3-3V8a3 3 0 0 0-3-3m-8 5a1 1 0 0 1 1 1v2a1 1 0 1 1-2 0v-2a1 1 0 0 1 1-1m6 0a1 1 0 0 1 .993.883L16 11v2a1 1 0 0 1-1.993.117L14 13v-2a1 1 0 0 1 1-1'/%3E%3C/g%3E%3C/svg%3E");
	background-color: currentColor;
	-webkit-mask-image: var(--svg);
	mask-image: var(--svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
	color: #797979;
	margin-right: 3px;
}

.article span {
	display: flex;
	font-size: 12px;
	color: #797979;
	align-items: center;
}

.article.read {
	opacity: 0.5;
}

.full {
	background-color: #fff;
	box-shadow: none;
}

.more {
	display: flex;
	justify-content: center;
	align-items: center;

	width: calc(100%);
	height: 40px;

	font-size: 14px;

	border-top: 1px solid #f2f2f2;

	/* border-bottom: 1px solid #f2f2f2; */
}
.more:hover {
	cursor: pointer;
	text-decoration: underline;
}

.container {
	display: flex;
	flex-direction: column;
	align-items: center;

	background-color: #ffffff;
}

#content {
	width: 100%;
	min-height: 100vh;
	max-width: 880px;
	overflow-x: hidden;
	overflow-y: hidden;

	padding-bottom: 40px;
	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 20px;
}

#content h1 {
	font-size: 24px;
	font-weight: 700;
	margin: 0 15px;
	margin-top: 25px;
	margin-bottom: 10px;
	word-break: keep-all;
	line-height: 1.25;
}

#content h3 {
	color: #939393;
	margin: 0 15px;
	font-size: 14px;
	font-weight: 400;
	padding-bottom: 15px;

	border-bottom: 1px solid #e5e5e5;
	margin-bottom: 8px;
}

#content .actions {
	display: flex;

	flex-direction: row;
	justify-content: space-between;
	align-items: center;

	width: calc(100% - 30px);
	margin: 0 15px;

	margin-bottom: 50px;
}

#content .report {
	font-size: 12px;
	font-weight: 400;
	color: #939393;
}
#content .report:hover {
	cursor: pointer;
	text-decoration: underline;
}

#content .url {
	font-size: 12px;
	font-weight: 400;
	color: #939393;
	text-decoration: underline;
}
#content .url:hover {
	cursor: pointer;
}

#content h4 {
	font-size: 12px;
	font-weight: 400;
	color: #939393;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 40px;
}

#content h5 {
	font-size: 12px;
	font-weight: 400;
	color: #939393;
	margin-left: 15px;
}

#content h6 {
	font-size: 18px;
	font-weight: 600;
	margin-left: 15px;
	margin-top: 50px;
	line-height: 1.55;

	margin-bottom: 8px;
}

#content strong {
	font-weight: 700;
}

#content p {
	font-size: 14.5px;
	font-weight: 400;
	margin: 0 15px;
	margin-bottom: 20px;

	line-height: 1.55;
	word-break: keep-all;
}

#content img {
	width: calc(100% - 30px);
	/* max-width: 700px; */

	margin-left: 50%;
	transform: translateX(-50%);

	aspect-ratio: 5/3;
	object-fit: cover;

	background-color: #f2f2f2;
	background-image: url('/assets/fallback.png');
	background-size: cover;
	background-position: center;
}

.comments {
	width: 100%;
	max-width: 880px;

	margin-top: 20px;
	padding-bottom: 40px;
	margin-bottom: 10px;
	border-bottom: 1px solid #e5e5e5;
}

.comments h2 {
	font-size: 16px;
	font-weight: 400;
	margin: 0 15px;
	margin-bottom: 10px;
}

.comments .item {
	width: -webkit-fill-available;
	padding: 0 15px;
	margin: 15px 0;
}

.comments .item h3 {
	font-size: 14px;
	font-weight: 700;
	margin-bottom: 5px;

	line-height: 1.25;
}

.comments .item p {
	padding: 3px;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.25;
}

.comments .pages {
	display: flex;
	justify-content: center;
	align-items: center;

	width: 100%;
	margin: 10px 0;
	margin-bottom: 40px;
}

.comments .pages span {
	font-size: 14px;
	font-weight: 400;

	width: 28px;
	height: 28px;

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

	background-color: #f2f2f2;
}

.comments .pages span.active {
	background-color: #e5e5e5;
}

.comments .pages span:hover {
	cursor: pointer;
	background-color: #e5e5e5;
}

.comments .pages span:first-child {
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

.comments .pages span:last-child {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}

.editor {
	width: --webkit-fill-available;
	margin: 0 15px;
	margin-top: 20px;
}

.editor textarea {
	padding: 10px;
	width: -webkit-fill-available;
	resize: none;

	font-size: 14px;
	font-weight: 400;

	outline: none;
	border: 1px solid #e5e5e5;
	border-radius: 7px;
}
.editor textarea:focus {
	border: 1px solid #dcdcdc;
}

.editor button {
	float: right;
	
	margin-top: 3px;
	padding: 6px 10px;
	font-size: 14px;

	border-radius: 50px;
	background-color: #f2f2f2;
}
.editor button:hover {
	cursor: pointer;
	background-color: #dcdcdc;
}

.hearts {
	transition: color 0.5s;
}

.hearts:hover {
	cursor: pointer;
	color: #ff2020;
}

.heart {
	position: fixed;

	z-index: 99999;
	font-size: 14px;
	font-weight: 700;

	color: #ff2020;

	transition: left 0.5s;
	opacity: 0;
}

.heart.animate {
	animation: evaporate 1.4s ease-out;
}

@keyframes evaporate {
	0% {
		transform: translateY(0);
		opacity: 1;
	}
	100% {
		transform: translateY(-200px);
		opacity: 0;
	}
}

.reaction {
	display: flex;
	justify-content: center;
	align-items: center;

	width: 100%;

	margin-top: 50px;
}

.reaction span {
	font-size: 10px;
	font-weight: 500;
	color: #353535;
}
.reaction span:first-child {
	margin-bottom: 3px;
}

.reaction div:last-child {
	margin-right: 0;
}

.reaction div {
	margin-right: 10px;

	width: 65px;
	height: 65px;
	background-color: #f2f2f2;
	border-radius: 18px;

	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.reaction div:hover {
	cursor: pointer;
	background-color: #dcdcdc;
}

.footer {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;

	width: 100vw;
	padding-top: 40px;
	padding-bottom: 40px;
	background-color: #dddddd;
	border-top: 1px solid #e5e5e5;
}

.footer p.copyright {
	font-size: 12px;
	color: #939393;
	margin-top: 5px;
	font-weight: 400;
}

.footer p {
	font-size: 11px;
	color: #939393;
	margin-top: 5px;
}

.loading {
	width: 100%;
	height: calc(100vh - 98px);

	margin-bottom: 100px;

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

/* Loading */
svg.tea {
	--secondary: #33406f;
}
svg.tea #teabag {
	transform-origin: top center;
	transform: rotate(3deg);
	animation: swing 2s infinite;
}
svg.tea #steamL {
	stroke-dasharray: 13;
	stroke-dashoffset: 13;
	animation: steamLarge 2s infinite;
}
svg.tea #steamR {
	stroke-dasharray: 9;
	stroke-dashoffset: 9;
	animation: steamSmall 2s infinite;
}
@-moz-keyframes swing {
	50% {
		transform: rotate(-3deg);
   }
}
@-webkit-keyframes swing {
	50% {
		transform: rotate(-3deg);
   }
}
@-o-keyframes swing {
	50% {
		transform: rotate(-3deg);
   }
}
@keyframes swing {
	50% {
		transform: rotate(-3deg);
   }
}
@-moz-keyframes steamLarge {
	0% {
		stroke-dashoffset: 13;
		opacity: 0.6;
   }
	100% {
		stroke-dashoffset: 39;
		opacity: 0;
   }
}
@-webkit-keyframes steamLarge {
	0% {
		stroke-dashoffset: 13;
		opacity: 0.6;
   }
	100% {
		stroke-dashoffset: 39;
		opacity: 0;
   }
}
@-o-keyframes steamLarge {
	0% {
		stroke-dashoffset: 13;
		opacity: 0.6;
   }
	100% {
		stroke-dashoffset: 39;
		opacity: 0;
   }
}
@keyframes steamLarge {
	0% {
		stroke-dashoffset: 13;
		opacity: 0.6;
   }
	100% {
		stroke-dashoffset: 39;
		opacity: 0;
   }
}
@-moz-keyframes steamSmall {
	10% {
		stroke-dashoffset: 9;
		opacity: 0.6;
   }
	80% {
		stroke-dashoffset: 27;
		opacity: 0;
   }
	100% {
		stroke-dashoffset: 27;
		opacity: 0;
   }
}
@-webkit-keyframes steamSmall {
	10% {
		stroke-dashoffset: 9;
		opacity: 0.6;
   }
	80% {
		stroke-dashoffset: 27;
		opacity: 0;
   }
	100% {
		stroke-dashoffset: 27;
		opacity: 0;
   }
}
@-o-keyframes steamSmall {
	10% {
		stroke-dashoffset: 9;
		opacity: 0.6;
   }
	80% {
		stroke-dashoffset: 27;
		opacity: 0;
   }
	100% {
		stroke-dashoffset: 27;
		opacity: 0;
   }
}
@keyframes steamSmall {
	10% {
		stroke-dashoffset: 9;
		opacity: 0.6;
   }
	80% {
		stroke-dashoffset: 27;
		opacity: 0;
   }
	100% {
		stroke-dashoffset: 27;
		opacity: 0;
   }
}

.mingcute--thumb-up-2-line {
	display: inline-block;
	width: 24px;
	height: 24px;
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23000' d='M9.821 3.212c.296-.69 1.06-1.316 2.024-1.13c1.474.283 3.039 1.401 3.149 3.214L15 5.5V8h2.405a4 4 0 0 1 3.966 4.522l-.03.194l-.91 5a4 4 0 0 1-3.736 3.28l-.199.004H6a3 3 0 0 1-2.995-2.824L3 18v-6a3 3 0 0 1 2.824-2.995L6 9h1.34zM7 11H6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h1zm4.625-6.92l-2.544 5.937a1 1 0 0 0-.072.259L9 10.41V19h7.496a2 2 0 0 0 1.933-1.486l.035-.156l.91-5a2 2 0 0 0-1.82-2.353L17.405 10H15a2 2 0 0 1-1.995-1.85L13 8V5.5c0-.553-.434-1.116-1.205-1.37z'/%3E%3C/g%3E%3C/svg%3E");
	background-color: currentColor;
	-webkit-mask-image: var(--svg);
	mask-image: var(--svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;

	margin-bottom: 5px;
}

.mingcute--thumb-down-2-line {
	display: inline-block;
	width: 24px;
	height: 24px;
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23000' d='M16.496 2.998a4 4 0 0 1 3.936 3.285l.909 5a4 4 0 0 1-3.936 4.715H15v2.5c0 1.933-1.626 3.124-3.155 3.419c-.964.185-1.729-.442-2.024-1.131l-2.48-5.788H6a3 3 0 0 1-3-3v-6a3 3 0 0 1 3-3zm0 2H9v8.59a1 1 0 0 0 .08.394l2.545 5.936c.877-.224 1.375-.828 1.375-1.42v-2.5a2 2 0 0 1 2-2h2.405a2 2 0 0 0 1.968-2.358l-.909-5a2 2 0 0 0-1.968-1.642M7 4.998H6a1 1 0 0 0-.993.883L5 5.998v6a1 1 0 0 0 .883.993l.117.007h1z'/%3E%3C/g%3E%3C/svg%3E");
	background-color: currentColor;
	-webkit-mask-image: var(--svg);
	mask-image: var(--svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;

	margin-bottom: 5px;
}

.mingcute--screenshot-line {
	display: inline-block;
	width: 30px;
	height: 30px;
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23000' d='M17 5a2 2 0 0 1 1.995 1.85L19 7v10h2a1 1 0 0 1 .117 1.993L21 19h-2v2a1 1 0 0 1-1.993.117L17 21V7H9V5zM6 2a1 1 0 0 1 .993.883L7 3v14h8v2H7a2 2 0 0 1-1.995-1.85L5 17V7H3a1 1 0 0 1-.117-1.993L3 5h2V3a1 1 0 0 1 1-1'/%3E%3C/g%3E%3C/svg%3E");
	background-color: currentColor;
	-webkit-mask-image: var(--svg);
	mask-image: var(--svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
}

.mingcute--share-line {
	display: inline-block;
	width: 30px;
	height: 30px;
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='M24 0v24H0V0zM12.593 23.258l-.011.002l-.071.035l-.02.004l-.014-.004l-.071-.035c-.01-.004-.019-.001-.024.005l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.017-.018m.265-.113l-.013.002l-.185.093l-.01.01l-.003.011l.018.43l.005.012l.008.007l.201.093c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.004-.011l.017-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23000' d='M10.114 4.491c.076-.795.906-1.45 1.743-.972c1.74 1.019 3.382 2.18 4.97 3.421c1.96 1.548 3.533 3.007 4.647 4.172c.483.507.438 1.308-.024 1.792a42.072 42.072 0 0 1-3.495 3.228c-1.938 1.587-3.945 3.125-6.13 4.358c-.741.418-1.544-.06-1.687-.801l-.017-.113l-.227-3.574c-1.816.038-3.574.662-4.98 1.823l-.265.222l-.128.104l-.247.192c-.04.03-.08.06-.12.088l-.23.16a4.72 4.72 0 0 1-.218.135l-.206.111C2.534 19.314 2 18.892 2 17c0-4.404 3.245-8.323 7.632-8.917l.259-.031zm1.909 1.474l-.192 3.472a.5.5 0 0 1-.447.47l-1.361.142c-3.065.366-5.497 2.762-5.948 5.894a9.952 9.952 0 0 1 5.135-1.912l.397-.023l1.704-.036a.5.5 0 0 1 .51.472l.197 3.596c1.603-1.021 3.131-2.196 4.664-3.45a43.717 43.717 0 0 0 2.857-2.595l-.258-.256l-.556-.533a48.15 48.15 0 0 0-3.134-2.693a46.172 46.172 0 0 0-3.568-2.548'/%3E%3C/g%3E%3C/svg%3E");
	background-color: currentColor;
	-webkit-mask-image: var(--svg);
	mask-image: var(--svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
}

.mingcute--report-line {
	display: inline-block;
	width: 30px;
	height: 30px;
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none'%3E%3Cpath d='M24 0v24H0V0zM12.594 23.258l-.012.002l-.071.035l-.02.004l-.014-.004l-.071-.036c-.01-.003-.019 0-.024.006l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427c-.002-.01-.009-.017-.016-.018m.264-.113l-.014.002l-.184.093l-.01.01l-.003.011l.018.43l.005.012l.008.008l.201.092c.012.004.023 0 .029-.008l.004-.014l-.034-.614c-.003-.012-.01-.02-.02-.022m-.715.002a.023.023 0 0 0-.027.006l-.006.014l-.034.614c0 .012.007.02.017.024l.015-.002l.201-.093l.01-.008l.003-.011l.018-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23000' d='M12 7a6 6 0 0 1 5.996 5.775L18 13v7h1a1 1 0 0 1 .117 1.993L19 22H5a1 1 0 0 1-.117-1.993L5 20h1v-7a6 6 0 0 1 6-6m0 2a4 4 0 0 0-4 4v7h8v-7a4 4 0 0 0-4-4m.515 2.643a1 1 0 0 1 .342 1.371l-.59.986h1.215c.785 0 1.27.857.866 1.53l-1.49 2.485a1 1 0 0 1-1.716-1.03l.592-.985h-1.216a1.01 1.01 0 0 1-.866-1.53l1.49-2.485a1 1 0 0 1 1.373-.342M5.636 5.222l.707.707A1 1 0 0 1 4.93 7.343l-.707-.707a1 1 0 1 1 1.414-1.414Zm14.142 0a1 1 0 0 1 .083 1.32l-.083.094l-.707.707a1 1 0 0 1-1.497-1.32l.083-.094l.707-.707a1 1 0 0 1 1.414 0M12 2a1 1 0 0 1 .993.883L13 3v1a1 1 0 0 1-1.993.117L11 4V3a1 1 0 0 1 1-1'/%3E%3C/g%3E%3C/svg%3E");
	background-color: currentColor;
	-webkit-mask-image: var(--svg);
	mask-image: var(--svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
}

.mingcute--choice-line {
	display: inline-block;
	width: 26px;
	height: 26px;
	--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath d='m12.594 23.258l-.012.002l-.071.035l-.02.004l-.014-.004l-.071-.036q-.016-.004-.024.006l-.004.01l-.017.428l.005.02l.01.013l.104.074l.015.004l.012-.004l.104-.074l.012-.016l.004-.017l-.017-.427q-.004-.016-.016-.018m.264-.113l-.014.002l-.184.093l-.01.01l-.003.011l.018.43l.005.012l.008.008l.201.092q.019.005.029-.008l.004-.014l-.034-.614q-.005-.019-.02-.022m-.715.002a.02.02 0 0 0-.027.006l-.006.014l-.034.614q.001.018.017.024l.015-.002l.201-.093l.01-.008l.003-.011l.018-.43l-.003-.012l-.01-.01z'/%3E%3Cpath fill='%23000' d='M6 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3v-5a1 1 0 1 0-2 0v5a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h8a1 1 0 1 0 0-2zm15.358 3.045a1 1 0 0 0 .375-1.363a1.01 1.01 0 0 0-1.364-.375c-.353.2-.694.424-1.03.65a30 30 0 0 0-2.463 1.847c-1.642 1.366-3.614 3.29-5.239 5.718a10 10 0 0 0-1.746-1.784c-.427-.333-.902-.66-1.415-.846h-.001a1 1 0 0 0-.689 1.878c.025.01.37.15.876.545c.578.45 1.376 1.239 2.146 2.557a1 1 0 0 0 1.733-.01c1.584-2.791 3.787-5 5.614-6.52c.91-.757 1.72-1.336 2.298-1.724c.295-.199.595-.394.904-.572Z'/%3E%3C/g%3E%3C/svg%3E");
	background-color: #333333;
	-webkit-mask-image: var(--svg);
	mask-image: var(--svg);
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-size: 100% 100%;
	mask-size: 100% 100%;
}

iframe {
	display: flex;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 40px;

	max-width: 70%;
}