._2yqanJU96fd8P-_M3RxDAz {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -webkit-touch-callout: none; }

:root {
  --arrow-position: 50%;
  --border-color: #22cae0; }

._2yqanJU96fd8P-_M3RxDAz {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 97; }

._2DNW1-HtVs6XNbyphHzhmj:after,
._2DNW1-HtVs6XNbyphHzhmj:before {
  display: none; }

._3eTZYZYRpik3fr9aNds0qe {
  position: relative;
  display: flex;
  flex-direction: column;
  color: #333333;
  border: 2px solid var(--border-color);
  border-radius: 4px;
  padding: 12px;
  background-color: #ffffff;
  box-shadow: 0 0 4px 0 #9b9b9b; }
  ._3eTZYZYRpik3fr9aNds0qe.JRrN4f-le6CQqGtQVxX-W {
    width: calc(100% - 40px);
    height: calc(100% - 40px);
    overflow: hidden; }
  ._3eTZYZYRpik3fr9aNds0qe._3qz0zc4qR1VwxhnVmqNoE {
    max-width: 300px;
    max-height: 600px; }
    .hideArrow ._3eTZYZYRpik3fr9aNds0qe._3qz0zc4qR1VwxhnVmqNoE:after, .hideArrow ._3eTZYZYRpik3fr9aNds0qe._3qz0zc4qR1VwxhnVmqNoE:before {
      display: none; }
    ._3eTZYZYRpik3fr9aNds0qe._3qz0zc4qR1VwxhnVmqNoE._3lYQBPwa1nut6O0dFql_cf:after, ._3eTZYZYRpik3fr9aNds0qe._3qz0zc4qR1VwxhnVmqNoE._3lYQBPwa1nut6O0dFql_cf:before, ._3eTZYZYRpik3fr9aNds0qe._3qz0zc4qR1VwxhnVmqNoE._2iyGRRv7pVmpxkgdhdEkcP:after, ._3eTZYZYRpik3fr9aNds0qe._3qz0zc4qR1VwxhnVmqNoE._2iyGRRv7pVmpxkgdhdEkcP:before, ._3eTZYZYRpik3fr9aNds0qe._3qz0zc4qR1VwxhnVmqNoE._3OWk2F1odI9EInTg1782en:after, ._3eTZYZYRpik3fr9aNds0qe._3qz0zc4qR1VwxhnVmqNoE._3OWk2F1odI9EInTg1782en:before, ._3eTZYZYRpik3fr9aNds0qe._3qz0zc4qR1VwxhnVmqNoE._2G2QnXfuNIILq73zFiH9sF:after, ._3eTZYZYRpik3fr9aNds0qe._3qz0zc4qR1VwxhnVmqNoE._2G2QnXfuNIILq73zFiH9sF:before {
      border: solid transparent;
      content: ' ';
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none; }
    ._3eTZYZYRpik3fr9aNds0qe._3qz0zc4qR1VwxhnVmqNoE._3lYQBPwa1nut6O0dFql_cf:after, ._3eTZYZYRpik3fr9aNds0qe._3qz0zc4qR1VwxhnVmqNoE._2iyGRRv7pVmpxkgdhdEkcP:after, ._3eTZYZYRpik3fr9aNds0qe._3qz0zc4qR1VwxhnVmqNoE._3OWk2F1odI9EInTg1782en:after, ._3eTZYZYRpik3fr9aNds0qe._3qz0zc4qR1VwxhnVmqNoE._2G2QnXfuNIILq73zFiH9sF:after {
      border-color: transparent;
      border-width: 8px; }
    ._3eTZYZYRpik3fr9aNds0qe._3qz0zc4qR1VwxhnVmqNoE._3lYQBPwa1nut6O0dFql_cf:before, ._3eTZYZYRpik3fr9aNds0qe._3qz0zc4qR1VwxhnVmqNoE._2iyGRRv7pVmpxkgdhdEkcP:before, ._3eTZYZYRpik3fr9aNds0qe._3qz0zc4qR1VwxhnVmqNoE._3OWk2F1odI9EInTg1782en:before, ._3eTZYZYRpik3fr9aNds0qe._3qz0zc4qR1VwxhnVmqNoE._2G2QnXfuNIILq73zFiH9sF:before {
      border-color: transparent;
      border-width: 11px; }
    ._3eTZYZYRpik3fr9aNds0qe._3qz0zc4qR1VwxhnVmqNoE._3lYQBPwa1nut6O0dFql_cf:after, ._3eTZYZYRpik3fr9aNds0qe._3qz0zc4qR1VwxhnVmqNoE._3lYQBPwa1nut6O0dFql_cf:before {
      bottom: 100%;
      left: var(--arrow-position); }
    ._3eTZYZYRpik3fr9aNds0qe._3qz0zc4qR1VwxhnVmqNoE._3lYQBPwa1nut6O0dFql_cf:after {
      border-bottom-color: #fff;
      margin-left: -8px; }
    ._3eTZYZYRpik3fr9aNds0qe._3qz0zc4qR1VwxhnVmqNoE._3lYQBPwa1nut6O0dFql_cf:before {
      border-bottom-color: var(--border-color);
      margin-left: -11px; }
    ._3eTZYZYRpik3fr9aNds0qe._3qz0zc4qR1VwxhnVmqNoE._2iyGRRv7pVmpxkgdhdEkcP:after, ._3eTZYZYRpik3fr9aNds0qe._3qz0zc4qR1VwxhnVmqNoE._2iyGRRv7pVmpxkgdhdEkcP:before {
      right: 100%;
      top: var(--arrow-position); }
    ._3eTZYZYRpik3fr9aNds0qe._3qz0zc4qR1VwxhnVmqNoE._2iyGRRv7pVmpxkgdhdEkcP:after {
      border-right-color: #fff;
      margin-top: -8px; }
    ._3eTZYZYRpik3fr9aNds0qe._3qz0zc4qR1VwxhnVmqNoE._2iyGRRv7pVmpxkgdhdEkcP:before {
      border-right-color: var(--border-color);
      margin-top: -11px; }
    ._3eTZYZYRpik3fr9aNds0qe._3qz0zc4qR1VwxhnVmqNoE._2G2QnXfuNIILq73zFiH9sF:after, ._3eTZYZYRpik3fr9aNds0qe._3qz0zc4qR1VwxhnVmqNoE._2G2QnXfuNIILq73zFiH9sF:before {
      left: 100%;
      top: var(--arrow-position); }
    ._3eTZYZYRpik3fr9aNds0qe._3qz0zc4qR1VwxhnVmqNoE._2G2QnXfuNIILq73zFiH9sF:after {
      border-left-color: #fff;
      margin-top: -8px; }
    ._3eTZYZYRpik3fr9aNds0qe._3qz0zc4qR1VwxhnVmqNoE._2G2QnXfuNIILq73zFiH9sF:before {
      border-left-color: var(--border-color);
      margin-top: -11px; }
    ._3eTZYZYRpik3fr9aNds0qe._3qz0zc4qR1VwxhnVmqNoE._3OWk2F1odI9EInTg1782en:after, ._3eTZYZYRpik3fr9aNds0qe._3qz0zc4qR1VwxhnVmqNoE._3OWk2F1odI9EInTg1782en:before {
      top: 100%;
      left: var(--arrow-position); }
    ._3eTZYZYRpik3fr9aNds0qe._3qz0zc4qR1VwxhnVmqNoE._3OWk2F1odI9EInTg1782en:after {
      border-top-color: #fff;
      margin-left: -8px; }
    ._3eTZYZYRpik3fr9aNds0qe._3qz0zc4qR1VwxhnVmqNoE._3OWk2F1odI9EInTg1782en:before {
      border-top-color: var(--border-color);
      margin-left: -11px; }

._2dQb-2WwqcpqXBOGb6S3Oc {
  display: flex;
  flex-direction: row;
  justify-content: center;
  font-family: 'Neology Deco Bold';
  font-size: 18px;
  line-height: 20px; }
  ._2dQb-2WwqcpqXBOGb6S3Oc.JRrN4f-le6CQqGtQVxX-W {
    position: absolute;
    width: calc(100% - 28px);
    height: 20px;
    top: 12px; }

._26EWJPiaJyYpXtEPyzvkX- {
  display: flex;
  font-family: 'Neology Deco';
  width: 100%;
  justify-content: center;
  align-items: center; }
  ._26EWJPiaJyYpXtEPyzvkX-.JRrN4f-le6CQqGtQVxX-W {
    margin-top: 34px;
    height: calc(100% - 22px); }

._3jgTJx1U6NMkgDMJ4qdNcf {
  position: absolute;
  top: 0px;
  width: 48px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center; }
  ._3jgTJx1U6NMkgDMJ4qdNcf.JRrN4f-le6CQqGtQVxX-W {
    top: -12px; }

#ifgsx9cM9qUWUC_gDgYNS {
  right: 0px; }
  .rtl #ifgsx9cM9qUWUC_gDgYNS {
    right: auto;
    left: 0px; }
    .rtl #ifgsx9cM9qUWUC_gDgYNS.JRrN4f-le6CQqGtQVxX-W {
      left: -12px; }
  #ifgsx9cM9qUWUC_gDgYNS._3qz0zc4qR1VwxhnVmqNoE {
    display: none; }
    #ifgsx9cM9qUWUC_gDgYNS._3qz0zc4qR1VwxhnVmqNoE._25CANARDq_8H6vQcjt0bAL {
      display: flex; }
  #ifgsx9cM9qUWUC_gDgYNS.JRrN4f-le6CQqGtQVxX-W {
    right: -16px; }

#NTBrVEaX4Mr6k-OXVllLV {
  left: 0px;
  display: none; }
  #NTBrVEaX4Mr6k-OXVllLV._25CANARDq_8H6vQcjt0bAL {
    display: flex; }
  .rtl #NTBrVEaX4Mr6k-OXVllLV {
    left: auto;
    right: 0px; }
    .rtl #NTBrVEaX4Mr6k-OXVllLV.JRrN4f-le6CQqGtQVxX-W {
      right: -16px;
      left: auto; }
    .rtl #NTBrVEaX4Mr6k-OXVllLV svg {
      transform: scale(-1, 1);
      -webkit-transform: scale(-1, 1); }
  #NTBrVEaX4Mr6k-OXVllLV.JRrN4f-le6CQqGtQVxX-W {
    left: -12px; }

._2JHmFJemkM_CdTfF92Jam1 {
  background-color: transparent;
  border-style: solid;
  border-color: #ffffff;
  border-radius: 50%;
  display: none;
  pointer-events: none;
  position: absolute;
  z-index: 2; }
  ._2JHmFJemkM_CdTfF92Jam1._3Mid6t018DYZJcOoOaTPMh {
    opacity: 0.4; }

._2KYPKlsviAPbKok-o2LWlU {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 320px;
  height: 320px;
  background-color: black;
  border-radius: 50%; }

._3sKNpxhxOgzS7G8iWcrslb {
  background-color: black;
  position: absolute;
  border-radius: 50%;
  width: 100%;
  height: 100%;
  border: 1px solid #f5f5f5;
  top: -1px;
  left: -1px; }

.SE6Qg6_ABhOsXpcDJ8aaP {
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  margin: 5px;
  cursor: crosshair;
  overflow: hidden;
  background: url(colour-wheel.png) center/contain transparent;
  z-index: 1; }

._2dUTeMqeCP_4TjChtI5ctT {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -webkit-touch-callout: none; }

._388BdlK0kM0EbQAqaMoSan {
  font-family: 'Neology Deco Light';
  display: flex;
  flex-direction: column;
  width: 272px;
  height: 352px;
  font-size: 20px; }

._3t-ru_T2kMing4hL8zwxbd {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  flex-grow: 1;
  padding: 20px 0; }

._3gKG16T0UkisvZyukYKAkL {
  display: flex;
  width: 84%;
  padding-top: 10px;
  justify-content: space-between; }
  .rtl ._3gKG16T0UkisvZyukYKAkL {
    flex-direction: row-reverse; }

._2-cdlYu5npdFOm_gvtoWIU {
  text-align: center;
  color: #6d6d6d;
  height: 21px;
  line-height: 21px;
  font-size: 18px;
  margin-right: 8px;
  min-width: fit-content; }

._2D4myM64hs8GjyEg032zP0 {
  display: flex;
  justify-content: center;
  color: #0085ca;
  height: 24px;
  line-height: 24px;
  font-size: 20px;
  font-weight: bold; }

._32BbkCe6VjRHAf3t66xXOL {
  display: flex;
  width: 60%; }
  .rtl ._32BbkCe6VjRHAf3t66xXOL {
    transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1); }

