@charset "UTF-8";
:root {
    --color-accent: #1067D6;
    --color-black: #000000;
    --transition-ms: 200ms
}

@font-face {
    font-family: Vela Sans GX;
    font-weight: 300 700;
    src: url(../fonts/VelaSans-GX/VelaSans-GX.woff2) format("woff2-variations")
}

[data-react-component] {
    display: contents;
}

body {
    background: #17161d;
    color: #fff;
    font-family: Vela Sans GX, sans-serif;
    font-size: 14px;
    font-variant-numeric: lining-nums proportional-nums;
    font-weight: 400;
    min-width: 380px
}

body.is-resizing {
  user-select: none;
  cursor: ew-resize;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0
}

a {
    color: inherit;
    text-decoration: none
}

button,
input,
select,
textarea {
    outline: 0;
    border: 0;
    border-radius: 0
}

button {
    cursor: pointer
}

input,
textarea {
    background: 0 0
}

.skeleton {
    height: 1em;
    /* Same as font size */
    border-radius: 4px;
    background-color: rgba(255, 255, 255, 0.1);
    position: relative;
    overflow: hidden;
}

.skeleton::after {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    height: 100%;
    width: 100%;
    background: linear-gradient(to right, transparent 0%, rgba(255, 255, 255, 0.05) 50%, transparent 100%);
    animation: pulse 1.5s infinite;
}

.expand-wrapper {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease;
}

.expand-wrapper.open {
    max-height: 500px;
}

@keyframes pulse {
    0% {
        left: -100%;
    }
    50% {
        left: 100%;
    }
    100% {
        left: 100%;
    }
}

.skeleton.title {
    height: 16px;
    width: 30%;
    background-color: rgba(255, 255, 255, 0.2);
}

.skeleton.line {
    height: 12px;
    background-color: rgba(255, 255, 255, 0.1);
}

.line.short {
    width: 60%;
}

.line.medium {
    width: 80%;
}

.line.full {
    width: 100%;
}

.error-message {
  width: 100%;
  padding: 16px 32px;
  margin-top: 10px;
  background-color: rgba(243, 26, 39, 0.08);
  color: rgb(243, 26, 39);
  border-radius: 8px;
  font-size: 14px;
  text-align: center;

  overflow: hidden;

  opacity: 0;
  transform: translateY(-10px);
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;

  transition:
    opacity 0.3s ease,
    transform 0.3s ease,
    max-height 0.3s ease,
    padding 0.3s ease,
    margin 0.3s ease;
}

.error-message.show {
  opacity: 1;
  transform: translateY(0);
  max-height: 100px;
  padding-top: 16px;
  padding-bottom: 16px;
}

.logout-link {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: #333;
    font-size: 12px;
    line-height: 1;
}

.logout-icon {
    width: 20px;
    height: 20px;
    margin-right: 8px;
    color: inherit;
}

.user-menu-container {
    display: inline-block;
}

.arrow {
    border-color: #fff;
    border-bottom: 2px solid #999;
    border-right: 2px solid #999;
    display: block;
    height: 5px;
    top: 50%;
    transform-origin: 66% 66%;
    transform: rotate(45deg);
    transition: all .15s ease-in-out;
    width: 5px;
}

.arrow.rotate {
    transform: rotate(225deg);
}

.user-pic {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
}

.dropdown-menu {
    display: none;
    position: absolute;
    right: 0%;
    top: calc(100% + 10px);
    background: #17161d;
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    min-width: 160px;
    z-index: 1000;
    overflow: hidden;
}

.dropdown-menu form {
    margin: 0;
}

.logout-button {
    all: unset;
    /* сбрасывает стили по умолчанию кнопки */
    display: block;
    width: 100%;
    padding: 12px 16px;
    text-align: left;
    color: #ddd;
    cursor: pointer;
    transition: background 0.2s ease;
    font-family: inherit;
    font-size: 14px;
}

.logout-button:hover {
    background: rgba(228, 240, 255, 0.05);
}

pretty-json {
    --key-color: #f28b82;
    --arrow-color: #aaa;
    --brace-color: #80bfff;
    --bracket-color: #80bfff;
    --string-color: #57d97d;
    --number-color: #6cb8ff;
    --null-color: #999;
    --boolean-color: #f781d8;
    --comma-color: #777;
    --ellipsis-color: #999;
    --indent: 2rem;
    --font-family: monospace;
    --font-size: 1rem;
}

.apexcharts-grid-borders,
.apexcharts-xaxis-tick {
    opacity: .2
}

.apexcharts-xaxis-label {
    font-size: 14px;
    font-weight: 500;
    fill: rgba(255, 255, 255, .45)
}

.apexcharts-yaxistooltip {
    display: none
}

.apexcharts-tooltip {
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, .1) !important;
    background: rgba(255, 255, 255, .04) !important;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: 8px 12px
}

.apexcharts-tooltip span {
    font-size: 12px;
    color: rgba(255, 255, 255, .5);
    display: block;
    margin-bottom: 10px;
    font-weight: 500
}

.apexcharts-tooltip p {
    font-size: 12px;
    font-weight: 500
}

.apexcharts-tooltip b {
    display: block;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, .1);
    font-size: 24px;
    font-weight: 500
}

.apexcharts-tooltip b small {
    font-size: 12px;
    color: rgba(255, 255, 255, .5);
    font-weight: 500
}

.apexcharts-marker {
    stroke: var(--color-accent);
    stroke-opacity: 1;
    fill: #111015
}

.scroller-container:after,
.scroller-container:before {
    display: none
}

/* .scroller {
    display: flex;
    flex-direction: column;
    --scroll-height: 12px;
    margin-top: 24px;
    overflow-x: scroll;
} */

.scroller {
  display: flex;
  flex-direction: column;

  margin-top: 24px;

  overflow-x: auto;
  overflow-y: hidden;

  -webkit-overflow-scrolling: touch;

  scrollbar-width: none;
}

.table-scroller::-webkit-scrollbar {
  display: none;
}

.scroller-scrollbar {
    background: #27272f;
    border-radius: 6px;
    margin: 26px 0 12px;
    order: -1
}

.scroller-scrollbar:before {
    content: "Move the slider";
    display: block;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    opacity: .7;
    transform: translateY(-26px)
}

.scroller-handle {
    background: hsla(0, 0%, 100%, .14);
    border-radius: 4px;
    height: calc(100% - 4px);
    left: 2px;
    opacity: 1;
    top: 2px
}

.scroller-handle:before {
    background: #fff;
    border-radius: 100%;
    bottom: 0;
    content: "";
    height: 4px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 4px
}

.btn {
    cursor: pointer;
    color: #fff;
    border-radius: 8px;
    font-weight: 600;
    border: 0;
    background: var(--color-accent);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    padding: 12px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.btn-save {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.btn-add::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='10' fill='white' fill-opacity='0.05'/%3E%3Crect x='0.5' y='0.5' width='19' height='19' rx='9.5' stroke='white' stroke-opacity='0.05'/%3E%3Cpath d='M6 10H10M10 10H14M10 10V14M10 10V6' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center no-repeat
}

.btn:hover {
    background: #095edc
}

.btn-outline {
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .2)
}

.btn-outline:hover {
    background: rgba(255, 255, 255, .06)
}

.btn.download::after,
.btn.link::after {
    content: "";
    width: 16px;
    height: 16px;
    display: block;
    background-repeat: no-repeat;
    background-position: center
}

.btn.download::after {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 14H12M8 2V11.3333M8 11.3333L11.3333 8M8 11.3333L4.66667 8' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.btn.link::after {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.6655 3.33464H5.46549C4.71876 3.33464 4.34511 3.33464 4.0599 3.47996C3.80901 3.60779 3.60519 3.81162 3.47736 4.0625C3.33203 4.34772 3.33203 4.72136 3.33203 5.4681V10.5348C3.33203 11.2815 3.33203 11.6547 3.47736 11.9399C3.60519 12.1908 3.80901 12.395 4.0599 12.5228C4.34483 12.668 4.71803 12.668 5.4633 12.668H10.5341C11.2794 12.668 11.652 12.668 11.937 12.5228C12.1878 12.395 12.3924 12.1906 12.5202 11.9397C12.6654 11.6548 12.6654 11.282 12.6654 10.5367V9.33464M13.332 6.0013V2.66797M13.332 2.66797H9.9987M13.332 2.66797L8.66536 7.33464' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.btn-red {
    border-color: #ab040d;
    background: #ab040d
}

.btn-red:hover {
    border-color: #9a040c;
    background: #9a040c
}

.btn-text {
    color: rgba(255, 255, 255, .6);
    background: 0 0
}

.btn-text:hover {
    color: #fff;
    background: 0 0
}

.btn-fluid {
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 12px 16px !important;
    font-size: 14px
}

.btn-transparent {
    background: hsla(0, 0%, 100%, .1)
}

.btn-transparent:hover {
    background: hsla(0, 0%, 100%, .12)
}

.btn-sm {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 6px;
    line-height: 24px;
    border-radius: 8px;
    cursor: pointer;
    font-weight: 600;
    background: rgba(255, 255, 255, .07);
    color: #fff;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.btn-delete-no:hover {
    background: rgba(255, 255, 255, .14)
}

.btn-delete-yes {
    background: var(--color-accent)
}

.btn-delete-yes:hover {
    background: #095edc
}

.btn-delete {
    width: 48px;
    height: 48px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, .16);
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.99935 4V11.8667C3.99935 12.6134 3.99935 12.9865 4.14467 13.2717C4.2725 13.5226 4.47633 13.727 4.72721 13.8548C5.01215 14 5.38534 14 6.13062 14H9.86808C10.6134 14 10.986 14 11.2709 13.8548C11.5218 13.727 11.7263 13.5226 11.8542 13.2717C11.9993 12.9868 11.9993 12.614 11.9993 11.8687V4M3.99935 4H5.33268M3.99935 4H2.66602M5.33268 4H10.666M5.33268 4C5.33268 3.37874 5.33268 3.06827 5.43418 2.82324C5.5695 2.49654 5.8289 2.23682 6.1556 2.10149C6.40063 2 6.71143 2 7.33268 2H8.66602C9.28727 2 9.5979 2 9.84293 2.10149C10.1696 2.23682 10.4291 2.49654 10.5645 2.82324C10.6659 3.06827 10.666 3.37875 10.666 4M10.666 4H11.9993M11.9993 4H13.3327' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-color: transparent;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.btn-delete:hover {
    border-color: #f31a28;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.99935 4V11.8667C3.99935 12.6134 3.99935 12.9865 4.14467 13.2717C4.2725 13.5226 4.47633 13.727 4.72721 13.8548C5.01215 14 5.38534 14 6.13062 14H9.86808C10.6134 14 10.986 14 11.2709 13.8548C11.5218 13.727 11.7263 13.5226 11.8542 13.2717C11.9993 12.9868 11.9993 12.614 11.9993 11.8687V4M3.99935 4H5.33268M3.99935 4H2.66602M5.33268 4H10.666M5.33268 4C5.33268 3.37874 5.33268 3.06827 5.43418 2.82324C5.5695 2.49654 5.8289 2.23682 6.1556 2.10149C6.40063 2 6.71143 2 7.33268 2H8.66602C9.28727 2 9.5979 2 9.84293 2.10149C10.1696 2.23682 10.4291 2.49654 10.5645 2.82324C10.6659 3.06827 10.666 3.37875 10.666 4M10.666 4H11.9993M11.9993 4H13.3327' stroke='%23F31A28' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-color: rgba(243, 26, 40, .0784313725)
}


.checkbox span {
    cursor: pointer;
    position: relative
}

.checkbox span:before {
    background-position: 50%;
    background-repeat: no-repeat;
    border: 1px solid hsla(203, 9%, 45%, .5);
    border-radius: 2px;
    content: "";
    cursor: pointer;
    display: block;
    height: 16px;
    transition: var(--transition-ms);
    width: 16px
}

.checkbox span:after {
    bottom: -4px;
    content: "";
    left: -4px;
    position: absolute;
    right: -4px;
    top: -4px
}

.checkbox input {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    border: 0 !important;
    height: 1px !important;
    overflow: hidden;
    padding: 0 !important;
    width: 1px !important
}

.checkbox input:checked+span:before {
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23000' d='M6.883 10.548 4.691 8.356l.67-.67 1.522 1.522 3.756-3.756.67.67z'/%3E%3C/svg%3E");
    border-color: #fff
}

.label,
.label>span {
    display: block
}

.label>span {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
    margin-bottom: 12px
}

.label-title {
    color: hsla(0, 0%, 100%, .5);
    font-size: 12px !important
}

.label.fluid {
    flex: initial;
    width: 100%
}

.breadcrumbs {
    color: hsla(0, 0%, 100%, .5);
    display: block;
    font-size: 12px;
    line-height: 16px
}

.breadcrumbs li {
    display: inline
}

.breadcrumbs li:after {
    content: ">";
    display: inline-block;
    margin: 0 4px;
    vertical-align: middle
}

.breadcrumbs li a {
    transition: var(--transition-ms)
}

.breadcrumbs li a:hover,
.breadcrumbs li:last-child {
    color: #fff
}

.breadcrumbs li:last-child:after {
    display: none
}

.breadcrumbs+.cyc-search__form {
    margin-top: 20px
}

.label {
    display: block
}

.label > span {
    display: block;
    margin-bottom: 12px;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 500
}

.label.fluid {
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
    width: 100%
}

