@charset "UTF-8";

@import url("/lib/style/default.css");

/* init start */

/* font & background */
html { background:#1a1919; color:#c9c9c9; font-size:14px; font-family: "Noto Sans KR", sans-serif;  }
/* font & background */

/* cursor */
[type=button][act]:hover,
label.radio:hover,
label.checkbox:hover { cursor:pointer; }
[type=button][disabled]:hover,
label.radio[disabled]:hover,
label.checkbox[disabled]:hover
{ cursor:not-allowed; }
/* cursor */

/* init end */

/* common */
@keyframes slideIn {
    from {
        margin-left: 50px;
    }

    to {
        margin-left: 0;
    }
}

@keyframes anime-rotate {
	0% {
		transform: rotate(0);
	}
	100% {
		transform: rotate(360deg);
	}
}

.material-symbols-outlined.spinner, 
.material-symbols-rounded.spinner 
{
	animation: anime-rotate 2s infinite linear;
}

/* timer */
[timer] { color:rgba(0,0,0, 0.4); }
[timer][cond=go] { color:rgba(0,0,0, 0.8); }
[timer][cond=over] { color:rgba(255,0,0, 0.6); }
/* timer */

/* google icon radio button start */
label.radio { display:inline-flex; margin:0; position:relative; align-items:center; font-weight:normal; font-size:1.1em; }
label.radio > [type=radio],
label.radio > [type=checkbox] { opacity:0; width:0; height:0; margin:0; }
label.radio > [type=radio] + span,
label.radio > [type=checkbox] + span { display:flex; align-items:center; font-size:1.4em; margin-right:5px; }
label.radio > [type=radio] + span:before, 
label.radio > [type=checkbox] + span:before { 
	content:"\f192"; 
	display:inline-block; 
	font-family:'Font Awesome 6 Free'; 
	font-weight:normal; 
	font-style:normal; 
	line-height:1; 
	letter-spacing:normal; 
	text-transform:none; 
	white-space:nowrap; 
	word-wrap:normal; 
	direction:ltr; 
	text-rendering:optimizeLegibility; 
	-webkit-font-smoothing:antialiased;
	color: #efefef;
}
label.radio > [type=radio]:checked + span:before,
label.radio > [type=checkbox]:checked + span:before { color:rgba(108,116,234,1); }
/* google icon radio button end*/

/* buttton start*/
[type=button] { border:0; outline:0; line-height:0; }
[type=button][disabled] { opacity:0.4; }
/* button end*/

/* form-control start */
[type=text] { border:0; outline:0; line-height:0; background:transparent; color:inherit; }
[type=text]::placeholder { color:#606060; }
/* form-control end */


/* timer start */
/* timer end */