@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Cabin:wght@400;700&display=swap);

.notification_container__8ggYh {
  box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.125);
  display: block;
  margin-bottom: 1px;
  position: relative;
}

.notification_container__8ggYh .notification_message__RGK2g {
  margin: 0;
}

.notification_close__dwyjU {
  background: var(--white-color);
  border: 2px solid #fff;
  border-radius: 10px;
  cursor: pointer;
  height: 20px;
  line-height: 16px;
  position: absolute;
  right: -8px;
  top: -6px;
  width: 20px;
  z-index: 2;
}

.notification_close__dwyjU svg {
  color: #999;
}

.notification_confirmation__nF3aH {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  -webkit-text-size-adjust: 100%;
  line-height: 1.15;
}

body {
  margin: 0;
}

main {
  display: block;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

[type='button'],
[type='reset'],
[type='submit'],
button {
  -webkit-appearance: button;
}

[type='button']::-moz-focus-inner,
[type='reset']::-moz-focus-inner,
[type='submit']::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type='button']:-moz-focusring,
[type='reset']:-moz-focusring,
[type='submit']:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

[type='checkbox'],
[type='radio'] {
  box-sizing: border-box;
  padding: 0;
}

[type='number']::-webkit-inner-spin-button,
[type='number']::-webkit-outer-spin-button {
  height: auto;
}

[type='search'] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type='search']::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

[hidden],
template {
  display: none;
}

@font-face {
  font-family: SvnGraphitel;
  src: url(/static/img/SVN-Graphitel.eab26fed12f0329680bb.ttf);
}

@font-face {
  font-display: swap;
  font-family: 'Source Serif';
  font-weight: 400;
  src: url(/static/img/SourceSerifPro-Regular.6f22301c30206f4bad62.ttf) format('truetype');
}

@media (min-width: 1024px) {
  .only-mobile {
    display: none !important;
  }
}

