/*
 * Sidebar
 */

.sidebar {
  background-color: var(--sidebar-background);
  border-radius: var(--application-border-radius);
  padding: 0em 1.2em 2em 1em;
  height: 100%;
  font-size: 0.9em;
  overflow-y: auto;
  border-top: 5px solid var(--sidebar-background);
  border-bottom: 15px solid var(--sidebar-background);
  zoom:0.9;
}

.sidebar .category {
  border-radius: 1.2em 1.2em 1.2em 1.2em;
  color: white;

  font-weight: 700;
  padding: 0.55em;
  padding-right: 4em;
}

.sidebar .category .icon {
  margin-right: 0.7em;
  width: 1.4em;
  display: inline-block;
}

.sidebar .category-selected {
  background-color: var(--sidebar-item-background);
  box-shadow: 0 4px 10px rgba(0, 0, 0, .03) !important;
}

.sidebar .menu {
  color: white;
  cursor: pointer;     /* Hand pointer (like for links) */

  border-radius: 0 0.9em 0.9em 0.9em;

  padding-right: 0.5em;
  padding-left: 0.7em;
  padding-top: 0.35em;
  padding-bottom: 0.45em;
  margin-left: 2.2em;

  display: block;
  text-decoration: none;
}

.sidebar .menu-disabled {
  color: #999;
  cursor: not-allowed;     /* Hand pointer (like for links) */

  border-radius: 0 0.9em 0.9em 0.9em;

  padding-right: 0.5em;
  padding-left: 0.7em;
  padding-top: 0.35em;
  padding-bottom: 0.45em;
  margin-left: 2.2em;

  display: block;
  text-decoration: none;
  pointer-events: none;
}

.sidebar .menu:hover {
  background-color: var(--sidebar-item-background);
  box-shadow: 0 4px 10px rgba(0, 0, 0, .03) !important;
}

.sidebar .menu-selected {
  background-color: var(--sidebar-item-background);
  box-shadow: 0 4px 10px rgba(0, 0, 0, .03) !important;
}

.sidebar .menu .icon {
  margin-right: 0.7em;
  width: 1.4em;
  display: inline-block;
}


.icon-design {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath fill='none' stroke='%23000000' stroke-width='1.632' stroke-miterlimit='10' d='M13.7,21.4l-3.2-3.2L23.2,5.7c0.9-0.9,2.3-0.9,3.2,0 l0,0c0.9,0.9,0.9,2.3,0,3.2L13.7,21.4z'%3E%3C/path%3E%3Cpath fill='none' stroke='%23000000' stroke-width='1.632' stroke-miterlimit='10' d='M12.1,24.1c1.2-1.2,1.2-3.1,0-4.2s-3.1-1.2-4.2,0 S7.1,23.8,5,27C8.6,27,10.9,25.3,12.1,24.1z'%3E%3C/path%3E%3Cline fill='none' stroke='%23000000' stroke-width='1.632' stroke-miterlimit='10' x1='13.5' y1='15.4' x2='16.6' y2='18.5'%3E%3C/line%3E%3C/g%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  background-color: currentColor;
  width: 1.4em;
  height: 1.4em;
  display: inline-block;

  position: relative;
  top: 0.3em;
}