.label-select option::before {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    background: var(--color, #fff);
    border-radius: 100%;
    margin-right: 12px
}

.label-select .ts-control {
    padding: 0 !important;
    border: 0;
    border-radius: 0;
    background: 0 0
}

.label-select .ts-control input {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    margin: 0 !important;
    background-color: rgba(255, 255, 255, .02) !important;
    width: 100%;
    padding: 12px 16px !important;
    font-size: 14px !important;
    line-height: 22px !important;
    font-weight: 600 !important;
    border-radius: 8px !important;
    cursor: pointer !important;
    color: #fff !important;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.661844 1.78695L1.57184 0.876952L4.00084 3.35495L6.42984 0.876953L7.33984 1.78695L4.00084 5.12595L0.661844 1.78695Z' fill='white'/%3E%3C/svg%3E%0A") !important;
    background-repeat: no-repeat !important;
    background-position: right 16px center !important
}

.label-select .ts-control input[aria-expanded=true] {
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-bottom: 0 !important;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.33816 4.21305L6.42816 5.12305L3.99916 2.64505L1.57016 5.12305L0.660156 4.21305L3.99916 0.874047L7.33816 4.21305Z' fill='white'/%3E%3C/svg%3E%0A") !important
}

.label-select .ts-control input + span {
    width: 100%
}

.label-select .ts-wrapper.multi.has-items .ts-control {
    padding-top: 0 !important
}

.label-select .ts-wrapper.multi .ts-control > div {
    background: rgba(255, 255, 255, .06);
    padding: 8px 12px;
    margin: 0 12px 12px 0;
    border-radius: 8px;
    color: #fff;
    font-weight: 600;
    font-size: 12px;
    line-height: 20px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.label-select .ts-wrapper.multi .ts-control > div span {
    width: 8px;
    height: 8px;
    border-radius: 100%;
    margin-right: 6px;
    margin-bottom: 0
}

.label-select .ts-wrapper.plugin-remove_button .item .remove {
    border: 0;
    border-radius: 100%;
    margin-right: 8px;
    padding: 0;
    font-size: 22px;
    color: rgba(255, 255, 255, .6)
}

.label-select .ts-dropdown [data-selectable].option {
    padding: 8px 16px;
    font-size: 14px;
    line-height: 22px;
    color: #fff
}

.label-select .ts-dropdown [data-selectable].option:last-child {
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px
}

.label-select .ts-dropdown [data-selectable].option.active {
    background: #444
}

.label-select .ts-dropdown [data-selectable].option span {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    margin-right: 12px;
    margin-bottom: 0
}

.label-select .ts-dropdown {
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    background: #222128;
    border: 1px solid rgba(255, 255, 255, .16);
    border-top: 0;
    font-size: 14px;
    line-height: 1.6;
    color: #fff;
    font-weight: 600;
    margin: 0
}

.label-select .input-hidden .ts-control > input {
    opacity: 1 !important;
    position: relative !important;
    left: 0 !important
}

.label-select .ts-dropdown .create,
.label-select .ts-dropdown .no-results,
.label-select .ts-dropdown .optgroup-header,
.label-select .ts-dropdown .option {
    padding: 8px 16px
}

.label-pass {
    position: relative;
    display: block
}

.label-pass-visible {
    position: absolute;
    margin: 0 !important;
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.3866 7.99995C10.3866 9.31995 9.31995 10.3866 7.99995 10.3866C6.67995 10.3866 5.61328 9.31995 5.61328 7.99995C5.61328 6.67995 6.67995 5.61328 7.99995 5.61328C9.31995 5.61328 10.3866 6.67995 10.3866 7.99995Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.9999 13.5136C10.3532 13.5136 12.5466 12.1269 14.0732 9.72689C14.6732 8.78689 14.6732 7.20689 14.0732 6.26689C12.5466 3.86689 10.3532 2.48022 7.9999 2.48022C5.64656 2.48022 3.45323 3.86689 1.92656 6.26689C1.32656 7.20689 1.32656 8.78689 1.92656 9.72689C3.45323 12.1269 5.64656 13.5136 7.9999 13.5136Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center no-repeat;
    cursor: pointer;
    z-index: 10;
    bottom: 15px;
    right: 15px
}

.label-pass-visible.show {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.68661 6.31328L6.31328 9.68661C5.87995 9.25328 5.61328 8.65995 5.61328 7.99995C5.61328 6.67995 6.67995 5.61328 7.99995 5.61328C8.65995 5.61328 9.25328 5.87995 9.68661 6.31328Z' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.8799 3.84657C10.7132 2.96657 9.3799 2.48657 7.9999 2.48657C5.64656 2.48657 3.45323 3.87324 1.92656 6.27324C1.32656 7.21324 1.32656 8.79324 1.92656 9.73324C2.45323 10.5599 3.06656 11.2732 3.73323 11.8466' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.61328 13.0202C6.37328 13.3402 7.17995 13.5135 7.99995 13.5135C10.3533 13.5135 12.5466 12.1269 14.0733 9.72687C14.6733 8.78687 14.6733 7.20687 14.0733 6.26687C13.8533 5.9202 13.6133 5.59353 13.3666 5.28687' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M10.339 8.4668C10.1657 9.4068 9.39898 10.1735 8.45898 10.3468' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.31301 9.68652L1.33301 14.6665' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.6665 1.33325L9.68652 6.31325' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.input {
    display: block;
    width: 100%;
    padding: 14px 16px;
    height: 46px;
    line-height: 16px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .16);
    color: #fff;
    position: relative
}

.input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

.input:-moz-placeholder {
    color: rgba(255, 255, 255, .6)
}

.input::-moz-placeholder {
    color: rgba(255, 255, 255, .6)
}

.input:-ms-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

.input-query {
    height: auto;
    min-height: 46px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px 12px;
    color: rgba(255, 255, 255, .5)
}

.input-query i {
    display: inline-block;
    padding: 3px 7px;
    line-height: 20px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .05);
    font-style: normal;
    color: #fff
}

.input-query i.or {
    background: rgba(215, 252, 66, .15)
}

.input-query i.and {
    background: rgba(34, 119, 246, .27)
}

.input-link {
    padding-right: 48px !important
}

.input-link::after {
    content: "";
    position: absolute;
    top: 0;
    right: 16px;
    bottom: 0;
    margin: auto 0;
    width: 16px;
    height: 16px;
    display: block;
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66696 3.33464H5.46696C4.72022 3.33464 4.34658 3.33464 4.06136 3.47996C3.81048 3.60779 3.60665 3.81162 3.47882 4.0625C3.3335 4.34772 3.3335 4.72136 3.3335 5.4681V10.5348C3.3335 11.2815 3.3335 11.6547 3.47882 11.9399C3.60665 12.1908 3.81048 12.395 4.06136 12.5228C4.3463 12.668 4.71949 12.668 5.46477 12.668H10.5356C11.2808 12.668 11.6535 12.668 11.9384 12.5228C12.1893 12.395 12.3938 12.1906 12.5216 11.9397C12.6668 11.6548 12.6668 11.282 12.6668 10.5367V9.33464M13.3335 6.0013V2.66797M13.3335 2.66797H10.0002M13.3335 2.66797L8.66683 7.33464' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center no-repeat
}

.input-link:hover {
    background: rgba(255, 255, 255, .06)
}

a.input > span,
p.input > span {
    display: block;
    /* display: -webkit-box; */
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

a.input > span,
div.input > span,
p.input > span {
    display: block;
    /* display: -webkit-box; */
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

a.input.no-border,
div.input.no-border,
p.input.no-border {
    height: auto;
    min-height: 46px;
    border: 0;
    font-size: 14px;
    padding: 12px 16px;
    line-height: 20px
}

a.input.flex,
div.input.flex,
p.input.flex {
    padding-top: 0;
    padding-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

a.input.flex .p-created,
div.input.flex .p-created,
p.input.flex .p-created {
    margin-left: auto
}

.textarea {
    display: block;
    width: 100%;
    padding: 14px 16px;
    min-height: 132px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .16);
    color: #fff;
    position: relative;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    resize: none;
    line-height: 1.6
}

.textarea::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

.textarea:-moz-placeholder {
    color: rgba(255, 255, 255, .6)
}

.textarea::-moz-placeholder {
    color: rgba(255, 255, 255, .6)
}

.textarea:-ms-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

.select {
    display: block;
    /* width: 100%; */
    height: 46px;
    border-radius: 8px;
    background: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.678049 1.784L1.45505 1L3.98905 3.576L6.52305 1L7.30005 1.784L3.98905 5.095L0.678049 1.784Z' fill='white'/%3E%3C/svg%3E%0A") right 16px center no-repeat rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .16);
    font-weight: 500;
    line-height: 22px;
    padding: 12px 38px 12px 16px;
    position: relative;
    color: #fff;
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.select.js-dropdown {
    padding: 0
}

.select.js-dropdown .ts-control {
    padding: 12px 38px 12px 16px !important;
    background: 0 0 !important;
    color: #fff;
    font-size: 14px;
    border: 0;
    cursor: pointer !important
}

.select.js-dropdown .ts-control input {
    display: none !important
}

.select.js-dropdown .ts-control .item {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.select.js-dropdown .ts-dropdown {
    margin-top: 6px;
    background: #1e1d24;
    border: 1px solid rgba(255, 255, 255, .05);
    border-radius: 8px;
    color: rgba(255, 255, 255, .6);
    padding: 8px 16px;
    line-height: 20px;
    font-size: 14px;
    left: -1px;
    width: calc(100% + 2px)
}

.select.js-dropdown .ts-dropdown .option {
    padding: 4px 0;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.select.js-dropdown .ts-dropdown .option.active {
    color: #fff;
    background: 0 0
}

.select.js-dropdown.dropdown-active {
    border: 1px solid rgba(255, 255, 255, .16)
}

.select.js-dropdown.disabled {
    color: rgba(255, 255, 255, .6);
    cursor: not-allowed !important;
    border: 1px solid rgba(255, 255, 255, 0);
    opacity: 1
}

.icon {
    display: block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    background-position: center
}

.icon.download {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 14H12M8 2V11.3333M8 11.3333L11.3333 8M8 11.3333L4.66667 8' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.icon.link {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66696 3.33464H5.46696C4.72022 3.33464 4.34658 3.33464 4.06136 3.47996C3.81048 3.60779 3.60665 3.81162 3.47882 4.0625C3.3335 4.34772 3.3335 4.72136 3.3335 5.4681V10.5348C3.3335 11.2815 3.3335 11.6547 3.47882 11.9399C3.60665 12.1908 3.81048 12.395 4.06136 12.5228C4.3463 12.668 4.71949 12.668 5.46477 12.668H10.5356C11.2808 12.668 11.6535 12.668 11.9384 12.5228C12.1893 12.395 12.3938 12.1906 12.5216 11.9397C12.6668 11.6548 12.6668 11.282 12.6668 10.5367V9.33464M13.3335 6.0013V2.66797M13.3335 2.66797H10.0002M13.3335 2.66797L8.66683 7.33464' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.icon.delete {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6668 6V12.6667H5.3335V6H10.6668ZM9.66683 2H6.3335L5.66683 2.66667H3.3335V4H12.6668V2.66667H10.3335L9.66683 2ZM12.0002 4.66667H4.00016V12.6667C4.00016 13.4 4.60016 14 5.3335 14H10.6668C11.4002 14 12.0002 13.4 12.0002 12.6667V4.66667Z' fill='white'/%3E%3C/svg%3E%0A")
}

.icon.edit {
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.83958 2.39982L3.36624 8.19315C3.15958 8.41315 2.95958 8.84649 2.91958 9.14649L2.67291 11.3065C2.58624 12.0865 3.14624 12.6198 3.91958 12.4865L6.06624 12.1198C6.36624 12.0665 6.78624 11.8465 6.99291 11.6198L12.4662 5.82649C13.4129 4.82649 13.8396 3.68649 12.3662 2.29315C10.8996 0.913152 9.78624 1.39982 8.83958 2.39982Z' stroke='white' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath opacity='0.4' d='M7.92578 3.3667C8.21245 5.2067 9.70578 6.61337 11.5591 6.80003' stroke='white' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath opacity='0.4' d='M2 14.6665H14' stroke='white' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.checkbox-inline-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #1e1d24;
    border: 1px solid #35343a;
    border-radius: 8px;
    padding: 3px;
    gap: 4px
}

.checkbox-inline {
    min-width: 100px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.checkbox-inline span {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: rgba(255, 255, 255, .7);
    background: rgba(255, 255, 255, .08);
    font-weight: 500;
    border-radius: 6px;
    padding: 8px;
    line-height: 20px;
    cursor: pointer;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.checkbox-inline span:hover {
    background: rgba(255, 255, 255, .16)
}

.checkbox-inline input {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden
}

.checkbox-inline input:checked + span {
    background: #fff;
    color: var(--color-black)
}

.breadcrumbs {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: rgba(255, 255, 255, .5)
}

.breadcrumbs li {
    display: inline
}

.breadcrumbs li::after {
    content: ">";
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px
}

.breadcrumbs li a {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.breadcrumbs li a:hover {
    color: #fff
}

.breadcrumbs li:last-child::after {
    display: none
}

.breadcrumbs + .cyc-search__form {
    margin-top: 20px
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0
}

.input,
.select,
.textarea {
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.input[disabled],
.select[disabled],
.textarea[disabled] {
    color: rgba(255, 255, 255, .6);
    cursor: not-allowed;
    border: 1px solid rgba(255, 255, 255, 0);
    opacity: 1
}

.label-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px
}

.label-list li {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 6px
}

.label-list li p {
    color: rgba(255, 255, 255, .7);
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.label-list li b {
    font-weight: 600
}

.hljs {
    display: block;
    overflow-x: auto;
    padding: .5em;
    color: #abb2bf;
    background: #282c34
}

.hljs-comment,
.hljs-quote {
    color: #5c6370;
    font-style: italic
}

.hljs-doctag,
.hljs-formula,
.hljs-keyword {
    color: #c678dd
}

.hljs-deletion,
.hljs-name,
.hljs-section,
.hljs-selector-tag,
.hljs-subst {
    color: #e06c75
}

.hljs-literal {
    color: #56b6c2
}

.hljs-addition,
.hljs-attribute,
.hljs-meta-string,
.hljs-regexp,
.hljs-string {
    color: #98c379
}

.hljs-built_in,
.hljs-class .hljs-title {
    color: #e6c07b
}

.hljs-attr,
.hljs-number,
.hljs-selector-attr,
.hljs-selector-class,
.hljs-selector-pseudo,
.hljs-template-variable,
.hljs-type,
.hljs-variable {
    color: #d19a66
}

.hljs-bullet,
.hljs-link,
.hljs-meta,
.hljs-selector-id,
.hljs-symbol,
.hljs-title {
    color: #61aeee
}

.hljs-emphasis {
    font-style: italic
}

.hljs-strong {
    font-weight: 700
}

.hljs-link {
    text-decoration: underline
}

.nice-select {
    background: rgba(255, 255, 255, .04);
    padding: 8px 30px 8px 16px;
    height: auto;
    font-size: 12px;
    font-weight: 500;
    border-radius: 99px;
    border: 1px solid rgba(255, 255, 255, .1);
    line-height: 16px
}

.nice-select::after {
    border-color: #fff;
    right: 16px;
    margin-top: -3px
}

.nice-select .nice-select-dropdown {
    background: #1c1b20;
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 4px;
    left: initial;
    right: 0
}

.nice-select .option {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    padding: 8px 16px
}

.nice-select .option.focus,
.nice-select .option.selected.focus,
.nice-select .option:hover {
    background: rgba(255, 255, 255, .06)
}

.nice-select.open,
.nice-select:active,
.nice-select:focus,
.nice-select:hover {
    border-color: rgba(255, 255, 255, .2)
}

.nice-select.right {
    float: left
}

.nice-select.right .nice-select-dropdown {
    left: initial;
    right: 0
}

.scroller,
.scroller * {
    -webkit-user-select: auto !important;
    -moz-user-select: auto !important;
    user-select: auto !important
}

.scroller-container {
    cursor: auto !important
}

code,
kbd,
pre,
samp {
    line-height: 1.6;
    overflow: auto
}

code::-webkit-scrollbar,
kbd::-webkit-scrollbar,
pre::-webkit-scrollbar,
samp::-webkit-scrollbar {
    height: 2px;
    width: 2px
}

code::-webkit-scrollbar-track,
kbd::-webkit-scrollbar-track,
pre::-webkit-scrollbar-track,
samp::-webkit-scrollbar-track {
    background: hsla(0, 0%, 100%, .1)
}

code::-webkit-scrollbar-thumb,
kbd::-webkit-scrollbar-thumb,
pre::-webkit-scrollbar-thumb,
samp::-webkit-scrollbar-thumb {
    background: #fff;
    background-clip: padding-box;
    border-radius: 0
}

.air-datepicker {
    --adp-background-color: #1e1d24;
    --adp-background-color-hover: hsla(0, 0%, 100%, .05);
    --adp-background-color-active: hsla(0, 0%, 100%, .07);
    --adp-border-color: hsla(0, 0%, 100%, .16);
    --adp-border-color-inner: hsla(0, 0%, 100%, .16);
    --adp-color: #fff;
    --adp-color-secondary: hsla(0, 0%, 100%, .3);
    --adp-color-other-month: hsla(0, 0%, 100%, .3);
    --adp-color-disabled: hsla(0, 0%, 100%, .5);
    --adp-color-current-date: #2277f6;
    --adp-cell-background-color-hover: hsla(0, 0%, 100%, .05);
    --adp-cell-background-color-selected: #2277f6;
    --adp-cell-background-color-selected-hover: #2277f6;
    --adp-cell-background-color-in-range: hsla(0, 0%, 100%, .05);
    --adp-cell-background-color-in-range-hover: hsla(0, 0%, 100%, .05);
    --adp-day-name-color: hsla(0, 0%, 100%, .3);
    --adp-padding: 16px;
    --adp-width: 312px;
    --adp-day-cell-height: 40px;
    --adp-cell-border-radius: 6px;
    font-weight: 600
}

.air-datepicker-cell.-weekend- {
    color: #dd052b
}

.air-datepicker-cell.-disabled- {
    color: var(--adp-color-disabled) !important
}

.air-datepicker-cell.-day-.-other-month-,
.air-datepicker-cell.-year-.-other-decade- {
    color: var(--adp-color-other-month) !important
}

.air-datepicker-nav {
    padding: 8px var(--adp-padding)
}

.air-datepicker--pointer {
    display: none !important
}

.fancybox__container {
    --fancybox-bg: rgba(0, 0, 0, .4)
}

.switch {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    gap: 12px
}

.switch input {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    border: 0 !important;
    height: 1px !important;
    overflow: hidden;
    padding: 0 !important;
    width: 1px !important
}

.switch input:checked+p+span {
    background: var(--color-accent)
}

.switch input:checked+p+span:before {
    left: 20px
}

.switch p {
    flex: 1;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.6
}

.switch span {
    background: #32303c;
    border-radius: 99px;
    display: block;
    height: 20px;
    position: relative;
    transition: var(--transition-ms);
    width: 38px
}

.switch span:before {
    background: #fff;
    border-radius: 100%;
    content: "";
    height: 16px;
    left: 2px;
    position: absolute;
    top: 2px;
    transition: var(--transition-ms);
    width: 16px
}

.dashboard {
    min-height: 100dvh;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative
}

.dashboard-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 32px
}

.dashboard-map {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.dashboard-map::before {
    content: "";
    position: absolute;
    bottom: -220px;
    right: -170px;
    width: 577px;
    height: 577px;
    border-radius: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(22, 177, 255, .02)), color-stop(50%, #16b1ff), to(rgba(22, 177, 255, .02)));
    background: -o-linear-gradient(top, rgba(22, 177, 255, .02) 0, #16b1ff 50%, rgba(22, 177, 255, .02) 100%);
    background: linear-gradient(180deg, rgba(22, 177, 255, .02) 0, #16b1ff 50%, rgba(22, 177, 255, .02) 100%);
    opacity: .2;
    -webkit-filter: blur(150px);
    filter: blur(150px);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: -1
}

.dashboard-map__content {
    max-width: 700px;
    width: 100%;
    margin-right: 75px
}

.dashboard-map .nice-select.selectize {
    margin-left: auto
}

.dashboard-map__list {
    width: 100%
}

.dashboard-map__list li {
    padding: 16px 12px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 10px
}

.dashboard-map__list li img {
    width: 22px
}

.dashboard-map__list li p {
    width: calc(100% - 80px - 20px - 22px);
    line-height: 16px
}

.dashboard-map__list li span {
    width: 80px;
    text-align: right;
    font-size: 12px;
    display: block;
    margin-top: 2px
}

.dashboard-map__list li::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: var(--color-accent);
    width: var(--width)
}

.dashboard-map__list li:nth-child(2n) {
    background: rgba(255, 255, 255, .03)
}

.dashboard-map__container {
    width: calc(100% - 700px - 75px);
    max-width: 820px;
    margin: 0 auto;
    position: relative
}

.dashboard-map__info {
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .1);
    background: rgba(255, 255, 255, .04);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    -webkit-box-shadow: none;
    box-shadow: none;
    padding: 8px 12px;
    max-width: 200px
}

.dashboard-map__info img {
    margin-bottom: 10px
}

.dashboard-map__info p {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

.dashboard-map__info b {
    display: block;
    margin-top: 10px;
    font-size: 12px;
    font-weight: 500
}

.dashboard-map__info b small {
    font-size: 12px;
    color: rgba(255, 255, 255, .5);
    font-weight: 500;
    display: inline-block;
    margin-left: 4px
}

.dashboard-graph {
    width: calc(100% - 32px - 540px)
}

.dashboard-graph::before {
    content: "";
    position: absolute;
    bottom: -230px;
    right: -194px;
    width: 577px;
    height: 577px;
    border-radius: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(22, 177, 255, .02)), color-stop(50%, #16b1ff), to(rgba(22, 177, 255, .02)));
    background: -o-linear-gradient(top, rgba(22, 177, 255, .02) 0, #16b1ff 50%, rgba(22, 177, 255, .02) 100%);
    background: linear-gradient(180deg, rgba(22, 177, 255, .02) 0, #16b1ff 50%, rgba(22, 177, 255, .02) 100%);
    opacity: .2;
    -webkit-filter: blur(150px);
    filter: blur(150px);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: -1
}

.dashboard-graph__filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    width: 100%;
    margin: 24px 0 0;
    gap: 4px
}

.dashboard-graph__filter button {
    padding: 6px 12px;
    border-radius: 99px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid transparent;
    cursor: pointer;
    color: rgba(255, 255, 255, .8);
    font-size: 12px;
    line-height: 16px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.dashboard-graph__filter button.active {
    border-color: rgba(255, 255, 255, .05);
    color: var(--color-accent)
}

.dashboard-graph__filter button:hover {
    border-color: rgba(255, 255, 255, .05)
}

.dashboard-graph__result {
    margin-left: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px;
    padding: 7px 15px;
    border-radius: 99px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .1);
    font-size: 12px;
    line-height: 16px;
    margin-bottom: auto
}

.dashboard-graph__result b {
    font-weight: 400
}

.dashboard-graph__result::before {
    display: block;
    width: 16px;
    height: 8px;
    background-repeat: no-repeat;
    background-position: center
}

.dashboard-graph__result.down::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='8' viewBox='0 0 16 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 8C15.2761 8 15.5 7.77614 15.5 7.5V3C15.5 2.72386 15.2761 2.5 15 2.5C14.7239 2.5 14.5 2.72386 14.5 3V7H10.5C10.2239 7 10 7.22386 10 7.5C10 7.77614 10.2239 8 10.5 8H15ZM0.1 0.8C0.890528 1.85404 2.30759 3.13694 3.575 4.0875C4.21086 4.5644 4.82952 4.97315 5.33299 5.23328C5.58136 5.3616 5.82632 5.46678 6.04448 5.51866C6.15334 5.54455 6.28025 5.56332 6.41034 5.55193C6.54252 5.54034 6.71358 5.49353 6.85355 5.35355L6.14645 4.64645C6.22392 4.56897 6.30514 4.55731 6.32306 4.55574C6.33889 4.55435 6.32712 4.55799 6.27583 4.54579C6.17368 4.5215 6.01239 4.45871 5.79201 4.34485C5.35798 4.1206 4.78914 3.7481 4.175 3.2875C2.94241 2.36306 1.60947 1.14596 0.9 0.2L0.1 0.8ZM6.85355 5.35355C7.50178 4.70533 8.21289 3.99735 8.87572 3.56606C9.20721 3.35037 9.48191 3.23456 9.69554 3.20736C9.88145 3.18369 10.0175 3.22457 10.1464 3.35355L10.8536 2.64645C10.4825 2.27543 10.0279 2.15697 9.56923 2.21537C9.13829 2.27024 8.71451 2.47791 8.33034 2.72787C7.56186 3.2279 6.77297 4.01992 6.14645 4.64645L6.85355 5.35355ZM10.1464 3.35355L14.6464 7.85355L15.3536 7.14645L10.8536 2.64645L10.1464 3.35355Z' fill='%23F5A813'/%3E%3C/svg%3E%0A")
}

.dashboard-graph__result.down b {
    color: #f5a813
}

.dashboard-graph__result.up::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='8' viewBox='0 0 16 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15 0C15.2761 0 15.5 0.223858 15.5 0.5V5C15.5 5.27614 15.2761 5.5 15 5.5C14.7239 5.5 14.5 5.27614 14.5 5V1H10.5C10.2239 1 10 0.776142 10 0.5C10 0.223858 10.2239 0 10.5 0H15ZM0.1 7.2C0.890528 6.14596 2.30759 4.86306 3.575 3.9125C4.21086 3.4356 4.82952 3.02685 5.33299 2.76672C5.58136 2.6384 5.82632 2.53322 6.04448 2.48134C6.15334 2.45545 6.28025 2.43668 6.41034 2.44807C6.54252 2.45966 6.71358 2.50647 6.85355 2.64645L6.14645 3.35355C6.22392 3.43103 6.30514 3.44269 6.32306 3.44426C6.33889 3.44565 6.32712 3.44201 6.27583 3.45421C6.17368 3.4785 6.01239 3.54129 5.79201 3.65515C5.35798 3.8794 4.78914 4.2519 4.175 4.7125C2.94241 5.63694 1.60947 6.85404 0.9 7.8L0.1 7.2ZM6.85355 2.64645C7.50178 3.29467 8.21289 4.00265 8.87572 4.43394C9.20721 4.64963 9.48191 4.76544 9.69554 4.79264C9.88145 4.81631 10.0175 4.77543 10.1464 4.64645L10.8536 5.35355C10.4825 5.72457 10.0279 5.84303 9.56923 5.78463C9.13829 5.72976 8.71451 5.52209 8.33034 5.27213C7.56186 4.7721 6.77297 3.98008 6.14645 3.35355L6.85355 2.64645ZM10.1464 4.64645L14.6464 0.146447L15.3536 0.853553L10.8536 5.35355L10.1464 4.64645Z' fill='%2303C444'/%3E%3C/svg%3E%0A")
}

.dashboard-graph__result.up b {
    color: #03c444
}

.dashboard-stats {
    width: 540px
}

.dashboard-stats::before {
    content: "";
    position: absolute;
    bottom: 30px;
    right: -194px;
    width: 577px;
    height: 577px;
    border-radius: 100%;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(22, 177, 255, .02)), color-stop(50%, #16b1ff), to(rgba(22, 177, 255, .02)));
    background: -o-linear-gradient(top, rgba(22, 177, 255, .02) 0, #16b1ff 50%, rgba(22, 177, 255, .02) 100%);
    background: linear-gradient(180deg, rgba(22, 177, 255, .02) 0, #16b1ff 50%, rgba(22, 177, 255, .02) 100%);
    opacity: .2;
    -webkit-filter: blur(150px);
    filter: blur(150px);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: -1
}

.dashboard-map .nice-select.selectize,
.dashboard-stats .nice-select.selectize {
    margin-top: 12px;
    margin-left: auto;
    float: initial
}

.dashboard-map .selectize:not(.nice-select),
.dashboard-stats .selectize:not(.nice-select) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    height: 0;
    overflow: hidden;
    display: none
}

.nice-select.right .nice-select-dropdown {
    left: 0;
    right: initial
}

.dashboard-stats__list {
    width: 100%
}

.dashboard-stats__list li {
    padding: 16px 0;
    position: relative;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.dashboard-stats__list li p {
    width: calc(100% - 80px)
}

.dashboard-stats__list li span {
    width: 80px;
    text-align: right;
    font-size: 12px;
    display: block;
    margin-top: 2px
}

.dashboard-stats__list li::before {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
    height: 1px;
    background: var(--color-accent);
    width: var(--width)
}

.dashboard-block {
    padding: 24px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .1);
    position: relative;
    overflow: hidden
}

.dashboard-block__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px
}

.dashboard-block__title h2 {
    font-size: 28px;
    font-weight: 500;
    line-height: 38px
}

.dashboard-block__title h2.big {
    font-size: 48px;
    line-height: 64px
}

.dashboard-block__title p {
    font-size: 12px;
    margin-top: 4px;
    line-height: 16px;
    color: rgba(255, 255, 255, .8)
}

.sidebar {
    background: #17161d;
    border-right: 1px solid hsla(0, 0%, 100%, .1);
    height: 100dvh;
    left: 0;
    position: sticky;
    top: 0;
    transition: var(--transition-ms);
    width: 266px;
    z-index: 100
}

.sidebar-logo {
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    display: flex;
    flex-wrap: wrap;
    height: 66px;
    overflow: hidden;
    padding: 0 35px;
    width: 100%
}

.sidebar-logo img {
    max-width: none
}

.sidebar-nav {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 4px;
    margin-top: 24px;
    padding: 12px;
    transition: var(--transition-ms);
    width: 100%
}

.sidebar-nav__item,
.sidebar-nav__item>a {
    position: relative;
    width: 100%
}

.sidebar-nav__item>a {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 12px;
    display: flex;
    font-size: 14px;
    font-weight: 500;
    gap: 16px;
    min-height: 48px;
    opacity: .5;
    padding: 7px 11px;
    transition: var(--transition-ms)
}

.sidebar-nav__item>a:after {
    background: rgba(228, 240, 255, .04) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M11.548 8.773a.363.363 0 0 0-.512 0l-.57.565a.363.363 0 0 0 .004.518l1.946 1.883a.363.363 0 0 1 0 .522l-1.946 1.884a.363.363 0 0 0-.004.518l.57.565c.142.141.37.14.512 0l2.97-2.971a.363.363 0 0 0 0-.513z'/%3E%3C/svg%3E") no-repeat 50%;
    border-radius: 100%;
    content: "";
    display: block;
    height: 24px;
    margin-left: auto;
    width: 24px
}

.sidebar-nav__item>a img,
.sidebar-nav__item>a svg {
    display: block;
    height: 18px;
    width: 18px
}

.sidebar-nav__item>a svg {
    color: #fff;
    transition: color var(--transition-ms)
}

.sidebar-nav__item>a span {
    display: block;
    line-height: 18px;
    overflow: hidden;
    transition: var(--transition-ms);
    white-space: nowrap;
    width: 140px
}

.sidebar-nav__item>a span small {
    display: block;
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    margin-top: 2px
}

.sidebar-nav__item>a span small.g {
    color: #39e15e
}

.sidebar-nav__item>a span small.r {
    color: #f31a27
}

.sidebar-nav__item.active>a,
.sidebar-nav__item>a:hover {
    background: hsla(0, 0%, 100%, .03);
    border-color: hsla(0, 0%, 100%, .05);
    opacity: 1
}

.sidebar-nav__item.active>a svg,
.sidebar-nav__item>a:hover svg {
    color: #22b5ff
}

.sidebar-nav__item:hover .sidebar-nav__dropdown {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(24px)
}

.sidebar-nav__dropdown {
    background: #1e1d24;
    border: 1px solid #2a2930;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 4px;
    left: 100%;
    opacity: 0;
    padding: 6px;
    position: absolute;
    top: 0;
    transition: var(--transition-ms);
    width: 200px
}

.sidebar-nav__dropdown:before {
    bottom: 0;
    content: "";
    left: -24px;
    position: absolute;
    top: 0;
    width: 24px
}

.sidebar-nav__dropdown li a {
    align-items: center;
    border-radius: 6px;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 6px
}

.sidebar-nav__dropdown li a img,
.sidebar-nav__dropdown li a svg {
    display: block;
    height: 14px;
    width: 14px
}

.sidebar-nav__dropdown li a span {
    display: block;
    font-size: 14px;
    line-height: 18px
}

.sidebar-nav__dropdown li a:hover {
    background: hsla(0, 0%, 100%, .03)
}

.sidebar-toggle {
    background: rgba(228, 240, 255, .04) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M11.548 8.773a.363.363 0 0 0-.512 0l-.57.565a.363.363 0 0 0 .004.518l1.946 1.883a.363.363 0 0 1 0 .522l-1.946 1.884a.363.363 0 0 0-.004.518l.57.565c.142.141.37.14.512 0l2.97-2.971a.363.363 0 0 0 0-.513z'/%3E%3C/svg%3E") no-repeat 50%;
    border-radius: 100%;
    bottom: 21px;
    cursor: pointer;
    height: 18px;
    position: absolute;
    right: 21px;
    transform: rotate(180deg);
    transition: var(--transition-ms);
    width: 18px
}

.sidebar-toggle:hover {
    background-color: rgba(228, 240, 255, .16)
}

.sidebar-copy {
    bottom: 0;
    font-size: 10px;
    font-weight: 300;
    left: 0;
    line-height: 1.2;
    opacity: .7;
    padding: 15px 20px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    transition: var(--transition-ms);
    width: 200px
}

.sidebar-sm .sidebar-nav li a span small {
    border-radius: 100%;
    font-size: 0;
    height: 7px;
    left: 14px;
    margin: 0;
    position: absolute;
    top: -4px;
    width: 7px
}

.sidebar-sm .sidebar-nav li a span small.g {
    background: #39e15e
}

.sidebar-sm .sidebar-nav li a span small.r {
    background: #f31a27
}

.reports-menu {
    position: relative;
}

.reports-dropdown {
    display: flex;
    flex-direction: column;
    gap: 4px;

    max-height: 0;
    overflow: hidden;

    margin-top: 4px;

    transition: max-height .35s ease;
}

.reports-menu:hover .reports-dropdown {
    max-height: 300px;
}

.reports-dropdown li a {
    align-items: center;
    border: 1px solid transparent;
    border-radius: 12px;

    display: flex;
    gap: 16px;

    font-size: 14px;
    font-weight: 500;

    min-height: 42px;

    opacity: .6;

    padding: 6px 11px 6px 40px;

    transition: var(--transition-ms);
}

.reports-dropdown li a:hover {
    background: hsla(0,0%,100%,.03);
    border-color: hsla(0,0%,100%,.05);
    opacity: 1;
}

.reports-dropdown li a svg {
    width: 16px;
    height: 16px;
    color: #fff;
}

.reports-menu > a::after {
    transition: transform .25s ease;
}

.reports-menu:hover > a::after {
    transform: rotate(90deg);
}

.sidebar-sm .reports-menu {
    position: relative;
}

.sidebar-sm .reports-menu::after {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    width: 20px;
    height: 100%;
}

.sidebar-sm .reports-dropdown {
    position: absolute;
    left: calc(100% + 12px);
    top: 0;
    width: 200px;
    background: #1e1d24;
    border: 1px solid #2a2930;
    border-radius: 12px;
    padding: 6px;
    max-height: none;
    opacity: 0;
    transform: translateX(6px);
    transition: opacity .2s ease, transform .2s ease;
}

.sidebar-sm .reports-menu:hover .reports-dropdown {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(0);
}

.sidebar-sm .reports-menu:hover .reports-dropdown {
    opacity: 1;
    pointer-events: auto;
    transform: translateX(12px);
}

.sidebar-sm .reports-dropdown li a {
    padding: 6px 10px;
}

.sidebar-copy {
    bottom: 0;
    font-size: 10px;
    font-weight: 300;
    left: 0;
    line-height: 1.2;
    opacity: .7;
    padding: 15px 20px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
    transition: var(--transition-ms);
    width: 200px
}

.sidebar-sm .sidebar-nav li a span small {
    border-radius: 100%;
    font-size: 0;
    height: 7px;
    left: 14px;
    margin: 0;
    position: absolute;
    top: -4px;
    width: 7px
}

.sidebar-sm .sidebar-nav li a span small.g {
    background: #39e15e
}

.sidebar-sm .sidebar-nav li a span small.r {
    background: #f31a27
}



@media (max-width: 1440px) {
    .sidebar-nav__item>a {
        border-radius: 8px;
        font-size: 12px;
        gap: 12px;
        min-height: 40px;
        padding: 5px 9px
    }
    .sidebar-nav__item>a img,
    .sidebar-nav__item>a svg {
        height: 14px;
        width: 14px
    }
    .sidebar-nav__item>a span {
        line-height: 16px
    }
    .sidebar-nav__item>a span small {
        font-size: 8px;
        line-height: 10px
    }
    .sidebar-nav__dropdown {
        border-radius: 8px;
        width: 160px
    }
    .sidebar-nav__dropdown li a {
        border-radius: 4px;
        gap: 8px;
        padding: 6px
    }
    .sidebar-nav__dropdown li a img,
    .sidebar-nav__dropdown li a svg {
        height: 12px;
        width: 12px
    }
    .sidebar-nav__dropdown li a span {
        font-size: 12px;
        line-height: 16px
    }
}

@media (min-width: 1024px) {
    .sidebar-sm {
        width: 61px
    }
    .sidebar-sm .sidebar-nav {
        gap: 12px
    }
    .sidebar-sm .sidebar-nav__item>a {
        border-radius: 8px;
        gap: 0;
        min-height: 36px;
        padding: 3px 6px
    }
    .sidebar-sm .sidebar-nav__item>a span {
        width: 0
    }
    .sidebar-sm .sidebar-nav__item>a:after {
        display: none
    }
    .sidebar-sm .sidebar-nav__item>a img,
    .sidebar-sm .sidebar-nav__item>a svg {
        height: 22px;
        width: 22px
    }
    .sidebar-sm .sidebar-copy {
        opacity: 0
    }
    .sidebar-sm .sidebar-toggle {
        transform: none
    }
}

@media (max-width: 1024px) {
    .sidebar {
        position: fixed;
        width: 61px
    }
    .sidebar .sidebar-nav {
        gap: 12px
    }
    .sidebar .sidebar-nav__item>a {
        gap: 0;
        min-height: 36px;
        padding: 3px 6px
    }
    .sidebar .sidebar-nav__item>a span {
        width: 0
    }
    .sidebar .sidebar-nav__item>a:after {
        opacity: 0;
        position: absolute;
        right: 6px;
        transition: var(--transition-ms)
    }
    .sidebar .sidebar-nav__item>a img,
    .sidebar .sidebar-nav__item>a svg {
        height: 22px;
        width: 22px
    }
    .sidebar .sidebar-nav__item>a small {
        border-radius: 100%;
        font-size: 0;
        height: 7px;
        left: 14px;
        margin: 0;
        position: absolute;
        top: -4px;
        width: 7px
    }
    .sidebar .sidebar-nav__item>a small.g {
        background: #39e15e
    }
    .sidebar .sidebar-nav__item>a small.r {
        background: #f31a27
    }
    .sidebar .sidebar-copy {
        opacity: 0
    }
    .sidebar .sidebar-toggle {
        height: 18px;
        transform: none;
        width: 18px
    }
    .sidebar-sm {
        width: 266px
    }
    .sidebar-sm .sidebar-nav__item>a {
        gap: 16px
    }
    .sidebar-sm .sidebar-nav__item>a span {
        width: 140px
    }
    .sidebar-sm .sidebar-nav__item>a:after {
        opacity: 1
    }
    .sidebar-sm .sidebar-nav__item>a img,
    .sidebar-sm .sidebar-nav__item>a svg {
        height: 22px;
        width: 22px
    }
    .sidebar-sm .sidebar-copy {
        opacity: 1
    }
    .sidebar-sm .sidebar-toggle {
        transform: rotate(180deg)
    }
}

@media (max-width: 576px) {
    main {
        position: relative;
        z-index: 1;
    }

    .sidebar {
        border-right: 0;
        border-top: 1px solid hsla(0, 0%, 100%, .1);
        height: auto;
        order: 1;
        position: sticky;
        width: 100%;
        overflow: visible !important;
        z-index: 100;
        position: sticky;
        z-index: 20;
    }

    section {
        overflow: visible !important;
    }


    .sidebar-logo {
        display: none
    }
    .sidebar-nav {
        flex-wrap: nowrap;
        justify-content: space-between;
        margin: 0;
        overflow-x: auto;
        overflow-y: visible;
    }
    .sidebar-nav::-webkit-scrollbar {
        display: none
    }
    .sidebar-nav {
        flex-direction: row;
        gap: 2px!important;
        padding: 12px!important
    }
    .sidebar-nav__item {
        flex: initial;
        width: 52px
    }
    .sidebar-nav__item>a {
        aspect-ratio: 1;
        flex-direction: column;
        gap: 0!important;
        justify-content: center;
        opacity: .3;
        padding: 0!important;
        width: 52px
    }
    .sidebar-nav__item>a span {
        height: 0
    }
    .sidebar-nav__item>a small {
        left: 50%!important;
        transform: translateX(-50%)
    }
    .sidebar-nav__item>a img,
    .sidebar-nav__item>a svg {
        height: 22px;
        width: 22px
    }
    .sidebar-nav__item>a:after {
        display: none!important
    }
    .sidebar-nav__item:hover .sidebar-nav__dropdown {
        bottom: calc(100% + 24px);
        transform: translateX(-50%)
    }
    .sidebar-nav__dropdown {
        bottom: 100%;
        left: 50%;
        top: auto;
        transform: translateX(-50%)
    }
    .sidebar-nav__dropdown:before {
        bottom: -24px;
        height: 24px;
        left: 0;
        right: 0;
        top: auto;
        width: 100%
    }
    .sidebar-nav__dropdown li a {
        border-radius: 4px;
        gap: 8px;
        padding: 6px
    }
    .sidebar-nav__dropdown li a img,
    .sidebar-nav__dropdown li a svg {
        height: 12px;
        width: 12px
    }
    .sidebar-nav__dropdown li a span {
        font-size: 12px;
        line-height: 16px
    }
    .sidebar-copy,
    .sidebar-toggle {
        display: none
    }

    .reports-menu {
        position: static;
    }

    .reports-dropdown {
        position: fixed;

        left: 12px;
        right: 12px;
        bottom: 76px;

        width: auto;
        max-width: none;

        background: #1e1d24;
        border: 1px solid #2a2930;
        border-radius: 12px;

        padding: 6px;

        display: flex;
        flex-direction: column;
        gap: 4px;

        opacity: 0;
        visibility: hidden;

        transform: translateY(8px);

        transition:
            opacity .2s ease,
            transform .2s ease,
            visibility .2s;

        z-index: 99999;

        pointer-events: none;
    }

    .reports-menu:hover .reports-dropdown,
    .reports-menu:focus-within .reports-dropdown {
        opacity: 1;
        visibility: visible;

        transform: translateY(0);

        pointer-events: auto;
    }
}

@media (max-width: 400px) {
    .sidebar-nav__item > a {
        max-width: 48px
    }

    .sidebar-nav__item > a img {
        height: 16px;
        width: 16px
    }
}

.main {
    flex: 1;
    height: 100dvh;
    margin-left: auto;
    overflow: auto;
    position: relative
}

.main::-webkit-scrollbar {
    height: 0;
    width: 2px
}

.main::-webkit-scrollbar-track {
    background: hsla(0, 0%, 100%, .1)
}

.main::-webkit-scrollbar-thumb {
    background: #fff;
    background-clip: padding-box;
    border-radius: 0
}

.main-header {
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    display: flex;
    flex-wrap: wrap;
    height: 66px;
    padding: 0 32px;
    position: relative
}

.main-header:before {
    background: linear-gradient(90deg, #17161d, rgba(23, 22, 29, 0));
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    top: 0;
    width: 48px;
    z-index: 1;
}

.main-header__nav {
    display: inline-block;
    flex: 1;
    font-weight: 500;
    height: 100%;
    margin-bottom: -1px;
    margin-left: -32px;
    margin-right: 2px;
    overflow: auto;
    padding: 0 32px;
    position: relative;
    white-space: nowrap
}

.main-header__nav li {
    display: inline-block;
    height: 100%;
    margin-right: 32px;
    vertical-align: middle
}

.main-header__nav li:last-child {
    margin-right: 0
}

.main-header__nav li a {
    align-items: center;
    color: hsla(0, 0%, 100%, .5);
    display: flex;
    gap: 12px;
    height: 100%;
    position: relative;
    transition: var(--transition-ms)
}

.main-header__nav li a:before {
    background: #22b5ff;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: var(--transition-ms)
}

.main-header__nav li a img,
.main-header__nav li a svg {
    display: block;
    height: 24px;
    width: 24px
}

.main-header__nav li a svg {
    color: #fff;
    transition: var(--transition-ms)
}

.main-header__nav li a:hover {
    color: #fff
}

.main-header__nav li.active a,
.main-header__nav li.active a svg {
    color: #22b5ff
}

.main-header__nav li.active a:before {
    opacity: 1
}

.main-header__nav::-webkit-scrollbar {
    display: none!important;
    height: 0!important;
    width: 0!important
}

.main-header__user {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    height: 100%;
    margin-left: auto;
    position: relative
}

.main-header__user:before {
    background: linear-gradient(-90deg, #17161d, rgba(23, 22, 29, 0));
    bottom: 0;
    content: "";
    left: -48px;
    position: absolute;
    top: 0;
    width: 48px;
    z-index: 1
}

.main-header__user-avatar {
    align-items: center;
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 100%;
    display: flex;
    flex-wrap: wrap;
    font-size: 10px;
    height: 32px;
    justify-content: center;
    text-transform: uppercase;
    width: 32px
}

.main-header__user-info {
    font-weight: 500
}

.main-header__user-info span {
    color: hsla(0, 0%, 100%, .5);
    font-size: 12px
}

.main-content {
    /* min-height: 1000px; */
    padding: 32px
}

.main-content.no-pd {
    padding: 0 !important
}

.support-form {
    align-items: center;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    gap: 16px;
}

.main-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    gap: 16px
}

.main-title {
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -.02em;
    line-height: 1.375;
    width: 100%
}

.main-search {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.main-search input {
    width: 100%;
    height: 44px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .05);
    padding: 0 52px 0 16px;
    font-size: 14px;
    font-weight: 500;
    color: #fff
}

.main-search input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

.main-search input:-moz-placeholder {
    color: rgba(255, 255, 255, .6)
}

.main-search input::-moz-placeholder {
    color: rgba(255, 255, 255, .6)
}

.main-search input:-ms-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

.main-search button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto 0;
    width: 48px;
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.69232 4.6922C3.35207 6.03245 3.35207 8.20541 4.69232 9.54566C6.03257 10.8859 8.20554 10.8859 9.54578 9.54566C10.886 8.20542 10.886 6.03245 9.54578 4.6922C8.20554 3.35195 6.03257 3.35195 4.69232 4.6922ZM3.97071 10.2673C2.23193 8.52849 2.23193 5.70937 3.97071 3.97059C5.70949 2.23181 8.52861 2.23181 10.2674 3.97059C11.8842 5.58736 11.9976 8.13816 10.6077 9.88602L13.3333 12.6116L12.6117 13.3332L9.88614 10.6076C8.13829 11.9975 5.58748 11.884 3.97071 10.2673Z' fill='white'/%3E%3C/svg%3E%0A") center no-repeat
}

.main-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    width: 100%
}

.main-filter li {
    padding: 8px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .06);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    cursor: pointer;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.main-filter li i {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: var(--color, #fff)
}

.main-filter li span {
    opacity: .7
}

.main-filter li:hover {
    background: rgba(255, 255, 255, .12)
}

.main-filter li.active {
    background: #fff;
    color: var(--color-black)
}

.table {
    border-collapse: collapse;
    border-spacing: 0;
    font-weight: 500;
    line-height: 1.2;
    width: 100%
}

.table col {
    width: var(--xxl, var(--xl))
}

.table thead th {
    color: hsla(0, 0%, 100%, .6);
    font-weight: 500;
    line-height: 22px;
    padding: 12px 16px;
    position: relative;
    text-align: left;
    transition: var(--transition-ms)
}

.table thead th:before {
    background: rgba(228, 240, 255, .05);
    border-radius: 4px;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: var(--transition-ms)
}

.table thead th.sort {
    cursor: pointer;
    padding-right: 34px
}

.table thead th.sort-up:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23e4f0ff' d='M8 5L3 10l1.5 1.5L8 8l3.5 3.5L13 10L8 5z'/%3E%3C/svg%3E") no-repeat 50% !important;
    bottom: 0;
    content: "";
    height: 16px;
    margin: auto 0;
    position: absolute;
    right: 16px;
    top: 0;
    width: 16px
}

.table thead th.sort-down:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23e4f0ff' d='M8 11L3 6l1.5-1.5L8 8l3.5-3.5L13 6L8 11z'/%3E%3C/svg%3E") no-repeat 50% !important;
    bottom: 0;
    content: "";
    height: 16px;
    margin: auto 0;
    position: absolute;
    right: 16px;
    top: 0;
    width: 16px
}

.table thead th.sort:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath fill='%23e4f0ff' d='M4.773 5.311a.363.363 0 0 0 0 .513l.565.569a.363.363 0 0 0 .518-.003l1.883-1.947a.363.363 0 0 1 .522 0l1.883 1.947a.363.363 0 0 0 .518.003l.566-.57a.363.363 0 0 0 0-.512l-2.971-2.97a.363.363 0 0 0-.514 0zM4.773 10.689a.363.363 0 0 1 0-.513l.565-.569a.363.363 0 0 1 .518.003l1.883 1.947a.363.363 0 0 0 .522 0l1.883-1.947a.363.363 0 0 1 .518-.003l.566.57c.14.141.14.37 0 .512l-2.971 2.97a.363.363 0 0 1-.514 0z'/%3E%3C/svg%3E") no-repeat 50%;
    bottom: 0;
    content: "";
    height: 16px;
    margin: auto 0;
    position: absolute;
    right: 16px;
    top: 0;
    width: 16px
}

.table thead th.sort:hover {
    color: #fff
}

.table thead th.sort:hover:before {
    background: rgba(228, 240, 255, .1)
}

.table thead th:not(:last-child) {
    border-right: 4px solid transparent
}

.table tbody {
    border-top: 4px solid transparent
}

.table tbody tr {
    background: transparent;
    transition: var(--transition-ms)
}

.table tbody tr td {
    overflow: visible;
    padding: 12px 16px;
    position: relative;
    text-overflow: ellipsis;
}

.table tbody tr.selected,
.table tbody tr:hover,
.table tbody tr:nth-child(2n) {
    background: rgba(228, 240, 255, .05)
}

.table tbody tr td:hover {
    max-height: 500px;
    overflow: visible;
    white-space: normal;
    z-index: 3;
}

.truncate {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

.table tbody tr td:hover .truncate {
    max-height: max-content;
    -webkit-line-clamp: unset;
    display: block;
    -webkit-box-orient: unset;
    overflow: visible;
    white-space: normal;
}


/* .table tbody tr:hover .truncate {
    -webkit-line-clamp: initial
} */

.table-parent {
    background: transparent !important;
    cursor: pointer
}

.table-parent:hover,
.table-parent:nth-child(even of .table-parent) {
    background: rgba(228, 240, 255, .05) !important
}

.table-parent.is-open .table-tree-arrow {
    transform: rotate(180deg)
}

.table-child {
    background: transparent !important;
    display: none
}

.table-child:hover {
    background: rgba(228, 240, 255, .05) !important
}

.table-child td:first-child {
    padding-left: 54px;
    position: relative
}

.table-child td:first-child:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath fill='%2368757d' fill-opacity='.8' d='M5.25 3v6.9q0 .465.33.794.33.33.795.331h7.238l-1.688 1.688.787.787 3.038-3.037-3.037-3.038-.788.788L13.613 9.9H6.375V3z'/%3E%3C/svg%3E") no-repeat 50%;
    content: "";
    height: 18px;
    left: 18px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 18px
}

.table-tree-arrow {
    background: rgba(228, 240, 255, .04) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4' fill='none' viewBox='0 0 6 4'%3E%3Cpath fill='%23fff' d='M5.904 1.115a.35.35 0 0 0 .001-.48L5.396.1a.317.317 0 0 0-.466.004L3.235 1.929a.317.317 0 0 1-.47 0L1.07.104A.317.317 0 0 0 .604.1l-.51.534a.35.35 0 0 0 .002.48L2.769 3.9a.317.317 0 0 0 .462 0z'/%3E%3C/svg%3E") no-repeat 50%;
    border-radius: 100%;
    height: 24px;
    margin-left: auto;
    transition: var(--transition-ms);
    width: 24px
}

.table-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 20px;
    gap: 12px
}

.table-bottom.fix-padding {
    padding-bottom: 80px
}

.table-pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.table-pagination li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    color: rgba(255, 255, 255, .7);
    width: 40px;
    height: 40px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, .08);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    font-size: clamp(8px, 0vw, 12px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.table-pagination li a:hover {
    background: rgba(255, 255, 255, .04);
    color: #fff
}

.table-pagination li.active a {
    background: #fff;
    color: var(--color-black);
    border-color: #fff
}

.table-total {
    font-size: 12px;
    line-height: 1.2;
    color: rgba(255, 255, 255, .7)
}

.table-total span {
    color: #fff;
    padding-left: 8px;
    font-weight: 500
}

.table-user__avatar {
    width: 32px;
    height: 32px;
    border-radius: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 10px;
    background: rgba(255, 255, 255, .1);
    position: relative;
    margin-left: -4px
}

.table-user__avatar.online::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 1px;
    width: 8px;
    height: 8px;
    background: #32f421;
    border: 1px solid #17161d;
    border-radius: 100%
}

.table-user__name {
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 4px
}

.table-user__name b {
    display: block;
    line-height: 1.4;
    border-bottom: 1px solid transparent;
    cursor: pointer;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.table-user__name b:hover {
    border-bottom: 1px solid #fff
}

.table-user__name p {
    font-size: 12px;
    line-height: 1.2;
    color: rgba(255, 255, 255, .6)
}

.table-user__products {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.table-user__products li {
    padding: 8px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .06);
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.table-user__products li i {
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 100%;
    background: var(--color, #fff)
}

.table-selected__popup {
    padding: 20px 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    background: #232323;
    border-top: 1px solid rgba(255, 255, 255, .1);
    position: fixed;
    z-index: 999;
    bottom: 0;
    right: 0;
    left: 66px;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.table-selected__popup.show {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.table-selected__info span {
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -.02em;
    margin-bottom: 4px;
    color: rgba(255, 255, 255, .7);
    display: block
}

.table-selected__info p {
    line-height: 20px;
    letter-spacing: -.02em
}

.table-selected__delete {
    padding: 4px 4px 4px 12px;
    border-radius: 99px;
    background: #f31a27;
    font-size: 12px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    color: #fff;
    cursor: pointer;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.table-selected__delete::after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 3V8.9C3 9.46005 3 9.73988 3.10899 9.9538C3.20487 10.142 3.35774 10.2952 3.5459 10.3911C3.7596 10.5 4.0395 10.5 4.59845 10.5H7.40155C7.9605 10.5 8.23999 10.5 8.4537 10.3911C8.64186 10.2952 8.79524 10.142 8.89111 9.9538C9 9.74009 9 9.4605 9 8.90155V3M3 3H4M3 3H2M4 3H8M4 3C4 2.53406 4 2.3012 4.07612 2.11743C4.17761 1.8724 4.37216 1.67761 4.61719 1.57612C4.80096 1.5 5.03406 1.5 5.5 1.5H6.5C6.96594 1.5 7.19891 1.5 7.38268 1.57612C7.62771 1.67761 7.82233 1.8724 7.92383 2.11743C7.99995 2.3012 8 2.53406 8 3M8 3H9M9 3H10' stroke='%23F31A27' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.table-selected__delete:hover {
    background: #d31522
}

.table-query {
    width: 100%;
    white-space: initial;
    -o-text-overflow: initial;
    text-overflow: initial;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px 12px;
    color: rgba(255, 255, 255, .5)
}

.table-query span {
    display: inline-block;
    padding: 3px 7px;
    line-height: 20px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .05);
    color: #fff
}

.table-query span.or {
    background: rgba(215, 252, 66, .15)
}

.table-query span.and {
    background: rgba(34, 119, 246, .27)
}

.table-query__show {
    margin-top: 8px;
    display: none
}

.table-query__show span {
    cursor: pointer;
    font-size: 14px;
    line-height: 1.4;
    border-bottom: 1px solid #fff
}

.table-status {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap
}

.table-status p {
    background: hsla(0, 0%, 100%, .05);
    border-radius: 4px;
    font-weight: 600;
    letter-spacing: -.02em;
    line-height: 14px;
    padding: 6px 10px
}

.table-status.done p {
    background: #5ff680;
    color: var(--color-black)
}

.table-status.warning p {
    background: #ffb207;
    color: var(--color-black)
}

.table-status.error p {
    background: #ec2731;
    color: #fff
}

.table-status.true p {
    background: #5ff680;
    color: var(--color-black)
}

.table-status.false p {
    background: #ffb207;
    color: var(--color-black)
}

.table-status.normal p {
    background: #5ff680;
    color: var(--color-black)
}

.table-status.medium p {
    background: #ffb207;
    color: var(--color-black)
}

.table-status.high p {
    background: #ec2731;
    color: #fff
}

.table-status.outline p {
    background: 0 0;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .3);
    font-weight: 400
}

.table-view-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px
}

.table-view-arrow {
    padding: 5px 27px 5px 11px;
    border-radius: 8px;
    display: block;
    cursor: pointer;
    background: url("data:image/svg+xml,%3Csvg width='4' height='6' viewBox='0 0 4 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.11467 0.0956314C0.982127 -0.0315764 0.767339 -0.0319208 0.63435 0.0948608L0.100451 0.603842C-0.0347122 0.732697 -0.0332883 0.942949 0.103609 1.07011L1.92873 2.76538C2.06687 2.8937 2.06687 3.1063 1.92873 3.23462L0.103609 4.92989C-0.0332883 5.05705 -0.0347121 5.2673 0.100451 5.39616L0.63435 5.90514C0.767339 6.03192 0.982127 6.03158 1.11467 5.90437L3.90035 3.23088C4.03321 3.10337 4.03322 2.89663 3.90036 2.76912L1.11467 0.0956314Z' fill='%23E4F0FF'/%3E%3C/svg%3E%0A") center right 11px no-repeat rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .05);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    position: relative;
    white-space: nowrap
}

.table-view-arrow:hover {
    background-color: var(--color-accent)
}

.table-view-arrow::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.table-view-arrow.noarrow {
    background-image: none;
    padding-right: 11px
}

.truncate {
    max-height: 62px;
    overflow: hidden;
    -webkit-line-clamp: 1;
    display: -webkit-box;
    -webkit-box-orient: vertical
}

.truncate.show {
    max-height: none;
    -webkit-line-clamp: initial
}

.table-query-truncate {
    max-height: 62px;
    overflow: hidden
}

.table-query-truncate.show {
    max-height: none
}

.popup {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    height: 100dvh;
    pointer-events: none
}

.popup-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #000;
    opacity: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.popup-content {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;
    overscroll-behavior-y: contain;
    overflow: hidden;
    z-index: 100;
    background: #17161d;
    max-width: 570px;
    margin-left: auto;
    -webkit-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%);
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .16);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.popup-content::-webkit-scrollbar {
    width: 2px;
    background: #17161d
}

.popup-content::-webkit-scrollbar-thumb {
    background: padding-box #fff;
    border-radius: 0
}

.popup.open {
    pointer-events: auto
}

.popup.open .popup-backdrop {
    opacity: .5
}

.popup.open .popup-content {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.popup-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, .05);
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2.91501L6.8992 0L8 1.1068L5.1008 4.02181L7.95661 6.8932L6.85581 8L4 5.12861L1.14419 8L0.0433914 6.8932L2.8992 4.02181L0 1.1068L1.1008 6.59705e-07L4 2.91501Z' fill='white'/%3E%3C/svg%3E%0A");
    border: 1px solid rgba(255, 255, 255, .05);
    cursor: pointer;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.popup-image-close {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, .05);
    background-repeat: no-repeat;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2.91501L6.8992 0L8 1.1068L5.1008 4.02181L7.95661 6.8932L6.85581 8L4 5.12861L1.14419 8L0.0433914 6.8932L2.8992 4.02181L0 1.1068L1.1008 6.59705e-07L4 2.91501Z' fill='white'/%3E%3C/svg%3E%0A");
    border: 1px solid rgba(255, 255, 255, .05);
    cursor: pointer;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.popup-close:hover {
    border-color: rgba(255, 255, 255, .15)
}

.popup-title {
    padding: 20px 70px 20px 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .16);
    width: 100%
}

.popup-title h3 {
    display: inline-block;
    font-size: 24px;
    font-weight: 600;
    position: relative;
    line-height: 1.2;
    letter-spacing: -.02em
}

.popup-title h3.online::after {
    content: "";
    position: absolute;
    top: 1px;
    right: -4px;
    width: 6px;
    height: 6px;
    border-radius: 100%;
    background: #32f421
}

.popup-title h3 span {
    opacity: .4
}

.popup-title p {
    display: inline-block;
    line-height: 1.6;
    margin-left: 8px;
    font-size: 12px;
    font-weight: 600;
    color: rgba(255, 255, 255, .6)
}

.popup-groups {
    padding: 20px;
    border-bottom: 1px solid rgba(255, 255, 255, .16);
    width: 100%
}

.popup-groups__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #1e1d24;
    border: 1px solid #35343a;
    border-radius: 8px;
    padding: 3px;
    gap: 4px
}

.popup-groups__list li {
    min-width: 100px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    color: rgba(255, 255, 255, .7);
    background: rgba(255, 255, 255, .08);
    font-weight: 500;
    border-radius: 6px;
    padding: 8px;
    line-height: 20px;
    cursor: pointer;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.popup-groups__list li:hover {
    background: rgba(255, 255, 255, .16)
}

.popup-groups__list li.active {
    background: #fff;
    color: var(--color-black)
}

.popup-group {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding: 20px;
    display: none;
}

.popup-group::-webkit-scrollbar {
    width: 2px;
    background: #17161d
}

.popup-group::-webkit-scrollbar-thumb {
    background: padding-box #fff;
    border-radius: 0
}

.popup-group.show {
    display: block
}

.popup-group .popup-group {
    padding: 0;
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
}

.popup-sticky {
    position: sticky;
    top: -20px;
    left: 0;
    right: 0;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(76%, #17161d), to(transparent));
    background: -o-linear-gradient(top, #17161d 76%, transparent);
    background: linear-gradient(180deg, #17161d 76%, transparent);
    padding: 20px;
    margin: -20px -20px 0;
    z-index: 10
}

.popup-bottom {
    width: 100%;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    border-top: 1px solid rgba(255, 255, 255, .16)
}

.popup-bottom .btn-save {
    line-height: 24px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.popup-activity__item {
    margin-bottom: 12px;
    padding: 16px;
    border-radius: 4px;
    background: rgba(255, 255, 255, .04)
}

.popup-activity__item:last-child {
    margin-bottom: 0
}

.popup-activity__item-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, .1)
}

.popup-activity__item-top p {
    font-weight: 500;
    line-height: 14px
}

.popup-activity__item-top span {
    font-weight: 500;
    line-height: 14px;
    font-size: 12px;
    color: rgba(255, 255, 255, .7)
}

.popup-activity__item-list li {
    margin-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 4px 12px;
    line-height: 1.6;
    font-weight: 500
}

.popup-activity__item-list li p {
    width: 120px;
    color: rgba(255, 255, 255, .6)
}

.popup-activity__item-list li span {
    display: block;
    width: calc(100% - 120px - 12px)
}

.popup-permissions__item {
    display: block;
    margin-bottom: 4px;
    padding: 12px 70px 12px 16px;
    border-radius: 4px;
    background: rgba(255, 255, 255, .04);
    position: relative;
    cursor: pointer
}

.popup-permissions__item p {
    font-weight: 500;
    line-height: 20px
}

.popup-permissions__item small {
    font-size: 14px;
    line-height: 22px;
    margin-top: 2px;
    color: rgba(255, 255, 255, .5)
}

.popup-permissions__item span {
    position: absolute;
    top: 0;
    right: 16px;
    bottom: 0;
    margin: auto 0;
    width: 38px;
    height: 22px;
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .17);
    border-radius: 99px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.popup-permissions__item span::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 1px;
    width: 18px;
    height: 18px;
    border-radius: 100%;
    background: #fff;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.popup-permissions__item input {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden
}

.popup-permissions__item input:checked + span {
    background: var(--color-accent);
    border-color: var(--color-accent)
}

.popup-permissions__item input:checked + span::before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px)
}

.popup-permissions__item:last-child {
    margin-bottom: 0
}

.popup-delete {
    display: flex;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.popup-delete .popup-content {
    position: inherit;
    -webkit-transform: translate(0, 0) scale(0);
    -ms-transform: translate(0, 0) scale(0);
    transform: translate(0, 0) scale(0);
    opacity: 0;
    max-width: 275px;
    top: initial;
    bottom: initial;
    margin: auto;
    padding: 20px
}

.popup-delete .popup-content h3 {
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 12px
}

.popup-delete .popup-content p {
    font-weight: 600;
    line-height: 1.6;
    color: rgba(255, 255, 255, .7)
}

.popup-delete.open .popup-content {
    opacity: 1
}

.popup-delete .btn-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    margin-top: 12px;
    width: 100%
}

.popup-delete .btn-row .btn-sm {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.popup-basic__inputs-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 16px;
    width: 100%
}

.popup-basic__inputs-group .label {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.popup-basic__inputs-group .label.fluid {
    -webkit-box-flex: initial;
    -ms-flex: initial;
    flex: initial;
    width: 100%
}

.popup-basic__access-title {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 600;
    margin-top: 16px;
    margin-bottom: 12px
}

.popup[data-popup^=new-task] .popup-content,
.popup[data-popup^=task-info] .popup-content {
    max-width: 880px
}

.popup[data-popup^=task-trigger] .popup-content {
    max-width: 720px
}

.popup[data-popup^=product-breach] .popup-content,
.popup[data-popup^=rex-info] .popup-content {
    max-width: 950px
}

.popup[data-popup^=product-breach] .popup-records__main {
    width: calc(100% - 305px)
}

.popup[data-popup^=product-breach] .popup-records__sidebar {
    width: 305px
}

.popup[data-popup^=open-html] .popup-content {
    max-width: 920px
}

.popup[data-popup^=open-html] .popup-content code,
.popup[data-popup^=open-html] .popup-content pre {
    height: 100%;
    margin: 0
}

.popup[data-popup^=open-html] .popup-content code::-webkit-scrollbar,
.popup[data-popup^=open-html] .popup-content pre::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    background: #17161d
}

.popup[data-popup^=open-html] .popup-content code::-webkit-scrollbar-thumb,
.popup[data-popup^=open-html] .popup-content pre::-webkit-scrollbar-thumb {
    background: padding-box #4b4a50;
    border-radius: 0
}

.popup-tasks__bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px;
    margin-top: 24px;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, .1);
    margin-bottom: 10px;
    margin-left: 16px;
    margin-right: 16px;
}

.popup-tasks__bottom .btn-red {
    margin-left: auto
}

.popup-section {
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding: 24px 0
}

.popup-section:first-child {
    border: 0;
    padding-top: 0
}

.popup-section:last-child {
    padding-bottom: 0
}

.popup-section__title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 12px;
    margin-top: 24px
}

.popup-section__title:first-child {
    margin-top: 0
}

.popup-section > .popup-task-query-group {
    display: none
}

.popup-task-add {
    padding: 8px 16px;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 8px;
    font-weight: 700;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    color: #fff;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.popup-task-add::after {
    content: "";
    display: block;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' transform='matrix(-4.37114e-08 1 1 4.37114e-08 0 0)' fill='white' fill-opacity='0.1'/%3E%3Cpath d='M8.00024 12H12.0002M12.0002 12H16.0002M12.0002 12V16M12.0002 12V8' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center no-repeat;
    width: 24px;
    height: 24px
}

.popup-task-add:hover {
    background: rgba(255, 255, 255, .15);
    border: 1px solid rgba(255, 255, 255, .25)
}

.popup-task-query-group {
    margin-bottom: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.popup-task-query-group .select-type {
    flex: 1;
}

.popup-task-query-group .select-combine {
    width: 95px
}

.popup-task-query-group .input {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.popup-task-query-delete {
    width: 32px;
    height: 32px;
    background-color: rgba(228, 240, 255, .04);
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6666 10.6667L7.99993 8.00005M7.99993 8.00005L5.33325 5.33337M7.99993 8.00005L10.6666 5.33337M7.99993 8.00005L5.33325 10.6667' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 100%;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    cursor: pointer
}

.popup-task-query-delete:hover {
    background-color: rgba(228, 240, 255, .08)
}

.popup-records__view {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: 100%
}

.popup-records__main {
    width: calc(100% - 255px);
    padding-right: 20px
}

.popup-records__main .popup-tasks__bottom {
    border: 0;
    padding: 0
}

.popup-records__sidebar {
    padding-left: 20px;
    width: 255px;
    border-left: 1px solid rgba(255, 255, 255, .1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 20px
}

.popup-records__sidebar > * {
    width: 100%
}

.popup-records__actor {
    margin-top: auto
}

.popup-records__actor-user {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.popup-records__actor-user img {
    width: 36px;
    height: 36px;
    border-radius: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.popup-records__actor-user span {
    /* width: calc(100% - 36px - 12px); */
    display: block
}

.popup-records__actor-user span b {
    font-weight: 500;
    font-size: 14px;
    line-height: 20px
}

.popup-records__actor-user span p {
    font-size: 12px;
    line-height: 16px;
    color: rgba(255, 255, 255, .6)
}

.popup-screenshot {
    padding: 12px 16px;
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .16);
    border-radius: 8px
}

.popup-links {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px
}

.popup-links li {
    width: 100%
}

.popup-links li a {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 12px 16px;
    gap: 12px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .04);
    font-weight: 600
}

.popup-links li a::after {
    content: "";
    display: block;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.548 8.7726C11.4067 8.63126 11.1776 8.63087 11.0358 8.77174L10.4665 9.33728C10.3224 9.48045 10.3239 9.71406 10.4699 9.85535L12.4161 11.739C12.5634 11.8816 12.5634 12.1178 12.4161 12.2604L10.4699 14.144C10.3239 14.2853 10.3224 14.5189 10.4665 14.6621L11.0358 15.2276C11.1776 15.3685 11.4067 15.3681 11.548 15.2268L14.5186 12.2562C14.6602 12.1145 14.6602 11.8848 14.5186 11.7431L11.548 8.7726Z' fill='white'/%3E%3C/svg%3E%0A") center no-repeat rgba(255, 255, 255, .04)
}

.popup-links li a span {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.popup[data-popup^=media-info] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 10px
}

.popup-media {
    max-width: 1200px;
    margin: auto;
    opacity: 0;
    background: #1e1d24;
    z-index: 100;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .16);
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}

.popup-media .popup-title {
    background: #17161d
}

.popup.open .popup-media {
    opacity: 1;
    pointer-events: auto
}

.popup-group[data-group^=file] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 330px;
    width: 330px;
    gap: 16px
}

.popup[data-popup^=results-details] .popup-content {
    max-width: 1200px
}

.popup[data-popup^=results-details] .sf-results-item__download {
    max-width: 186px
}

.popup .cve-detail__sidebar-list {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    padding-bottom: 16px
}

.popup[data-popup^=file],
.popup[data-popup^=image],
.popup[data-popup^=video] {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 10px
}

.popup-media {
    background: #1e1d24;
    border: 1px solid hsla(0, 0%, 100%, .16);
    border-radius: 16px;
    margin: auto;
    max-height: calc(100vh - 20px);
    max-width: 1200px;
    opacity: 0;
    overflow: hidden;
    position: relative;
    transition: opacity var(--transition-ms);
    z-index: 100
}

.popup-media .popup-title {
    background: #17161d
}

.popup-media .popup-group {
    flex: initial;
    display: flex;
    max-height: calc(100vh - 160px)
}

.popup.open .popup-media {
    opacity: 1;
    pointer-events: auto
}


.popup[data-popup^=file] .popup-media {
    max-width: 320px
}

.popup[data-popup^=file] .popup-group {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 16px;
    height: 330px;
    justify-content: center
}

.popup[data-popup^=video] .popup-group {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: flex-start
}

.popup[data-popup^=video] .popup-group video {
    border-radius: 8px;
    width: 100%
}

.popup[data-popup^=results-details] .popup-content {
    max-width: 1200px
}

.popup[data-popup^=results-details] .sf-results-item__download {
    max-width: 186px
}

.popup [class^=cyc-item__] {
    padding: 0
}

.popup [class^=cyc-item__] code {
    padding: 0 0 16px !important
}

.live-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 24px
}

.live-sidebar {
    width: 384px
}

.live-main {
    width: calc(100% - 384px);
    padding-left: 24px;
    margin-left: auto;
    border-left: 1px solid rgba(255, 255, 255, .1)
}

.live-main .scroller {
    margin-top: 0
}

.live-search {
    padding-right: 24px
}

.live-search .checkbox-inline-group {
    width: 100%
}

.live-search .checkbox-inline {
    min-width: 60px
}

.live-search .checkbox-inline span {
    padding-left: 2px;
    padding-right: 2px
}

.live-search__btn {
    margin-top: 20px
}

.live-search__btn .btn {
    line-height: 22px;
    padding: 12px;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.live-search > .live-query-group {
    display: none
}

.live-checkboxes {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.live-checkboxes .checkbox-group {
    background: rgba(255, 255, 255, .03);
    border: 1px solid rgba(255, 255, 255, .1);
    padding: 3px;
    gap: 4px;
    border-radius: 8px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap
}

.live-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin: 20px 0 12px
}

.live-query-group {
    margin-top: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 10px
}

.live-query-group .select {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.live-query-delete {
    width: 32px;
    height: 32px;
    background-color: rgba(228, 240, 255, .04);
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6666 10.6667L7.99993 8.00005M7.99993 8.00005L5.33325 5.33337M7.99993 8.00005L10.6666 5.33337M7.99993 8.00005L5.33325 10.6667' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 100%;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    cursor: pointer
}

.live-query-delete:hover {
    background-color: rgba(228, 240, 255, .08)
}

.live-query-add {
    padding: 8px 16px;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 8px;
    font-weight: 700;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    color: #fff;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    margin-top: 12px
}

.live-query-add::after {
    content: "";
    display: block;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' transform='matrix(-4.37114e-08 1 1 4.37114e-08 0 0)' fill='white' fill-opacity='0.1'/%3E%3Cpath d='M8.00024 12H12.0002M12.0002 12H16.0002M12.0002 12V16M12.0002 12V8' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center no-repeat;
    width: 24px;
    height: 24px
}

.live-query-add:hover {
    background: rgba(255, 255, 255, .15);
    border: 1px solid rgba(255, 255, 255, .25)
}

.alerts {
    position: fixed;
    top: 20px;
    right: 20px;
    z-index: 1000;
    width: 290px;
    background: rgba(17, 16, 21, .3);
    border: 1px solid rgba(255, 255, 255, .1);
    -webkit-backdrop-filter: blur(17px);
    backdrop-filter: blur(17px);
    border-radius: 0 4px 4px 0;
    padding: 16px 16px 16px 24px;
    border-left: 2px solid #fff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translateX(calc(100% + 20px));
    -ms-transform: translateX(calc(100% + 20px));
    transform: translateX(calc(100% + 20px))
}

.alerts.show {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.alerts-error {
    border-left: 2px solid #f31a27
}

.alerts-success {
    border-left: 2px solid #5ff680
}

.alerts b {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.1
}

.alerts p {
    font-size: 14px;
    font-weight: 500;
    color: rgba(255, 255, 255, .4);
    margin-top: 12px
}

.alerts-close {
    position: absolute;
    top: 0;
    right: 0;
    width: 24px;
    height: 24px;
    cursor: pointer;
    background: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2.91501L6.8992 0L8 1.1068L5.1008 4.02181L7.95661 6.8932L6.85581 8L4 5.12861L1.14419 8L0.0433914 6.8932L2.8992 4.02181L0 1.1068L1.1008 6.59705e-07L4 2.91501Z' fill='white' /%3E%3C/svg%3E%0A") center no-repeat;
    opacity: .3;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.alerts-close:hover {
    opacity: .8
}

.cve-table-id {
    color: rgba(255, 255, 255, .6);
    text-transform: uppercase
}

.cve-table-status {
    width: 100%;
    max-width: 90px;
    border-radius: 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 6px 8px;
    border: 1px solid rgba(255, 255, 255, .3);
    font-size: 14px;
    line-height: 16px
}

.cve-table-status::after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    background-repeat: no-repeat;
    background-size: 12px;
    background-position: center;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.24508 1.11479L2.75008 2.05479C2.17508 2.26979 1.70508 2.94979 1.70508 3.55979V7.27479C1.70508 7.86479 2.09508 8.63978 2.57008 8.99478L4.72008 10.5998C5.42508 11.1298 6.58508 11.1298 7.29008 10.5998L9.44008 8.99478C9.91508 8.63978 10.3051 7.86479 10.3051 7.27479V3.55979C10.3051 2.94479 9.83508 2.26479 9.26008 2.04979L6.76508 1.11479C6.34008 0.959785 5.66008 0.959785 5.24508 1.11479Z' stroke='white' stroke-width='1.125' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg opacity='0.4'%3E%3Cpath d='M7.07617 6.7207L4.95117 4.5957' stroke='white' stroke-width='1.125' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.05078 4.62061L4.92578 6.74561' stroke='white' stroke-width='1.125' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.cve-table-status.normal {
    color: #88ff73;
    border-color: rgba(136, 255, 115, .3)
}

.cve-table-status.normal::after {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.24508 1.11479L2.75008 2.05479C2.17508 2.26979 1.70508 2.94979 1.70508 3.55979V7.27479C1.70508 7.86479 2.09508 8.63978 2.57008 8.99478L4.72008 10.5998C5.42508 11.1298 6.58508 11.1298 7.29008 10.5998L9.44008 8.99478C9.91508 8.63978 10.3051 7.86479 10.3051 7.27479V3.55979C10.3051 2.94479 9.83508 2.26479 9.26008 2.04979L6.76508 1.11479C6.34008 0.959785 5.66008 0.959785 5.24508 1.11479Z' stroke='%2388FF73' stroke-width='1.125' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.cve-table-status.medium {
    color: #ffe373;
    border-color: rgba(255, 227, 115, .3)
}

.cve-table-status.medium::after {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.24508 1.11479L2.75008 2.05479C2.17508 2.26979 1.70508 2.94979 1.70508 3.55979V7.27479C1.70508 7.86479 2.09508 8.63978 2.57008 8.99478L4.72008 10.5998C5.42508 11.1298 6.58508 11.1298 7.29008 10.5998L9.44008 8.99478C9.91508 8.63978 10.3051 7.86479 10.3051 7.27479V3.55979C10.3051 2.94479 9.83508 2.26479 9.26008 2.04979L6.76508 1.11479C6.34008 0.959785 5.66008 0.959785 5.24508 1.11479Z' stroke='%23FFE373' stroke-width='1.125' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath opacity='0.4' d='M4.52539 5.93484L5.33039 6.73984L7.48039 4.58984' stroke='%23FFE373' stroke-width='1.125' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A")
}

.cve-table-status.high {
    color: #e42a11;
    border-color: rgba(228, 42, 17, .3)
}

.cve-table-status.high::after {
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.24508 1.11479L2.75008 2.05479C2.17508 2.26979 1.70508 2.94979 1.70508 3.55979V7.27479C1.70508 7.86479 2.09508 8.63978 2.57008 8.99478L4.72008 10.5998C5.42508 11.1298 6.58508 11.1298 7.29008 10.5998L9.44008 8.99478C9.91508 8.63978 10.3051 7.86479 10.3051 7.27479V3.55979C10.3051 2.94479 9.83508 2.26479 9.26008 2.04979L6.76508 1.11479C6.34008 0.959785 5.66008 0.959785 5.24508 1.11479Z' stroke='%23E42A11' stroke-width='1.125' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cg opacity='0.4'%3E%3Cpath d='M7.07617 6.7207L4.95117 4.5957' stroke='%23E42A11' stroke-width='1.125' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.05078 4.62061L4.92578 6.74561' stroke='%23E42A11' stroke-width='1.125' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3C/svg%3E%0A")
}

.cve-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    min-height: calc(100vh - 66px);
    margin: -32px
}

.cve-detail__main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: calc(100% - 380px);
    border-right: 1px solid rgba(255, 255, 255, .1)
}

.cve-detail__section {
    padding: 24px 32px
}

.cve-detail__section.border {
    border-top: 1px solid rgba(255, 255, 255, .1)
}

.cve-detail__section .scroller:first-child {
    margin-top: 0
}

.cve-detail__sidebar {
    padding: 24px;
    width: 380px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 24px;
    min-height: calc(100vh - 66px)
}

.cve-detail__sidebar hr {
    width: 100%;
    border: 0;
    border-top: 1px solid #fff;
    opacity: .1;
    margin: 0
}

.cve-detail__sidebar-title {
    font-size: 24px;
    font-weight: 500
}

.cve-detail__sidebar-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px;
    width: 100%
}

.cve-detail__sidebar-list li {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: .5em 0;
    border-bottom: 1px solid rgba(255, 255, 255, .7);
}

.cve-detail__sidebar-list li p {
    color: rgba(255, 255, 255, .7)
}

.cve-detail__sidebar-list li b {
    font-weight: 600
}

.cve-detail__sidebar-list li b a {
    text-decoration: underline
}

.cve-detail__sidebar-history {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px;
    font-size: 12px
}

.cve-detail__sidebar-history span {
    line-height: 1.4;
    color: rgba(255, 255, 255, .7)
}

.cve-detail__sidebar-history p {
    line-height: 1.6
}

.cve-detail__sidebar-footer {
    font-size: 12px;
    color: rgba(255, 255, 255, .7);
    line-height: 1.6
}

.cve-detail__sidebar-alert {
    width: 100%;
    padding: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px;
    position: relative;
    background: rgba(255, 227, 115, .07)
}

.cve-detail__sidebar-alert h4 {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.1
}

.cve-detail__sidebar-alert p {
    font-size: 14px;
    font-weight: 500;
    color: rgba(255, 255, 255, .4)
}

.cve-detail__sidebar-alert-close {
    position: absolute;
    width: 16px;
    height: 16px;
    top: 8px;
    right: 8px;
    cursor: pointer;
    z-index: 10;
    background: url("data:image/svg+xml,%3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2.91501L6.8992 0L8 1.1068L5.1008 4.02181L7.95661 6.8932L6.85581 8L4 5.12861L1.14419 8L0.0433914 6.8932L2.8992 4.02181L0 1.1068L1.1008 6.59705e-07L4 2.91501Z' fill='white'/%3E%3C/svg%3E%0A") center no-repeat;
    opacity: .3;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.cve-detail__sidebar-alert-close:hover {
    opacity: 1
}

.cve-detail__sidebar-screenshot img {
    padding: 2px;
    background: rgba(255, 255, 255, .03);
    border-radius: 4px;
    margin-bottom: 24px
}

.cve-detail__sidebar-screenshot a {
    color: rgba(255, 255, 255, .6);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    font-size: 14px;
    line-height: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.cve-detail__sidebar-screenshot a:hover {
    color: #fff
}

.cve-detail__sidebar-screenshot a::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.66647 3.33464H5.46647C4.71973 3.33464 4.34609 3.33464 4.06087 3.47996C3.80999 3.60779 3.60616 3.81162 3.47833 4.0625C3.33301 4.34772 3.33301 4.72136 3.33301 5.4681V10.5348C3.33301 11.2815 3.33301 11.6547 3.47833 11.9399C3.60616 12.1908 3.80999 12.395 4.06087 12.5228C4.34581 12.668 4.719 12.668 5.46428 12.668H10.5351C11.2803 12.668 11.653 12.668 11.9379 12.5228C12.1888 12.395 12.3933 12.1906 12.5212 11.9397C12.6663 11.6548 12.6663 11.282 12.6663 10.5367V9.33464M13.333 6.0013V2.66797M13.333 2.66797H9.99967M13.333 2.66797L8.66634 7.33464' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center no-repeat
}

.cve-detail__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px
}

.cve-detail__title {
    font-size: 32px;
    font-weight: 500
}

.cve-detail__title img {
    display: inline-block;
    vertical-align: middle;
    width: 32px;
    height: 32px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    margin-right: 12px;
    border-radius: 100%
}

.cyc-detail__description {
    font-size: 14px;
    font-weight: 500;
    opacity: .56
}

.cyc-detail__nav {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px
}

.cyc-detail__nav p {
    color: hsla(0, 0%, 100%, .5)
}

.cyc-detail__nav a {
    background: hsla(0, 0%, 100%, .05);
    border-radius: 4px;
    display: block;
    font-weight: 500;
    padding: 4px 12px;
    transition: var(--transition-ms)
}

.cyc-detail__nav a:hover {
    background: hsla(0, 0%, 100%, .1)
}

.cve-detail__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px;
    max-width: 530px;
    line-height: 1.6
}

.cve-detail__text h4 {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 400;
    color: rgba(255, 255, 255, .5);
    line-height: 1.4
}

.cve-detail__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 2px
}

