@charset "UTF-8";
.d .color {
background-color: #ffffff;
}
.error {
font-size: 1rem;
color: red;
}
.hidden {
display: none !important;
}
.curtain {
display: none;
position: fixed;
height: 100%;
width: 100%;
z-index: 9999;
}
#loading {
background-color: rgba(0, 0, 0, 0.65);
justify-content: center;
align-items: center;
flex-direction: column;
}
#loading.show {
display: flex;
}
#loading .loader {
border: 12px solid #fafafa;
border-radius: 50%;
border-top: 12px solid #3498db;
width: 100px;
height: 100px;
animation: spin 1s linear infinite;
}
#loading .text {
color: #ffffff;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
/**
*
* 入力系の基礎
*
**/
/* 入力右端に目アイコン（背景画像）を表示する */
.pw-input {
padding-right: 44px; /* 目アイコンぶんの余白 */
background-repeat: no-repeat;
background-position: right 12px center;
background-size: 20px;
background-image: url('data:image/svg+xml;utf8, ');
}
/* 表示状態（目に斜線のアイコンに差し替え） */
.pw-input.is-visible {
background-image: url('data:image/svg+xml;utf8, ');
}/*# sourceMappingURL=common.css.map */