/*
Theme Name: Muuaak
Theme URI: https://www.mowomo.com
Description: Tema desarrollado a medida para Muuaak.com
Version: 1.0.0
Framework Version: 0.5.3
Design: mowomo
Author: mowomo
Author URI: https://www.mowomo.com

Text Domain: Muuaak
Domain Path: /languages

License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

====================================================================
	TABLE OF CONTENTS
====================================================================
	# THEME SETUP
		# TYPOGRAPHY
	# UTILITIES
	# COMPONENTS
		# MEDIA
		# IFRAME WRAPPER
		# BUTTONS
		# FORMS
		# SEARCH FORM
		# MWM HEADER
		# MWM NAV PRIMARY
		# MWM ONBOARDING
		# MWM LOGIN
		# MWM STICKY SECTION
		# MWM HOME REPORTS
		# MWM HOME SUMMARY
		# MWM UNIT
		# MWM NEXT TALKS
		# MWM YOUR PLAN
		# MWM AVALIABLE TALKS
		# MWM TEACHER REPORTS
		# MWM PAGE TITLE
		# MWM PAGE
		# MWM PAGE 404
		# MWM CALENDAR
		# MWM SUBSCRIPTION
		# MWM DASHBOARD
		# MWM INLINE ANSWER
		# MWM SINGLE TEST
		# MWM SINGLE TALK
		# MWM TABS
		# MWM REVIEW BY TOPIC
		# MWM TEACHER REPORT SINGLE
		# MWM SUPPORT
		# MWM PROGRESS
		# MWM LEVEL UNITS
*/
/*==================================================================
	# THEME SETUP
====================================================================*/
:root {
  --doc-height: 100%;
  --header-height: 69px;
  --nav-height: 100%;
  /* COMMON */
  --mwm--color--primary: #f32039;
  --mwm--color--secondary: #222222;
  --mwm--color--tertiary: #1ff295;
  --mwm--color--quaternary: #faa200;
  --mwm--color--white: #fff;
  --mwm--color--black: #000;
  --mwm--color--gray-1: #f1f1f1;
  --mwm--color--gray-2: #b7b3b3;
  --mwm--color--gray-3: #cbcbcb;
  --mwm--color--gray-4: #d9d9d9;
  --mwm--color--gray-5: #4f4f4f;
  --mwm--accent-color: var(--mwm--color--n200);
  --mwm--font-family: "Poppins", sans-serif;
  --mwm--font-family-alt: "Poltawski Nowy", sans-serif;
  --mwm--font-size--h100: 32px;
  --mwm--line-height--h100: 1.1875em;
  --mwm--font-size--h200: 28px;
  --mwm--font-size--h300: 24px;
  --mwm--font-size--h400: 20px;
  --mwm--font-size--body100: 16px;
  --mwm--font-size--body200: 14px;
  --mwm--font-size--caption: 12px;
  --mwm--font-size--overline: 10px;
  --mwm--line-height--base: 1.5;
  --mwm--font-weight--light: 300;
  --mwm--font-weight--regular: 400;
  --mwm--font-weight--medium: 500;
  --mwm--font-weight--semibold: 600;
  --mwm--font-weight--bold: 700;
  --mwm--max-padding: 1rem;
  --mwm--max-width: 37.5rem;
  /* COMPONENTS */
  --mwm--selection-bg: var(--mwm--color--primary);
  --mwm--selection-color: var(--mwm--color--white);
  --mwm--body-bg: var(--mwm--color--white);
  --mwm--base-color: var(--mwm--color--secondary);
  --mwm--headings-color: var(--mwm--color--secondary);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

::-moz-selection {
  background-color: var(--mwm--selection-bg);
  color: var(--mwm--selection-color);
  -webkit-text-fill-color: var(--mwm--selection-color);
}

::selection {
  background-color: var(--mwm--selection-bg);
  color: var(--mwm--selection-color);
  -webkit-text-fill-color: var(--mwm--selection-color);
}

body {
  background-color: var(--mwm--body-bg);
  display: grid;
  grid-template-rows: auto 1fr;
  min-height: calc(100vh - var(--wp-admin--admin-bar--height, 0px));
}

body.is-onboarding {
  background-color: var(--mwm--color--primary);
}

body:not(.header-disabled) .mwm-main-container {
  padding: 0 0 calc(var(--nav-height) + 1rem);
}

.mwm-main-container > *:first-of-type:not(.screen-reader-text, section) {
  padding-top: 1rem;
}

.mwm-footer {
  margin-top: auto;
}

html #wpadminbar {
  position: fixed;
}

/*	# TYPOGRAPHY
===================================*/
body,
input,
textarea,
select {
  color: var(--mwm--base-color);
  font-family: var(--mwm--font-family);
  font-size: var(--mwm--font-size--body100);
  font-weight: var(--mwm--font-weight--regular);
  line-height: var(--mwm--line-height--base);
}

/* HEADINGS */
h1,
h2,
h3,
h4,
h5,
h6,
.is-style-h100,
.is-style-h200,
.is-style-h300,
.is-style-h400,
.has-h-100-font-size,
.has-h-200-font-size,
.has-h-300-font-size,
.has-h-400-font-size {
  color: var(--mwm--headings-color);
  line-height: var(--mwm--line-height--base);
  margin: 0;
}

h1,
.is-style-h100,
.has-h-100-font-size {
  font-size: var(--mwm--font-size--h100);
  font-weight: var(--mwm--font-weight--bold);
  line-height: var(--mwm--line-height--h100);
}

h2,
.is-style-h200,
.has-h-200-font-size {
  font-size: var(--mwm--font-size--h200);
  font-weight: var(--mwm--font-weight--bold);
}

h3,
.is-style-h300,
.has-h-300-font-size {
  font-size: var(--mwm--font-size--h300);
  font-weight: var(--mwm--font-weight--semibold);
}

h4,
h5,
h6,
.is-style-h400,
.has-h-400-font-size {
  font-size: var(--mwm--font-size--h400);
  font-weight: var(--mwm--font-weight--medium);
}

/* BODY */
.is-style-b100,
.has-b-100-font-size {
  font-size: var(--mwm--font-size--body100);
  font-weight: var(--mwm--font-weight--regular);
}

.is-style-b200,
.has-b-200-font-size {
  font-size: var(--mwm--font-size--body200);
  font-weight: var(--mwm--font-weight--regular);
}

/* CAPTION */
.is-style-caption, .mwm-login__separator, input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea,
select,
.has-caption-font-size {
  font-size: var(--mwm--font-size--caption);
  font-weight: var(--mwm--font-weight--medium);
}

/* OVERLINE */
.is-style-overline,
.has-overline-font-size {
  font-size: var(--mwm--font-size--overline);
  font-weight: var(--mwm--font-weight--medium);
}

/* COPY */
hr {
  background-color: var(--mwm--base-color);
  border: none;
  height: 2px;
  margin: 1rem 0;
}

p {
  margin: 0 0 1em;
  word-break: break-word;
}

b,
strong {
  color: inherit;
  font-weight: var(--mwm--font-weight--bold);
}

dfn,
cite,
em,
i {
  font-style: italic;
}

a {
  color: var(--mwm--base-color);
  text-decoration: underline;
}
a:hover {
  text-decoration: none;
}

/* LISTS */
ul {
  list-style: disc;
  padding-left: 1.25em;
}

ol {
  list-style: decimal;
  padding-left: 1.25em;
}

/* TABLES */
table {
  border-collapse: collapse;
  margin: 0 0 1.5rem;
  width: 100%;
}

thead th {
  border-bottom: 2px solid var(--mwm--base-color);
  padding-bottom: 0.5rem;
}

th {
  padding: 0.4rem;
  text-align: left;
}

tr {
  border-bottom: 1px solid var(--mwm--base-color);
}

td {
  padding: 0.4rem;
}

/*==================================================================
	# UTILITIES
====================================================================*/
.mwm-max,
.wp-block-group:not(.alignfull) .wp-block-group__inner-container {
  margin-left: auto;
  margin-right: auto;
  max-width: calc(var(--mwm--max-width) + var(--mwm--max-padding) * 2);
  padding: 0 var(--mwm--max-padding);
  width: 100%;
}

.wp-block-group__inner-container:after,
.wp-block-group__inner-container:before {
  content: "";
  display: table;
  width: 100%;
}

.has-opacity {
  opacity: 0.3;
}

.is-uppercase {
  text-transform: uppercase;
}

.is-text-bold {
  font-weight: var(--mwm--font-weight--bold);
}

/*==================================================================
	# COMPONENTS
====================================================================*/
/*	# MEDIA
===================================*/
figure {
  margin: 0;
}

img,
svg,
video {
  display: block;
  height: auto;
  max-width: 100%;
}

figcaption {
  font-size: 80%;
}

/*	ALIGNMENTS */
.alignleft {
  display: inline;
  float: left;
  margin: 0 1rem 1rem 0;
}

.alignright {
  display: inline;
  float: right;
  margin: 0 0 1rem 1rem;
}

.aligncenter {
  clear: both;
  display: block;
  margin-bottom: 1rem;
}

.alignfull {
  margin: 1em calc(50% - 50vw) 1em;
  max-width: 100vw;
  width: 100vw;
}

.alignfull:first-child {
  margin-top: 0;
}

.alignfull:last-child {
  margin-bottom: 0;
}

/*	# IFRAME WRAPPER
===================================*/
.iframe-wrapper {
  margin-bottom: 1rem;
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
}

.iframe-wrapper iframe {
  border: 0;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/*	# BUTTONS
===================================*/
button,
input[type=button],
input[type=submit],
.mwm-btn-1 > *,
.mwm-btn-2 > *,
.mwm-btn-3 > *,
.mwm-btn-4 > *,
.wp-block-button .wp-block-button__link {
  align-items: center;
  background: var(--mwm--color--primary);
  border: 2px solid var(--mwm--color--primary);
  border-radius: 0.625rem;
  box-shadow: none;
  color: var(--mwm--color--white);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--mwm--font-size--h400);
  font-weight: var(--mwm--font-weight--medium);
  gap: 0.5rem;
  justify-content: center;
  opacity: 1;
  padding: 1.0625rem 1rem 1.125rem;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s;
  user-select: none;
}
button:hover,
input[type=button]:hover,
input[type=submit]:hover,
.mwm-btn-1 > *:hover,
.mwm-btn-2 > *:hover,
.mwm-btn-3 > *:hover,
.mwm-btn-4 > *:hover,
.wp-block-button .wp-block-button__link:hover {
  filter: brightness(0.9);
}
button svg,
input[type=button] svg,
input[type=submit] svg,
.mwm-btn-1 > * svg,
.mwm-btn-2 > * svg,
.mwm-btn-3 > * svg,
.mwm-btn-4 > * svg,
.wp-block-button .wp-block-button__link svg {
  width: 20px;
}