.cve-detail__heading h3 {
    font-size: 32px;
    font-weight: 500
}

.cve-detail__heading p {
    line-height: 1.6;
    color: rgba(255, 255, 255, .7)
}

.cve-detail__tabs {
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    display: flex;
    flex-wrap: nowrap;
    gap: 24px;
    overflow: auto;
    padding: 0 32px;
    white-space: nowrap
}

.cve-detail__tabs::-webkit-scrollbar {
    display: none
}

.cve-detail__tabs li {
    align-items: center;
    color: hsla(0, 0%, 100%, .5);
    cursor: pointer;
    display: flex;
    flex-wrap: nowrap;
    font-weight: 500;
    gap: 12px;
    padding: 24px 0;
    position: relative;
    transition: var(--transition-ms)
}

.cve-detail__tabs li img {
    opacity: .5;
    transition: var(--transition-ms)
}

.cve-detail__tabs li:after {
    background: #fff;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    opacity: 0;
    position: absolute;
    right: 0;
    transition: var(--transition-ms)
}

.cve-detail__tabs li.active,
.cve-detail__tabs li:hover {
    color: #fff
}

.cve-detail__tabs li.active img,
.cve-detail__tabs li.active:after,
.cve-detail__tabs li:hover img,
.cve-detail__tabs li:hover:after {
    opacity: 1
}

.cve-detail__tab {
    display: none
}

.cve-detail__tab.active {
    display: block
}

.cve-detail__metrics {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 12px
}

.cve-detail__metrics:last-child {
    margin-bottom: 0
}

.cve-detail__metrics-block {
    padding: 16px;
    border-radius: 4px;
    background: rgba(255, 255, 255, .03);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px;
    min-height: 120px;
    width: calc((100% - 24px - 220px) / 2);
    position: relative
}

.cve-detail__metrics-block-full {
    padding: 16px;
    border-radius: 4px;
    background: rgba(255, 255, 255, .03);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 8px;
    min-height: 120px;
    width: 100%;
    position: relative;
    margin-top: 16px;
}

.cve-detail__metrics-block:first-child {
    max-width: 220px
}

.cve-detail__metrics-icon {
    position: absolute;
    top: 10px;
    right: 20px;
    height: 26px
}

.cve-detail__metrics-name {
    font-size: 14px;
    color: rgba(255, 255, 255, .6);
    margin-right: auto
}

.cve-detail__metrics-value {
    margin-top: auto;
    width: 100%;
    font-size: 18px;
    font-weight: 500
}

.cve-detail__metrics-status {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    padding: 6px 8px;
    border-radius: 4px;
    background: rgba(255, 255, 255, .06)
}

.cve-detail__metrics-status.none {
    color: rgba(255, 255, 255, .5)
}

