@import"https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,400;1,700&display=swap";:root {
  --light-color: var(--white);
  --dark-color: var(--indigo700);
  --primary-text-color: var(--indigo700);
  --secondary-text-color: var(--indigo600);
  --accent-color: var(--blue700);
  --primary-action-color: var(--blue700);
  --text-selection-color: var(--blue400);
  --code-selection-color: var(--whiteAlpha40);
  --highlight-light-color: var(--whiteAlpha40);
  --highlight-dark-color: var(--indigo200);
  --blue100: rgba(244, 246, 255, 1);
  --blue200: rgba(240, 242, 255, 1);
  --blue300: rgba(232, 236, 255, 1);
  --blue400: rgba(217, 224, 255, 1);
  --blue500: rgba(179, 192, 255, 1);
  --blue600: rgba(104, 129, 255, 1);
  --blue700: rgba(66, 98, 255, 1);
  --blue800: rgba(69, 91, 237, 1);
  --blue900: rgba(61, 81, 212, 1);
  --indigo50: rgba(245, 245, 247, 1);
  --indigo100: rgba(240, 240, 243, 1);
  --indigo200: rgba(235, 235, 239, 1);
  --indigo300: rgba(225, 224, 231, 1);
  --indigo400: rgba(205, 204, 215, 1);
  --indigo500: rgba(155, 153, 175, 1);
  --indigo600: rgba(95, 92, 128, 1);
  --indigo700: rgba(5, 0, 56, 1);
  --indigoAlpha80: rgba(5, 0, 56, .8);
  --indigoAlpha40: rgba(5, 0, 56, .4);
  --indigoAlpha20: rgba(5, 0, 56, .2);
  --indigoAlpha12: rgba(5, 0, 56, .12);
  --indigoAlpha8: rgba(5, 0, 56, .08);
  --indigoAlpha6: rgba(5, 0, 56, .06);
  --indigoAlpha4: rgba(5, 0, 56, .04);
  --green100: rgba(245, 255, 243, 1);
  --green400: rgba(223, 255, 217, 1);
  --green700: rgba(119, 204, 102, 1);
  --green800: rgba(60, 134, 45, 1);
  --black: rgba(9, 9, 9, 1);
  --blackAlpha80: rgba(9, 9, 9, .8);
  --blackAlpha60: rgba(9, 9, 9, .6);
  --blackAlpha40: rgba(9, 9, 9, .4);
  --blackAlpha20: rgba(9, 9, 9, .2);
  --white: rgba(255, 255, 255, 1);
  --red50: rgba(254, 247, 247, 1);
  --red100: rgba(253, 242, 242, 1);
  --red400: rgba(247, 212, 212, 1);
  --red600: rgba(225, 84, 84, 1);
  --red700: rgba(217, 41, 41, 1);
  --red800: rgba(199, 20, 20, 1);
  --red900: rgba(184, 13, 13, 1);
  --yellow100: rgba(255, 252, 243, 1);
  --yellow400: rgba(255, 246, 213, 1);
  --yellow700: rgba(255, 208, 47, 1);
  --brandBlue700: rgba(63, 83, 217, 1);
  --brandIndigo700: rgba(5, 0, 56, 1);
  --brandPink700: rgba(255, 101, 117, 1);
  --brandLightPink700: rgba(255, 191, 191, 1);
  --brandYellow700: rgba(255, 208, 47, 1);
  --whiteAlpha80: rgba(255, 255, 255, .8);
  --whiteAlpha40: rgba(255, 255, 255, .4);
  --whiteAlpha20: rgba(255, 255, 255, .2);
  --header-font: "Open Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
  --body-font: "Open Sans", -apple-system, BlinkMacSystemFont, Segoe UI, Helvetica, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-bold: 600;
  --font-weight-black: 800;
  --font-size-small: 12px;
  --font-size-medium: 14px;
  --font-size-large: 16px;
  --font-size-xlarge: 20px;
  --font-size-xxlarge: 24px;
  --font-size-xxxlarge: 28px;
  --border-radius-small: calc(var(--border-radius-large) / 4);
  --border-radius-medium: calc(var(--border-radius-large) / 2);
  --border-radius-large: 8px;
  --border-radius-xlarge: calc(var(--border-radius-large) * 2);
  --border-radius-xxlarge: calc(var(--border-radius-large) * 4);
  --border-radius-circle: calc(var(--border-radius-large) * 16);
  --space-xxxsmall: calc(var(--space-xsmall) / 4);
  --space-xxsmall: calc(var(--space-xsmall) / 2);
  --space-xsmall: 8px;
  --space-small: calc(var(--space-xsmall) * 2);
  --space-medium: calc(var(--space-xsmall) * 3);
  --space-large: calc(var(--space-xsmall) * 4);
  --space-xlarge: calc(var(--space-xsmall) * 5);
  --space-xxlarge: calc(var(--space-xsmall) * 6);
  --space-xxxlarge: calc(var(--space-xsmall) * 8);
  --input-height: 48px;
  --grid-tc-12: repeat(12, 1fr);
  --grid-tc-1: repeat(1, 1fr);
  --grid-gap: var(--space-xsmall)
}

html {
  height: 100%
}

body {
  margin: 0;
  padding: 0;
  height: 100%;
  color: var(--indigo700);
  background-color: var(--white);
  font-family: var(--body-font)
}

.grid {
  display: grid;
  grid-template-columns: var(--grid-tc-12);
  grid-column-gap: var(--grid-gap);
  grid-row-gap: var(--grid-gap);
  align-content: stretch
}

.grid>* {
  align-self: center
}

.grid>.cs1 {
  grid-column-start: 1
}

.grid>.cs2 {
  grid-column-start: 2
}

.grid>.cs3 {
  grid-column-start: 3
}

.grid>.cs4 {
  grid-column-start: 4
}

.grid>.cs5 {
  grid-column-start: 5
}

.grid>.cs6 {
  grid-column-start: 6
}

.grid>.cs7 {
  grid-column-start: 7
}

.grid>.cs8 {
  grid-column-start: 8
}

.grid>.cs9 {
  grid-column-start: 9
}

.grid>.cs10 {
  grid-column-start: 10
}

.grid>.cs11 {
  grid-column-start: 11
}

.grid>.cs12 {
  grid-column-start: 12
}

.grid>.ce1 {
  grid-column-end: 2
}

.grid>.ce2 {
  grid-column-end: 3
}

.grid>.ce3 {
  grid-column-end: 4
}

.grid>.ce4 {
  grid-column-end: 5
}

.grid>.ce5 {
  grid-column-end: 6
}

.grid>.ce6 {
  grid-column-end: 7
}

.grid>.ce7 {
  grid-column-end: 8
}

.grid>.ce8 {
  grid-column-end: 9
}

.grid>.ce9 {
  grid-column-end: 10
}

.grid>.ce10 {
  grid-column-end: 11
}

.grid>.ce11 {
  grid-column-end: 12
}

.grid>.ce12 {
  grid-column-end: 13
}

.centered {
  display: flex;
  flex-direction: column;
  place-items: center;
  place-content: center;
  height: 100%
}

.button {
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  border: 1px solid;
  border-radius: var(--border-radius-medium);
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  cursor: pointer;
  width: 100%;
  padding: var(--space-xsmall) var(--space-medium) var(--space-xsmall);
  min-width: 100px;
  font-size: var(--font-size-large);
  height: 48px;
  line-height: 24px;
  outline: none;
  position: relative
}

.button-group {
  display: flex
}

.button:nth-child(n) {
  margin: 0 var(--space-small) var(--space-small) 0
}

.button:last-child {
  margin: 0
}

.button:focus {
  outline: none
}

.button[disabled] {
  pointer-events: none;
  opacity: .4;
  cursor: not-allowed
}

.button-small {
  padding: var(--space-xsmall) var(--space-small) var(--space-xsmall);
  min-width: 80px;
  font-size: var(--font-size-medium);
  height: 36px;
  line-height: 14px
}

.button-primary {
  color: var(--white);
  border-color: var(--blue700);
  background-color: var(--blue700)
}

.button-primary:enabled:hover {
  border-color: var(--blue800);
  background-color: var(--blue800)
}

.button-primary:enabled:active {
  border-color: var(--blue900);
  background-color: var(--blue900)
}

.button-primary:focus-visible:before {
  border: 2px solid var(--blue900);
  box-shadow: 0 0 0 var(--border-radius-medium) var(--blue400);
  border-radius: var(--border-radius-medium);
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px
}

.button-secondary {
  color: var(--indigo700);
  border-color: var(--indigo50);
  background-color: var(--indigo50)
}

.button-secondary:enabled:hover,.button-secondary:focus {
  border-color: var(--indigo100);
  background-color: var(--indigo100)
}

.button-secondary:enabled:active {
  border-color: var(--indigo200);
  background-color: var(--indigo200)
}

.button-secondary:focus-visible:before {
  border: 2px solid var(--indigo500);
  box-shadow: 0 0 0 var(--border-radius-medium) var(--indigo400);
  border-radius: var(--border-radius-medium);
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px
}

.button-danger {
  color: var(--white);
  border-color: var(--red700);
  background-color: var(--red700)
}

.button-danger:enabled:hover,.button-danger:focus {
  border-color: var(--red800);
  background-color: var(--red800)
}

.button-danger:enabled:active {
  border-color: var(--red900);
  background-color: var(--red900)
}

.button-danger:focus-visible:before {
  border: 2px solid var(--red700);
  box-shadow: 0 0 0 var(--border-radius-medium) var(--red400);
  border-radius: var(--border-radius-medium);
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px
}

.button-secondary-border {
  color: var(--indigo700);
  border-color: var(--indigo400);
  background-color: transparent
}

.button-secondary-border:enabled:hover,.button-secondary-border:focus {
  background-color: var(--indigo100)
}

.button-secondary-border:enabled:active {
  background-color: var(--indigo200)
}

.button-secondary-border:focus-visible:before {
  border: 2px solid var(--indigo500);
  box-shadow: 0 0 0 var(--border-radius-medium) var(--indigo400);
  border-radius: var(--border-radius-medium);
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px
}

.button-danger-border {
  color: var(--red700);
  border-color: var(--red600);
  background-color: transparent
}

.button-danger-border:enabled:hover,.button-danger-border:enabled:focus {
  background-color: var(--red50)
}

.button-danger-border:enabled:active {
  background-color: var(--red100)
}

.button-danger-border:focus-visible:before {
  border: 2px solid var(--red700);
  box-shadow: 0 0 0 var(--border-radius-medium) var(--red400);
  border-radius: var(--border-radius-medium);
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px
}

.button-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  border-radius: var(--border-radius-medium);
  border: 0 solid;
  background-color: var(--white);
  padding: var(--space-xxsmall);
  width: 48px;
  height: 48px;
  background-repeat: no-repeat;
  background-position-x: 12px;
  background-position-y: 12px;
  outline: none;
  position: relative
}

.button-icon:hover,.button-icon:focus {
  background-color: var(--indigo100);
  outline: none
}

.button-icon:active {
  background-color: var(--indigo200)
}

.button-icon[disabled] {
  pointer-events: none;
  opacity: .4;
  cursor: not-allowed
}

.button-icon:focus-visible:before {
  border: 2px solid var(--blue900);
  box-shadow: 0 0 0 var(--border-radius-medium) var(--blue400);
  border-radius: var(--border-radius-medium);
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px
}

.button-icon-small {
  width: 36px;
  height: 36px;
  background-position-x: 6px;
  background-position-y: 6px
}

.button-loading {
  color: transparent!important;
  position: relative
}

.button-loading:after {
  -webkit-animation: spinning .5s infinite linear;
  animation: spinning .5s infinite linear;
  border: 2px solid var(--white);
  border-radius: 9999px;
  border-right-color: transparent;
  border-top-color: transparent;
  content: "";
  display: block;
  height: 1em;
  width: 1em;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: -.5em;
  margin-left: -.5em
}

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

  to {
      transform: rotate(359deg)
  }
}

@keyframes spinning {
  0% {
      transform: rotate(0)
  }

  to {
      transform: rotate(359deg)
  }
}

.checkbox>input {
  width: 16px;
  height: 16px;
  margin: 0;
  opacity: 0
}

.checkbox {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  font-size: var(--font-size-medium);
  line-height: 20px
}

.checkbox {
  margin: 0 0 var(--space-small) 0
}

.checkbox span {
  margin: 0 0 0 var(--space-medium)
}

.checkbox span:before {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  height: 16px;
  width: 16px;
  border: 1px solid var(--indigo400);
  background-color: var(--white);
  border-radius: var(--border-radius-medium);
  box-sizing: border-box;
  transition: background-color .25s,border .25s;
  transform: translateY(2px)
}