.icon-playground {
  mask-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23000000%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cpath%20d%3D%22M471.685%2C351.476v-15.677c0-31.701-21.561-58.872-52.432-66.075l-146.248-34.126l5.19-6.76%20c5.64-7.346%2C4.258-17.872-3.088-23.513c-7.347-5.64-17.872-4.258-23.513%2C3.088l-32.293%2C42.056%20c-5.64%2C7.346-4.258%2C17.872%2C3.088%2C23.513c7.342%2C5.639%2C17.871%2C4.259%2C23.513-3.088l5.029-6.55v23.512h-71.905l-19.883-36.633V73.464%20c0-9.261-7.508-16.769-16.769-16.769c-9.261%2C0-16.769%2C7.508-16.769%2C16.769v131.779c-2.729-0.238-5.547%2C0.176-8.214%2C1.354%20l-41.15%2C18.183c-21.825%2C9.644-35.928%2C31.294-35.928%2C55.154v71.542C17.217%2C357.044%2C0%2C377.869%2C0%2C402.653%20c0%2C29.032%2C23.619%2C52.651%2C52.651%2C52.651h406.697c29.033%2C0%2C52.652-23.619%2C52.652-52.651%20C512%2C377.869%2C494.783%2C357.044%2C471.685%2C351.476z%20M73.852%2C279.933c0-10.59%2C6.259-20.197%2C15.946-24.478l27.009-11.934%20c3.955%2C7.286%2C33.562%2C61.832%2C37.506%2C69.1c2.933%2C5.404%2C8.589%2C8.77%2C14.737%2C8.77h98.652c9.261%2C0%2C16.769-7.508%2C16.769-16.769V272.71%20l127.163%2C29.672c15.612%2C3.643%2C26.516%2C17.385%2C26.516%2C33.416v14.204H73.852V279.933z%20M459.348%2C421.767H52.651%20c-10.54%2C0-19.114-8.574-19.114-19.114c0-10.54%2C8.574-19.115%2C19.114-19.115c5.266%2C0%2C403.424%2C0%2C406.697%2C0%20c10.54%2C0%2C19.115%2C8.575%2C19.115%2C19.115S469.887%2C421.767%2C459.348%2C421.767z%22%3E%3C%2Fpath%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%3C%2Fsvg%3E");
  mask-repeat: no-repeat;
  background-color: currentColor;
  width: 1.4em;
  height: 1.4em;
  display: inline-block;

  position: relative;
  top: 0.3em;
}

.icon-settings {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' x='0px' y='0px' viewBox='0 0 32 32'%3E%3Cpath d='M 13.1875 3 L 13.03125 3.8125 L 12.4375 6.78125 C 11.484375 7.15625 10.625 7.683594 9.84375 8.3125 L 6.9375 7.3125 L 6.15625 7.0625 L 5.75 7.78125 L 3.75 11.21875 L 3.34375 11.9375 L 3.9375 12.46875 L 6.1875 14.4375 C 6.105469 14.949219 6 15.460938 6 16 C 6 16.539063 6.105469 17.050781 6.1875 17.5625 L 3.9375 19.53125 L 3.34375 20.0625 L 3.75 20.78125 L 5.75 24.21875 L 6.15625 24.9375 L 6.9375 24.6875 L 9.84375 23.6875 C 10.625 24.316406 11.484375 24.84375 12.4375 25.21875 L 13.03125 28.1875 L 13.1875 29 L 18.8125 29 L 18.96875 28.1875 L 19.5625 25.21875 C 20.515625 24.84375 21.375 24.316406 22.15625 23.6875 L 25.0625 24.6875 L 25.84375 24.9375 L 26.25 24.21875 L 28.25 20.78125 L 28.65625 20.0625 L 28.0625 19.53125 L 25.8125 17.5625 C 25.894531 17.050781 26 16.539063 26 16 C 26 15.460938 25.894531 14.949219 25.8125 14.4375 L 28.0625 12.46875 L 28.65625 11.9375 L 28.25 11.21875 L 26.25 7.78125 L 25.84375 7.0625 L 25.0625 7.3125 L 22.15625 8.3125 C 21.375 7.683594 20.515625 7.15625 19.5625 6.78125 L 18.96875 3.8125 L 18.8125 3 Z M 14.8125 5 L 17.1875 5 L 17.6875 7.59375 L 17.8125 8.1875 L 18.375 8.375 C 19.511719 8.730469 20.542969 9.332031 21.40625 10.125 L 21.84375 10.53125 L 22.40625 10.34375 L 24.9375 9.46875 L 26.125 11.5 L 24.125 13.28125 L 23.65625 13.65625 L 23.8125 14.25 C 23.941406 14.820313 24 15.402344 24 16 C 24 16.597656 23.941406 17.179688 23.8125 17.75 L 23.6875 18.34375 L 24.125 18.71875 L 26.125 20.5 L 24.9375 22.53125 L 22.40625 21.65625 L 21.84375 21.46875 L 21.40625 21.875 C 20.542969 22.667969 19.511719 23.269531 18.375 23.625 L 17.8125 23.8125 L 17.6875 24.40625 L 17.1875 27 L 14.8125 27 L 14.3125 24.40625 L 14.1875 23.8125 L 13.625 23.625 C 12.488281 23.269531 11.457031 22.667969 10.59375 21.875 L 10.15625 21.46875 L 9.59375 21.65625 L 7.0625 22.53125 L 5.875 20.5 L 7.875 18.71875 L 8.34375 18.34375 L 8.1875 17.75 C 8.058594 17.179688 8 16.597656 8 16 C 8 15.402344 8.058594 14.820313 8.1875 14.25 L 8.34375 13.65625 L 7.875 13.28125 L 5.875 11.5 L 7.0625 9.46875 L 9.59375 10.34375 L 10.15625 10.53125 L 10.59375 10.125 C 11.457031 9.332031 12.488281 8.730469 13.625 8.375 L 14.1875 8.1875 L 14.3125 7.59375 Z M 16 11 C 13.25 11 11 13.25 11 16 C 11 18.75 13.25 21 16 21 C 18.75 21 21 18.75 21 16 C 21 13.25 18.75 11 16 11 Z M 16 13 C 17.667969 13 19 14.332031 19 16 C 19 17.667969 17.667969 19 16 19 C 14.332031 19 13 17.667969 13 16 C 13 14.332031 14.332031 13 16 13 Z'%3E%3C/path%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  background-color: currentColor;
  width: 1.4em;
  height: 1.4em;
  display: inline-block;

  position: relative;
  top: 0.3em;
}