.cve-detail__metrics-rating {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    padding: 5px 7px;
    border-radius: 4px;
    border: 1px solid var(--rating-color, #88ff73);
    color: var(--rating-color, #88ff73)
}

.cve-gradientbar {
    position: relative;
    width: 100%;
    padding-top: 5px;
    margin-top: auto
}

.cve-gradientbar__line {
    width: 100%;
    height: 5px;
    border-radius: 99px;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #88ff73), color-stop(50%, #f5b71b), color-stop(75%, #e18a26), color-stop(90%, #e31a0c));
    background: -o-linear-gradient(left, #88ff73 0, #f5b71b 50%, #e18a26 75%, #e31a0c 90%);
    background: linear-gradient(to right, #88ff73 0, #f5b71b 50%, #e18a26 75%, #e31a0c 90%)
}

.cve-gradientbar__indicator {
    position: absolute;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #fff;
    top: 0;
    background: #88ff73;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.cve-gradientbar__scale {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 4px;
    margin-top: 8px
}

.cve-gradientbar__scale li {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    padding: 2px;
    font-size: 10px;
    line-height: 10px;
    border-radius: 4px;
    background: rgba(255, 255, 255, .03)
}

.cve-gradientbar.none .cve-gradientbar__line {
    background: rgba(255, 255, 255, .08)
}

.cve-gradientbar.none .cve-gradientbar__indicator {
    display: none
}

.cve-gradientbar.none .cve-gradientbar__scale {
    opacity: .5;
    color: rgba(255, 255, 255, .5)
}

.cve-detail__sidebar-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px;
    width: 100%
}

.cve-detail__sidebar-links li {
    width: 100%
}

.cve-detail__sidebar-links li a {
    width: 100%;
    padding: 8px 10px;
    border-radius: 3px;
    background: rgba(255, 255, 255, .04);
    position: relative;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.cve-detail__sidebar-links li a p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cve-detail__sidebar-links li a span {
    color: rgba(255, 255, 255, .7);
    width: 200px
}

.cve-detail__sidebar-links li a::after {
    content: "";
    display: block;
    right: 10px;
    margin: auto 0;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9999 0.733623C12.0061 0.391112 11.7369 0.108378 11.3987 0.102118L8.26648 0.000105699C7.92824 -0.0061543 7.64904 0.266431 7.64286 0.608941C7.63667 0.951452 7.90586 1.23419 8.24409 1.24045L9.89778 1.31509L5.53313 5.57627C5.28959 5.81404 5.2825 6.20671 5.5173 6.45333C5.7521 6.69994 6.13986 6.70712 6.3834 6.46936L10.748 2.20818L10.6743 3.88277C10.6682 4.22529 10.9373 4.50802 11.2756 4.51428C11.6138 4.52054 11.893 4.24795 11.8992 3.90544L11.9999 0.733623ZM2.3109 0.0173686C1.03463 0.0173686 0 1.06508 0 2.35749V9.65981C0 10.9522 1.03463 11.9999 2.3109 11.9999H9.6891C10.9654 11.9999 12 10.9522 12 9.65981V6.72761C12 6.38504 11.7258 6.10733 11.3875 6.10733C11.0492 6.10733 10.7749 6.38504 10.7749 6.72761V9.65981C10.7749 10.2671 10.2888 10.7594 9.6891 10.7594H2.3109C1.71121 10.7594 1.22506 10.2671 1.22506 9.65981V2.35749C1.22506 1.75021 1.71121 1.25792 2.3109 1.25792H5.58237C5.92066 1.25792 6.1949 0.980211 6.1949 0.637643C6.1949 0.295075 5.92066 0.0173686 5.58237 0.0173686H2.3109Z' fill='white'/%3E%3C/svg%3E%0A") center no-repeat rgba(255, 255, 255, .04)
}

.cve-detail__sidebar-links li a:hover {
    background: rgba(255, 255, 255, .08)
}

.file {
    display: block;
    padding: 8px 36px 8px 10px;
    border-radius: 4px;
    background: rgba(255, 255, 255, .03);
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    margin-top: 8px;
    position: relative;
}

.file::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto 0;
    background: url("data:image/svg+xml, %3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.8119 5.29229L12.7337 5.78613L12.7337 5.78613L12.8119 5.29229ZM10.041 2.52144L9.5472 2.59966L9.5472 2.59966L10.041 2.52144ZM3.37405 14.0301L3.66794 13.6255L3.37405 14.0301ZM2.63661 13.2926L3.04112 12.9987L2.63661 13.2926ZM13.3634 13.2926L12.9589 12.9987L13.3634 13.2926ZM12.626 14.0301L12.3321 13.6255L12.626 14.0301ZM12.626 1.96994L12.9198 1.56543L12.626 1.96994ZM13.3634 2.70738L13.7679 2.41348L13.3634 2.70738ZM3.37405 1.96994L3.66794 2.37445L3.37405 1.96994ZM2.63661 2.70738L3.04112 3.00127L2.63661 2.70738ZM10 1.35261L10.0171 0.852907L10 1.35261ZM13.9807 5.33333L14.4804 5.31621L13.9807 5.33333ZM8.5 5.99999C8.5 5.72385 8.27614 5.49999 8 5.49999C7.72386 5.49999 7.5 5.72385 7.5 5.99999H8.5ZM11.0218 9.55197C11.2162 9.35584 11.2148 9.03926 11.0186 8.84487C10.8225 8.65048 10.5059 8.65189 10.3115 8.84802L11.0218 9.55197ZM9.73477 10.1402L10.0899 10.4922L10.0899 10.4922L9.73477 10.1402ZM6.26523 10.1402L6.62036 9.78827L6.62036 9.78827L6.26523 10.1402ZM5.68846 8.84802C5.49407 8.65189 5.17749 8.65048 4.98136 8.84487C4.78523 9.03926 4.78382 9.35584 4.97821 9.55197L5.68846 8.84802ZM8.16711 11.3227L8.23033 11.8187L8.23033 11.8187L8.16711 11.3227ZM7.83289 11.3227L7.76967 11.8187L7.76967 11.8187L7.83289 11.3227ZM7.5 11.3227C7.5 11.5989 7.72386 11.8227 8 11.8227C8.27614 11.8227 8.5 11.5989 8.5 11.3227H7.5ZM12.8901 4.79845C11.6777 4.60643 10.7269 3.65559 10.5349 2.44323L9.5472 2.59966C9.80699 4.23991 11.0934 5.52634 12.7337 5.78613L12.8901 4.79845ZM13.5 7.33333V8.66666H14.5V7.33333H13.5ZM2.5 8.66666V7.33333H1.5V8.66666H2.5ZM8 14.1667C6.73895 14.1667 5.83333 14.166 5.13203 14.09C4.44009 14.015 4.00661 13.8716 3.66794 13.6255L3.08016 14.4346C3.61771 14.8251 4.24729 15 5.02432 15.0842C5.79198 15.1673 6.76123 15.1667 8 15.1667V14.1667ZM1.5 8.66666C1.5 9.90543 1.49931 10.8747 1.58249 11.6423C1.66667 12.4194 1.84155 13.049 2.2321 13.5865L3.04112 12.9987C2.79506 12.6601 2.65163 12.2266 2.57667 11.5346C2.50069 10.8333 2.5 9.92771 2.5 8.66666H1.5ZM3.66794 13.6255C3.42741 13.4508 3.21588 13.2393 3.04112 12.9987L2.2321 13.5865C2.46854 13.9119 2.75473 14.1981 3.08016 14.4346L3.66794 13.6255ZM13.5 8.66666C13.5 9.92771 13.4993 10.8333 13.4233 11.5346C13.3484 12.2266 13.2049 12.6601 12.9589 12.9987L13.7679 13.5865C14.1585 13.049 14.3333 12.4194 14.4175 11.6423C14.5007 10.8747 14.5 9.90543 14.5 8.66666H13.5ZM8 15.1667C9.23877 15.1667 10.208 15.1673 10.9757 15.0842C11.7527 15 12.3823 14.8251 12.9198 14.4346L12.3321 13.6255C11.9934 13.8716 11.5599 14.015 10.868 14.09C10.1667 14.166 9.26105 14.1667 8 14.1667V15.1667ZM12.9589 12.9987C12.7841 13.2393 12.5726 13.4508 12.3321 13.6255L12.9198 14.4346C13.2453 14.1981 13.5315 13.9119 13.7679 13.5865L12.9589 12.9987ZM12.3321 2.37445C12.5726 2.54921 12.7841 2.76074 12.9589 3.00127L13.7679 2.41348C13.5315 2.08805 13.2453 1.80187 12.9198 1.56543L12.3321 2.37445ZM8 0.833328C6.76123 0.833328 5.79198 0.832642 5.02432 0.915813C4.24729 0.999999 3.61771 1.17488 3.08016 1.56543L3.66794 2.37445C4.00661 2.12839 4.44009 1.98496 5.13203 1.91C5.83333 1.83401 6.73895 1.83333 8 1.83333V0.833328ZM2.5 7.33333C2.5 6.07228 2.50069 5.16666 2.57667 4.46536C2.65163 3.77342 2.79506 3.33994 3.04112 3.00127L2.2321 2.41348C1.84155 2.95103 1.66667 3.58062 1.58249 4.35765C1.49931 5.12531 1.5 6.09455 1.5 7.33333H2.5ZM3.08016 1.56543C2.75473 1.80187 2.46854 2.08806 2.2321 2.41348L3.04112 3.00127C3.21588 2.76073 3.42741 2.54921 3.66794 2.37445L3.08016 1.56543ZM8 1.83333C8.78205 1.83333 9.43037 1.83339 9.98288 1.85232L10.0171 0.852907C9.44384 0.833266 8.77652 0.833328 8 0.833328V1.83333ZM9.98288 1.85232C11.2195 1.89469 11.8617 2.03271 12.3321 2.37445L12.9198 1.56543C12.1841 1.03086 11.2661 0.895698 10.0171 0.852907L9.98288 1.85232ZM9.5 1.35262C9.5 1.9408 9.4989 2.29476 9.5472 2.59966L10.5349 2.44323C10.502 2.23532 10.5 1.97744 10.5 1.35261L9.5 1.35262ZM14.5 7.33333C14.5 6.55681 14.5001 5.88949 14.4804 5.31621L13.481 5.35045C13.4999 5.90296 13.5 6.55128 13.5 7.33333H14.5ZM14.4804 5.31621C14.4376 4.06724 14.3025 3.14926 13.7679 2.41348L12.9589 3.00127C13.3006 3.47164 13.4386 4.11383 13.481 5.35045L14.4804 5.31621ZM13.9807 4.83333C13.3559 4.83332 13.098 4.83137 12.8901 4.79844L12.7337 5.78613C13.0386 5.83443 13.3925 5.83332 13.9807 5.83333L13.9807 4.83333ZM7.5 5.99999V10.8H8.5V5.99999H7.5ZM10.3115 8.84802L9.37964 9.78827L10.0899 10.4922L11.0218 9.55197L10.3115 8.84802ZM6.62036 9.78827L5.68846 8.84802L4.97821 9.55197L5.9101 10.4922L6.62036 9.78827ZM9.37964 9.78827C8.99978 10.1715 8.74409 10.4284 8.52901 10.6012C8.32181 10.7676 8.20133 10.8143 8.10389 10.8267L8.23033 11.8187C8.58579 11.7734 8.87756 11.6038 9.15517 11.3809C9.4249 11.1643 9.72659 10.8588 10.0899 10.4922L9.37964 9.78827ZM5.9101 10.4922C6.27341 10.8588 6.5751 11.1643 6.84483 11.3809C7.12244 11.6038 7.41421 11.7734 7.76967 11.8187L7.89611 10.8267C7.79867 10.8143 7.67819 10.7676 7.47099 10.6012C7.25591 10.4284 7.00022 10.1715 6.62036 9.78827L5.9101 10.4922ZM8.10389 10.8267C8.0349 10.8355 7.9651 10.8355 7.89611 10.8267L7.76967 11.8187C7.92261 11.8382 8.07739 11.8382 8.23033 11.8187L8.10389 10.8267ZM7.5 10.8V11.3227H8.5V10.8H7.5Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat;
}

.file:hover {
    background: rgba(255, 255, 255, .06);
}

.file-name {
    line-height: 1.1;
    margin-bottom: 4px;
    display: block;
}

.file-info {
    line-height: 1.1;
    color: rgba(255, 255, 255, .7);
    display: block;
}

.file-delete {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    right: 10px;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background: url("data:image/svg+xml, %3Csvg width='8' height='8' viewBox='0 0 8 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 2.91501L6.8992 0L8 1.1068L5.1008 4.02181L7.95661 6.8932L6.85581 8L4 5.12861L1.14419 8L0.0433914 6.8932L2.8992 4.02181L0 1.1068L1.1008 6.59705e-07L4 2.91501Z' fill='white'/%3E%3C/svg%3E%0A") center no-repeat rgba(255, 255, 255, .05);
    cursor: pointer;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
}

.file-delete:hover {
    background-color: rgba(255, 255, 255, .1);
}

.files .file::after {
    display: none;
}

.files .file:hover {
    background: rgba(255, 255, 255, .03);
}

.chat {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.chat-search {
    width: 100%;
    margin-bottom: 12px;
    -webkit-box-flex: initial !important;
    -ms-flex: initial !important;
    flex: initial !important;
}

.chat-messages {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    padding-top: 8px;
}

.chat-messages::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}

.chat-bubble {
    background: #2e2e2e;
    width: 100%;
    margin-bottom: 12px;
    padding: 12px;
    border-radius: 12px 12px 0;
    position: relative;
}

.chat-bubble:last-child {
    margin-bottom: 0;
}

.chat-bubble::before {
    content: attr(data-id);
    position: absolute;
    top: 6px;
    right: 14px;
    font-size: 8px;
    color: rgba(255, 255, 255, .5);
    text-transform: uppercase;
}

.chat-bubble::after {
    content: "";
    position: absolute;
    bottom: -7px;
    right: 0;
    width: 12px;
    height: 8px;
    background: url("data:image/svg+xml, %3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2015_2471)'%3E%3Cpath d='M22.783 7.29057C11.4878 9.34424 2.88798 3.43992 0 0.23105L0.320887 -9.39556C3.4228 -8.75379 10.14 -8.17619 12.1937 -11C11.8728 0.551936 20.5368 6.3279 22.783 7.29057Z' fill='%232E2E2E'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2015_2471'%3E%3Crect width='12' height='8' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") no-repeat;
}

.chat-author {
    font-size: 12px;
    color: rgba(255, 255, 255, .5);
    margin-bottom: 6px;
}

.chat-author b {
    font-weight: 600;
    color: #fff;
}

.chat-text {
    max-width: 385px;
    line-height: 1.25;
}

.chat-image {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin-bottom: 10px;
    max-width: 385px;
}

.chat-image img {
    width: 100%;
    border-radius: 12px;
}

.chat-file {
    margin-top: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.chat-file__type {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
    background: rgba(255, 255, 255, .08);
    border: 1px solid rgba(255, 255, 255, .05);
    border-radius: 4px;
    height: 34px;
    padding: 4px;
    min-width: 34px;
}

.chat-file__info {
    width: calc(100% - 44px - 10px);
    margin-left: 10px;
}

.chat-file__info p {
    margin-bottom: 2px;
}

.chat-file__info span {
    font-size: 12px;
    display: inline-block;
    margin-right: 10px;
}

.chat-file__info a {
    text-decoration: underline;
}

.dropfile {
    border: 1px dashed rgba(255, 255, 255, .16);
    border-radius: 8px;
    width: 100%;
    height: 284px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    cursor: pointer;
}

.dropfile::before {
    content: "";
    display: block;
    width: 72px;
    height: 72px;
    margin-bottom: 24px;
    background: url("data:image/svg+xml,%3Csvg width='72' height='72' viewBox='0 0 72 72' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2019_2677)'%3E%3Cpath d='M12.0872 -0.0999056C12.3664 -0.101783 12.6457 -0.103948 12.9249 -0.106377C13.6783 -0.111953 14.4316 -0.113057 15.185 -0.11297C15.8154 -0.113222 16.4459 -0.115465 17.0763 -0.117628C18.5638 -0.12261 20.0512 -0.123718 21.5387 -0.122565C23.0708 -0.121461 24.6027 -0.127658 26.1348 -0.137303C27.4533 -0.145303 28.7718 -0.148403 30.0903 -0.147676C30.8765 -0.147314 31.6626 -0.14887 32.4488 -0.155304C33.1877 -0.161169 33.9264 -0.160909 34.6653 -0.156013C34.9357 -0.155241 35.2061 -0.156611 35.4765 -0.160331C37.7694 -0.189754 37.7694 -0.189754 38.6764 0.617944C38.8674 0.829491 39.0542 1.04493 39.2346 1.26563C39.376 1.39944 39.5197 1.5309 39.6669 1.65839C40.5286 2.44794 41.385 3.24293 42.2386 4.04115C42.8057 4.5712 43.3746 5.09913 43.9455 5.625C44.6946 6.31499 45.4394 7.00931 46.1834 7.70471C46.7481 8.23223 47.3147 8.75769 47.883 9.28125C48.5417 9.88803 49.1975 10.4978 49.8518 11.1094C50.5182 11.7321 51.1858 12.3536 51.8557 12.9727C51.9667 13.0758 51.9667 13.0758 52.08 13.181C52.4408 13.5149 52.8045 13.8437 53.1773 14.1641C53.3155 14.2843 53.4536 14.4045 53.5959 14.5283C53.7792 14.6841 53.7792 14.6841 53.9662 14.8431C54.8419 15.7997 54.7617 16.8312 54.7512 18.0651C54.7511 18.2564 54.7512 18.4477 54.7514 18.6391C54.7515 19.1562 54.7491 19.6733 54.7461 20.1904C54.7435 20.7316 54.7432 21.2729 54.7427 21.8142C54.7414 22.8381 54.738 23.862 54.7337 24.886C54.729 26.0521 54.7267 27.2183 54.7246 28.3844C54.7202 30.7823 54.7127 33.1802 54.7033 35.5781C54.7884 35.5961 54.8735 35.6141 54.9611 35.6327C55.0737 35.657 55.1863 35.6813 55.3023 35.7064C55.4135 35.7302 55.5247 35.754 55.6392 35.7785C56.1303 35.8989 56.581 36.0834 57.0412 36.29C57.1371 36.3329 57.2329 36.3757 57.3317 36.4198C59.1405 37.2497 60.6975 38.307 62.1565 39.6563C62.2292 39.7228 62.3018 39.7893 62.3767 39.8579C66.075 43.2781 67.9278 47.9407 68.189 52.9148C68.3582 57.421 66.7622 61.9665 63.844 65.3906C63.6854 65.5785 63.6854 65.5785 63.5237 65.7702C60.5136 69.2247 56.3161 71.4698 51.7502 72C51.0235 72.044 50.2983 72.0548 49.5705 72.0527C49.4228 72.0527 49.4228 72.0527 49.272 72.0527C47.6084 72.0477 46.042 71.8942 44.4377 71.4375C44.3439 71.4119 44.2501 71.3863 44.1535 71.36C40.3798 70.3077 37.2153 67.9518 34.7346 64.9688C34.6228 64.717 34.6228 64.717 34.5087 64.4602C34.2214 64.0626 34.0663 63.9913 33.5776 63.8948C32.9526 63.8619 32.3342 63.8614 31.7087 63.8709C31.4677 63.8709 31.2267 63.8705 30.9857 63.8697C30.4669 63.8689 29.9482 63.8711 29.4294 63.8757C28.6077 63.883 27.7861 63.883 26.9645 63.882C25.3668 63.8811 23.7693 63.8874 22.1717 63.8946C20.1423 63.9033 18.1129 63.9088 16.0834 63.9077C15.2681 63.9075 14.4528 63.9109 13.6375 63.9171C13.1279 63.9203 12.6184 63.9207 12.1088 63.9202C11.8742 63.9206 11.6396 63.9222 11.405 63.9252C9.6202 63.9468 8.07005 63.7256 6.60958 62.5781C6.53091 62.5194 6.45224 62.4607 6.37118 62.4002C4.92536 61.261 4.27429 59.6298 3.99405 57.8555C3.89242 56.9887 3.89903 56.1224 3.90199 55.2508C3.90167 55.0406 3.90122 54.8304 3.90066 54.6201C3.8995 54.0468 3.90007 53.4735 3.90094 52.9001C3.90158 52.2801 3.90059 51.6601 3.89982 51.04C3.89857 49.8271 3.89884 48.6142 3.89966 47.4013C3.90029 46.4152 3.90038 45.4291 3.90007 44.443C3.90003 44.3024 3.89999 44.1618 3.89994 44.017C3.89985 43.7314 3.89976 43.4458 3.89967 43.1602C3.89887 40.4847 3.89979 37.8093 3.9013 35.1338C3.90256 32.8401 3.90234 30.5465 3.90104 28.2529C3.89954 25.5867 3.89894 22.9205 3.89981 20.2544C3.8999 19.9698 3.89999 19.6853 3.90007 19.4008C3.90012 19.2608 3.90016 19.1208 3.9002 18.9766C3.90045 17.9922 3.90004 17.0077 3.89938 16.0232C3.89858 14.8228 3.8988 13.6224 3.9003 12.422C3.90104 11.81 3.90133 11.1981 3.9004 10.5861C3.89955 10.025 3.90003 9.464 3.90152 8.90295C3.90183 8.70084 3.90167 8.49872 3.90099 8.29661C3.8945 6.22682 4.05724 4.23426 5.34396 2.53125C5.40287 2.45203 5.46179 2.37282 5.52249 2.2912C7.20191 0.167632 9.57111 -0.105865 12.0872 -0.0999056ZM8.01583 4.21875C7.38537 5.04737 7.13721 5.78169 7.13591 6.81913C7.135 7.00127 7.13409 7.18342 7.13316 7.37108C7.13357 7.57222 7.13401 7.77337 7.13448 7.97451C7.13395 8.18895 7.1333 8.4034 7.13255 8.61784C7.13083 9.20673 7.13086 9.79561 7.13119 10.3845C7.13125 11.0198 7.1297 11.6551 7.12837 12.2903C7.12603 13.5348 7.12526 14.7793 7.1251 16.0237C7.12497 17.0353 7.12439 18.0468 7.1235 19.0584C7.12102 21.9263 7.11972 24.7941 7.11993 27.662C7.11994 27.8166 7.11996 27.9712 7.11997 28.1305C7.11998 28.2853 7.11999 28.4401 7.12 28.5996C7.12012 31.1085 7.11742 33.6174 7.11346 36.1263C7.10942 38.7024 7.10748 41.2785 7.10772 43.8546C7.10781 45.3009 7.10704 46.7472 7.10401 48.1935C7.10145 49.4249 7.10084 50.6562 7.10275 51.8876C7.10367 52.5158 7.10368 53.1439 7.10125 53.772C7.09903 54.3474 7.09943 54.9228 7.10189 55.4982C7.10232 55.706 7.10181 55.9138 7.10024 56.1216C7.09056 57.496 7.25701 58.4249 7.97189 59.5898C8.79562 60.3913 9.74832 60.7678 10.8842 60.7669C11.0217 60.7671 11.0217 60.7671 11.1619 60.7673C11.4696 60.7675 11.7773 60.7667 12.085 60.766C12.3053 60.7659 12.5257 60.7659 12.746 60.766C13.3448 60.7661 13.9436 60.7652 14.5424 60.7643C15.1679 60.7634 15.7935 60.7633 16.419 60.7631C17.6038 60.7627 18.7886 60.7615 19.9734 60.7601C21.3222 60.7586 22.671 60.7578 24.0197 60.7571C26.7945 60.7556 29.5692 60.7531 32.344 60.75C32.2954 60.6062 32.2468 60.4624 32.1967 60.3143C32.1325 60.1232 32.0683 59.9321 32.0041 59.741C31.9721 59.6465 31.9401 59.552 31.9072 59.4547C31.6661 58.7358 31.471 58.0216 31.3244 57.2783C31.3015 57.1655 31.2787 57.0526 31.2551 56.9363C31.0821 56.0535 30.9673 55.1813 30.9377 54.2813C30.9321 54.1531 30.9265 54.0249 30.9207 53.8929C30.8037 48.8486 32.6836 44.1532 36.1408 40.5C36.2904 40.3393 36.2904 40.3393 36.443 40.1754C39.5901 36.8976 44.1622 35.0975 48.6565 34.875C49.5846 34.875 50.5127 34.875 51.469 34.875C51.469 29.3527 51.469 23.8303 51.469 18.1406C48.4905 18.1056 48.4905 18.1056 45.512 18.0734C45.1356 18.0684 44.7592 18.0634 44.3828 18.0582C44.2874 18.0575 44.1919 18.0567 44.0936 18.0559C41.6962 18.0355 39.3388 17.7953 37.5471 16.0313C36.1241 14.4013 35.7537 12.6 35.7602 10.4958C35.7583 10.2809 35.7562 10.0659 35.7537 9.85099C35.7482 9.29176 35.7467 8.7326 35.7461 8.17335C35.7448 7.60009 35.7395 7.02688 35.7346 6.45365C35.7256 5.33368 35.7209 4.21375 35.719 3.09375C32.3855 3.0806 29.052 3.07069 25.7185 3.06461C24.1706 3.06171 22.6228 3.05776 21.075 3.05132C19.7257 3.0457 18.3764 3.04208 17.0271 3.04083C16.3128 3.04009 15.5986 3.03838 14.8843 3.03428C14.2115 3.03045 13.5387 3.02928 12.8659 3.03013C12.6195 3.02997 12.3731 3.02886 12.1267 3.0267C10.5549 3.01358 9.20669 3.06192 8.01583 4.21875ZM38.8127 5.34375C38.7911 6.27411 38.7765 7.20441 38.7664 8.13496C38.7621 8.45085 38.7564 8.76671 38.7491 9.08254C38.629 11.5791 38.629 11.5791 39.6565 13.7813C40.7616 14.8545 41.8495 14.9473 43.338 14.9337C43.5843 14.9331 43.5843 14.9331 43.8357 14.9325C44.3586 14.9309 44.8816 14.9274 45.4045 14.9238C45.7597 14.9224 46.115 14.9211 46.4702 14.92C47.3396 14.9169 48.209 14.9122 49.0783 14.9063C48.447 14.152 48.447 14.152 47.755 13.4544C47.672 13.3775 47.589 13.3005 47.5034 13.2212C47.3737 13.1025 47.3737 13.1025 47.2414 12.9814C47.1493 12.8963 47.0572 12.8112 46.9624 12.7235C46.6838 12.4662 46.4045 12.2096 46.1252 11.9531C45.9686 11.8087 45.812 11.6642 45.6555 11.5197C45.4332 11.3144 45.2109 11.1092 44.9884 10.9041C44.4041 10.3656 43.8229 9.82382 43.2424 9.28125C42.285 8.38675 41.3253 7.49484 40.3596 6.60938C40.2893 6.54487 40.219 6.48035 40.1465 6.41389C39.9484 6.23251 39.7497 6.05178 39.551 5.8711C39.4386 5.76886 39.3262 5.66662 39.2104 5.56128C38.9916 5.32861 38.9916 5.32861 38.8127 5.34375ZM37.6247 43.349C37.1647 43.8649 36.7814 44.4111 36.4221 45C36.351 45.107 36.28 45.2139 36.2068 45.3241C34.1543 48.5179 33.502 52.7146 34.1985 56.417C34.2771 56.7379 34.362 57.0574 34.4533 57.375C34.4996 57.5438 34.5458 57.7125 34.5934 57.8864C35.836 62.0013 38.6219 65.171 42.3459 67.2451C45.8787 69.1266 50.0343 69.4026 53.8596 68.3438C54.4904 68.1477 55.087 67.9146 55.6877 67.6406C55.93 67.5321 55.93 67.5321 56.1772 67.4214C57.3439 66.8705 58.35 66.2112 59.344 65.3906C59.4741 65.2837 59.6043 65.1767 59.7384 65.0665C62.6975 62.5098 64.5369 58.8643 64.969 54.9844C65.2065 50.4867 63.9854 46.3367 60.9743 42.9493C58.9417 40.7239 56.3314 39.1956 53.4377 38.3906C53.2816 38.3457 53.1256 38.3007 52.9647 38.2544C47.2211 36.8494 41.5309 39.1386 37.6247 43.349Z' fill='white'/%3E%3Cpath d='M50.9592 44.4199C51.3231 44.8958 51.3459 45.3392 51.3443 45.926C51.3443 46.116 51.3443 46.116 51.3442 46.3098C51.3435 46.4453 51.3428 46.5808 51.342 46.7205C51.3418 46.8601 51.3416 46.9998 51.3414 47.1437C51.3407 47.5893 51.3389 48.0349 51.3371 48.4805C51.3364 48.7828 51.3358 49.0851 51.3352 49.3874C51.3336 50.1281 51.3313 50.8687 51.3283 51.6094C51.4078 51.6085 51.4873 51.6075 51.5692 51.6065C52.3972 51.5972 53.2253 51.5908 54.0534 51.5862C54.3624 51.5841 54.6713 51.5812 54.9803 51.5776C55.4246 51.5724 55.869 51.57 56.3134 51.5682C56.5202 51.5649 56.5202 51.5649 56.7311 51.5616C57.6025 51.5614 58.1013 51.6599 58.7551 52.2686C59.0002 52.746 58.9985 53.1992 58.9221 53.7188C58.6862 54.2611 58.4798 54.4848 57.9377 54.7031C57.6191 54.737 57.6191 54.737 57.2671 54.7351C57.0687 54.735 57.0687 54.735 56.8663 54.735C56.7246 54.7336 56.5829 54.7321 56.437 54.7306C56.291 54.7302 56.1451 54.7298 55.9948 54.7294C55.5291 54.7278 55.0635 54.7243 54.5978 54.7207C54.282 54.7193 53.9661 54.718 53.6503 54.7169C52.8763 54.7138 52.1023 54.7091 51.3283 54.7031C51.3297 54.8346 51.3297 54.8346 51.3311 54.9688C51.3405 55.8836 51.3469 56.7984 51.3515 57.7132C51.3536 58.0544 51.3565 58.3955 51.3601 58.7366C51.3653 59.2278 51.3676 59.7189 51.3695 60.21C51.3717 60.3618 51.3739 60.5136 51.3761 60.67C51.3763 61.5071 51.3336 62.1296 50.9064 62.8594C50.4019 63.164 50.0719 63.2843 49.4826 63.2725C48.9984 63.1146 48.7307 62.9435 48.3752 62.5781C48.0044 61.7815 48.0581 60.9734 48.0665 60.1139C48.0669 59.959 48.0673 59.8042 48.0677 59.6446C48.0692 59.1517 48.0728 58.6589 48.0764 58.166C48.0778 57.8311 48.079 57.4962 48.0802 57.1613C48.0833 56.3419 48.088 55.5225 48.0939 54.7031C48.013 54.7047 47.9321 54.7063 47.8487 54.7079C47.0046 54.7235 46.1606 54.734 45.3165 54.7418C45.0016 54.7453 44.6868 54.7501 44.372 54.7562C43.9189 54.7647 43.4659 54.7687 43.0128 54.7718C42.8024 54.7772 42.8024 54.7772 42.5879 54.7828C41.9468 54.7831 41.488 54.7788 40.9752 54.3673C40.5485 53.8987 40.5039 53.647 40.4766 53.0365C40.511 52.5963 40.6309 52.3613 40.9221 52.0313C41.5921 51.4787 42.2839 51.5552 43.1089 51.5682C43.2515 51.5688 43.3941 51.5694 43.541 51.57C43.9952 51.5724 44.4493 51.5776 44.9035 51.583C45.2119 51.5851 45.5204 51.5871 45.8288 51.5888C46.5839 51.5934 47.3389 51.6005 48.0939 51.6094C48.0917 51.4271 48.0895 51.2448 48.0872 51.057C48.0796 50.378 48.0747 49.6989 48.0708 49.0199C48.0686 48.7265 48.0658 48.4331 48.0621 48.1397C48.057 47.717 48.0546 47.2943 48.0527 46.8715C48.0506 46.7413 48.0484 46.611 48.0461 46.4768C48.0459 45.6865 48.1389 45.1365 48.5158 44.4375C49.2744 43.7034 50.1313 43.7664 50.9592 44.4199Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2019_2677'%3E%3Crect width='72' height='72' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A") center/cover no-repeat;
}

.dropfile b {
    font-size: 14px;
    font-weight: 600;
    display: block;
    margin-bottom: 8px;
}

.dropfile p {
    font-size: 14px;
    line-height: 1.4;
    color: rgba(255, 255, 255, .5);
}

.dropfile.drag-over,
.dropfile:hover {
    border-color: rgba(255, 255, 255, .32);
}

.rex-status.true {
    color: #88ff73
}

.rex-status.false {
    color: #ff9a0c
}

.rex-detail__inputs {
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px
}

.rex-graph__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 16px;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.graph-filter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 4px
}

.graph-filter button {
    padding: 6px 12px;
    border-radius: 99px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid transparent;
    cursor: pointer;
    color: rgba(255, 255, 255, .8);
    font-size: 12px;
    line-height: 16px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.graph-filter button.active {
    border-color: rgba(255, 255, 255, .05);
    color: #22b5ff
}

.graph-filter button:hover {
    border-color: rgba(255, 255, 255, .05)
}

.graph-chart .apexcharts-grid-borders,
.graph-chart .apexcharts-xaxis-tick {
    opacity: .2
}

.graph-chart .apexcharts-xaxis-label {
    font-size: 14px;
    font-weight: 500;
    fill: rgba(255, 255, 255, .45)
}

.graph-chart .apexcharts-yaxistooltip {
    display: none
}

.graph-chart .apexcharts-tooltip {
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, .1) !important;
    background: rgba(255, 255, 255, .04) !important;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: 8px 12px
}

.graph-chart .apexcharts-tooltip span {
    font-size: 12px;
    color: rgba(255, 255, 255, .5);
    display: block;
    margin-bottom: 10px;
    font-weight: 500
}

.graph-chart .apexcharts-tooltip p {
    font-size: 12px;
    font-weight: 500
}

.graph-chart .apexcharts-tooltip b {
    display: block;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, .1);
    font-size: 24px;
    font-weight: 500
}

.graph-chart .apexcharts-tooltip b small {
    font-size: 12px;
    color: rgba(255, 255, 255, .5);
    font-weight: 500
}

.graph-chart .apexcharts-marker {
    stroke: #22b5ff;
    stroke-opacity: 1;
    fill: #17161d
}

.auth {
    width: 100%;
    min-height: 100svh;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 44px;
    position: relative;
    background: url(../img/auth-bg.jpg) center/cover no-repeat
}

.auth::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    background: url(../img/auth-light.png) bottom center/contain no-repeat
}

.auth-header {
    position: relative;
    z-index: 5
}

.auth-content {
    margin: auto;
    max-width: 420px;
    width: 100%;
    position: relative;
    z-index: 5
}

.auth-title {
    text-align: center;
    font-size: 50px;
    font-weight: 500;
    line-height: 1.1;
    letter-spacing: -.02em
}

.auth-desc {
    margin-top: 24px;
    text-align: center;
    font-size: 14px;
    line-height: 1.6;
    color: rgba(255, 255, 255, .7)
}

.auth-footer {
    margin-top: auto;
    padding-top: 20px;
    font-size: 10px;
    text-align: center;
    text-transform: uppercase;
    line-height: 1.2;
    color: rgba(255, 255, 255, .7);
    position: relative;
    z-index: 5
}

.auth-form {
    margin-top: 44px;
    width: 100%
}

.auth-label {
    display: block;
    width: 100%;
    margin-bottom: 16px;
    position: relative
}

.auth-label .label-pass-visible {
    width: 20px;
    height: 20px;
    right: 20px;
    bottom: 19px;
    background-size: cover;
    opacity: .5;
    -webkit-transition: opacity .2s;
    -o-transition: opacity .2s;
    transition: opacity .2s
}

.auth-label .label-pass-visible:hover {
    opacity: 1
}

.auth-input {
    width: 100%;
    height: 58px;
    padding: 0 20px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .1);
    -webkit-backdrop-filter: blur(17px);
    backdrop-filter: blur(17px);
    border-radius: 12px;
    font-size: 16px;
    color: #fff;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.auth-input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .7)
}

.auth-input:-moz-placeholder {
    color: rgba(255, 255, 255, .7)
}

.auth-input::-moz-placeholder {
    color: rgba(255, 255, 255, .7)
}

.auth-input:-ms-input-placeholder {
    color: rgba(255, 255, 255, .7)
}

.auth-input:active,
.auth-input:focus {
    border: 1px solid rgba(255, 255, 255, .2)
}

.auth-button {
    background: #2277f6;
    border: 1px solid rgba(255, 255, 255, .1);
    -webkit-box-shadow: 0 10px 30px rgba(34, 119, 246, .25);
    box-shadow: 0 10px 30px rgba(34, 119, 246, .25);
    border-radius: 12px;
    height: 58px;
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    margin-top: 44px;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 10px;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.auth-button::after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.548 8.77284C11.4067 8.6315 11.1776 8.63112 11.0358 8.77199L10.4665 9.33752C10.3224 9.48069 10.3239 9.71431 10.4699 9.85559L12.4161 11.7392C12.5634 11.8818 12.5634 12.118 12.4161 12.2606L10.4699 14.1442C10.3239 14.2855 10.3224 14.5191 10.4665 14.6623L11.0358 15.2279C11.1776 15.3687 11.4067 15.3683 11.548 15.227L14.5186 12.2564C14.6602 12.1148 14.6602 11.8851 14.5186 11.7434L11.548 8.77284Z' fill='white'/%3E%3C/svg%3E%0A") center no-repeat rgba(255, 255, 255, .04);
    border-radius: 100%
}

.auth-button:hover {
    background: #3383fb
}

.auth-checkbox span {
    position: relative;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    font-size: 16px;
    line-height: 26px
}

.auth-checkbox span::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    border: 1px solid rgba(104, 117, 125, .5);
    cursor: pointer;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    background-repeat: no-repeat;
    background-position: center
}

