._tooltip_1glpn_1 {
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
  opacity: 0;
  will-change: opacity;
}
._fixed_1glpn_10 {
  position: fixed;
}
._arrow_1glpn_14 {
  position: absolute;
  background: inherit;
}
._noArrow_1glpn_19 {
  display: none;
}
._clickable_1glpn_23 {
  pointer-events: auto;
}
._show_1glpn_27 {
  opacity: 0.9;
  transition: opacity 0.15s ease-out;
}
._closing_1glpn_32 {
  opacity: 0;
  transition: opacity 0.15s ease-in;
}
._tooltip_75fex_1 {
  padding: 4px 8px;
  border-radius: 3px;
  font-size: 90%;
  width: max-content;
}
._arrow_75fex_8 {
  width: 8px;
  height: 8px;
}
[class*="react-tooltip__place-top"] > ._arrow_75fex_8 {
  transform: rotate(45deg);
}
[class*="react-tooltip__place-right"] > ._arrow_75fex_8 {
  transform: rotate(135deg);
}
[class*="react-tooltip__place-bottom"] > ._arrow_75fex_8 {
  transform: rotate(225deg);
}
[class*="react-tooltip__place-left"] > ._arrow_75fex_8 {
  transform: rotate(315deg);
}
._dark_75fex_30 {
  background: #222;
  color: #fff;
}
._light_75fex_35 {
  background-color: #fff;
  color: #222;
}
._success_75fex_40 {
  background-color: #8dc572;
  color: #fff;
}
._warning_75fex_45 {
  background-color: #f0ad4e;
  color: #fff;
}
._error_75fex_50 {
  background-color: #be6464;
  color: #fff;
}
._info_75fex_55 {
  background-color: #337ab7;
  color: #fff;
}
.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-button {
  color: #fff;
  height: 40px;
  padding: 0 16px;
  border: 2px solid transparent;
  border-radius: 4px;
  box-sizing: border-box;
  font-size: 14px;
  transition:
    background-color 0.1s linear,
    border-color 0.1s linear,
    color 0.1s linear;
}
@media (max-width: 900px) {
  .dropdown-button {
    padding: 0;
  }
}
.dropdown-button:hover {
  background-color: #ffffff1a;
}
.dropdown-button.is-active {
  background-color: #ffffff26;
}
.dropdown-menu {
  position: absolute;
  top: 120%;
  left: 0;
  background-color: #fff;
  box-shadow: 0 2px 4px #0000001a;
  z-index: 1;
  padding: 8px 0;
  width: 320px;
  border-radius: 4px;
  max-height: calc(100vh - 32px);
  border: 1px solid #e3e6e9;
}
.menu-item > button {
  padding: 8px 16px;
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
  width: 100%;
}
.menu-item > button:disabled {
  color: #b2b2b2;
  cursor: not-allowed;
}
.menu-item > button > svg {
  margin-right: 5px;
}
.menu-item > button p.hint {
  display: none;
  font-size: 12px;
  margin-left: 5px;
  font-family: Arial;
}
.menu-item:hover > button {
  background-color: #40576d12;
}
.menu-item:hover > button p.hint {
  display: block;
}
.menu-divider {
  height: 1px;
  background-color: #394c6026;
  margin: 8px 0;
}
.menu-groupname {
  margin: 8px 20px;
  color: #0d1216b3;
  font-size: 12px;
}
.with-submenu {
  position: relative;
}
.submenu {
  position: absolute;
  top: 0;
  left: 100%;
  display: none;
  background-color: #fff;
  box-shadow: 0 2px 4px #0000001a;
  padding: 8px 0;
  width: 320px;
  border-radius: 4px;
  border: 1px solid #e3e6e9;
  z-index: 1;
}
.with-submenu:hover .submenu {
  display: block;
}
.menu-item.with-submenu > button .submenu-arrow {
  font-size: 0.8em;
  margin-left: auto;
}
.menu-item.with-submenu > button .submenu-arrow.open svg {
  transform: rotate(90deg);
}
.shortcut {
  margin-left: auto;
  color: #0d1216;
  background-color: #40576d12;
  font-size: 0.8em;
  padding: 0 8px;
  border-radius: 4px;
  box-sizing: border-box;
  display: inline-block;
}
.horizontal-carousel {
  position: relative;
  overflow: hidden;
}
.carousel-container {
  display: flex;
  overflow-x: auto;
  scroll-behavior: smooth;
  width: 100%;
  scrollbar-width: thin;
  scrollbar-color: transparent transparent;
  overflow-y: hidden;
  word-break: normal;
}
.carousel-container::-webkit-scrollbar {
  width: 6px;
}
.carousel-container::-webkit-scrollbar-thumb {
  background-color: transparent;
}
.carousel-item {
  box-sizing: border-box;
  flex-shrink: 0;
  margin-right: 10px;
}
.arrow {
  position: absolute;
  top: 0;
  bottom: 0;
  font-size: 24px;
  border: none;
  cursor: pointer;
}
.arrow.left {
  left: 0;
  background: linear-gradient(to right, #fff, rgb(255 255 255 / 50%));
}
.arrow.right {
  right: 0;
  background: linear-gradient(to right, rgb(255 255 255 / 70%), #fff);
}
html,
body {
  margin: 0;
  font-family:
    Canva Sans,
    sans-serif;
  color: #5e6278;
  font-size: 14px;
}
html,
body {
  overflow-wrap: break-word;
  -webkit-hyphens: none;
  hyphens: none;
  word-break: break-word;
  margin: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  overscroll-behavior: none;
}
html {
  height: 100%;
}
#root {
  overflow: hidden;
  height: 100%;
  width: 100%;
}
blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre {
  margin: 0;
}
button {
  background-color: transparent;
  background-image: none;
}
fieldset {
  margin: 0;
  padding: 0;
}
ol,
ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
body {
  font-family: inherit;
  line-height: inherit;
}
*,
:before,
:after {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: currentColor;
  outline: none;
}
hr {
  border-top-width: 1px;
}
img {
  border-style: solid;
}
textarea {
  resize: vertical;
}
input::placeholder,
textarea::placeholder {
  opacity: 1;
  color: #a1a1aa;
}
button,
[role="button"] {
  cursor: pointer;
}
table {
  border-collapse: collapse;
}
a {
  color: inherit;
  text-decoration: inherit;
}
button,
input,
optgroup,
select,
textarea {
  padding: 0;
  line-height: inherit;
  color: inherit;
  font-family:
    Canva Sans,
    sans-serif;
}
pre,
code,
kbd,
samp {
  font-family: Arial, sans-serif;
}
img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
  display: block;
  vertical-align: middle;
}
img,
video {
  max-width: 100%;
  height: auto;
}