._3adXsfdubfqU1b_XP3eKv1 {
  position: relative;
  display: flex;
  align-items: center;
  flex-grow: 1;
  padding-top: 10px; }

._2dUTeMqeCP_4TjChtI5ctT {
  height: 35px; }

._2x_mbVLZMcuNGuPfTHvdEU {
  width: 100%;
  outline: none;
  -webkit-appearance: none;
  /* Repeat the same thumb & track styling 3 times 
     * because you can't comma-separate vendor-specific selectors
     */ }
  ._2x_mbVLZMcuNGuPfTHvdEU::-webkit-slider-thumb {
    -webkit-appearance: none;
    background: #0085ca;
    border-color: transparent;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    margin-top: -7px; }
  ._2x_mbVLZMcuNGuPfTHvdEU::-moz-range-thumb {
    background: #0085ca;
    border-color: transparent;
    border-radius: 50%;
    height: 20px;
    width: 20px; }
  ._2x_mbVLZMcuNGuPfTHvdEU::-ms-thumb {
    background: #0085ca;
    border-color: transparent;
    border-radius: 50%;
    height: 20px;
    width: 20px; }
  ._2x_mbVLZMcuNGuPfTHvdEU::-moz-range-track {
    background: #cfcfcf;
    border-color: transparent;
    border-radius: 2px;
    height: 5px; }
  ._2x_mbVLZMcuNGuPfTHvdEU::-webkit-slider-runnable-track {
    background: #cfcfcf;
    border-color: transparent;
    border-radius: 2px;
    height: 5px; }
  ._2x_mbVLZMcuNGuPfTHvdEU::-ms-track {
    background: #cfcfcf;
    border-color: transparent;
    border-radius: 2px;
    height: 5px; }
  ._2x_mbVLZMcuNGuPfTHvdEU.kJstRMMtqL7k5vOSzoiz1::-moz-range-track {
    background: #b6b6b6; }
  ._2x_mbVLZMcuNGuPfTHvdEU.kJstRMMtqL7k5vOSzoiz1::-webkit-slider-runnable-track {
    background: #b6b6b6; }
  ._2x_mbVLZMcuNGuPfTHvdEU.kJstRMMtqL7k5vOSzoiz1::-ms-track {
    background: #b6b6b6; }

._3C7r_hD41yNql_Nks-xgIz {
  max-width: 272px;
  width: 272px;
  height: 340px;
  padding-top: 12px;
  color: #333333; }

#_31iH3435UOZVgKHU-qLSib {
  color: #4A4A4A;
  font-family: "Neology Deco";
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
  text-align: center;
  height: 16px;
  width: 100%;
  margin: auto; }

#_3oEDYNjYpi_EUcdCO0Qono {
  width: 180px;
  height: 20px;
  border-bottom: 1px solid #cfcfcf;
  text-align: center;
  font-family: "Neology Deco";
  font-size: 20px;
  line-height: 20px;
  font-weight: 300;
  padding: 4px;
  margin: auto; }

#_1pE_DSavPr6vX7WQ8wYtVk {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 182px;
  width: 182px;
  min-width: 182px;
  margin: auto;
  padding-top: 12px; }

._3zVvvH4zY591JUXlgdM-A2 {
  color: #D0021B; }

#_10zZ8RG49tIpeLVOlRbWgW {
  text-align: center;
  font-size: 12px;
  line-height: 14px;
  font-family: "Neology Deco";
  width: 100%; }

.Qn_EmvmpTo5nQ0cS9QDUg {
  margin: 4px;
  width: 44px;
  height: 44px;
  border: 2px solid;
  border-radius: 44px;
  display: flex;
  justify-content: center;
  font-family: "Neology Deco";
  font-size: 20px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
  background-repeat: no-repeat;
  align-items: center; }
  .Qn_EmvmpTo5nQ0cS9QDUg._2l1p6jE4ulHafxauZqXjCc {
    opacity: 0.7; }

._1dsTpfr46jdeQUy2TujUbe {
  width: 24px;
  height: 24px; }

.uom-LYnCefVsrNQxyRtCd, ._1qtVyX7MV8J2Wr1MJlbwAA {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -webkit-touch-callout: none; }

._2E206D_b-JoJbtqamo6s4e {
  position: relative;
  display: flex;
  flex-grow: 1;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 192px;
  height: 352px;
  padding: 0px 40px; }
  ._2E206D_b-JoJbtqamo6s4e._1lUlA3CDVPrJuw7Ht9KrTt {
    flex-direction: row; }

.uom-LYnCefVsrNQxyRtCd._7neXNgywJGG_fIFTtHbjO {
  transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1); }

._33GeS8K3sBR9w25yhCu5pO {
  height: 48px;
  padding-bottom: 5px;
  display: flex;
  align-items: center;
  justify-content: center; }

._1qtVyX7MV8J2Wr1MJlbwAA {
  flex: 0 1 auto;
  width: 100%;
  color: #0085ca;
  -webkit-appearance: none;
  margin: 0 10px;
  -webkit-transform: rotate(270deg);
  /* Safari and Chrome */
  transform: rotate(270deg);
  /* Firefox */ }
  ._1qtVyX7MV8J2Wr1MJlbwAA::-moz-range-thumb {
    border: 2px solid #0085ca;
    background-color: #ffffff;
    border-radius: 20px;
    height: 25px;
    width: 25px; }
  ._1qtVyX7MV8J2Wr1MJlbwAA::-moz-range-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: #0085ca;
    border-radius: 8px;
    border: none;
    box-shadow: 0px 0px 0px #000000; }
  ._1qtVyX7MV8J2Wr1MJlbwAA::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: 1px solid #0085ca;
    background-color: #ffffff;
    border-radius: 20px;
    height: 25px;
    width: 25px;
    margin-top: -12px; }
  ._1qtVyX7MV8J2Wr1MJlbwAA::-webkit-slider-runnable-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: #0085ca;
    border-radius: 8px;
    border: none;
    box-shadow: 0px 0px 0px #000000; }
  ._1qtVyX7MV8J2Wr1MJlbwAA::-ms-thumb {
    border: 2px solid #0085ca;
    background-color: #ffffff;
    border-radius: 20px;
    height: 25px;
    width: 25px; }
  ._1qtVyX7MV8J2Wr1MJlbwAA::-ms-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    background: #0085ca;
    border-radius: 8px;
    border: none;
    box-shadow: 0px 0px 0px #000000; }

._3Td5GxPiX69JgLj7Azp5Zj {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: center; }

._2iCRyoHROvX8jtw1oi682V {
  flex: 0 1 auto;
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center; }

.a3rybDZieJw4m9xZedPJK {
  position: absolute;
  bottom: 0;
  height: 100%;
  width: 100%;
  pointer-events: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain; }

.UeAO9XEGKiXiOWN-9ljVs {
  display: flex;
  flex: 0 1 auto;
  align-items: center;
  flex-direction: column;
  z-index: 1;
  width: fit-content;
  top: 0;
  justify-content: center;
  height: 100%;
  background: transparent; }

._2XRLDXzEbbLSih2txOQSmF {
  position: absolute;
  right: 28px;
  top: 48%; }
  .rtl ._2XRLDXzEbbLSih2txOQSmF {
    right: auto;
    left: 40px; }

._16DHfN9AoDvIe8yVltVS7B {
  padding: 0 4px; }

._16DHfN9AoDvIe8yVltVS7B,
._2wOXZgQSFnlr3fuum4KmRw {
  pointer-events: auto; }

._32GYBfikQuPSMETGWHPAZq {
  position: absolute;
  padding-right: 10px; }
  .rtl ._32GYBfikQuPSMETGWHPAZq {
    padding-left: 10px; }

._3nKRrjhGYh9YgQfPuvAJK3 {
  position: absolute;
  left: 15px; }
  .rtl ._3nKRrjhGYh9YgQfPuvAJK3 {
    right: 15px; }

._173tprfmR7pXfrwGqakJ5G {
  line-height: 20px;
  font-size: 12px;
  padding-bottom: 5px;
  text-align: center;
  font-family: 'Neology Deco Light'; }

._2o4oF78pHU6FzaqHG9UuK0 {
  display: none; }
  ._2o4oF78pHU6FzaqHG9UuK0 + label {
    width: 60px;
    height: 34px;
    display: block;
    position: relative;
    border: 1px solid #cfcfcf;
    border-radius: 40px;
    background-color: #f5f5f5; }
    ._2o4oF78pHU6FzaqHG9UuK0 + label:after {
      content: '';
      position: absolute;
      top: 1px;
      right: 1px;
      width: 32px;
      height: 32px;
      background: url(376cd62c1961db0abeab5ba53edb07eb.svg) center/80% no-repeat #0085ca;
      border-radius: 100%;
      transition: right 0.3s ease-in-out;
      box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.1); }
  ._2o4oF78pHU6FzaqHG9UuK0:checked + label:after {
    right: calc(100% - 34px + 1px);
    background-image: url(40c7900440ad3b6c4b0ea798c8a1e807.svg); }

._3jN76-k4jNFoLgrqqVvsvl {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -webkit-touch-callout: none; }

._3jN76-k4jNFoLgrqqVvsvl {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99;
  background: linear-gradient(0deg, rgba(0, 133, 202, 0.7) 0%, #0085ca 100%); }

._1E4o8mLhwB_lCzeIQHi8Gs {
  position: relative;
  display: flex;
  flex-direction: column;
  max-width: 350px;
  max-height: 598px;
  border-radius: 6px;
  padding: 12px;
  background-color: #ffffff;
  color: #333333;
  overflow: hidden; }
  @media (min-height: 785px) {
    ._1E4o8mLhwB_lCzeIQHi8Gs {
      margin-top: -20vh; } }

._3fdO9u2o2ekawvvlhV9Ntv {
  display: flex;
  flex-direction: row;
  justify-content: center;
  font-family: 'Neology Deco';
  font-size: 18px;
  height: 20px;
  min-height: 20px;
  line-height: 20px;
  font-weight: bold;
  width: 100%; }

._19aXn_PUD-Uh54AdgODio7 {
  width: calc(100% - 24px);
  text-align: center; }

._2zk_pCO68c89wooAzOxh0T {
  display: flex;
  flex-grow: 1;
  font-family: 'Neology Deco';
  max-height: 560px; }

._2f_cL8EkIk-iZ87SVcnkJq {
  display: none;
  position: absolute;
  top: 0px;
  width: 44px;
  height: 44px;
  align-items: center;
  justify-content: center; }

._29Ns18OEhjDGOoSe2KmrS- ._2f_cL8EkIk-iZ87SVcnkJq {
  display: flex; }

._29Ns18OEhjDGOoSe2KmrS- ._19aXn_PUD-Uh54AdgODio7 {
  width: calc(100% - 88px); }

._1mqDifg6F___4G5qJ_-y_R ._2f_cL8EkIk-iZ87SVcnkJq {
  display: flex; }

._1mqDifg6F___4G5qJ_-y_R #lOjJNmzbWG5YCtMbx0hw8 {
  display: none; }

#_3kkkL6wF87fyFRuKIjVDMK {
  left: 0px; }
  .rtl #_3kkkL6wF87fyFRuKIjVDMK {
    right: 0px;
    left: auto; }
  #_3kkkL6wF87fyFRuKIjVDMK._2t8n1mY2wRFUD0hfHrkTuV {
    display: none; }

#_3dT5c2ocWtMSlGi6ltaQY4 {
  right: 0px; }
  .rtl #_3dT5c2ocWtMSlGi6ltaQY4 {
    left: 0px;
    right: auto; }
  #_3dT5c2ocWtMSlGi6ltaQY4._2t8n1mY2wRFUD0hfHrkTuV {
    display: none; }

#_3duzh_bnpGbKsuvSzgNlQQ {
  right: 0px; }
  .rtl #_3duzh_bnpGbKsuvSzgNlQQ {
    left: 0px;
    right: auto; }
  #_3duzh_bnpGbKsuvSzgNlQQ._2t8n1mY2wRFUD0hfHrkTuV {
    display: none; }

#lOjJNmzbWG5YCtMbx0hw8 {
  left: 0px; }
  .rtl #lOjJNmzbWG5YCtMbx0hw8 {
    left: auto;
    right: 0px; }

._3hoSRSRaTB9Lc45LsO4una > img {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -webkit-touch-callout: none; }

._1M_KNcGRBUlacnrhiPY7qj {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  max-width: 292px;
  width: 100%;
  max-height: 398px;
  height: calc(100vh - 60px);
  font-family: 'Neology Deco Light';
  margin-top: 12px; }