.icon-content {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='scale(0.8)' fill='%23494c4e' fill-rule='evenodd'%3E%3Cpath d='M8 9H5a1 1 0 1 1 0-2h3a1 1 0 1 1 0 2zm0 4H5a1 1 0 0 1 0-2h3a1 1 0 1 1 0 2zm0 4H5a1 1 0 0 1 0-2h3a1 1 0 0 1 0 2zm8-8h3a1 1 0 0 0 0-2h-3a1 1 0 0 0 0 2zm0 4h3a1 1 0 0 0 0-2h-3a1 1 0 0 0 0 2zm0 4h3a1 1 0 0 0 0-2h-3a1 1 0 0 0 0 2z'/%3E%3Cpath d='M22 2h-9c-.351 0-.696.093-1 .27A1.994 1.994 0 0 0 11 2H2a2.006 2.006 0 0 0-2 2v16a2.006 2.006 0 0 0 2 2h9c.34.003.676-.087.97-.26a.05.05 0 0 1 .06 0c.294.173.63.263.97.26h9a2.006 2.006 0 0 0 2-2V4a2.006 2.006 0 0 0-2-2zM10.5 20h-8a.5.5 0 0 1-.5-.5v-15a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v15a.5.5 0 0 1-.5.5zm11.5-.5a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-15a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v15z'/%3E%3C/g%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  background-color: currentColor;
  width: 1.4em;
  height: 1.4em;
  display: inline-block;

  position: relative;
  top: 0.3em;
}