.mwm-btn-1.is-white > *,
.mwm-btn-2.is-white > * {
  background: var(--mwm--color--white);
  border-color: var(--mwm--color--white);
  color: var(--mwm--color--primary);
}
.mwm-btn-1.is-transparent > *,
.mwm-btn-2.is-transparent > * {
  background: transparent;
  border-color: var(--mwm--color--white);
  color: var(--mwm--color--white);
}
.mwm-btn-1.has-icon > *,
.mwm-btn-2.has-icon > * {
  justify-content: space-between;
}

button.has-icon {
  justify-content: space-between;
}

.mwm-btn-1.is-small > *,
.mwm-btn-2.is-small > *,
button.is-small {
  font-size: var(--mwm--font-size--body200);
  font-weight: var(--mwm--font-weight--regular);
  padding: 0.5625rem;
}

.mwm-btn-2 > * {
  background: var(--mwm--color--gray-2);
  border-color: var(--mwm--color--gray-2);
}

.mwm-btn-3 > * {
  gap: 0;
}
.mwm-btn-3 > * svg {
  margin-left: auto;
}
.mwm-btn-3 > *::before {
  background: var(--mwm--color--white);
  border-radius: 0.125rem;
  content: "";
  display: block;
  height: 25px;
  margin-right: 1rem;
  width: 25px;
}

.mwm-btn-4 {
  width: 100%;
}
.mwm-btn-4.completed > * {
  background: var(--mwm--color--tertiary);
}
.mwm-btn-4.in-progress > * {
  background: var(--mwm--color--quaternary);
}
.mwm-btn-4.is-selected > * {
  background: var(--mwm--color--primary);
  color: var(--mwm--color--white);
}
.mwm-btn-4 > * {
  background: var(--mwm--color--gray-4);
  border: none;
  color: var(--mwm--color--black);
  font-size: 1rem;
  gap: 0;
  padding: 0.5rem;
  width: 100%;
}
.mwm-btn-4 > * span {
  display: inline-block;
  margin: 0 auto;
}

/*	# FORMS
===================================*/
label {
  color: #000;
  cursor: pointer;
  display: block;
  font-size: var(--mwm--font-size--overline);
  font-weight: var(--mwm--font-weight--medium);
  margin-bottom: 0.25rem;
}

/* FIELDSET */
fieldset {
  background: transparent;
  border: 0;
  margin: 2rem 0;
  padding: 2rem;
}

fieldset legend {
  float: left;
  font-size: 1.875rem;
  font-weight: var(--mwm--font-weight--bold);
  margin-bottom: 1.5rem;
}

/* FIELDS */
input:not([type=checkbox], [type=radio]),
textarea,
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
}

input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea,
select {
  background: var(--mwm--color--gray-1);
  border: 0;
  border-radius: 0.625rem;
  color: var(--mwm--color--black);
  display: block;
  padding: 0.75rem 0.75rem 0.5625rem 0.6875rem;
  width: 100%;
}
input[type=text]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=password]:focus,
input[type=search]:focus,
input[type=number]:focus,
input[type=tel]:focus,
input[type=range]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=week]:focus,
input[type=time]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=color]:focus,
textarea:focus,
select:focus {
  border-color: var(--mwm--color--gray-2);
}

/* SELECT */
select {
  appearance: none;
  background-clip: border-box;
  -moz-background-clip: border-box;
  -webkit-background-clip: border-box;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%239a9a9a' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'%3E%3C/path%3E%3C/svg%3E");
  background-position: right center;
  background-repeat: no-repeat;
  background-size: 2em 1em;
  color: #9a9a9a;
  max-width: 100%;
  padding-right: 1.25em;
  position: relative;
}

/* CHECKBOXES & RADIO BUTTONS */
input[type=radio],
input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  background-color: var(--mwm--color--gray-1);
  border: 1px solid var(--mwm--color--gray-2);
  border-radius: 50%;
  cursor: pointer;
  height: 14px;
  margin-right: 0.5rem;
  position: relative;
  vertical-align: middle;
  width: 14px;
}
input[type=radio]:checked::after,
input[type=checkbox]:checked::after {
  background: var(--mwm--color--primary);
  border-radius: 50%;
  content: "";
  display: block;
  height: 8px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 8px;
}

input[type=checkbox] {
  border-radius: 4px;
}
input[type=checkbox]:checked::after {
  border-radius: 2px;
}

/*	GPRD */
.gdpr button {
  width: unset;
}

/* PLADEHOLDER */
::-webkit-input-placeholder {
  color: #9a9a9a;
  font-family: var(--mwm--font-family);
}

:-moz-placeholder {
  color: #9a9a9a;
  font-family: var(--mwm--font-family);
}

::-moz-placeholder {
  color: #9a9a9a;
  font-family: var(--mwm--font-family);
  opacity: 1;
  /* Desde FF19, Firefox baja la opacidad de los placeholder por defecto */
}

:-ms-input-placeholder {
  color: #9a9a9a;
  font-family: var(--mwm--font-family);
}

/* CF7 */
.wpcf7-list-item {
  margin: 0;
}

.wpcf7-not-valid-tip {
  margin-top: 0.5rem;
}

/*	# SEARCH FORM
===================================*/
.mwm-search-form {
  margin-bottom: 1rem;
}

/*	# MWM HEADER
===================================*/
.mwm-header {
  background-color: var(--mwm--color--white);
  padding: 1rem 0;
  position: sticky;
  top: var(--wp-admin--admin-bar--height, 0px);
  z-index: 99;
}
.mwm-header__wrapper {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}
.mwm-header__logo {
  max-width: 127px;
}
.mwm-header__controls {
  align-items: flex-end;
  display: flex;
  gap: 0.5rem;
}
.mwm-header__talks {
  color: var(--mwm--color--gray-2);
  font-size: var(--mwm--font-size--caption);
  font-weight: var(--mwm--font-weight--medium);
  padding-bottom: 0.375rem;
  text-decoration: none;
  text-transform: uppercase;
}
.mwm-header__my-account {
  align-items: center;
  background: var(--mwm--color--gray-3);
  border-radius: 50%;
  color: var(--mwm--color--gray-5);
  display: flex;
  height: 2.125rem;
  justify-content: center;
  padding: 0.25rem;
  width: 2.125rem;
}
.mwm-header__my-account img {
  border-radius: 50%;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

/*	# MWM NAV PRIMARY
===================================*/
.mwm-nav-primary {
  background: var(--mwm--color--white);
  bottom: 0;
  box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.1);
  left: 0;
  position: fixed;
  width: 100%;
  z-index: 999;
}
.mwm-nav-primary ul {
  list-style-type: none;
  position: relative;
}
.mwm-nav-primary__list {
  display: flex;
  gap: 0.5rem;
  margin: 0;
  padding: 0;
  padding: 0.625rem 0;
}
.mwm-nav-primary__list li {
  flex: 1;
}
.mwm-nav-primary__list li a {
  align-items: center;
  color: var(--mwm--color--gray-2);
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  height: 100%;
  justify-content: space-between;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s;
}
.mwm-nav-primary__list li .menu-text {
  font-size: var(--mwm--font-size--caption);
  font-weight: var(--mwm--font-weight--bold);
  line-height: 1;
  transition: all 0.2s;
}
.mwm-nav-primary__list li .menu-icon {
  margin: auto;
}
.mwm-nav-primary__list li.current_page_item a,
.mwm-nav-primary__list li a:hover {
  color: var(--mwm--color--primary);
}
.mwm-nav-primary li .sub-menu {
  background: var(--mwm--color--white);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  bottom: 100%;
  box-shadow: 0px -4px 10px rgba(0, 0, 0, 0.1);
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin: 0;
  min-width: 200px;
  opacity: 0;
  padding: 1.25rem;
  position: absolute;
  right: 0;
  transition: all 0.3s;
  visibility: hidden;
  width: auto;
  z-index: -1;
}
.mwm-nav-primary li .sub-menu a {
  flex-direction: row;
  gap: 8px;
  justify-content: start;
  padding: 0.5rem 0;
}
.mwm-nav-primary li .sub-menu .menu-text {
  color: var(--mwm--color--gray-5);
  font-size: var(--mwm--font-size--body100);
  line-height: 1;
}
.mwm-nav-primary li .sub-menu .menu-icon {
  margin: 0;
}
.mwm-nav-primary li .sub-menu a:hover .menu-text {
  color: var(--mwm--color--primary);
}
.mwm-nav-primary li .sub-menu.is-open {
  opacity: 1;
  visibility: visible;
  z-index: 5;
}

/*	# MWM ONBOARDING
===================================*/
.mwm-onboarding {
  display: flex;
  height: calc(var(--doc-height) - var(--wp-admin--admin-bar--height, 0px));
  width: 100%;
}
.mwm-onboarding__wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
.mwm-onboarding__header {
  margin: auto;
}
.mwm-onboarding__media {
  margin-bottom: 1rem;
  max-width: 300px;
}
.mwm-onboarding__title {
  color: var(--mwm--color--white);
  max-width: 19.5625rem;
}
.mwm-onboarding__footer {
  display: flex;
  flex-direction: column;
  gap: 0.875rem;
  padding-bottom: 0.75rem;
}
.mwm-onboarding__footer a {
  width: 100%;
}
@media (min-width: 568px) {
  .mwm-onboarding__footer {
    flex-direction: row;
  }
  .mwm-onboarding__footer > * {
    flex: 1;
  }
}

