@charset "UTF-8";
html {
  scroll-behavior: smooth;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  overscroll-behavior: contain; }

body {
  --color: rgb(16, 16, 16);
  --color: rgb(27, 27, 27);
  --bg: #f9f9f9;
  --backdrop: #464646;
  --red: #F1516E;
  --vio: rgb(179, 107, 241);
  --red-clear: #c91133;
  --terq: #addad4;
  --line: #80808066;
  --gray: rgba(0,0,0,0.62);
  --dark-gray: rgba(0,0,0,0.7);
  --autofill-text: rgb(102, 60, 0);
  --autofill-bg: rgb(238, 234, 173);
  --dimmed: #9f9f9f;
  --box-bg: white;
  --box-bg-dark: #efefef;
  --checked-bg: #00000030;
  --checked-color: #565656;
  --grad: linear-gradient(to right, #ff6733, #ff5555 69.33%, #ff4065);
  --grad2: linear-gradient(to right, #ff6733, #ff6733);
  --dialog-bg: var(--bg);
  --dialog-shadow: 0 10px 90px #0000003b, 0 0 0 4px #0000000f;
  --popup-shadow: 0 10px 90px #0000003b, 0 0 0 1px #00000026;
  --featured-bg: #dcdcdc;
  --featured-bg: #e5e5e5;
  --stats-bg: #e8e8e8;
  --dark-highlight: #484848;
  --op-color: white;
  --title-color: rgb(34, 34, 34);
  --inputBG: #80808036;
  --lite-line: rgba(128,128,128,0.27);
  --tag-bg: #ffffffbf;
  --tag-shadow: 0 0 0 1px rgba(0,0,0,0.15), inset 0 0 0 1px rgba(255,255,255,0.05);
  --tag-shadow-flip: inset 0 0 0 1px rgba(0,0,0,0.05), 0 0 0 1px rgba(255,255,255,0.05);
  --cat-bg: #dedede;
  --cat-shadow: 0 0 0 1px rgba(0,0,0,0.05), inset 0 0 0 1px rgba(255,255,255,0.05);
  --popup-move: all 0.35s cubic-bezier(.33,1.3,.48,1);
  --main-move: all 0.6s cubic-bezier(0.42, 0.0, 0.05, 1);
  --duration-055: 0.55s;
  --fast-hover: all 0.15s ease-in-out;
  --inputCorner: 6px;
  --base: 17px;
  --small: 15px;
  --tiny: 14.5px; }

body {
  --fx018: calc(var(--base) * 0.18);
  --fx038: calc(var(--base) * 0.38);
  --fx05: calc(var(--base) * 0.5);
  --fx062: calc(var(--base) * 0.62);
  --fx081: calc(var(--base) * 0.81);
  --fx1: calc(var(--base) * 1);
  --fx118: calc(var(--base) * 1.18);
  --fx138: calc(var(--base) * 1.38);
  --fx15: calc(var(--base) * 1.5);
  --fx162: calc(var(--base) * 1.62);
  --fx181: calc(var(--base) * 1.81);
  --fx2: calc(var(--base) * 2);
  --fx218: calc(var(--base) * 2.18);
  --fx238: calc(var(--base) * 2.38);
  --fx242: calc(var(--base) * 2.42); }

body {
  --twitter-bg: #00c4ff33;
  --linkedin-bg: #4ad5d533;
  --facebook-bg: #5b95ff33;
  --copyurl-bg: #b78aff33;
  --twitter-text: #04619b;
  --linkedin-text: #177074;
  --facebook-text: #042096;
  --copyurl-text: #4e2b9b;
  --op1-bg: #f1dfdf;
  --op2-bg: #f9e5da;
  --op3-bg: #f8eed7;
  --op4-bg: #e1f4d9;
  --op1-text: #741b17;
  --op2-text: #9b3e04;
  --op3-text: #967904;
  --op4-text: #789b2b; }

body {
  --gap: calc(10px + 28*(100vw - 640px)/2000);
  --gap-686: calc(var(--gap) * 6.86);
  --gap-424: calc(var(--gap) * 4.24);
  --gap-262: calc(var(--gap) * 2.62);
  --gap-162: calc(var(--gap) * 1.62);
  --gap-138: calc(var(--gap) * 1.38);
  --gap-081: calc(var(--gap) * 0.81);
  --gap-062: calc(var(--gap) * 0.62);
  --gap-05: calc(var(--gap) * 0.5);
  --gap-038: calc(var(--gap) * 0.38);
  --gap-024: calc(var(--gap) * 0.24);
  --gap-019: calc(var(--gap) * 0.19); }

body {
  --main-scale: min((99% + (95 - 99) * ((100vw - 320px) / (1800 - 320))), 95px);
  --pad-body: min((12px + (72 - 12) * ((100vw - 320px) / (1800 - 320))), 72px);
  --pad-dialog: min((11px + (27 - 11) * ((100vw - 320px) / (1800 - 320))), 27px);
  --w-dialog: min((318px + (790 - 318) * ((100vw - 320px) / (1800 - 320))), 790px);
  --pad-side-section: min((19px + (45 - 19) * ((100vw - 320px) / (1800 - 320))), 45px);
  --pad-block-section: min((15px + (23 - 15) * ((100vw - 320px) / (1800 - 320))), 23px);
  --pad-nested-side-section: min((17px + (44 - 17) * ((100vw - 320px) / (1800 - 320))), 44px);
  --pad-nested-block-section: min((15px + (23 - 15) * ((100vw - 320px) / (1800 - 320))), 23px);
  --mrg-top-section: min((12px + (27 - 12) * ((100vw - 320px) / (1800 - 320))), 27px);
  --hgt-dialog-header: min((54px + (68 - 54) * ((100vw - 320px) / (1800 - 320))), 68px);
  --hgt-time-unit: min((55px + (110 - 55) * ((100vw - 320px) / (1800 - 320))), 110px);
  --radius-body: min((17px + (19 - 17) * ((100vw - 320px) / (1800 - 320))), 19px);
  --radius-dialog: min((17px + (19 - 17) * ((100vw - 320px) / (1800 - 320))), 19px);
  --radius-section: min((11px + (17 - 11) * ((100vw - 320px) / (1800 - 320))), 17px);
  --radius-card: min((6px + (9 - 6) * ((100vw - 320px) / (1800 - 320))), 9px);
  --avatar-size: min((26px + (32 - 26) * ((100vw - 320px) / (1800 - 320))), 32px);
  --site-header-hight: min((68px + (117 - 68) * ((100vw - 320px) / (1800 - 320))), 117px);
  --top-banner-hight: min((290px + (400 - 290) * ((100vw - 700px) / (1800 - 700))), 400px);
  --top-banner-bg-size: min((80% + (440 - 80) * ((100vw - 700px) / (1800 - 700))), 440%);
  --top-banner-bg-x: min((20% + (4 - 20) * ((100vw - 700px) / (1800 - 700))), 4%);
  --top-banner-bg-y: min((210% + (684 - 210) * ((100vw - 700px) / (1800 - 700))), 684%);
  --cta-size: min((14px + (20 - 14) * ((100vw - 320px) / (1800 - 320))), 20px);
  --cta-inline-pad: min((17px + (21 - 17) * ((100vw - 320px) / (1800 - 320))), 21px);
  --cta-block-pad: min((10px + (10 - 10) * ((100vw - 320px) / (1800 - 320))), 10px);
  --cta-radius: min((7px + (9 - 7) * ((100vw - 320px) / (1800 - 320))), 9px);
  --catbar-height: min((45px + (68 - 45) * ((100vw - 320px) / (1800 - 320))), 68px);
  --catbar-padding: min((8px + (19 - 8) * ((100vw - 320px) / (1800 - 320))), 19px);
  --cta-h-size: min((14px + (20 - 14) * ((100vw - 320px) / (1800 - 320))), 20px);
  --catbar-h-height: min((45px + (68 - 45) * ((100vw - 320px) / (1800 - 320))), 68px);
  --catbar-h-padding: min((8px + (19 - 8) * ((100vw - 320px) / (1800 - 320))), 19px);
  --font-size-leader: min((17px + (20 - 17) * ((100vw - 320px) / (1800 - 320))), 20px);
  --font-size-larg: min((15px + (18 - 15) * ((100vw - 320px) / (1800 - 320))), 18px);
  --font-size-small: min((13px + (16 - 13) * ((100vw - 320px) / (1800 - 320))), 16px);
  --h1-size: min((23px + (40 - 23) * ((100vw - 320px) / (1800 - 320))), 40px);
  --h2-size: min((21px + (35 - 21) * ((100vw - 320px) / (1800 - 320))), 35px);
  --h3-size: min((19px + (30 - 19) * ((100vw - 320px) / (1800 - 320))), 30px);
  --h4-size: min((17px + (25 - 17) * ((100vw - 320px) / (1800 - 320))), 25px);
  --h4-mini-size: min((16px + (24 - 16) * ((100vw - 320px) / (1800 - 320))), 24px);
  --h5-size: min((18px + (20 - 18) * ((100vw - 320px) / (1800 - 320))), 20px);
  --h6-size: min((15px + (16 - 15) * ((100vw - 320px) / (1800 - 320))), 16px);
  --row-title-font: min((14px + (15 - 14) * ((100vw - 320px) / (1800 - 320))), 17px);
  --input-font: min((13px + (14 - 13) * ((100vw - 320px) / (1800 - 320))), 14px);
  --sml-btn-size: min((12px + (14 - 12) * ((100vw - 320px) / (1800 - 320))), 14px);
  --sml-btn-hgt: min((31px + (36 - 31) * ((100vw - 320px) / (1800 - 320))), 36px);
  --hr-mrg: min((17px + (28 - 17) * ((100vw - 320px) / (1800 - 320))), 28px);
  --fl-1: min((6px + (8 - 6) * ((100vw - 320px) / (1800 - 320))), 8px);
  --fl-2: min((8px + (13 - 8) * ((100vw - 320px) / (1800 - 320))), 13px);
  --fl-3: min((13px + (17 - 13) * ((100vw - 320px) / (1800 - 320))), 17px);
  --fl-4: min((17px + (25 - 17) * ((100vw - 320px) / (1800 - 320))), 25px);
  --fl-5: min((25px + (28 - 25) * ((100vw - 320px) / (1800 - 320))), 28px);
  --fl-6: min((28px + (31 - 28) * ((100vw - 320px) / (1800 - 320))), 31px);
  --featured-mrg-top: min((28px + (45 - 28) * ((100vw - 320px) / (1800 - 320))), 45px);
  --featured-gap: min((17px + (28 - 17) * ((100vw - 320px) / (1800 - 320))), 28px);
  --cards-gap: min((17px + (23 - 17) * ((100vw - 320px) / (1800 - 320))), 23px);
  --cards-gap-narrow: min((12px + (23 - 12) * ((100vw - 320px) / (1800 - 320))), 23px);
  --cards-gap-narrow2: min((2px + (2 - 2) * ((100vw - 320px) / (1800 - 320))), 2px);
  --w-81-100: min((100 + (81 - 100) * ((100vw - 320px) / (1800 - 320))), 81px);
  --program-banner-hight: min((290px + (600 - 290) * ((100vw - 700px) / (1800 - 700))), 600px);
  --w-48-36: min((36px + (48 - 36) * ((100vw - 700px) / (1800 - 700))), 48px);
  --fans-height: min((30px + (40 - 30) * ((100vw - 700px) / (1800 - 700))), 40px);
  --extra-pad: min((10px + (300 - 10) * ((100vw - 320px) / (1800 - 320))), 300px);
  --row-mrg-top: min((10px + (20 - 10) * ((100vw - 320px) / (1800 - 320))), 20px);
  --fields-gap: min((8px + (14 - 10) * ((100vw - 320px) / (1800 - 320))), 14px);
  --switch-icon-width: min((70px + (102 - 70) * ((100vw - 600px) / (1800 - 600))), 102px);
  --dialog-hgt-gap: min((50px + (167 - 50) * ((100vw - 320px) / (1800 - 320))), 167px);
  --settings-avatar: min((92px + (158 - 92) * ((100vw - 320px) / (1800 - 320))), 158px);
  --toast-h: min((67px + (75 - 67) * ((100vw - 320px) / (1800 - 320))), 75px);
  --pre-sub-sticky-height: min((74px + (90 - 74) * ((100vw - 320px) / (1800 - 320))), 74px); }

body {
  padding: 0;
  margin: 0;
  -webkit-font-smoothing: subpixel-antialiased;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  min-height: 100vh;
  width: 100vw;
  scroll-behavior: smooth;
  font-feature-settings: "dlig", "rlig";
  line-height: 1.62;
  background: var(--bg);
  transition: var(--main-move);
  font-size: var(--base);
  padding: 0;
  box-sizing: border-box;
  font-size: var(--font-size-larg);
  color: var(--color);
  max-width: 1800px;
  overscroll-behavior: contain; }
  body.rtl {
    direction: rtl; }
  body * {
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    font-family: system-ui, sans-serif;
    margin: 0;
    padding: 0;
    transition: none;
    color: inherit;
    text-decoration: none; }

body:not(.rtl) .show-rtl {
  display: none; }

body.rtl .show-ltr {
  display: none; }

.rtl {
  direction: rtl; }

.ltr {
  direction: ltr; }

.main {
  background: var(--bg);
  padding: 0 var(--pad-body);
  border-radius: var(--pad-body);
  max-width: 2200px;
  min-height: 100vh; }

.main.user, .main.program {
  max-width: 1280px; }

h1 {
  font-size: var(--h1-size); }

h2 {
  font-size: var(--h2-size); }

h3 {
  font-size: var(--h3-size); }

h4 {
  font-size: var(--h4-size); }

.h4-mini {
  font-size: var(--h4-mini-size); }

h5 {
  font-size: var(--h5-size); }

h6 {
  font-size: var(--h6-size); }

h1, h2, h3, h4, h5, h6 {
  color: var(--title-color); }

.small {
  font-size: var(--font-size-small); }

.tiny {
  font-size: var(--tiny); }

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

.font-100 {
  font-weight: 100; }

.font-200 {
  font-weight: 200; }

.font-300 {
  font-weight: 300; }

.font-400 {
  font-weight: 400; }

.font-500 {
  font-weight: 500; }

.font-600 {
  font-weight: 600; }

.font-700 {
  font-weight: 700; }

.font-800 {
  font-weight: 800; }

.font-900 {
  font-weight: 900; }

.cta-size {
  font-size: var(--cta-size); }

.font-row-title {
  font-size: var(--row-title-font); }

.font-input {
  font-size: var(--input-font); }

.lh-14 {
  line-height: 1.4; }

.lh-145 {
  line-height: 1.45; }

.lh-15 {
  line-height: 1.5; }

.lh-155 {
  line-height: 1.55; }

.lh-162 {
  line-height: 1.62; }

.lh-181 {
  line-height: 1.81; }

.lh-2 {
  line-height: 2; }

.lh-262 {
  line-height: 2.62; }

.lh-46px {
  line-height: 46px; }

.leader {
  font-size: var(--font-size-leader); }

.letter-space1-5px {
  letter-spacing: 2.5px; }

.font-16px {
  font-size: 16px; }

.sml-btn-size {
  font-size: var(--sml-btn-size); }

.sml-btn-hgt {
  height: var(--sml-btn-hgt); }

.font-size-2em {
  font-size: 2em; }

.border-box {
  box-sizing: border-box; }

.w-400per {
  width: 400%; }

.w-300per {
  width: 300%; }

.w-200per {
  width: 200%; }

.w-320 {
  width: 312px; }

.w-100px {
  width: 100px; }

.w-200 {
  width: 200px; }

.w-250 {
  width: 250px; }

.w-1px {
  width: 1px; }

.w-100 {
  width: 100%; }

.w-81 {
  width: var(--w-81-100); }

.w-81per {
  width: 81%; }

.w-62per {
  width: 62%; }

.w-55 {
  width: 55%; }

.w-50 {
  width: 50%; }

.w-45 {
  width: 45%; }

.w-76per {
  width: 76%; }

.w-24per {
  width: 24%; }

.w-76per {
  width: 76%; }

.w-38per {
  width: 38%; }

.w-62per {
  width: 62%; }

.w-33per {
  width: 33.333%; }

.w-25per {
  width: 25%; }

.w-24per {
  width: 24%; }

.h-100vh {
  height: 100vh; }

.W-100vw {
  width: 100vw; }

.h-100 {
  height: 100%; }

.maxh-100px {
  max-height: 100px; }

.h-0 {
  height: 0 !important; }

.min-width-320 {
  min-width: 320px; }

.min-width-220 {
  min-width: 220px; }

.size-32 {
  width: var(--avatar-size);
  height: var(--avatar-size);
  object-fit: cover; }

.size-24 {
  width: 24px !important;
  height: 24px !important;
  object-fit: cover; }

.w-24 {
  width: 24px; }

.w-100-8px {
  width: calc(100% - 8px); }

.max-w-640px {
  max-width: 640px; }

.max-w-312px {
  max-width: 312px; }

.size-22 {
  width: 22px;
  height: 22px;
  object-fit: cover; }

.size-27 {
  width: 27px;
  height: 27px;
  object-fit: cover; }

.size-40 {
  width: 40px;
  height: 40px;
  object-fit: cover; }

.size-50 {
  width: 50px;
  height: 50px;
  object-fit: cover; }

.hg-180 {
  max-height: 180px;
  min-height: 180px; }

.hg-100per {
  height: 100%; }

.hg-42px {
  height: 38px; }

.size-120 {
  width: 120px;
  height: 120px;
  object-fit: cover; }

.min-hgt-130 {
  min-height: 130px; }

.min-hgt-160 {
  min-height: 160px; }

.min-hgt-142 {
  min-height: 142px; }

.hg-320px {
  height: 320px; }

.hg-650px {
  height: 650px; }

.width-142 {
  width: 142px; }

.field-hgt {
  height: 40px; }

.min-hgt-92 {
  min-height: var(--settings-avatar); }

.w-92px {
  width: var(--settings-avatar); }

.size-settings-avatar {
  min-width: calc(var(--settings-avatar) - 0em);
  max-width: calc(var(--settings-avatar) - 0em); }

.square {
  aspect-ratio: 1 / 1; }

.toast-h {
  max-height: var(--toast-h); }

.med-dialog {
  width: calc((640px + 30vw) / 2);
  min-width: 320px;
  max-width: 600px;
  height: 75%;
  min-height: 390px; }
  @media (prefers-color-scheme: dark) {
    .med-dialog {
      min-width: 304px; } }

.w-auto {
  width: auto; }

.text-start {
  text-align: start; }

.text-center {
  text-align: center; }

.text-end {
  text-align: end; }

.text-left {
  text-align: left; }

.italic {
  font-style: italic; }

.title-color {
  color: var(--title-color); }

.body-bg {
  background: var(--bg); }

.op-bg {
  background: var(--color); }

.bg-white {
  background: white; }

.bg-sep {
  background: var(--line); }

.bg-sep-lite {
  background: var(--lite-line); }

.bg-box {
  background-color: var(--box-bg); }

.bg-box-dark {
  background-color: var(--box-bg-dark); }

.featured-bg {
  background: var(--featured-bg); }

.stats-bg {
  background: var(--stats-bg); }

.gray {
  color: var(--gray); }

.dark-gray {
  color: var(--dark-gray); }

.field-bg {
  background: #85848426; }

.bg-red {
  background-color: var(--red); }

.bg-vio {
  background-color: var(--vio); }

.bg-terq {
  background-color: var(--terq); }

.bg-uni-terq {
  background-color: #36c5b2;
  background-color: #00a992; }

.color-normal {
  color: var(--color); }

.color-red {
  color: var(--red); }

.color-red-clear {
  color: var(--red-clear); }

.color-red-mono {
  color: #F1516E; }

.color-terq-mono {
  color: #00a296; }

.clear-color {
  color: var(--color); }

.op-color {
  color: var(--op-color); }

.always-white {
  color: white; }

.opacity-75 {
  opacity: 0.75; }

.opacity-05 {
  opacity: 0.5; }

.opacity-0 {
  opacity: 0; }

.bg-trans-gray {
  background: #8080801f; }

.trans-white {
  background: rgba(255, 255, 255, 0.2); }

.darker-red-bg {
  background: #d93e59; }

.darker-terq-bg {
  background: #127a6c; }

.bg-semi-black {
  background: rgba(0, 0, 0, 0.16); }

.twitter {
  background: var(--twitter-bg);
  color: var(--twitter-text); }

.facebook {
  background: var(--facebook-bg);
  color: var(--facebook-text); }

.linkedin {
  background: var(--linkedin-bg);
  color: var(--linkedin-text); }

.copyurl {
  background: var(--copyurl-bg);
  color: var(--copyurl-text); }

.bg-accent {
  background: var(--acc-bg); }

.op1 {
  background: var(--op1-bg);
  color: var(--op1-text); }

.op2 {
  background: var(--op2-bg);
  color: var(--op2-text); }

.op3 {
  background: var(--op3-bg);
  color: var(--op3-text); }

.op4 {
  background: var(--op4-bg);
  color: var(--op4-text); }

.bg-gaming {
  background-image: url(bg/6496892.svg);
  background-size: cover;
  background-position: center; }

.box-border {
  border: 1px solid var(--lite-line); }

.border-top {
  border-top: 1px solid var(--line); }

.border-btm {
  border-bottom: 1px solid var(--line); }

.border-btm-lite {
  border-bottom: 1px solid var(--lite-line); }

.border-2px-white {
  border: 2px solid white; }

.border-2px-trans-white {
  border: 2px solid #ffffff87; }

.radius-05 {
  border-radius: var(--gap-05); }

.radius-062 {
  border-radius: var(--gap-062); }

.radius-119 {
  border-radius: var(--gap-119); }

.radius-138 {
  border-radius: var(--gap-138); }

.radius-15 {
  border-radius: var(--gap-15); }

.radius-162 {
  border-radius: var(--gap-162); }

.radius-181 {
  border-radius: var(--gap-181); }

.radius-2 {
  border-radius: var(--gap-2); }

.radius-242 {
  border-radius: var(--gap-242); }

.radius-section {
  border-radius: var(--radius-section); }

.radius-card {
  border-radius: var(--radius-card); }

.cta-radius {
  border-radius: var(--cta-radius); }

.radius-5 {
  border-radius: 5px; }

.radius-6 {
  border-radius: 6px; }

.radius-7 {
  border-radius: 7px; }

.radius-8 {
  border-radius: 10px; }

.radius-8 {
  border-radius: 10px; }

.radius-11 {
  border-radius: 11px; }

.no-btm-radius {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.no-top-radius {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.no-start-radius {
  border-start-start-radius: 0;
  border-end-start-radius: 0; }

.no-end-radius {
  border-start-end-radius: 0;
  border-end-end-radius: 0; }

@media (prefers-color-scheme: light) {
  .invert-on-light {
    filter: invert(100%); } }
@media (prefers-color-scheme: dark) {
  .invert-on-dark {
    filter: invert(100%); } }
.outline-none {
  outline: none !important;
  box-shadow: none !important;
  background: transparent !important; }

.preview-mode .no-preview-mode {
  display: none; }

.gpu {
  transform: translate3d(0, 0, 1px); }

.marsattack {
  background-image: url(images/MarsAttack.svg); }

.single-line {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 100%; }

.otp-field {
  font-size: 19px;
  padding: 0.3em 0;
  letter-spacing: 24px;
  padding-left: calc(22px + 1ch);
  box-sizing: content-box;
  width: 150px;
  min-height: unset; }

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

.color-picker-colors {
  width: 37px;
  height: 37px;
  border: 4px solid var(--box-bg);
  box-sizing: border-box;
  margin: 3px;
  transition: var(--fast-hover);
  position: relative;
  opacity: 0.62; }

.color-picker-colors:after {
  transition: var(--fast-hover);
  content: "";
  position: absolute;
  --inset: 8px;
  top: var(--inset);
  right: var(--inset);
  bottom: var(--inset);
  left: var(--inset);
  background: black;
  border-radius: 50%;
  border: 2px solid white;
  box-sizing: border-box;
  opacity: 0;
  transform: scale(0);
  pointer-events: none; }

input[name=color-setting]:checked + div {
  border-color: var(--checked-bg);
  opacity: 1; }
  input[name=color-setting]:checked + div:after {
    opacity: 1;
    transform: none; }

.scroll-touch {
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch; }

.hide-scroll {
  -ms-overflow-style: none;
  scrollbar-width: none; }
  .hide-scroll::-webkit-scrollbar {
    display: none; }

.settings-checked:checked + label {
  background: var(--checked-bg);
  color: var(--checked-color); }

.row-title {
  height: 40px; }

.will-change {
  will-change: transform, opacity, background, background-color; }

select {
  outline: none; }

input:not([type=radio]), textarea {
  outline: none; }
  input:not([type=radio]):focus, textarea:focus {
    box-shadow: 0 0 0 2px var(--twitter-text);
    background: var(--twitter-bg);
    color: var(--twitter-text); }
  input:not([type=radio]):focus::placeholder, textarea:focus::placeholder {
    color: var(--twitter-text);
    opacity: 0.5; }

.blur-20px {
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px); }

.cutout-box-bg-dark {
  border: 4px solid var(--box-bg-dark); }

hr {
  height: 1px; }

.title-hr {
  background: inherit; }
  .title-hr h1, .title-hr h2, .title-hr h3, .title-hr h4, .title-hr h5, .title-hr h6 {
    background: inherit; }
  .title-hr hr {
    bottom: 31%; }

.round {
  border-radius: 50%; }

.capsule {
  border-radius: 100px !important; }

.obj-cover {
  object-fit: cover; }

.obj-contain {
  object-fit: contain !important; }

.obj-position-bottom {
  object-position: center bottom !important; }

.no-decoration {
  text-decoration: none; }

.style-none {
  list-style: none; }

.sticky.catbar {
  box-shadow: 15px 0 0 var(--bg), -15px 0 0 var(--bg); }

.vibrant {
  mix-blend-mode: color-burn;
  color: #2a2a2a; }

.cover {
  background-size: cover; }

.bg-center {
  background-position: center; }

.social-btn {
  box-shadow: var(--tag-shadow-flip); }

.no-resize {
  resize: none; }

.sticky-in-dialog {
  top: calc( var(--hgt-dialog-header) - 1px) !important; }

.sticky2-in-dialog {
  top: calc( var(--hgt-dialog-header) - 1px) !important; }

.visibility-hidden {
  visibility: hidden; }

.overflow-hidden {
  overflow: hidden; }

.overflow-auto {
  overflow: auto; }

.scroll {
  overflow: scroll; }

.display-block {
  display: block; }

.display-inline-block {
  display: inline-block; }

.display-none {
  display: none; }

.relative {
  position: relative; }

.absolute {
  position: absolute; }

.fixed {
  position: fixed; }

.sticky {
  position: sticky;
  top: 0;
  z-index: 10; }

.top--1 {
  top: -1px; }

.top-0 {
  top: 0; }

.top-5 {
  top: 5px; }

.top-100per {
  top: 100%; }

.top-48 {
  top: 48px; }

.right-5 {
  right: 5px; }

.right-20 {
  right: 20px; }

.left-20 {
  left: 20px; }

.right-0 {
  right: 0; }

.left-0 {
  left: 0; }

.bottom-0 {
  bottom: 0; }

.z-index-0 {
  z-index: 0; }

.z-index-1 {
  z-index: 1; }

.z-index-10 {
  z-index: 10; }

.z-index-20 {
  z-index: 20; }

.z-index-30 {
  z-index: 30; }

.z-index-40 {
  z-index: 40; }

.pad-body {
  padding: var(--pad-body); }

.pad-section {
  padding: var(--pad-block-section) var(--pad-side-section); }

.mrg-top-section {
  margin-top: var(--mrg-top-section); }

.mrg-top-section-narrow {
  margin-top: calc(var(--pad-dialog) * 1.24); }

.mrg-btm-section-narrow {
  margin-bottom: calc(var(--pad-dialog) * 1.24); }

.catbar-padding {
  padding-top: var(--catbar-padding);
  padding-bottom: var(--catbar-padding); }

.catbar-h-padding {
  padding-top: var(--catbar-h-padding);
  padding-bottom: var(--catbar-h-padding); }

.pad-tag {
  padding: 1px 9px; }

.med-capsul {
  padding: 9px 21px;
  font-weight: 500; }

.dialog-pad-section {
  padding: var(--pad-nested-block-section) var(--pad-nested-side-section);
  padding: var(--pad-nested-block-section) calc(var(--pad-dialog) * 1.38); }

.pad-262 {
  padding: 2.62em; }

.pad-162 {
  padding: 1.62em; }

.pad-181 {
  padding: 1.81em; }

.pad-138 {
  padding: 1.38em; }

.pad-119 {
  padding: 1.19em; }

.pad-1 {
  padding: 1em; }

.pad-062 {
  padding: 0.62em; }

.pad-081 {
  padding: 0.81em; }

.pad-05 {
  padding: 0.5em; }

.pad-038 {
  padding: 0.38em; }

.pad-019 {
  padding: 0.19em; }

.pad-0 {
  padding: 0; }

.pad-top-262 {
  padding-top: 2.62em; }

.pad-top-162 {
  padding-top: 1.62em; }

.pad-top-181 {
  padding-top: 1.81em; }

.pad-top-138 {
  padding-top: 1.38em; }

.pad-top-119 {
  padding-top: 1.19em; }

.pad-top-1 {
  padding-top: 1em; }

.pad-top-062 {
  padding-top: 0.62em; }

.pad-top-081 {
  padding-top: 0.81em; }

.pad-top-05 {
  padding-top: 0.5em; }

.pad-top-038 {
  padding-top: 0.38em; }

.pad-top-019 {
  padding-top: 0.19em; }

.pad-top-0 {
  padding-top: 0; }

.pad-btm-262 {
  padding-bottom: 2.62em; }

.pad-btm-162 {
  padding-bottom: 1.62em; }

.pad-btm-181 {
  padding-bottom: 1.81em; }

.pad-btm-138 {
  padding-bottom: 1.38em; }

.pad-btm-119 {
  padding-bottom: 1.19em; }

.pad-btm-1 {
  padding-bottom: 1em; }

.pad-btm-062 {
  padding-bottom: 0.62em; }

.pad-btm-081 {
  padding-bottom: 0.81em; }

.pad-btm-05 {
  padding-bottom: 0.5em; }

.pad-btm-038 {
  padding-bottom: 0.38em; }

.pad-btm-019 {
  padding-bottom: 0.19em; }

.pad-btm-0 {
  padding-bottom: 0; }

.pad-start-262 {
  padding-inline-start: 2.62em; }

.pad-start-162 {
  padding-inline-start: 1.62em; }

.pad-start-181 {
  padding-inline-start: 1.81em; }

.pad-start-138 {
  padding-inline-start: 1.38em; }

.pad-start-119 {
  padding-inline-start: 1.19em; }

.pad-start-1 {
  padding-inline-start: 1em; }

.pad-start-062 {
  padding-inline-start: 0.62em; }

.pad-start-081 {
  padding-inline-start: 0.81em; }

.pad-start-05 {
  padding-inline-start: 0.5em; }

.pad-start-038 {
  padding-inline-start: 0.38em; }

.pad-start-019 {
  padding-inline-start: 0.19em; }

.pad-start-0 {
  padding-inline-start: 0; }

.pad-end-262 {
  padding-inline-end: 2.62em; }

.pad-end-162 {
  padding-inline-end: 1.62em; }

.pad-end-181 {
  padding-inline-end: 1.81em; }

.pad-end-138 {
  padding-inline-end: 1.38em; }

.pad-end-119 {
  padding-inline-end: 1.19em; }

.pad-end-1 {
  padding-inline-end: 1em; }

.pad-end-062 {
  padding-inline-end: 0.62em; }

.pad-end-081 {
  padding-inline-end: 0.81em; }

.pad-end-05 {
  padding-inline-end: 0.5em; }

.pad-end-038 {
  padding-inline-end: 0.38em; }

.pad-end-019 {
  padding-inline-end: 0.19em; }

.pad-end-0 {
  padding-inline-end: 0; }

.extra-pad-right {
  padding-right: var(--extra-pad); }

.extra-pad-left {
  padding-left: var(--extra-pad); }

.side-pad-1 {
  padding-right: 1em;
  padding-left: 1em; }

.side-pad-062 {
  padding-right: 0.62em;
  padding-left: 0.62em; }

.pad-btm-100per {
  padding-bottom: 100%; }

.cta-padding {
  padding: var(--cta-block-pad) var(--cta-inline-pad); }

.cta-padding {
  padding: var(--cta-block-pad) var(--cta-inline-pad); }

.tag {
  border-radius: 5px;
  padding: 1px 9px;
  margin: 0 1px; }

.tag-bg {
  background: var(--tag-bg);
  box-shadow: var(--tag-shadow); }

.fl-1-top {
  margin-top: var(--fl-1); }

.fl-2-top {
  margin-top: var(--fl-2); }

.fl-3-top {
  margin-top: var(--fl-3); }

.fl-4-top {
  margin-top: var(--fl-4); }

.fl-5-top {
  margin-top: var(--fl-5); }

.fl-6-top {
  margin-top: var(--fl-6); }

.hr-mrg {
  margin: var(--hr-mrg) 0; }

.mrg-262 {
  margin: 2.62em; }

.mrg-162 {
  margin: 1.62em; }

.mrg-181 {
  margin: 1.81em; }

.mrg-138 {
  margin: 1.38em; }

.mrg-119 {
  margin: 1.19em; }

.mrg-1 {
  margin: 1em; }

.mrg-062 {
  margin: 0.62em; }

.mrg-081 {
  margin: 0.81em; }

.mrg-05 {
  margin: 0.5em; }

.mrg-038 {
  margin: 0.38em; }

.mrg-019 {
  margin: 0.19em; }

.mrg-0 {
  margin: 0; }

.mrg-top-262 {
  margin-top: 2.62em; }

.mrg-top-162 {
  margin-top: 1.62em; }

.mrg-top-181 {
  margin-top: 1.81em; }

.mrg-top-15 {
  margin-top: 1.5em; }

.mrg-top-138 {
  margin-top: 1.38em; }

.mrg-top-119 {
  margin-top: 1.19em; }

.mrg-top-1 {
  margin-top: 1em; }

.mrg-top-062 {
  margin-top: 0.62em; }

.mrg-top-081 {
  margin-top: 0.81em; }

.mrg-top-05 {
  margin-top: 0.5em; }

.mrg-top-038 {
  margin-top: 0.38em; }

.mrg-top-019 {
  margin-top: 0.19em; }

.mrg-top-0 {
  margin-top: 0; }

.mrg-top-auto {
  margin-top: auto; }

.mrg-btm-262 {
  margin-bottom: 2.62em; }

.mrg-btm-162 {
  margin-bottom: 1.62em; }

.mrg-btm-181 {
  margin-bottom: 1.81em; }

.mrg-btm-138 {
  margin-bottom: 1.38em; }

.mrg-btm-119 {
  margin-bottom: 1.19em; }

.mrg-btm-1 {
  margin-bottom: 1em; }

.mrg-btm-062 {
  margin-bottom: 0.62em; }

.mrg-btm-081 {
  margin-bottom: 0.81em; }

.mrg-btm-05 {
  margin-bottom: 0.5em; }

.mrg-btm-038 {
  margin-bottom: 0.38em; }

.mrg-btm-019 {
  margin-bottom: 0.19em; }

.mrg-btm-0 {
  margin-bottom: 0; }

.mrg-btm-auto {
  margin-bottom: auto; }

.mrg-start-262 {
  margin-inline-start: 2.62em; }

.mrg-start-162 {
  margin-inline-start: 1.62em; }

.mrg-start-181 {
  margin-inline-start: 1.81em; }

.mrg-start-138 {
  margin-inline-start: 1.38em; }

.mrg-start-119 {
  margin-inline-start: 1.19em; }

.mrg-start-1 {
  margin-inline-start: 1em; }

.mrg-start-062 {
  margin-inline-start: 0.62em; }

.mrg-start-081 {
  margin-inline-start: 0.81em; }

.mrg-start-05 {
  margin-inline-start: 0.5em; }

.mrg-start-038 {
  margin-inline-start: 0.38em; }

.mrg-start-019 {
  margin-inline-start: 0.19em; }

.mrg-start-0 {
  margin-inline-start: 0; }

.mrg-start-auto {
  margin-inline-start: auto; }

.mrg-end-262 {
  margin-inline-end: 2.62em; }

.mrg-end-162 {
  margin-inline-end: 1.62em; }

.mrg-end-181 {
  margin-inline-end: 1.81em; }

.mrg-end-138 {
  margin-inline-end: 1.38em; }

.mrg-end-119 {
  margin-inline-end: 1.19em; }

.mrg-end-1 {
  margin-inline-end: 1em; }

.mrg-end-062 {
  margin-inline-end: 0.62em; }

.mrg-end-081 {
  margin-inline-end: 0.81em; }

.mrg-end-05 {
  margin-inline-end: 0.5em; }

.mrg-end-038 {
  margin-inline-end: 0.38em; }

.mrg-end-019 {
  margin-inline-end: 0.19em; }

.mrg-end-0 {
  margin-inline-end: 0; }

.mrg-end-auto {
  margin-inline-end: auto; }

.mrg-start-10px {
  margin-inline-start: 8px; }

.side-mrg-5px {
  margin-right: 7px;
  margin-left: 7px; }

.side-mrg-10px {
  margin-right: 10px;
  margin-left: 10px; }

.mrg-top-row {
  margin-top: var(--row-mrg-top); }

.mrg-top-cards-gap {
  margin-top: var(--cards-gap); }

.mrg-btm-cards-gap {
  margin-bottom: var(--cards-gap); }

.mrg-top-cards-gap-narrow {
  margin-top: var(--cards-gap-narrow); }

.mrg-btm-cards-gap-narrow {
  margin-bottom: var(--cards-gap-narrow); }

.flex {
  display: flex; }

.row {
  flex-direction: row; }

.row-reverse {
  flex-direction: row-reverse; }

.column {
  flex-direction: column; }

.wrap {
  flex-wrap: wrap; }

.align-center {
  align-items: center; }

.align-start {
  align-items: flex-start; }

.align-end {
  align-items: flex-end; }

.align-con-center {
  align-content: center; }

.align-self-stretch {
  align-self: stretch; }

.align-self-center {
  align-self: center; }

.align-self-start {
  align-self: start; }

.align-self-end {
  align-self: end; }

.justify-center {
  justify-content: center; }

.justify-start {
  justify-content: flex-start; }

.justify-end {
  justify-content: flex-end; }

.space-between {
  justify-content: space-between; }

.stretch {
  justify-content: stretch; }

.grow-1 {
  flex-grow: 1; }

.flex-2 {
  flex: 2; }

.grid {
  display: grid; }

.col-1 {
  grid-template-columns: 1fr; }

.col-4-2-date {
  grid-template-columns: 2fr 2fr 3fr 2fr; }

.col-8-6-4-2 {
  grid-template-columns: repeat(8, 1fr); }

.grid-col-3, .col-3-2, .col-3-2-1, .col-3-1, .col-3-always {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr; }

.col-2, .col-2-always {
  display: grid;
  grid-template-columns: 1fr 1fr; }

.col-2-switch {
  grid-template-columns: 71px 1fr; }

.col-4-always {
  display: grid;
  grid-template-columns: repeat(4, 1fr); }

.col-6-5-4 {
  display: grid;
  grid-template-columns: repeat(6, 1fr); }

.col-2-1, .col-2-1-wide {
  display: grid;
  grid-template-columns: 1fr 1fr; }

.col-2-1-sep-mobile-only {
  display: grid;
  grid-template-columns: 1fr 1px 1fr; }

.col-1-2 {
  display: grid;
  grid-template-columns: 1fr; }

.col-12-6 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; }

.col-1fr-55px {
  grid-template-columns: 1fr 55px; }

.col-92px-1fr {
  grid-template-columns: var(--settings-avatar) 1fr; }

.col-36-63 {
  grid-template-columns: 36% 63%; }

.grid-col-6 {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-columns: repeat(auto-fit, minmax(296px, 1fr)); }

.grid-col-8 {
  grid-template-columns: repeat(auto-fit, minmax(100px, 1fr)); }

.grid-col-4, .col-4-2, .col-4-2-1, .col-4-3-2-1, .col-cards-4-3-2-1, .col-4-3-2 {
  grid-template-columns: 1fr 1fr 1fr 1fr; }

.featured-gap {
  grid-gap: var(--featured-gap); }

.cards-gap {
  grid-gap: var(--cards-gap); }

.cards-gap-narrow {
  grid-gap: var(--cards-gap-narrow); }

.cards-gap-narrow2 {
  grid-gap: var(--cards-gap-narrow2); }

.fields-gap {
  grid-gap: var(--fields-gap); }

.grid-gap-8px {
  grid-gap: 8px; }

.grid-gap-5px {
  grid-gap: 5px; }

.gap-1px {
  grid-gap: 2px; }

.span-2 {
  grid-column-end: span 2; }

.span-3 {
  grid-column-end: span 3; }

.row-span-2 {
  grid-row-end: span 2; }

.place-center {
  place-content: center; }

.thick-hover {
  position: relative; }
  .thick-hover:after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: inherit;
    z-index: 3;
    box-shadow: inset 0 18px 30px rgba(255, 255, 255, 0.2), inset 0 -18px 30px rgba(0, 0, 0, 0.18); }

.mono-img-until-checked + div label {
  opacity: 0.4; }
.mono-img-until-checked + div img {
  filter: grayscale(1);
  opacity: 0.35; }
  @media (prefers-color-scheme: dark) {
    .mono-img-until-checked + div img {
      filter: grayscale(0.93); } }
.mono-img-until-checked + div + small {
  opacity: 0.5; }
.mono-img-until-checked:checked + div label {
  opacity: 1; }
.mono-img-until-checked:checked + div img {
  filter: none;
  opacity: 1; }
.mono-img-until-checked:checked + div + small {
  opacity: 1; }

.checked-highlight-label:checked + div label {
  background: #007dff;
  color: white; }

.outset-hover .img-wrapper {
  position: relative;
  z-index: 1; }
.outset-hover .img-wrapper:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: inherit;
  box-shadow: inset 0 0 0 6px var(--color);
  opacity: 0;
  transition: var(--fast-hover);
  pointer-events: none; }

.outset-hover:hover .img-wrapper:after {
  opacity: 0.38; }

.absolute-me, .exact-after:after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 100%; }

.exact-after {
  position: relative; }
  .exact-after:after {
    content: ""; }

.extended-hover:after {
  top: -8px;
  right: -8px;
  bottom: -8px;
  left: -8px;
  border-radius: inherit;
  background: rgba(140, 140, 140, 0.1);
  transition: var(--fast-hover);
  opacity: 0; }
.extended-hover:hover:after {
  opacity: 1; }

.popup-row-hover:hover {
  background: rgba(128, 128, 128, 0.2);
  border-color: transparent; }
  .popup-row-hover:hover + a {
    border-color: transparent; }

.pointer {
  cursor: pointer; }

.pointer-events-none {
  pointer-events: none; }

.select-none {
  user-select: none; }

.top-search:focus {
  cursor: auto; }

.wspace-nowrap {
  white-space: nowrap; }

.draft-tag {
  visibility: hidden; }

.preview-mode .program .draft-tag {
  visibility: initial; }

.site-header {
  min-height: var(--site-header-hight);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  width: 100%;
  justify-items: center; }

.site-logo {
  margin-top: -0.14em; }

.site-logo-grad {
  color: var(--red);
  background-image: var(--grad);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.top-message {
  margin-inline-start: auto; }

.top-links {
  position: relative; }
  .top-links a {
    transition: var(--fast-hover);
    margin: 0 0.81em; }

.top-search {
  right: 0;
  left: 0;
  z-index: 2;
  line-height: 2.42em;
  box-shadow: none;
  color: inherit;
  margin-top: -0.62em;
  transition: var(--fast-hover);
  transform: scaleX(0.2);
  opacity: 0;
  transform-origin: 100% 50%;
  outline: 0; }

.rtl .top-search {
  transform-origin: 0% 50%; }

.top-search:focus {
  transform: scaleX(1);
  opacity: 1; }

.results {
  transition: var(--fast-hover);
  top: calc(70% + (2.42em / 2));
  right: 0;
  left: 0;
  transform-origin: 50% 0%;
  transform: scaleY(0);
  opacity: 0;
  pointer-events: none; }

.top-search:focus:valid + .results {
  transform: scaleY(1);
  opacity: 1;
  pointer-events: auto; }

.top-banner {
  min-height: var(--top-banner-hight);
  flex-direction: row;
  background-repeat: no-repeat;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1), inset 0 18px 50px rgba(255, 255, 255, 0.3), inset 0 -18px 50px rgba(0, 0, 0, 0.15); }
  .top-banner button {
    box-shadow: 0 6px 15px #f1516e69, inset 0 5px 14px rgba(255, 155, 214, 0.7), inset 0 -5px 15px rgba(119, 0, 31, 0.37);
    border-radius: 50px; }

#app:not(.rtl) .top-banner {
  background-position: calc(100% - var(--top-banner-bg-x)) var(--top-banner-bg-y); }

.logged-user {
  display: none; }

.logged-in .getin-btn {
  display: none; }
.logged-in .logged-user {
  display: flex; }
.logged-in .visitor-only {
  display: none; }

.site-footer {
  min-height: var(--site-header-hight); }

.top-alert {
  padding: calc(var(--hgt-time-unit) * 0.38) var(--pad-side-section); }

.top-alert + .top-banner {
  margin-top: var(--featured-gap); }
  .top-alert + .top-banner + .featured-cards {
    margin-top: var(--featured-gap); }

.almost-sold .featured-price,
.sold-out .featured-price,
.delayed .featured-price,
.bought .featured-price,
.can-repeat .featured-price,
.live-now .featured-price {
  direction: ltr;
  color: white;
  box-shadow: var(--tag-shadow-flip);
  padding: 2px 9px;
  border-radius: 6px; }

.featured-mrg-top {
  margin-top: var(--featured-mrg-top); }

.featured-mrg-btm {
  margin-bottom: var(--featured-mrg-top); }

.featured-pad-top {
  padding-top: var(--featured-mrg-top); }

.featured-pad-btm {
  padding-bottom: var(--featured-mrg-top); }

.almost-sold .featured-price {
  background: #f7762b; }
  .almost-sold .featured-price:after {
    content: " ستنفذ قريباً"; }

.sold-out .featured-price {
  background: var(--red); }
  .sold-out .featured-price:after {
    content: " نفذت"; }

.delayed .featured-price {
  background: #dba200; }
  .delayed .featured-price:after {
    content: " مؤجلة"; }

.bought .featured-price {
  background: #19af9b; }
  .bought .featured-price:after {
    content: " اشتريتها"; }

.live-now .featured-price {
  background: #2b94ed; }
  .live-now .featured-price:after {
    content: " يبث الآن"; }

.can-repeat .featured-price {
  background: blue; }
  .can-repeat .featured-price:after {
    content: " إعادة مجانية"; }

.tag-padding {
  padding: 4px 13px; }

.cat-bg {
  background: var(--cat-bg);
  box-shadow: var(--tag-shadow-flip);
  padding: 2px 9px;
  border-radius: 6px; }

.time-unit {
  width: var(--hgt-time-unit);
  height: var(--hgt-time-unit);
  margin: 0 calc(var(--hgt-time-unit) * 0.095); }
  .time-unit h3 {
    line-height: 1; }

.row-table {
  list-style: none; }
  .row-table li {
    display: flex;
    flex-direction: row;
    width: 100%;
    border-top: 1px solid var(--lite-line);
    padding-top: var(--fl-3);
    margin-top: var(--fl-3);
    font-size: var(--font-size-small);
    color: var(--gray); }
  .row-table li:first-of-type {
    border-top: 0;
    padding-top: 0;
    margin-top: 0; }
  .row-table .time-table-details {
    grid-template-columns: 2fr 1fr 1fr;
    display: grid;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 55%; }
    .row-table .time-table-details span:nth-last-of-type(1) {
      text-align: end; }
  .row-table h5 {
    font-weight: 500;
    font-size: var(--font-size-small);
    color: var(--color); }

.dialog-wrapper {
  pointer-events: none; }

.catbar-height {
  min-height: var(--catbar-height); }

.catbar-h-height {
  min-height: var(--catbar-h-height); }

.categories {
  --cat-height: 27px;
  flex-wrap: wrap;
  max-height: var(--cat-height);
  position: relative;
  padding-inline-end: 50px; }
  .categories li {
    height: var(--cat-height);
    max-height: var(--cat-height); }

.show-cats .categories {
  max-height: 250px;
  margin-bottom: calc(var(--catbar-padding) * -1); }

.light-white-border {
  border-color: rgba(255, 255, 255, 0.24) !important; }

.show-cats .catbar-huge .categories {
  max-height: 250px;
  margin-bottom: calc(var(--catbar-h-padding) * -1); }

.cat-mrg li, .cat-mrg a {
  margin: 0 3px 10px; }

@supports (row-gap: 9px) {
  .cat-mrg {
    column-gap: 7px;
    row-gap: 9px; }
    .cat-mrg li, .cat-mrg a {
      margin: 0; } }
.row-gap-20 {
  row-gap: 20px; }

.cat-selected {
  background: var(--dark-highlight);
  color: var(--op-color); }

.more-dots {
  user-select: none;
  white-space: nowrap;
  min-width: 33px;
  background: transparent !important;
  border: 0;
  font-size: 10px !important;
  line-height: 23px;
  position: sticky;
  bottom: calc(100% - var(--cat-height));
  margin-top: calc(var(--cat-height) * -3) !important;
  margin-inline-start: calc(100% - -19px) !important; }

.author-card {
  height: min-content;
  max-height: 100%; }
  .author-card img {
    width: 100%;
    height: 128px;
    object-fit: cover; }
    @supports (aspect-ratio: 1/1) {
      .author-card img {
        aspect-ratio: 1 / 1;
        height: unset; } }

dialog {
  opacity: 0;
  width: 100vw;
  position: unset;
  color: inherit;
  display: block;
  padding: var(--pad-dialog);
  border-radius: calc(var(--radius-section) + var(--pad-dialog) - 2px); }

.pad-dialog {
  padding: var(--pad-dialog); }

.dialog-header-pad-top {
  padding-top: var(--hgt-dialog-header); }

.dialog-header-hgt {
  min-height: var(--hgt-dialog-header); }

.dialog-shadow {
  box-shadow: var(--dialog-shadow); }

.popup-shadow {
  box-shadow: var(--popup-shadow); }

.dialog-larg {
  max-width: var(--w-dialog);
  max-height: calc(100vh - var(--dialog-hgt-gap)); }

.dialog-header.sticky {
  bottom: calc(100% - var(--hgt-dialog-header)); }

.dialog-header.sticky2 {
  top: calc(var(--hgt-dialog-header) - 20px);
  position: sticky;
  z-index: 11;
  transform: translateY(-1px); }

.dialog-bg {
  background-color: var(--dialog-bg); }

.event-creator, .settings-panel, .product-creator, .bills-panel, .single-bill-panel, .first-login-popover {
  width: calc(100% - 8px);
  max-width: 790px; }

.user-banner {
  background: gray;
  background-image: linear-gradient(to right top, #b3ece5, #c1ecd7, #d3ebcc, #e5e8c6, #f5e5c7); }
  @media (prefers-color-scheme: dark) {
    .user-banner {
      background-image: linear-gradient(to right top, #63baaf, #7bbb9a, #96ba88, #b3b67d, #cdb17c);
      background-image: linear-gradient(to right top, #3daea0, #60af86, #83ad6f, #a5a85f, #c4a05d); } }

.user-avatar {
  min-width: 130px;
  min-height: 130px;
  max-width: 130px;
  max-height: 130px;
  object-fit: cover;
  height: unset; }

.avatar-bar {
  height: unset; }
  .avatar-bar ul {
    --cat-height: 38px;
    --cat-height: var(--fans-height);
    max-height: var(--cat-height);
    padding-inline-end: 0; }
  .avatar-bar img {
    width: var(--cat-height);
    height: var(--cat-height);
    object-fit: cover;
    border-radius: 50%;
    margin: 0 4px; }

.program-banner2-sub {
  grid-template-columns: 38fr 62fr;
  grid-template-rows: auto auto; }

.program-banner {
  min-height: var(--program-banner-hight);
  background-image: url(https://source.unsplash.com/featured/?laptop);
  background-image: url(https://images.unsplash.com/photo-1631173716529-fd1696a807b0?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=2800&q=80); }
  .program-banner .count-down {
    margin-bottom: calc(var(--hgt-time-unit) * 0.38); }

.file-icon {
  width: var(--w-48-36); }
  .file-icon + div {
    min-height: calc(var(--w-48-36) * 1.34); }

.logged-out .logged-only {
  display: none !important; }
.logged-out .top-banner {
  margin-top: 0 !important; }
.logged-out #programs {
  margin-top: var(--featured-mrg-top) !important; }
.logged-out .logged-out-mrg-top-0 {
  margin-top: 0 !important; }
.logged-out .logged-out-mrg-btm-0 {
  margin-bottom: 0 !important; }
.logged-out .logged-out-pad-top-0 {
  padding-top: 0 !important; }
.logged-out .logged-out-pad-btm-0 {
  padding-bottom: 0 !important; }

.program .time-unit {
  border: 0 !important; }

.glass-bg {
  background-color: rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(30px) saturate(1.8);
  backdrop-filter: blur(30px) saturate(1.8); }
  @media (prefers-color-scheme: dark) {
    .glass-bg {
      background-color: rgba(44, 43, 48, 0.8); } }

.check-child:checked + img + p, .check-child:checked + img {
  color: var(--color);
  opacity: 1; }
.check-child:checked + img + p + svg path {
  fill: var(--color) !important;
  opacity: 1 !important; }

.preview-banner {
  display: none;
  max-height: var(--toast-h);
  overflow: hidden; }

.preview-mode .preview-banner {
  display: flex; }
.preview-mode .cta-edit, .preview-mode .author-update, .preview-mode .not-on-preview {
  display: none; }
.preview-mode .cta-buy {
  display: initial; }

.preview-mode.create-event .preview-banner, .preview-mode.show-user-settings .preview-banner {
  transform: translateY(-100%); }

.approve-preview .preview-banner {
  max-height: 0;
  border: 0;
  padding-top: 0;
  padding-bottom: 0; }

.bank-alert .preview-banner .v-slider {
  transform: translateY(-100%); }

.icon-switch img {
  width: var(--switch-icon-width); }
.icon-switch label {
  padding: 3px 10px;
  margin: 8px 0 0;
  border-radius: 7px;
  transition: var(--fast-hover); }
.icon-switch small {
  min-height: calc( var(--switch-icon-width) * 0.6 ); }

.blue-box-shadow {
  box-shadow: 0 15px 20px rgba(174, 219, 213, 0.38); }

.gray-box-shadow {
  box-shadow: 0 12px 20px rgba(0, 0, 0, 0.035); }

.red-box-shadow, .red-green-box-shadow {
  box-shadow: 0 6px 15px #f1516e69, inset 0 0 0 1px rgba(0, 0, 0, 0.05), 0 0 0 1px rgba(255, 255, 255, 0.05); }

.user-menu {
  margin: var(--site-header-hight) var(--pad-body) 0; }

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 60px var(--autofill-bg) inset !important;
  box-shadow: 0 0 0 2px transparent, 0 0 0 60px var(--autofill-bg) inset !important;
  background-color: var(--autofill-bg) !important;
  background-clip: content-box !important;
  color: var(--autofill-text) !important;
  -webkit-text-fill-color: var(--autofill-text) !important; }

input:-webkit-autofill:focus {
  box-shadow: 0 0 0 2px var(--autofill-text), 0 0 0 60px var(--autofill-bg) inset !important; }

input, input[type=radio] + label {
  min-height: 38px;
  max-height: 38px;
  box-sizing: border-box; }

.catbar-huge ul li:not(.cat-selected) {
  font-size: 15px;
  background: transparent;
  box-shadow: none;
  display: flex;
  align-items: center; }
.catbar-huge ul .emojie-1-2em {
  font-size: 1.1em;
  margin-inline-end: 0.15em; }

.main-move {
  transition: var(--main-move); }

.popup-move {
  transition: var(--popup-move); }

.fast-hover, input:not([type=radio]), textarea, input:not([type=radio]):focus::placeholder, textarea:focus::placeholder, .exception-section * {
  transition: var(--fast-hover); }

.dialog-larg, .dialog-popup {
  transform: translateY(100px); }

.duration-055 {
  transition-duration: var(--duration-055); }

.create-event {
  background: var(--backdrop);
  pointer-events: none;
  overflow: hidden; }
  .create-event .main {
    transform: scale(0.97);
    transform-origin: 50% 50%;
    opacity: 0.52; }
  .create-event .create-event-wrapper {
    pointer-events: auto; }
  .create-event .event-creator {
    opacity: 1;
    pointer-events: auto;
    transform: none; }

.show-exceptions {
  background: var(--backdrop);
  pointer-events: none;
  overflow: hidden; }
  .show-exceptions .main {
    transform: scale(0.97);
    transform-origin: 50% 50%;
    opacity: 0.52; }
  .show-exceptions .exceptions-event-wrapper {
    pointer-events: auto; }
  .show-exceptions .exceptions-creator {
    opacity: 1;
    pointer-events: auto;
    transform: none; }

.show-manage {
  pointer-events: none; }
  .show-manage .manage-wrapper {
    pointer-events: auto; }
  .show-manage .manage-menu {
    opacity: 1;
    pointer-events: auto;
    transform: none; }

.enrolled-menu {
  pointer-events: none; }
  .enrolled-menu .enrolled-wrapper {
    pointer-events: auto; }
  .enrolled-menu .enrolled-dialog {
    opacity: 1;
    pointer-events: auto;
    transform: none; }

.create-product {
  background: var(--backdrop);
  pointer-events: none;
  overflow: hidden; }
  .create-product .main {
    transform: scale(0.97);
    transform-origin: 50% 50%;
    opacity: 0.52; }
  .create-product .create-product-wrapper {
    pointer-events: auto; }
  .create-product .product-creator {
    opacity: 1;
    pointer-events: auto;
    transform: none; }

.inset-to-1400 {
  padding-right: calc((50% - 900px));
  padding-left: calc((50% - 900px)); }

.main.user .inset-to-1400, .main.program .inset-to-1400 {
  padding-right: calc((50% - 640px));
  padding-left: calc((50% - 640px)); }

.show-user-settings {
  background: var(--backdrop);
  pointer-events: none;
  overflow: hidden; }
  .show-user-settings .main {
    transform: scale(0.97);
    transform-origin: 50% 50%;
    opacity: 0.52; }
  .show-user-settings .user-settings-wrapper {
    pointer-events: auto; }
  .show-user-settings .settings-panel {
    opacity: 1;
    pointer-events: auto;
    transform: none; }

.show-user-bills {
  background: var(--backdrop);
  pointer-events: none;
  overflow: hidden; }
  .show-user-bills .main {
    transform: scale(0.97);
    transform-origin: 50% 50%;
    opacity: 0.52; }
  .show-user-bills .user-bills-wrapper {
    pointer-events: auto; }
  .show-user-bills .bills-panel {
    opacity: 1;
    pointer-events: auto;
    transform: none;
    transform-origin: 50% -500px; }

.show-single-bill .single-bill-slider {
  transform: translateX(50%); }

.show-login {
  background: var(--backdrop);
  pointer-events: none;
  overflow: hidden; }
  .show-login .main {
    transform: scale(0.97);
    transform-origin: 50% 50%;
    opacity: 0.52; }
  .show-login .login-dialog {
    pointer-events: auto; }
  .show-login .login-popover {
    opacity: 1;
    pointer-events: auto;
    transform: none; }

.pick-child {
  background: var(--backdrop);
  pointer-events: none;
  overflow: hidden; }
  .pick-child .main {
    transform: scale(0.97);
    transform-origin: 50% 50%;
    opacity: 0.52; }
  .pick-child .pick-child-dialog {
    pointer-events: auto; }
  .pick-child .pick-child-popover {
    opacity: 1;
    pointer-events: auto;
    transform: none; }

.move-child {
  background: var(--backdrop);
  pointer-events: none;
  overflow: hidden; }
  .move-child .main {
    transform: scale(0.97);
    transform-origin: 50% 50%;
    opacity: 0.52; }
  .move-child .move-child-dialog {
    pointer-events: auto; }
  .move-child .move-child-popover {
    opacity: 1;
    pointer-events: auto;
    transform: none; }

.section-menu {
  pointer-events: none;
  overflow: hidden; }
  .section-menu .section-menu-wrapper {
    pointer-events: auto; }
  .section-menu .section-menu-dialog {
    opacity: 1;
    pointer-events: auto;
    transform: none; }

.show-buy {
  background: var(--backdrop);
  pointer-events: none;
  overflow: hidden; }
  .show-buy .main {
    transform: scale(0.97);
    transform-origin: 50% 50%;
    opacity: 0.52; }
  .show-buy .buy-dialog {
    pointer-events: auto; }
  .show-buy .buy-popover {
    opacity: 1;
    pointer-events: auto;
    transform: none; }

.show-thank {
  background: var(--backdrop);
  pointer-events: none;
  overflow: hidden; }
  .show-thank .main {
    transform: scale(0.97);
    transform-origin: 50% 50%;
    opacity: 0.52; }
  .show-thank .thank-dialog {
    pointer-events: auto; }
  .show-thank .thank-popover {
    opacity: 1;
    pointer-events: auto;
    transform: none; }

.show-repeate-details .repeat-dialog {
  pointer-events: auto; }
.show-repeate-details .repeat-details {
  opacity: 1;
  pointer-events: auto;
  transform: none; }

.first-login-popover .login-slider {
  transform: none; }

.first-time-back {
  opacity: 0; }

.first-time {
  background: var(--backdrop);
  pointer-events: none;
  overflow: hidden; }
  .first-time .main {
    transform: scale(0.97);
    transform-origin: 50% 50%;
    opacity: 0.52; }
  .first-time .firstlogin-dialog {
    pointer-events: auto; }
  .first-time .first-login-popover {
    height: 400px;
    opacity: 1;
    pointer-events: auto;
    transform: none; }
  .first-time .login-slider {
    transform: none; }

.first-time2 .first-time-back {
  opacity: 1; }
.first-time2 .first-bg {
  opacity: 1; }
.first-time2 .login-slider {
  transform: translateX(25%); }

.first-time3 .first-time-back {
  opacity: 1; }
.first-time3 .first-bg {
  opacity: 0; }
.first-time3 .first-login-popover {
  height: 400px; }
.first-time3 .login-slider {
  transform: translateX(50%); }

.first-time4 .first-bg {
  opacity: 1; }
.first-time4 .first-time-back, .first-time4 .first-time-skip {
  opacity: 0; }
.first-time4 .first-login-popover {
  height: 320px; }
.first-time4 .login-slider {
  transform: translateX(75%); }

.first-time5 .first-bg {
  opacity: 0; }
.first-time5 .login-slider {
  transform: translateX(100%); }

.parent .student-only, .student .parent-only {
  display: none; }

.user-menu, .user-menu-wrapper, .first-hint-wrapper {
  pointer-events: none; }

.first-hint .first-hint-wrapper .user-menu {
  opacity: 1;
  pointer-events: auto;
  transform: none; }
.first-hint .first-hint-wrapper {
  opacity: 1;
  pointer-events: auto; }

.user-menu {
  opacity: 0;
  transform: scale(0.1);
  transform-origin: 22px -13px; }

.show-user-menu .user-menu-wrapper .user-menu {
  opacity: 1;
  pointer-events: auto;
  transform: none; }
.show-user-menu .user-menu-wrapper {
  opacity: 1;
  pointer-events: auto; }

.login-slider {
  transform: translateX(33.3%); }

.show-otp .login-slider {
  transform: translateX(66.6%); }

.enter-by-email .login-slider {
  transform: translateX(0%); }

.callout {
  top: -14px !important;
  left: 15px !important; }
  .callout #dark {
    display: none !important; }
  .callout #callout path {
    fill: var(--bg); }

@supports (aspect-ratio: 16/9) {
  .ratio-16-9 {
    min-height: unset;
    max-height: unset;
    aspect-ratio: 16 / 9; } }
@supports (aspect-ratio: 18/9) {
  .ratio-18-9 {
    min-height: unset;
    max-height: unset;
    aspect-ratio: 18 / 9; } }
@supports (aspect-ratio: 21/9) {
  .ratio-21-9 {
    min-height: unset;
    max-height: unset;
    aspect-ratio: 21 / 9;
    height: auto !important; } }
@media (prefers-color-scheme: dark) {
  body {
    --bg: #222222;
    --backdrop: #686868;
    --red: #F1516E;
    --red-clear: #94ffff;
    --vio: rgb(164, 82, 235);
    --terq: #25a08c;
    --line: rgb(128,128,128, 0.33);
    --gray: rgb(156,156,156);
    --dark-gray: rgb(168, 168, 168);
    --autofill-text: rgb(213, 182, 54);
    --autofill-bg: rgb(56, 48, 32);
    --grad: linear-gradient(to right, #ff8e4c, #ff6161 69.33%, #ff6381);
    --box-bg: #282828;
    --box-bg-dark: var(--box-bg);
    --dialog-shadow: 0 10px 90px #0000003b, 0 0 0 4px #ffffff75;
    --popup-shadow: 0 10px 90px #0000003b, 0 0 0 1px #ffffff75;
    --featured-bg: #323232;
    --dark-highlight: #b4b4b4;
    --op-color: var(--bg);
    --inputBG: #80808036;
    --color: #ebebeb;
    --title-color: #9d9d9d;
    --lite-line: rgba(128,128,128,0.17);
    --tag-bg: #5c5c5cbf;
    --tag-border: #80808038;
    --cat-bg: var(--tag-bg);
    --cat-border: var(--tag-border);
    --twitter-text: #aee1ff;
    --linkedin-text: #bce9f5;
    --facebook-text: #a6beff;
    --copyurl-text: #d9c4ff;
    --checked-bg: #ffffff38;
    --checked-color: #b7b7b7; }

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

  dialog {
    width: calc(100vw - 8px); }

  .blue-box-shadow,
  .gray-box-shadow {
    box-shadow: none; }

  .red-box-shadow {
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.05); }

  .red-green-box-shadow {
    box-shadow: 0 7px 20px #006e60, 0 0 0 1px #00000029, inset 0 0 0 1px #ffffff26; }

  .cat-bg .featured-price, .sold-out .featured-price, .almost-sold .featured-price, .bought .featured-price, .delayed .featured-price, .live-now .featured-price, .can-repeat .featured-price {
    box-shadow: var(--tag-shadow);
    padding: 1px 9px;
    border-radius: 5px; }

  .almost-sold .featured-price {
    background: #d76a2b; }

  .sold-out .featured-price {
    background: #cd455d; }

  .delayed .featured-price {
    background: #ab7e00; }

  .bought .featured-price {
    background: #008775; }

  .live-now .featured-price {
    background: #1b75c1; }

  .can-repeat .featured-price {
    background: blue; }

  .vibrant {
    color: #626262;
    fill: #626262 !important;
    mix-blend-mode: color-dodge; }

  .no-green-shadow {
    box-shadow: none; }

  .social-btn {
    box-shadow: var(--tag-shadow); }
    .social-btn svg {
      opacity: 1 !important; }
    .social-btn path {
      fill: #9b9b9b !important; }

  .callout {
    top: -14.5px !important; }
    .callout #dark {
      display: block !important; }
    .callout #light {
      display: none !important; }

  body.tint-blue {
    --bg: #222126;
    --red: #F1516E;
    --terq: #259384;
    --line: #414045;
    --gray: #9c9ba0;
    --box-bg: #28272c;
    --featured-bg: #323136;
    --stats-bg: #2f2e32;
    --op-color: var(--bg);
    --inputBG: #80808036;
    --color: #ebeaef;
    --color: #e2e1e6;
    --title-color: #9d9ca1;
    --lite-line: #37363b;
    --lite-line: rgba(74, 73, 79, 0.63);
    --tag-bg: #525156;
    --tag-border: #5c5b60;
    --cat-bg: #282828;
    --cat-bg: var(--tag-bg);
    --cat-border: var(--tag-border); }

  .field-bg {
    background: #333237; } }
@media screen and (min-width: 601px) {
  .mobile-only {
    display: none; }

  .mrg-btm-8px-desktop {
    margin-bottom: 8px !important; } }
@media screen and (max-width: 600px) {
  .col-12-6 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; }

  .seperate-vertical-mobile {
    margin-top: 11px;
    padding-top: 17px;
    border-top: 1px solid var(--lite-line); }

  .mrg-top-15px-mobile {
    margin-top: 15px; }

  .no-gap-mobile {
    grid-gap: 0; }

  .mrg-end-11px-mobile {
    margin-inline-end: 11px; }

  .mrg-btm-14px-mobile {
    margin-bottom: 14px; }

  .column-on-mobile {
    flex-direction: column; }

  .row-on-mobile {
    flex-direction: row; }

  .wrap-on-mobile {
    flex-wrap: wrap; }

  dialog .pad-top-05-mobile {
    padding-top: 0.5em; }

  .pad-top-038-mobile {
    padding-top: 0.38em; }

  .row h5:empty {
    display: none; }

  .col-2-1, .col-3-1, .col-36-63, .col-2-1-sep-mobile-only {
    grid-template-columns: 1fr; }

  .col-1-2 {
    grid-template-columns: 1fr 1fr; }

  .w-100-mobile {
    width: 100%; }

  .mobile-align-center {
    align-items: center; }

  .mobile-align-start {
    align-items: flex-start; }

  .mobile-self-align-center {
    align-self: center; }

  .mobile-mrg-0 {
    margin: 0; }

  .mobile-mrg-btm-1 {
    margin-bottom: 1em; }

  .mobile-mrg-top-1 {
    margin-top: 1em; }

  .mobile-mrg-top-05 {
    margin-top: 0.5em; }

  #clonable-date:not(:first-of-type) {
    margin-top: 0.62em; }

  .mobile-mrg-btm-062 {
    margin-bottom: 0.62em; }

  .row-table li {
    flex-direction: column; }
    .row-table li .time-table-details, .row-table li h5 {
      width: 100%; }

  .count-down {
    margin-top: 1em; } }
@media screen and (min-width: 2000px) {
  body {
    --gap: 28px;
    --font-size-leader: 20px;
    --font-size-larg: 18px;
    --font-size-small: 16px; } }
@media screen and (max-width: 1650px) {
  .col-cards-4-3-2-1 {
    grid-template-columns: repeat(3, 1fr); } }
@media screen and (max-width: 1200px) {
  .col-2-1-wide {
    grid-template-columns: 1fr; } }
@media screen and (max-width: 1100px) {
  .grid-col-4, .col-cards-4-3-2-1 {
    grid-template-columns: repeat(2, 1fr); }

  .col-8-6-4-2 {
    grid-template-columns: repeat(6, 1fr);
    max-height: unset !important; } }
@media screen and (max-width: 1100px) and (min-width: 600px) {
  .col-4-3-2-1 {
    grid-template-columns: 1fr 1fr 1fr; }

  .grid-col-3 {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto; }
    .grid-col-3 a:first-of-type {
      grid-column-end: 3;
      grid-column-start: 1; }
      .grid-col-3 a:first-of-type .card-content {
        display: flex;
        flex-direction: row;
        align-items: stretch;
        justify-content: center; }
        .grid-col-3 a:first-of-type .card-content .card-content-text {
          padding-right: var(--featured-gap);
          width: calc(50% + (var(--featured-gap) / 2));
          display: flex;
          flex-direction: column;
          justify-content: center;
          max-height: 269px; }
          .grid-col-3 a:first-of-type .card-content .card-content-text .featured-title {
            font-size: var(--h5-size); }
        .grid-col-3 a:first-of-type .card-content > img {
          width: calc(50% - (var(--featured-gap) / 2));
          max-height: 269px; } }
@media screen and (max-width: 900px) {
  .col-4-3-2 {
    grid-template-columns: 1fr 1fr 1fr; }

  .program-banner2-sub {
    grid-template-columns: 1fr; }
    .program-banner2-sub h2 {
      order: -2;
      text-align: center; }
    .program-banner2-sub img {
      order: -1; }
    .program-banner2-sub .countdown-and-button div {
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin-bottom: 0.38em; }
      .program-banner2-sub .countdown-and-button div h5 {
        margin-bottom: 1.38em; } }
@media screen and (max-width: 800px) {
  .col-4-2, .col-4-2-1, .col-4-3-2-1 {
    grid-template-columns: 1fr 1fr; }

  .col-8-6-4-2 {
    grid-template-columns: repeat(4, 1fr);
    max-height: unset !important; } }
@media screen and (max-width: 700px) {
  .col-6-5-4 {
    grid-template-columns: repeat(5, 1fr); }

  .top-message {
    order: 3;
    width: 100%;
    margin-top: 1em;
    margin-bottom: 1.5em; }
    .top-message small {
      margin-right: 0; } }
@media screen and (max-width: 650px) {
  .span-1-mobile {
    grid-column-end: span 1; }

  .site-header {
    padding-top: var(--pad-body);
    padding-bottom: var(--featured-gap); }
    .site-header .top-links {
      flex-wrap: wrap;
      order: 3;
      margin-inline-start: auto;
      width: 100%;
      justify-content: center;
      margin-top: var(--cards-gap); }

  .top-search {
    order: 10;
    opacity: 1;
    transform: none;
    pointer-events: auto;
    position: relative;
    width: 100%;
    margin-top: var(--cards-gap); }

  .hide-650 {
    display: none; }

  .col-3-2-1 {
    grid-template-columns: 1fr 1fr; } }
@media screen and (max-width: 599px) {
  .grid-col-3 {
    grid-template-columns: 1fr;
    grid-template-rows: 1fr 1fr 1fr; }

  .col-3-2, .grid-col-4, .col-cards-4-3-2-1 {
    grid-template-columns: 1fr; } }
@media screen and (max-width: 599px) {
  .col-2 {
    display: grid;
    grid-template-columns: 1fr; }

  .col-8-6-4-2 {
    grid-template-columns: repeat(3, 1fr);
    max-height: unset !important; } }
@media screen and (max-width: 500px) {
  .col-4-2-1, .col-4-3-2-1 {
    grid-template-columns: 1fr; }

  .col-6-5-4 {
    grid-template-columns: repeat(4, 1fr); }

  .col-4-3-2 {
    grid-template-columns: 1fr 1fr; }

  .col-2-on-mobile {
    grid-template-columns: 1fr 1fr; } }
@media screen and (min-width: 451px) {
  .show-450 {
    display: none; }

  .no-side-mrg-above-450 {
    margin-right: 0;
    margin-left: 0; } }
@media screen and (max-width: 450px) {
  .col-3-2-1 {
    grid-template-columns: 1fr; }

  .span-2 {
    grid-column-end: unset; }

  .row-450 {
    flex-direction: row; }

  .w-100-450 {
    width: 100%; }

  .align-center-450 {
    align-items: center; }

  .no-mrg-450 {
    margin: 0; }

  .hide-450 {
    display: none; } }
@media screen and (max-width: 400px) {
  .col-8-6-4-2 {
    grid-template-columns: repeat(2, 1fr);
    max-height: unset !important; } }
@supports (-webkit-appearance: -apple-pay-button) {
  .apple-pay-button-with-text {
    display: inline-block;
    -webkit-appearance: -apple-pay-button;
    -apple-pay-button-type: buy;
    box-sizing: content-box;
    border-radius: 4px !important; }

  .apple-pay > * {
    display: none; }

  .apple-pay {
    -apple-pay-button-style: black; }
    @media (prefers-color-scheme: dark) {
      .apple-pay {
        -apple-pay-button-style: white; } } }
@supports not (-webkit-appearance: -apple-pay-button) {
  .apple-pay-only {
    display: none; } }
.type-1 .type-1-only,
.user-1 .user-1-only {
  display: flex; }

.type-2 .type-2-only,
.user-2 .user-2-only {
  display: flex; }

.type-3 .type-3-only,
.user-3 .user-3-only {
  display: flex; }

.type-1 .class-sections.type-1-only,
.user-1 .class-sections.user-1-only {
  display: grid; }

.type-2 .class-sections.type-2-only,
.user-2 .class-sections.user-2-only {
  display: grid; }

.type-3 .class-sections.type-3-only,
.user-3 .class-sections.user-3-only {
  display: grid; }

.types-hidden, .user-types, .class-sections,
.user-1 .user-2-only,
.user-2 .user-1-only,
.user-1 .user-3-only,
.user-2 .user-3-only,
.user-3 .user-2-only,
.user-3 .user-1-only,
.user-1 .class-sections.user-2-only,
.user-2 .class-sections.user-1-only,
.user-1 .class-sections.user-3-only,
.user-2 .class-sections.user-3-only,
.user-3 .class-sections.user-2-only,
.user-3 .class-sections.user-1-only {
  display: none; }

.group-only {
  display: none !important; }

.add-group .group-only {
  display: flex !important; }
.add-group .not-on-group {
  display: none; }

.on-show-manage-only, .on-show-enrolled-only,
.on-show-section-menu-only {
  display: none; }

.show-manage .on-show-manage-only,
.enrolled-menu .on-show-enrolled-only,
.section-menu .on-show-section-menu-only {
  display: initial; }

.full-promoted .promoted1 {
  background: url(bg/leafsdribbble3.jpg.webp); }
.full-promoted .promoted2 {
  background: url(bg/f03e732e10752c9be31d2ecb3359d79a.jpeg.webp); }
.full-promoted .promoted3 {
  background: url(bg/hjrdgs.png); }
.full-promoted .promoted1, .full-promoted .promoted2, .full-promoted .promoted3, .full-promoted .featured-next .card {
  background-size: cover;
  background-position: center;
  z-index: 1; }
  .full-promoted .promoted1 .promoted-hero, .full-promoted .promoted2 .promoted-hero, .full-promoted .promoted3 .promoted-hero, .full-promoted .featured-next .card .promoted-hero {
    visibility: hidden; }
  .full-promoted .promoted1 img, .full-promoted .promoted2 img, .full-promoted .promoted3 img, .full-promoted .featured-next .card img {
    aspect-ratio: 20 / 9; }
  .full-promoted .promoted1 .card-content-text, .full-promoted .promoted2 .card-content-text, .full-promoted .promoted3 .card-content-text, .full-promoted .featured-next .card .card-content-text {
    position: relative;
    background-color: transparent;
    border-radius: inherit;
    z-index: 3; }
    .full-promoted .promoted1 .card-content-text:before, .full-promoted .promoted2 .card-content-text:before, .full-promoted .promoted3 .card-content-text:before, .full-promoted .featured-next .card .card-content-text:before {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      content: "";
      background: transparent;
      background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.25) 100%);
      -webkit-backdrop-filter: blur(30px) saturate(1.2);
      backdrop-filter: blur(30px) saturate(1.2);
      border-radius: inherit;
      border-top-right-radius: 0;
      border-top-left-radius: 0;
      z-index: -1; }
  .full-promoted .promoted1 h4, .full-promoted .promoted2 h4, .full-promoted .promoted3 h4, .full-promoted .featured-next .card h4 {
    color: var(--color);
    color: white;
    text-shadow: 0 0 50px black; }
  .full-promoted .promoted1 p, .full-promoted .promoted2 p, .full-promoted .promoted3 p, .full-promoted .featured-next .card p {
    color: var(--color);
    color: white;
    text-shadow: 0 0 25px black; }
  .full-promoted .promoted1 small, .full-promoted .promoted2 small, .full-promoted .promoted3 small, .full-promoted .featured-next .card small {
    color: var(--color);
    color: white;
    text-shadow: 0 0 25px black; }
  .full-promoted .promoted1 hr, .full-promoted .promoted2 hr, .full-promoted .promoted3 hr, .full-promoted .featured-next .card hr {
    background: rgba(255, 255, 255, 0.2); }
  .full-promoted .promoted1 .featured-price, .full-promoted .promoted2 .featured-price, .full-promoted .promoted3 .featured-price, .full-promoted .featured-next .card .featured-price {
    background: white;
    color: black;
    box-shadow: none;
    border-radius: 50px;
    padding: 0.19em 0.81em; }

.featured-price {
  border-radius: 50px !important;
  padding: 0.19em 0.81em !important; }

.colored-boxes .card .card-content-text {
  position: relative;
  border-radius: inherit;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  z-index: 3; }
.colored-boxes .card h4, .colored-boxes .card p, .colored-boxes .card small {
  color: white; }
.colored-boxes .card h4 {
  text-shadow: 0 -0.5px 1px rgba(0, 0, 0, 0.73); }
.colored-boxes .card hr {
  background: rgba(255, 255, 255, 0.2); }
.colored-boxes .card .featured-price {
  background: white;
  color: black;
  box-shadow: none;
  border-radius: 50px;
  padding: 0.19em 0.81em; }
.colored-boxes .promoted1 {
  box-shadow: 0 5px 20px #ff4c7345; }
  .colored-boxes .promoted1 .card-content-text {
    background: #ff4c73; }
.colored-boxes .promoted2 {
  box-shadow: 0 5px 20px #499b4945; }
  .colored-boxes .promoted2 .card-content-text {
    background: #46a963; }
.colored-boxes .promoted3 {
  box-shadow: 0 5px 20px #5f10c945; }
  .colored-boxes .promoted3 .card-content-text {
    background: #5f10c9; }
.colored-boxes .featured-next a:nth-of-type(1) {
  box-shadow: 0 5px 20px #4d9fc445; }
  .colored-boxes .featured-next a:nth-of-type(1) .card-content-text {
    background: #4d9fc4; }
.colored-boxes .featured-next a:nth-of-type(2) {
  box-shadow: 0 5px 20px #e11c5e45; }
  .colored-boxes .featured-next a:nth-of-type(2) .card-content-text {
    background: #e11c5e; }
.colored-boxes .featured-next a:nth-of-type(3) {
  box-shadow: 0 5px 20px #f715b845; }
  .colored-boxes .featured-next a:nth-of-type(3) .card-content-text {
    background: #f715b8; }
.colored-boxes .featured-next a:nth-of-type(4) {
  box-shadow: 0 5px 20px #ef4d2f45; }
  .colored-boxes .featured-next a:nth-of-type(4) .card-content-text {
    background: #ef4d2f; }
.colored-boxes .featured-next a:nth-of-type(5) {
  box-shadow: 0 5px 20px #e47e6b45; }
  .colored-boxes .featured-next a:nth-of-type(5) .card-content-text {
    background: #e47e6b; }
.colored-boxes .featured-next a:nth-of-type(6) {
  box-shadow: 0 5px 20px #8f7dd545; }
  .colored-boxes .featured-next a:nth-of-type(6) .card-content-text {
    background: #8f7dd5; }
.colored-boxes .featured-next a:nth-of-type(7) {
  box-shadow: 0 5px 20px #d6945b45; }
  .colored-boxes .featured-next a:nth-of-type(7) .card-content-text {
    background: #d6945b; }
.colored-boxes .featured-next a:nth-of-type(8) {
  box-shadow: 0 5px 20px #e51ef745; }
  .colored-boxes .featured-next a:nth-of-type(8) .card-content-text {
    background: #e51ef7; }
.colored-boxes .featured-next a:nth-of-type(9) {
  box-shadow: 0 5px 20px #294fbc45; }
  .colored-boxes .featured-next a:nth-of-type(9) .card-content-text {
    background: #294fbc; }
.colored-boxes .featured-next a:nth-of-type(10) {
  box-shadow: 0 5px 20px #62804845; }
  .colored-boxes .featured-next a:nth-of-type(10) .card-content-text {
    background: #628048; }
.colored-boxes .featured-next a:nth-of-type(11) {
  box-shadow: 0 5px 20px #db5a8045; }
  .colored-boxes .featured-next a:nth-of-type(11) .card-content-text {
    background: #db5a80; }
.colored-boxes .featured-next a:nth-of-type(12) {
  box-shadow: 0 5px 20px #37afe445; }
  .colored-boxes .featured-next a:nth-of-type(12) .card-content-text {
    background: #37afe4; }
.colored-boxes .featured-next a:nth-of-type(13) {
  box-shadow: 0 5px 20px #ef625d45; }
  .colored-boxes .featured-next a:nth-of-type(13) .card-content-text {
    background: #ef625d; }
.colored-boxes .featured-next a:nth-of-type(14) {
  box-shadow: 0 5px 20px #499b4945; }
  .colored-boxes .featured-next a:nth-of-type(14) .card-content-text {
    background: #499b49; }

.program #programs a h4 {
  font-size: var(--h5-size); }
.program #programs a h4, .program #programs a small {
  color: white !important; }
.program #programs a hr {
  background: rgba(255, 255, 255, 0.2) !important; }
.program #programs a .featured-price {
  color: black !important; }
.program #programs a:nth-of-type(1) {
  box-shadow: 0 5px 20px #e11c5e45; }
  .program #programs a:nth-of-type(1) .card-content-text {
    background: #e11c5e; }
.program #programs a:nth-of-type(2) {
  box-shadow: 0 5px 20px #f715b845; }
  .program #programs a:nth-of-type(2) .card-content-text {
    background: #f715b8; }
.program #programs a:nth-of-type(3) {
  box-shadow: 0 5px 20px #ef4d2f45; }
  .program #programs a:nth-of-type(3) .card-content-text {
    background: #ef4d2f; }

.program section .time-table-details {
  width: 100%; }

@media screen and (min-width: 1200px) {
  .class-sections section:nth-of-type(1):nth-last-of-type(1),
  .class-sections section:nth-of-type(3):nth-last-of-type(1),
  .class-sections section:nth-of-type(5):nth-last-of-type(1),
  .class-sections section:nth-of-type(7):nth-last-of-type(1),
  .class-sections section:nth-of-type(9):nth-last-of-type(1),
  .class-sections section:nth-of-type(11):nth-last-of-type(1) {
    grid-column: span 2; } }
.switch {
  position: relative;
  width: 46px;
  height: 24px;
  margin: 8px 0;
  margin-inline-end: 25px; }

.switch span {
  pointer-events: none;
  position: absolute;
  margin: 0;
  min-height: 24px; }

.switch input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  width: 100%;
  height: 100%; }

.switch input[type="checkbox"] + span {
  width: 46px;
  height: 24px;
  background: rgba(241, 81, 110, 0.88);
  border-radius: 50px;
  box-shadow: inset 0 0 0 1px var(--line);
  overflow: hidden;
  transition: all 0.2s ease-in-out; }

.switch input[type="checkbox"] + span:before {
  width: 22px;
  height: 22px;
  margin: 1px;
  background: white;
  border-radius: 50px;
  box-shadow: 0 0 0 1px var(--line);
  position: absolute;
  left: 0;
  top: 0;
  content: "";
  z-index: 2;
  transition: all 0.2s ease-in-out; }

.switch input[type="checkbox"] + span:after {
  width: 46px;
  height: 24px;
  position: absolute;
  right: 100%;
  top: 0;
  content: "";
  z-index: 0;
  transition: all 0.2s ease-in-out;
  border-radius: 50px;
  box-shadow: inset 0 0 0 1px var(--line); }

.switch input[type="checkbox"]:checked + span {
  background: rgba(130, 130, 130, 0.25); }

.switch input[type="checkbox"]:checked + span:before {
  left: calc(100% - 24px); }

.switch input[type="checkbox"]:checked + span:after {
  right: 0; }

@media screen and (min-width: 501px) {
  #clonable-date .dc1 {
    border-start-end-radius: 0;
    border-end-end-radius: 0; }
  #clonable-date .dc2 {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    border-start-start-radius: 0;
    border-end-start-radius: 0; }
  #clonable-date .dc3 {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    border-start-start-radius: 0;
    border-end-start-radius: 0; }
  #clonable-date .dc4 {
    border-start-start-radius: 0;
    border-end-start-radius: 0; } }
@media screen and (max-width: 500px) {
  #clonable-date .dc1 {
    border-start-end-radius: 0;
    border-end-end-radius: 0;
    border-end-start-radius: 0; }
  #clonable-date .dc2 {
    border-start-start-radius: 0;
    border-end-end-radius: 0;
    border-end-start-radius: 0; }
  #clonable-date .dc3 {
    border-start-start-radius: 0;
    border-end-end-radius: 0;
    border-start-end-radius: 0; }
  #clonable-date .dc4 {
    border-start-start-radius: 0;
    border-end-start-radius: 0;
    border-start-end-radius: 0; } }
.weekoff h5, .weekoff small, .weekoff .sub-switch {
  opacity: 0.5;
  pointer-events: none; }
.weekoff #clonable-date select, .weekoff #clonable-date input {
  background: rgba(241, 81, 110, 0.17);
  color: #d73d5a;
  pointer-events: none; }
  .weekoff #clonable-date select::placeholder, .weekoff #clonable-date input::placeholder {
    color: #d73d5a;
    opacity: 1; }

.dayoff + div select, .dayoff + div input {
  background: rgba(241, 81, 110, 0.17);
  color: #d73d5a;
  pointer-events: none; }

.repeat-details li {
  padding: 0.62em 0; }
.repeat-details li:not(:last-of-type) {
  border-bottom: 1px solid var(--lite-line); }
.repeat-details small {
  place-self: center; }
.repeat-details small:nth-of-type(1) {
  place-self: start; }
.repeat-details small:nth-last-of-type(1) {
  place-self: end; }
@media screen and (max-width: 800px) {
  .repeat-details small:nth-of-type(2) {
    place-self: end; }
  .repeat-details small:nth-of-type(3) {
    place-self: start; } }
.repeat-details .canceled-repeat {
  color: var(--red);
  opacity: 0.5; }
  .repeat-details .canceled-repeat small:nth-of-type(1):before {
    opacity: 1;
    content: "ملغي";
    color: white;
    background: var(--red);
    border-radius: 40px;
    margin-inline-end: 0.38em;
    padding: 0.19em 0.62em; }
.repeat-details .longer-repeat small:nth-of-type(4) {
  opacity: 1;
  color: #ff8820; }

a .clay-button {
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.12), inset 0 3px 5px white, inset 0 -3px 9px rgba(0, 0, 0, 0.12) !important;
  background: #f7f7f7 !important; }

.colored-clay-button {
  box-shadow: 0 10px 9px rgba(0, 0, 0, 0.08), inset 0 3px 8px rgba(255, 255, 255, 0.4), inset 0 -3px 9px rgba(0, 0, 0, 0.1) !important;
  border-radius: 40px; }

body * {
  transition: all 0.2s ease-in-out !important;
  transition: none !important; }

.fade-in-out {
  animation-name: fade-in-out;
  animation-duration: 3s;
  animation-direction: alternate;
  animation-iteration-count: infinite; }

@keyframes fade-in-out {
  0% {
    opacity: 0; }
  25% {
    opacity: 0; }
  75% {
    opacity: 1; }
  100% {
    opacity: 1; } }

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