.icon-whatsapp {
  mask-image: url('data:image/svg+xml,<svg viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" fill="%23000000"><g id="SVGRepo_bgCarrier" stroke-width="0"></g><g id="SVGRepo_tracerCarrier" stroke-linecap="round" stroke-linejoin="round"></g><g id="SVGRepo_iconCarrier"><title>whatsapp [%23128]</title><desc>Created with Sketch.</desc><defs></defs><g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g id="Dribbble-Light-Preview" transform="translate(-300.000000, -7599.000000)" fill="%23000000"><g id="icons" transform="translate(56.000000, 160.000000)"><path d="M259.821,7453.12124 C259.58,7453.80344 258.622,7454.36761 257.858,7454.53266 C257.335,7454.64369 256.653,7454.73172 254.355,7453.77943 C251.774,7452.71011 248.19,7448.90097 248.19,7446.36621 C248.19,7445.07582 248.934,7443.57337 250.235,7443.57337 C250.861,7443.57337 250.999,7443.58538 251.205,7444.07952 C251.446,7444.6617 252.034,7446.09613 252.104,7446.24317 C252.393,7446.84635 251.81,7447.19946 251.387,7447.72462 C251.252,7447.88266 251.099,7448.05372 251.27,7448.3478 C251.44,7448.63589 252.028,7449.59418 252.892,7450.36341 C254.008,7451.35771 254.913,7451.6748 255.237,7451.80984 C255.478,7451.90987 255.766,7451.88687 255.942,7451.69881 C256.165,7451.45774 256.442,7451.05762 256.724,7450.6635 C256.923,7450.38141 257.176,7450.3464 257.441,7450.44643 C257.62,7450.50845 259.895,7451.56477 259.991,7451.73382 C260.062,7451.85686 260.062,7452.43903 259.821,7453.12124 M254.002,7439 L253.997,7439 L253.997,7439 C248.484,7439 244,7443.48535 244,7449 C244,7451.18666 244.705,7453.21526 245.904,7454.86076 L244.658,7458.57687 L248.501,7457.3485 C250.082,7458.39482 251.969,7459 254.002,7459 C259.515,7459 264,7454.51465 264,7449 C264,7443.48535 259.515,7439 254.002,7439" id="whatsapp-[%23128]"></path></g></g></g></g></svg>');
  mask-repeat: no-repeat;
  background-color: currentColor;
  width: 1.4em;
  height: 1.4em;
  display: inline-block;

  position: relative;
  top: 0.3em;
}

.icon-ai {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' data-name='025_SCIENCE' id='_025_SCIENCE' xmlns='http://www.w3.org/2000/svg' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23333;%7D%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M16,13H8a3,3,0,0,1-3-3V6A3,3,0,0,1,8,3h8a3,3,0,0,1,3,3v4A3,3,0,0,1,16,13ZM8,5A1,1,0,0,0,7,6v4a1,1,0,0,0,1,1h8a1,1,0,0,0,1-1V6a1,1,0,0,0-1-1Z'%3E%3C/path%3E%3Cpath class='cls-1' d='M10,9a1.05,1.05,0,0,1-.71-.29A1,1,0,0,1,10.19,7a.6.6,0,0,1,.19.06.56.56,0,0,1,.17.09l.16.12A1,1,0,0,1,10,9Z'%3E%3C/path%3E%3Cpath class='cls-1' d='M14,9a1,1,0,0,1-.71-1.71,1,1,0,0,1,1.42,1.42,1,1,0,0,1-.16.12.56.56,0,0,1-.17.09.6.6,0,0,1-.19.06Z'%3E%3C/path%3E%3Cpath class='cls-1' d='M12,4a1,1,0,0,1-1-1V2a1,1,0,0,1,2,0V3A1,1,0,0,1,12,4Z'%3E%3C/path%3E%3Cpath class='cls-1' d='M9,22a1,1,0,0,1-1-1V18a1,1,0,0,1,2,0v3A1,1,0,0,1,9,22Z'%3E%3C/path%3E%3Cpath class='cls-1' d='M15,22a1,1,0,0,1-1-1V18a1,1,0,0,1,2,0v3A1,1,0,0,1,15,22Z'%3E%3C/path%3E%3Cpath class='cls-1' d='M15,19H9a1,1,0,0,1-1-1V12a1,1,0,0,1,1-1h6a1,1,0,0,1,1,1v6A1,1,0,0,1,15,19Zm-5-2h4V13H10Z'%3E%3C/path%3E%3Cpath class='cls-1' d='M5,17a1,1,0,0,1-.89-.55,1,1,0,0,1,.44-1.34l4-2a1,1,0,1,1,.9,1.78l-4,2A.93.93,0,0,1,5,17Z'%3E%3C/path%3E%3Cpath class='cls-1' d='M19,17a.93.93,0,0,1-.45-.11l-4-2a1,1,0,1,1,.9-1.78l4,2a1,1,0,0,1,.44,1.34A1,1,0,0,1,19,17Z'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  background-color: currentColor;
  width: 1.4em;
  height: 1.4em;
  display: inline-block;

  position: relative;
  top: 0.3em;
}

