.digiter-cpc464{
	max-width:1120px;
	margin:26px auto;
	border:9px solid #272b32;
	border-radius:13px;
	background:linear-gradient(180deg,#555c65,#343a42);
	box-shadow:0 15px 35px rgba(0,0,0,.3);
	overflow:hidden;
	font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;
}
.digiter-cpc464__topbar{
	display:flex;
	justify-content:space-between;
	gap:18px;
	align-items:center;
	padding:13px 15px;
	color:#f1f3f6;
	background:linear-gradient(180deg,#68707a,#444a52);
	border-bottom:2px solid #22262b;
}
.digiter-cpc464__title strong{display:block;letter-spacing:.65px;font-size:14px}
.digiter-cpc464__title span{display:block;font-size:11px;margin-top:4px;color:#d4d9df}
.digiter-cpc464__actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.digiter-cpc464__actions button,
.digiter-cpc464__actions a{
	background:#d8dfe3;
	color:#20252b;
	border:1px solid #1a1e23;
	border-radius:4px;
	padding:7px 9px;
	font:inherit;
	font-size:12px;
	font-weight:700;
	text-decoration:none;
	cursor:pointer;
}
.digiter-cpc464__actions button:hover,
.digiter-cpc464__actions a:hover{background:#fff}
.digiter-cpc464__helpbox{
	background:#081f39;
	color:#d4efff;
	padding:15px 20px;
	font-size:13px;
	line-height:1.45;
	border-bottom:2px solid #2e97d4;
}
.digiter-cpc464__helpbox strong{color:#fff}
.digiter-cpc464__helpbox ol{margin:9px 0 8px 20px}
.digiter-cpc464__helpbox p{margin:8px 0 0;color:#b9dcf5}
.digiter-cpc464__helpbox kbd{
	padding:1px 5px;
	border-radius:3px;
	background:#02111f;
	color:#fff;
	border:1px solid #427495;
}
.digiter-cpc464__frame-wrap{
	height:var(--cpc-height);
	background:#111;
	overflow:hidden;
}
.digiter-cpc464__frame{
	display:block;
	width:100%;
	height:100%;
	border:0;
	background:#111;
}
.digiter-cpc464__footer{
	display:flex;
	justify-content:space-between;
	gap:16px;
	flex-wrap:wrap;
	padding:10px 14px 11px;
	color:#eef1f5;
	background:#343a42;
	font-size:11px;
	font-weight:700;
}
.digiter-cpc464:fullscreen{
	width:100vw;
	max-width:none;
	height:100vh;
	margin:0;
	border:0;
	border-radius:0;
}
.digiter-cpc464:fullscreen .digiter-cpc464__frame-wrap{
	height:calc(100vh - 96px);
}
@media(max-width:700px){
	.digiter-cpc464{border-width:5px;border-radius:8px}
	.digiter-cpc464__topbar{align-items:flex-start;flex-direction:column}
	.digiter-cpc464__actions{justify-content:flex-start}
	.digiter-cpc464__frame-wrap{height:max(540px,var(--cpc-height))}
}