.auth-checkbox input {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    padding: 0 !important;
    border: 0 !important;
    height: 1px !important;
    width: 1px !important;
    overflow: hidden
}

.auth-checkbox input:checked + span::before {
    background-color: #fff;
    border-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.88305 10.5482L4.69104 8.35621L5.36121 7.68604L6.88305 9.20788L10.6388 5.45215L11.309 6.12232L6.88305 10.5482Z' fill='black'/%3E%3C/svg%3E%0A")
}


.otp-container {
  display: flex;
  justify-content: center;
  gap: 12px;
  margin: 25px 0;
}

.otp-loader {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 160px; /* same height as the OTP inputs */
}

.btn-otp-loader {
  width: 36px;
  height: 36px;
  border: 6px solid #fff;
  border-bottom-color: transparent;
  border-radius: 50%;
  display: inline-block;
  box-sizing: border-box;
  animation: rotation 1s linear infinite;
}

.otp-input {
  width: 52px;
  height: 52px;
  border: 2px solid #d9d9d9;
  border-radius: 10px;
  background: transparent; /* or your preferred background */
  color: #fff;             /* White text */
  text-align: center;
  font-size: 22px;
  font-weight: 600;
  outline: none;
  transition: all 0.2s ease;
  caret-color: #fff;       /* White blinking cursor */
}

.otp-input::placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.otp-input:focus {
  border-color: #0d6efd;
  box-shadow: 0 0 0 3px rgba(13, 110, 253, 0.15);
}

.otp-input::-webkit-outer-spin-button,
.otp-input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.otp-input[type="number"] {
  -moz-appearance: textfield;
}

/* .popup-task-query-group-batch {
    margin-bottom: 12px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.popup-task-query-group-batch {
    margin-bottom: 12px;
    display: -webkit-box;
    flex-wrap: wrap;
    -webkit-box-align: center;
    align-items: center;
    gap: 12px;
} */


/* .popup-task-query-group-batch .select-combine {
    width: 95px
}

.popup-task-query-group-batch .select-combine {
    width: 95px
}

.popup-task-query-group-batch .select-type {
    width: 388px
} */

.p-status {
    padding: 4px 8px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .05);
    border-radius: 8px
}

.p-status.blue {
    background: rgba(76, 148, 255, .04);
    border: 1px solid rgba(76, 148, 255, .1);
    color: #4c94ff
}

.p-created::before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 14px;
    margin-right: 8px;
    background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.5124 6.00078C11.5124 2.95631 9.0444 0.488281 5.99993 0.488281C2.95546 0.488281 0.487427 2.95631 0.487427 6.00078C0.487427 9.04525 2.95546 11.5133 5.99993 11.5133C9.0444 11.5133 11.5124 9.04525 11.5124 6.00078Z' stroke='white' stroke-opacity='0.5' stroke-width='0.75' stroke-miterlimit='10'/%3E%3Cpath d='M5.60181 2.81641V6.72691L8.24988 8.24937' stroke='white' stroke-opacity='0.5' stroke-width='0.75' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") top center no-repeat
}

.p-actor img {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    height: 16px;
    margin-right: 8px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 100%
}

.p-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    line-height: 22px
}

.p-link .truncate {
    max-width: calc(100% - 24px - 12px)
}

.p-link::after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.9999 0.733623C12.0061 0.391112 11.7369 0.108378 11.3987 0.102118L8.26648 0.000105699C7.92824 -0.0061543 7.64904 0.266431 7.64286 0.608941C7.63667 0.951452 7.90586 1.23419 8.24409 1.24045L9.89778 1.31509L5.53313 5.57627C5.28959 5.81404 5.2825 6.20671 5.5173 6.45333C5.7521 6.69994 6.13986 6.70712 6.3834 6.46936L10.748 2.20818L10.6743 3.88277C10.6682 4.22529 10.9373 4.50802 11.2756 4.51428C11.6138 4.52054 11.893 4.24795 11.8992 3.90544L11.9999 0.733623ZM2.3109 0.0173686C1.03463 0.0173686 0 1.06508 0 2.35749V9.65981C0 10.9522 1.03463 11.9999 2.3109 11.9999H9.6891C10.9654 11.9999 12 10.9522 12 9.65981V6.72761C12 6.38504 11.7258 6.10733 11.3875 6.10733C11.0492 6.10733 10.7749 6.38504 10.7749 6.72761V9.65981C10.7749 10.2671 10.2888 10.7594 9.6891 10.7594H2.3109C1.71121 10.7594 1.22506 10.2671 1.22506 9.65981V2.35749C1.22506 1.75021 1.71121 1.25792 2.3109 1.25792H5.58237C5.92066 1.25792 6.1949 0.980211 6.1949 0.637643C6.1949 0.295075 5.92066 0.0173686 5.58237 0.0173686H2.3109Z' fill='white'/%3E%3C/svg%3E%0A") center no-repeat rgba(255, 255, 255, .04)
}

.p-links {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px
}

.p-links li {
    width: calc((100% - 36px) / 4)
}

.p-links li a {
    width: 100%;
    display: block;
    padding: 8px 50px 8px 10px;
    border-radius: 3px;
    background: rgba(255, 255, 255, .04);
    position: relative;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.p-links li a p {
    margin-bottom: 4px
}

.p-links li a span {
    color: rgba(255, 255, 255, .7)
}

.p-links li a::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto 0;
    border-radius: 100%;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.548 8.7726C11.4067 8.63126 11.1776 8.63087 11.0358 8.77174L10.4665 9.33728C10.3224 9.48045 10.3239 9.71406 10.4699 9.85535L12.4161 11.739C12.5634 11.8816 12.5634 12.1178 12.4161 12.2604L10.4699 14.144C10.3239 14.2853 10.3224 14.5189 10.4665 14.6621L11.0358 15.2276C11.1776 15.3685 11.4067 15.3681 11.548 15.2268L14.5186 12.2562C14.6602 12.1145 14.6602 11.8848 14.5186 11.7431L11.548 8.7726Z' fill='white'/%3E%3C/svg%3E%0A") center no-repeat rgba(255, 255, 255, .04)
}

.p-links li a:hover {
    background: rgba(255, 255, 255, .08)
}

.p-tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px
}

.p-tags li {
    padding: 4px 8px;
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .05);
    border-radius: 8px
}

.p-revenue {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.p-revenue span.green {
    color: #88ff73
}

.p-revenue span.yellow {
    color: #f3ff73
}

.p-revenue span.red {
    color: #f43434
}

.p-sale {
    padding: 6px 8px;
    background: rgba(255, 255, 255, .04);
    border-radius: 4px
}

.p-data {
    padding: 5px 11px;
    border-radius: 99px;
    border: 1px solid var(--border, rgba(255, 255, 255, .2))
}

.p-size {
    text-align: right
}

.p-size span {
    opacity: .5
}

.p-link-line {
    text-decoration: underline
}

.p-type.green {
    color: #88ff73
}

.p-type.orange {
    color: #ff7f0e
}

.p-type.blue {
    color: #1f77b4
}

.p-download {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

.p-download::after {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.64645 11.8536C7.84171 12.0488 8.15829 12.0488 8.35355 11.8536L11.5355 8.67157C11.7308 8.47631 11.7308 8.15973 11.5355 7.96447C11.3403 7.7692 11.0237 7.7692 10.8284 7.96447L8 10.7929L5.17157 7.96447C4.97631 7.7692 4.65973 7.7692 4.46447 7.96447C4.2692 8.15973 4.2692 8.47631 4.46447 8.67157L7.64645 11.8536ZM8 4.5L7.5 4.5L7.5 11.5L8 11.5L8.5 11.5L8.5 4.5L8 4.5Z' fill='white'/%3E%3C/svg%3E%0A")
}

.p-leaks__stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px
}

.p-leaks__stats li {
    padding: 16px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 16px
}

.p-leaks__stats li b {
    font-weight: 500;
    text-transform: uppercase;
    font-size: 14px;
    opacity: .5;
    display: block;
    line-height: 20px
}

.p-leaks__stats li p {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    font-size: 32px;
    line-height: 44px
}

.p-leaks__stats li p span {
    opacity: .6
}

.cyc-search {
    max-width: 748px;
    width: 100%;
    margin: 0 auto;
    height: 100%;
}

.cyc-search__head {
    max-width: 410px;
    width: 100%;
    margin: 0 auto 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 24px
}

.cyc-search__icon {
    padding-left: 20px;
    padding-right: 20px;
    width: fit-content;
    height: 64px;
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .05);
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-shadow: inset 0 0 0 3px #17161d;
    box-shadow: inset 0 0 0 3px #17161d
}

.cyc-search__icon img {
    width: 18px
}

.cyc-search__title {
    text-align: center;
    font-size: 50px;
    font-weight: 400;
    line-height: 1.1;
    letter-spacing: -.02em
}

.cyc-search__text {
    font-size: 14px;
    line-height: 1.6;
    opacity: .7
}

.cyc-search__form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px
}

.cyc-search__form .select {
    width: 156px;
    background-color: rgba(255, 255, 255, .05);
    border-color: rgba(255, 255, 255, .05);
    height: 46px !important
}

.cyc-search__form .select.js-dropdown {
    padding: 0 !important
}

.cyc-search__form .select.js-dropdown .ts-control {
    padding: 12px 38px 12px 16px !important;
    font-size: 14px
}

.cyc-search__form .select.js-dropdown .ts-dropdown {
    padding: 8px 16px;
    line-height: 20px;
    font-size: 14px
}

.sf-search__form .select {
    width: 156px;
    height: 46px !important;
    background: rgba(255, 255, 255, .03);
    border-radius: 8px;
    padding: 0 16px;
    color: #fff;
    outline: 0;
    border: 0;
}

.sf-search__form .select.js-dropdown {
    padding: 0 !important
}

.sf-search__form .select.js-dropdown .ts-control {
    padding: 12px 38px 12px 16px !important;
    font-size: 14px
}

.sf-search__form .select.js-dropdown .ts-dropdown {
    padding: 8px 16px;
    line-height: 20px;
    font-size: 14px
}

.cyc-search__input {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cyc-search__input input {
    width: 100%;
    height: 46px;
    border-radius: 8px;
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .05);
    padding: 0 52px 0 16px;
    font-size: 14px;
    font-weight: 500;
    color: #fff
}

.cyc-search__input input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

.cyc-search__input input:-moz-placeholder {
    color: rgba(255, 255, 255, .6)
}

.cyc-search__input input::-moz-placeholder {
    color: rgba(255, 255, 255, .6)
}

.cyc-search__input input:-ms-input-placeholder {
    color: rgba(255, 255, 255, .6)
}

.cyc-search__input button {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto 0;
    width: 48px;
    background: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.69232 4.6922C3.35207 6.03245 3.35207 8.20541 4.69232 9.54566C6.03257 10.8859 8.20554 10.8859 9.54578 9.54566C10.886 8.20542 10.886 6.03245 9.54578 4.6922C8.20554 3.35195 6.03257 3.35195 4.69232 4.6922ZM3.97071 10.2673C2.23193 8.52849 2.23193 5.70937 3.97071 3.97059C5.70949 2.23181 8.52861 2.23181 10.2674 3.97059C11.8842 5.58736 11.9976 8.13816 10.6077 9.88602L13.3333 12.6116L12.6117 13.3332L9.88614 10.6076C8.13829 11.9975 5.58748 11.884 3.97071 10.2673Z' fill='white'/%3E%3C/svg%3E%0A") center no-repeat
}

.cyc-search__list {
    margin-top: 96px
}

.cyc-search__task {
    padding: 12px 16px;
    margin-bottom: 12px;
    background: #1e1d24;
    border: 1px solid rgba(255, 255, 255, .05);
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.cyc-search__task:last-child {
    margin-bottom: 0
}

.cyc-search__task-text {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cyc-search__task-text p {
    font-size: 18px;
    font-weight: 500;
    line-height: 1.3
}

.cyc-search__task-text span {
    display: block;
    margin-top: 4px;
    line-height: 1.6;
    opacity: .6
}

.cyc-detail {
    display: flex;
    flex-wrap: wrap;
    margin: -32px;
    min-height: calc(100vh - 66px)
}

.cyc-detail__main {
    border-right: 1px solid hsla(0, 0%, 100%, .1);
    flex: 1;
    max-width: calc(100% - 570px);
    padding: 24px 32px
}

.cyc-detail__main hr {
    border: 0;
    border-top: 1px solid #fff;
    margin: 24px 0;
    opacity: .1;
    width: 100%
}

.cyc-detail__main-full {
    border: 0;
    max-width: 100% !important;
    padding: 0 !important
}

.cyc-detail__main-profile {
    border: 0;
    max-width: calc(100% - 420px);
    padding: 0 !important
}

.cyc-detail__sidebar {
    gap: 24px;
    min-height: calc(100vh - 66px);
    padding: 24px;
    width: 570px
}

.cyc-detail__sidebar-profile {
    border-right: 1px solid hsla(0, 0%, 100%, .1);
    width: 420px
}

.cyc-detail__head {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 12px
}

/* .cyc-detail__head,
.cyc-detail__sidebar {
    align-items: flex-start;
    flex-wrap: wrap
} */

.cyc-detail__head {
    gap: 12px
}

.cyc-detail__title {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 32px;
    font-weight: 500;
    gap: 12px
}

.cyc-detail__title img {
    border-radius: 100%;
    height: 32px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 32px
}

.cyc-detail__nav {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 24px
}

.cyc-detail__nav p {
    color: hsla(0, 0%, 100%, .5)
}

.cyc-detail__nav a {
    background: hsla(0, 0%, 100%, .05);
    border-radius: 4px;
    display: block;
    font-weight: 500;
    padding: 4px 12px;
    transition: var(--transition-ms)
}

.cyc-detail__translate {
    background: hsla(0, 0%, 100%, .05);
    border-radius: 4px;
    cursor: pointer;
    height: 24px;
    transition: var(--transition-ms);
    width: 24px;
    text-align: center;
}

.cyc-detail__nav a:hover {
    background: hsla(0, 0%, 100%, .1)
}

.cyc-accordion__title {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    font-weight: 600;
    gap: 12px;
    letter-spacing: -.02em;
    line-height: 26px
}

.cyc-accordion__title:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='4' fill='none' viewBox='0 0 6 4'%3E%3Cpath fill='%23fff' d='M5.904 1.115a.35.35 0 0 0 .001-.48L5.396.1a.317.317 0 0 0-.466.004L3.235 1.929a.317.317 0 0 1-.47 0L1.07.104A.317.317 0 0 0 .604.1l-.51.534a.35.35 0 0 0 .002.48L2.769 3.9a.317.317 0 0 0 .462 0z'/%3E%3C/svg%3E") no-repeat;
    content: "";
    display: block;
    height: 4px;
    transform: rotate(180deg);
    width: 6px
}

.cyc-accordion__content {
    display: block;
    margin-top: 16px
}

.cyc-accordion.hide .cyc-accordion__title:after {
    transform: none
}

.cyc-accordion.hide .cyc-accordion__content {
    display: none;
    margin-top: 0
}

.cyc-accordion__grid {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 12px
}

.cyc-accordion__grid-item {
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 4px;
    display: block;
    height: 60px;
    overflow: hidden;
    width: 60px
}

.cyc-accordion__grid-item img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.cyc-search__main {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 16px;
    margin: 0 auto;
    width: 100%
}

.cyc-search__main .btn {
    line-height: 24px
}

.cyc-search__main hr {
    width: 100%;
    border: 0;
    height: 1px;
    background: rgba(255, 255, 255, .1);
    margin: 0
}

.cyc-search__main > .cyc-search__query-group {
    display: none
}

.cyc-search__group,
.cyc-search__group .checkbox-inline-group {
    width: 100%
}

.cyc-search__group .live-title {
    margin-top: 0
}

.cyc-search__query {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px
}

.cyc-search__query-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    width: 100%
}

.cyc-search__query-group .select-type {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.cyc-search__query-group .select-combine {
    width: 85px
}

.cyc-search__query-group .select-mode {
    width: 100px
}

.cyc-search__query-group .input {
    width: calc(100% - 160px - 85px - 100px - 12px - 12px - 12px - 12px)
}

.cyc-search__query-delete {
    width: 32px;
    height: 32px;
    background-color: rgba(228, 240, 255, .04);
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6666 10.6667L7.99993 8.00005M7.99993 8.00005L5.33325 5.33337M7.99993 8.00005L10.6666 5.33337M7.99993 8.00005L5.33325 10.6667' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 100%;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    cursor: pointer
}

.cyc-search__query-delete:hover {
    background-color: rgba(228, 240, 255, .08)
}

.cyc-search__query-add {
    padding: 8px 16px;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .2);
    border-radius: 8px;
    font-weight: 700;
    line-height: 24px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    cursor: pointer;
    color: #fff;
    -webkit-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.cyc-search__query-add::after {
    content: "";
    display: block;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' transform='matrix(-4.37114e-08 1 1 4.37114e-08 0 0)' fill='white' fill-opacity='0.1'/%3E%3Cpath d='M8.00024 12H12.0002M12.0002 12H16.0002M12.0002 12V16M12.0002 12V8' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center no-repeat;
    width: 24px;
    height: 24px
}

.cyc-search__query-add:hover {
    background: rgba(255, 255, 255, .15);
    border: 1px solid rgba(255, 255, 255, .25)
}

.cyc-section {
    margin-top: 24px
}

.cyc-section.hide .cyc-section__head:before {
    transform: rotate(0deg)
}

.cyc-section.hide .cyc-section__content {
    display: none
}

.cyc-section__bottom {
    background: #17161d;
    border-top: 1px solid hsla(0, 0%, 100%, .1);
    bottom: 0;
    position: sticky
}

.cyc-section__bottom .table-bottom {
    margin: 0
}

.cyc-section__head {
    align-items: center;
    border-top: 1px solid hsla(0, 0%, 100%, .1);
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 24px 0
}

.cyc-section__head:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='10' fill='none' viewBox='0 0 16 10'%3E%3Cpath fill='%23fff' d='M16 1.067 14.913 0 8 7.718 1.087 0 0 1.067 8 10z'/%3E%3C/svg%3E") no-repeat 50%;
    content: "";
    cursor: pointer;
    display: block;
    height: 10px;
    transform: rotate(180deg);
    width: 16px
}

.cyc-section__head-title {
    cursor: pointer;
    flex: 1;
    font-size: 20px;
    font-weight: 500
}

.cyc-section__head-url {
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 320px
}

.cyc-section__head-url span {
    display: inline-block;
    margin-right: 4px;
    opacity: .6
}

.cyc-grid {
    gap: 24px
}

.cyc-grid,
.cyc-grid__item {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap
}

.cyc-grid__item {
    background: #1e1d24;
    border: 1px solid #2e2d34;
    border-radius: 8px;
    box-shadow: inset 0 0 0 3px #17161d;
    flex-direction: column;
    gap: 16px;
    height: 310px;
    padding: 16px 16px 3px;
    width: calc(33.33333% - 16px)
}

.cyc-grid__item-head {
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding-bottom: 16px;
    width: 100%
}

.cyc-grid__item-head svg {
    display: block
}

.cyc-grid__item-head p {
    flex: 1;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px
}

.cyc-grid__item-expand {
    background: #2a2933 url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' d='M14 6V2h-4M2 10v4h4M14 2 9 7M7 9l-5 5'/%3E%3C/svg%3E") no-repeat 50%;
    border-radius: 4px;
    cursor: pointer;
    height: 24px;
    transition: var(--transition-ms);
    width: 24px
}

.cyc-grid__item-expand:hover {
    background-color: #33323d
}

.cyc-grid__item-content {
    flex: 1;
    margin: 0 -13px;
    overflow-y: auto;
    padding-bottom: 13px;
    width: calc(100% + 26px)
}

.cyc-grid__item-content::-webkit-scrollbar {
    background: transparent;
    width: 2px
}

.cyc-grid__item-content::-webkit-scrollbar-thumb {
    background: #fff;
    background-clip: padding-box;
    border-radius: 2px
}

.cyc-item__list li {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    line-height: 18px;
    padding: 12px 16px
}

.cyc-item__list li:nth-child(2n) {
    background: hsla(0, 0%, 100%, .05)
}

.cyc-item__list li span {
    flex: 1;
    opacity: .7
}

.cyc-item__list-badge {
    align-items: center;
    background: hsla(0, 0%, 100%, .05);
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 99px;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    padding: 3px 7px 3px 3px
}

.cyc-item__list-badge i {
    background: #fff;
    border-radius: 100%;
    color: #000;
    display: block;
    font-style: normal;
    height: 18px;
    margin-right: 4px;
    text-align: center;
    width: 18px
}

.cyc-item__list-badge.green {
    border-color: rgba(95, 246, 128, .1);
    color: #5ff680
}

.cyc-item__list-badge.green i {
    background: #5ff680
}

.cyc-item__list-badge.red {
    border-color: rgba(228, 42, 17, .1);
    color: #e42a11
}

.cyc-item__list-badge.red i {
    background: #e42a11
}

.cyc-item__media {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fit, minmax(60px, 1fr));
    padding: 0 13px
}

.cyc-item__media li a {
    aspect-ratio: 1;
    display: block;
    position: relative
}

.cyc-item__media li a img {
    border-radius: 4px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.cyc-item__media li a[data-open-video]:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m2.66 11.73-1.28.74-1.28.74c-1.65.95-3 .17-3-1.73v-2.96c0-1.91 1.35-2.68 3-1.73l1.28.74 1.28.74c1.65.95 1.65 2.51 0 3.46'/%3E%3C/svg%3E") no-repeat 50%;
    content: "";
    height: 24px;
    left: 50%;
    opacity: .8;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 24px
}

.cyc-item__tags {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding: 0 13px
}

.cyc-item__tags li a {
    background: rgba(34, 181, 255, .05);
    border: 1px solid rgba(34, 181, 255, .1);
    border-radius: 99px;
    color: #22b5ff;
    display: block;
    line-height: 18px;
    padding: 3px 11px
}

.cyc-item__code {
    font-size: 12px;
    line-height: 1.5;
    margin: 0;
    -o-tab-size: 4;
    tab-size: 4;
    -moz-tab-size: 4
}

.cyc-item__code code {
    background: transparent !important;
    padding: 0 13px !important
}

.cyc-item__text {
    line-height: 1.5;
    padding: 0 13px
}

.cyc-item__image {
    height: 100%;
    padding: 0 13px
}

.cyc-item__image img {
    border-radius: 4px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.cyc-reports-query {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap
}

.cyc-reports-query span {
    align-items: center;
    background: #f5e5f3;
    border-radius: 4px;
    color: var(--color-black);
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    line-height: 20px;
    padding: 6px 10px
}

.cyc-reports-query span img,
.cyc-reports-query span svg {
    display: block;
    height: 20px;
    width: 20px
}

.cyc-reports-query.green span {
    background: #88ff73
}

.cyc-reports-query.purple span {
    background: #fc7ae9
}

.cyc-reports-query.orange span {
    background: #ffb207
}

.cyc-reports-query.blue span {
    background: #22b5ff
}

.cyc-reports-query.yellow span {
    background: #fef17f
}

@media (max-width: 1440px) {
    .cyc-reports-query span {
        font-size: 12px;
        gap: 6px;
        line-height: 14px;
        padding: 6px
    }

    .cyc-reports-query span img,
    .cyc-reports-query span svg {
        height: 14px;
        width: 14px
    }
}

.section {
    margin-bottom: 2rem;
}

.section-header {
    font-size: 1.4rem;
    font-weight: bold;
    margin-bottom: 1rem;
}

.interests {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    gap: 1rem;
}

.card {
    background: #1e1d24;
    padding: 14px 12px;
    border-radius: 16px;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    -webkit-box-shadow: inset 0 0 0 1px #1e1d24, inset 0 0 0 4px #17161d;
    box-shadow: inset 0 0 0 1px #1e1d24, inset 0 0 0 4px #17161d
}

.card-header {
    font-size: 14px;
    font-weight: 400;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
}

.card-header-history {
    font-size: 16px;
    font-weight: 600;
    display: grid;
    grid-template-columns: 1fr auto;
    align-items: center;
    margin-bottom: 8px;
}

.card-content p {
    font-size: 16px;
    margin: 0.3rem 0;
}

.card-header h3 {
    margin: 0;
    font-size: 14px;
    line-height: 1.2;
    word-break: normal;
}

.card .icon {
    width: 80px;
    min-height: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    border-radius: 12px;
    padding: 6px;
    text-align: center;
    flex-shrink: 0;
}

.card .icon .number {
    font-size: clamp(14px, 4vw, 22px);
    font-weight: bold;
    line-height: 1;
    text-align: center;
    max-width: 100%;
    overflow-wrap: break-word;
}

.card .icon .label {
    font-size: 12px;
    line-height: 1.2;
    margin-top: 4px;
    text-align: center;
}

.card .icon.red {
    background: rgba(228, 42, 17, .1);
    border: 1px solid #e42a11;
    color: #e42a11;
}

.card .icon.yellow {
    background: rgba(255, 193, 7, .15);
    border: 1px solid #ffc107;
    color: #d39e00;
}

.card .icon.green {
    background: rgba(40, 167, 69, .15);
    border: 1px solid rgb(136, 255, 115);
    color: rgb(136, 255, 115);
}

.card ul {
    list-style: none;
    margin: 0;
    padding-left: 1.2rem;
    list-style: disc;
}

.tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 8px;
}