.icon-chat {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E %3Cpath d='M7 10C7 9.45 7.44612 9 7.99749 9C8.54887 9 9 9.45 9 10C9 10.55 8.54887 11 7.99749 11C7.44612 11 7 10.55 7 10Z' fill='%23000000'%3E%3C/path%3E %3Cpath d='M11.9975 9C11.4461 9 11 9.45 11 10C11 10.55 11.4461 11 11.9975 11C12.5489 11 13 10.55 13 10C13 9.45 12.5489 9 11.9975 9Z' fill='%23000000'%3E%3C/path%3E %3Cpath d='M15 10C15 9.45 15.4461 9 15.9975 9C16.5489 9 17 9.45 17 10C17 10.55 16.5489 11 15.9975 11C15.4461 11 15 10.55 15 10Z' fill='%23000000'%3E%3C/path%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.2 3H4.8C3.81 3 3 3.81 3 4.8V21L6.6 17.4H19.2C20.19 17.4 21 16.59 21 15.6V4.8C21 3.81 20.19 3 19.2 3ZM19.2 15.6H6.6L4.8 17.4V4.8H19.2V15.6Z' fill='%23000000'%3E%3C/path%3E %3C/g%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  background-color: currentColor;
  width: 1.4em;
  height: 1.4em;
  display: inline-block;

  position: relative;
  top: 0.3em;
}

