.cycling40-account-dashboard {
	max-width: 940px;
	margin: 0 auto;
	padding: 44px 24px 112px;
	color: #273142;
}

.cycling40-account-dashboard *,
.cycling40-account-dashboard *::before,
.cycling40-account-dashboard *::after { box-sizing: border-box; }

.cycling40-account-dashboard__header {
	display: block !important;
}

.cycling40-account-dashboard__title-row { display: flex; align-items: baseline; }

.cycling40-account-dashboard h1,
.cycling40-account-dashboard h2,
.cycling40-account-dashboard h3 { margin: 0; color: #273142; }
.cycling40-account-dashboard h1 { font-size: 94px !important; font-style: italic !important; line-height: .94; text-transform: uppercase; }
.cycling40-account-dashboard h2 { font-size: 30px !important; font-style: normal !important; line-height: 1.12; }
.cycling40-account-section__heading h2 { color: #000000 !important; font-size: 42px !important; line-height: 1.05; text-transform: uppercase !important; }
.cycling40-account-dashboard h3 { font-size: 22px !important; font-style: normal !important; line-height: 1.2; }

.cycling40-account-dashboard__email {
	margin: 12px 0 0;
	color: #697386;
	font-size: 18px;
}

.cycling40-account-dashboard__logout {
	margin: 0;
	padding: 0;
	color: #273142;
	font-size: 14px;
	font-weight: 700;
	text-decoration: underline;
}

.cycling40-account-dashboard__layout {
	display: grid;
	grid-template-columns: minmax(0, 1.4fr) minmax(270px, .8fr);
	gap: 38px;
	padding-top: 42px;
	align-items: start;
}

.cycling40-account-section { min-width: 0; }
.cycling40-account-section__heading { margin-bottom: 20px; }

.cycling40-course-grid {
	display: grid !important;
	grid-template-columns: 1fr;
	gap: 18px;
}

.cycling40-course-card,
.cycling40-account-form,
.cycling40-account-empty {
	border: 1px solid #dfe3e8 !important;
	background: #fff !important;
}

.cycling40-course-card {
	display: flex !important;
	align-items: stretch !important;
	justify-content: flex-start !important;
	min-height: 0;
	padding: 0;
	border-top: 0 !important;
	flex-direction: column !important;
	gap: 0;
}

.cycling40-course-card__content {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 18px;
	position: relative;
	width: 100%;
	min-height: 56px;
	padding: 12px 22px;
	background: #f47a20;
}
.cycling40-course-card__title {
	color: #fff;
	font-size: 24px;
	font-style: italic;
	line-height: 1;
	text-decoration: none;
	text-transform: uppercase;
}
.cycling40-course-card__title:hover,
.cycling40-course-card__title:focus { color: #fff; text-decoration: underline; }
.cycling40-course-card__activation { position: absolute; top: 50%; right: 22px; margin: 0; color: rgba(255,255,255,.9); font-size: 13px; line-height: 1; transform: translateY(-50%); white-space: nowrap; }
.cycling40-course-card__progress-area { margin-top: auto; padding: 15px 22px 18px; background: #fff; }
.cycling40-course-card__progress-block {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0;
	padding: 0;
}
.cycling40-course-card__progress-label { order: 2; flex: 0 0 auto; margin: 0; color: #273142; line-height: 1; }
.cycling40-course-card__progress-label strong { font-family: futura-pt-condensed, Arial, sans-serif; font-size: 22px; font-style: normal; font-weight: 700; }
.cycling40-course-card__progress { order: 1; flex: 1 1 auto; width: auto; height: 10px; overflow: hidden; border-radius: 0; background: #edf0f2; }
.cycling40-course-card__progress span { display: block; min-width: 0; max-width: 100%; height: 100%; border-radius: 0; background: #f47a20; }

.cycling40-course-card__action,
.cycling40-account-form button {
	display: inline-block !important;
	align-self: flex-start !important;
	position: static !important;
	float: none !important;
	margin: 14px 0 0 !important;
	padding: 12px 14px !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: #f97316 !important;
	box-shadow: none !important;
	color: #fff !important;
	font-family: futura-pt-condensed, Arial, sans-serif !important;
	font-size: 20px !important;
	font-style: italic !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
	line-height: 1 !important;
	text-decoration: none !important;
	text-transform: uppercase !important;
	cursor: pointer;
}

.cycling40-course-card__action:hover,
.cycling40-course-card__action:focus,
.cycling40-account-form button:hover,
.cycling40-account-form button:focus { background: #e5833e !important; color: #fff !important; }

.cycling40-account-settings-shell {
	border: 1px solid #dfe3e8;
	background: #f6f7f9;
	padding: 0;
}

.cycling40-account-settings-panel h2 {
	font-size: 24px !important;
	line-height: 1.15;
	text-transform: uppercase !important;
}

.cycling40-account-settings-email {
	margin: 0 0 24px;
	color: #697386;
	font-size: 14px;
	word-break: break-word;
}

.cycling40-account-settings-home.is-entering,
.cycling40-account-settings-panel.is-entering { animation: cycling40-account-panel-in 180ms ease-out both; }

.cycling40-account-settings-home.is-leaving,
.cycling40-account-settings-panel.is-leaving { animation: cycling40-account-panel-out 120ms ease-in both; }

@keyframes cycling40-account-panel-in {
	from { opacity: 0; transform: translateY(8px); }
	to { opacity: 1; transform: translateY(0); }
}

@keyframes cycling40-account-panel-out {
	from { opacity: 1; transform: translateY(0); }
	to { opacity: 0; transform: translateY(-4px); }
}

.cycling40-account-settings-home { padding: 8px 22px 18px; }
.cycling40-account-settings-actions { display: grid; gap: 0; }

.cycling40-account-settings-action {
	display: flex !important;
	flex-direction: column;
	gap: 4px;
	width: 100%;
	margin: 0 !important;
	padding: 15px 0 !important;
	border: 0 !important;
	border: 0 !important;
	border-radius: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #273142 !important;
	font-family: Arial, sans-serif !important;
	font-size: 16px !important;
	font-style: normal !important;
	font-weight: 700 !important;
	letter-spacing: 0 !important;
	line-height: 1.15 !important;
	text-align: left;
	text-decoration: none !important;
	text-transform: none !important;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
}

.cycling40-account-settings-action + .cycling40-account-settings-action { border-top: 1px solid #dfe3e8 !important; }
.cycling40-account-settings-action:hover,
.cycling40-account-settings-action:focus,
.cycling40-account-settings-action[aria-expanded="true"] { color: #f47a20 !important; }
.cycling40-account-settings-action__label { font-family: futura-pt-condensed, Arial, sans-serif; font-size: 21px; font-style: italic; font-weight: 700; letter-spacing: .01em; line-height: 1; text-transform: uppercase; }
.cycling40-account-settings-action__description { color: #697386; font-family: Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: 400; letter-spacing: 0; line-height: 1.35; text-transform: none; }

.cycling40-account-settings-logout {
	display: inline-block !important;
	width: auto;
	margin: 14px 0 0 !important;
	padding: 0 !important;
	border-top: 0;
	color: #273142;
	font-family: futura-pt-condensed, Arial, sans-serif;
	font-size: 21px;
	font-style: normal;
	font-weight: 700;
	letter-spacing: 0;
	line-height: 1.15;
	text-decoration: none;
	text-transform: uppercase;
}

.cycling40-account-settings-logout:hover,
.cycling40-account-settings-logout:focus { color: #f47a20; text-decoration: underline; }
.cycling40-account-action-icon { display: inline-block; width: 15px; margin-right: 4px; font-family: Arial, sans-serif; font-size: 15px; font-style: normal; font-weight: 400; text-align: center; }

.cycling40-account-settings-panel { padding: 19px 22px; background: transparent; }
.cycling40-account-settings-panel__header {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	margin-bottom: 20px;
}

.cycling40-account-settings-back {
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: transparent !important;
	box-shadow: none !important;
	color: #273142 !important;
	font: inherit !important;
	font-size: 12px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	text-decoration: underline !important;
	cursor: pointer;
}

.cycling40-account-form { padding: 0; border: 0 !important; background: transparent !important; }
.cycling40-account-form label { display: block; margin: 11px 0 5px; color: #273142; font-size: 13px; font-weight: 700; }
.cycling40-account-form label:first-of-type { margin-top: 0; }
.cycling40-account-form input { width: 100%; height: 44px !important; padding: 8px 10px !important; border: 1px solid #aeb7c2; border-radius: 0; color: #273142; font: inherit; line-height: 1.2 !important; }
.cycling40-account-form button { margin-top: 18px !important; }

.cycling40-account-empty { padding: 28px; }
.cycling40-account-empty p { margin: 10px 0 0; color: #697386; }

.cycling40-account-notice,
.cycling40-account-login-notice {
	margin: 24px 0 0;
	padding: 15px 18px;
	border-left: 4px solid #2c7a52;
	background: #f0faf5;
	color: #1b5337;
}

.cycling40-account-notice--error { border-left-color: #b42318; background: #fef3f2; color: #8b1e16; }
.cycling40-account-login-notice { margin: 0 0 18px; }

@media (max-width: 780px) {
	.cycling40-account-dashboard { padding: 32px 18px 78px; }
	.cycling40-account-dashboard__header { gap: 16px; }
	.cycling40-account-dashboard h1 { font-size: 50px !important; }
	.cycling40-account-section__heading h2 { font-size: 42px !important; }
	.cycling40-account-dashboard__layout { grid-template-columns: 1fr; gap: 30px; padding-top: 36px; }
	.cycling40-course-card__content { align-items: center; flex-direction: row; gap: 12px; padding: 12px 18px; }
	.cycling40-course-card__activation { right: 18px; }
	.cycling40-course-card__title { font-size: 22px; }
	.cycling40-course-card__progress-area { padding: 16px 18px 18px; }
	.cycling40-account-settings-home { padding: 8px 20px 18px; }
	.cycling40-account-settings-panel { padding: 20px; }
}
