/*!*********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[4].use[3]!./src/scss/styles.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "Quicksand";
  /* webpackIgnore: true */
  src: url("/wp-content/plugins/teachactive/src/scss/Quicksand-VariableFont_wght.woff2") format("woff2-variations");
  font-weight: 300 700; /* weight axis range */
  font-style: normal;
}
.has-bold-font-weight {
  font-weight: 700;
}
.has-medium-font-weight {
  font-weight: 600;
}
.my-account {
  font-family: "Quicksand", sans-serif;
  font-weight: 400;
}
.my-account .wp-block-button__link {
  padding: 0.75em 1em;
  color: #fff;
  border: 0;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  border-radius: 3px;
  font-size: 13px;
  font-weight: 700;
  transition: 0.3s ease-out;
  border: none;
}
.my-account .wp-block-button__link:not(.has-background) {
  background-color: var(--wp--preset--color--green);
}
.my-account .wp-block-button__link:not(.has-background):hover, .my-account .wp-block-button__link:not(.has-background):focus {
  background-color: var(--wp--preset--color--blue-mid);
}
.my-account .wp-block-button__link.is-style-outline {
  background-color: transparent;
  border-color: currentColor;
  border-width: 2px;
  border-style: solid;
}
.my-account .wp-block-button__link.is-style-outline:hover, .my-account .wp-block-button__link.is-style-outline:focus {
  background-color: #fff;
  border-color: var(--wp--preset--color--white);
  color: var(--current-color);
}
.my-account .text-only {
  font-family: "Quicksand";
  background-color: transparent;
  font-size: inherit;
  color: inherit;
}
.my-account .text-only:hover, .my-account .text-only:focus {
  color: var(--wp--preset--color--blue-mid);
}
.my-account section > .wp-block-heading:not(:first-child) {
  margin-top: 2.5rem;
  margin-bottom: 1.5rem;
}
.my-account p {
  font-size: 14px;
}
.icon {
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: baseline;
  margin-right: 1em;
  flex-shrink: 0;
}
.icon svg {
  max-width: 100%;
  height: auto;
}
.has-white-color .text-only:hover, .has-white-color .text-only:focus {
  color: #fff;
  text-decoration: underline;
}
.has-left-text-align {
  text-align: left;
}
.app-footer p {
  padding: 10px;
  text-align: center;
  margin-bottom: 0;
}
.app-header {
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 3;
}
.app-header .inner {
  max-width: 1500px;
  height: 50px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  padding: 10px 20px;
  font-size: 14px;
}
.app-header .icon-logout {
  background: url("data:image/svg+xml,%3csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 512 512%27%3e%3cpath d=%27M96 64h84c6.6 0 12 5.4 12 12v24c0 6.6-5.4 12-12 12H96c-26.5 0-48 21.5-48 48v192c0 26.5 21.5 48 48 48h84c6.6 0 12 5.4 12 12v24c0 6.6-5.4 12-12 12H96c-53 0-96-43-96-96V160c0-53 43-96 96-96zm231.1 19.5l-19.6 19.6c-4.8 4.8-4.7 12.5.2 17.1L420.8 230H172c-6.6 0-12 5.4-12 12v28c0 6.6 5.4 12 12 12h248.8L307.7 391.7c-4.8 4.7-4.9 12.4-.2 17.1l19.6 19.6c4.7 4.7 12.3 4.7 17 0l164.4-164c4.7-4.7 4.7-12.3 0-17l-164.4-164c-4.7-4.6-12.3-4.6-17 .1z%27 fill=%27white%27/%3e%3c/svg%3e") center 100% no-repeat;
  width: 18px;
  height: 18px;
  vertical-align: sub;
}
.dashboard-link {
  max-height: 40px;
}
.dashboard-link:hover, .dashboard-link:focus {
  mix-blend-mode: soft-light;
}
#nav-burger {
  display: inline-block;
  width: 22px;
  position: absolute;
  height: 18px;
  border: none;
  background: transparent;
  position: relative;
  transform: rotate(0deg);
  transition: 0.5s ease-in-out;
  margin-right: 20px;
  padding: 0;
  cursor: pointer;
}
#nav-burger span {
  display: block;
  position: absolute;
  left: 0;
  height: 2px;
  width: 100%;
  background: #fff;
  border-radius: 0px;
  opacity: 1;
  transform: rotate(0deg);
  transition: 0.25s ease-in-out;
}
#nav-burger span:nth-child(1) {
  top: 0;
}
#nav-burger span:nth-child(4) {
  bottom: 0;
}
#nav-burger span:nth-child(2), #nav-burger span:nth-child(3) {
  top: 8px;
}
#nav-burger.open span:nth-child(1), #nav-burger.open span:nth-child(4) {
  top: 8px;
  width: 0%;
  left: 50%;
}
#nav-burger.open span:nth-child(2) {
  transform: rotate(45deg);
}
#nav-burger.open span:nth-child(3) {
  transform: rotate(-45deg);
}
#additional_links {
  margin-inline: auto;
}
#additional_links ul {
  padding-left: 0;
  gap: 1.5rem;
  display: flex;
  align-items: center;
}
#additional_links li {
  list-style: none;
}
#additional_links img {
  margin-right: 6px;
}
#additional_links button, #additional_links a {
  display: flex;
  align-items: center;
}
#additional_links button:hover, #additional_links button:focus, #additional_links a:hover, #additional_links a:focus {
  text-decoration: underline;
}
.banner {
  padding: 10px;
  text-align: center;
  font-size: 14px;
  width: 100%;
}
#app-menu {
  background-size: 100vw;
  position: absolute;
  z-index: 3;
  top: 50px;
  left: 0px;
  transition: all 0.5s cubic-bezier(0.38, 0.14, 0.45, 0.79);
  transform: translate3d(-100%, 0, 0);
  height: calc(100vh - 60px);
  width: calc(260px + (100vw - 1500px) / 2);
  padding-left: calc((100vw - 1500px) / 2);
  padding-top: 20px;
  color: #fff;
  min-width: 260px;
}
#app-menu ul {
  padding-left: 0;
  margin: 1rem 0;
}
#app-menu li {
  list-style: none;
  padding: 0;
}
#app-menu a {
  display: block;
  padding: 10px 20px;
  transition: 0.25s ease-out;
}
#app-menu a:hover, #app-menu a:focus {
  background: #212B36;
}
#app-menu.open {
  transform: translate3d(0, 0, 0);
}
@media all and (max-width: 1500px) {
  #app-menu {
    padding-left: 0;
  }
}
.school-hub {
  background-color: transparent;
  display: grid;
  grid-template-areas: "header header" "aside content";
  grid-template-columns: 260px auto;
  gap: 1rem;
}
.school-hub header {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  -ms-grid-column-span: 3;
  text-align: center;
  grid-area: header;
}
.school-hub header p {
  max-width: 75ch;
  margin-inline: auto;
}
.school-hub h2 {
  display: flex;
  align-items: center;
}
.school-hub h2 img {
  margin-right: 10px;
}
.school-hub h2 svg {
  width: 22px;
  height: 22px;
}
.school-hub h2 svg path {
  fill: var(--wp--preset--color--yellow);
}
.school-hub--nav {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: aside;
  padding-right: 30px;
}
.school-hub--nav ul {
  padding-left: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.school-hub--nav a {
  padding: 20px 10px;
  border-radius: 6px;
  position: relative;
  display: flex;
  font-weight: 600;
  font-size: 15px;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  color: var(--wp--preset--color--white);
}
.school-hub--nav a img {
  width: 18px;
  height: auto;
  pointer-events: none;
}
.school-hub--nav a span {
  pointer-events: none;
}
.school-hub--nav a:after {
  content: "";
  transition: 0.25s ease-out;
  -webkit-mask-image: url("data:image/svg+xml,<svg width=\"38\" height=\"77\" viewBox=\"0 0 38 77\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M37.172 36.2172C38.2092 37.3607 38.2092 39.1046 37.172 40.2481L5.22215 75.4749C3.37883 77.5073 0 76.2033 0 73.4595V3.0059C0 0.262098 3.37883 -1.04193 5.22216 0.990452L37.172 36.2172Z\" fill=\"%23015E9C\"/></svg>");
          mask-image: url("data:image/svg+xml,<svg width=\"38\" height=\"77\" viewBox=\"0 0 38 77\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M37.172 36.2172C38.2092 37.3607 38.2092 39.1046 37.172 40.2481L5.22215 75.4749C3.37883 77.5073 0 76.2033 0 73.4595V3.0059C0 0.262098 3.37883 -1.04193 5.22216 0.990452L37.172 36.2172Z\" fill=\"%23015E9C\"/></svg>");
  -webkit-mask-position: center;
          mask-position: center;
  width: 36px;
  height: 7px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  background-color: inherit;
  position: absolute;
  top: 50%;
  transform: translateY(-50%) translateX(-2px);
  transform-origin: left;
  left: 100%;
  opacity: 0;
}
.school-hub--nav a.active {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.school-hub--nav a.active::after {
  opacity: 1;
  height: 70px;
}
.school-hub--nav li {
  list-style: none;
}
.school-hub .content {
  -ms-grid-row: 3;
  -ms-grid-column: 3;
  grid-area: content;
  border-radius: 7px;
  background-color: var(--wp--preset--color--white);
  padding: 20px;
  border: 2px solid #E0E0E0;
  grid-template-columns: 1;
  grid-template-rows: 1;
  display: grid;
}
.school-hub .content h2 {
  margin-top: 0;
}
.school-hub .content h2 svg {
  margin-right: 10px;
}
.school-hub .content > * {
  grid-column: 1/1;
  grid-row: 1/1;
  opacity: 0;
  min-height: calc(100vh - 180px);
  z-index: 1;
  pointer-events: none;
}
.school-hub .content > *.active {
  opacity: 1;
  z-index: 2;
  pointer-events: all;
}
.school-hub--create-folder, .school-hub .favourites-folder {
  border: 1px solid #E0E0E0;
  position: relative;
  border-radius: 10px;
  padding: 10px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.school-hub--create-folder span, .school-hub .favourites-folder span {
  margin-left: auto;
}
.favourites-lesson, .favourites-folder {
  padding: 10px;
  border-radius: 15px;
  box-shadow: 2px 2px 4px 0px rgba(0, 0, 0, 0.03);
  border: 1px solid #E0E0E0;
  position: relative;
  background-color: var(--wp--preset--color--off-white-blue);
}
.favourites-lesson p, .favourites-folder p {
  margin: 5px 0;
  text-align: left;
}
.favourites-lesson p.objective, .favourites-folder p.objective {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-height: 16px;
  max-width: 300px;
}
.favourites-lesson h4, .favourites-folder h4 {
  margin: 0;
  font-size: 15px;
  text-align: left;
}
.favourites-lesson a.is-style-outline, .favourites-folder a.is-style-outline {
  background-color: #fff;
  color: #707070;
  border-radius: 3px;
  font-weight: 500;
  padding: 4px;
  margin-top: 10px;
}
.dashboard-3-cols {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
}
.dashboard-3-cols > * {
  flex-basis: calc(33% - 20px);
}
.resource-item {
  display: flex;
  margin-left: 0;
  flex-direction: column;
  background-color: var(--wp--preset--color--white);
  border-radius: 5px;
  border: 1px solid #E0E0E0;
  padding: 0;
  text-align: left;
}
.resource-item > * {
  pointer-events: none;
}
.resource-item .img-container {
  max-width: 100%;
  aspect-ratio: 16/9;
  border-radius: 5px 5px 0px 0px;
  overflow: hidden;
  position: relative;
}
.resource-item .img-container img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
}
.resource-item span {
  margin-top: 10px;
  padding-left: 10px;
}
.resource-item h4 {
  padding-inline: 10px;
  margin-top: 5px;
  font-size: 18px;
}
.resource-item .badge {
  background-color: var(--wp--preset--color--blue-mid);
  color: var(--wp--preset--color--white);
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  border-top-right-radius: 5px;
  padding: 0.5rem 1rem;
  font-weight: 600;
}
.resource-item p {
  margin-top: 2px;
  padding-inline: 10px;
}
#how-to svg path, #how-to svg rect {
  stroke: var(--wp--preset--color--teal);
  fill: none;
}
#cpd h2 svg path, #cpd h2 svg rect {
  stroke: var(--wp--preset--color--orange);
  fill: none;
}
.tooltip-actions {
  display: flex;
  align-items: center;
  height: 20px;
  position: absolute;
  top: 10px;
  right: 10px;
}
.tooltip-actions svg {
  pointer-events: none;
}
.open-folder > * {
  pointer-events: none;
}
.folder-heading--home {
  color: var(--wp--preset--color--black);
}
.folder-heading--breadcrumb {
  padding-left: 0.4rem;
  color: var(--wp--preset--color--black);
  opacity: 0;
  pointer-events: none;
}
.folder-heading--breadcrumb::before {
  content: "/";
  color: var(--wp--preset--color--grey);
  padding: 0 5px;
}
.folder-heading--breadcrumb.open {
  opacity: 1;
}
.folder-heading:has(.open) .folder-headng--home {
  color: var(--wp--preset--color--grey);
}
.folders {
  interpolate-size: allow-keywords;
  transition: height 0.5s ease, content-visibility 0.5s ease allow-discrete;
  overflow: hidden;
  height: -moz-fit-content;
  height: fit-content;
}
.option-popup {
  position: absolute;
  top: 30px;
  right: 10px;
  background-color: var(--wp--preset--color--off-white);
  box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.168);
  padding: 6px;
  border-radius: 4px;
  z-index: 2;
  display: none;
  opacity: 0;
}
.option-popup::after {
  content: "";
  position: fixed;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
  width: 100vw;
  height: 100vh;
}
.option-popup.open {
  opacity: 1;
  display: grid;
  transition: opacity 0.3s linear;
}
.option-popup button.text-only {
  position: relative;
  z-index: 3;
  font-size: 12px;
}
.folder-rename form {
  width: 400px;
}
.my-account main {
  max-width: min(1500px, 90%);
  margin: 0 auto;
  padding-block: 20px;
}
.my-account main .wp-block-buttons {
  margin-top: 1rem;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.padded {
  padding: 20px;
}
.padded h2 {
  margin-top: 0;
}
.welcome-block {
  border: 1px solid #E0E0E0;
  padding: 20px;
  background-color: var(--wp--preset--color--white);
}
.glide {
  position: relative;
  max-width: 100%;
}
.border-block {
  border-radius: 8px;
  border: 1px solid #E0E0E0;
}
.seasonal-glide {
  max-width: calc(100% - 60px);
  margin-inline: auto;
}
.seasonal-glide .glide__track {
  padding: 0;
}
.seasonal-glide .glide__arrows {
  width: calc(100% + 70px);
  left: -35px;
}
.seasonal-glide .glide__slides {
  padding-bottom: 3px;
}
.seasonal-glide .glide__slide {
  padding: 10px;
}
.seasonal-glide .glide__slide > p, .seasonal-glide .glide__slide > .wp-block-heading, .seasonal-glide .glide__slide > a {
  margin-inline: 10px;
}
.seasonal-glide .glide__slide a {
  font-size: 12px;
  display: inline-block;
}
.seasonal-glide .border-block {
  border: none;
  box-shadow: inset 0px 0px 0px 1px #E0E0E0;
}
.seasonal-glide .wp-block-heading {
  min-height: 2.2em;
}
.seasonal-glide .img-container {
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  aspect-ratio: 5/2;
}
.seasonal-glide .img-container img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
}
.glide__arrows button {
  background-color: transparent;
  width: 30px;
  border: none;
  opacity: 0.6;
}
.glide__arrows button:hover, .glide__arrows button:focus {
  opacity: 1;
}
.glide__arrows button svg {
  width: 100%;
  height: auto;
}
.glide__arrows button path {
  fill: var(--wp--preset--color--blue-mid);
}
.dashboard-news-article {
  position: relative;
  margin-bottom: 3dvb;
  padding-right: 25px;
  padding-left: 12px;
}
.dashboard-news-article a {
  display: grid;
  gap: 1rem;
  grid-template-columns: repeat(6, 1fr);
}
.dashboard-news-article a:hover, .dashboard-news-article a:focus {
  text-decoration: none;
}
.dashboard-news-article a:hover h3, .dashboard-news-article a:hover date, .dashboard-news-article a:focus h3, .dashboard-news-article a:focus date {
  color: var(--wp--preset--color--blue-mid);
}
.dashboard-news-article .img-container {
  grid-column: 1/1;
  aspect-ratio: 1/1;
  position: relative;
  border-radius: 15px;
  overflow: hidden;
}
.dashboard-news-article .img-container img {
  width: 100%;
  height: 100%;
  -o-object-position: center;
     object-position: center;
  -o-object-fit: cover;
     object-fit: cover;
}
.dashboard-news-article date {
  font-size: 14px;
  font-weight: 600;
}
.dashboard-news-article .content {
  grid-column: 2/span 5;
}
.dashboard-news-article h3 {
  font-weight: 700;
  margin-top: 0;
}
.grid--block {
  border-radius: 8px;
  position: relative;
  padding: calc(10px + 2vw) calc(10px + 2vw) calc(20px + 2vw) calc(10px + 2vw);
}
.grid--block.col-span-2 {
  padding: 20px;
}
.grid--block .wp-block-heading {
  margin-bottom: 18px;
}
#maths_lessons_block:has(.no-access) {
  background-color: var(--wp--preset--color--grey-light) !important;
}
#maths_lessons_block:has(.no-access) h3 {
  color: var(--wp--preset--color--red) !important;
}
#maths_lessons_block img {
  position: absolute;
  right: -12%;
  bottom: 5%;
  max-width: 60%;
}
#english_lessons_block:has(.no-access) {
  background-color: var(--wp--preset--color--grey-light) !important;
}
#english_lessons_block:has(.no-access) h3 {
  color: var(--wp--preset--color--purple) !important;
}
#english_lessons_block img {
  position: absolute;
  right: -53px;
  top: 38px;
  transform: rotate(-45deg);
  max-height: 95%;
}
#homework-block img {
  position: absolute;
  width: 35%;
  bottom: 13px;
  right: 14px;
}
#school-hub-block img {
  position: absolute;
  width: 35%;
  bottom: 13px;
  right: 14px;
}
#school-training-block {
  display: grid;
  gap: 10px;
  grid-template-columns: 64% 33%;
}
#school-training-block .img-container {
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
#school-training-block .img-container img {
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
  height: 100%;
}
#school-training-block p {
  max-width: 55ch;
}
#school-grid {
  align-items: flex-start;
}
.my-account .modal {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 4;
  background: none;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  opacity: 0;
}
.my-account .modal::after {
  content: "";
  position: absolute;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  overflow: auto;
  text-align: center;
  -webkit-overflow-scrolling: touch;
  backface-visibility: hidden;
  background: rgba(3, 4, 6, 0.2);
  transition: 0.3s;
  opacity: 0;
}
.my-account .modal.open {
  opacity: 1;
  pointer-events: all;
}
.my-account .modal.open::after {
  opacity: 1;
}
.my-account .modal h2 {
  padding-right: 35px;
}
.my-account .modal button.modal-close {
  font-size: 15px;
  border: none;
  font-weight: 700;
  background-color: transparent;
  position: absolute;
  top: 8px;
  right: 8px;
}
.my-account .modal p button.text-only {
  padding: 0;
}
.my-account .modal.vimeo-modal .modal-close {
  background-color: var(--wp--preset--color--grey);
  color: var(--wp--preset--color--white);
  border: 2px solid var(--wp--preset--color--white);
}
.my-account .modal.vimeo-modal .modal-close:hover, .my-account .modal.vimeo-modal .modal-close:focus {
  background-color: var(--wp--preset--color--blue-mid);
}
.my-account .modal .inner {
  position: relative;
  max-width: 90%;
  max-height: 90vh;
  border-radius: 20px;
  background-color: var(--wp--preset--color--white);
  padding: 20px;
  box-shadow: 0 6px 9px 0px rgba(5, 5, 1, 0.16);
}
.my-account .iframe-container {
  aspect-ratio: 16/9;
  min-width: 300px;
  position: relative;
  width: 80%;
}
.my-account .iframe-container iframe {
  width: 100%;
  height: 100%;
}
.my-account input[type=submit] {
  margin-top: 1rem;
}
.onboarding header {
  display: flex;
  align-items: center;
  padding-bottom: 1.5rem;
}
@media all and (max-width: 950px) {
  .onboarding header .js-modal-close.wp-block-button__link {
    position: absolute;
    top: 1rem;
    right: 1rem;
  }
}
@media all and (max-width: 800px) {
  .onboarding header {
    flex-wrap: wrap;
  }
  .onboarding header .progress {
    width: 100%;
  }
}
.onboarding h3 {
  margin-bottom: 0;
}
.onboarding p {
  max-width: 100ch;
}
.onboarding p a {
  color: var(--wp--preset--color--blue-mid);
  font-weight: 600;
  text-decoration: none;
}
.onboarding p a:focus, .onboarding p a:hover {
  text-decoration: underline;
}
.onboarding .wp-block-buttons {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
}
.onboarding .inner {
  min-width: 75%;
  border: 2px solid #EAEDF2;
}
.onboarding section {
  display: grid;
  grid-template-columns: 4fr 3fr;
  gap: 1rem;
}
@media all and (max-width: 700px) {
  .onboarding section {
    grid-template-columns: 1fr;
  }
}
.onboarding .progress {
  min-width: 120px;
  padding-inline: 1rem;
  width: 30%;
  position: relative;
  padding-top: 20px;
  margin-inline: auto;
  display: flex;
  justify-content: space-between;
}
.onboarding .progress::before {
  content: "";
  width: 100%;
  height: 10px;
  border-radius: 10px;
  background: #e8e8e8;
  position: absolute;
  top: 0;
  left: 0;
}
.onboarding .progress::after {
  content: "";
  height: 10px;
  border-radius: 10px;
  background-color: var(--wp--preset--color--green);
  position: absolute;
  top: 0;
  left: 0;
  width: 2%;
  transition: width 0.325s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.onboarding .progress[data-steps="1"]::after {
  width: calc(100% / var(--max-steps));
}
.onboarding .progress[data-steps="2"]::after {
  width: calc(100% / var(--max-steps) * 2);
}
.onboarding .progress[data-steps="3"]::after {
  width: calc(100% / var(--max-steps) * 3);
}
.onboarding .progress[data-steps="4"]::after {
  width: calc(100% / var(--max-steps) * 4);
}
.onboarding .list div {
  margin-bottom: 1rem;
  padding: 10px;
  -moz-column-gap: 1rem;
       column-gap: 1rem;
  display: grid;
  grid-template-columns: 30px auto;
  grid-template-rows: 30px auto;
  grid-template-areas: "box title" "box content";
}
.onboarding .list div label {
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  -ms-grid-column: 1;
  grid-area: box;
}
.onboarding .list div .wp-block-heading {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
  grid-area: title;
  margin: 0;
}
.onboarding .list div p {
  -ms-grid-row: 2;
  -ms-grid-column: 3;
  grid-area: content;
  grid-column-start: 2/span 1;
  margin: 0;
}
.onboarding .list div:has(input:checked) {
  background-color: var(--wp--preset--color--orange-light);
}
.onboarding input[type=checkbox] {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.onboarding label {
  position: relative;
  cursor: pointer;
}
.onboarding label::before {
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 6px;
  border: 2px solid var(--wp--preset--color--grey-light);
}
.onboarding label::after {
  position: absolute;
  left: 1px;
  top: 2px;
  content: "";
  width: 21px;
  height: 21px;
  background-color: transparent;
  -webkit-mask-image: url("data:image/svg+xml,<svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.212 10.78C2.212 10.6587 2.18867 10.598 2.142 10.598L1.82 10.752C1.82 10.6867 1.78267 10.64 1.708 10.612L1.596 10.598C1.52133 10.598 1.428 10.6307 1.316 10.696C1.29733 10.6493 1.274 10.6027 1.246 10.556C1.218 10.5093 1.19467 10.4673 1.176 10.43C1.05467 10.1967 0.933333 9.94 0.812 9.66C0.7 9.37067 0.592666 9.09533 0.49 8.834C0.396666 8.57267 0.322 8.36733 0.266 8.218C0.228666 8.09667 0.186666 7.91467 0.14 7.672C0.0933332 7.42933 0.0466667 7.12133 0 6.748C0.102667 6.81333 0.182 6.846 0.238 6.846C0.303333 6.846 0.364 6.748 0.42 6.552C0.448 6.58933 0.499333 6.608 0.574 6.608C0.63 6.608 0.672 6.58933 0.7 6.552L0.924 6.216L1.176 6.3H1.19C1.20867 6.3 1.22733 6.29067 1.246 6.272C1.26467 6.25333 1.29267 6.23467 1.33 6.216C1.40467 6.16933 1.46067 6.146 1.498 6.146L1.54 6.16C1.77333 6.272 1.92267 6.47733 1.988 6.776C2.156 7.48533 2.324 7.84 2.492 7.84C2.66 7.84 2.856 7.66267 3.08 7.308C3.192 7.13067 3.304 6.92533 3.416 6.692C3.53733 6.45867 3.65867 6.19733 3.78 5.908C3.79867 6.02 3.81733 6.076 3.836 6.076C3.88267 6.076 3.962 5.95933 4.074 5.726C4.19533 5.49267 4.38667 5.17067 4.648 4.76C4.79733 4.508 4.984 4.22333 5.208 3.906C5.44133 3.58867 5.68867 3.262 5.95 2.926C6.21133 2.59 6.46333 2.27267 6.706 1.974C6.958 1.67533 7.182 1.41867 7.378 1.204C7.574 0.989332 7.71867 0.849333 7.812 0.784C8.16667 0.541333 8.44667 0.308 8.652 0.0839996C8.64267 0.149333 8.62867 0.209999 8.61 0.266C8.60067 0.312666 8.596 0.345333 8.596 0.363999C8.596 0.401333 8.61467 0.42 8.652 0.42L9.044 0.224V0.28C9.044 0.354667 9.06267 0.392 9.1 0.392C9.128 0.392 9.184 0.35 9.268 0.266C9.352 0.182 9.39867 0.121333 9.408 0.0839996L9.38 0.28L9.856 0L9.744 0.252C9.89333 0.149333 10.0007 0.0979996 10.066 0.0979996C10.1033 0.0979996 10.1313 0.121333 10.15 0.167999C10.1687 0.205333 10.178 0.242666 10.178 0.28C10.178 0.336 10.1547 0.401333 10.108 0.475999C10.0613 0.550666 10.0007 0.639333 9.926 0.742C9.87 0.816666 9.77667 0.928667 9.646 1.078C9.52467 1.218 9.338 1.428 9.086 1.708C8.834 1.97867 8.498 2.35667 8.078 2.842C7.966 2.96333 7.79333 3.178 7.56 3.486C7.32667 3.78467 7.06067 4.13467 6.762 4.536C6.47267 4.928 6.18333 5.32467 5.894 5.726C5.60467 6.12733 5.348 6.49133 5.124 6.818C4.9 7.13533 4.74133 7.37333 4.648 7.532L3.78 9.002C3.59333 9.31933 3.43933 9.58067 3.318 9.786C3.19667 9.982 3.10333 10.1173 3.038 10.192C2.898 10.36 2.744 10.5093 2.576 10.64L2.45 10.57L2.338 10.64L2.212 10.78Z\" fill=\"%23FEF8F2\"/></svg>");
          mask-image: url("data:image/svg+xml,<svg width=\"11\" height=\"11\" viewBox=\"0 0 11 11\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M2.212 10.78C2.212 10.6587 2.18867 10.598 2.142 10.598L1.82 10.752C1.82 10.6867 1.78267 10.64 1.708 10.612L1.596 10.598C1.52133 10.598 1.428 10.6307 1.316 10.696C1.29733 10.6493 1.274 10.6027 1.246 10.556C1.218 10.5093 1.19467 10.4673 1.176 10.43C1.05467 10.1967 0.933333 9.94 0.812 9.66C0.7 9.37067 0.592666 9.09533 0.49 8.834C0.396666 8.57267 0.322 8.36733 0.266 8.218C0.228666 8.09667 0.186666 7.91467 0.14 7.672C0.0933332 7.42933 0.0466667 7.12133 0 6.748C0.102667 6.81333 0.182 6.846 0.238 6.846C0.303333 6.846 0.364 6.748 0.42 6.552C0.448 6.58933 0.499333 6.608 0.574 6.608C0.63 6.608 0.672 6.58933 0.7 6.552L0.924 6.216L1.176 6.3H1.19C1.20867 6.3 1.22733 6.29067 1.246 6.272C1.26467 6.25333 1.29267 6.23467 1.33 6.216C1.40467 6.16933 1.46067 6.146 1.498 6.146L1.54 6.16C1.77333 6.272 1.92267 6.47733 1.988 6.776C2.156 7.48533 2.324 7.84 2.492 7.84C2.66 7.84 2.856 7.66267 3.08 7.308C3.192 7.13067 3.304 6.92533 3.416 6.692C3.53733 6.45867 3.65867 6.19733 3.78 5.908C3.79867 6.02 3.81733 6.076 3.836 6.076C3.88267 6.076 3.962 5.95933 4.074 5.726C4.19533 5.49267 4.38667 5.17067 4.648 4.76C4.79733 4.508 4.984 4.22333 5.208 3.906C5.44133 3.58867 5.68867 3.262 5.95 2.926C6.21133 2.59 6.46333 2.27267 6.706 1.974C6.958 1.67533 7.182 1.41867 7.378 1.204C7.574 0.989332 7.71867 0.849333 7.812 0.784C8.16667 0.541333 8.44667 0.308 8.652 0.0839996C8.64267 0.149333 8.62867 0.209999 8.61 0.266C8.60067 0.312666 8.596 0.345333 8.596 0.363999C8.596 0.401333 8.61467 0.42 8.652 0.42L9.044 0.224V0.28C9.044 0.354667 9.06267 0.392 9.1 0.392C9.128 0.392 9.184 0.35 9.268 0.266C9.352 0.182 9.39867 0.121333 9.408 0.0839996L9.38 0.28L9.856 0L9.744 0.252C9.89333 0.149333 10.0007 0.0979996 10.066 0.0979996C10.1033 0.0979996 10.1313 0.121333 10.15 0.167999C10.1687 0.205333 10.178 0.242666 10.178 0.28C10.178 0.336 10.1547 0.401333 10.108 0.475999C10.0613 0.550666 10.0007 0.639333 9.926 0.742C9.87 0.816666 9.77667 0.928667 9.646 1.078C9.52467 1.218 9.338 1.428 9.086 1.708C8.834 1.97867 8.498 2.35667 8.078 2.842C7.966 2.96333 7.79333 3.178 7.56 3.486C7.32667 3.78467 7.06067 4.13467 6.762 4.536C6.47267 4.928 6.18333 5.32467 5.894 5.726C5.60467 6.12733 5.348 6.49133 5.124 6.818C4.9 7.13533 4.74133 7.37333 4.648 7.532L3.78 9.002C3.59333 9.31933 3.43933 9.58067 3.318 9.786C3.19667 9.982 3.10333 10.1173 3.038 10.192C2.898 10.36 2.744 10.5093 2.576 10.64L2.45 10.57L2.338 10.64L2.212 10.78Z\" fill=\"%23FEF8F2\"/></svg>");
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-size: 14px;
          mask-size: 14px;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background-color: var(--wp--preset--color--orange-light);
}
.onboarding label:focus-within::before, .onboarding label:hover::before {
  border-color: var(--wp--preset--color--orange);
}
.onboarding label:has(input:checked)::before {
  background-color: var(--wp--preset--color--orange);
  border-color: var(--wp--preset--color--orange);
}
.onboarding .help {
  padding: 1rem 1rem 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.onboarding .help .main-image {
  max-width: 69%;
  margin-inline: auto;
  display: inline-block;
  margin-top: 2rem;
}
.modal.add-to-folder label {
  font-size: 24px;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.modal.add-to-folder select {
  padding: 10px;
  border-color: #ccc;
  border-radius: 3px;
}
.modal.add-to-folder button {
  display: block;
  margin-top: 0.5rem;
}
.add-to-folder-message {
  background-color: var(--wp--preset--color--off-white-blue);
  padding: 4px;
  border-radius: 6px;
  color: var(--wp--preset--color--blue-mid);
  margin-top: 0.5rem;
}
.add-to-folder-message:empty {
  padding: 0px;
}
.modal.upgrade .inner {
  max-width: 600px;
}
.tabs {
  position: relative;
  margin-top: 10px;
}
.tabs div {
  background: #ECEBEB;
  width: 160px;
  height: 40px;
  padding: 10px 10px 10px 0px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  margin-top: 5px;
  position: relative;
}
.tabs div.active {
  background-color: var(--wp--preset--color--white);
}
.tabs button {
  color: #212B36;
  padding: 0px 10px;
  font-weight: 600;
  background: transparent;
  overflow: hidden;
  border: none;
  width: 140px;
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-family: inherit;
}
.dashboard-box--ai::before {
  content: "";
  /* webpackIgnore: true */
  background: url(/wp-content/themes/teachactive/dist/777581407934ab092465.jpg) no-repeat bottom right/cover;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: block;
  border-radius: 4px;
  z-index: -1;
}
.add-to-folder {
  border: none;
  background-color: transparent;
  margin-left: 0.5rem;
}
.add-to-folderbutton > * {
  pointer-events: none;
}
.add-to-folder .inner {
  min-width: 250px;
}
.add-to-folder:hover, .add-to-folder:focus {
  color: var(--wp--preset--color--blue-light);
}
.add-to-folder:hover svg path, .add-to-folder:focus svg path {
  fill: var(--wp--preset--color--blue-light);
  stroke: var(--wp--preset--color--white);
}
.summary p {
  font-size: 15px;
}
.lesson-container aside .wp-block-button__link {
  width: 100%;
  margin-bottom: 10px;
}
.filters-curriculum {
  border-radius: 6px;
  margin-bottom: 1rem;
}
.filters-curriculum h3 {
  margin-top: 0;
}
.lessonType {
  display: flex;
  gap: 10px;
  margin-bottom: 30px;
}
.lessonType .maths {
  --lesson-color: var(--wp--preset--color--red);
}
.lessonType .english {
  --lesson-color: var(--wp--preset--color--purple);
}
.lessonType .active {
  font-weight: 700;
}
.lessonType a, .lessonType button {
  text-align: center;
  flex-basis: calc(50% - 10px);
  padding: 8px 10px;
  font-size: 20px;
  min-width: 100px;
  color: var(--lesson-color);
  border: 1px solid var(--lesson-color);
  border-radius: 4px;
  background-color: var(--wp--preset--color--white);
}
.lessonType a:hover, .lessonType a:focus, .lessonType a.active, .lessonType button:hover, .lessonType button:focus, .lessonType button.active {
  background-color: var(--lesson-color);
  color: var(--wp--preset--color--white);
  text-decoration: none;
}
.lessonType a.disabled, .lessonType button.disabled {
  pointer-events: none;
  background-color: var(--wp--preset--color--grey);
}
.lessonType button {
  font-size: 16px;
}
.lessonType button.maths:hover {
  background-color: var(--wp--preset--color--red) !important;
}
.lessonType button.english:hover {
  background-color: var(--wp--preset--color--purple) !important;
}
.filters-bottom .open-ai-chat {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.filters-bottom .open-ai-chat svg {
  margin-left: 0;
}
button.add-to-folder {
  display: flex;
  align-items: center;
  gap: 5px;
  font-weight: 400;
  font-size: 12.8px;
}
.grid {
  display: grid;
}
.flex {
  display: flex;
  gap: 1rem;
}
.flex-wrap {
  flex-wrap: wrap;
}
.grid-2-cols {
  grid-template-columns: 51% 49%;
  gap: 20px;
}
.align-center {
  align-items: center;
}
.col-span-2 {
  grid-column: span 2;
}
.has-orange-background-color {
  --current-color: var(--wp--preset--color--orange);
}
.has-blue-dark-background-color {
  --current-color: var(--wp--preset--color--blue-dark);
}
.my-account {
  padding-top: 50px;
  background: #f7f7f7;
}
.shifted {
  transform: translateX(260px);
}

/*# sourceMappingURL=dashboard.css.map*/