.tag {
    background: rgba(0, 123, 255, 0.1);
    border: 1px solid rgba(0, 123, 255, 0.3);
    border-radius: 12px;
    padding: 4px 10px;
    font-size: 13px;
    line-height: 1.2;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.history-container {
    max-height: 300px;
    overflow-y: auto;
}

.history-item {
    background: #17161d;
    padding: 0.7rem 1rem;
    border-radius: 12px;
    margin-bottom: 0.5rem;
    color: #ccc;
}

.analysis {
    --analysis-gap: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: var(--analysis-gap)
}

.analysis-head {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.analysis-title {
    font-size: 32px;
    font-weight: 600;
    letter-spacing: -.02em
}

.analysis-row {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: var(--analysis-gap)
}

.analysis-col {
    width: calc((100% - var(--analysis-gap)) / 2);
    /* max-height: 450px; */
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: var(--analysis-gap)
}

.analysis-col.fluid {
    width: 100%
}

.analysis-col-auto {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.analysis-col-3 {
    width: calc((100% - var(--analysis-gap) * 2) / 3)
}

.analysis-card {
    width: 100%;
    padding: var(--analysis-gap);
    background: rgba(255, 255, 255, .05);
    border: 1px solid rgba(255, 255, 255, .1);
    border-radius: 12px;
    -webkit-box-shadow: 0 10px 30px rgba(90, 103, 124, .08);
    box-shadow: 0 10px 30px rgba(90, 103, 124, .08);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
}

.analysis-card__head {
    padding-bottom: var(--analysis-gap);
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%
}

.analysis-card__title {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .04em;
    opacity: .5
}

.analysis-card__content {
    width: 100%;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-top: var(--analysis-gap);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: var(--analysis-gap)
}

.analysis-card__content .analysis-row {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.analysis-card__value {
    font-size: 32px
}

.analysis-card__delta {
    padding: 4px 8px 4px 4px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    border-radius: 4px;
    background: rgba(255, 255, 255, .04);
    font-size: 14px;
    line-height: 20px
}

.analysis-card__delta span {
    padding: 2px 4px;
    border-radius: 4px;
    background: rgba(255, 255, 255, .1)
}

.analysis-card__delta span.positive {
    background: #5ff680;
    color: #000
}

.analysis-card__delta span.negative {
    background: #f65f5f
}

.analysis-card__subvalue {
    font-size: 14px;
    line-height: 1.4
}

.analysis-card__subvalue-current {
    padding-right: 4px
}

.analysis-card__subvalue-total {
    opacity: .7
}

.analysis-card__subvalue-total::before {
    content: "/";
    display: inline-block;
    padding-right: 4px
}

.analysis-card__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    color: rgba(255, 255, 255, .5)
}

.analysis-card__tabs button {
    background: 0 0;
    border: 0;
    border-radius: 0;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    color: rgba(255, 255, 255, .5);
    padding: 0;
    display: block;
    border-bottom: 1px solid transparent
}

.analysis-card__tabs button.active {
    opacity: 1;
    border-color: #fff;
    color: #fff
}

.analysis-card__actor {
    width: 100%
}

.analysis-card__actor-item {
    width: 100%;
    padding: 12px 0 12px 36px;
    position: relative;
    border-bottom: 1px dashed rgba(255, 255, 255, .1)
}

.analysis-card__actor-item:last-child {
    border: 0
}

.analysis-card__actor-photo {
    position: absolute;
    top: 12px;
    left: 0;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.analysis-card__actor-name {
    font-size: 20px;
    line-height: 24px
}

.analysis-card__actor-info {
    margin-top: 4px;
    line-height: 26px;
    color: rgba(255, 255, 255, .8)
}

.analysis-card__actor-info span {
    color: #fff;
    font-weight: 600
}

.analysis-pie {
    width: 100%
}

.analysis-pie__col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.analysis-pie__legend li {
    position: relative;
    margin-top: var(--analysis-gap);
    padding-left: 24px
}

.analysis-pie__legend li:first-child {
    margin-top: 0
}

.analysis-pie__legend li span {
    position: absolute;
    top: 3px;
    left: 0;
    width: 16px;
    height: 16px;
    border-radius: 4px
}

.analysis-pie__legend li b {
    font-weight: 400;
    font-size: 20px;
    line-height: 20px
}

.analysis-pie__legend li p {
    margin-top: 4px;
    font-size: 14px;
    line-height: 1.6;
    opacity: .7
}

.analysis-pie__total {
    margin-top: auto
}

.analysis-pie__total p {
    font-size: 14px;
    line-height: 1.6;
    opacity: .7;
    margin-bottom: 4px
}

.analysis-pie__total b {
    font-weight: 400;
    font-size: 20px
}

.analysis-chart {
    width: 100%;
    margin-bottom: -15px
}

.analysis-chart .apexcharts-tooltip {
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, .1) !important;
    background: rgba(255, 255, 255, .04) !important;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: 8px 12px
}

.analysis-chart .apexcharts-tooltip span {
    font-size: 12px;
    color: rgba(255, 255, 255, .5);
    display: block;
    margin-bottom: 10px;
    font-weight: 500
}

.analysis-chart .apexcharts-tooltip p {
    font-size: 12px;
    font-weight: 500
}

.analysis-chart .apexcharts-tooltip b {
    display: block;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, .1);
    font-size: 24px;
    font-weight: 500
}

.analysis-chart .apexcharts-tooltip b small {
    font-size: 12px;
    color: rgba(255, 255, 255, .5);
    font-weight: 500
}

.analysis-chart .apexcharts-marker {
    stroke: #22b5ff;
    stroke-opacity: 1;
    fill: #17161d
}

.analysis-area-chart .apexcharts-grid-borders,
.analysis-area-chart .apexcharts-xaxis-tick {
    opacity: .2
}

.analysis-area-chart .apexcharts-xaxis-label {
    font-size: 14px;
    font-weight: 500;
    fill: rgba(255, 255, 255, .45)
}

.analysis-area-chart .apexcharts-yaxistooltip {
    display: none
}

.analysis-area-chart .apexcharts-tooltip {
    border-radius: 12px !important;
    border: 1px solid rgba(255, 255, 255, .1) !important;
    background: rgba(255, 255, 255, .04) !important;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    padding: 8px 12px
}

.analysis-area-chart .apexcharts-tooltip span {
    font-size: 12px;
    color: rgba(255, 255, 255, .5);
    font-weight: 500;
    display: inline-block
}

.analysis-area-chart .apexcharts-tooltip p {
    font-size: 12px;
    font-weight: 500
}

.analysis-area-chart .apexcharts-tooltip b {
    display: block;
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid rgba(255, 255, 255, .1);
    font-size: 24px;
    font-weight: 500
}

.analysis-area-chart .apexcharts-tooltip b small {
    font-size: 12px;
    color: rgba(255, 255, 255, .5);
    font-weight: 500
}

.analysis-area-chart .apexcharts-legend {
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
    padding: 0
}

.analysis-area-chart .apexcharts-legend-series {
    background: rgba(255, 255, 255, .05);
    padding: 10px 12px;
    gap: 8px;
    margin: 0 !important
}

.analysis-area-chart .apexcharts-legend-series:first-child {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px
}

.analysis-area-chart .apexcharts-legend-series:last-child {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px
}

.analysis-area-chart .apexcharts-legend-text {
    color: #fff !important;
    font-size: 14px !important;
    line-height: 16px !important
}

.analysis-area-chart .apexcharts-legend-marker path {
    stroke: none
}

.sf {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 64px
}

.sf-malware {
    max-width: 385px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.sf-malware__analysis {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
    margin-top: 32px
}

.sf-malware__analysis p {
    width: 100%
}

.sf-malware__analysis span {
    width: 64px;
    height: 64px;
    border: 1px solid rgba(255, 255, 255, .05);
    border-radius: 16px;
    padding: 3px;
    display: block
}

.sf-malware__analysis span img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 12px
}

.sf-malware__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
}

.sf-malware__title {
    font-size: 44px;
    line-height: 1.1;
    font-weight: 500;
    letter-spacing: -.02em
}

.sf-malware__text {
    max-width: 300px;
    line-height: 1.6;
    opacity: .7
}

.sf-analyze {
    max-width: 650px;
    width: calc(100% - 385px - 64px)
}

.sf-analyze-or {
    line-height: 17px;
    font-size: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    margin: 32px 0
}

.sf-analyze-or p {
    opacity: .5
}

.sf-analyze-or::after,
.sf-analyze-or::before {
    content: "";
    display: block;
    height: 1px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    background: #fff;
    opacity: .1
}

.sf-analyze .btn {
    margin-top: 32px
}

.sf-analyze-link p {
    margin-bottom: 12px
}

.sf-analyze-link input {
    width: 100%;
    height: 46px;
    background: rgba(255, 255, 255, .03);
    border-radius: 8px;
    padding: 0 16px;
    color: #fff
}

.sf-upload {
    border: 1px solid rgba(255, 255, 255, .05);
    border-radius: 28px;
    padding: 4px;
    margin-bottom: 16px;
    display: block
}

.sf-dropzone {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    height: 240px;
    cursor: pointer;
    border: 1px dashed rgba(255, 255, 255, .05);
    border-radius: 24px
}

.sf-dropzone::before {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 17V11L7 13' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 11L11 13' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 10V15C22 20 20 22 15 22H9C4 22 2 20 2 15V9C2 4 4 2 9 2H14' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 10H18C15 10 14 9 14 6V2L22 10Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center no-repeat
}

.sf-dropzone p {
    text-align: center;
    line-height: 1.6;
    color: rgba(255, 255, 255, .6)
}

.sf-dropzone p span {
    color: #fff
}

.sf-table-status {
    width: 88px;
    line-height: 1.1;
    padding: 5px;
    border: 1px solid rgba(255, 255, 255, .3);
    text-align: center;
    border-radius: 4px
}

.sf-table-status.green {
    color: #88ff73;
    border-color: rgba(136, 255, 115, .3019607843)
}

.sf-table-status.yellow {
    color: #f3ff73;
    border-color: rgba(243, 255, 115, .3019607843)
}

.sf-table-status.red {
    color: #f43434;
    border-color: rgba(244, 52, 52, .3019607843)
}

.sf-table-score {
    width: 34px;
    line-height: 1.1;
    padding: 5px;
    border: 1px solid rgba(255, 255, 255, .3);
    text-align: center;
    border-radius: 8px;
    font-weight: 500
}

.sf-table-score.green {
    color: #88ff73;
    border-color: #88ff73
}

.sf-table-score.yellow {
    color: #f3ff73;
    border-color: #f3ff73
}

.sf-table-score.red {
    color: #f43434;
    border-color: #f43434
}

.sf-table-verdict {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px
}

.sf-table-verdict::before {
    content: "";
    width: 12px;
    height: 12px;
    display: block
}

.sf-table-verdict.green {
    color: #88ff73
}

.sf-table-verdict.green::before {
    background: url(../img/good.png) center/cover no-repeat
}

.sf-table-verdict.yellow {
    color: #fcdd42
}

.sf-table-verdict.yellow::before {
    background: url(../img/unsafe.png) center/cover no-repeat
}

.sf-table-verdict.red {
    color: #e31a0c
}

.sf-table-verdict.red::before {
    background: url(../img/virus.png) center/cover no-repeat
}

.sf-table-file {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1
}

.sf-table-file-name {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.sf-table-file-type {
    padding: 4px 6px;
    border-radius: 4px;
    background: rgba(255, 255, 255, .05)
}

.sf-detail__text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 12px;
    max-width: 480px;
    line-height: 1.6;
    opacity: .8
}

.sf-detail__links {
    margin: 16px -32px 0;
    counter-reset: detailLinks
}

.sf-detail__links li {
    padding: 14px 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    counter-increment: detailLinks
}

.sf-detail__links li:nth-child(odd) {
    background: var(--links-bg, rgba(255, 255, 255, .05))
}

.sf-detail__links li::before {
    content: counter(detailLinks, decimal-leading-zero);
    display: block;
    width: 26px;
    font-size: 12px;
    line-height: 22px;
    opacity: .5
}

.sf-detail__links li p {
    line-height: 22px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin-right: 12px
}

.sf-detail__links li a {
    width: 66px;
    height: 32px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .05);
    border-radius: 8px;
    -webkit-transition: var(--transition-ms);
    -o-transition: var(--transition-ms);
    transition: var(--transition-ms)
}

.sf-detail__links li a:hover {
    background: var(--color-accent)
}

.sf-sidebar-file {
    background: #1e1d24;
    -webkit-box-shadow: inset 0 0 0 1px #1e1d24, inset 0 0 0 4px #17161d;
    box-shadow: inset 0 0 0 1px #1e1d24, inset 0 0 0 4px #17161d;
    width: 100%;
    padding: 14px 12px;
    border-radius: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.sf-sidebar-file__icon {
    width: 44px;
    height: 44px;
    background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 17V11L7 13' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9 11L11 13' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 10V15C22 20 20 22 15 22H9C4 22 2 20 2 15V9C2 4 4 2 9 2H14' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M22 10H18C15 10 14 9 14 6V2L22 10Z' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center no-repeat rgba(255, 255, 255, .05);
    border-radius: 12px 12px 12px 4px
}

.sf-sidebar-file__data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.sf-sidebar-file__name {
    font-size: 14px;
    line-height: 24px;
    font-weight: 500
}

.sf-sidebar-file__info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px;
    font-size: 12px;
    line-height: 1.6;
    opacity: .6
}

.sf-sidebar-file__info li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 4px
}

.sf-sidebar-file__info li::after {
    content: "·";
    display: block
}

.sf-sidebar-file__info li:last-child::after {
    display: none
}

.sf-sidebar-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    gap: 8px;
    width: 100%
}

.sf-sidebar-info > li {
    width: 100%;
    padding: 12px;
    border-radius: 12px;
    background: #1e1d24
}

.sf-sidebar-info > li.sf-sidebar-info__half {
    width: calc(50% - 4px)
}

.sf-sidebar-info > li span {
    display: block;
    line-height: 24px;
    font-weight: 500;
    opacity: .7
}

.sf-sidebar-info > li p {
    font-size: 26px;
    font-weight: 500;
    margin-top: 4px
}

.sf-sidebar-info__verdict {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.sf-sidebar-info__verdict::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px
}

.sf-sidebar-info__verdict.green {
    color: #88ff73
}

.sf-sidebar-info__verdict.green::before {
    background: url(../img/good.png) center/cover no-repeat
}

.sf-sidebar-info__verdict.yellow {
    color: #fcdd42
}

.sf-sidebar-info__verdict.yellow::before {
    background: url(../img/unsafe.png) center/cover no-repeat
}

.sf-sidebar-info__verdict.red {
    color: #e31a0c
}

.sf-sidebar-info__verdict.red::before {
    background: url(../img/virus-red.png) center/cover no-repeat
}

.sf-sidebar-info__tags {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    margin-top: 4px;
    gap: 8px
}

.sf-sidebar-info__tags > li {
    line-height: 22px;
    padding: 3px 11px;
    border-radius: 6px;
    border: 1px solid rgba(255, 255, 255, .1)
}

.sf-sidebar-data {
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding-top: 24px;
    width: 100%;
    font-size: 12px
}

.sf-sidebar-data li {
    margin-bottom: 24px
}

.sf-sidebar-data li:last-child {
    margin-bottom: 0
}

.sf-sidebar-data li span {
    opacity: .6;
    display: block;
    margin-bottom: 4px
}

.sf-results {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    width: 100%
}

.sf-results-item {
    padding: 20px;
    border-radius: 16px;
    background: #1e1d24;
    -webkit-box-shadow: inset 0 0 0 1px #1e1d24, inset 0 0 0 4px #17161d;
    box-shadow: inset 0 0 0 1px #1e1d24, inset 0 0 0 4px #17161d
}

.sf-results-item__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 24px
}

.sf-results-item__head span {
    width: 64px;
    height: 64px;
    border: 1px solid rgba(255, 255, 255, .05);
    border-radius: 16px;
    padding: 3px;
    margin-bottom: 24px;
    display: block
}

.sf-results-item__head span img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    border-radius: 12px
}

.sf-results-item__head a {
    font-size: 23px;
    font-weight: 600;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px
}

.sf-results-item__head a::after {
    content: "";
    display: block;
    width: 24px;
    height: 24px;
    border-radius: 100%;
    background: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.58203 0.0176836C5.92033 0.0176836 6.19531 0.295233 6.19531 0.637801C6.19528 0.980345 5.92031 1.25792 5.58203 1.25792H2.31055C1.71105 1.25814 1.22465 1.75042 1.22461 2.35753V9.66026C1.22479 10.2672 1.71114 10.7596 2.31055 10.7599H9.68945C10.289 10.7598 10.7752 10.2673 10.7754 9.66026V6.72764C10.7754 6.38512 11.0494 6.10754 11.3877 6.10753C11.726 6.10753 12 6.38511 12 6.72764V9.66026C11.9998 10.9525 10.9656 12 9.68945 12.0001H2.31055C1.03454 11.9999 0.000183757 10.9524 0 9.66026V2.35753C3.83527e-05 1.06528 1.03445 0.0179072 2.31055 0.0176836H5.58203ZM11.3984 0.102645C11.7366 0.108903 12.0061 0.391093 12 0.733504L11.8994 3.90538C11.8932 4.24789 11.6136 4.52101 11.2754 4.51475C10.9373 4.50833 10.6686 4.22531 10.6748 3.88292L10.748 2.20811L6.38379 6.46983C6.14025 6.70758 5.75238 6.69982 5.51758 6.45323C5.28278 6.20661 5.28966 5.81404 5.5332 5.57628L9.89746 1.31554L8.24414 1.24034C7.90606 1.23407 7.63663 0.951784 7.64258 0.60948C7.64876 0.26697 7.92836 -0.0061545 8.2666 0.000105495L11.3984 0.102645Z' fill='white'/%3E%3C/svg%3E%0A") center no-repeat rgba(255, 255, 255, .04)
}

.sf-results-item__head p {
    margin-top: 8px
}

.sf-results-item__status {
    padding: 9px 11px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    border-radius: 12px;
    border: 1px solid rgba(255, 255, 255, .28);
    margin-bottom: 4px
}

.sf-results-item__status b {
    font-weight: 600
}

.sf-results-item__status::before {
    display: block;
    width: 16px;
    height: 16px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

.sf-results-item__status.red {
    background: rgba(228, 42, 17, .1);
    border: 1px solid #e42a11
}

.sf-results-item__status.red::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.0066 3.89992L9.04661 1.61325C8.39994 1.23992 7.59994 1.23992 6.94661 1.61325L2.99328 3.89992C2.34661 4.27325 1.94661 4.96659 1.94661 5.71992V10.2799C1.94661 11.0266 2.34661 11.7199 2.99328 12.0999L6.95328 14.3866C7.59994 14.7599 8.39994 14.7599 9.05328 14.3866L13.0133 12.0999C13.6599 11.7266 14.0599 11.0333 14.0599 10.2799V5.71992C14.0533 4.96659 13.6533 4.27992 13.0066 3.89992ZM7.49994 5.16659C7.49994 4.89325 7.72661 4.66659 7.99994 4.66659C8.27328 4.66659 8.49994 4.89325 8.49994 5.16659V8.66658C8.49994 8.93992 8.27328 9.16658 7.99994 9.16658C7.72661 9.16658 7.49994 8.93992 7.49994 8.66658V5.16659ZM8.61328 11.0866C8.57994 11.1666 8.53328 11.2399 8.47328 11.3066C8.34661 11.4333 8.17994 11.4999 7.99994 11.4999C7.91328 11.4999 7.82661 11.4799 7.74661 11.4466C7.65994 11.4133 7.59328 11.3666 7.52661 11.3066C7.46661 11.2399 7.41994 11.1666 7.37994 11.0866C7.34661 11.0066 7.33328 10.9199 7.33328 10.8333C7.33328 10.6599 7.39994 10.4866 7.52661 10.3599C7.59328 10.2999 7.65994 10.2533 7.74661 10.2199C7.99328 10.1133 8.28661 10.1733 8.47328 10.3599C8.53328 10.4266 8.57994 10.4933 8.61328 10.5799C8.64661 10.6599 8.66661 10.7466 8.66661 10.8333C8.66661 10.9199 8.64661 11.0066 8.61328 11.0866Z' fill='%23E42A11'/%3E%3C/svg%3E%0A")
}

.sf-results-item__status.yellow {
    background: rgba(252, 221, 66, .1);
    border: 1px solid #fcdd42
}

.sf-results-item__status.yellow::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.0066 3.89992L9.04661 1.61325C8.39994 1.23992 7.59994 1.23992 6.94661 1.61325L2.99328 3.89992C2.34661 4.27325 1.94661 4.96659 1.94661 5.71992V10.2799C1.94661 11.0266 2.34661 11.7199 2.99328 12.0999L6.95328 14.3866C7.59994 14.7599 8.39994 14.7599 9.05328 14.3866L13.0133 12.0999C13.6599 11.7266 14.0599 11.0333 14.0599 10.2799V5.71992C14.0533 4.96659 13.6533 4.27992 13.0066 3.89992ZM7.49994 5.16659C7.49994 4.89325 7.72661 4.66659 7.99994 4.66659C8.27328 4.66659 8.49994 4.89325 8.49994 5.16659V8.66658C8.49994 8.93992 8.27328 9.16658 7.99994 9.16658C7.72661 9.16658 7.49994 8.93992 7.49994 8.66658V5.16659ZM8.61328 11.0866C8.57994 11.1666 8.53328 11.2399 8.47328 11.3066C8.34661 11.4333 8.17994 11.4999 7.99994 11.4999C7.91328 11.4999 7.82661 11.4799 7.74661 11.4466C7.65994 11.4133 7.59328 11.3666 7.52661 11.3066C7.46661 11.2399 7.41994 11.1666 7.37994 11.0866C7.34661 11.0066 7.33328 10.9199 7.33328 10.8333C7.33328 10.6599 7.39994 10.4866 7.52661 10.3599C7.59328 10.2999 7.65994 10.2533 7.74661 10.2199C7.99328 10.1133 8.28661 10.1733 8.47328 10.3599C8.53328 10.4266 8.57994 10.4933 8.61328 10.5799C8.64661 10.6599 8.66661 10.7466 8.66661 10.8333C8.66661 10.9199 8.64661 11.0066 8.61328 11.0866Z' fill='%23FCDD42'/%3E%3C/svg%3E%0A")
}

.sf-results-item__status.green {
    background: rgba(136, 255, 115, .1);
    border: 1px solid #88ff73
}

.sf-results-item__status.green::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.0066 3.89992L9.04661 1.61325C8.39994 1.23992 7.59994 1.23992 6.94661 1.61325L2.99328 3.89992C2.34661 4.27325 1.94661 4.96659 1.94661 5.71992V10.2799C1.94661 11.0266 2.34661 11.7199 2.99328 12.0999L6.95328 14.3866C7.59994 14.7599 8.39994 14.7599 9.05328 14.3866L13.0133 12.0999C13.6599 11.7266 14.0599 11.0333 14.0599 10.2799V5.71992C14.0533 4.96659 13.6533 4.27992 13.0066 3.89992ZM7.49994 5.16659C7.49994 4.89325 7.72661 4.66659 7.99994 4.66659C8.27328 4.66659 8.49994 4.89325 8.49994 5.16659V8.66658C8.49994 8.93992 8.27328 9.16658 7.99994 9.16658C7.72661 9.16658 7.49994 8.93992 7.49994 8.66658V5.16659ZM8.61328 11.0866C8.57994 11.1666 8.53328 11.2399 8.47328 11.3066C8.34661 11.4333 8.17994 11.4999 7.99994 11.4999C7.91328 11.4999 7.82661 11.4799 7.74661 11.4466C7.65994 11.4133 7.59328 11.3666 7.52661 11.3066C7.46661 11.2399 7.41994 11.1666 7.37994 11.0866C7.34661 11.0066 7.33328 10.9199 7.33328 10.8333C7.33328 10.6599 7.39994 10.4866 7.52661 10.3599C7.59328 10.2999 7.65994 10.2533 7.74661 10.2199C7.99328 10.1133 8.28661 10.1733 8.47328 10.3599C8.53328 10.4266 8.57994 10.4933 8.61328 10.5799C8.64661 10.6599 8.66661 10.7466 8.66661 10.8333C8.66661 10.9199 8.64661 11.0066 8.61328 11.0866Z' fill='%2388FF73'/%3E%3C/svg%3E%0A")
}

.sf-results-item__status.loading::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23paint0_angular_2023_3076_clip_path)' data-figma-skip-parse='true'%3E%3Cg transform='matrix(0.008 0 0 0.008 8 8)'%3E%3CforeignObject x='-1005' y='-1005' width='2010' height='2010'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='background:conic-gradient(from 90deg,rgba(255, 255, 255, 0) 0deg,rgba(255, 255, 255, 0) 0.036deg,rgba(255, 255, 255, 1) 360deg);height:100%25;width:100%25;opacity:1'%3E%3C/div%3E%3C/foreignObject%3E%3C/g%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8 14.6667C11.6819 14.6667 14.6667 11.6819 14.6667 8C14.6667 4.3181 11.6819 1.33333 8 1.33333C4.3181 1.33333 1.33333 4.3181 1.33333 8C1.33333 11.6819 4.3181 14.6667 8 14.6667Z' data-figma-gradient-fill='%7B&%2334;type&%2334;:&%2334;GRADIENT_ANGULAR&%2334;,&%2334;stops&%2334;:%5B%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:1.0,&%2334;g&%2334;:1.0,&%2334;b&%2334;:1.0,&%2334;a&%2334;:0.0%7D,&%2334;position&%2334;:0.0%7D,%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:1.0,&%2334;g&%2334;:1.0,&%2334;b&%2334;:1.0,&%2334;a&%2334;:0.0%7D,&%2334;position&%2334;:9.9999997473787516e-05%7D,%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:1.0,&%2334;g&%2334;:1.0,&%2334;b&%2334;:1.0,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:1.0%7D%5D,&%2334;stopsVar&%2334;:%5B%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:1.0,&%2334;g&%2334;:1.0,&%2334;b&%2334;:1.0,&%2334;a&%2334;:0.0%7D,&%2334;position&%2334;:0.0%7D,%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:1.0,&%2334;g&%2334;:1.0,&%2334;b&%2334;:1.0,&%2334;a&%2334;:0.0%7D,&%2334;position&%2334;:9.9999997473787516e-05%7D,%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:1.0,&%2334;g&%2334;:1.0,&%2334;b&%2334;:1.0,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:1.0%7D%5D,&%2334;transform&%2334;:%7B&%2334;m00&%2334;:16.0,&%2334;m01&%2334;:1.5190571985511901e-14,&%2334;m02&%2334;:-1.4210854715202004e-14,&%2334;m10&%2334;:-8.0851446279108993e-15,&%2334;m11&%2334;:16.0,&%2334;m12&%2334;:-3.5527136788005009e-15%7D,&%2334;opacity&%2334;:1.0,&%2334;blendMode&%2334;:&%2334;NORMAL&%2334;,&%2334;visible&%2334;:true%7D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.1877 6.40057C15.5529 6.35346 15.8871 6.61129 15.9342 6.97646C15.978 7.31591 16 7.65784 16 8.00011C16 8.3683 15.7015 8.66678 15.3333 8.66678C14.9651 8.66678 14.6667 8.3683 14.6667 8.00011C14.6667 7.71488 14.6484 7.42995 14.6119 7.14706C14.5647 6.7819 14.8226 6.44769 15.1877 6.40057Z' fill='white'/%3E%3Cdefs%3E%3CclipPath id='paint0_angular_2023_3076_clip_path'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8 14.6667C11.6819 14.6667 14.6667 11.6819 14.6667 8C14.6667 4.3181 11.6819 1.33333 8 1.33333C4.3181 1.33333 1.33333 4.3181 1.33333 8C1.33333 11.6819 4.3181 14.6667 8 14.6667Z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    -webkit-animation: 1s linear infinite loadingIcon;
    animation: 1s linear infinite loadingIcon
}

.sf-results-item__update {
    font-size: 12px;
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, .1)
}

.sf-results-item__update span {
    opacity: .6
}

.sf-results-item__list {
    overflow-y: scroll;
    height: 212px
}

.sf-results-item__list::-webkit-scrollbar {
    width: 2px
}

.sf-results-item__list::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, .1)
}

.sf-results-item__list::-webkit-scrollbar-thumb {
    background: padding-box #fff;
    border-radius: 0
}

.sf-results-item__list li {
    width: 100%;
    background: #161617;
    padding: 12px;
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
    height: 50px
}

.sf-results-item__list li:last-child {
    margin-bottom: 0
}

.sf-results-item__list li p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    opacity: .7
}

.sf-results-item__list li span {
    padding: 3px 9px;
    border-radius: 6px;
    font-size: 13px;
    letter-spacing: .02em;
    line-height: 18px;
    display: block
}

.sf-results-item__list li span.red {
    background: rgba(228, 42, 17, .1);
    border: 1px solid #e42a11;
    color: #e42a11
}

.sf-results-item__list li span.yellow {
    background: rgba(255, 250, 115, 0.1);
    border: 1px solid #f3ff73;
    color: #f3ff73
}

.sf-results-item__list li span.green {
    background: rgba(136, 255, 115, .1);
    border: 1px solid #88ff73;
    color: #88ff73
}

.sf-results-item__list li span.loading {
    padding: 0;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23paint0_angular_2023_3076_clip_path)' data-figma-skip-parse='true'%3E%3Cg transform='matrix(0.008 0 0 0.008 8 8)'%3E%3CforeignObject x='-1005' y='-1005' width='2010' height='2010'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='background:conic-gradient(from 90deg,rgba(255, 255, 255, 0) 0deg,rgba(255, 255, 255, 0) 0.036deg,rgba(255, 255, 255, 1) 360deg);height:100%25;width:100%25;opacity:1'%3E%3C/div%3E%3C/foreignObject%3E%3C/g%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8 14.6667C11.6819 14.6667 14.6667 11.6819 14.6667 8C14.6667 4.3181 11.6819 1.33333 8 1.33333C4.3181 1.33333 1.33333 4.3181 1.33333 8C1.33333 11.6819 4.3181 14.6667 8 14.6667Z' data-figma-gradient-fill='%7B&%2334;type&%2334;:&%2334;GRADIENT_ANGULAR&%2334;,&%2334;stops&%2334;:%5B%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:1.0,&%2334;g&%2334;:1.0,&%2334;b&%2334;:1.0,&%2334;a&%2334;:0.0%7D,&%2334;position&%2334;:0.0%7D,%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:1.0,&%2334;g&%2334;:1.0,&%2334;b&%2334;:1.0,&%2334;a&%2334;:0.0%7D,&%2334;position&%2334;:9.9999997473787516e-05%7D,%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:1.0,&%2334;g&%2334;:1.0,&%2334;b&%2334;:1.0,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:1.0%7D%5D,&%2334;stopsVar&%2334;:%5B%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:1.0,&%2334;g&%2334;:1.0,&%2334;b&%2334;:1.0,&%2334;a&%2334;:0.0%7D,&%2334;position&%2334;:0.0%7D,%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:1.0,&%2334;g&%2334;:1.0,&%2334;b&%2334;:1.0,&%2334;a&%2334;:0.0%7D,&%2334;position&%2334;:9.9999997473787516e-05%7D,%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:1.0,&%2334;g&%2334;:1.0,&%2334;b&%2334;:1.0,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:1.0%7D%5D,&%2334;transform&%2334;:%7B&%2334;m00&%2334;:16.0,&%2334;m01&%2334;:1.5190571985511901e-14,&%2334;m02&%2334;:-1.4210854715202004e-14,&%2334;m10&%2334;:-8.0851446279108993e-15,&%2334;m11&%2334;:16.0,&%2334;m12&%2334;:-3.5527136788005009e-15%7D,&%2334;opacity&%2334;:1.0,&%2334;blendMode&%2334;:&%2334;NORMAL&%2334;,&%2334;visible&%2334;:true%7D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.1877 6.40057C15.5529 6.35346 15.8871 6.61129 15.9342 6.97646C15.978 7.31591 16 7.65784 16 8.00011C16 8.3683 15.7015 8.66678 15.3333 8.66678C14.9651 8.66678 14.6667 8.3683 14.6667 8.00011C14.6667 7.71488 14.6484 7.42995 14.6119 7.14706C14.5647 6.7819 14.8226 6.44769 15.1877 6.40057Z' fill='white'/%3E%3Cdefs%3E%3CclipPath id='paint0_angular_2023_3076_clip_path'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8 14.6667C11.6819 14.6667 14.6667 11.6819 14.6667 8C14.6667 4.3181 11.6819 1.33333 8 1.33333C4.3181 1.33333 1.33333 4.3181 1.33333 8C1.33333 11.6819 4.3181 14.6667 8 14.6667Z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    -webkit-animation: 1s linear infinite loadingIcon;
    animation: 1s linear infinite loadingIcon
}

.sf-results-item__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 12px;
    margin-top: 24px
}

.sf-results-item__download {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 12px;
    height: 44px;
    border-radius: 8px;
    border: 1px solid #fff;
    font-weight: 600;
    -webkit-transition: var(--transition-ms);
    -o-transition: var(--transition-ms);
    transition: var(--transition-ms)
}

.sf-results-item__download span {
    font-size: 12px;
    line-height: 16px;
    padding: 2px 4px;
    color: rgba(255, 255, 255, .8);
    background: rgba(255, 255, 255, .03);
    border-radius: 4px
}

.sf-results-item__download:hover {
    background: rgba(255, 255, 255, .1)
}

.sf-results-item__more {
    padding: 0 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 12px;
    height: 44px;
    border-radius: 8px;
    border: 1px solid rgba(255, 255, 255, .1);
    -webkit-transition: var(--transition-ms);
    -o-transition: var(--transition-ms);
    transition: var(--transition-ms)
}

.sf-results-item__more::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.28542 9.28541V5.71458H0.714585C0.320123 5.71458 0 5.39446 0 5C6.89901e-08 4.60554 0.320123 4.28542 0.714585 4.28542H4.28542V0.714585C4.28542 0.320123 4.60554 6.89895e-08 5 0C5.39446 0 5.71458 0.320123 5.71458 0.714585V4.28542H9.28541C9.67988 4.28542 10 4.60554 10 5C10 5.34502 9.75507 5.63319 9.4298 5.69994L9.28541 5.71458H5.71458V9.28541C5.71458 9.67988 5.39446 10 5 10C4.60554 10 4.28542 9.67988 4.28542 9.28541Z' fill='white'/%3E%3C/svg%3E%0A") center no-repeat rgba(255, 255, 255, .03)
}

.sf-results-item__more:hover {
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(255, 255, 255, .1)
}

.sf-results-text {
    padding-top: 24px;
    margin-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, .1);
    font-size: 12px;
    line-height: 1.6;
    color: rgba(255, 255, 255, .7)
}

.sf-results-popup__list {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, 1fr)
}

.sf-results-popup__list li {
    width: 100%;
    background: #1e1d24;
    padding: 12px;
    border-radius: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 8px;
    margin-bottom: 4px;
    height: 50px
}

.sf-results-popup__list li:last-child {
    margin-bottom: 0
}

.sf-results-popup__list li p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    opacity: .7
}

.sf-results-popup__list li span {
    padding: 3px 9px;
    border-radius: 6px;
    font-size: 13px;
    letter-spacing: .02em;
    line-height: 18px;
    display: block
}

.sf-results-popup__list li span.red {
    background: rgba(228, 42, 17, .1);
    border: 1px solid #e42a11;
    color: #e42a11
}

.sf-results-popup__list li span.green {
    background: rgba(136, 255, 115, .1);
    border: 1px solid #88ff73;
    color: #88ff73
}

.sf-results-popup__list li span.yellow {
    background: rgba(255, 250, 115, 0.1);
    border: 1px solid #f3ff73;
    color: #f3ff73
}

.sf-results-popup__list li span.loading {
    padding: 0;
    width: 16px;
    height: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23paint0_angular_2023_3076_clip_path)' data-figma-skip-parse='true'%3E%3Cg transform='matrix(0.008 0 0 0.008 8 8)'%3E%3CforeignObject x='-1005' y='-1005' width='2010' height='2010'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='background:conic-gradient(from 90deg,rgba(255, 255, 255, 0) 0deg,rgba(255, 255, 255, 0) 0.036deg,rgba(255, 255, 255, 1) 360deg);height:100%25;width:100%25;opacity:1'%3E%3C/div%3E%3C/foreignObject%3E%3C/g%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8 14.6667C11.6819 14.6667 14.6667 11.6819 14.6667 8C14.6667 4.3181 11.6819 1.33333 8 1.33333C4.3181 1.33333 1.33333 4.3181 1.33333 8C1.33333 11.6819 4.3181 14.6667 8 14.6667Z' data-figma-gradient-fill='%7B&%2334;type&%2334;:&%2334;GRADIENT_ANGULAR&%2334;,&%2334;stops&%2334;:%5B%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:1.0,&%2334;g&%2334;:1.0,&%2334;b&%2334;:1.0,&%2334;a&%2334;:0.0%7D,&%2334;position&%2334;:0.0%7D,%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:1.0,&%2334;g&%2334;:1.0,&%2334;b&%2334;:1.0,&%2334;a&%2334;:0.0%7D,&%2334;position&%2334;:9.9999997473787516e-05%7D,%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:1.0,&%2334;g&%2334;:1.0,&%2334;b&%2334;:1.0,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:1.0%7D%5D,&%2334;stopsVar&%2334;:%5B%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:1.0,&%2334;g&%2334;:1.0,&%2334;b&%2334;:1.0,&%2334;a&%2334;:0.0%7D,&%2334;position&%2334;:0.0%7D,%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:1.0,&%2334;g&%2334;:1.0,&%2334;b&%2334;:1.0,&%2334;a&%2334;:0.0%7D,&%2334;position&%2334;:9.9999997473787516e-05%7D,%7B&%2334;color&%2334;:%7B&%2334;r&%2334;:1.0,&%2334;g&%2334;:1.0,&%2334;b&%2334;:1.0,&%2334;a&%2334;:1.0%7D,&%2334;position&%2334;:1.0%7D%5D,&%2334;transform&%2334;:%7B&%2334;m00&%2334;:16.0,&%2334;m01&%2334;:1.5190571985511901e-14,&%2334;m02&%2334;:-1.4210854715202004e-14,&%2334;m10&%2334;:-8.0851446279108993e-15,&%2334;m11&%2334;:16.0,&%2334;m12&%2334;:-3.5527136788005009e-15%7D,&%2334;opacity&%2334;:1.0,&%2334;blendMode&%2334;:&%2334;NORMAL&%2334;,&%2334;visible&%2334;:true%7D'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.1877 6.40057C15.5529 6.35346 15.8871 6.61129 15.9342 6.97646C15.978 7.31591 16 7.65784 16 8.00011C16 8.3683 15.7015 8.66678 15.3333 8.66678C14.9651 8.66678 14.6667 8.3683 14.6667 8.00011C14.6667 7.71488 14.6484 7.42995 14.6119 7.14706C14.5647 6.7819 14.8226 6.44769 15.1877 6.40057Z' fill='white'/%3E%3Cdefs%3E%3CclipPath id='paint0_angular_2023_3076_clip_path'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8 14.6667C11.6819 14.6667 14.6667 11.6819 14.6667 8C14.6667 4.3181 11.6819 1.33333 8 1.33333C4.3181 1.33333 1.33333 4.3181 1.33333 8C1.33333 11.6819 4.3181 14.6667 8 14.6667Z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    -webkit-animation: 1s linear infinite loadingIcon;
    animation: 1s linear infinite loadingIcon
}

