.ckr-app-icon {
	container-type: inline-size;
}

.ckr-yono-reel-logo {
	display: block !important;
	width: 100%;
	height: 100%;
	min-width: 0;
	min-height: 0;
	overflow: hidden;
	border-radius: inherit;
	background: #031b0d;
	line-height: 0;
	isolation: isolate;
	contain: layout paint size;
}

.ckr-yono-reel-logo__fallback {
	display: grid;
	width: 100%;
	height: 100%;
	padding: 12% 8% 7%;
	place-items: center;
	grid-template-rows: 32% 40% 20%;
	box-sizing: border-box;
	background: radial-gradient(circle at 50% 30%, #0f5c2c, #052c16 65%, #021408);
	color: #fff;
	font-family: Arial, sans-serif;
	line-height: 1;
}

.ckr-yono-reel-logo__fallback b {
	color: #ffe52c;
	font-size: 22cqi;
	font-weight: 1000;
	text-shadow: 0 2px 0 #b62e00;
}

.ckr-yono-reel-logo__fallback span {
	color: #07572a;
	font-size: 15cqi;
	font-weight: 1000;
	letter-spacing: .08em;
}

.ckr-yono-reel-logo__fallback small {
	max-width: 100%;
	overflow: hidden;
	color: #ffe95c;
	font-size: 5cqi;
	font-weight: 800;
	text-overflow: ellipsis;
	white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
	.ckr-yono-reel-logo {
	scroll-behavior: auto;
	}
}