#custom-function-div .injectionDiv {
  min-height: initial; }

._2jXELGU4ZOhU9G4BpYMi8W {
  font-family: 'Neology Deco Light';
  display: flex;
  flex-direction: column;
  width: calc(100% + 24px);
  height: 110px;
  min-height: 110px;
  position: relative;
  z-index: 100;
  font-size: 20px;
  box-shadow: inset 0 1px 4px 0 rgba(0, 0, 0, 0.2), 0 1px 4px 0 rgba(0, 0, 0, 0.25); }

._1Tw7I4rgk2f_JG-25Chse2 {
  width: 100%;
  color: #333333;
  font-family: "Neology Deco";
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
  text-align: center;
  margin: 8px; }

._3a1-AhV-yoiYfHtuutrqgf {
  display: flex;
  align-items: center;
  flex-direction: row;
  height: 48px;
  min-height: 48px;
  width: 280px;
  border-radius: 4px;
  margin: 2px; }
  .rtl ._3a1-AhV-yoiYfHtuutrqgf {
    flex-direction: row-reverse; }

._19SMazBI-CLw0zZz8TvPya {
  height: 16px;
  font-size: 16px;
  line-height: 16px; }

._3meXZd4a6O1gVjyBo_1K52 {
  width: 64px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; }

._3hoSRSRaTB9Lc45LsO4una {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 70px; }

#_1wwFjl-pRHoQAf0R6o2Klo {
  height: 32px;
  width: 38px;
  border: 1px solid #579C32;
  border-radius: 1px;
  background-color: #FFFFFF; }

.QG1xfGpiZiSajhi7xpTg1 {
  width: 100%;
  display: flex;
  align-items: center;
  height: calc(100% - 102px);
  overflow-y: auto;
  flex-direction: column;
  margin-bottom: -12px; }
  .QG1xfGpiZiSajhi7xpTg1::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important; }

#_1VPuP_T-tPn8WgD0gg1Pkt {
  padding-top: 4px;
  width: 100%;
  text-align: center;
  color: #D0021B;
  font-family: "Neology Deco";
  font-size: 12px;
  font-weight: 300;
  line-height: 14px; }

.blocklyTextRemoveIcon {
  content: url(65baaed8a9b14781cd992d953285ee96.svg); }

._1asvqNgu7MT_ouUXSnm0Ml > img {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -webkit-touch-callout: none; }

._3arvQ26tcgaAqUQ8Yas_-w {
  width: 272px;
  max-height: 343px;
  height: calc(100vh - 60px);
  padding-top: 21px;
  color: #333333;
  font-weight: 300;
  font-family: "Neology Deco";
  margin-bottom: -12px;
  overflow: hidden; }

._2LqbymPTHSP2KF5de1K49B {
  position: absolute;
  width: 24px;
  height: 24px;
  top: 10px;
  left: 10px;
  background: white; }
  ._2LqbymPTHSP2KF5de1K49B._3Ym0lRfFEZugYQ1dZyChVu {
    display: none; }

.M3gaoXZBYw1NOBpBsX7hv {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  color: #4A4A4A;
  margin: auto;
  margin-top: 12px; }

.dA3UYl51LxIb_q02J-7w6 {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column; }

#_1zJXCIb7tGzo7aEmveT9_S {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 12px;
  line-height: 14px;
  width: 100%;
  text-align: center; }

#_3MlSUvhc8nF8cx2Rf--l7N {
  max-width: 180px;
  text-align: center;
  padding: 4px;
  height: 20px;
  font-size: 20px;
  line-height: 20px;
  -webkit-appearance: none;
  font-family: "Neology Deco";
  outline: none;
  border: none;
  border-bottom: 1px solid #cfcfcf;
  margin-bottom: 4px; }
  #_3MlSUvhc8nF8cx2Rf--l7N:focus {
    border-bottom: 2px solid #0085ca; }
    #_3MlSUvhc8nF8cx2Rf--l7N:focus._1OB5y13wJUSaeFnxnjxdlz {
      border-bottom: 2px solid #D0021B; }

._1j9z4yJviyLDDakcZBA6Vq {
  width: 100%;
  padding-top: 8px;
  display: flex;
  align-items: center;
  flex-direction: column;
  height: calc(100% - 108px);
  overflow-y: auto;
  margin-bottom: -12px; }
  ._1j9z4yJviyLDDakcZBA6Vq::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important; }
  ._1j9z4yJviyLDDakcZBA6Vq > div {
    width: 100%; }

._2BRGo8Qx-s2M4dvmuUZ5uY {
  width: calc(100% - 20px);
  min-height: 41px;
  max-height: 42px;
  display: flex;
  flex-direction: row;
  justify-content: left;
  padding: 6px 10px;
  align-items: center;
  border-radius: 4px;
  margin-bottom: 4px; }
  ._2BRGo8Qx-s2M4dvmuUZ5uY._1SPLRrnz4_mjpFflWXZ-Lo {
    background-color: rgba(198, 66, 114, 0.1) !important; }
    ._2BRGo8Qx-s2M4dvmuUZ5uY._1SPLRrnz4_mjpFflWXZ-Lo ._3I-TZiwM9s1A9QxVmnds64 {
      display: flex; }
  .rtl ._2BRGo8Qx-s2M4dvmuUZ5uY {
    flex-direction: row-reverse;
    text-align: right; }

._1asvqNgu7MT_ouUXSnm0Ml {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 70px; }

._2-7voE55YIowIUT5Xs6jga {
  width: 80px;
  height: 16px;
  font-size: 16px;
  line-height: 16px; }

#_3CN_AV0vD-jzqvZDx2fjnl {
  width: 100%;
  height: 100%;
  padding: 10px 8px;
  -webkit-appearance: none;
  outline: none;
  border: none;
  background: none;
  color: #ffffff; }

#_1-oJXJbljBAc1wD--jt4eu {
  padding: 10px 8px; }

._3I-TZiwM9s1A9QxVmnds64 {
  display: none;
  height: 32px;
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  line-height: 16px;
  align-items: center;
  justify-content: center;
  background: none;
  background-repeat: no-repeat;
  background-size: cover; }
  ._3I-TZiwM9s1A9QxVmnds64#_3WAlzUBBKWrrlB9AxL1iTN {
    min-width: 42px;
    background-color: #AA335E;
    border-radius: 40px; }
  ._3I-TZiwM9s1A9QxVmnds64#_1zg_2YRh3qU8a7OTB5NKRD {
    width: 102px;
    background-color: #AA335E;
    border-radius: 4px; }
  ._3I-TZiwM9s1A9QxVmnds64#_29LA368OanaNiiYqCUtL70 {
    min-width: 12px;
    background-color: #AA335E;
    position: relative;
    margin-left: 19px; }
    ._3I-TZiwM9s1A9QxVmnds64#_29LA368OanaNiiYqCUtL70 svg {
      position: absolute;
      width: 19px;
      height: 32px;
      top: 0px; }
      ._3I-TZiwM9s1A9QxVmnds64#_29LA368OanaNiiYqCUtL70 svg:first-child {
        left: -18px; }
      ._3I-TZiwM9s1A9QxVmnds64#_29LA368OanaNiiYqCUtL70 svg:last-child {
        right: -18px;
        transform: scale(-1, 1);
        -webkit-transform: scale(-1, 1); }
    .rtl ._3I-TZiwM9s1A9QxVmnds64#_29LA368OanaNiiYqCUtL70 {
      margin-left: auto;
      margin-right: 19px; }
  ._3I-TZiwM9s1A9QxVmnds64#_3FP-UgB0r7X_3EpWXbfmMP {
    width: 32px;
    background-image: url(455245792f59c605988999a660cff32a.svg); }
    ._3I-TZiwM9s1A9QxVmnds64#_3FP-UgB0r7X_3EpWXbfmMP #_8cVYXre4gUO1EaAck2YQo {
      width: 31px;
      height: 31px;
      margin-left: -1px; }

._1OB5y13wJUSaeFnxnjxdlz {
  color: #D0021B; }

.set-color-button {
  margin-top: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 30px;
  width: 120px;
  text-align: center;
  margin-left: auto;
  margin-right: auto; }

.numbers-row {
  margin-left: auto;
  margin-right: auto;
  width: 75%;
  height: 30px;
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  align-content: space-between;
  margin-top: 10px; }

.presets {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center; }

.channel {
  flex: 0 1 auto;
  text-align: center; }

.channel-number {
  font-weight: bold;
  font-size: 24px; }

._2A5JJLcXL9FXtFV0vpmdUp {
  display: flex;
  justify-content: center;
  flex-direction: column;
  flex-grow: 1;
  padding-top: 12px;
  width: 100%;
  max-width: 292px; }

._2AdbwtROjPWkt9tNqDf-IB {
  width: 296px;
  height: 352px;
  color: #333333;
  position: relative;
  margin: 0px -12px; }

._1l64c4Ohfuc6h77riibjcW {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto; }

#_39lSlsTGclLL1CT86m2ucQ {
  width: 17px;
  height: 116px; }

#_1S23PnZ-fsMjOmHR9l7Pq {
  width: 100%;
  height: 100%;
  background: url(d73a2740199188be4836650f5d5bab52.svg);
  background-repeat: no-repeat;
  background-position: center; }
  #_1S23PnZ-fsMjOmHR9l7Pq._31MuBgyeEiLntFQLlhOOLg {
    background-image: url(d73a2740199188be4836650f5d5bab52.svg); }
  #_1S23PnZ-fsMjOmHR9l7Pq.Yi8n2lS1palz1pLsumTh- {
    background-image: url(3c1c7cd1cbe95addb57c0bd8190eedc5.svg); }
  #_1S23PnZ-fsMjOmHR9l7Pq._1ZxSlp__GyeHfn9jOIPh2p {
    background-image: url(8afd5e1f73cf6707f0ec83171d4046a1.svg);
    background-position: 50% 43%; }

#_1S4E1E-urayWBWM9B2QQSE {
  position: relative;
  bottom: 50%;
  width: 17px;
  height: 116px;
  background: url(284ca705a15c00bc2e03f0e236723660.svg);
  background-repeat: no-repeat;
  background-position: 0% 0%;
  transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%; }

#_3QMD3J5qPg3Oo6kok4uSSF {
  height: 21px;
  width: 75px;
  color: #0085ca;
  font-family: "Neology Deco";
  font-weight: bold;
  font-size: 18px;
  line-height: 21px;
  text-align: center;
  z-index: 1; }

#yap1tJHKxqEJbx4PRJDZj {
  width: 100%;
  height: 100%;
  z-index: 0;
  background: #ffffff; }

._3aJMrOlLThVXJ6hK2In8Re {
  overflow: auto;
  display: flex;
  width: 100%;
  height: 100%;
  min-width: 272px;
  margin-top: 12px;
  margin-bottom: -12px; }
  ._3aJMrOlLThVXJ6hK2In8Re::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important; }

._26WNcm0UJbVOi25EeAnvJc {
  background: none;
  border: none;
  outline: 0; }

._3Mcjm6dyzaXojxFCibeiuz ._3uBefFdD1f13uD3qKybvxq ._1_IjjLI5myHJizrUTd8dDh {
  position: relative; }

._1_IjjLI5myHJizrUTd8dDh {
  position: relative;
  padding: 4px;
  font-family: "Neology Deco Light";
  font-size: 16px;
  line-height: 35px;
  font-weight: 300;
  height: 35px;
  width: calc(100% - 8px);
  background: #FFF;
  z-index: 5; }
  .rtl ._1_IjjLI5myHJizrUTd8dDh {
    text-align: right; }

._1vaRJhDgTafCY3gIos_uSH {
  position: relative;
  overflow: hidden;
  transition: max-height 0.5s ease-in-out, transform 0.5s ease-in-out;
  z-index: 2;
  padding: 4px 6px; }

.Ea1tThDin5f5FWvBJLqGA {
  right: 8px;
  width: 24px;
  height: 24px;
  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  position: absolute;
  top: 10px; }
  .rtl .Ea1tThDin5f5FWvBJLqGA {
    right: auto;
    left: 8px; }

._3uBefFdD1f13uD3qKybvxq ._1_IjjLI5myHJizrUTd8dDh {
  position: sticky;
  top: 0px; }

._3uBefFdD1f13uD3qKybvxq .Ea1tThDin5f5FWvBJLqGA {
  right: 16px; }

