.gsi-material-button[data-v-9f234a68] {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #f2f2f2;
  background-image: none;
  border: none;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #1f1f1f;
  cursor: pointer;
  font-family: 'Roboto', arial, sans-serif;
  font-size: 14px;
  height: 40px;
  letter-spacing: 0.25px;
  outline: none;
  overflow: hidden;
  padding: 0 12px;
  position: relative;
  text-align: center;
  -webkit-transition:
    background-color 0.218s,
    border-color 0.218s,
    box-shadow 0.218s;
  transition:
    background-color 0.218s,
    border-color 0.218s,
    box-shadow 0.218s;
  vertical-align: middle;
  white-space: nowrap;
  width: auto;
  max-width: 400px;
  min-width: min-content;
}
.gsi-material-button-primary[data-v-9f234a68] {
  background-color: #f2f2f2;
  color: #1f1f1f;
}
.gsi-material-button-secondary[data-v-9f234a68] {
  background-color: #ea443516;
  color: #1f1f1f;
}
.gsi-material-button .gsi-material-button-icon[data-v-9f234a68] {
  height: 20px;
  margin-right: 12px;
  min-width: 20px;
  width: 20px;
}
.gsi-material-button .gsi-material-button-content-wrapper[data-v-9f234a68] {
  -webkit-align-items: center;
  align-items: center;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  flex-wrap: nowrap;
  height: 100%;
  justify-content: space-between;
  position: relative;
  width: 100%;
}
.gsi-material-button .gsi-material-button-contents[data-v-9f234a68] {
  -webkit-flex-grow: 1;
  flex-grow: 1;
  font-family: 'Roboto', arial, sans-serif;
  font-weight: 500;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.gsi-material-button .gsi-material-button-state[data-v-9f234a68] {
  -webkit-transition: opacity 0.218s;
  transition: opacity 0.218s;
  bottom: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.gsi-material-button[data-v-9f234a68]:disabled {
  cursor: default;
  background-color: #ffffff61;
}
.gsi-material-button:disabled .gsi-material-button-state[data-v-9f234a68] {
  background-color: #1f1f1f1f;
}
.gsi-material-button:disabled .gsi-material-button-contents[data-v-9f234a68] {
  opacity: 38%;
}
.gsi-material-button:disabled .gsi-material-button-icon[data-v-9f234a68] {
  opacity: 38%;
}
.gsi-material-button:not(:disabled):active .gsi-material-button-state[data-v-9f234a68],
.gsi-material-button:not(:disabled):focus .gsi-material-button-state[data-v-9f234a68] {
  background-color: #001d35;
  opacity: 12%;
}
.gsi-material-button[data-v-9f234a68]:not(:disabled):hover {
  -webkit-box-shadow:
    0 1px 2px 0 rgba(60, 64, 67, 0.3),
    0 1px 3px 1px rgba(60, 64, 67, 0.15);
  box-shadow:
    0 1px 2px 0 rgba(60, 64, 67, 0.3),
    0 1px 3px 1px rgba(60, 64, 67, 0.15);
}
.gsi-material-button:not(:disabled):hover .gsi-material-button-state[data-v-9f234a68] {
  background-color: #001d35;
  opacity: 8%;
}

.content-wrapper[data-v-de42f7d6] {
  padding: 32px 20px;
  width: 100%;
  display: grid;
  grid-template-columns: repeat(auto-fit, 400px);
  gap: 20px;
}
.content-wrapper > div[data-v-de42f7d6] {
  display: flex;
  flex-direction: column;
}
.content-wrapper[data-v-de42f7d6] .mc-box-content-block {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
}
.platform-icon-container[data-v-de42f7d6] {
  margin-bottom: 16px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.apple-key-actions[data-v-de42f7d6] {
  display: flex;
  gap: 12px;
}
.success-message[data-v-de42f7d6] {
  padding: 16px;
  background-color: #f0f9ff;
  border: 1px solid #bae6fd;
  border-radius: 8px;
  margin-bottom: 16px;
}
.success-message p[data-v-de42f7d6] {
  margin: 0;
  color: #0369a1;
  font-size: 14px;
}
.success-message .key-info[data-v-de42f7d6] {
  margin-top: 8px;
  font-size: 12px;
  font-family: monospace;
  color: #075985;
}
.public-key-display[data-v-de42f7d6] {
  margin-top: 12px;
  padding: 12px;
  background-color: #ffffff;
  border: 1px solid #bae6fd;
  border-radius: 4px;
  font-size: 11px;
  font-family: 'Courier New', monospace;
  color: #0c4a6e;
  overflow-x: auto;
  white-space: pre-wrap;
  word-break: break-all;
  text-align: left;
}
.warning-text[data-v-de42f7d6] {
  margin-top: 12px;
  color: #dc2626;
  font-weight: 500;
}

.wrapper[data-v-ec592cd3] {
  padding: 20px 0;
}

.customer-ids[data-v-5757c2a9] {
  display: flex;
  gap: 20px;
}
.customer-id[data-v-5757c2a9] {
  flex: 1;
}

.account-inputs {
  max-width: 600px;
& h1 {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 8px;
}
& h2 {
    font-size: 25px;
    margin: 40px 0 20px;
}
}
.title {
  justify-content: space-between;
}

.input-group[data-v-cc4d85fa] {
  display: flex;
  gap: 20px;
  justify-content: space-between;
}
.column[data-v-cc4d85fa] {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: column;
}

.refresh-history-checkbox[data-v-a757fbca] {
  display: flex;
  align-items: center;
  margin-top: 20px;
  column-gap: 20px;
}

.submit-notification[data-v-ee9b6831] {
  position: absolute;
  bottom: 84px;
  left: 25px;
  right: 25px;
}

div.step-header {
  margin-bottom: 20px;
& > * + * {
    margin-top: 20px;
}
& h1 {
    font-size: 24px;
    font-weight: 500;
}
& span {
    display: flex;
    max-width: 90ch;
}
& i {
    font-size: var(--vc-text-base);
    color: var(--vc-gray-500);
}
}

.mc-table[data-v-9a7b5408] {
  min-height: 800px;
}

.mc-table[data-v-a6015dce] {
  min-height: 300px;
}

.geo-target-container[data-v-5ceb7ba9] {
  margin-top: 20px;
}
.header {
&[data-v-5ceb7ba9] {
  margin-bottom: 20px;
  }
&[data-v-5ceb7ba9] * + * {
    margin-top: 10px;
}
& p[data-v-5ceb7ba9] {
    max-width: 85ch;
}
}
.row[data-v-5ceb7ba9] {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.input-row[data-v-5ceb7ba9] {
  margin-bottom: 20px;
  max-width: 500px;
}

.v-list-item:has(span[data-error]) {
  background-color: #ff000026;
}

.geo-target-container[data-v-825b352b] {
  margin-top: 20px;
}
.header {
&[data-v-825b352b] {
  margin-bottom: 20px;
  }
&[data-v-825b352b] * + * {
    margin-top: 10px;
}
& p[data-v-825b352b] {
    max-width: 85ch;
}
}
.row[data-v-825b352b] {
  text-align: center;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin: 10px 0;
}
.input-row[data-v-825b352b] {
  margin-bottom: 20px;
  max-width: 500px;
}
.cb[data-v-3c0bc7c1]{position:absolute;cursor:pointer;transition:.3s opacity linear;opacity:.5;height:30px;width:80px;right:0px}.cb:hover .cb_tooltip[data-v-3c0bc7c1]{display:block}.cb[data-v-3c0bc7c1]:hover{opacity:1}.cb_tooltip[data-v-3c0bc7c1]{font-family:sans-serif;display:none;position:absolute;left:-96px;font-size:12px;color:#fff;width:80px;height:30px;line-height:30px;background:rgba(0,0,0,.8);box-sizing:border-box;text-align:center;border-radius:4px}.cb_copy[data-v-3c0bc7c1]{position:absolute;font-family:sans-serif;display:block;font-size:12px;color:#fff;width:80px;height:30px;line-height:30px;background:rgba(0,0,0,.8);box-sizing:border-box;text-align:center;border-radius:4px}.cb textarea[data-v-3c0bc7c1]{user-select:none;position:absolute;padding:0;width:0;height:0;background:transparent;resize:none;opacity:0;border-color:#0000}.TL[data-v-b98f7724]{display:flex;align-items:center;justify-content:center;width:40px;height:30px;position:relative}.TL_word[data-v-b98f7724]{width:20px;height:20px;text-align:center;color:#aaa;font-size:16px}.code[data-v-f4a493be]{display:flex;flex-direction:column;font-size:0;position:relative;text-align:left;overflow:hidden}.code_header[data-v-f4a493be]{min-height:14px;position:relative}.code_area[data-v-f4a493be]{position:relative;overflow:hidden;padding-left:20px;margin:auto 0;display:flex}.code_area textarea[data-v-f4a493be]{overflow-y:hidden;box-sizing:border-box;caret-color:#7f7f7f;-webkit-text-fill-color:transparent;white-space:pre;word-wrap:normal;border:0;position:absolute;z-index:1000;top:0;left:0;width:100%;height:100%;background:none;border:none;outline:none;resize:none;padding:0 20px 20px;line-height:1.3;overflow:overlay;font-family:Consolas,Monaco,monospace}.code_area textarea[data-v-f4a493be]::-webkit-scrollbar-track{background-color:#eee}.code_area textarea[data-v-f4a493be]::-webkit-scrollbar-thumb{background:rgb(175,171,171)}.code_area textarea[data-v-f4a493be]::-webkit-scrollbar{width:8px;height:8px}.code_area textarea[data-v-f4a493be]::-webkit-scrollbar-corner{background-color:#eee}.code_area_link[data-v-f4a493be]{position:absolute}.code_area.change_hight[data-v-f4a493be]{height:calc(100% - 30px)}.code_area.srollbar_style[data-v-f4a493be]::-webkit-scrollbar-track{background-color:#eee}.code_area.srollbar_style[data-v-f4a493be]::-webkit-scrollbar-thumb{background:rgb(175,171,171)}.code_area.srollbar_style[data-v-f4a493be]::-webkit-scrollbar{width:8px;height:8px}.code_area.srollbar_style[data-v-f4a493be]::-webkit-scrollbar-corner{background-color:#eee}.code_area pre[data-v-f4a493be]{position:relative;margin:0;height:100%;overflow:hidden}.code_header[data-v-f4a493be]{position:relative;display:flex;justify-content:flex-start;width:100%}.code pre code[data-v-f4a493be]{font-family:Consolas,Monaco,monospace;line-height:1.3;position:relative;overflow-x:visible;border-radius:0;box-sizing:border-box;display:block;border:none;margin:0}.wrapper-content[data-v-f4a493be]::-webkit-scrollbar-track{background-color:#eee;border-radius:5px}.wrapper-content[data-v-f4a493be]::-webkit-scrollbar-thumb{background:rgb(175,171,171);border-radius:5px}.wrapper-content[data-v-f4a493be]::-webkit-scrollbar{width:6px}.code_area_lines[data-v-f4a493be]{display:flex;flex-direction:column;width:10px;align-items:center;position:absolute;transform:translate(-18px)}.code_area_lines_item[data-v-f4a493be]{height:24px;width:10px;font-size:12px;color:#adb5bd;text-align:center;display:flex;justify-content:center;align-items:center;opacity:.6}.code_area_lines_item.dark[data-v-f4a493be]{color:#adb5bd}.code_area_lines_item.light[data-v-f4a493be]{color:#212529}.atom_one_dark.hljs,.atom_one_dark .hljs{color:#abb2bf;background:#282c34}.atom_one_dark .hljs-comment,.atom_one_dark .hljs-quote{color:#5c6370;font-style:italic}.atom_one_dark .hljs-doctag,.atom_one_dark .hljs-keyword,.atom_one_dark .hljs-formula{color:#c678dd}.atom_one_dark .hljs-section,.atom_one_dark .hljs-name,.atom_one_dark .hljs-selector-tag,.atom_one_dark .hljs-deletion,.atom_one_dark .hljs-subst{color:#e06c75}.atom_one_dark .hljs-literal{color:#56b6c2}.atom_one_dark .hljs-string,.atom_one_dark .hljs-regexp,.atom_one_dark .hljs-addition,.atom_one_dark .hljs-attribute,.atom_one_dark .hljs-meta .hljs-string{color:#98c379}.atom_one_dark .hljs-attr,.atom_one_dark .hljs-variable,.atom_one_dark .hljs-template-variable,.atom_one_dark .hljs-type,.atom_one_dark .hljs-selector-class,.atom_one_dark .hljs-selector-attr,.atom_one_dark .hljs-selector-pseudo,.atom_one_dark .hljs-number{color:#d19a66}.atom_one_dark .hljs-symbol,.atom_one_dark .hljs-bullet,.atom_one_dark .hljs-link,.atom_one_dark .hljs-meta,.atom_one_dark .hljs-selector-id,.atom_one_dark .hljs-title{color:#61aeee}.atom_one_dark .hljs-built_in,.atom_one_dark .hljs-title .class_,.atom_one_dark .hljs-class .hljs-title{color:#e6c07b}.atom_one_dark .hljs-emphasis{font-style:italic}.atom_one_dark .hljs-strong{font-weight:700}.atom_one_dark .hljs-link{text-decoration:underline}.atom_one_light.hljs,.atom_one_light .hljs{color:#383a42;background:#edf2f4}.atom_one_light .hljs-comment,.atom_one_light .hljs-quote{color:#a0a1a7;font-style:italic}.atom_one_light .hljs-doctag,.atom_one_light .hljs-keyword,.atom_one_light .hljs-formula{color:#a626a4}.atom_one_light .hljs-section,.atom_one_light .hljs-name,.atom_one_light .hljs-selector-tag,.atom_one_light .hljs-deletion,.atom_one_light .hljs-subst{color:#e45649}.atom_one_light .hljs-literal{color:#0184bb}.atom_one_light .hljs-string,.atom_one_light .hljs-regexp,.atom_one_light .hljs-addition,.atom_one_light .hljs-attribute,.atom_one_light .hljs-meta .hljs-string{color:#50a14f}.atom_one_light .hljs-attr,.atom_one_light .hljs-variable,.atom_one_light .hljs-template-variable,.atom_one_light .hljs-type,.atom_one_light .hljs-selector-class,.atom_one_light .hljs-selector-attr,.atom_one_light .hljs-selector-pseudo,.atom_one_light .hljs-number{color:#986801}.atom_one_light .hljs-symbol,.atom_one_light .hljs-bullet,.atom_one_light .hljs-link,.atom_one_light .hljs-meta,.atom_one_light .hljs-selector-id,.atom_one_light .hljs-title{color:#4078f2}.atom_one_light .hljs-built_in,.atom_one_light .hljs-title .class_,.atom_one_light .hljs-class .hljs-title{color:#c18401}.atom_one_light .hljs-emphasis{font-style:italic}.atom_one_light .hljs-strong{font-weight:700}.atom_one_light .hljs-link{text-decoration:underline}

#sr-code-box {
textarea,
  pre {
    margin-top: 10px;
}
}

.inputs[data-v-285fdc1c] {
  display: grid;
  justify-content: center;
  align-content: center;
  grid-template-columns: 0.5fr 0.5fr 1fr 0.75fr 110px 48px;
  gap: 10px;
}

.container[data-v-a734afec] {
  padding-top: 20px;
}

textarea[data-v-36397286] {
  width: 100%;
  height: 100%;
  border: 1px solid rgb(var(--v-theme-grey)) !important;
  border-radius: 5px;
  resize: none;
  min-height: 700px;
  resize: none !important;
}
.form[data-v-36397286] {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.description[data-v-36397286] {
  margin-bottom: 20px;
  margin-top: 20px;
}
.header {
&[data-v-36397286] {
  display: grid;
  gap: 20px;
  grid-template-columns: 800px 1fr;
  margin-bottom: 20px;
  gap: 100px;
  }
& p[data-v-36397286] {
    max-width: 85ch;
}
}
.radio-buttons {
&[data-v-36397286] {
  margin-bottom: 30px;
  }
& h3[data-v-36397286] {
    margin-bottom: 10px;
}
}

.container[data-v-10d355c3] {
  margin-top: 20px;
}
.header {
&[data-v-10d355c3] {
  margin-bottom: 20px;
  }
&[data-v-10d355c3] * + * {
    margin-top: 10px;
}
& p[data-v-10d355c3] {
    max-width: 85ch;
}
}
.row[data-v-10d355c3] {
  text-align: center;
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin: 10px 0;
}
.input-row[data-v-10d355c3] {
  margin-bottom: 20px;
  max-width: 500px;
}

h1[data-v-e6fc70e4] {
  margin-bottom: 10px;
}
.grid[data-v-e6fc70e4] {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
  gap: 20px;
}
.grid-element[data-v-e6fc70e4] {
  background: var(--vc-gray-100);
  padding: 14px;
  border-radius: 8px;
}

.sr-grid {
:where(.ag-ltr) .ag-column-drop-horizontal {
    padding-left: var(--ag-cell-horizontal-padding);
}
.ag-side-buttons {
    padding-top: var(--ag-side-button-bar-top-padding);
}
.ag-side-button {
    margin-top: -1px;
}
:where(.ag-ltr) .ag-side-button-button {
    padding: var(--ag-side-button-vertical-padding) var(--ag-side-button-right-padding) var(--ag-side-button-vertical-padding)
      var(--ag-side-button-left-padding);
}
.ag-column-select-header {
    padding-left: var(--ag-widget-container-horizontal-padding);
    padding-right: var(--ag-widget-container-horizontal-padding);
}
.ag-column-select-virtual-list-item {
    padding: 0 var(--ag-widget-container-horizontal-padding);
}
.ag-column-select-virtual-list-viewport {
    padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) 0;
}
.ag-number-field-input,
  .ag-text-field-input {
    padding-left: calc(var(--ag-spacing) * 1.5 + 12px);
}
.ag-column-drop-vertical-title-bar {
    padding: var(--ag-widget-container-vertical-padding) calc(var(--ag-spacing) * 2) 0;
}
.ag-column-drop-vertical-list {
    padding-bottom: var(--ag-spacing);
    padding-left: var(--ag-spacing);
    padding-right: var(--ag-spacing);
}
.ag-column-drop-vertical-cell {
    margin-top: var(--ag-spacing);
}
:where(.ag-ltr) .ag-column-drop-vertical-icon {
    margin-right: var(--ag-widget-horizontal-spacing);
}
.ag-column-drop-cell-text {
    margin: 0 var(--ag-spacing);
}
.ag-column-drop-cell {
    padding: calc(var(--ag-spacing) * 0.25);
}
:where(.ag-ltr) .ag-column-drop-cell {
    padding-left: calc(var(--ag-spacing) * 0.75);
}
.ag-header-cell-label,
  .ag-header-group-cell-label {
    padding: 5px 0;
}
.ag-header-label-icon,
  .ag-header-menu-icon {
    margin-left: var(--ag-spacing);
}
.ag-header-cell,
  .ag-header-group-cell {
    padding: 0 var(--ag-cell-horizontal-padding);
}
:where(.ag-ltr) .ag-sort-indicator-icon {
    padding-left: var(--ag-spacing);
}
:where(.ag-ltr) .ag-label {
    margin-right: var(--ag-spacing);
}
.ag-paging-panel {
    padding: 0 var(--ag-cell-horizontal-padding);
}
.ag-picker-field-wrapper {
    padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
    padding-right: var(--ag-spacing);
}
.ag-column-drop-vertical-empty-message {
    margin: calc(var(--ag-spacing) * 1.5) calc(var(--ag-spacing) * 2);
    padding: calc(var(--ag-spacing) * 2);
}
.ag-filter-toolpanel-search {
    padding-bottom: var(--ag-spacing);
    padding-top: var(--ag-widget-container-vertical-padding);
}
.ag-filter-toolpanel-header,
  .ag-filter-toolpanel-search {
    padding: 0 var(--ag-spacing);
}
:where(.ag-ltr) .ag-filter-toolpanel-group-title-bar,
  :where(.ag-ltr) .ag-filter-toolpanel-instance-header {
    padding-left: calc(var(--ag-spacing) + var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level));
}
.ag-filter-toolpanel-header {
    padding-bottom: var(--ag-spacing);
    padding-top: var(--ag-spacing);
}
:where(.ag-ltr) .ag-filter-toolpanel-group-title-bar-icon {
    margin-right: var(--ag-spacing);
}
:where(.ag-ltr) .ag-filter-toolpanel-instance-body {
    margin-left: var(--ag-filter-tool-panel-group-indent);
}
.ag-simple-filter-body-wrapper {
    padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
    padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-wrapper.ag-input-wrapper.ag-text-field-input-wrapper:before {
    margin-left: var(--ag-spacing);
}
.ag-simple-filter-body-wrapper {
& > * {
      margin-bottom: var(--ag-widget-vertical-spacing);
}
}
:where(.ag-ltr) .ag-group-contracted,
  :where(.ag-ltr) .ag-group-expanded,
  :where(.ag-ltr) .ag-row-drag,
  :where(.ag-ltr) .ag-selection-checkbox {
    margin-right: var(--ag-cell-widget-spacing);
}
.ag-input-field-input.ag-text-field-input,
  .ag-input-field-input.ag-number-field-input {
    background-color: white;
    border: 1px solid rgb(0.0941176 0.113725 0.121569 / 0.15);
    border-radius: 4px;
}
.ag-overlay-loading-center {
    padding: var(--ag-spacing);
}
:where(.ag-ltr) .ag-pivot-mode-select {
    margin-left: var(--ag-widget-container-horizontal-padding);
}
:where(.ag-ltr) :where(.ag-label-align-right) .ag-label {
    margin-left: var(--ag-spacing);
}
:where(.ag-ltr) .ag-label {
    margin-right: var(--ag-spacing);
}
.ag-pivot-mode-select ag-labeled ag-label-align-right {
    gap: 2px;
}
}

.month-picker {
&[data-v-f4fb2fda] {
  display: flex;
  flex-direction: column;
  max-width: 175px;
  gap: 2px;
  position: relative;
  transition: color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
  color: rgb(var(--v-theme-on-surface));
}
&.invalid {
&[data-v-f4fb2fda] {
    --dp-border-color-focus: rgba(218, 1, 1, 0.5);
    --dp-border-color-hover: rgba(218, 1, 1, 0.5);
    --dp-border-color: rgba(218, 1, 1, 0.5);
}
& label[data-v-f4fb2fda] {
      color: rgba(218, 1, 1, 0.5);
}
}
&:focus-within label[data-v-f4fb2fda] {
    color: black;
}
& label[data-v-f4fb2fda] {
    color: inherit;
    position: absolute;
    font-size: 12px;
    left: 10px;
    top: -5px;
    padding: 0 5px;
    z-index: 1;
    background: #fff;
    text-transform: capitalize;
    line-height: 1;
}
}

/*
 unfortunately we have to do this cause component-library adds a `.mc-component-library *` styling
 to a bunch of base input styles that fucks this library up
*/
#month-picker {
.dp__input_wrap {
    position: relative;
    width: 100%;
    box-sizing: unset;
}
.dp__input_wrap:focus {
    border-color: var(--dp-border-color-hover);
    outline: none;
}
.dp__input {
    height: 44px;
    background-color: var(--dp-background-color);
    border-radius: var(--dp-border-radius);
    font-family: var(--dp-font-family);
    border: 1px solid rgba(224, 227, 235);
    outline: none;
    transition: border-color 0.2s cubic-bezier(0.645, 0.045, 0.355, 1);
    width: 100%;
    font-size: var(--dp-font-size);
    line-height: calc(var(--dp-font-size) * 1.5);
    padding: var(--dp-input-padding);
    color: var(--dp-text-color);
    box-sizing: border-box;
}
.dp__input::placeholder {
    opacity: 0.7;
}
.dp__input:hover:not(.dp__input_focus) {
    border-color: rgba(224, 227, 235);
}
.dp__input_reg {
    caret-color: rgba(0, 0, 0, 0);
}
.dp__input_focus {
    box-shadow: 0 0 0 1px var(--dp-border-color-focus);
    border-color: var(--dp-border-color-focus);
}
.dp__input_icons {
    display: inline-block;
    width: var(--dp-font-size);
    height: var(--dp-font-size);
    stroke-width: 0;
    font-size: var(--dp-font-size);
    line-height: calc(var(--dp-font-size) * 1.5);
    padding: 6px 12px;
    color: var(--dp-icon-color);
    box-sizing: content-box;
}
.dp__input_icon {
    cursor: pointer;
    position: absolute;
    top: 50%;
    inset-inline-start: 0;
    transform: translate(55%, -50%);
    color: var(--dp-icon-color);
}
.dp__input_icon_pad {
    padding-inline-start: var(--dp-input-icon-padding);
}
.dp__menu {
    background: var(--dp-background-color);
    border-radius: var(--dp-border-radius);
    min-width: var(--dp-menu-min-width);
    font-family: var(--dp-font-family);
    font-size: var(--dp-font-size);
    user-select: none;
    border: 1px solid var(--dp-menu-border-color);
    box-sizing: border-box;
}
.dp__menu:focus {
    border: 1px solid var(--dp-menu-border-color);
    outline: none;
}
.dp--menu-wrapper {
    position: absolute;
    z-index: 99999;
}
.dp--menu--inner-stretched {
    padding: 2px 0 2px 2px;
}
.dp__menu_index {
    z-index: 99999;
}
.dp__arrow_bottom {
    left: var(--dp-arrow-left);
    bottom: 0;
    height: 12px;
    width: 12px;
    background-color: var(--dp-background-color);
    position: absolute;
    border-inline-end: 1px solid var(--dp-menu-border-color);
    border-bottom: 1px solid var(--dp-menu-border-color);
    transform: translate(-50%, 50%) rotate(45deg);
}
.dp__instance_calendar {
    position: relative;
    width: 100%;
}
.dp__overlay {
    width: 100%;
    background: var(--dp-background-color);
    transition: opacity 1s ease-out;
    z-index: 99999;
    font-family: var(--dp-font-family);
    color: var(--dp-text-color);
    box-sizing: border-box;
}
.dp--overlay-relative {
    position: relative;
}
.dp__overlay_container {
    flex-direction: column;
    overflow-y: auto;
    height: var(--dp-overlay-height);
}
.dp__overlay_row {
    padding: 0;
    box-sizing: border-box;
    display: flex;
    margin-inline: auto;
    flex-wrap: wrap;
    max-width: 100%;
    width: 100%;
    align-items: center;
}
.dp__flex_row {
    flex: 1;
}
.dp__overlay_col {
    box-sizing: border-box;
    width: 33%;
    padding: var(--dp-overlay-col-padding);
    white-space: nowrap;
.dp__overlay_cell_disabled,
    .dp__overlay_cell_active_disabled {
      background: rgba(187, 187, 187, 0.294);
      color: rgb(94, 92, 92);
      cursor: not-allowed;
}
.dp__overlay_cell_active_disabled {
      background: rgba(187, 187, 187, 0.852);
}
}
.dp__overlay_cell_pad {
    padding: var(--dp-common-padding) 0;
}
.dp__overlay_cell_active {
    cursor: pointer;
    border-radius: var(--dp-border-radius);
    text-align: center;
    background: var(--dp-primary-color);
    color: var(--dp-primary-text-color);
}
.dp__overlay_cell {
    cursor: pointer;
    border-radius: var(--dp-border-radius);
    text-align: center;
}
.dp__overlay_cell:hover {
    background: var(--dp-hover-color);
    color: var(--dp-hover-text-color);
    transition: var(--dp-common-transition);
}
.dp__btn {
    border: none;
    font: inherit;
    transition: var(--dp-common-transition);
    line-height: normal;
}
.dp--year-mode-picker {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    height: var(--dp-cell-size);
    padding-inline: 4px;
}
.dp__inner_nav {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    height: var(--dp-month-year-row-button-size);
    width: var(--dp-month-year-row-button-size);
    color: var(--dp-icon-color);
    text-align: center;
    border-radius: 50%;
}
.dp__inner_nav svg {
    height: var(--dp-button-icon-height);
    width: var(--dp-button-icon-height);
}
.dp__inner_nav:hover {
    background: var(--dp-hover-color);
    color: var(--dp-hover-icon-color);
}
[dir='rtl'] .dp__inner_nav {
    transform: rotate(180deg);
}
.dp--year-select {
    pointer-events: none;
    text-align: center;
    cursor: pointer;
    height: var(--dp-month-year-row-height);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--dp-border-radius);
    box-sizing: border-box;
    color: var(--dp-text-color);
}
.dp--year-select:hover {
    background: var(--dp-hover-color);
    color: var(--dp-hover-text-color);
    transition: var(--dp-common-transition);
}
.dp__action_row {
    display: none;
}
.dp__selection_preview {
    display: block;
    color: var(--dp-text-color);
    font-size: var(--dp-preview-font-size);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
}
:root {
  --dp-common-transition: all 0.1s ease-in;
  --dp-menu-padding: 6px 8px;
  --dp-animation-duration: 0.1s;
  --dp-menu-appear-transition-timing: cubic-bezier(0.4, 0, 1, 1);
  --dp-transition-timing: ease-out;
  --dp-action-row-transtion: all 0.2s ease-in;
  --dp-font-family: 'Source Sans Pro', sans-serif;
  --dp-border-radius: 4px;
  --dp-cell-border-radius: 4px;
  --dp-transition-length: 22px;
  --dp-transition-timing-general: 0.1s;
  --dp-button-height: 35px;
  --dp-month-year-row-height: 35px;
  --dp-month-year-row-button-size: 25px;
  --dp-button-icon-height: 20px;
  --dp-calendar-wrap-padding: 0 5px;
  --dp-cell-size: 35px;
  --dp-cell-padding: 5px;
  --dp-common-padding: 10px;
  --dp-input-icon-padding: 60px;
  --dp-input-padding: 6px 30px 8px 12px;
  --dp-menu-min-width: 260px;
  --dp-action-buttons-padding: 1px 6px;
  --dp-row-margin: 5px 0;
  --dp-calendar-header-cell-padding: 0.5rem;
  --dp-multi-calendars-spacing: 10px;
  --dp-overlay-col-padding: 3px;
  --dp-time-inc-dec-button-size: 32px;
  --dp-font-size: 1rem;
  --dp-preview-font-size: 0.8rem;
  --dp-time-font-size: 2rem;
  --dp-action-button-height: 22px;
  --dp-action-row-padding: 8px;
  --dp-direction: ltr;
  --dp-background-color: #fff;
  --dp-text-color: #212121;
  --dp-hover-color: #f3f3f3;
  --dp-hover-text-color: #212121;
  --dp-hover-icon-color: #959595;
  --dp-primary-color: rgb(51, 103, 214);
  --dp-primary-disabled-color: rgb(51, 103, 214);
  --dp-primary-text-color: #fff;
  --dp-secondary-color: #c0c4cc;
  --dp-border-color: rgba(0, 0, 0, 0.366);
  --dp-menu-border-color: #ddd;
  --dp-border-color-hover: #rgba(0, 0, 0, 1);
  --dp-border-color-focus: rgb(51, 103, 214);
  --dp-disabled-color: #f6f6f6;
  --dp-scroll-bar-background: #f3f3f3;
  --dp-scroll-bar-color: #959595;
  --dp-success-color: #76d275;
  --dp-success-color-disabled: #a3d9b1;
  --dp-icon-color: #959595;
  --dp-danger-color: #ff6f60;
  --dp-marker-color: #ff6f60;
  --dp-tooltip-color: #fafafa;
  --dp-disabled-color-text: #8e8e8e;
  --dp-highlight-color: rgb(25 118 210 / 10%);
  --dp-range-between-dates-background-color: var(--dp-hover-color, #f3f3f3);
  --dp-range-between-dates-text-color: var(--dp-hover-text-color, #212121);
  --dp-range-between-border-color: var(--dp-hover-color, #f3f3f3);
  --dp-loader: 5px solid #1976d2;
}
.dp__flex {
  display: flex;
  align-items: center;
}
.dp__btn {
  background: none;
}
.dp__main {
  font-family: var(--dp-font-family);
  user-select: none;
  box-sizing: border-box;
  position: relative;
  width: 100%;
}
.dp__main * {
  direction: var(--dp-direction, ltr);
}
.dp__pointer {
  cursor: pointer;
}
.dp__icon {
  stroke: currentcolor;
  fill: currentcolor;
}
.dp__button {
  width: 100%;
  text-align: center;
  color: var(--dp-icon-color);
  cursor: pointer;
  display: flex;
  align-items: center;
  place-content: center center;
  padding: var(--dp-common-padding);
  box-sizing: border-box;
  height: var(--dp-button-height);
}
.dp__button.dp__overlay_action {
  position: absolute;
  bottom: 0;
}
.dp__button:hover {
  background: var(--dp-hover-color);
  color: var(--dp-hover-icon-color);
}
.dp__button svg {
  height: var(--dp-button-icon-height);
  width: auto;
}
.dp__button_bottom {
  border-bottom-left-radius: var(--dp-border-radius);
  border-bottom-right-radius: var(--dp-border-radius);
}
.dp__flex_display {
  display: flex;
}
.dp__flex_display_with_input {
  flex-direction: column;
  align-items: flex-start;
}
.dp__relative {
  position: relative;
}
.calendar-next-enter-active,
.calendar-next-leave-active,
.calendar-prev-enter-active,
.calendar-prev-leave-active {
  transition: all var(--dp-transition-timing-general) ease-out;
}
.calendar-next-enter-from {
  opacity: 0;
  transform: translateX(var(--dp-transition-length));
}
.calendar-next-leave-to {
  opacity: 0;
  transform: translateX(calc(var(--dp-transition-length) * -1));
}
.calendar-prev-enter-from {
  opacity: 0;
  transform: translateX(calc(var(--dp-transition-length) * -1));
}
.calendar-prev-leave-to {
  opacity: 0;
  transform: translateX(var(--dp-transition-length));
}
.dp-menu-appear-bottom-enter-active,
.dp-menu-appear-bottom-leave-active,
.dp-menu-appear-top-enter-active,
.dp-menu-appear-top-leave-active,
.dp-slide-up-enter-active,
.dp-slide-up-leave-active,
.dp-slide-down-enter-active,
.dp-slide-down-leave-active {
  transition: all var(--dp-animation-duration) var(--dp-transition-timing);
}
.dp-menu-appear-top-enter-from,
.dp-menu-appear-top-leave-to,
.dp-slide-down-leave-to,
.dp-slide-up-enter-from {
  opacity: 0;
  transform: translateY(var(--dp-transition-length));
}
.dp-menu-appear-bottom-enter-from,
.dp-menu-appear-bottom-leave-to,
.dp-slide-down-enter-from,
.dp-slide-up-leave-to {
  opacity: 0;
  transform: translateY(calc(var(--dp-transition-length) * -1));
}
.dp--arrow-btn-nav {
  transition: var(--dp-common-transition);
}
.dp--highlighted {
  background-color: var(--dp-highlight-color);
}
.dp--hidden-el {
  visibility: hidden;
}

.filter-wrapper[data-v-60237cd7] {
  display: flex;
  flex-direction: column;
  border: 1px solid rgb(var(--v-theme-border));
  padding: 20px;
  border-radius: 6px;
  gap: 10px;
}
.selector[data-v-60237cd7] {
  flex: 1;
}
.month-pickers[data-v-60237cd7] {
  display: flex;
  gap: 2px;
  align-items: center;
}
.inputs[data-v-60237cd7] {
  display: flex;
  gap: 30px;
  justify-content: space-between;
}

header[data-v-a20bd43e] {
  margin-bottom: 50px;
}
section {
&[data-v-a20bd43e] {
  container-type: inline-size;
  }
&[data-v-a20bd43e] > * + * {
    margin-bottom: 10px;
}
}
.heading[data-v-a20bd43e] {
  margin-bottom: 10px;
}
.performance-label-selector {
&[data-v-a20bd43e] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  gap: 20px;
  }
& > div[data-v-a20bd43e] {
    width: clamp(280px, 40%, 500px);
}
}
pre[data-v-a20bd43e] {
  background-color: #f5f5f5;
  padding: 20px;
  border-radius: 6px;
  margin-top: 20px;
  font-size: 12px;
  overflow: auto;
  max-height: 300px;
  font-family: monospace;
}
.description {
&[data-v-a20bd43e] {
  display: flex;
  flex-direction: column;
  border: 1px solid rgb(var(--v-theme-border));
  padding: 20px;
  border-radius: 6px;
  min-width: 350px;
  width: 100%;
  }
&[data-v-a20bd43e] * + * {
    margin-top: 10px;
}
}
.filters[data-v-a20bd43e] {
  display: grid;
  gap: 10px;
  grid-auto-flow: dense;
  grid-template-columns: var(--cols);
}
@container (width < 1000px) {
.filters[data-v-a20bd43e] {
    gap: 20px;
    grid-template-columns: 1fr;
}
}

.side-navigation[data-v-1ef734a7] {
  min-height: 100vh;
}
body {
    margin:0;
    padding:0;
}