@charset "UTF-8";

:root {
	--apple-base-bgcolor: #000;
	--apple-hover-bgcolor: #1a1a1a;
	--apple-active-bgcolor: #333;

	--apple-base-fontcolor: #fff;
	--apple-base-fontsize: 16px;

	--apple-iconwidth: 31px;
	--apple-iconheight: 44px;
}


/* ── 外部認証ボタン ──────────────────────────── */

.apple-btn {
  background-color: var(--apple-base-bgcolor);
  color: var(--apple-base-fontcolor);
}

/* ホバー */
.apple-btn:hover {
  background-color: var(--apple-hover-bgcolor);
}

/* 押下 */
.apple-btn:active {
  background-color: var(--apple-active-bgcolor);
}

/* 無効 */
.apple-btn:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/* アイコン */
.apple-icon svg {
  width: var(--apple-iconwidth);
  height: var(--apple-iconheight);
  display: block;
  margin-right: -5px;
}

.apple-label {
	font-weight: 500;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}