._1bXd5apnK1OlqJwk-hHjZL {
  list-style: none;
  padding: 0;
  margin: 0;
  width: calc(100% - 4px);
  height: 352px; }
  ._1bXd5apnK1OlqJwk-hHjZL ._1jSPh0S_7BZaaHIacqNdTv {
    position: relative;
    padding: 0;
    margin: 0; }
    ._1bXd5apnK1OlqJwk-hHjZL ._1jSPh0S_7BZaaHIacqNdTv ._3NGfQm43Pk_D2gcOwOcNkQ {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      opacity: 0; }
      ._1bXd5apnK1OlqJwk-hHjZL ._1jSPh0S_7BZaaHIacqNdTv ._3NGfQm43Pk_D2gcOwOcNkQ:not(:checked) ~ ._1vaRJhDgTafCY3gIos_uSH {
        margin-top: 0;
        max-height: 0; }
      ._1bXd5apnK1OlqJwk-hHjZL ._1jSPh0S_7BZaaHIacqNdTv ._3NGfQm43Pk_D2gcOwOcNkQ:not(:checked) ~ ._1_IjjLI5myHJizrUTd8dDh .Ea1tThDin5f5FWvBJLqGA {
        transform: rotate(0deg);
        -webkit-transform: rotate(0deg); }

._2QgnwGMiV0psQ0fgd9eQBF {
  height: 40px;
  margin-top: 8px;
  display: flex;
  flex-direction: row;
  align-items: center;
  font-family: "Neology Deco Light"; }
  .rtl ._2QgnwGMiV0psQ0fgd9eQBF {
    flex-direction: row-reverse; }

.be3AtJBZiP1EY3abGtqxU {
  display: flex;
  align-items: center;
  align-content: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  margin-right: 8px;
  border-radius: 44px; }
  .be3AtJBZiP1EY3abGtqxU ._2T1IMJYfi8vQf7ynCsPTE3 {
    width: 20px;
    height: 20px;
    background-color: transparent;
    overflow: hidden; }
  .rtl .be3AtJBZiP1EY3abGtqxU {
    margin-right: 0px;
    margin-left: 8px; }

#_2jqYAq__Qh4vy6tIVJdOfq {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -webkit-touch-callout: none; }

._2XOQLFwKs0bQj8ueSwILF2 {
  position: absolute;
  width: 8px;
  height: 8px;
  border-bottom-right-radius: 4px;
  border-color: inherit;
  background-color: inherit;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg); }

#_1wRUcBqLYVdzVWYHo2PaZ2 {
  border-top: 2px solid;
  border-left: 2px solid; }

#_38YE4ckCI-UtR0dVvYQMH0 {
  border-bottom: 2px solid;
  border-right: 2px solid; }

#_2jqYAq__Qh4vy6tIVJdOfq {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 1000;
  border: 2px solid;
  border-radius: 4px;
  box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.3);
  min-height: 26px;
  background-color: #ffffff; }

._3ORuzYyizH37GRBwu9gsLr {
  width: 100%;
  height: 100%;
  background: transparent;
  z-index: 99;
  position: absolute;
  top: 0;
  left: 0; }

._3H_ol-Urc048-JbBAOGElw > img {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -webkit-touch-callout: none; }

.n40VdOA3H9lf8eGAuxr0q {
  outline: none;
  cursor: default;
  font-family: "Neology Deco";
  color: inherit;
  font-weight: 300;
  line-height: 16px;
  font-size: 16px;
  overflow-y: auto;
  overflow-x: hidden; }
  .n40VdOA3H9lf8eGAuxr0q::-webkit-scrollbar {
    width: 12px; }
  .n40VdOA3H9lf8eGAuxr0q::-webkit-scrollbar-thumb {
    -webkit-appearance: none;
    background: url(e387eb62abcc2216738062e48716cc76.svg);
    width: 8px; }
  .n40VdOA3H9lf8eGAuxr0q::-webkit-scrollbar-button, .n40VdOA3H9lf8eGAuxr0q::-webkit-scrollbar-track, .n40VdOA3H9lf8eGAuxr0q::-webkit-scrollbar-track-piece, .n40VdOA3H9lf8eGAuxr0q::-webkit-scrollbar-corner, .n40VdOA3H9lf8eGAuxr0q::-webkit-resizer {
    display: none; }

._3JrhMIwJG6WEkyvF5KP4UG {
  list-style: none;
  margin: 0;
  min-height: 24px;
  min-width: 140px;
  padding: 4px;
  white-space: nowrap; }

._2kMLVPs6W2MgPyjZ2KmnO0 ._3H_ol-Urc048-JbBAOGElw > img {
  display: block; }

._1163pialckfpRGUt9WSbes {
  display: flex;
  align-items: center;
  height: 40px;
  flex-direction: row; }
  .rtl ._1163pialckfpRGUt9WSbes {
    flex-direction: row-reverse; }

._3H_ol-Urc048-JbBAOGElw {
  width: 24px;
  height: 24px;
  margin-right: 4px; }
  .rtl ._3H_ol-Urc048-JbBAOGElw {
    margin-left: 4px;
    margin-right: 0px; }
  ._3H_ol-Urc048-JbBAOGElw > img {
    display: none; }

._23eGkS89hz17NRW1bsaoy0 {
  min-width: 80px;
  margin-right: 8px; }
  .rtl ._23eGkS89hz17NRW1bsaoy0 {
    margin-right: 0px;
    margin-left: 8px;
    text-align: right; }

._28R3oxEsCuVdHHc4LqiF1I {
  width: 24px;
  height: 24px; }

._1k6SiG4zLKMd1Pti6TAKHI {
  min-width: 266px;
  min-height: 120px;
  margin-top: 12px;
  margin-bottom: -4px;
  background-color: #F2F2F2;
  resize: none;
  border-width: 0;
  box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 0 4px 0 rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 12px;
  font-family: "Neology Deco";
  line-height: 20px;
  font-size: 16px; }

._1Gxg64uHY7qO1aIjHiVdk3 > img {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -webkit-touch-callout: none; }

._2S3Twi2i3uKIyWWbvjGPDN {
  display: flex;
  justify-content: center;
  flex-direction: column;
  flex-grow: 1;
  padding-top: 12px;
  width: 100%;
  max-width: 292px;
  height: calc(100vh - 60px);
  max-height: 364px; }

#string-builder-div .injectionDiv {
  min-height: initial; }

.KC5QUetJgO-YTaIl1C_Kz {
  font-family: 'Neology Deco Light';
  display: flex;
  flex-direction: column;
  width: calc(100% + 24px);
  height: 110px;
  min-height: 110px;
  font-size: 20px;
  margin-left: -12px;
  position: relative; }

._3L6gJ-k06yJm6MXxJiVmnG {
  display: block;
  margin-top: 8px;
  margin-bottom: 12px;
  text-align: center;
  font-family: 'Neology Deco Light';
  font-size: 14px;
  line-height: 16px; }

._2yrZ6dIC8rEF5K-JLumI9J {
  width: 100%;
  display: flex;
  align-items: center;
  height: calc(100% - 98px);
  overflow-y: auto;
  flex-direction: column;
  margin-bottom: -12px; }
  ._2yrZ6dIC8rEF5K-JLumI9J::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important; }

._36YJnGDTdQ4-lRON8i1JLB {
  width: 260px;
  min-height: 40px;
  height: 40px;
  display: flex;
  flex-direction: row;
  justify-content: left;
  padding: 6px 10px;
  align-items: center;
  border-radius: 4px;
  margin-bottom: 4px; }
  .rtl ._36YJnGDTdQ4-lRON8i1JLB {
    flex-direction: row-reverse; }

._1Gxg64uHY7qO1aIjHiVdk3 {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 70px; }

._3--IHbrGW8faCDHBAcr-N7 {
  width: 40px; }

._3_qUp8lrHBGsX6ePwhq3G5 {
  width: 42px; }

.gdBnYCDqOIQS0BeyxMp1d {
  width: 32px; }

.fYP4Sy7qmEI1-XR7qAqqW {
  width: 40px; }

._1ykmzoaPQfwX9ijoIUC1rP {
  height: 16px;
  font-size: 16px;
  line-height: 16px; }

._1Ur2g1UFnJh3cPNNg9hxpS {
  width: calc(100vw - 45px);
  max-width: 362px;
  margin-top: 12px;
  height: calc(100vh - 72px);
  max-height: 536px;
  display: flex;
  align-items: center;
  justify-content: center; }