.checkbox input:focus-visible+span:before,.checkbox input:active+span:before {
  outline: 2px solid var(--blue500)
}

.checkbox:hover span:before {
  border-color: var(--blue700)
}

.checkbox:focus-visible {
  outline: none
}

.checkbox:focus-visible span:before {
  box-shadow: 0 0 0 var(--border-radius-medium) var(--blue400)
}

.checkbox input:checked+span:before {
  border-color: var(--blue700);
  background-color: var(--blue700)
}

.checkbox:hover input:checked+span:before {
  background-color: var(--blue800)
}

.checkbox span:after {
  content: "";
  position: absolute;
  left: 0;
  top: 2px;
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24'><path fill='%23fff' d='M8.278 11.222l-.062.062a1 1 0 0 0 .009 1.423L11 15.414l5-5A1 1 0 0 0 14.586 9L11 12.586l-1.293-1.349a1 1 0 0 0-1.43-.015z'></path></svg>");
  background-position: -4px -4px;
  transform: scale(0);
  transform-origin: 50%;
  transition: transform .25s .2s
}

.checkbox input:checked+span:after {
  transform: scale(1)
}

.checkbox.miro-checkbox--disabled {
  opacity: .4;
  cursor: not-allowed
}

h1,.h1 {
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  font-size: var(--font-size-xxxlarge);
  line-height: 36px;
  font-weight: var(--font-weight-bold);
  font-family: var(--header-font)
}

h2,.h2 {
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  font-size: var(--font-size-xxlarge);
  line-height: 32px;
  font-weight: var(--font-weight-bold);
  font-family: var(--header-font)
}

h3,.h3 {
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  font-size: var(--font-size-xlarge);
  line-height: 28px;
  font-weight: var(--font-weight-medium);
  font-family: var(--header-font)
}

h4,.h4 {
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  font-size: var(--font-size-large);
  line-height: 24px;
  font-weight: var(--font-weight-medium);
  font-family: var(--header-font)
}

p,.p-large {
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  font-size: var(--font-size-large);
  line-height: 24px;
  font-weight: var(--font-weight-normal);
  font-family: var(--body-font)
}

.p-medium {
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  font-size: var(--font-size-medium);
  line-height: 20px;
  font-weight: var(--font-weight-normal);
  font-family: var(--body-font)
}

.p-small {
  font-style: normal;
  font-stretch: normal;
  letter-spacing: normal;
  font-size: var(--font-size-small);
  line-height: 18px;
  font-weight: var(--font-weight-normal);
  font-family: var(--body-font)
}

.input,.input-decoration {
  display: inline-flex;
  align-items: center;
  color: var(--indigo700);
  background-color: var(--white);
  outline: none;
  font-size: var(--font-size-large)
}

.input {
  height: var(--input-height);
  border: 1px solid var(--indigo400);
  border-radius: var(--border-radius-medium);
  padding-left: var(--space-small);
  padding-right: var(--space-small);
  width: 100%
}

.input::-webkit-input-placeholder {
  color: var(--indigo500)
}

.input::-ms-input-placeholder {
  color: var(--indigo500)
}

.input::-moz-placeholder {
  color: var(--indigo500);
  opacity: 1
}

.input:hover,.input-group:hover .input,.input-group:hover .select,.input-group:hover .textarea,.input-group:hover .input-decoration {
  border-color: var(--indigo500)
}

.input:focus,.input-group:focus-within .input,.input-group:focus-within .select,.input-group:focus-within .textarea,.input-group:focus-within .input-decoration {
  border-color: var(--blue600)
}

.select:focus-visible,.input:focus-visible,.textarea:focus-visible,.input-group:focus-within {
  box-shadow: 0 0 0 var(--border-radius-medium) var(--blue400)
}

.input-group:focus-within .textarea,.input-group:focus-within .select,.input-group:focus-within .input {
  box-shadow: none
}

.textarea:-moz-read-only,.input:-moz-read-only {
  color: var(--indigo700);
  background-color: var(--indigo50);
  border-color: var(--indigo400);
  outline: none
}

.textarea:read-only,.input:read-only {
  color: var(--indigo700);
  background-color: var(--indigo50);
  border-color: var(--indigo400);
  outline: none
}

.select:disabled,.textarea:disabled,.input:disabled {
  color: var(--indigo400);
  background-color: #fff;
  border-color: var(--indigo400);
  outline: none;
  cursor: not-allowed
}

.input-small,.input-small .input-decoration {
  padding: var(--space-xsmall) 12px var(--space-xsmall);
  font-size: var(--font-size-medium);
  height: 36px
}

.status-text {
  margin-top: var(--space-xxsmall);
  font-size: var(--font-size-medium);
  color: var(--indigo500)
}

.success div.status-text {
  color: var(--green800)
}

.success input.input {
  border-color: var(--green700)
}

.error div.status-text {
  color: var(--red700)
}

.error .input {
  border-color: var(--red700)
}

.input-decoration+.textarea,.input-decoration+.select,.input-decoration+.input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: none;
  padding-left: 0
}

.input-decoration+.textarea,.input-decoration+.input {
  padding-right: var(--space-small)
}

.input-decoration+.select {
  padding-right: var(--space-xlarge)
}

.textarea+.input-decoration,.select+.input-decoration,.input+.input-decoration {
  border-right-width: 1px;
  border-left: none
}

.textarea {
  width: 100%;
  font-family: var(--body-font);
  padding: 12px var(--space-small) 12px;
  resize: none;
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  border: 1px solid;
  border-radius: var(--border-radius-medium);
  font-size: var(--font-size-large);
  color: var(--indigo700);
  background-color: var(--white);
  border-color: var(--indigo400);
  outline: none;
  scrollbar-width: thin
}

.textarea-small {
  padding: var(--space-xsmall) 12px var(--space-xsmall);
  font-size: var(--font-size-medium)
}

.textarea::-webkit-input-placeholder {
  color: var(--indigo500)
}

.textarea:-ms-input-placeholder {
  color: var(--indigo500)
}

.textarea:-moz-placeholder {
  color: var(--indigo500);
  opacity: 1
}

.icon {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: default;
  width: 24px;
  height: 24px;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-repeat: no-repeat
}