@-webkit-keyframes loadingIcon {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes loadingIcon {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}


.investigation-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(5, 1fr);
    margin-top: 24px
}

.investigation-item {
    align-items: flex-start;
    border: 1px solid hsla(0, 0%, 100%, .05);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 12px;
    padding: 20px
}

.investigation-item__image {
    max-width: none;
    width: 100%
}

.investigation-item__content {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    width: 100%
}

.investigation-item__title {
    flex: 1;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2
}

.investigation-item__time {
    color: hsla(0, 0%, 100%, .5);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.6
}

.investigation-item__btn {
    align-items: center;
    background: hsla(0, 0%, 100%, .1);
    border: 1px solid hsla(0, 0%, 100%, .05);
    border-radius: 8px;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    gap: 8px;
    justify-content: center;
    line-height: 18px;
    margin-top: auto;
    padding: 5px;
    transition: var(--transition-ms);
    width: 100%
}

.investigation-item__btn:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%2322b5ff' stroke-linecap='round' stroke-linejoin='round' d='M10.387 8A2.384 2.384 0 0 1 8 10.387 2.384 2.384 0 0 1 5.613 8 2.384 2.384 0 0 1 8 5.613 2.384 2.384 0 0 1 10.387 8'/%3E%3Cpath stroke='%2322b5ff' stroke-linecap='round' stroke-linejoin='round' d='M8 13.513c2.353 0 4.547-1.387 6.073-3.787.6-.94.6-2.52 0-3.46C12.547 3.866 10.353 2.48 8 2.48S3.453 3.866 1.927 6.266c-.6.94-.6 2.52 0 3.46 1.526 2.4 3.72 3.787 6.073 3.787'/%3E%3C/svg%3E") no-repeat;
    content: "";
    display: block;
    height: 16px;
    width: 16px
}

.investigation-item__btn:hover {
    background: hsla(0, 0%, 100%, .15)
}

.investigation-item__add {
    align-items: center;
    border: 1px solid hsla(0, 0%, 100%, .05);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: center;
    padding: 20px;
    text-align: center
}

.investigation-item__add-icon {
    background: hsla(0, 0%, 100%, .05) url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Crect width='20' height='20' fill='%23fff' fill-opacity='.03' rx='10'/%3E%3Cpath stroke='%2322b5ff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='M6 10h4m0 0h4m-4 0v4m0-4V6'/%3E%3C/svg%3E") no-repeat 50%;
    border: 1px solid hsla(0, 0%, 100%, .05);
    border-radius: 16px;
    box-shadow: inset 0 0 0 3px #17161d;
    height: 64px;
    transition: var(--transition-ms);
    width: 64px
}

.investigation-item__add-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 12px
}

.investigation-item__add-title {
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2
}

.investigation-item__add-text {
    color: hsla(0, 0%, 100%, .5);
    font-size: 12px;
    font-weight: 500;
    line-height: 1.2
}

.investigation-item__add:hover .investigation-item__add-icon {
    background-color: hsla(0, 0%, 100%, .1)
}

.investigation-view {
    display: flex;
    flex-wrap: wrap;
    height: calc(100vh - 66px);
    min-height: 0;
    overflow: hidden;
    width: 100%
}

.investigation-view__mobile {
    display: none
}

.investigation-view__sidebar {
    background: #17161d;
    border-right: 1px solid hsla(0, 0%, 100%, .1);
    position: relative;
    width: 290px;
    z-index: 10
}

.investigation-view__sidebar-title {
    background: #00496e;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .02em;
    line-height: 16px;
    padding: 10px 16px;
    text-transform: uppercase;
    width: 100%
}

.investigation-view__sidebar-item {
    align-items: center;
    border-right: 2px solid transparent;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-right: -1px;
    padding: 16px;
    transition: var(--transition-ms)
}

.investigation-view__sidebar-item svg {
    display: block;
    height: 18px;
    width: 18px
}

.investigation-view__sidebar-item p {
    flex: 1;
    font-weight: 500;
    line-height: 22px
}

.investigation-view__sidebar-item.active,
.investigation-view__sidebar-item:hover {
    background: hsla(0, 0%, 100%, .05);
    color: #22b5ff
}

.investigation-view__sidebar-item.active {
    border-color: #22b5ff;
    padding-left: 24px
}

.investigation-view__dropdown {
    background: #17161d;
    border-right: 1px solid hsla(0, 0%, 100%, .1);
    margin-left: -301px;
    padding: 16px;
    transition: var(--transition-ms);
    width: 300px
}

.investigation-view__dropdown.show {
    margin-left: 0
}

.investigation-view__dropdown-group {
    align-items: flex-start;
    display: flex;
    display: none;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 12px;
    position: relative
}

.investigation-view__dropdown-group.show {
    display: flex
}

.investigation-view__dropdown-group .sf-upload {
    margin-bottom: 0;
    width: 100%
}

.investigation-view__dropdown-head {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    padding-bottom: 12px;
    padding-right: 18px;
    width: 100%
}

.investigation-view__dropdown-close {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Cpath fill='%23fff' d='M0 12.562 5.562 7 0 1.438 1.438 0 7 5.562 12.548.014l1.438 1.438L8.438 7 14 12.562 12.562 14 7 8.438 1.438 14z'/%3E%3C/svg%3E") no-repeat 50%;
    cursor: pointer;
    height: 14px;
    position: absolute;
    right: 0;
    top: 5px;
    width: 14px
}

.investigation-view__dropdown-add {
    align-items: center;
    background: #2277f6;
    border-radius: 8px;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 600;
    gap: 12px;
    justify-content: center;
    line-height: 20px;
    padding: 12px;
    text-align: center;
    width: 100%
}

.investigation-view__dropdown-add:after {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Crect width='20' height='20' fill='%23fff' fill-opacity='.03' rx='10'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.333' d='M6 10h4m0 0h4m-4 0v4m0-4V6'/%3E%3C/svg%3E") no-repeat;
    content: "";
    display: block;
    height: 20px;
    width: 20px
}

.investigation-view__main {
    background: radial-gradient(50% 50% at 50% 50%, #1e1c2c 0, #17161d 100%);
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
    position: relative
}

.investigation-view__main:fullscreen {
    background: radial-gradient(50% 50% at 50% 50%, #1e1c2c 0, #17161d 100%);
    height: 100vh;
    width: 100vw
}

.investigation-view__container {
    bottom: 0;
    left: 0;
    position: absolute !important;
    right: 0;
    top: 0;
    inset: 0;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.investigation-view__toolbar {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 12px;
    left: 16px;
    position: absolute;
    top: 16px;
    z-index: 30
}

.investigation-view__toolbar-btn {
    background: #2a2933;
    background-position: 50%;
    background-repeat: no-repeat;
    border-radius: 4px;
    cursor: pointer;
    height: 36px;
    transition: var(--transition-ms);
    width: 36px
}

.investigation-view__toolbar-btn:hover {
    background-color: #383744
}

.investigation-view__toolbar-group {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
}

.investigation-view__toolbar-group .investigation-view__toolbar-btn {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 0;
    height: 37px
}

.investigation-view__toolbar-group .investigation-view__toolbar-btn:first-child {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.investigation-view__toolbar-group .investigation-view__toolbar-btn:last-child {
    border: 0;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 36px
}

.investigation-view__collect-messages {
    background: hsla(0, 0%, 100%, .05);
    border: 1px solid hsla(0, 0%, 100%, .12);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 10px;
    padding: 12px 44px 12px 12px;
    position: absolute;
    right: -300%;
    top: 44px;
    transition: calc(var(--transition-ms) * 2);
    width: 240px;
    z-index: 30
}

.investigation-view__collect-messages.show {
    right: 36px
}

.investigation-view__collect-messages p {
    font-size: 14px;
    line-height: 1.24
}

.investigation-view__collect-messages span {
    height: 1px;
    width: 100%
}

.investigation-view__collect-messages span i {
    background: #5ff680;
    display: block;
    height: 100%
}

.investigation-view__collect-messages:after {
    animation: collectMessagesCircle 1s linear infinite;
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cg clip-path='url(%23a)' data-figma-skip-parse='true'%3E%3CforeignObject width='2008' height='2008' x='-1004' y='-1004' transform='matrix(.01 0 0 .01 10 10)'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='background:conic-gradient(from 90deg,rgba(58,225,128,0) 0deg,%233ae180 360deg);height:100%25;width:100%25;opacity:1'/%3E%3C/foreignObject%3E%3C/g%3E%3Cpath d='M10 20c5.523 0 10-4.477 10-10S15.523 0 10 0 0 4.477 0 10s4.477 10 10 10m0-1.667a8.333 8.333 0 1 0 0-16.666 8.333 8.333 0 0 0 0 16.666' clip-rule='evenodd' data-figma-gradient-fill='{%26quot;type%26quot;:%26quot;GRADIENT_ANGULAR%26quot;,%26quot;stops%26quot;:[{%26quot;color%26quot;:{%26quot;r%26quot;:0.22745098173618317,%26quot;g%26quot;:0.88235294818878174,%26quot;b%26quot;:0.50196081399917603,%26quot;a%26quot;:0.0},%26quot;position%26quot;:0.0},{%26quot;color%26quot;:{%26quot;r%26quot;:0.22745098173618317,%26quot;g%26quot;:0.88235294818878174,%26quot;b%26quot;:0.50196081399917603,%26quot;a%26quot;:1.0},%26quot;position%26quot;:1.0}],%26quot;stopsVar%26quot;:[],%26quot;transform%26quot;:{%26quot;m00%26quot;:20.0,%26quot;m01%26quot;:1.8988215405406350e-14,%26quot;m02%26quot;:-1.7763568394002505e-14,%26quot;m10%26quot;:-1.0106431208405098e-14,%26quot;m11%26quot;:20.0,%26quot;m12%26quot;:-4.4408920985006262e-15},%26quot;opacity%26quot;:1.0,%26quot;blendMode%26quot;:%26quot;NORMAL%26quot;,%26quot;visible%26quot;:true}'/%3E%3Cpath fill='%233ae180' fill-rule='evenodd' d='M18.985 8a.833.833 0 0 1 .933.72Q20 9.358 20 10a.833.833 0 1 1-1.667 0q0-.536-.068-1.066a.833.833 0 0 1 .72-.933' clip-rule='evenodd'/%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill-rule='evenodd' d='M10 20c5.523 0 10-4.477 10-10S15.523 0 10 0 0 4.477 0 10s4.477 10 10 10m0-1.667a8.333 8.333 0 1 0 0-16.666 8.333 8.333 0 0 0 0 16.666' clip-rule='evenodd'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") no-repeat;
    bottom: 0;
    content: "";
    height: 20px;
    margin: auto 0;
    position: absolute;
    right: 12px;
    top: 0;
    width: 20px
}

.investigation-view__details {
    background: #17161d;
    border-left: 1px solid hsla(0, 0%, 100%, .1);
    margin-right: -301px;
    order: 1;
    padding: 16px;
    transition: var(--transition-ms);
    width: 300px;
    overflow-x: scroll;
    max-height: 95vh;
    width: 350px;
}

/* resize handle */
.investigation-view__details-resize {
  position: absolute;
  top: 0;
  left: 0; /* panel is on the right */
  width: 6px;
  height: 100%;
  cursor: ew-resize;
  z-index: 10;
}

.investigation-view__details-resize:hover {
  background: hsla(0, 0%, 100%, 0.12);
}

.investigation-view__details.show {
    margin-right: 0
}

.investigation-view__details-group {
    align-items: flex-start;
    display: flex;
    display: none;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 12px;
    position: relative
}

.investigation-view__details-group.show {
    display: flex
}

.investigation-view__details-head {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    padding-bottom: 12px;
    padding-right: 18px;
    width: 100%
}

.investigation-view__details-close {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' fill='none' viewBox='0 0 14 14'%3E%3Cpath fill='%23fff' d='M0 12.562 5.562 7 0 1.438 1.438 0 7 5.562 12.548.014l1.438 1.438L8.438 7 14 12.562 12.562 14 7 8.438 1.438 14z'/%3E%3C/svg%3E") no-repeat 50%;
    cursor: pointer;
    height: 14px;
    position: absolute;
    right: 0;
    top: 5px;
    width: 14px
}

.investigation-view__details-title {
    font-size: 18px;
    font-weight: 500;
    margin-top: 12px
}

.investigation-view__details-message {
    align-items: flex-start;
    border: 1px solid #2e2e2e;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 10px;
    padding: 12px;
    position: relative;
    transition: var(--transition-ms);
    width: 100%
}

.investigation-view__details-message-title {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    font-size: 14px;
    line-height: 24px;
    padding-bottom: 10px;
    width: 100%
}

.investigation-view__details-message-text {
    color: hsla(0, 0%, 100%, .7);
    font-size: 12px;
    line-height: 1.24
}

.investigation-view__details-message-text b {
    color: #fff;
    font-weight: 700
}

.investigation-view__details-message-info {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 10px;
    gap: 4px;
    line-height: 1.24
}

.investigation-view__details-message-info li:after {
    content: "·";
    display: inline-block;
    padding-left: 4px
}

.investigation-view__details-message-info li:last-child:after {
    display: none
}

.investigation-view__details-message:hover {
    background: hsla(0, 0%, 100%, .05)
}

.investigation-view__details-message:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' fill='%23fff' fill-opacity='.05' rx='12'/%3E%3Crect width='23' height='23' x='.5' y='.5' stroke='%23fff' stroke-opacity='.05' rx='11.5'/%3E%3Cpath fill='%2322b5ff' d='M11.562 15.199v-2.758H8.804v-.882h2.758V8.801h.882v2.758h2.751v.882h-2.75v2.758z'/%3E%3C/svg%3E");
    content: "";
    height: 24px;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 24px
}

.investigation-view__details-header {
    align-items: flex-start;
    border: 1px solid #2e2e2e;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 10px;
    padding: 12px;
    position: relative;
    transition: var(--transition-ms);
    width: 100%;
    word-wrap: anywhere;
}

.investigation-view__details-header-title {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    color: hsla(0, 0%, 100%, .8);
    font-size: 12px;
    line-height: 24px;
    padding-bottom: 10px;
    text-transform: uppercase;
    width: 100%
}

.investigation-view__details-header-text {
    font-size: 12px;
    line-height: 1.24
}

.investigation-view__details-header:hover {
    background: hsla(0, 0%, 100%, .05)
}

.investigation-view__details-header:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' fill='%23fff' fill-opacity='.05' rx='12'/%3E%3Crect width='23' height='23' x='.5' y='.5' stroke='%23fff' stroke-opacity='.05' rx='11.5'/%3E%3Cpath fill='%2322b5ff' d='M11.562 15.199v-2.758H8.804v-.882h2.758V8.801h.882v2.758h2.751v.882h-2.75v2.758z'/%3E%3C/svg%3E");
    content: "";
    height: 24px;
    position: absolute;
    right: 12px;
    top: 12px;
    width: 24px
}

.investigation-view__details-account {
    align-items: flex-start;
    border: 1px solid #2e2e2e;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 2px;
    padding: 12px 44px 12px 12px;
    position: relative;
    transition: var(--transition-ms);
    width: 100%
}

.investigation-view__details-account-title {
    font-size: 14px;
    line-height: 1.24
}

.investigation-view__details-account-text {
    color: hsla(0, 0%, 100%, .5);
    font-size: 12px;
    line-height: 1.24
}

.investigation-view__details-account:hover {
    background: hsla(0, 0%, 100%, .05)
}

.investigation-view__details-account:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' fill='%23fff' fill-opacity='.05' rx='12'/%3E%3Crect width='23' height='23' x='.5' y='.5' stroke='%23fff' stroke-opacity='.05' rx='11.5'/%3E%3Cpath fill='%2322b5ff' d='M11.562 15.199v-2.758H8.804v-.882h2.758V8.801h.882v2.758h2.751v.882h-2.75v2.758z'/%3E%3C/svg%3E");
    bottom: 0;
    content: "";
    height: 24px;
    margin: auto 0;
    position: absolute;
    right: 12px;
    top: 0;
    width: 24px
}

.investigation-view__details-image {
    align-items: center;
    border: 1px solid #2e2e2e;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 12px 44px 12px 12px;
    position: relative;
    transition: var(--transition-ms);
    width: 100%
}

.investigation-view__details-image-preview {
    border-radius: 4px;
    height: 24px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 24px
}

.investigation-view__details-image-title {
    font-size: 14px;
    line-height: 1.24
}

.investigation-view__details-image:hover {
    background: hsla(0, 0%, 100%, .05)
}

.investigation-view__details-image:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' fill='%23fff' fill-opacity='.05' rx='12'/%3E%3Crect width='23' height='23' x='.5' y='.5' stroke='%23fff' stroke-opacity='.05' rx='11.5'/%3E%3Cpath fill='%2322b5ff' d='M11.562 15.199v-2.758H8.804v-.882h2.758V8.801h.882v2.758h2.751v.882h-2.75v2.758z'/%3E%3C/svg%3E");
    bottom: 0;
    content: "";
    height: 24px;
    margin: auto 0;
    position: absolute;
    right: 12px;
    top: 0;
    width: 24px
}

.investigation-view__details-file {
    align-items: center;
    border: 1px solid #2e2e2e;
    border-radius: 12px;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding: 12px 44px 12px 12px;
    position: relative;
    transition: var(--transition-ms);
    width: 100%
}

.investigation-view__details-file-preview {
    border-radius: 4px;
    height: 24px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 24px
}

.investigation-view__details-file-title {
    font-size: 14px;
    line-height: 1.24
}

.investigation-view__details-file:hover {
    background: hsla(0, 0%, 100%, .05)
}

.investigation-view__details-file:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Crect width='24' height='24' fill='%23fff' fill-opacity='.05' rx='12'/%3E%3Crect width='23' height='23' x='.5' y='.5' stroke='%23fff' stroke-opacity='.05' rx='11.5'/%3E%3Cpath fill='%2322b5ff' d='M11.562 15.199v-2.758H8.804v-.882h2.758V8.801h.882v2.758h2.751v.882h-2.75v2.758z'/%3E%3C/svg%3E");
    bottom: 0;
    content: "";
    height: 24px;
    margin: auto 0;
    position: absolute;
    right: 12px;
    top: 0;
    width: 24px
}

.inv-fullscreen {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.125' d='M15.75 6.75v-4.5h-4.5M2.25 11.25v4.5h4.5M15.75 2.25l-5.625 5.625M7.875 10.125 2.25 15.75'/%3E%3C/svg%3E")
}

.inv-zoom-in {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.125' d='M6.9 8.775h3.75M8.775 10.65V6.9M8.625 15.75a7.125 7.125 0 1 0 0-14.25 7.125 7.125 0 0 0 0 14.25M16.5 16.5 15 15'/%3E%3C/svg%3E")
}

.inv-zoom-out {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.125' d='M6.75 8.775h3.75M8.625 15.75a7.125 7.125 0 1 0 0-14.25 7.125 7.125 0 0 0 0 14.25M16.5 16.5 15 15'/%3E%3C/svg%3E")
}

.inv-screenshot {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' fill='none' viewBox='0 0 18 18'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.125' d='M5.07 16.5h7.86c2.07 0 2.895-1.267 2.993-2.812l.39-6.196A2.815 2.815 0 0 0 13.5 4.5c-.457 0-.877-.263-1.087-.667l-.54-1.088c-.345-.683-1.245-1.245-2.01-1.245H8.145c-.772 0-1.672.563-2.017 1.245l-.54 1.088c-.21.404-.63.667-1.088.667a2.815 2.815 0 0 0-2.812 2.992l.39 6.196C2.168 15.232 3 16.5 5.07 16.5M7.875 6h2.25'/%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.125' d='M9 13.5a2.44 2.44 0 0 0 2.438-2.437A2.44 2.44 0 0 0 9 8.625a2.44 2.44 0 0 0-2.437 2.438A2.44 2.44 0 0 0 9 13.5'/%3E%3C/svg%3E")
}

.node {
    color: var(--color);
    position: relative;
    text-align: center
}

.node-label {
    border: 1px solid var(--color);
    border-radius: 4px;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    gap: 4px;
    line-height: 12px;
    padding: 6px
}

.node-value {
    left: 50%;
    position: absolute;
    top: calc(100% + 10px);
    transform: translateX(-50%)
}

.node-account {
    align-items: flex-start;
    border: 1px solid #2e2e2e;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 2px;
    padding: 12px
}

.node-account__label {
    background: #22b5ff;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    padding: 2px 4px;
    text-transform: uppercase
}

.node-account__title {
    font-size: 14px;
    line-height: 1.24
}

.node-account__value {
    color: hsla(0, 0%, 100%, .5);
    font-size: 12px;
    line-height: 1.2
}



.node-file {
    border: 1px solid #2e2e2e;
    border-radius: 12px;
    gap: 10px;
    padding: 12px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center; /* center content horizontally */
}

.node-file__preview {
    display: flex;
    align-items: center;
    justify-content: center;

    max-width: 100%;
    max-height: 100%;

    width: auto;
    height: auto;

    max-width: 100%;
    max-height: 100%;

    object-fit: contain;
    object-position: center;
    display: block;

    padding: 8px;
    box-sizing: border-box;
}

.node-file__preview img {
    -webkit-user-drag: none;
    border-radius: 4px;

    max-width: 100%;
    max-height: 100%;

    width: auto;
    height: auto;

    object-fit: contain;
    object-position: center;
    display: block;
}


.node-file__preview svg {
    display: block;
    height: 100%;
    width: 100%
}

.node-file__name {
    font-size: 14px;
    line-height: 1.24
}

.node-message {
    align-items: flex-start;
    border: 1px solid #2e2e2e;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 10px;
    padding: 12px
}

.node-message__label {
    background: #00851d;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    padding: 2px 4px;
    text-transform: uppercase
}

.node-message__title {
    font-size: 14px;
    line-height: 1.24
}

.node-message__text {
    color: hsla(0, 0%, 100%, .7);
    font-size: 12px;
    line-height: 1.24
}

.node-message__info {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    font-size: 10px;
    gap: 4px;
    line-height: 1.24
}

.node-message__info li:after {
    content: "·";
    display: inline-block;
    padding-left: 4px
}

.node-message__info li:last-child:after {
    display: none
}

.node-header {
    align-items: flex-start;
    border: 1px solid #2e2e2e;
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 10px;
    padding: 12px
}

.node-header__label {
    background: #22b5ff;
    border-radius: 4px;
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    padding: 2px 4px;
    text-transform: uppercase
}

.node-header__title {
    color: hsla(0, 0%, 100%, .8);
    text-transform: uppercase
}

.node-header__text,
.node-header__title {
    font-size: 12px;
    line-height: 1.24
}

.g6-contextmenu {
    background-color: #2a2933 !important;
    box-shadow: none !important;
    color: #fff;
    font-size: 14px !important
}

.g6-contextmenu,
.g6-contextmenu-ul {
    max-width: 220px !important;
    width: 100%
}

.g6-contextmenu-li {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    line-height: 18px !important;
    padding: 8px !important;
    transition: var(--transition-ms)
}

.g6-contextmenu-li:hover {
    background-color: #41404f !important
}

.g6-contextmenu-li:last-child {
    border: 0
}

.g6-html-node {
    backface-visibility: hidden;
    max-width: 280px;
    text-rendering: optimizeLegibility;
    will-change: transform
}

.g6-html-node,
.g6-html-node > * {
    -webkit-font-smoothing: antialiased
}

.g6-html-node > * {
    text-rendering: geometricPrecision
}

.g6-html-node svg {
    shape-rendering: crispEdges
}

.g6-html-node img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges
}

.link-overlay {
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: 9998
}

.link-overlay path {
    stroke: hsla(0, 0%, 100%, .15);
    stroke-width: 1;
    fill: none
}

.investigation-view__container.linking,
body.linking {
    cursor: crosshair !important
}

.profile-contacts {
    width: 100%
}

.profile-contacts__title {
    font-size: 14px;
    margin-bottom: 12px;
    opacity: .7;
    text-transform: uppercase
}

.profile-contacts__list {
    width: 100%
}

.profile-contacts__list li {
    align-items: flex-start;
    border-bottom: 1px dashed hsla(0, 0%, 100%, .1);
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    gap: 12px;
    justify-content: space-between;
    padding: 12px 0
}

.profile-contacts__list li p {
    opacity: .7
}

.profile-contacts__list li span {
    font-weight: 500
}

.profile-carousel__main {
    width: 100%
}

.profile-carousel__main .splide__slide img {
    aspect-ratio: 1/1;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.profile-carousel__thumbnails {
    width: 100%
}

.profile-carousel__thumbnails .splide__slide {
    border: 0 !important
}

.profile-carousel__thumbnails .splide__slide img {
    aspect-ratio: 1/1;
    border: 1px solid transparent;
    border-radius: 4px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center
}

.profile-carousel__thumbnails .splide__slide.is-active img {
    border-color: hsla(0, 0%, 100%, .3)
}

.profile-carousel__thumbnails .splide__arrow {
    background: #e4f0ff;
    height: 24px;
    opacity: 1 !important;
    width: 24px
}

.profile-carousel__thumbnails .splide__arrow svg {
    height: 8px;
    width: 8px
}

.profile-carousel__thumbnails .splide__arrow--prev {
    left: 10px
}

.profile-carousel__thumbnails .splide__arrow--next {
    right: 10px
}

.settings-main {
    border-right: 0;
    max-width: calc(100% - 380px);
    padding: 0
}

.settings-grid {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    gap: 24px
}

.settings-grid .label {
    width: 100%
}

.settings-grid .label-half {
    flex: 1
}

.settings-grid .switch {
    padding: 12px 0
}

.settings-grid .btn {
    justify-content: center;
    max-width: 180px;
    width: 100%
}

.settings-profile {
    align-items: flex-start;
    border-left: 1px solid hsla(0, 0%, 100%, .1);
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 24px;
    padding: 24px;
    width: 380px
}

.settings-profile .btn {
    margin-top: auto
}

.settings-profile__image {
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 8px;
    width: 100%
}

.settings-account {
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    padding-bottom: 24px;
    width: 100%
}

.settings-account__photo {
    border: 1px solid hsla(0, 0%, 100%, .05);
    border-radius: 16px;
    height: 64px;
    padding: 3px;
    width: 64px
}

.settings-account__photo span {
    align-items: center;
    background: hsla(0, 0%, 100%, .05);
    border-radius: 12px;
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 500;
    height: 100%;
    justify-content: center;
    width: 100%
}

.settings-account__photo img {
    border-radius: 12px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 100%
}

.settings-account__info {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 4px
}

.settings-account__info p {
    font-size: 24px;
    font-weight: 400
}

.settings-account__info span {
    font-size: 12px;
    font-weight: 500;
    opacity: .6
}

.change-password {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 12px
}

.change-password__btn {
    background: transparent;
    color: var(--color-accent);
    font-size: 14px;
    font-weight: 500;
    padding: 0
}

.report-company__text {
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    padding-bottom: 24px
}

.report-company__text h3 {
    font-size: 24px;
    font-weight: 400;
    letter-spacing: -.02em;
    line-height: 1.1
}

.report-company__text p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin-top: 12px;
    opacity: .7
}

.report-list {
    display: grid;
    gap: 20px;
    grid-template-columns: repeat(3, 1fr)
}

.report-list li {
    align-items: flex-start;
    background: hsla(0, 0%, 100%, .01);
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 6px;
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    font-weight: 400;
    gap: 6px;
    line-height: 22px;
    padding: 12px
}

.report-list li p {
    flex: 1
}

.report-list li span.green {
    color: #88ff73
}

.report-list li span.yellow {
    color: #fcdd42
}

.report-list li span.red {
    color: #f31a27
}

.report-result {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 24px;
    padding: 40px 0
}

.report-result__text {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 12px;
    max-width: 360px
}

.report-result__text h3 {
    color: #fcdd42;
    font-size: 26px;
    font-weight: 500;
    line-height: 1
}

.report-result__text p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4
}

.report-result__text p:last-child:not(:nth-child(2)) {
    margin-top: auto
}

.report-result__total {
    font-size: 129px;
    font-weight: 500;
    letter-spacing: -.02em;
    line-height: 1.1
}

@keyframes collectMessagesCircle {
    0% {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(1turn)
    }
}

@media (max-width: 1840px) {
    .sf-results-item__download,
    .sf-results-item__more {
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
        width: 100%
    }
}

@media (max-width: 1600px) {
    .report-company__text {
        padding-bottom: 16px
    }

    .report-company__text h3 {
        font-size: 18px
    }

    .report-company__text p {
        font-size: 13px
    }

    .report-list {
        gap: 12px
    }

    .report-list li {
        font-size: 13px;
        line-height: 18px
    }

    .report-result {
        padding: 24px 0
    }

    .report-result__text {
        gap: 6px
    }

    .report-result__text h3 {
        font-size: 18px
    }

    .report-result__text p {
        font-size: 13px
    }

    .report-result__total {
        font-size: 80px
    }

    .table col {
        width: var(--xl, var(--xxl))
    }

    .analysis {
        --analysis-gap: 16px
    }

    .analysis-card__value {
        font-size: 22px
    }

    .analysis-card__delta {
        font-size: 12px;
        line-height: 16px
    }

    .analysis-card__actor-name {
        font-size: 16px
    }

    .analysis-card__actor-info {
        font-size: 12px;
        line-height: 20px
    }

    .analysis-card__tabs {
        font-size: 14px
    }

    .analysis-pie__legend li b {
        font-size: 16px
    }

    .analysis-pie__legend li p {
        font-size: 12px
    }

    .analysis-pie__total b {
        font-size: 16px
    }

    .analysis-pie__total p {
        font-size: 12px
    }

    .analysis-title {
        font-size: 24px
    }

    .nice-select {
        padding: 5px 30px 5px 11px
    }

    .sf-results {
        gap: 12px;
        grid-template-columns: repeat(2, 1fr)
    }

    .sf-results-item {
        padding: 16px
    }

    .sf-results-item__head {
        margin-bottom: 16px
    }

    .sf-results-item__head span {
        width: 40px;
        height: 40px;
        border-radius: 8px;
        margin-bottom: 12px
    }

    .sf-results-item__head span img {
        border-radius: 4px
    }

    .sf-results-item__head a {
        font-size: 16px
    }

    .sf-results-item__status {
        padding: 8px;
        font-size: 12px
    }

    .sf-results-item__list {
        height: 140px
    }

    .sf-results-item__list li {
        padding: 6px 10px;
        height: 32px
    }

    .sf-results-item__list li p {
        font-size: 12px
    }

    .sf-results-item__list li span {
        padding: 1px 7px;
        font-size: 11px;
        line-height: 16px
    }

    .sf-results-item__actions {
        margin-top: 16px
    }

    .sf-detail__text {
        max-width: 420px
    }

    .sf-sidebar-info {
        gap: 4px
    }

    .sf-sidebar-info__half {
        width: calc(50% - 2px) !important
    }

    .sf-sidebar-info li p {
        font-size: 20px
    }

    .sf-malware {
        max-width: 360px
    }

    .sf-analyze {
        width: calc(100% - 360px - 64px)
    }
}