._2_t9MJc6ACZK3LD1g4R5bi {
  font-size: 16px;
  font-family: "Neology Deco";
  color: #333333;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center; }

._30Iw-OInbNFP77HoX0hJqY {
  height: calc(100% - 54px);
  display: flex;
  flex-direction: column; }

._25De0zHMVgPeRvLjRySI9h {
  min-width: 40px;
  min-height: 40px;
  width: 40px;
  height: 40px;
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 1px;
  border: 3px solid #ffffff;
  border-radius: 5px; }
  .selected ._25De0zHMVgPeRvLjRySI9h {
    border: 3px solid #0085ca; }
    .selected ._25De0zHMVgPeRvLjRySI9h._10a0D8e9HybulVrrD4_QK0 {
      border: 3px solid #ffffff;
      background-image: url(408723402b4d84daaff070756dbcb17c.svg);
      background-repeat: no-repeat;
      background-size: contain; }
  ._25De0zHMVgPeRvLjRySI9h._10a0D8e9HybulVrrD4_QK0 {
    min-width: 41px;
    min-height: 41px;
    width: 41px;
    height: 41px;
    padding: 4px;
    margin-top: -3px;
    margin-left: -3px;
    margin-right: 0px;
    margin-bottom: 0px;
    position: relative; }
    ._25De0zHMVgPeRvLjRySI9h._10a0D8e9HybulVrrD4_QK0 > svg {
      position: absolute; }
      ._25De0zHMVgPeRvLjRySI9h._10a0D8e9HybulVrrD4_QK0 > svg:first-child {
        right: 5px;
        top: 5px;
        opacity: 0.7;
        background: #333333; }
      ._25De0zHMVgPeRvLjRySI9h._10a0D8e9HybulVrrD4_QK0 > svg:last-child {
        bottom: 5px;
        left: 5px; }

._2Xqa58T8tA6PkJYODBB2xa {
  height: 8px;
  display: flex;
  align-items: center;
  padding: 4px;
  position: absolute;
  z-index: 1;
  top: 2px;
  right: 2px;
  border: 1px solid #F5F5F5;
  border-radius: 8px;
  background-color: #333333;
  font-family: "Neology Deco";
  font-weight: 300;
  font-size: 12px;
  line-height: 10px;
  text-align: center;
  color: #ffffff; }
  .selected ._2Xqa58T8tA6PkJYODBB2xa {
    display: none; }
  ._2Xqa58T8tA6PkJYODBB2xa.KkU32q1LS4s1raqdy4P-h {
    color: #FA5950; }

.FbXii_aBFaEhkuYYptRj_ {
  width: 100%;
  height: 1px;
  background-color: #D8D8D8; }

._1kUAiLYAWaiVl_Kvew9qJQ {
  margin-top: 4px;
  width: calc(100% - 44px);
  margin: 0px 22px;
  line-height: 20px;
  text-align: center;
  font-weight: 300; }

._2ZSilWF5QHRxl7dpXDFgJ3 {
  outline: none;
  overflow-x: hidden !important; }
  ._2ZSilWF5QHRxl7dpXDFgJ3::-webkit-scrollbar {
    width: 4px; }
  ._2ZSilWF5QHRxl7dpXDFgJ3::-webkit-scrollbar-thumb {
    -webkit-appearance: none;
    width: 4px;
    border-radius: 20px;
    background-color: #CFCFCF; }
  ._2ZSilWF5QHRxl7dpXDFgJ3::-webkit-scrollbar-button, ._2ZSilWF5QHRxl7dpXDFgJ3::-webkit-scrollbar-track, ._2ZSilWF5QHRxl7dpXDFgJ3::-webkit-scrollbar-track-piece, ._2ZSilWF5QHRxl7dpXDFgJ3::-webkit-scrollbar-corner, ._2ZSilWF5QHRxl7dpXDFgJ3::-webkit-resizer {
    display: none; }

._1dAL1PVlO8rLgAkTS6crpK {
  display: flex;
  margin: auto;
  margin-top: 0;
  margin-bottom: 20px;
  align-items: flex-start;
  outline: none;
  width: 262px;
  flex-grow: 1; }

._3KgavJW0Qar-ZR0EmOR_AV {
  text-align: center;
  line-height: 19px;
  font-family: "Neology Deco Bold";
  margin-bottom: 12px;
  margin-top: 8px; }

._1pMsNgByXQ217413D21Gyk {
  padding-top: 12px;
  margin-bottom: -12px; }

._3_NBu8OjaBjfly2xdMSVb {
  margin-top: -2px;
  display: flex;
  margin: auto;
  height: 112px;
  align-items: flex-start;
  outline: none;
  width: 262px; }

._2r_AHseTGw_ytRqGF8ypNo {
  background-repeat: no-repeat;
  background-size: contain;
  background-origin: content-box; }

._2I4dTxAP_Bwko9b1oUYILG {
  width: 100%;
  max-width: 314px;
  height: 40px;
  padding: 4px;
  display: flex;
  justify-content: space-between; }
  .rtl ._2I4dTxAP_Bwko9b1oUYILG {
    flex-direction: row-reverse; }

.gDYRLqRR4dTBfMQ85xUxC {
  display: flex;
  width: 144px;
  justify-content: space-between; }

._1e-Bwe8qbyRvbFeZ01UEpv {
  width: 38px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #E3E3E4;
  border-radius: 50%; }
  ._1e-Bwe8qbyRvbFeZ01UEpv span {
    height: 24px; }
  .rtl ._1e-Bwe8qbyRvbFeZ01UEpv > svg {
    transform: scale(-1, 1); }

._1uQbkD0YJ6wypBxO8m-koK {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  font-family: 'Neology Deco'; }

._1llbB3tx72cH-lLnNo3F1G {
  height: 20px;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  font-weight: 300; }

._25nkdxj1WQwmirknf2x0hL {
  height: 20px;
  color: #6d6d6d;
  font-family: 'Neology Deco';
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  text-align: center;
  margin-top: 8px; }
  ._25nkdxj1WQwmirknf2x0hL._2HxuioH6oINp6sG5mlKtHI {
    color: #fa5950; }

._247Y8mg3_mBne4DpUgFZ9R {
  min-width: 41px;
  min-height: 41px;
  width: 41px;
  height: 41px;
  padding: 1px;
  margin: 2px;
  border: 3px solid #ffffff;
  border-radius: 5px;
  background: #ffffff;
  position: relative; }

._3G1VLE5Nk8Zmo7VKHLyAun {
  position: relative;
  height: calc(100% - 142px);
  max-height: 301px;
  margin-top: 6px;
  width: calc(100% + 20px); }
  ._3G1VLE5Nk8Zmo7VKHLyAun:after {
    content: '';
    flex: auto; }
  ._3G1VLE5Nk8Zmo7VKHLyAun::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important; }

._2Fb-m7O_xCaanSfd6AP3_L {
  position: fixed; }

._3EP7OWlRMQsrcDVzlkGSVg {
  background: #999999;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  display: none;
  position: absolute;
  top: 0;
  left: 0; }
  ._3EP7OWlRMQsrcDVzlkGSVg._2Fb-m7O_xCaanSfd6AP3_L {
    display: block; }

._1mo7osQPN4X6YBKUbqA_lK {
  display: flex;
  align-items: center;
  margin-top: 4px;
  height: 44px;
  line-height: 24px;
  font-size: 16px;
  font-weight: 500; }
  ._1mo7osQPN4X6YBKUbqA_lK > span {
    height: 24px;
    margin-right: 8px; }
  .rtl ._1mo7osQPN4X6YBKUbqA_lK {
    flex-direction: row-reverse; }
    .rtl ._1mo7osQPN4X6YBKUbqA_lK svg {
      transform: scale(-1, 1); }
    .rtl ._1mo7osQPN4X6YBKUbqA_lK > span {
      margin-left: 8px;
      margin-right: auto; }

._3UTg29jm7i1vlWNnQOSoF- {
  flex-grow: 1;
  position: relative; }

._1-syb14-jffKnLCZBHnnRT {
  width: 100%;
  height: 100%;
  overflow: none; }

.DX0hgakHiiX9OfBaGt2xH {
  width: 100%;
  height: calc(100% + 12px);
  margin-bottom: -12px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  max-width: 350px; }

._3fDL4UWMTl4SZLfwaOEyf7 {
  flex: 1;
  position: relative; }

._1O2OyjsBIKICp0cm219Cin {
  width: calc(100% + 24px);
  height: calc(100% - 190px);
  min-height: 240px;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media (max-width: 394px) {
    ._1O2OyjsBIKICp0cm219Cin {
      width: 100%; } }
  .rtl ._1O2OyjsBIKICp0cm219Cin {
    flex-direction: row-reverse; }

._2if-CdC2W8QTJvoKLtwoxy {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px; }
  @media (max-width: 394px) {
    ._2if-CdC2W8QTJvoKLtwoxy {
      display: none; } }

._2q6LWkyZleVl4R2hL1mKWU {
  width: 100%;
  height: 100%;
  position: relative; }

._1VH6Bu6PKDEwyNNpUpUYtr {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0; }

._3z9uangcZzTxB8xZNg11oC {
  width: 240px;
  overflow-y: auto;
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  align-items: center;
  position: relative; }
  @media (min-width: 395px) {
    ._3z9uangcZzTxB8xZNg11oC {
      width: 360px; } }

@media (min-width: 355px) and (max-width: 394px) {
  ._3z9uangcZzTxB8xZNg11oC {
    width: 320px; } }

@media (min-width: 315px) and (max-width: 354px) {
  ._3z9uangcZzTxB8xZNg11oC {
    width: 280px; } }
  ._3z9uangcZzTxB8xZNg11oC::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important; }
  .rtl ._3z9uangcZzTxB8xZNg11oC {
    flex-direction: row-reverse; }

._11yXdvDH9cxuf8woLDdY4Y {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-repeat: no-repeat;
  background-size: contain; }
  ._11yXdvDH9cxuf8woLDdY4Y._2Z6wY6E15zwBakEOEUh-4a {
    background-image: url(1ba2d91901ceb19c091b49b35fb03e37.svg); }
  ._11yXdvDH9cxuf8woLDdY4Y > span {
    width: 36px;
    height: 36px; }

._1V1Pbf6CQo_d7xBZjRtMgt {
  display: flex;
  width: 100%;
  height: 40px;
  min-height: 40px;
  align-items: center;
  justify-content: space-between;
  position: relative; }
  .rtl ._1V1Pbf6CQo_d7xBZjRtMgt {
    flex-direction: row-reverse; }

._3MF_IgM3RL5k-OfPtOvL31 {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto; }
  ._3MF_IgM3RL5k-OfPtOvL31._2uCSdbp4ocOoLEupZk699x, ._3MF_IgM3RL5k-OfPtOvL31.nTF7wNpALgTR7QAnPQLq, ._3MF_IgM3RL5k-OfPtOvL31._1v3AjAEoHYQBOjNQI6el6q, ._3MF_IgM3RL5k-OfPtOvL31._3GmMJAyxnjF2_nbZwQSXgv {
    width: 60px; }
  ._3MF_IgM3RL5k-OfPtOvL31 > span {
    height: 24px; }

._2-_NOLWqeaxCumAdIkCwYL {
  position: absolute;
  width: 8px;
  height: 8px;
  border-bottom-right-radius: 4px;
  border-color: inherit;
  background-color: inherit;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  background: #FFF;
  top: -4px;
  left: 59%; }

._10VzpsLNUXmIrt003dCXXH {
  display: none;
  width: 216px;
  height: 46px;
  border-radius: 4px;
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
  padding: 0 10px;
  position: absolute;
  margin-top: 30px;
  left: 50%;
  margin-left: -128px;
  background: #FFF;
  z-index: 1;
  align-items: center;
  justify-content: space-between; }
  ._10VzpsLNUXmIrt003dCXXH._1N3pYuyRMJQJFzwZm2mRpm {
    display: flex; }

._10A1TrdSEooSGa9s2B9UeK {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: fixed;
  z-index: -1; }

._1wUnTzy98g-hWce-nefTy8 {
  display: flex;
  width: 208px;
  height: 44px;
  line-height: 21px;
  padding: 4px 8px;
  border-radius: 10px;
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  font-family: 'Neology Deco';
  background-color: rgba(51, 51, 51, 0.8);
  position: absolute;
  top: 0;
  left: 50%;
  align-items: center;
  justify-content: center;
  margin-left: -110px;
  pointer-events: none;
  opacity: 1;
  transition: opacity 0.5s ease-in-out;
  -webkit-transition: opacity 0.5s ease-in-out;
  z-index: 1; }
  ._1wUnTzy98g-hWce-nefTy8 > img {
    margin-right: 8px; }
  ._1wUnTzy98g-hWce-nefTy8._2LYxK4fCPjLN6djX3256e3 {
    opacity: 0; }

._374J4hW7FpClVIFuJvCoRg {
  position: fixed;
  pointer-events: none;
  background: transparent;
  border: none; }

._3rAWX9aEd90HkthRWAcCbX {
  background: #999999;
  margin-top: 5px;
  margin-left: 5px;
  width: 42px;
  height: 42px;
  border-radius: 4px;
  position: absolute;
  left: 0;
  top: 0; }

._3rMOJG5F9TOGsjMs2xnj0S {
  min-width: 41px;
  min-height: 41px;
  width: 41px;
  height: 41px;
  border-radius: 4px;
  background: #999999;
  margin-left: 5px;
  margin-top: 5px;
  position: relative; }

._1iVCUpBGy0mIQM4lTaMfqI {
  outline: none;
  display: flex;
  justify-content: center; }
  ._1iVCUpBGy0mIQM4lTaMfqI::-webkit-scrollbar {
    width: 4px; }
  ._1iVCUpBGy0mIQM4lTaMfqI::-webkit-scrollbar-thumb {
    -webkit-appearance: none;
    width: 4px;
    border-radius: 20px;
    background-color: #CFCFCF; }
  ._1iVCUpBGy0mIQM4lTaMfqI::-webkit-scrollbar-button, ._1iVCUpBGy0mIQM4lTaMfqI::-webkit-scrollbar-track, ._1iVCUpBGy0mIQM4lTaMfqI::-webkit-scrollbar-track-piece, ._1iVCUpBGy0mIQM4lTaMfqI::-webkit-scrollbar-corner, ._1iVCUpBGy0mIQM4lTaMfqI::-webkit-resizer {
    display: none; }

._15HS7zeMflV8X_p5FWTIvq {
  width: 276px;
  padding: 12px 8px 8px 8px;
  color: #333333;
  font-family: "Neology Deco"; }

#_89tkLTTn6gUX8lVaz0lEI {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  font-size: 16px;
  font-weight: 300;
  line-height: 20px;
  text-align: center; }
  #_89tkLTTn6gUX8lVaz0lEI img {
    margin-bottom: 8px; }

#_1yO8qnMHtpLLUXDyXyG7XU {
  width: 100%;
  height: 40px;
  margin-top: 12px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  align-content: center; }
  #_1yO8qnMHtpLLUXDyXyG7XU > div {
    margin-right: 12px; }
    #_1yO8qnMHtpLLUXDyXyG7XU > div:last-child {
      margin-right: 0px; }

._25xzJsBlfPj0ojcKm7-VMm {
  display: flex;
  height: 40px;
  width: 120px;
  border-radius: 4px;
  align-items: center;
  font-size: 16px;
  line-height: 18px;
  justify-content: center;
  overflow: hidden; }
  ._25xzJsBlfPj0ojcKm7-VMm._1y2r0HTa36-a9fQrcsyrt5 {
    width: 116px;
    height: 36px;
    border: 2px solid; }

.color-sensor-help {
  height: 100%;
  width: 100%;
  margin-left: 20px;
  margin-right: 20px; }
  .color-sensor-help .button {
    width: 100%;
    height: 40px;
    margin-top: 8px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    align-content: center;
    background: #0085ca none repeat scroll 0% 0%;
    color: white;
    border-radius: 5px; }
    .color-sensor-help .button:hover {
      background-color: #006397; }
  .color-sensor-help .page-indicator {
    margin-top: 4px;
    width: 50px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto; }
  .color-sensor-help .pager {
    height: 10px;
    width: 10px;
    margin-left: 3px;
    margin-right: 3px;
    background: url(5844bf07da9cc9e4590d0af830d74918.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block; }
  .color-sensor-help .pager-fill {
    height: 10px;
    width: 10px;
    background: url(d1a77a74ae6fad13b4e5590fd2787d76.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    display: inline-block;
    margin-left: 3px;
    margin-right: 3px; }
  .color-sensor-help .img {
    width: 100%; }
  .color-sensor-help .image1 {
    height: 160px;
    background: url(a89e8e1b40d19d43879ba840669e129a.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 51px; }
  .color-sensor-help .image2 {
    height: 100px;
    background: url(7c743f1ce27826a707b2446580be7d69.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center; }
  .color-sensor-help .image3 {
    height: 100px;
    margin-top: 10px;
    background: url(369a1f1f5b788a3d0fa3719e30157026.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center; }
  .color-sensor-help .image4 {
    height: 200px;
    margin-bottom: 31px;
    background: url(aa5bd10fc2096f1d81cd9e010d6f2e2f.svg);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center; }
  .color-sensor-help .p1 {
    margin-bottom: 44px; }
  .color-sensor-help .p2 {
    margin-bottom: 15px;
    margin-top: 8px; }
  .color-sensor-help .p3 {
    margin-top: 8px;
    margin-bottom: 1px; }

._3KLucvXcO5QKEy5ETXpPmH {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between; }

._1j0FVVP_BlVDWTV6l6dqVN {
  height: 48px;
  margin-bottom: -12px;
  display: flex;
  flex-direction: row;
  border-top: 1px solid #EAEAEA;
  align-items: center;
  justify-content: center; }
  .rtl ._1j0FVVP_BlVDWTV6l6dqVN {
    flex-direction: row-reverse; }

.prsjGZBvwRJlwD4ZITPtg {
  line-height: 20px;
  font-size: 14px;
  text-align: center;
  font-family: "Neology Deco";
  margin-right: 8px; }
  .rtl .prsjGZBvwRJlwD4ZITPtg {
    margin-left: 8px; }

.f3ECbusiiZTB9-ufcYdp- {
  display: none; }
  .f3ECbusiiZTB9-ufcYdp- + label {
    width: 52px;
    height: 32px;
    display: block;
    position: relative;
    border: 1px solid #cfcfcf;
    border-radius: 40px;
    background-color: #f5f5f5; }
    .f3ECbusiiZTB9-ufcYdp- + label:after {
      content: '';
      position: absolute;
      top: 1px;
      right: calc(100% - 32px + 1px);
      width: 30px;
      height: 30px;
      background: #ffffff;
      border-radius: 100%;
      transition: right 0.3s ease-in-out;
      box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.1); }
  .f3ECbusiiZTB9-ufcYdp-:checked + label {
    border: 1px solid #0085ca;
    background-color: #0085ca; }
    .f3ECbusiiZTB9-ufcYdp-:checked + label:after {
      right: 1px; }

._2EvVVJxDr8SeH2M4pEfKl9 {
  max-width: 272px;
  width: 272px;
  height: 340px;
  padding-top: 12px;
  display: flex;
  align-items: center;
  justify-content: center; }

._1qRhp6ou5NW_rUiq02zFHa {
  position: relative;
  width: 256px;
  height: 256px; }

._1TKCs5Z4JrKiSLmnnxh_1M {
  background: url(fd1995b3c25cd25d7a4bb2d2286aafe5.svg) no-repeat;
  background-size: contain;
  position: absolute;
  bottom: -24px;
  left: -15px;
  pointer-events: none;
  width: 70px;
  height: 78px; }

.rvr-color-border {
  background-color: transparent;
  border: 1px solid #e6e6e6;
  border-radius: 50%;
  width: 195px;
  height: 195px;
  margin-top: 10px;
  margin-left: 30px;
  margin-right: 30px;
  z-index: 0; }

.rvr-color-wheel {
  background-color: white;
  border-radius: 50%;
  width: 180px;
  height: 180px;
  z-index: 3;
  top: 8px;
  left: 8px;
  position: relative; }

.set-color-button {
  margin-top: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  border-radius: 30px;
  width: 120px;
  text-align: center;
  margin-left: auto;
  margin-right: auto; }

.numbers-row {
  margin-left: auto;
  margin-right: auto;
  width: 75%;
  height: 30px;
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
  align-content: space-between;
  margin-top: 10px; }

.presets {
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: center; }

.channel {
  flex: 0 1 auto;
  text-align: center; }

._2ihJ1RWoT6OwtnmsBH4jwQ._18Cz85u_tXxgLb3pl9aqWa {
  opacity: 0.5;
  pointer-events: none; }

.rPahUP3owJt1Ess-HHqJy {
  display: none; }
  .rPahUP3owJt1Ess-HHqJy + label {
    width: 52px;
    height: 32px;
    display: block;
    position: relative;
    border: 1px solid #cfcfcf;
    border-radius: 40px;
    background-color: #f5f5f5; }
    .rPahUP3owJt1Ess-HHqJy + label:after {
      content: '';
      position: absolute;
      top: 1px;
      right: calc(100% - 32px + 1px);
      width: 30px;
      height: 30px;
      background: #ffffff;
      border-radius: 100%;
      transition: right 0.3s ease-in-out;
      box-shadow: 0 3px 1px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.1); }
  .rPahUP3owJt1Ess-HHqJy:checked + label {
    border: 1px solid #0085ca;
    background-color: #0085ca; }
    .rPahUP3owJt1Ess-HHqJy:checked + label:after {
      right: 1px; }

._3aBk4E7e91PTnz3wk5CfpW {
  height: 48px;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center; }
  .rtl ._3aBk4E7e91PTnz3wk5CfpW {
    flex-direction: row-reverse; }

._2TnFr9biTkmEPz-IuTKKGZ {
  line-height: 20px;
  font-size: 14px;
  text-align: center;
  font-family: "Neology Deco";
  margin-right: 8px; }
  .rtl ._2TnFr9biTkmEPz-IuTKKGZ {
    margin-left: 8px; }

.skin-tone-container {
  display: flex;
  justify-content: space-around;
  width: 50%;
  margin-bottom: 12px; }
  .skin-tone-container .checked {
    border: 1px solid #3049c2;
    border-radius: 50%; }
  .skin-tone-container label {
    display: block;
    position: relative;
    cursor: pointer;
    height: 24px;
    width: 24px; }
    .skin-tone-container label input {
      -webkit-appearance: none;
      appearance: none;
      margin: 0;
      border-radius: 50%;
      cursor: pointer;
      height: 24px;
      width: 24px; }

#skin-tone-neutral {
  background-color: #ffc742; }

#skin-tone-light {
  background-color: #fdd4b3; }

#skin-tone-medium {
  background-color: #b98972; }

#skin-tone-dark {
  background-color: #755a49; }

._2tTArPwsIMIyCY4rVssjyh {
  display: flex;
  flex-direction: column; }

.kBNA2pBApQW41GkwTYBvq {
  display: flex;
  flex-direction: column;
  font-size: 16px;
  font-weight: bold;
  align-content: center;
  justify-items: center;
  text-align: center; }
  .rtl .kBNA2pBApQW41GkwTYBvq {
    transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    direction: rtl; }

.CL3PlKavP-DIX5GZjdvQF {
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: flex;
  justify-content: center;
  align-items: first baseline; }
  .CL3PlKavP-DIX5GZjdvQF._2jthO4fVah1cah0Sjk3n9T {
    direction: rtl; }
  .CL3PlKavP-DIX5GZjdvQF label {
    margin: 9px; }
  .CL3PlKavP-DIX5GZjdvQF input {
    width: 22px;
    height: 22px;
    border: solid 1px #6d6d6d; }

._1u3bkgc4OCFf4EnOsxY79E {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 300px;
  min-height: 420px; }
  .rtl ._1u3bkgc4OCFf4EnOsxY79E {
    transform: scale(-1, 1);
    -webkit-transform: scale(-1, 1);
    direction: rtl; }

._3FS1EkOY-Kt9D7YbWZewjN input {
  border-radius: 16px;
  border: solid 2px #3049c2;
  width: 224px;
  height: 34px;
  margin: 8px;
  padding: 8px; }

._3FS1EkOY-Kt9D7YbWZewjN ::placeholder {
  font-size: 16px;
  font-weight: 300;
  color: #6d6d6d; }

._3FS1EkOY-Kt9D7YbWZewjN span {
  margin: 8px 0 8px 8px;
  font-size: 16px;
  font-weight: 300;
  text-align: right;
  color: #6d6d6d; }

._3FS1EkOY-Kt9D7YbWZewjN ._2Lh3-bWuFTETwJA_gNpAtE {
  color: #e34e46; }

._1exKwTEBJeXhKLvzJtVX5Y {
  font-size: 24px;
  font-weight: bold; }

._2Be5ugPEOTSYc6DgP5Rrfc {
  font-size: 36px;
  font-weight: bold; }

._16w5c43vUsaVtKLgG6tY73 {
  position: absolute;
  right: 50%; }

._3lG450A8WJGezF5HO9QUan {
  width: 100%;
  height: 100%;
  font-family: 'Neology Deco'; }

._2r3l17ItoQxq2sNCfugBra {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 40px;
  align-items: center;
  overflow-x: auto;
  position: absolute;
  top: 40px;
  left: 0;
  border-bottom: 1px solid #cfcfcf;
  justify-content: center;
  background: #ffffff; }
  ._2r3l17ItoQxq2sNCfugBra::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none; }
  .rtl ._2r3l17ItoQxq2sNCfugBra {
    flex-direction: row-reverse; }

._2lnmI4KhZvUlTKtm8r5iWQ {
  width: 160px;
  min-width: 160px;
  height: 37px;
  border-bottom: 3px solid #ffffff;
  color: #0085ca;
  font-size: 14px;
  font-weight: 300;
  justify-content: center;
  line-height: 16px;
  display: flex;
  align-items: center; }
  ._2lnmI4KhZvUlTKtm8r5iWQ.JHY0xfV4M3IMnPApIETAV {
    border-bottom: 3px solid #0085ca; }

.BeyTeBfDrE5JOFIK5Micm {
  background: #f5f5f5;
  padding: 12px 8px; }

._1fc8943XXNWcaCfvPSk39N {
  background: #ffffff;
  color: #333333;
  padding: 20px;
  border-radius: 4px;
  box-shadow: 0 0 3px 0 #bdb9b9; }

._3_TziKSTl6iNWdeOYb_oiV:not(:last-child) {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 20px; }

._3_TziKSTl6iNWdeOYb_oiV:not(:first-child) {
  margin-top: 20px; }

._2w2qZZ-TMzYsQimOrFSDMW {
  color: #b6b6b6;
  margin-top: 8px;
  font-size: 12px;
  text-align: center; }

._2DZ39BROmwtgf_OA0BOKaR {
  line-height: 20px;
  font-size: 16px;
  font-family: 'Neology Deco Bold';
  margin-bottom: 12px; }
  .rtl ._2DZ39BROmwtgf_OA0BOKaR {
    text-align: right; }

._38-4iOpSqZv0HttdRRFJn6 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 300; }
  .rtl ._38-4iOpSqZv0HttdRRFJn6 {
    text-align: right; }

.TePUWSynm_S6bqr-gG-Eh {
  display: block;
  margin: auto;
  margin-top: 12px;
  width: 100%;
  max-width: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center; }

._2I10ynIOMchvWXp6YiQkjS {
  background-image: url(draw_canvas_help_star.png);
  height: 130px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    ._2I10ynIOMchvWXp6YiQkjS {
      background-image: url(draw_canvas_help_star@2x.png); } }
  @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 350dpi), (min-resolution: 3dppx) {
    ._2I10ynIOMchvWXp6YiQkjS {
      background-image: url(draw_canvas_help_star@3x.png); } }

.mPsVFXQIduLO0jLwRbYZO {
  background-image: url(draw_canvas_help_color.png);
  height: 140px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    .mPsVFXQIduLO0jLwRbYZO {
      background-image: url(draw_canvas_help_color@2x.png); } }
  @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 350dpi), (min-resolution: 3dppx) {
    .mPsVFXQIduLO0jLwRbYZO {
      background-image: url(draw_canvas_help_color@3x.png); } }

.sOtpNCFbJF8UiMrIwM9c5 {
  background-image: url(draw_help_start_icon.png);
  height: 40px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    .sOtpNCFbJF8UiMrIwM9c5 {
      background-image: url(draw_help_start_icon@2x.png); } }
  @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 350dpi), (min-resolution: 3dppx) {
    .sOtpNCFbJF8UiMrIwM9c5 {
      background-image: url(draw_help_start_icon@3x.png); } }

._330t9aoKcABd_VsbmqbBrf {
  background-image: url(draw_canvas_help_undo.png);
  height: 24px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    ._330t9aoKcABd_VsbmqbBrf {
      background-image: url(draw_canvas_help_undo@2x.png); } }
  @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 350dpi), (min-resolution: 3dppx) {
    ._330t9aoKcABd_VsbmqbBrf {
      background-image: url(draw_canvas_help_undo@3x.png); } }

.i4Jw7ZFjJBDNEzA4Zlwij {
  height: 159px;
  background-image: url(block_canvas_help_build_program.png); }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    .i4Jw7ZFjJBDNEzA4Zlwij {
      background-image: url(block_canvas_help_build_program@2x.png); } }
  @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 350dpi), (min-resolution: 3dppx) {
    .i4Jw7ZFjJBDNEzA4Zlwij {
      background-image: url(block_canvas_help_build_program@3x.png); } }

@media (max-width: 767px) and (orientation: portrait) {
  .i4Jw7ZFjJBDNEzA4Zlwij {
    background-image: url(block_canvas_help_build_program_sm.png); } }

@media (max-width: 767px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), (max-width: 767px) and (orientation: portrait) and (min-resolution: 192dpi), (max-width: 767px) and (orientation: portrait) and (min-resolution: 2dppx) {
  .i4Jw7ZFjJBDNEzA4Zlwij {
    background-image: url(block_canvas_help_build_program_sm@2x.png); } }

@media (max-width: 767px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3), (max-width: 767px) and (orientation: portrait) and (min-resolution: 350dpi), (max-width: 767px) and (orientation: portrait) and (min-resolution: 3dppx) {
  .i4Jw7ZFjJBDNEzA4Zlwij {
    background-image: url(block_canvas_help_build_program_sm@3x.png); } }

._4XWuVAjkQE7D3joq6b_c2 {
  background-image: url(block_canvas_help_block_tools.png);
  height: 178px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    ._4XWuVAjkQE7D3joq6b_c2 {
      background-image: url(block_canvas_help_block_tools@2x.png); } }
  @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 350dpi), (min-resolution: 3dppx) {
    ._4XWuVAjkQE7D3joq6b_c2 {
      background-image: url(block_canvas_help_block_tools@3x.png); } }

._1TVjkVVFEyQghYGxy9DndQ {
  background-image: url(block_canvas_help_delete_blocks.png);
  height: 46px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    ._1TVjkVVFEyQghYGxy9DndQ {
      background-image: url(block_canvas_help_delete_blocks@2x.png); } }
  @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 350dpi), (min-resolution: 3dppx) {
    ._1TVjkVVFEyQghYGxy9DndQ {
      background-image: url(block_canvas_help_delete_blocks@3x.png); } }

@media (max-width: 767px) and (orientation: portrait) {
  ._1TVjkVVFEyQghYGxy9DndQ {
    background-image: url(block_canvas_help_delete_blocks_sm.png); } }

@media (max-width: 767px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), (max-width: 767px) and (orientation: portrait) and (min-resolution: 192dpi), (max-width: 767px) and (orientation: portrait) and (min-resolution: 2dppx) {
  ._1TVjkVVFEyQghYGxy9DndQ {
    background-image: url(block_canvas_help_delete_blocks_sm@2x.png); } }

@media (max-width: 767px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 3), (max-width: 767px) and (orientation: portrait) and (min-resolution: 350dpi), (max-width: 767px) and (orientation: portrait) and (min-resolution: 3dppx) {
  ._1TVjkVVFEyQghYGxy9DndQ {
    background-image: url(block_canvas_help_delete_blocks_sm@3x.png); } }

._3Ra-F_Knc6YpC4cq8_ZEBo {
  background-image: url(block_canvas_help_block_activities.png);
  height: 113px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    ._3Ra-F_Knc6YpC4cq8_ZEBo {
      background-image: url(block_canvas_help_block_activities@2x.png); } }
  @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 350dpi), (min-resolution: 3dppx) {
    ._3Ra-F_Knc6YpC4cq8_ZEBo {
      background-image: url(block_canvas_help_block_activities@3x.png); } }

._84F9WNnTEEvEJP5Rr9LV6 {
  background-image: url(block_canvas_help_undo_redo.png);
  height: 112px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    ._84F9WNnTEEvEJP5Rr9LV6 {
      background-image: url(block_canvas_help_undo_redo@2x.png); } }
  @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 350dpi), (min-resolution: 3dppx) {
    ._84F9WNnTEEvEJP5Rr9LV6 {
      background-image: url(block_canvas_help_undo_redo@3x.png); } }

._3yayLr99RYx30QKHparbLH {
  background-image: url(block_canvas_help_movements.png);
  height: 113px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    ._3yayLr99RYx30QKHparbLH {
      background-image: url(block_canvas_help_movements@2x.png); } }
  @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 350dpi), (min-resolution: 3dppx) {
    ._3yayLr99RYx30QKHparbLH {
      background-image: url(block_canvas_help_movements@3x.png); } }

._1JpViJEHhgTyfFgLNJXPwQ {
  background-image: url(block_canvas_help_lights.png);
  height: 113px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    ._1JpViJEHhgTyfFgLNJXPwQ {
      background-image: url(block_canvas_help_lights@2x.png); } }
  @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 350dpi), (min-resolution: 3dppx) {
    ._1JpViJEHhgTyfFgLNJXPwQ {
      background-image: url(block_canvas_help_lights@3x.png); } }

._2d_KtGOhMPETvoYVMZf_Nk {
  background-image: url(block_canvas_help_matrix.png);
  height: 113px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    ._2d_KtGOhMPETvoYVMZf_Nk {
      background-image: url(block_canvas_help_matrix@2x.png); } }
  @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 350dpi), (min-resolution: 3dppx) {
    ._2d_KtGOhMPETvoYVMZf_Nk {
      background-image: url(block_canvas_help_matrix@3x.png); } }

._3xYx2x8gXh0yPQ3Yo8RWdB {
  background-image: url(block_canvas_help_display.png);
  height: 113px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    ._3xYx2x8gXh0yPQ3Yo8RWdB {
      background-image: url(block_canvas_help_display@2x.png); } }
  @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 350dpi), (min-resolution: 3dppx) {
    ._3xYx2x8gXh0yPQ3Yo8RWdB {
      background-image: url(block_canvas_help_display@3x.png); } }

._3gK_1HwVFV19VIH9CDYJzh {
  background-image: url(block_canvas_help_sounds.png);
  height: 113px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    ._3gK_1HwVFV19VIH9CDYJzh {
      background-image: url(block_canvas_help_sounds@2x.png); } }
  @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 350dpi), (min-resolution: 3dppx) {
    ._3gK_1HwVFV19VIH9CDYJzh {
      background-image: url(block_canvas_help_sounds@3x.png); } }

.mlX9kTqqQZz0pUusIXFJT {
  background-image: url(block_canvas_help_controls.png);
  height: 113px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    .mlX9kTqqQZz0pUusIXFJT {
      background-image: url(block_canvas_help_controls@2x.png); } }
  @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 350dpi), (min-resolution: 3dppx) {
    .mlX9kTqqQZz0pUusIXFJT {
      background-image: url(block_canvas_help_controls@3x.png); } }