.icon-add-column-right,.icon-add-collumn-right {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 3a1 1 0 00-2 0v18a1 1 0 102 0V3zm8 5v3h-3a1 1 0 100 2h3v3a1 1 0 102 0v-3h3a1 1 0 100-2h-3V8a1 1 0 10-2 0z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-add-row-bottom {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 4H3a1 1 0 000 2h18a1 1 0 100-2zm-10 7v3H8a1 1 0 100 2h3v3a1 1 0 102 0v-3h3a1 1 0 100-2h-3v-3a1 1 0 10-2 0z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-align-left {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 6a1 1 0 011-1h14a1 1 0 110 2H5a1 1 0 01-1-1zm0 6a1 1 0 011-1h7a1 1 0 110 2H5a1 1 0 01-1-1zm1 5a1 1 0 100 2h14a1 1 0 100-2H5z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-arrow-left {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.121 16.707a1 1 0 01-1.414 0L9 12l4.707-4.707a1 1 0 111.414 1.414L11.828 12l3.293 3.293a1 1 0 010 1.414z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-arrow-right {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.293 7.293a1 1 0 011.414 0L15.414 12l-4.707 4.707a1 1 0 01-1.414-1.414L12.586 12 9.293 8.707a1 1 0 010-1.414z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-arrow-up {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.5 14.914a1 1 0 010-1.414l4.707-4.707 4.707 4.707a1 1 0 01-1.414 1.414l-3.293-3.293-3.293 3.293a1 1 0 01-1.414 0z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-arrow-down {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.914 9.086a1 1 0 010 1.414l-4.707 4.707L7.5 10.5a1 1 0 111.414-1.414l3.293 3.293L15.5 9.086a1 1 0 011.414 0z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-arrows-left {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.707 8.293L6 12l3.707 3.707a1 1 0 001.414-1.414L8.828 12l2.293-2.293a1 1 0 00-1.414-1.414zm6 0L12 12l3.707 3.707a1 1 0 001.414-1.414L14.828 12l2.293-2.293a1 1 0 00-1.414-1.414z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-arrows-right {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.707 15.707L17.414 12l-3.707-3.707a1 1 0 10-1.414 1.414L14.586 12l-2.293 2.293a1 1 0 001.414 1.414zm-6 0L11.414 12 7.707 8.293a1 1 0 00-1.414 1.414L8.586 12l-2.293 2.293a1 1 0 101.414 1.414z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-arrows-up {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.707 9.707L12 6 8.293 9.707a1 1 0 101.414 1.414L12 8.828l2.293 2.293a1 1 0 001.414-1.414zm0 6L12 12l-3.707 3.707a1 1 0 101.414 1.414L12 14.828l2.293 2.293a1 1 0 001.414-1.414z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-author-cursor-view {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 7.005a5 5 0 1010 0 5 5 0 00-10 0zm5 3a3 3 0 100-6 3 3 0 000 6z' fill='%23050038'/%3E%3Cpath d='M12 14.005c0-.5-.5-1-1-1H7.389a5 5 0 00-4.932 4.178l-.443 2.657a1 1 0 101.973.329l.442-2.658a3 3 0 012.96-2.506H11c.5 0 1-.5 1-1z' fill='%23050038'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.586 10.005a2 2 0 012.828 0L23 11.59a2 2 0 010 2.829l-7.586 7.585H11V17.59l7.586-7.585zM13 18.419v1.585h1.586l4.5-4.5L17.5 13.92l-4.5 4.5zm8.586-5.415L20.5 14.09l-1.586-1.585L20 11.418l1.586 1.585z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-back-1 {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.914 13H21a1 1 0 100-2H5.914L11.5 5.414A1 1 0 0010.086 4l-8 8 8 8a1 1 0 001.414-1.414L5.914 13z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-back {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 12.586V12a7 7 0 117 7 1 1 0 100 2 9 9 0 10-9-9v.586l-1.293-1.293a1 1 0 00-1.414 1.414L4 16.414l3.707-3.707a1 1 0 10-1.414-1.414L5 12.586z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-bell {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 18H3.869a1 1 0 01-.833-1.555L6 12V9a6 6 0 0112 0v3l2.963 4.445A1 1 0 0120.131 18H15a3 3 0 11-6 0zm7-9v3.606L18.263 16H5.737L8 12.606V9a4 4 0 018 0zm-3 9h-2a1 1 0 102 0z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-billing {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 5h13v10H6c-.35 0-.687.06-1 .17V6a1 1 0 011-1zM3 18V6a3 3 0 013-3h15v14h-2v4H6a3 3 0 01-3-3zm14-1H6a1 1 0 100 2h11v-2zm0-7a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-bold-BUI {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 15a5 5 0 01-5 5H8a1 1 0 01-1-1V5a1 1 0 011-1h5.5a4.5 4.5 0 013.657 7.123A4.99 4.99 0 0119 15zm-9-5h3.5a1.5 1.5 0 000-3H10v3zm0 7v-4h4a2 2 0 110 4h-4z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-bullet-list {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 5a1.5 1.5 0 103 0 1.5 1.5 0 00-3 0zm17-1H9a1 1 0 000 2h11a1 1 0 100-2zm0 7H9a1 1 0 100 2h11a1 1 0 100-2zM9 18h11a1 1 0 110 2H9a1 1 0 110-2zm-4.5-4.5a1.5 1.5 0 110-3 1.5 1.5 0 010 3zM3 19a1.5 1.5 0 103 0 1.5 1.5 0 00-3 0z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-calendar {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 5v1a1 1 0 01-2 0V5H9v1a1 1 0 01-2 0V5H4v4h16V5h-3zm0-2h3a2 2 0 012 2v14a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h3V2a1 1 0 012 0v1h6V2a1 1 0 012 0v1zM4 11v8h16v-8H4z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-card {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 14a1 1 0 011-1h10a1 1 0 110 2H7a1 1 0 01-1-1zm10.5-6a1.5 1.5 0 100 3 1.5 1.5 0 000-3z' fill='%23050038'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 4a2 2 0 00-2 2v12a2 2 0 002 2h16a2 2 0 002-2V6a2 2 0 00-2-2H4zm16 2H4v12h16V6z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-card-list {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 13a1 1 0 011 1v6a1 1 0 01-1 1H3a1 1 0 01-1-1v-6a1 1 0 011-1h8zm8 5a1 1 0 110 2h-4a1 1 0 110-2h4zm-9-3H4v4h6v-4zm12-1a1 1 0 110 2h-7a1 1 0 110-2h7zM11 3a1 1 0 011 1v6a1 1 0 01-1 1H3a1 1 0 01-1-1V4a1 1 0 011-1h8zm8 5a1 1 0 110 2h-4a1 1 0 110-2h4zm-9-3H4v4h6V5zm12-1a1 1 0 110 2h-7a1 1 0 110-2h7z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-checkbox {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 19v-7a1 1 0 10-2 0v7H5V5h9a1 1 0 100-2H5a2 2 0 00-2 2v14a2 2 0 002 2h14a2 2 0 002-2z' fill='%23050038'/%3E%3Cpath d='M20.707 4.293a1 1 0 00-1.414 0L11 12.586l-2.293-2.293a1 1 0 10-1.414 1.414L11 15.414l9.707-9.707a1 1 0 000-1.414z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-close {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.586 12l-6.293 6.293a1 1 0 101.414 1.414L12 13.414l6.293 6.293a1 1 0 001.414-1.414L13.414 12l6.293-6.293a1 1 0 00-1.414-1.414L12 10.586 5.707 4.293a1 1 0 00-1.414 1.414L10.586 12z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-collapse {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 9h-2.586l4.293-4.293a1 1 0 00-1.414-1.414L15 7.586V5a1 1 0 10-2 0v6h6a1 1 0 100-2zM5 15h2.586l-4.293 4.293a1 1 0 101.414 1.414L9 16.414V19a1 1 0 102 0v-6H5a1 1 0 100 2z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-comment-feedback {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 10a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zm5 0a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zm-7.555 5.832C9.602 16.603 10.792 17 12 17c1.208 0 2.398-.397 3.555-1.168a1 1 0 00-1.11-1.664C13.602 14.73 12.792 15 12 15c-.792 0-1.602-.27-2.445-.832a1 1 0 00-1.11 1.664z' fill='%23050038'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.213 22.316a2 2 0 01-2.53-2.53l1.213-3.64A9.966 9.966 0 012 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10c-1.45 0-2.856-.31-4.146-.897l-3.64 1.213zm4.162-3.181a8 8 0 10-3.511-3.511l.19.372L3.58 20.42l4.423-1.474.372.19z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-cursor-user {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 5l9 9-3.717 1.102 1.449 3.479.008.02a.75.75 0 01-.34.925l-.092.043-.443.17a.75.75 0 01-.916-.322l-.045-.09-1.465-3.519L7 17.75V5zm12 2a1 1 0 110 2h-2a1 1 0 110-2h2zm4-4a1 1 0 110 2H13a1 1 0 110-2h10z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-cursor {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.394 16.41L4 19V2l11.5 12-4.75 1.47 1.86 4.66a1 1 0 01-.557 1.299l-.5.2a1 1 0 01-1.3-.559l-1.859-4.66zM11 3a1 1 0 100 2h10a1 1 0 100-2H11zm4 4a1 1 0 100 2h2a1 1 0 100-2h-2z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-deactivated {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2 2 6.477 2 12zm18 0a8 8 0 11-16 0 8 8 0 0116 0zm-4.464-3.536a1 1 0 010 1.415L13.414 12l2.122 2.121a1 1 0 01-1.415 1.415L12 13.414l-2.121 2.122a1 1 0 11-1.415-1.415L10.586 12 8.464 9.879A1 1 0 019.88 8.464L12 10.586l2.121-2.122a1 1 0 011.415 0z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-download {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 12.172L8.707 9.879a1 1 0 00-1.414 1.414L12 16l4.707-4.707a1 1 0 00-1.414-1.414L13 12.172V2.586a1 1 0 10-2 0v9.586zM3 19a1 1 0 100 2h18a1 1 0 100-2H3z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-drag {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.414 13H11v5.586l-1.293-1.293a1 1 0 00-1.414 1.414L12 22.414l3.707-3.707a1 1 0 10-1.414-1.414L13 18.586V13h5.586l-1.293 1.293a1 1 0 001.414 1.414L22.414 12l-3.707-3.707a1 1 0 10-1.414 1.414L18.586 11H13V5.414l1.293 1.293a1 1 0 101.414-1.414L12 1.586 8.293 5.293a1 1 0 001.414 1.414L11 5.414V11H5.414l1.293-1.293a1 1 0 00-1.414-1.414L1.586 12l3.707 3.707a1 1 0 101.414-1.414L5.414 13z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-duplicate {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 3v2a1 1 0 002 0V4h10v10h-1a1 1 0 100 2h2a1 1 0 001-1V3a1 1 0 00-1-1H9a1 1 0 00-1 1z' fill='%23050038'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 8a1 1 0 00-1 1v12a1 1 0 001 1h12a1 1 0 001-1V9a1 1 0 00-1-1H3zm11 2v10H4V10h10z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-embed {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.204 3.903a1 1 0 011.928.534l-4.333 15.66a1 1 0 01-1.929-.534l4.334-15.66zM7 7.914A1 1 0 105.586 6.5L.086 12l5.5 5.5A1 1 0 007 16.086L2.914 12 7 7.914zm10 8.172a1 1 0 001.414 1.414l5.5-5.5-5.5-5.5A1 1 0 1017 7.914L21.086 12 17 16.086z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-eraser {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 20a1 1 0 00-1-1h-3.586l6.879-6.879a3 3 0 000-4.242L17.12 3.707a3 3 0 00-4.242 0L2.707 13.88a3 3 0 000 4.242L5.586 21H18a1 1 0 001-1zm-7.414-1l4.707-4.707-5.586-5.586-6.586 6.586a1 1 0 000 1.414L6.414 19h5.172z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-expand {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 5h2.586l-3.293 3.293a1 1 0 001.414 1.414L19 6.414V9a1 1 0 102 0V3h-6a1 1 0 100 2zM9 19H6.414l3.293-3.293a1 1 0 00-1.414-1.414L5 17.586V15a1 1 0 10-2 0v6h6a1 1 0 100-2z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-export {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.707 8.707L11 6.414V15a1 1 0 102 0V6.414l2.293 2.293a1 1 0 101.414-1.414L12 2.586 7.293 7.293a1 1 0 001.414 1.414zM19 16v3H5v-3a1 1 0 10-2 0v5h18v-5a1 1 0 10-2 0z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-eye {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 8c-2.206 0-4 1.794-4 4 0 2.207 1.794 4 4 4 2.207 0 4-1.793 4-4 0-2.206-1.793-4-4-4zm-2 4c0-1.102.898-2 2-2 1.102 0 2 .898 2 2 0 1.102-.898 2-2 2-1.102 0-2-.898-2-2z' fill='%23050038'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 4C8.607 4 5.865 5.971 4.043 7.793a20.35 20.35 0 00-2.704 3.372 11.959 11.959 0 00-.19.31l-.012.02-.003.005-.002.003L.848 12l.284.496L2 12c-.868.496-.867.498-.867.498v.002l.004.006.012.02a6.91 6.91 0 00.19.31 20.352 20.352 0 002.704 3.372C5.865 18.027 8.607 20 12 20s6.135-1.971 7.957-3.793a20.348 20.348 0 002.704-3.372 11.894 11.894 0 00.19-.31l.012-.02.003-.005.002-.003.284-.497-.284-.496v.92-.922l-.002-.002-.003-.006-.012-.02a18.136 18.136 0 00-.756-1.15 20.346 20.346 0 00-2.138-2.531C18.135 5.97 15.393 4 12 4zM2 12l-.868-.497L2 12zm1.533.512A17.114 17.114 0 013.18 12a18.346 18.346 0 012.277-2.793C7.135 7.53 9.393 6 12 6s4.865 1.529 6.543 3.207A18.34 18.34 0 0120.82 12a18.342 18.342 0 01-2.277 2.793C16.865 16.47 14.607 18 12 18s-4.865-1.529-6.543-3.207a18.347 18.347 0 01-1.924-2.28z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-eye-closed {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 8l.672 1.075c4.308 6.894 14.348 6.894 18.656 0L22 8m-5.974 9.026l-.754-2.814.754 2.814zM1 13l2.172-2.172L1 13zm22 0l-2.172-2.172L23 13zM7.974 17.026l.764-2.853-.764 2.853z' stroke='%23050038' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.icon-filters {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.265 5.678L9 11.888v9.73l4.895-2.447A2 2 0 0015 17.382v-5.494l5.735-6.21C21.326 5.038 20.872 4 20 4H4c-.872 0-1.326 1.038-.735 1.678zM11 11.106L6.285 6h11.43L13 11.106v6.276l-2 1v-7.276z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-fit {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 6v12a1 1 0 11-2 0V6a1 1 0 112 0zm20 0v12a1 1 0 11-2 0V6a1 1 0 112 0zm-2.586 6l-3.707 3.707a1 1 0 11-1.414-1.414L16.586 13H7.414l1.293 1.292a.999.999 0 11-1.414 1.415L3.586 12l3.707-3.707a1 1 0 011.414 1.414L7.414 11h9.172l-1.293-1.293a.997.997 0 010-1.414 1 1 0 011.414 0L20.414 12z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-folder {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21 6a1 1 0 011 1v12a1 1 0 01-1 1H3a1 1 0 01-1-1l.01-14a1 1 0 011-1H10l2 2h9zM4 8v10h16V8H4z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-frame {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 5h12V3a1 1 0 112 0v2h2a1 1 0 110 2h-2v10h2a1 1 0 110 2h-2v2a1 1 0 11-2 0v-2H6v2a1 1 0 11-2 0v-2H2a1 1 0 110-2h2V7H2a1 1 0 010-2h2V3a1 1 0 012 0v2zm0 2v10h12V7H6z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-frames {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 10a1 1 0 011-1h6a1 1 0 110 2H9a1 1 0 01-1-1zm1 3a1 1 0 100 2h6a1 1 0 100-2H9z' fill='%23050038'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 5h12V3a1 1 0 112 0v2h2a1 1 0 110 2h-2v10h2a1 1 0 110 2h-2v2a1 1 0 11-2 0v-2H6v2a1 1 0 11-2 0v-2H2a1 1 0 110-2h2V7H2a1 1 0 010-2h2V3a1 1 0 012 0v2zm0 2v10h12V7H6z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-grid {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19 17h2a1 1 0 110 2h-2v2a1 1 0 11-2 0v-2h-4v2a1 1 0 11-2 0v-2H7v2a1 1 0 11-2 0v-2H3a1 1 0 110-2h2v-4H3a1 1 0 110-2h2V7H3a1 1 0 010-2h2V3a1 1 0 012 0v2h4V3a1 1 0 112 0v2h4V3a1 1 0 112 0v2h2a1 1 0 110 2h-2v4h2a1 1 0 110 2h-2v4zm-2 0v-4h-4v4h4zm-6 0v-4H7v4h4zm-4-6h4V7H7v4zm6 0h4V7h-4v4z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-help-question {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.5 17.5a1.5 1.5 0 11-3 0 1.5 1.5 0 013 0zM12 7a2 2 0 00-2 2 1 1 0 11-2 0 4 4 0 115 3.874V14a1 1 0 11-2 0v-2a1 1 0 011-1 2 2 0 100-4z' fill='%23050038'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 12c0 6.075 4.925 11 11 11s11-4.925 11-11S18.075 1 12 1 1 5.925 1 12zm20 0a9 9 0 11-18 0 9 9 0 0118 0z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-help {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2 2 6.477 2 12zm18 0a7.965 7.965 0 01-1.68 4.906l-2.148-2.149c.523-.79.828-1.738.828-2.757 0-1.02-.305-1.967-.828-2.757l2.148-2.149A7.966 7.966 0 0120 12zm-5.243 4.172l2.149 2.148A7.965 7.965 0 0112 20a7.966 7.966 0 01-4.906-1.68l2.149-2.148c.79.523 1.738.828 2.757.828 1.02 0 1.967-.305 2.757-.828zm-6.929-1.415L5.68 16.906A7.965 7.965 0 014 12c0-1.849.627-3.551 1.68-4.906l2.148 2.149A4.977 4.977 0 007 12c0 1.02.305 1.967.828 2.757zm1.415-6.929L7.094 5.68A7.965 7.965 0 0112 4c1.849 0 3.551.627 4.906 1.68l-2.149 2.148A4.977 4.977 0 0012 7c-1.02 0-1.967.305-2.757.828zM15 12a3 3 0 11-6 0 3 3 0 016 0z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-home {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 8.78l14-3.5V19a1 1 0 102 0V2.72L8 5.97V4a1 1 0 10-2 0v2.47l-3 .75V19a1 1 0 102 0V8.78zM11 14h2v5a1 1 0 102 0v-7H9v7a1 1 0 102 0v-5z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-image {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 4v11.586l6-6 4 4 2-2 4 4V4H4zm6 8.414l-6 6V20h16v-1.586l-4-4-3.293 3.293a1 1 0 01-1.414-1.414L12.586 15 10 12.414zM22 21V3a1 1 0 00-1-1H3a1 1 0 00-1 1v18a1 1 0 001 1h18a1 1 0 001-1zM18 8a2 2 0 11-4 0 2 2 0 014 0z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-invitation {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.004 12.055c-.807-.367-.773-1.526.055-1.844L19.444 3.14c.809-.311 1.603.483 1.292 1.292l-7.07 18.385c-.32.828-1.478.862-1.845.055l-3.38-7.437-7.437-3.38zm14.76-5.357l-11.76 4.523 4.975 2.262 6.785-6.785zm1.414 1.414l-6.785 6.785 2.262 4.975 4.523-11.76z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-key {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 8h-2v5a1 1 0 11-2 0V8H7a1 1 0 010-2h6a1 1 0 110 2z' fill='%23050038'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 2h12a4 4 0 014 4v12a4 4 0 01-4 4H6a4 4 0 01-4-4V6a4 4 0 014-4zm0 2a2 2 0 00-2 2v12a2 2 0 002 2h12a2 2 0 002-2V6a2 2 0 00-2-2H6z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-layers {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.41 3.088l10 4.5a1 1 0 010 1.824l-10 4.5a1 1 0 01-.82 0l-10-4.5a1 1 0 010-1.824l10-4.5a1 1 0 01.82 0zM4.437 8.5L12 11.903 19.563 8.5 12 5.097 4.437 8.5z' fill='%23050038'/%3E%3Cpath d='M4.624 15.584L12 18.904l7.376-3.32-1.727-.648a1 1 0 01.702-1.872l4 1.5c.836.313.873 1.482.06 1.848l-10 4.5a1 1 0 01-.821 0l-10-4.5c-.814-.366-.777-1.535.059-1.848l4-1.5a1 1 0 11.702 1.872l-1.727.648z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-learn {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 9.496l2 .924V13a8 8 0 1016 0v-2.58l3.272-1.512a1 1 0 000-1.816L12.42 2.076a1 1 0 00-.84 0L.92 7.003C0 7.5 0 8.474 0 9v11a1 1 0 102 0V9.496zM6 13v-1.655l5.58 2.58a1 1 0 00.84 0l5.58-2.58V13a6 6 0 01-12 0zm6-1.118L20.764 8 12 4.118 3.236 8 12 11.882z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-link {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.596 13.768a1 1 0 01-1.414-1.415l3.889-3.889c.781-.78.427-2.4-.354-3.182-.78-.78-2.4-1.134-3.181-.353l-3.89 3.889a1 1 0 11-1.414-1.414l3.89-3.89c1.561-1.561 4.448-1.208 6.01.354 1.562 1.562 1.915 4.449.353 6.01l-3.889 3.89z' fill='%23050038'/%3E%3Cpath d='M14.828 7.757a1 1 0 111.415 1.415l-7.071 7.07a1 1 0 11-1.415-1.414l7.071-7.07z' fill='%23050038'/%3E%3Cpath d='M8.464 10.586a1 1 0 00-1.414 0L3.515 14.12c-1.562 1.562-1.209 4.449.353 6.01 1.562 1.563 4.449 1.916 6.01.354l3.536-3.535A1 1 0 0012 15.536L8.464 19.07c-.78.781-2.4.428-3.182-.354-.78-.78-1.134-2.4-.353-3.181L8.464 12a1 1 0 000-1.414z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-lock {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 17a1.5 1.5 0 100-3 1.5 1.5 0 000 3z' fill='%23050038'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 5a4 4 0 014-4h2a4 4 0 014 4v4a3 3 0 013 3v7a3 3 0 01-3 3H7a3 3 0 01-3-3v-7a3 3 0 013-3V5zm8 0v4H9V5a2 2 0 012-2h2a2 2 0 012 2zm-8 6a1 1 0 00-1 1v7a1 1 0 001 1h10a1 1 0 001-1v-7a1 1 0 00-1-1H7z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-magnet {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.39 5.575a1 1 0 000-1.414l-2.83-2.828a1 1 0 00-1.414 0L4.49 6.99c-8.486 8.485 3.535 20.506 12.02 12.02l5.657-5.656a1 1 0 000-1.415L19.34 9.111a1 1 0 00-1.414 0l-5.494 5.494c-2.992 2.991-6.527-.544-3.536-3.536l5.494-5.494zm-3.536-2.12l1.414 1.413-1.414 1.414-1.415-1.414 1.415-1.414zM8.025 6.281L9.44 7.697 7.481 9.655c-2.117 2.117-2.292 5.024-.476 6.84 1.816 1.816 4.724 1.64 6.84-.476l1.958-1.958 1.415 1.414-2.122 2.121c-6.6 6.6-15.792-2.592-9.192-9.192l2.121-2.122zm10.607 7.779l1.414-1.415-1.414-1.414-1.414 1.415 1.414 1.414z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-map {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 19.375l5.627 2.11a.99.99 0 00.729.007l5.995-2.249a1 1 0 00.649-.936V3.443a1 1 0 00-1.351-.936L15 4.625l-5.627-2.11a.993.993 0 00-.729-.007L2.65 4.757a1 1 0 00-.65.936v14.864a1 1 0 001.351.936L9 19.375zM20 4.886v12.728l-4 1.5V6.386l4-1.5zm-6 14.228V6.386l-4-1.5v12.728l4 1.5zM4 6.386l4-1.5v12.728l-4 1.5V6.386z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-merge {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 8V3a1 1 0 011-1h12a1 1 0 011 1v12a1 1 0 01-1 1h-5v5a1 1 0 01-1 1H3a1 1 0 01-1-1V9a1 1 0 011-1h5zm2-4v4h5a1 1 0 011 1v5h4V4H10zm4 10v-4h-4v4h4zm-6-4v5a1 1 0 001 1h5v4H4V10h4z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-mic-off {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2a4.002 4.002 0 013.758 2.628L14 6.386V6a2 2 0 10-4 0v4.386l-2 2V6a4 4 0 014-4z' fill='%23050038'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 9.414l4.707-4.707a1 1 0 00-1.414-1.414l-16 16a1 1 0 101.414 1.414l1.847-1.847A7.972 7.972 0 0011 20.938V22a1 1 0 102 0v-1.062A8.001 8.001 0 0020 13v-3a1 1 0 10-2 0v3a6 6 0 01-10.03 4.445l1.416-1.417A4 4 0 0016 13V9.414zm-2 2l-3.192 3.192A2 2 0 0014 13v-1.586z' fill='%23050038'/%3E%3Cpath d='M6 13c0 .43.045.85.131 1.255L4.526 15.86A7.981 7.981 0 014 13v-3a1 1 0 012 0v3z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-mic-on {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16 6a4 4 0 00-8 0v7a4 4 0 008 0V6zm-6 0a2 2 0 114 0v7a2 2 0 11-4 0V6z' fill='%23050038'/%3E%3Cpath d='M13 20.938A8.001 8.001 0 0020 13v-3a1 1 0 10-2 0v3a6 6 0 01-12 0v-3a1 1 0 00-2 0v3a8.001 8.001 0 007 7.938V22a1 1 0 102 0v-1.062z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-minus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 12a1 1 0 01-1 1H6a1 1 0 110-2h12a1 1 0 011 1z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-more {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 14a2 2 0 100-4 2 2 0 000 4zm7 0a2 2 0 100-4 2 2 0 000 4zm7 0a2 2 0 100-4 2 2 0 000 4z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-numbered-list {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 2h3a1 1 0 011 1v6a1 1 0 01-2 0V4H3a1 1 0 010-2zm17 3h-9a1 1 0 100 2h9a1 1 0 100-2zm0 11h-9a1 1 0 100 2h9a1 1 0 100-2zM2 17v3a1 1 0 001 1h4a1 1 0 100-2H4v-1h3a1 1 0 001-1v-3a1 1 0 00-1-1H3a1 1 0 100 2h3v1H3a1 1 0 00-1 1z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-oval {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12zm10-8a8 8 0 100 16 8 8 0 000-16z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-parameters {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 9h4.17a3.001 3.001 0 005.66 0H19a1 1 0 100-2h-4.17a3.001 3.001 0 00-5.66 0H5a1 1 0 000 2zm7 0a1 1 0 100-2 1 1 0 000 2zm-7 8h9.17a3.001 3.001 0 100-2H5a1 1 0 100 2zm12 0a1 1 0 100-2 1 1 0 000 2z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-pdf {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.258 7.147C7.37 4.576 7.702 2.59 9.737 2.035c2.186-.596 3.186 1.14 3.122 3.887-.03 1.273-.271 2.837-.682 4.519a31.135 31.135 0 003.245 4.177c1.562-.172 2.986-.206 4.14-.08 2.745.297 4.283 1.634 3.361 3.847-.88 2.111-2.885 2.23-5.142.87-.973-.587-2.035-1.46-3.103-2.526a36.997 36.997 0 00-5.171 1.132c-.621 1.264-1.28 2.375-1.944 3.25-1.706 2.251-3.592 3.09-5.227 1.636-1.752-1.557-.823-3.362 1.582-4.767 1.087-.635 2.528-1.241 4.156-1.77a36.617 36.617 0 001.951-5.437C9.252 9.494 8.64 8.25 8.258 7.148zm2.005-3.182c.4-.11.634.295.597 1.91a14.904 14.904 0 01-.184 1.902c-.21-.45-.388-.88-.528-1.283-.561-1.627-.435-2.38.115-2.53zm8.55 13.577c1.355.816 1.97.78 2.264.073.25-.6-.11-.914-1.732-1.09a13.85 13.85 0 00-1.993-.05c.51.43 1.003.79 1.461 1.067zM4.926 19.707c-1.415.827-1.62 1.226-1.262 1.546.478.424 1.207.1 2.305-1.35.238-.314.478-.667.717-1.054a15.03 15.03 0 00-1.76.858zm6.27-5.944a39.173 39.173 0 01-.647 1.742 40 40 0 012.509-.54 33.707 33.707 0 01-1.59-2.023c-.087.273-.178.547-.273.821z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-pen {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)' stroke='%23050038' stroke-width='2'%3E%3Cpath d='M13.41 2.803L19 18.176V24a1 1 0 01-1 1H6a1 1 0 01-1-1v-5.824l5.59-15.373c.479-1.317 2.341-1.317 2.82 0zM8.571 9h6.858'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E")
}

.icon-photo {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.735 5.507A3 3 0 019.695 3h4.61a3 3 0 012.96 2.507l.082.493H20a3 3 0 013 3v9a3 3 0 01-3 3H4a3 3 0 01-3-3V9a3 3 0 013-3h2.653l.082-.493zM9.695 5a1 1 0 00-.987.836l-.082.493A2 2 0 016.653 8H4a1 1 0 00-1 1v9a1 1 0 001 1h16a1 1 0 001-1V9a1 1 0 00-1-1h-2.653a2 2 0 01-1.973-1.671l-.082-.493A1 1 0 0014.306 5H9.694z' fill='%23050038'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 13a5 5 0 1110 0 5 5 0 01-10 0zm5-3a3 3 0 100 6 3 3 0 000-6z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-pin {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.488 4.76l-8.957 6.6 6.11 6.109 6.599-8.957-3.752-3.752zm-6.61 11.776L4.344 21.07a1 1 0 01-1.414-1.414l4.535-4.536-4.535-4.535a1 1 0 011.414-1.414l.755.754 8.956-6.6-.518-.518a1 1 0 011.414-1.415l7.657 7.657a1 1 0 11-1.415 1.414l-.518-.518-6.6 8.956.754.755a1 1 0 01-1.414 1.414L8.88 16.535z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-play {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 21a9 9 0 100-18 9 9 0 000 18zm11-9c0 6.075-4.925 11-11 11S1 18.075 1 12 5.925 1 12 1s11 4.925 11 11z' fill='%23050038'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 8.934a.5.5 0 01.777-.416l4.599 3.066a.5.5 0 010 .832l-4.599 3.066a.5.5 0 01-.777-.416V8.934z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-plus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19 12a1 1 0 01-1 1h-5v5a1 1 0 11-2 0v-5H6a1 1 0 110-2h5V6a1 1 0 112 0v5h5a1 1 0 011 1z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-public {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 12c0 5.523 4.477 10 10 10s10-4.477 10-10S17.523 2 12 2 2 6.477 2 12zm11.668-4C13.255 5.608 12.54 4 12 4s-1.255 1.608-1.668 4h3.335zM8.289 8c.21-1.352.53-2.55.95-3.51A8.027 8.027 0 005.07 8h3.22zM8 12c0 .685.023 1.354.068 2H4.252A8.015 8.015 0 014 12c0-.69.088-1.36.252-2h3.816A28.805 28.805 0 008 12zm.289 4c.21 1.352.53 2.55.95 3.51A8.027 8.027 0 015.07 16h3.22zM20 12a8 8 0 00-.252-2h-3.816c.045.646.068 1.315.068 2s-.023 1.354-.068 2h3.816A8 8 0 0020 12zm-5.24 7.51c.42-.96.741-2.158.951-3.51h3.219a8.027 8.027 0 01-4.17 3.51zM13.92 14a24.62 24.62 0 000-4h-3.84a24.62 24.62 0 000 4h3.838zm-.252 2c-.412 2.392-1.126 4-1.667 4-.54 0-1.255-1.608-1.668-4h3.335zm2.044-8c-.21-1.352-.53-2.55-.95-3.51A8.026 8.026 0 0118.93 8h-3.22z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-rectangle {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 4v16h16V4H4zM3 2a1 1 0 00-1 1v18a1 1 0 001 1h18a1 1 0 001-1V3a1 1 0 00-1-1H3z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-redo {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.992 12.7C15.349 6.935 6.699 7.379 3.119 14.026a1 1 0 001.761.948C7.783 9.583 14.672 9.292 17.437 14h-2.455a1 1 0 100 2h6.021l-.02-6.004a1 1 0 00-2 .008l.009 2.696z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-refresh {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 12v-.586l1.293 1.293a1 1 0 001.414-1.414L5 7.586l-3.707 3.707a1 1 0 101.414 1.414L4 11.414V12a9 9 0 109-9 1 1 0 100 2 7 7 0 11-7 7z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-rounded {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 2H7a5 5 0 00-5 5v10a5 5 0 005 5h10a5 5 0 005-5V7a5 5 0 00-5-5zM4 7a3 3 0 013-3h10a3 3 0 013 3v10a3 3 0 01-3 3H7a3 3 0 01-3-3V7z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-screen-sharing {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 5v12h16v-3a1 1 0 112 0v3a2 2 0 01-2 2H4a2 2 0 01-2-2V5a2 2 0 012-2h7a1 1 0 110 2H4z' fill='%23050038'/%3E%3Cpath d='M20.01 6.405L20 8.996a1 1 0 002 .008L22.021 3H16a1 1 0 100 2h2.586l-6.293 6.293a1 1 0 001.414 1.414l6.302-6.302zM6 21a1 1 0 011-1h10a1 1 0 110 2H7a1 1 0 01-1-1z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-search {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 18a8 8 0 116.32-3.094l4.387 4.387a1 1 0 01-1.414 1.414l-4.387-4.387A7.965 7.965 0 0110 18zm6-8a6 6 0 11-12 0 6 6 0 0112 0z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-security {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 1.932l9 3.375V12c0 4.473-2.96 7.803-8.649 9.936l-.351.132-.351-.132C5.96 19.803 3 16.473 3 12V5.307l9-3.375zM5 6.693V12c0 3.444 2.261 6.07 7 7.929 4.739-1.86 7-4.485 7-7.929V6.693l-7-2.625-7 2.625zm10.293 1.6L11 12.586l-1.293-1.293a1 1 0 00-1.414 1.414L11 15.414l5.707-5.707a1 1 0 00-1.414-1.414z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-settings {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='12' cy='12' r='1' stroke='%23050038' stroke-width='2'/%3E%3Cpath d='M13.544 3h-3l-1 3-1.446.835L5 6.2 3.5 8.799l2.098 2.366v1.67L3.5 15.2 5 17.799l3.098-.634L9.544 18l1 3h3l1-3 1.446-.835 3.098.634 1.5-2.598-2.098-2.366v-1.67l2.099-2.366-1.5-2.598-3.099.634L14.544 6l-1-3z' stroke='%23050038' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")
}

.icon-shared-with {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11 8a4 4 0 108 0 4 4 0 00-8 0zm6 0a2 2 0 11-4 0 2 2 0 014 0zM8.986 20.164a1 1 0 11-1.972-.328l.443-2.658A5 5 0 0112.389 13h5.223a5 5 0 014.932 4.178l.442 2.658a1 1 0 11-1.972.328l-.443-2.657A3 3 0 0017.61 15h-5.223a3 3 0 00-2.959 2.507l-.443 2.657zM3 8v2H1a1 1 0 100 2h2v2a1 1 0 102 0v-2h2a1 1 0 100-2H5V8a1 1 0 00-2 0z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-sound-off {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.586 16H3a1 1 0 01-1-1V9a1 1 0 011-1h4.586l5.707-5.707C13.923 1.663 15 2.109 15 3v18c0 .89-1.077 1.337-1.707.707L7.586 16zM4 14h4a1 1 0 01.707.293L13 18.586V5.414L8.707 9.707A1 1 0 018 10H4v4zm13.707-5.707L20 10.586l2.293-2.293a1 1 0 111.414 1.414L21.414 12l2.293 2.293a1 1 0 01-1.414 1.414L20 13.414l-2.293 2.293a1 1 0 01-1.414-1.414L18.586 12l-2.293-2.293a1 1 0 011.414-1.414z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-sound-on {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 16h4.586l5.707 5.707c.63.63 1.707.184 1.707-.707V3c0-.89-1.077-1.337-1.707-.707L7.586 8H3a1 1 0 00-1 1v6a1 1 0 001 1zm5-2H4v-4h4a1 1 0 00.707-.293L13 5.414v13.172l-4.293-4.293A1 1 0 008 14zm9-4a1 1 0 112 0v4a1 1 0 11-2 0v-4zm5-5a1 1 0 00-1 1v12a1 1 0 102 0V6a1 1 0 00-1-1z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-star-1 {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.296 22.139l5.704-3 5.704 3A1.08 1.08 0 0019.271 21l-1.09-6.351 4.616-4.499a1.08 1.08 0 00-.599-1.842l-6.377-.927-2.852-5.779a1.08 1.08 0 00-1.937 0l-2.853 5.78-6.377.926a1.08 1.08 0 00-.599 1.842l4.615 4.498L4.728 21a1.08 1.08 0 001.568 1.139zm9.737-8.189l.952 5.551L12 16.881 7.015 19.5l.952-5.55-4.033-3.932 5.574-.81L12 4.16l2.492 5.05 5.574.81-4.033 3.931z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-sticky-bulk {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.007 4H4v15a1 1 0 11-2 0V2h17.007a1 1 0 010 2z' fill='%23050038'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 6a1 1 0 011-1h15a1 1 0 011 1v8.171a2 2 0 01-.586 1.415l-5.828 5.828a2 2 0 01-1.414.586H6a1 1 0 01-1-1V6zm2 1v13h6v-5a2 2 0 012-2h5V7H7z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-sticky {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2a2 2 0 00-2 2v16a2 2 0 002 2h10.172a2 2 0 001.414-.586l5.828-5.828A2 2 0 0022 14.17V4a2 2 0 00-2-2H4zm0 18V4h16v9h-5a2 2 0 00-2 2v5H4z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-stop {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 12c0 6.075 4.925 11 11 11s11-4.925 11-11S18.075 1 12 1 1 5.925 1 12zm20 0a9 9 0 11-18 0 9 9 0 0118 0z' fill='%23050038'/%3E%3Cpath d='M9 10a1 1 0 011-1h4a1 1 0 011 1v4a1 1 0 01-1 1h-4a1 1 0 01-1-1v-4z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-team {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 8a4 4 0 11-8 0 4 4 0 018 0zm5.5 6a3.5 3.5 0 100-7 3.5 3.5 0 000 7zm4.508 6.124a1 1 0 101.984-.248l-.171-1.372A4 4 0 0019.85 15h-4.04c.349.604.597 1.278.719 2h3.324a2 2 0 011.984 1.752l.172 1.372zm-7.994.04a1 1 0 001.973-.328l-.443-2.658A5 5 0 0010.612 13H5.389a5 5 0 00-4.932 4.178l-.443 2.658a1 1 0 101.973.328l.442-2.657A3 3 0 015.39 15h5.223a3 3 0 012.959 2.507l.443 2.657zM8 10a2 2 0 110-4 2 2 0 010 4zm8 .5a1.5 1.5 0 103 0 1.5 1.5 0 00-3 0z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-text-heading-one {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 11H5V6a1 1 0 00-2 0v12a1 1 0 102 0v-5h6v5a1 1 0 102 0V6a1 1 0 10-2 0v5zm9 8a1 1 0 001-1V6a1 1 0 00-1-1h-3a1 1 0 100 2h2v11a1 1 0 001 1z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-text-italic-BUI {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.882 18l6-12H11a1 1 0 110-2h8a1 1 0 110 2h-2.882l-6 12H13a1 1 0 110 2H5a1 1 0 110-2h2.882z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-text-plus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6 5a1 1 0 011-1h15a1 1 0 110 2h-6v14a1 1 0 01-1 1h-1a1 1 0 01-1-1V6H7a1 1 0 01-1-1zm-2 7v-2a1 1 0 012 0v2h2a1 1 0 110 2H6v2a1 1 0 11-2 0v-2H2a1 1 0 110-2h2z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-text-strikethrough-BUI {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.025 7.841c0 .422.034.809.102 1.159h2.2a3.456 3.456 0 01-.094-.24c-.099-.281-.149-.629-.149-1.043 0-.546.087-.997.26-1.353.175-.356.406-.637.696-.844.29-.207.62-.356.992-.447a4.84 4.84 0 011.154-.136c.43 0 .794.037 1.092.111.298.075.566.153.806.236.24.083.451.162.633.236a1.5 1.5 0 00.57.112c.315 0 .56-.095.733-.286.174-.19.26-.41.26-.658 0-.347-.16-.633-.484-.856a3.78 3.78 0 00-1.166-.522 7.893 7.893 0 00-1.402-.248A14.34 14.34 0 0012.038 3c-1.556 0-2.78.43-3.673 1.291-.894.86-1.34 2.044-1.34 3.55zM18.999 11H5.001A.998.998 0 004 12c0 .552.445 1 1 1h7.377c.4.15.775.318 1.124.502.15.083.31.182.484.298.174.116.327.273.46.472.131.198.243.438.334.72.091.281.137.62.137 1.018 0 .976-.277 1.73-.832 2.259-.554.53-1.385.794-2.493.794-.48 0-.91-.045-1.29-.136a9.444 9.444 0 01-1.018-.298 20.918 20.918 0 01-.782-.298 1.63 1.63 0 00-.608-.136.81.81 0 00-.632.297.992.992 0 00-.261.67c0 .332.165.613.496.845.331.232.732.422 1.204.57.471.15.967.257 1.489.324.52.066.98.099 1.377.099a6.6 6.6 0 002.171-.348 4.886 4.886 0 001.724-1.005 4.59 4.59 0 001.13-1.626c.272-.646.409-1.374.409-2.185 0-1.093-.227-1.94-.682-2.545a5.457 5.457 0 00-.236-.291H19a.998.998 0 001.001-1c0-.552-.445-1-1-1z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-text-underline-BUI {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17 3a1 1 0 00-1 1v7a4 4 0 01-8 0V4a1 1 0 00-2 0v7a6 6 0 0012 0V4a1 1 0 00-1-1zM7.002 19a.999.999 0 100 2h9.995a.999.999 0 100-2H7.002z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-tag {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 10a1.5 1.5 0 100-3 1.5 1.5 0 000 3z' fill='%23050038'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5 3a2 2 0 00-2 2v6.586A2 2 0 003.586 13l8 8a2 2 0 002.828 0L21 14.414a2 2 0 000-2.828l-8-8A2 2 0 0011.586 3H5zm0 2h6.586l8 8L13 19.586l-8-8V5z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-text {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 4a1 1 0 000 2h6v14a1 1 0 001 1h1a1 1 0 001-1V6h6a1 1 0 100-2H4z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-tile {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10 3H4a1 1 0 00-1 1v6a1 1 0 001 1h6a1 1 0 001-1V4a1 1 0 00-1-1zM5 9V5h4v4H5zm9-6h6a1 1 0 011 1v6a1 1 0 01-1 1h-6a1 1 0 01-1-1V4a1 1 0 011-1zm1 6V5h4v4h-4zM4 13h6a1 1 0 011 1v6a1 1 0 01-1 1H4a1 1 0 01-1-1v-6a1 1 0 011-1zm5 6H5v-4h4v4zm5-6h6a1 1 0 011 1v6a1 1 0 01-1 1h-6a1 1 0 01-1-1v-6a1 1 0 011-1zm5 6h-4v-4h4v4z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-timer {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.975 7.61l-2.457 2.458a2 2 0 101.414 1.414l2.457-2.457a1 1 0 00-1.414-1.414z' fill='%23050038'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.001 2.05L11 2V1a1 1 0 112 0v1l-.001.05C18.053 2.55 22 6.813 22 12c0 5.523-4.477 10-10 10S2 17.523 2 12c0-5.186 3.947-9.45 9.001-9.95zM12 20a8 8 0 100-16 8 8 0 000 16z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-trash {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 2a1 1 0 112 0v1h7a1 1 0 110 2H4a1 1 0 010-2h7V2zm-1 4a1 1 0 00-1 1v9a1 1 0 102 0V7a1 1 0 00-1-1zm3 1a1 1 0 112 0v9a1 1 0 11-2 0V7z' fill='%23050038'/%3E%3Cpath d='M5 7a1 1 0 012 0v12h10V7a1 1 0 112 0v13a1 1 0 01-1 1H6a1 1 0 01-1-1V7z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-undo {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.008 12.632c4.401-5.87 13.353-5.194 15.934 2.032a1 1 0 11-1.884.672C17.023 9.636 9.943 9.156 6.486 14h2.532a1 1 0 010 2H2.996l.022-6.004a1 1 0 112 .008l-.01 2.628z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-unlock {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 17a1.5 1.5 0 100-3 1.5 1.5 0 000 3z' fill='%23050038'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7 5a4 4 0 014-4h2a4 4 0 014 4v4a3 3 0 013 3v7a3 3 0 01-3 3H7a3 3 0 01-3-3v-7a3 3 0 013-3h8V5a2 2 0 00-2-2h-2a2 2 0 00-2 2v.5a1 1 0 01-2 0V5zm0 6a1 1 0 00-1 1v7a1 1 0 001 1h10a1 1 0 001-1v-7a1 1 0 00-1-1H7z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-unmerge {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 3v5H3a1 1 0 00-1 1v12a1 1 0 001 1h12a1 1 0 001-1v-5h5a1 1 0 001-1V3a1 1 0 00-1-1H9a1 1 0 00-1 1zm2 7V4h10v10h-6v6H4V10h6z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-upload {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 20a1 1 0 011-1h3V4H4v15h3a1 1 0 110 2H3a1 1 0 01-1-1V3a1 1 0 011-1h18a1 1 0 011 1v17a1 1 0 01-1 1h-4a1 1 0 01-1-1z' fill='%23050038'/%3E%3Cpath d='M11 21.5v-9.586L9.414 13.5A1 1 0 018 12.086l4-4 4 4a1 1 0 01-1.414 1.414L13 11.914V21.5a1 1 0 11-2 0z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-user {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 12a5 5 0 110-10 5 5 0 010 10zm0-2a3 3 0 100-6 3 3 0 000 6z' fill='%23050038'/%3E%3Cpath d='M5.43 17.507l-.443 2.657a1 1 0 11-1.973-.328l.443-2.658A5 5 0 018.389 13h7.223a5 5 0 014.932 4.178l.442 2.658a1 1 0 11-1.972.328l-.443-2.657A3 3 0 0015.61 15H8.39a3 3 0 00-2.96 2.507z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-video {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 20v2a1 1 0 11-2 0v-2H6v2a1 1 0 11-2 0v-2H2a2 2 0 01-2-2V6a2 2 0 012-2h14a2 2 0 012 2v2l6-3v14l-6-3v2a2 2 0 01-2 2h-2zM2 6v12h14V6H2zm16 4.236l4-2v7.528l-4-2v-3.528z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-comment {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 10a1 1 0 011-1h8a1 1 0 110 2H8a1 1 0 01-1-1zm1 3a1 1 0 100 2h8a1 1 0 100-2H8z' fill='%23050038'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 4a2 2 0 00-2 2v12a2 2 0 002 2h5l3 3 3-3h5a2 2 0 002-2V6a2 2 0 00-2-2H4zm0 14.006V6h16l-.006 12h-5.822L12 20.172 9.828 18 4 18.006z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-parallelogram {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.705 3a1 1 0 00-.963.73l-4.48 16A1 1 0 001.227 21h17.07a1 1 0 00.963-.73l4.478-16A1 1 0 0022.774 3H5.704zm-3.16 16L6.462 5h14.993l-3.919 14H2.544z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-triangle {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.875 2.342a1 1 0 00-1.75 0L1.64 19.517A1 1 0 002.516 21h18.968a1 1 0 00.875-1.483L12.875 2.342zM4.197 19L12 4.922 19.803 19H4.197z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-rhombus {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.707.496a1 1 0 00-1.414 0L.496 11.293a1 1 0 000 1.414l10.797 10.797a1 1 0 001.414 0l10.797-10.797a1 1 0 000-1.414L12.707.496zM2.617 12L12 2.617 21.383 12 12 21.383 2.617 12z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-arrow-shape {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3 6a1 1 0 00-1 1v10a1 1 0 001 1h8v3.716c0 .872 1.038 1.326 1.678.735L24 12 12.678 1.55C12.038.957 11 1.411 11 2.283V6H3zm10 2V4.828L21.172 12 13 19.172V16H4V8h9z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-arrow-line-shape {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.293 8.293l-11 11a1 1 0 101.414 1.414l11-11L18 12l3-9-9 3 2.293 2.293z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-line {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.707 20.707l16-16a1 1 0 00-1.414-1.414l-16 16a1 1 0 101.414 1.414z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-analytics {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.2 3h3.6A1.2 1.2 0 0119 4.2V17h-2V5h-2v12h-2V9h-2v8H9v-4H7v4H5v-4.8A1.2 1.2 0 016.2 11H9V8.2A1.2 1.2 0 0110.2 7H13V4.2A1.2 1.2 0 0114.2 3zM20 19H4a1 1 0 100 2h16a1 1 0 100-2z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-arrow-line {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.84 21.12l10.352-7.514 2.1 2.101a1 1 0 001.692-.528l2.258-12.421-12.42 2.258a1 1 0 00-.53 1.691l2.102 2.101L2.88 19.16a1.4 1.4 0 001.96 1.96zm12.518-8.177l-1.979-1.978L7 17l6.035-8.38-1.978-1.978 7.7-1.4-1.4 7.701z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-arrow-line {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.84 21.12l10.352-7.514 2.1 2.101a1 1 0 001.692-.528l2.258-12.421-12.42 2.258a1 1 0 00-.53 1.691l2.102 2.101L2.88 19.16a1.4 1.4 0 001.96 1.96zm12.518-8.177l-1.979-1.978L7 17l6.035-8.38-1.978-1.978 7.7-1.4-1.4 7.701z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-doc-note {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 4v16h14V4H5zm-.5-2h15A1.5 1.5 0 0121 3.5v17a1.5 1.5 0 01-1.5 1.5h-15A1.5 1.5 0 013 20.5v-17A1.5 1.5 0 014.5 2zM8 7h8a1 1 0 110 2H8a1 1 0 010-2zm0 4h8a1 1 0 110 2H8a1 1 0 110-2zm0 4h5a1 1 0 110 2H8a1 1 0 110-2z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-activity {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.33 15H10l-.8 6.01a2 2 0 003.67 1.337l7.17-11.273A2 2 0 0018.355 8h-3.358L16 2H7L5.354 12.696A2 2 0 007.33 15zM8.717 4h4.922l-1.004 6h5.72L11.18 21.274 12.283 13H7.33l1.386-9z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-envelope {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2 6a2 2 0 012-2h16a2 2 0 012 2v12a2 2 0 01-2 2H4a2 2 0 01-2-2V6zm16.414 0H5.586L12 11.211 18.414 6zM4 7.288V18h16V7.288l-7.37 5.988a1 1 0 01-1.26 0L4 7.288z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-miro-logo {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='78' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.129 0H3.871A3.871 3.871 0 000 3.871v16.258A3.871 3.871 0 003.871 24h16.258A3.871 3.871 0 0024 20.129V3.871A3.871 3.871 0 0020.129 0z' fill='%23FFD02F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.207 3.75h-2.341l1.951 3.536-4.293-3.536H9.183l2.146 4.321L6.841 3.75H4.5l2.341 5.5-2.341 11h2.341L11.33 8.464 9.183 20.25h2.341l4.293-12.571-1.951 12.571h2.341L20.5 6.5l-4.293-2.75z' fill='%23050038'/%3E%3Cpath d='M50.768 17.674V7.435l2.528-.491V18.19l-2.528-.517zm6.613-6.154c0-3.058 1.809-3.966 4.585-4.601l1.457-.238v2.64l-1.457.268c-1.254.238-2.057.883-2.057 2.313v6.289l-2.528-.517V11.52zm-10.697-.372h-.005v7.043l-2.528-.517v-6.526c0-1.117-.813-1.911-2.013-1.911s-2.012.794-2.012 1.91v7.043l-2.528-.516v-6.526c0-1.117-.813-1.911-2.013-1.911-1.224 0-2.037.794-2.037 1.91v7.043l-2.528-.516V7.435l2.528-.491V8.1a3.846 3.846 0 012.999-1.395c.991 0 2.21.546 2.895 1.534.689-.898 1.839-1.484 3.251-1.504 1.78-.025 3.99 1.087 3.99 4.413zm24.675 4.903c1.83 0 3.039-1.4 3.039-3.494 0-2.094-1.205-3.474-3.039-3.474-1.963 0-3.276 1.385-3.276 3.474 0 2.09 1.313 3.494 3.276 3.494zm0 2.373c-3.514 0-5.864-2.358-5.864-5.872s2.35-5.847 5.864-5.847c3.386 0 5.626 2.328 5.626 5.847 0 3.52-2.24 5.872-5.626 5.872zM52.087 5.192c-.957 0-1.597-.646-1.597-1.599s.64-1.588 1.597-1.588c.922 0 1.531.63 1.531 1.588 0 .958-.61 1.599-1.531 1.599z' fill='%23050038'/%3E%3C/svg%3E");
  width: 78px
}

.icon-miro-logo-1 {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.129 0H3.871A3.871 3.871 0 000 3.871v16.258A3.871 3.871 0 003.871 24h16.258A3.871 3.871 0 0024 20.129V3.871A3.871 3.871 0 0020.129 0z' fill='%23FFD02F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.207 3.75h-2.341l1.951 3.536-4.293-3.536H9.183l2.146 4.321L6.841 3.75H4.5l2.341 5.5-2.341 11h2.341L11.33 8.464 9.183 20.25h2.341l4.293-12.571-1.951 12.571h2.341L20.5 6.5l-4.293-2.75z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-miro-logo-text {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='48' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.768 17.047v-9.83l2.528-.471v10.797l-2.528-.496zm6.613-5.908c0-2.935 1.809-3.807 4.585-4.417l1.457-.229v2.535l-1.457.257c-1.254.23-2.057.849-2.057 2.22v6.038l-2.528-.496V11.14zm-10.697-.357h-.005v6.76l-2.528-.495v-6.265c0-1.072-.813-1.835-2.013-1.835s-2.012.763-2.012 1.835v6.76l-2.528-.495v-6.265c0-1.072-.813-1.835-2.013-1.835-1.224 0-2.037.763-2.037 1.835v6.76l-2.528-.495v-9.83l2.528-.471v1.11c.704-.824 1.78-1.339 2.999-1.339.991 0 2.21.524 2.895 1.472.689-.862 1.839-1.424 3.251-1.443 1.78-.024 3.99 1.043 3.99 4.236zm24.675 4.707c1.83 0 3.039-1.344 3.039-3.354s-1.205-3.336-3.039-3.336c-1.963 0-3.276 1.33-3.276 3.336s1.313 3.354 3.276 3.354zm0 2.278c-3.514 0-5.864-2.263-5.864-5.637 0-3.373 2.35-5.613 5.864-5.613 3.386 0 5.626 2.235 5.626 5.613 0 3.378-2.24 5.637-5.626 5.637zM22.087 5.064c-.957 0-1.596-.62-1.596-1.534 0-.915.639-1.525 1.596-1.525.922 0 1.531.605 1.531 1.525 0 .92-.61 1.534-1.531 1.534z' fill='%23050038'/%3E%3C/svg%3E");
  width: 48px
}

.icon-unlink {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 7l10 10' stroke='%23050038' stroke-width='2' stroke-linecap='round'/%3E%3Cpath d='M15.324 11.08l1.414-1.413a1 1 0 00-1.415-1.415L13.91 9.666l1.415 1.415zm-4.243 4.243L9.667 13.91l-1.415 1.414a1 1 0 101.415 1.415l1.414-1.415z' fill='%23050038'/%3E%3Cpath d='M7.192 11.434l1.414 1.414-3.182 3.182c-.781.781-.428 2.401.353 3.182.781.782 2.401 1.135 3.182.354l3.183-3.182 1.414 1.414-3.182 3.182c-1.562 1.562-4.449 1.209-6.01-.353-1.563-1.562-1.916-4.449-.354-6.01l3.182-3.183zm4.242-4.243l3.182-3.181c1.562-1.562 4.449-1.209 6.01.353 1.563 1.562 1.916 4.449.354 6.01l-3.18 3.183-1.415-1.414 3.182-3.182c.781-.78.428-2.4-.354-3.182-.78-.78-2.4-1.134-3.181-.353L12.85 8.607l-1.415-1.415z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-mockup {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 19h14V5H5v14zm15 2H4a1 1 0 01-1-1V4a1 1 0 011-1h16a1 1 0 011 1v16a1 1 0 01-1 1z' fill='%23050038'/%3E%3Cpath d='M10.586 12L7 15.586A1 1 0 008.414 17L12 13.414 15.586 17A1 1 0 0017 15.586L13.414 12 17 8.414a1.002 1.002 0 00-.703-1.72 1 1 0 00-.711.306L12 10.586 8.414 7A1 1 0 007 8.414L10.586 12z' fill='%23050038'/%3E%3C/svg%3E")
}

.icon-edit {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.94 15.297l-.646 3.232a1 1 0 001.177 1.177l3.232-.647a1 1 0 00.511-.273L19.793 8.207a1 1 0 000-1.414l-2.586-2.586a1 1 0 00-1.414 0L5.214 14.786a1 1 0 00-.273.51z' stroke='%23050038' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 8l4 4' stroke='%23050038' stroke-width='2'/%3E%3C/svg%3E")
}

.icon-plug {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M22.314 7.343a1 1 0 00-1.415 0l-2.828 2.829-4.243-4.243 2.829-2.828a1 1 0 00-1.415-1.415l-2.828 2.829-2.121-2.121L6.05 6.636a6 6 0 000 8.485l.707.708-4.242 4.242a1 1 0 101.414 1.414l4.242-4.242.708.707a6 6 0 008.485 0l4.242-4.243-2.12-2.121 2.828-2.828a1 1 0 000-1.415zm-14.85.707l2.829-2.828 8.485 8.485-2.828 2.829a4 4 0 01-5.657 0l-2.829-2.829a4 4 0 010-5.657z' fill='%23050038'/%3E%3C/svg%3E")
}

.tabs {
  background: var(--indigo200);
  border-radius: var(--border-radius-medium);
  padding: var(--space-xxxsmall)
}

.tabs .tabs-header-list {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0;
  padding: 0;
  list-style: none
}

.tabs .tab {
  display: inline-block;
  font-size: var(--font-size-small);
  text-align: center;
  color: var(--indigo600);
  cursor: pointer;
  transition-duration: .3s;
  white-space: nowrap;
  border-radius: var(--border-radius-medium);
  width: 100%;
  margin: 0 0 0 var(--space-xxxsmall);
  position: relative;
  outline: none
}

.tabs .tab:first-child {
  margin: 0
}

.tabs .tab:focus {
  color: var(--indigo700);
  background-color: var(--indigo50);
  outline: none
}

.tab:hover,.tab:active,.tabs .tab.tab-active {
  color: var(--indigo700);
  background: var(--white)
}

.tabs .tab:hover:before {
  opacity: 0
}

.tab-active:focus-visible:before,.tab:focus-visible:before {
  border: 2px solid var(--blue900);
  box-shadow: 0 0 0 var(--border-radius-medium) var(--blue400);
  border-radius: var(--border-radius-medium);
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  top: -1px;
  bottom: -1px
}

.tabs .tab-text {
  display: inline-block;
  padding: var(--space-xxsmall) 0
}

.tabs .tab-badge:after {
  content: attr(data-badge);
  display: inline-block;
  margin-left: var(--space-xsmall);
  color: var(--indigo600)
}

.tabs .tabs-header-selector {
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  z-index: 1;
  display: inline-block;
  height: var(--space-xxxsmall);
  background-color: var(--blue700)
}

.tabs .tabs-header-selector-animated {
  transition-duration: .6s;
  transition-timing-function: cubic-bezier(0,0,.2,1)
}

.link {
  display: inline;
  text-decoration: none;
  border-bottom: 1px solid;
  transition: border .25s,color .25s;
  cursor: pointer;
  font-size: inherit;
  outline: none;
  position: relative
}

.link.link-primary {
  color: var(--blue700);
  border-bottom-color: var(--blue400)
}

.link.link-primary:hover {
  color: var(--blue800);
  border-bottom-color: currentColor
}

.link.link-primary:active {
  color: var(--blue900);
  border-bottom-color: currentColor
}

.link-primary:focus-visible:before {
  border: 2px solid currentColor;
  box-shadow: 0 0 0 var(--border-radius-medium) var(--blue400);
  border-radius: var(--border-radius-medium);
  content: "";
  position: absolute;
  left: var(--space-xxxsmall);
  right: var(--space-xxxsmall);
  top: -1px;
  bottom: -1px;
  border-bottom-color: 0
}

.link.link-primary-light {
  color: var(--blue600);
  border-bottom-color: var(--blue600);
  border-bottom-color: var(--blue400)
}

.link.link-primary-light:hover,.link.link-primary-light:active {
  color: var(--blue600);
  border-bottom-color: currentColor
}

.link.link-danger {
  color: var(--red700);
  border-bottom-color: var(--red600)
}

.link.link-danger:hover {
  color: var(--red800);
  border-bottom-color: currentColor
}

.link.link-danger:active {
  color: var(--red900);
  border-bottom-color: currentColor
}

.link-danger:focus-visible:before {
  border: 2px solid currentColor;
  box-shadow: 0 0 0 var(--border-radius-medium) var(--red400);
  border-radius: var(--border-radius-medium);
  content: "";
  position: absolute;
  left: var(--space-xxxsmall);
  right: var(--space-xxxsmall);
  top: -1px;
  bottom: -1px;
  border-bottom-color: 0
}

.link.link-text {
  color: var(--indigo600);
  border-bottom-color: var(--indigo600)
}

.link.link-text:hover,.link.link-text:active {
  color: var(--indigo700);
  border-bottom-color: currentColor
}

.link-text:focus-visible:before {
  border: 2px solid currentColor;
  box-shadow: 0 0 0 var(--border-radius-medium) var(--indigo400);
  border-radius: var(--border-radius-medium);
  content: "";
  position: absolute;
  left: var(--space-xxxsmall);
  right: var(--space-xxxsmall);
  top: -1px;
  bottom: -1px;
  border-bottom-color: 0
}

.toggle {
  position: relative;
  display: flex;
  vertical-align: top;
  cursor: pointer;
  min-width: 30px;
  min-height: 20px;
  outline: none
}

.toggle {
  margin: 0 0 var(--space-small) 0
}

.toggle input[type=checkbox]+span:before {
  width: 28px;
  height: 16px
}

.toggle input[type=checkbox]+span:after {
  width: 12px;
  height: 12px
}

.toggle input[type=checkbox]:checked+span:after {
  transform: translate(12px)
}

.toggle span {
  font-size: var(--font-size-medium);
  line-height: 18px;
  padding: 0 0 0 var(--space-xlarge)
}

.toggle input[type=checkbox] {
  position: absolute;
  top: 2px;
  left: 1px;
  z-index: -1;
  opacity: 0
}

.toggle input[type=checkbox]+span {
  position: relative
}

.toggle input[type=checkbox]+span:before {
  top: 1px;
  left: 0;
  content: "";
  position: absolute;
  display: block;
  border-radius: 10px;
  background-color: var(--indigo400);
  transform: translateY(1px)
}

.toggle input[type=checkbox]+span:after {
  top: 2px;
  left: 0;
  content: "";
  position: absolute;
  display: block;
  margin: 2px;
  border-radius: 50%;
  background: var(--white)
}

.toggle input[type=checkbox]:checked+span:before {
  background-color: var(--blue700)
}

.toggle span {
  vertical-align: top
}

.toggle input[type=checkbox]+span:before {
  transition-delay: .05s;
  transition: background-color .3s cubic-bezier(.35,0,.25,1)
}

.toggle input[type=checkbox]+span:after {
  transition-delay: .05s;
  transition: transform .3s cubic-bezier(.35,0,.25,1)
}

.toggle:not(.toggle--disabled):hover span:before {
  background-color: var(--indigo500)
}

.toggle:not(.toggle--disabled):focus-visible span:before {
  box-shadow: 0 0 0 var(--border-radius-medium) var(--blue400)
}

.toggle:not(.toggle--disabled):hover input[type=checkbox]:checked+span:before {
  background-color: var(--blue800)
}

.toggle input:focus-visible+span:before {
  outline: 3px solid var(--blue500)
}

.toggle.toggle--disabled {
  opacity: .4
}

.radiobutton {
  position: relative;
  display: flex;
  vertical-align: top;
  align-items: flex-start;
  font-size: var(--font-size-medium);
  line-height: 20px;
  min-height: 20px
}

.radiobutton {
  margin: 0 0 var(--space-small) 0
}

.radiobutton input {
  max-height: 1px;
  max-width: 1px;
  opacity: 0
}

.radiobutton input:focus-visible+span:before,.radiobutton input:active+span:before {
  outline: 2px solid var(--blue500)
}

.radiobutton input:checked+span:before {
  background-color: var(--blue700);
  border-color: var(--blue700)
}

.radiobutton input:checked+span:after {
  transform: scale(1)
}

.radiobutton input:checked+span:active:before {
  background-color: var(--blue900);
  border-color: var(--blue900)
}

.radiobutton input:checked:disabled+span:before {
  opacity: .2;
  border-color: var(--blue700)
}

.radiobutton input:disabled+span {
  color: var(--indigo500)
}

.radiobutton input:disabled+span:before {
  opacity: .4;
  border-color: var(--indigo400)
}

.radiobutton span {
  cursor: pointer;
  margin: 0 0 0 var(--space-medium)
}

.radiobutton span:before,.radiobutton span:after {
  position: absolute;
  content: "";
  border-radius: var(--border-radius-circle);
  box-sizing: border-box
}

.radiobutton span:before {
  top: 2px;
  left: 0;
  width: 16px;
  height: 16px;
  background: var(--white);
  border: 1px solid var(--indigo400);
  transition: border-color .25s,background-color .25s,opacity .25s
}

.radiobutton span:after {
  top: 7px;
  left: 5px;
  width: 6px;
  height: 6px;
  background: var(--white);
  transform: scale(0);
  transform-origin: center;
  transition: transform .25s .2s
}

.radiobutton span:hover:before {
  border-color: var(--blue600)
}

.radiobutton span:active:before {
  border-color: var(--blue700)
}

.radiobutton:focus-visible {
  outline: none
}

.radiobutton:focus-visible span:before,.radiobutton:focus-visible input:checked+span:before {
  box-shadow: 0 0 0 var(--border-radius-medium) var(--blue400);
  border-color: var(--blue600)
}

hr,.hr {
  margin: var(--space-medium) 0;
  border: 1px solid var(--indigo200)
}

.select {
  display: inline-block;
  vertical-align: top;
  box-sizing: border-box;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
  height: var(--input-height);
  background-position: right 7px center;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICAgIDxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNOS43MDcgMTAuMjkzYTEgMSAwIDEgMC0xLjQxNCAxLjQxNEwxMiAxNS40MTRsMy43MDctMy43MDdhMSAxIDAgMCAwLTEuNDE0LTEuNDE0TDEyIDEyLjU4NmwtMi4yOTMtMi4yOTN6Ii8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid;
  border-radius: var(--border-radius-medium);
  padding: var(--space-xsmall) var(--space-xlarge) var(--space-xsmall) var(--space-small);
  font-size: var(--font-size-large);
  color: var(--indigo700);
  background-color: var(--white);
  border-color: var(--indigo400);
  outline: none;
  width: 100%;
  font-family: var(--body-font)
}

.select::-webkit-select-placeholder {
  color: var(--indigo500)
}

.select:-ms-select-placeholder {
  color: var(--indigo500)
}

.select:-moz-placeholder {
  color: var(--indigo500);
  opacity: 1
}

.select:hover {
  border-color: var(--indigo500)
}

.select:focus {
  border-color: var(--blue600)
}

.select[disabled] {
  color: var(--indigo700);
  background-color: var(--white);
  border-color: var(--indigo400);
  outline: none;
  opacity: .4;
  cursor: not-allowed
}

.select:focus-visible {
  box-shadow: 0 0 0 var(--border-radius-medium) var(--blue400)
}

.select-small {
  padding: var(--space-xsmall) 12px var(--space-xsmall);
  font-size: var(--font-size-medium);
  height: 36px
}

.label {
  display: inline-block;
  height: 16px;
  padding: 0 var(--space-xxsmall);
  line-height: 16px;
  border-radius: var(--border-radius-small);
  text-transform: uppercase;
  font-size: 11px;
  font-weight: var(--font-weight-bold)
}

.label-info {
  color: var(--white);
  background-color: var(--blue700)
}

.label-warning {
  color: var(--indigo700);
  background-color: var(--yellow700)
}

.app-card {
  max-width: 368px;
  min-width: 284px;
  border-radius: var(--border-radius-medium);
  padding: var(--space-medium) var(--space-medium) var(--space-medium) var(--space-small);
  border: 1px solid var(--accent-color);
  border-left-width: var(--space-xsmall);
  position: relative
}

.app-card+.app-card {
  margin-top: var(--space-small)
}

.app-card--title {
  width: 100%;
  color: var(--indigo700);
  font-size: var(--font-size-large);
  font-weight: var(--font-weight-bold);
  line-height: 24px;
  margin-block:0}

.app-card--description {
  margin-block:0}

.app-card--body {
  display: flex;
  justify-content: space-between;
  align-items: flex-end
}

.app-card--tags {
  flex: 1
}

.app-card--app-logo {
  display: block;
  width: 24px
}

.tag {
  --color: var(--black);
  padding: var(--space-xxsmall) calc(var(--space-xsmall) / 4 * 3);
  border-radius: var(--border-radius-medium);
  background-color: var(--background, var(--indigo50));
  color: var(--color, inherit);
  display: inline-flex;
  flex-direction: row;
  font-size: var(--font-size-medium);
  align-items: center;
  vertical-align: top;
  gap: var(--space-xsmall);
  min-height: 30px
}

.app-card--tags .tag {
  margin-top: var(--space-xsmall)
}

.tag.icon {
  width: auto;
  width: initial;
  padding-left: calc(16px + var(--space-small));
  background-position: var(--space-xsmall) center;
  background-size: 18px
}

.tag.icon:empty {
  padding-right: 0
}

.tag-image {
  width: 20px;
  height: 20px;
  border-radius: 10px
}

a.tag {
  text-decoration: none;
  transition: transform .1s ease-in-out
}

a.tag:hover,a.tag:focus-within {
  background-color: var(--color, inherit);
  color: var(--background, var(--indigo50))
}

a.tag:active {
  transform: translateY(2px)
}

.input-group {
  display: flex;
  border-radius: var(--border-radius-medium)
}

.input-group .textarea,.input-group .select,.input-group .input {
  border-radius: 0;
  flex: 4
}

.input-group .one-fourth {
  flex: 1
}

.input-group .two-fourth {
  flex: 2
}

.input-group .three-fourth {
  flex: 3
}

.input-group .textarea:not(:last-child),.input-group .select:not(:last-child),.input-group .input:not(:last-child) {
  border-right-width: 0
}

.input-group :first-child {
  border-left-width: 1px;
  border-top-left-radius: var(--border-radius-medium);
  border-bottom-left-radius: var(--border-radius-medium)
}

.input-group .border-left {
  border-left: 1px solid var(--indigo400)
}

.input-group .border-right {
  border-right: 1px solid var(--indigo400)
}

.input-group .border-right+.textarea,.input-group .border-right+.select,.input-group .border-right+.input {
  padding-left: var(--space-small)
}

.input-group :last-child {
  border-right-width: 1px;
  border-top-right-radius: var(--border-radius-medium);
  border-bottom-right-radius: var(--border-radius-medium)
}

.input-decoration {
  border: 1px solid var(--indigo400);
  border-right-width: 0;
  padding-left: var(--space-xsmall);
  padding-right: var(--space-xsmall);
  pointer-events: none
}

.input-decoration svg {
  width: 24px;
  aspect-ratio: 1/1
}

.form-group-small .input-decoration svg {
  max-width: 16px;
  aspect-ratio: 1/1
}

.table {
  --row-height: 50px;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  text-align: left;
  font-size: var(--font-size-medium);
  color: var(--indigo700)
}

.table th {
  border-bottom: 1px solid var(--indigo200);
  text-align: left;
  padding-bottom: var(--space-small);
  color: var(--indigo600)
}

.table td,.table th {
  padding: var(--space-xxsmall);
  height: var(--row-height)
}

.table:not(.table__no-sticky-headers) thead {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1
}

.table .radiobutton,.table .checkbox {
  margin-bottom: 0
}

.form-group {
  position: relative;
  margin-bottom: 16px
}

.form-group label {
  display: block;
  font-size: var(--font-size-large);
  margin-bottom: var(--space-xsmall);
  color: var(--indigo700)
}

.form-group label:hover+.textarea:not(:disabled),.form-group label:hover+.input:not(:disabled),.form-group label:hover+.select,.form-group label:hover+.input-group .textarea:not(:disabled),.form-group label:hover+.input-group .input:not(:disabled),.form-group label:hover+.input-group .select,.form-group label:hover+.input-group .input-decoration {
  border-color: var(--blue600)
}

.form-group-small .input-decoration,.form-group-small label {
  font-size: var(--font-size-medium)
}

.form-group-small label {
  display: block;
  margin-bottom: var(--space-xsmall)
}

*,*:before,*:after {
  box-sizing: border-box;
  max-height: 100%;
  overflow: auto
}

html {
  height: 100%;
  background-color: #eee;
  font-family: Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji
}

body {
  padding-top: 0!important
}

.grid-left {
  display: flex;
  flex-direction: column;
  place-items: start;
  place-content: start;
  height: 100%
}

.grid-right {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: flex-start;
  height: 100%
}

.grid-right-centered {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  height: 100%
}

body {
  height: 100%;
  line-height: 1.5;
  margin: 0
}

#root {
  padding-left: 24px;
  padding-right: 24px
}

.home-subtitle {
  color: #050038;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px
}

img {
  max-width: 100%
}

.button {
  text-decoration: none
}

.pdt-1 {
  padding-top: 1rem
}

.pdb-1 {
  padding-bottom: 1rem
}

.pdl-0 {
  padding-left: 0
}

.mgl-5px {
  margin-left: 5px
}

.mgr-5px {
  margin-right: 5px
}

.mgb-1 {
  margin-bottom: 1rem
}

.mgb-half {
  margin-bottom: .5rem
}

.error-message {
  background: red;
  padding: 1em;
  color: #fff
}

.blue-round {
  border-radius: 50%;
  background-color: #445aec;
  color: #fff;
  width: 1.3rem;
  height: 1.3rem;
  display: inline-flex;
  justify-content: center;
  align-items: center
}

.shape {
  display: inline-flex;
  object-fit: contain
}

.header {
  font-weight: var(--font-weight-bold);
  font-size: var(--font-size-xlarge)
}

.mouse-pointer {
  cursor: pointer
}

.error-wrapper {
  display: flex;
  flex-direction: column;
  position: absolute;
  bottom: 78px;
  top: 0;
  width: calc(100% - 48px);
  justify-content: space-around
}

.error {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 4px
}

.error .erorr-image {
  width: 112px
}

.error .error-title {
  font-size: 18px;
  font-weight: 700
}

.error .error-description {
  max-width: 230px;
  font-size: 14px
}

.loader {
  width: calc(100% - 48px);
  position: absolute;
  bottom: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%
}

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

.footer-element {
  border-top: 1px solid #d9d9d9;
  position: fixed;
  bottom: 0;
  left: 24px;
  right: 24px;
  background: #fff;
  padding: 14px 0
}

.calculation-result {
  border-radius: 4px;
  border: 1px solid #95a4eb;
  background: #d9e0ff;
  height: 44px;
  padding: 0 8px;
  display: flex;
  justify-content: space-between;
  align-items: center
}

.calculation-result-title,.calculation-result-price {
  color: #050038;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px
}

.calculation-comment-feedback {
  align-items: flex-start;
  justify-content: center;
  display: inline-flex
}

.calculation-comment-feedback .icon {
  cursor: pointer
}

.calculation-comment-feedback .icon:hover {
  filter: invert(30%) sepia(77%) saturate(2947%) hue-rotate(224deg) brightness(103%) contrast(101%)
}

.feedback-screen {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: #000a
}

.feedback-body {
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
  background-color: #fff;
  border-radius: 4px
}

.feedback-close-icon {
  position: absolute;
  right: 10px;
  top: 14px;
  width: 24px;
  height: 24px;
  cursor: pointer
}

.feedback-question {
  text-align: center;
  margin: 10px 0 16px;
  font-size: 14px;
  font-family: Roobert,sans-serif;
  letter-spacing: -.4px
}

.feedback-rating {
  display: flex;
  justify-content: center;
  font-size: 32px;
  letter-spacing: 15px;
  padding-bottom: 20px
}

.feedback-rating label {
  margin: 0 8px
}

.feedback-rating label,.feedback-rating-icon {
  display: inline-block;
  line-height: 32px;
  height: 32px;
  width: 32px;
  overflow: hidden
}

.feedback-rating-icon {
  width: 32px;
  cursor: pointer;
  background-image: url(/api/aws-cc/assets/feedback-icons.213edec7.svg);
  background-size: 704px 32px
}

.feedback-rating input {
  display: none
}

.feedback-rating-icon:hover {
  filter: brightness(.9);
  -webkit-filter: brightness(.9)
}

.feedback-comment {
  border-top: solid 1px #ebebef;
  padding: 8px 15px 15px
}

.feedback-comment textarea {
  width: 100%;
  height: auto;
  padding: 0;
  border: 0;
  resize: none;
  outline: none;
  font-size: 14px;
  line-height: 1.43;
  font-family: OpenSans,Arial,Helvetica,sans-serif
}

.feedback-button-container {
  margin-top: 2px;
  display: flex;
  justify-content: end
}

.feedback-button {
  min-width: 60px;
  width: 22px;
  height: 24px;
  padding: 5px 8px;
  font-size: 12px;
  line-height: 12px
}

.splash-screen {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  z-index: 9999
}

.shape-element {
  margin-top: 12px
}

.shape-element-title {
  color: #050038;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px
}

.shape-element-subtitle {
  color: #050038;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px
}

.shape-element-link {
  color: #4262ff;
  padding: 0;
  border: none;
  background: none;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  text-decoration-line: underline;
  cursor: pointer
}

.shape-element-supported-note {
  color: #000;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px
}

.shape-element-price {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px
}

.shape-list {
  padding-bottom: 110px
}

.shape-list-asterisk {
  padding-bottom: 125px
}

.progress-bar {
  width: 100%;
  height: 9px;
  margin-top: 8px;
  margin-bottom: 8px;
  flex-shrink: 0;
  border-radius: 30px;
  border: 1px solid #e7e7e7
}

.progress {
  height: 100%;
  border-radius: 30px;
  border: 1px solid #2436b1;
  background: #3859ff
}

.progress-bar-title {
  color: #050038;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px
}

.progress-bar-subtitle {
  color: #050038;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px
}

.header-element {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1
}

.price-granularity {
  margin: 8px 0;
  height: 28px;
  align-self: stretch
}

.price-granularity-tab {
  display: flex;
  height: 26px;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  color: #050038;
  font-size: 12px;
  font-weight: 600;
  line-height: 18px
}

.region-filter {
  color: #9897a4
}

.configuration-service-info {
  border-radius: 4px;
  border: 1px solid #e7e7e7;
  background: #fff;
  padding: 8px
}

.configuration-footer-element {
  border-top: 1px solid #d9d9d9;
  position: sticky;
  bottom: 0;
  background: #fff;
  padding: 1rem 0
}

.configuration-header {
  padding-bottom: 1rem
}

.configuration-header-title {
  color: #050038;
  font-size: 20px;
  font-weight: 500;
  line-height: 28px
}

.configuration-form {
  padding-bottom: 100px
}

.back {
  display: inline-flex;
  color: #050038;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px
}

.back:active {
  background-color: #b5bab533;
  transform: translateY(1px)
}

.asterisk {
  font-size: 8px;
  background-color: #fff
}

.get-started {
  line-height: normal
}

.home-message {
  margin-top: 1rem;
  display: flex;
  padding: 1rem;
  font-size: 13px;
  background-color: var(--blue300);
  border-radius: 3px;
  border: 1px solid var(--blue400)
}

.home-message .message-body {
  width: 100%;
  margin-left: 8px
}

.icon-warning-message {
  background-image: url(/api/aws-cc/assets/icon-message.cec5e687.svg);
  width: 25px;
  scale: .75;
  align-self: flex-start
}

.button.learn-more-button {
  margin: 0
}

.card-title {
  font-size: 16px;
  margin-top: 24px;
  margin-bottom: 12px
}