/*	# MWM LOGIN
===================================*/
.mwm-login {
  padding: 1.125rem 0;
}
.mwm-login__header {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-bottom: 2.25rem;
}
.mwm-login__title, .mwm-login__media {
  padding-left: 2rem;
}
.mwm-login__media {
  margin-bottom: 1rem;
  max-width: 19.875rem;
}
.mwm-login__title {
  color: var(--mwm--color--primary);
  max-width: 19.5625rem;
}
.mwm-login__tabs {
  display: flex;
  gap: 0.5625rem;
}
.mwm-login__tabs button {
  background: var(--mwm--color--gray-4);
  border-color: var(--mwm--color--gray-4);
  color: var(--mwm--color--black);
  flex: 1;
}
.mwm-login__tabs button.active {
  background: var(--mwm--color--gray-2);
  border-color: var(--mwm--color--gray-2);
}
.mwm-login__tab-content {
  display: none;
  margin: 1rem 0;
}
.mwm-login__tab-content.active {
  display: block;
}
.mwm-login__form-group {
  margin-bottom: 1rem;
}
.mwm-login__form button {
  width: 100%;
}
.mwm-login__checkbox {
  align-items: center;
  display: flex;
}
.mwm-login__checkbox label {
  margin: 0;
}
.mwm-login__separator {
  color: var(--mwm--color--gray-5);
  margin: 1rem 0;
  padding: 0.875rem 0;
  text-align: center;
}
.mwm-login__social {
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
}
.mwm-login__social button {
  background: var(--mwm--color--gray-1);
  border-color: var(--mwm--color--gray-1);
  color: var(--mwm--color--black);
  font-weight: var(--mwm--font-weight--medium);
  width: 100%;
}
.mwm-login__message {
  border-radius: 4px;
  margin-bottom: 1rem;
  padding: 1rem;
  text-align: center;
}
.mwm-login__message.error {
  background-color: #fff1f0;
  border: 1px solid #ffd7d7;
  color: #d85030;
}
.mwm-login__message.error p {
  margin: 0.5rem 0;
}
.mwm-login__message.error p:first-child {
  margin-top: 0;
}
.mwm-login__message.error p:last-child {
  margin-bottom: 0;
}
.mwm-login__message.success {
  background-color: #f2fae3;
  border: 1px solid #dce9be;
  color: #659f13;
}
.mwm-login__success-message {
  margin: 0 auto;
  max-width: 364px;
  text-align: center;
}
.mwm-login__form-group {
  position: relative;
}
.mwm-login__form-group input:invalid {
  border-color: #d85030;
}
@media (min-width: 568px) {
  .mwm-login__header {
    margin-top: 2.5rem;
  }
}

/*	# MWM HOME REPORTS
===================================*/
.mwm-sticky-section {
  background: var(--mwm--color--white);
  padding-bottom: 1rem;
}

.mwm-sticky-section + * {
  padding-top: 0.5rem;
}

@media (min-height: 750px) {
  .mwm-sticky-section {
    position: sticky;
    top: calc(var(--wp-admin--admin-bar--height, 0px) + var(--header-height, 69px));
    z-index: 2;
  }
}
/*	# MWM HOME REPORTS
===================================*/
.mwm-home-reports__list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.mwm-home-reports__item a {
  align-items: center;
  color: var(--mwm--color--secondary);
  display: flex;
  font-size: var(--mwm--font-size--h400);
  font-weight: var(--mwm--font-weight--medium);
  gap: 0.5rem;
  justify-content: space-between;
  padding: 0.375rem 0;
  padding-right: 0.5rem;
  text-decoration: none;
}
.mwm-home-reports__item a:hover button {
  background: var(--mwm--color--primary);
  border-color: var(--mwm--color--primary);
  color: var(--mwm--color--white);
  filter: unset;
}
.mwm-home-reports__item .item-text {
  align-items: center;
  display: flex;
}
.mwm-home-reports__item .item-text::before {
  background: var(--mwm--color--primary);
  border-radius: 0.125rem;
  content: "";
  display: block;
  height: 1.375rem;
  margin-right: 0.5rem;
  width: 1.375rem;
}
.mwm-home-reports__item button {
  background: var(--mwm--color--gray-2);
  border-color: var(--mwm--color--gray-2);
  color: var(--mwm--color--secondary);
  font-size: var(--mwm--font-size--caption);
  padding: 0.25rem;
}
.mwm-home-reports__item:not(:last-child) {
  margin-bottom: 1rem;
}

/*	# MWM HOME SUMMARY
===================================*/
.mwm-home-summary__title {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 2.5rem 0 0;
}
.mwm-home-summary__title .mwm-btn-1 a {
  padding: 0.5rem 0.875rem;
}

/*	# MWM UNIT
===================================*/
.mwm-unit {
  margin: 1rem 0;
}
.mwm-unit__header {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  padding: 0.375rem 0;
  padding-right: 0.5rem;
}
.mwm-unit__header-content {
  align-items: center;
  display: flex;
  flex: 1;
  gap: 1rem;
}
.mwm-unit__header-icon svg {
  fill: var(--mwm--color--primary);
  height: 1.25rem;
  transition: transform 0.3s ease;
  width: 1.25rem;
}
.mwm-unit__header-icon.is-rotated svg {
  transform: rotate(90deg);
}
.mwm-unit__title {
  align-items: center;
  display: flex;
}
.mwm-unit__title::before {
  background: var(--mwm--color--primary);
  border-radius: 0.125rem;
  content: "";
  display: block;
  height: 1.375rem;
  margin-right: 0.5rem;
  width: 1.375rem;
}
.mwm-unit__numbers {
  background: var(--mwm--color--gray-2);
  border-radius: 0.1875rem;
  padding: 0.25rem;
  color: var(--mwm--color--gray-5);
}
.mwm-unit__numbers.completed {
  background: var(--mwm--color--tertiary);
  color: #fff;
}
.mwm-unit__numbers.in-progress {
  background: var(--mwm--color--quaternary);
  color: #fff;
}
.mwm-unit__content {
  display: none;
  padding-top: 1rem;
}
.mwm-unit__lessons {
  display: grid;
  gap: 1rem;
  margin-bottom: 1rem;
}
.mwm-unit__lesson {
  --gap: 1rem;
  aspect-ratio: 1/1;
  background: var(--mwm--color--gray-1);
  border-radius: 0.625rem;
  cursor: pointer;
  position: relative;
  text-decoration: none;
}
.mwm-unit__lesson.disabled a {
  background: var(--mwm--color--gray-1);
  border-color: var(--mwm--color--gray-1);
  color: var(--mwm--color--secondary);
  cursor: not-allowed;
}
.mwm-unit__lesson .disabled-icon {
  position: absolute;
  right: -3px;
  top: -10px;
  z-index: 1;
}
.mwm-btn-4.disabled .disabled-icon {
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
}
.mwm-btn-4.disabled .disabled-icon svg {
  width: 10px;
}
.mwm-unit__lesson.completed {
  background: var(--mwm--color--tertiary);
}
.mwm-unit__lesson.in-progress {
  background: var(--mwm--color--quaternary);
}
.mwm-unit__lesson a {
  position: relative;
  overflow: hidden;
  text-decoration: none;
}
.mwm-unit__lesson-front {
  align-items: center;
  display: flex;
  flex-direction: column;
  gap: 0.6875rem;
  height: 100%;
  justify-content: center;
  width: 100%;
}
.mwm-unit__lesson-icon svg {
  width: 2.5rem;
}
.mwm-unit__lesson-back {
  align-items: flex-end;
  background: var(--mwm--color--gray-1);
  border-radius: 0.625rem;
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  height: 100%;
  left: 0;
  opacity: 0;
  padding: var(--gap);
  pointer-events: none;
  position: absolute;
  top: 0;
  transition: all 0.3s;
  width: 100%;
}
.mwm-unit__lesson-back-close {
  margin-left: auto;
}
.mwm-unit__lesson-back .mwm-btn-3 {
  width: 100%;
}
.mwm-unit__lesson-back .mwm-btn-3 a {
  background: var(--mwm--color--gray-2);
  border: none;
  font-size: 1rem;
  padding: 0.5rem;
  width: 100%;
}
.mwm-unit__lesson.active .mwm-unit__lesson-back {
  opacity: 1;
  pointer-events: all;
}
.mwm-unit__lesson-items {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  margin: auto 0;
  padding: var(--gap) 0;
  width: 100%;
}
.mwm-unit__btn {
  position: relative;
}
.mwm-unit__btn.disabled a {
  background: var(--mwm--color--gray-1);
  border-color: var(--mwm--color--gray-1);
  color: var(--mwm--color--secondary);
  cursor: not-allowed;
}
.mwm-unit__btn .disabled-icon {
  position: absolute;
  right: -3px;
  top: -10px;
  z-index: 1;
}
.mwm-unit__btn a {
  padding: 0.5rem;
  width: 100%;
}
@media (min-width: 360px) {
  .mwm-unit__lessons {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 360px) and (max-width: 567px) {
  .mwm-unit__lesson {
    --gap: 0.5rem;
  }
  .mwm-unit__lesson .mwm-btn-4 > * {
    font-size: 0.875rem;
    padding: 0.25rem 0.5rem;
  }
}

/*	# MWM NEXT TALKS
===================================*/
.mwm-next-talks {
  display: flex;
  height: 100%;
  padding: 1rem 0 0;
}
.mwm-next-talks__wrapper {
  display: grid;
  grid-template-rows: auto 1fr auto;
  height: 100%;
}
.mwm-next-talks__title {
  margin-bottom: 1rem;
}
.mwm-next-talks__item {
  border: 0.125rem solid var(--mwm--color--primary);
  border-radius: 0.5rem;
  color: var(--mwm--color--primary);
  display: grid;
  grid-template-columns: 1fr 5.875rem;
  margin-bottom: 1rem;
  overflow: hidden;
  text-decoration: none;
}
.mwm-next-talks__item-text {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5625rem 0.875rem;
  padding: 1.4375rem;
  padding-left: 1rem;
}
.mwm-next-talks__item-title {
  margin: 0;
  width: 100%;
}
.mwm-next-talks__item-date {
  font-weight: var(--mwm--font-weight--bold);
}
.mwm-next-talks__item-btn {
  align-items: center;
  background: var(--mwm--color--primary);
  color: var(--mwm--color--white);
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 1rem;
  text-align: center;
  text-transform: uppercase;
  transition: all 0.2s;
}
.mwm-next-talks__item.disabled {
  cursor: none;
  pointer-events: none;
}
.mwm-next-talks__item.disabled .mwm-next-talks__item-btn {
  background: var(--mwm--color--gray-2);
}
.mwm-next-talks__item:hover .mwm-next-talks__item-btn {
  filter: brightness(0.9);
}
.mwm-next-talks__btn a {
  width: 100%;
}

/*	# MWM YOUR PLAN
===================================*/
.mwm-your-plan {
  margin: 0.5rem 0 1rem;
}
.mwm-your-plan__title {
  margin-bottom: 1rem;
}
.mwm-your-plan__list {
  margin: 1rem 0;
}
.mwm-your-plan__item {
  align-items: center;
  border: 0.125rem solid var(--mwm--color--primary);
  border-radius: 5px;
  color: var(--mwm--color--primary);
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  padding: 1rem;
}
.mwm-your-plan__item-price {
  text-align: right;
}
.mwm-your-plan__item.additional {
  font-weight: var(--mwm--font-weight--light);
}
.mwm-your-plan__item:not(:last-child) {
  margin-bottom: 1rem;
}

/*	# MWM AVALIABLE TALKS
===================================*/
.mwm-avaliable-talks__title {
  margin-bottom: 1rem;
}
.mwm-avaliable-talks__link {
  align-items: center;
  display: grid;
  gap: 1rem;
  grid-template-columns: auto 1fr auto;
  margin-bottom: 0.25rem;
  text-decoration: none;
  transition: all 0.2s;
}
.mwm-avaliable-talks__link:hover {
  color: var(--mwm--color--gray-5);
}
.mwm-avaliable-talks__link-calendar {
  color: var(--mwm--color--primary);
}
.mwm-avaliable-talks__boxes, .mwm-avaliable-talks__bonus {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin: 1rem 0;
}
.mwm-avaliable-talks__box {
  background: var(--mwm--color--gray-2);
  border-radius: 0.1875rem;
  height: 1.9375rem;
  width: 1.9375rem;
}
.mwm-avaliable-talks__box.avaliable {
  background: var(--mwm--color--tertiary);
}
.mwm-avaliable-talks__btn {
  margin: 1rem 0;
}
.mwm-avaliable-talks__btn a {
  width: 100%;
}
.mwm-avaliable-talks__desc {
  margin: 1rem 0 0;
}

/*	# MWM TEACHER REPORTS
===================================*/
.mwm-teacher-reports {
  display: flex;
  height: 100%;
}
.mwm-teacher-reports__wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.mwm-teacher-reports__title {
  margin: 0.5rem 0 1rem;
}
.mwm-teacher-reports__list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.mwm-teacher-reports__item-link {
  background: var(--mwm--color--white);
  border-radius: 0.625rem;
  color: inherit;
  display: flex;
  gap: 0.625rem;
  margin-bottom: 1rem;
  padding: 1rem;
  text-decoration: none;
  transition: transform 0.3s ease;
}
.mwm-teacher-reports__item-link:hover {
  transform: translateY(-2px);
}
.mwm-teacher-reports__item-content {
  flex: 1;
}
.mwm-teacher-reports__item-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}
.mwm-teacher-reports__item-title {
  line-height: 1;
  margin-bottom: 0.625rem;
}
.mwm-teacher-reports__item-date {
  color: var(--mwm--color--gray-2);
  font-size: var(--mwm--font-size--caption);
}
.mwm-teacher-reports__item-desc {
  margin: 0;
}
.mwm-teacher-reports__item-footer {
  color: var(--mwm--color--gray-2);
  display: flex;
  font-size: var(--mwm--font-size--caption);
  justify-content: space-between;
  margin-top: 0.5rem;
}
.mwm-teacher-reports__btn {
  margin-top: auto;
}
.mwm-teacher-reports__btn a {
  width: 100%;
}