.QpC69T7vclfp_rQIyBXau {
  background-image: url(block_canvas_help_operators.png);
  height: 113px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    .QpC69T7vclfp_rQIyBXau {
      background-image: url(block_canvas_help_operators@2x.png); } }
  @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 350dpi), (min-resolution: 3dppx) {
    .QpC69T7vclfp_rQIyBXau {
      background-image: url(block_canvas_help_operators@3x.png); } }

._2AZ8WTrKYgRr_gI51XZy3 {
  background-image: url(block_canvas_help_comparators.png);
  height: 113px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    ._2AZ8WTrKYgRr_gI51XZy3 {
      background-image: url(block_canvas_help_comparators@2x.png); } }
  @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 350dpi), (min-resolution: 3dppx) {
    ._2AZ8WTrKYgRr_gI51XZy3 {
      background-image: url(block_canvas_help_comparators@3x.png); } }

._2Wq-7UbLUFu7IhOAeXZGa4 {
  background-image: url(block_canvas_help_sensors.png);
  height: 113px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    ._2Wq-7UbLUFu7IhOAeXZGa4 {
      background-image: url(block_canvas_help_sensors@2x.png); } }
  @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 350dpi), (min-resolution: 3dppx) {
    ._2Wq-7UbLUFu7IhOAeXZGa4 {
      background-image: url(block_canvas_help_sensors@3x.png); } }