@media (min-width: 740px) and (max-width: 1023px) {
  .only-mobile {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .only-tablet {
    display: none !important;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .only-tablet {
    display: none !important;
  }
}

@media (min-width: 740px) and (max-width: 1023px) {
  .only-pc {
    display: none !important;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .only-pc {
    display: none !important;
  }
}

@media (min-width: 1024px) {
  .only-not-pc {
    display: none !important;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .only-pc-and-tablet {
    display: none !important;
  }
}

::selection {
  background-color: var(--primary-color);
  color: #fff;
}

@media (min-width: 0px) and (max-width: 739px) {
  body {
    -webkit-tap-highlight-color: transparent;
  }
}

a {
  -webkit-tap-highlight-color: transparent;
  text-decoration: none;
}

a:focus,
a:hover,
a:visited {
  outline: none;
  text-decoration: none;
}

ul {
  list-style-type: none;
}

b,
h1,
h2,
h3,
h4,
h5,
h6,
strong {
  font-weight: 600;
}

.noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.no-margin-paragraph p {
  margin: 0;
}

button {
  border: none;
  box-shadow: none;
  display: block;
  outline: none;
  padding: 0;
}

code[class*='language-'],
pre[class*='language-'] {
  font-family: monospace !important;
  font-size: 1.4rem !important;
  line-height: 1.8 !important;
}

pre[class*='language-'] {
  padding: 1.4rem !important;
}

.token.operator {
  background: none;
}

code {
  font-family: monospace;
  font-size: 1.4rem;
}

.Resizer {
  background-color: #2b3b52;
  opacity: 1;
}

.react-player__preview:hover .react-player__shadow {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.react-player__shadow {
  background: var(--primary-color) !important;
  transition: 0.3s ease;
}

.app-tours {
  color: #000;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.8;
  max-width: 420px !important;
  padding: 32px 36px !important;
}

.app-tours .reactour__close {
  right: 11px;
  top: 11px;
}

.app-tours .reactour__dot {
  height: 6px;
  width: 6px;
}

.app-tours .tour-btn {
  font-size: 1.4rem;
  padding: 6px 10px;
  transition: opacity 0.2s ease;
}

.app-tours .tour-btn:hover {
  opacity: 0.9;
}

.app-tours .tour-btn-primary {
  background: var(--primary-color);
  border-radius: 3px;
  color: #fff;
  font-size: 1.5rem;
}

.app-tours .listen-miu-sound {
  -webkit-animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0.5s both;
  animation: shake 0.5s cubic-bezier(0.36, 0.07, 0.19, 0.97) 0.5s both;
  color: var(--primary-color);
  font-weight: 600;
  margin-top: 16px;
}

div.public-DraftStyleDefault-block {
  cursor: text;
  line-height: 1.6;
  margin: 0;
  min-height: 4.8rem;
}

ol.public-DraftStyleDefault-ol,
ul.public-DraftStyleDefault-ul {
  margin: 0;
}

@-webkit-keyframes shake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  25% {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
  }

  50% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  75% {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
  }

  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes shake {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  25% {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
  }

  50% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  75% {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
  }

  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

div.code-toolbar>.toolbar {
  margin-right: 10px;
}

div.code-toolbar>.toolbar button {
  padding: 2px 8px !important;
}

div.code-toolbar>.toolbar a:focus,
div.code-toolbar>.toolbar a:hover,
div.code-toolbar>.toolbar button:focus,
div.code-toolbar>.toolbar button:hover,
div.code-toolbar>.toolbar span:focus,
div.code-toolbar>.toolbar span:hover {
  color: #fff !important;
  cursor: pointer;
}

.d-flex-center {
  align-items: center;
  display: flex;
  justify-content: center;
}

body .slick-dots li,
body .slick-dots li button {
  width: 32px;
}

body .slick-dots li button:before {
  background-color: #dce0e3;
  border-radius: 4px;
  content: '';
  height: 8px;
  margin-right: 10px;
  opacity: 1;
  transition: width 0.3s linear, background-color 0.3s linear;
  width: 32px;
}

body .slick-dots li.slick-active button:before {
  background-color: #9aa6af;
  width: 50px;
}

body .slick-dots li.slick-active,
body .slick-dots li.slick-active button {
  width: 50px;
}

body .slick-dots {
  bottom: -38px;
  left: 40px;
  text-align: left;
}

body .rc-md-editor .editor-container .sec-html {
  border-left: 1px solid #ebebeb;
}

body .rc-md-editor:not(.full) .rc-md-navigation {
  background-color: #fff;
  border-bottom: none;
  position: -webkit-sticky;
  position: sticky;
  top: 66px;
  z-index: 1;
}

body .rc-md-editor {
  border: none;
}

body .rc-md-editor .rc-md-navigation .button-wrap .rmel-iconfont {
  font-size: 2rem;
}

body .rc-md-editor .rc-md-navigation .button-wrap .button {
  min-width: 28px;
}

input[type='password'] {
  font-family: Verdana;
}

input::-webkit-inner-spin-button,
input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type='number'] {
  -moz-appearance: textfield;
}

@media (min-width: 0px) and (max-width: 739px) {
  .tippy-overlay-plugin {
    -webkit-animation: fadeIn 0.3s ease;
    animation: fadeIn 0.3s ease;
    background-color: rgba(0, 0, 0, 0.3);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@media (min-width: 1024px) {
  html ::-webkit-scrollbar {
    border-radius: 0;
    height: 8px;
    width: 8px;
  }

  html ::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.15);
    border-radius: 4px;
  }

  html ::-webkit-scrollbar-track {
    background-color: transparent;
    border-radius: 0;
  }
}

@media (min-width: 740px) and (max-width: 1023px) {
  body .slick-dots {
    left: 0;
  }
}

@media (min-width: 0) and (max-width: 739px) {
  body .slick-dots {
    left: 0;
  }

  body .rc-md-editor:not(.full) .rc-md-navigation {
    padding: 0;
  }

  body .rc-md-editor:not(.full) .editor-container .sec-md .input {
    min-height: 180px;
    padding: 10px 0;
  }

  body .editor-container {
    padding: 0 5px;
  }
}

.MyCourses_wrapper__5LBCf {
  min-width: 380px;
  padding-bottom: 12px;
}

.MyCourses_header__3XJPO {
  align-items: center;
  display: flex;
  padding: 14px 20px 16px;
}

.MyCourses_heading__88N5H {
  font-size: 1.8rem;
  margin: 0;
}

.MyCourses_view-all-btn__ZpnIF {
  border-radius: 4px;
  color: var(--primary-color);
  font-size: 1.4rem;
  margin-left: auto;
  padding: 8px;
}

.MyCourses_view-all-btn__ZpnIF:hover {
  background-color: #f1f1f1;
}

.MyCourses_content__YVcRz {
  -ms-scroll-chaining: none;
  max-height: 68vh;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.MyCourses_course-item__QZjzt {
  border-radius: 10px;
  display: flex;
  margin: 0 8px;
  padding: 8px 12px;
  transition: background-color 0.3s;
}

.MyCourses_course-item__QZjzt.MyCourses_active__ZFHpO,
.MyCourses_course-item__QZjzt:hover {
  background-color: rgba(22, 24, 35, 0.05);
}

.MyCourses_course-item__QZjzt.MyCourses_active__ZFHpO {
  background-color: #ffd7cc;
}

.MyCourses_forceLink__cIzDg {
  cursor: pointer;
}

.MyCourses_course-thumb__eJEMK {
  background-color: #ebebeb;
  border-radius: 8px;
  display: block;
  line-height: 67px;
  min-height: 67px;
  text-align: center;
  width: 120px;
}

.MyCourses_course-thumb__eJEMK:after {
  color: var(--text-color);
  content: 'NO IMAGE';
  font-size: 1.2rem;
}

.MyCourses_course-info__lBFc3 {
  flex: 1 1;
  margin-left: 12px;
}

.MyCourses_course-title__cxlMF {
  font-size: 1.4rem;
  margin: 6px 0 0;
}

.MyCourses_course-title__cxlMF a {
  color: var(--text-color);
}

.MyCourses_last-completed__Ar6Yh {
  color: #666;
  font-size: 1.2rem;
  margin: 4px 0 0;
}

.MyCourses_start-learning__\+z\+yP {
  background-color: transparent;
  color: var(--primary-color);
  cursor: pointer;
  display: block;
  font-size: 1.4rem;
  font-weight: 600;
  margin-top: 6px;
}

.MyCourses_empty-msg__W76B0 {
  font-size: 1.4rem;
  padding: 0 20px;
}

.VerticalProgressBar_wrapper__jVmon {
  background-color: #ddd;
  background-color: var(--bg-color, #ddd);
  border-radius: 4px;
  height: 8px;
  margin-top: 8px;
  overflow: hidden;
  position: relative;
}

.VerticalProgressBar_wrapper__jVmon:after {
  background-color: var(--primary-color);
  background-color: var(--color, var(--primary-color));
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  transition: width 1s ease;
  width: var(--progress);
}

.CircularProgressBar_pie-wrapper__ga0xC {
  height: 40px;
  height: var(--size, 40px);
  position: relative;
  width: 40px;
  width: var(--size, 40px);
}

.CircularProgressBar_pie-wrapper__ga0xC:nth-child(3n + 1) {
  clear: both;
}

.CircularProgressBar_pie-wrapper__ga0xC:hover .CircularProgressBar_shadow__N5Vl- {
  background-color: transparent;
  background-color: var(--shadow-bg-hover-color, transparent);
}

.CircularProgressBar_pie__pROMB {
  clip: rect(0, 40px, 40px, 20px);
  clip: rect(0, var(--size, 40px), var(--size, 40px), calc(var(--size, 40px) / 2));
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.CircularProgressBar_pie__pROMB.CircularProgressBar_over-half__Z52L9 {
  clip: rect(auto, auto, auto, auto);
}

.CircularProgressBar_pie__pROMB.CircularProgressBar_over-half__Z52L9 .CircularProgressBar_right-side__Bm2JN {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.CircularProgressBar_half-circle__07yig {
  clip: rect(0, 20px, 40px, 0);
  clip: rect(0, calc(var(--size, 40px) / 2), var(--size, 40px), 0);
  border: var(--bar-width) solid var(--bar-color, var(--primary-color));
  border-radius: 50%;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.CircularProgressBar_left-side__Q9ngf {
  -webkit-transform: rotate(calc(var(--progress) * 3.6deg));
  transform: rotate(calc(var(--progress) * 3.6deg));
  transition: 0.3s ease;
}

.CircularProgressBar_shadow__N5Vl- {
  border: var(--bar-width) solid var(--shadow-border-color, #d4d4d4);
  border-radius: 50%;
  height: 100%;
  transition: background-color 0.3s ease;
  width: 100%;
}

.CircularProgressBar_body__BYOBo {
  bottom: var(--bar-width);
  left: var(--bar-width);
  position: absolute;
  right: var(--bar-width);
  top: var(--bar-width);
}

.CreateButton_wrapper__Bb6o6 {
  align-items: center;
  background-color: #1473e6;
  border-color: #1473e6;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  display: flex;
  height: 44px;
  justify-content: center;
  margin: 8px 0 2px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 44px;
}

.CreateButton_wrapper__Bb6o6 .CreateButton_icon__ipBrz {
  font-size: 1.6rem;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}

.CreateButton_wrapper__Bb6o6:hover .CreateButton_icon__ipBrz {
  -webkit-transform: scale(1.4);
  transform: scale(1.4);
}

.CreateButton_wrapper__Bb6o6:not(.CreateButton_closing__ZDGR-).CreateButton_open__64TPO .CreateButton_icon__ipBrz {
  -webkit-transform: rotate(45deg) scale(1.4);
  transform: rotate(45deg) scale(1.4);
}

.CreateButton_menu__YI0Ly {
  white-space: nowrap;
}

.CreateButton_menu__YI0Ly:not(.CreateButton_closing__ZDGR-) {
  -webkit-animation: CreateButton_fadeIn__QNZHn 0.3s ease;
  animation: CreateButton_fadeIn__QNZHn 0.3s ease;
}

.CreateButton_menu__YI0Ly.CreateButton_closing__ZDGR- {
  -webkit-animation: CreateButton_fadeOut__qQsbi 0.3s ease forwards;
  animation: CreateButton_fadeOut__qQsbi 0.3s ease forwards;
}

.CreateButton_menu__YI0Ly em {
  display: inline-block;
  width: 16px;
}

@-webkit-keyframes CreateButton_fadeIn__QNZHn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes CreateButton_fadeIn__QNZHn {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes CreateButton_fadeOut__qQsbi {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes CreateButton_fadeOut__qQsbi {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  to {
    opacity: 0;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

.Sidebar_wrapper__kUJFm {
  --width: 120px;
  align-items: center;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  left: 0;
  padding: 0 8px;
  position: -webkit-sticky;
  position: sticky;
  top: 74px;
  width: var(--width);
  z-index: 8;
}

.Sidebar_list__HnCzM {
  padding-left: 0;
  margin-bottom: 0px;
  width: 100%;
}

.Sidebar_itemBtn__Q78b7 {
  align-items: center;
  text-align: center;
  background-color: #fff;
  color: #404040;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 72px;
  justify-content: center;
  margin: 4px 0;
  width: 100%;
  padding: 0 10px;
}

.Sidebar_itemBtn__Q78b7 svg {
  font-size: 1.8rem;
}

.Sidebar_itemBtn__Q78b7 span {
  font-size: 1.5rem;
  font-weight: 600;
  margin-top: 6px;
}

.Sidebar_itemBtn__Q78b7:hover {
  background-color: #e8ebed;
  border-radius: 10px;
  color: #404040;
}

.Sidebar_itemBtn__Q78b7.Sidebar_active__uvck8 {
  background-color: #e8ebed;
  border-radius: 10px;
}

.App_wrapper__sQvgd {
  transition: all 0.3s ease-in-out;
}

.App_wrapper__sQvgd:after {
  clear: both;
  content: ' ';
  display: inline-block;
}

.App_withSidebar__8lwIi {
  display: flex;
  min-height: 100vh;
}

.App_sidebarWrap__3LwsB {
  flex-shrink: 0;
}

.App_sidebarWrap__3LwsB.App_hidden__PlKoC {
  left: 0;
  padding-right: 20px;
  position: fixed;
  top: 74px;
  -webkit-transform: translateX(-96px);
  transform: translateX(-96px);
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  will-change: transform;
  z-index: 1;
}

.App_sidebarWrap__3LwsB.App_hidden__PlKoC:after {
  background-color: rgba(0, 0, 0, 0.3);
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  bottom: 0;
  content: '';
  height: 100%;
  position: absolute;
  right: 16px;
  transition: opacity 0.5s ease, -webkit-transform 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease;
  transition: transform 0.5s ease, opacity 0.5s ease, -webkit-transform 0.5s ease;
  width: 4px;
  will-change: transform opacity;
}

.App_sidebarWrap__3LwsB.App_hidden__PlKoC:hover {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

.App_sidebarWrap__3LwsB.App_hidden__PlKoC:hover:after {
  opacity: 0;
  -webkit-transform: translateX(-200px);
  transform: translateX(-200px);
}

.App_sidebarWrap__3LwsB.App_tutorial__00HQ2 {
  -webkit-animation: App_sidebarTutorial__5HGoA 3s ease 1s;
  animation: App_sidebarTutorial__5HGoA 3s ease 1s;
}

.App_sidebarWrap__3LwsB.App_tutorial__00HQ2:after {
  display: none;
}

.App_withSidebarContent__o4VlQ {
  flex: 1 1;
  max-width: 100%;
}

.App_withSidebarContent__o4VlQ:not(.App_hidden__PlKoC) {
  width: calc(100% - 120px);
  padding: 15px 60px 15px 60px;
}

.App_hiddenSidebar__CS2KK {
  background-color: #333;
}

@-webkit-keyframes App_sidebarTutorial__5HGoA {
  20% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  80% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes App_sidebarTutorial__5HGoA {
  20% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  80% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@media (min-width: 0) and (max-width: 1023px) {
  .App_withSidebarContent__o4VlQ:not(.App_hidden__PlKoC) {
    width: 100%;
    padding: 10px 32px;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .App_wrapper__sQvgd {
    overflow-x: hidden;
  }

  .App_withSidebarContent__o4VlQ:not(.App_hidden__PlKoC) {
    padding: 10px 25px;
  }
}

@media (min-width: 0px) and (max-width: 400px) {
  .App_withSidebarContent__o4VlQ:not(.App_hidden__PlKoC) {
    padding: 10px;
  }
}

span.inline-color-wrapper {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyIDIiPjxwYXRoIGZpbGw9ImdyYXkiIGQ9Ik0wIDBoMnYySDB6Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTAgMGgxdjFIMHptMSAxaDF2MUgxeiIvPjwvc3ZnPg==);
  background-position: 50%;
  background-size: 110%;
  border: 1px solid #fff;
  box-sizing: border-box;
  display: inline-block;
  height: 1.333ch;
  margin: 0 0.333ch;
  outline: 1px solid rgba(0, 0, 0, 0.5);
  overflow: hidden;
  width: 1.333ch;
}

span.inline-color {
  display: block;
  height: 120%;
  width: 120%;
}

div.code-toolbar {
  position: relative;
}

div.code-toolbar>.toolbar {
  opacity: 0;
  position: absolute;
  right: 0.2em;
  top: 0.3em;
  transition: opacity 0.3s ease-in-out;
  z-index: 10;
}

div.code-toolbar:hover>.toolbar {
  opacity: 1;
}

div.code-toolbar:focus-within>.toolbar {
  opacity: 1;
}

div.code-toolbar>.toolbar>.toolbar-item {
  display: inline-block;
}

div.code-toolbar>.toolbar>.toolbar-item>a {
  cursor: pointer;
}

div.code-toolbar>.toolbar>.toolbar-item>button {
  background: none;
  border: 0;
  color: inherit;
  font: inherit;
  line-height: normal;
  overflow: visible;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

div.code-toolbar>.toolbar>.toolbar-item>a,
div.code-toolbar>.toolbar>.toolbar-item>button,
div.code-toolbar>.toolbar>.toolbar-item>span {
  background: #f5f2f0;
  background: hsla(0, 0%, 88%, 0.2);
  border-radius: 0.5em;
  box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);
  color: #bbb;
  font-size: 0.8em;
  padding: 0 0.5em;
}

div.code-toolbar>.toolbar>.toolbar-item>a:focus,
div.code-toolbar>.toolbar>.toolbar-item>a:hover,
div.code-toolbar>.toolbar>.toolbar-item>button:focus,
div.code-toolbar>.toolbar>.toolbar-item>button:hover,
div.code-toolbar>.toolbar>.toolbar-item>span:focus,
div.code-toolbar>.toolbar>.toolbar-item>span:hover {
  color: inherit;
  text-decoration: none;
}

code[class*='language-'],
pre[class*='language-'] {
  word-wrap: normal;
  background: none;
  color: #f8f8f2;
  font-family: Consolas, Monaco, Andale Mono, Ubuntu Mono, monospace;
  font-size: 1em;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  line-height: 1.5;
  tab-size: 4;
  text-align: left;
  text-shadow: 0 1px rgba(0, 0, 0, 0.3);
  white-space: pre;
  word-break: normal;
  word-spacing: normal;
}

pre[class*='language-'] {
  border-radius: 0.3em;
  margin: 0.5em 0;
  overflow: auto;
  padding: 1em;
}

:not(pre)>code[class*='language-'],
pre[class*='language-'] {
  background: #272822;
}

:not(pre)>code[class*='language-'] {
  border-radius: 0.3em;
  padding: 0.1em;
  white-space: normal;
}

.token.cdata,
.token.comment,
.token.doctype,
.token.prolog {
  color: #8292a2;
}

.token.punctuation {
  color: #f8f8f2;
}

.token.namespace {
  opacity: 0.7;
}

.token.constant,
.token.deleted,
.token.property,
.token.symbol,
.token.tag {
  color: #f92672;
}

.token.boolean,
.token.number {
  color: #ae81ff;
}

.token.attr-name,
.token.builtin,
.token.char,
.token.inserted,
.token.selector,
.token.string {
  color: #a6e22e;
}

.language-css .token.string,
.style .token.string,
.token.entity,
.token.operator,
.token.url,
.token.variable {
  color: #f8f8f2;
}

.token.atrule,
.token.attr-value,
.token.class-name,
.token.function {
  color: #e6db74;
}

.token.keyword {
  color: #66d9ef;
}

.token.important,
.token.regex {
  color: #fd971f;
}

.token.bold,
.token.important {
  font-weight: 700;
}

.token.italic {
  font-style: italic;
}

.token.entity {
  cursor: help;
}

.PreviewImage_wrapper__gW7Pu {
  display: flex;
  flex-direction: column;
  height: 100vh;
  inset: 0;
  position: fixed;
  z-index: 99;
}

.PreviewImage_overlay__GLV9J {
  background-color: #000;
  inset: 0;
  position: absolute;
}

.PreviewImage_opacity-img__nTARD {
  -webkit-filter: blur(10px);
  filter: blur(10px);
  height: 100%;
  left: 0;
  object-fit: cover;
  opacity: 0.2;
  position: absolute;
  top: 0;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  width: 100%;
}

.PreviewImage_preview__F9q1f,
.PreviewImage_thumbnails__ztnLs {
  z-index: 1;
}

.PreviewImage_preview__F9q1f {
  align-items: center;
  display: flex;
  flex: 1 1;
  height: calc(100vh - 60px);
  justify-content: center;
  padding: 48px 0 16px;
  position: relative;
  width: 100%;
}

.PreviewImage_preview-image__YYXA3 {
  max-height: 100%;
  max-width: 100%;
}

.PreviewImage_navigate-btn__PFJOD {
  align-items: center;
  background-color: transparent;
  border: none;
  bottom: 0;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 1.8rem;
  justify-content: center;
  outline: none;
  position: absolute;
  top: 0;
  transition: 0.3s;
  width: 70px;
}

.PreviewImage_navigate-btn__PFJOD span {
  align-items: center;
  background-color: #000;
  border-radius: 50%;
  display: flex;
  height: 40px;
  justify-content: center;
  width: 40px;
}

.PreviewImage_prev-btn__wLnyh {
  left: 0;
}

.PreviewImage_next-btn__uf0pf {
  right: 0;
}

.PreviewImage_thumbnails__ztnLs {
  align-items: center;
  display: flex;
  height: 60px;
  max-width: 100vw;
  overflow-x: auto;
}

.PreviewImage_thumbnail-item__k-oHd {
  cursor: pointer;
  flex-shrink: 0;
  height: 36px;
  opacity: 0.4;
  overflow: hidden;
  padding: 0 4px;
  width: 44px;
}

.PreviewImage_thumbnail-item__k-oHd.PreviewImage_active__sWXu-,
.PreviewImage_thumbnail-item__k-oHd:hover {
  opacity: 1;
}

.PreviewImage_thumbnail-item__k-oHd.PreviewImage_active__sWXu- img {
  border: 1px solid #5ebbff;
}

.PreviewImage_thumbnail-item__k-oHd img {
  border: 1px solid transparent;
  transition: 0.3s;
}

@media (min-width: 0px) and (max-width: 739px) {
  .PreviewImage_thumbnail-item__k-oHd:hover {
    opacity: 0.4;
  }

  .PreviewImage_thumbnail-item__k-oHd.PreviewImage_active__sWXu- {
    opacity: 1;
  }
}

.PreviewImage_thumbnail-item__k-oHd img {
  border-radius: 6px;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.PreviewImage_close-button__wDhwA {
  background-color: transparent;
  border: none;
  color: #fff;
  cursor: pointer;
  font-size: 2.5rem;
  outline: none;
  padding: 20px 25px 25px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
}

@media (min-width: 0px) and (max-width: 739px) {
  .PreviewImage_image-slideshow__PCCVL {
    display: flex;
    height: 100%;
    overflow-x: scroll;
    -ms-scroll-snap-type: x mandatory;
    scroll-snap-type: x mandatory;
    width: 100vw;
  }

  .PreviewImage_slideshow-item__NdWeW {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    height: 100%;
    justify-content: center;
    scroll-snap-align: start;
    width: 100vw;
  }

  .PreviewImage_slideshow-image__\+2-a1 {
    max-height: 100%;
    max-width: 100%;
  }
}

.MarkdownParser_wrapper__JYN63 {
  word-wrap: break-word;
  color: #292929;
  font-size: 1.8rem;
  font-size: var(--font-size, 1.8rem);
  line-height: 2;
  line-height: var(--line-height, 2);
}

.MarkdownParser_wrapper__JYN63 h1,
.MarkdownParser_wrapper__JYN63 h2,
.MarkdownParser_wrapper__JYN63 h3,
.MarkdownParser_wrapper__JYN63 h4,
.MarkdownParser_wrapper__JYN63 h5,
.MarkdownParser_wrapper__JYN63 h6 {
  font-weight: 600;
}

.MarkdownParser_wrapper__JYN63 img {
  max-width: 100%;
}

.MarkdownParser_wrapper__JYN63 a[href] {
  color: var(--primary-color);
  text-decoration: underline;
}

.MarkdownParser_wrapper__JYN63 a[data-link] {
  color: #666;
  display: none;
  font-size: 1.8rem;
  margin-left: -28px;
  text-decoration: none;
  width: 28px;
}

.MarkdownParser_wrapper__JYN63 a[data-link]:hover {
  color: #333;
}

.MarkdownParser_wrapper__JYN63 h2[data-appended]:hover a[data-link] {
  display: inline-block;
}

.MarkdownParser_wrapper__JYN63 code:not([class]) {
  background-color: rgba(96, 125, 139, 0.2);
  border-radius: 3px;
  padding: 3px 4px;
  white-space: pre-wrap !important;
}

.MarkdownParser_wrapper__JYN63 code[class*='language-'],
.MarkdownParser_wrapper__JYN63 pre[class*='language-'] {
  font-size: 1.5rem !important;
  line-height: 1.8 !important;
}

.MarkdownParser_wrapper__JYN63 hr {
  background-color: #ddd;
  border: transparent;
  height: 1px;
  margin: 40px 0;
}

.MarkdownParser_wrapper__JYN63 blockquote {
  border-left: 3px solid var(--primary-color);
  color: #757575;
  margin-left: 0;
  padding: 0 0 2px 20px;
}

.MarkdownParser_wrapper__JYN63 blockquote p {
  margin: 0;
}

.MarkdownParser_wrapper__JYN63 ol,
.MarkdownParser_wrapper__JYN63 ul {
  margin: 28px 0;
  padding-left: 24px;
}

.MarkdownParser_wrapper__JYN63 ul li {
  list-style: disc;
}

.MarkdownParser_wrapper__JYN63 table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.MarkdownParser_wrapper__JYN63 table tr td,
.MarkdownParser_wrapper__JYN63 table tr th {
  border: 1px solid #e6dfdd;
  font-size: 1.4rem;
  line-height: 1.6;
  padding: 2px 4px 2px 12px;
  text-align: left;
}

.MarkdownParser_wrapper__JYN63 strong {
  font-weight: 700;
}

.MarkdownParser_wrapper__JYN63 em {
  font-style: italic;
  font-weight: unset;
}

.Modal_modal__yEgVW {
  background-color: var(--white-color);
  display: flex;
  inset: 0;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  will-change: opacity, transform;
  z-index: 999;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Modal_modal__yEgVW {
    min-height: 400px;
  }
}

.Modal_modal-white__ivtgq .Modal_overlay__b\+zEz {
  background-color: var(--white-color);
}

.Modal_modal__yEgVW.Modal_large__szDwx {
  border-radius: 16px;
  inset: auto;
  left: 50%;
  min-width: 85vw;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.Modal_modal__yEgVW.Modal_large__szDwx .Modal_content__yBmFf {
  padding: 20px 40px;
}

.Modal_modal__yEgVW.Modal_large__szDwx .Modal_overlay__b\+zEz {
  background-color: rgba(0, 0, 0, 0.5);
}

@media (min-width: 0px) and (max-width: 739px) {
  .Modal_modal__yEgVW.Modal_large__szDwx {
    min-width: 90vw;
  }
}

.Modal_modal__yEgVW.Modal_medium__zla8s {
  border-radius: 16px;
  inset: auto;
  left: 50%;
  min-width: 60vw;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.Modal_modal__yEgVW.Modal_medium__zla8s .Modal_content__yBmFf {
  padding: 20px 40px;
}

.Modal_modal__yEgVW.Modal_medium__zla8s .Modal_overlay__b\+zEz {
  background-color: rgba(0, 0, 0, 0.5);
}

.Modal_modal__yEgVW.Modal_small__k\+Lbe {
  border-radius: 16px;
  inset: auto;
  left: 50%;
  min-width: 40vw;
  top: 35%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media (min-width: 0px) and (max-width: 739px) {
  .Modal_modal__yEgVW.Modal_small__k\+Lbe {
    min-width: 90vw;
  }
}

.Modal_modal__yEgVW.Modal_small__k\+Lbe .Modal_content__yBmFf {
  padding: 20px 40px;
}

.Modal_modal__yEgVW.Modal_small__k\+Lbe .Modal_overlay__b\+zEz {
  background-color: rgba(0, 0, 0, 0.5);
}

.Modal_modal__yEgVW.Modal_no-padding__B8fMb .Modal_content__yBmFf {
  padding: 0;
}

.Modal_heading__fj218 {
  font-size: 24px;
  font-weight: 700;
  margin-top: 8px;
}

.Modal_content__yBmFf {
  overflow: hidden;
  overflow-y: auto;
  padding: 100px 0;
  position: relative;
  width: 100%;
  z-index: 1;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Modal_content__yBmFf {
    padding: 0 20px !important;
  }
}

.Modal_close__nnot4 {
  color: var(--desc-color);
  font-size: 3.6rem;
  padding: 12px 24px 24px;
  position: fixed;
  right: 8px;
  top: 0;
  z-index: 99999;
}

.Modal_close__nnot4:hover {
  color: var(--black-color);
  cursor: pointer;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Modal_close__nnot4 {
    padding: 12px 10px 18px;
  }
}

.Modal_dark__FmZtM .Modal_close__nnot4 {
  color: #fff;
}

.Modal_overlay__b\+zEz {
  background-color: rgba(0, 0, 0, 0.3);
  inset: 0;
  position: fixed;
  z-index: 998;
}

.Modal_overlay__b\+zEz.Modal_close-when-click__ZXY3D {
  cursor: pointer;
}

.Modal_fade-in__lJSq9 {
  -webkit-animation: Modal_fadeIn__zuilp 0.2s ease;
  animation: Modal_fadeIn__zuilp 0.2s ease;
}

.Modal_fade-out__iU20x {
  -webkit-animation: Modal_fadeOut__JpNTD 0.2s ease;
  animation: Modal_fadeOut__JpNTD 0.2s ease;
}

@-webkit-keyframes Modal_fadeIn__zuilp {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes Modal_fadeIn__zuilp {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes Modal_fadeOut__JpNTD {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes Modal_fadeOut__JpNTD {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@media screen and (device-aspect-ratio: 40/71) {
  .Modal_modal__yEgVW {
    min-height: inherit;
  }
}

.NewFeed_wrapper__GUAsw {
  bottom: 60px;
  left: 22px;
  position: fixed;
}

.NewFeed_button__EVRw\+ {
  align-items: center;
  background-color: hsla(0, 0%, 94%, 0.8);
  border-radius: 50%;
  color: #404040;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  height: 44px;
  justify-content: center;
  margin-top: 4px;
  width: 44px;
}

.NewFeed_button__EVRw\+:hover {
  background-color: #f0f0f0;
  color: #1a1a1a;
}

.NewFeed_button__EVRw\+ .NewFeed_icon__SEASG {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  position: relative;
  width: 100%;
}

.NewFeed_button__EVRw\+ .NewFeed_new__m3i0S {
  background-color: #fa3e3e;
  border-radius: 50%;
  display: inline-block;
  height: 8px;
  position: absolute;
  right: 1px;
  top: 4px;
  width: 8px;
}

.NewFeed_button__EVRw\+ svg {
  font-size: 2.4rem;
}

.NewFeed_button__EVRw\+ span {
  font-size: 1.1rem;
  font-weight: 600;
}

.NewFeed_new-feeds-list__CRF2s {
  height: calc(100vh - 200px);
  margin: 0 -40px;
  overflow-y: overlay;
  padding: 24px 40px 0;
}

.NewFeed_modal__iBsYe {
  -webkit-transform: translateX(8px);
  transform: translateX(8px);
}

.NewFeed_new-feed-item__BNBbf {
  margin-bottom: 32px;
  padding-bottom: 10px;
}

.NewFeed_new-feed-item__BNBbf:not(:last-child) {
  border-bottom: 1px solid #ddd;
}

.NewFeed_new-feed-title__gOnro {
  font-size: 1.8rem;
  margin: 0;
}

.NewFeed_new-feed-content__Vatw- {
  padding-top: 12px;
}

.NewFeed_new-feed-content__Vatw- p {
  margin-top: 0;
}

.NewFeed_new-feed-content__Vatw- img,
.NewFeed_new-feed-content__Vatw- video {
  display: block;
  margin: 0 auto;
}

.NewFeed_loading__-qcHk {
  display: flex;
  justify-content: center;
}

.NewFeed_loading__-qcHk .NewFeed_icon__SEASG {
  -webkit-animation: NewFeed_spin__\ + kJim 0.7s linear infinite;
  animation: NewFeed_spin__\ + kJim 0.7s linear infinite;
  font-size: 2rem;
}

.NewFeed_time__BjVEx {
  color: #999;
  font-size: 1.3rem;
  margin: 4px 0 0;
}

.NewFeed_author__auHp6 {
  font-size: 1.2rem;
}

.NewFeed_author__auHp6 .NewFeed_name__kolS- {
  color: var(--primary-color);
  font-style: italic;
  font-weight: 700;
}

.NewFeed_author__auHp6 .NewFeed_icon__SEASG {
  color: #1b74e4;
  margin-left: 4px;
}

@-webkit-keyframes NewFeed_spin__\+kJim {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes NewFeed_spin__\+kJim {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.FallbackAvatar_avatar__gmj3S {
  align-items: center;
  background: transparent;
  border-radius: 50%;
  display: flex;
  justify-content: center;
}

.FallbackAvatar_avatar__gmj3S.FallbackAvatar_pro__-8mK\+ {
  background: linear-gradient(180deg, #ffd900, #b45264 93.68%);
  padding: 3px;
  position: relative;
}

.MobileMenu_mobileMenu__9z203 {
  align-items: center;
  display: flex;
}

@media (min-width: 740px) and (max-width: 1023px) {
  .MobileMenu_mobileMenu__9z203 {
    margin-right: 10px;
  }
}

.MobileMenu_wrapper__jgA7H {
  color: #707070;
  flex: 1 1;
  font-size: 2rem;
  padding: 8px 0;
}

.MobileMenu_modal__L3khQ {
  -webkit-animation: MobileMenu_fadeIn__sylZw 0.5s ease;
  animation: MobileMenu_fadeIn__sylZw 0.5s ease;
  background-color: rgba(0, 0, 0, 0.3);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 21;
}

.MobileMenu_body__LOg8e {
  -webkit-animation: MobileMenu_slideIn__228DL 0.5s ease;
  animation: MobileMenu_slideIn__228DL 0.5s ease;
  background-color: #fff;
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 60%;
}

.MobileMenu_no-scroll__r5N\+f {
  overflow: hidden;
}

.MobileMenu_scrollable__W\+Kdr {
  display: flex;
  flex-direction: column;
  font-size: 1.6rem;
  max-height: 100%;
  overflow-y: auto;
  padding: 16px 0 0 32px;
}

.MobileMenu_slideOut__8JAAV.MobileMenu_modal__L3khQ {
  -webkit-animation: MobileMenu_fadeOut__wu66f 0.5s ease forwards;
  animation: MobileMenu_fadeOut__wu66f 0.5s ease forwards;
}

.MobileMenu_slideOut__8JAAV .MobileMenu_body__LOg8e {
  -webkit-animation: MobileMenu_slideOut__8JAAV 0.5s ease forwards;
  animation: MobileMenu_slideOut__8JAAV 0.5s ease forwards;
}

.MobileMenu_user__7jzfB {
  display: flex;
  flex-direction: column;
  padding: 32px 0 32px 20px;
}

.MobileMenu_avatarWrapper__yP-P7 {
  position: relative;
  width: 96px;
}

.MobileMenu_crown__baOD3 {
  position: absolute;
  right: -10px;
  top: 0;
  width: 22px;
}

.MobileMenu_avatar__6ir-H {
  border-radius: 50%;
  height: 96px;
  object-fit: cover;
  width: 96px;
}

.MobileMenu_usernameWrapper__tGLA8 {
  margin-top: 12px;
}

.MobileMenu_fullName__XSt2Z {
  font-size: 1.6rem;
  font-weight: 600;
  margin: 0;
}

.MobileMenu_listWrap__hzp62 {
  margin-top: 24px;
}

.MobileMenu_list__9zk1j {
  border-bottom: 1px solid rgba(0, 0, 0, 0.079);
  font-size: 1.6rem;
  padding: 16px 0;
}

.MobileMenu_list__9zk1j:last-child {
  border-bottom: none;
}

.MobileMenu_list__9zk1j li a,
.MobileMenu_list__9zk1j li div {
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  color: #333;
  cursor: pointer;
  display: block;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 20px 0 20px 20px;
  transition: 0.3s;
}

.MobileMenu_list__9zk1j li div {
  padding-left: 17px;
}

.MobileMenu_list__9zk1j li a.MobileMenu_active__cBKzL,
.MobileMenu_list__9zk1j li a:hover {
  background-color: #f0f0f0;
  color: #292929;
}

.MobileMenu_list__9zk1j li a.MobileMenu_active__cBKzL a,
.MobileMenu_list__9zk1j li a:hover a {
  color: #292929;
}

.MobileMenu_list__9zk1j li em {
  color: #757575;
  display: inline-block;
  margin-right: 16px;
  text-align: center;
  width: 20px;
}

.MobileMenu_list__9zk1j li a>p {
  margin: 0;
  padding-left: 20px;
}

.MobileMenu_coursesList__zOOBq {
  padding-left: 120px;
}

.MobileMenu_backBtn__dgRaR {
  background-color: transparent;
  color: #808990;
  font-weight: 600;
  text-transform: uppercase;
}

.MobileMenu_backBtnContent__m436p {
  padding-left: 5px;
}

@-webkit-keyframes MobileMenu_fadeIn__sylZw {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes MobileMenu_fadeIn__sylZw {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes MobileMenu_fadeOut__wu66f {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes MobileMenu_fadeOut__wu66f {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@-webkit-keyframes MobileMenu_slideIn__228DL {
  0% {
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
  }

  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes MobileMenu_slideIn__228DL {
  0% {
    -webkit-transform: translateX(200%);
    transform: translateX(200%);
  }

  to {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes MobileMenu_slideOut__8JAAV {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes MobileMenu_slideOut__8JAAV {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  to {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .MobileMenu_body__LOg8e {
    width: 80%;
  }

  .MobileMenu_scrollable__W\+Kdr {
    padding: 16px 0 0 16px;
  }

  .MobileMenu_user__7jzfB {
    padding: 16px 0 0 20px;
  }

  .MobileMenu_list__9zk1j {
    margin-bottom: 0;
    padding: 8px 0;
  }

  .MobileMenu_list__9zk1j li a {
    padding: 16px 0 16px 16px;
  }
}

.UserName_icon__zT\+rB {
  color: #1b74e4;
  margin-left: 4px;
}

.Search_wrapper__Bwvae {
  border: 1px solid #bbb;
  border-radius: 20px;
  flex: 1 1;
  height: 40px;
  padding: 0 16px 0 8px;
  transition: border-color 0.2s ease-in-out;
  width: 400px;
}

.Search_wrapper__Bwvae:focus-within {
  border-color: #444;
}

.Search_wrapper__Bwvae svg {
  color: #7c7c7c;
}

.Search_searchIcon__-23JY {
  background-color: #fff;
  background-image: url(/static/images/search.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  border-radius: 50%;
  height: 32px;
  opacity: 0.7;
  transition: opacity 0.2s ease-in-out;
  width: 30px;
}

.Search_searchIcon__-23JY.Search_active__lTIZk,
.Search_searchIcon__-23JY:hover {
  opacity: 1;
}

.Search_input__GnMba {
  border: none;
  caret-color: #444;
  flex: 1 1;
  height: 100%;
  outline: none;
  padding: 0 4px;
}

.Search_clearText__JDMvH {
  cursor: pointer;
  padding: 4px 0 4px 4px;
}

.Search_clearText__JDMvH:hover svg {
  color: #757575;
}

.Search_result__l1XFr {
  -ms-scroll-chaining: none;
  color: var(--desc-color);
  font-size: 1.4rem;
  max-height: calc(90vh - 66px);
  min-height: 50px;
  min-width: 230px;
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 12px 24px;
  width: 420px;
}

.Search_header__kdHdh {
  align-items: center;
  display: flex;
  padding: 6px 0 0;
}

.Search_header__kdHdh .Search_icon__j\+Y7z {
  margin-right: 8px;
}

.Search_heading__XH96K {
  align-items: center;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
  padding: 24px 0 12px;
}

.Search_heading__XH96K h5 {
  color: var(--text-color);
  font-size: 1.4rem;
  font-weight: 500;
  margin: 0;
}

.Search_heading__XH96K a {
  color: var(--desc-color);
  font-size: 1.4rem;
}

.Search_seeMore__W2tY\+:hover {
  color: var(--primary-color);
}

.Search_searchItem__pVRo4 {
  align-items: center;
  display: flex;
  padding: 6px 0;
}

.Search_searchItem__pVRo4 img {
  border-radius: 50%;
  height: 32px;
  object-fit: cover;
  width: 32px;
}

.Search_searchItem__pVRo4 span {
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #292929;
  display: -webkit-box;
  font-size: 1.4rem;
  line-height: 1.6;
  margin-left: 12px;
  overflow: hidden;
}

.Search_spinner__NugCW {
  -webkit-animation: Search_spinner__NugCW 1s linear infinite;
  animation: Search_spinner__NugCW 1s linear infinite;
}

@-webkit-keyframes Search_fadeIn__3Hf09 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes Search_fadeIn__3Hf09 {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@-webkit-keyframes Search_spinner__NugCW {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes Search_spinner__NugCW {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.Notification_container__ulN0K {
  width: 400px;
}

.Notification_container__ulN0K header {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 16px 20px;
}

.Notification_container__ulN0K header h6 {
  font-size: 1.8rem;
  margin: 0;
}

.Notification_containerAll__vqBDH {
  box-shadow: 0 -4px 32px rgba(0, 0, 0, 0.08) !important;
  margin: 16px 0 20px !important;
  width: 720px !important;
}

.Notification_wrapperHeader__ZT91V {
  margin-top: 30px;
}

.Notification_closeBtn__D6rZh {
  font-size: 1.8rem;
  padding: 16px 20px;
  position: absolute;
  right: 0;
}

.Notification_markAsReadAll__GWVNf {
  align-items: center;
  border-radius: 50%;
  color: #757575;
  cursor: pointer;
  display: flex;
  font-size: 1.8rem;
  height: 30px;
  justify-content: center;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 30px;
}

.Notification_markAsReadAll__GWVNf:hover {
  background-color: rgba(0, 0, 0, 0.1);
}

.Notification_iconOption__pbWX8 {
  margin-right: 1px;
  margin-top: 2px;
}

.Notification_content__0k-Tt {
  max-height: 68vh;
  overflow-y: auto;
}

.Notification_content__0k-Tt .Notification_notiList__mwRIT {
  align-items: center;
  background-color: var(--white-color);
  border-radius: 10px;
  cursor: default;
  display: flex;
  flex-direction: row;
  margin: 0 8px;
  padding: 8px 36px 8px 12px;
  transition: background-color 0.3s;
}

.Notification_content__0k-Tt .Notification_notiList__mwRIT:hover {
  background-color: rgba(22, 24, 35, 0.05);
}

.Notification_content__0k-Tt .Notification_notiList__mwRIT.Notification_hasLink__FB6md {
  margin-bottom: 8px;
}

.Notification_content__0k-Tt .Notification_notiList__mwRIT.Notification_hasLink__FB6md:hover {
  cursor: pointer;
}

.Notification_content__0k-Tt .Notification_notiList__mwRIT:last-child {
  margin-bottom: 8px;
}

.Notification_content__0k-Tt .Notification_notiList__mwRIT.Notification_noSeen__msosx {
  background: rgba(240, 81, 35, 0.1);
  margin-bottom: 8px;
  position: relative;
}

.Notification_content__0k-Tt .Notification_notiList__mwRIT.Notification_noSeen__msosx:before {
  background-color: #3ea6ff;
  border-radius: 50%;
  content: '';
  display: block;
  height: 10px;
  position: absolute;
  right: 8px;
  width: 10px;
}

.Notification_contentAll__5FVjt {
  margin-bottom: 40px;
  max-height: 100%;
}

.Notification_avatar__elIfp {
  border-radius: 50%;
  flex-shrink: 0;
  height: 48px;
  position: relative;
  width: 48px;
}

.Notification_avatar__elIfp img {
  border-radius: 50%;
  height: 42px;
  object-fit: cover;
  width: 42px;
}

.Notification_avatar__elIfp .Notification_crown__I4bJr {
  height: auto !important;
  position: absolute;
  right: -7px;
  top: 0;
  width: 12px !important;
}

.Notification_messageWrapper__b-ngd {
  color: var(--text-color);
  flex: 1 1;
  font-size: 1.4rem;
  line-height: 18px;
  padding: 0 10px 0 16px;
  word-break: break-word;
}

.Notification_messageWrapper__b-ngd span[class='name'] {
  font-weight: 600;
}

.Notification_createdTime__wqIfR {
  color: var(--primary-color);
  font-size: 1.3rem;
  font-weight: 500;
  margin-top: 6px;
}

.Notification_noResult__TJd2- {
  color: var(--gray-color);
  font-size: 1.4rem;
  line-height: 18px;
  padding: 8px 16px;
}

.Notification_isSeeAll__3W0Zg {
  align-items: center;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  cursor: pointer;
  display: flex;
  height: 46px;
  justify-content: center;
}

.Notification_isSeeAll__3W0Zg:hover {
  background-color: rgba(22, 24, 35, 0.05);
}

.Notification_isSeeAll__3W0Zg p {
  color: var(--primary-color);
  font-size: 14px;
  font-weight: 500;
}

.Notification_wrapperOption__HuMED {
  -webkit-animation: Notification_menuSideIn__oLFfh 0.2s ease, Notification_fadeIn__ftxLq 0.5s;
  animation: Notification_menuSideIn__oLFfh 0.2s ease, Notification_fadeIn__ftxLq 0.5s;
  background-color: var(--white-color);
  border-radius: 8px;
  box-shadow: 0 -4px 32px rgba(0, 0, 0, 0.2);
  min-width: 310px;
  padding: 8px;
  position: relative;
}

.Notification_wrapperOption__HuMED:after {
  border: 10px solid transparent;
  border-bottom: 10px solid var(--white-color);
  content: '';
  position: absolute;
  right: 15px;
  top: -18px;
}

.Notification_itemOption__d9Wvw {
  border-radius: 6px;
  cursor: pointer;
  font-size: 1.4rem;
  padding: 10px 8px;
  transition: all 0.3s ease;
}

.Notification_itemOption__d9Wvw:hover {
  background-color: rgba(22, 24, 35, 0.05);
}

.Notification_iconOptionItem__MJzpR {
  margin-right: 10px;
}

.Notification_autoLoadMore__\+lxD9 {
  height: 20px;
  width: 100px;
}

@media (min-width: 0) and (max-width: 1024px) {
  .Notification_container__ulN0K {
    max-width: 84vw;
    width: 520px;
  }

  .navbar_fixed {
    position: fixed;
    bottom: -1px;
    background: rgb(255, 255, 255);
    z-index: 9;
    width: 100%;
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 36%);
  }

  .navbar_list {
    display: flex;
    margin: 0px;
    padding: 0px 10px;
    justify-content: space-between;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .Notification_container__ulN0K {
    margin-left: 12px;
    max-width: 94vw;
    width: 520px;
  }
}

@-webkit-keyframes Notification_menuSideIn__oLFfh {
  0% {
    opacity: 0;
    right: -400px;
  }

  to {
    opacity: 1;
    right: 0;
  }
}

@keyframes Notification_menuSideIn__oLFfh {
  0% {
    opacity: 0;
    right: -400px;
  }

  to {
    opacity: 1;
    right: 0;
  }
}

@-webkit-keyframes Notification_menuSideOut__XAFGj {
  0% {
    opacity: 1;
    right: 0;
  }

  to {
    opacity: 0;
    right: -400px;
  }
}

@keyframes Notification_menuSideOut__XAFGj {
  0% {
    opacity: 1;
    right: 0;
  }

  to {
    opacity: 0;
    right: -400px;
  }
}

@-webkit-keyframes Notification_fadeIn__ftxLq {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes Notification_fadeIn__ftxLq {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes Notification_fadeOut__IhgpY {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes Notification_fadeOut__IhgpY {
  0% {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.UserMenulanguage li {
  padding: 5px 20px;
}

.UserMenulanguage li:hover {
  background: #e3e3e3;
}

.UserMenulanguage li a {
  color: #222;
}

.UserMenulanguage img {
  margin-right: 10px;
}

.UserMenu_wrapper__kevhj {
  min-width: 230px;
  padding: 8px 24px !important;
}

.UserMenu_user__GXFLp {
  align-items: center;
  display: flex;
}

.UserMenu_avatarWrapper__9ABYL {
  margin: 10px 0;
  position: relative;
}

.UserMenu_avatar__BwHLQ {
  border-radius: 50%;
  height: 50px;
  object-fit: cover;
  width: 50px;
}

.UserMenu_crown__e31zH {
  position: absolute;
  right: -10px;
  top: 0;
  width: 15px;
}

.UserMenu_info__UqeZT {
  margin-left: 12px;
}

.UserMenu_name__L18s- {
  color: #292929;
  font-size: 1.6rem;
  font-weight: 600;
}

.UserMenu_username__7qkRU {
  color: #757575;
  font-size: 1.4rem;
  margin-top: 4px;
}

.UserMenu_list__FI9-C {
  margin: 0;
  padding-left: 0;
}

.UserMenu_list__FI9-C a {
  color: #666;
  display: block;
  font-size: 1.4rem;
  padding: 10px 0;
}

.UserMenu_list__FI9-C a:hover {
  color: #292929;
}

@-webkit-keyframes UserMenu_fadeIn__xVd9R {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes UserMenu_fadeIn__xVd9R {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }

  to {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.NavBar_wrapper__4m3K5 {
  --height: 66px;
  align-items: center;
  background-color: #fff;
  border-bottom: 1px solid #e8ebed;
  display: flex;
  font-size: 1.4rem;
  height: var(--height);
  left: 0;
  padding: 0 28px;
  position: -webkit-sticky;
  position: sticky;
  right: 0;
  top: 0;
  z-index: 20;
  justify-content: space-between;
}

@media (min-width: 0px) and (max-width: 739px) {
  .NavBar_wrapper__4m3K5 {
    z-index: 20;
  }
}

.NavBar_wrapper__4m3K5.NavBar_transparent__iIM8S {
  background-color: transparent;
  border-bottom: none;
}

.NavBar_wrapper__4m3K5.NavBar_transparent__iIM8S .NavBar_myLearn__vCvEB {
  color: #808990;
}

.NavBar_wrapper__4m3K5.NavBar_transparent__iIM8S .NavBar_myLearn__vCvEB:hover {
  color: #333;
}

.NavBar_logo__Rgo-5 {
  align-items: center;
  display: flex;
}

.NavBar_logo__Rgo-5 img {
  border-radius: 8px;
  flex-shrink: 0;
  height: 75px;
  object-fit: contain;
  width: 75px;
}

.NavBar_logo__Rgo-5 a {
  display: flex;
}

.NavBar_logo__Rgo-5:hover .NavBar_logoHeading__bs7MP svg {
  -webkit-transform: translateX(-4px);
  transform: translateX(-4px);
}

.NavBar_logoHeading__bs7MP {
  font-size: 18px;
  font-weight: 500;
  margin-left: 16px;
  color: #2c3177;
  font-weight: bold;
  margin-bottom: 0;
}

.NavBar_logoHeading__bs7MP svg {
  font-size: 1rem;
  margin-right: 4px;
  transition: 0.3s ease;
}

.NavBar_backHome__U1RTm .NavBar_logoHeading__bs7MP {
  color: #808990;
  cursor: pointer;
  font-size: 1.2rem;
  font-weight: 600;
  text-transform: uppercase;
}

/* .NavBar_actions__nSNzo, */
/* .NavBar_body__4Yhth,
.NavBar_logo__Rgo-5,
.NavBar_actions__nSNzo {
  flex: 1 1;
} */

.NavBar_actions__nSNzo {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}

.NavBar_action-icon__l9MxX {
  color: #707070;
  font-size: 1.8rem;
}

.NavBar_actionBtn__tzSZd {
  padding: 8px;
  position: relative;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.NavBar_actionBtn__tzSZd i {
  margin-left: 5px;
}

.NavBar_actionBtn__tzSZd:hover {
  cursor: pointer;
}

.NavBar_actionBtn__tzSZd:hover .NavBar_action-icon__l9MxX {
  color: #333;
}

.NavBar_avatar-wrapper__j7jMj {
  margin-left: 12px;
  position: relative;
}

.NavBar_avatar__OG7ib {
  border-radius: 50%;
  cursor: pointer;
  height: 28px;
  object-fit: cover;
  width: 28px;
}

.NavBar_crown__ezra1 {
  position: absolute;
  right: -7px;
  top: 0;
}

.NavBar_notifyCount__1e9Od {
  background-color: #fa3e3e;
  border-radius: 3px;
  color: #fff;
  font-size: 1.3rem;
  padding: 2px 3px;
  position: absolute;
  right: -2px;
  top: -2px;
}

.NavBar_loginBtn__5DxZL {
  background-color: var(--primary-color);
  border-radius: 999px;
  color: #fff;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 600;
  padding: 9px 20px;
}

.NavBar_loginBtn__5DxZL:hover {
  opacity: 0.9;
  color: #fff;
}

.NavBar_myLearn__vCvEB {
  background-color: transparent;
  color: #333;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 600;
  margin-right: 16px;
  padding: 8px;
}

.NavBar_active__tFadE {
  color: var(--primary-color);
}

@media (min-width: 740px) and (max-width: 1023px) {
  .NavBar_wrapper__4m3K5 {
    padding: 0 32px;
  }
}

@media (min-width: 0) and (max-width: 739px) {
  .NavBar_wrapper__4m3K5 {
    padding: 0 16px;
  }

  .NavBar_actionBtn__tzSZd {
    padding: 8px 12px;
  }

  .NavBar_actions__nSNzo {
    flex: 5 1;
  }

  .NavBar_loginBtn__5DxZL {
    margin-left: 16px;
  }

  .NavBar_notifyCount__1e9Od {
    right: 1px;
  }
}

.DefaultLayout_container-top__l5XfT {
  margin-bottom: 30px;
}

.DefaultLayout_heading__AvBHu {
  color: #242424;
  font-size: 2.4rem;
  font-weight: 700;
}

.DefaultLayout_desc__rr0iE {
  max-width: 840px;
}

.ExternalAlert_wrapper__ALhjt {
  align-items: center;
  -webkit-animation: ExternalAlert_fadeIn__M4GoC 0.3s ease-in-out;
  animation: ExternalAlert_fadeIn__M4GoC 0.3s ease-in-out;
  display: flex;
  inset: 0;
  justify-content: center;
  position: fixed;
  z-index: 9999;
}

@-webkit-keyframes ExternalAlert_fadeIn__M4GoC {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes ExternalAlert_fadeIn__M4GoC {
  0% {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.ExternalAlert_overlay__5ID\+x {
  background-color: rgba(0, 0, 0, 0.6);
  inset: 0;
  position: absolute;
}

.ExternalAlert_body__392bz {
  background-color: #fff;
  border-radius: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  max-height: 80vh;
  max-width: 720px;
  overflow-y: auto;
  padding: 24px 32px;
  position: relative;
  z-index: 9;
}

@media (min-width: 0px) and (max-width: 739px) {
  .ExternalAlert_body__392bz {
    margin: 16px;
  }
}

.ExternalAlert_title__OVO3T {
  font-size: 3.2rem;
  font-weight: 900;
  margin-top: 4px;
}

.ExternalAlert_cta-btn__vGIAr {
  border-radius: 999px;
  color: #fff;
  display: inline-block;
  font-size: 1.6rem;
  font-weight: 600;
  padding: 8px 16px;
  text-align: center;
}

@media (min-width: 0px) and (max-width: 739px) {
  .ExternalAlert_cta-btn__vGIAr {
    padding: 10px 16px;
    width: 100%;
  }
}

.ExternalAlert_cta-btn__vGIAr+.ExternalAlert_cta-btn__vGIAr {
  margin-left: 12px;
  margin-top: 12px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .ExternalAlert_cta-btn__vGIAr+.ExternalAlert_cta-btn__vGIAr {
    margin-left: 0;
  }
}

.ExternalAlert_cta-btn__vGIAr span {
  margin-left: 6px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .ExternalAlert_cta-btn__vGIAr span {
    margin-left: 12px;
  }
}

.ExternalAlert_cta-btn__vGIAr.ExternalAlert_youtube__t67J3 {
  background-color: #eb2c3b;
}

.ExternalAlert_cta-btn__vGIAr.ExternalAlert_facebook__R9esz {
  background-color: #4867aa;
}

.ExternalAlert_cta-btn__vGIAr.ExternalAlert_tiktok__wqh2v {
  background-color: #000;
}

.ExternalAlert_cta-btn__vGIAr:hover {
  opacity: 0.9;
}

.Tabs_wrapper__qiy9G {
  width: 100%;
}

.Tabs_tabs__iPd9T {
  display: flex;
  margin-bottom: 16px;
  overflow-x: auto;
  overflow-y: hidden;
}

.Tabs_tab__dUio2 {
  background-color: transparent;
  border-bottom: 2px solid transparent;
  color: #666;
  cursor: pointer;
  font-size: 1.5rem;
  font-weight: 600;
  margin-left: 16px;
  padding-bottom: 8px;
  white-space: nowrap;
}

.Tabs_tab__dUio2+.Tabs_tab__dUio2 {
  margin-left: 32px;
}

.Tabs_tab__dUio2.Tabs_active__C6OCl {
  border-color: #242424;
  color: #242424;
  cursor: default;
  font-weight: 900;
}

@media (min-width: 0) and (max-width: 739px) {
  .Tabs_tabs__iPd9T {
    display: none;
  }
}

.ContinueButton_wrapper__9oxty {
  align-items: center;
  display: flex;
  height: 100%;
  justify-content: center;
  padding: 32px 24px 48px 40px;
}

.ContinueButton_body__Bh\+7i {
  align-items: center;
  background-color: transparent;
  border-radius: 50%;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
  color: #444;
  display: flex;
  font-size: 1.6rem;
  height: 56px;
  justify-content: center;
  width: 56px;
}

.ScrollList_body__iMN-l {
  min-height: 200px;
  padding-bottom: 0;
}

.ScrollList_vertical__hG0sb {
  padding: 10px 0;
}

.ScrollList_vertical__hG0sb .SupportsHome {
  background: #f8f8f8;
  padding: 20px 20px 30px;
}

.ScrollList_vertical__hG0sb .SupportsHome .supports {
  width: 100%;
  height: 120px;
  display: block;
  background: #fff;
  margin-top: 15px;
  border: 1px solid #e8ebed;
}

.ScrollList_vertical__hG0sb .SupportsHome .supports.titleSupportsHome {
  background: unset;
  border: unset;
}

.titleSupportsHome h4 {}

.ScrollList_vertical__hG0sb .SupportsHome .supports img {
  object-fit: contain;
}

.ScrollList_horizontal__2ckCW .ScrollList_body__iMN-l {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 16px;
}

@media (min-width: 740px) and (max-width: 1023px) {
  .ScrollList_horizontal__2ckCW .ScrollList_body__iMN-l {
    padding-top: 3px;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .ScrollList_horizontal__2ckCW .ScrollList_body__iMN-l {
    padding-top: 3px;
  }
}

.ScrollList_horizontal__2ckCW .ScrollList_body__iMN-l.ScrollList_has-tab__7bkZV {
  overflow-x: hidden;
  padding-bottom: 0;
}

.ScrollList_heading-wrap__58LQx {
  align-items: baseline;
  display: flex;
}

.ScrollList_heading__BYEXH {
  color: #242424;
  font-size: 2.4rem;
  font-weight: 700;
  margin-right: auto;
  margin-top: 16px;
  font-family: unset;
}

.ScrollList_heading__BYEXH a {
  color: #000;
}

.ScrollList_heading__BYEXH .tab-item-home,
.DefaultLayout_heading__AvBHu .tab-item-home {
  padding: 10px;
  color: #888;
  display: inline-block;
}

.ScrollList_heading__BYEXH .tab-item-home.active,
.DefaultLayout_heading__AvBHu .tab-item-home.active {
  background: #cfe3fd;
  border-radius: 14px;
  color: #000;
}

.ScrollList_label__aulkb {
  background-color: #1473e6;
  border-radius: 4px;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 500;
  padding: 3px 6px;
  position: relative;
  right: -8px;
  text-transform: uppercase;
  top: -6px;
}

.ScrollList_sub-heading__4Ymiv {
  color: #82919b;
  font-size: 1.4rem;
  margin-bottom: 0;
}

.ScrollList_view-all__MTYc1 {
  background-color: transparent;
  color: var(--primary-color);
  cursor: pointer;
  font-size: 1.5rem;
  font-weight: 600;
  margin-right: 4px;
  padding: 8px 0 8px 8px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ScrollList_view-all__MTYc1 svg {
  font-size: 1.2rem;
  margin-left: 4px;
  position: relative;
  top: -1px;
  transition: 0.3s ease;
}

.ScrollList_view-all__MTYc1:hover {
  text-decoration: underline;
}

.ScrollList_view-all__MTYc1:hover svg {
  -webkit-transform: translateX(4px);
  transform: translateX(4px);
}

.ScrollList_view-all-box__cBYFh,
.ScrollList_view-all-icon__ih66M {
  display: none;
}

@media (min-width: 0) and (max-width: 739px) {
  .ScrollList_body__iMN-l {
    min-height: 180px;
  }

  .ScrollList_heading__BYEXH {
    font-size: 2rem;
  }

  .ScrollList_header__Rk0HG {
    margin-top: 8px;
  }

  .ScrollList_view-all__MTYc1 {
    display: none;
  }

  .ScrollList_label__aulkb {
    top: -4px;
  }

  .ScrollList_view-all-icon__ih66M {
    background-color: #f3f3f3;
    border-radius: 50%;
    display: inline-block;
    font-size: 1.1rem;
    height: 20px;
    line-height: 20px;
    margin-left: 10px;
    position: relative;
    text-align: center;
    top: -2px;
    width: 20px;
    cursor: pointer;
  }

  .ScrollList_view-all-icon__ih66M+.ScrollList_label__aulkb {
    display: none;
  }

  .ScrollList_view-all-box__cBYFh {
    display: block;
  }
}

@media (min-width: 0) and (max-width: 400px) {
  .ScrollList_heading__BYEXH {
    font-size: 1.7rem;
  }

  .Sidebar_itemBtn__Q78b7 span {
    font-size: 1.2rem;
  }

  .ScrollList_vertical__hG0sb .SupportsHome {
    padding: 10px 10px 20px;
  }
}

.Button_btn__RW1e2 {
  -webkit-appearance: none;
  appearance: none;
  background-color: var(--white-color);
  border: 1px solid var(--primary-color);
  border-radius: 999px !important;
  color: var(--primary-color);
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 600;
  outline: none;
  padding: 9px 16px;
  text-align: center;
  transition: 0.3s ease;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.Button_btn__RW1e2+.Button_btn__RW1e2 {
  margin-left: 16px;
}

.Share_your_activity {
  position: absolute;
  right: 0px;
  top: 0px;
}

.Button_btn_group_event_detail {

  display: flex;
  justify-content: space-evenly;
  width: 100%;
}

button.Button_btn_event_detail_left {
  /* padding: 10px 20px; */
  font-size: 1.6rem;
  /* min-width    : 180px; */
  padding: 10px;
  background-color: var(--primary-color);
  color: var(--white-color);
  border-radius: 0 25px;
  font-weight: 600;
  width: 42%;
}

button.Button_btn_event_detail_right {

  /* padding: 10px 20px; */
  font-size: 1.6rem;
  /* min-width    : 180px; */
  padding: 10px;
  background-color: var(--primary-color);
  color: var(--white-color);
  border-radius: 25px 0;
  font-weight: 600;
  width: 42%;
}


button.Button_btn_event_detail_left:hover,
button.Button_btn_event_detail_right:hover {

  background-color: #c13c15
}

button.Button_btn_event_detail_left.check,
button.Button_btn_event_detail_right.check {

  background: #18A650;
  border: 1px solid #18A650;
}

.Button_btn__RW1e2.Button_primary__86yfm {
  background-color: var(--primary-color);
  color: var(--white-color);
}


.Button_btn__RW1e2.Button_btnText__L\+Cpj {
  border-color: transparent;
  color: var(--desc-color);
}

.Button_btn__RW1e2.Button_disabled__1cmvp {
  cursor: default !important;
  opacity: 0.5 !important;
  pointer-events: none !important;
}

.Button_btn__RW1e2.Button_sizeS__0Lt75 {
  padding: 7px 12px;
}

.Button_btn__RW1e2:hover {
  cursor: pointer;
  opacity: 0.9;
}

.Button_spinner__FMirF {
  -webkit-animation: Button_spinner__FMirF 1s linear infinite;
  animation: Button_spinner__FMirF 1s linear infinite;
  margin-left: 8px;
  will-change: transform;
}

@-webkit-keyframes Button_spinner__FMirF {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes Button_spinner__FMirF {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@media (min-width: 0) and (max-width: 739px) {
  .Button_btn__RW1e2 {
    padding: 12px 16px;
  }

  .Share_your_activity {
    position: unset;
  }
}

.ActionButton_wrapper__EE-WY {
  align-items: center;
  background-color: #fff;
  border-radius: 50%;
  bottom: 64px;
  box-shadow: 0 5px 6px rgba(0, 0, 0, 0.2);
  color: var(--primary-color);
  display: flex;
  font-size: 1.6rem;
  height: 52px;
  justify-content: center;
  margin: 8px 0 2px;
  position: fixed;
  right: 36px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 52px;
}

@media (min-width: 0) and (max-width: 739px) {
  .ActionButton_wrapper__EE-WY {
    bottom: 48px;
    right: 32px;
  }
}

.CommonItem_wrapper__1FbHi {
  flex-shrink: 0;
  overflow: hidden;
}

.CommonItem_wrapper__1FbHi+.CommonItem_wrapper__1FbHi {
  margin-left: 16px;
}

.CommonItem_thumb__ew8Jj {
  background-color: #fff;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: auto 100%;
  border-radius: 16px;
  display: block;
  object-fit: cover;
  overflow: hidden;
  padding-top: 56.25%;
  position: relative;
  width: 100%;
}

.CommonItem_thumb__ew8Jj img {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.CommonItem_thumb__ew8Jj.supports img {
  object-fit: contain;
}

.CommonItem_thumb__ew8Jj.supports:hover img {
  scale: 1.1;
}

.CommonItem_thumb__ew8Jj.CommonItem_has-link__VLLrX:after {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 16px;
  content: '';
  inset: 0;
  opacity: 0;
  position: absolute;
  transition: all 0.3s ease 0s;
  visibility: hidden;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .CommonItem_thumb__ew8Jj.CommonItem_has-link__VLLrX:after {
    display: none;
  }
}

.CommonItem_thumb__ew8Jj.CommonItem_has-link__VLLrX:hover .CommonItem_cta-btn__OK\+oX,
.CommonItem_thumb__ew8Jj.CommonItem_has-link__VLLrX:hover:after {
  opacity: 1;
  visibility: visible;
}

.CommonItem_thumb__ew8Jj.CommonItem_has-link__VLLrX:hover .CommonItem_cta-btn__OK\+oX {
  top: 50%;
}

.CommonItem_cta-btn__OK\+oX {
  background-color: #fff;
  border-color: #fff;
  color: #000;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 60%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: all 0.3s ease 0s;
  visibility: hidden;
  z-index: 1;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .CommonItem_cta-btn__OK\+oX {
    display: none;
  }
}

.CommonItem_title__EpYrE a,
.CommonItem_title__EpYrE span {
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #292929;
  display: -webkit-box;
  font-size: 1.8rem;
  line-height: 1.3;
  overflow: hidden;
  max-height: 45px;
  margin-top: 10px;
}

@media (min-width: 740px) and (max-width: 1023px) {
  .CommonItem_wrapper__1FbHi {
    margin-bottom: 0;
  }
}

@media (min-width: 0) and (max-width: 739px) {
  .CommonItem_wrapper__1FbHi {
    margin-bottom: 0;
  }

  .CommonItem_title__EpYrE a {
    font-size: 1.8rem;
  }
}

.CourseItem_students-count__92kIg {
  color: #666;
  font-size: 1.4rem;
}

.CourseItem_students-count__92kIg span {
  margin-left: 8px;
}

.CourseItem_last-completed__Pau1F {
  color: #666;
  font-size: 1.3rem;
  margin: 0 0 16px;
}

.CourseItem_old-price__Y-b76 {
  font-size: 1.4rem;
  margin-right: 8px;
  text-decoration: line-through;
}

.CourseItem_main-price__6zPwS {
  color: var(--primary-color);
  font-size: 1.6rem;
  font-weight: 600;
}

.CourseItem_pre-order-thumb__AxFS7 {
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 26%;
  pointer-events: none;
  position: absolute;
  right: -0.8%;
  top: -1%;
  width: 22.5%;
}

@media (min-width: 740px) and (max-width: 1023px) {
  .CourseItem_pre-order-thumb__AxFS7 {
    right: -0.8%;
    top: -0.9%;
  }
}

.CourseItem_pro-icon__474i5 {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  left: 12px;
  padding: 5px;
  pointer-events: none;
  position: absolute;
  top: 12px;
  width: 26px;
}

.slick-loading .slick-list {
  background: #fff url(/static/img/ajax-loader.fb6f3c230cb846e25247.gif) 50% no-repeat;
}

@font-face {
  font-family: slick;
  font-style: normal;
  font-weight: 400;
  src: url(/static/img/slick.a4e97f5a2a64f0ab1323.eot);
  src: url(/static/img/slick.a4e97f5a2a64f0ab1323.eot?#iefix) format('embedded-opentype'),
    url(/static/img/slick.295183786cd8a1389865.woff) format('woff'),
    url(/static/img/slick.c94f7671dcc99dce43e2.ttf) format('truetype'),
    url(/static/img/slick.2630a3e3eab21c607e21.svg#slick) format('svg');
}

.slick-next,
.slick-prev {
  border: none;
  cursor: pointer;
  display: block;
  font-size: 0;
  height: 20px;
  line-height: 0;
  padding: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 20px;
}

.slick-next,
.slick-next:focus,
.slick-next:hover,
.slick-prev,
.slick-prev:focus,
.slick-prev:hover {
  background: transparent;
  color: transparent;
  outline: none;
}

.slick-next:focus:before,
.slick-next:hover:before,
.slick-prev:focus:before,
.slick-prev:hover:before {
  opacity: 1;
}

.slick-next.slick-disabled:before,
.slick-prev.slick-disabled:before {
  opacity: 0.25;
}

.slick-next:before,
.slick-prev:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #fff;
  font-family: slick;
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
}

.slick-prev {
  left: -25px;
}

[dir='rtl'] .slick-prev {
  left: auto;
  right: -25px;
}

.slick-prev:before {
  content: '←';
}

[dir='rtl'] .slick-prev:before {
  content: '→';
}

.slick-next {
  right: -25px;
}

[dir='rtl'] .slick-next {
  left: -25px;
  right: auto;
}

.slick-next:before {
  content: '→';
}

[dir='rtl'] .slick-next:before {
  content: '←';
}

.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  bottom: -25px;
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}

.slick-dots li {
  display: inline-block;
  margin: 0 5px;
  padding: 0;
  position: relative;
}

.slick-dots li,
.slick-dots li button {
  cursor: pointer;
  height: 20px;
  width: 20px;
}

.slick-dots li button {
  background: transparent;
  border: 0;
  color: transparent;
  display: block;
  font-size: 0;
  line-height: 0;
  outline: none;
  padding: 5px;
}

.slick-dots li button:focus,
.slick-dots li button:hover {
  outline: none;
}

.slick-dots li button:focus:before,
.slick-dots li button:hover:before {
  opacity: 1;
}

.slick-dots li button:before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #000;
  content: '•';
  font-family: slick;
  font-size: 6px;
  height: 20px;
  left: 0;
  line-height: 20px;
  opacity: 0.25;
  position: absolute;
  text-align: center;
  top: 0;
  width: 20px;
}

.slick-dots li.slick-active button:before {
  color: #000;
  opacity: 0.75;
}

.slick-slider {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  box-sizing: border-box;
  touch-action: pan-y;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -khtml-user-select: none;
}

.slick-list,
.slick-slider {
  display: block;
  position: relative;
}

.slick-list {
  margin: 0;
  overflow: hidden;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-list,
.slick-slider .slick-track {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.slick-track {
  display: block;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: 0;
}

.slick-track:after,
.slick-track:before {
  content: '';
  display: table;
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir='rtl'] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  border: 1px solid transparent;
  display: block;
  height: auto;
}

.slick-arrow.slick-hidden {
  display: none;
}

.Slideshow_wrapper__tVCSx {
  min-height: 270px;
}

.Slideshow_item__zjVUA {
  border-radius: 16px;
  height: 270px;
  overflow: hidden;
}

.Slideshow_arrow__GTGXj {
  background: #fff;
  border-radius: 50%;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  color: #4b4b4b;
  cursor: pointer;
  font-size: 1.2rem;
  height: 32px;
  line-height: 32px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 32px;
  z-index: 1;
}

.Slideshow_arrow__GTGXj:hover {
  color: #000;
}

.Slideshow_arrow__GTGXj.Slideshow_prev__Kvm2x {
  left: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.Slideshow_arrow__GTGXj.Slideshow_next__I6VEg {
  right: 0;
  -webkit-transform: translate(50%, -50%);
  transform: translate(50%, -50%);
}

.Slideshow_item__zjVUA {
  display: flex;
}

.Slideshow_left__jdrc- {
  color: #fff;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
  font-size: 1.6rem;
  justify-content: center;
  line-height: 1.6;
  max-width: 100%;
  padding: 0 36px 36px;
  width: 640px;
}

.Slideshow_heading__fHSLk {
  margin-bottom: 8px;
}

.Slideshow_heading__fHSLk .Slideshow_crownIcon__j\+\+0o {
  display: inline-block;
  margin-left: 4px;
  width: 24px;
}

.Slideshow_heading__fHSLk .Slideshow_crownIcon__j\+\+0o img {
  width: 100%;
}

.Slideshow_heading__fHSLk a {
  color: #fff;
  font-size: 3.2rem;
  font-weight: 700;
  line-height: 1.5;
}

.Slideshow_desc__XsRel {
  margin-bottom: 24px;
  margin-top: 0;
  max-width: 600px;
}

.Slideshow_ctaBtn__xcyon {
  border: 2px solid #fff;
  border-radius: 16px;
  color: #fff;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 700;
  min-width: 124px;
  padding: 4px 10px;
  text-align: center;
  transition: 0.2s ease;
  width: fit-content;
  margin-top: 10px;
}

.Slideshow_ctaBtn__xcyon:hover {
  background-color: #fff;
  color: #222;
}

.Slideshow_right__1lu8d {
  display: flex;
  flex: 3 1;
  justify-content: flex-end;
}

.Slideshow_right__1lu8d .Slideshow_img__K-c9\+ {
  height: 100%;
  object-fit: cover;
}

@media (min-width: 0) and (max-width: 739px) {
  .Slideshow_heading__fHSLk a {
    -webkit-line-clamp: 2;
  }

  .Slideshow_desc__XsRel,
  .Slideshow_heading__fHSLk a {
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .Slideshow_desc__XsRel {
    -webkit-line-clamp: 3;
  }

  .Slideshow_arrow__GTGXj.Slideshow_next__I6VEg,
  .Slideshow_arrow__GTGXj.Slideshow_prev__Kvm2x {
    display: none;
  }

  .Slideshow_arrow__GTGXj.Slideshow_showArrow__DxdnW {
    display: block;
  }
}

.PostItem_author__z4G8z {
  align-items: center;
  display: flex;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .PostItem_author__z4G8z {
    display: none;
  }
}

.PostItem_author__z4G8z .PostItem_avatar-wrapper__IdMDr {
  margin-right: 8px;
  position: relative;
}

.PostItem_author__z4G8z img {
  border-radius: 50%;
  flex-shrink: 0;
  height: 20px;
  object-fit: cover;
  width: 20px;
}

.PostItem_author__z4G8z .PostItem_crown__kwAFU {
  height: auto !important;
  position: absolute;
  right: -6px;
  top: -3px;
  width: 9px !important;
}

.PostItem_author__z4G8z a {
  color: #757575;
  font-size: 1.4rem;
}

.PostItem_author__z4G8z .PostItem_user-name__y5bjl {
  color: #292929;
  font-weight: 600;
}

.PostItem_author__z4G8z .PostItem_dot__CQhTT {
  margin: 0 8px;
}

.VideoItem_stats__uz15T {
  color: #757575;
  display: flex;
  font-size: 1.4rem;
  margin-left: -24px;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .VideoItem_stats__uz15T {
    display: none;
  }
}

.VideoItem_stats__uz15T div {
  margin-left: 24px;
}

.VideoItem_stats__uz15T span {
  margin-left: 8px;
}

.VideoItem_video-info__kqwUi {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: space-between;
  left: 0;
  padding: 16px;
  position: absolute;
  right: 0;
  z-index: 1;
}

.VideoItem_play-wrap__NX9ql {
  align-items: center;
  background-color: #fff;
  border-radius: 10px;
  display: flex;
  height: 36px;
  justify-content: center;
  width: 36px;
}

.VideoItem_play-icon__72Fo4 {
  color: #333;
  font-size: 1.3rem;
}

.VideoItem_duration__A813y {
  border: 2px solid #fff;
  border-radius: 999px;
  color: #fff;
  font-size: 1.3rem;
  font-weight: 600;
  padding: 7px 12px;
}

.Home_courseItem__aIeZ4 {
  overflow: unset;
  position: relative;
}

.Home_slideshow__7qRda:not(:empty) {
  margin-top: 18px;
}

.Home_horizontalScrollable__JsQkg {
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 16px;
}

.banner-home {
  display: flex;
  background: linear-gradient(to right, #00319a, #009dd6);
  border-radius: 30px;
  height: 270px;
  margin: 0px 5px;
  overflow: hidden;
}

.banner-home.odd {
  background: linear-gradient(to right, rgb(104, 40, 250), rgb(255, 186, 164));
}

.banner-home.even {
  background: linear-gradient(to right, rgb(254, 33, 94), rgb(255, 148, 2));
}

.banner-home-left {
  flex: 1;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 20px;
  font-size: 16px;
  color: #fff;
}

.banner-home-left h4 {
  font-size: 2.2rem;
  font-weight: bold;
  color: #fff;
}

.banner-home-left div {
  font-size: 14px;
}

.banner-home-image {
  height: 100%;
  width: 60%;
  flex: 1;
  object-fit: cover;
  border-radius: 30px;
}

.Slideshow_ctaBtn__xcyon {
  border: 2px solid #fff;
  border-radius: 16px;
  color: #fff;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 700;
  min-width: 124px;
  padding: 4px 10px;
  text-align: center;
  transition: 0.2s ease;
}

@media (max-width: 1024px) {
  .banner-home-left {
    position: absolute;
    bottom: 0;
    background: #c1c1c16e;
    max-width: 100%;
    padding: 10px;
    margin: 0 5px;
    left: 0;
    border-radius: 0 0 30px 30px;
  }

  .banner-home-left h4 {
    font-size: 1.7rem;
    cursor: pointer;
  }

  .banner-home-left div,
  .banner-home-left a {
    display: none;
  }

  .banner-home-image {
    width: 100%;
  }
}

@media (max-width: 576px) {
  .banner-home {
    height: 170px;
  }
}

@media (min-width: 0) and (max-width: 739px) {
  .Home_courseItem__aIeZ4+.Home_courseItem__aIeZ4 {
    margin-left: 16px;
  }
}

.ScrollToTop_wrapper__cD1Fh {
  cursor: pointer;
}

.ScrollToTop_arrow-up__I8D-E {
  align-items: center;
  bottom: 80px;
  display: flex;
  flex-direction: column;
  position: fixed;
  right: 50px;
  transition: opacity 0.18s;
  z-index: 222;
}

@media (min-width: 0px) and (max-width: 739px) {
  .ScrollToTop_arrow-up__I8D-E {
    bottom: 32px !important;
    right: 32px !important;
  }
}

.ScrollToTop_arrow-icon__HQ1F2 {
  align-items: center;
  background-color: #303133;
  border-radius: 50%;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
  display: flex;
  height: 60px;
  justify-content: center;
  width: 60px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .ScrollToTop_arrow-icon__HQ1F2 {
    height: 42px;
    width: 42px;
  }
}

.ScrollToTop_arrow-icon__HQ1F2 img {
  width: 30px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .ScrollToTop_arrow-icon__HQ1F2 img {
    width: 24px;
  }
}

.ScrollToTop_icon__XUnWJ {
  color: #fff;
  font-size: 2.6rem;
}

@media (min-width: 0px) and (max-width: 739px) {
  .ScrollToTop_icon__XUnWJ {
    font-size: 2.2rem;
  }
}

.ScrollToTop_description-up__ZEFAr {
  font-size: 1.2rem;
}

.AbsoluteLoading_wrapper__-V5\+- {
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
}

.BackdropContainer_wrapper__Uwp2X {
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  position: relative;
}

.BackdropContainer_mask__7bX7d {
  filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  -webkit-filter: drop-shadow(0 4px 4px rgba(0, 0, 0, 0.25));
  inset: 0;
  opacity: 0.4;
  position: absolute;
  z-index: -1;
}

.BackdropContainer_mask__7bX7d:after {
  background: linear-gradient(180deg,
      hsla(0, 0%, 100%, 0.1),
      rgba(221, 220, 252, 0.1) 40.63%,
      rgba(143, 133, 255, 0.1));
}

.BackdropContainer_mask__7bX7d:after,
.BackdropContainer_mask__7bX7d:before {
  border-radius: var(--border-radius);
  content: '';
  inset: 0;
  position: absolute;
  z-index: -1;
}

.BackdropContainer_mask__7bX7d:before {
  opacity: 0.2;
}

.BackdropContainer_background__hbQUx {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
  background: linear-gradient(96.6deg, rgba(0, 115, 121, 0.112) 11.23%, rgba(0, 95, 100, 0) 115.9%);
  border: var(--border);
  border-radius: var(--border-radius);
  inset: 0;
  position: absolute;
  z-index: -1;
}

.Button_wrapper__hzFg1 {
  -webkit-appearance: none;
  appearance: none;
  background: linear-gradient(177.34deg, #21a2ff, #8951ff 73.36%);
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  font-family: var(--font-lato);
  font-size: 1.9rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 28px;
  padding: 8px 24px;
  text-align: center;
  text-transform: uppercase;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.Button_wrapper__hzFg1:hover {
  opacity: 0.8;
}

.Title_wrapper__UZMap {
  font-family: var(--font-lexend);
  margin: 0;
}

.Title_wrapper__UZMap p {
  margin: 0;
}

.Title_wrapper__UZMap strong {
  -webkit-text-fill-color: transparent;
  background: -webkit-linear-gradient(45deg, #5ebbff -33%, #a174ff 69%);
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: unset;
}

.Ending_wrapper__ReZYJ {
  display: flex;
  margin-top: 219px;
  max-width: 100vw;
  min-height: 440px;
  padding: 80px 72px 90px;
  position: relative;
  width: 1078px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Ending_wrapper__ReZYJ {
    flex-direction: column;
    margin-top: 56px;
    padding: 0;
  }
}

.Ending_wrapper__ReZYJ>div {
  flex: 0.5 1;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Ending_wrapper__ReZYJ>div {
    padding: 0 16px;
  }
}

.Ending_wrapper__ReZYJ .Ending_background__5PUQo {
  position: absolute;
  right: -35px;
  top: 12px;
  width: 49.7%;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Ending_wrapper__ReZYJ .Ending_background__5PUQo {
    left: unset;
    margin-top: 24px;
    position: unset;
    top: unset;
    width: 100%;
  }
}

.Ending_landing-ellipse-28__KpYa\+ {
  bottom: -90px;
  left: 50%;
  position: absolute;
}

.Ending_title__XnMQD {
  font-size: 4.8rem;
  line-height: 128%;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Ending_title__XnMQD {
    font-size: 3.2rem;
    text-align: center;
  }
}

.Ending_cta-btn__UyOZB {
  margin-top: 44px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Ending_cta-btn__UyOZB {
    margin-top: 24px;
    width: 100%;
  }

  .Ending_cta-btn__UyOZB a {
    display: inline-block;
    width: 100%;
  }
}

.MdContent_wrapper__HkEEX {
  font-family: var(--font-lato);
}

.MdContent_wrapper__HkEEX strong {
  color: #5ebbff;
}

.MdContent_wrapper__HkEEX a[href] {
  color: #5ebbff;
  font-weight: 500;
  text-decoration: underline;
}

.MdContent_wrapper__HkEEX ul {
  list-style-type: unset;
}

.MdContent_wrapper__HkEEX h1,
.MdContent_wrapper__HkEEX h2,
.MdContent_wrapper__HkEEX h3,
.MdContent_wrapper__HkEEX h4,
.MdContent_wrapper__HkEEX h5,
.MdContent_wrapper__HkEEX h6 {
  font-weight: 600;
}

.MdContent_wrapper__HkEEX code[class*='language-'],
.MdContent_wrapper__HkEEX pre[class*='language-'] {
  font-size: 1.5rem !important;
  line-height: 1.8 !important;
}

.MdContent_wrapper__HkEEX hr {
  background-color: #ddd;
  border: transparent;
  height: 1px;
  margin: 40px 0;
}

.MdContent_wrapper__HkEEX ol,
.MdContent_wrapper__HkEEX ul {
  margin: 28px 0;
  padding-left: 24px;
}

.MdContent_wrapper__HkEEX ul li {
  list-style: disc;
}

.MdContent_wrapper__HkEEX table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

.MdContent_wrapper__HkEEX table tr td,
.MdContent_wrapper__HkEEX table tr th {
  border: 1px solid #e6dfdd;
  font-size: 1.4rem;
  line-height: 1.6;
  padding: 2px 4px 2px 12px;
  text-align: left;
}

.FeedbackSlide_wrapper__-Dw5R {
  --item-width: 248px;
  --active-item-width: 515px;
  --spacing: 32px;
  height: 360px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .FeedbackSlide_wrapper__-Dw5R {
    --active-item-width: var(--item-width);
  }
}

.FeedbackSlide_slide__fYrUv {
  display: flex;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(calc(var(--slide-to-index) * -1 * (var(--active-item-width) + var(--spacing) * var(--per-page) + var(--item-width) * (var(--per-page) - 1))));
  transform: translateX(calc(var(--slide-to-index) * -1 * (var(--active-item-width) + var(--spacing) * var(--per-page) + var(--item-width) * (var(--per-page) - 1))));
  transition: 0.5s;
}

.FeedbackSlide_item-wrapper__gBDu3 {
  padding: 0 15px;
}

.FeedbackSlide_item__LKTtF {
  background: #fff;
  border-radius: 16px;
  color: #000;
  display: flex !important;
  margin-right: var(--spacing);
  min-height: 360px;
  padding: 32px 20px;
  transition: width 0.3s;
  width: var(--item-width);
}

@media (min-width: 0px) and (max-width: 739px) {
  .FeedbackSlide_item__LKTtF {
    min-height: 340px;
    width: unset;
  }
}

.FeedbackSlide_background__ddmkw {
  overflow: hidden;
  width: 0;
}

.FeedbackSlide_main__sYvMN {
  display: flex;
  flex: 1 1;
  flex-direction: column;
}

.FeedbackSlide_content__pm\+a- {
  color: #4a6268;
  flex: 1 1;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 20px;
}

.FeedbackSlide_content__pm\+a- p {
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 9;
  display: -webkit-box;
  overflow: hidden;
}

.FeedbackSlide_user__OPCM4 {
  display: flex;
  height: 60px;
}

.FeedbackSlide_user__OPCM4 .FeedbackSlide_avatar__YfRl5 {
  border-radius: 50%;
  height: 60px;
  object-fit: cover;
  width: 60px;
}

.FeedbackSlide_name__wGq66 {
  flex: 1 1;
  font-family: Cabin, sans-serif;
  margin-left: 10px;
}

.FeedbackSlide_name__wGq66 .FeedbackSlide_display-name__uhXFm {
  font-size: 2rem;
  font-weight: 700;
}

.FeedbackSlide_name__wGq66 .FeedbackSlide_display-name__uhXFm,
.FeedbackSlide_name__wGq66 .FeedbackSlide_username__7\+Ddx {
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #484848;
  display: -webkit-box;
  line-height: 32px;
  overflow: hidden;
}

.FeedbackSlide_name__wGq66 .FeedbackSlide_username__7\+Ddx {
  font-size: 1.6rem;
  font-weight: 400;
}

.FeedbackSlide_name__wGq66 p {
  margin: 0;
}

@media (min-width: 1024px) {
  .FeedbackSlide_active__ccziT {
    padding: 32px;
    width: var(--active-item-width);
  }

  .FeedbackSlide_active__ccziT .FeedbackSlide_background__ddmkw {
    -webkit-animation: FeedbackSlide_show__DlXrj 0.3s forwards;
    animation: FeedbackSlide_show__DlXrj 0.3s forwards;
    margin-right: 20px;
  }
}

@-webkit-keyframes FeedbackSlide_show__DlXrj {
  0% {
    width: 0;
  }

  to {
    width: 211px;
  }
}

@keyframes FeedbackSlide_show__DlXrj {
  0% {
    width: 0;
  }

  to {
    width: 211px;
  }
}

.Feedbacks_wrapper__Z\+7lh {
  margin-top: 154px;
  max-width: 90vw;
  padding: 64px;
  position: relative;
  width: 1206px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Feedbacks_wrapper__Z\+7lh {
    margin-top: 56px;
    max-width: 100vw;
    padding: 0;
  }
}

.Feedbacks_wrapper__Z\+7lh.Feedbacks_payment__Yizl5 {
  margin-top: 48px;
}

.Feedbacks_heading__R-jpl {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.Feedbacks_title__a4R3d {
  font-size: 4.8rem;
  font-weight: 500;
  line-height: 120%;
  width: 100%;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Feedbacks_title__a4R3d {
    font-size: 3.2rem;
    padding: 0 16px;
    text-align: center;
  }
}

.Feedbacks_navigate-btns__2wOM4 {
  align-items: center;
  display: flex;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.Feedbacks_navigate-btns__2wOM4 button {
  background-color: transparent;
  cursor: pointer;
  margin-left: 14px;
}

@media (min-width: 1024px) {
  .Feedbacks_navigate-btns__2wOM4 button:hover {
    opacity: 0.7;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .Feedbacks_navigate-btns__2wOM4 button {
    cursor: unset;
  }

  .Feedbacks_navigate-btns__2wOM4 {
    display: flex;
    justify-content: center;
    margin-top: 24px;
    width: 100%;
  }
}

.Feedbacks_slide__4p6aP {
  margin-top: 57px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Feedbacks_slide__4p6aP {
    margin-top: 22px;
    padding: 0 16px;
  }
}

.FlashCard_wrapper__2bO\+8 {
  display: flex;
  margin-top: 154px;
  width: 100vw;
}

@media (min-width: 0px) and (max-width: 739px) {
  .FlashCard_wrapper__2bO\+8 {
    flex-direction: column-reverse;
    margin-top: 48px;
  }
}

.FlashCard_flashcard-introduction__C\+s6d,
.FlashCard_flashcard-video__1b-rK {
  flex: 1 1;
  padding: 0 16px;
}

.FlashCard_flashcard-video__1b-rK {
  display: flex;
  justify-content: center;
  position: relative;
}

.FlashCard_flashcard-video__1b-rK .FlashCard_video__ITAj6 {
  border-radius: 20px;
  -webkit-filter: drop-shadow(0 12px 32px rgba(0, 0, 0, 0.51));
  filter: drop-shadow(0 12px 32px rgba(0, 0, 0, 0.51));
  z-index: 1;
}

.FlashCard_landing-ellipse-19__yVcaD {
  left: 80%;
  position: absolute;
  top: -20%;
}

.FlashCard_flash-card-bg__\+PbXt {
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.FlashCard_bg-image-item__Dzf2i {
  left: 0;
  position: absolute;
  top: 40px;
}

.FlashCard_flashcard-introduction__C\+s6d {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .FlashCard_flashcard-introduction__C\+s6d {
    padding-right: 40px;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .FlashCard_flashcard-introduction__C\+s6d {
    padding-right: 16px;
  }
}

.FlashCard_flashcard-introduction__C\+s6d .FlashCard_description__laDMm,
.FlashCard_flashcard-introduction__C\+s6d .FlashCard_title__CZcNf {
  max-width: 441px;
}

.FlashCard_flashcard-introduction__C\+s6d .FlashCard_title__CZcNf {
  font-size: 4.8rem;
  font-weight: 500;
  line-height: 120%;
}

@media (min-width: 0px) and (max-width: 739px) {
  .FlashCard_flashcard-introduction__C\+s6d .FlashCard_title__CZcNf {
    font-size: 3.2rem;
    text-align: center;
  }
}

.FlashCard_flashcard-introduction__C\+s6d .FlashCard_description__laDMm {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 24px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .FlashCard_flashcard-introduction__C\+s6d .FlashCard_description__laDMm {
    color: #dae4f0;
    font-size: 1.8rem;
    line-height: 24px;
    margin-top: 12px;
  }
}

.Footer_wrapper__-Mx77 {
  margin-top: 142px;
  max-width: 90vw;
  width: 1078px;
  z-index: 1;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Footer_wrapper__-Mx77 {
    margin-top: 56px;
  }
}

.Footer_top__pH6G\+ {
  align-items: center;
  display: flex;
}

.Footer_top__pH6G\+:after {
  border: 1px solid #333c6d;
  content: '';
  flex: 1 1;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Footer_top__pH6G\+:after {
    display: none;
  }
}

.Footer_logo__ts6e- {
  align-items: center;
  display: flex;
  padding-right: 48px;
}

.Footer_logo__ts6e- img {
  border-radius: 4px;
  height: 48px;
  width: 48px;
}

.Footer_logo__ts6e- .Footer_title__twA4X {
  display: flex;
  flex-direction: column;
  font-family: var(--font-lexend);
  font-size: 1.9rem;
  font-weight: 500;
  line-height: 28px;
  margin-left: 12px;
  text-transform: uppercase;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Footer_logo__ts6e- .Footer_title__twA4X {
    font-size: 1.5rem;
  }
}

.Footer_about-us__SECcE {
  margin-top: 29px;
}

.Footer_contact-item__L-6H5 {
  align-items: flex-start;
  display: flex;
  margin-bottom: 16px;
}

.Footer_contact-item__L-6H5 .Footer_icon__mzKfa {
  margin-right: 12px;
  padding-top: 4px;
}

.Footer_contact-item__L-6H5 .Footer_text__ta4d0 {
  color: #fff;
  font-family: var(--font-lato);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.Footer_contact-item__L-6H5 .Footer_email__zonGi {
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
}

.Footer_recruitment-wrapper__9uxHs {
  padding-left: 42px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Footer_recruitment-wrapper__9uxHs {
    margin-top: 24px;
    padding-left: 0;
  }
}

.Footer_item-title__e6tN2 {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, #5ebbff, #a174ff);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 24px;
  margin-bottom: 8px;
  min-height: 48px;
  text-transform: uppercase;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Footer_item-title__e6tN2 {
    margin: 16px 0;
    min-height: unset;
  }
}

.Footer_recruitment__ggTQN .Footer_list__czhB6,
.Footer_support__iXq5I .Footer_list__czhB6 {
  display: flex;
  flex-direction: column;
}

.Footer_recruitment__ggTQN .Footer_item__nW1Nz,
.Footer_support__iXq5I .Footer_item__nW1Nz {
  color: #fff;
  font-family: var(--font-lato);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 12px;
}

.Footer_tax__DhwMK .Footer_item__nW1Nz {
  color: rgba(207, 210, 216, 0.8);
  font-family: var(--font-lato);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 24px;
}

.Footer_copy-right__R05MD {
  display: flex;
  justify-content: center;
  margin: 48px 0 84px;
  position: relative;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .Footer_copy-right__R05MD {
    align-items: center;
    flex-direction: column;
  }
}

.Footer_copy-right__R05MD span {
  font-family: var(--font-lato);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 24px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Footer_copy-right__R05MD span {
    font-size: 1.2rem;
    text-align: center;
  }
}

.Footer_copy-right__R05MD .Footer_social-links__ydLAg {
  align-items: center;
  display: flex;
  gap: 32px;
  left: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (min-width: 0px) and (max-width: 1023px) {
  .Footer_copy-right__R05MD .Footer_social-links__ydLAg {
    display: flex;
    gap: 20px;
    justify-content: center;
    left: 0;
    position: unset;
    top: 0;
    width: 100%;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .Footer_copy-right__R05MD .Footer_social-links__ydLAg {
    justify-content: space-between;
  }
}

.Footer_copy-right__R05MD .Footer_social-links__ydLAg a {
  align-items: center;
  display: flex;
  height: 32px;
  width: 32px;
}

.Footer_copy-right__R05MD .Footer_social-links__ydLAg img {
  width: 100%;
}

.Header_wrapper__AcVXk {
  height: 100px;
  padding: 27px 40px;
  position: relative;
  width: 100vw;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Header_wrapper__AcVXk {
    padding: 27px 16px;
  }
}

.Header_logo__ZX45S {
  align-items: center;
  display: flex;
}

.Header_logo__ZX45S a {
  display: inline-block;
  height: 48px;
  width: 48px;
}

.Header_logo__ZX45S img {
  border-radius: 8px;
  width: 100%;
}

.Header_title__vUdoM {
  display: flex;
  flex-direction: column;
  font-family: var(--font-lexend);
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 24px;
  margin-left: 12px;
  text-transform: uppercase;
}

.Header_title__vUdoM span {
  display: inline-block;
  flex: 1 1;
  width: 193px;
}

.Video_wrapper__zukrK[poster] {
  height: 100%;
  width: 100%;
}

.Hero_wrapper__k-CmB {
  align-items: center;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100vw;
}

.Hero_landing-ellipse-1__xPzbf {
  position: absolute;
  right: 104px;
  top: 45%;
}

.Hero_landing-ellipse-2__YD7zs {
  bottom: 85px;
  left: 140px;
  position: absolute;
}

.Hero_hero-title__g9f2D {
  color: #fff;
  font-size: 4.8rem;
  font-weight: 500;
  line-height: 120%;
  margin-top: 18px;
  max-width: 920px;
  text-align: center;
}

@media (min-width: 740px) and (max-width: 1023px) {
  .Hero_hero-title__g9f2D {
    max-width: 720px;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .Hero_hero-title__g9f2D {
    font-size: 3.2rem;
    padding: 0 16px;
  }
}

.Hero_hero-description__pY4pY {
  margin-top: 16px;
  max-width: 462px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Hero_hero-description__pY4pY {
    padding: 0 16px;
  }
}

.Hero_hero-description__pY4pY p {
  color: #dae4f0;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 24px;
  text-align: center;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Hero_hero-description__pY4pY p {
    font-size: 1.8rem;
  }
}

.Hero_cta-button__IL-Ie {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Hero_cta-button__IL-Ie {
    padding: 0 16px;
    width: 100%;
  }

  .Hero_cta-button__IL-Ie a {
    display: inline-block;
    width: 100%;
  }
}

.Hero_video-intro__\+oqQ1 {
  display: flex;
  justify-content: center;
  margin-top: 250px;
  position: relative;
  width: 100vw;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .Hero_video-intro__\+oqQ1 {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 75px;
    padding: 0 40px;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .Hero_video-intro__\+oqQ1 {
    margin-top: 46px;
    padding: 0 16px;
  }
}

.Hero_video-intro__\+oqQ1 .Hero_bg-image-item__9WE2B {
  left: 0;
  position: absolute;
  top: -100px;
}

.Hero_video-info__1kwCP {
  display: flex;
  max-width: 90vw;
  padding: 278px 134px 122px;
  position: relative;
  width: 1206px;
}

.Hero_video__JgZ1c {
  border-radius: 8px;
  left: 50%;
  max-height: 400px;
  max-width: 714px;
  position: absolute;
  top: 0;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 1;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .Hero_video__JgZ1c {
    left: unset;
    max-height: unset;
    max-width: unset;
    padding: 0 40px;
    position: unset;
    top: unset;
    -webkit-transform: unset;
    transform: unset;
    width: 100vw;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .Hero_video__JgZ1c {
    padding: 0 16px;
  }
}

.Hero_hero-image__ne1Ma {
  bottom: -80px;
  left: 90px;
  position: absolute;
  z-index: 1;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .Hero_hero-image__ne1Ma {
    bottom: unset;
    left: unset;
    margin-top: 32px;
    position: unset;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .Hero_hero-image__ne1Ma {
    width: 100%;
  }
}

.Hero_video-info-tablet__VhaGi {
  align-items: center;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.Hero_hero-image-tablet__9J5cg {
  left: 0;
  position: absolute;
  top: 50%;
}

.Hero_video-title__om6K7 {
  color: #dae4f0;
  flex: 1 1;
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 130%;
  z-index: 1;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .Hero_video-title__om6K7 {
    margin-top: 48px;
    text-align: center;
  }
}

.Hero_video-description__f9gHq {
  flex: 1 1;
  padding-left: 30px;
  z-index: 1;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .Hero_video-description__f9gHq {
    padding-left: 0;
  }
}

.Hero_video-description__f9gHq p {
  color: #dae4f0;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 20px;
  margin-bottom: 37px;
  padding-left: 168px;
  position: relative;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .Hero_video-description__f9gHq p {
    font-size: 2rem;
    padding-left: 64px;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .Hero_video-description__f9gHq p {
    font-size: 1.8rem;
    line-height: 24px;
    margin-bottom: 24px;
    padding-left: 68px;
  }
}

.Hero_video-description__f9gHq p img {
  background: linear-gradient(141.34deg, #21a2ff, #8951ff 73.36%);
  border-radius: 50%;
  height: 52px;
  left: 100px;
  padding: 16px;
  position: absolute;
  top: 0;
  width: 52px;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .Hero_video-description__f9gHq p img {
    left: 0;
  }
}

.Instructor_wrapper__BUdfM {
  display: flex;
  margin-top: 193px;
  max-width: 100vw;
  width: 914px;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .Instructor_wrapper__BUdfM {
    padding: 0 40px;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .Instructor_wrapper__BUdfM {
    margin-top: 56px;
    padding: 0 16px;
  }
}

.Instructor_avatar__G9Q0E {
  border-radius: 50%;
  height: 346px;
  object-fit: cover;
  width: 346px;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .Instructor_avatar__G9Q0E {
    height: 250px;
    width: 250px;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .Instructor_avatar__G9Q0E {
    margin-top: 24px;
  }
}

.Instructor_info__SLloK {
  align-items: flex-start;
  display: flex;
  flex: 1 1;
  flex-direction: column;
  justify-content: center;
  padding-left: 80px;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .Instructor_info__SLloK {
    padding-left: 40px;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .Instructor_info__SLloK {
    align-items: center;
    padding-left: 0;
  }
}

.Instructor_title__HWzOp {
  color: #fff;
  font-size: 4.8rem;
  font-weight: 500;
  line-height: 120%;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .Instructor_title__HWzOp {
    font-size: 4.5rem;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .Instructor_title__HWzOp {
    font-size: 3.2rem;
    text-align: center;
  }
}

.Instructor_description__TTYPC {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  margin-top: 24px;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .Instructor_description__TTYPC {
    font-size: 1.8rem;
    margin-top: 12px;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .Instructor_description__TTYPC {
    color: #dae4f0;
    line-height: 24px;
    margin-top: 20px;
  }
}

.Instructor_see-more__9B8AK {
  -webkit-appearance: none;
  appearance: none;
  background-color: #232e49;
  border-radius: 10px;
  color: #fff;
  font-family: var(--font-lato);
  font-size: 1.9rem;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 28px;
  margin-top: 24px;
  padding: 8px 24px;
  text-align: center;
  text-transform: uppercase;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.Instructor_see-more__9B8AK:hover {
  opacity: 0.8;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Instructor_see-more__9B8AK {
    width: 100%;
  }
}

.Instructor_see-more__9B8AK span {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(141.34deg, #5ebbff, #a174ff 91.11%);
  -webkit-background-clip: text;
  background-clip: text;
}

.PricingDescription_wrapper__oR5zW {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 117px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .PricingDescription_wrapper__oR5zW {
    margin-top: 56px;
  }
}

.PricingDescription_pricing-title__dK3W- {
  font-size: 4.8rem;
  font-weight: 500;
  line-height: 120%;
  max-width: 413px;
  text-align: center;
}

@media (min-width: 0px) and (max-width: 739px) {
  .PricingDescription_pricing-title__dK3W- {
    font-size: 3.2rem;
    padding: 0 16px;
  }
}

.PricingDescription_pricing-items-list__zZcbd {
  display: flex;
  gap: 143px;
  margin-top: 79px;
  max-width: 90vw;
  width: 1031px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .PricingDescription_pricing-items-list__zZcbd {
    flex-direction: column;
    gap: 32px;
    margin-top: 32px;
  }
}

.PricingDescription_pricing-items-list__zZcbd .PricingDescription_item__kvesf {
  flex: 1 1;
}

.PricingDescription_pricing-items-list__zZcbd .PricingDescription_title__Hee4O {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, #5ebbff, #a174ff);
  -webkit-background-clip: text;
  background-clip: text;
  font-size: 3.2rem;
  font-weight: 500;
  line-height: 120%;
  margin: 0;
}

.PricingDescription_pricing-items-list__zZcbd .PricingDescription_description__w\+Oil {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 32px;
  margin-top: 16px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .PricingDescription_pricing-items-list__zZcbd .PricingDescription_description__w\+Oil {
    font-size: 1.8rem;
    line-height: 32px;
  }
}

.Projects_wrapper__kkobX {
  display: flex;
  margin-top: 132px;
  position: relative;
  width: 100vw;
  z-index: 1;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Projects_wrapper__kkobX {
    margin-top: 56px;
  }
}

.Projects_landing-ellipse-13__nJcIh {
  position: absolute;
  right: 0;
  top: 0;
}

.Projects_project-detail__JahoW,
.Projects_projects-list__RGwWQ {
  flex: 1 1;
}

.Projects_project-title__1-7WW {
  color: #fff;
  font-size: 4.8rem;
  font-weight: 500;
  line-height: 120%;
  margin-left: 136px;
  margin-right: 102px;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .Projects_project-title__1-7WW {
    margin: 0 40px;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .Projects_project-title__1-7WW {
    font-size: 3.2rem;
    margin: 0;
    text-align: center;
    width: 100%;
  }
}

.Projects_project-description__c7Nzg {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 26px;
  margin-left: 136px;
  margin-right: 102px;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .Projects_project-description__c7Nzg {
    margin: 0 40px;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .Projects_project-description__c7Nzg {
    font-size: 1.8rem;
    line-height: 26px;
    margin: 32px 16px 40px;
  }
}

.Projects_projects-list__RGwWQ {
  padding-top: 74px;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .Projects_projects-list__RGwWQ {
    padding-top: 40px;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .Projects_projects-list__RGwWQ {
    padding-top: 0;
  }
}

.Projects_projects-list__RGwWQ .Projects_list__VzpMd {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  margin-left: 144px;
  margin-top: 52px;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .Projects_projects-list__RGwWQ .Projects_list__VzpMd {
    margin: 0 40px;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .Projects_projects-list__RGwWQ .Projects_list__VzpMd {
    margin: 0 16px;
  }
}

.Projects_projects-list__RGwWQ .Projects_project-item__BMd9G {
  color: #a2adbd;
  cursor: pointer;
  font-family: Montserrat;
  font-size: 1.8rem;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  margin: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.Projects_projects-list__RGwWQ .Projects_active-image__W1lzE {
  bottom: 0;
  display: none;
  left: 0;
  position: absolute;
}

.Projects_projects-list__RGwWQ .Projects_project-item__BMd9G.Projects_active__YBWnW {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, #5ebbff, #a174ff);
  -webkit-background-clip: text;
  background-clip: text;
  font-weight: 600;
}

.Projects_product-detail-wrapper__A\+POI {
  min-height: 100%;
  padding: 74px 156px 131px 100px;
  z-index: 1;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .Projects_product-detail-wrapper__A\+POI {
    padding: 40px;
  }
}

.Projects_project-item-wrapper__7cep7 {
  margin-bottom: 16px;
  position: relative;
}

.Projects_project-item-wrapper__7cep7 .Projects_active-dot__gRSje {
  background-image: linear-gradient(180deg, #5ebbff, #a174ff);
  border-radius: 50%;
  height: 4px;
  left: -8px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 4px;
}

.Projects_video__q99eE {
  padding-top: 58%;
  position: relative;
  width: 100%;
}

.Projects_video__q99eE video {
  left: 50%;
  max-height: 100%;
  max-width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.Projects_project-detail__JahoW {
  position: relative;
}

.Projects_project-detail__JahoW .Projects_thumbnail__QWIm\+ {
  cursor: pointer;
  height: 100%;
  left: 0;
  object-fit: contain;
  position: absolute;
  top: 0;
  width: 100%;
}

.Projects_project-detail__JahoW .Projects_play-icon__bhgyq {
  cursor: pointer;
  font-size: 5rem;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.Projects_active-project-title__31FiT {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 120%;
  margin: 32px 0 0;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Projects_active-project-title__31FiT {
    color: #dae4f0;
    font-size: 1.6rem;
    line-height: 26px;
    margin-top: 16px;
  }
}

.Projects_active-project-description__6wKtA {
  color: #fff;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 26px;
  margin-top: 16px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Projects_active-project-description__6wKtA {
    font-size: 1.8rem;
    line-height: 26px;
  }
}

.Projects_cta-button__S\+2sw {
  margin-top: 71px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Projects_cta-button__S\+2sw {
    margin-top: 32px;
    width: 100%;
  }

  .Projects_cta-button__S\+2sw a {
    display: inline-block;
    width: 100%;
  }
}

.Projects_bg-image-item__txgmc {
  bottom: -30%;
  position: absolute;
  right: 0;
  z-index: 0;
}

.WhyLearn_wrapper__KMWIq {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 220px;
  position: relative;
}

@media (min-width: 0px) and (max-width: 739px) {
  .WhyLearn_wrapper__KMWIq {
    margin-top: 56px;
    padding: 0 16px;
  }
}

.WhyLearn_landing-ellipse-23__\+V-of {
  position: absolute;
  right: 0;
  top: 200px;
}

.WhyLearn_landing-ellipse-24__nZUEb {
  position: absolute;
  right: calc(100% - 60px);
  top: calc(100% - 60px);
}

.WhyLearn_title__f2o0n {
  font-size: 4.8rem;
  font-weight: 500;
  line-height: 120%;
  max-width: 610px;
  text-align: center;
}

@media (min-width: 0px) and (max-width: 739px) {
  .WhyLearn_title__f2o0n {
    font-size: 3.2rem;
  }
}

.WhyLearn_why-learns-list__ZbDFO {
  display: flex;
  gap: 80px;
  margin-top: 56px;
  max-width: 90vw;
  width: 1124px;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .WhyLearn_why-learns-list__ZbDFO {
    gap: 32px;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .WhyLearn_why-learns-list__ZbDFO {
    flex-direction: column;
  }
}

.WhyLearn_why-learns-list__ZbDFO .WhyLearn_item__znmik {
  flex: 1 1;
  padding: 40px;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .WhyLearn_why-learns-list__ZbDFO .WhyLearn_item__znmik {
    padding: 32px 20px 20px;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .WhyLearn_why-learns-list__ZbDFO .WhyLearn_item__znmik {
    padding: 40px;
  }
}

.WhyLearn_why-learns-list__ZbDFO .WhyLearn_item__znmik ul {
  list-style-type: unset;
  margin-top: 16px;
  padding-left: 21px;
}

.WhyLearn_why-learns-list__ZbDFO .WhyLearn_item__znmik li {
  font-family: var(--font-lato);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 32px;
}

.WhyLearn_why-learn-title__jYCxU {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 120%;
  margin-top: 32px;
}

.WillLearn_wrapper__hYZGm {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin-top: 122px;
}

.WillLearn_wrapper__hYZGm.WillLearn_payment__1kaoG {
  margin-top: 85px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .WillLearn_wrapper__hYZGm {
    margin-top: 48px;
  }
}

.WillLearn_title__\+yMWn {
  color: #fff;
  font-size: 4.8rem;
  font-weight: 500;
  line-height: 120%;
  max-width: 441px;
  text-align: center;
}

@media (min-width: 0px) and (max-width: 739px) {
  .WillLearn_title__\+yMWn {
    font-size: 3.2rem;
    padding: 0 16px;
  }
}

.WillLearn_content__7HRg5 {
  font-family: var(--font-lato);
  margin-top: 54px;
  max-width: 90vw;
  width: 980px;
}

.WillLearn_content__7HRg5 ul {
  list-style-type: unset;
}

.WillLearn_content__7HRg5 li {
  color: #dae4f0;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 20px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .WillLearn_content__7HRg5 li {
    font-size: 1.8rem;
  }
}

.LandingPage_wrapper__tVeB\+ {
  align-items: center;
  background-color: #191d1e;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  position: relative;
}

@media (min-width: 0px) and (max-width: 739px) {
  .LandingPage_wrapper__tVeB\+ {
    overflow-x: hidden;
  }
}

.LandingPage_wrapper__tVeB\+ ::selection {
  background-color: #898fffa6;
}

.LandingPage_wrapper__tVeB\+ ul {
  list-style-type: unset;
}

.LandingPage_bottom-bg__idMWq {
  bottom: 0;
  position: absolute;
  right: 0;
}

.ComingSoonCourses_wrapper__TQjTF {
  display: flex;
  margin-top: 42px;
  max-width: 100vw;
  width: 1024px;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .ComingSoonCourses_wrapper__TQjTF {
    flex-direction: column;
    padding: 0 32px;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .ComingSoonCourses_wrapper__TQjTF {
    margin-bottom: 64px;
    margin-top: 56px;
  }
}

.ComingSoonCourses_left__DI-qF {
  flex: 1 1;
}

@media (min-width: 1024px) {
  .ComingSoonCourses_right__ygPgk {
    align-items: flex-end;
    display: flex;
    position: relative;
    width: 300px;
  }

  .ComingSoonCourses_right__ygPgk img {
    bottom: 0;
    left: -25px;
    position: absolute;
  }
}

@media (min-width: 0px) and (max-width: 1023px) {
  .ComingSoonCourses_right__ygPgk {
    margin-top: 20px;
    text-align: center;
  }
}

@media (min-width: 740px) and (max-width: 1023px) {
  .ComingSoonCourses_courses-list-wrapper__tVdCb {
    display: flex;
    gap: 16px;
    margin-top: 32px;
  }
}

.ComingSoonCourses_title__emkCL {
  font-size: 4.8rem;
  font-weight: 500;
  line-height: 140%;
  margin-bottom: 10px;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .ComingSoonCourses_title__emkCL {
    text-align: center;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .ComingSoonCourses_title__emkCL {
    font-size: 3.2rem;
  }
}

.ComingSoonCourses_description__MkZRf {
  font-family: var(--font-lato);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 24px;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .ComingSoonCourses_description__MkZRf {
    text-align: center;
  }
}

.ComingSoonCourses_course-item__I-tN8 {
  margin-bottom: 16px;
  padding: 30px;
}

@media (min-width: 1024px) {
  .ComingSoonCourses_course-item__I-tN8 {
    height: 100%;
  }
}

.ComingSoonCourses_course-icon__UsI-m {
  margin-bottom: 32px;
}

.ComingSoonCourses_course-title__aigb- {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 16px;
}

.ComingSoonCourses_time__FUevD {
  font-family: var(--font-lato);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 32px;
  margin: 0;
}

.FAQ_wrapper__t5zyu {
  margin-top: 72px;
  max-width: 100vw;
  width: 1024px;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .FAQ_wrapper__t5zyu {
    padding: 0 32px;
  }
}

.FAQ_title__MeRjV {
  font-size: 4.8rem;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 40px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .FAQ_title__MeRjV {
    text-align: center;
    width: 100%;
  }
}

.FAQ_topic-title__zYmnd {
  font-size: 2.4rem;
  font-weight: 500;
  line-height: 120%;
  margin-bottom: 24px;
}

.FAQ_faq-item__-OEJw {
  align-items: flex-start;
  display: flex;
  margin-bottom: 24px;
}

.FAQ_faq-item__-OEJw .FAQ_icon__xnXGo {
  margin-right: 8px;
  padding-top: 6px;
}

.FAQ_faq-item__-OEJw .FAQ_question__QTToz {
  color: #dae4f0;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 24px;
  margin: 0 0 8px;
}

.FAQ_faq-item__-OEJw .FAQ_answer__vR0ZV {
  color: #dae4f0;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 24px;
}

.Vietqr_wrapper__DDvOG {
  align-items: center;
  -webkit-animation: Vietqr_rotate__kwyK4 1s linear infinite;
  animation: Vietqr_rotate__kwyK4 1s linear infinite;
  display: flex;
  font-size: 2.5rem;
  height: 100%;
  justify-content: center;
  width: 100%;
}

@-webkit-keyframes Vietqr_rotate__kwyK4 {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes Vietqr_rotate__kwyK4 {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(0);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.PaymentContent_wrapper__xqEOm {
  display: flex;
  margin-top: 64px;
  max-width: 100vw;
  width: 1024px;
}

@media (min-width: 1024px) {
  .PaymentContent_wrapper__xqEOm {
    gap: 40px;
  }
}

@media (min-width: 0px) and (max-width: 1023px) {
  .PaymentContent_wrapper__xqEOm {
    flex-direction: column;
    gap: 16px;
    padding: 0 32px;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .PaymentContent_wrapper__xqEOm {
    padding: 0 16px;
  }
}

.PaymentContent_left__9NMqj {
  flex: 1 1;
}

.PaymentContent_description__KNYBB {
  color: #dae4f0;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 24px;
}

.PaymentContent_price__G0fBl {
  align-items: center;
  background: #202425;
  border-radius: 8px;
  display: flex;
  font-size: 2.4rem;
  gap: 16px;
  justify-content: flex-end;
  line-height: 40px;
  margin-top: 32px;
  padding: 8px 24px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .PaymentContent_price__G0fBl {
    align-items: flex-start;
    flex-direction: column;
    gap: 8px;
  }
}

.PaymentContent_price__G0fBl .PaymentContent_price-title__u94Xr {
  color: #a2adbd;
  font-family: var(--font-lato);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 16px;
  text-align: right;
}

.PaymentContent_price__G0fBl .PaymentContent_price-wrapper__efKIK {
  display: flex;
  gap: 16px;
}

.PaymentContent_price__G0fBl span {
  color: #52eeee;
  font-weight: 700;
}

.PaymentContent_price__G0fBl del {
  color: #a2adbd;
  font-size: 2.4rem;
  font-weight: 400;
}

.PaymentContent_lagre-title__lxSwb,
.PaymentContent_title__uYk19 {
  color: #dae4f0;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 40px;
  margin: 32px 0 0;
}

.PaymentContent_lagre-title__lxSwb {
  font-size: 2.6rem;
}

.PaymentContent_sub-title__9eyIH {
  color: #dae4f0;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 40px;
  margin: 0;
}

.PaymentContent_banks-list__\+oXtq {
  display: flex;
  gap: 40px;
  margin-top: 16px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .PaymentContent_banks-list__\+oXtq {
    gap: 20px;
  }
}

.PaymentContent_get-info-payment__pCDLa {
  margin-top: 32px;
  width: 100%;
}

.PaymentContent_info-payment-btn__uwZOg {
  display: block;
  width: 100%;
}

.PaymentContent_bank-item__ZiYhT {
  background: #272a31;
  border: 2px solid transparent;
  border-radius: 8px;
  cursor: pointer;
  height: 56px;
  padding: 12px 24px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .PaymentContent_bank-item__ZiYhT {
    margin-top: 16px;
  }
}

.PaymentContent_bank-item__ZiYhT img {
  height: 100%;
}

.PaymentContent_bank-item__ZiYhT.PaymentContent_active__IynSa {
  border: 2px solid #52eeee;
}

.PaymentContent_bank-detail__HbGrO {
  display: flex;
  margin-top: 16px;
}

@media (min-width: 740px) and (max-width: 1023px) {
  .PaymentContent_bank-detail__HbGrO {
    align-items: center;
    flex-direction: column;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .PaymentContent_bank-detail__HbGrO {
    align-items: center;
    flex-direction: column;
  }
}

.PaymentContent_qr-code__Sjawx {
  background-color: #fff;
  border-radius: 8px;
  height: 176px;
  margin-right: 24px;
  overflow: hidden;
  padding: 5px;
  width: 176px;
}

@media (min-width: 740px) and (max-width: 1023px) {
  .PaymentContent_qr-code__Sjawx {
    margin-bottom: 18px;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .PaymentContent_qr-code__Sjawx {
    margin-bottom: 12px;
  }
}

.PaymentContent_qr-code__Sjawx img {
  display: inline-block;
  width: 100%;
}

.PaymentContent_instruction__bRL9x {
  color: #dae4f0;
  font-family: var(--font-lato);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 28px;
  margin: 0;
  padding-left: 16px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .PaymentContent_instruction__bRL9x {
    font-size: 1.4rem;
    line-height: 24px;
  }
}

.PaymentContent_instruction__bRL9x p {
  margin: 0;
}

.PaymentContent_instruction__bRL9x span {
  color: #fa8c16;
  font-weight: 700;
}

.PaymentContent_bank-info__gxtVY {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
}

.PaymentContent_bank-info__gxtVY .PaymentContent_row__gzKSw {
  display: flex;
  gap: 8px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .PaymentContent_bank-info__gxtVY .PaymentContent_row__gzKSw {
    flex-direction: column;
  }
}

.PaymentContent_bank-info-item__otlHs {
  background-color: #202425;
  border-radius: 8px;
  flex: 1 1;
  padding: 8px 16px;
  position: relative;
}

.PaymentContent_bank-info-item__otlHs .PaymentContent_label__s460n {
  color: #a2adbd;
  font-family: var(--font-lato);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 16px;
  margin-bottom: 8px;
}

.PaymentContent_bank-info-item__otlHs .PaymentContent_content__V\+asZ {
  align-items: center;
  color: #dae4f0;
  display: flex;
  font-size: 1.8rem;
  font-weight: 600;
  justify-content: space-between;
  line-height: 24px;
}

.PaymentContent_bank-info-item__otlHs .PaymentContent_copy-icon__w6CqH {
  cursor: pointer;
  margin-left: 8px;
}

.PaymentContent_bank-info-item__otlHs span {
  color: #fa8c16;
}

.PaymentContent_copy-notice__F6Vmt {
  background-color: #fff;
  border-radius: 8px;
  color: #2e3441;
  font-size: 1.2rem;
  font-weight: 400;
  left: 56%;
  line-height: 16px;
  opacity: 0;
  padding: 12px 16px;
  position: absolute;
  top: 100%;
  -webkit-transform: translate(-50%, 100%);
  transform: translate(-50%, 100%);
  transition: 0.3s;
  visibility: hidden;
  white-space: nowrap;
  z-index: 1;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .PaymentContent_copy-notice__F6Vmt {
    text-align: center;
    white-space: unset;
    width: 90%;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .PaymentContent_copy-notice__F6Vmt {
    top: calc(100% + 14px);
  }
}

.PaymentContent_copy-notice__F6Vmt span {
  color: #0093fc;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 24px;
  margin-left: 16px;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .PaymentContent_copy-notice__F6Vmt span {
    display: block;
    margin-left: 0;
  }
}

.PaymentContent_copy-notice__F6Vmt:after {
  background-color: #fff;
  bottom: 100%;
  content: '';
  height: 10px;
  left: 50%;
  position: absolute;
  -webkit-transform: translate(-50%, 50%) rotate(45deg);
  transform: translate(-50%, 50%) rotate(45deg);
  width: 10px;
}

.PaymentContent_copy-notice__F6Vmt.PaymentContent_show__E7HkN {
  opacity: 1;
  -webkit-transform: translate(-50%);
  transform: translate(-50%);
  visibility: visible;
}

.PaymentContent_notification__L3sFo {
  align-items: flex-start;
  display: flex;
  margin-top: 16px;
}

.PaymentContent_notification__L3sFo .PaymentContent_icon__JZGGg {
  align-items: center;
  display: flex;
  justify-content: center;
  padding-top: 16px;
  width: 54px;
}

.PaymentContent_notification__L3sFo ul {
  margin: 0;
  padding-left: 12px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .PaymentContent_notification__L3sFo ul {
    padding-left: 28px;
  }
}

.PaymentContent_notification__L3sFo li {
  color: #a2adbd;
  font-family: var(--font-lato);
  font-size: 14px;
  font-weight: 400;
  line-height: 24px;
  word-break: break-all;
}

.PaymentContent_notification__L3sFo li a,
.PaymentContent_notification__L3sFo li span {
  color: #fff;
  word-break: break-word;
}

.PaymentContent_notification__L3sFo li .PaymentContent_change-email__DLf4O {
  color: #0093fc;
  cursor: pointer;
}

.PaymentContent_input-wrapper__KSuzH {
  padding-left: 46px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .PaymentContent_input-wrapper__KSuzH {
    padding-left: 0;
  }
}

.PaymentContent_email-input__cbQ2C {
  display: flex;
  gap: 16px;
  margin-top: 16px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .PaymentContent_email-input__cbQ2C {
    flex-direction: column;
  }
}

.PaymentContent_email-input__cbQ2C input {
  background: #323c4a;
  border: 1px solid transparent;
  border-radius: 8px;
  color: #fff;
  font-family: var(--font-lato);
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 24px;
  outline: none;
  padding: 8px 8px 8px 16px;
  width: 254px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .PaymentContent_email-input__cbQ2C input {
    width: 100%;
  }
}

.PaymentContent_email-input__cbQ2C input.PaymentContent_error__UHhns {
  border: 1px solid #f63a34;
}

.PaymentContent_input__umqIM {
  min-height: 44px;
  position: relative;
}

.PaymentContent_error-message__pF6-6 {
  color: #f63a34;
  font-size: 1.3rem;
  left: 0;
  margin: 8px 0 0;
  position: absolute;
  top: 100%;
}

@media (min-width: 0px) and (max-width: 739px) {
  .PaymentContent_error-message__pF6-6 {
    left: unset;
    position: unset;
    top: unset;
  }
}

.PaymentContent_buttons-group__crEhH {
  display: flex;
  gap: 16px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .PaymentContent_buttons-group__crEhH {
    justify-content: center;
  }
}

.PaymentContent_submit-btn__IItqM {
  background-image: linear-gradient(141.34deg, #5ebbff, #a174ff 91.11%);
  border-radius: 8px;
  cursor: pointer;
  padding: 2px;
}

.PaymentContent_submit-btn__IItqM.PaymentContent_disabled__cAJR- {
  opacity: 0.5;
}

.PaymentContent_submit-btn__IItqM.PaymentContent_disabled__cAJR-:hover span {
  background-color: #191d1e;
}

.PaymentContent_submit-btn__IItqM:hover span {
  background-color: transparent;
}

.PaymentContent_submit-btn__IItqM span {
  align-items: center;
  background-color: #191d1e;
  border-radius: 6px;
  color: #fff;
  display: flex;
  height: 100%;
  justify-content: center;
  letter-spacing: 1px;
  transition: 0.3s;
  width: 100%;
}

.PaymentContent_cancel-btn__rYW2g,
.PaymentContent_submit-btn__IItqM span {
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 24px;
  padding: 8px 24px;
  text-transform: uppercase;
}

.PaymentContent_cancel-btn__rYW2g {
  background: #292d35;
  border-radius: 8px;
  cursor: pointer;
  font-family: var(--font-lato);
}

.PaymentContent_cancel-btn__rYW2g:hover {
  opacity: 0.8;
}

.PaymentContent_cancel-btn__rYW2g span {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(141.34deg, #5ebbff, #a174ff 91.11%);
  -webkit-background-clip: text;
  background-clip: text;
  letter-spacing: 1px;
  text-transform: uppercase;
}

.PaymentContent_right__5V66w {
  width: 350px;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .PaymentContent_right__5V66w {
    width: 100%;
  }
}

.PaymentContent_benefit__WkBKt {
  background: linear-gradient(90deg, #5ebbff, #a174ff);
  border-radius: 8px;
  padding: 4px 1px;
  position: sticky;
  position: -webkit-sticky;
  top: 100px;
  width: 100%;
}

.PaymentContent_benefit__WkBKt .PaymentContent_benefit-wrapper__4DyjE {
  background: #272a31;
  border-radius: 6px;
  padding: 16px;
}

@media (min-width: 740px) and (max-width: 1023px) {
  .PaymentContent_benefit__WkBKt {
    background: transparent;
    margin-top: 32px;
    padding: 0;
  }

  .PaymentContent_benefit__WkBKt .PaymentContent_benefit-wrapper__4DyjE {
    background: transparent;
    border-radius: 0;
    padding: 0;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .PaymentContent_benefit__WkBKt {
    margin-top: 32px;
  }
}

.PaymentContent_benefit-title__hljiw {
  color: #dae4f0;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 40px;
  margin: 0 0 32px;
  text-align: center;
}

.PaymentContent_benefit-item__3U54C {
  align-items: flex-start;
  color: #dae4f0;
  display: flex;
  font-family: var(--font-lato);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 16px;
}

.PaymentContent_benefit-item__3U54C strong {
  color: #5ebbff;
}

.PaymentContent_benefit-item__3U54C .PaymentContent_icon__JZGGg {
  align-items: flex-start;
  display: flex;
  justify-content: center;
  margin-right: 8px;
  padding-top: 6px;
  width: 20px;
}

.PaymentContent_benefit-item__3U54C .PaymentContent_icon__JZGGg img {
  width: 14px;
}

.PaymentContent_modal__7a40a {
  background: #272a31;
  max-height: 90%;
  min-height: 85vh;
}

.PaymentContent_modal__7a40a ::selection {
  background-color: #898fffa6;
}

@media (min-width: 740px) and (max-width: 1023px) {
  .PaymentContent_modal__7a40a {
    min-width: 90vw !important;
  }
}

.PaymentContent_container-modal__mijDe {
  display: flex;
  height: 100%;
  width: 100%;
}

@media (min-width: 0px) and (max-width: 739px) {
  .PaymentContent_container-modal__mijDe {
    flex-direction: column;
  }
}

.PaymentContent_left-modal__ZP9QD {
  border-right: 1px solid #333c6d;
  height: 100%;
  padding: 20px 40px;
  width: 30%;
}

@media (min-width: 0px) and (max-width: 739px) {
  .PaymentContent_left-modal__ZP9QD {
    border-right: none;
    margin-top: 16px;
    padding: 20px 0;
    width: 100%;
  }
}

.PaymentContent_modal-price__lixeB .PaymentContent_price-wrapper__efKIK {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-top: 10px;
}

@media (min-width: 740px) and (max-width: 1023px) {
  .PaymentContent_modal-price__lixeB .PaymentContent_price-wrapper__efKIK {
    flex-direction: column;
  }
}

.PaymentContent_right-modal__6DfAC {
  height: 100%;
  overflow: auto;
  padding: 20px 40px;
  width: 70%;
}

@media (min-width: 0px) and (max-width: 739px) {
  .PaymentContent_right-modal__6DfAC {
    overflow: visible;
    padding-left: 0;
    width: 100%;
  }
}

.PaymentContent_count-down-time__oCq\+u {
  color: #dae4f0;
  font-size: 2.4rem;
}

.PaymentContent_wave__OXruo {
  display: flex;
  justify-content: center;
  margin-top: 10px;
  width: 100%;
}

.PaymentContent_modal-subtitle__JcvUU {
  color: #dae4f0;
  display: block;
  font-size: 2.4rem;
  font-weight: 500;
  margin-top: 40px;
  width: 100%;
}

.PaymentContent_modal-subtitle__JcvUU span {
  margin-right: 18px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .PaymentContent_modal-subtitle__JcvUU {
    margin-top: 30px;
  }
}

.PaymentContent_order-code__nuKdg .PaymentContent_sub-title__9eyIH {
  color: #fa8c16;
}

.PaymentContent_modal-price__lixeB span {
  color: #52eeee;
  font-size: 2.8rem;
  font-weight: 700;
}

@media (min-width: 0px) and (max-width: 739px) {
  .PaymentContent_modal-price__lixeB span {
    font-size: 2.4rem;
  }
}

.PaymentContent_modal-price__lixeB del {
  color: #a2adbd;
  font-size: 2.2rem;
  font-weight: 400;
  margin-right: 12px;
}

.PaymentContent_modal-price__lixeB .PaymentContent_modal-subtitle__JcvUU {
  color: #dae4f0;
  font-size: 2.4rem;
  font-weight: 500;
}

.PaymentContent_right-modal-top__sL9rx {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.PaymentContent_right-modal-top__sL9rx .PaymentContent_right-modal-top-logo__SMOXi {
  border-radius: 8px;
  width: 48px;
}

.PaymentContent_right-modal-bottom__LzUKe {
  padding-bottom: 20px;
}

.PaymentContent_right-modal-bottom-desc__GSpr- {
  color: #dae4f0;
  font-family: var(--font-lato);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.PaymentContent_contact-item__pbXd3 {
  align-items: flex-start;
  display: flex;
  margin-bottom: 16px;
}

.PaymentContent_contact-item__pbXd3 .PaymentContent_icon__JZGGg {
  margin-right: 12px;
  padding-top: 4px;
}

.PaymentContent_contact-item__pbXd3 .PaymentContent_text__WrdL0 {
  color: #dae4f0;
  font-family: var(--font-lato);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.PaymentContent_contact-item__pbXd3 .PaymentContent_email__w3gOh {
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
}

.Payment_wrapper__6Miqi {
  align-items: center;
  background-color: #191d1e;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  position: relative;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Payment_wrapper__6Miqi {
    overflow-x: hidden;
  }
}

.Payment_wrapper__6Miqi ::selection {
  background-color: #898fffa6;
}

.Payment_wrapper__6Miqi ul {
  list-style-type: unset;
}

.Payment_title__q0MMg {
  font-size: 4.8rem;
  font-weight: 500;
  line-height: 120%;
  margin-top: 18px;
  text-align: center;
}

.Payment_bottom-bg__5scgk {
  bottom: 0;
  position: absolute;
  right: 0;
}

.PaymentSuccessful_wrapper__M8pnD {
  align-items: center;
  background-color: #191d1e;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  position: relative;
}

@media (min-width: 0px) and (max-width: 739px) {
  .PaymentSuccessful_wrapper__M8pnD {
    overflow-x: hidden;
  }
}

.PaymentSuccessful_wrapper__M8pnD ::selection {
  background-color: #898fffa6;
}

.PaymentSuccessful_wrapper__M8pnD ul {
  list-style-type: unset;
}

.PaymentSuccessful_title__rDdxl {
  font-size: 4.8rem;
  font-weight: 600;
  line-height: 120%;
  margin-top: 18px;
  text-align: center;
  width: 1024px;
}

.PaymentSuccessful_title__rDdxl .PaymentSuccessful_icon__E7e5x {
  color: #48bd79;
  font-size: 4rem;
}

@media (min-width: 0px) and (max-width: 739px) {
  .PaymentSuccessful_title__rDdxl {
    padding: 16px;
    width: 100%;
  }
}

.PaymentSuccessful_action-title__RTY5u {
  -webkit-text-fill-color: transparent;
  background: linear-gradient(180deg, #5ebbff, #a174ff);
  -webkit-background-clip: text;
  background-clip: text;
  cursor: pointer;
}

.PaymentSuccessful_sub-title__Nd3Qu {
  color: #dae4f0;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 40px;
  margin: 0;
}

.PaymentSuccessful_container__wkSpl {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 75vh;
}

.PaymentSuccessful_content__5HqHZ {
  display: flex;
  margin-top: 64px;
  max-width: 100vw;
  width: 1024px;
}

@media (min-width: 1024px) {
  .PaymentSuccessful_content__5HqHZ {
    gap: 40px;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .PaymentSuccessful_content__5HqHZ {
    align-items: center;
    flex-direction: column;
    padding: 0 16px;
  }
}

.PaymentSuccessful_play-list__Oy2wV ul {
  margin-top: 20px;
  padding-left: 12px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .PaymentSuccessful_play-list__Oy2wV ul {
    padding-left: 28px;
  }
}

.PaymentSuccessful_play-list__Oy2wV li {
  margin-bottom: 12px;
}

.PaymentSuccessful_play-list__Oy2wV li a {
  color: #dae4f0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 24px;
  word-break: break-word;
}

.PaymentSuccessful_play-list__Oy2wV li a:hover {
  opacity: 0.8;
}

@media (min-width: 0px) and (max-width: 739px) {
  .PaymentSuccessful_button__Mbe5E {
    display: flex;
    justify-content: center;
  }
}

.PaymentSuccessful_content-left__REmXA {
  flex: 1 1;
}

@media (min-width: 0px) and (max-width: 739px) {
  .PaymentSuccessful_content-left__REmXA {
    margin-bottom: 24px;
  }
}

.PaymentSuccessful_content-right__oyMcg {
  width: 350px;
}

.PaymentSuccessful_benefit__3SfQY {
  background: linear-gradient(90deg, #5ebbff, #a174ff);
  border-radius: 8px;
  padding: 4px 1px;
  position: sticky;
  position: -webkit-sticky;
  top: 100px;
  width: 100%;
}

.PaymentSuccessful_benefit__3SfQY .PaymentSuccessful_benefit-wrapper__sOuox {
  background: #272a31;
  border-radius: 6px;
  padding: 16px;
}

@media (min-width: 740px) and (max-width: 1023px) {
  .PaymentSuccessful_benefit__3SfQY {
    background: transparent;
    margin-top: 32px;
    padding: 0;
  }

  .PaymentSuccessful_benefit__3SfQY .PaymentSuccessful_benefit-wrapper__sOuox {
    background: transparent;
    border-radius: 0;
    padding: 0;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .PaymentSuccessful_benefit__3SfQY {
    margin-top: 32px;
  }
}

.PaymentSuccessful_benefit-title__S-2EI {
  color: #dae4f0;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 40px;
  margin: 0 0 32px;
  text-align: center;
}

.PaymentSuccessful_benefit-item__XZHDk {
  align-items: flex-start;
  color: #dae4f0;
  display: flex;
  font-family: var(--font-lato);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 24px;
  margin-bottom: 16px;
}

.PaymentSuccessful_benefit-item__XZHDk strong {
  color: #5ebbff;
}

.PaymentSuccessful_benefit-item__XZHDk .PaymentSuccessful_icon__E7e5x {
  align-items: flex-start;
  display: flex;
  justify-content: center;
  margin-right: 8px;
  padding-top: 6px;
  width: 20px;
}

.PaymentSuccessful_benefit-item__XZHDk .PaymentSuccessful_icon__E7e5x img {
  width: 14px;
}

.PaymentFailure_wrapper__euO5w {
  align-items: center;
  background-color: #191d1e;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  position: relative;
}

@media (min-width: 0px) and (max-width: 739px) {
  .PaymentFailure_wrapper__euO5w {
    overflow-x: hidden;
  }
}

.PaymentFailure_wrapper__euO5w ::selection {
  background-color: #898fffa6;
}

.PaymentFailure_wrapper__euO5w ul {
  list-style-type: unset;
}

.PaymentFailure_main__utxug {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 75vh;
}

.PaymentFailure_title__DD3vC {
  font-size: 4.8rem;
  font-weight: 600;
  line-height: 120%;
  margin-top: 18px;
  text-align: center;
  width: 1024px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .PaymentFailure_title__DD3vC {
    padding: 16px;
    width: 100%;
  }
}

.PaymentFailure_sub-title__FAvUg {
  color: #dae4f0;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 40px;
  margin: 16px 0 0;
}

.PaymentFailure_container__FVpJp {
  background: linear-gradient(90deg, #5ebbff, #a174ff);
  border-radius: 8px;
  margin-top: 36px;
  max-width: 100vw;
  padding: 4px 1px;
  width: 1024px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .PaymentFailure_container__FVpJp {
    margin-left: 20px;
    max-width: 90vw;
  }
}

.PaymentFailure_content__vTwFW {
  background: #272a31;
  border-radius: 6px;
  padding: 10px 30px;
}

.PaymentFailure_content-desc__EAhXZ {
  color: #dae4f0;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 24px;
}

.PaymentFailure_icon__R3Vot {
  color: #cc5140;
  font-size: 1.8rem;
}

.PaymentFailure_contact__qEsYb {
  margin-top: 8px;
}

.PaymentFailure_contact-item__4O39A {
  align-items: flex-start;
  display: flex;
  margin-bottom: 16px;
}

.PaymentFailure_contact-item__4O39A .PaymentFailure_icon__R3Vot {
  margin-right: 12px;
  padding-top: 4px;
}

.PaymentFailure_contact-item__4O39A .PaymentFailure_text__ni6Cc {
  color: #fff;
  font-family: var(--font-lato);
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
}

.PaymentFailure_contact-item__4O39A .PaymentFailure_email__7N2fm {
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
}

.PaymentFailure_bottom__ZUNaF {
  display: flex;
  justify-content: flex-end;
  margin-top: 32px;
  max-width: 100vw;
  width: 1024px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .PaymentFailure_bottom__ZUNaF {
    justify-content: center;
  }
}

.TopDiscussions_wrapper__FdMpm {
  display: flex;
  margin-bottom: 24px;
  width: 100%;
}

@media (min-width: 0px) and (max-width: 739px) {
  .TopDiscussions_wrapper__FdMpm {
    overflow-x: auto;
  }
}

.TopDiscussionItem_wrapper__xdJXM {
  border-radius: 16px;
  height: 188px;
  margin-right: 20px;
  overflow: hidden;
  position: relative;
  width: 100%;
}

@media (min-width: 0px) and (max-width: 739px) {
  .TopDiscussionItem_wrapper__xdJXM {
    min-width: 80%;
  }
}

.TopDiscussionItem_wrapper__xdJXM:last-child {
  margin-right: 0;
}

.TopDiscussionItem_wrapper__xdJXM:first-child {
  background-image: linear-gradient(90deg, #9866f0, #eb4d50);
}

.TopDiscussionItem_wrapper__xdJXM:nth-child(2) {
  background-image: linear-gradient(90deg, #3787f7, #49a49e);
}

.TopDiscussionItem_wrapper__xdJXM:nth-child(3) {
  background-image: linear-gradient(90deg, #db459f, #2568f6);
}

.TopDiscussionItem_wrapper__xdJXM:nth-child(4) {
  background-image: linear-gradient(90deg, #ed4e50, #f06f00);
}

.TopDiscussionItem_wrapper__xdJXM:first-child .TopDiscussionItem_background-image__zZDiz,
.TopDiscussionItem_wrapper__xdJXM:nth-child(2) .TopDiscussionItem_background-image__zZDiz {
  background-image: url(/static/img/top-discussion-1.41ba47661ff549a75114.svg);
}

.TopDiscussionItem_wrapper__xdJXM:nth-child(3) .TopDiscussionItem_background-image__zZDiz {
  background-image: url(/static/img/top-discussion-2.f942a32dc62825e67478.svg);
}

.TopDiscussionItem_wrapper__xdJXM:nth-child(4) .TopDiscussionItem_background-image__zZDiz {
  background-image: url(/static/img/top-discussion-3.90b191131cbea2053dca.svg);
}

.TopDiscussionItem_background-image__zZDiz {
  background-position: 20px 20px;
  background-size: 35px;
  height: 100%;
  mix-blend-mode: soft-light;
  opacity: 0.5;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.TopDiscussionItem_content__Gv050 {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: flex-end;
  padding: 16px 32px 16px 16px;
  position: relative;
  z-index: 5;
}

.TopDiscussionItem_category-icon__yRjiE {
  cursor: default;
  position: absolute;
  right: 15px;
  top: 15px;
  width: 35px;
  z-index: 1;
}

.TopDiscussionItem_category-icon__yRjiE img {
  height: 100%;
  width: 100%;
}

.TopDiscussionItem_category-name__nOUNp {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.25;
}

.TopDiscussionItem_title__AuEmb {
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  color: #fff;
  display: -webkit-box;
  font-size: 2rem;
  font-weight: 600;
  margin-bottom: 8px;
  margin-top: 2px;
  overflow: hidden;
}

.TopDiscussionItem_title__AuEmb:hover {
  text-decoration: underline;
}

.TopDiscussionItem_user-wrapper__5hGE6 {
  align-items: center;
  display: flex;
}

.TopDiscussionItem_user-avatar__eX7Si {
  border-radius: 50%;
  height: 24px;
  margin-right: 8px;
  width: 24px;
}

.TopDiscussionItem_user-name__3wDL8 {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  margin-right: 4px;
}

.Search_wrapper__EVI9q {
  border: 2px solid #e8e8e8;
  border-radius: 6px;
  height: 34px;
  min-width: 270px;
  padding: 0 16px 0 8px;
  transition: border-color 0.2s ease-in-out;
}

.Search_wrapper__EVI9q:focus-within {
  border-color: #444;
}

.Search_wrapper__EVI9q svg {
  color: #7c7c7c;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Search_wrapper__EVI9q {
    height: 48px;
    width: 100%;
  }
}

@media (min-width: 0px) and (max-width: 1024px) {
  .Search_wrapper__EVI9q {
    margin-bottom: 20px;
    width: 100%;
  }
}

.Search_searchIcon__BAcK2 {
  background-image: url(/static/img/search.9bd3926522ea0937310c.svg);
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 18px;
  border-radius: 50%;
  height: 24px;
  margin-left: 4px;
  opacity: 0.7;
  transition: opacity 0.2s ease-in-out;
  width: 22px;
}

.Search_searchIcon__BAcK2.Search_active__\+ziI3,
.Search_searchIcon__BAcK2:hover {
  opacity: 1;
}

.Search_input__W4gpo {
  border: none;
  caret-color: #444;
  flex: 1 1;
  font-size: 1.4rem;
  height: 100%;
  outline: none;
  padding: 0 4px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Search_input__W4gpo {
    padding: 5px 4px;
  }
}

.Search_clearText__\+2gby {
  cursor: pointer;
  font-size: 1.4rem;
  padding: 4px 0 4px 4px;
}

.Search_clearText__\+2gby:hover svg {
  color: #757575;
}

.Select_wrapper__FKjbO {
  margin-bottom: 8px;
  margin-right: 8px;
}

.Select_content__mv30j {
  background-color: #f6f8fa;
  border: 1px solid #d0d7de;
  border-radius: 6px;
  cursor: pointer;
  display: inline-flex;
  font-size: 1.4rem;
  padding: 8px 16px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.Select_content__mv30j:hover {
  background-color: rgba(27, 31, 36, 0.1);
}

.Select_content__mv30j span {
  font-weight: 500;
}

.Select_content__mv30j:focus-within {
  border: 1px solid #444;
  outline: none;
}

.Select_active__eZycE {
  background-color: rgba(27, 31, 36, 0.1);
}

.Select_error__G1Nqt {
  border: 1px solid red;
  margin-bottom: 6px;
}

.Select_label__TvgOL {
  align-items: center;
  display: flex;
}

.Select_label__TvgOL span {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Select_item-wrapper__1on7v {
  -ms-scroll-chaining: none;
  background-color: #fff;
  border: 1px solid #d0d7de;
  border-radius: 6px;
  max-height: 400px;
  min-width: 0 !important;
  overflow-y: auto !important;
  overflow-y: overlay !important;
  overscroll-behavior: contain;
  padding: 0;
  scroll-behavior: smooth;
  z-index: 999;
}

.Select_item__CnF6w {
  border-bottom: 1px solid #d0d7de;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.Select_item__CnF6w:last-child {
  border-bottom: none;
}

.Select_item-content__oLKBi {
  align-items: center;
  cursor: pointer;
  display: flex;
  gap: 16px;
  justify-content: flex-start;
  padding: 12px 18px;
}

.Select_item-content__oLKBi:hover {
  background-color: rgba(234, 238, 242, 0.5);
}

.Select_heading__sE2TJ {
  border-bottom: 1px solid #d0d7de;
  font-size: 1.3rem;
  margin: 0;
  padding: 12px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.Select_icon__6q7lf {
  margin-left: 10px;
  opacity: 0.5;
}

.Select_item-icon__LHX2m {
  margin-left: auto;
}

.Select_item-icon__LHX2m,
.Select_item-title__dHa5r {
  font-size: 1.3rem;
}

.Select_item-title__dHa5r {
  margin-left: 0 !important;
  margin-right: 12px;
}

.Select_message__QrS7f {
  color: red;
  font-size: 1.2rem;
}

.Categories_title__CqSvw {
  font-size: 1.6rem;
  margin-bottom: 8px;
  margin-top: 0;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Categories_title__CqSvw {
    margin-top: 20px;
  }
}

.Categories_category__VRwak {
  align-items: center;
  border-radius: 6px;
  color: var(--text-color);
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 4px;
  padding: 10px 16px;
  position: relative;
  width: 100%;
}

.Categories_category__VRwak:hover {
  background-color: #f6f8fa;
  text-decoration: none;
}

.Categories_content__B7Sp3 {
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  overflow: hidden;
}

.Categories_active__cprr9 {
  background-color: #0969da;
  color: #fff;
}

.Categories_active__cprr9:hover {
  background-color: #0969da;
  text-decoration: none;
}

.Categories_icon__c7LKP {
  display: flex;
  margin-right: 8px;
  width: 20px;
}

.Categories_icon__c7LKP img {
  height: 100%;
  width: 100%;
}

.CategoryItem_wrapper__2SmbO {
  align-items: center;
  border-radius: 6px;
  color: var(--text-color);
  cursor: pointer;
  display: flex;
  font-size: 14px;
  font-weight: 500;
  margin-bottom: 4px;
  padding: 10px 16px;
  position: relative;
  width: 100%;
}

.CategoryItem_wrapper__2SmbO:hover {
  background-color: #f6f8fa;
  text-decoration: none;
}

.CategoryItem_content__7O\+DF {
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  overflow: hidden;
}

.CategoryItem_active__cJb7w {
  background-color: #0969da;
  color: #fff;
}

.CategoryItem_active__cJb7w:hover {
  background-color: #0969da;
  text-decoration: none;
}

.CategoryItem_icon__4I1yZ {
  margin-right: 8px;
  width: 20px;
}

.CategoryItem_icon__4I1yZ img {
  height: 100%;
  width: 100%;
}

.MostHelpful_wrapper__RaR8z {
  border: 1px solid #d0d7de;
  border-radius: 6px;
  box-shadow: 0 1px 0 rgba(27, 31, 36, 0.04);
  margin-top: 16px;
  padding: 16px 16px 0;
  width: 100%;
}

.MostHelpful_heading__GgQO1 {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.MostHelpful_title__oPysh {
  font-size: 16px;
  margin: 0;
}

.MostHelpful_past-time__KB-y8 {
  color: var(--text-color);
  font-size: 1.2rem;
}

.MostHelpful_content__bnCr\+ {
  margin-bottom: 8px;
  margin-top: 8px;
}

.MostHelpfulItem_wrapper__ATmOi {
  align-items: center;
  border-top: 1px solid #d8dee4;
  display: flex;
  justify-content: space-between;
  padding-bottom: 8px;
  padding-top: 8px;
}

.MostHelpfulItem_user-info__Q4hjX {
  align-items: center;
  display: flex;
}

.MostHelpfulItem_user-avatar__47WqE {
  border-radius: 50%;
  height: 20px;
  margin-right: 8px;
  object-fit: cover;
  width: 20px;
}

.MostHelpfulItem_user-name__PUvGE {
  align-items: center;
  color: var(--text-color);
  display: flex;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 0;
}

.MostHelpfulItem_user-name__PUvGE span {
  display: inline-block;
  max-width: 145px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.MostHelpfulItem_count-wrapper__mlkza {
  align-items: center;
  display: flex;
}

.MostHelpfulItem_icon__oHBSE {
  color: #57606a;
  font-size: 1.4rem;
  margin-right: 8px;
}

.MostHelpfulItem_votes-count__0qN6E {
  color: #57606a;
  font-size: 1.3rem;
}

.DiscussionList_title__e1UTT {
  font-size: 1.6rem;
  margin-bottom: 8px;
  margin-top: 0;
}

.DiscussionList_no-result__ZEiGx {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 1.6rem;
  font-weight: 600;
  margin-top: 40px;
  text-align: center;
}

.DiscussionList_no-result__ZEiGx span {
  margin-top: 8px;
}

.DiscussionItem_wrapper__OHLtn {
  border-bottom: 1px solid #d0d7de;
  padding: 16px 0;
  width: 100%;
}

.DiscussionItem_wrapper-vote__P5v-E,
.DiscussionItem_wrapper__OHLtn {
  align-items: center;
  display: flex;
}

.DiscussionItem_vote__QVy4C {
  cursor: pointer;
  margin-left: 8px;
  margin-right: 16px;
  width: 62px;
}

.DiscussionItem_category-icon-wrapper__ORRfu {
  align-items: center;
  background-color: rgba(209, 213, 218, 0.5);
  border-radius: 6px;
  display: flex;
  height: 42px;
  justify-content: center;
  width: 42px;
}

.DiscussionItem_category-icon__8q3t0 {
  width: 20px;
}

.DiscussionItem_category-icon__8q3t0 img {
  height: 100%;
  width: 100%;
}

.DiscussionItem_right-content__n-NcH {
  align-items: center;
  display: flex;
  width: 100%;
}

@media (min-width: 0px) and (max-width: 739px) {
  .DiscussionItem_right-content__n-NcH {
    flex-direction: column;
  }
}

.DiscussionItem_wrapper-title__ZoosK {
  flex: 1 1;
  padding-left: 8px;
  padding-right: 16px;
}

.DiscussionItem_title__H2Z1w {
  color: var(--text-color);
  display: block;
  font-size: 1.6rem;
  font-weight: 600;
  margin-right: 4px;
  max-width: 50vw;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  transition: all 0.2s;
}

@media (min-width: 1024px) {
  .DiscussionItem_title__H2Z1w {
    max-width: 35vw;
  }
}

@media (min-width: 740px) and (max-width: 1023px) {
  .DiscussionItem_title__H2Z1w {
    max-width: 30vw;
  }
}

.DiscussionItem_title__H2Z1w:hover {
  color: var(--primary-color);
}

.DiscussionItem_discussion-info__Mo0Ha {
  color: #57606a;
  display: block;
  font-size: 1.2rem;
  margin-top: 4px;
}

.DiscussionItem_user-name__bQQRF {
  color: var(--text-color);
  font-weight: 600;
}

.DiscussionItem_category-name__nHWiM {
  color: #57606a;
  cursor: pointer;
  transition: all 0.2s;
}

.DiscussionItem_category-name__nHWiM:hover {
  color: var(--primary-color);
}

.DiscussionItem_answered__Q5hqG,
.DiscussionItem_unanswered__L9iNG {
  font-weight: 600;
}

.DiscussionItem_answered__Q5hqG {
  color: #1a7f37;
}

.DiscussionItem_wrapper-user__jbBWp {
  align-items: center;
  display: flex;
  padding-right: 16px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .DiscussionItem_wrapper-user__jbBWp {
    padding-right: 90px;
    padding-top: 8px;
  }
}

.DiscussionItem_participants__tdKEU {
  align-items: center;
  display: flex;
  flex-direction: row-reverse;
}

.DiscussionItem_participants__tdKEU:hover .DiscussionItem_user-avatar__PNzKw {
  margin-left: 3px;
}

.DiscussionItem_user-avatar__PNzKw {
  border-radius: 50%;
  height: 20px;
  margin-left: -11px;
  transition: margin 0.1s ease-in-out;
  width: 20px;
}

.DiscussionItem_user-participant__5bw5w {
  margin-left: 0;
}

.DiscussionItem_user-participants__GAPjb:first-of-type {
  z-index: 5;
}

.DiscussionItem_user-participants__GAPjb:nth-of-type(2) {
  z-index: 4;
}

.DiscussionItem_user-participants__GAPjb:nth-of-type(3) {
  z-index: 3;
}

.DiscussionItem_total-answer__gZqpA {
  color: #57606a;
  font-size: 1.4rem;
  font-weight: 500;
  margin-left: 8px;
  text-align: right;
  text-decoration: none;
  transition: all 0.2s;
  width: 60px;
}

.DiscussionItem_total-answer__gZqpA:hover {
  color: var(--primary-color);
}

.DiscussionItem_total-answer__gZqpA span {
  font-size: 1.4rem;
}

.DiscussionItem_total-answered__Y-A6k:hover {
  color: #1a7f37;
}

.DiscussionItem_answered-icon__Kr5cK,
.DiscussionItem_unanswered-icon__BWmE1 {
  margin-right: 6px;
}

.DiscussionItem_answered-icon__Kr5cK {
  color: #1a7f37;
}

.Vote_wrapper__tgPRw {
  align-items: center;
  background-color: transparent;
  border: 1px solid #d0d7de;
  border-radius: 100px;
  cursor: pointer;
  display: inline-flex;
  font-size: 1.2rem;
  height: 26px;
  justify-content: space-between;
  line-height: 26px;
  padding: 0 8px;
  text-align: center;
  transition: all 0.2s;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.Vote_wrapper__tgPRw:hover {
  background-color: #eaeef2;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Vote_wrapper__tgPRw {
    margin-left: 12px;
    margin-top: 10px;
  }
}

.Vote_voted__bw-Fu {
  background-color: #ddf4ff;
  border: 1px solid #0969da;
  color: #0969da;
}

.Vote_voted__bw-Fu:hover {
  background-color: #b6e3ff;
}

.Vote_icon__pKpMd {
  width: 16px;
}

.Vote_container__-fTHb {
  height: 26px;
  overflow: hidden;
  width: 20px;
}

.Vote_upvoted-count-content__jCAND,
.Vote_vote-count-content__kvnyS {
  display: flex;
  flex-direction: column;
  transition: 0.4s ease-in-out;
}

.Vote_vote-count-content__kvnyS {
  -webkit-transform: perspective(1px) translateY(0);
  transform: perspective(1px) translateY(0);
}

.Vote_upvoted-count-content__jCAND {
  -webkit-transform: perspective(1px) translateY(-50%);
  transform: perspective(1px) translateY(-50%);
}

.Vote_voting-wrapper__Su3Kx {
  background-color: rgba(0, 0, 0, 0.7);
  border-radius: 16px;
  padding: 6px 12px;
}

.Vote_voting-wrapper__Su3Kx span {
  color: #fff;
  font-size: 1.3rem;
}

.Pagination_wrapper__Rvhto {
  align-items: center;
  display: flex;
  font-size: 1.4rem;
  justify-content: center;
  margin-top: 20px;
  position: relative;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Pagination_wrapper__Rvhto {
    margin: 32px 0;
    position: relative;
  }

  .Pagination_wrapper__Rvhto .Pagination_btn-pre__Pm0Wu {
    left: -10px;
    position: absolute;
  }

  .Pagination_wrapper__Rvhto .Pagination_btn-next__TNt\+b {
    position: absolute;
    right: -10px;
  }
}

@media (min-width: 0px) and (max-width: 1024px) {
  .Pagination_wrapper__Rvhto {
    position: relative;
  }

  .Pagination_wrapper__Rvhto .Pagination_btn-pre__Pm0Wu {
    left: -10px;
    position: absolute;
  }

  .Pagination_wrapper__Rvhto .Pagination_btn-next__TNt\+b {
    position: absolute;
    right: -10px;
  }
}

.Pagination_index__\+v-KW {
  left: 12px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

@media (min-width: 740px) and (max-width: 1023px) {
  .Pagination_index__\+v-KW {
    font-size: 1.3rem;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .Pagination_index__\+v-KW {
    display: none;
  }
}

.Pagination_pages__FFgjW {
  align-items: center;
  display: flex;
  padding: 0 10px;
}

.Pagination_page__fm3g4 {
  border: 1px solid #fff;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  font-weight: 500;
  transition: all 0.2s;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media (min-width: 1024px) {
  .Pagination_page__fm3g4 {
    margin-right: 4px;
    padding: 6px 12px;
  }
}

@media (min-width: 0px) and (max-width: 1024px) {
  .Pagination_page__fm3g4 {
    padding: 6px;
    width: 30px;
  }
}

.Pagination_page__fm3g4 .Pagination_span__Eo8ed {
  margin: 0 auto;
}

.Pagination_page__fm3g4:hover {
  border: 1px solid #d0d7de;
}

.Pagination_page__fm3g4.Pagination_disabled__1LE7y {
  border: 1px solid #fff;
  color: #d0d7de;
  cursor: default;
}

.Pagination_page__fm3g4.Pagination_active__q3h4d {
  background-color: var(--primary-color);
  border: 1px solid var(--primary-color);
  color: var(--white-color);
}

.Pagination_page__fm3g4.Pagination_hidden__Obbio {
  display: none;
}

.Pagination_icon__rsM4G {
  font-size: 1.2rem;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.Pagination_limit__AGD7v {
  align-items: center;
  display: flex;
  margin-right: 16px;
}

.Pagination_limit__AGD7v select {
  border-radius: 6px;
  cursor: pointer;
  margin: 0 4px;
  outline: none;
  padding: 4px;
}

.ButtonGroup_wrapper__HD6uM {
  background-color: #f6f8fa;
  border: 1px solid #d0d7de;
  border-radius: 6px;
  display: inline-flex;
  margin-bottom: 8px;
  margin-right: 8px;
}

.ButtonGroup_item__VSqf5 {
  border-right: 1px solid #d0d7de;
  cursor: pointer;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 8px 16px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ButtonGroup_item__VSqf5:last-child {
  border-right: none;
}

.ButtonGroup_active__w6jeE,
.ButtonGroup_item__VSqf5:hover {
  background-color: rgba(27, 31, 36, 0.08);
}

.DiscussionMain_search__4q-Vw {
  align-items: flex-start;
  display: flex;
  width: 100%;
}

.DiscussionMain_filter__yT2r5 {
  margin-bottom: 10px;
}

@media (min-width: 740px) {
  .DiscussionMain_filter__yT2r5 {
    align-items: flex-start;
    display: flex;
    flex: 1 1;
    justify-content: space-between;
  }
}

@media (min-width: 740px) and (max-width: 1023px) {
  .DiscussionMain_filter__yT2r5 {
    margin-bottom: 10px;
  }
}

@media (min-width: 0px) and (max-width: 1023px) {
  .DiscussionMain_filter__yT2r5 {
    width: 100%;
  }
}

.DiscussionMain_content-filter__R540g {
  align-items: flex-start;
  display: flex;
}

@media (min-width: 0px) and (max-width: 739px) {
  .DiscussionMain_content-filter__R540g {
    margin-bottom: 15px;
  }
}

.DiscussionMain_filter-result__tbUs3 {
  font-size: 1.3rem;
  font-weight: 600;
  margin-top: 10px;
  transition: color 0.2s;
}

.DiscussionMain_filter-result__tbUs3:hover {
  color: var(--primary-color);
}

.DiscussionMain_filter-result-clear__0pFDP {
  cursor: pointer;
  font-size: 1.2rem;
  font-weight: 400;
  margin-left: 8px;
}

.DiscussionMain_body__OSV0- {
  display: flex;
}

@media (min-width: 0px) and (max-width: 739px) {
  .DiscussionMain_body__OSV0- {
    flex-direction: column-reverse;
    margin-top: 50px;
  }
}

.DiscussionMain_category__o7dXr {
  width: 270px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .DiscussionMain_category__o7dXr {
    width: 100%;
  }
}

.DiscussionMain_content__cZK6O {
  flex: 1 1;
  margin-left: 32px;
  padding-right: 24px;
}

@media (min-width: 740px) and (max-width: 1023px) {
  .DiscussionMain_content__cZK6O {
    padding: 0;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .DiscussionMain_content__cZK6O {
    margin: 0;
    padding: 0;
  }
}

.DiscussionMain_wp-filter-btn__PqnA6 {
  background-color: #f6f8fa;
  border: 1px solid #d0d7de;
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
  color: var(--black-color);
  cursor: pointer;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 8px 16px;
}

.DiscussionMain_active__yFrxW,
.DiscussionMain_wp-filter-btn__PqnA6:hover {
  background-color: rgba(27, 31, 36, 0.1);
}

.DiscussionMain_filter-group__zpQIL {
  border-bottom-left-radius: 0;
  border-left-width: 0;
  border-top-left-radius: 0;
}

.DiscussionMain_filter-lesson__EPTzf {
  border: 1px solid #d0d7de;
  border-radius: 6px;
}

.DiscussionMain_filter-lesson__EPTzf span {
  max-width: 140px !important;
}

@media (min-width: 0px) and (max-width: 739px) {
  .DiscussionMain_new-question__khMb9 {
    margin-bottom: 20px;
  }
}

@media (min-width: 0) and (max-width: 1024px) {
  .DiscussionMain_search-wrapper__mWDSr {
    display: flex;
    flex-direction: row;
  }

  .DiscussionMain_search__4q-Vw {
    flex-direction: column-reverse;
  }

  .DiscussionMain_filter__yT2r5 {
    flex-direction: column;
  }
}

@media (min-width: 1025px) {
  .DiscussionMain_filter__yT2r5 {
    margin-bottom: 36px;
    margin-left: 32px;
  }
}

.TextInput_wrapper__fdQp\+ {
  border-radius: 20px;
  margin-bottom: 18px;
  width: 100%;
}

.TextInput_input__T0Bn4 {
  border: 2px solid #d0d7de;
  border-radius: 6px;
  caret-color: #444;
  flex: 1 1;
  font-size: 1.4rem;
  height: 38px;
  outline: none;
  padding: 0 16px;
  width: 100%;
}

.TextInput_input__T0Bn4:focus-within {
  border-color: #444;
}

.TextInput_error__1zdPr {
  border: 1px solid red;
}

.TextInput_error__1zdPr:focus-within {
  border-color: red;
}

.TextInput_error-message__EStqH {
  color: red;
  font-size: 1.2rem;
  margin-top: 6px;
}

.TextEditor_wrapper__-54If {
  margin-bottom: 30px;
  position: relative;
}

.TextEditor_text-editor__JC1Bt>div {
  border: 2px solid #d0d7de;
  border-radius: 6px;
}

.TextEditor_text-editor__JC1Bt>div:focus-within {
  border-color: #444;
}

.TextEditor_text-editor__JC1Bt>div div,
.TextEditor_text-editor__JC1Bt>div textarea {
  border-radius: 6px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .TextEditor_text-editor__JC1Bt>div div {
    align-items: flex-start;
  }
}

.TextEditor_text-editor__JC1Bt.TextEditor_error__7Mxv0>div {
  border: 2px solid red;
}

.TextEditor_message__5m7kh {
  bottom: -20px;
  color: red;
  font-size: 1.2rem;
  left: 0;
  position: absolute;
}

@font-face {
  font-family: rmel-iconfont;
  src: url(data:application/vnd.ms-fontobject;base64,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NS4BJyMOAd0VGwEBGxWRFRsbFWEcFBQcYRUbGxWRFRsBARsCK2EVGxsVkRUbAQEbKRySARsVYRwpGwEBGxWRFRsBHwEbFZEVGwEBGykcYRUbwwEbFWEcKRsBARsVkRUb/qscKRsBARsVkRUbGxUBtRQcYRUbGxWRFRsBARsAAAAAAAASAN4AAQAAAAAAAAAVAAAAAQAAAAAAAQANABUAAQAAAAAAAgAHACIAAQAAAAAAAwANACkAAQAAAAAABAANADYAAQAAAAAABQALAEMAAQAAAAAABgANAE4AAQAAAAAACgArAFsAAQAAAAAACwATAIYAAwABBAkAAAAqAJkAAwABBAkAAQAaAMMAAwABBAkAAgAOAN0AAwABBAkAAwAaAOsAAwABBAkABAAaAQUAAwABBAkABQAWAR8AAwABBAkABgAaATUAAwABBAkACgBWAU8AAwABBAkACwAmAaUKQ3JlYXRlZCBieSBpY29uZm9udApybWVsLWljb25mb250UmVndWxhcnJtZWwtaWNvbmZvbnRybWVsLWljb25mb250VmVyc2lvbiAxLjBybWVsLWljb25mb250R2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0Lmh0dHA6Ly9mb250ZWxsby5jb20ACgBDAHIAZQBhAHQAZQBkACAAYgB5ACAAaQBjAG8AbgBmAG8AbgB0AAoAcgBtAGUAbAAtAGkAYwBvAG4AZgBvAG4AdABSAGUAZwB1AGwAYQByAHIAbQBlAGwALQBpAGMAbwBuAGYAbwBuAHQAcgBtAGUAbAAtAGkAYwBvAG4AZgBvAG4AdABWAGUAcgBzAGkAbwBuACAAMQAuADAAcgBtAGUAbAAtAGkAYwBvAG4AZgBvAG4AdABHAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAHMAdgBnADIAdAB0AGYAIABmAHIAbwBtACAARgBvAG4AdABlAGwAbABvACAAcAByAG8AagBlAGMAdAAuAGgAdAB0AHAAOgAvAC8AZgBvAG4AdABlAGwAbABvAC4AYwBvAG0AAAAAAgAAAAAAAAAKAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAaAQIBAwEEAQUBBgEHAQgBCQEKAQsBDAENAQ4BDwEQAREBEgETARQBFQEWARcBGAEZARoBGwADdGFiCGtleWJvYXJkBmRlbGV0ZQpjb2RlLWJsb2NrBGNvZGUKdmlzaWJpbGl0eQp2aWV3LXNwbGl0BGxpbmsEcmVkbwR1bmRvBGJvbGQGaXRhbGljDGxpc3Qtb3JkZXJlZA5saXN0LXVub3JkZXJlZAVxdW90ZQ1zdHJpa2V0aHJvdWdoCXVuZGVybGluZQR3cmFwCWZvbnQtc2l6ZQRncmlkBWltYWdlC2V4cGFuZC1sZXNzC2V4cGFuZC1tb3JlD2Z1bGxzY3JlZW4tZXhpdApmdWxsc2NyZWVuAAAAAAA=);
  src: url(data:font/ttf;base64,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) format('truetype');
}

.rmel-iconfont {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: rmel-iconfont !important;
  font-size: 16px;
  font-style: normal;
}

.rmel-icon-tab:before {
  content: '\e76d';
}

.rmel-icon-keyboard:before {
  content: '\ed80';
}

.rmel-icon-delete:before {
  content: '\ed3c';
}

.rmel-icon-code-block:before {
  content: '\e941';
}

.rmel-icon-code:before {
  content: '\ed3b';
}

.rmel-icon-visibility:before {
  content: '\ed44';
}

.rmel-icon-view-split:before {
  content: '\ed45';
}

.rmel-icon-link:before {
  content: '\ed5f';
}

.rmel-icon-redo:before {
  content: '\ed60';
}

.rmel-icon-undo:before {
  content: '\ed61';
}

.rmel-icon-bold:before {
  content: '\ed6f';
}

.rmel-icon-italic:before {
  content: '\ed70';
}

.rmel-icon-list-ordered:before {
  content: '\ed71';
}

.rmel-icon-list-unordered:before {
  content: '\ed72';
}

.rmel-icon-quote:before {
  content: '\ed73';
}

.rmel-icon-strikethrough:before {
  content: '\ed74';
}

.rmel-icon-underline:before {
  content: '\ed75';
}

.rmel-icon-wrap:before {
  content: '\ed77';
}

.rmel-icon-font-size:before {
  content: '\ed78';
}

.rmel-icon-grid:before {
  content: '\ed8c';
}

.rmel-icon-image:before {
  content: '\ed8d';
}

.rmel-icon-expand-less:before {
  content: '\ed9f';
}

.rmel-icon-expand-more:before {
  content: '\eda0';
}

.rmel-icon-fullscreen-exit:before {
  content: '\eda1';
}

.rmel-icon-fullscreen:before {
  content: '\eda2';
}

.rc-md-editor {
  background: #fff;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  padding-bottom: 1px;
  position: relative;
}

.rc-md-editor.full {
  height: 100% !important;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1000;
}

.rc-md-editor .editor-container {
  display: flex;
  flex: 1 1;
  min-height: 0;
  position: relative;
  width: 100%;
}

.rc-md-editor .editor-container>.section.in-visible {
  display: none;
}

.rc-md-editor .editor-container>.section>.section-container {
  padding: 10px 15px 15px;
}

.rc-md-editor .editor-container .sec-md {
  flex: 1 1;
  min-height: 0;
  min-width: 0;
}

.rc-md-editor .editor-container .sec-md .input {
  background: #fff;
  border: none;
  box-sizing: border-box;
  color: #333;
  display: block;
  font-size: 14px;
  height: 100%;
  line-height: 1.7;
  min-height: 0;
  outline: none;
  overflow-y: scroll;
  resize: none;
  width: 100%;
}

.rc-md-editor .editor-container .sec-html {
  flex: 1 1;
  min-height: 0;
  min-width: 0;
}

.rc-md-editor .editor-container .sec-html .html-wrap {
  box-sizing: border-box;
  height: 100%;
  overflow: auto;
}

.custom-html-style {
  color: #333;
}

.custom-html-style h1 {
  border: none;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
  margin: 32px 0;
  padding: 0;
}

.custom-html-style h2 {
  border: none;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.7;
  margin: 24px 0;
  padding: 0;
}

.custom-html-style h3 {
  border: none;
  font-size: 18px;
  line-height: 1.7;
  margin: 18px 0;
  padding: 0;
}

.custom-html-style p {
  font-size: 14px;
  line-height: 1.7;
  margin: 8px 0;
}

.custom-html-style a {
  color: #0052d9;
}

.custom-html-style a:hover {
  text-decoration: none;
}

.custom-html-style strong {
  font-weight: 700;
}

.custom-html-style ol,
.custom-html-style ul {
  font-size: 14px;
  line-height: 28px;
  padding-left: 36px;
}

.custom-html-style li {
  line-height: 1.7;
  margin-bottom: 8px;
}

.custom-html-style hr {
  border: 0;
  border-top: 1px solid #eee;
  margin-bottom: 20px;
  margin-top: 20px;
}

.custom-html-style pre {
  display: block;
  line-height: 28px;
  padding: 20px;
  word-break: break-word;
}

.custom-html-style code,
.custom-html-style pre {
  background-color: #f5f5f5;
  border-radius: 0;
  font-size: 14px;
  overflow-x: auto;
}

.custom-html-style code {
  margin: 0;
  padding: 3px 0;
  word-break: normal;
}

.custom-html-style code:after,
.custom-html-style code:before {
  letter-spacing: 0;
}

.custom-html-style blockquote {
  background: none repeat scroll 0 0 rgba(102, 128, 153, 0.05);
  border: none;
  border-left: 10px solid #d6dbdf;
  color: #333;
  margin: 16px 0;
  padding: 5px 8px 5px 30px;
  position: relative;
}

.custom-html-style img,
.custom-html-style video {
  max-width: 100%;
}

.custom-html-style table {
  border: 1px solid #f6f6f6;
  border-collapse: collapse;
  border-spacing: 0;
  box-sizing: border-box;
  font-size: 14px;
  line-height: 1.7;
  max-width: 100%;
  overflow: auto;
}

.custom-html-style table td,
.custom-html-style table th {
  word-wrap: break-word;
  white-space: normal;
  word-break: break-all;
}

.custom-html-style table tr {
  border: 1px solid #efefef;
}

.custom-html-style table tr:nth-child(2n) {
  background-color: transparent;
}

.custom-html-style table th {
  background-color: #f5f7fa;
  border: 1px solid #efefef;
  font-weight: 700;
  padding: 10px 6px;
  text-align: center;
  word-break: break-word;
}

.custom-html-style table td {
  border: 1px solid #efefef;
  min-width: 60px;
  padding: 10px 15px;
  text-align: left;
  word-break: break-word;
}

.rc-md-editor .drop-wrap {
  background-color: #fff;
  border-color: #f1f1f1 #ddd #ddd #f1f1f1;
  border-style: solid;
  border-width: 1px;
  display: block;
  left: 0;
  min-width: 20px;
  padding: 10px 0;
  position: absolute;
  text-align: center;
  top: 28px;
  z-index: 2;
}

.rc-md-editor .drop-wrap.hidden {
  display: none !important;
}

.rc-md-editor .rc-md-navigation {
  background: #f5f5f5;
  border-bottom: 1px solid #e0e0e0;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  font-size: 16px;
  justify-content: space-between;
  min-height: 38px;
  padding: 0 8px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rc-md-editor .rc-md-navigation.in-visible {
  display: none;
}

.rc-md-editor .rc-md-navigation .navigation-nav {
  align-items: center;
  color: #757575;
  font-size: 14px;
  justify-content: center;
}

.rc-md-editor .rc-md-navigation .button-wrap,
.rc-md-editor .rc-md-navigation .navigation-nav {
  display: flex;
  flex-direction: row;
}

.rc-md-editor .rc-md-navigation .button-wrap {
  flex-wrap: wrap;
}

.rc-md-editor .rc-md-navigation .button-wrap .button {
  color: #757575;
  cursor: pointer;
  display: inline-block;
  height: 28px;
  line-height: 28px;
  margin-left: 3px;
  margin-right: 3px;
  min-width: 24px;
  position: relative;
  text-align: center;
}

.rc-md-editor .rc-md-navigation .button-wrap .button:hover {
  color: #212121;
}

.rc-md-editor .rc-md-navigation .button-wrap .button.disabled {
  color: #bdbdbd;
  cursor: not-allowed;
}

.rc-md-editor .rc-md-navigation .button-wrap .button:first-child {
  margin-left: 0;
}

.rc-md-editor .rc-md-navigation .button-wrap .button:last-child {
  margin-right: 0;
}

.rc-md-editor .rc-md-navigation .button-wrap .rmel-iconfont {
  font-size: 18px;
}

.rc-md-editor .rc-md-navigation li,
.rc-md-editor .rc-md-navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.rc-md-editor .rc-md-navigation .h1,
.rc-md-editor .rc-md-navigation .h2,
.rc-md-editor .rc-md-navigation .h3,
.rc-md-editor .rc-md-navigation .h4,
.rc-md-editor .rc-md-navigation .h5,
.rc-md-editor .rc-md-navigation .h6,
.rc-md-editor .rc-md-navigation h1,
.rc-md-editor .rc-md-navigation h2,
.rc-md-editor .rc-md-navigation h3,
.rc-md-editor .rc-md-navigation h4,
.rc-md-editor .rc-md-navigation h5,
.rc-md-editor .rc-md-navigation h6 {
  color: inherit;
  font-family: inherit;
  font-weight: 500;
  line-height: 1.1;
  margin: 0;
  padding: 0;
}

.rc-md-editor .rc-md-navigation h1 {
  font-size: 34px;
}

.rc-md-editor .rc-md-navigation h2 {
  font-size: 30px;
}

.rc-md-editor .rc-md-navigation h3 {
  font-size: 24px;
}

.rc-md-editor .rc-md-navigation h4 {
  font-size: 18px;
}

.rc-md-editor .rc-md-navigation h5 {
  font-size: 14px;
}

.rc-md-editor .rc-md-navigation h6 {
  font-size: 12px;
}

.rc-md-editor .tool-bar {
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 1;
}

.rc-md-editor .tool-bar .button {
  color: #999;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  height: 28px;
  line-height: 28px;
  margin-right: 5px;
  min-width: 24px;
  text-align: center;
}

.rc-md-editor .tool-bar .button:hover {
  color: #333;
}

.rc-md-editor .rc-md-divider {
  background-color: #e0e0e0;
  display: block;
  width: 1px;
}

.rc-md-editor .table-list.wrap {
  box-sizing: border-box;
  margin: 0 10px;
  position: relative;
}

.rc-md-editor .table-list.wrap .list-item {
  background-color: #e0e0e0;
  border-radius: 3px;
  display: inline-block;
  height: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}

.rc-md-editor .table-list.wrap .list-item.active {
  background: #9e9e9e;
}

.rc-md-editor .tab-map-list .list-item {
  box-sizing: border-box;
  width: 120px;
}

.rc-md-editor .tab-map-list .list-item:hover {
  background: #f5f5f5;
}

.rc-md-editor .tab-map-list .list-item.active {
  font-weight: 700;
}

.rc-md-editor .header-list .list-item {
  box-sizing: border-box;
  padding: 8px 0;
  width: 100px;
}

.rc-md-editor .header-list .list-item:hover {
  background: #f5f5f5;
}

div.MdTextEditor_wrapper__l6fFu {
  font-size: 1.6rem;
}

.MdTextEditor_editor__7rfC- {
  font-size: 1.5rem !important;
  line-height: 1.8 !important;
}

.NewDiscussion_wrapper__l\+P\+y {
  margin-left: 64px;
  margin-right: 40px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .NewDiscussion_wrapper__l\+P\+y {
    margin: 0 16px;
  }
}

.NewDiscussion_title__8lx9o {
  color: #242424;
  font-size: 2.8rem;
  font-weight: 900;
}

.NewDiscussion_select__CAhYm {
  align-items: flex-start;
  display: flex;
  margin-bottom: 8px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .NewDiscussion_select__CAhYm {
    flex-direction: column;
  }
}

.NewDiscussion_text-editor__XgHxT {
  margin-bottom: 31px;
}

@media (min-width: 740px) {
  .NewDiscussion_text-editor__XgHxT {
    min-height: calc(100vh - 500px);
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .NewDiscussion_text-editor__XgHxT {
    height: cal(50vh -60px);
    padding: 0 5px;
  }

  .NewDiscussion_btn-create__jqgTI {
    width: 100%;
  }
}

.DiscussionDetail_header__RS2Bi {
  align-items: flex-end;
  display: flex;
  margin-bottom: 16px;
  margin-top: 26px;
}

@media (min-width: 1024px) {
  .DiscussionDetail_header__RS2Bi {
    padding: 0 94px 44px 0;
  }
}

.DiscussionDetail_title__f23MT {
  word-wrap: break-word;
  color: #222;
  display: block;
  font-size: 2.8rem;
  font-weight: 700;
  margin-bottom: 0;
  margin-top: 0;
  max-width: 100vw;
  overflow: hidden;
  padding-right: 12px;
  text-overflow: ellipsis;
}

.DiscussionDetail_icon__G7wzS {
  cursor: pointer;
  font-size: 1.6rem;
  margin-bottom: 6px;
}

.DiscussionDetail_action-edit__Bemea {
  display: flex;
  margin-bottom: 18px;
  margin-left: 32px;
}

.DiscussionDetail_heading__VJ4eC {
  align-items: center;
  display: flex;
  margin-bottom: 20px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .DiscussionDetail_heading__VJ4eC {
    align-items: flex-start;
    flex-direction: column-reverse;
  }
}

.DiscussionDetail_heading-answer__L1uzw {
  border: 1px solid #d0d7de;
  border-radius: 2em;
  color: #57606a;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  margin-right: 8px;
  padding: 5px 12px;
  text-align: center;
  white-space: nowrap;
}

@media (min-width: 0px) and (max-width: 739px) {
  .DiscussionDetail_heading-answer__L1uzw {
    margin-top: 8px;
  }
}

.DiscussionDetail_answered-icon__rgwu1 {
  color: #1a7f37;
  margin-right: 4px;
  margin-top: 3px;
}

.DiscussionDetail_heading-info__ntJib {
  font-size: 1.3rem;
}

.DiscussionDetail_category-name__CsCPq,
.DiscussionDetail_heading-user__Yg63s {
  color: #57606a;
  font-weight: 700;
}

.DiscussionDetail_category-name__CsCPq:hover,
.DiscussionDetail_heading-user__Yg63s:hover {
  text-decoration: underline;
}

.DiscussionDetail_category-name__CsCPq {
  cursor: pointer;
  text-decoration: none;
}

@media (min-width: 1024px) {
  .DiscussionDetail_body__orRFZ {
    padding: 0 94px 44px 0;
  }
}

.DiscussionDetail_comment__0yjvK {
  border: 1px solid #d0d7de;
  border-radius: 6px;
  padding: 16px;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .DiscussionDetail_comment__0yjvK {
    margin-bottom: 20px;
    padding: 0 0 20px;
  }
}

.DiscussionDetail_sidebar-item__b\+YjB {
  border-bottom: 1px solid #d8dee4;
  padding: 16px 0;
}

.DiscussionDetail_sidebar-item__b\+YjB:first-child {
  padding-top: 0;
}

.DiscussionDetail_sidebar-heading__rbJc4 {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 8px;
}

.DiscussionDetail_sidebar-title__yv0gm {
  color: #57606a;
  font-size: 12px;
  font-size: 1.2rem;
  margin: 0;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.DiscussionDetail_heading-category-icon__T-Is4 {
  color: #57606a;
  cursor: pointer;
  font-size: 1.5rem;
  transition: all 0.2s;
}

.DiscussionDetail_heading-category-icon__T-Is4:hover {
  color: var(--primary-color);
}

.DiscussionDetail_option-wrapper__R5vC\+ {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 -4px 32px rgba(0, 0, 0, 0.2);
}

.DiscussionDetail_btn-option__S-6qD {
  background-color: #fff;
  color: #666;
  cursor: pointer;
  display: block;
  font-size: 1.4rem;
  padding: 15px 10px;
  text-align: left;
  width: 100%;
}

.DiscussionDetail_btn-option__S-6qD:hover {
  background-color: #f2f3f5;
  color: #292929;
}

.DiscussionDetail_btn-option__S-6qD:first-child {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.DiscussionDetail_btn-option__S-6qD:last-child {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.DiscussionDetail_sidebar-category__j1kwt,
.DiscussionDetail_sidebar-lesson__82HZp {
  align-items: center;
  color: #24292f;
  cursor: pointer;
  display: inline-flex;
  transition: all 0.2s;
}

.DiscussionDetail_sidebar-category__j1kwt:hover,
.DiscussionDetail_sidebar-lesson__82HZp:hover {
  color: var(--primary-color);
}

.DiscussionDetail_category-icon__2Y2Ng {
  width: 20px;
}

.DiscussionDetail_category-icon__2Y2Ng img {
  height: 100%;
  width: 100%;
}

.DiscussionDetail_sidebar-category-icon__5tt6J {
  align-items: center;
  background-color: rgba(209, 213, 218, 0.5);
  border-radius: 6px;
  display: flex;
  font-size: 1.4rem;
  height: 30px;
  justify-content: center;
  margin-right: 8px;
  width: 30px;
}

.DiscussionDetail_sidebar-category-name__BOHwA,
.DiscussionDetail_sidebar-lesson-name__S-eHT {
  font-size: 1.2rem;
  font-weight: 600;
  margin-left: 8px;
}

.DiscussionDetail_sidebar-lesson-name__S-eHT {
  margin-left: 0;
}

.DiscussionDetail_sidebar-user__J85VG {
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  align-items: center;
  display: flex;
  display: -webkit-box;
  flex-wrap: wrap;
  overflow: hidden;
}

.DiscussionDetail_sidebar-preview-user__aBfTT {
  left: -3px;
  top: -15px;
}

.DiscussionDetail_sidebar-user-avatar__5ERuC {
  border-radius: 50%;
  height: 24px;
  margin-right: 4px;
  margin-top: 8px;
  object-fit: cover;
  width: 24px;
}

.DiscussionDetail_sidebar-subscribe__mKYbD {
  display: block;
  margin-top: 12px;
  width: 100%;
}

@media (min-width: 740px) and (max-width: 1023px) {
  .DiscussionDetail_sidebar-subscribe__mKYbD {
    margin: 0 auto;
    width: 250px;
  }
}

.DiscussionDetail_sidebar-subscribe-icon__n5gzs {
  color: var(--white-color);
  font-size: 1.6rem;
  margin-right: 4px;
}

.DiscussionDetail_sidebar-subscribe-title__VuezI {
  color: var(--white-color);
  font-size: 1.3rem;
  font-weight: 500;
}

.DiscussionDetail_sidebar-subscribed-icon__gw\+tp,
.DiscussionDetail_sidebar-subscribed-title__7e2GG {
  color: var(--primary-color);
}

.DiscussionDetail_sidebar-notification-desr__meUGt {
  color: #57606a;
  display: inline-block;
  font-size: 1.2rem;
  margin-top: 10px;
}

.DiscussionDetail_item-wrapper__XyVWC {
  -ms-scroll-chaining: none;
  max-height: 400px;
  overflow-y: auto !important;
  overflow-y: overlay !important;
  overscroll-behavior: contain;
  padding-bottom: 4px;
  padding-top: 4px;
  scroll-behavior: smooth;
  z-index: 999;
}

.Dialog_wrapper__5aD4q {
  align-items: center;
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 999;
}

.Dialog_overlay__27wcK {
  background-color: rgba(0, 0, 0, 0.3);
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}

.Dialog_main__PPXtm {
  background-color: #fff;
  border-radius: 10px;
  max-width: 80vw;
  position: absolute;
  top: 25%;
  width: 600px;
  z-index: 1;
}

.Dialog_header__0dUcJ {
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 1.8rem;
  padding: 20px 16px 16px;
  position: relative;
}

.Dialog_header__0dUcJ h3 {
  margin: 0;
}

.Dialog_close-button__3tLfG {
  background-color: gray;
  border: none;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  font-size: 4.8rem;
  height: 36px;
  line-height: 36px;
  outline: none;
  position: absolute;
  right: 12px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 36px;
}

.Dialog_content-wrapper__oTjv7 {
  padding: 24px 24px 24px 16px;
}

.Dialog_content__fC8ze {
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 24px;
}

.Dialog_action__kFm-L {
  display: flex;
  justify-content: flex-end;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Dialog_action__kFm-L {
    justify-content: center;
  }

  .Dialog_action__kFm-L .Dialog_confirm-button__j4ByN {
    width: 150px;
  }
}

.HistoryContent_title__eURq6 {
  font-size: 1.6rem;
}

.HistoryContent_header__bIrdE {
  align-items: center;
  display: flex;
  margin-bottom: 24px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .HistoryContent_header__bIrdE {
    padding-top: 40px;
  }

  .HistoryContent_header-user-wrapper__pW1go {
    display: flex;
    flex-direction: column;
  }
}

.HistoryContent_header-avatar__fDtdq {
  border-radius: 50%;
  height: 32px;
  object-fit: cover;
  width: 32px;
}

.HistoryContent_header-user__GzKC2 {
  color: var(--text-color);
  font-size: 1.3rem;
  font-weight: 600;
  margin-left: 8px;
}

.HistoryContent_header-time__g1rgo {
  font-size: 1.3rem;
  margin-left: 8px;
}

.HistoryContent_container__VdwkZ {
  margin-top: 16px;
  max-height: 80vh;
}

.HistoryContent_title__eURq6 {
  font-size: 1.5rem;
  margin-bottom: 4px;
  margin-top: 12px;
}

.HistoryContent_content-wrapper__Lyni5 {
  align-items: center;
  display: flex;
}

.HistoryContent_content-wrapper__Lyni5 img {
  height: auto;
  margin-bottom: 8px;
  margin-right: 8px;
  width: 20px;
}

.HistoryContent_content__zUbkI {
  display: inline-block;
  font-size: 1.5rem;
  margin-bottom: 8px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .HistoryContent_content__zUbkI {
    width: 70vw;
  }
}

.Question_wrapper__agCRM {
  border: 1px solid #d0d7de;
  border-radius: 6px;
  box-shadow: 0 1px 0 rgba(27, 31, 36, 0.04);
  margin-bottom: 30px;
  overflow: hidden;
  width: 100%;
}

.Question_header__smleP {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 8px 16px 0;
  width: 100%;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Question_header__smleP {
    align-items: flex-start;
  }
}

.Question_header-user__ZhZyk {
  color: var(--text-color);
  font-size: 1.3rem;
}

.Question_header-user-right__uwRfX,
.Question_header-user__ZhZyk {
  align-items: center;
  display: flex;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Question_header-user-right__uwRfX {
    align-items: flex-start;
    flex-direction: column;
  }
}

.Question_user-avatar__PRqJl {
  border-radius: 50%;
  height: 32px;
  margin-right: 8px;
  object-fit: cover;
  width: 32px;
}

.Question_name-user__ZQb\+c {
  color: #24292f;
  font-weight: 600;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.Question_create-time__Cp5p2 {
  margin-left: 10px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Question_create-time__Cp5p2 {
    margin-left: 0;
  }
}

.Question_header-action__0FLg0 {
  align-items: center;
  display: flex;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Question_header-action__0FLg0 {
    margin-top: 2px;
  }
}

.Question_history__mMLMj {
  color: var(--text-color);
  cursor: pointer;
  font-size: 1.2rem;
  margin-right: 16px;
}

.Question_history__mMLMj span {
  margin-right: 6px;
}

.Question_history-list__2oU7Q {
  max-height: 400px;
  min-width: 350px !important;
  overflow-y: auto !important;
  overflow-y: overlay !important;
}

.Question_history-heading__GDVZG {
  border-bottom: 1px solid #d0d7de;
  font-size: 1.3rem;
  margin: 0;
  padding: 6px 20px 12px;
}

.Question_history-item__WsXzJ {
  align-items: center;
  border-bottom: 1px solid #d0d7de;
  cursor: pointer;
  display: flex;
  padding: 12px 18px;
}

.Question_history-item__WsXzJ:hover {
  background-color: #f0f0f0;
}

.Question_history-item__WsXzJ:last-child {
  border-bottom: none;
}

.Question_history-avatar__y428q {
  border-radius: 50%;
  height: 25px;
  object-fit: cover;
  width: 25px;
}

.Question_history-user__FmtLi {
  font-weight: 600;
}

.Question_history-time__oNRCj,
.Question_history-user__FmtLi {
  font-size: 1.1rem;
  margin-left: 4px !important;
}

.Question_optionBtn__rtJGl {
  color: var(--text-color);
  cursor: pointer;
  display: flex;
  font-size: 1.6rem;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.Question_content__\+lPow {
  font-size: 1.5rem;
  padding: 16px;
}

.Question_vote__2K4FS {
  align-items: center;
  display: flex;
  margin-bottom: 16px;
  margin-left: 16px;
}

.Question_choose-answer__2DQjR {
  align-items: center;
  display: flex;
  margin-right: 12px;
}

.Question_choose-answer__2DQjR span {
  border: 1px solid #d0d7de;
  border-radius: 100px;
  cursor: pointer;
  font-size: 1.2rem;
  height: 26px;
  line-height: 23px;
  padding: 0 12px;
  transition: all 0.2s;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.Question_choose-answer__2DQjR span:hover {
  background-color: #eaeef2;
}

.Question_choose-answer-icon__F0\+sB {
  color: #57606a;
  font-size: 2rem;
  margin-right: 8px;
}

.Question_chosen-answer__6vAB8 {
  color: #1a7f37;
}

.Question_selected-answer__K6FXV {
  align-items: center;
  background-color: #dafbe1;
  border: 1px solid #d0d7de;
  border-radius: 100px;
  color: #1a7f37;
  display: flex;
  font-size: 1.2rem;
  font-weight: 500;
  margin-right: 8px;
  padding: 5px 12px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.Question_selected-answer-icon__DHUDe {
  font-size: 1.4rem;
  margin-right: 8px;
}

.Question_answered__3AnVy {
  align-items: center;
  background-color: #dafbe1;
  display: flex;
  padding: 16px;
}

.Question_answered__3AnVy span {
  color: #1a7f37;
  font-size: 1.3rem;
  font-weight: 500;
}

.Question_answered-icon__fYx-4 {
  color: #1a7f37;
  font-size: 2rem;
  margin-right: 8px;
}

.Question_user-answer__ZbC1o {
  font-weight: 600 !important;
  margin-right: 4px;
}

.Question_time-answer__fvjkh {
  color: #57606a !important;
  margin-left: 4px;
}

.Question_comment__g2tgp {
  border-top: 1px solid #d0d7de;
  max-height: 500px;
  overflow-y: auto;
  padding: 0 16px 16px;
}

.Question_action-edit__0GKxU {
  margin-bottom: 30px;
  text-align: right;
}

.Question_option__yJkUg {
  padding: 8px 0;
}

.Question_option-item__ymfxb {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 1.4rem;
  padding: 12px 20px;
}

.Question_option-item__ymfxb:hover {
  background-color: #f0f0f0;
  color: #292929;
}

.Question_modal__BfLrY {
  max-height: 80vh;
  min-height: 200px;
  scroll-behavior: smooth;
}

.Banners_wrapper__8fjJA {
  display: flex;
  justify-content: flex-end;
  justify-content: var(--align, flex-end);
}

.Banners_wrapper__8fjJA.Banners_sticky__7wV6o {
  position: -webkit-sticky;
  position: sticky;
  top: var(--sticky);
}

.Banners_content__\+mAzY {
  display: flex;
  flex-direction: column;
  max-width: 300px;
}

@media (min-width: 740px) and (max-width: 1023px) {
  .Banners_content__\+mAzY {
    gap: 16px;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .Banners_content__\+mAzY {
    align-items: center;
  }
}

.Banners_banner__z3Id2 {
  margin-top: 32px;
}

.Banners_banner__z3Id2 img {
  border-radius: 8px;
  max-width: 100%;
  object-fit: cover;
  width: 100%;
}

.Banners_banner__z3Id2:hover {
  opacity: 0.9;
}

.Banners_googleAds__OwJBK {
  border: 1px solid #e8e8e8;
  border-radius: 16px;
  margin-top: 32px;
  overflow: hidden;
  width: 300px;
}

@media (min-width: 0) and (max-width: 1023px) {
  .Banners_wrapper__8fjJA {
    position: static;
  }

  .Banners_content__\+mAzY {
    max-width: 100%;
    width: 100%;
  }
}

@media (min-width: 740px) and (max-width: 1023px) {
  .Banners_content__\+mAzY {
    flex-direction: row;
  }

  .Banners_banner__z3Id2 {
    flex: 1 1;
  }

  .Banners_banner__z3Id2+.Banners_banner__z3Id2 {
    margin-left: 24px;
  }
}

@media (min-width: 0) and (max-width: 739px) {
  .Banners_banner__z3Id2 {
    flex: 1 1;
    margin-top: 16px;
  }
}

.ExportCertificate_wrapper__-G7Fn {
  background-color: #fff;
}

.ExportCertificate_certificate__GX8xP {
  position: relative;
}

.ExportCertificate_name__eMK3Y {
  color: #f43900;
  font-size: 146.5px;
  left: 50%;
  position: absolute;
  text-align: center;
  top: 45.5%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

.ExportCertificate_f8-pdf-export__V-YoV .ExportCertificate_name__eMK3Y {
  top: 52%;
}

.ExportCertificate_course-title__o408a {
  color: #023887;
  font-size: 56px;
  font-weight: 400;
  left: 50%;
  position: absolute;
  top: 61.7%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

.ExportCertificate_background__zVB18 {
  height: 100%;
  width: 100%;
}

.ExportCertificate_time__GWk5T {
  color: #282828;
  font-size: 36px;
  left: 26%;
  top: 80.3%;
}

.ExportCertificate_qr-code__UVYHo,
.ExportCertificate_time__GWk5T {
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.ExportCertificate_qr-code__UVYHo {
  left: 10.42%;
  top: 85.7%;
}

.CreateCertificate_wrapper__IN4Nr {
  padding-bottom: 50px;
}

.CreateCertificate_certificate-wrapper__NUP2p {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding-bottom: 50px;
  padding-right: 100px;
}

@media (min-width: 740px) and (max-width: 1023px) {
  .CreateCertificate_certificate-wrapper__NUP2p {
    padding-right: 0;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .CreateCertificate_certificate-wrapper__NUP2p {
    padding-right: 0;
  }
}

.CreateCertificate_point-translate__s2RPx {
  display: inline-block;
  position: absolute;
}

.CreateCertificate_certificate__Qak7U {
  box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.3), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
  font-family: 'Source Serif', sans-serif;
  position: relative;
}

.CreateCertificate_certificate-name-input-translate__Q3DC\+,
.CreateCertificate_certificate-name-translate__JQGWX {
  left: 50%;
  top: 45.4%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.CreateCertificate_translate-inner__RL3m8 {
  display: flex;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

.CreateCertificate_certificate-name__KOQB7,
.CreateCertificate_full-name-input__gfBfK {
  align-items: center;
  background-color: transparent;
  border: none;
  color: #f43900;
  display: flex;
  font-family: SvnGraphitel;
  font-size: 7rem;
  height: 107px;
  outline: none;
  text-align: center;
}

@media (max-width: 1366px) {

  .CreateCertificate_certificate-name__KOQB7,
  .CreateCertificate_full-name-input__gfBfK {
    font-size: 5.1rem;
  }
}

@media (min-width: 740px) and (max-width: 1023px) {

  .CreateCertificate_certificate-name__KOQB7,
  .CreateCertificate_full-name-input__gfBfK {
    font-size: 4.6rem;
  }
}

@media (min-width: 0px) and (max-width: 739px) {

  .CreateCertificate_certificate-name__KOQB7,
  .CreateCertificate_full-name-input__gfBfK {
    font-size: 3rem;
  }
}

.CreateCertificate_course-title-translate__vL3zY {
  left: 50%;
  top: 65%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.CreateCertificate_course-title__a8A8o {
  color: #023887;
  font-size: 2.2rem;
  font-weight: 500;
  margin: 0;
  position: absolute;
}

@media (max-width: 1536px) {
  .CreateCertificate_course-title__a8A8o {
    font-size: 1.9rem;
  }
}

@media (min-width: 740px) and (max-width: 1023px) {
  .CreateCertificate_course-title__a8A8o {
    font-size: 1.5rem;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .CreateCertificate_course-title__a8A8o {
    font-size: 1rem;
  }
}

.CreateCertificate_background__ksYlS {
  width: 100%;
}

.CreateCertificate_qr-code-icon__W2whk {
  bottom: 20px;
  left: 20px;
  position: absolute;
}

.CreateCertificate_time-translate__S2ant {
  left: 25.8%;
  top: 79.9%;
}

.CreateCertificate_time__6v8HF {
  color: #282828;
  font-size: 1.7rem;
  position: absolute;
}

@media (max-width: 1537px) {
  .CreateCertificate_time__6v8HF {
    font-size: 1.3rem;
  }
}

@media (max-width: 1366px) {
  .CreateCertificate_time__6v8HF {
    font-size: 1.2rem;
  }
}

@media (max-width: 1180px) {
  .CreateCertificate_time__6v8HF {
    font-size: 1.1rem;
  }
}

@media (max-width: 540px) {
  .CreateCertificate_time__6v8HF {
    font-size: 1rem;
  }
}

@media (max-width: 450px) {
  .CreateCertificate_time__6v8HF {
    font-size: 0.9rem;
  }
}

@media (max-width: 410px) {
  .CreateCertificate_time__6v8HF {
    font-size: 0.8rem;
  }
}

@media (max-width: 370px) {
  .CreateCertificate_time__6v8HF {
    font-size: 0.7rem;
  }
}

@media (max-width: 330px) {
  .CreateCertificate_time__6v8HF {
    font-size: 0.6rem;
  }
}

@media (max-width: 280px) {
  .CreateCertificate_time__6v8HF {
    font-size: 0.4rem;
  }
}

.CreateCertificate_get-certificate__zn4hJ {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 20px;
}

.CreateCertificate_get-certificate__zn4hJ .CreateCertificate_hint__tqlCT {
  color: #404040;
  font-size: 1.3rem;
  font-style: italic;
  margin-bottom: 8px;
}

.CreateCertificate_export-certificate__Ge1v\+ {
  height: 1439.3px;
  left: -3000px;
  position: fixed;
  right: 0;
  top: 0;
  width: 2000px;
}

.CreateCertificate_buttons-group__phrGB {
  align-items: center;
  display: flex;
  margin-top: 32px;
  position: relative;
}

.CreateCertificate_download-selections-button__19Vlm,
.CreateCertificate_share-button__zcXjQ {
  background-color: var(--primary-color);
  border: 1px solid #fff;
  border-radius: 999px !important;
  color: #fff;
  cursor: pointer;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 10px 24px;
  transition: 0.3s;
}

.CreateCertificate_download-selections-button__19Vlm .CreateCertificate_icon__8yULc,
.CreateCertificate_share-button__zcXjQ .CreateCertificate_icon__8yULc {
  font-size: 1.7rem;
  margin-right: 10px;
}

.CreateCertificate_share-button__zcXjQ {
  background-color: #1674eb;
}

.CreateCertificate_share-button__zcXjQ .CreateCertificate_icon__8yULc {
  margin-left: 0;
}

.CreateCertificate_options-wrapper__kqO5T {
  min-width: unset !important;
  width: 100px;
}

.CreateCertificate_download-option__B-Bp\+ {
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 1.2rem;
  padding: 6px 10px;
  transition: 0.3s;
}

.CreateCertificate_download-option__B-Bp\+:hover {
  color: var(--primary-color);
}

.CreateCertificate_option-icon__PAlZv {
  width: 30px;
}

.CreateCertificate_share-button__zcXjQ {
  margin-left: 16px;
}

.CreateCertificate_qr-code-translate__sepNw {
  left: 10.4%;
  top: 85.5%;
}

@media (min-width: 0px) and (max-width: 739px) {
  .CreateCertificate_qr-code-translate__sepNw {
    top: 85%;
  }
}

.CreateCertificate_qr-code__s4LEI svg {
  width: 100% !important;
}

.CreateCertificate_download-button__PGjud {
  border-radius: 999px !important;
  min-width: 120px;
}

.CreateCertificate_create-certificate-button__zmmgb {
  border-radius: 999px !important;
  margin-top: 8px;
}

.Profile_banner__tdS71 {
  background: top/cover no-repeat;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
  margin-top: -66px;
  padding-top: 28%;
  position: relative;
  width: 100%;
}

.Profile_user__iDkf1 {
  align-items: flex-end;
  bottom: -70px;
  display: flex;
  left: 40px;
  position: absolute;
  z-index: 1;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Profile_user__iDkf1 {
    align-items: center;
    bottom: -122px;
    flex-direction: column;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}

.Profile_user-avatar__y8fSV {
  background-color: #fff;
  border-radius: 50%;
  height: 168px;
  padding: 4px;
  width: 168px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Profile_user-avatar__y8fSV {
    height: 128px;
    width: 128px;
  }
}

.Profile_user-avatar__y8fSV.Profile_pro__rIfJP {
  background-color: transparent;
  padding: 0;
  position: relative;
}

.Profile_avatar__0ZkLo {
  border-radius: 50%;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.Profile_crown__hUsu3 {
  position: absolute;
  right: -20px;
  top: 0;
  width: 40px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Profile_crown__hUsu3 {
    right: -27px;
    top: -7px;
  }
}

.Profile_user-name__xIJlY {
  font-size: 2.8rem;
  font-weight: 700;
  margin-bottom: 16px;
  margin-left: 16px;
  text-align: center;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Profile_user-name__xIJlY {
    font-size: 2.4rem;
    margin-bottom: 0;
    margin-left: 0;
    margin-top: 6px;
  }
}

.Profile_container__BVoU6 {
  margin-top: 90px;
  padding: 0 24px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Profile_container__BVoU6 {
    margin-top: 150px;
  }
}

.Profile_bio__mt-CA {
  border-bottom: 1px solid #d0d7de;
  font-size: 1.4rem;
  margin-top: 20px;
  padding-bottom: 15px;
  text-align: center;
}

.Profile_participation__SqLYV {
  align-items: flex-start;
  display: flex;
  font-size: 1.4rem;
  line-height: 1.8rem;
  margin-top: 15px;
}

.Profile_participation-icon__ZkxuE {
  color: #808990;
  margin-right: 8px;
  margin-top: 2px;
  text-align: center;
  width: 20px;
}

.Profile_highlight__356rX {
  font-weight: 600;
}

.Profile_inner__EK7zA {
  align-items: flex-start;
  border-bottom: 1px solid #d0d7de;
  display: flex;
  margin-bottom: 20px;
  margin-top: 20px;
  padding-bottom: 12px;
}

.Profile_inner__EK7zA:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Profile_inner__EK7zA {
    flex-direction: column;
  }
}

.Profile_thumb__dY3wD {
  flex-shrink: 0;
  height: 128px;
  margin-right: 24px;
  width: 228px;
}

.Profile_thumb__dY3wD .Profile_thumb-image__vz1Iq {
  border-radius: 16px;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Profile_thumb__dY3wD {
    height: auto;
    margin-bottom: 12px;
    margin-right: 0;
    width: 100%;
  }
}

.Profile_info-title__nwecV {
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 0;
  margin-top: 0;
}

.Profile_info-title__nwecV a {
  color: var(--text-color);
}

.Profile_info-desc__JTJYr {
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
  display: -webkit-box;
  font-size: 1.4rem;
  line-height: 2.2rem;
  margin-top: 4px;
  overflow: hidden;
}

.Profile_no-result__O7P-W {
  font-size: 1.3rem;
}

.Profile_loading-box__51Tth {
  display: flex;
  font-size: 2.2rem;
  height: 100%;
  width: 100%;
}

.Profile_spinner__thzAx {
  -webkit-animation: Profile_spinner__thzAx 1s linear infinite;
  animation: Profile_spinner__thzAx 1s linear infinite;
  color: #666;
  margin: auto;
  will-change: transform;
}

@-webkit-keyframes Profile_spinner__thzAx {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes Profile_spinner__thzAx {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.Box_wrapper__uAKHJ {
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1), 0 0 1px 0 rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  padding: 18px 14px;
  word-break: break-word;
}

.Box_title__kFB9- {
  font-size: 1.6rem;
  font-weight: 600;
  margin: 0 0 8px;
}

.ActivityItem_wrapper__ru3Wn {
  align-items: flex-start;
  align-self: center;
  display: flex;
}

.ActivityItem_wrapper__ru3Wn:first-child {
  margin-top: 16px;
}

.ActivityItem_wrapper__ru3Wn:last-child .ActivityItem_main-activity__LpMm9 {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}

.ActivityItem_avatar-wrapper__IdyrJ {
  margin-right: 8px;
  position: relative;
}

.ActivityItem_crown__SU2hI {
  position: absolute;
  right: -7px;
  top: 0;
  width: 12px;
}

.ActivityItem_avatar-activity__sc1Eo {
  border-radius: 50%;
  flex-shrink: 0;
  height: 40px;
  object-fit: cover;
  width: 40px;
}

.ActivityItem_main-activity__LpMm9 {
  border-bottom: 1px solid #d0d7de;
  font-size: 1.4rem;
  line-height: 2rem;
  margin-bottom: 12px;
  padding-bottom: 12px;
}

.ActivityItem_content-activity__qlTkn {
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 6;
  display: -webkit-box;
  min-height: 40px;
  overflow: hidden;
  word-break: break-word;
}

.ActivityItem_author__4LhUK {
  color: var(--text-color);
  font-weight: 600;
}

.ActivityItem_author__4LhUK:hover {
  text-decoration: underline;
}

.ActivityItem_reaction__ogIud {
  display: inline-block;
  height: 24px;
  margin-top: -9px;
  position: relative;
  top: 7px;
  width: 24px;
}

.ActivityItem_message__bX3PA {
  color: var(--text-color);
  cursor: pointer;
  font-size: 1.4rem;
  line-height: 1.8rem;
  transition: all 0.2s;
}

.ActivityItem_message__bX3PA:hover {
  text-decoration: underline;
}

.FallbackBackground_btn-change-cover__NNmPv {
  align-items: center;
  background-color: #fff;
  border-radius: 6px;
  bottom: 15px;
  cursor: pointer;
  display: flex;
  font-size: 1.4rem;
  font-weight: 500;
  max-height: 40px;
  padding: 10px;
  position: absolute;
  right: 15px;
}

.FallbackBackground_btn-change-cover__NNmPv:hover {
  background-color: #f5f4f4;
}

@media (min-width: 0) and (max-width: 1024px) {
  .FallbackBackground_btn-change-cover__NNmPv {
    bottom: 8px;
    height: auto;
    padding: 5px 8px;
    right: 8px;
  }

  .FallbackBackground_btn-change-cover__NNmPv .FallbackBackground_icon__EaUPW {
    margin: 0;
  }
}

.FallbackBackground_option-wrapper__2T5iS {
  background-color: #fff;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  position: absolute;
  right: 0;
  width: 200px;
  z-index: 2;
}

.FallbackBackground_option-wrapper__2T5iS p {
  margin: 0;
}

@media (min-width: 0px) and (max-width: 739px) {
  .FallbackBackground_option-wrapper__2T5iS {
    height: auto;
    padding: 0;
    right: 10px;
    width: auto;
    width: 150px;
  }
}

.FallbackBackground_option-wrapper-confirm__7HQ-6 {
  background-color: rgba(0, 0, 0, 0.4);
  display: flex;
  font-size: 1.4rem;
  justify-content: flex-end;
  padding: 10px;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 21;
}

@media (min-width: 0px) and (max-width: 739px) {
  .FallbackBackground_option-wrapper-confirm__7HQ-6 {
    padding: 5px;
  }
}

.FallbackBackground_option-wrapper-confirm__7HQ-6 .FallbackBackground_btn-confirm-items__Y1PUw {
  border-radius: 6px;
  cursor: pointer;
  padding: 8px 16px;
}

.FallbackBackground_option-wrapper-confirm__7HQ-6 .FallbackBackground_btn-confirm-items__Y1PUw p {
  margin: 0 auto;
}

.FallbackBackground_option-wrapper-confirm__7HQ-6 .FallbackBackground_btn-confirm-items__Y1PUw:first-child {
  border-color: transparent;
  color: var(--desc-color);
}

@media (min-width: 0px) and (max-width: 739px) {
  .FallbackBackground_option-wrapper-confirm__7HQ-6 .FallbackBackground_btn-confirm-items__Y1PUw:first-child {
    width: 60px;
  }

  .FallbackBackground_option-wrapper-confirm__7HQ-6 .FallbackBackground_btn-confirm-items__Y1PUw {
    width: 100px;
  }
}

.FallbackBackground_btn-option__oJq5R {
  align-items: center;
  background-color: #fff;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  font-size: 1.4rem;
  font-weight: 500;
  height: 40px;
  padding: 10px;
  position: relative;
  width: 100%;
}

.FallbackBackground_btn-option__oJq5R:hover {
  background-color: #f5f4f4;
}

.FallbackBackground_btn-option__oJq5R button {
  background: none;
}

.FallbackBackground_btn-option__oJq5R:before {
  border-top: 1px solid #ccc;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.FallbackBackground_btn-option__oJq5R:first-child:before {
  border: none;
}

.FallbackBackground_icon__EaUPW {
  color: #4f4d4d;
  font-size: 1.4rem;
  margin-right: 8px;
  width: 20px;
}

.FallbackBackground_icon-fix__xV4i5 {
  font-size: 2rem;
}

.FallbackBackground_option-confirm__m8HXT {
  display: flex;
}

@media (min-width: 0px) and (max-width: 739px) {
  .FallbackBackground_option-confirm__m8HXT {
    flex-direction: column;
  }
}

.FallbackBackground_confirm-heading__7F2gU {
  font-size: 3rem;
  font-weight: 500;
}

@media (min-width: 0px) and (max-width: 739px) {
  .FallbackBackground_confirm-heading__7F2gU {
    margin-top: 20px;
  }
}

.FallbackBackground_confirm-text__F6ub3 {
  font-size: 1.4rem;
  margin-bottom: 30px;
}

.FallbackBackground_btn-confirm__1J2H2 {
  align-items: center;
  background-color: #fff;
  border-radius: 6px;
  cursor: pointer;
  display: flex;
  font-size: 1.4rem;
  font-weight: 500;
  height: 40px;
  margin: 0 auto;
  padding: 10px;
  position: relative;
  width: 50%;
}

@media (min-width: 740px) {
  .FallbackBackground_btn-confirm__1J2H2:first-child {
    margin-right: 10px;
  }
}

.FallbackBackground_btn-confirm__1J2H2:first-child {
  border: 1px solid #ccc;
  margin-bottom: 10px;
}

.FallbackBackground_btn-confirm__1J2H2:hover {
  background-color: #ccc;
}

.FallbackBackground_btn-confirm__1J2H2 .FallbackBackground_btn-content__2tDpK {
  margin: 0 auto;
}

.FallbackBackground_modal__fuzjR {
  min-height: auto !important;
}

@media (min-width: 0px) and (max-width: 739px) {
  .FallbackBackground_modal__fuzjR {
    padding-bottom: 20px;
  }
}

.SocialLink_social-link__NWv2B {
  align-items: flex-start;
  display: flex;
  font-size: 1.4rem;
  line-height: 1.8rem;
  margin-top: 15px;
}

.SocialLink_social-link__NWv2B .SocialLink_icon__juXVc {
  color: #808990;
  font-size: 1.6rem;
  margin-right: 8px;
  margin-top: 2px;
  padding-top: 1px;
  text-align: center;
  width: 20px;
}

.SocialLink_social-link__NWv2B .SocialLink_link__mOune {
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: #0056d6;
  display: -webkit-box;
  overflow: hidden;
}

.SocialLink_social-link__NWv2B .SocialLink_link__mOune:hover {
  text-decoration: underline;
}

.HtmlColorsTool_rgb-wrapper__8OUD5 {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 100vh;
  padding-top: 10px;
  width: 100vw;
}

.HtmlColorsTool_display-color-wrapper__KO7tx {
  margin-bottom: 8px;
  position: relative;
}

.HtmlColorsTool_display-value__D3UU5 {
  font-size: 1.6rem;
  font-weight: 500;
  left: 50%;
  margin: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
}

.HtmlColorsTool_display-value__D3UU5.HtmlColorsTool_white-color__KUT77 {
  color: #fff;
}

.HtmlColorsTool_transparent-background__vNNGA {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}

.HtmlColorsTool_display-color__oicPS {
  background-color: #000;
  border: 1px solid var(--gray-color);
  height: 150px;
  width: 90vw;
}

.HtmlColorsTool_control-item__j4nJy {
  align-items: center;
  display: flex;
  justify-content: center;
  margin-bottom: 8px;
}

.HtmlColorsTool_control-item__j4nJy label,
.HtmlColorsTool_control-item__j4nJy span {
  font-size: 1.4rem;
  font-weight: 600;
  margin-right: 4px;
}

.HtmlColorsTool_control-item__j4nJy span {
  display: inline-block;
  margin-left: 4px;
  text-align: center;
  width: 30px;
}

.HtmlColorsTool_mode__5ebdP {
  align-items: center;
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  font-weight: 500;
}

.HtmlColorsTool_mode__5ebdP label {
  display: inline-block;
  margin-bottom: 4px;
}

.HtmlColorsTool_mode-items__usOit {
  display: flex;
  justify-content: space-between;
  margin: 16px 0;
  min-width: 200px;
}

.HtmlColorsTool_mode-items__usOit .HtmlColorsTool_item__HZy4E {
  align-items: center;
  display: flex;
}

.HtmlColorsTool_mode-label__1gn5w {
  cursor: pointer;
  margin-bottom: 0 !important;
  margin-left: 4px;
}

.HtmlColorsTool_transparent-mode__9Au1r {
  align-items: center;
  display: flex;
  margin-top: 16px;
}

.HtmlColorsTool_transparent-label__fi7x3 {
  cursor: pointer;
  margin-bottom: 0 !important;
  margin-left: 4px;
}

.MailContent_content__pnuZ8 {
  flex: 1 1;
  max-width: 900px;
  min-height: 350px;
  padding: 26px 24px 16px;
}

.MailContent_main-title__ThnhM h6 {
  font-size: 1.8rem;
  margin-bottom: 18px;
  margin-top: 0;
  padding-left: 48px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .MailContent_main-title__ThnhM h6 {
    padding-left: 0;
  }
}

.MailContent_avatar-wrapper__HIV3C {
  border-radius: 50%;
  flex-shrink: 0;
  height: 40px;
  overflow: hidden;
  width: 40px;
}

.MailContent_avatar__5I5Y5 {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.MailContent_header__bit2J {
  display: flex;
}

@media (min-width: 0px) and (max-width: 739px) {
  .MailContent_header__bit2J {
    flex-direction: column;
  }
}

.MailContent_header-left__LZShE {
  align-items: flex-start;
  display: flex;
  flex: 1 1;
}

.MailContent_header-content__AWLsX {
  display: flex;
  flex-direction: column;
  margin-left: 8px;
  margin-top: 2px;
}

.MailContent_header-right__QCbc2 {
  display: flex;
  flex: 1 1;
  font-size: 1.2rem;
  font-weight: 500;
  justify-content: flex-end;
}

@media (min-width: 0px) and (max-width: 739px) {
  .MailContent_header-right__QCbc2 {
    justify-content: flex-start;
    margin-left: 48px;
    margin-top: 12px;
  }
}

.MailContent_name-from__u2PBJ {
  font-size: 1.4rem;
  font-weight: 600;
}

.MailContent_mail-from__w2ru4 {
  font-size: 1.2rem;
  font-weight: 400;
}

.MailContent_mail-to__rghrR {
  align-items: flex-start;
  display: flex;
  font-size: 1.2rem;
  line-height: 1.4;
  margin-top: 2px;
}

.MailContent_body__x\+P0S {
  margin-top: 24px;
  padding-bottom: 40px;
}

.MailContent_main-content__LEq26 {
  padding-left: 48px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .MailContent_main-content__LEq26 {
    padding-left: 0;
  }
}

.VerticalModalMobile_wrapper__l8UWV {
  -webkit-tap-highlight-color: transparent;
  -webkit-animation: VerticalModalMobile_fade-in__gzL0E 0.5s ease;
  animation: VerticalModalMobile_fade-in__gzL0E 0.5s ease;
  background-color: #fff;
  bottom: 0;
  cursor: pointer;
  display: flex;
  justify-content: flex-end;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  will-change: opacity;
  z-index: 35;
}

.VerticalModalMobile_wrapper__l8UWV.VerticalModalMobile_closing__Ulv6G {
  -webkit-animation: VerticalModalMobile_fade-out__CRx3D 0.5s ease forwards;
  animation: VerticalModalMobile_fade-out__CRx3D 0.5s ease forwards;
}

.VerticalModalMobile_wrapper__l8UWV.VerticalModalMobile_closed__eeKiD {
  visibility: hidden;
}

.VerticalModalMobile_body__uLQXV {
  margin-bottom: 40px;
  margin-top: 40px;
  max-height: 100vh;
  overflow-y: auto;
  padding: 0 40px 60px;
  position: relative;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .VerticalModalMobile_body__uLQXV {
    max-height: 100%;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .VerticalModalMobile_body__uLQXV {
    padding: 0;
  }
}

.VerticalModalMobile_close-btn__ZAHAv {
  color: #757575;
  font-size: 2rem;
  left: 6px;
  padding: 16px 20px;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 2;
}

.VerticalModalMobile_close-btn__ZAHAv:hover {
  color: #333;
  cursor: pointer;
}

@-webkit-keyframes VerticalModalMobile_fade-in__gzL0E {
  0% {
    opacity: 0;
    -webkit-transform: translateX(80%);
    transform: translateX(80%);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes VerticalModalMobile_fade-in__gzL0E {
  0% {
    opacity: 0;
    -webkit-transform: translateX(80%);
    transform: translateX(80%);
  }

  to {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@-webkit-keyframes VerticalModalMobile_fade-out__CRx3D {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  to {
    opacity: 0;
    -webkit-transform: translateX(80%);
    transform: translateX(80%);
    visibility: hidden;
  }
}

@keyframes VerticalModalMobile_fade-out__CRx3D {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  to {
    opacity: 0;
    -webkit-transform: translateX(80%);
    transform: translateX(80%);
    visibility: hidden;
  }
}

.Inbox_container__JUidl {
  background-color: var(--white-color);
  display: flex;
  min-height: 70vh;
  width: 100%;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Inbox_container__JUidl {
    flex-direction: column;
  }
}

.Inbox_mail__hA8IO {
  border-right: 1px solid #e8e8e8;
  padding: 18px 10px 16px;
  width: 20%;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Inbox_mail__hA8IO {
    border-right: none;
    width: 100%;
  }
}

.Inbox_mail-content__XR4l9 {
  position: --webkit-sticky;
  position: -webkit-sticky;
  position: sticky;
  top: 85px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Inbox_mail-content__XR4l9 {
    min-height: 100vh;
  }
}

.Inbox_mail-title__2wlCT {
  color: var(--text-color);
  font-size: 1.8rem;
  margin: 0 0 0 8px;
}

.Inbox_mail-list__IE1AS {
  margin-top: 16px;
}

.Inbox_no-mails__XqWIt {
  font-size: 1.5rem;
  margin-left: 8px;
  margin-top: 8px;
}

.Inbox_mail-item__CW5H4 {
  border-radius: 10px;
  cursor: pointer;
  margin-bottom: 8px;
  padding: 10px 20px 10px 12px;
  transition: background-color 0.3s;
}

.Inbox_mail-item__CW5H4:hover {
  background-color: rgba(22, 24, 35, 0.05);
}

@media (min-width: 0px) and (max-width: 739px) {
  .Inbox_mail-item__CW5H4 {
    align-items: center;
    display: flex;
  }

  .Inbox_mail-item-content__tsqo5 {
    margin-left: 8px;
  }
}

.Inbox_active__r7Gur {
  background-color: #f5f5f5 !important;
}

.Inbox_read__jT8M\+ {
  background-color: rgba(240, 81, 35, 0.1) !important;
  position: relative;
}

.Inbox_read__jT8M\+:before {
  background-color: #3ea6ff;
  border-radius: 50%;
  content: '';
  display: block;
  height: 10px;
  position: absolute;
  right: 8px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 10px;
}

.Inbox_subject__YFz-t {
  word-wrap: break-word;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  color: var(--text-color);
  display: -webkit-box;
  font-size: 1.4rem;
  font-weight: 600;
  margin: 0 0 4px;
  overflow: hidden;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Inbox_subject__YFz-t {
    word-wrap: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    overflow: hidden;
  }
}

.Inbox_date__vnwS9 {
  display: inline-block;
  font-size: 1.2rem;
  margin-top: 4px;
  text-align: left;
  width: 100%;
}

.Inbox_avatar-wrapper__QJWfX {
  border-radius: 50%;
  flex-shrink: 0;
  height: 37px;
  overflow: hidden;
  width: 37px;
}

.Inbox_avatar__bhXQ\+ {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.Inbox_loading-box__kHXEM {
  display: flex;
  font-size: 2.2rem;
  height: 100%;
  width: 100%;
}

.Inbox_spinner__-ynFt {
  -webkit-animation: Inbox_spinner__-ynFt 1s linear infinite;
  animation: Inbox_spinner__-ynFt 1s linear infinite;
  color: #666;
  margin: auto;
  will-change: transform;
}

.Inbox_banner__q3B5t {
  margin-left: 200px;
  padding-bottom: 30px;
  padding-right: 30px;
}

@-webkit-keyframes Inbox_spinner__-ynFt {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes Inbox_spinner__-ynFt {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@media (min-width: 740px) and (max-width: 1023px) {
  .Complete_content__hdkWX {
    padding: 0 20px;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .Complete_content__hdkWX {
    padding: 0 20px;
  }
}

.Complete_banner__Ylp5P {
  margin-top: 18px;
  padding-left: 40px;
}

@media (min-width: 740px) and (max-width: 1023px) {
  .Complete_banner__Ylp5P {
    padding: 0 20px;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .Complete_banner__Ylp5P {
    padding: 0 20px;
  }
}

.Complete_no-result__oUizu {
  color: #292929;
  font-size: 1.8rem;
  margin-top: 18px;
}

table {
  border-collapse: collapse;
  width: 100%;
}

table .GeneralAnalyticTable_data-right__GQ1i5 {
  text-align: right;
}

table td {
  font-size: 1.2rem;
  padding: 16px;
}

.ChartItem_wrapper__-4wJP {
  padding-top: 16px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .ChartItem_wrapper__-4wJP {
    width: 100%;
  }
}

.ChartItem_title__1yGWp {
  font-size: 1.3rem;
  font-weight: 600;
  padding-left: 16px;
}

.Summary_wrapper__rwRn7 {
  min-height: 500px;
}

.Summary_container__U4f0a {
  padding: 30px 25px 0;
}

.Summary_heading__hGLd7 {
  font-size: 3.2rem;
  font-weight: 700;
  margin: 10px 0;
}

.Summary_sub-heading__qsn0e {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.6;
}

.Summary_course-info__i6syP {
  margin-top: 65px;
}

.Summary_track-count__HgfQX span,
.Summary_track-count__HgfQX strong {
  font-size: 1.4rem;
}

.Summary_course-title__7MImj {
  font-size: 2rem;
  font-weight: 700;
  margin: 0;
}

.Summary_tracks-count__x-Abw {
  font-size: 1.5rem;
  margin-top: 8px;
}

.Summary_time-line__Oqh\+8 {
  border-bottom: 1px solid #ccc;
  display: flex;
  justify-content: space-around;
  margin-top: 32px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Summary_time-line__Oqh\+8 {
    border-bottom: none;
    flex-direction: column;
  }
}

.Summary_time-line-item__qtFHv {
  font-size: 1.8rem;
  font-weight: 700;
  padding: 16px 0;
}

.Summary_analytics__9WAqH {
  display: flex;
  margin-top: 48px;
}

@media (min-width: 740px) and (max-width: 1023px) {
  .Summary_analytics__9WAqH {
    flex-direction: column;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .Summary_analytics__9WAqH {
    flex-direction: column;
    margin-top: 20px;
  }
}

.Summary_analytics__9WAqH .Summary_left__\+2dx1 {
  flex: 2 1;
}

.Summary_analytics__9WAqH .Summary_right__te-ex {
  flex: 1 1;
}

.Summary_analytics__9WAqH .Summary_middle-line__1oksP {
  background-color: #ccc;
  margin: 0 32px;
  width: 1px;
}

@media (min-width: 740px) and (max-width: 1023px) {
  .Summary_analytics__9WAqH .Summary_middle-line__1oksP {
    background-color: transparent;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .Summary_analytics__9WAqH .Summary_middle-line__1oksP {
    background-color: transparent;
  }
}

.Summary_chart-group-title__DTo2O {
  font-size: 1.4rem;
  font-weight: 900;
  margin: 0;
}

.Summary_data-table__EPcJK {
  margin-bottom: 32px;
}

.Summary_chart-group__gh3gX.Summary_row__Y3Gkz {
  display: flex;
  width: 100%;
}

@media (min-width: 0px) and (max-width: 739px) {

  .Summary_chart-group__gh3gX,
  .Summary_chart-group__gh3gX.Summary_row__Y3Gkz {
    align-items: center;
    flex-direction: column;
  }

  .Summary_chart-group__gh3gX {
    display: flex;
  }
}

.Summary_chart-item__VvHFO {
  flex: 1 1;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Summary_chart-item__VvHFO {
    align-items: center;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
}

.Summary_right__te-ex .Summary_chart-group__gh3gX .Summary_chart-item__VvHFO:nth-child(2) {
  margin-top: 36px;
}

@media only screen and (min-width: 1024px) and (max-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
  .Summary_analytics__9WAqH {
    flex-direction: column;
  }
}

.Form_form__3c-em {
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  padding: 16px;
}

@media (min-width: 1024px) {
  .Form_form__3c-em {
    margin-top: 32px;
  }
}

@media (min-width: 0px) and (max-width: 739px) {
  .Form_form__3c-em {
    border: none;
  }
}

.Form_form__3c-em .Form_heading__rSNgJ {
  font-size: 1.6rem;
  margin-bottom: 32px;
  margin-top: 0;
}

.Form_buttons-group__kd-T5 {
  display: flex;
  gap: 16px;
  margin-top: 32px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Form_buttons-group__kd-T5 {
    flex-direction: column;
  }
}

.Form_button__pxFUW {
  background-color: #fff;
  border: 1px solid var(--primary-color);
  border-radius: 6px !important;
  color: var(--primary-color);
  cursor: pointer;
  flex: 1 1;
  font-size: 1.4rem;
  font-weight: 600;
  margin: 0 !important;
  padding: 12px;
  transition: 0.3s;
}

.Form_button__pxFUW.Form_disabled__Y74lj {
  background-color: #ccc !important;
  border-color: #ccc;
  pointer-events: none;
}

.Form_button__pxFUW.Form_primary__93rlB {
  background-color: var(--primary-color);
  color: #fff;
}

.Form_button__pxFUW:hover {
  box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

@media (min-width: 0px) and (max-width: 739px) {
  .Form_button__pxFUW {
    flex: 1 1;
  }
}

.Form_input__4Vodc svg {
  display: none !important;
}

.Form_custom-url-id-input__xrzJA {
  margin-top: 8px;
}

.Form_custom-url-id-input__xrzJA .Form_input__4Vodc {
  align-items: center;
  border: 1px solid #b3b3b3;
  border-radius: 3px;
  display: flex;
  font-size: 1.4rem;
  height: 36px;
  transition: background-color 0.15s cubic-bezier(0.2, 0.2, 0.2, 1),
    border-color 0.15s cubic-bezier(0.2, 0.2, 0.2, 1);
  width: 100%;
}

.Form_custom-url-id-input__xrzJA .Form_input__4Vodc.Form_error__bFJ8l {
  border-color: #f33a58 !important;
}

.Form_custom-url-id-input__xrzJA .Form_input__4Vodc label {
  display: inline-block;
  padding-left: 12px;
}

.Form_custom-url-id-input__xrzJA .Form_input__4Vodc input {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  flex: 1 1;
  height: 100%;
  min-width: unset;
  outline: none;
  overflow: hidden;
  padding: 0 12px 0 0;
}

.Form_custom-url-id-input__xrzJA .Form_input__4Vodc:focus-within {
  border-color: var(--second-color);
}

.Form_custom-url-id-input__xrzJA .Form_custom-url-id-error__-Ph39 {
  color: #f33a58;
  font-size: 12px;
  line-height: 16px;
  margin: 0;
  padding: 4px 0 0;
}

.Form_recent-link__grftz {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 1.4rem;
  margin-top: 30px;
  padding-top: 30px;
}

.Form_recent-link__grftz .Form_success-message__7weqz {
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 16px;
}

.Form_recent-link__grftz .Form_label__D-PXq {
  margin-bottom: 8px;
}

.Form_recent-link__grftz .Form_password__0qaC5 {
  background-color: #eee;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: 16px 12px;
}

.Form_link__oMr0Z {
  border: 1px solid #ccc;
  border-radius: 6px;
  display: flex;
  font-size: 1.4rem;
  margin-bottom: 21px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Form_link__oMr0Z {
    font-size: 1.1rem;
  }
}

.Form_link__oMr0Z .Form_content__kWK-r {
  background-color: #eee;
  border-radius: 6px 0 0 6px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  flex: 1 1;
  overflow-x: auto;
  padding: 16px 12px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Form_link__oMr0Z .Form_content__kWK-r {
    padding: 12px 8px;
  }
}

.Form_link__oMr0Z .Form_copy-button__rjQM5 {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding: 16px 12px;
}

.Form_link__oMr0Z .Form_action-button__tjhDS {
  background-color: transparent;
  cursor: pointer;
  font-weight: 500;
  padding: 0 16px;
  transition: 0.3s;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Form_link__oMr0Z .Form_action-button__tjhDS {
    padding: 0 8px;
  }
}

.Form_link__oMr0Z .Form_action-button__tjhDS:hover {
  box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
}

.Form_password-modal__jNHRE {
  border-radius: 8px !important;
  max-width: 450px !important;
  min-height: 160px;
  min-width: unset !important;
  width: 450px !important;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Form_password-modal__jNHRE {
    max-width: 90vw !important;
    min-height: 140px;
  }
}

.Form_password-modal__jNHRE .Form_heading__rSNgJ {
  font-size: 1.6rem;
  padding-top: 4px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .Form_password-modal__jNHRE .Form_heading__rSNgJ {
    padding-top: 24px;
  }
}

.Form_password-modal-detail__zmc8n {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}

.LinksList_wrapper__VlsQ9 {
  border: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  margin-top: 32px;
  overflow: hidden;
}

.LinksList_wrapper__VlsQ9 td,
.LinksList_wrapper__VlsQ9 th {
  padding: 16px;
  text-align: left;
  white-space: nowrap;
}

.LinksList_wrapper__VlsQ9 th {
  font-size: 1.3rem;
}

.LinksList_wrapper__VlsQ9 td {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
}

.LinksList_wrapper__VlsQ9 td.LinksList_shorten-url__9V0wF {
  max-width: unset;
}

.LinksList_wrapper__VlsQ9 thead tr {
  background-color: #f6f9fc;
}

.LinksList_wrapper__VlsQ9 td.LinksList_center__U\+5cz,
.LinksList_wrapper__VlsQ9 th.LinksList_center__U\+5cz {
  text-align: center;
}

.LinksList_wrapper__VlsQ9 thead tr {
  border-top: none;
}

.LinksList_wrapper__VlsQ9 tr {
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  transition: 0.3s;
}

.LinksList_wrapper__VlsQ9 tr:hover {
  background-color: #f6f9fc;
}

.LinksList_wrapper__VlsQ9 tr.LinksList_hight-light__U\+NqK td {
  -webkit-animation: LinksList_highLight__4fAnw 2s linear forwards;
  animation: LinksList_highLight__4fAnw 2s linear forwards;
}

.LinksList_wrapper__VlsQ9 tr a {
  color: #000;
  transition: 0.3s;
}

.LinksList_wrapper__VlsQ9 tr a:hover {
  color: var(--primary-color);
}

.LinksList_heading__BWM1m {
  align-items: center;
  display: flex;
  font-size: 1.6rem;
  justify-content: space-between;
  padding: 16px;
}

.LinksList_heading__BWM1m h3 {
  margin: 0;
}

.LinksList_heading__BWM1m span {
  font-weight: 500;
}

.LinksList_heading__BWM1m .LinksList_links-count__l1Nz4 {
  font-weight: 400;
}

.LinksList_table-container__DbKPb {
  overflow-x: auto;
  width: 100%;
}

.LinksList_show-password-btn__BL09n {
  background-color: transparent;
  border-radius: 4px !important;
  font-size: 1.3rem;
  padding: 4px 8px !important;
}

.LinksList_show-password-btn__BL09n:hover {
  background-color: var(--primary-color);
  box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
  color: #fff;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

.LinksList_action-buttons__TemK2 {
  display: flex;
  gap: 8px;
  justify-content: center;
}

.LinksList_action-buttons__TemK2 .LinksList_button__iWYGI {
  border-radius: 5px;
  color: #fff;
  cursor: pointer;
  padding: 6px 8px;
  transition: 0.3s;
}

.LinksList_action-buttons__TemK2 .LinksList_button__iWYGI:hover {
  box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
  color: #fff;
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

.LinksList_action-buttons__TemK2 .LinksList_button__iWYGI:first-child {
  background-color: #5e72e4;
  padding: 6px 7px 7px 9px;
}

.LinksList_action-buttons__TemK2 .LinksList_button__iWYGI:nth-child(2) {
  background-color: #2dce89;
  padding: 6px 7px 7px 9px;
}

.LinksList_action-buttons__TemK2 .LinksList_button__iWYGI:nth-child(3) {
  background-color: #f5365c;
}

.LinksList_no-record-message__\+0hil {
  padding: 24px;
}

.LinksList_no-record-message__\+0hil .LinksList_text__IRvWA {
  background-color: #f75676;
  border-radius: 6px;
  color: #fff;
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 16px 24px;
  width: 100%;
}

.LinksList_pagination__\+eKLn {
  display: flex;
  margin-bottom: 16px;
}

@media (min-width: 740px) and (max-width: 1023px) {
  .LinksList_pagination__\+eKLn {
    justify-content: flex-end;
  }
}

@-webkit-keyframes LinksList_highLight__4fAnw {
  0% {
    background-color: transparent;
  }

  25% {
    background-color: var(--primary-color);
  }

  50% {
    background-color: transparent;
  }

  75% {
    background-color: var(--primary-color);
  }

  to {
    background-color: transparent;
  }
}

@keyframes LinksList_highLight__4fAnw {
  0% {
    background-color: transparent;
  }

  25% {
    background-color: var(--primary-color);
  }

  50% {
    background-color: transparent;
  }

  75% {
    background-color: var(--primary-color);
  }

  to {
    background-color: transparent;
  }
}

.LinksList_index__FmXrD {
  text-align: center !important;
}

.CreateShortenUrl_wrapper__UOl8u {
  margin-bottom: 32px;
  overflow-x: hidden;
  padding: 16px 30px 50px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .CreateShortenUrl_wrapper__UOl8u {
    padding: 16px;
  }
}

.CreateShortenUrl_buttons-group__MONrl {
  display: flex;
  gap: 16px;
  margin-top: 32px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .CreateShortenUrl_buttons-group__MONrl {
    flex-direction: column;
  }
}

.CreateShortenUrl_button__kZZoW {
  background-color: #fff;
  border: 1px solid var(--primary-color);
  border-radius: 6px !important;
  color: var(--primary-color);
  cursor: pointer;
  flex: 1 1;
  font-size: 1.4rem;
  font-weight: 600;
  margin: 0 !important;
  padding: 12px;
  transition: 0.3s;
}

.CreateShortenUrl_button__kZZoW.CreateShortenUrl_primary__AryxQ {
  background-color: var(--primary-color);
  color: #fff;
}

.CreateShortenUrl_button__kZZoW:hover {
  box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
  -webkit-transform: translateY(-2px);
  transform: translateY(-2px);
}

@media (min-width: 0px) and (max-width: 739px) {
  .CreateShortenUrl_button__kZZoW {
    flex: 1 1;
  }
}

.CreateShortenUrl_input__WlQB- svg {
  display: none !important;
}

.CreateShortenUrl_custom-url-id-input__i4eB- {
  margin-top: 8px;
}

.CreateShortenUrl_custom-url-id-input__i4eB- .CreateShortenUrl_input__WlQB- {
  align-items: center;
  border: 1px solid #b3b3b3;
  border-radius: 3px;
  display: flex;
  font-size: 1.4rem;
  height: 36px;
  transition: background-color 0.15s cubic-bezier(0.2, 0.2, 0.2, 1),
    border-color 0.15s cubic-bezier(0.2, 0.2, 0.2, 1);
  width: 100%;
}

.CreateShortenUrl_custom-url-id-input__i4eB- .CreateShortenUrl_input__WlQB-.CreateShortenUrl_error__iUfjJ {
  border-color: #f33a58 !important;
}

.CreateShortenUrl_custom-url-id-input__i4eB- .CreateShortenUrl_input__WlQB- label {
  display: inline-block;
  padding-left: 12px;
}

.CreateShortenUrl_custom-url-id-input__i4eB- .CreateShortenUrl_input__WlQB- input {
  -webkit-appearance: none;
  appearance: none;
  background-color: transparent;
  border: none;
  flex: 1 1;
  height: 100%;
  min-width: unset;
  outline: none;
  padding: 0 12px 0 0;
}

.CreateShortenUrl_custom-url-id-input__i4eB- .CreateShortenUrl_input__WlQB-:focus-within {
  border-color: var(--second-color);
}

.CreateShortenUrl_custom-url-id-input__i4eB- .CreateShortenUrl_custom-url-id-error__ti\+6n {
  color: #f33a58;
  font-size: 12px;
  line-height: 16px;
  margin: 0;
  padding: 4px 0 0;
}

.CreateShortenUrl_recent-link__YL3U0 {
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 1.4rem;
  margin-top: 30px;
  padding-top: 30px;
}

.CreateShortenUrl_recent-link__YL3U0 .CreateShortenUrl_success-message__WVVWZ {
  font-size: 1.6rem;
  font-weight: 600;
  margin-bottom: 16px;
}

.CreateShortenUrl_recent-link__YL3U0 .CreateShortenUrl_label__r3730 {
  margin-bottom: 8px;
}

.CreateShortenUrl_recent-link__YL3U0 .CreateShortenUrl_password__gtlZK {
  background-color: #eee;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 6px;
  padding: 16px 12px;
}

.CreateShortenUrl_link__q4hcd {
  border: 1px solid #ccc;
  border-radius: 6px;
  display: flex;
  font-size: 1.4rem;
  margin-bottom: 21px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .CreateShortenUrl_link__q4hcd {
    font-size: 1.1rem;
  }
}

.CreateShortenUrl_link__q4hcd .CreateShortenUrl_content__1KgPl {
  background-color: #eee;
  border-radius: 6px 0 0 6px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  flex: 1 1;
  overflow-x: auto;
  padding: 16px 12px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .CreateShortenUrl_link__q4hcd .CreateShortenUrl_content__1KgPl {
    padding: 12px 8px;
  }
}

.CreateShortenUrl_link__q4hcd .CreateShortenUrl_copy-button__Mjydn {
  border-right: 1px solid rgba(0, 0, 0, 0.1);
  padding: 16px 12px;
}

.CreateShortenUrl_link__q4hcd .CreateShortenUrl_action-button__v96bj {
  background-color: transparent;
  cursor: pointer;
  font-weight: 500;
  padding: 0 16px;
  transition: 0.3s;
}

@media (min-width: 0px) and (max-width: 739px) {
  .CreateShortenUrl_link__q4hcd .CreateShortenUrl_action-button__v96bj {
    padding: 0 8px;
  }
}

.CreateShortenUrl_link__q4hcd .CreateShortenUrl_action-button__v96bj:hover {
  box-shadow: 0 7px 14px rgba(50, 50, 93, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08);
}

.CreateShortenUrl_password-modal__C1gMa {
  border-radius: 8px !important;
  max-width: 450px !important;
  min-height: 160px;
  min-width: unset !important;
  width: 450px !important;
}

@media (min-width: 0px) and (max-width: 739px) {
  .CreateShortenUrl_password-modal__C1gMa {
    max-width: 90vw !important;
    min-height: 140px;
  }
}

.CreateShortenUrl_password-modal__C1gMa .CreateShortenUrl_heading__Es7e- {
  font-size: 1.6rem;
  padding-top: 4px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .CreateShortenUrl_password-modal__C1gMa .CreateShortenUrl_heading__Es7e- {
    padding-top: 24px;
  }
}

.CreateShortenUrl_password-modal-detail__3c7zd {
  display: flex;
  flex-direction: column;
  height: 100%;
  justify-content: space-between;
}

.CreateShortenUrl_form-modal__WLTIt {
  background-color: #fff;
  display: flex;
  flex-direction: column;
  inset: 0;
  position: fixed;
  z-index: 1000;
}

.CreateShortenUrl_form-modal__WLTIt .CreateShortenUrl_modal-header__-ZlZN {
  display: flex;
  justify-content: space-between;
  padding: 16px;
  position: relative;
}

.CreateShortenUrl_form-modal__WLTIt .CreateShortenUrl_modal-header__-ZlZN h3 {
  font-size: 2rem;
  margin: 0;
}

.CreateShortenUrl_form-modal__WLTIt .CreateShortenUrl_close-btn__1inpj {
  background-color: transparent;
  font-size: 3.5rem;
  padding: 8px 12px;
  position: absolute;
  right: 0;
  top: 0;
}

.CreateShortenUrl_form-modal__WLTIt .CreateShortenUrl_modal-content__-AAyZ {
  flex: 1 1;
  overflow-y: auto;
}

.CreateShortenUrl_mobile-add-btn__4qmwV {
  background-color: var(--primary-color);
  border-radius: 50%;
  bottom: 50px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  color: #fff;
  font-size: 2.5rem;
  height: 50px;
  position: fixed;
  right: 14px;
  width: 50px;
}

.ProCourses_pro-courses-list-title__5efX9 {
  color: var(--black-color);
  font-size: 2.4rem;
  font-weight: 900;
  margin-top: 38px;
}

.ProCourses_pro-courses-list-desc__x2bf5 {
  font-size: 1.4rem;
  line-height: 1.6;
}

.ProCourses_pro-course-items__KqHA7 {
  margin: 20px auto 0;
}

.ProCourses_inner__e0pPB {
  border-radius: 16px;
  display: flex;
  flex: 0 0 33.333333%;
  flex-direction: column;
  margin-bottom: 30px;
}

.ProCourses_thumb__j0PQ6 {
  height: 100%;
  padding-top: 56%;
  position: relative;
}

.ProCourses_thumb__j0PQ6 .ProCourses_thumb-img__GDgWs {
  inset: 0;
  object-fit: cover;
  position: absolute;
}

.ProCourses_thumb__j0PQ6 img {
  border-radius: 16px;
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.ProCourses_thumb__j0PQ6.ProCourses_has-link__12j-u:after {
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 16px;
  content: '';
  inset: 0;
  opacity: 0;
  position: absolute;
  transition: all 0.3s ease 0s;
  visibility: hidden;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .ProCourses_thumb__j0PQ6.ProCourses_has-link__12j-u:after {
    display: none;
  }
}

.ProCourses_thumb__j0PQ6.ProCourses_has-link__12j-u:hover .ProCourses_cta-btn__Nnc-N,
.ProCourses_thumb__j0PQ6.ProCourses_has-link__12j-u:hover:after {
  opacity: 1;
  visibility: visible;
}

.ProCourses_thumb__j0PQ6.ProCourses_has-link__12j-u:hover .ProCourses_cta-btn__Nnc-N {
  top: 50%;
}

.ProCourses_thumb__j0PQ6 .ProCourses_cta-btn__Nnc-N {
  background-color: #fff;
  border-color: #fff;
  color: #000;
  left: 50%;
  opacity: 0;
  position: absolute;
  top: 60%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  transition: all 0.3s ease 0s;
  visibility: hidden;
  z-index: 1;
}

@media (min-width: 0px) and (max-width: 1023px) {
  .ProCourses_thumb__j0PQ6 .ProCourses_cta-btn__Nnc-N {
    display: none;
  }
}

@media (min-width: 740px) and (max-width: 1023px) {
  .ProCourses_thumb__j0PQ6 {
    min-width: 100%;
  }
}

.ProCourses_crown-icon__JJhtG {
  margin-left: 8px;
  width: 22px;
}

.ProCourses_title__u5Jwb {
  font-size: 1.8rem;
  font-weight: 700;
  margin: 8px 0;
}

.ProCourses_title__u5Jwb a {
  color: var(--text-color);
}

.ProCourses_desc__3H0VF {
  color: var(--primary-color);
  display: block;
  font-size: 1.6rem;
  font-weight: 600;
  margin-top: 4px;
}

.ProCourses_pro-icon__htAog {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 8px;
  left: 12px;
  padding: 5px;
  pointer-events: none;
  position: absolute;
  top: 12px;
  width: 27px;
  z-index: 1;
}

.ProCourses_pro-icon__htAog img {
  width: 16px;
}

.ProCourses_pre-order-thumb__ZwFoc {
  background-repeat: no-repeat;
  background-size: contain;
  padding-top: 26%;
  pointer-events: none;
  position: absolute;
  right: -0.8%;
  top: -1%;
  width: 22.5%;
  z-index: 1;
}

@media (min-width: 740px) and (max-width: 1023px) {
  .ProCourses_pre-order-thumb__ZwFoc {
    right: -0.8%;
    top: -0.9%;
  }
}

.ProCourses_price__txRIo {
  margin: 8px 0;
}

.ProCourses_old-price__\+w47m {
  font-size: 1.4rem;
  margin-right: 8px;
  text-decoration: line-through;
}

.ProCourses_main-price__QP0CE {
  color: var(--primary-color);
  font-size: 1.6rem;
  font-weight: 600;
}

.ProCourses_crow-icon__5u1Y- {
  position: relative;
  top: 5px;
}

@media (min-width: 0) and (max-width: 739px) {
  .ProCourses_wrapper__XZFQs {
    padding: 16px 8px;
  }

  .ProCourses_inner__e0pPB {
    border-bottom: 2px solid #e8e8e8;
    border-radius: 0;
    flex: 1 1;
    flex-direction: column;
    margin-bottom: 8px;
    padding: 24px 0;
  }

  .ProCourses_info__L4akz {
    margin-left: 0;
    margin-top: 8px;
  }

  .ProCourses_detail-btn__EhCy1,
  .ProCourses_thumb__j0PQ6 img {
    width: 100%;
  }
}

.NoticeSection_wrapper__cjoCU {
  align-items: center;
  display: flex;
  padding: 16px 20px;
}

.NoticeSection_can-click__NNotF {
  cursor: pointer;
}

.NoticeSection_icon__OmA9r {
  color: #fa8c16;
  font-size: 1.6rem;
  margin-right: 6px;
}

.NoticeSection_content__E43br {
  font-size: 1.2rem;
  font-style: italic;
  line-height: 1.2;
  margin: 0;
  text-align: center;
}

.ForwardPage_header__7Dng\+ {
  padding: 20px 32px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .ForwardPage_header__7Dng\+ {
    padding: 20px 16px;
  }
}

.ForwardPage_container__Ja2OP {
  min-height: 500px;
}

.ForwardPage_content__H33VG {
  flex-direction: column;
  padding: 0 16px;
}

.ForwardPage_content__H33VG,
.ForwardPage_logo__a0js0 {
  align-items: center;
  display: flex;
}

.ForwardPage_logo__a0js0 img {
  border-radius: 8px;
  flex-shrink: 0;
  height: 48px;
  object-fit: contain;
  width: 48px;
}

.ForwardPage_logo-heading__WIpem {
  font-size: 1.4rem;
  font-weight: 700;
  margin-left: 16px;
}

.ForwardPage_heading__rf9DO {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.ForwardPage_heading__rf9DO h3 {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.4;
  margin: 0 0 16px;
  text-align: center;
}

.ForwardPage_action__WEGCG {
  align-items: center;
  display: flex;
  flex-direction: column;
}

.ForwardPage_button__IGTi1 {
  background-color: var(--fb-color);
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 2.8rem;
  padding: 8px 24px;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.ForwardPage_action-link__18PoB {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 16px;
  max-width: 500px;
  text-align: center;
}

@media (min-width: 0px) and (max-width: 739px) {
  .ForwardPage_action-link__18PoB {
    max-width: 90%;
  }
}

.ForwardPage_action-link__18PoB span {
  color: var(--primary-color);
  cursor: pointer;
  font-size: 1.7rem;
  text-decoration: underline;
  word-break: break-all;
}

.ForwardPage_button__IGTi1 span {
  display: inline-block;
  width: 25px;
}

.ForwardPage_pro-course__8oY6v {
  margin: 0 16px 36px;
}

.ForwardPage_warning__7K6b3 {
  margin: 0 16px;
  max-width: 500px;
}

@media (min-width: 0px) and (max-width: 739px) {
  .ForwardPage_warning__7K6b3 {
    max-width: 100%;
  }
}

.Tippy-module_wrapper__1s5m5 {
  animation: Tippy-module_fadeIn__2LeID 0.3s ease;
  background: var(--white-color);
  border-radius: 10px;
  box-shadow: 0 -4px 32px rgba(0, 0, 0, 0.2);
  color: #1d2129;
  margin: 0;
  overflow: hidden;
  padding-left: 0;
  transition: all 0.3s ease-in-out;
  will-change: opacity, transform;
}

.Tippy-module_wrapper__1s5m5 hr {
  border: none;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  margin: 8px 0;
}

.Tippy-module_options__37VQJ {
  padding: 8px 0;
}

.Tippy-module_options__37VQJ svg {
  font-size: 1.6rem;
}

.Tippy-module_options__37VQJ span {
  margin-left: 16px;
}

.Tippy-module_options__37VQJ:not(.Tippy-module_hasLink__8U2Xq) li {
  color: #444;
  cursor: pointer;
  display: block;
  font-size: 1.4rem;
  padding: 12px 20px;
  transition: 0.3s;
}

.Tippy-module_options__37VQJ:not(.Tippy-module_hasLink__8U2Xq) li:hover {
  background-color: #f0f0f0;
  color: #292929;
}

.Tippy-module_options__37VQJ.Tippy-module_hasLink__8U2Xq a {
  color: #444;
  cursor: pointer;
  display: block;
  font-size: 1.4rem;
  padding: 12px 20px;
  transition: 0.3s;
}

.Tippy-module_options__37VQJ.Tippy-module_hasLink__8U2Xq a:hover {
  background-color: #f0f0f0;
  color: #292929;
}

@keyframes Tippy-module_fadeIn__2LeID {
  0% {
    opacity: 0;
    transform: translateY(-8px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.scheme {
  /* box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
  background-image: url(/static/web/images/scheme_bg.jpg); */
  background-size: 100%;
  border-radius: 10px;
  /* height      : 270px; */
}

.scheme img {
  border-radius: 10px;
  object-fit: cover;
  border: 1px solid #d7d7d7;
}

.content-scheme {
  padding: 0 30px;
}

.button-scheme {
  margin-top: 10px;
  padding: 8px 26px;
  font-size: 16px;
  line-height: 30px;
  border-radius: 23px;
  background-color: #267df4;
  display: inline-block;
  position: relative;
  cursor: pointer;
  outline: 0;
  white-space: nowrap;

  color: #fff !important;

  border: none;
  text-shadow: 1px 1px 1px rgb(0 0 0 / 20%);

  font-weight: 600 !important;
}

.coach {
  height: 270px;
  position: relative;
}

.coach-img::after {
  background-image: linear-gradient(180deg, rgba(30, 30, 28, 0), rgba(30, 30, 28, 0.9));
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.3s linear;
}

.coach img {
  object-fit: cover;
}

.content-coach {
  position: absolute;
  bottom: 0px;
  color: #fff;
  padding: 0 10px;
}

.content-coach a {
  color: #fff !important;
  margin-top: 0;
  margin-bottom: 0.5em;
  font-weight: 500;
  font-size: 1.75rem;
}

@media (max-width: 992px) {
  .content-schem h3 {
    font-size: 20px;
  }

  .content-scheme {
    padding: 0 20px;
  }

  .content-schem p {
    font-size: 15px;
  }

  .button-scheme {
    padding: 5px 20px;
    font-size: 14px;
  }
}

.Sidebar_list__HnCzM__showMore {
  position: fixed;
  max-width: 200px;
  flex-direction: row;
  display: flex;
  left: 106px;
  box-shadow: 0px 0px 11px 1px rgb(176 176 176 / 60%);
  background: #fff;
  border-radius: 10px;
  top: 400px;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}

.Sidebar_list__HnCzM__showMore li {
  width: 100px;
}

.row-tiendo {
  font-size: 40px;
  color: #267df4;
  text-align: center;
  border-radius: 8px;
  padding: 20px 10px;
}

.row-tiendo .icon {
  margin-right: 10px;
}

.row-tiendo .chiso {
  font-size: 55px;
  font-weight: 800;
  /* align-items  : baseline; */
  /* justify-items: start; */
}

.mota {
  color: #222;
  text-align: center;
}

.row-tiendo .mota {
  text-align: left;
  margin-bottom: 5;
  /* margin-left: 5px; */
  font-weight: 600;
  font-size: 18px;
  text-align: center;
}

.row-tiendo .mota-p {
  font-size: 14px;
  color: #222;
  text-align: center;
}

#chartPieUsersByJob,
#chartPieUserTypes,
.legendwrapper {
  width: 50%;
  height: 200px;
}

.legendwrapper {
  overflow-x: none;
  overflow-y: auto;
}

@media (max-width: 576px) {
  .content-scheme {
    padding: 10px 15px;
  }

  .button-scheme {
    padding: 5px 20px;
    font-size: 14px;
  }

  .row-tiendo {
    padding: 10px;
    text-align: center;
    display: block;
  }

  .row-tiendo .icon {
    display: none;
  }

  .row-tiendo .mota {
    text-align: center;
  }
}