/*	# MWM PAGE TITLE
===================================*/
.mwm-page-title {
  margin: 1rem 0;
}

/*	# MWM PAGE 	
===================================*/
.mwm-page-content {
  margin: 2.5rem 0;
}
.mwm-page-content h2, .mwm-page-content h3, .mwm-page-content h4 {
  margin: 1.25rem 0 1rem;
}
.mwm-page-content p {
  margin: 0.5rem 0;
}

/*	# MWM PAGE 404
===================================*/
.mwm-404 {
  display: flex;
  height: 100%;
}
.mwm-404__wrapper {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: center;
}
.mwm-404__title {
  margin-bottom: 1rem;
}
.mwm-404__text {
  margin-bottom: 2.5rem;
}

/*	# MWM CALENDAR
===================================*/
.mwm-calendar__grid {
  display: grid;
  gap: 9px;
  grid-template-columns: repeat(7, 1fr);
  margin: 0.25rem 0;
}
.mwm-calendar__header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 20px 0;
}
.mwm-calendar__nav-btn {
  background: var(--mwm--color--gray-1);
  border-color: var(--mwm--color--gray-1);
  color: var(--mwm--color--secondary);
  cursor: pointer;
  padding: 4px 12px;
}
.mwm-calendar__day-header {
  color: rgba(0, 0, 0, 0.4);
  padding: 0.625rem;
  text-align: center;
}
.mwm-calendar__day {
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  padding: 0.625rem;
  text-align: center;
}
.mwm-calendar__day--prev-month {
  color: rgba(0, 0, 0, 0.2509803922);
  pointer-events: none;
}
.mwm-calendar__day:not(.mwm-calendar__day--current):not(.mwm-calendar__day--prev-month):hover, .mwm-calendar__day--selected {
  border-color: var(--mwm--color--primary);
  color: var(--mwm--color--primary);
}
.mwm-calendar__day--current {
  background-color: #ff0000;
  color: white;
}
.mwm-calendar__day--empty {
  background-color: #f9f9f9;
}
.mwm-calendar__separator {
  margin: 0.25rem 0;
  padding: 0.75rem 0;
}
.mwm-calendar__separator::after {
  background: var(--mwm--color--secondary);
  content: "";
  display: block;
  height: 2px;
  margin: 0 auto;
  width: 38%;
}
.mwm-calendar__talks-title {
  margin-bottom: 1rem;
}
.mwm-calendar__talks-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.mwm-calendar__talks-item {
  border: 2px solid var(--mwm--color--primary);
  border-radius: 6px;
  color: var(--mwm--color--primary);
  margin-bottom: 1rem;
  padding: 1rem;
  transition: all 0.2s;
}
.mwm-calendar__talks-item-link {
  align-items: center;
  color: inherit;
  display: flex;
  justify-content: space-between;
  text-decoration: none;
}
.mwm-calendar__talks-item-link > * {
  margin: 0;
}
.mwm-calendar__talks-item:hover {
  background-color: var(--mwm--color--primary);
  color: var(--mwm--color--white);
}

/*	# MWM SUBSCRIPTION
===================================*/
.mwm-subscription__list {
  list-style-type: none;
  margin: 1rem 0;
  padding: 0;
}
.mwm-subscription__item {
  border: 2px solid var(--mwm--color--primary);
  border-radius: 0.375rem;
  color: var(--mwm--color--primary);
  display: block;
  margin-bottom: 0.5rem;
  padding: 0.75rem;
  text-decoration: none;
  transition: all 0.2s;
}
.mwm-subscription__item-header {
  align-items: flex-start;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}
.mwm-subscription__item-title {
  color: inherit;
  flex: 1 1 auto;
  min-width: 0;
}
.mwm-subscription__item-title strong {
  font-family: var(--mwm--font-family-alt);
}
.mwm-subscription__item-price, .mwm-subscription__item-title {
  margin: 0;
}
.mwm-subscription__item-price {
  flex: 0 0 auto;
  text-align: right;
}
.mwm-subscription__item ul {
  margin: 0.5625rem 0 0;
}
.mwm-subscription__item.tester {
  border: 2px solid var(--mwm--color--primary);
}
.mwm-subscription__item.tourist {
  border: 3px solid var(--mwm--color--primary);
}
.mwm-subscription__item:hover, .mwm-subscription__item.actual {
  background: var(--mwm--color--primary);
  color: var(--mwm--color--white);
}
.mwm-subscription__item.adventurer {
  border: 4px solid var(--mwm--color--primary);
}
.mwm-subscription__item.adventurer .mwm-subscription__item-header, .mwm-subscription__item.adventurer .mwm-subscription__item-title {
  font-weight: var(--mwm--font-weight--semibold);
}
.mwm-subscription__item.lover {
  border: 5px solid var(--mwm--color--primary);
}
.mwm-subscription__item.lover .mwm-subscription__item-header, .mwm-subscription__item.lover .mwm-subscription__item-title {
  font-weight: var(--mwm--font-weight--bold);
}