._3K_qOMI_qD4sxScKiMmrWD {
  background-image: url(block_canvas_help_events.png);
  height: 113px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    ._3K_qOMI_qD4sxScKiMmrWD {
      background-image: url(block_canvas_help_events@2x.png); } }
  @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 350dpi), (min-resolution: 3dppx) {
    ._3K_qOMI_qD4sxScKiMmrWD {
      background-image: url(block_canvas_help_events@3x.png); } }

._24MLda5JwyJe8BZRJSbKE7 {
  background-image: url(block_canvas_help_communication.png);
  height: 113px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    ._24MLda5JwyJe8BZRJSbKE7 {
      background-image: url(block_canvas_help_communication@2x.png); } }
  @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 350dpi), (min-resolution: 3dppx) {
    ._24MLda5JwyJe8BZRJSbKE7 {
      background-image: url(block_canvas_help_communication@3x.png); } }

._30zjx1gc0uDo3Srj8uJQ9b {
  background-image: url(block_canvas_help_variables.png);
  height: 113px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    ._30zjx1gc0uDo3Srj8uJQ9b {
      background-image: url(block_canvas_help_variables@2x.png); } }
  @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 350dpi), (min-resolution: 3dppx) {
    ._30zjx1gc0uDo3Srj8uJQ9b {
      background-image: url(block_canvas_help_variables@3x.png); } }

._2GIsHyTGfNoQqkeX3oTZj0 {
  background-image: url(block_canvas_help_functions.png);
  height: 113px; }
  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) {
    ._2GIsHyTGfNoQqkeX3oTZj0 {
      background-image: url(block_canvas_help_functions@2x.png); } }
  @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 350dpi), (min-resolution: 3dppx) {
    ._2GIsHyTGfNoQqkeX3oTZj0 {
      background-image: url(block_canvas_help_functions@3x.png); } }

._2Cj8Klx_-HIOQhhtnnF_s1 > img {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -webkit-touch-callout: none; }

.LDWJWClAh10M1y3v0GctD {
  width: 100%;
  height: 100%;
  background: transparent;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 98; }

._72bFxPx150BbofiXxNomA {
  left: auto;
  right: -100%;
  margin: 0;
  height: 100%;
  width: 50%;
  transition: all 0.25s ease-in-out;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.3);
  position: absolute;
  cursor: default; }
  @media (max-width: 899px) {
    ._72bFxPx150BbofiXxNomA {
      width: 100%; } }
  ._72bFxPx150BbofiXxNomA.mMqqHaiCR7rd2Sp39B4DA {
    right: 0; }
    .rtl ._72bFxPx150BbofiXxNomA.mMqqHaiCR7rd2Sp39B4DA {
      right: auto;
      left: 0; }
  .rtl ._72bFxPx150BbofiXxNomA {
    right: auto;
    left: -100%; }

._1-GwH_jww0tp9ivcG_5pPW {
  width: 100%;
  height: 40px;
  background: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center; }

._2Cj8Klx_-HIOQhhtnnF_s1 {
  width: 48px;
  height: 40px;
  position: absolute;
  left: 0px;
  top: 0px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .rtl ._2Cj8Klx_-HIOQhhtnnF_s1 {
    left: auto;
    right: 0px; }

._1HX5kgvwDDpMMjhREIPgKZ {
  height: 21px;
  color: #00b2e3;
  font-family: 'Montserrat';
  font-size: 18px;
  line-height: 21px;
  font-weight: bold; }

._3b6ZLjoWnzyHp6RwhVnMcF {
  height: calc(100% - 40px);
  overflow-y: auto; }
  ._3b6ZLjoWnzyHp6RwhVnMcF::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important; }

._3Xtc4kNXEMLzN_AVOv8pty > img, ._3l1lhzlbWP4YeZFweDCrTM img {
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -webkit-user-drag: none;
  -webkit-touch-callout: none; }

._3Xtc4kNXEMLzN_AVOv8pty {
  width: 48px;
  height: 40px;
  position: absolute;
  right: 0px;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center; }
  .rtl ._3Xtc4kNXEMLzN_AVOv8pty {
    right: auto;
    left: 4px; }

.KnPK20ea1SrFQ6FPO3w-3 {
  width: 100%;
  height: calc(100% - 64px); }

#show-code-content-container {
  width: 100%;
  height: 100%; }

._1sIpHdG9-MwUfEQc1mK3km {
  width: 100%;
  height: 62px;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #DDDDDD;
  background-color: white; }

._3l1lhzlbWP4YeZFweDCrTM {
  width: 284px;
  height: 44px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
  font-family: "Neology Deco"; }
  .rtl ._3l1lhzlbWP4YeZFweDCrTM {
    flex-direction: row-reverse; }

._1yjqI-nLB9mlshGBr2AXWx {
  margin-right: 8px;
  width: 24px;
  height: 24px; }