@media (max-width: 1440px) {
    .table,
    body {
        font-size: 12px
    }

    .table col {
        width: var(--lg)
    }

    .table thead th {
        padding-top: 12px;
        padding-bottom: 12px
    }

    .table tbody tr td {
        padding-top: 10px;
        padding-bottom: 10px
    }

    .table-query p {
        font-size: 10px
    }

    .table-query__show span {
        font-size: 12px
    }

    .table-status p {
        font-size: 12px;
        line-height: 1
    }

    .table-bottom {
        margin-top: 12px
    }

    .table-pagination li a {
        width: 36px;
        height: 36px
    }

    .btn {
        padding: 8px 16px;
        gap: 8px
    }

    .sidebar-logo {
        height: 60px
    }

    .main-header {
        height: 60px;
        padding: 0 24px
    }

    .main-header__nav li {
        margin-right: 24px
    }

    .main-header__nav li a {
        gap: 8px
    }

    .main-header__nav li a img,
    .main-header__nav li a svg {
        height: 18px;
        width: 18px
    }

    .main-content {
        padding: 24px
    }

    .main-title {
        font-size: 24px
    }

    .main-search input {
        height: 36px
    }

    .activity-item__head {
        padding-bottom: 12px
    }

    .activity-item__list {
        padding: 12px 0
    }

    .activity-item__list li {
        margin-top: 8px
    }

    .activity-item__actions {
        padding-top: 12px
    }

    .news-grid {
        margin-top: 24px;
        gap: 24px 12px
    }

    .news-single__title {
        font-size: 32px
    }

    .news-single__content {
        font-size: 14px;
        gap: 16px
    }

    .news-single__content ol li,
    .news-single__content ul li {
        margin-top: 8px
    }

    .dashboard-block__title h2 {
        font-size: 22px;
        line-height: 30px
    }

    .dashboard-block__title h2.big {
        font-size: 32px;
        line-height: 42px
    }

    .dashboard-map__content {
        max-width: 580px;
        margin-right: 48px
    }

    .dashboard-map__container {
        width: calc(100% - 580px - 48px)
    }

    .dashboard-grid {
        gap: 24px
    }

    .dashboard-stats {
        width: 510px
    }

    .dashboard-graph {
        width: calc(100% - 510px - 24px)
    }

    .popup-content {
        max-width: 480px
    }

    .popup-title {
        padding: 16px 62px 16px 16px
    }

    .popup-title h3 {
        font-size: 20px
    }

    .popup-close {
        top: 16px;
        right: 16px;
        width: 24px;
        height: 24px
    }

    .popup-groups {
        padding: 16px
    }

    .popup-groups__list li {
        padding: 6px;
        min-width: 68px
    }

    .popup-bottom,
    .popup-group {
        padding: 16px
    }

    .popup-bottom .btn-save {
        line-height: 20px
    }

    .popup-sticky {
        padding: 16px;
        top: -16px;
        margin: -16px -16px 0
    }

    .popup-permissions__item small {
        font-size: 12px
    }

    .popup[data-popup^=new-task] .popup-content,
    .popup[data-popup^=task-info] .popup-content {
        max-width: 680px
    }

    .popup-tasks__bottom {
        margin-top: 16px;
        padding-top: 16px
    }

    .popup-task-add {
        padding: 6px 12px;
        line-height: 20px
    }

    .popup-task-add::after {
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='8' transform='matrix(-4.37114e-08 1 1 4.37114e-08 0 0)' fill='white' fill-opacity='0.1'/%3E%3Cpath d='M5.33337 7.99998H8.00004M8.00004 7.99998H10.6667M8.00004 7.99998V10.6666M8.00004 7.99998V5.33331' stroke='white' stroke-width='0.888889' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        width: 16px;
        height: 16px
    }

    .checkbox-inline-groups {
        padding: 16px
    }

    .checkbox-inline span {
        padding: 6px;
        min-width: 68px
    }

    .btn-delete {
        width: 36px;
        height: 36px
    }

    .label > span {
        font-size: 14px;
        margin-bottom: 6px
    }

    .input {
        height: 36px;
        font-size: 12px;
        padding: 9px 12px
    }

    .input-query {
        min-height: 36px;
        height: auto
    }

    .textarea {
        font-size: 12px;
        padding: 9px 12px
    }

    .select {
        line-height: 16px;
        height: 36px;
        font-size: 12px;
        padding: 9px 12px
    }

    .select.js-dropdown {
        padding: 0
    }

    .select.js-dropdown .ts-control {
        padding: 9px 32px 9px 12px !important;
        font-size: 12px
    }

    .select.js-dropdown .ts-dropdown {
        padding: 8px 12px;
        line-height: 16px;
        font-size: 12px
    }

    .label-select .ts-control input {
        padding: 10px 12px !important;
        font-size: 12px !important;
        line-height: 16px !important;
        background-position: right 12px center !important
    }

    .label-select .ts-wrapper.multi .ts-control > div {
        margin: 0 4px 4px 0
    }

    .label-select .ts-wrapper.multi .ts-control div + input + span {
        margin-top: 8px !important
    }

    .label-select .ts-dropdown [data-selectable].option {
        padding: 8px 12px;
        font-size: 12px;
        line-height: 16px
    }

    .label-select .ts-dropdown [data-selectable].option span {
        margin-right: 8px
    }

    .label-select .ts-dropdown {
        font-size: 12px
    }

    .dashboard-stats__list li span {
        margin: 0;
        width: 60px
    }

    .dashboard-stats__list li p {
        width: calc(100% - 60px)
    }

    .dashboard-stats__list li {
        padding: 12px 0
    }

    .dashboard-map__list li {
        padding: 14px 8px
    }

    .dashboard-map__list li img {
        height: 12px;
        width: 16px
    }

    .dashboard-map__list li span {
        margin: 0;
        width: 60px
    }

    .dashboard-map__list li p {
        line-height: 12px;
        width: calc(100% - 60px - 16px - 20px)
    }

    .live-sidebar {
        width: 250px
    }

    .live-search {
        padding-right: 16px
    }

    .live-search .checkbox-inline {
        min-width: 40%
    }

    .live-query-add {
        padding: 6px 12px;
        line-height: 20px
    }

    .live-query-add::after {
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='16' height='16' rx='8' transform='matrix(-4.37114e-08 1 1 4.37114e-08 0 0)' fill='white' fill-opacity='0.1'/%3E%3Cpath d='M5.33337 7.99998H8.00004M8.00004 7.99998H10.6667M8.00004 7.99998V10.6666M8.00004 7.99998V5.33331' stroke='white' stroke-width='0.888889' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        width: 16px;
        height: 16px
    }

    .live-main {
        width: calc(100% - 250px);
        padding-left: 16px
    }

    .live-title {
        font-size: 14px;
        line-height: 18px
    }

    .cve-table-status {
        font-size: 12px
    }

    .cve-detail {
        min-height: calc(100vh - 60px);
        margin: -24px
    }

    .cve-detail__title {
        font-size: 18px
    }

    .cve-detail__text {
        gap: 8px
    }

    .cve-detail__text h4 {
        font-size: 10px
    }

    .cve-detail__text p {
        font-size: 12px
    }

    .cve-detail__section {
        padding: 24px
    }

    .cve-detail__tabs {
        padding: 0 24px
    }

    .cve-detail__tabs li {
        padding: 18px 0;
        font-size: 12px
    }

    .cve-detail__heading h3 {
        font-size: 18px
    }

    .cve-detail__metrics-block {
        min-height: 110px;
        width: calc((100% - 24px - 145px) / 2)
    }

    .cve-detail__metrics-block:first-child {
        max-width: 145px
    }

    .cve-detail__metrics-name {
        font-size: 12px
    }

    .cve-detail__metrics-value {
        font-size: 13px
    }

    .cve-detail__metrics-rating,
    .cve-detail__metrics-status {
        font-size: 12px;
        line-height: 12px
    }

    .cve-detail__main {
        max-width: calc(100% - 320px)
    }

    .cve-detail__sidebar {
        width: 320px
    }

    .cve-detail__sidebar-alert h4 {
        font-size: 12px
    }

    .cve-detail__sidebar-alert p {
        font-size: 10px
    }

    .cve-detail__sidebar-title {
        font-size: 18px
    }

    .cve-detail__sidebar-list {
        font-size: 12px
    }

    .rex-detail__inputs {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px
    }

    .label-pass-visible {
        bottom: 10px;
        right: 10px
    }

    .auth {
        gap: 32px
    }

    .auth-content {
        max-width: 330px
    }

    .auth-title {
        font-size: 40px
    }

    .auth-desc {
        margin-top: 16px
    }

    .auth-form {
        margin-top: 32px
    }

    .auth-label {
        margin-bottom: 16px
    }

    .auth-label .label-pass-visible {
        right: 16px;
        bottom: 14px
    }

    .auth-input {
        height: 48px;
        font-size: 14px;
        padding: 0 16px
    }

    .auth-button {
        margin-top: 32px;
        height: 48px;
        font-size: 14px
    }

    .auth-checkbox span {
        font-size: 14px;
        line-height: 22px;
        gap: 8px
    }

    .auth-checkbox span::before {
        width: 16px;
        height: 16px;
        border-radius: 2px
    }

    .cve-detail__sidebar-links li a {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        padding-right: 50px
    }

    .cve-detail__sidebar-links li a p {
        margin-bottom: 4px;
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial
    }

    .cve-detail__sidebar-links li a span {
        width: 100%
    }

    .cve-detail__sidebar-links li a::after {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 10px;
        margin: auto 0
    }

    .cyc-search__icon {
        height: 44px;
        border-radius: 12px;
        -webkit-box-shadow: inset 0 0 0 2px #17161d;
        box-shadow: inset 0 0 0 2px #17161d
    }

    .cyc-search__icon img {
        width: 12px
    }

    .cyc-search__title {
        font-size: 32px
    }

    .cyc-search__list {
        max-width: 460px;
        margin: 100px auto 0
    }

    .cyc-search__task {
        padding: 8px 12px;
        border-radius: 8px
    }

    .cyc-search__task-text p {
        font-size: 14px
    }

    .cyc-search__task-text span {
        font-size: 12px;
        margin-top: 2px
    }

    .cyc-detail {
        min-height: calc(100vh - 60px);
        margin: -24px
    }

    .cyc-detail__title {
        font-size: 24px
    }

    .cyc-detail__title img {
        width: 24px;
        height: 24px
    }

    .cyc-detail__main {
        max-width: calc(100% - 320px);
        padding: 16px
    }

    .cyc-detail__main hr {
        margin: 16px 0
    }

    .cyc-detail__sidebar {
        width: 320px;
        padding: 16px;
        gap: 16px
    }

    .cyc-accordion__content {
        margin-top: 8px
    }

    .cyc-accordion__grid {
        gap: 8px
    }

    .cyc-accordion__grid-item {
        width: 42px;
        height: 42px
    }

    .cyc-search__main {
        max-width: 650px;
        width: 100%;
        margin: 0 auto;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 16px
    }

    .cyc-search__main .btn {
        line-height: 24px
    }

    .cyc-search__main hr {
        width: 100%;
        border: 0;
        height: 1px;
        background: rgba(255, 255, 255, .1);
        margin: 0
    }

    .cyc-search__main > .cyc-search__query-group {
        display: none
    }

    .cyc-search__group,
    .cyc-search__group .checkbox-inline-group {
        width: 100%
    }

    .cyc-search__group .live-title {
        margin-top: 0
    }

    .cyc-search__query {
        width: 100%;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 12px
    }

    .cyc-search__query-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px;
        width: 100%
    }

    .cyc-search__query-group .select-type {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .cyc-search__query-group .select-combine {
        width: 85px
    }

    .cyc-search__query-group .select-mode {
        width: 100px
    }

    .cyc-search__query-group .input {
        width: calc(100% - 160px - 85px - 100px - 12px - 12px - 12px - 12px - 32px)
    }

    .cyc-search__query-delete {
        width: 32px;
        height: 32px;
        background-color: rgba(228, 240, 255, .04);
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.6666 10.6667L7.99993 8.00005M7.99993 8.00005L5.33325 5.33337M7.99993 8.00005L10.6666 5.33337M7.99993 8.00005L5.33325 10.6667' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
        background-repeat: no-repeat;
        background-position: center;
        border-radius: 100%;
        -webkit-transition: .2s;
        -o-transition: .2s;
        transition: .2s;
        cursor: pointer
    }

    .cyc-search__query-delete:hover {
        background-color: rgba(228, 240, 255, .08)
    }

    .cyc-search__query-add {
        padding: 8px 16px;
        background: rgba(255, 255, 255, .1);
        border: 1px solid rgba(255, 255, 255, .2);
        border-radius: 8px;
        font-weight: 700;
        line-height: 24px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        gap: 12px;
        cursor: pointer;
        color: #fff;
        -webkit-transition: .2s;
        -o-transition: .2s;
        transition: .2s
    }

    .cyc-search__query-add::after {
        content: "";
        display: block;
        background: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' transform='matrix(-4.37114e-08 1 1 4.37114e-08 0 0)' fill='white' fill-opacity='0.1'/%3E%3Cpath d='M8.00024 12H12.0002M12.0002 12H16.0002M12.0002 12V16M12.0002 12V8' stroke='white' stroke-width='1.33333' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A") center no-repeat;
        width: 24px;
        height: 24px
    }

    .cyc-search__query-add:hover {
        background: rgba(255, 255, 255, .15);
        border: 1px solid rgba(255, 255, 255, .25)
    }

    .p-leaks__stats {
        gap: 16px
    }

    .p-leaks__stats li {
        gap: 12px
    }

    .p-leaks__stats li b {
        font-size: 12px;
        line-height: 16px
    }

    .p-leaks__stats li p {
        font-size: 22px;
        line-height: 30px
    }

    .investigation-grid {
        grid-template-columns: repeat(auto-fit, minmax(210px, 1fr))
    }

    .investigation-item {
        padding: 16px
    }

    .investigation-item__add-title,
    .investigation-item__title {
        font-size: 16px
    }

    .investigation-item__add-content {
        gap: 4px
    }
}

.report-print {
    display: none
}

@media (max-width:1300px) {
    .report-list {
        grid-template-columns: repeat(2, 1fr)
    }
}

@media (max-width: 1200px) {
    .report-sidebar {
        border-bottom: 1px solid hsla(0, 0%, 100%, .1);
        border-top: 0 !important;
        order: -1
    }

    .cve-detail,
    .cyc-detail {
        min-height: 0
    }

    .cve-detail__main,
    .cyc-detail__main {
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
        width: 100%;
        max-width: 100%;
        border-right: 0
    }

    .cve-detail__sidebar,
    .cyc-detail__sidebar {
        width: 100%;
        border-top: 1px solid rgba(255, 255, 255, .1);
        min-height: 0
    }

    .analysis > .analysis-row > .analysis-col {
        width: 100%
    }

    .sf-results-popup__list {
        gap: 8px
    }

    .sf-results-popup__list li {
        padding: 6px 10px;
        height: 40px
    }

    .sf-results-popup__list li p {
        font-size: 12px
    }

    .sf-results-popup__list li span {
        padding: 1px 7px;
        font-size: 11px;
        line-height: 16px
    }

    .cyc-grid__item {
        width: calc(50% - 12px)
    }
}

@media (max-width: 1024px) {
    .table col {
        width: var(--md, var(--lg))
    }

    .table thead th {
        padding: 8px 12px;
        line-height: 18px
    }

    .table tbody tr td {
        padding: 8px 12px
    }

    .table-user__name p {
        font-size: 10px
    }

    .table thead th.sort::after {
        right: 12px
    }

    .table thead th.sort {
        padding-right: 30px
    }

    .table-user__avatar {
        margin: 0
    }

    .tpic {
        text-align: center !important
    }

    .news-grid {
        grid-template-columns: repeat(3, 1fr)
    }

    .dashboard-map__content {
        max-width: 100%;
        width: 100%;
        margin-right: 0
    }

    .dashboard-map__container {
        width: 100%;
        max-width: 100%;
        margin: 24px 0 0;
        padding-bottom: 68% !important
    }

    .dashboard-graph,
    .dashboard-stats {
        width: 100%
    }

    .apexcharts-xaxis-label {
        font-size: 12px
    }

    .main {
        margin-left: 67px
    }

    .main::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #000;
        z-index: 1;
        -webkit-transition: .2s;
        -o-transition: .2s;
        transition: .2s;
        opacity: 0
    }

    /* .sidebar-sm + .main {
        pointer-events: none
    } */

    .sidebar-sm + .main::before {
        opacity: .5
    }

    .main-header__nav {
        margin-left: -24px;
        padding: 0 24px
    }

    .investigation-view__details,
    .investigation-view__dropdown,
    .investigation-view__main,
    .investigation-view__sidebar {
        display: none
    }

    .investigation-view__mobile {
        align-items: center;
        background: radial-gradient(50% 50% at 50% 50%, #1e1c2c 0, #17161d 100%);
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        gap: 12px;
        height: 100%;
        justify-content: center;
        text-align: center;
        width: 100%
    }

    .investigation-view__mobile svg {
        display: block;
        margin-bottom: 20px
    }

    .investigation-view__mobile b {
        font-size: 20px;
        font-weight: 500;
        max-width: 270px
    }

    .investigation-view__mobile p {
        color: hsla(0, 0%, 100%, .6);
        font-size: 12px;
        font-weight: 500
    }
}

@media (max-width: 768px) {
    .activity-item__user {
        width: 100%
    }

    .activity-item__type::before {
        display: none
    }

    .activity-item__delete {
        top: initial;
        bottom: 16px
    }

    .activity-item {
        padding: 16px
    }

    .news-grid {
        grid-template-columns: repeat(2, 1fr)
    }

    .popup-task-query-group .select-type {
        width: 100%
    }

    .popup-task-query-group .select-combine {
        width: 75px
    }

    .live-sidebar {
        width: 100%
    }

    .live-search {
        padding-right: 0
    }

    .live-search .checkbox-inline {
        min-width: 60px
    }

    .live-main {
        width: 100%;
        padding-left: 0;
        margin-top: 32px;
        border: 0
    }

    .cve-detail__metrics {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        min-width: calc(50% - 12px);
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .cve-detail__metrics-grid {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        gap: 12px
    }

    .cve-detail__metrics-block {
        width: 100%
    }

    .cve-detail__metrics-block:first-child {
        max-width: 100%
    }

    .popup-records__main {
        width: 100%;
        padding-right: 0;
        padding-bottom: 20px
    }

    .popup-records__sidebar {
        width: 100%;
        padding-left: 0;
        padding-top: 20px;
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, .1)
    }

    .analysis-col {
        width: 100%
    }

    .analysis-card[data-type=chart] .analysis-col {
        width: calc((100% - var(--analysis-gap)) / 2)
    }

    .cyc-search__query-group .select-combine {
        width: 70px
    }

    .cyc-search__query-group .select-mode {
        width: 85px
    }

    .cyc-search__query-group .input {
        width: calc(100% - 120px - 85px - 70px - 12px - 12px - 12px - 12px - 32px)
    }

    .sf-results,
    .sf-results-popup__list {
        grid-template-columns: repeat(2, 1fr)
    }

    .sf-malware {
        max-width: 100%;
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

    .sf-malware__head {
        gap: 16px
    }

    .sf-malware__title {
        font-size: 32px
    }

    .sf-malware__analysis {
        margin: 0;
        width: 80px;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }

    .sf-malware__analysis p {
        text-align: right
    }

    .sf-malware__analysis span {
        width: 40px;
        height: 40px;
        border-radius: 8px
    }

    .sf-malware__analysis span img {
        border-radius: 4px
    }

    .sf-analyze {
        max-width: 100%;
        width: 100%
    }

    .p-leaks__stats {
        grid-template-columns: repeat(1, 1fr);
        gap: 8px
    }

    .p-leaks__stats li {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 12px;
        border-radius: 12px
    }

    .cyc-grid__item {
        width: 100%
    }

    .cyc-resizable-card {
        width: 100%
    }

    .cyc-section__head-url {
        display: none
    }
}

@media (max-width: 576px) {
    .main {
        width: 100%;
        height: calc(100dvh - 75px);
        padding: 0;
        margin-left: 0;
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial
    }

    .main::before {
        display: none
    }

    .main-content {
        padding: 16px
    }

    .main-header {
        padding: 0 16px
    }

    .main-header__nav {
        gap: 12px
    }

    .sidebar {
        width: 100%;
        height: 75px;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding: 0 16px;
        border-right: 0;
        border-top: 1px solid rgba(255, 255, 255, .1);
        position: sticky
    }

    .sidebar-logo {
        display: none
    }

    .sidebar-nav {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin: 0;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 12px 0 !important;
        flex-direction: row
    }

    .sidebar-nav li {
        width: auto;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

    .sidebar-nav li a {
        opacity: .3;
        padding: 0 !important;
        background: 0 0 !important;
        border: 0;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px !important;
        height: auto
    }

    .sidebar-nav li a span {
        width: auto !important;
        text-align: center
    }

    .sidebar-nav li a span small {
        width: 7px;
        height: 7px;
        position: absolute;
        top: -15px;
        left: 0;
        right: 0;
        margin: 0 auto;
        font-size: 0;
        border-radius: 100%
    }

    .sidebar-nav li a span small.g {
        background: #39e15e
    }

    .sidebar-nav li a span small.r {
        background: #f31a27
    }

    .sidebar-nav li a img {
        width: 24px;
        height: 24px
    }

    .sidebar-nav li a::after {
        display: none !important
    }

    .sidebar-copy,
    .sidebar-toggle {
        display: none
    }

    .main-content {
        padding: 16px
    }

    .cyc-resizable-card {
        width: 100%
    }

    .main-header__user-info p {
        display: none;
    }

    .main-header__user-info span {
        display: none;
    }

    .dropdown-menu {
        right: 0;
        top: calc(100% + 10px);
    }

    .activity-item__user {
        width: auto;
        -webkit-box-ordinal-group: -1;
        -ms-flex-order: -2;
        order: -2
    }

    .activity-item__date {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }

    .news-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;
        margin-top: 16px
    }

    .news-single__title {
        font-size: 26px
    }

    .dashboard-block {
        padding: 16px
    }

    .dashboard-block__head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .dashboard-block__title {
        width: 100%
    }

    .dashboard-graph__result {
        margin-left: 0;
        margin-top: 16px
    }

    .dashboard-map .nice-select.selectize,
    .dashboard-stats .nice-select.selectize {
        margin-top: 12px;
        margin-left: 0;
        float: initial
    }

    .dashboard-map .selectize:not(.nice-select),
    .dashboard-stats .selectize:not(.nice-select) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        height: 0;
        overflow: hidden;
        display: none
    }

    .nice-select.right .nice-select-dropdown {
        left: 0;
        right: initial
    }

    .popup-content {
        -webkit-transform: translate(0, 110%);
        -ms-transform: translate(0, 110%);
        transform: translate(0, 110%)
    }

    .popup.open .popup-content {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0)
    }

    .popup-basic__inputs-group .label {
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
        width: 100%
    }

    .table-bottom.fix-padding {
        padding: 0
    }

    .table-selected__popup {
        width: 100%;
        left: 0;
        bottom: 75px;
        padding: 16px
    }

    .dashboard-graph::before,
    .dashboard-map::before,
    .dashboard-stats::before {
        scale: .7
    }

    .popup-tasks__bottom .btn {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        line-height: 20px
    }

    .popup-tasks__bottom .btn-red {
        -webkit-box-flex: initial;
        -ms-flex: initial;
        flex: initial;
        width: 100%
    }

    .cve-detail {
        margin: -16px
    }

    .cve-detail__section {
        padding: 16px
    }

    .cve-detail__sidebar {
        padding: 16px;
        gap: 16px
    }

    .cve-detail__tabs {
        padding: 0 16px
    }

    .cve-detail__metrics {
        gap: 8px;
        width: calc(50% - 8px)
    }

    .cve-detail__metrics-grid {
        gap: 8px
    }

    .cve-detail__metrics-block {
        padding: 12px;
        min-height: 100px
    }

    .dropfile::before {
        width: 42px;
        height: 42px
    }

    .cyc-search__list {
        max-width: 100%;
        margin-top: 24px
    }

    .cyc-search__form .select {
        width: 126px
    }

    .cyc-search__query-group .input {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .cyc-detail {
        margin: -16px
    }

    .cyc-detail {
        margin: -16px
    }

    .sf-results,
    .sf-results-popup__list {
        grid-template-columns: repeat(1, 1fr)
    }

    .sf {
        gap: 32px
    }

    .sf-dropzone {
        height: 180px
    }

    .sf-upload {
        margin-bottom: 12px
    }

    .sf-analyze-or {
        margin: 24px 0
    }

    .sf-analyze .btn {
        margin-top: 24px
    }

    .sf-malware__analysis {
        margin-top: 32px;
        width: 100%;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }

    .sf-malware__analysis p {
        text-align: left
    }

    .investigation-grid {
        grid-template-columns: repeat(1, 1fr)
    }

    .investigation-item {
        align-items: center;
        flex-direction: row
    }

    .investigation-item__image {
        height: 64px;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
        width: 64px
    }

    .investigation-item__content {
        flex: 1;
        flex-direction: column;
        gap: 4px
    }

    .investigation-item__title {
        flex: initial
    }

    .investigation-item__btn {
        font-size: 12px;
        line-height: 16px;
        margin: 0;
        padding: 5px 11px;
        width: auto
    }

    .investigation-item__add {
        flex-direction: row;
        justify-content: space-between;
        padding: 16px;
        text-align: left
    }

    .investigation-item__add-icon {
        order: 1
    }

    .investigation-item__add-content {
        align-items: flex-start
    }

    .report-list {
        grid-template-columns: repeat(1, 1fr)
    }

    .report-result {
        gap: 12px
    }

    .report-result__text {
        flex: initial;
        order: 1;
        width: 100%
    }
}

@media (max-width: 420px) {
    .popup-group .popup-groups__list li {
        min-width: 60px;
        font-size: 10px
    }

    .cve-detail__metrics-status {
        padding: 4px
    }

    .cve-detail__metrics-rating {
        padding: 3px
    }

    .cve-gradientbar__scale li {
        padding: 2px 0
    }

    .analysis-card[data-type=chart] .analysis-col {
        width: 100%
    }

    .analysis-card[data-type=chart] .analysis-col:nth-child(1) {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

@media (max-width: 400px) {
    .main {
        height: calc(100dvh - 63px)
    }

    .sidebar {
        padding: 0 12px;
        height: 63px
    }

    .sidebar-nav {
        line-height: 16px
    }

    .sidebar-nav li a {
        gap: 4px !important;
        font-size: 12px
    }

    .sidebar-nav li a img {
        width: 18px;
        height: 18px
    }
}

@page {
    size: A4 portrait;
    margin: 0
}

@media print {
    body,
    html {
        background: #17161d;
        height: 297mm;
        margin: 0;
        min-width: 0;
        padding: 0;
        width: 210mm
    }

    body {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact
    }

    .dashboard {
        display: block;
        min-height: 0
    }

    .dashboard>.sidebar,
    .main-content>:not(.report-print),
    .main-header,
    .main>.header,
    .popup,
    .main-header__user,
    .main-header__user-avatar,
    .main-header__user-info,
    .main-header__user .arrow,
    .user-menu-container,
    .dropdown-menu {
        display: none !important;
    }


    .main,
    .main-content {
        display: block;
        height: auto;
        margin: 0;
        min-height: 0;
        overflow: visible;
        padding: 0;
        width: auto
    }
    

    .report-print {
        background: #17161d;
        color: #fff;
        display: flex;
        flex-direction: column;
        font-family: Vela Sans GX, sans-serif;
        font-weight: 400;
        height: 297mm;
        overflow: hidden;
        width: 210mm
    }

    .report-print dd,
    .report-print dl,
    .report-print h1,
    .report-print h2,
    .report-print p {
        margin: 0
    }

    .report-print * {
        box-sizing: border-box
    }

    .report-print__header {
        align-items: flex-end;
        border-bottom: 1px solid hsla(0, 0%, 100%, .1);
        display: flex;
        flex: 0 0 18mm;
        justify-content: space-between;
        padding: 0 6mm 4.6mm;
        white-space: nowrap
    }

    .report-print__header h1 {
        font-size: 26px;
        font-weight: 500;
        line-height: 1
    }

    .report-print__header p {
        font-size: 18px;
        line-height: 1;
        opacity: .5
    }

    .report-print__summary {
        border-bottom: 1px solid hsla(0, 0%, 100%, .1);
        display: grid;
        flex: 0 0 78mm;
        gap: 6mm;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 6mm
    }

    .report-print__image {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    max-height: 66mm; /* adjust to the space available */
    width: auto;
    height: auto;
    border-radius: 4px;
}

    .report-print__details {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        min-width: 0;
        padding: 1.8mm 0
    }

    .report-print__details {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        gap: 4mm;
    }

    .report-print__description h2 {
        font-size: 18px;
        font-weight: 500;
        line-height: 1.15;
        margin-bottom: 1mm;
    }

    .report-print__description p {
        font-size: 12px;
        line-height: 1.4;
        margin-top: 1mm;
    }

    .report-print__meta {
        display: flex;
        flex-direction: column;
        font-size: 12px;
        gap: 1.5mm;
        line-height: 1;
        margin: 0;
    }

    .report-print__meta div {
        display: flex;
        gap: 3mm;
        justify-content: space-between
    }

    .report-print__meta dt {
        color: hsla(0, 0%, 100%, .7)
    }

    .report-print__meta dd {
        font-weight: 600;
        letter-spacing: .22px;
        margin: 0;
        min-width: 0;
        max-width: 60%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .report-print__sources {
        display: flex;
        flex-direction: column;
        padding: 6mm
    }

    .report-print__section-head {
        flex: 0 0 12mm
    }

    .report-print__section-head h2 {
        font-size: 18.8px;
        font-weight: 500;
        line-height: 1.15
    }

    .report-print__section-head p {
        color: hsla(0, 0%, 100%, .7);
        font-size: 12px;
        line-height: 1.4;
        margin-top: 1.2mm
    }

    .report-print__list {
        display: grid;
        gap: 3mm;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        margin-top: 6mm
    }

    .report-print__list li {
        align-items: center;
        background: hsla(0, 0%, 100%, .01);
        border: 1px solid hsla(0, 0%, 100%, .1);
        border-radius: 3px;
        display: flex;
        font-size: 13px;
        justify-content: space-between;
        line-height: 1;
        min-width: 0;
        padding: 0 2.4mm;
        min-height: 41.05px !important;
    }

    .report-print__list p {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

    .report-print__list span {
       flex: 0 0 auto;
        margin-left: auto;
        white-space: nowrap;
    }

    .report-print__list span.green {
        color: #88ff73
    }

    .report-print__list span.yellow {
        color: #fcdd42
    }

    .report-print__list span.red {
        color: #f31a27
    }

    .report-print__result {
        align-items: center;
        display: grid;
        flex: 0 0 44mm;
        gap: 8mm;
        grid-template-columns: minmax(0, 1fr) 63.778mm;
        padding: 6mm
    }

    .report-print__result-copy {
        align-self: stretch;
        display: flex;
        flex-direction: column;
        justify-content: space-between
    }

    .report-print__result-copy h2 {
        color: #fcdd42;
        font-size: 18px;
        font-weight: 500;
        line-height: 1.15
    }

    .report-print__result-copy p {
        font-size: 12px;
        line-height: 1.4;
        margin-top: 1.8mm;
        width: 68mm
    }

    .report-print__result-copy .report-print__disclaimer {
        color: hsla(0, 0%, 100%, .7);
        line-height: 1;
        margin: 0;
        white-space: nowrap;
        width: auto
    }

    .report-print__total {
        font-size: 102px;
        font-weight: 500;
        letter-spacing: -1.93px;
        line-height: 1.1;
        white-space: nowrap
    }

    .report-print__footer {
        align-items: center;
        border-top: 1px solid hsla(0, 0%, 100%, .1);
        color: hsla(0, 0%, 100%, .7);
        display: flex;
        flex: 0 0 16mm;
        font-size: 12px;
        justify-content: space-between;
        line-height: 1;
        padding: 0 6mm;
        white-space: nowrap
    }
}

.support-form {
    align-items: center;
    display: flex;
    flex: 1;
    flex-wrap: nowrap;
    gap: 16px;
}

.support-form .input, .support-form .select {
    width: auto !important;
}

.support-request {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: calc(100vh - 66px);
    margin: -32px;
}

.support-request-content {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    overflow-y: auto;
    width: 100%;
}

.support-request-main {
    flex: 1;
    padding: 24px 32px;
}

.support-request-sidebar {
    align-items: flex-start;
    border-left: 1px solid hsla(0, 0%, 100%, .1);
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 24px;
    padding: 24px 32px;
    width: 570px;
}

.support-request-bottom {
    border-top: 1px solid hsla(0, 0%, 100%, .1);
    padding: 24px 32px;
    width: 100%;
}

.support-request-sidebar__upload {
    width: 100%;
}

.support-request-main .support-request-head {
    margin-bottom: 24px;
}

.support-request-head h3 {
    font-size: 22px;
    font-weight: 500;
    line-height: 1.3;
}

.support-request-head p {
    font-weight: 500;
    line-height: 1.6;
    opacity: .6;
}

.support-invalid {
    border-color: #10b981;
    background-color: #f0fdf4;
}

.support-request {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: calc(100vh - 66px);
    margin: -32px;
}

.support-request-content {
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    overflow-y: auto;
    width: 100%;
}

.support-chat {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-wrap: wrap;
    height: 100%;
}

.support-chat-top {
    align-items: center;
    border-bottom: 1px solid hsla(0, 0%, 100%, .1);
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    padding: 20px 32px;
    width: 100%;
}

.support-chat-main {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-wrap: wrap;
    flex-wrap: nowrap;
    gap: 8px;
    overflow: auto;
    padding: 24px;
    width: 100%;
}

.support-chat-bottom {
    align-items: flex-end;
    border-top: 1px solid hsla(0, 0%, 100%, .1);
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    padding: 24px;
    width: 100%;
}

.support-request-sidebar-chat {
    flex-wrap: nowrap;
    height: 100%;
    overflow: auto;
    width: 450px;
}

.support-chat-top h3 {
    flex: 1;
    font-size: 24px;
    font-weight: 500;
    line-height: 1.2;
}

.support-chat-top p {
    font-weight: 500;
    line-height: 1.6;
    opacity: .5;
}

.chat-date {
    font-weight: 500;
    line-height: 1.6;
    text-align: center;
    width: 100%;
}

.chat-message--outgoing {
    margin-left: auto;
}

.chat-message {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.chat-message--outgoing .chat-message__content {
    align-items: flex-end;
}

.chat-message__content {
    align-items: flex-start;
    display: flex;
    flex: 1;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 10px;
    max-width: 500px;
}

.chat-message--outgoing .chat-message__text {
    background: #2277f6;
}

.chat-message__text {
    white-space: pre-line;
    background: #262626;
    border-radius: 12px;
    font-weight: 500;
    line-height: 1.6;
    padding: 12px 16px;
    max-width: 500px;
}

.chat-message__avatar {
    border: 1px solid hsla(0, 0%, 100%, .1);
    border-radius: 100%;
    height: 32px;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    width: 32px;
}

.chat-message__meta {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.6;
    opacity: .6;
}

.support-chat-file {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-width='1.5' d='m7.918 17.807 7.89-7.553a2.253 2.253 0 0 0 0-3.284 2.503 2.503 0 0 0-3.43 0l-7.834 7.498a4.28 4.28 0 0 0 0 6.24c1.8 1.723 4.718 1.723 6.518 0l7.949-7.608c2.652-2.54 2.652-6.656 0-9.196s-6.954-2.539-9.607 0L3 10.034'/%3E%3C/svg%3E") no-repeat 50%;
    cursor: pointer;
    display: block;
    height: 24px;
    width: 24px
}

.support-chat-file input {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
    border: 0 !important;
    height: 1px !important;
    overflow: hidden;
    padding: 0 !important;
    width: 1px !important;
}

.support-chat-bottom textarea {
    color: #fff;
    display: block;
    flex: 1;
    font-weight: 500;
    line-height: 24px;
    min-height: 24px;
    padding: 0;
    resize: none;
    overflow: hidden;
    max-height: 300px;
    outline: none !important;
}

.support-request-head {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 4px;
    width: 100%;
}

.support-request-info, .support-request-info li {
    align-items: flex-start;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.support-request-info {
    flex-direction: column;
    gap: 12px;
}

.support-request-info li {
    background: hsla(0, 0%, 100%, .05);
    border-radius: 12px;
    font-weight: 500;
    gap: 4px;
    padding: 12px 16px;
}

.support-request-close {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: auto;
    width: 100%;
}

.support-request-close p {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.6;
    opacity: .6;
}
.support-chat-msg {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23fff' viewBox='0 0 24 24'%3E%3Cpath d='M2.01 21 23 12 2.01 3 2 10l15 2-15 2z'/%3E%3C/svg%3E") no-repeat 50%;
    cursor: pointer;
    display: block;
    height: 24px;
    width: 24px;
    display: none;
}
.support-chat-msg:hover {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='%23ffff00' viewBox='0 0 24 24'%3E%3Cpath d='M2.01 21 23 12 2.01 3 2 10l15 2-15 2z'/%3E%3C/svg%3E") no-repeat 50%;
}