/*	# MWM DASHBOARD
===================================*/
.mwm-dashboard {
  padding: 1rem 0;
}
.mwm-dashboard__wrapper {
  display: grid;
  gap: 2rem;
}
.mwm-dashboard__profile {
  align-items: center;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.mwm-dashboard__avatar {
  border: 2px solid var(--mwm--color--gray-1);
  border-radius: 50%;
  height: 120px;
  margin-bottom: 1rem;
  position: relative;
  width: 120px;
}
.mwm-dashboard__avatar img {
  border-radius: 50%;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.mwm-dashboard__avatar-edit {
  align-items: center;
  background: var(--mwm--color--primary);
  border: none;
  border-radius: 50%;
  bottom: 0;
  cursor: pointer;
  display: flex;
  height: 32px;
  justify-content: center;
  position: absolute;
  right: 0;
  transition: all 0.2s;
  width: 32px;
}
.mwm-dashboard__avatar-edit svg {
  fill: var(--mwm--color--white);
  height: 16px;
  width: 16px;
}
.mwm-dashboard__avatar-edit:hover {
  filter: brightness(0.9);
}
.mwm-dashboard__name {
  margin-bottom: 0.25rem;
}
.mwm-dashboard__level {
  color: var(--mwm--color--gray-2);
  font-size: var(--mwm--font-size--caption);
}
.mwm-dashboard__tabs {
  display: flex;
  gap: 0.5625rem;
  margin-bottom: 1.5rem;
}
.mwm-dashboard__tabs button {
  background: var(--mwm--color--gray-4);
  border-color: var(--mwm--color--gray-4);
  border-radius: 0.625rem;
  color: var(--mwm--color--black);
  flex: 1;
  font-size: var(--mwm--font-size--caption);
  font-weight: var(--mwm--font-weight--medium);
  padding: 0.75rem;
  transition: all 0.2s;
}
.mwm-dashboard__tabs button.active {
  background: var(--mwm--color--primary);
  border-color: var(--mwm--color--primary);
  color: var(--mwm--color--white);
}
.mwm-dashboard__tab-content {
  display: none;
}
.mwm-dashboard__tab-content.active {
  display: block;
}
.mwm-dashboard__form-group {
  margin-bottom: 1rem;
}
.mwm-dashboard__form-group label {
  color: var(--mwm--color--gray-5);
  display: block;
  font-size: var(--mwm--font-size--caption);
  font-weight: var(--mwm--font-weight--medium);
  margin-bottom: 0.5rem;
}
.mwm-dashboard__social-links {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.mwm-dashboard__social-item {
  align-items: center;
  background: var(--mwm--color--gray-1);
  border-radius: 0.625rem;
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
}
.mwm-dashboard__social-item svg {
  fill: var(--mwm--color--gray-2);
  height: 24px;
  width: 24px;
}
.mwm-dashboard__social-item input {
  background: rgba(0, 0, 0, 0);
  border-radius: 0;
  outline: 0;
  padding: 0;
}
.mwm-dashboard__checkbox {
  align-items: center;
  display: flex;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.mwm-dashboard__checkbox label {
  color: var(--mwm--color--secondary);
  font-size: var(--mwm--font-size--body100);
  margin: 0;
}
.mwm-dashboard__actions {
  margin-top: 2rem;
}
.mwm-dashboard__actions button {
  background: var(--mwm--color--primary);
  border: none;
  border-radius: 0.625rem;
  color: var(--mwm--color--white);
  font-weight: var(--mwm--font-weight--medium);
  padding: 1rem;
  transition: all 0.2s;
  width: 100%;
}
.mwm-dashboard__actions button:hover {
  filter: brightness(0.9);
}
.mwm-dashboard__tags {
  background: var(--mwm--color--gray-1);
  border-radius: 0.625rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding: 0.5rem;
}
.mwm-dashboard__tag {
  align-items: center;
  background: var(--mwm--color--white);
  border-radius: 0.375rem;
  color: var(--mwm--color--secondary);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--mwm--font-size--caption);
  font-weight: var(--mwm--font-weight--medium);
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  transition: all 0.2s;
}
.mwm-dashboard__tag:hover {
  background: var(--mwm--color--gray-2);
}
.mwm-dashboard__tag:hover .mwm-dashboard__tag-delete {
  opacity: 1;
}
.mwm-dashboard__tag-delete {
  align-items: center;
  background: none;
  border: none;
  color: inherit;
  cursor: pointer;
  display: flex;
  font-size: 1.2em;
  height: 16px;
  justify-content: center;
  line-height: 1;
  opacity: 0.5;
  padding: 0;
  transition: all 0.2s;
  width: 16px;
}
.mwm-dashboard__tag-delete:hover {
  opacity: 1;
  transform: scale(1.2);
}
.mwm-dashboard__tag-add {
  background: var(--mwm--color--white);
  border: none;
  border-radius: 0.375rem;
  color: var(--mwm--color--primary);
  cursor: pointer;
  font-size: var(--mwm--font-size--caption);
  font-weight: var(--mwm--font-weight--medium);
  padding: 0.5rem 1rem;
  transition: all 0.2s;
}
.mwm-dashboard__tag-add:hover {
  background: var(--mwm--color--primary);
  color: var(--mwm--color--white);
}
.mwm-dashboard__tag-input {
  align-items: center;
  background: var(--mwm--color--white);
  border-radius: 0.375rem;
  display: flex;
  gap: 0.5rem;
  padding: 0.25rem 0.5rem;
}
.mwm-dashboard__tag-input input {
  background: transparent;
  border: none;
  font-size: var(--mwm--font-size--caption);
  padding: 0.25rem;
  width: 120px;
}
.mwm-dashboard__tag-input input:focus {
  outline: none;
}
.mwm-dashboard__tag-input button {
  background: none;
  border: none;
  cursor: pointer;
  font-size: var(--mwm--font-size--caption);
  padding: 0.25rem;
}
.mwm-dashboard__tag-input button.mwm-dashboard__tag-save {
  color: var(--mwm--color--tertiary);
}
.mwm-dashboard__tag-input button.mwm-dashboard__tag-cancel {
  color: var(--mwm--color--primary);
}
.mwm-dashboard__tag-input button:hover {
  opacity: 0.8;
}
@media (min-width: 768px) {
  .mwm-dashboard {
    padding: 2rem 0;
  }
  .mwm-dashboard__wrapper {
    margin: 0 auto;
    max-width: 600px;
  }
}

/*  # MWM INLINE ANSWER
===================================*/
input.mwm-inline-answer {
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--mwm--color--secondary);
  border-radius: 0;
  display: inline-block;
  font-size: inherit;
  font-weight: inherit;
  min-width: 3.75rem;
  outline: 0;
  padding: 0;
  text-align: center;
  width: 3.75rem;
}

/*  # MWM SINGLE TEST
===================================*/
.mwm-single-test__nav {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 1rem;
  text-decoration: none;
}
.mwm-single-test__nav-back {
  text-decoration: none;
}
.mwm-single-test__progress-boxes {
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
  margin: 1rem 0;
}
.mwm-single-test__progress-box {
  background: var(--mwm--color--gray-1);
  border-radius: 0.1875rem;
  height: 0.875rem;
  width: 1.9375rem;
}
.mwm-single-test__progress-box.completed {
  background: var(--mwm--color--gray-2);
}
.mwm-single-test__progress-box.completed.correct {
  background: var(--mwm--color--tertiary);
}
.mwm-single-test__progress-box.completed.failed {
  background: var(--mwm--color--primary);
}
.mwm-single-test__title {
  margin-bottom: 1rem;
}
.mwm-single-test__progress-text {
  color: var(--mwm--color--gray-2);
  display: block;
  font-size: var(--mwm--font-size--caption);
  margin-bottom: 0.5rem;
}
.mwm-single-test__progress-bar {
  background: var(--mwm--color--gray-1);
  border-radius: 0.625rem;
  height: 0.5rem;
  overflow: hidden;
}
.mwm-single-test__progress-fill {
  background: var(--mwm--color--primary);
  height: 100%;
  transition: width 0.3s ease;
}
.mwm-single-test__audio {
  align-items: center;
  display: grid;
  gap: 1rem;
  grid-template-columns: 6rem 1fr;
  margin: 1rem 0 1.5rem;
}
.mwm-single-test__audio #audio-btn {
  border-radius: 0.375rem;
  color: var(--mwm--color--white);
  height: 6rem;
  padding: 1.375rem;
}
.mwm-single-test__audio #audio-btn:hover {
  filter: unset;
}
.mwm-single-test__audio #audio-btn svg {
  width: 3.125rem;
}
.mwm-single-test__audio-text {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.mwm-single-test__audio-text > * {
  margin: 0;
}
.mwm-single-test .audio-player {
  height: 6px;
  overflow: hidden;
}
.mwm-single-test .audio-player .timeline {
  background: var(--mwm--color--gray-1);
  border-radius: 2px;
  cursor: pointer;
  height: 4px;
  position: relative;
  width: 100%;
}
.mwm-single-test .audio-player .timeline .progress {
  background: var(--mwm--color--primary);
  border-radius: 2px;
  height: 100%;
  height: 6px;
  transition: 0.25s;
  width: 0%;
}
.mwm-single-test #wave {
  color: var(--mwm--color--white);
}
.mwm-single-test #Line_1 {
  animation: pulse 1s infinite;
  animation-delay: 0.15s;
}
.mwm-single-test #Line_2 {
  animation: pulse 1s infinite;
  animation-delay: 0.3s;
}
.mwm-single-test #Line_3 {
  animation: pulse 1s infinite;
  animation-delay: 0.45s;
}
.mwm-single-test #Line_4 {
  animation: pulse 1s infinite;
  animation-delay: 0.6s;
}
.mwm-single-test #Line_5 {
  animation: pulse 1s infinite;
  animation-delay: 0.75s;
}
.mwm-single-test #Line_6 {
  animation: pulse 1s infinite;
  animation-delay: 0.9s;
}
.mwm-single-test #Line_7 {
  animation: pulse 1s infinite;
  animation-delay: 1.05s;
}
.mwm-single-test #Line_8 {
  animation: pulse 1s infinite;
  animation-delay: 1.2s;
}
.mwm-single-test #Line_9 {
  animation: pulse 1s infinite;
  animation-delay: 1.35s;
}
@keyframes pulse {
  0% {
    transform: scaleY(1);
    transform-origin: 50% 50%;
  }
  50% {
    transform: scaleY(0.7);
    transform-origin: 50% 50%;
  }
  100% {
    transform: scaleY(1);
    transform-origin: 50% 50%;
  }
}
.mwm-single-test .hidden {
  display: none;
}
.mwm-single-test__translation {
  margin: 0 0 1.5rem;
}
.mwm-single-test__translation > *:last-child {
  margin-bottom: 0;
}
.mwm-single-test__form-group {
  margin: 0 0 1.5rem;
}
.mwm-single-test .input-single-answer textarea {
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.40002 16.161L16.796 8.76497C15.5518 8.24519 14.4218 7.48616 13.47 6.53096C12.5144 5.57901 11.755 4.44861 11.235 3.20396L3.83902 10.6C3.26202 11.177 2.97302 11.466 2.72502 11.784C2.43241 12.1594 2.18128 12.5655 1.97602 12.995C1.80302 13.359 1.67402 13.747 1.41602 14.521L0.054019 18.604C-0.00866732 18.7909 -0.0179678 18.9916 0.0271628 19.1836C0.0722933 19.3755 0.170066 19.5511 0.30949 19.6905C0.448915 19.8299 0.624464 19.9277 0.816406 19.9728C1.00835 20.018 1.20907 20.0087 1.39602 19.946L5.47902 18.584C6.25402 18.326 6.64102 18.197 7.00502 18.024C7.43635 17.8186 7.84002 17.569 8.21602 17.275C8.53402 17.027 8.82302 16.738 9.40002 16.161ZM18.848 6.71297C19.5855 5.97553 19.9997 4.97535 19.9997 3.93246C19.9997 2.88958 19.5855 1.8894 18.848 1.15196C18.1106 0.41453 17.1104 0.000244148 16.0675 0.000244141C15.0246 0.000244133 14.0245 0.41453 13.287 1.15196L12.4 2.03896L12.438 2.14997C12.875 3.40074 13.5903 4.53595 14.53 5.46996C15.492 6.43778 16.6669 7.16721 17.961 7.59997L18.848 6.71297Z' fill='%23F32039'/%3E%3C/svg%3E%0A");
  background-position: top 20px right 16px;
  background-repeat: no-repeat;
  background-size: 2em 1em;
  border-radius: 0.3125rem;
  border-radius: 5px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  list-style-type: none;
  margin: 0;
  padding: 1rem;
  padding-right: 5rem;
}
.mwm-single-test__note {
  background: var(--mwm--color--gray-1);
  border-radius: 0.3125rem;
  font-size: 0.875rem;
  margin: 0 0 1.5rem;
  padding: 0.5rem 1rem;
}
.mwm-single-test__note > *:last-child {
  margin-bottom: 0;
}
.mwm-single-test__question-text {
  background-color: var(--mwm--color--gray-1);
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.40002 16.161L16.796 8.76497C15.5518 8.24519 14.4218 7.48616 13.47 6.53096C12.5144 5.57901 11.755 4.44861 11.235 3.20396L3.83902 10.6C3.26202 11.177 2.97302 11.466 2.72502 11.784C2.43241 12.1594 2.18128 12.5655 1.97602 12.995C1.80302 13.359 1.67402 13.747 1.41602 14.521L0.054019 18.604C-0.00866732 18.7909 -0.0179678 18.9916 0.0271628 19.1836C0.0722933 19.3755 0.170066 19.5511 0.30949 19.6905C0.448915 19.8299 0.624464 19.9277 0.816406 19.9728C1.00835 20.018 1.20907 20.0087 1.39602 19.946L5.47902 18.584C6.25402 18.326 6.64102 18.197 7.00502 18.024C7.43635 17.8186 7.84002 17.569 8.21602 17.275C8.53402 17.027 8.82302 16.738 9.40002 16.161ZM18.848 6.71297C19.5855 5.97553 19.9997 4.97535 19.9997 3.93246C19.9997 2.88958 19.5855 1.8894 18.848 1.15196C18.1106 0.41453 17.1104 0.000244148 16.0675 0.000244141C15.0246 0.000244133 14.0245 0.41453 13.287 1.15196L12.4 2.03896L12.438 2.14997C12.875 3.40074 13.5903 4.53595 14.53 5.46996C15.492 6.43778 16.6669 7.16721 17.961 7.59997L18.848 6.71297Z' fill='%23F32039'/%3E%3C/svg%3E%0A");
  background-position: top 20px right 16px;
  background-repeat: no-repeat;
  background-size: 2em 1em;
  border-radius: 0.3125rem;
  border-radius: 5px;
  margin: 0;
  padding: 1rem;
  padding-right: 4rem;
}
.mwm-single-test__question-text > *:last-child {
  margin-bottom: 0;
}
.mwm-single-test__question-text span {
  color: var(--mwm--color--gray-2);
  display: block;
}
.mwm-single-test__btns {
  align-items: center;
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
}
.mwm-single-test__btns-help {
  background: 0;
  border: 2px solid var(--mwm--color--gray-2);
  border-radius: 0.375rem;
  color: var(--mwm--color--gray-2);
  font-size: var(--mwm--font-size--body100);
  font-weight: var(--mwm--font-weight--regular);
  justify-content: space-between;
  padding: 0.625rem 1rem;
}
.mwm-single-test__btns-help:hover, .mwm-single-test__btns-help.active {
  background: var(--mwm--color--gray-2);
  color: var(--mwm--color--white);
  filter: unset;
}
.mwm-single-test__btns button {
  padding: 0.625rem 1rem;
}
.mwm-single-test__solution {
		display: inline-block;
		margin: 0;
		padding: 0;
}