.icon-apis {
  mask-image: url("data:image/svg+xml,%3Csvg fill='%23000000' viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg' class='icon'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E %3Cpath d='M917.7 148.8l-42.4-42.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-76.1 76.1a199.27 199.27 0 0 0-112.1-34.3c-51.2 0-102.4 19.5-141.5 58.6L432.3 308.7a8.03 8.03 0 0 0 0 11.3L704 591.7c1.6 1.6 3.6 2.3 5.7 2.3 2 0 4.1-.8 5.7-2.3l101.9-101.9c68.9-69 77-175.7 24.3-253.5l76.1-76.1c3.1-3.2 3.1-8.3 0-11.4zM769.1 441.7l-59.4 59.4-186.8-186.8 59.4-59.4c24.9-24.9 58.1-38.7 93.4-38.7 35.3 0 68.4 13.7 93.4 38.7 24.9 24.9 38.7 58.1 38.7 93.4 0 35.3-13.8 68.4-38.7 93.4zm-190.2 105a8.03 8.03 0 0 0-11.3 0L501 613.3 410.7 523l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3L441 408.6a8.03 8.03 0 0 0-11.3 0L363 475.3l-43-43a7.85 7.85 0 0 0-5.7-2.3c-2 0-4.1.8-5.7 2.3L206.8 534.2c-68.9 69-77 175.7-24.3 253.5l-76.1 76.1a8.03 8.03 0 0 0 0 11.3l42.4 42.4c1.6 1.6 3.6 2.3 5.7 2.3s4.1-.8 5.7-2.3l76.1-76.1c33.7 22.9 72.9 34.3 112.1 34.3 51.2 0 102.4-19.5 141.5-58.6l101.9-101.9c3.1-3.1 3.1-8.2 0-11.3l-43-43 66.7-66.7c3.1-3.1 3.1-8.2 0-11.3l-36.6-36.2zM441.7 769.1a131.32 131.32 0 0 1-93.4 38.7c-35.3 0-68.4-13.7-93.4-38.7a131.32 131.32 0 0 1-38.7-93.4c0-35.3 13.7-68.4 38.7-93.4l59.4-59.4 186.8 186.8-59.4 59.4z'%3E%3C/path%3E %3C/g%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  background-color: currentColor;
  width: 1.4em;
  height: 1.4em;
  display: inline-block;

  position: relative;
  top: 0.3em;
}

.icon-analytics {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1920 1920' xmlns='http://www.w3.org/2000/svg' fill='%23000000'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E %3Cg fill-rule='evenodd' clip-rule='evenodd' stroke='none' stroke-width='1'%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M746.667 106.667V1493.33H1173.33V106.667H746.667ZM1056 224H864V1376H1056V224ZM106.667 533.333H533.333V1493.33H106.667V533.333ZM224 650.667H416V1376H224V650.667Z'%3E%3C/path%3E %3Cpath d='M1920 1706.67H0V1824H1920V1706.67Z'%3E%3C/path%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1386.67 746.667H1813.33V1493.33H1386.67V746.667ZM1504 864H1696V1376H1504V864Z'%3E%3C/path%3E %3C/g%3E %3C/g%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  background-color: currentColor;
  width: 1.4em;
  height: 1.4em;
  display: inline-block;

  position: relative;
  top: 0.3em;
}

.icon-experimental {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E %3Crect width='48' height='48' fill='white' fill-opacity='0.01'%3E%3C/rect%3E %3Cpath d='M12 4H36' stroke='%23000000' stroke-width='4' stroke-linecap='round'%3E%3C/path%3E %3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.019 4V15.0386L6.27443 39.3014C5.48692 40.9283 6.16737 42.8855 7.79427 43.673C8.23882 43.8882 8.7263 44 9.22019 44H38.7875C40.595 44 42.0602 42.5347 42.0602 40.7273C42.0602 40.2348 41.9491 39.7488 41.7351 39.3052L30.0282 15.0386V4H18.019Z' stroke='%23000000' stroke-width='4' stroke-linejoin='round'%3E%3C/path%3E %3Cpath d='M10.9604 29.9998C13.1241 31.3401 15.2893 32.0103 17.4559 32.0103C19.6226 32.0103 21.7908 31.3401 23.9605 29.9998C26.1088 28.6735 28.2664 28.0103 30.433 28.0103C32.5997 28.0103 34.7755 28.6735 36.9604 29.9998' stroke='%23000000' stroke-width='4' stroke-linecap='round'%3E%3C/path%3E %3C/g%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  background-color: currentColor;
  width: 1.4em;
  height: 1.4em;
  display: inline-block;

  position: relative;
  top: 0.3em;
}

.icon-agent {
  mask-image: url("data:image/svg+xml,%3Csvg fill='%23000000' height='200px' width='200px' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 511.999 511.999' xml:space='preserve'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E %3Cg%3E %3Cg%3E %3Cpath d='M490.667,191.997h-3.179l-3.477-21.333H28.331l-3.648,21.333h-3.349C9.536,191.997,0,201.554,0,213.33 s9.536,21.333,21.333,21.333h21.333V448.06c0,35.264,28.693,63.936,63.936,63.936h298.795c35.243,0,63.936-28.672,63.936-63.936 V234.664h21.333c11.797,0,21.333-9.557,21.333-21.333S502.464,191.997,490.667,191.997z M422.357,234.664 c-9.856,24.085-35.307,42.667-62.677,42.667c-26.517,0-49.131-17.835-57.536-42.667H422.357z M209.024,234.664 c-9.856,24.085-35.307,42.667-62.677,42.667c-26.517,0-49.131-17.835-57.536-42.667H209.024z M426.667,448.061 c0,11.733-9.536,21.269-21.269,21.269H106.603c-11.733,0-21.269-9.536-21.269-21.269V299.133 c17.173,12.949,38.144,20.864,61.013,20.864c51.968,0,96.853-37.312,107.328-85.333h4.416 c9.643,48.619,51.541,85.333,101.589,85.333c25.109,0,48.256-9.067,66.987-23.488V448.061z'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3Cg%3E %3Cg%3E %3Cpath d='M465.939,59.549c-2.155-12.843-8.213-24.896-17.536-34.901C428.435,3.229,393.47-5.347,361.449,3.378l-95.893,26.027 c-9.131,2.496-19.136,2.389-28.224-0.299L154.707,4.658c-45.61-13.461-93.93,8.043-105.642,47.168 c-0.725,2.539-1.344,5.141-1.749,7.659l-11.712,68.501h441.472L465.939,59.549z'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3Cg%3E %3Cg%3E %3Cpath d='M331.959,344.998c-5.867-3.989-13.376-4.779-19.883-2.155L205.41,385.51c-9.493,3.819-14.955,13.803-13.035,23.851 c1.941,10.048,10.731,17.301,20.949,17.301h106.667c11.797,0,21.333-9.557,21.333-21.333v-42.667 C341.325,355.579,337.805,348.966,331.959,344.998z'%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  background-color: currentColor;
  /* width: 1.4em; */
  /* height: 1.4em; */
  display: inline-block;

  position: relative;
  /* top: 0.3em; */
}

.icon-quality {
  mask-image: url("data:image/svg+xml,%3Csvg fill='%23000000' viewBox='0 0 24 24' id='quality-5' data-name='Line Color' xmlns='http://www.w3.org/2000/svg' class='icon line-color'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpolyline id='secondary' points='10 10 11.33 11.5 14 8.5' style='fill: none; stroke: %232ca9bc; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;'%3E%3C/polyline%3E%3Cpolyline id='primary' points='5.79 13.57 3 17.56 6.03 18.46 7.91 21 10.79 16.89' style='fill: none; stroke: %23000000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;'%3E%3C/polyline%3E%3Cpolyline id='primary-2' data-name='primary' points='18.21 13.57 21 17.56 17.97 18.46 16.09 21 13.21 16.89' style='fill: none; stroke: %23000000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;'%3E%3C/polyline%3E%3Ccircle id='primary-3' data-name='primary' cx='12' cy='10' r='7' style='fill: none; stroke: %23000000; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2;'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  background-color: currentColor;
  width: 1.4em;
  height: 1.4em;
  display: inline-block;

  position: relative;
  top: 0.3em;
}

.icon-preview {
  mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cpath d='M21.335 11.4069L22.2682 11.0474L21.335 11.4069ZM21.335 12.5932L20.4018 12.2337L21.335 12.5932ZM2.66492 11.4068L1.73175 11.0474L2.66492 11.4068ZM2.66492 12.5932L1.73175 12.9526L2.66492 12.5932ZM3.5981 11.7663C4.89784 8.39171 8.17084 6 12 6V4C7.31641 4 3.31889 6.92667 1.73175 11.0474L3.5981 11.7663ZM12 6C15.8291 6 19.1021 8.39172 20.4018 11.7663L22.2682 11.0474C20.681 6.92668 16.6835 4 12 4V6ZM20.4018 12.2337C19.1021 15.6083 15.8291 18 12 18V20C16.6835 20 20.681 17.0733 22.2682 12.9526L20.4018 12.2337ZM12 18C8.17084 18 4.89784 15.6083 3.5981 12.2337L1.73175 12.9526C3.31889 17.0733 7.31641 20 12 20V18ZM20.4018 11.7663C20.4597 11.9165 20.4597 12.0835 20.4018 12.2337L22.2682 12.9526C22.5043 12.3396 22.5043 11.6604 22.2682 11.0474L20.4018 11.7663ZM1.73175 11.0474C1.49567 11.6604 1.49567 12.3396 1.73175 12.9526L3.5981 12.2337C3.54022 12.0835 3.54022 11.9165 3.5981 11.7663L1.73175 11.0474Z' fill='%23000000'%3E%3C/path%3E%3Ccircle cx='12' cy='12' r='3' stroke='%23000000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3C/circle%3E%3C/g%3E%3C/svg%3E");
  mask-repeat: no-repeat;
  background-color: currentColor;
  width: 1.4em;
  height: 1.4em;
  display: inline-block;

  position: relative;
  top: 0.3em;
}