/* BASICS */
.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
  direction: ltr; }

/* PADDING */
.CodeMirror-lines {
  padding: 4px 0;
  /* Vertical padding around content */ }

.CodeMirror pre {
  padding: 0 4px;
  /* Horizontal padding of content */ }

.CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  background-color: white;
  /* The little square between H and V scrollbars */ }

/* GUTTER */
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap; }

.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap; }

.CodeMirror-guttermarker {
  color: black; }

.CodeMirror-guttermarker-subtle {
  color: #999; }

/* CURSOR */
.CodeMirror-cursor {
  border-left: 1px solid black;
  border-right: none;
  width: 0; }

/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver; }

.cm-fat-cursor .CodeMirror-cursor {
  width: auto;
  border: 0 !important;
  background: #7e7; }

.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1; }

.cm-fat-cursor-mark {
  background-color: rgba(20, 255, 20, 0.5);
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite; }

.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  -moz-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7; }

@-moz-keyframes blink {
  0% { }
  50% {
    background-color: transparent; }
  100% { } }

@-webkit-keyframes blink {
  0% { }
  50% {
    background-color: transparent; }
  100% { } }

@keyframes blink {
  0% { }
  50% {
    background-color: transparent; }
  100% { } }

/* Can style cursor different in overwrite (non-insert) mode */
.cm-tab {
  display: inline-block;
  text-decoration: inherit; }

.CodeMirror-rulers {
  position: absolute;
  left: 0;
  right: 0;
  top: -50px;
  bottom: -20px;
  overflow: hidden; }

.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  top: 0;
  bottom: 0;
  position: absolute; }

/* DEFAULT THEME */
.cm-s-default .cm-header {
  color: blue; }

.cm-s-default .cm-quote {
  color: #090; }

.cm-negative {
  color: #d44; }

.cm-positive {
  color: #292; }

.cm-header, .cm-strong {
  font-weight: bold; }

.cm-em {
  font-style: italic; }

.cm-link {
  text-decoration: underline; }

.cm-strikethrough {
  text-decoration: line-through; }

.cm-s-default .cm-keyword {
  color: #708; }

.cm-s-default .cm-atom {
  color: #219; }

.cm-s-default .cm-number {
  color: #164; }

.cm-s-default .cm-def {
  color: #00f; }

.cm-s-default .cm-variable-2 {
  color: #05a; }

.cm-s-default .cm-variable-3, .cm-s-default .cm-type {
  color: #085; }

.cm-s-default .cm-comment {
  color: #a50; }

.cm-s-default .cm-string {
  color: #a11; }

.cm-s-default .cm-string-2 {
  color: #f50; }

.cm-s-default .cm-meta {
  color: #555; }

.cm-s-default .cm-qualifier {
  color: #555; }

.cm-s-default .cm-builtin {
  color: #30a; }

.cm-s-default .cm-bracket {
  color: #997; }

.cm-s-default .cm-tag {
  color: #170; }

.cm-s-default .cm-attribute {
  color: #00c; }

.cm-s-default .cm-hr {
  color: #999; }

.cm-s-default .cm-link {
  color: #00c; }

.cm-s-default .cm-error {
  color: #f00; }

.cm-invalidchar {
  color: #f00; }

.CodeMirror-composing {
  border-bottom: 2px solid; }

/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0b0; }

div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #a22; }

.CodeMirror-matchingtag {
  background: rgba(255, 150, 0, 0.3); }

.CodeMirror-activeline-background {
  background: #e8f2ff; }

/* STOP */
/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */
.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white; }

.CodeMirror-scroll {
  overflow: scroll !important;
  /* Things will break if this is overridden */
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px;
  margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: none;
  /* Prevent dragging from highlighting the element */
  position: relative; }

.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent; }

/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actual scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar, .CodeMirror-hscrollbar, .CodeMirror-scrollbar-filler, .CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none; }

.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll; }

.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll; }

.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0; }

.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0; }

.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  min-height: 100%;
  z-index: 3; }

.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: -30px; }

.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important; }

.CodeMirror-gutter-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4; }

.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4; }

.CodeMirror-gutter-wrapper ::selection {
  background-color: transparent; }

.CodeMirror-gutter-wrapper ::-moz-selection {
  background-color: transparent; }

.CodeMirror-lines {
  cursor: text;
  min-height: 1px;
  /* prevents collapsing before first draw */ }

.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-variant-ligatures: contextual;
  font-variant-ligatures: contextual; }

.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal; }

.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0; }

.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  padding: 0.1px;
  /* Force widget margins to stay inside of the container */ }

.CodeMirror-rtl pre {
  direction: rtl; }

.CodeMirror-code {
  outline: none; }

/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  -moz-box-sizing: content-box;
  box-sizing: content-box; }

.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden; }

.CodeMirror-cursor {
  position: absolute;
  pointer-events: none; }

.CodeMirror-measure pre {
  position: static; }

div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3; }

div.CodeMirror-dragcursors {
  visibility: visible; }

.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible; }

.CodeMirror-selected {
  background: #d9d9d9; }

.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0; }

.CodeMirror-crosshair {
  cursor: crosshair; }

.CodeMirror-line::selection, .CodeMirror-line > span::selection, .CodeMirror-line > span > span::selection {
  background: #d7d4f0; }

.CodeMirror-line::-moz-selection, .CodeMirror-line > span::-moz-selection, .CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0; }

.cm-searching {
  background-color: #ffa;
  background-color: rgba(255, 255, 0, 0.4); }

/* Used to force a border model for a node */
.cm-force-border {
  padding-right: .1px; }

@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden; } }

/* See issue #2901 */
.cm-tab-wrap-hack:after {
  content: ''; }

/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext {
  background: none; }

.CodeMirror-hints {
  position: absolute;
  z-index: 10;
  overflow: hidden;
  list-style: none;
  margin: 0;
  padding: 2px;
  -webkit-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 3px 5px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  border: 1px solid silver;
  background: white;
  font-size: 90%;
  font-family: monospace;
  max-height: 20em;
  overflow-y: auto; }

.CodeMirror-hint {
  margin: 0;
  padding: 0 4px;
  border-radius: 2px;
  white-space: pre;
  color: black;
  cursor: pointer; }

li.CodeMirror-hint-active {
  background: #08f;
  color: white; }

.CodeMirror-lineerror {
  display: flex;
  color: white;
  margin: 0 4px 0 4px;
  background: #DA7770;
  border-radius: 5px;
  padding: 5px 5px 5px 0; }

.CodeMirror-lineerror-icon {
  display: flex;
  justify-content: center; }

.CodeMirror-lineerror-caret {
  margin: 0 0 -25px 0; }

.CodeMirror-lineerror-message {
  display: inline-block; }

.cm-s-sprk span.cm-def {
  color: #000000; }

.cm-s-sprk span.cm-keyword {
  color: #7070c9; }

.cm-s-sprk span.cm-builtin {
  color: #0085ca; }

.cm-s-sprk span.cm-property {
  color: #0085ca; }

.cm-s-sprk span.cm-variable {
  color: #000000; }

.cm-s-sprk span.cm-variable-2 {
  color: #015b7e; }

.cm-s-sprk span.cm-variable-3 {
  color: #015b7e; }

.cm-s-sprk span.cm-atom {
  color: #00a88b; }

.cm-s-sprk span.cm-number {
  color: #cc9800; }

.cm-s-sprk span.cm-comment {
  color: #b6b6b6; }

.cm-s-sprk span.cm-string {
  color: #e06760; }

.cm-s-sprk span.cm-string-2 {
  color: #e06760; }

.cm-s-sprk span.cm-namespace {
  color: #015b7e; }

.CodeMirror {
  width: 100%;
  height: 100%;
  font-size: 1em;
  font-family: "Courier", monospace;
  color: #333333; }

.unsupported-robot-command {
  opacity: 0.5;
  font-style: italic; }

/* Fixes "Select All" not working on iOS:
 * https://github.com/codemirror/CodeMirror/issues/5073
 */
.CodeMirror-gutter-wrapper {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.CodeMirror-hints {
  padding: 0px;
  border-radius: 3px;
  border: 1px solid gainsboro;
  background: #fafafa;
  font-size: 90%;
  font-family: monospace;
  max-height: 13.5em;
  overflow-y: auto; }

.CodeMirror-hint {
  margin: 0;
  padding: 10px 10px 10px 10px;
  border-radius: 2px;
  color: #333333;
  cursor: pointer;
  background: #fafafa;
  list-style-position: inside;
  border-bottom: 1px solid gainsboro; }

li.CodeMirror-hint-active {
  background: #fafafa;
  color: #333333; }

li.CodeMirror-hint-active {
  background: #0085ca;
  color: white; }

.Bi6YmRd3oE22P65qn2J22 {
  display: flex;
  height: 42px;
  width: 100%;
  justify-content: space-around;
  font-family: 'Montserrat';
  background-color: #ffffff; }

._3vpXvDh1S61YpJxsOatGaN {
  border: none;
  color: #00b2e3;
  background-color: transparent;
  font-size: 14px;
  width: 30%;
  font-family: 'Montserrat'; }
  ._3vpXvDh1S61YpJxsOatGaN._1-RyafrGSuE67MhlJ-Pf20 {
    border-bottom: 1px solid #0085ca; }

._3QwAr67srl2H-qQtNMYPkR {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 90vh;
  overflow-y: scroll;
  padding: 16px 0 6px;
  background-color: #ffffff; }

._14o4io03zybDgSQXGAvnX1 {
  display: grid;
  grid-template-columns: 1fr 1fr 2fr 2fr;
  grid-template-rows: max-content;
  padding-top: 10px;
  text-align: center;
  grid-row-gap: 12px; }
  ._14o4io03zybDgSQXGAvnX1.F6eZQ0W0etzFKfTnw1r7F {
    direction: rtl; }

._3cG0M2Zx2YJqbtkJD4rix3 {
  font-family: 'Montserrat';
  font-size: 20px;
  font-weight: bold;
  color: #00b2e3;
  margin-top: 14px; }
  @media only screen and (max-width: 768px) {
    ._3cG0M2Zx2YJqbtkJD4rix3 {
      font-size: 16px; } }
  @media only screen and (width: 375px) {
    ._3cG0M2Zx2YJqbtkJD4rix3 {
      font-size: 12px; } }

._3BTvtRA7x1FKqpVOFtp_-S {
  height: 64px;
  width: 64px;
  justify-self: center; }
  @media only screen and (max-width: 768px) {
    ._3BTvtRA7x1FKqpVOFtp_-S {
      height: 42px;
      width: 42px; } }
  @media only screen and (width: 375px) {
    ._3BTvtRA7x1FKqpVOFtp_-S {
      height: 42px;
      width: 42px; } }

._3QqBeN6UBmU_OjeaGiYuKt {
  height: 64px;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  align-items: center;
  justify-content: center; }

._3t1EEsRUTGxbc9ePWCoC1Q {
  font-family: 'Montserrat';
  font-size: 14px;
  margin: 0; }

.accordian {
  border: none;
  font-family: 'Montserrat';
  font-weight: bold;
  background-color: transparent;
  color: #333333;
  font-size: 20px;
  cursor: pointer;
  padding: 10px;
  width: 100%;
  text-align: left;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
  transition: 0.4s; }
  .accordian.open {
    background-color: #edeeef;
    color: #e34e46; }
  .accordian:hover {
    background-color: #edeeef; }
  .accordian.rtl {
    text-align: right; }

.accordian-panel {
  padding: 0 18px;
  background-color: white;
  display: none;
  overflow: hidden; }
  .accordian-panel.open {
    display: block; }

@font-face {
  font-family: 'Neology Deco';
  src: url(9194cb0d744fb799e0ca1aaeb8c2cd2f.otf) format("opentype"); }

@font-face {
  font-family: 'Neology Deco Bold';
  font-weight: bold;
  src: url(bab00c0da838bdeb18088a0a283c17af.otf) format("opentype"); }

@font-face {
  font-family: 'Neology Deco Light';
  src: url(fc3c220f2e6e43679a6f632995cdd4b5.otf) format("opentype"); }

@font-face {
  font-family: 'Neology Deco Medium';
  src: url(cc649438098458fe75958cb904f60e9c.otf) format("opentype"); }

@font-face {
  font-family: 'Montserrat';
  src: url(e6cb49ef6502d09136c7302d56f4197b.ttf) format("truetype"); }

html, body, .fill {
  height: 100%;
  width: 100%;
  margin: 0;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.light-font-loader {
  color: transparent;
  font-family: "Neology Deco Light"; }