.mwm-single-test__solution button {
		padding: 0.625rem 1rem;
}

/*	# MWM SINGLE TALK
===================================*/
.mwm-single-talk {
  padding: 2rem 0;
}
.mwm-single-talk__info {
  align-items: center;
  color: #666;
  display: flex;
  font-size: 1.1rem;
  gap: 0.5rem;
}
.mwm-single-talk__info svg {
  height: 1rem;
  width: 1rem;
}
.mwm-single-talk__list {
  background: #f8f9fa;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  margin: 1.5rem 0;
  padding: 1.5rem;
}
.mwm-single-talk__list-title {
  border-bottom: 2px solid #e9ecef;
  color: #333;
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
  padding-bottom: 0.5rem;
}
.mwm-single-talk__list-items {
  display: grid;
  gap: 1.25rem;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  list-style-type: none;
  margin: 1rem 0;
  padding: 0;
}
.mwm-single-talk__list-item {
  align-items: center;
  background: white;
  border-radius: 8px;
  display: flex;
  gap: 0.75rem;
  padding: 0.75rem;
  transition: transform 0.2s, box-shadow 0.2s;
}
.mwm-single-talk__list-item:hover {
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.mwm-single-talk__list-item img {
  border: 2px solid #e9ecef;
  border-radius: 50%;
  height: 3.25rem;
  object-fit: cover;
  width: 3.25rem;
}
.mwm-single-talk__list-item-name {
  color: #2c3e50;
  font-weight: 500;
}
.mwm-single-talk__buttons {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding-top: 2rem;
}
.mwm-single-talk__buttons a {
  border-radius: 8px;
  font-weight: var(--mwm--font-weight--semibold);
  padding: 1rem 2rem;
  text-transform: uppercase;
  width: 100%;
}
.mwm-single-talk__report-title {
  margin-bottom: 1rem;
}
.mwm-single-talk__report-btn a {
  width: 100%;
}
@media (min-width: 768px) {
  .mwm-single-talk__buttons {
    flex-direction: row;
    justify-content: center;
  }
  .mwm-single-talk__buttons a {
    min-width: 200px;
    width: auto;
  }
}

/*	# MWM TABS
===================================*/
.mwm-tabs {
  font-size: 0.875rem;
}
.mwm-tabs__title {
  margin-bottom: 0.5rem;
}
.mwm-tabs__wrapper {
  display: grid;
  gap: 0.5625rem;
  grid-template-columns: repeat(3, 1fr);
}
.mwm-tabs .mwm-btn-4 > * {
  font-size: var(--mwm--font-size--caption);
  font-weight: var(--mwm--font-weight--medium);
  padding: 0.75rem;
}

/*	# MWM REVIEW BY TOPIC
===================================*/
.mwm-review-by-topic__search {
  margin-bottom: 1rem;
}
.mwm-review-by-topic__list {
  columns: 2;
  font-size: 0.875rem;
  gap: 0.5rem 2rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

/*	# MWM TEACHER REPORT SINGLE
===================================*/
.mwm-teacher-report-single {
  padding: 1rem 0 2rem;
}
.mwm-teacher-report-single__header {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-bottom: 2rem;
}
.mwm-teacher-report-single__back {
  align-items: center;
  color: var(--mwm--color--gray-2);
  display: flex;
  font-size: var(--mwm--font-size--body200);
  gap: 0.5rem;
  text-decoration: none;
}
.mwm-teacher-report-single__back svg {
  height: 20px;
  width: 20px;
}
.mwm-teacher-report-single__back:hover {
  color: var(--mwm--color--primary);
}
.mwm-teacher-report-single__meta {
  align-items: center;
  background: var(--mwm--color--gray-1);
  border-radius: 0.625rem;
  display: flex;
  justify-content: space-between;
  margin-bottom: 2rem;
  padding: 1.5rem;
}
.mwm-teacher-report-single__teacher {
  align-items: center;
  display: flex;
  gap: 1rem;
}
.mwm-teacher-report-single__teacher img {
  border-radius: 50%;
  height: 3.75rem;
  object-fit: cover;
  width: 3.75rem;
}
.mwm-teacher-report-single__teacher-info {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.mwm-teacher-report-single__teacher .teacher-name {
  font-size: var(--mwm--font-size--h400);
  font-weight: var(--mwm--font-weight--semibold);
}
.mwm-teacher-report-single__teacher .teacher-date {
  color: var(--mwm--color--gray-2);
  font-size: var(--mwm--font-size--body200);
}
.mwm-teacher-report-single__content {
  margin-bottom: 2rem;
}
.mwm-teacher-report-single__content h3 {
  color: var(--mwm--color--primary);
  margin-bottom: 1rem;
}
.mwm-teacher-report-single__content ul {
  margin-bottom: 2rem;
}
.mwm-teacher-report-single__content li {
  margin-bottom: 0.5rem;
}
.mwm-teacher-report-single__content p {
  color: var(--mwm--color--gray-5);
  line-height: 1.6;
}
.mwm-teacher-report-single__unit-review {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-top: 2rem;
}
.mwm-teacher-report-single__unit-review .mwm-btn-3 a {
  width: 100%;
}
.mwm-teacher-report-single__unit-review-title {
  margin-bottom: 1rem;
}
.mwm-teacher-report-single__lesson-review {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 2rem;
}
.mwm-teacher-report-single__lesson-review-title {
  margin-bottom: 0.5rem;
}
.mwm-teacher-report-single__lesson-review-groups {
  display: grid;
  gap: 1rem;
}
.mwm-teacher-report-single__lesson-review-group {
  background: var(--mwm--color--gray-1);
  border-radius: 0.625rem;
  padding: 1rem;
}
.mwm-teacher-report-single__lesson-review-taxonomy {
  color: var(--mwm--color--gray-5);
  font-weight: var(--mwm--font-weight--semibold);
  margin: 0 0 0.75rem;
}
.mwm-teacher-report-single__lesson-review-terms {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}
.mwm-teacher-report-single__lesson-term {
  background: var(--mwm--color--white);
  border: 1px solid var(--mwm--color--gray-2);
  border-radius: 999px;
  color: var(--mwm--color--gray-5);
  display: inline-flex;
  font-size: var(--mwm--font-size--body200);
  line-height: 1;
  padding: 0.4rem 0.65rem;
}
@media (min-width: 768px) {
  .mwm-teacher-report-single {
    padding: 2rem 0;
  }
  .mwm-teacher-report-single__header {
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
  }
  .mwm-teacher-report-single__content {
    max-width: 80%;
  }
}

/*  # MWM SUPPORT 
===================================*/
.mwm-support {
  padding: 2rem 0;
}
.mwm-support__title {
  margin-bottom: 40px;
}
.mwm-support section {
  margin-bottom: 3rem;
}
.mwm-support h2 {
  margin-bottom: 1.5rem;
}
.mwm-support__accordion-item {
  border: 2px solid var(--mwm--color--gray-2);
  border-radius: 0.375rem;
  margin-bottom: 1rem;
}
.mwm-support__accordion-item.active .mwm-support__accordion-header svg {
  transform: rotate(90deg);
}
.mwm-support__accordion-header {
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  padding: 1rem;
  width: 100%;
}
.mwm-support__accordion-header svg {
  height: 1.5rem;
  transition: transform 0.3s ease;
  width: 1.5rem;
}
.mwm-support__accordion-content {
  color: var(--mwm--color--secondary);
  display: none;
  padding: 0 1rem 1rem;
}
.mwm-support__contact-desc {
  margin-bottom: 1.5rem;
}
.mwm-support__form label > span:first-child {
  display: block;
  margin-bottom: 8px;
}
.mwm-support__form input[type=submit] {
  width: 100%;
}
.mwm-support__resources-grid {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}
.mwm-support__resource {
  background: var(--mwm--color--gray-1);
  border-radius: 0.625rem;
  padding: 1.5rem;
  text-decoration: none;
  transition: transform 0.3s ease;
}
.mwm-support__resource:hover {
  transform: translateY(-5px);
}
.mwm-support__resource-icon {
  align-items: center;
  background: var(--mwm--color--white);
  border-radius: 50%;
  display: flex;
  height: 3rem;
  justify-content: center;
  margin-bottom: 1rem;
  width: 3rem;
}
.mwm-support__resource-icon svg {
  height: 1.5rem;
  width: 1.5rem;
}
.mwm-support__resource h3 {
  margin-bottom: 0.5rem;
}
.mwm-support__resource p {
  color: var(--mwm--color--gray-5);
  font-size: var(--mwm--font-size--body200);
  margin: 0;
}

/*  # MWM PROGRESS
===================================*/
.mwm-progress {
  padding: 2rem 0;
}
.mwm-progress__header {
  margin-bottom: 3rem;
}
.mwm-progress__overview {
  background: var(--mwm--color--gray-1);
  border-radius: 0.625rem;
  margin-top: 1.5rem;
  padding: 1.5rem;
}
.mwm-progress__stats {
  display: grid;
  gap: 1.5rem;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  text-align: center;
}
.mwm-progress__stat-item {
  align-items: center;
  display: flex;
  flex-direction: column;
}
.mwm-progress__stat-number {
  color: var(--mwm--color--primary);
  font-size: var(--mwm--font-size--h200);
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.mwm-progress__stat-label {
  color: var(--mwm--color--gray-2);
  font-size: var(--mwm--font-size--body200);
}
.mwm-progress__current-level {
  background: var(--mwm--color--white);
  border-radius: 0.625rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin-bottom: 3rem;
  padding: 1.5rem;
}
.mwm-progress__current-level h2 {
  margin-bottom: 1rem;
}
.mwm-progress__level-info {
  align-items: center;
  display: flex;
  gap: 2rem;
  justify-content: space-between;
}
@media (max-width: 768px) {
  .mwm-progress__level-info {
    align-items: stretch;
    flex-direction: column;
  }
}
.mwm-progress__level-status {
  flex: 1;
}
.mwm-progress__level-bar {
  background: var(--mwm--color--gray-2);
  border-radius: 0.25rem;
  height: 0.5rem;
  margin-bottom: 0.5rem;
  overflow: hidden;
}
.mwm-progress__level-fill {
  background: var(--mwm--color--tertiary);
  height: 100%;
  transition: width 0.3s ease;
}
.mwm-progress__recent {
  margin-bottom: 3rem;
}
.mwm-progress__recent h2 {
  margin-bottom: 1.5rem;
}
.mwm-progress__activity-list {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.mwm-progress__activity-item {
  align-items: flex-start;
  background: var(--mwm--color--white);
  border-radius: 0.625rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  display: flex;
  gap: 1rem;
  padding: 1.25rem;
  transition: transform 0.3s ease;
}
.mwm-progress__activity-item:hover {
  transform: translateY(-2px);
}
.mwm-progress__activity-icon {
  align-items: center;
  background: var(--mwm--color--gray-1);
  border-radius: 50%;
  display: flex;
  height: 48px;
  justify-content: center;
  width: 48px;
}
.mwm-progress__activity-icon svg {
  height: 24px;
  width: 24px;
}
.mwm-progress__activity-content {
  flex: 1;
}
.mwm-progress__activity-content h3 {
  margin-bottom: 0.25rem;
}
.mwm-progress__activity-content p {
  color: var(--mwm--color--gray-3);
  margin-bottom: 0.5rem;
}
.mwm-progress__activity-content span {
  color: var(--mwm--color--gray-2);
}
.mwm-progress__levels h2 {
  margin-bottom: 1.5rem;
}
.mwm-progress .mwm-levels__grid {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
}
.mwm-progress .mwm-levels__item {
  background: var(--mwm--color--white);
  border-radius: 0.625rem;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  padding: 1.5rem;
  text-decoration: none;
  transition: transform 0.3s ease;
}
.mwm-progress button.mwm-levels__item {
  border: 0;
  cursor: pointer;
  font: inherit;
  text-align: left;
  width: 100%;
}
.mwm-progress .mwm-levels__item:hover {
  transform: translateY(-5px);
}
.mwm-progress .mwm-levels__item-title {
  font-size: var(--mwm--font-size--h300);
  margin-bottom: 0.5rem;
}
.mwm-progress .mwm-levels__item-code {
  background: var(--mwm--color--primary);
  border-radius: 0.25rem;
  color: var(--mwm--color--white);
  display: inline-block;
  font-size: var(--mwm--font-size--caption);
  margin-bottom: 1rem;
  padding: 0.25rem 0.5rem;
}
.mwm-progress .mwm-levels__item-progress-text {
  color: var(--mwm--color--gray-2);
  display: block;
  font-size: var(--mwm--font-size--caption);
  margin-bottom: 0.5rem;
}
.mwm-progress .mwm-levels__item-progress-bar {
  background: var(--mwm--color--gray-2);
  border-radius: 0.25rem;
  height: 0.5rem;
  overflow: hidden;
}
.mwm-progress .mwm-levels__item-progress-fill {
  background: var(--mwm--color--tertiary);
  height: 100%;
  transition: width 0.3s ease;
}

/*  # START LEVEL PICKER (HOME)
===================================*/
.muuaak-start-level {
  padding: 3rem 0;
}
.muuaak-start-level .muuaak-start-level__header {
  margin-bottom: 2.25rem;
  text-align: center;
}
.muuaak-start-level .mwm-levels__grid {
  gap: 1.25rem;
  margin: 0 auto;
  max-width: 980px;
}
.muuaak-start-level .mwm-levels__item {
  align-items: center;
  background: linear-gradient(180deg, #fff 0%, #fafafa 100%);
  border: 1px solid rgba(0, 0, 0, 0.06);
  border-radius: 1rem;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.06);
  display: grid;
  gap: 0.75rem 1rem;
  grid-template-columns: 1fr auto;
  grid-template-rows: auto auto;
  overflow: hidden;
  padding: 1.75rem;
  position: relative;
  transform: translateY(0);
  transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}
.muuaak-start-level .mwm-levels__item::after {
  background:
    radial-gradient(60% 80% at 0% 0%, rgba(31, 242, 149, 0.12) 0%, rgba(31, 242, 149, 0) 55%),
    radial-gradient(60% 80% at 100% 0%, rgba(250, 162, 0, 0.14) 0%, rgba(250, 162, 0, 0) 55%);
  content: "";
  inset: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  transition: opacity 0.25s ease;
}
.muuaak-start-level .mwm-levels__item-title {
  letter-spacing: -0.02em;
  margin: 0;
}
.muuaak-start-level .mwm-levels__item-code {
  align-self: start;
  border-radius: 0.5rem;
  box-shadow: 0 8px 18px rgba(243, 32, 57, 0.18);
  margin: 0;
  padding: 0.35rem 0.6rem;
}
.muuaak-start-level .mwm-levels__item-progress-text {
  grid-column: 1 / -1;
  margin: 0;
}
.muuaak-start-level .mwm-levels__item:hover,
.muuaak-start-level .mwm-levels__item:focus-visible {
  border-color: rgba(243, 32, 57, 0.35);
  box-shadow: 0 18px 40px rgba(0, 0, 0, 0.1);
  transform: translateY(-6px);
}
.muuaak-start-level .mwm-levels__item:hover::after,
.muuaak-start-level .mwm-levels__item:focus-visible::after {
  opacity: 1;
}
.muuaak-start-level .mwm-levels__item:focus-visible {
  outline: 2px solid rgba(243, 32, 57, 0.35);
  outline-offset: 3px;
}
.muuaak-start-level button.mwm-levels__item {
  -webkit-appearance: none;
  appearance: none;
}

/*  # HOME NEXT ACTION
===================================*/
.mwm-home-next-action {
  margin-bottom: 1.25rem;
}
.mwm-home-next-action .mwm-btn-1 {
  width: 100%;
}
.mwm-home-next-action .mwm-btn-1 > * {
  justify-content: center;
  padding: 0.75rem 1rem;
  width: 100%;
}

/*  # MWM LEVEL UNITS
===================================*/
.mwm-level-units {
  padding: 2rem 0;
}
.mwm-level-units__header {
  margin-bottom: 2rem;
}
.mwm-level-units__back {
  color: var(--mwm--color--gray-2);
  display: block;
  font-size: var(--mwm--font-size--body200);
  margin-bottom: 1rem;
  text-decoration: none;
}
.mwm-level-units__back:hover {
  color: var(--mwm--color--primary);
}
.mwm-level-units__grid {
  display: grid;
  gap: 1.5rem;
}

/* Estilos para el calendario de Talks */
.mwm-calendar {
    margin: 2rem 0;
    padding: 1.5rem;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.mwm-calendar__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.mwm-calendar__title {
    margin: 0;
    text-align: center;
    flex-grow: 1;
}

.mwm-calendar__nav-btn {
    background-color: transparent;
    border: 1px solid #ddd;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    font-size: 1.2rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}

.mwm-calendar__nav-btn:hover {
    background-color: #f5f5f5;
    border-color: #ccc;
}

.mwm-calendar__grid {
    display: grid;
    grid-template-columns: repeat(7, 1fr);
    gap: 4px;
    margin-bottom: 1.5rem;
}

.mwm-calendar__day-header {
    padding: 0.5rem;
    text-align: center;
    font-weight: bold;
    background-color: #f5f5f5;
    border-radius: 4px;
}

.mwm-calendar__day {
    position: relative;
    padding: 0.5rem;
    text-align: center;
    border-radius: 4px;
    cursor: pointer;
    transition: all 0.2s ease;
    aspect-ratio: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mwm-calendar__day:hover {
    background-color: #e9f0fd;
}

.mwm-calendar__day--prev-month,
.mwm-calendar__day--next-month {
    color: #ccc;
    background-color: #f9f9f9;
    cursor: default;
}

.mwm-calendar__day--current {
    background-color: #e9f0fd;
    color: #1e73be;
    font-weight: bold;
}

.mwm-calendar__day--selected {
    background-color: #1e73be;
    color: #fff;
}

.mwm-calendar__separator {
    height: 1px;
    background-color: #eee;
    margin: 1.5rem 0;
}

.mwm-calendar__talks {
    min-height: 200px;
}

.mwm-calendar__talks-title {
    margin-top: 0;
    margin-bottom: 1.5rem;
}

.mwm-calendar__talks-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

.mwm-calendar__talk-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border: 1px solid #eee;
    border-radius: 6px;
    margin-bottom: 1rem;
    transition: all 0.2s ease;
}

.mwm-calendar__talk-item:hover {
    border-color: #ddd;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}

.mwm-calendar__talk-info {
    flex-grow: 1;
}

.mwm-calendar__talk-title {
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.mwm-calendar__talk-level,
.mwm-calendar__talk-time,
.mwm-calendar__talk-teacher,
.mwm-calendar__talk-spots {
    margin: 0.25rem 0;
    font-size: 0.9rem;
    color: #555;
}

.mwm-calendar__talk-book-btn {
    background-color: #1e73be;
    color: white;
    border: none;
    border-radius: 4px;
    padding: 0.6rem 1.2rem;
    cursor: pointer;
    font-weight: bold;
    transition: all 0.2s ease;
}

.mwm-calendar__talk-book-btn:hover {
    background-color: #135e9e;
}

.mwm-calendar__talk-book-btn:disabled {
    background-color: #ccc;
    cursor: not-allowed;
}

.mwm-calendar__talk-registered {
    display: inline-block;
    background-color: #4CAF50;
    color: white;
    padding: 0.6rem 1.2rem;
    border-radius: 4px;
    font-weight: bold;
}

.mwm-calendar__talk-unavailable {
    display: inline-block;
    background-color: #f5f5f5;
    color: #888;
    padding: 0.6rem 1.2rem;
    border-radius: 4px;
}

.mwm-calendar__talks-loading,
.mwm-calendar__talks-empty,
.mwm-calendar__talks-error {
    padding: 2rem 1rem;
    text-align: center;
    color: #666;
}

.mwm-calendar__talks-error {
    color: #d32f2f;
}

/* Notificaciones */
.mwm-notification {
    position: fixed;
    bottom: 20px;
    right: 20px;
    padding: 1rem 1.5rem;
    border-radius: 6px;
    color: white;
    z-index: 1000;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    display: none;
    max-width: 350px;
}

.mwm-notification--success {
    background-color: #4CAF50;
}

.mwm-notification--error {
    background-color: #d32f2f;
}

.mwm-notification--info {
    background-color: #1e73be;
}

/* Estilos para la página de próximas Talks */
.mwm-next-talks__list {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-bottom: 2rem;
}

.mwm-next-talks__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1rem;
    border: 1px solid #eee;
    border-radius: 8px;
    text-decoration: none;
    color: inherit;
    transition: all 0.2s ease;
}

.mwm-next-talks__item:hover:not(.disabled) {
    border-color: #1e73be;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}

.mwm-next-talks__item.disabled {
    opacity: 0.6;
    cursor: default;
}

.mwm-next-talks__item-title {
    margin: 0 0 0.5rem 0;
    font-weight: bold;
    color: #333;
}

.mwm-next-talks__item-date,
.mwm-next-talks__item-time {
    display: block;
    margin: 0.25rem 0;
    font-size: 0.9rem;
    color: #555;
}

.mwm-next-talks__item-btn {
    padding: 0.6rem 1.2rem;
    background-color: #1e73be;
    color: white;
    border-radius: 4px;
    text-align: center;
}

.mwm-next-talks__item.disabled .mwm-next-talks__item-btn {
    background-color: #ccc;
}

.mwm-next-talks__btn {
    text-align: center;
}

/* Calendario de Talks */
.mwm-calendar__day--has-talks {
    background-color: #e6f3ff;
    border: 1px solid #4a90e2;
    position: relative;
}

.mwm-calendar__day--has-talks::after {
    content: '';
    position: absolute;
    bottom: 2px;
    left: 50%;
    transform: translateX(-50%);
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #4a90e2;
}

/* Indicador de carga */
.mwm-loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(255, 255, 255, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

.mwm-loading-spinner {
    width: 40px;
    height: 40px;
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    animation: spin 1s linear infinite;
}

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

/* Estilos para las cajas de progreso clickeables */
.mwm-single-test__progress-box {
    cursor: default;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.mwm-single-test__progress-box[href] {
    cursor: pointer;
    text-decoration: none;
}

.mwm-single-test__progress-box[href]:hover {
    transform: scale(1.1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.mwm-single-test__progress-box[href]:active {
    transform: scale(0.95);
}

/* Estilos para la barra de progreso */
.mwm-single-test__progress {
    display: flex !important;
    flex-wrap: nowrap !important;
    flex-direction: row !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    gap: 8px !important;
    justify-content: flex-start !important;
    align-items: center !important;
    width: 100% !important;
    max-width: 100% !important;
    padding-bottom: 4px !important;
}

.mwm-single-test__progress > a {
    flex: 0 0 auto !important;
}

.mwm-single-test__progress-box {
    flex: 0 0 auto;
    width: 20px;
    height: 8px;
    border-radius: 4px;
    background-color: #e9ecef;
    border: 1px solid #dee2e6;
    transition: all 0.3s ease;
    display: inline-block;
    text-decoration: none;
}

.mwm-single-test__progress-box.correct {
    background-color: #d4edda;
    border-color: #c3e6cb;
}

.mwm-single-test__progress-box.failed {
    background-color: #f8d7da;
    border-color: #f5c6cb;
}

.mwm-single-test__progress-box.current {
    background-color: #cce5ff;
    border-color: #b8daff;
}

/* Estilos para las cajas clickeables */
.mwm-single-test__progress-box[href] {
    cursor: pointer;
}

.mwm-single-test__progress-box[href]:hover {
    transform: scale(1.1);
    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}

.mwm-single-test__progress-box[href]:active {
    transform: scale(0.95);
}

/* Ajustes para el contenedor de navegación */
.mwm-single-test__nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
    width: 100%;
}

.mwm-single-test__nav-back {
    text-decoration: none;
    color: inherit;
}

.mwm-single-test__nav-progress {
    font-size: var(--mwm--font-size--caption);
    color: var(--mwm--color--gray-2);
}

/* Estilos mejorados para la barra de progreso de lecciones */
.mwm-single-test__progress {
    display: flex;
    gap: 8px;
    margin: 24px 0;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
}

.mwm-single-test__progress-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 10px;
  margin: 2px 0;
  border-radius: 8px;
  background-color: #e9ecef;
  border: 2px solid #dee2e6;
  font-size: 0.8rem;
  font-weight: 600;
  color: #222;
  text-align: center;
  text-decoration: none;
  transition: all 0.2s;
  user-select: none;
}

.mwm-single-test__progress-box.correct {
    background-color: #d4edda;
    border-color: #28a745;
    color: #155724;
}

.mwm-single-test__progress-box.failed {
    background-color: #f8d7da;
    border-color: #dc3545;
    color: #721c24;
}

.mwm-single-test__progress-box.current {
    background-color: #cce5ff;
    border-color: #007bff;
    color: #004085;
    box-shadow: 0 0 0 3px #b8daff;
    font-size: 0.8rem;
    font-weight: 700;
}

.mwm-single-test__progress-box:hover {
    filter: brightness(0.95);
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.mwm-single-test__progress-box[onclick],
.mwm-single-test__progress-box[href^='javascript'] {
    cursor: default;
    pointer-events: none;
    opacity: 0.7;
}

@media (max-width: 600px) {
    .mwm-single-test__progress {
        gap: 4px;
    }
    .mwm-single-test__progress-box {
        width: 28px;
        height: 28px;
        font-size: 0.95rem;
    }
}

.mwm-single-test__progress-container {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(20px, 1fr));
    gap: 4px;
    justify-items: center;
    align-items: center;
    width: 100%;
    max-width: 100%;
    padding-bottom: 4px;
    overflow: visible !important;
}
.mwm-single-test__progress-container > a {
    flex: 0 0 auto !important;
}

/* Botones deshabilitados global */
.mwm-unit__lesson-link.disabled,
.mwm-unit-action-btn.disabled,
.mwm-unit__mode-option.disabled {
  background-color: #ccc !important;
  color: #666 !important;
  border-color: #ccc !important;
  cursor: not-allowed !important;
}