/*!
 * Cropper.js v1.6.1
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2023-09-17T03:44:17.565Z
 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  border: 0;
  margin: 0;
  padding: 0;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  -webkit-tap-highlight-color: #0000;
}

@font-face {
  font-family: Circular Std;
  src: url("../fonts/CircularStd-BookItalic.woff2") format("woff2"), url("../fonts/CircularStd-BookItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: Circular Std;
  src: url("../fonts/CircularStd-BoldItalic.woff2") format("woff2"), url("../fonts/CircularStd-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: Circular Std;
  src: url("../fonts/CircularStd-BlackItalic.woff2") format("woff2"), url("../fonts/CircularStd-BlackItalic.woff") format("woff");
  font-weight: 900;
  font-style: italic;
}

@font-face {
  font-family: Circular Std;
  src: url("../fonts/CircularStd-MediumItalic.woff2") format("woff2"), url("../fonts/CircularStd-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: Circular Std;
  src: url("../fonts/CircularStd-Medium.woff2") format("woff2"), url("../fonts/CircularStd-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: Circular Std;
  src: url("../fonts/CircularStd-Bold.woff2") format("woff2"), url("../fonts/CircularStd-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: Circular Std;
  src: url("../fonts/CircularStd-Black.woff2") format("woff2"), url("../fonts/CircularStd-Black.woff") format("woff");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: Circular Std;
  src: url("../fonts/CircularStd-Book.woff2") format("woff2"), url("../fonts/CircularStd-Book.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

.ethnicraft #mediacenter-main aside .links .links-list li a span {
  line-height: 1.3;
}

.ethnicraft #mediacenter-main aside .links .links-list li a span:after, .ethnicraft .spaces ul.spaces-list .space-item > a > .container h2 span:after {
  content: "";
  width: 0;
  height: 0;
  margin-top: -.372222em;
  display: block;
}

.ethnicraft .tree-wrapper .tree-list .tree-item .title p {
  line-height: 1.3;
}

.ethnicraft .tree-wrapper .tree-list .tree-item .title p:after {
  content: "";
  width: 0;
  height: 0;
  margin-top: -.372222em;
  display: block;
}

.ethnicraft .collections ul li p span {
  line-height: 1.3;
}

.ethnicraft .collections ul li p span:after {
  content: "";
  width: 0;
  height: 0;
  margin-top: -.372222em;
  display: block;
}

.ethnicraft #mediacenter-main > main header.actions-collections > span.collection {
  line-height: 1.3;
}

.ethnicraft #mediacenter-main > main header.actions-collections > span.collection:after {
  content: "";
  width: 0;
  height: 0;
  margin-top: -.372222em;
  display: block;
}

.ethnicraft .overview-wrapper .empty.folders p span {
  line-height: 1.3;
}

.ethnicraft .overview-wrapper .empty.folders p span:after {
  content: "";
  width: 0;
  height: 0;
  margin-top: -.372222em;
  display: block;
}

.ethnicraft section.folder.overview.container header.actions .buttons-wrapper .user-folder-actions > span.add-folder {
  line-height: 1.3;
}

.ethnicraft section.folder.overview.container header.actions .buttons-wrapper .user-folder-actions > span.add-folder:after {
  content: "";
  width: 0;
  height: 0;
  margin-top: -.372222em;
  display: block;
}

.ethnicraft nav.main-nav > .container .admin-menu label p {
  line-height: 1.3;
}

.ethnicraft nav.main-nav > .container .admin-menu label p:after {
  content: "";
  width: 0;
  height: 0;
  margin-top: -.372222em;
  display: block;
}

.ethnicraft section.folder.overview.container header.actions .buttons-wrapper .user-folder-actions > span.upload-files {
  line-height: 1.3;
}

.ethnicraft section.folder.overview.container header.actions .buttons-wrapper .user-folder-actions > span.upload-files:after {
  content: "";
  width: 0;
  height: 0;
  margin-top: -.372222em;
  display: block;
}

.ethnicraft section.folder.overview.container header.actions .buttons-wrapper .user-folder-actions > span.more {
  line-height: 1.3;
}

.ethnicraft section.folder.overview.container header.actions .buttons-wrapper .user-folder-actions > span.more:after {
  content: "";
  width: 0;
  height: 0;
  margin-top: -.372222em;
  display: block;
}

.ethnicraft .spaces ul.spaces-list .space-item > a > .container h2 span {
  line-height: 1.3;
}

.ethnicraft .spaces ul.spaces-list .space-item > a > .container h2 span:after {
  content: "";
  width: 0;
  height: 0;
  margin-top: -.372222em;
  display: block;
}

.ethnicraft section.folder.overview.container .table-view tbody tr td.label div.flexwrap p {
  padding: 5px 0;
  line-height: 1.3;
}

.ethnicraft section.folder.overview.container .table-view tbody tr td.label div.flexwrap p:after {
  content: "";
  width: 0;
  height: 0;
  margin-top: -.372222em;
  display: block;
}

.ethnicraft nav.main-nav > .container .admin-menu .admin-menu-list ul li a span {
  line-height: 1.3;
}

.ethnicraft nav.main-nav > .container .admin-menu .admin-menu-list ul li a span:after {
  content: "";
  width: 0;
  height: 0;
  margin-top: -.372222em;
  display: block;
}

.ethnicraft .editpage nav.admin-edit ul li a span {
  line-height: 1.3;
}

.ethnicraft .editpage nav.admin-edit ul li a span:after {
  content: "";
  width: 0;
  height: 0;
  margin-top: -.372222em;
  display: block;
}

.ethnicraft .editpage section.adjustments-page section .form-block .items main > div span.buttons {
  line-height: 1.3;
}

.ethnicraft .editpage section.adjustments-page section .form-block .items main > div span.buttons:after {
  content: "";
  width: 0;
  height: 0;
  margin-top: -.372222em;
  display: block;
}

.ethnicraft .editpage section.usersoverview header > span {
  line-height: 1.3;
}

.ethnicraft .editpage section.usersoverview header > span:after {
  content: "";
  width: 0;
  height: 0;
  margin-top: -.372222em;
  display: block;
}

.ethnicraft #notifications-main main section.notifications-overview-section div.notifications-overview-container div.notifications-overview-period div.notifications-overview-content ul li .user span.message {
  line-height: 1.3;
}

.ethnicraft #notifications-main main section.notifications-overview-section div.notifications-overview-container div.notifications-overview-period div.notifications-overview-content ul li .user span.message:after {
  content: "";
  width: 0;
  height: 0;
  margin-top: -.372222em;
  display: block;
}

.ethnicraft section.notifications-nav-section .notifications-nav-container ul li .user span.message {
  line-height: 1.3;
}

.ethnicraft section.notifications-nav-section .notifications-nav-container ul li .user span.message:after {
  content: "";
  width: 0;
  height: 0;
  margin-top: -.372222em;
  display: block;
}

.ethnicraft section.folder.overview.container header.actions .buttons-wrapper .selectedactions .buttons div.button-wrapper span {
  line-height: 1.1;
}

.ethnicraft section.folder.overview.container header.actions .buttons-wrapper .selectedactions .buttons div.button-wrapper span:after {
  content: "";
  width: 0;
  height: 0;
  margin-top: -.372222em;
  display: block;
}

.ethnicraft section.notifications-nav-section .notifications-nav-container ul li {
  align-items: flex-start !important;
}

.ethnicraft section.folder.overview.container header.actions .buttons-wrapper .selectedactions .buttons span {
  line-height: 1.3;
}

.ethnicraft section.folder.overview.container header.actions .buttons-wrapper .selectedactions .buttons span:after {
  content: "";
  width: 0;
  height: 0;
  margin-top: -.372222em;
  display: block;
}

.ethnicraft section.folder.overview.container header.actions .buttons-wrapper .selectedactions .buttons a.download {
  line-height: 1.3;
}

.ethnicraft section.folder.overview.container header.actions .buttons-wrapper .selectedactions .buttons a.download:after {
  content: "";
  width: 0;
  height: 0;
  margin-top: -.372222em;
  display: block;
}

@font-face {
  font-family: Post Grotesk;
  src: url("../fonts/ethnicraft/PostGrotesk-Medium.woff2") format("woff2"), url("../fonts/ethnicraft/PostGrotesk-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

@font-face {
  font-family: Post Grotesk;
  src: url("../fonts/ethnicraft/PostGrotesk-LightItalic.woff2") format("woff2"), url("../fonts/ethnicraft/PostGrotesk-LightItalic.woff") format("woff");
  font-weight: 300;
  font-style: italic;
}

@font-face {
  font-family: Post Grotesk Book;
  src: url("../fonts/ethnicraft/PostGrotesk-Book.woff2") format("woff2"), url("../fonts/ethnicraft/PostGrotesk-Book.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: Post Grotesk;
  src: url("../fonts/ethnicraft/PostGrotesk-MediumItalic.woff2") format("woff2"), url("../fonts/ethnicraft/PostGrotesk-MediumItalic.woff") format("woff");
  font-weight: 500;
  font-style: italic;
}

@font-face {
  font-family: Post Grotesk;
  src: url("../fonts/ethnicraft/PostGrotesk-Light.woff2") format("woff2"), url("../fonts/ethnicraft/PostGrotesk-Light.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}

@font-face {
  font-family: Post Grotesk Book;
  src: url("../fonts/ethnicraft/PostGrotesk-BookItalic.woff2") format("woff2"), url("../fonts/ethnicraft/PostGrotesk-BookItalic.woff") format("woff");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: Post Grotesk;
  src: url("../fonts/ethnicraft/PostGrotesk-Thin.woff2") format("woff2"), url("../fonts/ethnicraft/PostGrotesk-Thin.woff") format("woff");
  font-weight: 100;
  font-style: normal;
}

@font-face {
  font-family: Post Grotesk;
  src: url("../fonts/ethnicraft/PostGrotesk-BoldItalic.woff2") format("woff2"), url("../fonts/ethnicraft/PostGrotesk-BoldItalic.woff") format("woff");
  font-weight: bold;
  font-style: italic;
}

@font-face {
  font-family: Post Grotesk;
  src: url("../fonts/ethnicraft/PostGrotesk-Bold.woff2") format("woff2"), url("../fonts/ethnicraft/PostGrotesk-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

@keyframes login-bounce {
  from {
    transform: translate(0);
  }

  to {
    transform: translate(5px);
  }
}

@keyframes show-action {
  0% {
    opacity: 0;
    min-width: 0;
    max-width: 0;
  }

  50% {
    opacity: 0;
    min-width: 400px;
    max-width: 400px;
  }

  100% {
    opacity: 1;
    min-width: 400px;
    max-width: 400px;
  }
}

.fade-enter, .fade-leave-to {
  opacity: 0;
  width: 0;
}

.changeView-enter-active {
  transition: all .5s cubic-bezier(.5, 0, 0, 1) 20ms;
}

.changeView-leave-active {
  transition: none;
}

.changeView-enter, .changeView-leave-to {
  opacity: 0;
}

.loader {
  width: 50px;
  margin: 50px auto;
  position: relative;
}

.loader:before {
  content: "";
  padding-top: 100%;
  display: block;
}

.circular {
  transform-origin: center;
  width: 100%;
  height: 100%;
  margin: auto;
  animation: 2s linear infinite rotate;
  position: absolute;
  inset: 0;
}

.path {
  stroke-dasharray: 1 200;
  stroke-dashoffset: 0;
  stroke: #000;
  stroke-linecap: round;
  animation: 1.5s ease-in-out infinite dash;
}

@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}

@keyframes dash {
  0% {
    stroke-dasharray: 1 200;
    stroke-dashoffset: 0;
  }

  50% {
    stroke-dasharray: 89 200;
    stroke-dashoffset: -35px;
  }

  100% {
    stroke-dasharray: 89 200;
    stroke-dashoffset: -124px;
  }
}

@keyframes fadeUp {
  0% {
    opacity: 0;
    transform: translate(0, 50%);
  }

  100% {
    opacity: 1;
    transform: none;
  }
}

html {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  font-size: 62.5%;
}

body {
  letter-spacing: .25pt;
  -webkit-font-smoothing: antialiased;
  background-color: #f6f5f5;
  margin: 0;
  font-family: Circular Std, sans-serif;
  font-size: 1.6rem;
  overflow: hidden;
}

body #app {
  flex-direction: column;
  min-height: 100vh;
  margin-top: 0;
  display: flex;
}

@media only screen and (width <= 580px) {
  body #app {
    height: calc(100vh + 1px);
  }
}

body * {
  -webkit-user-select: none;
  user-select: none;
}

body input, body input:before, body input:after, body textarea {
  -webkit-user-select: initial;
  -khtml-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
}

.cr-boundary .cr-viewport {
  border: none !important;
}

.cr-boundary .cr-resizer {
  position: relative;
  border: 1px solid #766f6c !important;
}

.cr-boundary .cr-resizer:before {
  content: "";
  opacity: .8;
  z-index: 1;
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
  width: 33.33%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 33.33%;
}

.cr-boundary .cr-resizer:after {
  content: "";
  opacity: .8;
  z-index: 1;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  width: 100%;
  height: 33.33%;
  display: block;
  position: absolute;
  top: 33.33%;
  left: 0;
}

.cr-boundary .cr-resizer .cr-resizer-horisontal {
  cursor: ew-resize !important;
}

.cr-boundary .cr-resizer .cr-resizer-horisontal:after {
  border: none;
  border-radius: 1px;
}

.cr-boundary .cr-resizer .cr-resizer-vertical {
  cursor: ns-resize !important;
}

.cr-boundary .cr-resizer .cr-resizer-vertical:after {
  border: none;
  border-radius: 1px;
}

.toggle-action-enter-active, .toggle-action-leave-active {
  transition: opacity 5s cubic-bezier(.5, 0, 0, 1), max-width 5s cubic-bezier(.5, 0, 0, 1);
}

.toggle-action-enter, .toggle-action-leave-to, .toggle-action-enter-to, .toggle-action-leave-to {
  opacity: 0;
  max-width: 0;
}

input {
  outline: none;
}

input:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 9999px #fff;
}

input:-webkit-autofill {
  -webkit-text-fill-color: #000 !important;
}

::-ms-clear {
  display: none;
}

* {
  box-sizing: border-box;
  outline: none;
}

section {
  position: relative;
}

.nodisplay {
  display: none;
}

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

a:focus {
  color: inherit;
}

li {
  list-style-type: none;
}

#mainlist > li > span, .expanded_true > span, .expanded_true > ul > li > span {
  display: block;
}

.error {
  color: #ff615d;
  margin-bottom: 5%;
}

.validated {
  color: #adff2f;
  margin-bottom: 5%;
}

.confirmcopy {
  display: none;
}

input::-ms-clear {
  display: none;
}

input::-ms-reveal {
  display: none;
}

input::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

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

input::-webkit-credentials-auto-fill-button {
  visibility: hidden;
}

.ml--4 {
  margin-left: -4px;
}

.ml--2 {
  margin-left: -2px;
}

.fill-white:hover svg * {
  fill: #fff;
  transition: fill .3s;
}

body #welcome {
  flex-direction: row;
  flex: 1 0 auto;
  display: flex;
}

body #welcome > section {
  flex-direction: column;
  flex: 0 100%;
  height: 100vh;
  display: flex;
}

body #welcome > section.branding {
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}

@media only screen and (width >= 1000px) {
  body #welcome > section.branding {
    background-color: #000;
    width: auto;
    position: relative;
    bottom: auto;
    left: auto;
    right: auto;
  }
}

body #welcome > section.branding:after {
  opacity: .2;
  content: "";
  background-color: #000;
  display: none;
  position: absolute;
  inset: 0;
}

@media only screen and (width >= 1000px) {
  body #welcome > section.branding:after {
    display: block;
  }
}

body #welcome > section.branding .background {
  opacity: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  transition: opacity .5s;
  display: none;
  position: absolute;
  inset: 0;
}

@media only screen and (width >= 1000px) {
  body #welcome > section.branding .background {
    display: block;
  }
}

body #welcome > section.branding > .social {
  z-index: 5;
  flex-direction: column;
  flex: 0 0 75px;
  justify-content: center;
  width: 90%;
  margin: 0 auto;
  display: none;
  position: relative;
}

@media only screen and (width >= 1000px) {
  body #welcome > section.branding > .social {
    display: flex;
  }
}

body #welcome > section.branding > .social ul.social-list {
  flex-direction: row;
  display: flex;
}

body #welcome > section.branding > .social ul.social-list li + li {
  margin: 0 0 0 5px;
}

body #welcome > section.branding > .social ul.social-list li a {
  outline: hidden;
  padding: 5px;
  display: block;
}

body #welcome > section.branding > .social ul.social-list li a .symbol {
  width: auto;
  height: 14px;
  display: block;
}

body #welcome > section.branding > .social ul.social-list li a .symbol svg {
  width: auto;
  height: 100%;
}

body #welcome > section.branding > .main {
  z-index: 9;
  flex-direction: column;
  flex: 0 100%;
  justify-content: center;
  width: 90%;
  margin: 0 auto;
  padding: 0 0 150px;
  display: none;
}

@media only screen and (width >= 1000px) {
  body #welcome > section.branding > .main {
    display: flex;
  }
}

body #welcome > section.branding > .main .container {
  margin: 0 auto;
}

body #welcome > section.branding > .main .container h1, body #welcome > section.branding > .main .container img {
  display: block;
}

body #welcome > section.branding > .main .container img {
  opacity: 0;
  max-width: 250px;
  max-height: 250px;
  transition: opacity .5s;
}

body #welcome > section.branding > .user {
  z-index: 10;
  color: #fff;
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
}

@media only screen and (width >= 1000px) {
  body #welcome > section.branding > .user {
    width: 50%;
  }
}

body #welcome > section.branding > .user .trigger {
  z-index: 10;
  position: relative;
}

body #welcome > section.branding > .user .trigger label {
  cursor: pointer;
  background-color: #000;
  border-top: 1px solid #000;
  width: 100%;
  height: 75px;
  transition: border .75s cubic-bezier(.5, 0, 0, 1);
  display: block;
  overflow: hidden;
}

body #welcome > section.branding > .user .trigger label.hide {
  border-top: 1px solid #2b2b2b;
}

body #welcome > section.branding > .user .trigger label.hide span {
  opacity: 0;
  transform: translate(-50%, -200%);
}

body #welcome > section.branding > .user .trigger label span {
  -webkit-user-select: none;
  user-select: none;
  flex-direction: row;
  font-size: 1.44rem;
  font-weight: 500;
  line-height: 1.5rem;
  transition: all .35s;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -40%);
}

body #welcome > section.branding > .user .trigger label span:before {
  content: "";
  background-position: 0;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 15px;
  margin: 0 15px 0 0;
  animation-name: login-bounce;
  animation-duration: .6s;
  animation-timing-function: ease;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-play-state: paused;
  display: block;
  position: relative;
}

body #welcome > section.branding > .user .trigger label span.login:before {
  background-image: url("/img/icons/icon-login.svg");
}

body #welcome > section.branding > .user .trigger label span.user:before {
  background-image: url("/img/icons/icon-user.svg");
}

body #welcome > section.branding > .user .trigger label span.close {
  opacity: 0;
  transform: translate(-50%, 100%);
}

body #welcome > section.branding > .user .trigger label span.close:before {
  display: none;
}

body #welcome > section.branding > .user .trigger label:hover span.login:before, body #welcome > section.branding > .user .trigger label:hover span.user:before {
  animation-play-state: running;
}

body #welcome > section.branding > .user .trigger .label {
  opacity: 0;
  cursor: pointer;
  pointer-events: none;
  background-color: #000;
  border-top: 1px solid #2b2b2b;
  width: 100%;
  height: 75px;
  transition: border .75s cubic-bezier(.5, 0, 0, 1);
  display: block;
  position: absolute;
  top: 0;
  overflow: hidden;
}

body #welcome > section.branding > .user .trigger .label span {
  opacity: 0;
  -webkit-user-select: none;
  user-select: none;
  flex-direction: row;
  font-size: 1.44rem;
  font-weight: 500;
  line-height: 1.5rem;
  transition: all .5s;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 200%);
}

body #welcome > section.branding > .user .trigger .label.show {
  opacity: 1;
  pointer-events: initial;
}

body #welcome > section.branding > .user .trigger .label.show span {
  opacity: 1;
  transform: translate(-50%, -40%);
}

body #welcome > section.branding > .user .trigger .label:hover span.login:before, body #welcome > section.branding > .user .trigger .label:hover span.user:before {
  animation-play-state: running;
}

body #welcome > section.branding > .user .form, body #welcome > section.branding > .user .user-menu {
  z-index: 5;
  pointer-events: none;
  background-color: #000;
  border-top: 1px solid #2b2b2b;
  font-size: 1.4rem;
  transition: transform .75s cubic-bezier(.5, 0, 0, 1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: translate(0);
}

body #welcome > section.branding > .user .form form {
  pointer-events: none;
  width: 80%;
  max-width: 440px;
  margin: 0 auto;
  padding: 70px 0 50vh;
  transition: opacity .75s;
  opacity: 0 !important;
}

body #welcome > section.branding > .user .form form.active {
  pointer-events: initial;
  opacity: 1 !important;
}

body #welcome > section.branding > .user .form form.reset, body #welcome > section.branding > .user .form form.requestaccess, body #welcome > section.branding > .user .form form.requestaccess-success {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
}

body #welcome > section.branding > .user .form form .form-helper {
  margin-bottom: 5%;
}

body #welcome > section.branding > .user .form form.requestaccess {
  padding-top: 30px;
}

body #welcome > section.branding > .user .form form.requestaccess .form-item.email, body #welcome > section.branding > .user .form form.requestaccess .form-item.fullname {
  position: relative;
}

body #welcome > section.branding > .user .form form.requestaccess .form-item.email:after, body #welcome > section.branding > .user .form form.requestaccess .form-item.fullname:after {
  content: "";
  background-image: url("../../../../img/icons/icon-required.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 11px;
  height: 11px;
  position: absolute;
  top: 50%;
  right: 25px;
  transform: translateY(-50%);
}

body #welcome > section.branding > .user .form form.requestaccess .honeypot {
  opacity: 0;
  height: 1.5rem;
  margin: 0;
}

body #welcome > section.branding > .user .form form.requestaccess .form-submit {
  margin: 0 0 1.5rem;
}

body #welcome > section.branding > .user .form form.requestaccess-success {
  justify-content: center;
  align-items: center;
  height: 430px;
  padding-top: 30px;
  display: flex;
}

body #welcome > section.branding > .user .form form.requestaccess-success div img {
  margin: 0 auto;
  display: block;
}

body #welcome > section.branding > .user .form form.requestaccess-success div h3 {
  color: #fff;
  letter-spacing: .28px;
  margin-top: 15px;
  font-size: 18px;
  font-weight: 500;
}

body #welcome > section.branding > .user .form form.requestaccess-success div p {
  color: #c9c9c9;
  text-align: center;
  letter-spacing: .25px;
  margin-top: 5px;
  font-size: 14px;
  font-weight: 300;
}

body #welcome > section.branding > .user .form form.requestaccess-success div button {
  margin: 0 auto;
}

body #welcome > section.branding > .user .form form .form-item {
  position: relative;
}

body #welcome > section.branding > .user .form form .form-item input::-ms-clear {
  display: none;
}

body #welcome > section.branding > .user .form form .form-item input::-ms-reveal {
  display: none;
}

body #welcome > section.branding > .user .form form .form-item input[type="email"], body #welcome > section.branding > .user .form form .form-item input[type="password"], body #welcome > section.branding > .user .form form .form-item input[type="text"] {
  color: #fff;
  background-color: #1e1e1e;
  border: 1px solid #262626;
  border-radius: 1px;
  outline: none;
  width: 100%;
  height: 65px;
  padding: 0 25px;
  font-size: 1.4rem;
  transition: border .5s;
  overflow: hidden;
}

:-webkit-any(body #welcome > section.branding > .user .form form .form-item input[type="email"]:-webkit-autofill, body #welcome > section.branding > .user .form form .form-item input[type="password"]:-webkit-autofill, body #welcome > section.branding > .user .form form .form-item input[type="text"]:-webkit-autofill) {
  -webkit-box-shadow: inset 0 0 0 50px #1e1e1e;
  -webkit-text-fill-color: #fff !important;
}

:is(body #welcome > section.branding > .user .form form .form-item input[type="email"]:autofill, body #welcome > section.branding > .user .form form .form-item input[type="password"]:autofill, body #welcome > section.branding > .user .form form .form-item input[type="text"]:autofill) {
  -webkit-box-shadow: inset 0 0 0 50px #1e1e1e;
  -webkit-text-fill-color: #fff !important;
}

body #welcome > section.branding > .user .form form .form-item input[type="email"]::-webkit-input-placeholder {
  color: #fff;
  font-size: 1.4rem;
}

body #welcome > section.branding > .user .form form .form-item input[type="password"]::-webkit-input-placeholder {
  color: #fff;
  font-size: 1.4rem;
}

body #welcome > section.branding > .user .form form .form-item input[type="text"]::-webkit-input-placeholder {
  color: #fff;
  font-size: 1.4rem;
}

body #welcome > section.branding > .user .form form .form-item input[type="email"]::-moz-placeholder {
  color: #fff;
  font-size: 1.4rem;
}

body #welcome > section.branding > .user .form form .form-item input[type="password"]::-moz-placeholder {
  color: #fff;
  font-size: 1.4rem;
}

body #welcome > section.branding > .user .form form .form-item input[type="text"]::-moz-placeholder {
  color: #fff;
  font-size: 1.4rem;
}

:is(body #welcome > section.branding > .user .form form .form-item input[type="email"]:-ms-input-placeholder, body #welcome > section.branding > .user .form form .form-item input[type="password"]:-ms-input-placeholder, body #welcome > section.branding > .user .form form .form-item input[type="text"]:-ms-input-placeholder), :is(body #welcome > section.branding > .user .form form .form-item input[type="email"]:-moz-placeholder, body #welcome > section.branding > .user .form form .form-item input[type="password"]:-moz-placeholder, body #welcome > section.branding > .user .form form .form-item input[type="text"]:-moz-placeholder) {
  color: #fff;
  font-size: 1.4rem;
}

body #welcome > section.branding > .user .form form .form-item input[type="email"]:focus, body #welcome > section.branding > .user .form form .form-item input[type="password"]:focus, body #welcome > section.branding > .user .form form .form-item input[type="text"]:focus {
  border: 1px solid #fff;
}

body #welcome > section.branding > .user .form form .form-item ~ .form-item {
  margin: 15px 0 0;
}

body #welcome > section.branding > .user .form form .form-item .password {
  padding-right: 45px;
}

body #welcome > section.branding > .user .form form .form-item .password-toggle {
  z-index: 1;
  cursor: pointer;
  position: absolute;
  bottom: 25px;
  right: 25px;
}

body #welcome > section.branding > .user .form form .form-item .password-toggle .symbol {
  width: 15px;
  height: 10px;
}

body #welcome > section.branding > .user .form form .form-item .password-toggle svg g {
  transition: fill .2s;
}

body #welcome > section.branding > .user .form form .form-item .password-toggle:hover svg g {
  fill: #797979;
}

body #welcome > section.branding > .user .form form .form-item .password-toggle:hover .password-icon:before {
  background-color: #797979;
}

body #welcome > section.branding > .user .form form .form-item.is-visible .password-icon:before {
  content: "";
  background-color: #535353;
  width: 120%;
  height: 2px;
  transition: background-color .2s;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)rotate(45deg);
}

body #welcome > section.branding > .user .form form .form-item .password-icon {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

body #welcome > section.branding > .user .form form .form-item.remember {
  margin: 0 0 12px;
  display: flex;
}

body #welcome > section.branding > .user .form form .form-item.remember label {
  color: #838383;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  flex-direction: row;
  align-items: center;
  font-weight: 500;
  transition: color .5s;
  display: flex;
}

body #welcome > section.branding > .user .form form .form-item.remember label:hover {
  color: #b6b6b6;
}

body #welcome > section.branding > .user .form form .form-item.remember label:before {
  content: "";
  background-image: url("/img/icons/icon-checkmark.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 0;
  border: 2px solid #838383;
  border-radius: 1px;
  width: 12px;
  height: 12px;
  margin: 0 10px 0 0;
  transition: all .2s;
  display: block;
}

body #welcome > section.branding > .user .form form .form-item.remember input {
  opacity: 0;
  position: absolute;
  top: -9999px;
  left: -9999px;
}

body #welcome > section.branding > .user .form form .form-item.remember input:checked + label {
  color: #fff;
}

body #welcome > section.branding > .user .form form .form-item.remember input:checked + label:before {
  background-size: 10px;
  border: 2px solid #fff;
}

body #welcome > section.branding > .user .form form .form-item.remember input:focus + label {
  color: #fff;
}

body #welcome > section.branding > .user .form form .form-link {
  display: flex;
}

body #welcome > section.branding > .user .form form .form-link a {
  color: #838383;
  outline: none;
  font-weight: 500;
  text-decoration: none;
  transition: color .75s;
  display: block;
}

body #welcome > section.branding > .user .form form .form-link a:hover, body #welcome > section.branding > .user .form form .form-link a:focus {
  color: #fff;
}

body #welcome > section.branding > .user .form form .form-link.password, body #welcome > section.branding > .user .form form .form-link.access, body #welcome > section.branding > .user .form form .form-link.user {
  align-items: center;
  display: inline-flex;
}

body #welcome > section.branding > .user .form form .form-link.password:before, body #welcome > section.branding > .user .form form .form-link.access:before, body #welcome > section.branding > .user .form form .form-link.user:before {
  opacity: .5;
  content: "";
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity .75s;
}

body #welcome > section.branding > .user .form form .form-link.password a, body #welcome > section.branding > .user .form form .form-link.access a, body #welcome > section.branding > .user .form form .form-link.user a {
  margin-left: 10px;
}

body #welcome > section.branding > .user .form form .form-link.password:hover:before, body #welcome > section.branding > .user .form form .form-link.access:hover:before, body #welcome > section.branding > .user .form form .form-link.user:hover:before {
  opacity: 1;
}

body #welcome > section.branding > .user .form form .form-link.password:hover a, body #welcome > section.branding > .user .form form .form-link.access:hover a, body #welcome > section.branding > .user .form form .form-link.user:hover a {
  color: #fff;
}

body #welcome > section.branding > .user .form form .form-link.password {
  padding-top: 10px;
}

body #welcome > section.branding > .user .form form .form-link.password:before {
  background-image: url("../../../../img/icons/icon-unlock.svg");
  width: 18px;
  height: 18px;
}

body #welcome > section.branding > .user .form form .form-link.user {
  padding-top: 10px;
}

body #welcome > section.branding > .user .form form .form-link.user:before {
  background-image: url("../../../../img/icons/icon-user.svg");
  width: 15px;
  height: 15px;
}

body #welcome > section.branding > .user .form form .form-link.access {
  margin-left: 20px;
}

body #welcome > section.branding > .user .form form .form-link.access:before {
  background-image: url("../../../../img/icons/icon-access.svg");
  width: 18px;
  height: 18px;
}

body #welcome > section.branding > .user .form form .form-submit {
  margin: 15px 0;
  display: flex;
}

body #welcome > section.branding > .user .form form .form-submit button {
  color: #000;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  border: 1px solid #262626;
  border-radius: 1px;
  outline: none;
  min-width: 250px;
  height: 60px;
  padding: 0 25px;
  font-size: 1.4rem;
  font-weight: 500;
  transition: all .75s;
}

body #welcome > section.branding > .user .form form .form-submit button:hover, body #welcome > section.branding > .user .form form .form-submit button:focus {
  border: 1px solid #fff;
}

body #welcome > section.branding > .user .form form .form-ctas {
  justify-content: space-between;
  padding-top: 30px;
  display: flex;
}

body #welcome > section.branding > .user .form form .form-ctas button {
  color: #000;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  border: 1px solid #262626;
  border-radius: 1px;
  outline: none;
  flex: 0 0 49%;
  height: 60px;
  padding: 0 25px;
  font-size: 1.4rem;
  font-weight: 500;
  transition: all .75s;
}

body #welcome > section.branding > .user .form form .form-ctas button:hover, body #welcome > section.branding > .user .form form .form-ctas button:focus {
  border: 1px solid #fff;
}

body #welcome > section.branding > .user .form form .form-ctas button.form-ctas-request {
  color: #838383;
  background-color: #0f0f0f;
  border: 1px solid #000;
  justify-content: center;
  align-items: center;
  display: flex;
}

body #welcome > section.branding > .user .form form .form-ctas button.form-ctas-request:hover, body #welcome > section.branding > .user .form form .form-ctas button.form-ctas-request:focus {
  border: 1px solid #0f0f0f;
}

body #welcome > section.branding > .user .form form .form-ctas button.form-ctas-request:before {
  opacity: .5;
  content: "";
  background-image: url("../../../../img/icons/icon-access.svg");
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 15px;
  height: 15px;
  margin-right: 10px;
  transition: opacity .75s;
  display: block;
}

body #welcome > section.branding > .user .user-menu {
  justify-content: center;
  align-items: center;
  height: calc(100vh - 75px);
  display: flex;
}

body #welcome > section.branding > .user .user-menu .user-menu-items {
  opacity: 0;
  flex-wrap: wrap;
  align-items: flex-start;
  width: 90%;
  max-width: 545px;
  margin: 0 auto;
  transition: opacity .75s;
  display: flex;
}

body #welcome > section.branding > .user .user-menu .user-menu-items .user-menu-item {
  background-color: #121212;
  border: 1px solid #181818;
  border-radius: 2px;
  flex: 0 0 32%;
  margin: 0 0 2%;
  transition: background-color .3s;
  position: relative;
}

body #welcome > section.branding > .user .user-menu .user-menu-items .user-menu-item:nth-child(3n+2) {
  margin: 0 2% 2%;
}

body #welcome > section.branding > .user .user-menu .user-menu-items .user-menu-item:hover {
  background-color: #2d2d2d;
}

body #welcome > section.branding > .user .user-menu .user-menu-items .user-menu-item > a, body #welcome > section.branding > .user .user-menu .user-menu-items .user-menu-item > label {
  color: #fff;
  letter-spacing: .29px;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 175px;
  font-size: 1.6rem;
  font-weight: 500;
  display: flex;
}

body #welcome > section.branding > .user .user-menu .user-menu-items .user-menu-item > a:before, body #welcome > section.branding > .user .user-menu .user-menu-items .user-menu-item > label:before {
  -webkit-background-size: contain;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 18px;
  margin-bottom: 10px;
  display: block;
}

body #welcome > section.branding > .user .user-menu .user-menu-items .user-menu-item > a.account:before, body #welcome > section.branding > .user .user-menu .user-menu-items .user-menu-item > label.account:before {
  background-image: url("../img/icons/icon-account.svg");
}

body #welcome > section.branding > .user .user-menu .user-menu-items .user-menu-item > a.branding:before, body #welcome > section.branding > .user .user-menu .user-menu-items .user-menu-item > label.branding:before {
  background-image: url("../img/icons/icon-branding.svg");
  height: 20px;
}

body #welcome > section.branding > .user .user-menu .user-menu-items .user-menu-item > a.settings:before, body #welcome > section.branding > .user .user-menu .user-menu-items .user-menu-item > label.settings:before {
  background-image: url("../img/icons/icon-settings.svg");
}

body #welcome > section.branding > .user .user-menu .user-menu-items .user-menu-item > a.notifications:before, body #welcome > section.branding > .user .user-menu .user-menu-items .user-menu-item > label.notifications:before {
  background-image: url("../img/icons/icon-notifications.svg");
}

body #welcome > section.branding > .user .user-menu .user-menu-items .user-menu-item > a.users:before, body #welcome > section.branding > .user .user-menu .user-menu-items .user-menu-item > label.users:before {
  background-image: url("../img/icons/icon-users.svg");
  height: 14px;
}

body #welcome > section.branding > .user .user-menu .user-menu-items .user-menu-item > a.logout:before, body #welcome > section.branding > .user .user-menu .user-menu-items .user-menu-item > label.logout:before {
  background-image: url("../img/icons/icon-logout.svg");
}

body #welcome > section.branding > .user .user-menu .user-menu-items .user-menu-item > a.help:before, body #welcome > section.branding > .user .user-menu .user-menu-items .user-menu-item > label.help:before {
  background-image: url("../img/icons/icon-info.svg");
}

body #welcome > section.branding > .user .user-menu .user-menu-items .user-menu-item > a.more:before, body #welcome > section.branding > .user .user-menu .user-menu-items .user-menu-item > label.more:before {
  -webkit-background-size: 22px;
  background-image: url("../img/icons/icon-more.svg");
  background-size: 22px;
}

body #welcome > section.branding > .user .user-menu .user-menu-items .user-menu-item label {
  transition: all .3s;
}

body #welcome > section.branding > .user .user-menu .user-menu-items .user-menu-item label + ul {
  opacity: 0;
  pointer-events: none;
  background-color: #121212;
  border: 1px solid #181818;
  transition: opacity .3s;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

body #welcome > section.branding > .user .user-menu .user-menu-items .user-menu-item label + ul li a {
  color: #fff;
  letter-spacing: .29px;
  border-bottom: 1px solid #1c1c1c;
  padding: 17px 30px;
  font-size: 16px;
  font-weight: 500;
  transition: background-color .3s;
  display: block;
}

body #welcome > section.branding > .user .user-menu .user-menu-items .user-menu-item label + ul li a:hover {
  background-color: #232323;
}

body #welcome > section.branding > .user .user-menu .user-menu-items .user-menu-item label + ul li label {
  cursor: pointer;
  background-color: #1c1c1c;
  padding: 17px 0;
  transition: background-color .3s;
  display: block;
}

body #welcome > section.branding > .user .user-menu .user-menu-items .user-menu-item label + ul li label:hover {
  background-color: #2c2c2c;
}

body #welcome > section.branding > .user .user-menu .user-menu-items .user-menu-item label + ul li label .symbol {
  justify-content: center;
  width: auto;
  height: auto;
  margin: 0 auto;
  display: flex;
}

body #welcome > section.branding > .user .user-menu .user-menu-items .user-menu-item label + ul li label .symbol svg {
  width: inherit !important;
  height: inherit !important;
}

body #welcome > section.branding > .user .user-menu .user-menu-items .user-menu-item input {
  display: none;
}

body #welcome > section.branding > .user .user-menu .user-menu-items .user-menu-item input:checked + label {
  opacity: 0;
}

body #welcome > section.branding > .user .user-menu .user-menu-items .user-menu-item input:checked ~ ul {
  opacity: 1;
  pointer-events: initial;
}

body #welcome > section.branding > .user .user-menu .user-menu-items .user-menu-item input:checked ~ ul > li {
  cursor: pointer;
}

body #welcome > section.branding > .user input#welcome_login_toggle {
  display: none !important;
}

body #welcome > section.branding > .user input#welcome_login_toggle:checked ~ .form, body #welcome > section.branding > .user input#welcome_login_toggle:checked ~ .user-menu {
  pointer-events: auto;
  transform: translate(0, -100%);
}

body #welcome > section.branding > .user input#welcome_login_toggle:checked ~ .form form, body #welcome > section.branding > .user input#welcome_login_toggle:checked ~ .form .user-menu-items, body #welcome > section.branding > .user input#welcome_login_toggle:checked ~ .user-menu form, body #welcome > section.branding > .user input#welcome_login_toggle:checked ~ .user-menu .user-menu-items {
  opacity: 1;
}

body #welcome > section.branding > .user input#welcome_login_toggle:checked ~ .form {
  border-top-width: 0 !important;
}

body #welcome > section.branding > .user input#welcome_login_toggle:checked ~ .trigger label {
  border-top: 1px solid #2b2b2b;
}

body #welcome > section.branding > .user input#welcome_login_toggle:checked ~ .trigger label.hide span.close, body #welcome > section.branding > .user input#welcome_login_toggle:checked ~ .trigger label span.login, body #welcome > section.branding > .user input#welcome_login_toggle:checked ~ .trigger label span.user {
  opacity: 0;
  transform: translate(-50%, -200%);
}

body #welcome > section.branding > .user input#welcome_login_toggle:checked ~ .trigger label span.close {
  opacity: 1;
  transform: translate(-50%, -40%);
}

body #welcome > section.overview {
  position: relative;
  overflow: hidden auto;
}

body #welcome > section.overview .fade-enter-active, body #welcome > section.overview .fade-leave-active {
  transition: opacity .3s;
}

body #welcome > section.overview .fade-enter, body #welcome > section.overview .fade-leave-to {
  opacity: 0;
}

body #welcome > section.overview .toggle-view {
  position: absolute;
  top: 8px;
  right: 8px;
}

body #welcome > section.overview .toggle-view a {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  width: 50px;
  height: 50px;
  display: flex;
  position: relative;
}

body #welcome > section.overview .toggle-view a:before {
  z-index: 0;
  content: "";
  background-color: #efefef;
  border: 1px solid #ebebeb;
  border-radius: 15px;
  transition: all .5s cubic-bezier(.5, 0, 0, 1);
  display: block;
  position: absolute;
  inset: 0;
  box-shadow: 0 0 30px #0000;
}

body #welcome > section.overview .toggle-view a svg {
  z-index: 5;
  margin: 0 auto;
  display: block;
  position: relative;
}

body #welcome > section.overview .toggle-view a:hover:before {
  background-color: #f7f7f7;
  box-shadow: 0 0 30px #00000006;
}

body #welcome > section.overview .actions {
  position: fixed;
  bottom: 83px;
  right: 8px;
}

@media only screen and (width >= 1000px) {
  body #welcome > section.overview .actions {
    bottom: 8px;
  }
}

body #welcome > section.overview .actions .btn-wrapper {
  width: 50px;
}

body #welcome > section.overview .actions .tooltip {
  top: 0;
  right: 100%;
}

body #welcome > section.overview .actions > ul {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

body #welcome > section.overview .actions > ul li {
  width: 50px;
  position: relative;
}

body #welcome > section.overview .actions > ul li + li {
  margin: 7px 0 0;
}

body #welcome > section.overview .actions > ul li input[type="checkbox"] {
  display: none;
}

body #welcome > section.overview .actions > ul li input[type="checkbox"]:checked ~ .container {
  border: 1px solid #e7e7e7;
  border-bottom: none;
}

body #welcome > section.overview .actions > ul li input[type="checkbox"]:checked ~ .container ul {
  display: block;
}

body #welcome > section.overview .actions > ul li input[type="checkbox"]:checked ~ label {
  width: 165px;
}

body #welcome > section.overview .actions > ul li input[type="checkbox"]:checked ~ label:before {
  background-color: #000;
  border-top: none;
  border-radius: 0 0 12px 12px;
  box-shadow: 0 0 30px #00000006;
}

body #welcome > section.overview .actions > ul li input[type="checkbox"]:checked ~ label svg {
  margin: 0 0 0 128px;
}

body #welcome > section.overview .actions > ul li input[type="checkbox"]:checked ~ label svg #Home----LOGGED-IN {
  fill: #fff;
}

body #welcome > section.overview .actions > ul li .container {
  z-index: 10;
  background-color: #000;
  border-radius: 12px 12px 0 0;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
}

body #welcome > section.overview .actions > ul li .container ul {
  display: none;
}

body #welcome > section.overview .actions > ul li .container ul li {
  border-bottom: 1px solid #383838;
  margin: 0;
}

body #welcome > section.overview .actions > ul li .container ul li a {
  color: #fff;
  letter-spacing: 0;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 15px 25px;
  font-size: 14px;
  font-weight: 500;
  transition: background-color .3s;
  display: block;
}

body #welcome > section.overview .actions > ul li .container ul li a:hover {
  background-color: #222;
}

body #welcome > section.overview .actions > ul li .container ul li a:before {
  display: none;
}

body #welcome > section.overview .actions > ul li .container ul li:first-of-type a {
  border-radius: 12px 12px 0 0;
}

body #welcome > section.overview .actions > ul li label {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  width: 50px;
  height: 50px;
  display: flex;
  position: relative;
}

body #welcome > section.overview .actions > ul li label:before {
  z-index: 0;
  content: "";
  background-color: #efefef;
  border: 1px solid #e7e7e7;
  border-radius: 15px;
  transition: background-color .5s cubic-bezier(.5, 0, 0, 1), border-color .5s cubic-bezier(.5, 0, 0, 1);
  display: block;
  position: absolute;
  inset: 0;
  box-shadow: 0 0 30px #0000;
}

body #welcome > section.overview .actions > ul li label.close:before {
  background-color: #fff;
  border: 1px solid #ebebeb;
}

body #welcome > section.overview .actions > ul li label .symbol, body #welcome > section.overview .actions > ul li label svg {
  z-index: 5;
  margin: 0 auto;
  display: block;
  position: relative;
}

body #welcome > section.overview .actions > ul li label svg #Home----LOGGED-IN {
  transition: fill .3s;
}

body #welcome > section.overview .actions > ul li label:hover:before {
  background-color: #000;
  box-shadow: 0 0 30px #00000006;
}

body #welcome > section.overview .actions > ul li label:hover.close:before {
  background-color: #fff;
  border: 1px solid #ccc;
}

body #welcome > section.overview .actions > ul li label:hover #Home----LOGGED-IN {
  fill: #fff;
}

@media only screen and (width >= 540px) {
  .label--small-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

@media only screen and (width >= 540px) {
  .h1--d {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

nav.main-nav {
  z-index: 100;
  background-color: #f8f8f8;
  border-bottom: 1px solid #e9e9e9;
  flex-direction: row;
  padding: .5rem 2.8rem .5rem 4rem;
  display: flex;
  position: relative;
}

nav.main-nav > .container {
  flex-direction: row;
  flex: 0 100%;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

nav.main-nav > .container .company-logo {
  flex: 0 100%;
}

nav.main-nav > .container .company-logo a {
  cursor: pointer;
  display: inline-block;
}

nav.main-nav > .container .company-logo a img, nav.main-nav > .container .company-logo a .symbol svg {
  width: auto;
  height: 35px;
}

nav.main-nav > .container .menu-search {
  flex: 0 200%;
  width: 100%;
  max-width: 500px;
  margin: 0 30px;
}

nav.main-nav > .container .menu-search input {
  color: var(--companyIconFade);
  border: 1px solid #f2f2f2;
  outline: none;
  width: 100%;
  height: 50px;
  padding: 0 30px;
  font-size: 1.4rem;
}

nav.main-nav > .container .more-menu svg {
  transition: filter .3s ease-in-out;
}

nav.main-nav > .container .more-menu:hover svg {
  -webkit-filter: invert();
}

nav.main-nav > .container .help span {
  color: #8c8c8c;
}

nav.main-nav > .container .help .help-icon {
  background: var(--companyBtn);
  text-align: center;
  color: #fff;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  margin: 0 0 0 -1px;
  padding-top: 3px;
  font-size: 12px;
  transition: all .3s;
}

nav.main-nav > .container .help:hover {
  color: #000;
}

nav.main-nav > .container .help:hover span {
  color: #fff;
}

nav.main-nav > .container .help:hover .help-icon {
  color: var(--companyBtnHover);
  background: #fff;
}

nav.main-nav > .container .icon {
  fill: var(--companyBtn);
}

nav.main-nav > .container .admin-menu {
  color: #8c8c8c;
  flex-direction: row;
  flex: 0 100%;
  justify-content: flex-end;
  font-size: 1.4rem;
  display: flex;
  position: relative;
}

nav.main-nav > .container .admin-menu .admin-menu__help {
  justify-content: center;
  align-items: center;
  display: flex;
}

nav.main-nav > .container .admin-menu label.help-label {
  background: var(--companyBtn);
  color: #fff;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  transition: background-color .3s;
  display: flex;
  padding: 0 !important;
}

nav.main-nav > .container .admin-menu label.help-label a {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

nav.main-nav > .container .admin-menu label.help-label:hover {
  background: var(--companyBtnHover);
}

nav.main-nav > .container .admin-menu .avatar {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: var(--companyBtn);
  color: #fff;
  text-align: center;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  transition: background-color .3s ease-in-out;
  display: flex;
  position: absolute;
  left: 0;
  overflow: hidden;
}

nav.main-nav > .container .admin-menu .avatar > span {
  text-transform: uppercase;
  font-size: 12px;
}

nav.main-nav > .container .admin-menu .avatar .nav-top-icon {
  width: 100%;
  height: 100%;
  padding-bottom: 0;
}

nav.main-nav > .container .admin-menu .avatar .nav-top-icon .symbol {
  background-color: #fff;
  width: 2rem;
  height: 2rem;
  padding-bottom: 0;
}

nav.main-nav > .container .admin-menu .avatar .nav-top-icon .symbol svg {
  width: 100%;
  height: 100%;
}

nav.main-nav > .container .admin-menu .avatar .nav-top-icon .symbol svg path {
  fill: var(--companyBtn);
  transition: fill .3s;
}

nav.main-nav > .container .admin-menu .avatar:hover {
  background-color: var(--companyBtnHover);
}

nav.main-nav > .container .admin-menu .avatar:hover .symbol svg path {
  fill: var(--companyBtnHover);
}

nav.main-nav > .container .admin-menu .avatar-container {
  justify-content: center;
  align-items: center;
  margin-left: 18px;
  display: flex;
}

nav.main-nav > .container .admin-menu .avatar-container svg g path {
  transition: fill .3s;
}

nav.main-nav > .container .admin-menu .avatar-container:hover svg g path:first-child, nav.main-nav > .container .admin-menu .avatar-container:hover svg g path:nth-child(2), nav.main-nav > .container .admin-menu .avatar-container:hover svg g path:nth-child(3) {
  fill: var(--companyBtnHover);
}

nav.main-nav > .container .admin-menu label {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  background-repeat: no-repeat;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 35px;
  padding: 0 0 0 15px;
  display: flex;
  position: relative;
}

nav.main-nav > .container .admin-menu label.with-pulldown {
  justify-content: center;
  align-items: center;
  margin-right: 2.1rem;
  display: flex;
}

nav.main-nav > .container .admin-menu label.with-pulldown-avatar {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

nav.main-nav > .container .admin-menu label.with-pulldown-avatar .symbol {
  justify-content: center;
  align-items: center;
  width: 1.2rem;
  height: 2rem;
  margin: 0 0 0 15px;
  transition: transform .3s;
  display: flex;
}

nav.main-nav > .container .admin-menu label.with-pulldown-avatar .symbol svg path {
  fill: var(--companyBtn);
  transition: fill .3s;
}

nav.main-nav > .container .admin-menu label.with-pulldown-avatar.open .symbol {
  transform: rotate(180deg);
}

nav.main-nav > .container .admin-menu label.with-pulldown-avatar:hover svg path {
  fill: var(--companyBtnHover);
}

nav.main-nav > .container .admin-menu .admin-menu-list {
  opacity: 0;
  pointer-events: none;
  background-color: #fff;
  transition: opacity .5s;
  position: absolute;
  top: calc(100% + 1rem);
  right: .8rem;
}

nav.main-nav > .container .admin-menu .admin-menu-list ul {
  border-radius: 1px;
  flex-direction: column;
  display: flex;
  box-shadow: 0 0 10px -5px #3838384d;
}

nav.main-nav > .container .admin-menu .admin-menu-list ul li.account, nav.main-nav > .container .admin-menu .admin-menu-list ul li.branding, nav.main-nav > .container .admin-menu .admin-menu-list ul li.users, nav.main-nav > .container .admin-menu .admin-menu-list ul li.billing, nav.main-nav > .container .admin-menu .admin-menu-list ul li.help {
  height: 35px;
}

nav.main-nav > .container .admin-menu .admin-menu-list ul li {
  background-color: #fff;
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  transition: background-color .3s, border .3s;
}

nav.main-nav > .container .admin-menu .admin-menu-list ul li:first-of-type {
  position: relative;
}

nav.main-nav > .container .admin-menu .admin-menu-list ul li:first-of-type > div {
  border-bottom: 1px solid #f0f0f0;
  margin-bottom: 11px;
  padding: 26px 24px 44px;
}

nav.main-nav > .container .admin-menu .admin-menu-list ul li:first-of-type > div .admin-menu-list-row2 .progressbar {
  background: #f0f0f0;
  height: 3px;
  margin-bottom: 5px;
}

nav.main-nav > .container .admin-menu .admin-menu-list ul li:first-of-type > div .admin-menu-list-row2 .progressbar span {
  background: #3e82ed;
  height: 3px;
  display: block;
}

nav.main-nav > .container .admin-menu .admin-menu-list ul li:first-of-type > div .admin-menu-list-row3 {
  font-size: 12px;
}

nav.main-nav > .container .admin-menu .admin-menu-list ul li:first-of-type > div .admin-menu-list-row3 > div:first-child {
  float: left;
  text-transform: lowercase;
}

nav.main-nav > .container .admin-menu .admin-menu-list ul li:first-of-type > div .admin-menu-list-row3 > div:first-child:first-letter {
  text-transform: uppercase;
}

nav.main-nav > .container .admin-menu .admin-menu-list ul li:first-of-type > div .admin-menu-list-row3 > div:last-child {
  float: right;
  color: #b5b5b5;
}

nav.main-nav > .container .admin-menu .admin-menu-list ul li:first-of-type > div .admin-menu-list-row1 {
  padding-bottom: 18px;
  display: flex;
}

nav.main-nav > .container .admin-menu .admin-menu-list ul li:first-of-type > div .admin-menu-list-row1 .avatar-mail {
  padding-top: 3px;
  font-size: 12px;
  font-weight: 500;
  display: block;
}

nav.main-nav > .container .admin-menu .admin-menu-list ul li:first-of-type > div .admin-menu-list-row1 .avatar-badge {
  background: var(--companyBtn);
  color: #fff;
  text-align: center;
  text-transform: uppercase;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 5px 12px 0 0;
  padding: 6px 0 0;
  font-size: 11px;
  font-weight: 800;
  display: block;
  overflow: hidden;
}

nav.main-nav > .container .admin-menu .admin-menu-list ul li:first-of-type > div .admin-menu-list-row1 b {
  color: #000;
  font-size: 16px;
  font-weight: 600;
}

nav.main-nav > .container .admin-menu .admin-menu-list ul li:first-of-type:after {
  content: "";
  z-index: 100;
  background-color: #fff;
  border-top: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
  border-radius: 2px 0 0;
  width: 6px;
  height: 6px;
  transition: background-color .3s, border .3s;
  display: block;
  position: absolute;
  top: -4px;
  right: 2rem;
  transform: rotate(45deg);
}

nav.main-nav > .container .admin-menu .admin-menu-list ul li:nth-last-child(2), nav.main-nav > .container .admin-menu .admin-menu-list ul li:nth-last-child(2):hover {
  cursor: default;
  height: 20px;
  background: #fff !important;
  border-left: 1px solid #f0f0f0 !important;
  border-right: 1px solid #f0f0f0 !important;
}

nav.main-nav > .container .admin-menu .admin-menu-list ul li:last-of-type {
  background-color: #f4f4f4;
  border-bottom: 1px solid #fff;
}

nav.main-nav > .container .admin-menu .admin-menu-list ul li:last-of-type a {
  padding: 16px 1.5rem 16px 2.8rem;
}

nav.main-nav > .container .admin-menu .admin-menu-list ul li + li {
  border-top: none;
}

nav.main-nav > .container .admin-menu .admin-menu-list ul li a {
  cursor: pointer;
  color: #000;
  letter-spacing: .25px;
  align-items: center;
  gap: 1rem;
  padding: 9px 1.5rem 9px 2.8rem;
  font-size: 14px;
  transition: color .3s;
  display: flex;
}

nav.main-nav > .container .admin-menu .admin-menu-list ul li a svg {
  margin-right: 1.2rem;
}

nav.main-nav > .container .admin-menu .admin-menu-list ul li a svg path {
  transition: fill .3s;
}

nav.main-nav > .container .admin-menu .admin-menu-list ul li:hover:not(:first-child) {
  background-color: var(--companyBtn);
  border-color: var(--companyBtn);
}

nav.main-nav > .container .admin-menu .admin-menu-list ul li:hover:not(:first-child) a {
  color: #fff;
}

nav.main-nav > .container .admin-menu .admin-menu-list ul li:hover:not(:first-child) a svg path {
  fill: #fff;
}

nav.main-nav > .container .admin-menu .admin-menu-list ul li:hover:not(:first-child):after {
  border-color: var(--companyBtn);
  background-color: var(--companyBtn);
}

nav.main-nav > .container .admin-menu input:checked ~ .admin-menu-list, nav.main-nav > .container .admin-menu input:checked ~ .login-navigation {
  opacity: 1;
  pointer-events: auto;
  display: block;
}

nav.main-nav > .container .nav-top-icon-text {
  cursor: pointer;
}

nav.main-nav > .container .nav-top-icon-text svg g path {
  transition: fill .3s;
}

nav.main-nav > .container .nav-top-icon-text:hover svg g path:first-child, nav.main-nav > .container .nav-top-icon-text:hover svg g path:nth-child(2), nav.main-nav > .container .nav-top-icon-text:hover svg g path:nth-child(3) {
  fill: var(--companyBtn);
}

nav.main-nav > .container .nav-top-text {
  padding: 0 0 0 10px;
  line-height: 22px;
}

nav.main-nav > .container .nav-top-icon {
  cursor: pointer;
  float: left;
  justify-content: center;
  align-items: center;
  display: flex;
}

nav.main-nav > .container .nav-top-icon .symbol svg path {
  fill: #fff;
}

nav.main-nav > .container .notifications-menu {
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

nav.main-nav > .container .notifications-menu .notifications-menu-icon {
  cursor: pointer;
  margin: 0 0 0 18px;
}

nav.main-nav > .container .notifications-menu .notifications-menu-icon .symbol {
  width: 2rem;
  height: 2rem;
  display: block;
}

nav.main-nav > .container .notifications-menu .notifications-menu-icon svg {
  width: 100%;
  height: 100%;
}

nav.main-nav > .container .notifications-menu .notifications-menu-icon svg g path {
  transition: fill .3s;
}

nav.main-nav > .container .notifications-menu .notifications-menu-icon:hover .icon, nav.main-nav > .container .notifications-menu .notifications-menu-icon:hover svg g path:first-child, nav.main-nav > .container .notifications-menu .notifications-menu-icon:hover svg g path:nth-child(2), nav.main-nav > .container .notifications-menu .notifications-menu-icon:hover svg g path:nth-child(3) {
  fill: var(--companyBtnHover);
}

nav.main-nav > .container .notifications-menu .notifications-menu-wrapper {
  width: 410px;
  position: absolute;
  top: calc(100% + 1rem);
  right: -46px;
}

nav.main-nav > .container .notifications-menu .notifications-menu-wrapper.v-fade {
  transition: opacity .5s;
  display: inherit !important;
}

nav.main-nav > .container .notifications-menu .notifications-menu-wrapper.v-fade[style*="display: none;"] {
  opacity: 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

nav.main-nav > .container .more-menu {
  margin-left: 20px;
  position: relative;
}

nav.main-nav > .container .more-menu label {
  cursor: pointer;
  justify-content: center;
  align-items: center;
  padding: 25px 0;
  display: flex;
}

nav.main-nav > .container .more-menu input:checked ~ .more-menu-list {
  opacity: 1;
  pointer-events: auto;
}

nav.main-nav > .container .more-menu .more-menu-list {
  opacity: 0;
  pointer-events: none;
  background-color: #f4f4f4;
  min-width: 150px;
  transition: opacity .5s;
  position: absolute;
  top: calc(100% + 5px);
  right: -2rem;
}

nav.main-nav > .container .more-menu .more-menu-list ul {
  border-radius: 1px;
  flex-direction: column;
  display: flex;
  box-shadow: 0 0 10px -5px #3838384d;
}

nav.main-nav > .container .more-menu .more-menu-list ul li {
  background-color: #fff;
  border: 1px solid #f0f0f0;
  transition: background-color .3s, border .3s;
}

nav.main-nav > .container .more-menu .more-menu-list ul li:first-of-type {
  position: relative;
}

nav.main-nav > .container .more-menu .more-menu-list ul li:first-of-type:after {
  content: "";
  z-index: 100;
  background-color: #fff;
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
  border-radius: 2px 0 0;
  width: 6px;
  height: 6px;
  transition: background-color .3s, border .3s;
  display: block;
  position: absolute;
  top: -4px;
  right: 2rem;
  transform: rotate(45deg);
}

nav.main-nav > .container .more-menu .more-menu-list ul li + li {
  border-top: none;
}

nav.main-nav > .container .more-menu .more-menu-list ul li a {
  cursor: pointer;
  color: #000;
  letter-spacing: .25px;
  align-items: center;
  padding: 15px 2rem 14px 2.8rem;
  font-size: 14px;
  transition: color .3s;
  display: flex;
}

nav.main-nav > .container .more-menu .more-menu-list ul li a svg {
  margin-right: 1.2rem;
}

nav.main-nav > .container .more-menu .more-menu-list ul li a svg path {
  transition: fill .3s;
}

nav.main-nav > .container .more-menu .more-menu-list ul li:hover {
  background-color: var(--companyBtnHover);
  border-color: var(--companyBtnHover);
}

nav.main-nav > .container .more-menu .more-menu-list ul li:hover a {
  color: #fff;
}

nav.main-nav > .container .more-menu .more-menu-list ul li:hover a svg path {
  fill: #fff;
}

nav.main-nav > .container .more-menu .more-menu-list ul li:hover:after {
  border-color: var(--companyBtnHover);
  background-color: var(--companyBtnHover);
}

.resetpw {
  display: flex;
}

.resetpw .left {
  -webkit-background-size: cover;
  background-color: #ededed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100vh;
  display: flex;
}

.resetpw .left img {
  max-width: 250px;
  max-height: 250px;
}

.resetpw .right {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100vh;
  display: flex;
  position: relative;
  overflow-y: scroll;
}

.resetpw .right section.form {
  width: 90%;
  max-width: 485px;
  transition: opacity .3s;
}

.resetpw .right section.form.success {
  opacity: 0;
  pointer-events: none;
}

.resetpw .right section.form h2 {
  align-self: center;
  margin: 0 0 25px;
  display: flex;
}

.resetpw .right section.form h2 span {
  color: #000;
  letter-spacing: .38px;
  margin-left: 10px;
  font-size: 24px;
  line-height: 24px;
}

.resetpw .right section.form .body {
  background-color: #fff;
  border: 1px solid #f6f6f6;
  border-radius: 3px;
  margin: 0 0 10px;
  padding: 50px;
}

.resetpw .right section.form .body #error {
  color: red;
  margin-bottom: 2.5%;
}

.resetpw .right section.form .body label {
  color: #535353;
  letter-spacing: .25px;
  margin: 0 0 15px;
  font-size: 14px;
  font-weight: 500;
  display: block;
}

.resetpw .right section.form .body input[type="password"] {
  -webkit-background-size: 11px;
  background-color: #fafafa;
  background-image: url("/img/icons/icon-lock-transparent.svg");
  background-position: 30px;
  background-repeat: no-repeat;
  background-size: 11px;
  border: 1px solid #e1e1e1;
  border-radius: 2px;
  width: 100%;
  height: 68px;
  padding: 1px 30px 0 60px;
  font-size: 14px;
  line-height: 18px;
  display: block;
}

.resetpw .right section.form .body input[type="password"]::placeholder {
  color: #b0b0b0;
  letter-spacing: .25px;
  font-size: 14px;
  line-height: 18px;
}

.resetpw .right section.form .body input[type="password"] + label {
  margin-top: 25px;
}

.resetpw .right section.form button {
  cursor: pointer;
  color: #fff;
  letter-spacing: .25px;
  background-color: #000;
  border: none;
  border-radius: 3px;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 68px;
  font-size: 14px;
  font-weight: 500;
  transition: background-color .3s;
  display: flex;
}

.resetpw .right section.form button:hover {
  background-color: #2d2d2d;
}

.resetpw .right section.success-step {
  opacity: 0;
  pointer-events: none;
  width: 90%;
  max-width: 285px;
  transition: opacity .3s .3s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.resetpw .right section.success-step.show {
  opacity: 1;
  pointer-events: initial;
}

.resetpw .right section.success-step svg {
  margin: 0 auto 18px;
  display: block;
}

.resetpw .right section.success-step h2 {
  color: #535353;
  letter-spacing: .28px;
  text-align: center;
  margin: 0 0 5px;
  font-size: 18px;
  font-weight: 500;
}

.resetpw .right section.success-step p {
  color: #8e8e8e;
  letter-spacing: .25px;
  text-align: center;
  font-size: 14px;
}

.resetpw .right section.success-step a {
  color: #fff;
  letter-spacing: .25px;
  background-color: #000;
  border-radius: 5px;
  justify-content: space-around;
  align-items: center;
  height: 70px;
  margin: 40px 0 0;
  font-size: 14px;
  font-weight: 500;
  transition: background-color .3s;
  display: flex;
}

.resetpw .right section.success-step a:hover {
  background-color: #2d2d2d;
}

.tooltip {
  opacity: 0;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  min-width: 300px;
  animation-name: tooltip-animation;
  animation-duration: .6s;
  animation-timing-function: cubic-bezier(.5, 0, 0, 1);
  animation-delay: .2s;
  animation-fill-mode: forwards;
  position: absolute;
  transform: translate(-20px, -10px);
  box-shadow: 0 9px 19px #0000000a;
  text-align: left !important;
}

.tooltip .disable-tooltip {
  cursor: pointer;
  color: #8e8e8e;
  letter-spacing: .22px;
  background: #f0f0f0;
  border: 1px solid #eaeaea;
  border-radius: 0 0 3px 3px;
  height: 40px;
  padding: 14px 30px 12px;
  font-size: 12px;
  font-weight: bold;
  transition: background-color .3s;
}

.tooltip .disable-tooltip:hover {
  background-color: #eaeaea;
}

.tooltip .wrapper {
  padding: 30px;
}

.tooltip.hide {
  pointer-events: none;
  opacity: 1;
  animation-name: close-tooltip;
  animation-duration: .6s;
  animation-timing-function: cubic-bezier(.5, 0, 0, 1);
  animation-delay: 0s;
  animation-fill-mode: forwards;
}

.tooltip:after {
  content: "";
  background-color: #fff;
  border-top: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  border-radius: 1px;
  width: 6px;
  height: 6px;
  display: block;
  position: absolute;
  top: 30px;
  right: -3px;
  transform: rotate(45deg);
}

.tooltip.top:after {
  border-top: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
  border-right: none;
  top: -3px;
  left: 30px;
  right: auto;
}

.tooltip .close {
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 10px;
}

.tooltip .close svg #Group-4 {
  transition: fill .3s;
}

.tooltip .close svg #np_close_1126681_000000 {
  transition: fill .3s, stroke .3s;
}

.tooltip .close:hover svg #Group-4 {
  fill: #ebebeb;
}

.tooltip .close:hover svg #np_close_1126681_000000 {
  fill: #fff;
  stroke: #fff;
}

.tooltip h3 {
  color: #000;
  letter-spacing: .28px;
  margin: 0 0 5px;
  font-size: 18px;
  font-weight: 500;
  text-align: left !important;
}

.tooltip p {
  color: #202020;
  letter-spacing: .22px;
  font-size: 14px;
  text-align: left !important;
}

@keyframes tooltip-animation {
  0% {
    opacity: 0;
    transform: translate(-25px, -10px);
  }

  100% {
    opacity: 1;
    transform: translate(-20px, -10px);
  }
}

@keyframes close-tooltip {
  0% {
    opacity: 1;
    transform: translate(-20px, -10px);
  }

  100% {
    opacity: 0;
    transform: translate(-25px, -10px);
  }
}

.btn.btn-link {
  cursor: pointer;
}

.invite {
  display: flex;
}

.invite .left {
  -webkit-background-size: cover;
  background-color: #ededed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100vh;
  display: flex;
  position: relative;
}

.invite .left img {
  z-index: 50;
  max-width: 250px;
  max-height: 250px;
  position: relative;
}

.invite .left .video {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.invite .right {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 50%;
  height: 100vh;
  display: flex;
  position: relative;
  overflow-y: auto;
}

.invite .right section.form {
  width: 90%;
  max-width: 485px;
  transition: opacity .3s;
}

.invite .right section.form.success {
  opacity: 0;
  pointer-events: none;
}

.invite .right section.form h2 {
  align-self: center;
  margin: 0 0 25px;
  display: flex;
}

.invite .right section.form h2 span {
  color: #000;
  letter-spacing: .38px;
  margin-left: 10px;
  font-size: 24px;
  line-height: 24px;
}

.invite .right section.form .body {
  background-color: #fff;
  border: 1px solid #f6f6f6;
  border-radius: 3px;
  margin: 0 0 10px;
  padding: 50px;
}

.invite .right section.form .body #error {
  color: red;
  margin-bottom: 2.5%;
}

.invite .right section.form .body label {
  color: #535353;
  letter-spacing: .25px;
  margin: 0 0 15px;
  font-size: 14px;
  font-weight: 500;
  display: block;
}

.invite .right section.form .body input[type="password"], .invite .right section.form .body input[type="text"] {
  -webkit-background-size: 11px;
  background-color: #fafafa;
  background-position: 30px;
  background-repeat: no-repeat;
  background-size: 11px;
  border: 1px solid #e1e1e1;
  border-radius: 2px;
  width: 100%;
  height: 68px;
  padding: 1px 30px 0 60px;
  font-size: 14px;
  line-height: 18px;
  display: block;
}

.invite .right section.form .body input[type="password"]::placeholder, .invite .right section.form .body input[type="text"]::placeholder {
  color: #b0b0b0;
  letter-spacing: .25px;
  font-size: 14px;
  line-height: 18px;
}

.invite .right section.form .body input[type="password"] + label, .invite .right section.form .body input[type="text"] + label {
  margin-top: 25px;
}

.invite .right section.form .body input[type="password"] {
  background-image: url("/img/icons/icon-lock-transparent.svg");
}

.invite .right section.form .body input[type="text"] {
  background-image: url("/img/icons/icon-user-gray.svg");
  background-size: 14px;
}

.invite .right section.form button {
  cursor: pointer;
  color: #fff;
  letter-spacing: .25px;
  background-color: #000;
  border: none;
  border-radius: 3px;
  justify-content: space-around;
  align-items: center;
  width: 100%;
  height: 68px;
  font-size: 14px;
  font-weight: 500;
  transition: background-color .3s;
  display: flex;
}

.invite .right section.form button:hover {
  background-color: #2d2d2d;
}

.invite .right section.success-step {
  opacity: 0;
  pointer-events: none;
  width: 90%;
  max-width: 285px;
  transition: opacity .3s .3s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.invite .right section.success-step.show {
  opacity: 1;
  pointer-events: initial;
}

.invite .right section.success-step svg {
  margin: 0 auto 18px;
  display: block;
}

.invite .right section.success-step h2 {
  color: #535353;
  letter-spacing: .28px;
  text-align: center;
  margin: 0 0 5px;
  font-size: 18px;
  font-weight: 500;
}

.invite .right section.success-step p {
  color: #8e8e8e;
  letter-spacing: .25px;
  text-align: center;
  font-size: 14px;
}

.invite .right section.success-step a {
  color: #fff;
  letter-spacing: .25px;
  background-color: #000;
  border-radius: 5px;
  justify-content: space-around;
  align-items: center;
  height: 70px;
  margin: 40px 0 0;
  font-size: 14px;
  font-weight: 500;
  transition: background-color .3s;
  display: flex;
}

.invite .right section.success-step a:hover {
  background-color: #2d2d2d;
}

@media only screen and (width <= 870px) {
  .invite .left {
    display: none;
  }

  .invite .right {
    width: 100%;
  }
}

.ieAgent {
  width: 100%;
  height: 100vh;
}

.ieAgent-theBody {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: all .3s;
  display: flex;
  position: relative;
}

.ieAgent-theBody:before {
  content: "";
  opacity: .8;
  background-color: #f4f4f4;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.ieAgent-inner {
  z-index: 1;
  text-align: center;
  width: 100%;
  display: block;
  position: relative;
}

.ieAgent-company-logo {
  height: 60px;
  margin: 0 auto;
  display: block;
}

.ieAgent-company-logo img {
  width: auto;
  height: 60px;
  margin: 0 auto;
  display: block;
}

.ieAgent-icon {
  width: 150px;
  height: 98px;
  margin: 30px auto 0;
  display: block;
}

.ieAgent-content {
  letter-spacing: .25px;
  max-width: 480px;
  margin: 30px auto 0;
  line-height: 1.6;
  display: block;
}

.ieAgent-content-title {
  color: #535353;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.4;
}

.ieAgent-content-body {
  color: #8e8e8e;
  padding-top: 5px;
  font-size: 14px;
  font-weight: 300;
}

.ieAgent-ctas {
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
  max-width: 600px;
  margin: 30px auto 0;
  padding: 0;
  display: flex;
}

.ieAgent-btn {
  cursor: pointer;
  color: #000;
  letter-spacing: .25px;
  text-align: left;
  background-color: #fff;
  border: none;
  border-radius: 3px;
  outline: none;
  flex-shrink: 0;
  align-items: center;
  width: 190px;
  height: 66px;
  margin: 0;
  padding: 0 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  transition: background-color .3s;
  display: inline-flex;
}

.ieAgent-btn:hover, .ieAgent-btn:visited {
  color: #2c2c2c;
  background-color: #fffc;
}

.ieAgent-btn-visual {
  flex-shrink: 0;
  align-items: center;
  width: 30px;
  height: 30px;
  margin: 0 10px 0 0;
  padding: 0;
  display: flex;
}

.ieAgent-btn-visual img {
  width: 100%;
  height: auto;
  display: block;
}

.lf-spinner, .lf-spinner {
  display: none !important;
}

@media only screen and (width >= 540px) {
  .label--small-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

@media only screen and (width >= 540px) {
  .h1--d {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.collect-file-info {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.collect-file-info__header {
  display: flex;
}

.collect-file-info__title {
  align-items: center;
  display: flex;
}

.collect-file-info__title .symbol {
  margin-right: 1.2rem;
}

.collect-file-info__info {
  color: #8c8c8c;
  align-items: center;
  display: flex;
}

.collect-file-info__info-space {
  color: #8c8c8c;
  align-items: center;
  gap: .6rem;
  display: flex;
}

.collect-file-info__info-size {
  color: #8c8c8c;
}

@media only screen and (width >= 540px) {
  .label--small-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

@media only screen and (width >= 540px) {
  .h1--d {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.collection-item {
  overflow: hidden;
}

.collection-item__content {
  flex-direction: column-reverse;
  display: flex;
}

.collection-item__title {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  margin-bottom: .2rem;
  overflow: hidden;
}

.collection-item__sub-title {
  color: #8c8c8c;
}

.collection-item__checkbox + .collection-item__checkmark {
  z-index: 2;
  opacity: 0;
  pointer-events: none;
  background-color: #fff;
  transition: opacity .3s;
  display: block;
  position: absolute;
  inset: 0;
}

.collection-item__checkbox + .collection-item__checkmark .symbol {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.collection-item__checkbox + .collection-item__checkmark .symbol svg {
  width: 5rem;
  height: 5rem;
}

.collection-item__checkbox + .collection-item__checkmark .symbol svg path {
  fill: #000;
}

.collection-item__checkbox:checked + .collection-item__checkmark {
  opacity: 1;
}

.collection-item__img {
  z-index: 1;
  height: 11rem;
  margin-bottom: .8rem;
  position: relative;
  overflow: hidden;
}

.collection-item__img-bg {
  z-index: -1;
  background-color: #eaeaea;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.collection-item__img-bg .symbol svg {
  width: 4rem;
  height: 4rem;
}

.collection-item__img-bg .symbol svg path {
  fill: #fff;
}

.collection-item__img-holder {
  flex: 2;
  overflow: hidden;
}

.collection-item__img-holder img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.collection-item__img-holder:first-of-type {
  grid-area: 1 / 1 / -1 / 2;
}

.collection-item__img-holder:nth-of-type(2) {
  grid-area: 1 / 2 / 2 / 3;
}

.collection-item__img-holder:nth-of-type(3) {
  grid-area: 2 / 2 / 3 / 3;
}

.collection-item__img-count-1, .collection-item__img-count-2 {
  display: flex;
}

.collection-item__img-count-3 {
  grid-template-rows: repeat(2, 50%);
  grid-template-columns: repeat(2, 50%);
  display: grid;
}

.collection-item__placeholder-title {
  background-color: #f4f4f4;
  height: 1.8rem;
}

.collection-item__placeholder-img {
  background-color: #f4f4f4;
}

.collection-item__placeholder-img:before {
  display: none;
}

@media only screen and (width >= 540px) {
  .label--small-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

@media only screen and (width >= 540px) {
  .h1--d {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.collection-list-item {
  flex-direction: row-reverse;
  align-items: center;
  gap: 2rem;
  display: flex;
}

.collection-list-item__title {
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}

.collection-list-item__img {
  z-index: 1;
  width: 8.7rem;
  height: 6rem;
  margin-bottom: .8rem;
  position: relative;
}

.collection-list-item__img .bg-img {
  z-index: -1;
  background-color: #eaeaea;
  justify-content: center;
  align-items: center;
  transition: transform .8s cubic-bezier(.5, 0, 0, 1);
  display: flex;
  position: absolute;
  inset: 0;
}

.collection-list-item__img .bg-img .symbol {
  width: 4rem;
  height: 4rem;
}

.collection-list-item__img .bg-img .symbol svg {
  width: 100%;
  height: 100%;
}

.collection-list-item__img .bg-img .symbol svg path {
  fill: #fff;
}

.collection-list-item__img-holder {
  flex: 2;
}

.collection-list-item__img-holder img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.collection-list-item__img-holder:first-of-type {
  grid-area: 1 / 1 / -1 / 2;
}

.collection-list-item__img-holder:nth-of-type(2) {
  grid-area: 1 / 2 / 2 / 3;
}

.collection-list-item__img-holder:nth-of-type(3) {
  grid-area: 2 / 2 / 3 / 3;
}

.collection-list-item__img-count-1, .collection-list-item__img-count-2 {
  display: flex;
}

.collection-list-item__img-count-3 {
  grid-template-rows: repeat(2, 50%);
  grid-template-columns: repeat(2, 50%);
  display: grid;
}

@media only screen and (width >= 540px) {
  .label--small-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }

  .h1--d {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

@media only screen and (width >= 540px) {
  .label--small-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }

  .h1--d {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

@media only screen and (width >= 540px) {
  .label--small-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

@media only screen and (width >= 540px) {
  .h1--d {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.color-picker__swatch {
  background-color: #fff;
  border: .1rem solid #eaeaea;
}

.color-picker__main-swatches {
  z-index: 3;
  justify-content: space-between;
  padding: 1.8rem 2.4rem;
  display: flex;
  position: relative;
  box-shadow: 0 .1rem #eaeaea;
}

.color-picker__main-swatches .color-swatch__color {
  position: relative;
}

.color-picker__main-swatches .color-swatch__color:after {
  content: "";
  z-index: 2;
  filter: drop-shadow(.1rem .1rem #eaeaea);
  opacity: 0;
  background-color: #fff;
  width: 1rem;
  height: 1rem;
  transition: opacity .3s;
  display: block;
  position: absolute;
  top: calc(100% + 1.8rem);
  left: 50%;
  transform: translate(-50%, -50%)rotate(45deg);
}

.color-picker__main-swatches input {
  display: flex;
}

.color-picker__main-swatches input:checked ~ .color-swatch__color:after {
  opacity: 1;
}

.color-picker__sub-swatches {
  background-color: #fafafa;
  justify-content: space-between;
  padding: 1.8rem 2.4rem;
  display: flex;
}

.color-swatch {
  display: block;
}

.color-swatch__color {
  border-radius: .4rem;
  width: 1.6rem;
  height: 1.6rem;
  display: block;
  position: relative;
}

.color-swatch__color-border {
  opacity: 0;
  border: .1rem solid #000;
  border-radius: .8rem;
  transition: opacity .3s;
  position: absolute;
  inset: -.3rem;
}

.color-swatch input {
  display: none;
}

.color-swatch input:checked ~ .color-swatch__color .color-swatch__color-border {
  opacity: .5;
}

@media only screen and (width >= 540px) {
  .label--small-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

@media only screen and (width >= 540px) {
  .h1--d {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

@keyframes desktop-empty-anim {
  0% {
    opacity: 0;
    transform: translateY(2.4rem);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.desktop-empty {
  opacity: 0;
  background-color: #fff;
  flex: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 100%;
  animation: .3s ease-in-out forwards desktop-empty-anim;
  display: flex;
  transform: translateY(2.4rem);
}

.desktop-empty__container {
  flex-direction: column;
  gap: 2rem;
  max-width: 32rem;
  display: flex;
}

.desktop-empty__header {
  flex-direction: column;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.desktop-empty__title {
  color: #000;
  text-align: center;
}

.desktop-empty__desc {
  color: #8c8c8c;
  text-align: center;
}

.desktop-empty__icon {
  order: -1;
  justify-content: center;
  display: flex;
}

.desktop-empty__btn {
  justify-content: center;
  display: flex;
}

.desktop-empty--noBg {
  background-color: #0000;
}

@media only screen and (width >= 540px) {
  .label--small-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

@media only screen and (width >= 540px) {
  .h1--d {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.desktop-file-item:not(.is-placeholder) {
  opacity: 0;
  transition: opacity .3s ease-in;
}

.desktop-file-item:not(.is-placeholder).is-loaded {
  opacity: 1;
}

@keyframes imageLoaded {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.desktop-file-item {
  background-color: #fff;
  max-width: 100%;
}

.desktop-file-item .vue-load-image {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.desktop-file-item .visual-bg {
  display: none;
}

.desktop-file-item.folderItem--list {
  border-bottom: 1px solid #f4f4f4;
  width: calc(100% + 28px);
  height: 6rem;
  transition: background-color .3s;
  display: flex;
}

.desktop-file-item.folderItem--list.active {
  background-color: #f4f4f4;
}

.desktop-file-item.folderItem--list .folderItem-inner {
  align-items: center;
  width: 100%;
  padding: 0 28px;
  display: flex;
}

.desktop-file-item.folderItem--list .folderItem-content {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  width: 100%;
  display: flex;
}

.desktop-file-item.folderItem--list .folderItem-content-item {
  color: #8c8c8c;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}

.desktop-file-item.folderItem--list .folderItem-content-item:first-child {
  margin-left: 0;
}

.desktop-file-item.folderItem--list .folderItem-checkfield {
  flex: 0 0 2rem;
}

.desktop-file-item.folderItem--list .folderItem-checkfield-input {
  opacity: 0;
  position: absolute;
  left: -999999px;
}

.desktop-file-item.folderItem--list .folderItem-checkfield-input:checked + .folderItem-checkfield-faker .folderItem-checkfield-symbol {
  display: block;
}

.desktop-file-item.folderItem--list .folderItem-checkfield-faker {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #eaeaea;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  display: flex;
}

.desktop-file-item.folderItem--list .folderItem-checkfield-symbol {
  width: 8px;
  height: 8px;
  display: none;
}

.desktop-file-item.folderItem--list .folderItem-checkfield-symbol svg {
  fill: var(--companyColor);
}

.desktop-file-item.folderItem--list.is-placeholder .folderItem-checkfield {
  opacity: .4;
}

.desktop-file-item.folderItem--list .folderItem-graphic {
  cursor: pointer;
  flex: 0 0 4rem;
  justify-content: center;
  align-items: center;
  width: 4rem;
  height: 4rem;
  display: flex;
}

.desktop-file-item.folderItem--list .folderItem-graphic img, .desktop-file-item.folderItem--list .folderItem-graphic picture {
  object-fit: contain;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  height: 100%;
  display: flex;
}

.desktop-file-item.folderItem--list .folderItem-graphic img.loaded, .desktop-file-item.folderItem--list .folderItem-graphic picture.loaded {
  animation: .3s ease-in-out forwards imageLoaded;
}

.desktop-file-item.folderItem--list .folderItem-graphic img.fast-loaded, .desktop-file-item.folderItem--list .folderItem-graphic picture.fast-loaded {
  opacity: 1;
}

.desktop-file-item.folderItem--list .folderItem-graphic picture {
  justify-content: center;
  align-items: center;
  display: flex;
}

.desktop-file-item.folderItem--list.is-placeholder .folderItem-graphic {
  background-color: #f4f4f4;
}

.desktop-file-item.folderItem--list .folderItem-graphic-visual {
  background-color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.desktop-file-item.folderItem--list .folderItem-graphic-symbol {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.desktop-file-item.folderItem--list .folderItem-graphic-folder {
  width: 100%;
  height: 100%;
  display: block;
}

.desktop-file-item.folderItem--list .folderItem-graphic-folder .symbol, .desktop-file-item.folderItem--list .folderItem-graphic-folder svg {
  width: 100%;
  height: 100%;
}

.desktop-file-item.folderItem--list .folderItem-name {
  color: #000;
  text-overflow: ellipsis;
  cursor: pointer;
  flex: 2;
  align-items: center;
  height: 5rem;
  font-size: 16px;
  font-weight: 400;
  display: flex;
  overflow: hidden;
}

.desktop-file-item.folderItem--list.is-placeholder .folderItem-name {
  background-color: #f4f4f4;
  flex: 100%;
  height: 20px;
}

.desktop-file-item.folderItem--list .folderItem-ext {
  text-transform: uppercase;
  width: 5rem;
  font-size: 10px;
}

.desktop-file-item.folderItem--list .folderItem-space {
  width: 15rem;
}

.desktop-file-item.folderItem--list .folderItem-date {
  width: 9rem;
}

.desktop-file-item.folderItem--list .folderItem-size {
  width: 8rem;
}

.desktop-file-item.folderItem--list .folderItem-actions {
  justify-content: center;
  width: 9rem;
  display: flex;
  position: relative;
}

.desktop-file-item.folderItem--list .folderItem-content-label {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  text-transform: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  line-height: 1.2;
  display: block;
  overflow: hidden;
}

.desktop-file-item.folderItem--list .folderItem-actions-symbol {
  cursor: pointer;
  border-radius: 2px;
  width: 25px;
  height: 20px;
  padding: 8px 5px;
  transition: background-color .25s;
  display: block;
  position: relative;
}

.desktop-file-item.folderItem--list .folderItem-actions-symbol:hover {
  background-color: #f4f4f4;
}

.desktop-file-item.folderItem--list .folderItem-actions-symbol > * {
  pointer-events: none;
}

.desktop-file-item.folderItem--list .folderItem-actions-symbol svg path {
  fill: #8c8c8c;
}

.desktop-file-item.folderItem--list .folderItem-actions-symbol.is-open + .folderItem-actions-menu {
  display: block;
}

.desktop-file-item.folderItem--list .folderItem-actions-menu {
  z-index: 9;
  margin-top: 10px;
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
}

.desktop-file-item.folderItem--list .folderItem-actions-menu.is-inverted {
  margin-top: 0;
  margin-bottom: 10px;
  top: auto;
  bottom: 100%;
}

.desktop-file-item.folderItem--list .folderItem-graphic--hasVisual img {
  max-height: 100%;
}

.folderItem--masonry {
  width: 33.333%;
  padding: .4rem .2rem 0;
}

.folderItem--masonry .folderItem-inner {
  border: 1px solid #f4f4f4;
  border-radius: 3px;
  width: 100%;
  height: 100%;
}

.folderItem--masonry .folderItem-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  min-height: 150px;
  display: flex;
  position: relative;
}

.folderItem--masonry .folderItem-content-item {
  color: #8c8c8c;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}

.folderItem--masonry .folderItem-content-item span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.folderItem--masonry .folderItem-checkfield {
  z-index: 5;
  flex: 0 0 20px;
  position: absolute;
  top: 10px;
  right: 10px;
}

.folderItem--masonry .folderItem-checkfield-input {
  opacity: 0;
  position: absolute;
  left: -999999px;
}

.folderItem--masonry .folderItem-checkfield-input:checked + .folderItem-checkfield-faker .folderItem-checkfield-symbol {
  display: block;
}

.folderItem--masonry .folderItem-checkfield-faker {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  display: flex;
}

.folderItem--masonry .folderItem-checkfield-symbol {
  width: 8px;
  height: 8px;
  display: none;
}

.folderItem--masonry .folderItem-checkfield-symbol svg {
  fill: var(--companyColor);
}

.folderItem--masonry.is-placeholder .folderItem-checkfield {
  display: none;
}

.folderItem--masonry .folderItem-graphic {
  cursor: pointer;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.folderItem--masonry .folderItem-graphic--hasVisual .visual-bg {
  z-index: 0;
  opacity: 0;
  pointer-events: none;
  background-color: #0006;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .3s;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.folderItem--masonry .folderItem-graphic--hasVisual .visual-bg .symbol {
  width: 2.4rem;
  height: 2.4rem;
}

.folderItem--masonry .folderItem-graphic--hasVisual .visual-bg .symbol svg {
  width: 100%;
  height: 100%;
}

.folderItem--masonry .folderItem-graphic--hasVisual .visual-bg .symbol svg path {
  fill: #fff;
}

.folderItem--masonry .folderItem-graphic--hasVisual:hover .visual-bg {
  opacity: 1;
}

.folderItem--masonry.is-placeholder .folderItem-graphic {
  background-color: #f4f4f4;
  height: 100%;
  min-height: 150px;
}

.folderItem--masonry .folderItem-graphic-visual {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.folderItem--masonry .folderItem-graphic-visual img, .folderItem--masonry .folderItem-graphic-visual picture {
  object-fit: cover;
  width: 100%;
  min-height: 150px;
  display: flex;
}

.folderItem--masonry .folderItem-graphic-symbol {
  width: 4rem;
  height: 4rem;
  display: block;
}

.folderItem--masonry .folderItem-graphic-symbol img, .folderItem--masonry .folderItem-graphic-symbol picture {
  object-fit: contain;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.folderItem--masonry .folderItem-graphic-folder {
  width: 4rem;
  height: 4rem;
  display: block;
}

.folderItem--masonry .folderItem-graphic-folder .symbol, .folderItem--masonry .folderItem-graphic-folder svg {
  width: 100%;
  height: 100%;
}

.folderItem--masonry .folderItem-name {
  color: #000;
  text-overflow: ellipsis;
  text-align: center;
  cursor: pointer;
  width: 100%;
  height: 100%;
  padding-top: 10px;
  padding-left: 14px;
  padding-right: 14px;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  overflow: hidden;
}

.folderItem--masonry.is-placeholder .folderItem-name {
  background-color: #f4f4f4;
  height: 40px;
  margin-top: 10px;
}

.folderItem--masonry .folderItem-ext {
  color: #8c8c8c;
  text-transform: uppercase;
  font-size: 10px;
  display: inline-block;
}

.folderItem--masonry .folderItem-date, .folderItem--masonry .folderItem-size, .folderItem--masonry .folderItem-actions {
  display: none;
}

.folderItem--masonry .folderItem-content-label {
  color: #000;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: .25px;
  text-transform: inherit;
  text-align: center;
  line-height: 1;
}

.folderItem--masonry .folderItem-actions-symbol, .folderItem--masonry .folderItem-actions-menu {
  display: none;
}

.folderItem--tile {
  width: 25%;
  display: flex;
}

@media only screen and (width <= 1024px) {
  .folderItem--tile {
    width: 33.3333%;
  }
}

.folderItem--tile.active {
  background-color: #f4f4f4;
}

.folderItem--tile .folderItem-inner {
  align-items: center;
  width: 100%;
  padding: 14px;
  display: flex;
}

.folderItem--tile .folderItem-content {
  width: 100%;
  position: relative;
}

.folderItem--tile .folderItem-content-item {
  color: #8c8c8c;
  white-space: nowrap;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.4;
}

.folderItem--tile .folderItem-checkfield {
  z-index: 1;
  flex: 0 0 20px;
  position: absolute;
  top: 10px;
  right: 10px;
}

.folderItem--tile .folderItem-checkfield-input {
  opacity: 0;
  position: absolute;
  left: -999999px;
}

.folderItem--tile .folderItem-checkfield-input:checked + .folderItem-checkfield-faker .folderItem-checkfield-symbol {
  display: block;
}

.folderItem--tile .folderItem-checkfield-faker {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  display: flex;
}

.folderItem--tile .folderItem-checkfield-symbol {
  width: 8px;
  height: 8px;
  display: none;
}

.folderItem--tile .folderItem-checkfield-symbol svg {
  fill: var(--companyColor);
}

.folderItem--tile.is-placeholder .folderItem-checkfield {
  display: none;
}

.folderItem--tile .folderItem-graphic {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #f4f4f4;
  border-radius: 3px;
  width: 100%;
  height: 0;
  padding-top: 100%;
  display: block;
  position: relative;
}

.folderItem--tile .folderItem-graphic img {
  display: block;
}

.folderItem--tile.is-placeholder .folderItem-graphic {
  background-color: #f4f4f4;
}

.folderItem--tile .folderItem-graphic-visual {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.folderItem--tile .folderItem-graphic-visual img, .folderItem--tile .folderItem-graphic-visual picture {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.folderItem--tile .folderItem-graphic-symbol {
  justify-content: center;
  align-items: center;
  width: 50px;
  height: 50px;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.folderItem--tile .folderItem-graphic-symbol img, .folderItem--tile .folderItem-graphic-symbol picture {
  object-fit: contain;
  width: 100%;
  height: 100%;
}

.folderItem--tile .folderItem-graphic-folder {
  width: 50px;
  height: 50px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.folderItem--tile .folderItem-graphic-folder .symbol, .folderItem--tile .folderItem-graphic-folder svg {
  width: 100%;
  height: 100%;
}

.folderItem--tile .folderItem-name {
  color: #000;
  text-overflow: ellipsis;
  cursor: pointer;
  width: 100%;
  padding-top: 10px;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
  overflow: hidden;
}

.folderItem--tile.is-placeholder .folderItem-name {
  background-color: #f4f4f4;
  height: 40px;
  margin-top: 10px;
}

.folderItem--tile .folderItem-ext {
  color: #8c8c8c;
  text-transform: uppercase;
  font-size: 10px;
  display: inline-block;
}

.folderItem--tile .folderItem-date {
  padding-top: 5px;
  font-size: 12px;
  line-height: 1;
}

.folderItem--tile .folderItem-size {
  display: none;
}

.folderItem--tile .folderItem-actions {
  position: absolute;
  bottom: -4px;
  right: 0;
}

.folderItem--tile .folderItem-content-label {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  letter-spacing: .25px;
  text-transform: inherit;
  line-height: 1;
}

.folderItem--tile .folderItem-actions-symbol {
  cursor: pointer;
  border-radius: 2px;
  width: 25px;
  height: 20px;
  padding: 8px 5px;
  transition: background-color .25s;
  display: block;
  position: relative;
}

.folderItem--tile .folderItem-actions-symbol:hover {
  background-color: #f4f4f4;
}

.folderItem--tile .folderItem-actions-symbol > * {
  pointer-events: none;
}

.folderItem--tile .folderItem-actions-symbol svg path {
  fill: #8c8c8c;
}

.folderItem--tile .folderItem-actions-symbol.is-open + .folderItem-actions-menu {
  display: block;
}

.folderItem--tile .folderItem-actions-menu {
  z-index: 9;
  margin-top: 10px;
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
}

.folderItem--tile .folderItem-actions-menu.is-inverted {
  margin-top: 0;
  margin-bottom: 10px;
  top: auto;
  bottom: 100%;
}

@media only screen and (width >= 540px) {
  .label--small-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

@media only screen and (width >= 540px) {
  .h1--d {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.detail-field {
  flex-direction: column;
  gap: 1rem;
  font-weight: 500;
  display: flex;
}

.detail-field__title {
  color: var(--subTextColorOnCompanyColor);
}

.detail-field__content {
  background-color: var(--companyBtnHover);
  color: #fff;
  border-radius: .3rem;
  padding: 1rem;
  transition: all .3s;
}

.detail-field--large-border .detail-field__content {
  border-radius: 1.2rem;
}

[data-v-0d9364]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-0d9364] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-0d9364] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-0d9364] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-0d9364] {
  font-size: 1.4rem;
}

.label--small[data-v-0d9364] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-0d9364] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-0d9364] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-0d9364] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-0d9364] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-0d9364] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-0d9364] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-0d9364] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-0d9364] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-0d9364]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-0d9364] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-0d9364], .fade-leave-active[data-v-0d9364] {
  transition: opacity .3s;
}

.fade-enter[data-v-0d9364], .fade-leave-to[data-v-0d9364] {
  opacity: 0;
}

.dot[data-v-0d9364] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-0d9364] {
  display: none !important;
}

.invisible[data-v-0d9364] {
  opacity: 0;
}

.download-file-preview[data-v-0d9364] {
  background-color: #fafafa;
  border: .1rem solid #eaeaea;
  border-radius: .2rem;
  align-items: center;
  gap: 1.6rem;
  width: 100%;
  padding: .8rem 4.5rem .8rem .8rem;
  display: flex;
}

.download-file-preview__thumb[data-v-0d9364] {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 5rem;
  height: 5rem;
}

.download-file-preview__content[data-v-0d9364] {
  align-items: center;
  display: flex;
  overflow: hidden;
}

.download-file-preview__title[data-v-0d9364] {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 2;
  overflow: hidden;
}

.download-file-preview__ext[data-v-0d9364] {
  color: #8c8c8c;
  text-transform: uppercase;
}

[data-v-589d33]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-589d33] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-589d33] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-589d33] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-589d33] {
  font-size: 1.4rem;
}

.label--small[data-v-589d33] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-589d33] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-589d33] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-589d33] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-589d33] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-589d33] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-589d33] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-589d33] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-589d33] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-589d33]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-589d33] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-589d33], .fade-leave-active[data-v-589d33] {
  transition: opacity .3s;
}

.fade-enter[data-v-589d33], .fade-leave-to[data-v-589d33] {
  opacity: 0;
}

.dot[data-v-589d33] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-589d33] {
  display: none !important;
}

.invisible[data-v-589d33] {
  opacity: 0;
}

.download-folder-preview[data-v-589d33] {
  background-color: #fafafa;
  border: .1rem solid #eaeaea;
  border-radius: .2rem;
  width: 100%;
  padding: 1.6rem 2.4rem;
  display: flex;
}

.download-folder-preview__icon[data-v-589d33] {
  border-radius: 1.1rem;
  gap: .8rem;
  padding: .8rem 1.6rem;
  display: flex;
}

.download-folder-preview__icon .symbol[data-v-589d33] {
  width: 1.4rem;
  height: 1.4rem;
}

.download-folder-preview__icon .symbol[data-v-589d33] svg path {
  fill: #fff !important;
}

.download-folder-preview__title[data-v-589d33] {
  color: #fff;
}

[data-v-3e86f8]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-3e86f8] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-3e86f8] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-3e86f8] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-3e86f8] {
  font-size: 1.4rem;
}

.label--small[data-v-3e86f8] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-3e86f8] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-3e86f8] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-3e86f8] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-3e86f8] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-3e86f8] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-3e86f8] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-3e86f8] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-3e86f8] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-3e86f8]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-3e86f8] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-3e86f8], .fade-leave-active[data-v-3e86f8] {
  transition: opacity .3s;
}

.fade-enter[data-v-3e86f8], .fade-leave-to[data-v-3e86f8] {
  opacity: 0;
}

.dot[data-v-3e86f8] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-3e86f8] {
  display: none !important;
}

.invisible[data-v-3e86f8] {
  opacity: 0;
}

.download-items-preview[data-v-3e86f8] {
  background-color: #fafafa;
  border: .1rem solid #eaeaea;
  border-radius: .2rem;
  width: 100%;
  padding: 1.6rem 2.4rem;
  display: flex;
}

.download-items-preview__icon[data-v-3e86f8] {
  border-radius: 1.1rem;
  gap: .8rem;
  padding: .8rem 1.6rem;
  display: flex;
}

.download-items-preview__icon .symbol[data-v-3e86f8] {
  width: 1.4rem;
  height: 1.4rem;
}

.download-items-preview__icon .symbol[data-v-3e86f8] svg path {
  fill: #000 !important;
}

.download-items-preview__content[data-v-3e86f8] {
  flex: 2;
  align-items: center;
  display: flex;
}

.download-items-preview__title[data-v-3e86f8] {
  flex: 2;
}

.download-items-preview__size[data-v-3e86f8] {
  color: #8c8c8c;
  text-transform: uppercase;
}

[data-v-f499bc]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-f499bc] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-f499bc] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-f499bc] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-f499bc] {
  font-size: 1.4rem;
}

.label--small[data-v-f499bc] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-f499bc] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-f499bc] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-f499bc] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-f499bc] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-f499bc] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-f499bc] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-f499bc] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-f499bc] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-f499bc]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-f499bc] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-f499bc], .fade-leave-active[data-v-f499bc] {
  transition: opacity .3s;
}

.fade-enter[data-v-f499bc], .fade-leave-to[data-v-f499bc] {
  opacity: 0;
}

.dot[data-v-f499bc] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-f499bc] {
  display: none !important;
}

.invisible[data-v-f499bc] {
  opacity: 0;
}

.face[data-v-f499bc] {
  filter: drop-shadow(0 0 .5rem #00000080);
  cursor: pointer;
  border: .2rem solid #fff;
  border-radius: .3rem;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.face__name[data-v-f499bc] {
  transform-origin: top;
  text-align: center;
  background-color: #fff;
  border: none;
  border-radius: 1rem;
  align-items: center;
  gap: .8rem;
  padding: .8rem;
  transition: opacity .3s;
  display: flex;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 2rem);
}

.face--placeholder[data-v-f499bc] {
  opacity: .5;
}

.face--placeholder .face__name[data-v-f499bc] {
  display: none;
}

[data-v-72060a]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-72060a] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-72060a] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-72060a] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-72060a] {
  font-size: 1.4rem;
}

.label--small[data-v-72060a] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-72060a] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-72060a] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-72060a] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-72060a] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-72060a] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-72060a] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-72060a] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-72060a] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-72060a]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-72060a] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-72060a], .fade-leave-active[data-v-72060a] {
  transition: opacity .3s;
}

.fade-enter[data-v-72060a], .fade-leave-to[data-v-72060a] {
  opacity: 0;
}

.dot[data-v-72060a] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-72060a] {
  display: none !important;
}

.invisible[data-v-72060a] {
  opacity: 0;
}

.file-drop[data-v-72060a] {
  z-index: 10000;
  visibility: hidden;
  opacity: 0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: visibility .2s, opacity .2s;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.file-drop[data-v-72060a]:before {
  content: "";
  background-image: repeating-linear-gradient(0deg, var(--companyColor), var(--companyColor) .5rem, transparent .5rem, transparent 1rem, var(--companyColor) 1rem), repeating-linear-gradient(90deg, var(--companyColor), var(--companyColor) .5rem, transparent .5rem, transparent 1rem, var(--companyColor) 1rem), repeating-linear-gradient(180deg, var(--companyColor), var(--companyColor) .5rem, transparent .5rem, transparent 1rem, var(--companyColor) 1rem), repeating-linear-gradient(270deg, var(--companyColor), var(--companyColor) .5rem, transparent .5rem, transparent 1rem, var(--companyColor) 1rem);
  background-position: 0 0, 0 0, 100% 0, 0 100%;
  background-repeat: no-repeat;
  background-size: .2rem 100%, 100% .2rem, .2rem 100%, 100% .2rem;
  border: none;
  border-radius: .3rem;
  position: absolute;
  inset: 0;
}

.file-drop.active[data-v-72060a] {
  opacity: 1;
  visibility: visible;
}

.file-drop__zone[data-v-72060a] {
  cursor: pointer;
  opacity: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.file-drop__content[data-v-72060a] {
  flex-direction: column;
  align-items: center;
  max-width: 25rem;
  display: flex;
}

.file-drop__content .symbol[data-v-72060a] {
  margin-bottom: 1.6rem;
}

.file-drop__title[data-v-72060a] {
  text-align: center;
  margin-bottom: .5rem;
}

.file-drop__text[data-v-72060a] {
  text-align: center;
  color: #8c8c8c;
}

.file-drop__input[data-v-72060a] {
  z-index: 5000;
  background-color: red;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

[data-v-1d1fdf]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-1d1fdf] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-1d1fdf] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-1d1fdf] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-1d1fdf] {
  font-size: 1.4rem;
}

.label--small[data-v-1d1fdf] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-1d1fdf] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-1d1fdf] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-1d1fdf] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-1d1fdf] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-1d1fdf] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-1d1fdf] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-1d1fdf] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-1d1fdf] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-1d1fdf]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-1d1fdf] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-1d1fdf], .fade-leave-active[data-v-1d1fdf] {
  transition: opacity .3s;
}

.fade-enter[data-v-1d1fdf], .fade-leave-to[data-v-1d1fdf] {
  opacity: 0;
}

.dot[data-v-1d1fdf] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-1d1fdf] {
  display: none !important;
}

.invisible[data-v-1d1fdf] {
  opacity: 0;
}

@keyframes imageLoaded-data-v-1d1fdf {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.file-item[data-v-1d1fdf] {
  border-bottom: .1rem solid #f2f2f2;
  flex-direction: row-reverse;
  align-items: center;
  gap: 1.8rem;
  width: 100%;
  padding: 1rem 1.8rem;
  display: flex;
}

.file-item .vue-load-image[data-v-1d1fdf] {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.file-item__content[data-v-1d1fdf] {
  flex-direction: row-reverse;
  flex: 1;
  align-items: center;
  gap: 1.2rem;
  min-width: 0;
  display: flex;
}

.file-item__header[data-v-1d1fdf] {
  flex: 1;
  min-width: 0;
}

.file-item__title[data-v-1d1fdf] {
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: .4rem;
  overflow: hidden;
}

.file-item__extension[data-v-1d1fdf] {
  color: #8c8c8c;
  letter-spacing: .075rem;
  text-transform: uppercase;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1rem;
  font-weight: bold;
  overflow: hidden;
}

.file-item__sub-title[data-v-1d1fdf] {
  color: #8c8c8c;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.file-item__img[data-v-1d1fdf] {
  border-radius: .3rem;
  width: 3.4rem;
  height: 3.4rem;
  position: relative;
}

.file-item__img img[data-v-1d1fdf] {
  object-fit: cover;
  opacity: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.file-item__img img.loaded[data-v-1d1fdf] {
  animation: .3s ease-in-out forwards imageLoaded-data-v-1d1fdf;
}

.file-item__thumb-icon img[data-v-1d1fdf] {
  object-fit: contain;
}

.file-item__options[data-v-1d1fdf] {
  order: -1;
}

.file-item__placeholder-title[data-v-1d1fdf] {
  background-color: #f4f4f4;
  border-radius: .2rem;
  height: 1.8rem;
}

.file-item__placeholder-img[data-v-1d1fdf] {
  background-color: #f4f4f4;
}

.file-item--tile[data-v-1d1fdf] {
  border-bottom: none;
  padding: 0 .45rem 0 0;
}

.file-item--tile[data-v-1d1fdf]:nth-of-type(2n) {
  padding-left: .45rem;
  padding-right: 0;
}

.file-item--tile .file-item__content[data-v-1d1fdf] {
  flex-direction: column-reverse;
  align-self: flex-start;
  align-items: flex-start;
  gap: .8rem;
}

.file-item--tile .file-item__header[data-v-1d1fdf] {
  width: 100%;
}

.file-item--tile .file-item__title[data-v-1d1fdf] {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.file-item--tile .file-item__img[data-v-1d1fdf] {
  width: 100%;
  height: auto;
  position: relative;
}

.file-item--tile .file-item__img[data-v-1d1fdf]:before {
  content: "";
  width: 100%;
  padding-top: 100%;
  display: block;
}

.file-item--tile .file-item__img .symbol[data-v-1d1fdf], .file-item--tile .file-item__img .vue-load-image[data-v-1d1fdf] {
  position: absolute;
  inset: 0;
}

.file-item--tile .file-item__img .symbol img[data-v-1d1fdf], .file-item--tile .file-item__img .vue-load-image img[data-v-1d1fdf] {
  width: 100%;
  height: 100%;
}

.file-item--tile .file-item__img .symbol[data-v-1d1fdf] {
  justify-content: center;
  align-items: center;
  display: flex;
}

.file-item--tile .file-item__img .symbol[data-v-1d1fdf] svg {
  width: 5rem;
  height: 5rem;
}

.file-item--tile .file-item__thumb-icon[data-v-1d1fdf] {
  border: .1rem solid #f2f2f2;
}

.file-item--tile .file-item__thumb-icon img[data-v-1d1fdf] {
  width: 5rem;
  height: 5rem;
  position: absolute;
  inset: 50% auto auto 50%;
  transform: translate(-50%, -50%);
}

.file-item--masonry[data-v-1d1fdf] {
  border: .1rem solid #f2f2f2;
  width: calc(50% - 5px);
}

.file-item--masonry .file-item__content[data-v-1d1fdf] {
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  display: flex;
}

.file-item--masonry .file-item__header[data-v-1d1fdf] {
  text-align: center;
  width: 100%;
}

.file-item--masonry .file-item__sub-title[data-v-1d1fdf] {
  display: none;
}

.file-item--masonry .file-item__img[data-v-1d1fdf] {
  width: 100%;
  height: auto;
}

.file-item--masonry .file-item__thumb-icon[data-v-1d1fdf] {
  justify-content: center;
  align-items: center;
  display: flex;
}

.file-item--masonry .file-item__thumb-icon .symbol[data-v-1d1fdf], .file-item--masonry .file-item__thumb-icon img[data-v-1d1fdf] {
  width: 5rem;
  height: 5rem;
}

.file-item--masonry-image[data-v-1d1fdf] {
  padding: 0;
}

.file-item--masonry-image .file-item__header[data-v-1d1fdf] {
  display: none;
}

.file-item--masonry-image .file-item__img[data-v-1d1fdf], .file-item--masonry-image .file-item__img img[data-v-1d1fdf] {
  width: 100%;
  height: auto;
}

.file-item--masonry-image .file-item__placeholder[data-v-1d1fdf] {
  height: 15rem;
}

.file-item--masonry-image .file-item__placeholder-img[data-v-1d1fdf] {
  height: 100%;
}

[data-v-1b8dd4]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-1b8dd4] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-1b8dd4] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-1b8dd4] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-1b8dd4] {
  font-size: 1.4rem;
}

.label--small[data-v-1b8dd4] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-1b8dd4] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-1b8dd4] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-1b8dd4] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-1b8dd4] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-1b8dd4] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-1b8dd4] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-1b8dd4] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-1b8dd4] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-1b8dd4]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-1b8dd4] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-1b8dd4], .fade-leave-active[data-v-1b8dd4] {
  transition: opacity .3s;
}

.fade-enter[data-v-1b8dd4], .fade-leave-to[data-v-1b8dd4] {
  opacity: 0;
}

.dot[data-v-1b8dd4] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-1b8dd4] {
  display: none !important;
}

.invisible[data-v-1b8dd4] {
  opacity: 0;
}

.file-overlay-item[data-v-1b8dd4] {
  flex-direction: row-reverse;
  align-items: center;
  gap: 1.5rem;
  display: flex;
}

.file-overlay-item__header[data-v-1b8dd4] {
  flex: 2;
  overflow: hidden;
}

.file-overlay-item__title[data-v-1b8dd4] {
  align-items: center;
  display: flex;
}

.file-overlay-item__title-name[data-v-1b8dd4] {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.file-overlay-item__extension[data-v-1b8dd4] {
  color: #8c8c8c;
}

.file-overlay-item__img[data-v-1b8dd4] {
  background-color: #fafafa;
  border: .1rem solid #eaeaea;
  border-radius: .2rem;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  display: flex;
  overflow: hidden;
}

.file-overlay-item__img img[data-v-1b8dd4] {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.file-overlay-item__img .symbol[data-v-1b8dd4] {
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
}

.file-overlay-item__thumb-icon img[data-v-1b8dd4] {
  object-fit: contain;
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
}

[data-v-53d95e]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-53d95e] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-53d95e] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-53d95e] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-53d95e] {
  font-size: 1.4rem;
}

.label--small[data-v-53d95e] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-53d95e] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-53d95e] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-53d95e] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-53d95e] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-53d95e] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-53d95e] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-53d95e] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-53d95e] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-53d95e]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-53d95e] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-53d95e], .fade-leave-active[data-v-53d95e] {
  transition: opacity .3s;
}

.fade-enter[data-v-53d95e], .fade-leave-to[data-v-53d95e] {
  opacity: 0;
}

.dot[data-v-53d95e] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-53d95e] {
  display: none !important;
}

.invisible[data-v-53d95e] {
  opacity: 0;
}

.file-upload-preview-item[data-v-53d95e] {
  background: none;
  border: none;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding: 1.2rem 0;
  display: flex;
}

.file-upload-preview-item__icon[data-v-53d95e] {
  border-radius: .3rem;
  width: 3.4rem;
  height: 3.4rem;
  position: relative;
  overflow: hidden;
}

.file-upload-preview-item__icon img[data-v-53d95e] {
  width: 100%;
  height: 100%;
  display: block;
}

.file-upload-preview-item__image img[data-v-53d95e] {
  object-fit: cover;
}

.file-upload-preview-item__doc[data-v-53d95e] {
  border: .1rem solid #b5b5b5;
  justify-content: center;
  align-items: center;
  display: flex;
}

.file-upload-preview-item__doc img[data-v-53d95e] {
  object-fit: contain;
  width: 60%;
  height: 60%;
}

.file-upload-preview-item__title[data-v-53d95e] {
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: left;
  flex: 2;
  overflow: hidden;
}

.file-upload-preview-item__close[data-v-53d95e] {
  border: .1rem solid #b5b5b5;
  border-radius: 50%;
  width: 2.4rem;
  height: 2.4rem;
}

.file-upload-preview-item__close .symbol[data-v-53d95e] {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.file-upload-preview-item__close .symbol[data-v-53d95e] svg {
  width: .8rem;
  height: .8rem;
}

[data-v-51fd0b]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-51fd0b] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-51fd0b] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-51fd0b] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-51fd0b] {
  font-size: 1.4rem;
}

.label--small[data-v-51fd0b] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-51fd0b] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-51fd0b] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-51fd0b] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-51fd0b] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-51fd0b] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-51fd0b] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-51fd0b] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-51fd0b] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-51fd0b]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-51fd0b] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-51fd0b], .fade-leave-active[data-v-51fd0b] {
  transition: opacity .3s;
}

.fade-enter[data-v-51fd0b], .fade-leave-to[data-v-51fd0b] {
  opacity: 0;
}

.dot[data-v-51fd0b] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-51fd0b] {
  display: none !important;
}

.invisible[data-v-51fd0b] {
  opacity: 0;
}

.folder-upload-preview-item[data-v-51fd0b] {
  align-items: center;
  gap: 1.5rem;
  display: flex;
}

.folder-upload-preview-item__icon[data-v-51fd0b] {
  background-color: #d5d5d5;
  border-radius: .2rem;
  justify-content: center;
  align-items: center;
  width: 4.8rem;
  height: 4.8rem;
  display: flex;
}

.folder-upload-preview-item__icon .symbol[data-v-51fd0b] {
  width: 2.4rem;
  height: 2.4rem;
}

.folder-upload-preview-item__icon .symbol[data-v-51fd0b] svg {
  width: 100%;
  height: 100%;
}

.folder-upload-preview-item__content[data-v-51fd0b] {
  flex: 2;
}

.folder-upload-preview-item__title[data-v-51fd0b] {
  font-weight: bold;
}

[data-v-5b54f1]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-5b54f1] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-5b54f1] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-5b54f1] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-5b54f1] {
  font-size: 1.4rem;
}

.label--small[data-v-5b54f1] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-5b54f1] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-5b54f1] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-5b54f1] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-5b54f1] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-5b54f1] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-5b54f1] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-5b54f1] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-5b54f1] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-5b54f1]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-5b54f1] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-5b54f1], .fade-leave-active[data-v-5b54f1] {
  transition: opacity .3s;
}

.fade-enter[data-v-5b54f1], .fade-leave-to[data-v-5b54f1] {
  opacity: 0;
}

.dot[data-v-5b54f1] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-5b54f1] {
  display: none !important;
}

.invisible[data-v-5b54f1] {
  opacity: 0;
}

@keyframes loaderAnim-data-v-5b54f1 {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(100%);
  }
}

.image-preloader[data-v-5b54f1] {
  background-color: #f4f4f4;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.image-preloader[data-v-5b54f1]:after {
  content: "";
  background: linear-gradient(90deg, #fff0 0%, #ffffffb3 50%, #fff0 0%);
  width: 100%;
  height: 100%;
  transition: opacity .3s ease-in-out;
  animation: 1.5s linear infinite loaderAnim-data-v-5b54f1;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

[data-v-c43d97]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-c43d97] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-c43d97] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-c43d97] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-c43d97] {
  font-size: 1.4rem;
}

.label--small[data-v-c43d97] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-c43d97] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-c43d97] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-c43d97] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-c43d97] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-c43d97] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-c43d97] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-c43d97] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-c43d97] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-c43d97]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-c43d97] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-c43d97], .fade-leave-active[data-v-c43d97] {
  transition: opacity .3s;
}

.fade-enter[data-v-c43d97], .fade-leave-to[data-v-c43d97] {
  opacity: 0;
}

.dot[data-v-c43d97] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-c43d97] {
  display: none !important;
}

.invisible[data-v-c43d97] {
  opacity: 0;
}

@keyframes moveIn-data-v-c43d97 {
  0% {
    opacity: 0;
    transform: scale(.5);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.loader-overlay[data-v-c43d97] {
  z-index: 99;
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100% !important;
}

.loader-overlay .loader-overlay-inner[data-v-c43d97] {
  width: 100%;
  height: 100%;
  position: relative;
}

.loader-overlay .loader-loaderWrap[data-v-c43d97] {
  z-index: 9999;
  justify-content: center;
  align-items: center;
  width: 20%;
  max-width: 10rem;
  height: 20%;
  max-height: 10rem;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.loader-overlay .lottie-loader[data-v-c43d97] {
  width: 100%;
  height: 100%;
  animation: .3s ease-in-out forwards moveIn-data-v-c43d97;
  display: block;
}

.loader-overlay[data-v-c43d97] .lf-spinner {
  display: none !important;
}

.loader-overlay[data-v-c43d97] .vue-lottie-player {
  background: none;
}

.dark .loader-overlay-inner[data-v-c43d97]:after {
  display: none;
}

.dark[data-v-c43d97] svg circle {
  stroke: #fff;
}

[data-v-b2acee]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-b2acee] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-b2acee] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-b2acee] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-b2acee] {
  font-size: 1.4rem;
}

.label--small[data-v-b2acee] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-b2acee] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-b2acee] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-b2acee] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-b2acee] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-b2acee] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-b2acee] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-b2acee] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-b2acee] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-b2acee]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-b2acee] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-b2acee], .fade-leave-active[data-v-b2acee] {
  transition: opacity .3s;
}

.fade-enter[data-v-b2acee], .fade-leave-to[data-v-b2acee] {
  opacity: 0;
}

.dot[data-v-b2acee] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-b2acee] {
  display: none !important;
}

.invisible[data-v-b2acee] {
  opacity: 0;
}

.loading-screen[data-v-b2acee] {
  flex: 2;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

[data-v-4a992c]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-4a992c] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-4a992c] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-4a992c] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-4a992c] {
  font-size: 1.4rem;
}

.label--small[data-v-4a992c] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-4a992c] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-4a992c] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-4a992c] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-4a992c] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-4a992c] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-4a992c] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-4a992c] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-4a992c] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-4a992c]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-4a992c] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-4a992c], .fade-leave-active[data-v-4a992c] {
  transition: opacity .3s;
}

.fade-enter[data-v-4a992c], .fade-leave-to[data-v-4a992c] {
  opacity: 0;
}

.dot[data-v-4a992c] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-4a992c] {
  display: none !important;
}

.invisible[data-v-4a992c] {
  opacity: 0;
}

.menu-item[data-v-4a992c] {
  flex-direction: column;
  flex: 2;
  align-items: center;
  padding: .8rem;
  display: flex;
}

.menu-item .symbol[data-v-4a992c] {
  width: 13px;
  height: 13px;
  margin-bottom: .4rem;
}

.menu-item .symbol[data-v-4a992c] svg {
  width: 100%;
  height: 100%;
}

.menu-item .symbol[data-v-4a992c] svg path {
  fill: var(--companyColor);
}

.menu-item__title[data-v-4a992c] {
  color: #8c8c8c;
  text-align: center;
}

.menu-item.router-link-exact-active .symbol[data-v-4a992c] svg path, .menu-item.active .symbol[data-v-4a992c] svg path {
  fill: #3e82ed;
}

.menu-item.router-link-exact-active .menu-item__title[data-v-4a992c], .menu-item.active .menu-item__title[data-v-4a992c] {
  color: #3e82ed;
}

[data-v-3116c0]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-3116c0] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-3116c0] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-3116c0] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-3116c0] {
  font-size: 1.4rem;
}

.label--small[data-v-3116c0] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-3116c0] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-3116c0] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-3116c0] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-3116c0] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-3116c0] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-3116c0] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-3116c0] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-3116c0] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-3116c0]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-3116c0] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-3116c0], .fade-leave-active[data-v-3116c0] {
  transition: opacity .3s;
}

.fade-enter[data-v-3116c0], .fade-leave-to[data-v-3116c0] {
  opacity: 0;
}

.dot[data-v-3116c0] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-3116c0] {
  display: none !important;
}

.invisible[data-v-3116c0] {
  opacity: 0;
}

@keyframes loaderAnim-data-v-3116c0 {
  0% {
    transform: translateX(-60%);
  }

  100% {
    transform: translateX(60%);
  }
}

@keyframes progressAnimation-data-v-3116c0 {
  0% {
    transform: translateX(0);
  }

  70% {
    transform: translateX(20%);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes iconIn-data-v-3116c0 {
  0% {
    transform: translateX(2.4rem);
  }

  100% {
    transform: translateX(0);
  }
}

.mobile-progressbar[data-v-3116c0] {
  width: 100%;
  height: 0;
  transition: height .3s ease-in-out;
  position: relative;
}

.mobile-progressbar.open[data-v-3116c0] {
  height: 2.4rem;
}

.mobile-progressbar__wrapper[data-v-3116c0] {
  background-color: #fff;
  border-top: 1px solid #f0f0f0;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 2.4rem;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.mobile-progressbar__close-btn[data-v-3116c0] {
  z-index: 50;
  opacity: 0;
  pointer-events: none;
  background-color: #000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .3s ease-in-out;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.mobile-progressbar__close-btn[data-v-3116c0] svg {
  width: .8rem;
  height: .8rem;
}

.mobile-progressbar__close-btn[data-v-3116c0] svg path {
  fill: #fff;
}

.mobile-progressbar__close-btn.show[data-v-3116c0] {
  opacity: 1;
}

.mobile-progressbar__progress-icon[data-v-3116c0] {
  z-index: 5;
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
  position: relative;
  transform: rotate(-90deg);
}

.mobile-progressbar__progress-icon span[data-v-3116c0] {
  width: .8rem;
  height: .8rem;
  transition: transform .3s ease-in;
  transform: translateX(2.4rem);
}

.mobile-progressbar__progress-icon[data-v-3116c0] svg {
  width: .8rem;
  height: .8rem;
  animation: .8s ease-in-out infinite progressAnimation-data-v-3116c0;
}

.mobile-progressbar__progress-icon[data-v-3116c0] svg path {
  fill: #8c8c8c;
}

.mobile-progressbar__progress-icon.show span[data-v-3116c0] {
  transform: translateX(0);
}

.mobile-progressbar__progress-icon.hide span[data-v-3116c0] {
  transform: translateX(-2.4rem);
}

.mobile-progressbar__progress-icon.hide[data-v-3116c0] svg {
  animation: none;
}

.mobile-progressbar__progress-icon.reverse[data-v-3116c0] {
  transform: rotate(90deg);
}

.mobile-progressbar__done-icon[data-v-3116c0] {
  z-index: 5;
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.mobile-progressbar__done-icon span[data-v-3116c0] {
  width: .8rem;
  height: .8rem;
  transition: transform .3s ease-in;
  transform: translateY(-2.4rem);
}

.mobile-progressbar__done-icon[data-v-3116c0] svg {
  width: .8rem;
  height: .8rem;
}

.mobile-progressbar__done-icon[data-v-3116c0] svg path {
  fill: #8c8c8c;
}

.mobile-progressbar__done-icon.show span[data-v-3116c0] {
  transform: translateY(0);
}

.mobile-progressbar__wrapper-progress[data-v-3116c0] {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.mobile-progressbar__progress[data-v-3116c0] {
  background-color: #f0f0f0;
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
}

.mobile-progressbar__progress[data-v-3116c0]:after {
  content: "";
  background: linear-gradient(90deg, #fff0 40%, #ffffffb3 50%, #fff0 60%);
  width: 100%;
  height: 100%;
  transition: opacity .3s ease-in-out;
  animation: 1.5s linear infinite loaderAnim-data-v-3116c0;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.mobile-progressbar__progress.done[data-v-3116c0]:after {
  opacity: 0;
}

[data-v-291fe9]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-291fe9] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-291fe9] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-291fe9] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-291fe9] {
  font-size: 1.4rem;
}

.label--small[data-v-291fe9] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-291fe9] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-291fe9] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-291fe9] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-291fe9] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-291fe9] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-291fe9] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-291fe9] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-291fe9] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-291fe9]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-291fe9] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-291fe9], .fade-leave-active[data-v-291fe9] {
  transition: opacity .3s;
}

.fade-enter[data-v-291fe9], .fade-leave-to[data-v-291fe9] {
  opacity: 0;
}

.dot[data-v-291fe9] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-291fe9] {
  display: none !important;
}

.invisible[data-v-291fe9] {
  opacity: 0;
}

.remaining[data-v-291fe9] {
  background-color: #f4f4f4;
  border-top: 1px solid #f0f0f0;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 20px 10px;
  display: flex;
}

.remaining .wrap[data-v-291fe9] {
  display: flex;
}

.remaining .symbol[data-v-291fe9] {
  width: 15px;
  height: 15px;
  margin-right: 10px;
}

.remaining p[data-v-291fe9] {
  color: #b5b5b5;
  letter-spacing: .25px;
  font-weight: 500;
}

[data-v-c2a3f7]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-c2a3f7] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-c2a3f7] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-c2a3f7] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-c2a3f7] {
  font-size: 1.4rem;
}

.label--small[data-v-c2a3f7] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-c2a3f7] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-c2a3f7] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-c2a3f7] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-c2a3f7] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-c2a3f7] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-c2a3f7] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-c2a3f7] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-c2a3f7] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-c2a3f7]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-c2a3f7] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-c2a3f7], .fade-leave-active[data-v-c2a3f7] {
  transition: opacity .3s;
}

.fade-enter[data-v-c2a3f7], .fade-leave-to[data-v-c2a3f7] {
  opacity: 0;
}

.dot[data-v-c2a3f7] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-c2a3f7] {
  display: none !important;
}

.invisible[data-v-c2a3f7] {
  opacity: 0;
}

.search-field[data-v-c2a3f7] {
  height: 5rem;
}

.search-field__input-holder[data-v-c2a3f7] {
  background-color: #f6f5f5;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

.search-field__input-holder[data-v-c2a3f7]:after {
  content: "";
  background-color: #8c8c8c;
  width: .1rem;
  display: block;
  position: absolute;
  top: 1.6rem;
  bottom: 1.6rem;
  left: 3.2rem;
}

.search-field__input[data-v-c2a3f7] {
  color: #8c8c8c;
  background-color: #f6f5f5;
  border: none;
  width: 100%;
  padding: 1.6rem 4rem;
}

.search-field__search-result[data-v-c2a3f7] {
  z-index: 2;
  background-color: #f6f5f5;
  align-items: center;
  height: 100%;
  padding: 0 1.8rem;
  display: flex;
  position: relative;
}

.search-field__search-info[data-v-c2a3f7] {
  flex: 2;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.search-field__title[data-v-c2a3f7] {
  color: #000;
}

.search-field__sub-title[data-v-c2a3f7] {
  color: #8c8c8c;
}

.search-field__remove-btn[data-v-c2a3f7] {
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.search-field__remove-btn .symbol[data-v-c2a3f7] {
  background-color: #d5d5d5;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 1.6rem;
  height: 1.6rem;
  display: flex;
}

.search-field__remove-btn .symbol[data-v-c2a3f7] svg {
  width: .6rem;
  height: .6rem;
}

.search-field__remove-btn .symbol[data-v-c2a3f7] svg path {
  fill: #f6f5f5;
}

[data-v-469596]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-469596] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-469596] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-469596] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-469596] {
  font-size: 1.4rem;
}

.label--small[data-v-469596] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-469596] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-469596] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-469596] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-469596] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-469596] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-469596] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-469596] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-469596] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-469596]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-469596] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-469596], .fade-leave-active[data-v-469596] {
  transition: opacity .3s;
}

.fade-enter[data-v-469596], .fade-leave-to[data-v-469596] {
  opacity: 0;
}

.dot[data-v-469596] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-469596] {
  display: none !important;
}

.invisible[data-v-469596] {
  opacity: 0;
}

.search-filter .more-filters[data-v-469596] {
  margin-top: 50px;
  padding: 0 5rem;
}

.search-filter .more-filters .filter-group[data-v-469596] {
  margin-bottom: 30px;
}

.search-filter .more-filters .filter-group > p[data-v-469596] {
  color: #000;
  letter-spacing: .75px;
  text-transform: uppercase;
  margin-bottom: 10px;
  font-size: 10px;
  font-weight: bold;
}

.search-filter .more-filters .filter-group .inner[data-v-469596] {
  border: 1px solid #fff;
  border-radius: 2px;
}

.search-filter .more-filters .filter-group .inner .selected[data-v-469596] {
  cursor: pointer;
  background: #fafafa;
  border-bottom: 1px solid #eaeaea;
  align-items: center;
  height: 60px;
  padding: 0 2rem;
  display: flex;
  position: relative;
}

.search-filter .more-filters .filter-group .inner .selected .selected-arrow[data-v-469596] {
  width: 1.2rem;
  height: 1.2rem;
  transition: transform .3s;
  display: block;
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
}

.search-filter .more-filters .filter-group .inner .selected .selected-arrow .symbol[data-v-469596], .search-filter .more-filters .filter-group .inner .selected .selected-arrow .symbol[data-v-469596] svg {
  width: 100%;
  height: 100%;
}

.search-filter .more-filters .filter-group .inner .selected .selected-arrow .symbol[data-v-469596] svg path {
  fill: var(--companyColor);
}

.search-filter .more-filters .filter-group .inner .selected.active .selected-arrow[data-v-469596] {
  transform: translateY(-50%)rotate(180deg);
}

.search-filter .more-filters .filter-group .inner .selected p[data-v-469596] {
  color: var(--companyText);
  letter-spacing: .25px;
  font-size: 14px;
  font-weight: 300;
}

.search-filter .more-filters .filter-group .inner .selected ul[data-v-469596] {
  white-space: nowrap;
  width: calc(100% - 15px);
  overflow: scroll;
}

.search-filter .more-filters .filter-group .inner .selected ul li[data-v-469596] {
  color: #8c8c8c;
  letter-spacing: .75px;
  text-transform: uppercase;
  background: #fafafa;
  border: 1px solid #eaeaea;
  border-radius: 7px;
  padding: 10px 20px;
  font-size: 10px;
  font-weight: bold;
  display: inline-block;
}

.search-filter .more-filters .filter-group .inner .selected ul li + li[data-v-469596] {
  margin-left: 10px;
}

.search-filter .more-filters .filter-group .inner .options[data-v-469596] {
  max-height: 0;
  transition: max-height .5s;
  overflow: hidden;
}

.search-filter .more-filters .filter-group .inner .options.active[data-v-469596] {
  max-height: 225px;
  overflow: scroll;
}

.search-filter .more-filters .filter-group .inner .options li[data-v-469596] {
  align-items: center;
  height: 50px;
  padding: 0 20px;
  display: flex;
}

.search-filter .more-filters .filter-group .inner .options li + li[data-v-469596] {
  border-top: 1px solid #fff;
}

.search-filter .more-filters .filter-group .inner .options li input[data-v-469596] {
  display: none;
}

.search-filter .more-filters .filter-group .inner .options li label[data-v-469596] {
  cursor: pointer;
  align-items: center;
  display: flex;
}

.search-filter .more-filters .filter-group .inner .options li label .symbol[data-v-469596] {
  width: 1.9rem;
  height: 1.9rem;
}

.search-filter .more-filters .filter-group .inner .options li label .icon[data-v-469596] {
  margin-left: 2rem;
}

.search-filter .more-filters .filter-group .inner .options li label[data-v-469596] svg {
  width: 100% !important;
  height: 100% !important;
}

.search-filter .more-filters .filter-group .inner .options li label[data-v-469596] svg path {
  fill: var(--companyColor);
}

.search-filter .more-filters .filter-group .inner .options li label span[data-v-469596] {
  color: #000;
  letter-spacing: .25px;
  font-size: 14px;
  font-weight: 300;
}

.search-filter .more-filters .filter-group .inner .options li label span[data-v-469596]:last-of-type {
  margin-left: 1rem;
}

[data-v-2bbfae]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-2bbfae] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-2bbfae] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-2bbfae] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-2bbfae] {
  font-size: 1.4rem;
}

.label--small[data-v-2bbfae] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-2bbfae] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-2bbfae] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-2bbfae] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-2bbfae] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-2bbfae] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-2bbfae] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-2bbfae] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-2bbfae] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-2bbfae]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-2bbfae] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-2bbfae], .fade-leave-active[data-v-2bbfae] {
  transition: opacity .3s;
}

.fade-enter[data-v-2bbfae], .fade-leave-to[data-v-2bbfae] {
  opacity: 0;
}

.dot[data-v-2bbfae] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-2bbfae] {
  display: none !important;
}

.invisible[data-v-2bbfae] {
  opacity: 0;
}

.search-tab[data-v-2bbfae] {
  display: block;
}

.search-tab__label[data-v-2bbfae] {
  color: #8c8c8c;
  border-bottom: .1rem solid #0000;
  padding: 1.4rem 1.8rem 1rem;
  transition: color .3s, border .3s;
  display: flex;
}

.search-tab__label .symbol[data-v-2bbfae] {
  width: auto;
  height: 1.2rem;
  margin-right: .8rem;
}

.search-tab__label[data-v-2bbfae] svg path, .search-tab__label[data-v-2bbfae] svg g {
  fill: #8c8c8c;
  transition: fill .3s;
}

.search-tab input[data-v-2bbfae] {
  display: none;
}

.search-tab input:checked ~ .search-tab__label[data-v-2bbfae] {
  color: #000;
  border-bottom: .1rem solid #000;
  font-weight: 500;
}

.search-tab input:checked ~ .search-tab__label[data-v-2bbfae] svg path, .search-tab input:checked ~ .search-tab__label[data-v-2bbfae] svg g {
  fill: #000;
}

[data-v-940308]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-940308] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-940308] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-940308] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-940308] {
  font-size: 1.4rem;
}

.label--small[data-v-940308] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-940308] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-940308] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-940308] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-940308] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-940308] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-940308] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-940308] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-940308] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-940308]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-940308] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-940308], .fade-leave-active[data-v-940308] {
  transition: opacity .3s;
}

.fade-enter[data-v-940308], .fade-leave-to[data-v-940308] {
  opacity: 0;
}

.dot[data-v-940308] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-940308] {
  display: none !important;
}

.invisible[data-v-940308] {
  opacity: 0;
}

@keyframes rotateLoader-data-v-940308 {
  0% {
    transform: rotate(0);
  }

  100% {
    transform: rotate(360deg);
  }
}

.snackbar-item[data-v-940308] {
  background-color: #fff;
  border: .1rem solid #eaeaea;
  border-radius: .3rem;
  flex-direction: column;
  gap: 1.6rem;
  padding: 1.6rem 1.6rem 1.6rem 2.2rem;
  display: flex;
  position: relative;
}

.snackbar-item .symbol[data-v-940308] svg {
  width: 1.6rem;
  height: 1.6rem;
}

.snackbar-item__content[data-v-940308] {
  align-items: center;
  gap: .8rem;
  display: flex;
}

.snackbar-item__color-id[data-v-940308] {
  width: .2rem;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.snackbar-item__img[data-v-940308] {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 3.2rem 3.2rem;
  border-radius: .3rem;
  width: 4.8rem;
  height: 4.8rem;
}

.snackbar-item__img.thumbnail[data-v-940308] {
  background-size: cover;
}

.snackbar-item__loader[data-v-940308] {
  width: 1.6rem;
  height: 1.6rem;
  position: relative;
}

.snackbar-item__extra-loader[data-v-940308] {
  width: 14rem;
  height: 14rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.snackbar-item__title[data-v-940308] {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 2;
  line-height: 1.6rem;
  overflow: hidden;
}

.snackbar-item__title span[data-v-940308] {
  color: #8c8c8c;
}

.snackbar-item__remove-btn[data-v-940308] {
  cursor: pointer;
  background: none;
  border: none;
  width: 1.6rem;
  height: 1.6rem;
}

.snackbar-item__remove-btn .symbol[data-v-940308] svg {
  width: .8rem;
  height: .8rem;
}

.snackbar-item__action-btns[data-v-940308] {
  gap: .8rem;
  display: flex;
}

[data-v-3d9813]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-3d9813] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-3d9813] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-3d9813] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-3d9813] {
  font-size: 1.4rem;
}

.label--small[data-v-3d9813] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-3d9813] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-3d9813] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-3d9813] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-3d9813] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-3d9813] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-3d9813] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-3d9813] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-3d9813] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-3d9813]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-3d9813] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-3d9813], .fade-leave-active[data-v-3d9813] {
  transition: opacity .3s;
}

.fade-enter[data-v-3d9813], .fade-leave-to[data-v-3d9813] {
  opacity: 0;
}

.dot[data-v-3d9813] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-3d9813] {
  display: none !important;
}

.invisible[data-v-3d9813] {
  opacity: 0;
}

.sort-option[data-v-3d9813] {
  background: none;
  border: none;
  align-items: center;
  display: flex;
}

.sort-option__icon[data-v-3d9813] {
  width: .5rem;
  height: .8rem;
  margin-left: .8rem;
  display: block;
}

.sort-option__icon[data-v-3d9813] svg g {
  fill: var(--companyIconFade);
}

.sort-option__icon.active[data-v-3d9813] {
  transform: scaleY(-1);
}

[data-v-b7db10]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-b7db10] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-b7db10] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-b7db10] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-b7db10] {
  font-size: 1.4rem;
}

.label--small[data-v-b7db10] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-b7db10] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-b7db10] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-b7db10] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-b7db10] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-b7db10] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-b7db10] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-b7db10] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-b7db10] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-b7db10]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-b7db10] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-b7db10], .fade-leave-active[data-v-b7db10] {
  transition: opacity .3s;
}

.fade-enter[data-v-b7db10], .fade-leave-to[data-v-b7db10] {
  opacity: 0;
}

.dot[data-v-b7db10] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-b7db10] {
  display: none !important;
}

.invisible[data-v-b7db10] {
  opacity: 0;
}

.symbol[data-v-b7db10], [data-v-b7db10] svg {
  display: block;
}

[data-v-b47c60]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-b47c60] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-b47c60] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-b47c60] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-b47c60] {
  font-size: 1.4rem;
}

.label--small[data-v-b47c60] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-b47c60] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-b47c60] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-b47c60] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-b47c60] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-b47c60] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-b47c60] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-b47c60] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-b47c60] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-b47c60]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-b47c60] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-b47c60], .fade-leave-active[data-v-b47c60] {
  transition: opacity .3s;
}

.fade-enter[data-v-b47c60], .fade-leave-to[data-v-b47c60] {
  opacity: 0;
}

.dot[data-v-b47c60] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-b47c60] {
  display: none !important;
}

.invisible[data-v-b47c60] {
  opacity: 0;
}

.tag[data-v-b47c60] {
  cursor: pointer;
  opacity: .5;
  background-color: #fff;
  border: none;
  border-radius: 1rem;
  align-items: center;
  gap: .8rem;
  padding: .8rem;
  transition: opacity .3s;
  display: flex;
}

.tag__close-btn[data-v-b47c60] {
  background: none;
  border: none;
  padding: 0;
}

.tag__close-btn[data-v-b47c60] svg {
  width: 1rem;
  height: 1rem;
}

.tag__close-btn[data-v-b47c60] svg path {
  fill: #000;
}

.tag--deleting[data-v-b47c60] {
  opacity: .5;
  pointer-events: none;
}

.tag--active[data-v-b47c60] {
  opacity: 1;
}

.tag.light[data-v-b47c60] {
  background-color: var(--companyColor);
  color: #fff;
}

.tag.light .tag__close-btn[data-v-b47c60] svg path {
  fill: #fff;
}

.popper {
  color: #212121;
  text-align: center;
  z-index: 200000;
  background-color: #fafafa;
  border: 1px solid #ebebeb;
  border-radius: 3px;
  width: auto;
  padding: 2px;
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
  position: absolute;
  box-shadow: 0 0 6px #3a3a3a;
}

.popper .popper__arrow {
  border-style: solid;
  width: 0;
  height: 0;
  margin: 5px;
  position: absolute;
}

.popper[x-placement^="top"] {
  margin-bottom: 5px;
}

.popper[x-placement^="top"] .popper__arrow {
  border-width: 5px 5px 0;
  border-color: #fafafa #0000 #0000;
  margin-top: 0;
  margin-bottom: 0;
  bottom: -5px;
  left: calc(50% - 5px);
}

.popper[x-placement^="bottom"] {
  margin-top: 5px;
}

.popper[x-placement^="bottom"] .popper__arrow {
  border-width: 0 5px 5px;
  border-color: #0000 #0000 #fafafa;
  margin-top: 0;
  margin-bottom: 0;
  top: -5px;
  left: calc(50% - 5px);
}

.popper[x-placement^="right"] {
  margin-left: 5px;
}

.popper[x-placement^="right"] .popper__arrow {
  border-width: 5px 5px 5px 0;
  border-color: #0000 #fafafa #0000 #0000;
  margin-left: 0;
  margin-right: 0;
  top: calc(50% - 5px);
  left: -5px;
}

.popper[x-placement^="left"] {
  margin-right: 5px;
}

.popper[x-placement^="left"] .popper__arrow {
  border-width: 5px 0 5px 5px;
  border-color: #0000 #0000 #0000 #fafafa;
  margin-left: 0;
  margin-right: 0;
  top: calc(50% - 5px);
  right: -5px;
}

[data-v-f3dc07]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-f3dc07] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-f3dc07] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-f3dc07] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-f3dc07] {
  font-size: 1.4rem;
}

.label--small[data-v-f3dc07] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-f3dc07] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-f3dc07] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-f3dc07] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-f3dc07] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-f3dc07] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-f3dc07] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-f3dc07] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-f3dc07] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-f3dc07]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-f3dc07] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.dot[data-v-f3dc07] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-f3dc07] {
  display: none !important;
}

.invisible[data-v-f3dc07] {
  opacity: 0;
}

.fade-enter-active[data-v-f3dc07], .fade-leave-active[data-v-f3dc07] {
  transition: opacity .3s;
}

.fade-enter[data-v-f3dc07], .fade-leave-to[data-v-f3dc07] {
  opacity: 0;
}

.tool-tip__trigger[data-v-f3dc07] {
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.tool-tip__trigger[data-v-f3dc07] .symbol svg {
  width: 1.6rem;
  height: 1.6rem;
}

.tool-tip__trigger[data-v-f3dc07] .symbol svg path {
  fill: var(--companyColor);
}

.tool-tip .popper[data-v-f3dc07] {
  box-shadow: none;
  filter: drop-shadow(0 -.1rem #eaeaea) drop-shadow(0 .1rem #eaeaea);
  text-align: left;
  background: #fff;
  border: none;
  border-left: .1rem solid #eaeaea;
  border-right: .1rem solid #eaeaea;
  border-radius: .3rem;
  flex-direction: column;
  gap: .4rem;
  max-width: 30rem;
  padding: 1.6rem;
  display: flex;
}

.tool-tip .popper[data-v-f3dc07]:hover {
  background: #fff;
}

.tool-tip .popper--hard-remove[data-v-f3dc07] {
  pointer-events: none;
  opacity: 0;
}

[data-v-5d241f]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-5d241f] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-5d241f] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-5d241f] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-5d241f] {
  font-size: 1.4rem;
}

.label--small[data-v-5d241f] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-5d241f] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-5d241f] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-5d241f] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-5d241f] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-5d241f] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-5d241f] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-5d241f] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-5d241f] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-5d241f]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-5d241f] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-5d241f], .fade-leave-active[data-v-5d241f] {
  transition: opacity .3s;
}

.fade-enter[data-v-5d241f], .fade-leave-to[data-v-5d241f] {
  opacity: 0;
}

.dot[data-v-5d241f] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-5d241f] {
  display: none !important;
}

.invisible[data-v-5d241f] {
  opacity: 0;
}

.tooltip-btn[data-v-5d241f] {
  position: relative;
}

.tooltip-btn__hint[data-v-5d241f] {
  pointer-events: none;
  opacity: 0;
  white-space: nowrap;
  background-color: #000;
  border-radius: .3rem;
  margin-bottom: 1.5rem;
  padding: .8rem;
  transition: opacity .3s, transform .3s;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%)translateY(1rem);
}

.tooltip-btn__hint[data-v-5d241f]:after {
  content: "";
  background-color: #000;
  border-radius: .2rem;
  width: 1rem;
  height: 1rem;
  display: block;
  position: absolute;
  bottom: -.5rem;
  left: 50%;
  transform: translateX(-50%)rotate(45deg);
}

.tooltip-btn__hint.left[data-v-5d241f] {
  left: 0;
  transform: translateY(1rem);
}

.tooltip-btn__hint.left[data-v-5d241f]:after {
  left: 1.5rem;
  transform: rotate(45deg);
}

.tooltip-btn[data-v-5d241f]:hover {
  z-index: 5;
}

.tooltip-btn:hover .tooltip-btn__hint[data-v-5d241f] {
  opacity: 1;
  transform: translateX(-50%)translateY(0);
}

.tooltip-btn:hover .tooltip-btn__hint.left[data-v-5d241f] {
  transform: translateY(0);
}

.tooltip-btn--blanco[data-v-5d241f] {
  opacity: 0;
  pointer-events: none;
}

[data-v-bce8fd]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-bce8fd] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-bce8fd] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-bce8fd] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-bce8fd] {
  font-size: 1.4rem;
}

.label--small[data-v-bce8fd] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-bce8fd] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-bce8fd] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-bce8fd] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-bce8fd] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-bce8fd] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-bce8fd] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-bce8fd] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-bce8fd] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-bce8fd]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-bce8fd] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-bce8fd], .fade-leave-active[data-v-bce8fd] {
  transition: opacity .3s;
}

.fade-enter[data-v-bce8fd], .fade-leave-to[data-v-bce8fd] {
  opacity: 0;
}

.dot[data-v-bce8fd] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-bce8fd] {
  display: none !important;
}

.invisible[data-v-bce8fd] {
  opacity: 0;
}

.top-option[data-v-bce8fd] {
  border-bottom: .1rem solid #b5b5b5;
}

.top-option .symbol[data-v-bce8fd] svg {
  width: 1.3rem;
  height: 1.3rem;
}

.top-option__item[data-v-bce8fd] {
  color: #8c8c8c;
  background: none;
  border: none;
  align-items: center;
  width: 100%;
  padding: 2.4rem 1.8rem;
  display: flex;
}

.top-option__item .symbol[data-v-bce8fd], .top-option__item .checkmark[data-v-bce8fd] {
  order: -1;
  width: 1.2rem;
  height: 1.2rem;
  margin-right: 2rem;
  display: block;
}

.top-option__item .symbol[data-v-bce8fd] svg path, .top-option__item .checkmark[data-v-bce8fd] svg path {
  fill: #8c8c8c;
}

.top-option__item input[data-v-bce8fd] {
  display: none;
}

.top-option__item input:checked ~ .title[data-v-bce8fd] {
  color: #3e82ed;
}

.top-option__item input:checked ~ .checkmark[data-v-bce8fd] svg path {
  fill: #3e82ed;
}

@media only screen and (width >= 540px) {
  .label--small-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

@media only screen and (width >= 540px) {
  .h1--d {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.tree-title {
  -webkit-user-select: none;
  user-select: none;
  color: #8c8c8c;
  cursor: pointer;
  flex-direction: row;
  flex: none;
  justify-content: center;
  align-items: center;
  max-width: calc(100% - 3rem);
  height: 28px;
  font-size: 1.4rem;
  font-weight: 700;
  transition: all .5s;
  display: flex;
  position: relative;
}

.tree-title:before {
  content: "";
  z-index: 0;
  background-color: #0000;
  border: 1px solid #0000;
  border-radius: 1.1rem;
  transition: all .5s;
  position: absolute;
  inset: -2px -12px;
}

.tree-title .icon {
  z-index: 55;
  width: 1.5rem;
  height: 1.2rem;
  position: relative;
}

.tree-title .icon svg {
  width: 1.5rem;
  height: 1.2rem;
}

.tree-title .icon svg path {
  fill: var(--color) !important;
}

.tree-title .icon.lock, .tree-title .icon.lock svg {
  width: 1.5rem;
  height: 1.5rem;
}

.tree-title p, .tree-title input {
  z-index: 5;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 1rem;
  line-height: 2rem;
  position: relative;
  overflow: hidden;
}

.tree-title input {
  color: #8c8c8c;
  background: none;
  border: none;
  font-size: 1.4rem;
  font-weight: 700;
}

.tree-title.active, .tree-title.active input {
  color: #fff;
}

.tree-title.active .symbol svg path {
  fill: #fff !important;
}

.tree-title.active:before {
  background-color: var(--color);
  border: 1px solid #0000000d;
}

[data-v-fedee2]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-fedee2] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-fedee2] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-fedee2] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-fedee2] {
  font-size: 1.4rem;
}

.label--small[data-v-fedee2] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-fedee2] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-fedee2] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-fedee2] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-fedee2] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-fedee2] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-fedee2] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-fedee2] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-fedee2] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-fedee2]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-fedee2] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-fedee2], .fade-leave-active[data-v-fedee2] {
  transition: opacity .3s;
}

.fade-enter[data-v-fedee2], .fade-leave-to[data-v-fedee2] {
  opacity: 0;
}

.dot[data-v-fedee2] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-fedee2] {
  display: none !important;
}

.invisible[data-v-fedee2] {
  opacity: 0;
}

.user-menu-item[data-v-fedee2] {
  border: .1rem solid var(--companyLine);
  background-color: var(--companyBtn);
  cursor: pointer;
  border-radius: .2rem;
  transition: background-color .3s;
  position: relative;
}

.user-menu-item[data-v-fedee2]:hover {
  background-color: var(--companyBtnHover);
}

.user-menu-item__link[data-v-fedee2] {
  color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  height: 17.5rem;
  display: flex;
}

.user-menu-item__link .symbol[data-v-fedee2] {
  width: 1.8rem;
  height: 1.8rem;
}

.user-menu-item__link .symbol[data-v-fedee2] svg {
  width: 100%;
  height: 100%;
}

.user-menu-item__link .symbol[data-v-fedee2] svg path {
  fill: #fff;
}

.user-menu-item__extra-menu[data-v-fedee2] {
  background-color: var(--companyBtn);
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.user-menu-item__extra-item[data-v-fedee2] {
  background-color: var(--companyBtn);
  color: #fff;
  transition: background-color .3s;
}

.user-menu-item__extra-item a[data-v-fedee2] {
  padding: 1.7rem 3rem;
  display: block;
}

.user-menu-item__extra-item[data-v-fedee2]:hover {
  background-color: var(--companyBtnHover);
}

.user-menu-item__close[data-v-fedee2] {
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 1.7rem 3rem;
  display: flex;
}

.user-menu-item__close .symbol[data-v-fedee2] {
  justify-content: center;
  width: 1.4rem;
  height: 1.4rem;
  display: flex;
}

.user-menu-item__close .symbol[data-v-fedee2] svg {
  width: 100%;
  height: 100%;
}

.user-menu-item__close .symbol[data-v-fedee2] svg path {
  fill: #fff;
}

[data-v-b83eca]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-b83eca] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-b83eca] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-b83eca] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-b83eca] {
  font-size: 1.4rem;
}

.label--small[data-v-b83eca] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-b83eca] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-b83eca] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-b83eca] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-b83eca] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-b83eca] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-b83eca] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-b83eca] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-b83eca] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-b83eca]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-b83eca] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-b83eca], .fade-leave-active[data-v-b83eca] {
  transition: opacity .3s;
}

.fade-enter[data-v-b83eca], .fade-leave-to[data-v-b83eca] {
  opacity: 0;
}

.dot[data-v-b83eca] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-b83eca] {
  display: none !important;
}

.invisible[data-v-b83eca] {
  opacity: 0;
}

.vaccordeon[data-v-b83eca] {
  background-color: var(--companyBtnHover);
  border-radius: .3rem;
}

.vaccordeon__btn[data-v-b83eca] {
  color: #fff;
  cursor: pointer;
  background: none;
  border: none;
  align-items: center;
  gap: 1.6rem;
  width: 100%;
  padding: 1rem;
  display: flex;
}

.vaccordeon__btn .symbol[data-v-b83eca] {
  transition: transform .3s;
}

.vaccordeon__btn .symbol[data-v-b83eca] svg {
  width: 1.2rem;
  height: 1.2rem;
}

.vaccordeon__btn .symbol[data-v-b83eca] svg path {
  fill: #fff;
}

.vaccordeon__btn.isOpen .symbol[data-v-b83eca] {
  transform: rotate(180deg);
}

.vaccordeon__title[data-v-b83eca] {
  text-align: left;
  flex: 2;
}

.vaccordeon__values[data-v-b83eca] {
  flex-direction: column;
  gap: 1.6rem;
  padding: 0 1rem 1.5rem;
  display: flex;
}

[data-v-832068]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-832068] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-832068] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-832068] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-832068] {
  font-size: 1.4rem;
}

.label--small[data-v-832068] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-832068] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-832068] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-832068] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-832068] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-832068] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-832068] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-832068] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-832068] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-832068]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-832068] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-832068], .fade-leave-active[data-v-832068] {
  transition: opacity .3s;
}

.fade-enter[data-v-832068], .fade-leave-to[data-v-832068] {
  opacity: 0;
}

.dot[data-v-832068] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-832068] {
  display: none !important;
}

.invisible[data-v-832068] {
  opacity: 0;
}

.button[data-v-832068], .button--type--blue[data-v-832068], .button--type--green[data-v-832068], .button--type--red[data-v-832068], .button--type--light-transparent[data-v-832068], .button--type--transparent[data-v-832068], .button--type--white[data-v-832068], .button--type--light[data-v-832068], .button--type--overlay[data-v-832068], .button--type--dark[data-v-832068] {
  cursor: pointer;
  white-space: nowrap;
  transition: background-color .3s;
}

.button .symbol[data-v-832068], .button--type--blue .symbol[data-v-832068], .button--type--green .symbol[data-v-832068], .button--type--red .symbol[data-v-832068], .button--type--light-transparent .symbol[data-v-832068], .button--type--transparent .symbol[data-v-832068], .button--type--white .symbol[data-v-832068], .button--type--light .symbol[data-v-832068], .button--type--overlay .symbol[data-v-832068], .button--type--dark .symbol[data-v-832068] {
  width: initial;
  height: initial;
  justify-content: center;
  display: flex;
}

.button--type--dark[data-v-832068] {
  color: #fff;
  background-color: var(--companyBtn);
  border: none;
}

.button--type--dark[data-v-832068] svg g, .button--type--dark[data-v-832068] svg path {
  fill: #fff;
}

@media (hover: hover) {
  .button--type--dark[data-v-832068]:hover {
    background-color: var(--companyBtnHover);
  }
}

.button--type--dark[disabled="disabled"][data-v-832068], .button--type--dark[disabled][data-v-832068] {
  opacity: .5;
  pointer-events: none;
}

.button--type--overlay[data-v-832068] {
  color: #fff;
  background-color: var(--overlayBtn);
  border: none;
}

.button--type--overlay[data-v-832068] svg g, .button--type--overlay[data-v-832068] svg path {
  fill: #fff;
}

@media (hover: hover) {
  .button--type--overlay[data-v-832068]:hover {
    color: var(--companyText);
    background-color: #fff;
  }

  .button--type--overlay[data-v-832068]:hover svg g, .button--type--overlay[data-v-832068]:hover svg path {
    fill: var(--companyText);
  }
}

.button--type--overlay[disabled="disabled"][data-v-832068], .button--type--overlay[disabled][data-v-832068] {
  background-color: var(--overlayBtnDisabled);
  pointer-events: none;
}

.button--type--light[data-v-832068] {
  color: var(--companyText);
  background-color: var(--lightBtn);
  border: 1px solid var(--lightBtnBorder);
}

.button--type--light[data-v-832068] svg g, .button--type--light[data-v-832068] svg path {
  fill: var(--companyText);
}

@media (hover: hover) {
  .button--type--light[data-v-832068]:hover {
    background-color: var(--lightBtnHover);
  }
}

.button--type--light[disabled="disabled"][data-v-832068], .button--type--light[disabled][data-v-832068] {
  color: var(--companyText);
  background-color: var(--lightBtnDisabled);
  pointer-events: none;
  opacity: .5;
}

.button--type--light[disabled="disabled"][data-v-832068] svg g, .button--type--light[disabled="disabled"][data-v-832068] svg path, .button--type--light[disabled][data-v-832068] svg g, .button--type--light[disabled][data-v-832068] svg path {
  fill: var(--companyText);
  opacity: .5;
}

.button--type--white[data-v-832068] {
  color: var(--companyText);
  border: 1px solid var(--lightBtnBorder);
  background-color: #fff;
}

.button--type--white[data-v-832068] svg path {
  fill: var(--companyText);
}

@media (hover: hover) {
  .button--type--white[data-v-832068]:hover {
    background-color: #fafafa;
  }
}

.button--type--white[disabled="disabled"][data-v-832068], .button--type--white[disabled][data-v-832068] {
  color: rgba(var(--companyBtnHover), .5);
  background-color: var(--lightBtnDisabled);
  pointer-events: none;
}

.button--type--white[disabled="disabled"][data-v-832068] svg path, .button--type--white[disabled][data-v-832068] svg path {
  fill: rgba(var(--companyBtnHover), .5);
}

.button--type--transparent[data-v-832068] {
  color: var(--companyBtnHover);
  background-color: #fff;
  border: none;
}

.button--type--transparent[data-v-832068] svg path {
  fill: var(--companyBtn);
}

@media (hover: hover) {
  .button--type--transparent[data-v-832068]:hover {
    background-color: #fff;
  }
}

.button--type--transparent[disabled="disabled"][data-v-832068], .button--type--transparent[disabled][data-v-832068] {
  color: rgba(var(--companyBtnHover), .5);
  background-color: var(--lightBtnDisabled);
  pointer-events: none;
}

.button--type--transparent[disabled="disabled"][data-v-832068] svg path, .button--type--transparent[disabled][data-v-832068] svg path {
  fill: rgba(var(--companyBtnHover), .5);
}

.button--type--light-transparent[data-v-832068] {
  color: #fff;
  background-color: #0000;
  border: none;
}

.button--type--light-transparent[data-v-832068] svg path {
  fill: #fff;
}

@media (hover: hover) {
  .button--type--light-transparent[data-v-832068]:hover {
    color: #000;
    background-color: #fff;
  }

  .button--type--light-transparent[data-v-832068]:hover svg path {
    fill: #000;
  }
}

.button--type--light-transparent[disabled="disabled"][data-v-832068], .button--type--light-transparent[disabled][data-v-832068] {
  color: #ffffff80;
  pointer-events: none;
  background-color: #0000;
}

.button--type--light-transparent[disabled="disabled"][data-v-832068] svg path, .button--type--light-transparent[disabled][data-v-832068] svg path {
  fill: #ffffff80;
}

.button--type--red[data-v-832068] {
  color: #fff;
  background-color: #df3535;
  border: none;
}

@media (hover: hover) {
  .button--type--red[data-v-832068]:hover {
    background-color: #c21f1f;
  }
}

.button--type--red[disabled="disabled"][data-v-832068], .button--type--red[disabled][data-v-832068] {
  background-color: var(--companyIconFade);
  pointer-events: none;
}

.button--type--green[data-v-832068] {
  color: #fff;
  background-color: #82b347;
  border: none;
}

@media (hover: hover) {
  .button--type--green[data-v-832068]:hover {
    background-color: #678e39;
  }
}

.button--type--green[disabled="disabled"][data-v-832068], .button--type--green[disabled][data-v-832068] {
  pointer-events: none;
  background-color: #9bc469;
}

.button--type--blue[data-v-832068] {
  color: #fff;
  background-color: #3e82ed;
  border: none;
}

@media (hover: hover) {
  .button--type--blue[data-v-832068]:hover {
    background-color: #1565e3;
  }
}

.button--type--blue[disabled="disabled"][data-v-832068], .button--type--blue[disabled][data-v-832068] {
  pointer-events: none;
  background-color: #6da0f1;
}

.button--icon[data-v-832068] {
  justify-content: center;
  align-items: center;
  display: flex;
}

.button--icon[data-v-832068] svg {
  width: 16px;
  height: 16px;
  margin: 0 1rem 0 0;
}

.button--size--full[data-v-832068] {
  letter-spacing: .25px;
  border-radius: 3px;
  outline: none;
  width: 100%;
  height: 60px;
  font-size: 14px;
  font-weight: 500;
}

.button--size--normal[data-v-832068] {
  letter-spacing: .25px;
  text-align: center;
  border-radius: 3px;
  outline: none;
  width: 275px;
  height: 60px;
  font-size: 14px;
  font-weight: 500;
}

.button--size--small[data-v-832068] {
  letter-spacing: .25px;
  text-align: center;
  border-radius: 3px;
  outline: none;
  width: auto;
  height: 4rem;
  padding: 0 2rem;
  font-size: 14px;
  font-weight: 500;
}

.button--size--tiny[data-v-832068] {
  letter-spacing: .02rem;
  text-align: center;
  border-radius: 3px;
  outline: none;
  width: auto;
  height: auto;
  padding: 1.2rem 1.4rem;
  font-size: 1.2rem;
  font-weight: 500;
}

.button--size--tiny[data-v-832068] svg {
  width: 1rem;
  height: 1rem;
}

.button--size--large-icon[data-v-832068] {
  border-radius: 12px;
  width: 50px;
  height: 50px;
}

.button--size--large-icon[data-v-832068] svg {
  margin: 0;
}

.button--size--large-icon-medium[data-v-832068] {
  border-radius: 12px;
  width: 50px;
  height: 50px;
}

.button--size--large-icon-medium[data-v-832068] svg {
  width: 20px;
  height: 20px;
  margin: 0;
}

.button--size--large-icon-large[data-v-832068] {
  border-radius: 12px;
  width: 50px;
  height: 50px;
}

.button--size--large-icon-large[data-v-832068] svg {
  width: 25px;
  height: 25px;
  margin: 0;
}

.button--size--medium-icon[data-v-832068] {
  border-radius: 12px;
  width: 40px;
  height: 40px;
}

.button--size--medium-icon[data-v-832068] svg {
  margin: 0;
}

.button--size--small-icon[data-v-832068] {
  border-radius: 5px;
  width: 40px;
  height: 40px;
  padding: 0;
}

.button--size--small-icon[data-v-832068] svg {
  width: 8px;
  height: 8px;
  margin: 0;
}

.button--size--small-icon-large[data-v-832068] {
  border-radius: 3px;
  width: 40px;
  height: 40px;
  padding: 0;
}

.button--size--small-icon-large[data-v-832068] svg {
  width: 14px;
  height: 14px;
  margin: 0;
}

.button--size--xxsmall-icon[data-v-832068] {
  border-radius: 3px;
  width: 20px;
  height: 20px;
  padding: 0;
}

.button--size--xxsmall-icon[data-v-832068] svg {
  width: 8px;
  height: 8px;
  margin: 0;
}

.button--size--xsmall-icon[data-v-832068] {
  border-radius: 3px;
  width: 30px;
  height: 30px;
  padding: 0;
}

.button--size--xsmall-icon[data-v-832068] svg {
  width: 8px;
  height: 8px;
  margin: 0;
}

.button--size--xsmall-icon-large[data-v-832068] {
  border-radius: 3px;
  width: 30px;
  height: 30px;
  padding: 0;
}

.button--size--xsmall-icon-large[data-v-832068] svg {
  width: 12px;
  height: 12px;
  margin: 0;
}

.button--size--xsmall-icon-xl[data-v-832068] {
  border-radius: 3px;
  width: 30px;
  height: 30px;
  padding: 0;
}

.button--size--xsmall-icon-xl[data-v-832068] svg {
  width: 17px;
  height: 17px;
  margin: 0;
}

.button--size--small-icon-xl[data-v-832068] {
  border-radius: 3px;
  width: 40px;
  height: 40px;
  padding: 0;
}

.button--size--small-icon-xl[data-v-832068] svg {
  width: 17px;
  height: 17px;
  margin: 0;
}

.button--size--slim[data-v-832068] {
  text-transform: capitalize;
  border-radius: 3px;
  gap: 1rem;
  padding: 1.1rem 2rem;
  font-size: 1.4rem;
}

.button--size--slim[data-v-832068] svg {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0;
}

.button--position--bottom[data-v-832068] {
  border-radius: 0 0 3px 3px;
}

.button--position--top-right[data-v-832068] {
  position: absolute;
  top: 1.5rem;
  right: 1.5rem;
}

.button--position--inline-flex[data-v-832068] {
  display: inline-flex;
}

.heavy-border-radius[data-v-832068] {
  border-radius: .8rem;
}

.button--active[data-v-832068] svg path {
  fill: #3e82ed;
}

[data-v-2c0260]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-2c0260] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-2c0260] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-2c0260] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-2c0260] {
  font-size: 1.4rem;
}

.label--small[data-v-2c0260] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-2c0260] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-2c0260] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-2c0260] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-2c0260] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-2c0260] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-2c0260] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-2c0260] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-2c0260] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-2c0260]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-2c0260] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-2c0260], .fade-leave-active[data-v-2c0260] {
  transition: opacity .3s;
}

.fade-enter[data-v-2c0260], .fade-leave-to[data-v-2c0260] {
  opacity: 0;
}

.dot[data-v-2c0260] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-2c0260] {
  display: none !important;
}

.invisible[data-v-2c0260] {
  opacity: 0;
}

.vcheck__input[data-v-2c0260] {
  display: none;
}

.vcheck__input:checked ~ .vcheck__checkmark .symbol[data-v-2c0260] {
  opacity: 1;
}

.vcheck__checkmark[data-v-2c0260] {
  cursor: pointer;
  background-color: #fff;
  border: .1rem solid #eaeaea;
  border-radius: .2rem;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.vcheck__checkmark .symbol[data-v-2c0260] {
  opacity: 0;
  width: .8rem;
  height: .8rem;
}

.vcheck__checkmark .symbol[data-v-2c0260] svg {
  fill: var(--companyColor);
}

.verte {
  justify-content: center;
  display: flex;
  position: relative;
}

.verte * {
  box-sizing: border-box;
}

.verte--loading {
  opacity: 0;
}

.verte__guide {
  background: none;
  border: 0;
  width: 24px;
  height: 24px;
  padding: 0;
}

.verte__guide:focus {
  outline: 0;
}

.verte__guide svg {
  fill: inherit;
  width: 100%;
  height: 100%;
}

.verte__menu {
  will-change: transform;
  background-color: #fff;
  border-radius: 6px;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 250px;
  box-shadow: 0 8px 15px #0000001a;
}

.verte__menu:focus {
  outline: none;
}

.verte__menu-origin {
  z-index: 10;
  display: none;
  position: absolute;
}

.verte__menu-origin--active {
  display: flex;
}

.verte__menu-origin--static {
  z-index: initial;
  position: static;
}

.verte__menu-origin--top {
  bottom: 50px;
}

.verte__menu-origin--bottom {
  top: 50px;
}

.verte__menu-origin--right {
  right: 0;
}

.verte__menu-origin--left {
  left: 0;
}

.verte__menu-origin--center {
  background-color: #0000001a;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}

.verte__menu-origin:focus {
  outline: none;
}

.verte__controller {
  padding: 0 20px 20px;
}

.verte__recent {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  display: flex;
}

.verte__recent-color {
  background-color: #fff;
  background-image: linear-gradient(45deg, #70809080 25%, #0000 25%), linear-gradient(45deg, #0000 75%, #70809080 75%), linear-gradient(-45deg, #70809080 25%, #0000 25%), linear-gradient(-45deg, #0000 75%, #70809080 75%);
  background-position: 0 0, 3px -3px, 0 3px, -3px 0;
  background-size: 6px 6px;
  border-radius: 50%;
  width: 27px;
  height: 27px;
  margin: 4px;
  overflow: hidden;
  box-shadow: 0 2px 4px #0000001a;
}

.verte__recent-color:after {
  content: "";
  background-color: currentColor;
  width: 100%;
  height: 100%;
  display: block;
}

.verte__value {
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  border: 1px solid #708090;
  border-radius: 6px 0 0 6px;
  width: 100%;
  padding: .6em;
  font-size: 12px;
}

.verte__value:focus {
  border-color: #1a3aff;
  outline: none;
}

.verte__icon {
  width: 20px;
  height: 20px;
}

.verte__icon--small {
  width: 12px;
  height: 12px;
}

.verte__input {
  text-align: center;
  appearance: none;
  -moz-appearance: textfield;
  border-width: 0 0 1px;
  min-width: 0;
  margin: 0 3px;
  padding: 5px;
}

.verte__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.verte__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.verte__inputs {
  margin-bottom: 5px;
  font-size: 16px;
  display: flex;
}

.verte__draggable {
  cursor: grab;
  background-color: #70809033;
  background-image: linear-gradient(90deg, #fff 2px, #0000 1%), linear-gradient(#fff 2px, #0000 1%), none;
  background-position: center, center, 0 0;
  background-repeat: repeat, repeat, repeat;
  background-size: 4px 4px;
  background-attachment: scroll, scroll, scroll;
  background-origin: padding-box, padding-box, padding-box;
  background-clip: border-box, border-box, border-box;
  border-radius: 6px 6px 0 0;
  width: 100%;
  height: 8px;
}

.verte__model, .verte__submit {
  text-align: center;
  cursor: pointer;
  color: #708090;
  fill: #708090;
  background-color: #0000;
  border: 0;
  outline: none;
  justify-content: center;
  align-items: center;
  padding: 1px;
  font-weight: 700;
  display: inline-flex;
  position: relative;
}

.verte__model:hover, .verte__submit:hover {
  fill: #1a3aff;
  color: #1a3aff;
}

.verte__close {
  z-index: 1;
  cursor: pointer;
  fill: #fff;
  background-color: #0006;
  border: 0;
  border-radius: 50%;
  outline: none;
  justify-content: center;
  align-items: center;
  padding: 4px;
  display: flex;
  position: absolute;
  top: 1px;
  right: 1px;
  transform: translate(50%, -50%);
  box-shadow: 1px 1px 1px #0003;
}

.verte__close:hover {
  background-color: #0009;
}

.verte-picker {
  flex-direction: column;
  width: 100%;
  margin: 0 auto 10px;
  display: flex;
}

.verte-picker--wheel {
  margin-top: 20px;
}

.verte-picker__origin {
  -webkit-user-select: none;
  user-select: none;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

.verte-picker__slider {
  margin: 20px 20px 0;
}

.verte-picker__canvas {
  display: block;
}

.verte-picker__cursor {
  will-change: transform;
  pointer-events: none;
  background-color: #0000;
  border: 1px solid #fff;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  margin: -6px;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 0 0 1.5px #fff, inset 0 0 1px 1px #0000004d, 0 0 1px 2px #0006;
}

.verte-picker__input {
  margin-bottom: 10px;
  display: flex;
}

.slider {
  box-sizing: border-box;
  align-items: center;
  margin-bottom: 10px;
  font-size: 20px;
  display: flex;
  position: relative;
}

.slider:hover .slider-label, .slider--dragging .slider-label {
  visibility: visible;
  opacity: 1;
}

.slider__input {
  text-align: center;
  -webkit-appearance: none;
  -moz-appearance: textfield;
  border: 0;
  width: 20%;
  max-width: 70px;
  margin-bottom: 0;
  margin-left: .2em;
  padding: .3em;
  font-size: 12px;
}

.slider__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.slider__input::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.slider__input:focus {
  border-color: #1a3aff;
  outline: none;
}

.slider__track {
  will-change: transfom;
  background-color: #fff;
  background-image: linear-gradient(45deg, #70809080 25%, #0000 25%), linear-gradient(45deg, #0000 75%, #70809080 75%), linear-gradient(-45deg, #70809080 25%, #0000 25%), linear-gradient(-45deg, #0000 75%, #70809080 75%);
  background-position: 0 0, 3px -3px, 0 3px, -3px 0;
  background-repeat: repeat;
  background-size: 6px 6px;
  background-attachment: scroll;
  background-origin: padding-box;
  background-clip: border-box;
  border-radius: 10px;
  flex: 1;
  width: auto;
  height: 8px;
  margin: 3px;
  position: relative;
}

.slider__handle {
  will-change: transform;
  color: #000;
  background-color: currentColor;
  border: 2px solid #fff;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  margin: -2px 0 0 -8px;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 1px 4px -2px #000;
}

.slider__label {
  z-index: 999;
  visibility: hidden;
  color: #fff;
  text-align: center;
  opacity: 0;
  white-space: nowrap;
  background-color: #000;
  border-radius: 6px;
  min-width: 3em;
  padding: 6px;
  font-size: 12px;
  line-height: 1em;
  position: absolute;
  top: -3em;
  left: .4em;
  transform: translate(-50%);
}

.slider__label:before {
  content: "";
  border: .6em solid #0000;
  border-top-color: #000;
  border-bottom-width: 0;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  bottom: -.6em;
  left: 50%;
  transform: translate3d(-50%, 0, 0);
}

.slider__fill {
  transform-origin: 0 0;
  border-radius: 10px;
  width: 100%;
  height: 100%;
}

[data-v-f2a95d]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-f2a95d] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-f2a95d] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-f2a95d] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-f2a95d] {
  font-size: 1.4rem;
}

.label--small[data-v-f2a95d] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-f2a95d] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-f2a95d] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-f2a95d] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-f2a95d] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-f2a95d] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-f2a95d] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-f2a95d] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-f2a95d] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-f2a95d]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-f2a95d] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-f2a95d], .fade-leave-active[data-v-f2a95d] {
  transition: opacity .3s;
}

.fade-enter[data-v-f2a95d], .fade-leave-to[data-v-f2a95d] {
  opacity: 0;
}

.dot[data-v-f2a95d] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-f2a95d] {
  display: none !important;
}

.invisible[data-v-f2a95d] {
  opacity: 0;
}

.input-color[data-v-f2a95d] {
  background-color: #fafafa;
  border: 1px solid #eaeaea;
  flex-direction: row;
  display: flex;
}

.input-color.block[data-v-f2a95d] {
  display: block;
}

.input-color .color-select[data-v-f2a95d] {
  background-color: #fff;
  border-right: 1px solid #eaeaea;
  flex-direction: column;
  flex: 0 100%;
  justify-content: center;
  height: 66px;
  padding: 0 15px;
  display: flex;
}

.input-color .color-select > .container[data-v-f2a95d] {
  flex-direction: row;
  width: 100%;
  display: flex;
}

.input-color .color-select > .container .color-item[data-v-f2a95d] {
  cursor: pointer;
  padding: 5px;
  display: block;
}

.input-color .color-select > .container .color-item .inner[data-v-f2a95d] {
  background-color: var(--companyIconFade);
  border-radius: 5px;
  width: 20px;
  height: 20px;
  position: relative;
}

.input-color .color-select > .container .color-item .inner[data-v-f2a95d]:after {
  content: "";
  opacity: 0;
  border: 1px solid #8c8c8c;
  border-radius: 6px;
  transition: all .25s;
  display: block;
  position: absolute;
  inset: -2px;
}

.input-color .color-select > .container .color-item.active .inner[data-v-f2a95d]:after {
  opacity: 1;
}

.input-color .color-selected[data-v-f2a95d] {
  flex-direction: column;
  flex: 0 0 15rem;
  justify-content: center;
  max-width: 15rem;
  height: 66px;
  display: flex;
}

.input-color .color-selected.block[data-v-f2a95d] {
  border-left: none;
  max-width: 100%;
}

.input-color .color-selected .container[data-v-f2a95d] {
  flex-direction: row;
  align-items: center;
  padding: 0 20px;
  display: flex;
}

.input-color .color-selected .container .color-name[data-v-f2a95d] {
  box-sizing: border-box;
  flex-direction: row;
  flex: 0 100%;
  padding: 0 .8rem 0 0;
  display: flex;
}

.input-color .color-selected .container .color-name span[data-v-f2a95d] {
  color: #8c8c8c;
  margin: 0 1px 0 0;
  font-weight: 500;
  line-height: 1em;
  display: block;
  position: relative;
  top: 2px;
}

.input-color .color-selected .container .color-name input[data-v-f2a95d] {
  line-height: 1em;
  font-size: inherit;
  color: #8c8c8c;
  text-transform: uppercase;
  background-color: #0000;
  border: none;
  outline: none;
  width: 100%;
  margin: 0;
  padding: 0;
  font-weight: 500;
}

.input-color .color-selected .container .color-name input[data-v-f2a95d]::-webkit-input-placeholder {
  color: #8c8c8c;
  font-weight: 400;
  font-size: inherit;
}

.input-color .color-selected .container .color-name input[data-v-f2a95d]::placeholder {
  color: #8c8c8c;
  font-weight: 400;
  font-size: inherit;
}

.input-color .color-selected .container .color-name input[data-v-f2a95d]:-ms-input-placeholder {
  color: #8c8c8c;
  font-weight: 400;
  font-size: inherit;
}

.input-color .color-selected .container .color-name input[data-v-f2a95d]:-moz-placeholder {
  color: #8c8c8c;
  font-weight: 400;
  font-size: inherit;
}

.input-color .color-selected .container .color-tag[data-v-f2a95d] {
  flex: none;
}

.input-color .color-selected .container .color-tag .tag[data-v-f2a95d] {
  cursor: pointer;
  border-radius: .5rem;
  width: 2rem;
  height: 2rem;
}

.input-color[data-v-f2a95d] .verte__close {
  background-color: var(--companyColor);
  border-radius: .3rem;
}

.input-color[data-v-f2a95d] .verte__submit {
  display: none !important;
}

[data-v-e1243f]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-e1243f] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-e1243f] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-e1243f] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-e1243f] {
  font-size: 1.4rem;
}

.label--small[data-v-e1243f] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-e1243f] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-e1243f] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-e1243f] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-e1243f] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-e1243f] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-e1243f] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-e1243f] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-e1243f] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-e1243f]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-e1243f] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-e1243f], .fade-leave-active[data-v-e1243f] {
  transition: opacity .3s;
}

.fade-enter[data-v-e1243f], .fade-leave-to[data-v-e1243f] {
  opacity: 0;
}

.dot[data-v-e1243f] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-e1243f] {
  display: none !important;
}

.invisible[data-v-e1243f] {
  opacity: 0;
}

.vdropdown[data-v-e1243f] {
  z-index: 50;
  flex-direction: column;
  width: 100%;
  display: flex;
  position: relative;
}

.vdropdown.open[data-v-e1243f] {
  z-index: 500;
}

.vdropdown__selected[data-v-e1243f] {
  cursor: pointer;
  color: #fff;
  background-color: var(--overlayBtn);
  text-transform: capitalize;
  border: none;
  border-radius: 3px;
  align-items: center;
  gap: 1rem;
  padding: 1rem 2rem;
  font-size: 1.4rem;
  transition: background-color .3s;
  display: flex;
}

.vdropdown__selected[data-v-e1243f] svg g, .vdropdown__selected[data-v-e1243f] svg path {
  fill: #fff;
}

.vdropdown__selected[data-v-e1243f]:hover {
  color: var(--companyText);
  background-color: #fff;
}

.vdropdown__selected[data-v-e1243f]:hover svg g, .vdropdown__selected[data-v-e1243f]:hover svg path {
  fill: var(--companyText);
}

.vdropdown__selected[disabled="disabled"][data-v-e1243f], .vdropdown__selected[disabled][data-v-e1243f] {
  background-color: var(--overlayBtnDisabled);
  pointer-events: none;
}

.vdropdown__selected.open[data-v-e1243f] {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.vdropdown__selected[data-v-e1243f] svg {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0;
}

.vdropdown__selected-title[data-v-e1243f] {
  text-align: left;
  flex: 2;
  font-weight: 600;
}

.vdropdown__selected-input[data-v-e1243f] {
  color: inherit;
  background: none;
  border: none;
}

.vdropdown__selected-arrow[data-v-e1243f] {
  transition: transform .3s;
}

.vdropdown__selected-arrow[data-v-e1243f] svg {
  width: 1.2rem;
  height: 1.2rem;
}

.vdropdown__selected-arrow.open[data-v-e1243f] {
  transform: rotate(180deg);
}

.vdropdown__options[data-v-e1243f] {
  border-bottom-right-radius: .3rem;
  border-bottom-left-radius: .3rem;
  flex-direction: column;
  width: 100%;
  height: 0;
  transition: height .3s;
  display: flex;
  position: absolute;
  top: 100%;
  left: 0;
  overflow: hidden;
}

.vdropdown__options.open[data-v-e1243f] {
  height: 11.4rem;
  overflow: auto;
}

.vdropdown__option-wrapper[data-v-e1243f] {
  border-bottom: .1rem solid #f2f2f2;
}

.vdropdown__option-wrapper[data-v-e1243f]:last-of-type {
  border-bottom: none;
}

.vdropdown__res[data-v-e1243f] {
  color: #8c8c8c;
  font-size: 1rem;
}

.vdropdown__option[data-v-e1243f] {
  cursor: pointer;
  color: #000;
  background-color: var(--overlayBtn);
  text-transform: capitalize;
  background-color: #fff;
  border: none;
  align-items: center;
  gap: 1rem;
  width: 100%;
  height: 3.8rem;
  padding: 1rem 2rem;
  font-size: 1.4rem;
  font-weight: 500;
  transition: background-color .3s;
  display: flex;
}

.vdropdown__option[data-v-e1243f]:hover {
  color: var(--companyText);
  background-color: #fff;
}

.vdropdown__option[disabled="disabled"][data-v-e1243f], .vdropdown__option[disabled][data-v-e1243f] {
  background-color: var(--overlayBtnDisabled);
  pointer-events: none;
}

.vdropdown__option.open[data-v-e1243f] {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.vdropdown__option[data-v-e1243f] svg {
  width: 1.2rem;
  height: 1.2rem;
  margin: 0;
}

.vdropdown__option[data-v-e1243f] svg g, .vdropdown__option[data-v-e1243f] svg path {
  fill: #000;
}

.vdropdown__option[data-v-e1243f]:hover {
  background-color: var(--lightBtnHover);
  color: #fff;
}

.vdropdown__option[data-v-e1243f]:hover svg g, .vdropdown__option[data-v-e1243f]:hover svg path {
  fill: #fff;
}

.vdropdown__option:hover .vdropdown__res[data-v-e1243f] {
  color: #fff;
}

.vdropdown__option[disabled="disabled"][data-v-e1243f], .vdropdown__option[disabled][data-v-e1243f] {
  color: rgba(var(--companyBtnHover), .5);
  background-color: var(--lightBtnDisabled);
  pointer-events: none;
}

.vdropdown__option[disabled="disabled"][data-v-e1243f] svg g, .vdropdown__option[disabled="disabled"][data-v-e1243f] svg path, .vdropdown__option[disabled][data-v-e1243f] svg g, .vdropdown__option[disabled][data-v-e1243f] svg path {
  fill: rgba(var(--companyBtnHover), .5);
}

.vdropdown__option-name[data-v-e1243f] {
  text-align: left;
  flex: 2;
}

.vdropdown--light .vdropdown__selected[data-v-e1243f] {
  color: #000;
  background-color: #fafafa;
  border: 1px solid #eaeaea;
}

.vdropdown--light .vdropdown__selected[data-v-e1243f] svg g, .vdropdown--light .vdropdown__selected[data-v-e1243f] svg path {
  fill: #000;
}

.vdropdown--light .vdropdown__selected[data-v-e1243f]:hover {
  background-color: var(--lightBtnHover);
}

.vdropdown--light .vdropdown__selected[disabled="disabled"][data-v-e1243f], .vdropdown--light .vdropdown__selected[disabled][data-v-e1243f] {
  color: rgba(var(--companyBtnHover), .5);
  background-color: var(--lightBtnDisabled);
  pointer-events: none;
}

.vdropdown--light .vdropdown__selected[disabled="disabled"][data-v-e1243f] svg g, .vdropdown--light .vdropdown__selected[disabled="disabled"][data-v-e1243f] svg path, .vdropdown--light .vdropdown__selected[disabled][data-v-e1243f] svg g, .vdropdown--light .vdropdown__selected[disabled][data-v-e1243f] svg path {
  fill: rgba(var(--companyBtnHover), .5);
}

.vdropdown--light .vdropdown__option[data-v-e1243f] {
  color: #000;
  background-color: #fafafa;
}

.vdropdown--light .vdropdown__option[data-v-e1243f] svg g, .vdropdown--light .vdropdown__option[data-v-e1243f] svg path {
  fill: #000;
}

.vdropdown--light .vdropdown__option[data-v-e1243f]:hover {
  background-color: var(--lightBtnHover);
}

.vdropdown--light .vdropdown__option[disabled="disabled"][data-v-e1243f], .vdropdown--light .vdropdown__option[disabled][data-v-e1243f] {
  color: rgba(var(--companyBtnHover), .5);
  background-color: var(--lightBtnDisabled);
  pointer-events: none;
}

.vdropdown--light .vdropdown__option[disabled="disabled"][data-v-e1243f] svg g, .vdropdown--light .vdropdown__option[disabled="disabled"][data-v-e1243f] svg path, .vdropdown--light .vdropdown__option[disabled][data-v-e1243f] svg g, .vdropdown--light .vdropdown__option[disabled][data-v-e1243f] svg path {
  fill: rgba(var(--companyBtnHover), .5);
}

.vdropdown--l .vdropdown__selected[data-v-e1243f] {
  padding: 2.5rem;
}

.vdropdown--l .vdropdown__options.open[data-v-e1243f] {
  height: 20.8rem;
}

.vdropdown--l .vdropdown__option[data-v-e1243f] {
  padding: 2.5rem;
}

[data-v-d5c684]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-d5c684] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-d5c684] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-d5c684] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-d5c684] {
  font-size: 1.4rem;
}

.label--small[data-v-d5c684] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-d5c684] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-d5c684] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-d5c684] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-d5c684] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-d5c684] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-d5c684] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-d5c684] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-d5c684] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-d5c684]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-d5c684] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-d5c684], .fade-leave-active[data-v-d5c684] {
  transition: opacity .3s;
}

.fade-enter[data-v-d5c684], .fade-leave-to[data-v-d5c684] {
  opacity: 0;
}

.dot[data-v-d5c684] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-d5c684] {
  display: none !important;
}

.invisible[data-v-d5c684] {
  opacity: 0;
}

.view-option[data-v-d5c684] {
  background: none;
  border: none;
  padding: 0;
  display: block;
}

.view-option__icon[data-v-d5c684] {
  width: 1.3rem;
  height: 1.3rem;
  display: block;
}

.view-option__icon[data-v-d5c684] svg path, .view-option__icon[data-v-d5c684] svg g {
  fill: #b5b5b5;
}

.view-option__icon.active[data-v-d5c684] svg path, .view-option__icon.active[data-v-d5c684] svg g {
  fill: var(--companyColor);
}

@media only screen and (width >= 540px) {
  .label--small-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

@media only screen and (width >= 540px) {
  .h1--d {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.vinput {
  flex-direction: column;
  gap: 1.2rem;
  display: flex;
}

.vinput__label {
  margin-left: 1rem;
}

.vinput__container {
  background-color: #fff;
  border-radius: .3rem;
  align-items: stretch;
  display: flex;
}

.vinput__prepend {
  color: #fff;
  background-color: #000;
  padding: 2.4rem 2.2rem;
}

.vinput__input-holder {
  flex: 2;
  align-items: center;
  padding: 2.4rem 2.2rem;
  display: flex;
  position: relative;
}

.vinput__swatch {
  background-color: #000;
  border-radius: .4rem;
  width: 1.6rem;
  height: 1.6rem;
  display: block;
}

.vinput__input {
  background: none;
  border: none;
  flex: 2;
  padding: 0;
  display: block;
}

.vinput__input.invisible {
  max-height: 1.8rem;
  overflow: hidden;
}

.vinput__file-input {
  flex: 2;
  gap: 1rem;
  display: flex;
  overflow: hidden;
}

.vinput__file-input .symbol svg path {
  fill: #8c8c8c;
}

.vinput__file-input-text {
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #8c8c8c;
  flex: 2;
  overflow: hidden;
}

.vinput__link {
  margin-top: 1.2rem;
  margin-left: 1rem;
}

.vinput__text {
  display: block;
}

.vinput__text span {
  color: #8c8c8c;
  font-size: 1.1rem;
}

.vinput__under-text {
  color: #b5b5b5;
  margin-top: 1rem;
}

.vinput__under-text span {
  color: #8c8c8c;
  margin-top: .5rem;
  font-size: 1.1rem;
  font-weight: bold;
}

.vinput--icon input {
  padding-right: .8rem;
}

.vinput--dark .vinput__label {
  color: #b5b5b5;
}

.vinput--dark .vinput__link {
  color: #8c8c8c;
}

.vinput--light .vinput__label, .vinput--light .vinput__link {
  color: #000;
}

.vinput--light .vinput__input-holder {
  background-color: #fafafa;
  border: .1rem solid #eaeaea;
  border-radius: 0;
}

.vinput--slim .vinput__input-holder {
  padding: 1.2rem;
}

[data-v-95d82e]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-95d82e] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-95d82e] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-95d82e] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-95d82e] {
  font-size: 1.4rem;
}

.label--small[data-v-95d82e] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-95d82e] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-95d82e] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-95d82e] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-95d82e] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-95d82e] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-95d82e] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-95d82e] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-95d82e] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-95d82e]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-95d82e] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-95d82e], .fade-leave-active[data-v-95d82e] {
  transition: opacity .3s;
}

.fade-enter[data-v-95d82e], .fade-leave-to[data-v-95d82e] {
  opacity: 0;
}

.dot[data-v-95d82e] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-95d82e] {
  display: none !important;
}

.invisible[data-v-95d82e] {
  opacity: 0;
}

.vlink[data-v-95d82e] {
  cursor: pointer;
  gap: .8rem;
  display: flex;
}

.vlink--center[data-v-95d82e] {
  text-align: center;
}

.vlink--dark[data-v-95d82e] {
  color: #8c8c8c;
  transition: color .3s;
}

.vlink--dark .vlink__icon[data-v-95d82e] svg g, .vlink--dark .vlink__icon[data-v-95d82e] svg path {
  fill: #8c8c8c;
  transition: fill .3s;
}

@media (hover: hover) and (pointer: fine) {
  .vlink--dark[data-v-95d82e]:hover {
    color: #fff;
  }

  .vlink--dark:hover .vlink__icon[data-v-95d82e] svg g, .vlink--dark:hover .vlink__icon[data-v-95d82e] svg path {
    fill: #fff;
  }
}

.vlink--light[data-v-95d82e] {
  color: #8c8c8c;
}

.vlink--light .vlink__icon[data-v-95d82e] svg g, .vlink--light .vlink__icon[data-v-95d82e] svg path {
  fill: #8c8c8c;
}

.vlink__icon[data-v-95d82e] {
  height: 100%;
}

[data-v-7ce22c]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-7ce22c] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-7ce22c] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-7ce22c] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-7ce22c] {
  font-size: 1.4rem;
}

.label--small[data-v-7ce22c] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-7ce22c] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-7ce22c] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-7ce22c] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-7ce22c] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-7ce22c] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-7ce22c] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-7ce22c] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-7ce22c] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-7ce22c]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-7ce22c] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-7ce22c], .fade-leave-active[data-v-7ce22c] {
  transition: opacity .3s;
}

.fade-enter[data-v-7ce22c], .fade-leave-to[data-v-7ce22c] {
  opacity: 0;
}

.dot[data-v-7ce22c] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-7ce22c] {
  display: none !important;
}

.invisible[data-v-7ce22c] {
  opacity: 0;
}

.vslider[data-v-7ce22c] {
  flex-direction: column;
  gap: .4rem;
  display: flex;
}

.vslider__label[data-v-7ce22c] {
  color: var(--subTextColorOnCompanyColor);
}

.vslider__inputs[data-v-7ce22c] {
  align-items: center;
  gap: 1.6rem;
  display: flex;
}

.vslider__number-input[data-v-7ce22c] {
  border: none;
  border-bottom: var(--subTextColorOnCompanyColor) solid .1rem;
  color: #fff;
  text-align: center;
  background: none;
  justify-content: center;
  align-items: center;
  width: 3.2rem;
  height: 2.4rem;
  display: flex;
}

.vslider__number-range[data-v-7ce22c] {
  appearance: none;
  opacity: 1;
  cursor: pointer;
  background: #fff;
  border-radius: .2rem;
  outline: none;
  flex: 2;
  width: 100%;
  height: .2rem;
}

.vslider__number-range[data-v-7ce22c]::-webkit-slider-thumb {
  appearance: none;
  cursor: pointer;
  background: #fff;
  border-radius: 50%;
  width: 1.2rem;
  height: 1.2rem;
}

.vslider__number-range[data-v-7ce22c]::-moz-range-thumb {
  cursor: pointer;
  background: #fff;
  border-radius: 50%;
  width: 1.2rem;
  height: 1.2rem;
}

.vslider--gradient-black-white .vslider__number-range[data-v-7ce22c] {
  background: linear-gradient(90deg, #000 0%, #fff 100%);
}

.vslider--gradient-white-black .vslider__number-range[data-v-7ce22c] {
  background: linear-gradient(90deg, #fff 0%, #000 100%);
}

.vslider--gradient-rainbow .vslider__number-range[data-v-7ce22c] {
  background: linear-gradient(90deg, red 0%, #ff9a00 10%, #d0de21 20%, #4fdc4a 30%, #3fdad8 40%, #2fc9e2 50%, #1c7fee 60%, #5f15f2 70%, #ba0cf8 80%, #fb07d9 90%, red 100%);
}

[data-v-cd918c]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-cd918c] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-cd918c] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-cd918c] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-cd918c] {
  font-size: 1.4rem;
}

.label--small[data-v-cd918c] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-cd918c] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-cd918c] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-cd918c] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-cd918c] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-cd918c] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-cd918c] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-cd918c] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-cd918c] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-cd918c]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-cd918c] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-cd918c], .fade-leave-active[data-v-cd918c] {
  transition: opacity .3s;
}

.fade-enter[data-v-cd918c], .fade-leave-to[data-v-cd918c] {
  opacity: 0;
}

.dot[data-v-cd918c] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-cd918c] {
  display: none !important;
}

.invisible[data-v-cd918c] {
  opacity: 0;
}

.vswitch[data-v-cd918c] {
  cursor: pointer;
  align-items: center;
  gap: 1.6rem;
  display: flex;
}

.vswitch__label[data-v-cd918c] {
  gap: .8rem;
  display: flex;
}

.vswitch__label .symbol[data-v-cd918c] {
  width: initial;
}

.vswitch__holder[data-v-cd918c] {
  border: .1rem solid #eaeaea;
  border-radius: 2rem;
  width: 4rem;
  height: 2rem;
  display: block;
  position: relative;
}

.vswitch__holder[data-v-cd918c]:after {
  content: "";
  border-radius: 2rem;
  transition: right .3s;
  display: block;
  position: absolute;
  inset: .1rem 2.1rem .1rem .1rem;
}

.vswitch__knob[data-v-cd918c] {
  z-index: 2;
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  transition: transform .3s;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.vswitch input[data-v-cd918c] {
  display: none;
}

.vswitch input:checked ~ .vswitch__holder[data-v-cd918c]:after {
  right: .1rem;
}

.vswitch input:checked ~ .vswitch__holder .vswitch__knob[data-v-cd918c] {
  transform: translateX(2rem);
}

.vswitch--light .vswitch__holder[data-v-cd918c] {
  background-color: #fff;
  border-color: #eaeaea;
}

.vswitch--light .vswitch__holder[data-v-cd918c]:after {
  background-color: var(--companyColor);
}

.vswitch--light .vswitch__knob[data-v-cd918c] {
  background-color: #fff;
  box-shadow: .2rem .2rem .4rem #0003;
}

.vswitch--light[data-v-cd918c] svg g {
  fill: #000;
}

.vswitch--light .vswitch__label[data-v-cd918c] {
  color: #000;
}

[data-v-3351b6]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-3351b6] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-3351b6] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-3351b6] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-3351b6] {
  font-size: 1.4rem;
}

.label--small[data-v-3351b6] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-3351b6] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-3351b6] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-3351b6] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-3351b6] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-3351b6] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-3351b6] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-3351b6] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-3351b6] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-3351b6]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-3351b6] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-3351b6], .fade-leave-active[data-v-3351b6] {
  transition: opacity .3s;
}

.fade-enter[data-v-3351b6], .fade-leave-to[data-v-3351b6] {
  opacity: 0;
}

.dot[data-v-3351b6] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-3351b6] {
  display: none !important;
}

.invisible[data-v-3351b6] {
  opacity: 0;
}

.v-text-editor[data-v-3351b6] {
  flex-direction: column;
  flex: 2;
  align-items: stretch;
  display: flex;
}

.v-text-editor__label[data-v-3351b6] {
  margin-bottom: 1.2rem;
  margin-left: 1rem;
}

.v-text-editor__textarea[data-v-3351b6] {
  flex: 2;
  width: 100%;
  position: relative;
}

.v-text-editor .quillWrapper[data-v-3351b6] {
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0;
}

.v-text-editor .quillWrapper .ql-toolbar.ql-snow[data-v-3351b6] {
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem;
}

.v-text-editor .quillWrapper .ql-snow.ql-container[data-v-3351b6] {
  border-bottom-right-radius: .3rem;
  border-bottom-left-radius: .3rem;
  flex: 2;
}

[data-v-2c5093]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-2c5093] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-2c5093] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-2c5093] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-2c5093] {
  font-size: 1.4rem;
}

.label--small[data-v-2c5093] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-2c5093] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-2c5093] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-2c5093] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-2c5093] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-2c5093] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-2c5093] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-2c5093] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-2c5093] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-2c5093]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-2c5093] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-2c5093], .fade-leave-active[data-v-2c5093] {
  transition: opacity .3s;
}

.fade-enter[data-v-2c5093], .fade-leave-to[data-v-2c5093] {
  opacity: 0;
}

.dot[data-v-2c5093] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-2c5093] {
  display: none !important;
}

.invisible[data-v-2c5093] {
  opacity: 0;
}

.add-collection[data-v-2c5093] {
  flex-direction: column;
  justify-content: center;
  width: 40rem;
  height: 100%;
  display: flex;
  overflow-y: auto;
}

.add-collection .container[data-v-2c5093] {
  width: 90%;
  margin: 0 auto;
}

.add-collection .container header[data-v-2c5093] {
  align-items: center;
  margin-bottom: 1.5rem;
  display: flex;
}

.add-collection .container header .symbol[data-v-2c5093] {
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
}

.add-collection .container header .symbol[data-v-2c5093] svg {
  width: 100%;
  height: 100%;
}

.add-collection .container header .symbol[data-v-2c5093] svg path {
  fill: #8c8c8c;
}

.add-collection .container header h3[data-v-2c5093] {
  color: #8c8c8c;
  letter-spacing: .32px;
  margin-top: 3px;
  margin-left: 1rem;
  font-size: 1.8rem;
}

.add-collection .container main[data-v-2c5093] {
  background-color: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  padding: 6% 0 0;
}

.add-collection .container main input[data-v-2c5093] {
  color: #b5b5b5;
  letter-spacing: .25px;
  background-color: #fafafa;
  border: 1px solid #eaeaea;
  outline: none;
  width: 88%;
  height: 68px;
  margin: 0 auto 6%;
  padding: 0 2rem;
  font-size: 14px;
  transition: all .3s;
  display: block;
}

.add-collection .container main input[data-v-2c5093]:focus {
  color: #000;
  background-color: #fafafa;
}

.add-collection .container main div.error-row[data-v-2c5093] {
  border: 0 solid #df3535;
  width: 88%;
  height: auto;
  margin: 0 auto 6%;
  display: block;
  overflow: hidden;
}

.add-collection .container main div.error-row.active[data-v-2c5093] {
  border: 1px solid #df353526;
  margin-top: 10px;
  transition: border 0s .1s, margin-top .3s .3s;
}

.add-collection .container main div.error-row.active div.content[data-v-2c5093] {
  margin-top: 0;
}

.add-collection .container main div.error-row div.content[data-v-2c5093] {
  background-color: #df353512;
  border-radius: 2px;
  justify-content: flex-start;
  margin-top: -100%;
  padding: 1.5rem;
  transition: all .5s;
  display: flex;
}

.add-collection .container main div.error-row .symbol[data-v-2c5093] {
  width: 1.9rem;
  height: 1.9rem;
}

.add-collection .container main div.error-row p[data-v-2c5093] {
  color: #df3535;
  letter-spacing: .15px;
  margin: 0 0 0 1rem;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.6rem;
}

[data-v-ec6734]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-ec6734] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-ec6734] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-ec6734] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-ec6734] {
  font-size: 1.4rem;
}

.label--small[data-v-ec6734] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-ec6734] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-ec6734] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-ec6734] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-ec6734] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-ec6734] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-ec6734] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-ec6734] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-ec6734] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-ec6734]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-ec6734] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-ec6734], .fade-leave-active[data-v-ec6734] {
  transition: opacity .3s;
}

.fade-enter[data-v-ec6734], .fade-leave-to[data-v-ec6734] {
  opacity: 0;
}

.dot[data-v-ec6734] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-ec6734] {
  display: none !important;
}

.invisible[data-v-ec6734] {
  opacity: 0;
}

.add-folder[data-v-ec6734] {
  position: initial;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.add-folder .error[data-v-ec6734] {
  color: #df3535;
  letter-spacing: .15px;
  background-color: #f6f5f5;
  border: 1px solid #f7d7d7;
  border-radius: 2px;
  gap: 2rem;
  width: 88%;
  margin: 0 auto 6%;
  padding: 1.5rem 2rem;
  font-size: 14px;
  line-height: 19px;
  display: flex;
}

.add-folder .error .symbol[data-v-ec6734] svg {
  width: 2rem;
  height: 2rem;
}

.add-folder .error .symbol[data-v-ec6734] svg path {
  fill: #df3535;
}

.add-folder > .container[data-v-ec6734] {
  width: 90%;
  margin: 0 auto;
}

.add-folder > .container header[data-v-ec6734] {
  align-items: center;
  margin-bottom: 1.5rem;
  display: flex;
}

.add-folder > .container header .symbol[data-v-ec6734] svg {
  width: 3rem;
  height: 2.4rem;
}

.add-folder > .container header .symbol[data-v-ec6734] svg path {
  fill: #8c8c8c;
}

.add-folder > .container header h3[data-v-ec6734] {
  color: #8c8c8c;
  letter-spacing: .32px;
  margin-top: 3px;
  margin-left: 1rem;
  font-size: 1.8rem;
}

.add-folder > .container main[data-v-ec6734] {
  background-color: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  padding: 6%;
}

.add-folder > .container main input[data-v-ec6734] {
  color: #b5b5b5;
  letter-spacing: .25px;
  background-color: #fafafa;
  border: 1px solid #eaeaea;
  outline: none;
  width: 100%;
  height: 68px;
  margin: 0 auto 6%;
  padding: 0 2rem;
  font-size: 14px;
  transition: all .3s;
  display: block;
}

.add-folder > .container main input[data-v-ec6734]:focus {
  color: #000;
  background-color: #fafafa;
}

.add-folder > .container main .private[data-v-ec6734] {
  width: 100%;
  margin: 17px auto 6%;
  overflow: hidden;
}

.add-folder > .container main .private label[data-v-ec6734] {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  flex-direction: row;
  align-items: center;
  margin: 0;
  display: flex;
}

.add-folder > .container main .private label .ios-switch .switch-container[data-v-ec6734] {
  border: 2px solid #eaeaea;
  border-radius: 12px;
  width: 41px;
  height: 25px;
  position: relative;
  overflow: hidden;
}

.add-folder > .container main .private label .ios-switch .switch-container .switch-button[data-v-ec6734] {
  transition: left .55s cubic-bezier(.5, 0, 0, 1);
  position: absolute;
  top: -1px;
  left: -1px;
}

.add-folder > .container main .private label .ios-switch .switch-container .switch-button[data-v-ec6734]:before {
  content: "";
  background-color: #82b347;
  width: 50px;
  display: block;
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: 50%;
}

.add-folder > .container main .private label .ios-switch .switch-container .switch-button .inner[data-v-ec6734] {
  background-color: #fff;
  border: 1px solid #0000000a;
  border-radius: 50%;
  width: 23px;
  height: 23px;
  position: relative;
  box-shadow: 0 2px 6px #00000026, 0 2px 1px #0000000f;
}

.add-folder > .container main .private input[data-v-ec6734] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.add-folder > .container main .private input:checked + label .ios-switch .switch-container .switch-button[data-v-ec6734] {
  left: 15px;
}

.add-folder > .container main .private input:focus + label .switch-label[data-v-ec6734] {
  color: #000;
}

[data-v-ea7e57]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-ea7e57] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-ea7e57] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-ea7e57] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-ea7e57] {
  font-size: 1.4rem;
}

.label--small[data-v-ea7e57] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-ea7e57] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-ea7e57] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-ea7e57] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-ea7e57] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-ea7e57] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-ea7e57] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-ea7e57] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-ea7e57] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-ea7e57]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-ea7e57] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.dot[data-v-ea7e57] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-ea7e57] {
  display: none !important;
}

.invisible[data-v-ea7e57] {
  opacity: 0;
}

.fade-enter-active[data-v-ea7e57], .fade-leave-active[data-v-ea7e57] {
  transition: opacity .9s;
}

.fade-enter[data-v-ea7e57], .fade-leave-to[data-v-ea7e57] {
  opacity: 0;
}

.addlink[data-v-ea7e57] {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.addlink .container[data-v-ea7e57] {
  width: 90%;
  margin: 0 auto;
}

.addlink .container header[data-v-ea7e57] {
  align-items: center;
  margin-bottom: 1.5rem;
  display: flex;
}

.addlink .container header h3[data-v-ea7e57] {
  color: #8c8c8c;
  letter-spacing: .32px;
  margin-top: 3px;
  margin-left: 1rem;
  font-size: 1.8rem;
}

.addlink .container main[data-v-ea7e57] {
  background-color: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  padding: 6%;
}

.addlink .container main input[data-v-ea7e57] {
  color: #b5b5b5;
  letter-spacing: .25px;
  background-color: #fafafa;
  border: 1px solid #eaeaea;
  outline: none;
  width: 100%;
  height: 68px;
  margin: 0 auto 6%;
  padding: 0 2rem;
  font-size: 14px;
  transition: all .3s;
  display: block;
}

.addlink .container main input[data-v-ea7e57]:focus {
  color: #000;
  background-color: #fafafa;
}

.addlink .container main .private[data-v-ea7e57] {
  width: 100%;
  margin: 17px auto 6%;
  overflow: hidden;
}

.addlink .container main .private label[data-v-ea7e57] {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  flex-direction: row;
  align-items: center;
  margin: 0;
  display: flex;
}

.addlink .container main .private label .ios-switch .switch-container[data-v-ea7e57] {
  border: 2px solid #eaeaea;
  border-radius: 12px;
  width: 41px;
  height: 25px;
  position: relative;
  overflow: hidden;
}

.addlink .container main .private label .ios-switch .switch-container .switch-button[data-v-ea7e57] {
  transition: left .55s cubic-bezier(.5, 0, 0, 1);
  position: absolute;
  top: -1px;
  left: -1px;
}

.addlink .container main .private label .ios-switch .switch-container .switch-button[data-v-ea7e57]:before {
  content: "";
  background-color: #9bc469;
  width: 50px;
  display: block;
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: 50%;
}

.addlink .container main .private label .ios-switch .switch-container .switch-button .inner[data-v-ea7e57] {
  background-color: #fff;
  border: 1px solid #0000000a;
  border-radius: 50%;
  width: 23px;
  height: 23px;
  position: relative;
  box-shadow: 0 2px 6px #00000026, 0 2px 1px #0000000f;
}

.addlink .container main .private input[data-v-ea7e57] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.addlink .container main .private input:checked + label .ios-switch .switch-container .switch-button[data-v-ea7e57] {
  left: 15px;
}

.addlink .container main .private input:focus + label .switch-label[data-v-ea7e57] {
  color: #000;
}

[data-v-66523c]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-66523c] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-66523c] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-66523c] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-66523c] {
  font-size: 1.4rem;
}

.label--small[data-v-66523c] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-66523c] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-66523c] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-66523c] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-66523c] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-66523c] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-66523c] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-66523c] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-66523c] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-66523c]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-66523c] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-66523c], .fade-leave-active[data-v-66523c] {
  transition: opacity .3s;
}

.fade-enter[data-v-66523c], .fade-leave-to[data-v-66523c] {
  opacity: 0;
}

.dot[data-v-66523c] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-66523c] {
  display: none !important;
}

.invisible[data-v-66523c] {
  opacity: 0;
}

.add-folder[data-v-66523c] {
  position: initial;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.add-folder .error[data-v-66523c] {
  color: #df3535;
  letter-spacing: .15px;
  background-color: #f6f5f5;
  border: 1px solid #f7d7d7;
  border-radius: 2px;
  gap: 2rem;
  width: 88%;
  margin: 0 auto 6%;
  padding: 1.5rem 2rem;
  font-size: 14px;
  line-height: 19px;
  display: flex;
}

.add-folder .error .symbol[data-v-66523c] svg {
  width: 2rem;
  height: 2rem;
}

.add-folder .error .symbol[data-v-66523c] svg path {
  fill: #df3535;
}

.add-folder > .container[data-v-66523c] {
  width: 90%;
  margin: 0 auto;
}

.add-folder > .container header[data-v-66523c] {
  align-items: center;
  margin-bottom: 1.5rem;
  display: flex;
}

.add-folder > .container header .symbol[data-v-66523c] svg {
  width: 3rem;
  height: 2.4rem;
}

.add-folder > .container header .symbol[data-v-66523c] svg path {
  fill: #8c8c8c;
}

.add-folder > .container header h3[data-v-66523c] {
  color: #8c8c8c;
  letter-spacing: .32px;
  margin-top: 3px;
  margin-left: 1rem;
  font-size: 1.8rem;
}

.add-folder > .container form[data-v-66523c] {
  background-color: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  padding: 6%;
}

.add-folder > .container form input[data-v-66523c] {
  color: #b5b5b5;
  letter-spacing: .25px;
  background-color: #fafafa;
  border: 1px solid #eaeaea;
  outline: none;
  width: 100%;
  height: 68px;
  margin: 0 auto 6%;
  padding: 0 2rem;
  font-size: 14px;
  transition: all .3s;
  display: block;
}

.add-folder > .container form input[data-v-66523c]:focus {
  color: #000;
  background-color: #fafafa;
}

.add-folder > .container form .private[data-v-66523c] {
  width: 100%;
  margin: 17px auto 6%;
  overflow: hidden;
}

.add-folder > .container form .private label[data-v-66523c] {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  flex-direction: row;
  align-items: center;
  margin: 0;
  display: flex;
}

.add-folder > .container form .private label .ios-switch .switch-container[data-v-66523c] {
  border: 2px solid #eaeaea;
  border-radius: 12px;
  width: 41px;
  height: 25px;
  position: relative;
  overflow: hidden;
}

.add-folder > .container form .private label .ios-switch .switch-container .switch-button[data-v-66523c] {
  transition: left .55s cubic-bezier(.5, 0, 0, 1);
  position: absolute;
  top: -1px;
  left: -1px;
}

.add-folder > .container form .private label .ios-switch .switch-container .switch-button[data-v-66523c]:before {
  content: "";
  background-color: #9bc469;
  width: 50px;
  display: block;
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: 50%;
}

.add-folder > .container form .private label .ios-switch .switch-container .switch-button .inner[data-v-66523c] {
  background-color: #fff;
  border: 1px solid #0000000a;
  border-radius: 50%;
  width: 23px;
  height: 23px;
  position: relative;
  box-shadow: 0 2px 6px #00000026, 0 2px 1px #0000000f;
}

.add-folder > .container form .private input[data-v-66523c] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.add-folder > .container form .private input:checked + label .ios-switch .switch-container .switch-button[data-v-66523c] {
  left: 15px;
}

.add-folder > .container form .private input:focus + label .switch-label[data-v-66523c] {
  color: #000;
}

[data-v-96bc11]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-96bc11] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-96bc11] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-96bc11] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-96bc11] {
  font-size: 1.4rem;
}

.label--small[data-v-96bc11] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-96bc11] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-96bc11] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-96bc11] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-96bc11] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-96bc11] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-96bc11] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-96bc11] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-96bc11] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-96bc11]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-96bc11] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-96bc11], .fade-leave-active[data-v-96bc11] {
  transition: opacity .3s;
}

.fade-enter[data-v-96bc11], .fade-leave-to[data-v-96bc11] {
  opacity: 0;
}

.dot[data-v-96bc11] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-96bc11] {
  display: none !important;
}

.invisible[data-v-96bc11] {
  opacity: 0;
}

.audio-player[data-v-96bc11] {
  flex-direction: column;
  flex: 2;
  justify-content: center;
  height: 100%;
  display: flex;
}

.audio-player__visual-wrapper[data-v-96bc11] {
  flex: 2;
  justify-content: center;
  align-self: center;
  align-items: center;
  display: flex;
  position: relative;
}

.audio-player__visual-wrapper[data-v-96bc11]:after {
  content: "";
  border: .2rem solid #000;
  border-radius: 50%;
  width: 124px;
  height: 124px;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-64px, -50%);
}

.audio-player__custom-player[data-v-96bc11] {
  align-items: center;
  gap: 1.2rem;
  padding: 1.6rem 3rem;
  display: flex;
}

.audio-player__slidecontainer[data-v-96bc11] {
  flex: 2;
  align-items: center;
  display: flex;
}

.audio-player__play[data-v-96bc11] {
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}

.audio-player__play span[data-v-96bc11] {
  justify-content: center;
  align-items: center;
  display: flex;
}

.audio-player__play span[data-v-96bc11] svg {
  width: 1.2rem;
  height: 1.2rem;
}

.audio-player__time[data-v-96bc11] {
  width: 45px;
  font-size: 1.4rem;
}

.audio-player__slider[data-v-96bc11] {
  appearance: none;
  opacity: 1;
  cursor: pointer;
  background: #f4f4f4;
  border-radius: .4rem;
  outline: none;
  width: 100%;
  height: .4rem;
  overflow: hidden;
}

.audio-player__slider[data-v-96bc11]::-webkit-slider-thumb {
  appearance: none;
  cursor: pointer;
  background: #000;
  border-radius: 50%;
  width: .4rem;
  height: .4rem;
  box-shadow: -5002px 0 0 5000px #000;
}

.audio-player__slider[data-v-96bc11]::-moz-range-thumb {
  cursor: pointer;
  background: #000;
  border-radius: 50%;
  width: .4rem;
  height: .4rem;
  box-shadow: -5002px 0 0 5000px #000;
}

.audio-player--dark .audio-player__visual-wrapper[data-v-96bc11]:after {
  border-color: #fff;
}

.audio-player--dark .audio-player__play span .symbol[data-v-96bc11] svg path, .audio-player--dark .audio-player__play span .symbol[data-v-96bc11] svg rect {
  fill: #fff;
}

.audio-player--dark .audio-player__time[data-v-96bc11] {
  color: #fff;
}

.audio-player--dark .audio-player__slider[data-v-96bc11] {
  background: var(--companyBtnHover);
}

.audio-player--dark .audio-player__slider[data-v-96bc11]::-webkit-slider-thumb {
  background: #fff;
  box-shadow: -5002px 0 0 5000px #fff;
}

.audio-player--dark .audio-player__slider[data-v-96bc11]::-moz-range-thumb {
  background: #fff;
  box-shadow: -5002px 0 0 5000px #fff;
}

.audio-player--large .audio-player__visual-wrapper[data-v-96bc11]:after {
  width: 248px;
  height: 248px;
  transform: translate(-128px, -50%);
}

[data-v-6a200a]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-6a200a] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-6a200a] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-6a200a] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-6a200a] {
  font-size: 1.4rem;
}

.label--small[data-v-6a200a] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-6a200a] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-6a200a] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-6a200a] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-6a200a] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-6a200a] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-6a200a] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-6a200a] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-6a200a] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-6a200a]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-6a200a] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-6a200a], .fade-leave-active[data-v-6a200a] {
  transition: opacity .3s;
}

.fade-enter[data-v-6a200a], .fade-leave-to[data-v-6a200a] {
  opacity: 0;
}

.dot[data-v-6a200a] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-6a200a] {
  display: none !important;
}

.invisible[data-v-6a200a] {
  opacity: 0;
}

.bottom-buttons[data-v-6a200a] {
  flex-direction: column;
  gap: .5rem;
  padding: 1rem;
  display: flex;
}

.bottom-buttons .vlink[data-v-6a200a] {
  text-align: center;
  padding: 1rem 1.8rem;
}

[data-v-9da9ca]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-9da9ca] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-9da9ca] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-9da9ca] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-9da9ca] {
  font-size: 1.4rem;
}

.label--small[data-v-9da9ca] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-9da9ca] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-9da9ca] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-9da9ca] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-9da9ca] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-9da9ca] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-9da9ca] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-9da9ca] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-9da9ca] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-9da9ca]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-9da9ca] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-9da9ca], .fade-leave-active[data-v-9da9ca] {
  transition: opacity .3s;
}

.fade-enter[data-v-9da9ca], .fade-leave-to[data-v-9da9ca] {
  opacity: 0;
}

.dot[data-v-9da9ca] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-9da9ca] {
  display: none !important;
}

.invisible[data-v-9da9ca] {
  opacity: 0;
}

.branding[data-v-9da9ca] {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
  position: relative;
}

.branding__main-image[data-v-9da9ca] {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.branding__social-holder[data-v-9da9ca] {
  z-index: 50;
  gap: .5rem;
  display: flex;
  position: absolute;
  top: 3rem;
  left: 5%;
  right: 5%;
}

.branding__social-item a[data-v-9da9ca] {
  padding: .5rem;
  display: block;
}

.branding__social-item .symbol[data-v-9da9ca] {
  width: auto;
  height: 14px;
  display: block;
}

.branding__social-item .symbol[data-v-9da9ca] svg {
  width: auto;
  height: 100%;
}

.branding__social-item .symbol[data-v-9da9ca] svg path {
  fill: #fff;
}

.branding__content[data-v-9da9ca] {
  position: relative;
}

.branding__content h1[data-v-9da9ca], .branding__content img[data-v-9da9ca] {
  color: #fff;
  display: block;
}

.branding__content img[data-v-9da9ca] {
  object-fit: contain;
  max-width: 25rem;
  max-height: 25rem;
}

.branding .img-load[data-v-9da9ca] {
  opacity: 0;
  transition: opacity .3s;
}

.branding .loaded[data-v-9da9ca] {
  opacity: 1;
}

[data-v-e5921c]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-e5921c] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-e5921c] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-e5921c] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-e5921c] {
  font-size: 1.4rem;
}

.label--small[data-v-e5921c] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-e5921c] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-e5921c] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-e5921c] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-e5921c] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-e5921c] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-e5921c] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-e5921c] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-e5921c] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-e5921c]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-e5921c] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.dot[data-v-e5921c] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-e5921c] {
  display: none !important;
}

.invisible[data-v-e5921c] {
  opacity: 0;
}

.fade-enter-active[data-v-e5921c], .fade-leave-active[data-v-e5921c] {
  transition: opacity 1s;
}

.fade-enter[data-v-e5921c], .fade-leave-to[data-v-e5921c] {
  opacity: 0;
}

.collect[data-v-e5921c] {
  flex-direction: column;
  justify-content: center;
  min-width: 400px;
  max-width: 400px;
  display: flex;
}

.collect .error[data-v-e5921c] {
  color: #df3535;
  letter-spacing: .15px;
  background-color: #f6f5f5;
  border: 1px solid #f7d7d7;
  border-radius: 2px;
  gap: 2rem;
  width: 88%;
  margin: 0 auto 6%;
  padding: 1.5rem 2rem;
  font-size: 14px;
  line-height: 19px;
  display: flex;
}

.collect .error .symbol[data-v-e5921c] svg {
  width: 2rem;
  height: 2rem;
}

.collect .error .symbol[data-v-e5921c] svg path {
  fill: #df3535;
}

.collect .container[data-v-e5921c] {
  width: 90%;
  margin: 0 auto;
}

.collect .container header[data-v-e5921c] {
  align-items: center;
  margin-bottom: 1.5rem;
  display: flex;
}

.collect .container header .symbol[data-v-e5921c] {
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
}

.collect .container header .symbol[data-v-e5921c] svg {
  width: 100%;
  height: 100%;
}

.collect .container header .symbol[data-v-e5921c] svg path {
  fill: #8c8c8c;
}

.collect .container header h3[data-v-e5921c] {
  color: #8c8c8c;
  letter-spacing: .32px;
  margin-top: 3px;
  margin-left: 1.2rem;
  font-size: 1.8rem;
}

.collect .container main[data-v-e5921c] {
  background-color: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  height: auto;
  transition: height 1s;
}

.collect .container main .step[data-v-e5921c] {
  width: 100%;
}

.collect .container main .state-1[data-v-e5921c] {
  width: 88%;
  margin: 0 auto;
  padding: 6% 0;
}

.collect .container main .state-1 > div[data-v-e5921c] {
  cursor: pointer;
  color: #000;
  letter-spacing: .25px;
  background-color: #fafafa;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100px;
  font-size: 14px;
  font-weight: 500;
  transition: all .3s;
  display: flex;
}

.collect .container main .state-1 > div p[data-v-e5921c] {
  text-align: center;
  margin: 1rem 0 0;
  padding: 0;
}

.collect .container main .state-1 > div .symbol[data-v-e5921c] svg {
  width: 2rem;
  height: 2rem;
}

.collect .container main .state-1 > div .symbol[data-v-e5921c] svg path {
  fill: var(--companyColor);
  transition: fill .3s;
}

.collect .container main .state-1 > div[data-v-e5921c]:hover {
  background-color: var(--companyColor);
  color: #fff;
}

.collect .container main .state-1 > div:hover .symbol[data-v-e5921c] svg path {
  fill: #fff;
}

.collect .container main .state-1 > div + div[data-v-e5921c] {
  margin-top: 1rem;
}

.collect .container main .state-1 > div.files[data-v-e5921c] {
  text-align: left;
  background-color: #0000;
  border: none;
  height: auto;
  display: block;
}

.collect .container main .state-1 > div.files p[data-v-e5921c] {
  text-align: left;
  color: #b5b5b5;
  letter-spacing: .25px;
  margin: 0 0 2.5rem;
  font-size: 14px;
}

.collect .container main .state-1 > div.files p.error[data-v-e5921c] {
  color: #df3535;
  letter-spacing: .15px;
  background-color: #fff;
  border: 1px solid #f7d7d7;
  border-radius: 2px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 50px;
  padding: 0 20px 0 50px;
  font-size: 14px;
  display: flex;
}

.collect .container main .state-1 > div.files p.error svg[data-v-e5921c] {
  margin-right: 1rem;
}

.collect .container main .state-1 > div.files[data-v-e5921c]:hover {
  color: var(--companyIconFade);
  background-color: #0000;
}

.collect .container main .state-3 .collections[data-v-e5921c] {
  flex-wrap: wrap;
  max-height: 50vh;
  padding: 20px;
  display: flex;
  overflow: scroll;
}

.collect .container main .state-3 .collections > label[data-v-e5921c] {
  cursor: pointer;
  flex: none;
  width: calc(50% - 10px);
  margin: 5px;
}

.collect .container main .state-3 .collections > label input[type="checkbox"][data-v-e5921c] {
  display: none;
}

.collect .container main .state-3 .collections > label input[type="checkbox"]:checked ~ header .checkmark[data-v-e5921c] {
  opacity: 1;
}

.collect .container main .state-3 .collections > label:hover header .checkmark[data-v-e5921c] {
  transform: scale(1.15);
}

.collect .container main .state-3 .collections > label:hover header .left[data-v-e5921c] {
  width: 60%;
}

.collect .container main .state-3 .collections > label:hover header .right[data-v-e5921c] {
  width: 40%;
}

.collect .container main .state-3 .collections > label header[data-v-e5921c] {
  border: .5px solid #eaeaea;
  border-radius: 2px;
  height: 100px;
  margin: 0;
  display: flex;
  position: relative;
  overflow: hidden;
}

.collect .container main .state-3 .collections > label header .checkmark[data-v-e5921c] {
  z-index: 5;
  opacity: 0;
  pointer-events: none;
  background-color: #eaeaea;
  transition: transform .8s cubic-bezier(.5, 0, 0, 1);
  display: block;
  position: absolute;
  inset: 0;
}

.collect .container main .state-3 .collections > label header .checkmark .symbol[data-v-e5921c] {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.collect .container main .state-3 .collections > label header .checkmark .symbol[data-v-e5921c] svg {
  width: 5rem;
  height: 5rem;
}

.collect .container main .state-3 .collections > label header .checkmark .symbol[data-v-e5921c] svg path {
  fill: var(--companyColor);
}

.collect .container main .state-3 .collections > label header .bg-img[data-v-e5921c] {
  z-index: -1;
  background-color: #eaeaea;
  justify-content: center;
  align-items: center;
  transition: transform .8s cubic-bezier(.5, 0, 0, 1);
  display: flex;
  position: absolute;
  inset: 0;
}

.collect .container main .state-3 .collections > label header .bg-img .symbol[data-v-e5921c] {
  width: 4rem;
  height: 4rem;
}

.collect .container main .state-3 .collections > label header .bg-img[data-v-e5921c] svg {
  width: 100%;
  height: 100%;
}

.collect .container main .state-3 .collections > label header .bg-img[data-v-e5921c] svg path {
  fill: #fff;
}

.collect .container main .state-3 .collections > label header .image[data-v-e5921c] {
  background-color: #d5d5d5;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1 0 auto;
  width: 50%;
  height: 100%;
  transition: all 1s cubic-bezier(.5, 0, 0, 1);
}

.collect .container main .state-3 .collections > label header .image.right[data-v-e5921c] {
  background-repeat: no-repeat;
  background-size: cover;
  border-left: 1px solid #eaeaea;
  flex-direction: column;
  transition: all 1s cubic-bezier(.5, 0, 0, 1);
  display: flex;
}

.collect .container main .state-3 .collections > label header .image.right > div[data-v-e5921c] {
  background-color: #d5d5d5;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1 0 auto;
  width: 100%;
  height: 50%;
}

.collect .container main .state-3 .collections > label header .image.right > div.top[data-v-e5921c] {
  border-bottom: 1px solid #eaeaea;
}

.collect .container main .state-3 .collections > label p[data-v-e5921c] {
  text-align: left;
  color: #000;
  letter-spacing: .25px;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  margin: 5px 0 10px;
  font-size: 13.5px;
  font-weight: 500;
  line-height: 15px;
  overflow: hidden;
}

.collect .container main p[data-v-e5921c] {
  width: 90%;
  margin: 0 auto;
  padding: 5% 0;
}

.collect .container main .file-teaser[data-v-e5921c] {
  align-items: center;
  width: 90%;
  margin: 0 auto;
  padding-bottom: 5%;
  display: flex;
}

.collect .container main .file-teaser .thumb[data-v-e5921c] {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  width: 50px;
  height: 50px;
}

.collect .container main .file-teaser p[data-v-e5921c] {
  margin-left: 10px;
}

.collect .container main .file-teaser p span[data-v-e5921c] {
  text-transform: uppercase;
  color: #8c8c8c;
  letter-spacing: .75px;
  font-size: 1rem;
  font-weight: bold;
}

.collect .container main input[type="text"][data-v-e5921c] {
  color: #b5b5b5;
  letter-spacing: .25px;
  background-color: #fafafa;
  border: 1px solid #eaeaea;
  outline: none;
  width: 88%;
  height: 68px;
  margin: 6% auto;
  padding: 0 2rem;
  font-size: 14px;
  transition: all .3s;
  display: block;
}

.collect .container main input[type="text"][data-v-e5921c]:focus {
  color: #000;
  background-color: #fafafa;
}

.collect .container .success[data-v-e5921c] {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 50px 0 20px;
  display: flex;
}

.collect .container .success .symbol[data-v-e5921c] svg path {
  fill: var(--companyColor);
}

.collect .container .success p[data-v-e5921c] {
  color: #8c8c8c;
  letter-spacing: .32px;
  font-size: 18px;
}

[data-v-7cbb71]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-7cbb71] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-7cbb71] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-7cbb71] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-7cbb71] {
  font-size: 1.4rem;
}

.label--small[data-v-7cbb71] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-7cbb71] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-7cbb71] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-7cbb71] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-7cbb71] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-7cbb71] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-7cbb71] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-7cbb71] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-7cbb71] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-7cbb71]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-7cbb71] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-7cbb71], .fade-leave-active[data-v-7cbb71] {
  transition: opacity .3s;
}

.fade-enter[data-v-7cbb71], .fade-leave-to[data-v-7cbb71] {
  opacity: 0;
}

.dot[data-v-7cbb71] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-7cbb71] {
  display: none !important;
}

.invisible[data-v-7cbb71] {
  opacity: 0;
}

.collection-choose[data-v-7cbb71] {
  flex-direction: column;
  flex: 2;
  display: flex;
}

[data-v-2e0b26]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-2e0b26] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-2e0b26] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-2e0b26] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-2e0b26] {
  font-size: 1.4rem;
}

.label--small[data-v-2e0b26] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-2e0b26] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-2e0b26] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-2e0b26] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-2e0b26] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-2e0b26] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-2e0b26] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-2e0b26] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-2e0b26] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-2e0b26]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-2e0b26] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-2e0b26], .fade-leave-active[data-v-2e0b26] {
  transition: opacity .3s;
}

.fade-enter[data-v-2e0b26], .fade-leave-to[data-v-2e0b26] {
  opacity: 0;
}

.dot[data-v-2e0b26] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-2e0b26] {
  display: none !important;
}

.invisible[data-v-2e0b26] {
  opacity: 0;
}

.collection-list[data-v-2e0b26] {
  grid-template-columns: repeat(2, 1fr);
  gap: 2.5rem .9rem;
  padding: 1rem 1.8rem;
  display: grid;
}

[data-v-65bb17]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-65bb17] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-65bb17] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-65bb17] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-65bb17] {
  font-size: 1.4rem;
}

.label--small[data-v-65bb17] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-65bb17] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-65bb17] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-65bb17] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-65bb17] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-65bb17] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-65bb17] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-65bb17] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-65bb17] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-65bb17]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-65bb17] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-65bb17], .fade-leave-active[data-v-65bb17] {
  transition: opacity .3s;
}

.fade-enter[data-v-65bb17], .fade-leave-to[data-v-65bb17] {
  opacity: 0;
}

.dot[data-v-65bb17] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-65bb17] {
  display: none !important;
}

.invisible[data-v-65bb17] {
  opacity: 0;
}

.collection-select[data-v-65bb17] {
  flex-direction: column;
  flex: 2;
  height: 100%;
  display: flex;
}

.collection-select .collection-list[data-v-65bb17] {
  padding: 0;
}

.collection-select__content[data-v-65bb17] {
  flex-direction: column;
  flex: 2;
  display: flex;
  overflow: hidden;
}

.collection-select__header[data-v-65bb17] {
  margin-bottom: 1.6rem;
  padding: 3.6rem 1.8rem 0;
}

.collection-select__title[data-v-65bb17] {
  color: #8c8c8c;
  align-items: center;
  display: flex;
}

.collection-select__title-icon[data-v-65bb17] {
  width: 2rem;
  height: 2rem;
  margin-right: 1.2rem;
}

.collection-select__title-icon[data-v-65bb17] svg path {
  fill: var(--companyIconFade);
}

.collection-select__collections[data-v-65bb17] {
  flex: 2;
  padding: 0 1.8rem;
  overflow: hidden auto;
}

[data-v-16d182]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-16d182] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-16d182] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-16d182] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-16d182] {
  font-size: 1.4rem;
}

.label--small[data-v-16d182] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-16d182] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-16d182] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-16d182] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-16d182] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-16d182] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-16d182] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-16d182] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-16d182] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-16d182]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-16d182] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-16d182], .fade-leave-active[data-v-16d182] {
  transition: opacity .3s;
}

.fade-enter[data-v-16d182], .fade-leave-to[data-v-16d182] {
  opacity: 0;
}

.dot[data-v-16d182] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-16d182] {
  display: none !important;
}

.invisible[data-v-16d182] {
  opacity: 0;
}

.collection-succes[data-v-16d182] {
  flex-direction: column;
  height: 100%;
  display: flex;
}

.collection-succes__content[data-v-16d182] {
  flex-direction: column;
  flex: 2;
  justify-content: center;
  align-items: center;
  display: flex;
}

.collection-succes__header[data-v-16d182] {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  margin-bottom: 2.5rem;
  display: flex;
}

.collection-succes__icon .symbol[data-v-16d182] {
  width: 8.6rem;
  height: 8.6rem;
}

.collection-succes__title[data-v-16d182] {
  text-align: center;
}

.collection-succes__collections[data-v-16d182] {
  flex-direction: column;
  align-items: flex-start;
  gap: 2rem;
  display: flex;
  overflow: auto;
}

[data-v-c2f7c8]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-c2f7c8] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-c2f7c8] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-c2f7c8] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-c2f7c8] {
  font-size: 1.4rem;
}

.label--small[data-v-c2f7c8] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-c2f7c8] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-c2f7c8] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-c2f7c8] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-c2f7c8] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-c2f7c8] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-c2f7c8] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-c2f7c8] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-c2f7c8] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-c2f7c8]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-c2f7c8] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-c2f7c8], .fade-leave-active[data-v-c2f7c8] {
  transition: opacity .3s;
}

.fade-enter[data-v-c2f7c8], .fade-leave-to[data-v-c2f7c8] {
  opacity: 0;
}

.dot[data-v-c2f7c8] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-c2f7c8] {
  display: none !important;
}

.invisible[data-v-c2f7c8] {
  opacity: 0;
}

.list-move[data-v-c2f7c8], .list-enter-active[data-v-c2f7c8], .list-leave-active[data-v-c2f7c8] {
  transition: all .5s;
}

.list-enter-from[data-v-c2f7c8], .list-leave-to[data-v-c2f7c8] {
  opacity: 0;
  transform: translateX(30px);
}

.list-leave-active[data-v-c2f7c8] {
  position: absolute;
}

.collection-tree[data-v-c2f7c8] {
  height: 100%;
  padding: 4rem 2.5rem 4rem 4rem;
  overflow: auto;
}

.collection-tree header[data-v-c2f7c8] {
  justify-content: space-between;
  align-items: center;
  min-height: 25px;
  margin: 0 0 15px;
  display: flex;
}

.collection-tree header h3[data-v-c2f7c8] {
  color: #8c8c8c;
  font-size: 1.4rem;
}

.collection-tree header .add-collection[data-v-c2f7c8] {
  background: var(--lightBtn);
  cursor: pointer;
  border: .1rem solid #f2f2f2;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  transition: all .3s;
  display: flex;
}

.collection-tree header .add-collection[data-v-c2f7c8]:hover {
  background-color: var(--lightBtnHover);
}

.collection-tree header .add-collection .symbol[data-v-c2f7c8] {
  justify-content: center;
  align-items: center;
  width: 10px;
  height: 10px;
  transition: transform .3s;
  display: flex;
}

.collection-tree header .add-collection .symbol[data-v-c2f7c8] svg path {
  fill: var(--companyColor);
}

.collection-tree header .add-collection.close .symbol[data-v-c2f7c8] {
  transform: rotate(45deg);
}

.collection-tree .empty[data-v-c2f7c8] {
  border-radius: 1.2rem;
  align-items: center;
  max-width: 100%;
  margin-bottom: 1rem;
  display: flex;
}

.collection-tree .empty .symbol[data-v-c2f7c8] svg {
  width: 1.5rem;
  height: 1.5rem;
}

.collection-tree .empty .symbol[data-v-c2f7c8] svg path {
  fill: var(--companyColor);
}

.collection-tree .empty p[data-v-c2f7c8] {
  color: #000;
  letter-spacing: .25px;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 1.2rem;
  width: 100%;
  padding: 1.2rem;
  font-size: 13.5px;
  font-weight: 600;
  transition: all .3s;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.collection-tree ul[data-v-c2f7c8] {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.collection-tree ul li[data-v-c2f7c8] {
  border-radius: 1.2rem;
  justify-content: flex-start;
  align-items: center;
  max-width: 100%;
  margin-bottom: 1rem;
  display: flex;
}

.collection-tree ul li .symbol[data-v-c2f7c8] svg {
  width: 1.5rem;
  height: 1.5rem;
}

.collection-tree ul li .symbol[data-v-c2f7c8] svg path {
  fill: var(--companyColor);
}

.collection-tree ul li input[data-v-c2f7c8] {
  background: none;
  border: none;
}

.collection-tree ul li p[data-v-c2f7c8] {
  -webkit-user-select: none;
  user-select: none;
}

.collection-tree ul li p[data-v-c2f7c8], .collection-tree ul li input[data-v-c2f7c8] {
  cursor: pointer;
  color: #000;
  letter-spacing: .25px;
  white-space: nowrap;
  text-overflow: ellipsis;
  border-radius: 1.2rem;
  width: 100%;
  padding: 1.2rem;
  font-size: 13.5px;
  font-weight: 600;
  transition: all .3s;
  display: inline-block;
  position: relative;
  overflow: hidden;
}

.collection-tree ul li.active[data-v-c2f7c8] {
  z-index: 1;
  position: relative;
}

.collection-tree ul li.active[data-v-c2f7c8]:after {
  content: "";
  z-index: -1;
  background-color: var(--companyBtn);
  border-radius: 1.2rem;
  display: block;
  position: absolute;
  inset: 0 0 0 -1.2rem;
}

.collection-tree ul li.active .symbol[data-v-c2f7c8] svg path {
  fill: #fff;
}

.collection-tree ul li.active p[data-v-c2f7c8], .collection-tree ul li.active input[data-v-c2f7c8] {
  color: #fff;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-0832e8] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-0832e8] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }

  .h1--d[data-v-0832e8] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

[data-v-0832e8]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-0832e8] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-0832e8] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-0832e8] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-0832e8] {
  font-size: 1.4rem;
}

.label--small[data-v-0832e8] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-0832e8] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-0832e8] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-0832e8] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-0832e8] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-0832e8] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-0832e8] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-0832e8] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-0832e8] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-0832e8]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-0832e8] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-0832e8], .fade-leave-active[data-v-0832e8] {
  transition: opacity .3s;
}

.fade-enter[data-v-0832e8], .fade-leave-to[data-v-0832e8] {
  opacity: 0;
}

.dot[data-v-0832e8] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-0832e8] {
  display: none !important;
}

.invisible[data-v-0832e8] {
  opacity: 0;
}

.vinput[data-v-0832e8] {
  flex-direction: column;
  gap: 1.2rem;
  display: flex;
}

.vinput__label[data-v-0832e8] {
  margin-left: 1rem;
}

.vinput__container[data-v-0832e8] {
  background-color: #fff;
  border-radius: .3rem;
  align-items: stretch;
  display: flex;
}

.vinput__prepend[data-v-0832e8] {
  color: #fff;
  background-color: #000;
  padding: 2.4rem 2.2rem;
}

.vinput__input-holder[data-v-0832e8] {
  flex: 2;
  align-items: center;
  padding: 2.4rem 2.2rem;
  display: flex;
  position: relative;
}

.vinput__swatch[data-v-0832e8] {
  background-color: #000;
  border-radius: .4rem;
  width: 1.6rem;
  height: 1.6rem;
  display: block;
}

.vinput__input[data-v-0832e8] {
  background: none;
  border: none;
  flex: 2;
  padding: 0;
  display: block;
}

.vinput__input.invisible[data-v-0832e8] {
  max-height: 1.8rem;
  overflow: hidden;
}

.vinput__file-input[data-v-0832e8] {
  flex: 2;
  gap: 1rem;
  display: flex;
  overflow: hidden;
}

.vinput__file-input .symbol svg path[data-v-0832e8] {
  fill: #8c8c8c;
}

.vinput__file-input-text[data-v-0832e8] {
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #8c8c8c;
  flex: 2;
  overflow: hidden;
}

.vinput__link[data-v-0832e8] {
  margin-top: 1.2rem;
  margin-left: 1rem;
}

.vinput__text[data-v-0832e8] {
  display: block;
}

.vinput__text span[data-v-0832e8] {
  color: #8c8c8c;
  font-size: 1.1rem;
}

.vinput__under-text[data-v-0832e8] {
  color: #b5b5b5;
  margin-top: 1rem;
}

.vinput__under-text span[data-v-0832e8] {
  color: #8c8c8c;
  margin-top: .5rem;
  font-size: 1.1rem;
  font-weight: bold;
}

.vinput--icon input[data-v-0832e8] {
  padding-right: .8rem;
}

.vinput--dark .vinput__label[data-v-0832e8] {
  color: #b5b5b5;
}

.vinput--dark .vinput__link[data-v-0832e8] {
  color: #8c8c8c;
}

.vinput--light .vinput__label[data-v-0832e8], .vinput--light .vinput__link[data-v-0832e8] {
  color: #000;
}

.vinput--light .vinput__input-holder[data-v-0832e8] {
  background-color: #fafafa;
  border: .1rem solid #eaeaea;
  border-radius: 0;
}

.vinput--slim .vinput__input-holder[data-v-0832e8] {
  padding: 1.2rem;
}

.color-picker__swatch[data-v-0832e8] {
  background-color: #fff;
  border: .1rem solid #eaeaea;
}

.color-picker__main-swatches[data-v-0832e8] {
  z-index: 3;
  justify-content: space-between;
  padding: 1.8rem 2.4rem;
  display: flex;
  position: relative;
  box-shadow: 0 .1rem #eaeaea;
}

.color-picker__main-swatches .color-swatch__color[data-v-0832e8] {
  position: relative;
}

.color-picker__main-swatches .color-swatch__color[data-v-0832e8]:after {
  content: "";
  z-index: 2;
  filter: drop-shadow(.1rem .1rem #eaeaea);
  opacity: 0;
  background-color: #fff;
  width: 1rem;
  height: 1rem;
  transition: opacity .3s;
  display: block;
  position: absolute;
  top: calc(100% + 1.8rem);
  left: 50%;
  transform: translate(-50%, -50%)rotate(45deg);
}

.color-picker__main-swatches input[data-v-0832e8] {
  display: flex;
}

.color-picker__main-swatches input:checked ~ .color-swatch__color[data-v-0832e8]:after {
  opacity: 1;
}

.color-picker__sub-swatches[data-v-0832e8] {
  background-color: #fafafa;
  justify-content: space-between;
  padding: 1.8rem 2.4rem;
  display: flex;
}

[data-v-4f5090]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-4f5090] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-4f5090] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-4f5090] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-4f5090] {
  font-size: 1.4rem;
}

.label--small[data-v-4f5090] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-4f5090] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-4f5090] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-4f5090] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-4f5090] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-4f5090] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-4f5090] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-4f5090] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-4f5090] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-4f5090]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-4f5090] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-4f5090], .fade-leave-active[data-v-4f5090] {
  transition: opacity .3s;
}

.fade-enter[data-v-4f5090], .fade-leave-to[data-v-4f5090] {
  opacity: 0;
}

.dot[data-v-4f5090] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-4f5090] {
  display: none !important;
}

.invisible[data-v-4f5090] {
  opacity: 0;
}

.crop-controls[data-v-4f5090] {
  flex-direction: column;
  gap: 1.6rem;
  display: flex;
}

[data-v-084e63]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-084e63] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-084e63] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-084e63] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-084e63] {
  font-size: 1.4rem;
}

.label--small[data-v-084e63] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-084e63] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-084e63] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-084e63] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-084e63] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-084e63] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-084e63] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-084e63] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-084e63] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-084e63]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-084e63] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.dot[data-v-084e63] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-084e63] {
  display: none !important;
}

.invisible[data-v-084e63] {
  opacity: 0;
}

.fade-enter-active[data-v-084e63], .fade-leave-active[data-v-084e63] {
  transition: opacity .9s;
}

.fade-enter[data-v-084e63], .fade-leave-to[data-v-084e63] {
  opacity: 0;
}

.delete[data-v-084e63] {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.delete .container[data-v-084e63] {
  width: 90%;
  margin: 0 auto;
}

.delete .container header[data-v-084e63] {
  align-items: center;
  margin-bottom: 1.5rem;
  display: flex;
}

.delete .container header .symbol[data-v-084e63] {
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
}

.delete .container header .symbol[data-v-084e63] svg path {
  fill: #8c8c8c;
}

.delete .container header h3[data-v-084e63] {
  color: #8c8c8c;
  letter-spacing: .32px;
  margin-top: 3px;
  margin-left: 1.2rem;
  font-size: 1.8rem;
}

.delete .container main[data-v-084e63] {
  opacity: 0;
  background-color: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  flex-wrap: wrap;
  transition: opacity .3s;
}

.delete .container main.show[data-v-084e63] {
  opacity: 1;
}

.delete .container main p[data-v-084e63] {
  width: 90%;
  margin: 0 auto;
  padding: 5% 0;
  line-height: 20px;
}

.delete .container main .file-teaser[data-v-084e63] {
  align-items: center;
  width: 90%;
  margin: 0 auto;
  padding-bottom: 5%;
  display: flex;
}

.delete .container main .file-teaser .thumb[data-v-084e63] {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  width: 50px;
  height: 50px;
}

.delete .container main .file-teaser .thumb.fileicon[data-v-084e63] {
  -webkit-background-size: 50%;
  background-size: 50%;
}

.delete .container main .file-teaser p[data-v-084e63] {
  margin-left: 10px;
}

.delete .container main .file-teaser p span[data-v-084e63] {
  text-transform: uppercase;
  color: #8c8c8c;
  letter-spacing: .75px;
  font-size: 1rem;
  font-weight: bold;
}

.delete .container main .file-teaser.folder .thumb[data-v-084e63], .delete .container main .file-teaser.collection .thumb[data-v-084e63] {
  justify-content: center;
  align-items: center;
  display: flex;
}

.delete .container main .file-teaser.folder .thumb .symbol[data-v-084e63], .delete .container main .file-teaser.collection .thumb .symbol[data-v-084e63] {
  justify-content: center;
  align-items: center;
  width: 60%;
  height: 60%;
  display: flex;
}

.folderActions-item main[data-v-084e63] {
  min-width: 350px;
}

[data-v-57170e]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-57170e] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-57170e] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-57170e] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-57170e] {
  font-size: 1.4rem;
}

.label--small[data-v-57170e] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-57170e] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-57170e] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-57170e] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-57170e] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-57170e] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-57170e] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-57170e] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-57170e] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-57170e]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-57170e] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-57170e], .fade-leave-active[data-v-57170e] {
  transition: opacity .3s;
}

.fade-enter[data-v-57170e], .fade-leave-to[data-v-57170e] {
  opacity: 0;
}

.dot[data-v-57170e] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-57170e] {
  display: none !important;
}

.invisible[data-v-57170e] {
  opacity: 0;
}

.desktop-file-legend[data-v-57170e] {
  border-bottom: 1px solid #f4f4f4;
  height: 60px;
  padding: 0 28px;
  transition: all .6s cubic-bezier(.5, 0, 0, 1);
}

.desktop-file-legend .folderLegend[data-v-57170e] {
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.desktop-file-legend .folderLegend-inner[data-v-57170e] {
  align-items: center;
  gap: 2rem;
  width: 100%;
  display: flex;
}

.desktop-file-legend .folderLegend-item[data-v-57170e] {
  width: 100%;
  display: block;
}

.desktop-file-legend .folderLegend-item[data-v-57170e]:first-child {
  margin-left: 0;
}

.desktop-file-legend .folderLegend-itemWrap[data-v-57170e] {
  cursor: pointer;
  flex-flow: row;
  justify-content: flex-start;
  align-items: center;
  display: inline-flex;
}

.desktop-file-legend .folderLegend-checkfield[data-v-57170e] {
  flex: 0 0 20px;
}

.desktop-file-legend .folderLegend-checkfield-input[data-v-57170e] {
  opacity: 0;
  position: absolute;
  left: -999999px;
}

.desktop-file-legend .folderLegend-checkfield-faker[data-v-57170e] {
  cursor: pointer;
  background-color: #fafafa;
  border: 1px solid #eaeaea;
  border-radius: 2px;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  margin: 0;
  padding: 0;
  display: flex;
}

.desktop-file-legend .folderLegend-checkfield-symbol[data-v-57170e] {
  width: 8px;
  height: 8px;
  display: none;
}

.desktop-file-legend .folderLegend-checkfield-symbol[data-v-57170e] svg path {
  fill: var(--companyColor);
}

.desktop-file-legend .folderLegend-checkfield-input:checked + .folderLegend-checkfield-faker .folderLegend-checkfield-symbol[data-v-57170e] {
  display: block;
}

.desktop-file-legend .folderLegend-name[data-v-57170e] {
  flex: 2;
}

.desktop-file-legend .folderLegend-ext[data-v-57170e] {
  width: 5rem;
}

.desktop-file-legend .folderLegend-space[data-v-57170e] {
  width: 15rem;
}

.desktop-file-legend .folderLegend-date[data-v-57170e] {
  width: 9rem;
}

.desktop-file-legend .folderLegend-size[data-v-57170e] {
  width: 8rem;
}

.desktop-file-legend .folderLegend-actions[data-v-57170e] {
  border: 1px solid #eaeaea;
  width: 90px;
  height: 35px;
  padding: 0 10px;
}

.desktop-file-legend .folderLegend-actions-inner[data-v-57170e] {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
}

.desktop-file-legend .folderLegend-actions-symbol[data-v-57170e] {
  opacity: .4;
  cursor: pointer;
  width: 13px;
  height: 13px;
  display: block;
}

.desktop-file-legend .folderLegend-actions-symbol[data-v-57170e] svg path {
  fill: var(--companyColor);
}

.desktop-file-legend .folderLegend-actions-symbol.is-active[data-v-57170e] {
  opacity: 1;
}

.desktop-file-legend .folderLegend-item-label[data-v-57170e] {
  color: #8c8c8c;
  letter-spacing: .25px;
  font-size: 14px;
  font-weight: 400;
}

.desktop-file-legend .sort-is-active .folderLegend-item-label[data-v-57170e] {
  font-weight: 700;
}

.desktop-file-legend .folderLegend-item-symbol[data-v-57170e] {
  width: 7px;
  height: 10px;
  margin-left: 5px;
  display: block;
}

.desktop-file-legend .folderLegend-item-symbol[data-v-57170e] svg path {
  fill: #8c8c8c;
}

.desktop-file-legend .folderLegend-item-symbol.desc[data-v-57170e] {
  transform: rotate(180deg);
}

[data-v-4ec54c]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-4ec54c] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-4ec54c] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-4ec54c] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-4ec54c] {
  font-size: 1.4rem;
}

.label--small[data-v-4ec54c] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-4ec54c] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-4ec54c] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-4ec54c] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-4ec54c] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-4ec54c] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-4ec54c] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-4ec54c] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-4ec54c] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-4ec54c]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-4ec54c] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-4ec54c], .fade-leave-active[data-v-4ec54c] {
  transition: opacity .3s;
}

.fade-enter[data-v-4ec54c], .fade-leave-to[data-v-4ec54c] {
  opacity: 0;
}

.dot[data-v-4ec54c] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-4ec54c] {
  display: none !important;
}

.invisible[data-v-4ec54c] {
  opacity: 0;
}

.desktop-file-list[data-v-4ec54c] {
  flex-direction: column;
  flex: 2;
  display: flex;
  position: relative;
  overflow: hidden;
}

.desktop-file-list .folderItem[data-v-4ec54c]:not(.is-placeholder) {
  opacity: 0;
  transition: opacity .3s ease-in;
}

.desktop-file-list .folderItem:not(.is-placeholder).is-loaded[data-v-4ec54c] {
  opacity: 1;
}

.desktop-file-list .folder-media-placeholder[data-v-4ec54c] {
  z-index: 1;
  flex-wrap: wrap;
  flex: 2;
  align-content: flex-start;
  height: 100%;
  padding: 0 14px;
  display: flex;
  position: relative;
}

.desktop-file-list .masonry[data-v-4ec54c] {
  width: 100%;
  min-height: 100%;
  padding-bottom: 4px;
}

.desktop-file-list .scroll-viewer[data-v-4ec54c] {
  pointer-events: none;
  width: 100%;
  height: 2rem;
  position: absolute;
  bottom: 0;
}

.desktop-file-list .folder-media-items[data-v-4ec54c] {
  z-index: 1;
  flex: 2;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: auto;
}

.desktop-file-list .folder-media-items .scroller[data-v-4ec54c] {
  flex-wrap: wrap;
  align-content: flex-start;
  display: flex;
  position: relative;
}

.desktop-file-list .folder-media-items .scroller .scroll-viewer[data-v-4ec54c] {
  position: relative;
}

.desktop-file-list .folder-media-items .masonry[data-v-4ec54c] {
  width: 100%;
}

.desktop-file-list .folder-media-placeholder--packery[data-v-4ec54c] {
  padding: 0 2.6rem .4rem;
}

.desktop-file-list[data-v-4ec54c] .vue-simple-context-menu {
  box-shadow: none;
  background-color: #fff;
  border: 1px solid #eaeaea;
  border-radius: 2px;
  position: fixed !important;
}

.desktop-file-list[data-v-4ec54c] .vue-simple-context-menu__item {
  color: #000;
  white-space: nowrap;
  letter-spacing: .25px;
  border-bottom: 1px solid #eaeaea;
  justify-content: flex-start;
  align-items: center;
  height: 40px;
  margin: 0;
  padding: 0 2.5rem;
  font-size: 14px;
  font-weight: 500;
  transition: background-color .25s;
  display: flex;
}

.desktop-file-list[data-v-4ec54c] .vue-simple-context-menu__item svg {
  width: 12px;
  height: 12px;
  margin-right: 10px;
}

.desktop-file-list[data-v-4ec54c] .vue-simple-context-menu__item svg g {
  fill: var(--companyColor);
}

.desktop-file-list[data-v-4ec54c] .vue-simple-context-menu__item:hover {
  background-color: #f4f4f4;
}

[data-v-bf076d]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-bf076d] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-bf076d] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-bf076d] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-bf076d] {
  font-size: 1.4rem;
}

.label--small[data-v-bf076d] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-bf076d] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-bf076d] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-bf076d] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-bf076d] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-bf076d] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-bf076d] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-bf076d] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-bf076d] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-bf076d]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-bf076d] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-bf076d], .fade-leave-active[data-v-bf076d] {
  transition: opacity .3s;
}

.fade-enter[data-v-bf076d], .fade-leave-to[data-v-bf076d] {
  opacity: 0;
}

.dot[data-v-bf076d] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-bf076d] {
  display: none !important;
}

.invisible[data-v-bf076d] {
  opacity: 0;
}

.desktop-file-placeholders .folderItem[data-v-bf076d]:not(.is-placeholder) {
  opacity: 0;
  transition: opacity .3s ease-in;
}

.desktop-file-placeholders .folderItem:not(.is-placeholder).is-loaded[data-v-bf076d] {
  opacity: 1;
}

.desktop-file-placeholders .folder-media-placeholder[data-v-bf076d] {
  z-index: 1;
  flex-wrap: wrap;
  align-content: flex-start;
  height: 100%;
  padding: 0 14px;
  display: flex;
  position: relative;
}

.desktop-file-placeholders .masonry[data-v-bf076d] {
  width: 100%;
  margin-bottom: 4px;
}

[data-v-c67a89]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-c67a89] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-c67a89] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-c67a89] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-c67a89] {
  font-size: 1.4rem;
}

.label--small[data-v-c67a89] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-c67a89] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-c67a89] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-c67a89] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-c67a89] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-c67a89] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-c67a89] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-c67a89] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-c67a89] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-c67a89]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-c67a89] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-c67a89], .fade-leave-active[data-v-c67a89] {
  transition: opacity .3s;
}

.fade-enter[data-v-c67a89], .fade-leave-to[data-v-c67a89] {
  opacity: 0;
}

.dot[data-v-c67a89] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-c67a89] {
  display: none !important;
}

.invisible[data-v-c67a89] {
  opacity: 0;
}

@keyframes desktop-space-item-anim-data-v-c67a89 {
  0% {
    opacity: 0;
    transform: translateY(1rem);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.desktop-space-item[data-v-c67a89] {
  opacity: 0;
  background-color: #fff;
  border: .1rem solid #eaeaea;
  border-radius: .3rem;
  flex-direction: column;
  gap: 1rem;
  height: 21rem;
  padding: 3rem 3rem 2.4rem;
  animation: .3s ease-in-out forwards desktop-space-item-anim-data-v-c67a89;
  display: flex;
  position: relative;
}

.desktop-space-item[data-v-c67a89]:before {
  content: "";
  background-color: var(--color);
  transform-origin: top;
  width: 100%;
  height: .2rem;
  transition: transform .3s;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  transform: scaleY(0);
}

.desktop-space-item[data-v-c67a89]:hover:before {
  transform: scaleY(1);
}

.desktop-space-item--deleting[data-v-c67a89] {
  z-index: 50;
  pointer-events: none;
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.desktop-space-item__header[data-v-c67a89] {
  align-items: center;
  gap: .8rem;
  display: flex;
}

.desktop-space-item__header .symbol[data-v-c67a89] svg {
  width: 1.8rem;
  height: 1.8rem;
}

.desktop-space-item__header .symbol[data-v-c67a89] svg path {
  fill: var(--color);
}

.desktop-space-item__desc[data-v-c67a89] {
  color: #8c8c8c;
  line-break: anywhere;
  flex: 2;
  width: 100%;
  overflow: hidden;
}

.desktop-space-item__footer[data-v-c67a89] {
  color: #b5b5b5;
  display: flex;
}

.desktop-space-item__updated[data-v-c67a89] {
  flex: 2;
}

.desktop-space-item__dots[data-v-c67a89] {
  cursor: pointer;
  background: none;
  border: none;
  padding: 0;
}

.desktop-space-item__dots[data-v-c67a89] svg circle {
  fill: #b5b5b5;
}

.desktop-space-item__delete-confirm[data-v-c67a89] {
  z-index: 50;
  background-color: #fff;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.6rem;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.desktop-space-item__delete-confirm-text[data-v-c67a89] {
  text-align: center;
}

.desktop-space-item__delete-confirm-btns[data-v-c67a89] {
  gap: 1rem;
  display: flex;
}

.desktop-space-item__delete-confirm-btns button[data-v-c67a89] {
  flex: 2;
}

.desktop-space-item__clicker[data-v-c67a89] {
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.desktop-space-item__actions[data-v-c67a89] {
  z-index: 500000;
  position: relative;
}

[data-v-958670]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-958670] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-958670] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-958670] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-958670] {
  font-size: 1.4rem;
}

.label--small[data-v-958670] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-958670] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-958670] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-958670] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-958670] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-958670] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-958670] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-958670] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-958670] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-958670]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-958670] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.dot[data-v-958670] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-958670] {
  display: none !important;
}

.invisible[data-v-958670] {
  opacity: 0;
}

.fade-enter-active[data-v-958670], .fade-leave-active[data-v-958670] {
  transition: opacity .9s;
}

.fade-enter[data-v-958670], .fade-leave-to[data-v-958670] {
  opacity: 0;
}

.download-items[data-v-958670] {
  flex-direction: column;
  justify-content: center;
  height: 100%;
  display: flex;
}

.download-items .container[data-v-958670] {
  flex-direction: column;
  width: 90%;
  height: 100%;
  margin: 0 auto;
  display: flex;
}

.download-items .container header[data-v-958670] {
  align-items: center;
  margin-bottom: 1.5rem;
  display: flex;
}

.download-items .container header .symbol[data-v-958670] {
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
}

.download-items .container header .symbol[data-v-958670] svg path {
  fill: #8c8c8c;
}

.download-items .container header h3[data-v-958670] {
  color: #8c8c8c;
  letter-spacing: .32px;
  margin-top: 3px;
  margin-left: 1.2rem;
  font-size: 1.8rem;
}

.download-items .container main[data-v-958670] {
  background-color: #fff;
  flex-flow: column wrap;
  flex: 2;
  justify-content: center;
  align-items: center;
  transition: opacity .3s;
  display: flex;
}

.download-items .container main p[data-v-958670] {
  width: 90%;
  margin: 0 auto;
  padding: 5% 0;
  line-height: 20px;
}

[data-v-a21e0e]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-a21e0e] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-a21e0e] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-a21e0e] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-a21e0e] {
  font-size: 1.4rem;
}

.label--small[data-v-a21e0e] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-a21e0e] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-a21e0e] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-a21e0e] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-a21e0e] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-a21e0e] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-a21e0e] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-a21e0e] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-a21e0e] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-a21e0e]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-a21e0e] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-a21e0e], .fade-leave-active[data-v-a21e0e] {
  transition: opacity .3s;
}

.fade-enter[data-v-a21e0e], .fade-leave-to[data-v-a21e0e] {
  opacity: 0;
}

.dot[data-v-a21e0e] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-a21e0e] {
  display: none !important;
}

.invisible[data-v-a21e0e] {
  opacity: 0;
}

.extension-preview[data-v-a21e0e] {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  height: 100%;
  display: flex;
}

.extension-preview__icon[data-v-a21e0e] {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  width: 20rem;
  height: 20rem;
}

.extension-preview__title[data-v-a21e0e] {
  text-align: center;
  text-transform: uppercase;
  color: #8c8c8c;
}

[data-v-3f1856]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-3f1856] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-3f1856] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-3f1856] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-3f1856] {
  font-size: 1.4rem;
}

.label--small[data-v-3f1856] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-3f1856] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-3f1856] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-3f1856] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-3f1856] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-3f1856] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-3f1856] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-3f1856] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-3f1856] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-3f1856]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-3f1856] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-3f1856], .fade-leave-active[data-v-3f1856] {
  transition: opacity .3s;
}

.fade-enter[data-v-3f1856], .fade-leave-to[data-v-3f1856] {
  opacity: 0;
}

.dot[data-v-3f1856] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-3f1856] {
  display: none !important;
}

.invisible[data-v-3f1856] {
  opacity: 0;
}

.faces__wrapper[data-v-3f1856] {
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1rem;
  display: flex;
}

.faces__update-face[data-v-3f1856] {
  gap: 1rem;
  margin-bottom: 1rem;
  display: flex;
}

.faces__update-face .vinput[data-v-3f1856] {
  flex: 2;
}

.faces__btns[data-v-3f1856] {
  gap: 1rem;
  display: flex;
}

.faces__btns button[data-v-3f1856] {
  flex: 2;
}

[data-v-565840]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-565840] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-565840] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-565840] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-565840] {
  font-size: 1.4rem;
}

.label--small[data-v-565840] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-565840] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-565840] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-565840] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-565840] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-565840] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-565840] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-565840] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-565840] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-565840]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-565840] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-565840], .fade-leave-active[data-v-565840] {
  transition: opacity .3s;
}

.fade-enter[data-v-565840], .fade-leave-to[data-v-565840] {
  opacity: 0;
}

.dot[data-v-565840] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-565840] {
  display: none !important;
}

.invisible[data-v-565840] {
  opacity: 0;
}

.faces-overlay[data-v-565840] {
  z-index: 2;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.faces-overlay__wrapper[data-v-565840] {
  width: 100%;
  height: 100%;
}

.faces-overlay__face[data-v-565840] {
  transition: opacity .3s;
  position: absolute;
}

.faces-overlay__face[data-v-565840]:hover, .faces-overlay__face.active[data-v-565840] {
  z-index: 999;
}

.faces-overlay__face.inActive[data-v-565840] {
  opacity: .5;
}

.faces-overlay__temp-face[data-v-565840] {
  filter: drop-shadow(0 0 .5rem #00000080);
  pointer-events: none;
  border: .2rem solid #fff;
  border-radius: .3rem;
  position: absolute;
}

.faces-overlay--drawing .faces-overlay__face[data-v-565840] {
  pointer-events: none;
}

@media only screen and (width >= 540px) {
  .label--small-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

@media only screen and (width >= 540px) {
  .h1--d {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.figma-preview, .figma-preview iframe {
  width: 100%;
  height: 100%;
}

[data-v-b8d5f8]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-b8d5f8] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-b8d5f8] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-b8d5f8] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-b8d5f8] {
  font-size: 1.4rem;
}

.label--small[data-v-b8d5f8] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-b8d5f8] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-b8d5f8] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-b8d5f8] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-b8d5f8] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-b8d5f8] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-b8d5f8] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-b8d5f8] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-b8d5f8] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-b8d5f8]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-b8d5f8] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-b8d5f8], .fade-leave-active[data-v-b8d5f8] {
  transition: opacity .3s;
}

.fade-enter[data-v-b8d5f8], .fade-leave-to[data-v-b8d5f8] {
  opacity: 0;
}

.dot[data-v-b8d5f8] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-b8d5f8] {
  display: none !important;
}

.invisible[data-v-b8d5f8] {
  opacity: 0;
}

.file-loader[data-v-b8d5f8] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.file__wrapper[data-v-b8d5f8] {
  flex-direction: column;
  justify-content: center;
  min-height: 100%;
  display: flex;
  position: relative;
}

article.file[data-v-b8d5f8] {
  background-color: #fff;
  width: 100%;
}

article.file > h2[data-v-b8d5f8] {
  color: #000;
  letter-spacing: .28px;
  align-items: baseline;
  width: 90%;
  margin: 0 auto 1.5rem;
  font-size: 1.8rem;
  font-weight: bold;
  display: flex;
}

@media only screen and (width <= 1024px) {
  article.file > h2[data-v-b8d5f8] {
    margin: 0 auto;
    padding-right: 50px;
  }
}

article.file > h2 span[data-v-b8d5f8] {
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 0 auto;
  line-height: 2.4rem;
  display: block;
  overflow: hidden;
}

article.file > h2 strong[data-v-b8d5f8] {
  color: #8c8c8c;
  letter-spacing: .75px;
  text-transform: uppercase;
  flex: none;
  font-size: 10px;
}

article.file > .container[data-v-b8d5f8] {
  background-color: #fff;
  width: 90%;
  margin: 0 auto;
}

@media only screen and (width <= 1024px) {
  article.file > .container[data-v-b8d5f8] {
    padding-top: 40px;
  }
}

article.file > .container .imagecontainer[data-v-b8d5f8] {
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem;
  position: relative;
  overflow: hidden;
}

article.file > .container .imagecontainer .file-image[data-v-b8d5f8] {
  -webkit-background-size: cover;
  cursor: pointer;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  padding-bottom: 100%;
  position: relative;
}

@media only screen and (width <= 1024px) {
  article.file > .container .imagecontainer .file-image[data-v-b8d5f8] {
    padding-bottom: 88%;
  }
}

article.file > .container .imagecontainer .file-image .audio-holder[data-v-b8d5f8] {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

article.file > .container .imagecontainer .file-image.no-thumb[data-v-b8d5f8] {
  -webkit-background-size: 78px;
  background-color: #fff;
  background-size: 78px;
}

article.file > .container .imagecontainer .file-image .vue-load-image[data-v-b8d5f8] {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

article.file > .container .imagecontainer .file-image .vue-load-image img[data-v-b8d5f8] {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

article.file > .container .imagecontainer .file-image .overlay[data-v-b8d5f8] {
  z-index: 5;
  opacity: 0;
  background-color: #0000004d;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  transition: opacity .3s;
  display: flex;
  position: absolute;
  inset: 0;
}

article.file > .container .imagecontainer .file-image .overlay .symbol[data-v-b8d5f8] svg {
  width: 2rem;
  height: 2rem;
}

article.file > .container .imagecontainer .file-image .overlay .symbol[data-v-b8d5f8] svg path {
  fill: #fff;
}

article.file > .container .imagecontainer .file-image:hover .overlay[data-v-b8d5f8] {
  opacity: 1;
}

article.file > .container .imagecontainer .video-image[data-v-b8d5f8] {
  position: absolute;
  inset: 0;
}

article.file > .container .imagecontainer .extension[data-v-b8d5f8] {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -100%);
}

article.file > .container .imagecontainer .videocontainer[data-v-b8d5f8] {
  width: 100%;
}

article.file > .container .imagecontainer .videocontainer video[data-v-b8d5f8] {
  width: 100%;
  max-width: 400px;
  height: auto;
  display: block;
}

article.file > .container .imagecontainer .videocontainer + img[data-v-b8d5f8] {
  width: 100%;
  height: 100%;
  transition: opacity .4s;
  position: absolute;
  inset: 0;
}

article.file > .container .imagecontainer .videocontainer + img.hide[data-v-b8d5f8] {
  opacity: 0;
}

article.file > .container .imagecontainer .videocontainer .overlay[data-v-b8d5f8] {
  content: "";
  z-index: 3;
  cursor: pointer;
  width: 3rem;
  height: 3rem;
  transition: transform .4s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

article.file > .container .imagecontainer .videocontainer .overlay .symbol[data-v-b8d5f8]:last-of-type, article.file > .container .imagecontainer .videocontainer.hide .overlay .symbol[data-v-b8d5f8]:first-of-type {
  display: none;
}

article.file > .container .imagecontainer .videocontainer.hide .overlay .symbol[data-v-b8d5f8]:last-of-type {
  display: block;
}

article.file > .container .imagecontainer:hover .videocontainer[data-v-b8d5f8]:after {
  transform: scale(1.1);
}

article.file > .container .imagecontainer #overlay[data-v-b8d5f8] {
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

article.file > .container .imagecontainer #overlay > .active[data-v-b8d5f8] {
  border: 1px solid #f0f0f0;
}

article.file > .container .imagecontainer #overlay > div[data-v-b8d5f8] {
  position: absolute;
}

article.file > .container .imagecontainer #overlay > div > p[data-v-b8d5f8] {
  display: none;
}

article.file > .container .imagecontainer #overlay > div[data-v-b8d5f8]:hover {
  cursor: pointer;
  border: 1px solid #f0f0f0;
}

article.file > .container.noThumb .imagecontainer[data-v-b8d5f8] {
  border-bottom: 1px solid #eaeaea;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

article.file > .container.noThumb .imagecontainer img[data-v-b8d5f8] {
  width: 80px;
}

article.file > .container.noThumb .imagecontainer img.psd[data-v-b8d5f8] {
  width: 100%;
}

article.file > .container.noThumb .imagecontainer p[data-v-b8d5f8] {
  text-transform: uppercase;
  color: #8c8c8c;
  letter-spacing: .75px;
  margin-top: .8rem;
  font-size: 10px;
  font-weight: bold;
}

article.file > .container img[data-v-b8d5f8] {
  width: 100%;
}

article.file .file__actions[data-v-b8d5f8] {
  background-color: var(--companyColor);
  border-bottom-right-radius: .3rem;
  border-bottom-left-radius: .3rem;
  padding: 3rem;
}

[data-v-f6a917]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-f6a917] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-f6a917] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-f6a917] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-f6a917] {
  font-size: 1.4rem;
}

.label--small[data-v-f6a917] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-f6a917] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-f6a917] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-f6a917] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-f6a917] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-f6a917] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-f6a917] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-f6a917] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-f6a917] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-f6a917]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-f6a917] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-f6a917], .fade-leave-active[data-v-f6a917] {
  transition: opacity .3s;
}

.fade-enter[data-v-f6a917], .fade-leave-to[data-v-f6a917] {
  opacity: 0;
}

.dot[data-v-f6a917] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-f6a917] {
  display: none !important;
}

.invisible[data-v-f6a917] {
  opacity: 0;
}

.file-actions .info[data-v-f6a917] {
  flex-direction: column;
  gap: 2rem;
  width: 100%;
  margin: 0 auto;
  display: flex;
}

.file-actions .info .actions[data-v-f6a917] {
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  display: grid;
}

.file-actions .info .actions li[data-v-f6a917] {
  grid-column: 1 / -1;
  justify-content: stretch;
  display: flex;
}

.file-actions .info .actions li.half[data-v-f6a917] {
  grid-column: auto;
}

.file-actions .info .actions li button[data-v-f6a917] {
  width: 100%;
  font-weight: 600;
}

.file-actions .info__details[data-v-f6a917] {
  justify-content: space-between;
  display: flex;
}

.file-actions .info__details a[data-v-f6a917], .file-actions .info__details span[data-v-f6a917] {
  color: #eaeaea;
  letter-spacing: .25px;
  font-size: 14px;
}

.file-actions .info__details p[data-v-f6a917] {
  color: var(--subTextColorOnCompanyColor);
  letter-spacing: .25px;
  margin-bottom: 3px;
  font-size: 1.4rem;
  font-weight: 500;
}

[data-v-1ddeff]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-1ddeff] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-1ddeff] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-1ddeff] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-1ddeff] {
  font-size: 1.4rem;
}

.label--small[data-v-1ddeff] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-1ddeff] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-1ddeff] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-1ddeff] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-1ddeff] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-1ddeff] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-1ddeff] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-1ddeff] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-1ddeff] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-1ddeff]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-1ddeff] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-1ddeff], .fade-leave-active[data-v-1ddeff] {
  transition: opacity .3s;
}

.fade-enter[data-v-1ddeff], .fade-leave-to[data-v-1ddeff] {
  opacity: 0;
}

.dot[data-v-1ddeff] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-1ddeff] {
  display: none !important;
}

.invisible[data-v-1ddeff] {
  opacity: 0;
}

.file-detail[data-v-1ddeff] {
  z-index: 50;
  background-color: #f6f5f5;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.file-detail--open[data-v-1ddeff] {
  pointer-events: all;
}

.file-detail__mobile-nav[data-v-1ddeff] {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: translateY(-100%);
}

.file-detail__wrapper[data-v-1ddeff] {
  flex-direction: column;
  height: 100%;
  display: flex;
  position: relative;
  overflow: auto;
}

.file-detail__pdf-viewer[data-v-1ddeff] {
  flex: 2;
  width: 100%;
  height: 100%;
}

.file-detail__article[data-v-1ddeff] {
  flex-direction: column;
  flex: 2;
  justify-content: center;
  padding: 1rem 1rem 0;
  display: flex;
}

.file-detail__header[data-v-1ddeff] {
  margin-bottom: 1rem;
}

.file-detail__content[data-v-1ddeff] {
  background-color: #fff;
}

.file-detail__title[data-v-1ddeff] {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.file-detail__title span[data-v-1ddeff]:last-of-type {
  color: #8c8c8c;
  text-transform: uppercase;
}

.file-detail__image[data-v-1ddeff] {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50vh;
  display: flex;
}

.file-detail__image img[data-v-1ddeff] {
  object-fit: contain;
  width: 8rem;
  height: 8rem;
  display: block;
}

.file-detail__image-thumb img[data-v-1ddeff] {
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: block;
}

.file-detail__stats[data-v-1ddeff] {
  gap: 3.4rem;
  padding: 2.6rem 2rem;
  display: flex;
}

.file-detail__stat dd[data-v-1ddeff] {
  color: #8c8c8c;
}

.file-detail__file-options[data-v-1ddeff] {
  gap: 1rem;
  padding: 1rem;
  display: flex;
}

.file-detail__file-option[data-v-1ddeff] {
  flex: 2;
}

[data-v-4d350d]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-4d350d] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-4d350d] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-4d350d] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-4d350d] {
  font-size: 1.4rem;
}

.label--small[data-v-4d350d] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-4d350d] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-4d350d] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-4d350d] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-4d350d] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-4d350d] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-4d350d] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-4d350d] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-4d350d] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-4d350d]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-4d350d] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-4d350d], .fade-leave-active[data-v-4d350d] {
  transition: opacity .3s;
}

.fade-enter[data-v-4d350d], .fade-leave-to[data-v-4d350d] {
  opacity: 0;
}

.dot[data-v-4d350d] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-4d350d] {
  display: none !important;
}

.invisible[data-v-4d350d] {
  opacity: 0;
}

.file-details-list[data-v-4d350d] {
  flex-direction: column;
  gap: 2.4rem;
  display: flex;
}

.file-details-list__item[data-v-4d350d] {
  flex-direction: column;
  gap: .3rem;
  display: flex;
}

.file-details-list__item-title[data-v-4d350d] {
  color: var(--subTextColorOnCompanyColor);
}

.file-details-list__item-value[data-v-4d350d] {
  color: #fff;
  font-weight: 500;
}

.file-details-list__accordeon-wrapper[data-v-4d350d] {
  transition: opacity .3s;
}

.file-details-list__accordeon-wrapper.isLoading[data-v-4d350d] {
  opacity: .5;
}

[data-v-65993b]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-65993b] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-65993b] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-65993b] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-65993b] {
  font-size: 1.4rem;
}

.label--small[data-v-65993b] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-65993b] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-65993b] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-65993b] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-65993b] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-65993b] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-65993b] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-65993b] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-65993b] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-65993b]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-65993b] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-65993b], .fade-leave-active[data-v-65993b] {
  transition: opacity .3s;
}

.fade-enter[data-v-65993b], .fade-leave-to[data-v-65993b] {
  opacity: 0;
}

.dot[data-v-65993b] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-65993b] {
  display: none !important;
}

.invisible[data-v-65993b] {
  opacity: 0;
}

.file-editor-transforms[data-v-65993b] {
  flex-direction: column;
  gap: 2rem;
  display: flex;
}

.file-editor-transforms__categories[data-v-65993b] {
  justify-content: space-between;
  gap: 1rem;
  display: flex;
  position: relative;
}

.file-editor-transforms__categories[data-v-65993b]:after {
  content: "";
  background: var(--subTextColorOnCompanyColor);
  width: 100%;
  height: .1rem;
  display: block;
  position: absolute;
  bottom: -1rem;
}

.file-editor-transforms__opperations[data-v-65993b] {
  flex-direction: column;
  justify-content: space-between;
  display: flex;
  position: relative;
}

.file-editor-transforms__opperation-btns[data-v-65993b] {
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  display: flex;
}

.file-editor-transforms__opperation-sliders[data-v-65993b] {
  flex-direction: column;
  gap: 2.4rem;
  padding-top: 2.4rem;
  padding-bottom: 2.4rem;
  display: flex;
}

.hidden {
  display: none;
}

#container {
  scroll-behavior: smooth;
  scrollbar-width: thin;
  width: 100%;
  height: 100%;
  overflow: hidden auto;
}

#end-of-list {
  width: 100%;
  height: 32px;
}

#loading-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 32px;
  display: flex;
}

.dots {
  flex-flow: row;
  justify-content: space-between;
  align-items: center;
  width: 3.5em;
  display: flex;
}

.dots div {
  border-radius: 50%;
  width: .8em;
  height: .8em;
  animation: .8s ease-in-out infinite alternate fade;
}

.dots div:first-of-type {
  animation-delay: -.4s;
}

.dots div:nth-of-type(2) {
  animation-delay: -.2s;
}

@keyframes fade {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@media (width <= 480px) {
  .dots div {
    width: .7em;
    height: .7em;
  }
}

[data-v-0f964d]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-0f964d] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-0f964d] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-0f964d] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-0f964d] {
  font-size: 1.4rem;
}

.label--small[data-v-0f964d] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-0f964d] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-0f964d] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-0f964d] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-0f964d] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-0f964d] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-0f964d] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-0f964d] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-0f964d] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-0f964d]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-0f964d] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-0f964d], .fade-leave-active[data-v-0f964d] {
  transition: opacity .3s;
}

.fade-enter[data-v-0f964d], .fade-leave-to[data-v-0f964d] {
  opacity: 0;
}

.dot[data-v-0f964d] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-0f964d] {
  display: none !important;
}

.invisible[data-v-0f964d] {
  opacity: 0;
}

.file-list[data-v-0f964d] {
  flex: 2;
  height: 100%;
}

.file-list--tile .scroller[data-v-0f964d] {
  grid-template-columns: repeat(2, 50%);
  row-gap: 2.5rem;
  padding: 1rem 1.8rem;
  display: grid;
}

.file-list--tile .scroller #end-of-list[data-v-0f964d] {
  grid-column: 1 / -1;
}

.file-list--masonry[data-v-0f964d] {
  width: 100%;
  height: 100%;
  padding: 1rem 1.8rem;
}

[data-v-9d15ff]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-9d15ff] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-9d15ff] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-9d15ff] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-9d15ff] {
  font-size: 1.4rem;
}

.label--small[data-v-9d15ff] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-9d15ff] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-9d15ff] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-9d15ff] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-9d15ff] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-9d15ff] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-9d15ff] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-9d15ff] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-9d15ff] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-9d15ff]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-9d15ff] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-9d15ff], .fade-leave-active[data-v-9d15ff] {
  transition: opacity .3s;
}

.fade-enter[data-v-9d15ff], .fade-leave-to[data-v-9d15ff] {
  opacity: 0;
}

.dot[data-v-9d15ff] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-9d15ff] {
  display: none !important;
}

.invisible[data-v-9d15ff] {
  opacity: 0;
}

.file-preview[data-v-9d15ff] {
  flex-direction: column;
  flex: 2;
  display: flex;
}

.file-preview__content[data-v-9d15ff] {
  flex-direction: column;
  flex: 2;
  padding: 5rem 4rem 1rem;
  display: flex;
}

.file-preview__header[data-v-9d15ff] {
  margin-bottom: .8rem;
}

.file-preview__title[data-v-9d15ff] {
  color: #8c8c8c;
}

.file-preview__files[data-v-9d15ff] {
  flex: 2;
  overflow-y: auto;
}

[data-v-fb2095]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-fb2095] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-fb2095] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-fb2095] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-fb2095] {
  font-size: 1.4rem;
}

.label--small[data-v-fb2095] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-fb2095] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-fb2095] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-fb2095] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-fb2095] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-fb2095] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-fb2095] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-fb2095] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-fb2095] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-fb2095]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-fb2095] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-fb2095], .fade-leave-active[data-v-fb2095] {
  transition: opacity .3s;
}

.fade-enter[data-v-fb2095], .fade-leave-to[data-v-fb2095] {
  opacity: 0;
}

.dot[data-v-fb2095] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-fb2095] {
  display: none !important;
}

.invisible[data-v-fb2095] {
  opacity: 0;
}

.file-sort-settings[data-v-fb2095] {
  align-items: center;
  gap: 1.8rem;
  padding: 2.5rem 1.8rem 1rem;
  display: flex;
}

.file-sort-settings__sort-options[data-v-fb2095] {
  flex: 2;
  display: flex;
}

.file-sort-settings__view-options[data-v-fb2095] {
  border: .1rem solid #eaeaea;
  border-radius: .3rem;
  gap: 1.3rem;
  padding: 1rem 1.3rem;
  display: flex;
}

[data-v-c10d5f]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-c10d5f] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-c10d5f] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-c10d5f] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-c10d5f] {
  font-size: 1.4rem;
}

.label--small[data-v-c10d5f] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-c10d5f] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-c10d5f] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-c10d5f] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-c10d5f] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-c10d5f] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-c10d5f] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-c10d5f] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-c10d5f] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-c10d5f]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-c10d5f] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-c10d5f], .fade-leave-active[data-v-c10d5f] {
  transition: opacity .3s;
}

.fade-enter[data-v-c10d5f], .fade-leave-to[data-v-c10d5f] {
  opacity: 0;
}

.dot[data-v-c10d5f] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-c10d5f] {
  display: none !important;
}

.invisible[data-v-c10d5f] {
  opacity: 0;
}

.file-upload[data-v-c10d5f] {
  background-color: #fff;
  flex-direction: column;
  flex: 2;
  display: flex;
}

.file-upload__content[data-v-c10d5f] {
  flex-direction: column-reverse;
  flex: 2;
  justify-content: center;
  align-items: center;
  gap: 1.4rem;
  display: flex;
}

.file-upload__upload-bar[data-v-c10d5f] {
  position: relative;
}

.file-upload__percent[data-v-c10d5f] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.file-upload__percent[data-v-c10d5f]:after {
  color: #b5b5b5;
  position: absolute;
  top: .6rem;
  right: 0;
  transform: translateX(100%);
}

[data-v-6ac524]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-6ac524] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-6ac524] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-6ac524] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-6ac524] {
  font-size: 1.4rem;
}

.label--small[data-v-6ac524] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-6ac524] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-6ac524] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-6ac524] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-6ac524] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-6ac524] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-6ac524] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-6ac524] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-6ac524] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-6ac524]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-6ac524] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-6ac524], .fade-leave-active[data-v-6ac524] {
  transition: opacity .3s;
}

.fade-enter[data-v-6ac524], .fade-leave-to[data-v-6ac524] {
  opacity: 0;
}

.dot[data-v-6ac524] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-6ac524] {
  display: none !important;
}

.invisible[data-v-6ac524] {
  opacity: 0;
}

.folder-input-form__form[data-v-6ac524] {
  flex-direction: column;
  gap: 2rem;
  display: flex;
}

[data-v-d58141]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-d58141] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-d58141] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-d58141] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-d58141] {
  font-size: 1.4rem;
}

.label--small[data-v-d58141] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-d58141] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-d58141] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-d58141] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-d58141] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-d58141] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-d58141] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-d58141] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-d58141] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-d58141]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-d58141] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-d58141], .fade-leave-active[data-v-d58141] {
  transition: opacity .3s;
}

.fade-enter[data-v-d58141], .fade-leave-to[data-v-d58141] {
  opacity: 0;
}

.dot[data-v-d58141] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-d58141] {
  display: none !important;
}

.invisible[data-v-d58141] {
  opacity: 0;
}

.image-dimensions[data-v-d58141] {
  gap: 1rem;
  width: 100%;
  display: flex;
}

.image-dimensions__divider[data-v-d58141] {
  color: var(--subTextColorOnCompanyColor);
  align-items: center;
  display: flex;
}

.image-dimensions__divider[data-v-d58141] svg {
  width: .8rem;
  height: .8rem;
}

.image-dimensions__divider[data-v-d58141] svg path {
  fill: var(--subTextColorOnCompanyColor);
}

.image-dimensions__label[data-v-d58141] {
  flex: 2;
  display: flex;
  position: relative;
}

.image-dimensions__input[data-v-d58141] {
  border: none;
  border-bottom: solid .1rem var(--subTextColorOnCompanyColor);
  color: #fff;
  background: none;
  width: 100%;
  padding: .5rem 1.5rem .5rem .5rem;
}

.image-dimensions__label-span[data-v-d58141] {
  color: var(--subTextColorOnCompanyColor);
  text-transform: uppercase;
  font-size: .85rem;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

[data-v-5e09d0]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-5e09d0] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-5e09d0] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-5e09d0] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-5e09d0] {
  font-size: 1.4rem;
}

.label--small[data-v-5e09d0] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-5e09d0] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-5e09d0] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-5e09d0] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-5e09d0] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-5e09d0] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-5e09d0] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-5e09d0] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-5e09d0] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-5e09d0]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-5e09d0] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-5e09d0], .fade-leave-active[data-v-5e09d0] {
  transition: opacity .3s;
}

.fade-enter[data-v-5e09d0], .fade-leave-to[data-v-5e09d0] {
  opacity: 0;
}

.dot[data-v-5e09d0] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-5e09d0] {
  display: none !important;
}

.invisible[data-v-5e09d0] {
  opacity: 0;
}

.image-preview[data-v-5e09d0] {
  flex: 2;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: relative;
}

.image-preview[data-v-5e09d0] .vue-load-image {
  width: 100%;
  height: 100%;
}

.image-preview__wrapper[data-v-5e09d0] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.image-preview__img[data-v-5e09d0] {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}

[data-v-d6f9fd]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-d6f9fd] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-d6f9fd] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-d6f9fd] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-d6f9fd] {
  font-size: 1.4rem;
}

.label--small[data-v-d6f9fd] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-d6f9fd] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-d6f9fd] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-d6f9fd] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-d6f9fd] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-d6f9fd] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-d6f9fd] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-d6f9fd] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-d6f9fd] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-d6f9fd]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-d6f9fd] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-d6f9fd], .fade-leave-active[data-v-d6f9fd] {
  transition: opacity .3s;
}

.fade-enter[data-v-d6f9fd], .fade-leave-to[data-v-d6f9fd] {
  opacity: 0;
}

.dot[data-v-d6f9fd] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-d6f9fd] {
  display: none !important;
}

.invisible[data-v-d6f9fd] {
  opacity: 0;
}

.tab-transition-enter-active[data-v-d6f9fd], .tab-transition-leave-active[data-v-d6f9fd] {
  transition: opacity .3s;
}

.tab-transition-enter-from[data-v-d6f9fd], .tab-transition-leave-to[data-v-d6f9fd] {
  opacity: 0;
}

.info-tabs[data-v-d6f9fd] {
  flex-direction: column;
  flex: 2;
  display: flex;
  overflow-x: hidden;
}

.info-tabs__btns[data-v-d6f9fd] {
  background-color: var(--companyBtnHover);
  border-radius: 100rem;
  margin: 0 1.5rem;
  display: flex;
  position: relative;
}

.info-tabs__btn[data-v-d6f9fd] {
  z-index: 2;
  color: var(--subTextColorOnCompanyColor);
  cursor: pointer;
  background: none;
  border: none;
  flex: 2;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 1rem 2rem;
  transition: color .3s;
  display: flex;
  position: relative;
}

.info-tabs__btn .symbol[data-v-d6f9fd] svg {
  width: 1.2rem;
  height: 1.2rem;
}

.info-tabs__btn .symbol[data-v-d6f9fd] svg path {
  fill: var(--subTextColorOnCompanyColor);
  transition: fill .3s;
}

.info-tabs__btn.active[data-v-d6f9fd] {
  color: var(--companyText);
}

.info-tabs__btn.active .symbol[data-v-d6f9fd] svg path {
  fill: var(--companyText);
}

.info-tabs__highlighter[data-v-d6f9fd] {
  z-index: 0;
  background-color: #fff;
  border-radius: 100rem;
  height: 100%;
  transition: transform .3s;
  position: absolute;
  top: 0;
  left: 0;
}

.info-tabs__wrapper[data-v-d6f9fd] {
  flex: 2;
  position: relative;
}

.info-tabs__wrapper-item[data-v-d6f9fd] {
  width: 100%;
  height: 100%;
  padding: 3.2rem 1.5rem 1.5rem;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden auto;
}

[data-v-d4c9af]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-d4c9af] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-d4c9af] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-d4c9af] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-d4c9af] {
  font-size: 1.4rem;
}

.label--small[data-v-d4c9af] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-d4c9af] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-d4c9af] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-d4c9af] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-d4c9af] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-d4c9af] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-d4c9af] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-d4c9af] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-d4c9af] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-d4c9af]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-d4c9af] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.dot[data-v-d4c9af] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-d4c9af] {
  display: none !important;
}

.invisible[data-v-d4c9af] {
  opacity: 0;
}

.fade-enter-active[data-v-d4c9af], .fade-leave-active[data-v-d4c9af] {
  transition: opacity 2.5s;
}

.fade-enter[data-v-d4c9af], .fade-leave-to[data-v-d4c9af] {
  opacity: 0;
}

.item-actions[data-v-d4c9af] {
  position: relative;
}

.item-actions__trigger[data-v-d4c9af] {
  z-index: 2;
  cursor: pointer;
  background-color: #0000;
  border: none;
  border-radius: 2px;
  width: 25px;
  height: 20px;
  padding: 8px 5px;
  transition: background-color .25s;
  display: block;
  position: relative;
}

.item-actions__trigger[data-v-d4c9af]:hover {
  background-color: #f4f4f4;
}

.item-actions__trigger[data-v-d4c9af] svg g {
  fill: #8c8c8c;
}

.item-actions__trigger.is-open + .folderItem-actions-menu[data-v-d4c9af] {
  display: block;
}

.item-actions .folderItemActions-list[data-v-d4c9af] {
  flex-direction: column;
  display: flex;
}

.is-inverted .item-actions .folderItemActions-list[data-v-d4c9af] {
  flex-direction: column-reverse;
}

.item-actions .folderItemActions-listItem[data-v-d4c9af] {
  cursor: pointer;
  border-bottom: 1px solid #eaeaea;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 40px;
  transition: background-color .25s;
  display: flex;
}

.item-actions .folderItemActions-listItem[data-v-d4c9af]:hover, .item-actions .folderItemActions-listItem[data-v-d4c9af]:hover:first-child:before {
  background-color: #f4f4f4;
}

.is-inverted .item-actions .folderItemActions-listItem[data-v-d4c9af]:first-child {
  border: none;
}

.is-inverted .item-actions .folderItemActions-listItem[data-v-d4c9af]:last-child {
  border-bottom: 1px solid #eaeaea;
}

.item-actions .folderItemActions-listItem[data-v-d4c9af]:last-child {
  border: none;
}

.item-actions .folderActions-item main[data-v-d4c9af] {
  min-width: 350px;
}

.item-actions .folderItemActions-listItem-link[data-v-d4c9af] {
  flex-flow: row;
  align-items: center;
  padding: 0 25px;
  display: flex;
}

.item-actions .folderItemActions-listItem-link-symbol[data-v-d4c9af] {
  width: 12px;
  height: 12px;
  margin-right: 10px;
  display: block;
}

.item-actions .folderItemActions-listItem-link-symbol .symbol[data-v-d4c9af], .item-actions .folderItemActions-listItem-link-symbol[data-v-d4c9af] svg {
  width: 100%;
  height: 100%;
}

.item-actions .folderItemActions-listItem-link-symbol[data-v-d4c9af] svg g {
  fill: #000;
}

.item-actions .folderItemActions-listItem-link-label[data-v-d4c9af] {
  cursor: pointer;
  color: #8c8c8c;
  white-space: nowrap;
  letter-spacing: .25px;
  font-size: 14px;
  font-weight: 500;
}

.item-actions .popper[data-v-d4c9af] {
  box-shadow: none;
  filter: drop-shadow(0 -.1rem #eaeaea) drop-shadow(0 .1rem #eaeaea);
  background: #fff;
  border: none;
  border-left: .1rem solid #eaeaea;
  border-right: .1rem solid #eaeaea;
  border-radius: 0;
  padding: 0;
}

.item-actions .popper[data-v-d4c9af]:hover {
  background: #fff;
}

.item-actions .popper--hard-remove[data-v-d4c9af] {
  pointer-events: none;
  opacity: 0;
}

[data-v-2d1e95]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-2d1e95] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-2d1e95] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-2d1e95] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-2d1e95] {
  font-size: 1.4rem;
}

.label--small[data-v-2d1e95] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-2d1e95] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-2d1e95] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-2d1e95] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-2d1e95] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-2d1e95] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-2d1e95] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-2d1e95] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-2d1e95] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-2d1e95]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-2d1e95] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-2d1e95], .fade-leave-active[data-v-2d1e95] {
  transition: opacity .3s;
}

.fade-enter[data-v-2d1e95], .fade-leave-to[data-v-2d1e95] {
  opacity: 0;
}

.dot[data-v-2d1e95] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-2d1e95] {
  display: none !important;
}

.invisible[data-v-2d1e95] {
  opacity: 0;
}

.login-form[data-v-2d1e95] {
  flex-direction: column;
  gap: 2rem;
  display: flex;
}

[data-v-7ac0fd]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-7ac0fd] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-7ac0fd] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-7ac0fd] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-7ac0fd] {
  font-size: 1.4rem;
}

.label--small[data-v-7ac0fd] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-7ac0fd] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-7ac0fd] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-7ac0fd] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-7ac0fd] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-7ac0fd] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-7ac0fd] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-7ac0fd] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-7ac0fd] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-7ac0fd]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-7ac0fd] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-7ac0fd], .fade-leave-active[data-v-7ac0fd] {
  transition: opacity .3s;
}

.fade-enter[data-v-7ac0fd], .fade-leave-to[data-v-7ac0fd] {
  opacity: 0;
}

.dot[data-v-7ac0fd] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-7ac0fd] {
  display: none !important;
}

.invisible[data-v-7ac0fd] {
  opacity: 0;
}

.login-navigation[data-v-7ac0fd] {
  z-index: 100;
  opacity: 0;
  pointer-events: none;
  background-color: #fff;
  border: 1px solid #eaeaea;
  border-radius: 1px;
  width: 325px;
  transition: opacity .5s;
  display: none;
  position: absolute;
  top: calc(100% + 5px);
  right: -1rem;
}

.login-navigation[data-v-7ac0fd]:after {
  content: "";
  z-index: 100;
  background-color: #fff;
  border-top: 1px solid #eaeaea;
  border-left: 1px solid #eaeaea;
  border-radius: 2px 0 0;
  width: 6px;
  height: 6px;
  transition: background-color .3s, border .3s;
  display: block;
  position: absolute;
  top: -4px;
  right: 3.2rem;
  transform: rotate(45deg);
}

.login-navigation .form form .wrapper[data-v-7ac0fd] {
  padding: 20px 10px 0;
}

.login-navigation .form form strong[data-v-7ac0fd] {
  color: #000;
  letter-spacing: .25px;
  margin-bottom: 14px;
  font-size: 16px;
  font-weight: 600;
  display: block;
}

.login-navigation .form form .linkHolder[data-v-7ac0fd] {
  justify-content: space-between;
  margin-top: 14px;
  display: flex;
}

.login-navigation .form form .linkHolder a[data-v-7ac0fd] {
  letter-spacing: .22px;
  color: #b5b5b5;
  cursor: pointer;
  font-size: 12.5px;
  text-decoration: underline;
  display: block;
}

.login-navigation .form form .form-item[data-v-7ac0fd] {
  position: relative;
}

.login-navigation .form form .form-item label[data-v-7ac0fd], .login-navigation .form form .form-item label[data-v-7ac0fd]:after {
  display: none;
}

.login-navigation .form form .form-item .inputIcon[data-v-7ac0fd] {
  position: relative;
}

.login-navigation .form form .form-item .inputIcon .symbol[data-v-7ac0fd] {
  width: 12px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}

.login-navigation .form form .form-item .inputIcon .symbol[data-v-7ac0fd] svg g path, .login-navigation .form form .form-item .inputIcon .symbol[data-v-7ac0fd] svg path {
  fill: #b5b5b5;
}

.login-navigation .form form .form-item input[type="text"][data-v-7ac0fd], .login-navigation .form form .form-item input[type="email"][data-v-7ac0fd], .login-navigation .form form .form-item input[type="password"][data-v-7ac0fd] {
  color: #000;
  letter-spacing: .25px;
  background: #fafafa;
  border: 1px solid #eaeaea;
  border-radius: 2px;
  width: 100%;
  height: 68px;
  padding: 0 25px 0 45px;
  font-size: 14px;
  font-weight: 300;
  line-height: 14px;
  display: block;
}

.login-navigation .form form .form-item input[type="text"][data-v-7ac0fd]::placeholder, .login-navigation .form form .form-item input[type="email"][data-v-7ac0fd]::placeholder, .login-navigation .form form .form-item input[type="password"][data-v-7ac0fd]::placeholder {
  color: #b5b5b5;
}

.login-navigation .form form .form-item input[data-v-7ac0fd]::-ms-clear {
  display: none;
}

.login-navigation .form form .form-item input[data-v-7ac0fd]::-ms-reveal {
  display: none;
}

.login-navigation .form form .form-item + .form-item[data-v-7ac0fd] {
  margin-top: 15px;
}

.login-navigation .form form .form-item .password[data-v-7ac0fd] {
  padding-right: 45px;
}

.login-navigation .form form .form-item .password-toggle[data-v-7ac0fd] {
  z-index: 1;
  cursor: pointer;
  position: absolute;
  bottom: 25px;
  right: 25px;
}

.login-navigation .form form .form-item .password-toggle .symbol[data-v-7ac0fd] {
  width: 15px;
  height: 10px;
}

.login-navigation .form form .form-item .password-toggle svg g[data-v-7ac0fd] {
  transition: fill .2s;
}

.login-navigation .form form .form-item .password-toggle:hover svg g[data-v-7ac0fd] {
  fill: var(--companyIconFade);
}

.login-navigation .form form .error[data-v-7ac0fd] {
  margin-top: 5%;
}

.login-navigation .form form .form-submit[data-v-7ac0fd] {
  margin: 15px 0 0;
}

[data-v-113329]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-113329] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-113329] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-113329] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-113329] {
  font-size: 1.4rem;
}

.label--small[data-v-113329] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-113329] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-113329] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-113329] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-113329] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-113329] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-113329] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-113329] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-113329] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-113329]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-113329] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-113329], .fade-leave-active[data-v-113329] {
  transition: opacity .3s;
}

.fade-enter[data-v-113329], .fade-leave-to[data-v-113329] {
  opacity: 0;
}

.dot[data-v-113329] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-113329] {
  display: none !important;
}

.invisible[data-v-113329] {
  opacity: 0;
}

.message-overlay[data-v-113329] {
  z-index: 50;
  background-color: #fff;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0;
}

.message-overlay__content[data-v-113329] {
  text-align: center;
  flex-direction: column;
  flex: 2;
  justify-content: center;
  padding: 1rem 4rem;
  display: flex;
}

.message-overlay__header[data-v-113329] {
  flex-direction: column-reverse;
  align-items: center;
  display: flex;
}

.message-overlay__header .symbol[data-v-113329] {
  width: initial;
  height: initial;
  margin-bottom: 1.6rem;
}

.message-overlay__header .symbol[data-v-113329] svg {
  width: initial;
  height: initial;
}

.message-overlay__title[data-v-113329] {
  color: var(--companyIconFade);
  margin-bottom: 1.2rem;
}

.message-overlay__text[data-v-113329] {
  color: #b5b5b5;
}

[data-v-6cec47]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-6cec47] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-6cec47] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-6cec47] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-6cec47] {
  font-size: 1.4rem;
}

.label--small[data-v-6cec47] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-6cec47] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-6cec47] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-6cec47] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-6cec47] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-6cec47] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-6cec47] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-6cec47] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-6cec47] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-6cec47]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-6cec47] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-6cec47], .fade-leave-active[data-v-6cec47] {
  transition: opacity .3s;
}

.fade-enter[data-v-6cec47], .fade-leave-to[data-v-6cec47] {
  opacity: 0;
}

.dot[data-v-6cec47] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-6cec47] {
  display: none !important;
}

.invisible[data-v-6cec47] {
  opacity: 0;
}

.mobile-login-form[data-v-6cec47] {
  flex-direction: column;
  gap: 2rem;
  display: flex;
}

[data-v-6f7181]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-6f7181] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-6f7181] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-6f7181] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-6f7181] {
  font-size: 1.4rem;
}

.label--small[data-v-6f7181] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-6f7181] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-6f7181] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-6f7181] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-6f7181] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-6f7181] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-6f7181] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-6f7181] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-6f7181] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-6f7181]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-6f7181] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-6f7181], .fade-leave-active[data-v-6f7181] {
  transition: opacity .3s;
}

.fade-enter[data-v-6f7181], .fade-leave-to[data-v-6f7181] {
  opacity: 0;
}

.dot[data-v-6f7181] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-6f7181] {
  display: none !important;
}

.invisible[data-v-6f7181] {
  opacity: 0;
}

.mobile-menu ul[data-v-6f7181] {
  z-index: 2147483647;
  background-color: #fff;
  border-top: 1px solid #f0f0f0;
  display: flex;
  position: relative;
}

.mobile-menu li[data-v-6f7181] {
  flex: 2;
  justify-content: center;
  align-items: center;
  display: flex;
}

[data-v-a0cca3]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-a0cca3] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-a0cca3] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-a0cca3] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-a0cca3] {
  font-size: 1.4rem;
}

.label--small[data-v-a0cca3] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-a0cca3] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-a0cca3] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-a0cca3] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-a0cca3] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-a0cca3] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-a0cca3] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-a0cca3] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-a0cca3] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-a0cca3]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-a0cca3] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-a0cca3], .fade-leave-active[data-v-a0cca3] {
  transition: opacity .3s;
}

.fade-enter[data-v-a0cca3], .fade-leave-to[data-v-a0cca3] {
  opacity: 0;
}

.dot[data-v-a0cca3] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-a0cca3] {
  display: none !important;
}

.invisible[data-v-a0cca3] {
  opacity: 0;
}

[data-v-c3e30c]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-c3e30c] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-c3e30c] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-c3e30c] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-c3e30c] {
  font-size: 1.4rem;
}

.label--small[data-v-c3e30c] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-c3e30c] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-c3e30c] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-c3e30c] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-c3e30c] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-c3e30c] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-c3e30c] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-c3e30c] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-c3e30c] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-c3e30c]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-c3e30c] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-c3e30c], .fade-leave-active[data-v-c3e30c] {
  transition: opacity .3s;
}

.fade-enter[data-v-c3e30c], .fade-leave-to[data-v-c3e30c] {
  opacity: 0;
}

.dot[data-v-c3e30c] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-c3e30c] {
  display: none !important;
}

.invisible[data-v-c3e30c] {
  opacity: 0;
}

.mobile-snackbar[data-v-c3e30c] {
  z-index: 50000000;
  background-color: #fff;
  position: relative;
}

.mobile-snackbar__items[data-v-c3e30c] {
  z-index: 50000000;
  width: 100%;
  max-height: 50vh;
  margin-bottom: 1.8rem;
  padding: 0 1.8rem;
  position: absolute;
  bottom: 100%;
}

.list-enter[data-v-c3e30c] {
  transform: translateX(3rem);
}

.list-enter-active[data-v-c3e30c], .list-leave-active[data-v-c3e30c] {
  transition: all .5s;
}

.list-enter-from[data-v-c3e30c], .list-leave-to[data-v-c3e30c] {
  opacity: 0;
  transform: translateX(3rem);
}

[data-v-875242]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-875242] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-875242] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-875242] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-875242] {
  font-size: 1.4rem;
}

.label--small[data-v-875242] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-875242] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-875242] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-875242] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-875242] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-875242] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-875242] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-875242] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-875242] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-875242]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-875242] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-875242], .fade-leave-active[data-v-875242] {
  transition: opacity .3s;
}

.fade-enter[data-v-875242], .fade-leave-to[data-v-875242] {
  opacity: 0;
}

.dot[data-v-875242] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-875242] {
  display: none !important;
}

.invisible[data-v-875242] {
  opacity: 0;
}

.mobile-top-nav[data-v-875242] {
  background-color: #fff;
  border-bottom: 1px solid #f0f0f0;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 1.8rem;
  min-width: 0;
  min-height: 6rem;
  padding: 1rem 1.8rem;
  display: grid;
  position: relative;
}

.mobile-top-nav__button-holder[data-v-875242] {
  gap: 1rem;
  display: flex;
}

.mobile-top-nav__button-holder--right[data-v-875242] {
  justify-content: flex-end;
}

.mobile-top-nav__title[data-v-875242] {
  white-space: nowrap;
  text-overflow: ellipsis;
  align-items: center;
  min-width: 0;
  height: 2rem;
  display: flex;
  overflow: hidden;
}

.mobile-top-nav__title span[data-v-875242] {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.mobile-top-nav__icon[data-v-875242] {
  margin-right: .8rem;
}

.mobile-top-nav__icon .symbol[data-v-875242] svg, .mobile-top-nav__icon .symbol[data-v-875242] svg g, .mobile-top-nav__icon .symbol[data-v-875242] svg path {
  fill: #000;
}

.mobile-top-nav__dot[data-v-875242] {
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  margin-right: .8rem;
}

[data-v-1972eb]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-1972eb] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-1972eb] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-1972eb] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-1972eb] {
  font-size: 1.4rem;
}

.label--small[data-v-1972eb] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-1972eb] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-1972eb] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-1972eb] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-1972eb] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-1972eb] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-1972eb] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-1972eb] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-1972eb] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-1972eb]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-1972eb] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-1972eb], .fade-leave-active[data-v-1972eb] {
  transition: opacity .3s;
}

.fade-enter[data-v-1972eb], .fade-leave-to[data-v-1972eb] {
  opacity: 0;
}

.dot[data-v-1972eb] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-1972eb] {
  display: none !important;
}

.invisible[data-v-1972eb] {
  opacity: 0;
}

[data-v-737f9f]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-737f9f] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-737f9f] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-737f9f] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-737f9f] {
  font-size: 1.4rem;
}

.label--small[data-v-737f9f] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-737f9f] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-737f9f] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-737f9f] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-737f9f] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-737f9f] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-737f9f] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-737f9f] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-737f9f] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-737f9f]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-737f9f] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-737f9f], .fade-leave-active[data-v-737f9f] {
  transition: opacity .3s;
}

.fade-enter[data-v-737f9f], .fade-leave-to[data-v-737f9f] {
  opacity: 0;
}

.dot[data-v-737f9f] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-737f9f] {
  display: none !important;
}

.invisible[data-v-737f9f] {
  opacity: 0;
}

.loader[data-v-737f9f] {
  width: 20px;
  margin: 0 0 0 auto;
}

section.more-section[data-v-737f9f] {
  position: initial;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

section.more-section .fade-enter-active[data-v-737f9f], section.more-section .fade-leave-active[data-v-737f9f] {
  transition: opacity .5s .3s;
}

section.more-section .fade-enter[data-v-737f9f], section.more-section .fade-leave-to[data-v-737f9f] {
  opacity: 0;
}

section.more-section .more[data-v-737f9f] {
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
}

section.more-section .more-container[data-v-737f9f] {
  width: 90%;
  margin: 0 auto;
}

section.more-section .more-title[data-v-737f9f] {
  align-items: center;
  width: 100%;
  display: flex;
}

section.more-section .more-title h2[data-v-737f9f] {
  color: #8c8c8c;
  letter-spacing: .32px;
  padding: 0 0 0 12.5px;
  font-size: 18px;
  font-weight: 300;
  line-height: 23px;
}

section.more-section .more-icon[data-v-737f9f] {
  display: block;
}

section.more-section .more-icon .symbol[data-v-737f9f] {
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
}

section.more-section .more-icon .symbol[data-v-737f9f] svg {
  width: 100%;
  height: 100%;
}

section.more-section .more-icon .symbol[data-v-737f9f] svg path {
  fill: #8c8c8c;
}

section.more-section main[data-v-737f9f] {
  border: 1px solid #eaeaea;
  margin: 15px 0 0;
  padding: 30px 25px;
}

section.more-section main .header-wrapper[data-v-737f9f] {
  flex-wrap: wrap;
  display: flex;
}

section.more-section main .header-wrapper .header[data-v-737f9f] {
  color: #fff;
  letter-spacing: .22px;
  border-radius: 11px;
  align-items: center;
  width: 100%;
  padding: 10px 15px;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  display: flex;
}

section.more-section main .header-wrapper .header .header-title[data-v-737f9f] {
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 0 0 10px;
  overflow: hidden;
}

section.more-section main .header-wrapper .header .icon[data-v-737f9f] {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
  margin-right: 5px;
  display: block;
}

section.more-section main .header-wrapper .header .icon .symbol[data-v-737f9f] {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

section.more-section main .header-wrapper .header .icon[data-v-737f9f] svg path {
  fill: #fff;
}

section.more-section main .header-wrapper .actions[data-v-737f9f] {
  border: 1px solid #eaeaea;
  border-radius: 3px;
  width: 100%;
  margin: 15px 0 0;
}

section.more-section main .header-wrapper .actions ul li[data-v-737f9f] {
  cursor: pointer;
  background-color: #fff;
  align-items: center;
  padding: 20px 30px;
  transition: background-color .3s;
  display: flex;
}

section.more-section main .header-wrapper .actions ul li[data-v-737f9f]:first-of-type {
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}

section.more-section main .header-wrapper .actions ul li[data-v-737f9f]:last-of-type {
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}

section.more-section main .header-wrapper .actions ul li[data-v-737f9f]:hover {
  background-color: #f4f4f4;
}

section.more-section main .header-wrapper .actions ul li + li[data-v-737f9f] {
  border-top: 1px solid #eaeaea;
}

section.more-section main .header-wrapper .actions ul li > span[data-v-737f9f] {
  letter-spacing: .2px;
  color: #000;
  padding: 0 0 0 15px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

section.more-section main .header-wrapper .actions ul li .icon[data-v-737f9f] {
  width: 2rem;
  height: 2rem;
  display: block;
}

section.more-section main .header-wrapper .actions ul li .icon .symbol[data-v-737f9f] {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

section.more-section main .header-wrapper .actions ul li .icon[data-v-737f9f] svg {
  width: 2rem;
  height: 2rem;
}

section.more-section main .header-wrapper .actions ul li .icon[data-v-737f9f] svg path {
  fill: #000;
}

[data-v-5cdf1b]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-5cdf1b] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-5cdf1b] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-5cdf1b] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-5cdf1b] {
  font-size: 1.4rem;
}

.label--small[data-v-5cdf1b] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-5cdf1b] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-5cdf1b] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-5cdf1b] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-5cdf1b] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-5cdf1b] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-5cdf1b] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-5cdf1b] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-5cdf1b] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-5cdf1b]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-5cdf1b] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.dot[data-v-5cdf1b] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-5cdf1b] {
  display: none !important;
}

.invisible[data-v-5cdf1b] {
  opacity: 0;
}

.fade-enter-active[data-v-5cdf1b], .fade-leave-active[data-v-5cdf1b] {
  transition: opacity .9s;
}

.fade-enter[data-v-5cdf1b], .fade-leave-to[data-v-5cdf1b] {
  opacity: 0;
}

.move[data-v-5cdf1b] {
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.move .container[data-v-5cdf1b] {
  padding: 0 20px;
}

.move .container header[data-v-5cdf1b] {
  align-items: center;
  margin-bottom: 15px;
  display: flex;
}

.move .container header .symbol[data-v-5cdf1b] {
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
}

.move .container header .symbol[data-v-5cdf1b] svg path {
  fill: #8c8c8c;
}

.move .container header h3[data-v-5cdf1b] {
  color: #8c8c8c;
  letter-spacing: .32px;
  margin-left: 12px;
  font-size: 18px;
}

.move .container main[data-v-5cdf1b] {
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  padding: 30px 20px 40px;
}

.move .container main .symbol[data-v-5cdf1b] {
  width: initial;
  height: initial;
  display: flex;
}

.move .container main > p[data-v-5cdf1b] {
  color: #b5b5b5;
  letter-spacing: .25px;
  margin-bottom: 12px;
  font-size: 14px;
}

.move .container main .head[data-v-5cdf1b] {
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.move .container main .head .back[data-v-5cdf1b] {
  cursor: pointer;
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-right: 15px;
  display: flex;
}

.move .container main .head p[data-v-5cdf1b] {
  color: #000;
  letter-spacing: .25px;
  margin-left: 12px;
  font-size: 16px;
  font-weight: 500;
}

.move .container main ul.folders[data-v-5cdf1b] {
  background-color: #fafafa;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  height: 40vh;
  overflow: auto;
}

.move .container main ul.folders li[data-v-5cdf1b] {
  cursor: pointer;
  border-bottom: 1px solid #eaeaea;
  justify-content: space-between;
  align-items: center;
  height: 57px;
  padding: 0 24px;
  display: flex;
}

.move .container main ul.folders li[data-v-5cdf1b]:hover {
  background-color: #fff;
}

.move .container main ul.folders li .left[data-v-5cdf1b] {
  align-items: center;
  display: flex;
}

.move .container main ul.folders li .left p[data-v-5cdf1b] {
  margin-left: 10px;
}

[data-v-111eaa]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-111eaa] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-111eaa] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-111eaa] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-111eaa] {
  font-size: 1.4rem;
}

.label--small[data-v-111eaa] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-111eaa] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-111eaa] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-111eaa] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-111eaa] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-111eaa] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-111eaa] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-111eaa] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-111eaa] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-111eaa]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-111eaa] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-111eaa], .fade-leave-active[data-v-111eaa] {
  transition: opacity .3s;
}

.fade-enter[data-v-111eaa], .fade-leave-to[data-v-111eaa] {
  opacity: 0;
}

.dot[data-v-111eaa] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-111eaa] {
  display: none !important;
}

.invisible[data-v-111eaa] {
  opacity: 0;
}

section.navigation-sidebar[data-v-111eaa] {
  width: 100%;
  position: static;
}

.collect--error[data-v-111eaa] {
  background: var(--companyBtn);
  color: #000;
  opacity: 0;
  pointer-events: none;
  white-space: nowrap;
  z-index: 20;
  border-radius: .5rem;
  justify-content: space-between;
  align-items: center;
  margin-top: -5.3rem;
  padding: 1.5rem 2rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
  display: flex;
  position: absolute;
  left: 38rem;
  transform: translate(-2.5rem, -1rem);
}

.collect--error.active[data-v-111eaa] {
  opacity: 1;
  pointer-events: initial;
  transition: all .5s ease-in-out;
  transform: translate(-2rem, -1rem);
}

.collect--error.active .symbol[data-v-111eaa] svg path {
  color: #fff;
}

.collect--error.inactive[data-v-111eaa] {
  transition: all .5s ease-in-out;
}

.collect--error[data-v-111eaa]:before {
  content: "<";
  color: #000;
  margin-left: -2.3rem;
  font-weight: 900;
  position: absolute;
}

.collect--close[data-v-111eaa] {
  cursor: pointer;
  margin: 0 0 0 2rem;
}

.collect--close:hover .icon--fill[data-v-111eaa] {
  opacity: 1;
  fill: #000;
  transition: all .3s ease-in-out;
}

.sidebar--item[data-v-111eaa] {
  border-bottom: .1rem solid #f2f2f2;
}

.sidebar--item[data-v-111eaa]:hover, .sidebar--item.active[data-v-111eaa] {
  border-bottom: .1rem solid var(--companyBtnHover);
  transition: border-bottom .3s;
}

.sidebar--item:hover .sidebar--link[data-v-111eaa], .sidebar--item.active .sidebar--link[data-v-111eaa] {
  background-color: var(--companyBtn);
  transition: background-color .3s;
}

.sidebar--item:hover .symbol[data-v-111eaa] svg path, .sidebar--item.active .symbol[data-v-111eaa] svg path {
  fill: #fff;
  transition: fill 50ms;
}

.sidebar--item:hover .sidebar--link--text[data-v-111eaa], .sidebar--item:hover .sidebar--link--counter[data-v-111eaa], .sidebar--item.active .sidebar--link--text[data-v-111eaa], .sidebar--item.active .sidebar--link--counter[data-v-111eaa] {
  color: #fff;
  transition: color .3s;
}

.sidebar--link[data-v-111eaa] {
  cursor: pointer;
  align-items: center;
  width: 100%;
  height: 6rem;
  padding: 0 4rem;
  display: flex;
}

.sidebar--link .symbol[data-v-111eaa], .sidebar--link .symbol[data-v-111eaa] svg {
  width: 1.5rem;
  height: 1.5rem;
}

.sidebar--link .sidebar--link--icon-myspace[data-v-111eaa], .sidebar--link .sidebar--link--icon-myspace[data-v-111eaa] svg {
  width: 2rem;
  height: 2rem;
}

.sidebar--link .symbol[data-v-111eaa] svg path {
  fill: var(--companyBtn);
}

.sidebar--link--text[data-v-111eaa] {
  color: #000;
  flex: 2;
  align-items: center;
  margin: 0 0 0 1rem;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
}

.sidebar--link--counter[data-v-111eaa] {
  z-index: 1;
  color: #fff;
  text-align: center;
  justify-content: center;
  align-items: center;
  min-width: 1.5rem;
  height: 1.5rem;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  position: relative;
}

.sidebar--link--counter[data-v-111eaa]:after {
  content: "";
  z-index: -1;
  background-color: var(--overlayBtn);
  border-radius: .8rem;
  width: calc(100% + 1rem);
  height: 2.5rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.collection--badge[data-v-111eaa] {
  opacity: 0;
  background: #f2f2f2;
  border-radius: 2rem;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  margin: 0 0 0 1.5rem;
  padding: .2rem .6rem;
  display: flex;
  transform: scale(.5);
}

.collection--badge.active[data-v-111eaa] {
  opacity: 1;
  background-color: var(--companyBtn);
  color: #f2f2f2;
  transition: all .3s ease-in-out;
  position: absolute;
  right: 2rem;
  transform: scale(1);
}

.collection--badge.active .collection--badge--count[data-v-111eaa] {
  opacity: 1;
  color: #f2f2f2;
  transition: all 0s ease-in-out .3s;
  transform: scale(1);
}

.collection--badge.active .symbol[data-v-111eaa] svg path {
  color: #fff;
}

.collection--badge--count[data-v-111eaa] {
  opacity: 0;
  font-size: 1.2rem;
}

[data-v-b08790]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-b08790] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-b08790] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-b08790] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-b08790] {
  font-size: 1.4rem;
}

.label--small[data-v-b08790] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-b08790] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-b08790] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-b08790] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-b08790] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-b08790] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-b08790] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-b08790] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-b08790] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-b08790]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-b08790] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-b08790], .fade-leave-active[data-v-b08790] {
  transition: opacity .3s;
}

.fade-enter[data-v-b08790], .fade-leave-to[data-v-b08790] {
  opacity: 0;
}

.dot[data-v-b08790] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-b08790] {
  display: none !important;
}

.invisible[data-v-b08790] {
  opacity: 0;
}

section.notifications-nav-section[data-v-b08790] {
  background-color: #fff;
  width: 100%;
}

section.notifications-nav-section .notifications-nav-container[data-v-b08790] {
  box-shadow: 0 0 10px -5px #3838384d;
}

section.notifications-nav-section .notifications-nav-container ul[data-v-b08790] {
  width: 100%;
}

section.notifications-nav-section .notifications-nav-container ul li[data-v-b08790] {
  border-top: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
  border-right: 1px solid #f0f0f0;
  justify-content: space-between;
  align-items: flex-end;
  padding: 20px 25px;
  display: flex;
}

section.notifications-nav-section .notifications-nav-container ul li.clickable[data-v-b08790] {
  cursor: pointer;
  transition: background-color .3s;
}

section.notifications-nav-section .notifications-nav-container ul li.clickable[data-v-b08790]:hover {
  background-color: #eaeaea;
}

section.notifications-nav-section .notifications-nav-container ul li[data-v-b08790]:first-child:after {
  content: "";
  z-index: 100;
  background-color: #fff;
  border-top: 1px solid #f0f0f0;
  border-left: 1px solid #f0f0f0;
  border-radius: 2px 0 0;
  width: 6px;
  height: 6px;
  transition: background-color .3s, border .3s;
  display: block;
  position: absolute;
  top: -4px;
  right: 5.3rem;
  transform: rotate(45deg);
}

section.notifications-nav-section .notifications-nav-container ul li .icon .symbol[data-v-b08790] svg {
  width: 1.4rem;
  height: 1.4rem;
}

section.notifications-nav-section .notifications-nav-container ul li .icon .symbol[data-v-b08790] svg path {
  fill: var(--companyColor);
}

section.notifications-nav-section .notifications-nav-container ul li .user[data-v-b08790] {
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  display: flex;
}

section.notifications-nav-section .notifications-nav-container ul li .user span.message[data-v-b08790] {
  color: #8c8c8c;
  letter-spacing: .25px;
  margin: 0 0 0 15px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

section.notifications-nav-section .notifications-nav-container ul li .user span.date[data-v-b08790] {
  color: #b5b5b5;
  letter-spacing: .25px;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

[data-v-5a2294]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-5a2294] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-5a2294] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-5a2294] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-5a2294] {
  font-size: 1.4rem;
}

.label--small[data-v-5a2294] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-5a2294] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-5a2294] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-5a2294] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-5a2294] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-5a2294] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-5a2294] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-5a2294] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-5a2294] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-5a2294]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-5a2294] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-5a2294], .fade-leave-active[data-v-5a2294] {
  transition: opacity .3s;
}

.dot[data-v-5a2294] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-5a2294] {
  display: none !important;
}

.invisible[data-v-5a2294] {
  opacity: 0;
}

.fade-enter-active[data-v-5a2294] {
  transition: opacity .3s;
}

.fade-leave-active[data-v-5a2294] {
  transition: opacity;
}

.fade-enter[data-v-5a2294], .fade-leave-to[data-v-5a2294] {
  opacity: 0;
}

.fadeSlow-enter-active[data-v-5a2294] {
  transition: opacity 1s .5s;
}

.fadeSlow-leave-active[data-v-5a2294] {
  transition: opacity;
}

.fadeSlow-enter[data-v-5a2294], .fadeSlow-leave-to[data-v-5a2294] {
  opacity: 0;
}

.notify[data-v-5a2294] {
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 0 20px;
  display: flex;
  overflow: auto;
}

.notify--header[data-v-5a2294] {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.notify--header--icon[data-v-5a2294], .notify--header--icon[data-v-5a2294] svg {
  width: 2.4rem;
  height: 2.4rem;
}

.notify--header--icon path[data-v-5a2294], .notify--header--icon[data-v-5a2294] svg path {
  fill: #8c8c8c;
}

.notify--header--title[data-v-5a2294] {
  color: #8c8c8c;
  letter-spacing: .32px;
  margin: 0 0 0 10px;
  font-size: 18px;
  font-weight: 300;
  line-height: 20px;
}

.notify--main[data-v-5a2294] {
  border: 1px solid #eaeaeab3;
  margin: 20px 0 0;
  padding: 3.5rem 2.5rem 2.5rem;
  box-shadow: 0 2px 33px #00000005;
}

.notify--main.full[data-v-5a2294] {
  max-height: calc(100vh - 360px);
  overflow: scroll;
}

.notify--element[data-v-5a2294] {
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  display: flex;
}

.notify--element--visual[data-v-5a2294] {
  background-repeat: no-repeat;
  width: 50px;
  height: 50px;
  display: block;
}

.notify--element--visual.thumb[data-v-5a2294] {
  background-position: center;
  background-size: cover;
}

.notify--element--visual.symbol[data-v-5a2294] {
  background-position: 0;
  background-size: contain;
}

.notify--element--wrapper[data-v-5a2294] {
  justify-content: flex-start;
  align-items: flex-end;
  width: calc(100% - 50px);
  display: flex;
}

.notify--element--name[data-v-5a2294] {
  color: #000;
  letter-spacing: .25px;
  white-space: nowrap;
  text-overflow: ellipsis;
  margin: 0 0 0 15px;
  font-size: 14px;
  font-weight: 300;
  line-height: 15px;
  overflow: hidden;
}

.notify--element--extension[data-v-5a2294] {
  color: #8c8c8c;
  letter-spacing: .75px;
  margin: 0 0 0 8px;
  font-size: 10px;
  font-weight: bold;
}

.notify--search[data-v-5a2294] {
  margin: 10px 0 0;
  position: relative;
}

.notify--search--field[data-v-5a2294] {
  color: #b5b5b5;
  letter-spacing: .25px;
  background: #fafafa;
  border: 1px solid #eaeaea;
  width: 100%;
  height: 68px;
  padding: 0 50px 0 20px;
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
}

[data-v-5a2294]::placeholder {
  color: #b5b5b5;
  letter-spacing: .25px;
  font-size: 14px;
  font-weight: 300;
  line-height: 16px;
}

.notify--search--add[data-v-5a2294] {
  position: absolute;
  top: 20px;
  right: 10px;
}

.notify--search--items[data-v-5a2294] {
  border-radius: 0 0 3px 3px;
  width: 100%;
  max-height: 185px;
  position: absolute;
  left: 0;
  right: 0;
  overflow: scroll;
}

.notify--search--item[data-v-5a2294] {
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #eaeaea;
  border-top: none;
  width: 100%;
  padding: 10px 20px;
}

.notify--search--item[data-v-5a2294]:hover {
  background-color: #eaeaea;
  transition: background-color .3s;
}

.notify--button--show-all[data-v-5a2294] {
  height: auto;
  max-height: 0;
  transition: max-height 1s;
  overflow: hidden;
}

.notify--button--show-all.active[data-v-5a2294] {
  max-height: 100px;
  transition: max-height 1s;
}

.notify--back[data-v-5a2294] {
  align-items: center;
  margin: 20px 0 0;
  display: flex;
  position: relative;
}

.notify--back .symbol[data-v-5a2294], .notify--back .symbol[data-v-5a2294] svg {
  width: 10px;
  height: 8px;
}

.notify--back .symbol[data-v-5a2294] {
  position: absolute;
  left: 25px;
}

.notify--back:hover .symbol[data-v-5a2294] {
  transition: left .3s;
  left: 23px;
}

.notify--button--back[data-v-5a2294] {
  justify-content: flex-end;
  padding: 0 25px;
}

.notify--recipients[data-v-5a2294] {
  height: auto;
  max-height: 500px;
}

.notify--recipients--items[data-v-5a2294] {
  height: auto;
  max-height: 307px;
  transition: padding .3s;
  overflow: hidden;
}

.notify--recipients--items.full[data-v-5a2294] {
  max-height: unset;
  padding: 0;
}

.notify--recipients--items.active[data-v-5a2294] {
  padding: 20px 0;
  transition: padding .3s;
}

.notify--recipients--item[data-v-5a2294] {
  justify-content: space-between;
  align-items: center;
  height: auto;
  padding: 10px 5px;
  display: flex;
}

.notify--recipients--item + .notify--recipients--item[data-v-5a2294] {
  border-top: 1px solid #eaeaea;
}

.notify--recipients--item .symbol[data-v-5a2294], .notify--recipients--item .symbol[data-v-5a2294] svg {
  width: 15px;
  height: 15px;
}

.notify--recipients--item button[data-v-5a2294] {
  border-radius: 10px;
  width: 20px;
  min-width: 20px;
  height: 20px;
}

.notify--recipients--email[data-v-5a2294] {
  color: #000;
  letter-spacing: .25px;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  margin: 0 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
  overflow: hidden;
}

.notify--note--title[data-v-5a2294] {
  color: #000;
  letter-spacing: .25px;
  margin: 25px 0 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

.notify--note--textarea[data-v-5a2294] {
  color: #000;
  letter-spacing: .25px;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  width: 100%;
  height: 190px;
  margin: 15px 0 0;
  padding: 25px 20px;
  font-size: 14px;
  font-weight: 500;
  line-height: 16px;
}

div.error-row[data-v-5a2294] {
  border: 0 solid #df3535;
  height: auto;
  display: block;
  overflow: hidden;
}

div.error-row.active[data-v-5a2294] {
  border: 1px solid #df353526;
  margin-top: 10px;
  transition: border 0s .1s, margin-top .3s .3s;
}

div.error-row.active div.content[data-v-5a2294] {
  margin-top: 0;
}

div.error-row div.content[data-v-5a2294] {
  background-color: #f7d7d712;
  border-radius: 2px;
  justify-content: flex-start;
  margin-top: -100%;
  padding: 1.5rem;
  transition: all .5s;
  display: flex;
}

div.error-row .symbol[data-v-5a2294] {
  width: 1.9rem;
  height: 1.9rem;
}

div.error-row p[data-v-5a2294] {
  color: #df3535;
  letter-spacing: .15px;
  margin: 0 0 0 1rem;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.6rem;
}

[data-v-ff1aa3]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-ff1aa3] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-ff1aa3] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-ff1aa3] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-ff1aa3] {
  font-size: 1.4rem;
}

.label--small[data-v-ff1aa3] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-ff1aa3] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-ff1aa3] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-ff1aa3] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-ff1aa3] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-ff1aa3], .option-buttons__title span[data-v-ff1aa3] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-ff1aa3] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-ff1aa3] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-ff1aa3] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-ff1aa3]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-ff1aa3] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-ff1aa3], .fade-leave-active[data-v-ff1aa3] {
  transition: opacity .3s;
}

.fade-enter[data-v-ff1aa3], .fade-leave-to[data-v-ff1aa3] {
  opacity: 0;
}

.dot[data-v-ff1aa3] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-ff1aa3] {
  display: none !important;
}

.invisible[data-v-ff1aa3] {
  opacity: 0;
}

.option-buttons[data-v-ff1aa3] {
  color: #fff;
  background-color: #000;
  border-top: .1rem solid #f0f0f0;
  padding: 2rem 0;
  position: relative;
}

.option-buttons__header[data-v-ff1aa3] {
  margin-bottom: 1rem;
  padding: 0 1.8rem;
}

.option-buttons__btn-holder[data-v-ff1aa3] {
  -ms-overflow-style: none;
  scrollbar-width: none;
  gap: .4rem;
  padding: 0 1.8rem;
  display: flex;
  overflow-y: auto;
}

.option-buttons__btn-holder[data-v-ff1aa3]::-webkit-scrollbar {
  display: none;
}

.option-buttons__btn[data-v-ff1aa3] {
  white-space: nowrap;
  flex: 2;
}

.option-buttons--one-btn .option-buttons__header[data-v-ff1aa3] {
  text-align: center;
}

.option-buttons--one-btn .option-buttons__btn-holder[data-v-ff1aa3] {
  justify-content: center;
}

.option-buttons--one-btn .option-buttons__btn[data-v-ff1aa3] {
  flex: 0;
}

[data-v-e149d5]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-e149d5] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-e149d5] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-e149d5] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-e149d5] {
  font-size: 1.4rem;
}

.label--small[data-v-e149d5] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-e149d5] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-e149d5] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-e149d5] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-e149d5] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-e149d5] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-e149d5] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-e149d5] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-e149d5] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-e149d5]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-e149d5] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-e149d5], .fade-leave-active[data-v-e149d5] {
  transition: opacity .3s;
}

.fade-enter[data-v-e149d5], .fade-leave-to[data-v-e149d5] {
  opacity: 0;
}

.dot[data-v-e149d5] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-e149d5] {
  display: none !important;
}

.invisible[data-v-e149d5] {
  opacity: 0;
}

.pdf-preview[data-v-e149d5] {
  height: 100%;
  position: relative;
}

.pdf-preview[data-v-e149d5] .vue-pdf-embed {
  height: 100%;
  overflow: auto;
}

.pdf-preview__loading-screen[data-v-e149d5] {
  background-color: var(--overlayBtnDisabled);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

[data-v-023af5]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-023af5] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-023af5] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-023af5] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-023af5] {
  font-size: 1.4rem;
}

.label--small[data-v-023af5] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-023af5] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-023af5] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-023af5] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-023af5] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-023af5] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-023af5] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-023af5] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-023af5] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-023af5]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-023af5] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-023af5], .fade-leave-active[data-v-023af5] {
  transition: opacity .3s;
}

.fade-enter[data-v-023af5], .fade-leave-to[data-v-023af5] {
  opacity: 0;
}

.dot[data-v-023af5] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-023af5] {
  display: none !important;
}

.invisible[data-v-023af5] {
  opacity: 0;
}

.psd-preview[data-v-023af5] {
  height: 100%;
  position: relative;
}

[data-v-c057cb]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-c057cb] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-c057cb] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-c057cb] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-c057cb] {
  font-size: 1.4rem;
}

.label--small[data-v-c057cb] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-c057cb] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-c057cb] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-c057cb] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-c057cb] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-c057cb] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-c057cb] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-c057cb] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-c057cb] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-c057cb]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-c057cb] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-c057cb], .fade-leave-active[data-v-c057cb] {
  transition: opacity .3s;
}

.fade-enter[data-v-c057cb], .fade-leave-to[data-v-c057cb] {
  opacity: 0;
}

.dot[data-v-c057cb] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-c057cb] {
  display: none !important;
}

.invisible[data-v-c057cb] {
  opacity: 0;
}

[data-v-984470]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-984470] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-984470] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-984470] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-984470] {
  font-size: 1.4rem;
}

.label--small[data-v-984470] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-984470] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-984470] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-984470] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-984470] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-984470] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-984470] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-984470] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-984470] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-984470]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-984470] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter[data-v-984470], .fade-leave-to[data-v-984470] {
  opacity: 0;
}

.dot[data-v-984470] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-984470] {
  display: none !important;
}

.invisible[data-v-984470] {
  opacity: 0;
}

.fade-enter-active[data-v-984470], .fade-leave-active[data-v-984470] {
  transition: opacity .3s .3s;
}

.fade-enter[data-v-984470], .fade-leave-to[data-v-984470] {
  opacity: 0;
  height: 0;
  transition: opacity .3s;
}

.fade-component-enter-active[data-v-984470], .fade-component-leave-active[data-v-984470] {
  transition: opacity .3s;
}

.fade-component-enter[data-v-984470], .fade-component-leave-to[data-v-984470] {
  opacity: 0;
}

.rename[data-v-984470] {
  flex-direction: column;
  justify-content: flex-start;
  min-height: calc(100vh - 217px);
  display: flex;
}

.rename .loader-overlay[data-v-984470] {
  z-index: 0;
}

.rename .copied-link[data-v-984470] {
  background: #fafafa;
  border: 1px solid #eaeaea;
  align-items: center;
  width: calc(100% - 5rem);
  margin: 0 auto 2.5rem;
  padding: 20px;
  display: flex;
  overflow: hidden;
}

.rename .copied-link img[data-v-984470] {
  margin-right: 10px;
}

.rename .copied-link span[data-v-984470] {
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: text !important;
  user-select: text !important;
}

.rename .container[data-v-984470] {
  width: 90%;
  margin: 0 auto;
}

.rename .container header[data-v-984470] {
  align-items: center;
  margin-bottom: 1.5rem;
  display: flex;
}

.rename .container header .symbol[data-v-984470] {
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
}

.rename .container header .symbol[data-v-984470] svg {
  width: 100%;
  height: 100%;
}

.rename .container header .symbol[data-v-984470] svg path {
  fill: #8c8c8c;
}

.rename .container header h3[data-v-984470] {
  color: #8c8c8c;
  letter-spacing: .32px;
  margin-top: 3px;
  margin-left: 1.2rem;
  font-size: 1.8rem;
}

.rename .container main .error[data-v-984470] {
  color: #df3535;
  letter-spacing: .15px;
  background-color: #f6f5f5;
  border: 1px solid #f7d7d7;
  border-radius: 2px;
  gap: 2rem;
  width: 88%;
  margin: 0 auto 6%;
  padding: 1.5rem 2rem;
  font-size: 14px;
  line-height: 19px;
  display: flex;
}

.rename .container main .error .symbol[data-v-984470] svg {
  width: 2rem;
  height: 2rem;
}

.rename .container main .error .symbol[data-v-984470] svg path {
  fill: #df3535;
}

.rename .container main > div[data-v-984470] {
  background-color: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  width: 100%;
  padding: 6% 0 0;
}

.rename .container main input[data-v-984470] {
  color: #b5b5b5;
  letter-spacing: .25px;
  background-color: #fafafa;
  border: 1px solid #eaeaea;
  outline: none;
  width: 88%;
  height: 68px;
  margin: 0 auto 6%;
  padding: 0 2rem;
  font-size: 14px;
  transition: all .3s;
  display: block;
  overflow: hidden;
}

.rename .container main input[data-v-984470]:focus {
  color: #000;
  background-color: #fafafa;
}

.rename .container main .form-visual[data-v-984470] {
  text-align: center;
}

.rename .container main .form-visual .symbol[data-v-984470] {
  justify-content: center;
  display: flex;
}

.rename .container main .form-visual p[data-v-984470] {
  color: #8c8c8c;
  letter-spacing: .32px;
  margin: 15px 0 20px;
  font-size: 18px;
}

.rename .container main p.sendedto[data-v-984470] {
  color: #b5b5b5;
  text-align: center;
  letter-spacing: .25px;
  margin: 10px 0;
  font-size: 14px;
  font-weight: 500;
}

.rename .container main div.emails_Array[data-v-984470] {
  max-height: 250px;
  margin-bottom: 40px;
  overflow-y: scroll;
}

.rename .container main div.emails_Array p[data-v-984470] {
  color: #b5b5b5;
  text-align: center;
  letter-spacing: .25px;
  text-overflow: ellipsis;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  display: block;
  overflow: hidden;
}

.rename .container main .copy-link[data-v-984470] {
  cursor: pointer;
  align-items: center;
  gap: 1rem;
  width: 88%;
  margin: 0 auto 6%;
  display: flex;
}

.rename .container main .copy-link p[data-v-984470] {
  color: #000;
  letter-spacing: .25px;
  margin-left: 5px;
  font-size: 14px;
  font-weight: 500;
}

.rename .container main .copied-link[data-v-984470] {
  gap: 1rem;
  display: flex;
}

.rename .container main .copied-link .actuallink[data-v-984470] {
  width: calc(100% - 2.5rem);
}

.rename .container main .copied-link .actuallink span[data-v-984470] {
  text-overflow: ellipsis;
  width: 100%;
  display: block;
  overflow: hidden;
}

[data-v-48da8e]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-48da8e] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-48da8e] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-48da8e] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-48da8e] {
  font-size: 1.4rem;
}

.label--small[data-v-48da8e] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-48da8e] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-48da8e] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-48da8e] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-48da8e] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-48da8e] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-48da8e] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-48da8e] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-48da8e] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-48da8e]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-48da8e] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.dot[data-v-48da8e] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-48da8e] {
  display: none !important;
}

.invisible[data-v-48da8e] {
  opacity: 0;
}

.fade-enter-active[data-v-48da8e], .fade-leave-active[data-v-48da8e] {
  transition: opacity .9s;
}

.fade-enter[data-v-48da8e], .fade-leave-to[data-v-48da8e] {
  opacity: 0;
}

.v-fade[data-v-48da8e] {
  transition: opacity .5s;
  display: inherit !important;
}

.v-fade[style*="display: none;"][data-v-48da8e] {
  opacity: 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.replace[data-v-48da8e] {
  flex-direction: column;
  justify-content: flex-start;
  min-width: 400px;
  min-height: calc(100vh - 217px);
  display: flex;
}

.replace .container[data-v-48da8e] {
  width: 90%;
  margin: 0 auto;
}

.replace .container header[data-v-48da8e] {
  align-items: center;
  margin-bottom: 1.5rem;
  display: flex;
}

.replace .container header .symbol[data-v-48da8e] {
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
}

.replace .container header .symbol[data-v-48da8e] svg {
  width: 100%;
  height: 100%;
}

.replace .container header .symbol[data-v-48da8e] svg path {
  fill: #8c8c8c;
}

.replace .container header h3[data-v-48da8e] {
  color: #8c8c8c;
  letter-spacing: .32px;
  margin-top: 3px;
  margin-left: 1rem;
  font-size: 1.8rem;
}

.replace .container main[data-v-48da8e] {
  background-color: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  min-height: 300px;
  padding: 5% 0 0;
  position: relative;
}

.replace .container main .step[data-v-48da8e] {
  width: 100%;
}

.replace .container main .step.upload-form p[data-v-48da8e] {
  color: #b5b5b5;
  letter-spacing: .25px;
  width: 90%;
  margin: 0 auto;
  padding-bottom: 5%;
  font-size: 14px;
  font-weight: 500;
}

.replace .container main .step.upload-form .file-teaser[data-v-48da8e] {
  background-color: #fafafa;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  align-items: center;
  width: 90%;
  margin: 0 auto 5%;
  padding: 5%;
  display: flex;
}

.replace .container main .step.upload-form .file-teaser .thumb[data-v-48da8e] {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  width: 50px;
  height: 50px;
}

.replace .container main .step.upload-form .file-teaser .thumb-icon[data-v-48da8e] {
  background-size: auto;
}

.replace .container main .step.upload-form .file-teaser p[data-v-48da8e] {
  color: #000;
  margin-left: 10px;
  padding-bottom: 0;
}

.replace .container main .step.upload-form .file-teaser p span[data-v-48da8e] {
  text-transform: uppercase;
  color: #8c8c8c;
  letter-spacing: .75px;
  font-size: 1rem;
  font-weight: bold;
}

.replace .container main .step.upload-form label[data-v-48da8e] {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  text-align: center;
  background-color: #fafafa;
  background-image: repeating-linear-gradient(0deg, #b5b5b5, #b5b5b5 .5rem, #0000 .5rem 1rem, #b5b5b5 1rem), repeating-linear-gradient(90deg, #b5b5b5, #b5b5b5 .5rem, #0000 .5rem 1rem, #b5b5b5 1rem), repeating-linear-gradient(#b5b5b5, #b5b5b5 .5rem, #0000 .5rem 1rem, #b5b5b5 1rem), repeating-linear-gradient(270deg, #b5b5b5, #b5b5b5 .5rem, #0000 .5rem 1rem, #b5b5b5 1rem);
  background-position: 0 0, 0 0, 100% 0, 0 100%;
  background-repeat: no-repeat;
  background-size: .1rem 100%, 100% .1rem, .1rem 100%, 100% .1rem;
  border-radius: .3rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 88%;
  height: 125px;
  margin: 0 auto 6%;
  transition: background-color .3s;
  display: flex;
}

.replace .container main .step.upload-form label[data-v-48da8e] svg path {
  fill: #b5b5b5;
}

.replace .container main .step.upload-form label[data-v-48da8e]:hover {
  background-color: #eaeaea;
}

.replace .container main .step.upload-form label > p[data-v-48da8e] {
  margin-top: 1rem;
  margin-bottom: 0;
  padding-bottom: 0;
}

.replace .container main .step.upload-form .replaceicon[data-v-48da8e] {
  width: 88%;
  height: 16px;
  margin: 0 auto 5%;
}

.replace .container main .step.upload-form .replaceicon .symbol[data-v-48da8e] svg {
  width: 100%;
}

.replace .container main .step.upload-form .replaceicon .symbol[data-v-48da8e] svg path {
  fill: #b5b5b5;
}

.replace .container main .step.upload-form input[data-v-48da8e] {
  outline: none;
  width: 88%;
  margin: 0 auto 6%;
  display: block;
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.replace .container main .step.upload-form .filename[data-v-48da8e] {
  justify-content: space-between;
  align-items: flex-end;
  width: 88%;
  margin: 0 auto 6%;
  padding: 5px 0 6px;
  font-size: 1.4rem;
  display: flex;
}

.replace .container main .step.upload-form .filename p[data-v-48da8e] {
  margin: 0;
  padding-bottom: 0;
}

.replace .container main .step.upload-form .filename .name[data-v-48da8e] {
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #000;
  flex: none;
  max-width: 220px;
  overflow: hidden;
}

.replace .container main .step.upload-form .filename .extention[data-v-48da8e] {
  color: #8c8c8c;
  text-transform: uppercase;
  letter-spacing: .5pt;
  font-size: 1rem;
  font-weight: 700;
}

.replace .container main .step.upload-form .filename .remove-file[data-v-48da8e] {
  cursor: pointer;
}

.replace .container main .step.upload-form button[data-v-48da8e] {
  color: #fff;
  letter-spacing: .25px;
  cursor: pointer;
  background-color: #000;
  border: none;
  border-radius: 0 0 3px 3px;
  width: 100%;
  height: 60px;
  font-size: 14px;
  font-weight: 500;
  transition: background-color .3s;
}

.replace .container main .step.upload-form button[data-v-48da8e]:hover {
  background-color: #000;
}

.replace .container main .step.uploading[data-v-48da8e] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.replace .container main .step.uploading .filelist-wrapper[data-v-48da8e] {
  padding-bottom: 4%;
}

.replace .container main .step.uploading .box[data-v-48da8e] {
  background-color: #fff;
  border-radius: 3px;
  flex-direction: row;
  justify-content: center;
  padding: 70px 0 20px;
  display: flex;
}

.replace .container main .step.uploading .box > .container[data-v-48da8e] {
  position: relative;
}

.replace .container main .step.uploading .box > .container .uploadbubble[data-v-48da8e] {
  text-align: center;
  position: relative;
}

.replace .container main .step.uploading .box > .container .uploadbubble .completeText[data-v-48da8e] {
  transition: all .5s;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(55%, -50%);
}

.replace .container main .step.uploading .box > .container .uploadbubble .completeText p[data-v-48da8e] {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

.replace .container main .step.uploading .box > .container .uploadbubble .completeText p span[data-v-48da8e] {
  color: #000;
  letter-spacing: -1pt;
  font-size: 4.8rem;
  font-weight: 500;
  display: block;
}

.replace .container main .step.uploading .box > .container .uploadbubble .completeText p small[data-v-48da8e] {
  color: #b5b5b5;
  margin: 0 0 0 3px;
  font-size: 1.76rem;
  font-weight: 500;
  position: relative;
  top: 7px;
}

.replace .container main .step.uploading .box > .container .uploadtext[data-v-48da8e] {
  text-align: center;
  color: var(--companyIconFade);
  flex-direction: row;
  justify-content: center;
  margin: 20px 0 0;
  display: flex;
}

.replace .container main .step.uploading .box > .container .uploadtext span[data-v-48da8e] {
  position: relative;
}

.replace .container main .step.uploading .box > .container .uploadtext span[data-v-48da8e]:after {
  vertical-align: bottom;
  content: "…";
  width: 0;
  padding: 0 0 0 5px;
  animation: .9s steps(4, end) infinite ellipsis;
  display: inline-block;
  position: absolute;
  bottom: 3px;
  left: 100%;
  overflow: hidden;
}

[data-v-c89bd2]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-c89bd2] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-c89bd2] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-c89bd2] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-c89bd2] {
  font-size: 1.4rem;
}

.label--small[data-v-c89bd2] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-c89bd2] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-c89bd2] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-c89bd2] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-c89bd2] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-c89bd2] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-c89bd2] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-c89bd2] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-c89bd2] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-c89bd2]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-c89bd2] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-c89bd2], .fade-leave-active[data-v-c89bd2] {
  transition: opacity .3s;
}

.dot[data-v-c89bd2] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-c89bd2] {
  display: none !important;
}

.invisible[data-v-c89bd2] {
  opacity: 0;
}

.fade-enter-active[data-v-c89bd2] {
  transition: opacity .3s .5s;
}

.fade-leave-active[data-v-c89bd2] {
  transition: opacity .3s;
}

.fade-enter[data-v-c89bd2], .fade-leave-to[data-v-c89bd2] {
  opacity: 0;
}

section.role-add[data-v-c89bd2] {
  padding: 3rem 1.5rem;
  position: relative;
}

section.role-add h2.title[data-v-c89bd2] {
  color: #000;
  letter-spacing: .043rem;
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 3rem;
}

section.role-add .title-holder[data-v-c89bd2] {
  flex: 2;
  align-items: center;
  margin: 3rem 0 0;
  display: flex;
}

section.role-add h3.subtitle[data-v-c89bd2] {
  color: #000;
  letter-spacing: .032rem;
  flex: 2;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 2.3rem;
}

section.role-add .error[data-v-c89bd2] {
  color: #df3535;
  position: absolute;
  top: 10px;
  left: 40px;
}

section.role-add div.container[data-v-c89bd2] {
  background-color: #fff;
  border: .1rem solid #eaeaea;
  border-radius: .3rem;
  width: 100%;
  margin: 1.5rem 0 0;
  display: block;
  position: relative;
  box-shadow: 0 .2rem 3.3rem #00000005;
}

section.role-add div.wrapper[data-v-c89bd2] {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4rem;
  display: flex;
}

section.role-add div.wrapper.right[data-v-c89bd2] {
  align-items: flex-end;
  padding: 2.5rem 4rem 4rem;
}

section.role-add div.wrapper h4[data-v-c89bd2] {
  color: #000;
  letter-spacing: .028rem;
  margin: .5rem 0 0;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.3rem;
}

section.role-add div.wrapper span[data-v-c89bd2] {
  color: #8c8c8c;
  letter-spacing: .025rem;
  margin: .5rem;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.8rem;
}

section.role-add div.wrapper .input[data-v-c89bd2] {
  color: #000;
  letter-spacing: .025rem;
  background-color: #fafafa;
  border: 1px solid #eaeaea;
  border-radius: 2px;
  width: 100%;
  margin: 4rem 0 0;
  padding: 2.5rem;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.8rem;
}

section.role-add div.wrapper .input.red[data-v-c89bd2] {
  border: 1px solid #df35354d;
}

section.role-add div.actions[data-v-c89bd2] {
  cursor: pointer;
  background: var(--lightBtn);
  border: 1px solid var(--lightBtnBorder);
  border-radius: 3px;
  justify-content: space-between;
  align-items: center;
  width: 15rem;
  padding: 1rem 2.5rem;
  transition: all .3s;
  display: flex;
}

section.role-add div.actions[data-v-c89bd2]:hover {
  background-color: #b5b5b5;
  border: 1px solid #b5b5b5;
}

section.role-add div.actions:hover span[data-v-c89bd2] {
  color: #f4f4f4;
}

section.role-add div.actions:hover .symbol[data-v-c89bd2] svg path {
  fill: #f4f4f4;
}

section.role-add div.actions span[data-v-c89bd2] {
  color: #000;
  width: 100%;
  margin: 0;
  display: block;
}

section.role-add div.actions .symbol[data-v-c89bd2] {
  width: .6rem;
  height: .325rem;
}

section.role-add div.actions .symbol[data-v-c89bd2] svg path {
  transition: fill .3s;
}

section.role-add .category[data-v-c89bd2] {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding: 2.5rem 0 0;
  display: flex;
}

section.role-add .category.spaces[data-v-c89bd2] {
  border-top: none;
}

section.role-add .category.active .arrow[data-v-c89bd2], section.role-add .category:hover .arrow[data-v-c89bd2] {
  transform: scaleY(-1);
}

section.role-add .category .tool-tip[data-v-c89bd2] {
  opacity: 0;
  transition: opacity .3s ease-in-out;
}

section.role-add .category:hover .tool-tip[data-v-c89bd2] {
  opacity: 1;
}

section.role-add .category .title-holder[data-v-c89bd2] {
  width: 100%;
  margin: 0 15px;
  display: flex;
}

section.role-add .category h3[data-v-c89bd2] {
  text-transform: capitalize;
  flex: 2;
  display: block;
}

section.role-add .category .boxes[data-v-c89bd2] {
  background-color: unset;
  border: unset;
  padding: unset;
  margin: unset;
}

section.role-add .category .boxes.only[data-v-c89bd2] {
  margin: 0 2.5rem 0 0;
}

section.role-add .category .boxes .checker[data-v-c89bd2] {
  margin: unset;
  width: auto;
}

section.role-add .arrow[data-v-c89bd2] {
  align-items: center;
  margin: 0 0 0 1.5rem;
  transition: all .3s;
  display: flex;
}

section.role-add .content[data-v-c89bd2] {
  height: auto;
  max-height: 0;
  transition: all 1s;
  overflow: hidden;
}

section.role-add .content.active[data-v-c89bd2] {
  max-height: 900px;
}

section.role-add div.error-row[data-v-c89bd2] {
  border: 1px solid #df353500;
  width: 100%;
  height: auto;
  margin: 2rem 0 0;
  transition: border 0s .1s;
  display: block;
  overflow: hidden;
}

section.role-add div.error-row.active[data-v-c89bd2] {
  border: 1px solid #df353526;
}

section.role-add div.error-row.active div.error-content[data-v-c89bd2] {
  margin-top: 0;
}

section.role-add div.error-row div.error-content[data-v-c89bd2] {
  background-color: #f7d7d712;
  border-radius: 2px;
  justify-content: flex-start;
  margin-top: -100%;
  padding: 1.5rem;
  transition: all .5s;
  display: flex;
}

section.role-add div.error-row .symbol[data-v-c89bd2] {
  width: 1.9rem;
  height: 1.9rem;
}

section.role-add div.error-row p[data-v-c89bd2] {
  color: #df3535;
  letter-spacing: .15px;
  margin: 0 0 0 1rem;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.6rem;
}

section.role-add div.boxes[data-v-c89bd2] {
  background-color: #fafafa;
  border: 1px solid #eaeaea;
  border-radius: 4px;
  flex-wrap: wrap;
  margin: 15px 0 0;
  padding: 25px;
  transition: margin-top .3s;
  display: flex;
}

section.role-add div.item[data-v-c89bd2] {
  padding: 0 2.5rem 2.5rem;
}

section.role-add div.item + div.item[data-v-c89bd2] {
  border-top: 1px solid #f4f4f4;
}

section.role-add .subcategory[data-v-c89bd2] {
  margin: 25px 0 0;
}

section.role-add .subcategory .title[data-v-c89bd2] {
  align-items: center;
  display: flex;
}

section.role-add .subcategory .title .icon[data-v-c89bd2] {
  margin-right: .8rem;
}

section.role-add .subcategory .title .icon .symbol[data-v-c89bd2] {
  width: 1.4rem;
  height: 1.4rem;
}

section.role-add .subcategory .title .icon .symbol[data-v-c89bd2] svg path {
  fill: var(--color);
}

section.role-add .subcategory .title h3[data-v-c89bd2] {
  text-transform: capitalize;
  letter-spacing: .3px;
  margin: 0 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

section.role-add .subcategory .boxes[data-v-c89bd2] {
  padding: 20px;
}

section.role-add .icon[data-v-c89bd2] {
  display: block;
}

section.role-add .icon .symbol[data-v-c89bd2] svg {
  width: 1.4rem;
  height: 1.4rem;
}

section.role-add .icon .symbol[data-v-c89bd2] svg path {
  fill: var(--color);
}

section.role-add div.border[data-v-c89bd2] {
  border: 1px solid #f4f4f4;
  border-radius: 6px;
  width: 100%;
  margin: 1rem 0 0;
}

section.role-add div.checker[data-v-c89bd2] {
  align-items: center;
  width: 50%;
  margin: .75rem 0;
  display: flex;
}

section.role-add input[type="checkbox"][data-v-c89bd2] {
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  width: 40px;
  height: 25px;
  margin: 0;
}

section.role-add input[type="checkbox"] + div.check-border[data-v-c89bd2] {
  transition: border .3s;
}

section.role-add input[type="checkbox"]:hover + div.check-border[data-v-c89bd2] {
  border: 2px solid #0000004d;
}

section.role-add input[type="checkbox"]:checked + div.check-border[data-v-c89bd2] {
  background-color: #000;
  border: 2px solid #000;
}

section.role-add input[type="checkbox"]:checked + div.check-border div.check-circle[data-v-c89bd2] {
  margin-left: 15px;
}

section.role-add div.check-border[data-v-c89bd2] {
  z-index: 0;
  background-color: #fff;
  border: 2px solid #eaeaea;
  border-radius: 12px;
  width: 40px;
  height: 25px;
  margin: 0 0 0 -40px;
  transition: background-color .3s;
  display: block;
}

section.role-add div.check-circle[data-v-c89bd2] {
  background-color: #fff;
  border: 1px solid #0000000a;
  border-radius: 10px;
  width: 21px;
  height: 21px;
  margin-left: 0;
  transition: all .3s;
  display: block;
  box-shadow: 0 2px 6px #00000026, 0 2px 1px #0000000f;
}

section.role-add label[data-v-c89bd2] {
  color: #000;
  text-transform: capitalize;
  letter-spacing: .025rem;
  margin: 0 0 0 15px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

[data-v-63a1e6]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-63a1e6] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-63a1e6] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-63a1e6] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-63a1e6] {
  font-size: 1.4rem;
}

.label--small[data-v-63a1e6] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-63a1e6] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-63a1e6] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-63a1e6] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-63a1e6] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-63a1e6] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-63a1e6] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-63a1e6] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-63a1e6] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-63a1e6]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-63a1e6] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-63a1e6], .fade-leave-active[data-v-63a1e6] {
  transition: opacity .3s;
}

.dot[data-v-63a1e6] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-63a1e6] {
  display: none !important;
}

.invisible[data-v-63a1e6] {
  opacity: 0;
}

.fade-enter-active[data-v-63a1e6] {
  transition: opacity .3s .5s;
}

.fade-leave-active[data-v-63a1e6] {
  transition: opacity .3s;
}

.fade-enter[data-v-63a1e6], .fade-leave-to[data-v-63a1e6] {
  opacity: 0;
}

section.role-delete[data-v-63a1e6] {
  padding: 0 1.5rem;
  position: relative;
}

section.role-delete h2.title[data-v-63a1e6] {
  color: #000;
  letter-spacing: .043rem;
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 3rem;
}

section.role-delete h3.subtitle[data-v-63a1e6] {
  color: #8c8c8c;
  letter-spacing: .032rem;
  margin: 3rem 0 0;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 2.3rem;
}

section.role-delete div.container[data-v-63a1e6] {
  background-color: #fff;
  border: .1rem solid #eaeaea;
  border-radius: .3rem;
  width: 100%;
  margin: 1.5rem 0 0;
  display: block;
  position: relative;
  box-shadow: 0 .2rem 3.3rem #00000005;
}

section.role-delete div.wrapper[data-v-63a1e6] {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4rem;
  display: flex;
}

section.role-delete .form-visual .symbol[data-v-63a1e6] svg  {
  width: 100%;
  height: 9rem;
}

section.role-delete .user[data-v-63a1e6] {
  background: var(--companyBtn);
  border: 1px solid var(--companyBtnHover);
  color: #fff;
  letter-spacing: .22px;
  border-radius: 11px;
  width: auto;
  margin: 1.5rem 0 0;
  padding: 10px 15px 10px 40px;
  font-size: 14px;
  font-weight: bold;
  position: relative;
}

section.role-delete .user .symbol[data-v-63a1e6] {
  position: absolute;
  left: 1.5rem;
}

section.role-delete .user .symbol[data-v-63a1e6] svg {
  width: 1.5rem;
  height: 1.5rem;
}

section.role-delete .user .symbol[data-v-63a1e6] svg path {
  fill: #fff;
}

section.role-delete h4[data-v-63a1e6] {
  text-align: center;
  color: #8c8c8c;
  letter-spacing: .28px;
  margin: 1.5rem 0 0;
  font-size: 18px;
  font-weight: 500;
}

section.role-delete p[data-v-63a1e6] {
  color: #b5b5b5;
  text-align: center;
  letter-spacing: .25px;
  margin: .5rem 0 0;
  font-size: 14px;
  font-weight: 300;
}

[data-v-5dab89]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-5dab89] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-5dab89] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-5dab89] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-5dab89] {
  font-size: 1.4rem;
}

.label--small[data-v-5dab89] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-5dab89] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-5dab89] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-5dab89] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-5dab89] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-5dab89] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-5dab89] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-5dab89] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-5dab89] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-5dab89]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-5dab89] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.dot[data-v-5dab89] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-5dab89] {
  display: none !important;
}

.invisible[data-v-5dab89] {
  opacity: 0;
}

.fade-enter-active[data-v-5dab89], .fade-leave-active[data-v-5dab89] {
  transition: opacity .3s;
}

.fade-enter[data-v-5dab89], .fade-leave-to[data-v-5dab89] {
  opacity: 0;
}

section.role-edit[data-v-5dab89] {
  padding: 0 1.5rem;
  position: relative;
}

section.role-edit h2.title[data-v-5dab89] {
  color: #000;
  letter-spacing: .043rem;
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 3rem;
}

section.role-edit .subtitle[data-v-5dab89] {
  flex: 2;
  display: flex;
}

section.role-edit .subtitle h3[data-v-5dab89] {
  color: #8c8c8c;
  letter-spacing: .032rem;
  flex: 2;
  margin: 3rem 0 0;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 2.3rem;
}

section.role-edit .subtitle.dark h3[data-v-5dab89] {
  color: #000;
}

section.role-edit .subtitle .tool-tip[data-v-5dab89] {
  opacity: 0;
  transition: opacity .3s ease-in-out;
}

section.role-edit .subtitle:hover .tool-tip[data-v-5dab89] {
  opacity: 1;
}

section.role-edit .error[data-v-5dab89] {
  color: #df3535;
  position: absolute;
  top: 10px;
  left: 40px;
}

section.role-edit .role-edit__loader[data-v-5dab89] {
  background-color: #fff;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

section.role-edit div.container[data-v-5dab89] {
  background-color: #fff;
  border: .1rem solid #eaeaea;
  border-radius: .3rem;
  width: 100%;
  margin: 1.5rem 0 5rem;
  display: block;
  position: relative;
  box-shadow: 0 .2rem 3.3rem #00000005;
}

section.role-edit div.wrapper-title[data-v-5dab89] {
  margin: 40px 0 -25px 40px;
}

section.role-edit div.wrapper[data-v-5dab89] {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  padding: 2.5rem 4rem 4rem;
  display: flex;
}

section.role-edit div.wrapper h4[data-v-5dab89] {
  color: #000;
  letter-spacing: .028rem;
  margin: .5rem 0 0;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.3rem;
}

section.role-edit div.wrapper span[data-v-5dab89] {
  color: #8c8c8c;
  letter-spacing: .025rem;
  margin: .5rem;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.8rem;
}

section.role-edit div.wrapper.success[data-v-5dab89] {
  align-self: center;
}

section.role-edit div.wrapper.success .symbol[data-v-5dab89] {
  margin: 0 auto;
}

section.role-edit div.wrapper .input[data-v-5dab89] {
  color: #8c8c8c;
  letter-spacing: .025rem;
  background-color: #fafafa;
  border: 1px solid #eaeaea;
  border-radius: 2px;
  width: 100%;
  max-width: 33rem;
  margin: 4rem 0 0;
  padding: 2.5rem;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.8rem;
}

section.role-edit div.actions[data-v-5dab89] {
  cursor: pointer;
  background: var(--lightBtn);
  border: 1px solid var(--lightBtnBorder);
  border-radius: 3px;
  justify-content: space-between;
  align-items: center;
  width: 15rem;
  padding: 1rem 2.5rem;
  transition: all .3s;
  display: flex;
}

section.role-edit div.actions[data-v-5dab89]:hover {
  background-color: var(--lightBtnHover);
}

section.role-edit div.actions span[data-v-5dab89] {
  color: #000;
  width: 100%;
  margin: 0;
  display: block;
}

section.role-edit div.actions .symbol[data-v-5dab89] {
  min-width: .6rem;
  max-width: .6rem;
  height: .325rem;
  transition: transform .3s;
}

section.role-edit div.actions .symbol.collapse[data-v-5dab89] {
  transform: scaleY(-1);
}

section.role-edit div.actions .symbol[data-v-5dab89] svg path {
  transition: fill .3s;
}

section.role-edit .category[data-v-5dab89] {
  cursor: pointer;
  flex: 2;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 2.5rem 0 0;
  display: flex;
}

section.role-edit .category.spaces[data-v-5dab89] {
  border-top: none;
}

section.role-edit .category[data-v-5dab89] svg path {
  fill: var(--companyColor);
}

section.role-edit .category.active .arrow[data-v-5dab89], section.role-edit .category:hover .arrow[data-v-5dab89] {
  transform: scaleY(-1);
}

section.role-edit .category h3[data-v-5dab89] {
  text-transform: capitalize;
  margin: 0 15px;
  display: block;
}

section.role-edit .category .boxes[data-v-5dab89] {
  background-color: unset;
  border: unset;
  padding: unset;
  margin: unset;
}

section.role-edit .category .boxes.only[data-v-5dab89] {
  margin: 0 3.5rem 0 0;
}

section.role-edit .category .boxes .checker[data-v-5dab89] {
  margin: unset;
  width: auto;
}

section.role-edit .arrow[data-v-5dab89] {
  align-items: center;
  margin: 0 0 0 1.5rem;
  transition: all .3s;
  display: flex;
}

section.role-edit .content[data-v-5dab89] {
  height: auto;
  max-height: 0;
  transition: all 1s;
  overflow: hidden;
}

section.role-edit .content.active[data-v-5dab89] {
  max-height: 900px;
}

section.role-edit div.boxes[data-v-5dab89] {
  background-color: #fafafa;
  border: 1px solid #eaeaea;
  border-radius: 4px;
  flex-wrap: wrap;
  margin: 15px 0 0;
  padding: 25px;
  transition: margin-top .3s;
  display: flex;
}

section.role-edit div.item[data-v-5dab89] {
  flex-direction: column;
  width: 100%;
  padding: 0 2.5rem 2.5rem;
  display: flex;
}

section.role-edit div.item + div.item[data-v-5dab89] {
  border-top: 1px solid #f4f4f4;
}

section.role-edit .subcategory[data-v-5dab89] {
  margin: 25px 0 0;
}

section.role-edit .subcategory .title[data-v-5dab89] {
  align-items: center;
  display: flex;
}

section.role-edit .subcategory .title .icon[data-v-5dab89] {
  width: 10px;
  height: 10px;
}

section.role-edit .subcategory .title h3[data-v-5dab89] {
  text-transform: capitalize;
  letter-spacing: .3px;
  margin: 0 10px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
}

section.role-edit .subcategory .boxes[data-v-5dab89] {
  padding: 20px;
}

section.role-edit .icon[data-v-5dab89] {
  display: block;
}

section.role-edit .icon .symbol[data-v-5dab89] svg {
  width: 1.4rem;
  height: 1.4rem;
}

section.role-edit .icon .symbol[data-v-5dab89] svg path {
  fill: var(--color);
}

section.role-edit .cta[data-v-5dab89] {
  cursor: pointer;
  background-color: var(--companyBtn);
  border: 1px solid var(--companyLine);
  color: #fff;
  letter-spacing: .025rem;
  text-align: center;
  border-radius: 0 0 .3rem .3rem;
  width: 100%;
  padding: 2.5rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
  transition: all .3s;
  display: block;
}

section.role-edit .cta[data-v-5dab89]:hover {
  background-color: var(--companyBtnHover);
}

section.role-edit .cta[disabled="disabled"][data-v-5dab89] {
  background-color: var(--companyBtn);
  border: 1px solid var(--companyBtn);
  cursor: initial;
}

section.role-edit div.border[data-v-5dab89] {
  border: 1px solid #f0f0f0;
  border-radius: 6px;
  flex-direction: column;
  width: 100%;
  min-height: 15rem;
  margin: 1rem 0 0;
  display: flex;
  position: relative;
}

section.role-edit div.checker[data-v-5dab89] {
  align-items: center;
  width: 50%;
  margin: .75rem 0;
  display: flex;
}

@media only screen and (width <= 1200px) {
  section.role-edit div.checker[data-v-5dab89] {
    width: 100%;
  }
}

section.role-edit input[type="checkbox"][data-v-5dab89] {
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  width: 40px;
  height: 25px;
  margin: 0;
}

section.role-edit input[type="checkbox"] + div.check-border[data-v-5dab89] {
  transition: border .3s;
}

section.role-edit input[type="checkbox"]:hover + div.check-border[data-v-5dab89] {
  border: 2px solid var(--companyColor);
}

section.role-edit input[type="checkbox"]:checked + div.check-border[data-v-5dab89] {
  border: 2px solid var(--companyColor);
  background-color: var(--companyColor);
}

section.role-edit input[type="checkbox"]:checked + div.check-border div.check-circle[data-v-5dab89] {
  margin-left: 15px;
}

section.role-edit div.check-border[data-v-5dab89] {
  z-index: 0;
  background-color: #fff;
  border: 2px solid #eaeaea;
  border-radius: 12px;
  width: 40px;
  height: 25px;
  margin: 0 0 0 -40px;
  transition: background-color .3s;
  display: block;
}

section.role-edit div.check-circle[data-v-5dab89] {
  background-color: #fff;
  border: 1px solid #0000000a;
  border-radius: 10px;
  width: 21px;
  height: 21px;
  margin-left: 0;
  transition: all .3s;
  display: block;
  box-shadow: 0 2px 6px #00000026, 0 2px 1px #0000000f;
}

section.role-edit label[data-v-5dab89] {
  text-transform: capitalize;
  letter-spacing: .025rem;
  margin: 0 0 0 15px;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

[data-v-4f6b0e]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-4f6b0e] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-4f6b0e] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-4f6b0e] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-4f6b0e] {
  font-size: 1.4rem;
}

.label--small[data-v-4f6b0e] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-4f6b0e] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-4f6b0e] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-4f6b0e] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-4f6b0e] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-4f6b0e] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-4f6b0e] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-4f6b0e] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-4f6b0e] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-4f6b0e]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-4f6b0e] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.dot[data-v-4f6b0e] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-4f6b0e] {
  display: none !important;
}

.invisible[data-v-4f6b0e] {
  opacity: 0;
}

.fade-enter-active[data-v-4f6b0e], .fade-leave-active[data-v-4f6b0e] {
  transition: opacity .5s;
}

.fade-enter[data-v-4f6b0e], .fade-leave-to[data-v-4f6b0e] {
  opacity: 0;
}

.only-partials[data-v-4f6b0e] {
  text-align: center;
  width: 90%;
  margin: 20px auto 10px;
  font-weight: bold;
}

.empty-search[data-v-4f6b0e] {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 80px 0;
  display: flex;
}

.empty-search h4[data-v-4f6b0e] {
  color: #000;
  letter-spacing: .28px;
  margin: 1.8rem 0 .5rem;
  font-size: 18px;
  font-weight: 500;
}

.empty-search p[data-v-4f6b0e] {
  color: #8c8c8c;
  text-align: center;
  letter-spacing: .25px;
  max-width: 285px;
  font-size: 14px;
}

#search[data-v-4f6b0e] {
  position: relative;
}

#search .background-fader[data-v-4f6b0e] {
  z-index: 10;
  background-color: #ffffff80;
  position: fixed;
  inset: 0;
}

#search .container[data-v-4f6b0e] {
  z-index: 20;
  position: relative;
}

#search .container .form-item[data-v-4f6b0e] {
  z-index: 20;
  background-color: #fff;
  border: 1px solid #eaeaea;
  padding: 2.5px 5px;
  transition: all .3s;
  position: relative;
}

#search .container .form-item input[data-v-4f6b0e] {
  color: #000;
  -webkit-appearance: none;
  border: 1px solid #0000;
  border-radius: 4px;
  outline: none;
  width: 100%;
  height: 45px;
  padding: 0 40px 0 30px;
  font-size: 1.4rem;
  font-weight: 500;
  transition: all .3s;
}

#search .container .form-item .search-icon[data-v-4f6b0e] {
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
}

#search .container .form-item .search-icon .search-icon-loader[data-v-4f6b0e] {
  pointer-events: none;
  width: 16rem;
  height: 16rem;
  position: relative;
  right: -7rem;
}

#search .container .form-item .search-icon .symbol[data-v-4f6b0e] svg {
  width: 1.3rem;
  height: 1.3rem;
}

#search .container .form-item .search-icon .symbol[data-v-4f6b0e] svg path {
  fill: var(--companyIconFade);
}

#search .container .form-item .count[data-v-4f6b0e] {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 0 10px 0 0;
  transition: all .3s;
  display: flex;
  position: absolute;
  top: 50%;
  bottom: 5px;
  right: 10px;
  transform: translateY(-50%);
}

#search .container .form-item .count p[data-v-4f6b0e] {
  color: var(--subTextColorOnCompanyColor);
  margin: 0 15px 0 0;
  font-size: 1.4rem;
  font-weight: 400;
}

#search .container .form-item .count .close[data-v-4f6b0e] {
  cursor: pointer;
  padding: 2px 0 0;
}

#search .container .form-item .count .close .symbol[data-v-4f6b0e] {
  background-color: var(--subTextColorOnCompanyColor);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 1.8rem;
  height: 1.8rem;
  transition: all .3s;
  display: flex;
}

#search .container .form-item .count .close[data-v-4f6b0e] svg {
  width: .6rem;
  height: .6rem;
  transition: all .3s;
  display: block;
}

#search .container .form-item .count .close[data-v-4f6b0e] svg path {
  fill: var(--companyColor);
}

#search .container .form-item .count .close:hover .symbol[data-v-4f6b0e] {
  background-color: var(--subTextColorOnCompanyColor);
}

#search .container.active .form-item[data-v-4f6b0e] {
  border: 1px solid #f0f0f0;
  border-bottom-color: #0000;
  position: relative;
}

#search .container.active .form-item input[data-v-4f6b0e] {
  border: 1px solid var(--companyIconFade);
  background-color: var(--companyIconFade);
  color: #fff;
  transition: all .3s;
}

#search .container .form-results[data-v-4f6b0e] {
  z-index: 10;
  background-color: #fff;
  border: 1px solid #f0f0f0;
  width: 100%;
  padding: 0;
  font-size: 1.4rem;
  position: absolute;
  top: 51px;
  left: 0;
  right: 0;
  box-shadow: 0 0 73px #0000000d;
}

#search .container .form-results ul.group-list[data-v-4f6b0e] {
  flex-direction: column;
  gap: 30px;
  width: 90%;
  max-height: 77vh;
  margin: 0 auto;
  padding: 20px 20px 0;
  display: flex;
  overflow: auto;
}

#search .container .form-results ul.group-list li.group-item h3[data-v-4f6b0e] {
  margin: 0 0 15px;
  font-size: 1.6rem;
  font-weight: 500;
  position: relative;
}

#search .container .form-results ul.group-list li.group-item h3[data-v-4f6b0e]:before {
  background-color: var(--color);
  content: "";
  border-radius: 3px;
  width: 7px;
  height: 7px;
  display: block;
  position: absolute;
  top: 5px;
  left: -18px;
}

#search .container .form-results ul.group-list li.group-item .result-list .result-item + .result-item[data-v-4f6b0e] {
  border-top: 1px solid #f0f0f0;
}

#search .container .form-results ul.group-list li.group-item .result-list .result-item a[data-v-4f6b0e] {
  cursor: pointer;
  align-items: center;
  width: 90%;
  margin: 0 auto;
  padding: 15px 0;
  display: flex;
}

#search .container .form-results ul.group-list li.group-item .result-list .result-item a .visual[data-v-4f6b0e] {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  flex: none;
  width: 50px;
  height: 50px;
  margin: 0 15px 0 0;
}

#search .container .form-results ul.group-list li.group-item .result-list .result-item a .visual .symbol[data-v-4f6b0e] {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

#search .container .form-results ul.group-list li.group-item .result-list .result-item a .visual .symbol[data-v-4f6b0e] svg {
  width: 30px;
  height: 30px;
}

#search .container .form-results ul.group-list li.group-item .result-list .result-item a .visual.icon[data-v-4f6b0e] {
  background-size: auto;
}

#search .container .form-results ul.group-list li.group-item .result-list .result-item a .body[data-v-4f6b0e] {
  overflow: hidden;
}

#search .container .form-results ul.group-list li.group-item .result-list .result-item a .body .name[data-v-4f6b0e] {
  white-space: no-wrap;
  text-overflow: ellipsis;
  font-size: 1.4rem;
  font-weight: 400;
  overflow: hidden;
}

#search .container .form-results ul.group-list li.group-item .result-list .result-item a .body .location[data-v-4f6b0e] {
  color: #b5b5b5;
  white-space: no-wrap;
  text-overflow: ellipsis;
  margin: 3px 0 0;
  font-size: 1.2rem;
  font-weight: 400;
  overflow: hidden;
}

#search .folder .visual[data-v-4f6b0e] {
  justify-content: center;
  align-items: center;
  display: flex;
}

[data-v-342551]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-342551] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-342551] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-342551] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-342551] {
  font-size: 1.4rem;
}

.label--small[data-v-342551] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-342551] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-342551] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-342551] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-342551] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-342551] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-342551] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-342551] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-342551] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-342551]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-342551] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-342551], .fade-leave-active[data-v-342551] {
  transition: opacity .3s;
}

.fade-enter[data-v-342551], .fade-leave-to[data-v-342551] {
  opacity: 0;
}

.dot[data-v-342551] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-342551] {
  display: none !important;
}

.invisible[data-v-342551] {
  opacity: 0;
}

.search-list[data-v-342551] {
  flex-direction: column;
  height: 100%;
  padding-top: 3rem;
  display: flex;
}

.search-list__space[data-v-342551] {
  margin-bottom: 3rem;
}

.search-list__space-title[data-v-342551] {
  align-items: center;
  margin-bottom: .5rem;
  padding: 0 1.8rem;
  display: flex;
}

.search-list__space-title .dot[data-v-342551] {
  margin-right: 1rem;
}

[data-v-560f3b]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-560f3b] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-560f3b] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-560f3b] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-560f3b] {
  font-size: 1.4rem;
}

.label--small[data-v-560f3b] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-560f3b] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-560f3b] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-560f3b] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-560f3b] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-560f3b] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-560f3b] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-560f3b] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-560f3b] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-560f3b]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-560f3b] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-560f3b], .fade-leave-active[data-v-560f3b] {
  transition: opacity .3s;
}

.fade-enter[data-v-560f3b], .fade-leave-to[data-v-560f3b] {
  opacity: 0;
}

.dot[data-v-560f3b] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-560f3b] {
  display: none !important;
}

.invisible[data-v-560f3b] {
  opacity: 0;
}

[data-v-087cb4]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-087cb4] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-087cb4] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-087cb4] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-087cb4] {
  font-size: 1.4rem;
}

.label--small[data-v-087cb4] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-087cb4] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-087cb4] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-087cb4] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-087cb4] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-087cb4] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-087cb4] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-087cb4] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-087cb4] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-087cb4]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-087cb4] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-087cb4], .fade-leave-active[data-v-087cb4] {
  transition: opacity .3s;
}

.fade-enter[data-v-087cb4], .fade-leave-to[data-v-087cb4] {
  opacity: 0;
}

.dot[data-v-087cb4] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-087cb4] {
  display: none !important;
}

.invisible[data-v-087cb4] {
  opacity: 0;
}

.section-box[data-v-087cb4] {
  flex-direction: column;
  flex: 2;
  justify-content: center;
  padding: 1rem 1.8rem;
  display: flex;
}

.section-box__title[data-v-087cb4] {
  color: #8c8c8c;
  align-items: center;
  margin-bottom: 1.6rem;
  display: flex;
}

.section-box__title-icon[data-v-087cb4] {
  width: 2rem;
  height: 2rem;
  margin-right: 1.2rem;
}

.section-box__title-icon[data-v-087cb4] svg {
  width: 100%;
  height: 100%;
}

.section-box__title-icon[data-v-087cb4] svg path {
  fill: var(--companyIconFade);
}

.section-box__content[data-v-087cb4] {
  background-color: #fff;
  border: .1rem solid #f0f0f0;
  padding: 3rem 2.4rem;
}

[data-v-710e25]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-710e25] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-710e25] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-710e25] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-710e25] {
  font-size: 1.4rem;
}

.label--small[data-v-710e25] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-710e25] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-710e25] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-710e25] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-710e25] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-710e25] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-710e25] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-710e25] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-710e25] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-710e25]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-710e25] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-710e25], .fade-leave-active[data-v-710e25] {
  transition: opacity .3s;
}

.fade-enter[data-v-710e25], .fade-leave-to[data-v-710e25] {
  opacity: 0;
}

.dot[data-v-710e25] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-710e25] {
  display: none !important;
}

.invisible[data-v-710e25] {
  opacity: 0;
}

.snackbar[data-v-710e25] {
  z-index: 50000000;
  flex-direction: column;
  gap: 1.6rem;
  width: 32rem;
  max-height: 40vh;
  padding: 1.6rem;
  display: flex;
  position: fixed;
  bottom: 0;
  right: 0;
  overflow: hidden auto;
  transform: translateX(0);
}

.list-enter[data-v-710e25] {
  transform: translateX(3rem);
}

.list-enter-active[data-v-710e25], .list-leave-active[data-v-710e25] {
  transition: all .5s;
}

.list-enter-from[data-v-710e25], .list-leave-to[data-v-710e25] {
  opacity: 0;
  transform: translateX(3rem);
}

[data-v-42e7e6]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-42e7e6] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-42e7e6] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-42e7e6] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-42e7e6] {
  font-size: 1.4rem;
}

.label--small[data-v-42e7e6] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-42e7e6] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-42e7e6] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-42e7e6] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-42e7e6] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-42e7e6] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-42e7e6] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-42e7e6] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-42e7e6] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-42e7e6]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-42e7e6] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-42e7e6], .fade-leave-active[data-v-42e7e6] {
  transition: opacity .3s;
}

.fade-enter[data-v-42e7e6], .fade-leave-to[data-v-42e7e6] {
  opacity: 0;
}

.dot[data-v-42e7e6] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-42e7e6] {
  display: none !important;
}

.invisible[data-v-42e7e6] {
  opacity: 0;
}

.space-item[data-v-42e7e6] {
  background-color: #fff;
  border: .1rem solid #f0f0f0;
  border-top: 2px solid #8c8c8c;
  border-radius: .3rem;
  padding: 2.2rem 2rem;
  display: flex;
}

.space-item__content[data-v-42e7e6] {
  flex: 2;
}

.space-item__header[data-v-42e7e6] {
  margin-bottom: 2.8rem;
}

.space-item__header .symbol[data-v-42e7e6] {
  width: 1.4rem;
  height: 1.4rem;
  margin-right: .8rem;
}

.space-item__header .symbol[data-v-42e7e6] svg path {
  fill: var(--color);
}

.space-item__title[data-v-42e7e6] {
  align-items: center;
  display: flex;
}

.space-item__dot-holder[data-v-42e7e6] {
  justify-content: center;
  align-items: center;
  width: auto;
  height: 1.4rem;
  margin-right: .8rem;
  display: inline-flex;
}

.space-item__title[data-v-42e7e6] {
  margin-bottom: .8rem;
  display: flex;
}

.space-item__sub-title[data-v-42e7e6] {
  color: #8c8c8c;
}

.space-item__flavor-text[data-v-42e7e6] {
  color: #b5b5b5;
}

.space-item__flavor-text .symbol[data-v-42e7e6] {
  margin-right: .8rem;
}

.space-item__flavor-text .symbol[data-v-42e7e6] svg path {
  fill: #8c8c8c;
}

[data-v-593b8b]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-593b8b] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-593b8b] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-593b8b] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-593b8b] {
  font-size: 1.4rem;
}

.label--small[data-v-593b8b] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-593b8b] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-593b8b] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-593b8b] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-593b8b] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-593b8b] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-593b8b] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-593b8b] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-593b8b] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-593b8b]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-593b8b] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-593b8b], .fade-leave-active[data-v-593b8b] {
  transition: opacity .3s;
}

.fade-enter[data-v-593b8b], .fade-leave-to[data-v-593b8b] {
  opacity: 0;
}

.dot[data-v-593b8b] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-593b8b] {
  display: none !important;
}

.invisible[data-v-593b8b] {
  opacity: 0;
}

.storage-inner[data-v-593b8b] {
  border-top: 1px solid #f0f0f0;
  border-radius: 3px;
  padding: 15px 25px;
  display: flex;
}

.storage-icon[data-v-593b8b] {
  flex-shrink: 0;
  width: 18px;
  height: 12px;
  margin-right: 10px;
  display: block;
}

.storage-icon[data-v-593b8b] svg path {
  fill: var(--companyColor);
}

.storage-content[data-v-593b8b] {
  color: #000;
  letter-spacing: .25px;
  font-size: 14px;
  display: block;
}

.storage-content-title[data-v-593b8b] {
  font-weight: bold;
}

.storage-data[data-v-593b8b] {
  margin-top: 5px;
  display: flex;
}

.storage-databar[data-v-593b8b] {
  background-color: #d5d5d5;
  border-radius: 5px;
  width: 100%;
  height: 4px;
  margin-top: 10px;
  display: block;
  position: relative;
  overflow: hidden;
}

.storage-databar-theBar[data-v-593b8b] {
  background-color: var(--companyBtn);
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

[data-v-ff7054]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-ff7054] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-ff7054] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-ff7054] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-ff7054] {
  font-size: 1.4rem;
}

.label--small[data-v-ff7054] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-ff7054] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-ff7054] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-ff7054] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-ff7054] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-ff7054] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-ff7054] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-ff7054] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-ff7054] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-ff7054]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-ff7054] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-ff7054], .fade-leave-active[data-v-ff7054] {
  transition: opacity .3s;
}

.fade-enter[data-v-ff7054], .fade-leave-to[data-v-ff7054] {
  opacity: 0;
}

.dot[data-v-ff7054] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-ff7054] {
  display: none !important;
}

.invisible[data-v-ff7054] {
  opacity: 0;
}

.tag-holder__tags-wrapper[data-v-ff7054] {
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1rem;
  display: flex;
}

.tag-holder__add-tags[data-v-ff7054] {
  gap: 1rem;
  margin-bottom: 1rem;
  display: flex;
}

.tag-holder__add-tags .vinput[data-v-ff7054] {
  flex: 2;
}

.tag-holder__btns[data-v-ff7054] {
  gap: 1rem;
  display: flex;
}

.tag-holder__btns button[data-v-ff7054] {
  flex: 2;
}

[data-v-a95fb7]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-a95fb7] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-a95fb7] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-a95fb7] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-a95fb7] {
  font-size: 1.4rem;
}

.label--small[data-v-a95fb7] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-a95fb7] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-a95fb7] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-a95fb7] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-a95fb7] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-a95fb7] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-a95fb7] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-a95fb7] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-a95fb7] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-a95fb7]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-a95fb7] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-a95fb7], .fade-leave-active[data-v-a95fb7] {
  transition: opacity .3s;
}

.fade-enter[data-v-a95fb7], .fade-leave-to[data-v-a95fb7] {
  opacity: 0;
}

.dot[data-v-a95fb7] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-a95fb7] {
  display: none !important;
}

.invisible[data-v-a95fb7] {
  opacity: 0;
}

.top-actions[data-v-a95fb7] {
  background-color: #fff;
  border-bottom: 1px solid #f2f2f2;
  align-items: center;
  gap: 2.8rem;
  height: 6.2rem;
  min-height: 6.2rem;
  padding: 1rem 2.8rem;
  display: flex;
}

.top-actions__btns-holder[data-v-a95fb7] {
  flex: 2;
  height: 100%;
  position: relative;
}

.top-actions__btns[data-v-a95fb7] {
  opacity: 0;
  pointer-events: none;
  gap: 1rem;
  width: 100%;
  height: 100%;
  transition: opacity .3s;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.top-actions__btns button[data-v-a95fb7] {
  height: 100%;
}

.top-actions__active-btns[data-v-a95fb7] {
  opacity: 1;
  pointer-events: all;
}

[data-v-461186]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-461186] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-461186] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-461186] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-461186] {
  font-size: 1.4rem;
}

.label--small[data-v-461186] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-461186] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-461186] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-461186] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-461186] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-461186] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-461186] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-461186] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-461186] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-461186]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-461186] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-461186], .fade-leave-active[data-v-461186] {
  transition: opacity .3s;
}

.fade-enter[data-v-461186], .fade-leave-to[data-v-461186] {
  opacity: 0;
}

.dot[data-v-461186] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-461186] {
  display: none !important;
}

.invisible[data-v-461186] {
  opacity: 0;
}

.top-options[data-v-461186] {
  z-index: 200;
  background-color: rgba(var(--companyColor), .5);
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.top-options__header[data-v-461186] {
  width: 100%;
  height: 6rem;
  position: absolute;
  bottom: 100%;
  left: 0;
}

.top-options__options-holder[data-v-461186] {
  color: #8c8c8c;
  background-color: #f6f5f5;
}

.top-options__blank[data-v-461186] {
  flex: 2;
}

[data-v-5c8bb9]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-5c8bb9] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-5c8bb9] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-5c8bb9] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-5c8bb9] {
  font-size: 1.4rem;
}

.label--small[data-v-5c8bb9] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-5c8bb9] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-5c8bb9] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-5c8bb9] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-5c8bb9] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-5c8bb9] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-5c8bb9] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-5c8bb9] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-5c8bb9] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-5c8bb9]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-5c8bb9] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter[data-v-5c8bb9], .fade-leave-to[data-v-5c8bb9] {
  opacity: 0;
}

.dot[data-v-5c8bb9] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-5c8bb9] {
  display: none !important;
}

.invisible[data-v-5c8bb9] {
  opacity: 0;
}

.fade-enter-active[data-v-5c8bb9], .fade-leave-active[data-v-5c8bb9] {
  transition: opacity .3s .3s;
}

.fade-enter[data-v-5c8bb9], .fade-leave-to[data-v-5c8bb9] {
  opacity: 0;
  height: 0;
  transition: opacity .3s;
}

.fade-component-enter-active[data-v-5c8bb9], .fade-component-leave-active[data-v-5c8bb9] {
  transition: opacity .3s;
}

.fade-component-enter[data-v-5c8bb9], .fade-component-leave-to[data-v-5c8bb9] {
  opacity: 0;
}

.transfer[data-v-5c8bb9] {
  flex-direction: column;
  justify-content: center;
  min-height: calc(100vh - 217px);
  display: flex;
}

.transfer .loader-overlay[data-v-5c8bb9] {
  z-index: 0;
}

.transfer .copied-link[data-v-5c8bb9] {
  background: #fafafa;
  border: 1px solid #eaeaea;
  align-items: center;
  width: calc(100% - 5rem);
  margin: 0 auto 2.5rem;
  padding: 20px;
  display: flex;
  overflow: hidden;
}

.transfer .copied-link img[data-v-5c8bb9] {
  margin-right: 10px;
}

.transfer .copied-link span[data-v-5c8bb9] {
  white-space: nowrap;
  cursor: pointer;
  -webkit-user-select: text !important;
  user-select: text !important;
}

.transfer .container[data-v-5c8bb9] {
  width: 90%;
  margin: 0 auto;
}

.transfer .container header[data-v-5c8bb9] {
  align-items: center;
  margin-bottom: 1.5rem;
  display: flex;
}

.transfer .container header .symbol[data-v-5c8bb9] {
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
}

.transfer .container header .symbol[data-v-5c8bb9] svg {
  width: 100%;
  height: 100%;
}

.transfer .container header .symbol[data-v-5c8bb9] svg path {
  fill: #8c8c8c;
}

.transfer .container header h3[data-v-5c8bb9] {
  color: #8c8c8c;
  letter-spacing: .32px;
  margin-top: 3px;
  margin-left: 1.2rem;
  font-size: 1.8rem;
}

.transfer .container main .error[data-v-5c8bb9] {
  color: #df3535;
  letter-spacing: .15px;
  background-color: #f6f5f5;
  border: 1px solid #f7d7d7;
  border-radius: 2px;
  gap: 2rem;
  width: 88%;
  margin: 0 auto 6%;
  padding: 1.5rem 2rem;
  font-size: 14px;
  line-height: 19px;
  display: flex;
}

.transfer .container main .error .symbol[data-v-5c8bb9] svg {
  width: 2rem;
  height: 2rem;
}

.transfer .container main .error .symbol[data-v-5c8bb9] svg path {
  fill: #df3535;
}

.transfer .container main > div[data-v-5c8bb9] {
  background-color: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  width: 100%;
  padding: 6% 0 0;
}

.transfer .container main input[data-v-5c8bb9] {
  color: #b5b5b5;
  letter-spacing: .25px;
  background-color: #fafafa;
  border: 1px solid #eaeaea;
  outline: none;
  width: 88%;
  height: 68px;
  margin: 0 auto 6%;
  padding: 0 2rem;
  font-size: 14px;
  transition: all .3s;
  display: block;
}

.transfer .container main input[data-v-5c8bb9]:focus {
  color: #000;
  background-color: #fafafa;
}

.transfer .container main .form-visual[data-v-5c8bb9] {
  text-align: center;
}

.transfer .container main .form-visual .symbol[data-v-5c8bb9] {
  justify-content: center;
  display: flex;
}

.transfer .container main .form-visual p[data-v-5c8bb9] {
  color: #8c8c8c;
  letter-spacing: .32px;
  margin: 15px 0 20px;
  font-size: 18px;
}

.transfer .container main p.sendedto[data-v-5c8bb9] {
  color: #b5b5b5;
  text-align: center;
  letter-spacing: .25px;
  margin: 10px 0;
  font-size: 14px;
  font-weight: 500;
}

.transfer .container main div.emails_Array[data-v-5c8bb9] {
  max-height: 250px;
  margin-bottom: 40px;
  overflow-y: scroll;
}

.transfer .container main div.emails_Array p[data-v-5c8bb9] {
  color: #b5b5b5;
  text-align: center;
  letter-spacing: .25px;
  text-overflow: ellipsis;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 600;
  line-height: 18px;
  display: block;
  overflow: hidden;
}

.transfer .container main .copy-link[data-v-5c8bb9] {
  cursor: pointer;
  align-items: center;
  gap: 1rem;
  width: 88%;
  margin: 0 auto 6%;
  display: flex;
}

.transfer .container main .copy-link p[data-v-5c8bb9] {
  color: #000;
  letter-spacing: .25px;
  margin-left: 5px;
  font-size: 14px;
  font-weight: 500;
}

.transfer .container main .copied-link[data-v-5c8bb9] {
  gap: 1rem;
  display: flex;
}

.transfer .container main .copied-link .actuallink[data-v-5c8bb9] {
  width: calc(100% - 2.5rem);
}

.transfer .container main .copied-link .actuallink span[data-v-5c8bb9] {
  text-overflow: ellipsis;
  width: 100%;
  display: block;
  overflow: hidden;
}

@media only screen and (width >= 540px) {
  .label--small-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

@media only screen and (width >= 540px) {
  .h1--d {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active {
  transition: opacity .3s ease-in .4s;
}

.fade-leave-active {
  transition: opacity;
}

.tree-list {
  padding-left: 20px;
}

.tree-list.empty {
  min-height: 5rem;
}

.tree-list .tree-item {
  flex-flow: wrap;
  display: flex;
  position: relative;
}

.tree-list .tree-item.expanded:before {
  content: " ";
  border-left: 1px dashed #eaeaea;
  height: calc(100% - 50px);
  display: block;
  position: absolute;
  top: 40px;
  left: 5px;
}

.tree-list .tree-item.expanded .title .symbol svg path {
  fill: #fff;
}

.tree-list .tree-item.over > .title {
  color: #fff;
}

.tree-list .tree-item.over > .title .symbol svg path {
  fill: #fff;
}

.tree-list .tree-item.over > .title:before {
  background-color: var(--color);
  border: 1px solid #0000000d;
}

.tree-list .tree-item .tree-item__title-btn {
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  width: 100%;
  transition: padding .3s;
  display: flex;
}

.tree-list .tree-item .tree-item__title-btn.active {
  padding: .8rem 0;
}

.tree-list .tree-item .tree-item__arrow {
  cursor: pointer;
  opacity: 0;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 100%;
  transition: opacity .3s;
  display: flex;
  transform: rotate(0);
}

.tree-list .tree-item .tree-item__arrow .symbol {
  justify-content: center;
  align-items: center;
  height: 100%;
  transition: transform .3s;
  display: flex;
}

.tree-list .tree-item .tree-item__arrow svg {
  width: 1.2rem;
  height: 100%;
}

.tree-list .tree-item .tree-item__arrow svg path {
  fill: #8c8c8c;
  stroke: #8c8c8c;
  stroke-width: .5px;
}

.tree-list .tree-item .tree-item__arrow.open .symbol {
  transform: rotate(180deg);
}

.tree-list .tree-item .tree-wrapper {
  flex: 0 100%;
  padding: 0 0 0 15px;
}

.tree-list .tree-item:hover .tree-item__arrow {
  opacity: 1;
}

.tree-list.dragging .tree-item__arrow {
  opacity: 0;
}

.tree-list.dragging .tree-wrapper, .tree-list.dragging .tree-item__title-btn {
  display: none !important;
}

.tree-list .ghost .tree-item__arrow {
  opacity: 0;
}

.tree-list .ghost .tree-wrapper {
  display: none;
}

.tree-item-tp {
  z-index: 999;
  color: #fff;
  background-color: #0009;
  border-radius: 4px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1;
  display: block;
  position: fixed;
  transform: translate(10px, -20px);
}

[data-v-c4776d]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-c4776d] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-c4776d] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-c4776d] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-c4776d] {
  font-size: 1.4rem;
}

.label--small[data-v-c4776d] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-c4776d] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-c4776d] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-c4776d] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-c4776d] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-c4776d] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-c4776d] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-c4776d] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-c4776d] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-c4776d]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-c4776d] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-c4776d], .fade-leave-active[data-v-c4776d] {
  transition: opacity .3s;
}

.dot[data-v-c4776d] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-c4776d] {
  display: none !important;
}

.invisible[data-v-c4776d] {
  opacity: 0;
}

.fade-enter-active[data-v-c4776d] {
  transition: opacity .3s .5s;
}

.fade-leave-active[data-v-c4776d] {
  transition: opacity .3s;
}

.fade-enter[data-v-c4776d], .fade-leave-to[data-v-c4776d] {
  opacity: 0;
}

section.user-add[data-v-c4776d] {
  padding: 0 1.5rem;
  position: relative;
}

section.user-add h2.title[data-v-c4776d] {
  color: #000;
  letter-spacing: .043rem;
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 3rem;
}

section.user-add h3.subtitle[data-v-c4776d] {
  color: #8c8c8c;
  letter-spacing: .032rem;
  margin: 3rem 0 0;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 2.3rem;
}

section.user-add .error[data-v-c4776d] {
  color: #df3535;
  position: absolute;
  top: 10px;
  left: 40px;
}

section.user-add div.container[data-v-c4776d] {
  background-color: #fff;
  border: .1rem solid #eaeaea;
  border-radius: .3rem;
  width: 100%;
  margin: 1.5rem 0 0;
  display: block;
  position: relative;
  box-shadow: 0 .2rem 3.3rem #00000005;
}

section.user-add div.wrapper[data-v-c4776d] {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4rem;
  display: flex;
}

section.user-add div.wrapper h4[data-v-c4776d] {
  color: #000;
  letter-spacing: .028rem;
  margin: .5rem 0 0;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.3rem;
}

section.user-add div.wrapper h4.message[data-v-c4776d] {
  text-align: center;
}

section.user-add div.wrapper p[data-v-c4776d] {
  color: #8c8c8c;
  letter-spacing: .025rem;
  margin: .5rem;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.8rem;
}

section.user-add div.row[data-v-c4776d] {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 500px;
  margin: 3.5rem 0 0;
  display: flex;
  position: relative;
}

section.user-add div.row + div.row[data-v-c4776d] {
  margin: 2rem 0 0;
}

section.user-add div.error-row[data-v-c4776d] {
  border: 1px solid #df353500;
  height: auto;
  transition: border 0s .1s;
  display: block;
  overflow: hidden;
}

section.user-add div.error-row.active[data-v-c4776d] {
  border: 1px solid #df353526;
}

section.user-add div.error-row.active div.content[data-v-c4776d] {
  margin-top: 0;
}

section.user-add div.error-row div.content[data-v-c4776d] {
  background-color: #f7d7d712;
  border-radius: 2px;
  justify-content: flex-start;
  margin-top: -100%;
  padding: 1.5rem;
  transition: all .5s;
  display: flex;
}

section.user-add div.error-row .symbol[data-v-c4776d] {
  width: 1.9rem;
  height: 1.9rem;
}

section.user-add div.error-row p[data-v-c4776d] {
  color: #df3535;
  letter-spacing: .15px;
  margin: 0 0 0 1rem;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.6rem;
}

section.user-add .label[data-v-c4776d] {
  color: #000;
  letter-spacing: .025rem;
  width: 35%;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

section.user-add .input-wrapper[data-v-c4776d] {
  width: calc(65% - 20px);
  position: relative;
}

section.user-add .input-wrapper .symbol[data-v-c4776d] {
  z-index: 5;
  height: 1.8rem;
  position: absolute;
  top: 50%;
  left: 2.5rem;
  transform: translateY(-50%);
}

section.user-add .input-wrapper .symbol[data-v-c4776d] svg {
  width: auto;
  height: 100%;
}

section.user-add .input-wrapper .symbol[data-v-c4776d] svg path {
  fill: #8c8c8c;
}

section.user-add .input[data-v-c4776d], section.user-add .select-wrapper .select-title[data-v-c4776d] {
  color: #000;
  letter-spacing: .025rem;
  background-color: #fafafa;
  background-position: 2.5rem;
  background-repeat: no-repeat;
  border: 1px solid #eaeaea;
  border-radius: 2px;
  width: 100%;
  padding: 2.5rem 2.5rem 2.5rem 5.5rem;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.8rem;
  transition: border .6s;
}

section.user-add .input[readonly][data-v-c4776d], section.user-add .select-wrapper [readonly].select-title[data-v-c4776d] {
  cursor: not-allowed;
}

section.user-add .input.red[data-v-c4776d], section.user-add .select-wrapper .red.select-title[data-v-c4776d] {
  border: 1px solid #df35354d;
}

section.user-add .select-wrapper[data-v-c4776d] {
  width: calc(65% - 20px);
  position: relative;
}

section.user-add .select-wrapper .select-title[data-v-c4776d] {
  cursor: pointer;
  background-color: #fafafa;
  background-image: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 2.5rem;
  transition: all .3s;
  display: flex;
}

section.user-add .select-wrapper .select-title .icon[data-v-c4776d] {
  width: 16px;
  height: 16px;
}

section.user-add .select-wrapper .select-title .arrow[data-v-c4776d] {
  width: 6px;
  min-width: 6px;
  height: 4px;
  transition: transform .3s;
}

section.user-add .select-wrapper .select-title .select-title-content[data-v-c4776d] {
  width: calc(100% - 20px);
  margin: 0 10px;
}

section.user-add .select-wrapper .select-title[data-v-c4776d]:hover, section.user-add .select-wrapper .select-title.active[data-v-c4776d] {
  background-color: var(--companyBtn);
  border: 1px solid var(--companyLine);
  color: #fff;
}

section.user-add .select-wrapper .select-title:hover .symbol[data-v-c4776d] svg path, section.user-add .select-wrapper .select-title.active .symbol[data-v-c4776d] svg path {
  fill: #fff;
}

section.user-add .select-wrapper .select-title.active[data-v-c4776d]:hover {
  opacity: .8;
}

section.user-add .select-wrapper .select-title.active[data-v-c4776d] {
  border-radius: .3rem .3rem 0 0;
}

section.user-add .select-wrapper .select-title.active .arrow[data-v-c4776d] {
  transform: scaleY(-1);
}

section.user-add .select-wrapper ul[data-v-c4776d] {
  z-index: 50;
  pointer-events: none;
  background-color: #fff;
  border-radius: 0 0 .3rem .3rem;
  height: auto;
  max-height: 0;
  transition: all 1s;
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden;
}

section.user-add .select-wrapper ul.active[data-v-c4776d] {
  pointer-events: initial;
  max-height: 24.6rem;
  overflow: scroll;
}

section.user-add .select-wrapper ul li[data-v-c4776d] {
  cursor: pointer;
  color: #000;
  letter-spacing: .025rem;
  border: 1px solid #f0f0f0;
  width: 100%;
  padding: 1.5rem 3rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
  transition: background-color .3s, color .3s, border .3s;
}

section.user-add .select-wrapper ul li + li[data-v-c4776d] {
  border-top: none;
}

section.user-add .select-wrapper ul li[data-v-c4776d]:hover {
  background-color: #f4f4f4;
}

section.user-add .select-wrapper ul li.add-new-role[data-v-c4776d] {
  background-color: #eaeaea;
  border: 1px solid #eaeaea;
  border-top: none;
}

section.user-add .select-wrapper ul li.add-new-role[data-v-c4776d]:hover {
  background-color: var(--companyBtn);
  border: 1px solid var(--companyBtn);
  color: #fff;
  border-top: none;
}

[data-v-896400]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-896400] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-896400] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-896400] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-896400] {
  font-size: 1.4rem;
}

.label--small[data-v-896400] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-896400] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-896400] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-896400] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-896400] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-896400] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-896400] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-896400] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-896400] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-896400]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-896400] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-896400], .fade-leave-active[data-v-896400] {
  transition: opacity .3s;
}

.dot[data-v-896400] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-896400] {
  display: none !important;
}

.invisible[data-v-896400] {
  opacity: 0;
}

.fade-enter-active[data-v-896400] {
  transition: opacity .3s .5s;
}

.fade-leave-active[data-v-896400] {
  transition: opacity .3s;
}

.fade-enter[data-v-896400], .fade-leave-to[data-v-896400] {
  opacity: 0;
}

section.user-delete[data-v-896400] {
  width: 60rem;
  padding: 0 1.5rem;
  position: relative;
}

section.user-delete h2.title[data-v-896400] {
  color: #000;
  letter-spacing: .043rem;
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 3rem;
}

section.user-delete h3.subtitle[data-v-896400] {
  color: #8c8c8c;
  letter-spacing: .032rem;
  margin: 3rem 0 0;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 2.3rem;
}

section.user-delete div.container[data-v-896400] {
  background-color: #fff;
  border: .1rem solid #eaeaea;
  border-radius: .3rem;
  width: 100%;
  margin: 1.5rem 0 0;
  display: block;
  position: relative;
  box-shadow: 0 .2rem 3.3rem #00000005;
}

section.user-delete div.wrapper[data-v-896400] {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4rem;
  display: flex;
}

section.user-delete .form-visual[data-v-896400] {
  width: 100%;
  height: 90px;
}

section.user-delete .form-visual .symbol[data-v-896400] {
  justify-content: center;
  display: flex;
}

section.user-delete .user[data-v-896400] {
  background: var(--companyBtn);
  border: 1px solid var(--companyLine);
  color: #fff;
  letter-spacing: .22px;
  border-radius: 11px;
  gap: 1.5rem;
  width: auto;
  margin: 1.5rem 0 0;
  padding: 1rem 1.5rem;
  font-size: 14px;
  font-weight: bold;
  display: flex;
  position: relative;
}

section.user-delete .user .symbol[data-v-896400] svg {
  width: 1.6rem;
  height: 1.6rem;
}

section.user-delete .user .symbol[data-v-896400] svg path {
  fill: #fff;
}

section.user-delete h4[data-v-896400] {
  text-align: center;
  color: #8c8c8c;
  letter-spacing: .28px;
  margin: 1.5rem 0 0;
  font-size: 18px;
  font-weight: 500;
}

section.user-delete p[data-v-896400] {
  color: #b5b5b5;
  text-align: center;
  letter-spacing: .25px;
  margin: .5rem 0 0;
  font-size: 14px;
  font-weight: 300;
}

[data-v-79f862]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-79f862] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-79f862] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-79f862] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-79f862] {
  font-size: 1.4rem;
}

.label--small[data-v-79f862] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-79f862] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-79f862] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-79f862] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-79f862] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-79f862] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-79f862] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-79f862] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-79f862] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-79f862]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-79f862] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-79f862], .fade-leave-active[data-v-79f862] {
  transition: opacity .3s;
}

.fade-enter[data-v-79f862], .fade-leave-to[data-v-79f862] {
  opacity: 0;
}

.dot[data-v-79f862] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-79f862] {
  display: none !important;
}

.invisible[data-v-79f862] {
  opacity: 0;
}

.user-menu[data-v-79f862] {
  background-color: var(--companyColor);
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 0 5%;
  display: flex;
}

.user-menu__list[data-v-79f862] {
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  width: 100%;
  max-width: 54.5rem;
  transition: opacity .75s;
  display: grid;
}

[data-v-46edf9]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-46edf9] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-46edf9] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-46edf9] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-46edf9] {
  font-size: 1.4rem;
}

.label--small[data-v-46edf9] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-46edf9] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-46edf9] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-46edf9] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-46edf9] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-46edf9] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-46edf9] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-46edf9] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-46edf9] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-46edf9]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-46edf9] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-46edf9], .fade-leave-active[data-v-46edf9] {
  transition: opacity .3s;
}

.dot[data-v-46edf9] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-46edf9] {
  display: none !important;
}

.invisible[data-v-46edf9] {
  opacity: 0;
}

.fade-enter-active[data-v-46edf9] {
  transition: opacity .3s .3s;
}

.fade-leave-active[data-v-46edf9] {
  transition: opacity;
}

.fade-enter[data-v-46edf9], .fade-leave-to[data-v-46edf9] {
  opacity: 0;
}

section.users-by-role[data-v-46edf9] {
  min-height: 100%;
  padding: 0 1.5rem;
  position: relative;
}

section.users-by-role h2.title[data-v-46edf9] {
  color: #000;
  letter-spacing: .043rem;
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 3rem;
}

section.users-by-role h3.subtitle[data-v-46edf9] {
  color: #8c8c8c;
  letter-spacing: .032rem;
  margin: 3rem 0 0;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 2.3rem;
}

section.users-by-role .error[data-v-46edf9] {
  color: #df3535;
  position: absolute;
  top: 10px;
  left: 40px;
}

section.users-by-role div.container[data-v-46edf9] {
  background-color: #fff;
  border: .1rem solid #eaeaea;
  border-radius: .3rem;
  width: 100%;
  margin: 1.5rem 0 0;
  display: block;
  position: relative;
  box-shadow: 0 .2rem 3.3rem #00000005;
}

section.users-by-role header[data-v-46edf9] {
  justify-content: flex-end;
  align-items: center;
  height: 5rem;
  margin: 1rem;
  display: flex;
  position: relative;
}

section.users-by-role header div.header-action[data-v-46edf9] {
  cursor: pointer;
  flex-shrink: 0;
  align-items: center;
  margin: 0 1rem 0 4rem;
  display: flex;
}

section.users-by-role header div.header-action:hover span[data-v-46edf9] {
  color: #000;
}

section.users-by-role header div.header-action .symbol[data-v-46edf9] {
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}

section.users-by-role header div.header-action .symbol[data-v-46edf9] svg {
  width: 100%;
  height: 100%;
}

section.users-by-role header span[data-v-46edf9] {
  color: #000;
  letter-spacing: .025rem;
  margin: 0 0 0 1rem;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.8rem;
  transition: color .3s;
}

section.users-by-role div.wrapper[data-v-46edf9] {
  border-top: .1rem solid #eaeaea;
  max-height: calc(100vh - 355px);
  overflow: scroll;
  box-shadow: 0 .2rem 3.3rem #00000005;
}

section.users-by-role div.wrapper-action[data-v-46edf9] {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 4rem;
  display: flex;
}

section.users-by-role div.wrapper-action h4[data-v-46edf9] {
  color: #000;
  letter-spacing: .028rem;
  margin: .5rem 0 0;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.3rem;
}

section.users-by-role div.wrapper-action span[data-v-46edf9] {
  color: #8c8c8c;
  letter-spacing: .025rem;
  margin: .5rem;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.8rem;
}

section.users-by-role .input-wrapper[data-v-46edf9] {
  width: 100%;
  position: relative;
}

section.users-by-role .input-wrapper .symbol[data-v-46edf9] {
  z-index: 5;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 2.5rem;
  transform: translateY(-50%);
}

section.users-by-role .input-wrapper .symbol[data-v-46edf9] svg {
  width: 1.4rem;
  height: 1.4rem;
}

section.users-by-role .input-wrapper .symbol[data-v-46edf9] svg path {
  fill: #8c8c8c;
}

section.users-by-role .input[data-v-46edf9] {
  color: #000;
  letter-spacing: .025rem;
  background-color: #fafafa;
  border: 1px solid #eaeaea;
  border-radius: 2px;
  width: 100%;
  padding: 1.5rem 1.5rem 1.5rem 5.5rem;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.8rem;
}

section.users-by-role .input-search[data-v-46edf9] {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

section.users-by-role .item[data-v-46edf9] {
  justify-content: space-between;
  align-items: center;
  padding: 1.2rem 4rem;
  display: flex;
}

section.users-by-role .item + .item[data-v-46edf9] {
  border-top: 1px solid #eaeaea;
}

section.users-by-role .name[data-v-46edf9] {
  align-items: center;
  display: flex;
}

section.users-by-role .name span[data-v-46edf9] {
  color: #000;
  letter-spacing: .025rem;
  margin: 0 0 0 1.5rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

section.users-by-role .delete[data-v-46edf9] {
  cursor: pointer;
  background-color: var(--lightBtn);
  border: solid .1rem var(--lightBtnBorder);
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  margin: 0 0 0 .5rem;
  transition: background-color .3s;
  display: flex;
}

section.users-by-role .delete .symbol[data-v-46edf9] {
  width: 1.4rem;
  height: 1.4rem;
}

section.users-by-role .delete[data-v-46edf9]:hover {
  background-color: var(--lightBtnHover);
}

section.users-by-role .delete[data-v-46edf9]:hover svg path {
  fill: #000;
}

section.users-by-role .search-close[data-v-46edf9] {
  width: 2rem;
  height: 2rem;
  padding: .6rem;
  position: absolute;
  top: 1.5rem;
  right: 2rem;
}

section.users-by-role .search-close span[data-v-46edf9] {
  margin: 0;
}

section.users-by-role .search-close span[data-v-46edf9] svg path {
  fill: #b5b5b5;
  stroke: #b5b5b5;
  transition: all .3s;
}

section.users-by-role .search-close[data-v-46edf9]:hover svg path {
  fill: #f4f4f4;
  stroke: #f4f4f4;
}

section.users-by-role .avatar[data-v-46edf9] {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 1.5rem;
  width: 3rem;
  height: 3rem;
}

section.users-by-role .avatar .symbol[data-v-46edf9] {
  background-color: var(--companyColor);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0;
  display: flex;
}

section.users-by-role .avatar .symbol[data-v-46edf9] svg {
  width: 1.5rem;
  height: 1.5rem;
}

section.users-by-role .avatar .symbol[data-v-46edf9] svg path {
  fill: #fff;
}

section.users-by-role .form-visual[data-v-46edf9] {
  width: 100%;
  height: 90px;
}

section.users-by-role .form-visual .symbol[data-v-46edf9] {
  justify-content: center;
  display: flex;
}

section.users-by-role .user[data-v-46edf9] {
  background: var(--companyBtn);
  border: 1px solid var(--companyBtnHover);
  color: #fff;
  letter-spacing: .22px;
  border-radius: 11px;
  gap: 1.5rem;
  width: auto;
  margin: 1.5rem 0 0;
  padding: 1rem 1.5rem;
  font-size: 14px;
  font-weight: bold;
  display: flex;
  position: relative;
}

section.users-by-role .user .symbol[data-v-46edf9] svg {
  width: 1.6rem;
  height: 1.6rem;
}

section.users-by-role .user .symbol[data-v-46edf9] svg path {
  fill: #fff;
}

section.users-by-role h4[data-v-46edf9] {
  text-align: center;
  color: #8c8c8c;
  letter-spacing: .28px;
  margin: 1.5rem 0 0;
  font-size: 18px;
  font-weight: 500;
}

section.users-by-role p[data-v-46edf9] {
  color: #b5b5b5;
  text-align: center;
  letter-spacing: .25px;
  margin: .5rem 0 0;
  font-size: 14px;
  font-weight: 300;
}

[data-v-037e81]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-037e81] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-037e81] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-037e81] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-037e81] {
  font-size: 1.4rem;
}

.label--small[data-v-037e81] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-037e81] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-037e81] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-037e81] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-037e81] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-037e81] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-037e81] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-037e81] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-037e81] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-037e81]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-037e81] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-037e81], .fade-leave-active[data-v-037e81] {
  transition: opacity .3s;
}

.dot[data-v-037e81] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-037e81] {
  display: none !important;
}

.invisible[data-v-037e81] {
  opacity: 0;
}

.fade-enter-active[data-v-037e81] {
  transition: opacity .3s .5s;
}

.fade-leave-active[data-v-037e81] {
  transition: opacity .3s;
}

.fade-enter[data-v-037e81], .fade-leave-to[data-v-037e81] {
  opacity: 0;
}

section.user-update[data-v-037e81] {
  width: 60rem;
  padding: 0 1.5rem;
  position: relative;
}

section.user-update h2.title[data-v-037e81] {
  color: #000;
  letter-spacing: .043rem;
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 3rem;
}

section.user-update h3.subtitle[data-v-037e81] {
  color: #8c8c8c;
  letter-spacing: .032rem;
  margin: 3rem 0 0;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 2.3rem;
}

section.user-update .error[data-v-037e81] {
  color: #df3535;
  position: absolute;
  top: 10px;
  left: 40px;
}

section.user-update div.container[data-v-037e81] {
  background-color: #fff;
  border: .1rem solid #eaeaea;
  border-radius: .3rem;
  width: 100%;
  margin: 1.5rem 0 0;
  display: block;
  position: relative;
  box-shadow: 0 .2rem 3.3rem #00000005;
}

section.user-update div.wrapper[data-v-037e81] {
  flex-direction: column;
  align-items: center;
  padding: 4rem;
  display: flex;
}

section.user-update div.wrapper.success[data-v-037e81] {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

section.user-update div.wrapper.success span[data-v-037e81] {
  color: var(--companyIconFade);
  letter-spacing: .028rem;
  margin: 3rem 0 0;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.3rem;
}

section.user-update div.row[data-v-037e81] {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  max-width: 50rem;
  display: flex;
  position: relative;
}

section.user-update div.row.move-up[data-v-037e81] {
  z-index: 500;
}

section.user-update div.row + div.row[data-v-037e81] {
  margin: 2rem 0 0;
}

@media only screen and (width <= 1200px) {
  section.user-update div.row[data-v-037e81] {
    flex-direction: column;
    align-items: flex-start;
  }
}

section.user-update .label[data-v-037e81] {
  color: #8c8c8c;
  letter-spacing: .025rem;
  width: 40%;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

@media only screen and (width <= 1200px) {
  section.user-update .label[data-v-037e81] {
    margin-bottom: 10px;
  }
}

section.user-update .input-wrapper[data-v-037e81] {
  width: calc(60% - 20px);
  position: relative;
}

section.user-update .input-wrapper .symbol[data-v-037e81] {
  height: 1.8rem;
  position: absolute;
  top: 50%;
  left: 2.5rem;
  transform: translateY(-50%);
}

section.user-update .input-wrapper .symbol[data-v-037e81] svg {
  width: auto;
  height: 100%;
}

section.user-update .input-wrapper .symbol[data-v-037e81] svg path {
  fill: #8c8c8c;
}

@media only screen and (width <= 1200px) {
  section.user-update .input-wrapper[data-v-037e81] {
    width: 100%;
  }
}

section.user-update .input[data-v-037e81], section.user-update .select-wrapper .select-title[data-v-037e81] {
  color: #000;
  letter-spacing: .025rem;
  border: 1px solid #eaeaea;
  border-radius: 2px;
  width: 100%;
  padding: 2.5rem 2.5rem 2.5rem 5.5rem;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.8rem;
}

section.user-update .select-wrapper[data-v-037e81] {
  width: calc(60% - 20px);
  position: relative;
}

@media only screen and (width <= 1200px) {
  section.user-update .select-wrapper[data-v-037e81] {
    width: 100%;
  }
}

section.user-update .select-wrapper .select-title[data-v-037e81] {
  cursor: pointer;
  background-color: #f4f4f4;
  background-image: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 2.5rem;
  transition: all .3s;
  display: flex;
}

section.user-update .select-wrapper .select-title .icon[data-v-037e81] {
  width: 16px;
  height: 16px;
}

section.user-update .select-wrapper .select-title .arrow[data-v-037e81] {
  width: 6px;
  min-width: 6px;
  height: 4px;
  transition: transform .3s;
}

section.user-update .select-wrapper .select-title .select-title-content[data-v-037e81] {
  width: calc(100% - 20px);
  margin: 0 10px;
}

section.user-update .select-wrapper .select-title[data-v-037e81]:hover, section.user-update .select-wrapper .select-title.active[data-v-037e81] {
  color: #fff;
  background-color: #b5b5b5;
  border: 1px solid #b5b5b5;
}

section.user-update .select-wrapper .select-title[data-v-037e81]:hover svg path, section.user-update .select-wrapper .select-title.active[data-v-037e81] svg path {
  fill: #fff;
}

section.user-update .select-wrapper .select-title.active[data-v-037e81] {
  border-radius: .3rem .3rem 0 0;
}

section.user-update .select-wrapper .select-title.active .arrow[data-v-037e81] {
  transform: scaleY(-1);
}

section.user-update .select-wrapper ul[data-v-037e81] {
  z-index: 1;
  pointer-events: none;
  background-color: #fff;
  border-radius: 0 0 .3rem .3rem;
  height: auto;
  max-height: 0;
  transition: all 1s;
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden;
}

section.user-update .select-wrapper ul.active[data-v-037e81] {
  pointer-events: initial;
  max-height: 24.6rem;
  overflow: scroll;
}

section.user-update .select-wrapper ul li[data-v-037e81] {
  cursor: pointer;
  color: #000;
  letter-spacing: .025rem;
  border: 1px solid #f0f0f0;
  width: 100%;
  padding: 1.5rem 3rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
  transition: background-color .3s;
}

section.user-update .select-wrapper ul li + li[data-v-037e81] {
  border-top: none;
}

section.user-update .select-wrapper ul li[data-v-037e81]:hover {
  background-color: #f4f4f4;
}

section.user-update .cta-wrapper[data-v-037e81] {
  justify-content: space-between;
  width: 100%;
  max-width: 500px;
  margin: 4rem 0 0;
  display: flex;
  overflow: hidden;
}

section.user-update .cta-wrapper button + button[data-v-037e81] {
  margin: 0 0 0 10px;
}

[data-v-35222b]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-35222b] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-35222b] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-35222b] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-35222b] {
  font-size: 1.4rem;
}

.label--small[data-v-35222b] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-35222b] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-35222b] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-35222b] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-35222b] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-35222b] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-35222b] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-35222b] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-35222b] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-35222b]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-35222b] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-35222b], .fade-leave-active[data-v-35222b] {
  transition: opacity .3s;
}

.fade-enter[data-v-35222b], .fade-leave-to[data-v-35222b] {
  opacity: 0;
}

.dot[data-v-35222b] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-35222b] {
  display: none !important;
}

.invisible[data-v-35222b] {
  opacity: 0;
}

.video-preview[data-v-35222b] {
  height: 100%;
}

.video-preview[data-v-35222b] .plyr {
  border-radius: .3rem;
  overflow: hidden;
}

.video-preview[data-v-35222b] .plyr .plyr__control:hover {
  background-color: #fff;
}

.video-preview[data-v-35222b] .plyr .plyr__control:hover svg {
  fill: #000;
}

.video-preview[data-v-35222b] .plyr .plyr__control--overlaid {
  background: none;
}

.video-preview[data-v-35222b] .plyr .plyr__control--overlaid:hover {
  background: none !important;
}

.video-preview[data-v-35222b] .plyr .plyr__control--overlaid:hover svg {
  fill: #fff !important;
}

.video-preview[data-v-35222b] .plyr .plyr__control--overlaid svg {
  width: 7rem;
  height: 7rem;
}

.video-preview[data-v-35222b] .plyr input[type="range"] {
  color: #fff;
  cursor: pointer;
}

.video-preview[data-v-35222b] .plyr .plyr__progress__buffer {
  background-color: #00000040;
}

.video-preview[data-v-35222b] .video-player {
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  display: flex;
}

.video-preview[data-v-35222b] .player-wrapper {
  background-color: #0000;
  border-radius: .3rem;
  justify-content: center;
  align-items: center;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  display: flex;
}

.video-preview[data-v-35222b] .video-player .player-controls {
  color: #fff;
  background-color: #0000;
}

.video-preview[data-v-35222b] .player-tracker {
  background-color: var(--overlayBtnDisabled);
  border-radius: 100rem;
  padding: .8rem 15px;
}

[data-v-5d9f80]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-5d9f80] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-5d9f80] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-5d9f80] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-5d9f80] {
  font-size: 1.4rem;
}

.label--small[data-v-5d9f80] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-5d9f80] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-5d9f80] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-5d9f80] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-5d9f80] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-5d9f80] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-5d9f80] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-5d9f80] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-5d9f80] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-5d9f80]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-5d9f80] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-5d9f80], .fade-leave-active[data-v-5d9f80] {
  transition: opacity .3s;
}

.fade-enter[data-v-5d9f80], .fade-leave-to[data-v-5d9f80] {
  opacity: 0;
}

.dot[data-v-5d9f80] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-5d9f80] {
  display: none !important;
}

.invisible[data-v-5d9f80] {
  opacity: 0;
}

.collect-file[data-v-5d9f80] {
  flex-direction: column;
  flex: 2;
  display: flex;
}

[data-v-ed94a8]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-ed94a8] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-ed94a8] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-ed94a8] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-ed94a8] {
  font-size: 1.4rem;
}

.label--small[data-v-ed94a8] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-ed94a8] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-ed94a8] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-ed94a8] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-ed94a8] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-ed94a8] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-ed94a8] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-ed94a8] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-ed94a8] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-ed94a8]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-ed94a8] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-ed94a8], .fade-leave-active[data-v-ed94a8] {
  transition: opacity .3s;
}

.fade-enter[data-v-ed94a8], .fade-leave-to[data-v-ed94a8] {
  opacity: 0;
}

.dot[data-v-ed94a8] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-ed94a8] {
  display: none !important;
}

.invisible[data-v-ed94a8] {
  opacity: 0;
}

.delete-collection[data-v-ed94a8] {
  flex-direction: column;
  flex: 2;
  display: flex;
}

[data-v-45aeec]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-45aeec] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-45aeec] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-45aeec] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-45aeec] {
  font-size: 1.4rem;
}

.label--small[data-v-45aeec] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-45aeec] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-45aeec] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-45aeec] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-45aeec] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-45aeec] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-45aeec] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-45aeec] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-45aeec] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-45aeec]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-45aeec] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-45aeec], .fade-leave-active[data-v-45aeec] {
  transition: opacity .3s;
}

.fade-enter[data-v-45aeec], .fade-leave-to[data-v-45aeec] {
  opacity: 0;
}

.dot[data-v-45aeec] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-45aeec] {
  display: none !important;
}

.invisible[data-v-45aeec] {
  opacity: 0;
}

.delete-file[data-v-45aeec] {
  flex-direction: column;
  flex: 2;
  display: flex;
}

[data-v-a9972c]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-a9972c] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-a9972c] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-a9972c] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-a9972c] {
  font-size: 1.4rem;
}

.label--small[data-v-a9972c] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-a9972c] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-a9972c] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-a9972c] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-a9972c] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-a9972c] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-a9972c] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-a9972c] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-a9972c] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-a9972c]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-a9972c] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-a9972c], .fade-leave-active[data-v-a9972c] {
  transition: opacity .3s;
}

.fade-enter[data-v-a9972c], .fade-leave-to[data-v-a9972c] {
  opacity: 0;
}

.dot[data-v-a9972c] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-a9972c] {
  display: none !important;
}

.invisible[data-v-a9972c] {
  opacity: 0;
}

.delete-space[data-v-a9972c] {
  flex-direction: column;
  flex: 2;
  display: flex;
}

.delete-space__content[data-v-a9972c] {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.delete-space__header[data-v-a9972c] {
  margin-bottom: 2rem;
}

.delete-space__title[data-v-a9972c] {
  align-items: center;
  display: flex;
}

.delete-space__title .dot[data-v-a9972c] {
  margin-right: .8rem;
}

.delete-space__sub-title[data-v-a9972c] {
  color: #8c8c8c;
  margin-top: 1.6rem;
  font-weight: 500;
}

.delete-space__info[data-v-a9972c] {
  border-top: .1rem solid #f0f0f0;
  justify-content: flex-start;
  gap: 2.6rem;
  padding-top: 20px;
  display: flex;
}

.delete-space__info-item dt[data-v-a9972c] {
  color: #8c8c8c;
  margin-bottom: .4rem;
  font-weight: 500;
}

.delete-space__info-item dd[data-v-a9972c] {
  color: #b5b5b5;
}

[data-v-5b9ea4]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-5b9ea4] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-5b9ea4] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-5b9ea4] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-5b9ea4] {
  font-size: 1.4rem;
}

.label--small[data-v-5b9ea4] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-5b9ea4] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-5b9ea4] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-5b9ea4] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-5b9ea4] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-5b9ea4] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-5b9ea4] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-5b9ea4] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-5b9ea4] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-5b9ea4]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-5b9ea4] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-5b9ea4], .fade-leave-active[data-v-5b9ea4] {
  transition: opacity .3s;
}

.fade-enter[data-v-5b9ea4], .fade-leave-to[data-v-5b9ea4] {
  opacity: 0;
}

.dot[data-v-5b9ea4] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-5b9ea4] {
  display: none !important;
}

.invisible[data-v-5b9ea4] {
  opacity: 0;
}

.desktop-file-holder[data-v-5b9ea4] {
  background-color: #fff;
  flex: 2;
  display: flex;
  position: relative;
  overflow: hidden;
}

.desktop-file-holder__content[data-v-5b9ea4] {
  flex-direction: column;
  flex: 2;
  display: flex;
  overflow: hidden;
}

.desktop-file-holder .selecto-selection[data-v-5b9ea4] {
  border-color: var(--companyColor);
  background: none;
}

.desktop-file-holder .selecto-selection[data-v-5b9ea4]:after {
  content: "";
  opacity: .2;
  background: var(--companyColor);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

[data-v-993852]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-993852] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-993852] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-993852] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-993852] {
  font-size: 1.4rem;
}

.label--small[data-v-993852] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-993852] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-993852] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-993852] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-993852] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-993852] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-993852] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-993852] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-993852] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-993852]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-993852] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.dot[data-v-993852] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-993852] {
  display: none !important;
}

.invisible[data-v-993852] {
  opacity: 0;
}

.fade-enter-active[data-v-993852], .fade-leave-active[data-v-993852] {
  transition: opacity .3s;
}

.fade-enter[data-v-993852], .fade-leave-to[data-v-993852] {
  opacity: 0;
}

#editspace[data-v-993852] {
  flex-direction: column;
  justify-content: center;
  width: 90%;
  max-width: 435px;
  min-height: 100vh;
  margin: 0 auto;
  padding: 50px 0;
  display: flex;
  position: relative;
}

#editspace .maxCounter[data-v-993852] {
  color: #8c8c8c;
  margin-top: 1rem;
}

#editspace .editspace-title[data-v-993852] {
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 0 0 20px;
  display: flex;
}

#editspace .editspace-title .symbol[data-v-993852] {
  width: 24px;
  height: 24px;
  margin: 0 10px 0 3px;
}

#editspace .editspace-title .symbol.active[data-v-993852] svg path.cross {
  opacity: 0;
  transform: translate(115%);
}

#editspace .editspace-title .symbol.active[data-v-993852] svg path.square.transform {
  opacity: 1;
  transform: translate(0);
}

#editspace .editspace-title .symbol[data-v-993852] svg path {
  fill: #8c8c8c;
  transform-box: fill-box;
  transition: all .5s cubic-bezier(.5, 0, 0, 1);
}

#editspace .editspace-title .symbol[data-v-993852] svg path.cross {
  opacity: 1;
  transition-delay: .5s;
}

#editspace .editspace-title .symbol[data-v-993852] svg path.square.transform {
  opacity: 0;
  transition-delay: .8s;
  transform: translate(0, -115%);
}

#editspace .editspace-title h2[data-v-993852] {
  color: #8c8c8c;
  font-size: 1.8rem;
  font-weight: 400;
}

#editspace main[data-v-993852] {
  background-color: #fff;
  border-radius: 3px;
  position: relative;
}

#editspace main .editsuccess[data-v-993852] {
  color: #000;
  width: 90%;
  margin: 0 auto;
  padding: 30px 0;
  font-size: 1.4rem;
  font-weight: 500;
}

#editspace main .editspace-form[data-v-993852] {
  width: 100%;
}

#editspace main .editspace-form > .container[data-v-993852] {
  width: 90%;
  margin: 0 auto;
  padding: 30px 0;
}

#editspace main .editspace-form > .container .error-list li[data-v-993852] {
  color: #fff;
  border-radius: 2px;
  margin: 0 0 15px;
  padding: 5px 10px;
  font-size: 1.4rem;
}

#editspace main .editspace-form > .container .input-item[data-v-993852] {
  color: #000;
  font-size: 1.4rem;
}

#editspace main .editspace-form > .container .input-item > label[data-v-993852] {
  margin: 0 0 10px;
  display: block;
}

#editspace main .editspace-form > .container .input-item > .error-msg[data-v-993852] {
  color: #fff;
  margin: 3px 0 0;
  font-size: 1.2rem;
  font-weight: 600;
}

#editspace main .editspace-form > .container .input-item + .input-item[data-v-993852] {
  margin: 17px 0 0;
}

#editspace main .editspace-form > .container .input-item.name input[data-v-993852], #editspace main .editspace-form > .container .input-item.name textarea[data-v-993852], #editspace main .editspace-form > .container .input-item.description input[data-v-993852], #editspace main .editspace-form > .container .input-item.description textarea[data-v-993852] {
  font-size: inherit;
  box-sizing: border-box;
  background-color: #fafafa;
  border: 1px solid #eaeaea;
  outline: none;
  width: 100%;
  padding: 2.6rem 2rem;
  transition: border .75s;
}

#editspace main .editspace-form > .container .input-item.name input.error[data-v-993852], #editspace main .editspace-form > .container .input-item.name textarea.error[data-v-993852], #editspace main .editspace-form > .container .input-item.description input.error[data-v-993852], #editspace main .editspace-form > .container .input-item.description textarea.error[data-v-993852] {
  border: 1px solid red;
}

#editspace main .editspace-form > .container .input-item.name input[data-v-993852]::-webkit-input-placeholder {
  color: #b5b5b5;
  font-size: inherit;
}

#editspace main .editspace-form > .container .input-item.name textarea[data-v-993852]::-webkit-input-placeholder {
  color: #b5b5b5;
  font-size: inherit;
}

#editspace main .editspace-form > .container .input-item.description input[data-v-993852]::-webkit-input-placeholder {
  color: #b5b5b5;
  font-size: inherit;
}

#editspace main .editspace-form > .container .input-item.description textarea[data-v-993852]::-webkit-input-placeholder {
  color: #b5b5b5;
  font-size: inherit;
}

#editspace main .editspace-form > .container .input-item.name input[data-v-993852]::-moz-placeholder {
  color: #b5b5b5;
  font-size: inherit;
}

#editspace main .editspace-form > .container .input-item.name textarea[data-v-993852]::-moz-placeholder {
  color: #b5b5b5;
  font-size: inherit;
}

#editspace main .editspace-form > .container .input-item.description input[data-v-993852]::-moz-placeholder {
  color: #b5b5b5;
  font-size: inherit;
}

#editspace main .editspace-form > .container .input-item.description textarea[data-v-993852]::-moz-placeholder {
  color: #b5b5b5;
  font-size: inherit;
}

:is(#editspace main .editspace-form > .container .input-item.name input[data-v-993852]:-ms-input-placeholder, #editspace main .editspace-form > .container .input-item.name textarea[data-v-993852]:-ms-input-placeholder, #editspace main .editspace-form > .container .input-item.description input[data-v-993852]:-ms-input-placeholder, #editspace main .editspace-form > .container .input-item.description textarea[data-v-993852]:-ms-input-placeholder), :is(#editspace main .editspace-form > .container .input-item.name input[data-v-993852]:-moz-placeholder, #editspace main .editspace-form > .container .input-item.name textarea[data-v-993852]:-moz-placeholder, #editspace main .editspace-form > .container .input-item.description input[data-v-993852]:-moz-placeholder, #editspace main .editspace-form > .container .input-item.description textarea[data-v-993852]:-moz-placeholder) {
  color: #b5b5b5;
  font-size: inherit;
}

#editspace main .editspace-form > .container .input-item.name input[data-v-993852]:focus, #editspace main .editspace-form > .container .input-item.name textarea[data-v-993852]:focus, #editspace main .editspace-form > .container .input-item.description input[data-v-993852]:focus, #editspace main .editspace-form > .container .input-item.description textarea[data-v-993852]:focus {
  border: 1px solid #eaeaea;
}

#editspace main .editspace-form > .container .input-item.private label[data-v-993852] {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  flex-direction: row;
  align-items: center;
  margin: 0;
  display: flex;
}

#editspace main .editspace-form > .container .input-item.private label .ios-switch .switch-container[data-v-993852] {
  border: 2px solid #eaeaea;
  border-radius: 12px;
  width: 41px;
  height: 25px;
  position: relative;
  overflow: hidden;
}

#editspace main .editspace-form > .container .input-item.private label .ios-switch .switch-container .switch-button[data-v-993852] {
  transition: left .55s cubic-bezier(.5, 0, 0, 1);
  position: absolute;
  top: -1px;
  left: -1px;
}

#editspace main .editspace-form > .container .input-item.private label .ios-switch .switch-container .switch-button[data-v-993852]:before {
  content: "";
  background-color: #9bc469;
  width: 50px;
  display: block;
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: 50%;
}

#editspace main .editspace-form > .container .input-item.private label .ios-switch .switch-container .switch-button .inner[data-v-993852] {
  background-color: #fff;
  border: 1px solid #0000000a;
  border-radius: 50%;
  width: 23px;
  height: 23px;
  position: relative;
  box-shadow: 0 2px 6px #00000026, 0 2px 1px #0000000f;
}

#editspace main .editspace-form > .container .input-item.private input[data-v-993852], #editspace main .editspace-form > .container .input-item.private textarea[data-v-993852] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

#editspace main .editspace-form > .container .input-item.private input:checked + label .ios-switch .switch-container .switch-button[data-v-993852], #editspace main .editspace-form > .container .input-item.private textarea:checked + label .ios-switch .switch-container .switch-button[data-v-993852] {
  left: 15px;
}

#editspace main .editspace-form > .container .input-item.private input:focus + label .switch-label[data-v-993852], #editspace main .editspace-form > .container .input-item.private textarea:focus + label .switch-label[data-v-993852] {
  color: #000;
}

.cropper-container {
  direction: ltr;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  user-select: none;
  font-size: 0;
  line-height: 0;
  position: relative;
}

.cropper-container img {
  backface-visibility: hidden;
  image-orientation: 0deg;
  width: 100%;
  height: 100%;
  display: block;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 0 !important;
  max-height: none !important;
}

.cropper-wrap-box, .cropper-canvas, .cropper-drag-box, .cropper-crop-box, .cropper-modal {
  position: absolute;
  inset: 0;
}

.cropper-wrap-box, .cropper-canvas {
  overflow: hidden;
}

.cropper-drag-box {
  opacity: 0;
  background-color: #fff;
}

.cropper-modal {
  opacity: .5;
  background-color: #000;
}

.cropper-view-box {
  outline: 1px solid #3399ffbf;
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}

.cropper-dashed {
  opacity: .5;
  border: 0 dashed #eee;
  display: block;
  position: absolute;
}

.cropper-dashed.dashed-h {
  border-top-width: 1px;
  border-bottom-width: 1px;
  width: 100%;
  height: 33.3333%;
  top: 33.3333%;
  left: 0;
}

.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  width: 33.3333%;
  height: 100%;
  top: 0;
  left: 33.3333%;
}

.cropper-center {
  opacity: .75;
  width: 0;
  height: 0;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
}

.cropper-center:before, .cropper-center:after {
  content: " ";
  background-color: #eee;
  display: block;
  position: absolute;
}

.cropper-center:before {
  width: 7px;
  height: 1px;
  top: 0;
  left: -3px;
}

.cropper-center:after {
  width: 1px;
  height: 7px;
  top: -3px;
  left: 0;
}

.cropper-face, .cropper-line, .cropper-point {
  opacity: .1;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
}

.cropper-face {
  background-color: #fff;
  top: 0;
  left: 0;
}

.cropper-line {
  background-color: #39f;
}

.cropper-line.line-e {
  cursor: ew-resize;
  width: 5px;
  top: 0;
  right: -3px;
}

.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  top: -3px;
  left: 0;
}

.cropper-line.line-w {
  cursor: ew-resize;
  width: 5px;
  top: 0;
  left: -3px;
}

.cropper-line.line-s {
  cursor: ns-resize;
  height: 5px;
  bottom: -3px;
  left: 0;
}

.cropper-point {
  opacity: .75;
  background-color: #39f;
  width: 5px;
  height: 5px;
}

.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  top: 50%;
  right: -3px;
}

.cropper-point.point-n {
  cursor: ns-resize;
  margin-left: -3px;
  top: -3px;
  left: 50%;
}

.cropper-point.point-w {
  cursor: ew-resize;
  margin-top: -3px;
  top: 50%;
  left: -3px;
}

.cropper-point.point-s {
  cursor: s-resize;
  margin-left: -3px;
  bottom: -3px;
  left: 50%;
}

.cropper-point.point-ne {
  cursor: nesw-resize;
  top: -3px;
  right: -3px;
}

.cropper-point.point-nw {
  cursor: nwse-resize;
  top: -3px;
  left: -3px;
}

.cropper-point.point-sw {
  cursor: nesw-resize;
  bottom: -3px;
  left: -3px;
}

.cropper-point.point-se {
  cursor: nwse-resize;
  opacity: 1;
  width: 20px;
  height: 20px;
  bottom: -3px;
  right: -3px;
}

@media (width >= 768px) {
  .cropper-point.point-se {
    width: 15px;
    height: 15px;
  }
}

@media (width >= 992px) {
  .cropper-point.point-se {
    width: 10px;
    height: 10px;
  }
}

@media (width >= 1200px) {
  .cropper-point.point-se {
    opacity: .75;
    width: 5px;
    height: 5px;
  }
}

.cropper-point.point-se:before {
  content: " ";
  opacity: 0;
  background-color: #39f;
  width: 200%;
  height: 200%;
  display: block;
  position: absolute;
  bottom: -50%;
  right: -50%;
}

.cropper-invisible {
  opacity: 0;
}

.cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC");
}

.cropper-hide {
  width: 0;
  height: 0;
  display: block;
  position: absolute;
}

.cropper-hidden {
  display: none !important;
}

.cropper-move {
  cursor: move;
}

.cropper-crop {
  cursor: crosshair;
}

.cropper-disabled .cropper-drag-box, .cropper-disabled .cropper-face, .cropper-disabled .cropper-line, .cropper-disabled .cropper-point {
  cursor: not-allowed;
}

[data-v-03d194]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-03d194] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-03d194] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-03d194] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-03d194] {
  font-size: 1.4rem;
}

.label--small[data-v-03d194] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-03d194] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-03d194] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-03d194] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-03d194] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-03d194] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-03d194] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-03d194] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-03d194] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-03d194]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-03d194] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-03d194], .fade-leave-active[data-v-03d194] {
  transition: opacity .3s;
}

.fade-enter[data-v-03d194], .fade-leave-to[data-v-03d194] {
  opacity: 0;
}

.dot[data-v-03d194] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-03d194] {
  display: none !important;
}

.invisible[data-v-03d194] {
  opacity: 0;
}

.file-editor-preview[data-v-03d194] {
  width: 100%;
  height: 100%;
  position: relative;
}

.file-editor-preview__cropper-wrapper[data-v-03d194] {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.file-editor-preview__cropper[data-v-03d194] {
  pointer-events: none;
  width: 100%;
  height: 100%;
}

.file-editor-preview__cropper[data-v-03d194] div, .file-editor-preview__cropper[data-v-03d194] img {
  max-height: 100%;
}

.file-editor-preview__cropper[data-v-03d194] .cropper-center {
  display: none;
}

.file-editor-preview__cropper[data-v-03d194] .cropper-canvas {
  max-height: 10000vh;
}

.file-editor-preview__cropper[data-v-03d194] .cropper-bg {
  background: none;
}

.file-editor-preview__cropper[data-v-03d194] .cropper-modal {
  background-color: var(--overlayBtnDisabled);
}

.file-editor-preview__cropper[data-v-03d194] .cropper-view-box {
  outline-color: #0000;
}

.file-editor-preview__cropper[data-v-03d194] .cropper-point {
  opacity: 1;
  background-color: #0000;
  width: 1.6rem;
  height: 1.6rem;
  display: none;
}

.file-editor-preview__cropper[data-v-03d194] .cropper-point:after {
  content: "";
  width: 1.6rem;
  height: 1.6rem;
  display: block;
  position: absolute;
}

.file-editor-preview__cropper[data-v-03d194] .point-sw:after {
  border-bottom: .1rem solid #fff;
  border-left: .1rem solid #fff;
  top: .4rem;
  right: .4rem;
}

.file-editor-preview__cropper[data-v-03d194] .point-se:after {
  border-bottom: .1rem solid #fff;
  border-right: .1rem solid #fff;
  top: .4rem;
  left: .4rem;
}

.file-editor-preview__cropper[data-v-03d194] .point-nw:after {
  border-top: .1rem solid #fff;
  border-left: .1rem solid #fff;
  bottom: .4rem;
  right: .4rem;
}

.file-editor-preview__cropper[data-v-03d194] .point-ne:after {
  border-top: .1rem solid #fff;
  border-right: .1rem solid #fff;
  bottom: .4rem;
  left: .4rem;
}

.file-editor-preview__cropper[data-v-03d194] .point-n {
  margin-left: -.8rem;
  top: 0;
}

.file-editor-preview__cropper[data-v-03d194] .point-n:after {
  border-top: .1rem solid #fff;
  top: -.8rem;
}

.file-editor-preview__cropper[data-v-03d194] .point-e {
  margin-top: -.8rem;
  right: 0;
}

.file-editor-preview__cropper[data-v-03d194] .point-e:after {
  border-right: .1rem solid #fff;
  right: -.8rem;
}

.file-editor-preview__cropper[data-v-03d194] .point-s {
  margin-left: -.8rem;
  bottom: 0;
}

.file-editor-preview__cropper[data-v-03d194] .point-s:after {
  border-bottom: .1rem solid #fff;
  bottom: -.8rem;
}

.file-editor-preview__cropper[data-v-03d194] .point-w {
  margin-top: -.8rem;
  left: 0;
}

.file-editor-preview__cropper[data-v-03d194] .point-w:after {
  border-left: .1rem solid #fff;
  left: -.8rem;
}

.file-editor-preview__cropper[data-v-03d194] .cropper-line {
  background-color: #fff;
  display: none;
}

.file-editor-preview__cropper.isCropping[data-v-03d194] {
  pointer-events: all;
}

.file-editor-preview__cropper.isCropping[data-v-03d194] .cropper-line, .file-editor-preview__cropper.isCropping[data-v-03d194] .cropper-point {
  display: block;
}

.file-editor-preview__cropper.isCropping[data-v-03d194] .cropper-view-box {
  outline-color: #fff;
}

[data-v-1734f5]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-1734f5] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-1734f5] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-1734f5] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-1734f5] {
  font-size: 1.4rem;
}

.label--small[data-v-1734f5] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-1734f5] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-1734f5] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-1734f5] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-1734f5] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-1734f5] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-1734f5] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-1734f5] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-1734f5] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-1734f5]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-1734f5] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-1734f5], .fade-leave-active[data-v-1734f5] {
  transition: opacity .3s;
}

.fade-enter[data-v-1734f5], .fade-leave-to[data-v-1734f5] {
  opacity: 0;
}

.dot[data-v-1734f5] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-1734f5] {
  display: none !important;
}

.invisible[data-v-1734f5] {
  opacity: 0;
}

.file-editor-tools[data-v-1734f5] {
  flex-direction: column;
  justify-content: center;
  gap: 2.4rem;
  display: flex;
  position: relative;
}

.file-editor-tools__actions[data-v-1734f5] {
  flex-direction: column;
  gap: 1rem;
  display: flex;
}

.file-editor-tools__2-lines[data-v-1734f5] {
  gap: 1rem;
  display: flex;
}

.file-editor-tools__2-lines button[data-v-1734f5] {
  flex: 2;
}

@media only screen and (width >= 540px) {
  .label--small-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

@media only screen and (width >= 540px) {
  .h1--d {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.file-full {
  z-index: 9999;
  background-color: var(--overlayBtnDisabled);
  flex-direction: column;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.file-full__loader-wrap {
  z-index: 9999;
  background-color: var(--overlayBtnDisabled);
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}

.file-full__title {
  color: #fff;
  align-items: center;
  width: 100%;
  padding: 0 1.5rem;
  font-size: 1.8rem;
  line-height: 2.4rem;
  display: flex;
}

.file-full__title .title {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: 2;
  overflow: hidden;
}

.file-full__title .ext {
  color: var(--subTextColorOnCompanyColor);
  letter-spacing: .075rem;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: bold;
  position: relative;
  top: .3rem;
}

.file-full__close-btn button {
  z-index: 9999;
}

.file-full__wrapper {
  flex: 2;
  display: flex;
  position: relative;
}

.file-full__preview {
  z-index: 1;
  flex: 2;
  max-width: calc(100vw - 34rem);
  height: 100vh;
  padding: 6rem 0 2.4rem 1.5rem;
  position: relative;
}

.file-full__info-panel {
  z-index: 500;
  width: 34rem;
  height: 100vh;
  position: relative;
}

.file-full__info-panel-content {
  flex-direction: column;
  justify-content: center;
  gap: 2.4rem;
  height: 100%;
  padding: 6rem 0 0;
  display: flex;
}

.file-full__details-other {
  flex: 2;
  padding: 0 1.5rem 1.5rem;
}

.file-full__xl-wrapper {
  z-index: 1;
  flex: 2;
  height: 100vh;
  padding: 7rem 1.5rem 1.5rem;
  position: relative;
}

[data-v-b586c7]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-b586c7] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-b586c7] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-b586c7] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-b586c7] {
  font-size: 1.4rem;
}

.label--small[data-v-b586c7] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-b586c7] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-b586c7] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-b586c7] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-b586c7] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-b586c7] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-b586c7] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-b586c7] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-b586c7] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-b586c7]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-b586c7] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-b586c7], .fade-leave-active[data-v-b586c7] {
  transition: opacity .3s;
}

.fade-enter[data-v-b586c7], .fade-leave-to[data-v-b586c7] {
  opacity: 0;
}

.dot[data-v-b586c7] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-b586c7] {
  display: none !important;
}

.invisible[data-v-b586c7] {
  opacity: 0;
}

.file-full-detail-fields[data-v-b586c7] {
  flex-direction: column;
  justify-content: center;
  gap: 2.4rem;
  display: flex;
}

@media only screen and (width >= 540px) {
  .label--small-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

@media only screen and (width >= 540px) {
  .h1--d {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.file-full-preview {
  height: 100%;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-e5be43] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-e5be43] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }

  .h1--d[data-v-e5be43] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

[data-v-e5be43]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-e5be43] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-e5be43] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-e5be43] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-e5be43] {
  font-size: 1.4rem;
}

.label--small[data-v-e5be43] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-e5be43] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-e5be43] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-e5be43] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-e5be43] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-e5be43] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-e5be43] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-e5be43] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-e5be43] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-e5be43]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-e5be43] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-e5be43], .fade-leave-active[data-v-e5be43] {
  transition: opacity .3s;
}

.fade-enter[data-v-e5be43], .fade-leave-to[data-v-e5be43] {
  opacity: 0;
}

.dot[data-v-e5be43] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-e5be43] {
  display: none !important;
}

.invisible[data-v-e5be43] {
  opacity: 0;
}

.mobile-page[data-v-e5be43] {
  height: calc(var(--vh, 1vh) * 100);
  flex-direction: column;
  display: flex;
  position: relative;
}

.mobile-page__wrapper[data-v-e5be43] {
  height: calc(var(--vh, 1vh) * 100 - 6rem);
  flex-direction: column;
  flex: 2;
  display: flex;
  position: relative;
}

.mobile-page__content[data-v-e5be43] {
  flex-direction: column;
  flex: 2;
  height: 100%;
  display: flex;
  position: relative;
}

.mobile-page__scrollable-content[data-v-e5be43] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: auto;
}

.files-holder[data-v-e5be43] {
  background-color: #fff;
  flex-direction: column;
  flex: 2;
  display: flex;
}

.files-holder__content[data-v-e5be43] {
  flex-direction: column;
  flex: 2;
  display: flex;
}

.files-holder__files[data-v-e5be43] {
  flex-direction: column;
  flex: 2;
  display: flex;
  position: relative;
}

[data-v-291130]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-291130] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-291130] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-291130] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-291130] {
  font-size: 1.4rem;
}

.label--small[data-v-291130] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-291130] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-291130] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-291130] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-291130] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-291130] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-291130] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-291130] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-291130] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-291130]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-291130] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-291130], .fade-leave-active[data-v-291130] {
  transition: opacity .3s;
}

.fade-enter[data-v-291130], .fade-leave-to[data-v-291130] {
  opacity: 0;
}

.dot[data-v-291130] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-291130] {
  display: none !important;
}

.invisible[data-v-291130] {
  opacity: 0;
}

.folder-input-form-wrapper[data-v-291130] {
  flex-direction: column;
  flex: 2;
  display: flex;
}

.folder-input-form-wrapper__fullscreen[data-v-291130] {
  flex-direction: column;
  flex: 2;
  justify-content: center;
  align-items: center;
  gap: 2rem;
  padding: 1rem 4rem;
  display: flex;
}

.folder-input-form-wrapper__fullscreen .folder-input-form[data-v-291130] {
  width: 100%;
}

.folder-input-form-wrapper__fullscreen .vinput__label[data-v-291130] {
  display: none;
}

.folder-input-form-wrapper__fullscreen-header[data-v-291130] {
  flex-direction: column-reverse;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.folder-input-form-wrapper__fullscreen-content[data-v-291130] {
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  display: flex;
}

.folder-input-form-wrapper__fullscreen-title[data-v-291130] {
  text-align: center;
}

.folder-input-form-wrapper__fullscreen-text[data-v-291130] {
  color: #b5b5b5;
  text-align: center;
}

[data-v-8a476b]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-8a476b] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-8a476b] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-8a476b] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-8a476b] {
  font-size: 1.4rem;
}

.label--small[data-v-8a476b] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-8a476b] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-8a476b] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-8a476b] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-8a476b] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-8a476b] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-8a476b] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-8a476b] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-8a476b] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-8a476b]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-8a476b] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-8a476b], .fade-leave-active[data-v-8a476b] {
  transition: opacity .3s;
}

.fade-enter[data-v-8a476b], .fade-leave-to[data-v-8a476b] {
  opacity: 0;
}

.dot[data-v-8a476b] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-8a476b] {
  display: none !important;
}

.invisible[data-v-8a476b] {
  opacity: 0;
}

.home-left-content[data-v-8a476b] {
  height: 100vh;
  overflow: hidden;
}

.home-left-content .overview[data-v-8a476b] {
  height: 100%;
  position: relative;
  overflow: hidden auto;
}

.home-left-content .overview .wrapper[data-v-8a476b], .home-left-content .overview .container[data-v-8a476b] {
  height: 100%;
}

.home-left-content .overview .fade-enter-active[data-v-8a476b], .home-left-content .overview .fade-leave-active[data-v-8a476b] {
  transition: opacity .3s;
}

.home-left-content .overview .fade-enter[data-v-8a476b], .home-left-content .overview .fade-leave-to[data-v-8a476b] {
  opacity: 0;
}

.home-left-content .overview .toggle-view[data-v-8a476b] {
  position: absolute;
  top: .8rem;
  right: .8rem;
}

.home-left-content .overview .toggle-view a[data-v-8a476b] {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  display: flex;
  position: relative;
}

.home-left-content .overview .toggle-view a[data-v-8a476b]:before {
  z-index: 0;
  content: "";
  background-color: #f0f0f0;
  border: .1rem solid #f0f0f0;
  border-radius: 1.5rem;
  transition: all .5s cubic-bezier(.5, 0, 0, 1);
  display: block;
  position: absolute;
  inset: 0;
  box-shadow: 0 0 3rem #0000;
}

.home-left-content .overview .toggle-view a svg[data-v-8a476b] {
  z-index: 5;
  margin: 0 auto;
  display: block;
  position: relative;
}

.home-left-content .overview .toggle-view a[data-v-8a476b]:hover:before {
  background-color: #f4f4f4;
  box-shadow: 0 0 3rem #00000006;
}

.home-left-content .overview .actions[data-v-8a476b] {
  position: fixed;
  bottom: .8rem;
  right: .8rem;
}

.home-left-content .overview .actions .btn-wrapper[data-v-8a476b] {
  width: 5rem;
}

.home-left-content .overview .actions .tooltip[data-v-8a476b] {
  top: 0;
  right: 100%;
}

.home-left-content .overview .actions > ul[data-v-8a476b] {
  flex-direction: column;
  align-items: flex-end;
  display: flex;
}

.home-left-content .overview .actions > ul li[data-v-8a476b] {
  width: 5rem;
  position: relative;
}

.home-left-content .overview .actions > ul li + li[data-v-8a476b] {
  margin: .7rem 0 0;
}

.home-left-content .overview .actions > ul li input[type="checkbox"][data-v-8a476b] {
  display: none;
}

.home-left-content .overview .actions > ul li input[type="checkbox"]:checked ~ .container[data-v-8a476b] {
  border: .1rem solid #eaeaea;
  border-bottom: none;
  position: relative;
}

.home-left-content .overview .actions > ul li input[type="checkbox"]:checked ~ .container ul[data-v-8a476b] {
  display: block;
}

.home-left-content .overview .actions > ul li input[type="checkbox"]:checked ~ label[data-v-8a476b] {
  width: 16.5rem;
}

.home-left-content .overview .actions > ul li input[type="checkbox"]:checked ~ label[data-v-8a476b]:before {
  background-color: #000;
  border-top: none;
  border-radius: 0 0 1.2rem 1.2rem;
  box-shadow: 0 0 3rem #00000006;
}

.home-left-content .overview .actions > ul li input[type="checkbox"]:checked ~ label svg[data-v-8a476b] {
  margin: 0 0 0 12.8rem;
}

.home-left-content .overview .actions > ul li input[type="checkbox"]:checked ~ label svg path[data-v-8a476b] {
  fill: #fff;
}

.home-left-content .overview .actions > ul li .container[data-v-8a476b] {
  z-index: 10;
  background-color: #000;
  border-radius: 1.2rem 1.2rem 0 0;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
}

.home-left-content .overview .actions > ul li .container ul[data-v-8a476b] {
  display: none;
}

.home-left-content .overview .actions > ul li .container ul li[data-v-8a476b] {
  border-bottom: .1rem solid var(--companyLine);
  margin: 0;
}

.home-left-content .overview .actions > ul li .container ul li a[data-v-8a476b] {
  color: #fff;
  letter-spacing: 0;
  width: 100%;
  height: auto;
  margin: 0;
  padding: 1.5rem 2.5rem;
  font-size: 1.4rem;
  font-weight: 500;
  transition: background-color .3s;
  display: block;
}

.home-left-content .overview .actions > ul li .container ul li a[data-v-8a476b]:hover {
  background-color: var(--companyBtn);
}

.home-left-content .overview .actions > ul li .container ul li a[data-v-8a476b]:before {
  display: none;
}

.home-left-content .overview .actions > ul li .container ul li:first-of-type a[data-v-8a476b] {
  border-radius: 1.2rem 1.2rem 0 0;
}

.home-left-content .overview .actions > ul li label[data-v-8a476b] {
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  width: 5rem;
  height: 5rem;
  display: flex;
  position: relative;
}

.home-left-content .overview .actions > ul li label[data-v-8a476b]:before {
  z-index: 0;
  content: "";
  background-color: #f0f0f0;
  border: .1rem solid #eaeaea;
  border-radius: 1.5rem;
  transition: background-color .5s cubic-bezier(.5, 0, 0, 1), border-color .5s cubic-bezier(.5, 0, 0, 1);
  display: block;
  position: absolute;
  inset: 0;
  box-shadow: 0 0 3rem #0000;
}

.home-left-content .overview .actions > ul li label.close[data-v-8a476b]:before, .home-left-content .overview .actions > ul li label .symbol[data-v-8a476b] {
  background-color: #fff;
  border: .1rem solid #f0f0f0;
}

.home-left-content .overview .actions > ul li label[data-v-8a476b] svg {
  fill: #000;
}

.home-left-content .overview .actions > ul li label[data-v-8a476b]:hover:before {
  background-color: #000;
  box-shadow: 0 0 3rem #00000006;
}

.home-left-content .overview .actions > ul li label:hover.close[data-v-8a476b]:before {
  background-color: #fff;
  border: .1rem solid #eaeaea;
}

.home-left-content .overview .actions > ul li label:hover path[data-v-8a476b] {
  fill: #fff;
}

.home-left-content .close-btn[data-v-8a476b] {
  position: absolute;
  top: .8rem;
  right: .8rem;
}

[data-v-16fb02]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-16fb02] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-16fb02] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-16fb02] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-16fb02] {
  font-size: 1.4rem;
}

.label--small[data-v-16fb02] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-16fb02] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-16fb02] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-16fb02] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-16fb02] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-16fb02] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-16fb02] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-16fb02] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-16fb02] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-16fb02]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-16fb02] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-16fb02], .fade-leave-active[data-v-16fb02] {
  transition: opacity .3s;
}

.fade-enter[data-v-16fb02], .fade-leave-to[data-v-16fb02] {
  opacity: 0;
}

.dot[data-v-16fb02] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-16fb02] {
  display: none !important;
}

.invisible[data-v-16fb02] {
  opacity: 0;
}

.home-right-content[data-v-16fb02] {
  background-color: #0000;
  flex-direction: column;
  width: 100%;
  transition: background-color .75s;
  display: flex;
  overflow: hidden;
}

.home-right-content[data-v-16fb02]:after {
  content: "";
  opacity: 0;
  background-color: #000c;
  width: 100%;
  height: 100vh;
  transition: opacity .75s;
  display: block;
  position: absolute;
  inset: 0;
}

.home-right-content__movable[data-v-16fb02] {
  z-index: 500;
  pointer-events: none;
  width: 50vw;
  height: calc(100vh - 7.5rem);
  transition: all .75s cubic-bezier(.5, 0, 0, 1);
  position: fixed;
  top: 0;
  overflow: auto;
  transform: translateY(100%);
}

.home-right-content__btn[data-v-16fb02] {
  z-index: 7000;
  color: #fff;
  background: var(--companyColor);
  cursor: pointer;
  border: none;
  border-top: .1rem solid var(--companyLine);
  width: 100%;
  height: 7.5rem;
  position: absolute;
  bottom: 0;
  left: 0;
}

.home-right-content__btn[data-v-16fb02] svg path {
  fill: #fff;
}

.home-right-content__btn-name[data-v-16fb02] {
  z-index: 10;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 100%;
  transition: all .35s;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.home-right-content__close[data-v-16fb02] {
  opacity: 0;
  transition: all .35s;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, 50%);
}

.home-right-content--open[data-v-16fb02]:after {
  opacity: 1;
}

.home-right-content--open .home-right-content__btn-name[data-v-16fb02] {
  opacity: 0;
  transform: translate(-50%, -100%);
}

.home-right-content--open .home-right-content__close[data-v-16fb02] {
  opacity: 1;
  transform: translate(-50%, -50%);
}

.home-right-content--open .home-right-content__movable[data-v-16fb02] {
  pointer-events: all;
  transition: all .75s cubic-bezier(.5, 0, 0, 1);
  transform: translateY(0);
}

[data-v-61af20]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-61af20] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-61af20] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-61af20] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-61af20] {
  font-size: 1.4rem;
}

.label--small[data-v-61af20] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-61af20] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-61af20] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-61af20] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-61af20] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-61af20] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-61af20] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-61af20] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-61af20] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-61af20]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-61af20] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-61af20], .fade-leave-active[data-v-61af20] {
  transition: opacity .3s;
}

.fade-enter[data-v-61af20], .fade-leave-to[data-v-61af20] {
  opacity: 0;
}

.dot[data-v-61af20] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-61af20] {
  display: none !important;
}

.invisible[data-v-61af20] {
  opacity: 0;
}

@keyframes move-arrow-data-v-61af20 {
  0% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(.5rem);
  }

  100% {
    transform: translateX(0);
  }
}

.image-slider[data-v-61af20] {
  z-index: 99999;
  background-color: var(--overlayBtnDisabled);
  flex-direction: column;
  align-items: flex-end;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
}

.image-slider__carousel[data-v-61af20] {
  flex: 2;
  width: 100%;
  height: calc(100vh - 7rem);
  padding: 1.5rem;
  position: relative;
}

.image-slider__camera[data-v-61af20] {
  flex: 2;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.image-slider__track[data-v-61af20] {
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
}

.image-slider__track.hasTransition[data-v-61af20] {
  transition: transform .3s ease-in-out;
}

.image-slider__btn[data-v-61af20] {
  z-index: 5000;
  cursor: pointer;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  width: 3.8rem;
  display: flex;
  position: absolute;
  top: 1.5rem;
  bottom: 1.5rem;
}

.image-slider__btn .symbol[data-v-61af20] {
  transition: transform .3s;
}

.image-slider__btn[data-v-61af20] svg {
  width: 1.2rem;
  height: 1.2rem;
}

.image-slider__btn[data-v-61af20] svg path {
  fill: #fff;
}

.image-slider__btn.prev[data-v-61af20] {
  left: 1.5rem;
}

.image-slider__btn.next[data-v-61af20] {
  right: 1.5rem;
  transform: rotate(180deg);
}

.image-slider__btn:hover .symbol[data-v-61af20] {
  animation: .8s infinite move-arrow-data-v-61af20;
}

.image-slider__close-btn[data-v-61af20] {
  padding: 1.5rem 1.5rem 0 0;
}

.image-slider__slide[data-v-61af20] {
  width: 100vw;
  height: 100%;
  padding: 0 7rem;
}

[data-v-a2614a]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-a2614a] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-a2614a] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-a2614a] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-a2614a] {
  font-size: 1.4rem;
}

.label--small[data-v-a2614a] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-a2614a] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-a2614a] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-a2614a] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-a2614a] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-a2614a] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-a2614a] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-a2614a] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-a2614a] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-a2614a]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-a2614a] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-a2614a], .fade-leave-active[data-v-a2614a] {
  transition: opacity .3s;
}

.fade-enter[data-v-a2614a], .fade-leave-to[data-v-a2614a] {
  opacity: 0;
}

.dot[data-v-a2614a] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-a2614a] {
  display: none !important;
}

.invisible[data-v-a2614a] {
  opacity: 0;
}

.left-sidebar[data-v-a2614a] {
  background-color: #fff;
  border-right: .1rem solid #f2f2f2;
  flex-direction: column;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.left-sidebar__content[data-v-a2614a] {
  flex-direction: column;
  flex: 2;
  display: flex;
  overflow-y: auto;
}

[data-v-749774]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-749774] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-749774] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-749774] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-749774] {
  font-size: 1.4rem;
}

.label--small[data-v-749774] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-749774] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-749774] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-749774] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-749774] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-749774] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-749774] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-749774] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-749774] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-749774]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-749774] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.dot[data-v-749774] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-749774] {
  display: none !important;
}

.invisible[data-v-749774] {
  opacity: 0;
}

.login-wrapper[data-v-749774] {
  background-color: var(--companyColor);
  height: 100%;
}

.login-wrapper .form[data-v-749774] {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.login-wrapper .form .wrapper[data-v-749774] {
  width: 100%;
  position: relative;
}

.login-wrapper .form form[data-v-749774] {
  pointer-events: none;
  color: #fff;
  width: 80%;
  max-width: 44rem;
  margin: 0 auto;
  padding: 7rem 0;
  transition: opacity .75s;
  opacity: 0 !important;
}

.login-wrapper .form form.active[data-v-749774] {
  pointer-events: initial;
  opacity: 1 !important;
}

.login-wrapper .form form.reset[data-v-749774], .login-wrapper .form form.requestaccess[data-v-749774], .login-wrapper .form form.requestaccess-success[data-v-749774] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.login-wrapper .form form .form-helper[data-v-749774] {
  margin-bottom: 5%;
}

.login-wrapper .form form.requestaccess[data-v-749774] {
  padding-top: 3rem;
}

.login-wrapper .form form.requestaccess .form-item.email[data-v-749774], .login-wrapper .form form.requestaccess .form-item.fullname[data-v-749774], .login-wrapper .form form.requestaccess .form-item.telephone[data-v-749774], .login-wrapper .form form.requestaccess .form-item.company[data-v-749774], .login-wrapper .form form.requestaccess .form-item.address[data-v-749774] {
  position: relative;
}

.login-wrapper .form form.requestaccess .form-item.email[data-v-749774]:after, .login-wrapper .form form.requestaccess .form-item.fullname[data-v-749774]:after, .login-wrapper .form form.requestaccess .form-item.telephone[data-v-749774]:after, .login-wrapper .form form.requestaccess .form-item.company[data-v-749774]:after, .login-wrapper .form form.requestaccess .form-item.address[data-v-749774]:after {
  color: var(--companyColor);
  content: "*";
  width: 1.1rem;
  height: 1.1rem;
  position: absolute;
  top: 50%;
  right: 2.5rem;
  transform: translateY(-50%);
}

.login-wrapper .form form.requestaccess .honeypot[data-v-749774] {
  opacity: 0;
  height: 1.5rem;
  margin: 0;
}

.login-wrapper .form form.requestaccess .form-submit[data-v-749774] {
  margin: 0 0 1.5rem;
}

.login-wrapper .form form.requestaccess-success[data-v-749774] {
  justify-content: center;
  align-items: center;
  height: 43rem;
  padding-top: 3rem;
  display: flex;
}

.login-wrapper .form form.requestaccess-success div .symbol[data-v-749774] {
  justify-content: center;
  align-items: center;
  display: flex;
}

.login-wrapper .form form.requestaccess-success div h3[data-v-749774] {
  color: #fff;
  letter-spacing: .028rem;
  text-align: center;
  margin-top: 1.5rem;
  font-size: 1.8rem;
  font-weight: 500;
}

.login-wrapper .form form.requestaccess-success div p[data-v-749774] {
  color: #b5b5b5;
  text-align: center;
  letter-spacing: .025rem;
  margin-top: .5rem;
  font-size: 1.4rem;
  font-weight: 300;
}

.login-wrapper .form form.requestaccess-success div button[data-v-749774] {
  margin: 0 auto;
}

.login-wrapper .form form .form-item[data-v-749774] {
  position: relative;
}

.login-wrapper .form form .form-item input[data-v-749774]::-ms-clear {
  display: none;
}

.login-wrapper .form form .form-item input[data-v-749774]::-ms-reveal {
  display: none;
}

.login-wrapper .form form .form-item input[type="email"][data-v-749774], .login-wrapper .form form .form-item input[type="password"][data-v-749774], .login-wrapper .form form .form-item input[type="text"][data-v-749774] {
  color: #fff;
  border: .1rem solid var(--companyLine);
  background-color: var(--companyBtn);
  border-radius: .1rem;
  outline: none;
  width: 100%;
  height: 6.5rem;
  padding: 0 2.5rem;
  font-size: 1.4rem;
  transition: border .5s;
  overflow: hidden;
}

:-webkit-any(.login-wrapper .form form .form-item input[type="email"][data-v-749774]:-webkit-autofill, .login-wrapper .form form .form-item input[type="password"][data-v-749774]:-webkit-autofill, .login-wrapper .form form .form-item input[type="text"][data-v-749774]:-webkit-autofill) {
  -webkit-box-shadow: 0 0 0 .5rem var(--companyBtn) inset;
  -webkit-text-fill-color: #fff !important;
}

:is(.login-wrapper .form form .form-item input[type="email"][data-v-749774]:autofill, .login-wrapper .form form .form-item input[type="password"][data-v-749774]:autofill, .login-wrapper .form form .form-item input[type="text"][data-v-749774]:autofill) {
  -webkit-box-shadow: 0 0 0 .5rem var(--companyBtn) inset;
  -webkit-text-fill-color: #fff !important;
}

.login-wrapper .form form .form-item input[type="email"][data-v-749774]::-webkit-input-placeholder {
  color: #fff;
  font-size: 1.4rem;
}

.login-wrapper .form form .form-item input[type="password"][data-v-749774]::-webkit-input-placeholder {
  color: #fff;
  font-size: 1.4rem;
}

.login-wrapper .form form .form-item input[type="text"][data-v-749774]::-webkit-input-placeholder {
  color: #fff;
  font-size: 1.4rem;
}

.login-wrapper .form form .form-item input[type="email"][data-v-749774]::-moz-placeholder {
  color: #fff;
  font-size: 1.4rem;
}

.login-wrapper .form form .form-item input[type="password"][data-v-749774]::-moz-placeholder {
  color: #fff;
  font-size: 1.4rem;
}

.login-wrapper .form form .form-item input[type="text"][data-v-749774]::-moz-placeholder {
  color: #fff;
  font-size: 1.4rem;
}

:is(.login-wrapper .form form .form-item input[type="email"][data-v-749774]:-ms-input-placeholder, .login-wrapper .form form .form-item input[type="password"][data-v-749774]:-ms-input-placeholder, .login-wrapper .form form .form-item input[type="text"][data-v-749774]:-ms-input-placeholder), :is(.login-wrapper .form form .form-item input[type="email"][data-v-749774]:-moz-placeholder, .login-wrapper .form form .form-item input[type="password"][data-v-749774]:-moz-placeholder, .login-wrapper .form form .form-item input[type="text"][data-v-749774]:-moz-placeholder) {
  color: #fff;
  font-size: 1.4rem;
}

.login-wrapper .form form .form-item input[type="email"][data-v-749774]:focus, .login-wrapper .form form .form-item input[type="password"][data-v-749774]:focus, .login-wrapper .form form .form-item input[type="text"][data-v-749774]:focus {
  border: .1rem solid #fff;
}

.login-wrapper .form form .form-item ~ .form-item[data-v-749774] {
  margin: 1.5rem 0 0;
}

.login-wrapper .form form .form-item .password[data-v-749774] {
  padding-right: 4.5rem;
}

.login-wrapper .form form .form-item .password-toggle[data-v-749774] {
  z-index: 1;
  cursor: pointer;
  position: absolute;
  bottom: 2.5rem;
  right: 2.5rem;
}

.login-wrapper .form form .form-item .password-toggle .symbol[data-v-749774] {
  width: 1.5rem;
  height: 1rem;
}

.login-wrapper .form form .form-item .password-toggle[data-v-749774] svg path {
  fill: var(--companyColor);
  transition: fill .2s;
}

.login-wrapper .form form .form-item .password-toggle[data-v-749774]:hover svg path {
  fill: var(--companyIconFade);
}

.login-wrapper .form form .form-item .password-toggle:hover .password-icon[data-v-749774]:before {
  background-color: var(--companyIconFade);
}

.login-wrapper .form form .form-item.is-visible .password-icon[data-v-749774]:before {
  background-color: var(--companyIconFade);
  content: "";
  width: 120%;
  height: .2rem;
  transition: background-color .2s;
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%)rotate(45deg);
}

.login-wrapper .form form .form-item .password-icon[data-v-749774] {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.login-wrapper .form form .form-link[data-v-749774] {
  display: flex;
}

.login-wrapper .form form .form-link a[data-v-749774] {
  color: var(--subTextColorOnCompanyColor);
  outline: none;
  align-items: center;
  gap: 1rem;
  padding-top: 1rem;
  font-weight: 500;
  text-decoration: none;
  transition: color .75s;
  display: flex;
}

.login-wrapper .form form .form-link a .symbol[data-v-749774] svg {
  width: 1.5rem;
  height: 1.5rem;
}

.login-wrapper .form form .form-link a .symbol[data-v-749774] svg path {
  fill: var(--subTextColorOnCompanyColor);
  transition: fill .75s;
}

.login-wrapper .form form .form-link a[data-v-749774]:hover, .login-wrapper .form form .form-link a[data-v-749774]:focus {
  color: #fff;
}

.login-wrapper .form form .form-link a:hover .symbol[data-v-749774] svg path, .login-wrapper .form form .form-link a:focus .symbol[data-v-749774] svg path {
  fill: #fff;
}

.login-wrapper .form form .form-link.password a .symbol[data-v-749774] svg {
  width: 1.8rem;
  height: 1.8rem;
}

.login-wrapper .form form .form-submit[data-v-749774] {
  margin: 1.5rem 0;
  display: flex;
}

.login-wrapper .form form .form-submit button[data-v-749774] {
  color: #000;
  border: .1rem solid var(--companyLine);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  border-radius: .1rem;
  outline: none;
  min-width: 25rem;
  height: 6rem;
  padding: 0 2.5rem;
  font-size: 1.4rem;
  font-weight: 500;
  transition: all .75s;
}

.login-wrapper .form form .form-submit button[data-v-749774]:hover, .login-wrapper .form form .form-submit button[data-v-749774]:focus {
  border: .1rem solid #fff;
}

.login-wrapper .form form .form-ctas[data-v-749774] {
  justify-content: space-between;
  padding-top: 3rem;
  display: flex;
}

.login-wrapper .form form .form-ctas button[data-v-749774] {
  color: #000;
  border: .1rem solid var(--companyLine);
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-color: #fff;
  border-radius: .1rem;
  outline: none;
  flex: 0 0 49%;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  height: 6rem;
  padding: 0 2.5rem;
  font-size: 1.4rem;
  font-weight: 500;
  transition: all .75s;
  display: flex;
}

.login-wrapper .form form .form-ctas button[data-v-749774]:hover, .login-wrapper .form form .form-ctas button[data-v-749774]:focus {
  border: .1rem solid #fff;
}

.login-wrapper .form form .form-ctas button .symbol[data-v-749774] svg {
  width: 1.5rem;
  height: 1.5rem;
}

.login-wrapper .form form .form-ctas button .symbol[data-v-749774] svg path {
  fill: #fff;
}

.login-wrapper .form form .form-ctas button.form-ctas-request[data-v-749774] {
  color: var(--subTextColorOnCompanyColor);
  border: .1rem solid var(--companyLine);
  background-color: var(--companyColor);
  justify-content: center;
  align-items: center;
  display: flex;
}

.login-wrapper .form form .form-ctas button.form-ctas-request[data-v-749774]:hover, .login-wrapper .form form .form-ctas button.form-ctas-request[data-v-749774]:focus {
  border: .1rem solid var(--companyColor);
}

.login-wrapper .form form .form-ctas button.form-ctas-request .symbol[data-v-749774] svg path {
  fill: var(--subTextColorOnCompanyColor);
}

.login-wrapper input#welcome_login_toggle[data-v-749774] {
  display: none !important;
}

.login-wrapper input#welcome_login_toggle:checked ~ .form[data-v-749774], .login-wrapper input#welcome_login_toggle:checked ~ .user-menu[data-v-749774] {
  pointer-events: auto;
  transform: translate(0, -100%);
}

.login-wrapper input#welcome_login_toggle:checked ~ .form form[data-v-749774], .login-wrapper input#welcome_login_toggle:checked ~ .form .user-menu-items[data-v-749774], .login-wrapper input#welcome_login_toggle:checked ~ .user-menu form[data-v-749774], .login-wrapper input#welcome_login_toggle:checked ~ .user-menu .user-menu-items[data-v-749774] {
  opacity: 1;
}

.login-wrapper input#welcome_login_toggle:checked ~ .form[data-v-749774] {
  border-top-width: 0 !important;
}

.login-wrapper input#welcome_login_toggle:checked ~ .trigger label[data-v-749774] {
  border-top: .1rem solid var(--companyLine);
}

.login-wrapper input#welcome_login_toggle:checked ~ .trigger label.hide span.close[data-v-749774], .login-wrapper input#welcome_login_toggle:checked ~ .trigger label span.login[data-v-749774], .login-wrapper input#welcome_login_toggle:checked ~ .trigger label span.user[data-v-749774] {
  opacity: 0;
  transform: translate(-50%, -200%);
}

.login-wrapper input#welcome_login_toggle:checked ~ .trigger label span.close[data-v-749774] {
  opacity: 1;
  transform: translate(-50%, -40%);
}

.fade-enter-active[data-v-749774], .fade-leave-active[data-v-749774] {
  transition: opacity 1s;
}

.fade-enter[data-v-749774], .fade-leave-to[data-v-749774] {
  opacity: 0;
}

.displayAsBlock[data-v-749774] {
  display: block !important;
}

.login_heading[data-v-749774] {
  font-size: 2.3rem;
  line-height: 2rem;
}

.login_heading .symbol[data-v-749774] {
  float: left;
  width: 2rem;
  height: 2rem;
  margin-right: 1.5rem;
}

.login_heading .symbol[data-v-749774] svg {
  width: 100%;
  height: 100%;
}

.login_heading .symbol[data-v-749774] svg path {
  fill: #fff;
}

.login .error[data-v-749774] {
  margin: 2.5% 0;
}

.form[data-v-749774] {
  border-color: #000 !important;
}

.form form[data-v-749774] {
  margin-top: initial;
  margin-left: auto;
  margin-right: auto;
  padding: 0 !important;
}

.form form .fullname[data-v-749774] {
  display: flow-root;
}

.form form .fullname input[data-v-749774] {
  color: #000;
}

.form form .fullname input[data-v-749774]:first-child {
  float: left;
  width: 40% !important;
}

.form form .fullname input[data-v-749774]:last-child {
  float: right;
  width: 57% !important;
}

.form form .form-submit-next[data-v-749774] {
  width: 100%;
  color: #fff !important;
  background: var(--companyBtn) !important;
}

.form form p.page-label[data-v-749774] {
  margin-top: -2rem;
  padding-bottom: 1rem;
}

.form form .form-submit-page2 > div[data-v-749774] {
  width: 100%;
}

.form form .form-submit-page2 > div button[data-v-749774] {
  float: left;
  background: var(--companyColor) !important;
  color: #fff !important;
  width: 49% !important;
  min-width: 45% !important;
}

.form form .form-submit-page2 > div button[data-v-749774]:last-child {
  float: right;
  color: #fff !important;
  background: var(--companyBtn) !important;
}

.form form .ddl[data-v-749774] {
  color: #8c8c8c;
  letter-spacing: .025rem;
  background: #fafafa;
  border: .1rem solid #eaeaea;
  border-radius: .2rem;
  width: 100%;
  padding: 2rem 2.5rem;
  font-size: 1.4rem;
  display: block;
}

.form form .ddl[data-v-749774]:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 9999rem #fafafa;
}

.form form .ddl[data-v-749774]:-webkit-autofill {
  -webkit-text-fill-color: #8c8c8c !important;
}

.form form .ddl[data-v-749774]:disabled {
  opacity: .6;
}

.form form .ddl select[data-v-749774] {
  color: #8c8c8c;
  letter-spacing: .025rem;
  background: #fafafa;
  border: none;
  width: 100%;
  font-size: 1.4rem;
}

.form form .ddl select option[data-v-749774]:first-child {
  color: #b5b5b5 !important;
}

.form form .ddl select[data-v-749774]:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 9999rem #fafafa;
}

.form form .ddl select[data-v-749774]:-webkit-autofill {
  -webkit-text-fill-color: #8c8c8c !important;
}

.form form .ddl select[data-v-749774]:disabled {
  opacity: .6;
}

.form form .form-ctas-submit[data-v-749774] {
  color: #fff !important;
  background: var(--companyBtn) !important;
  width: 100% !important;
}

.form form .white[data-v-749774] {
  color: #000 !important;
  background: #fff !important;
}

.form form .white[data-v-749774]::placeholder {
  opacity: 1;
  color: #b5b5b5 !important;
}

.form form .white[data-v-749774]:-ms-input-placeholder {
  color: #b5b5b5 !important;
}

.form form .white[data-v-749774]::-moz-placeholder {
  color: #b5b5b5 !important;
}

form.requestaccess[data-v-749774] {
  padding-top: 1rem !important;
}

form.requestaccess .error[data-v-749774] {
  margin-top: 2.5% !important;
  margin-bottom: 5% !important;
}

form.requestaccess .form-submit[data-v-749774] {
  margin: 1rem 0 1.5rem !important;
}

form.requestaccess .form-submit button[data-v-749774] {
  margin-top: 1rem;
}

[data-v-7e11e4]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-7e11e4] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-7e11e4] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-7e11e4] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-7e11e4] {
  font-size: 1.4rem;
}

.label--small[data-v-7e11e4] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-7e11e4] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-7e11e4] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-7e11e4] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-7e11e4] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-7e11e4] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-7e11e4] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-7e11e4] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-7e11e4] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-7e11e4]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-7e11e4] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-7e11e4], .fade-leave-active[data-v-7e11e4] {
  transition: opacity .3s;
}

.fade-enter[data-v-7e11e4], .fade-leave-to[data-v-7e11e4] {
  opacity: 0;
}

.dot[data-v-7e11e4] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-7e11e4] {
  display: none !important;
}

.invisible[data-v-7e11e4] {
  opacity: 0;
}

.mobile-add-collection[data-v-7e11e4] {
  flex-direction: column;
  flex: 2;
  display: flex;
}

[data-v-d98979]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-d98979] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-d98979] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-d98979] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-d98979] {
  font-size: 1.4rem;
}

.label--small[data-v-d98979] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-d98979] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-d98979] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-d98979] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-d98979] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-d98979] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-d98979] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-d98979] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-d98979] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-d98979]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-d98979] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-d98979], .fade-leave-active[data-v-d98979] {
  transition: opacity .3s;
}

.fade-enter[data-v-d98979], .fade-leave-to[data-v-d98979] {
  opacity: 0;
}

.dot[data-v-d98979] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-d98979] {
  display: none !important;
}

.invisible[data-v-d98979] {
  opacity: 0;
}

.mobile-add-folder[data-v-d98979] {
  flex-direction: column;
  flex: 2;
  display: flex;
}

[data-v-def171]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-def171] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-def171] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-def171] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-def171] {
  font-size: 1.4rem;
}

.label--small[data-v-def171] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-def171] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-def171] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-def171] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-def171] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-def171] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-def171] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-def171] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-def171] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-def171]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-def171] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-def171], .fade-leave-active[data-v-def171] {
  transition: opacity .3s;
}

.fade-enter[data-v-def171], .fade-leave-to[data-v-def171] {
  opacity: 0;
}

.dot[data-v-def171] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-def171] {
  display: none !important;
}

.invisible[data-v-def171] {
  opacity: 0;
}

.mobile-empty[data-v-def171] {
  background-color: #fff;
  flex-direction: column;
  flex: 2;
  display: flex;
}

.mobile-empty__content[data-v-def171] {
  flex-direction: column-reverse;
  flex: 2;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  padding: 0 4rem;
  display: flex;
}

.mobile-empty__header[data-v-def171] {
  flex-direction: column;
  gap: .5rem;
  display: flex;
}

.mobile-empty__title[data-v-def171] {
  text-align: center;
}

.mobile-empty__text[data-v-def171] {
  text-align: center;
  color: #b5b5b5;
}

[data-v-6df5aa]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-6df5aa] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-6df5aa] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-6df5aa] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-6df5aa] {
  font-size: 1.4rem;
}

.label--small[data-v-6df5aa] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-6df5aa] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-6df5aa] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-6df5aa] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-6df5aa] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-6df5aa] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-6df5aa] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-6df5aa] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-6df5aa] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-6df5aa]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-6df5aa] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-6df5aa], .fade-leave-active[data-v-6df5aa] {
  transition: opacity .3s;
}

.fade-enter[data-v-6df5aa], .fade-leave-to[data-v-6df5aa] {
  opacity: 0;
}

.dot[data-v-6df5aa] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-6df5aa] {
  display: none !important;
}

.invisible[data-v-6df5aa] {
  opacity: 0;
}

.mobile-page[data-v-6df5aa] {
  height: calc(var(--vh, 1vh) * 100);
  flex-direction: column;
  display: flex;
  position: relative;
}

.mobile-page__wrapper[data-v-6df5aa] {
  height: calc(var(--vh, 1vh) * 100 - 6rem);
  flex-direction: column;
  flex: 2;
  display: flex;
  position: relative;
}

.mobile-page__content[data-v-6df5aa] {
  flex-direction: column;
  flex: 2;
  height: 100%;
  display: flex;
  position: relative;
}

.mobile-page__scrollable-content[data-v-6df5aa] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: auto;
}

[data-v-e18c99]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-e18c99] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-e18c99] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-e18c99] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-e18c99] {
  font-size: 1.4rem;
}

.label--small[data-v-e18c99] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-e18c99] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-e18c99] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-e18c99] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-e18c99] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-e18c99] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-e18c99] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-e18c99] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-e18c99] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-e18c99]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-e18c99] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-e18c99], .fade-leave-active[data-v-e18c99] {
  transition: opacity .3s;
}

.fade-enter[data-v-e18c99], .fade-leave-to[data-v-e18c99] {
  opacity: 0;
}

.dot[data-v-e18c99] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-e18c99] {
  display: none !important;
}

.invisible[data-v-e18c99] {
  opacity: 0;
}

.mobile-tags[data-v-e18c99] {
  flex-direction: column;
  flex: 2;
  display: flex;
}

[data-v-b21d3f]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-b21d3f] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-b21d3f] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-b21d3f] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-b21d3f] {
  font-size: 1.4rem;
}

.label--small[data-v-b21d3f] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-b21d3f] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-b21d3f] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-b21d3f] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-b21d3f] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-b21d3f] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-b21d3f] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-b21d3f] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-b21d3f] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-b21d3f]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-b21d3f] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-b21d3f], .fade-leave-active[data-v-b21d3f] {
  transition: opacity .3s;
}

.fade-enter[data-v-b21d3f], .fade-leave-to[data-v-b21d3f] {
  opacity: 0;
}

.dot[data-v-b21d3f] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-b21d3f] {
  display: none !important;
}

.invisible[data-v-b21d3f] {
  opacity: 0;
}

.move-file[data-v-b21d3f] {
  flex-direction: column;
  flex: 2;
  display: flex;
}

.move-file__move-section .symbol[data-v-b21d3f] {
  width: initial;
  height: initial;
  display: flex;
}

.move-file__move-section > p[data-v-b21d3f] {
  color: #b5b5b5;
  letter-spacing: .25px;
  margin-bottom: 12px;
  font-size: 14px;
}

.move-file__move-section .head[data-v-b21d3f] {
  align-items: center;
  margin-bottom: 10px;
  display: flex;
}

.move-file__move-section .head .back[data-v-b21d3f] {
  cursor: pointer;
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  width: 28px;
  height: 28px;
  margin-right: 15px;
  display: flex;
}

.move-file__move-section .head p[data-v-b21d3f] {
  color: #000;
  letter-spacing: .25px;
  margin-left: 12px;
  font-size: 16px;
  font-weight: 500;
}

.move-file__move-section ul.folders[data-v-b21d3f] {
  background-color: #fafafa;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  height: 40vh;
  overflow: auto;
}

.move-file__move-section ul.folders li[data-v-b21d3f] {
  cursor: pointer;
  border-bottom: 1px solid #eaeaea;
  justify-content: space-between;
  align-items: center;
  height: 57px;
  padding: 0 24px;
  display: flex;
}

.move-file__move-section ul.folders li[data-v-b21d3f]:hover {
  background-color: #fff;
}

.move-file__move-section ul.folders li .left[data-v-b21d3f] {
  align-items: center;
  display: flex;
}

.move-file__move-section ul.folders li .left p[data-v-b21d3f] {
  margin-left: 10px;
}

[data-v-b1b910]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-b1b910] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-b1b910] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-b1b910] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-b1b910] {
  font-size: 1.4rem;
}

.label--small[data-v-b1b910] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-b1b910] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-b1b910] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-b1b910] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-b1b910] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-b1b910] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-b1b910] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-b1b910] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-b1b910] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-b1b910]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-b1b910] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-b1b910], .fade-leave-active[data-v-b1b910] {
  transition: opacity .3s;
}

.fade-enter[data-v-b1b910], .fade-leave-to[data-v-b1b910] {
  opacity: 0;
}

.dot[data-v-b1b910] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-b1b910] {
  display: none !important;
}

.invisible[data-v-b1b910] {
  opacity: 0;
}

#overlay[data-v-b1b910] {
  background-color: #0000;
  position: fixed;
  inset: 0;
}

.company-logo[data-v-b1b910] {
  align-items: center;
  height: 100%;
  display: flex;
}

.company-logo img[data-v-b1b910] {
  object-fit: contain;
  width: auto;
  height: 3.5rem;
}

.company-logo .symbol[data-v-b1b910] svg {
  width: auto;
  height: 3.5rem;
}

.user-menu-item[data-v-b1b910] svg * {
  fill: var(--companyColor) !important;
  transition: fill .1s !important;
}

.user-menu-item[data-v-b1b910]:hover svg *, .user-menu-item a[data-v-b1b910]:hover svg * {
  fill: #fff !important;
  transition: fill .1s !important;
}

.user-menu-item .symbol[data-v-b1b910] {
  height: inherit;
  width: inherit;
}

.user-menu-item .symbol[data-v-b1b910] svg {
  width: auto !important;
  height: auto !important;
}

.billing svg [data-v-b1b910], .billing:hover svg [data-v-b1b910], .billing a:hover svg [data-v-b1b910] {
  transition: stroke .4s !important;
}

[data-v-277a4a]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-277a4a] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-277a4a] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-277a4a] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-277a4a] {
  font-size: 1.4rem;
}

.label--small[data-v-277a4a] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-277a4a] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-277a4a] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-277a4a] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-277a4a] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-277a4a] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-277a4a] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-277a4a] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-277a4a] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-277a4a]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-277a4a] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-277a4a], .fade-leave-active[data-v-277a4a] {
  transition: opacity .3s;
}

.fade-enter[data-v-277a4a], .fade-leave-to[data-v-277a4a] {
  opacity: 0;
}

.dot[data-v-277a4a] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-277a4a] {
  display: none !important;
}

.invisible[data-v-277a4a] {
  opacity: 0;
}

.overlay-page[data-v-277a4a] {
  z-index: 50;
  background-color: #f6f5f5;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.overlay-page--open[data-v-277a4a] {
  pointer-events: all;
}

.overlay-page__header[data-v-277a4a] {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  transform: translateY(-100%);
}

.overlay-page__wrapper[data-v-277a4a] {
  flex-direction: column;
  height: 100%;
  display: flex;
  position: relative;
  overflow: auto;
}

[data-v-b3e293]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-b3e293] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-b3e293] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-b3e293] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-b3e293] {
  font-size: 1.4rem;
}

.label--small[data-v-b3e293] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-b3e293] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-b3e293] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-b3e293] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-b3e293] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-b3e293] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-b3e293] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-b3e293] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-b3e293] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-b3e293]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-b3e293] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-b3e293], .fade-leave-active[data-v-b3e293] {
  transition: opacity .3s;
}

.fade-enter[data-v-b3e293], .fade-leave-to[data-v-b3e293] {
  opacity: 0;
}

.dot[data-v-b3e293] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-b3e293] {
  display: none !important;
}

.invisible[data-v-b3e293] {
  opacity: 0;
}

.pane-content[data-v-b3e293] {
  flex-direction: column;
  flex: 2;
  display: flex;
  position: relative;
  overflow: hidden;
}

.splitpanes {
  width: 100%;
  height: 100%;
  display: flex;
}

.splitpanes--vertical {
  flex-direction: row;
}

.splitpanes--horizontal {
  flex-direction: column;
}

.splitpanes--dragging * {
  -webkit-user-select: none;
  user-select: none;
}

.splitpanes__pane {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.splitpanes--vertical .splitpanes__pane {
  -o-transition: width .2s ease-out;
  transition: width .2s ease-out;
}

.splitpanes--horizontal .splitpanes__pane {
  -o-transition: height .2s ease-out;
  transition: height .2s ease-out;
}

.splitpanes--dragging .splitpanes__pane {
  -o-transition: none;
  transition: none;
}

.splitpanes__splitter {
  -ms-touch-action: none;
  touch-action: none;
}

.splitpanes--vertical > .splitpanes__splitter {
  cursor: col-resize;
  min-width: 1px;
}

.splitpanes--horizontal > .splitpanes__splitter {
  cursor: row-resize;
  min-height: 1px;
}

.splitpanes.default-theme .splitpanes__pane {
  background-color: #f2f2f2;
}

.splitpanes.default-theme .splitpanes__splitter {
  box-sizing: border-box;
  background-color: #fff;
  flex-shrink: 0;
  position: relative;
}

.splitpanes.default-theme .splitpanes__splitter:before, .splitpanes.default-theme .splitpanes__splitter:after {
  content: "";
  -o-transition: background-color .3s;
  background-color: #00000026;
  transition: background-color .3s;
  position: absolute;
  top: 50%;
  left: 50%;
}

.splitpanes.default-theme .splitpanes__splitter:hover:before, .splitpanes.default-theme .splitpanes__splitter:hover:after {
  background-color: #00000040;
}

.splitpanes.default-theme .splitpanes__splitter:first-child {
  cursor: auto;
}

.default-theme.splitpanes .splitpanes .splitpanes__splitter {
  z-index: 1;
}

.default-theme.splitpanes--vertical > .splitpanes__splitter, .default-theme .splitpanes--vertical > .splitpanes__splitter {
  border-left: 1px solid #eee;
  width: 7px;
  margin-left: -1px;
}

.default-theme.splitpanes--vertical > .splitpanes__splitter:before, .default-theme.splitpanes--vertical > .splitpanes__splitter:after, .default-theme .splitpanes--vertical > .splitpanes__splitter:before, .default-theme .splitpanes--vertical > .splitpanes__splitter:after {
  width: 1px;
  height: 30px;
  transform: translateY(-50%);
}

.default-theme.splitpanes--vertical > .splitpanes__splitter:before, .default-theme .splitpanes--vertical > .splitpanes__splitter:before {
  margin-left: -2px;
}

.default-theme.splitpanes--vertical > .splitpanes__splitter:after, .default-theme .splitpanes--vertical > .splitpanes__splitter:after {
  margin-left: 1px;
}

.default-theme.splitpanes--horizontal > .splitpanes__splitter, .default-theme .splitpanes--horizontal > .splitpanes__splitter {
  border-top: 1px solid #eee;
  height: 7px;
  margin-top: -1px;
}

.default-theme.splitpanes--horizontal > .splitpanes__splitter:before, .default-theme.splitpanes--horizontal > .splitpanes__splitter:after, .default-theme .splitpanes--horizontal > .splitpanes__splitter:before, .default-theme .splitpanes--horizontal > .splitpanes__splitter:after {
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  width: 30px;
  height: 1px;
  transform: translate(-50%);
}

.default-theme.splitpanes--horizontal > .splitpanes__splitter:before, .default-theme .splitpanes--horizontal > .splitpanes__splitter:before {
  margin-top: -2px;
}

.default-theme.splitpanes--horizontal > .splitpanes__splitter:after, .default-theme .splitpanes--horizontal > .splitpanes__splitter:after {
  margin-top: 1px;
}

[data-v-e25654]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-e25654] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-e25654] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-e25654] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-e25654] {
  font-size: 1.4rem;
}

.label--small[data-v-e25654] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-e25654] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-e25654] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-e25654] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-e25654] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-e25654] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-e25654] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-e25654] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-e25654] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-e25654]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-e25654] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-e25654], .fade-leave-active[data-v-e25654] {
  transition: opacity .3s;
}

.fade-enter[data-v-e25654], .fade-leave-to[data-v-e25654] {
  opacity: 0;
}

.dot[data-v-e25654] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-e25654] {
  display: none !important;
}

.invisible[data-v-e25654] {
  opacity: 0;
}

.pane-holder[data-v-e25654] {
  width: 100%;
  height: 100%;
  display: flex;
}

.pane-holder__content[data-v-e25654] {
  flex-direction: column;
  flex: 2;
  height: 100%;
  display: flex;
}

[data-v-e25654] .splitpanes__splitter {
  z-index: 5;
  position: relative;
}

.splitpanes .splitpanes__pane[data-v-e25654] {
  height: auto;
  transition: none;
}

.splitpanes .pane-holder__fill[data-v-e25654] {
  flex: 2;
}

[data-v-e25654] .splitpanes__splitter:before {
  content: "";
  transition: all .4s;
  position: absolute;
  inset: 0;
}

.splitpanes--vertical[data-v-e25654] > .splitpanes__splitter:before {
  left: -1rem;
  right: -1rem;
}

.splitpanes--horizontal[data-v-e25654] > .splitpanes__splitter:before {
  top: -1rem;
  bottom: -1rem;
}

[data-v-e5edac]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-e5edac] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-e5edac] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-e5edac] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-e5edac] {
  font-size: 1.4rem;
}

.label--small[data-v-e5edac] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-e5edac] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-e5edac] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-e5edac] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-e5edac] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-e5edac] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-e5edac] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-e5edac] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-e5edac] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-e5edac]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-e5edac] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-e5edac], .fade-leave-active[data-v-e5edac] {
  transition: opacity .3s;
}

.fade-enter[data-v-e5edac], .fade-leave-to[data-v-e5edac] {
  opacity: 0;
}

.dot[data-v-e5edac] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-e5edac] {
  display: none !important;
}

.invisible[data-v-e5edac] {
  opacity: 0;
}

input[type="file"][data-v-e5edac] {
  position: absolute;
  top: -500px;
}

div.file-listing[data-v-e5edac] {
  width: 200px;
}

span.remove-file[data-v-e5edac] {
  color: red;
  cursor: pointer;
  float: right;
}

@keyframes ellipsis-data-v-e5edac {
  to {
    width: 1.25em;
  }
}

#quicktransfer[data-v-e5edac] {
  flex-direction: column;
  justify-content: center;
  width: 90%;
  max-width: 475px;
  min-height: 100vh;
  margin: 0 auto;
  padding: 50px 0;
  display: flex;
  position: relative;
}

#quicktransfer .fade-enter-active[data-v-e5edac], #quicktransfer .fade-leave-active[data-v-e5edac] {
  transition: opacity 1s;
}

#quicktransfer .fade-enter[data-v-e5edac], #quicktransfer .fade-leave-to[data-v-e5edac] {
  opacity: 0;
}

#quicktransfer .createspace-title[data-v-e5edac] {
  justify-content: center;
  align-items: center;
  margin: 0 0 35px;
  display: flex;
}

#quicktransfer .createspace-title .title[data-v-e5edac] {
  gap: 1.5rem;
  display: flex;
}

#quicktransfer .createspace-title .title .symbol[data-v-e5edac] svg {
  height: 100%;
}

#quicktransfer .createspace-title h2[data-v-e5edac] {
  flex: auto;
  font-size: 2.4rem;
  font-weight: 400;
}

#quicktransfer .createspace-title h3[data-v-e5edac] {
  text-align: right;
  color: #000;
  letter-spacing: .22px;
  flex: auto;
  font-size: 1.4rem;
}

#quicktransfer .createspace-title h3 span[data-v-e5edac] {
  color: #8c8c8c;
  letter-spacing: .25px;
  margin-left: 1rem;
}

#quicktransfer main .step[data-v-e5edac] {
  width: 100%;
}

#quicktransfer main .step.upload-form form .dropbox[data-v-e5edac] {
  box-sizing: content-box;
  cursor: pointer;
  background-color: #fff;
  border-style: double;
  border-width: 1px;
  border-image: url("../../../../img/border-dashed.png") 1 repeat;
  border-radius: 3px;
  flex-direction: column;
  justify-content: center;
  min-height: 290px;
  padding: 0 0 0 10px;
  transition: background-color .3s;
  display: flex;
  position: relative;
}

#quicktransfer main .step.upload-form form .dropbox[data-v-e5edac]:hover {
  background-color: #fafafa;
}

#quicktransfer main .step.upload-form form .dropbox:hover .body > .symbol[data-v-e5edac] {
  transform: scale(1.05);
}

#quicktransfer main .step.upload-form form .dropbox > .container[data-v-e5edac] {
  width: 90%;
  max-width: 400px;
  margin: 0 auto;
  padding: 30px 0 40px;
}

#quicktransfer main .step.upload-form form .dropbox > .container input[type="file"][data-v-e5edac] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

#quicktransfer main .step.upload-form form .dropbox > .container .files-list[data-v-e5edac] {
  -webkit-user-select: none;
  user-select: none;
  cursor: initial;
  max-height: 200px;
  margin: 0 0 30px;
  padding: 0 10px 0 0;
  overflow-y: scroll;
}

#quicktransfer main .step.upload-form form .dropbox > .container .files-list[data-v-e5edac]::-webkit-scrollbar {
  width: 10px;
}

#quicktransfer main .step.upload-form form .dropbox > .container .files-list[data-v-e5edac]::-webkit-scrollbar-thumb {
  background-color: var(--lightBtnDisabled);
}

#quicktransfer main .step.upload-form form .dropbox > .container .files-list .file-listing[data-v-e5edac] {
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 5px 0;
  display: inline-flex;
}

#quicktransfer main .step.upload-form form .dropbox > .container .files-list .file-listing + .file-listing[data-v-e5edac] {
  border-top: 1px solid #eaeaea;
}

#quicktransfer main .step.upload-form form .dropbox > .container .files-list .file-listing .filename[data-v-e5edac] {
  flex: 0 100%;
  align-items: flex-end;
  padding: 5px 0 6px;
  font-size: 1.4rem;
  display: flex;
}

#quicktransfer main .step.upload-form form .dropbox > .container .files-list .file-listing .filename .name[data-v-e5edac] {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: none;
  max-width: 220px;
  overflow: hidden;
}

#quicktransfer main .step.upload-form form .dropbox > .container .files-list .file-listing .filename .extention[data-v-e5edac] {
  color: #8c8c8c;
  text-transform: uppercase;
  letter-spacing: .5pt;
  font-size: 1rem;
  font-weight: 700;
}

#quicktransfer main .step.upload-form form .dropbox > .container .files-list .file-listing .filesize[data-v-e5edac] {
  color: #8c8c8c;
  flex-direction: row;
  flex: 0 100%;
  justify-content: flex-end;
  padding: 5px 0 6px;
  font-size: 1.4rem;
  display: flex;
}

#quicktransfer main .step.upload-form form .dropbox > .container .files-list .file-listing .remove-file[data-v-e5edac] {
  cursor: pointer;
  flex: none;
  margin: 0 0 0 5px;
  padding: 5px;
}

#quicktransfer main .step.upload-form form .dropbox > .container .files-list .file-listing .remove-file .button[data-v-e5edac] {
  background-color: #0000;
  border: 1px solid #eaeaea;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 21px;
  height: 21px;
  transition: all .3s;
  display: flex;
}

#quicktransfer main .step.upload-form form .dropbox > .container .files-list .file-listing .remove-file .button .symbol[data-v-e5edac] {
  justify-content: center;
  width: 9px;
  height: 9px;
  display: flex;
}

#quicktransfer main .step.upload-form form .dropbox > .container .files-list .file-listing .remove-file .button .symbol svg[data-v-e5edac] {
  width: auto;
  height: auto;
}

#quicktransfer main .step.upload-form form .dropbox > .container .files-list .file-listing .remove-file .button .symbol svg path[data-v-e5edac] {
  fill: #8c8c8c;
  transition: fill .3s;
}

#quicktransfer main .step.upload-form form .dropbox > .container .files-list .file-listing .remove-file:hover .button[data-v-e5edac] {
  background-color: #000;
  border: 1px solid #000;
}

#quicktransfer main .step.upload-form form .dropbox > .container .files-list .file-listing .remove-file:hover .button .symbol svg path[data-v-e5edac] {
  fill: #fff;
}

#quicktransfer main .step.upload-form form .dropbox > .container .body[data-v-e5edac] {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  display: flex;
}

#quicktransfer main .step.upload-form form .dropbox > .container .body .symbol[data-v-e5edac] {
  margin: 0 20px 0 0;
  transition: transform .3s;
  display: block;
}

#quicktransfer main .step.upload-form form .dropbox > .container .body .symbol[data-v-e5edac] svg path {
  fill: var(--companyIconFade);
}

#quicktransfer main .step.upload-form form .dropbox > .container .body .container h3[data-v-e5edac] {
  color: #8c8c8c;
  font-weight: 400;
}

#quicktransfer main .step.upload-form form .dropbox > .container .body .container p[data-v-e5edac] {
  color: #b5b5b5;
  margin: 5px 0 0;
  font-size: 1.4rem;
}

#quicktransfer main .step.upload-form form .form-submit[data-v-e5edac] {
  border-radius: 2px;
  margin: 10px 0 0;
}

#quicktransfer main .step.upload-form form .error-list[data-v-e5edac] {
  width: 100%;
}

#quicktransfer main .step.upload-form form .error-list li[data-v-e5edac] {
  color: #df3535;
  background-color: #fafafa;
  border: 1px solid #eaeaea;
  border-radius: 2px;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin: 10px 0 0;
  padding: 1.5rem 2rem;
  font-size: 1.4rem;
  display: flex;
}

#quicktransfer main .step.upload-form form .error-list li svg[data-v-e5edac] {
  margin-right: 1rem;
}

#quicktransfer main .step.uploading .box[data-v-e5edac] {
  background-color: #fff;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  flex-direction: row;
  justify-content: center;
  padding: 70px 0;
  display: flex;
}

#quicktransfer main .step.uploading .box > .container[data-v-e5edac], #quicktransfer main .step.uploading .box > .container .uploadbubble[data-v-e5edac] {
  position: relative;
}

#quicktransfer main .step.uploading .box > .container .uploadbubble .completeText[data-v-e5edac] {
  transition: all .5s;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(55%, -50%);
}

#quicktransfer main .step.uploading .box > .container .uploadbubble .completeText p[data-v-e5edac] {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

#quicktransfer main .step.uploading .box > .container .uploadbubble .completeText p span[data-v-e5edac] {
  color: #000;
  letter-spacing: -1pt;
  font-size: 4.8rem;
  font-weight: 500;
  display: block;
}

#quicktransfer main .step.uploading .box > .container .uploadbubble .completeText p small[data-v-e5edac] {
  color: #b5b5b5;
  margin: 0 0 0 3px;
  font-size: 1.76rem;
  font-weight: 500;
  position: relative;
  top: 7px;
}

#quicktransfer main .step.uploading .box > .container .uploadtext[data-v-e5edac] {
  text-align: center;
  color: var(--companyIconFade);
  flex-direction: row;
  justify-content: center;
  margin: 20px 0 0;
  display: flex;
}

#quicktransfer main .step.uploading .box > .container .uploadtext span[data-v-e5edac] {
  position: relative;
}

#quicktransfer main .step.uploading .box > .container .uploadtext span[data-v-e5edac]:after {
  vertical-align: bottom;
  content: "…";
  width: 0;
  padding: 0 0 0 5px;
  animation: .9s steps(4, end) infinite ellipsis-data-v-e5edac;
  display: inline-block;
  position: absolute;
  bottom: 3px;
  left: 100%;
  overflow: hidden;
}

#quicktransfer main .step.upload-complete form .box[data-v-e5edac] {
  background-color: #fff;
  border: 1px solid #eaeaea;
  border-radius: 3px;
  padding: 50px 0;
}

#quicktransfer main .step.upload-complete form .box > .container[data-v-e5edac] {
  width: 90%;
  max-width: 330px;
  margin: 0 auto;
}

#quicktransfer main .step.upload-complete form .box > .container .form-visual[data-v-e5edac] {
  flex-direction: column;
  align-items: center;
  margin: 0 0 40px;
  display: flex;
}

#quicktransfer main .step.upload-complete form .box > .container .form-visual .symbol[data-v-e5edac] {
  width: auto;
  height: auto;
}

#quicktransfer main .step.upload-complete form .box > .container .form-visual svg[data-v-e5edac] {
  display: block;
}

#quicktransfer main .step.upload-complete form .box > .container .form-visual p[data-v-e5edac] {
  margin: 15px 0 0;
}

#quicktransfer main .step.upload-complete form .box > .container .form-item[data-v-e5edac] {
  margin: 0 0 15px;
}

#quicktransfer main .step.upload-complete form .box > .container .form-item label[data-v-e5edac] {
  color: #b5b5b5;
  margin: 0 0 5px;
  font-size: 1.4rem;
  display: block;
}

#quicktransfer main .step.upload-complete form .box > .container .form-item .input-wrapper[data-v-e5edac] {
  width: 100%;
  position: relative;
}

#quicktransfer main .step.upload-complete form .box > .container .form-item .input-wrapper .symbol[data-v-e5edac] {
  position: absolute;
  top: 50%;
  left: 2.5rem;
  transform: translateY(-50%);
}

#quicktransfer main .step.upload-complete form .box > .container .form-item .input-wrapper .symbol[data-v-e5edac] svg {
  width: 2rem;
  height: 2rem;
}

#quicktransfer main .step.upload-complete form .box > .container .form-item .input-wrapper .symbol[data-v-e5edac] svg path {
  fill: #8c8c8c;
}

#quicktransfer main .step.upload-complete form .box > .container .form-item input[data-v-e5edac] {
  color: #000;
  background-color: #fafafa;
  border: 1px solid #eaeaea;
  outline: none;
  width: 100%;
  height: 70px;
  padding: 0 30px 0 60px;
  font-size: 1.4rem;
}

#quicktransfer main .step.upload-complete form .box > .container .form-item input.copy-link[data-v-e5edac] {
  text-overflow: ellipsis;
  color: #8c8c8c;
  cursor: pointer;
  padding: 0 30px;
  transition: color .3s, border-color .3s, background-color .3s;
}

#quicktransfer main .step.upload-complete form .box > .container .form-item input.copy-link[data-v-e5edac]:hover {
  color: #8c8c8c;
  background-color: #eaeaea;
  border-color: #eaeaea;
}

#quicktransfer main .step.upload-complete form .box > .container .form-item input[data-v-e5edac]::-webkit-input-placeholder {
  color: #b5b5b5;
}

#quicktransfer main .step.upload-complete form .box > .container .form-item input[data-v-e5edac]::placeholder {
  color: #b5b5b5;
}

#quicktransfer main .step.upload-complete form .box > .container .form-item input[data-v-e5edac]:-ms-input-placeholder {
  color: #b5b5b5;
}

#quicktransfer main .step.upload-complete form .box > .container .form-item input[data-v-e5edac]:-moz-placeholder {
  color: #b5b5b5;
}

#quicktransfer main .step.upload-complete form .box > .container .options[data-v-e5edac] {
  flex-direction: row;
  display: flex;
}

#quicktransfer main .step.upload-complete form .box > .container .options p[data-v-e5edac] {
  cursor: pointer;
  align-items: center;
  gap: 1rem;
  padding: .5rem;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
}

#quicktransfer main .step.upload-complete form .box > .container .options p .symbol[data-v-e5edac] svg {
  width: auto;
  height: 1.5rem;
}

#quicktransfer main .step.upload-complete form .box > .container span.error[data-v-e5edac] {
  color: #df3535;
  letter-spacing: .15px;
  background-color: #f6f5f5;
  border: 1px solid #f7d7d7;
  border-radius: 2px;
  align-items: center;
  gap: 1rem;
  width: 100%;
  margin: 6% auto 0;
  padding: 1.5rem 2rem;
  font-size: 14px;
  line-height: 19px;
  display: flex;
}

#quicktransfer main .step.upload-complete form .box > .container span.error .symbol[data-v-e5edac] svg {
  width: 2rem;
  height: 2rem;
}

#quicktransfer main .step.upload-complete form .box > .container span.error .symbol[data-v-e5edac] svg path {
  fill: #df3535;
}

#quicktransfer main .step.upload-complete form .box > .container small[data-v-e5edac] {
  text-align: center;
  color: #b5b5b5;
  width: 100%;
  margin: 10px auto;
  display: block;
}

#quicktransfer main .step.upload-complete form .box > .container .emails_Array[data-v-e5edac] {
  max-height: 250px;
  overflow-y: scroll;
}

#quicktransfer main .step.upload-complete form .box > .container .emails_Array p[data-v-e5edac] {
  text-align: center;
  text-overflow: ellipsis;
  margin-bottom: 5px;
  line-height: 17px;
  overflow: hidden;
}

#quicktransfer main .step.upload-complete form .form-submit[data-v-e5edac] {
  border-radius: 2px;
  margin: 10px 0 0;
}

[data-v-3479cc]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-3479cc] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-3479cc] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-3479cc] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-3479cc] {
  font-size: 1.4rem;
}

.label--small[data-v-3479cc] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-3479cc] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-3479cc] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-3479cc] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-3479cc] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-3479cc] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-3479cc] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-3479cc] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-3479cc] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-3479cc]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-3479cc] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-3479cc], .fade-leave-active[data-v-3479cc] {
  transition: opacity .3s;
}

.fade-enter[data-v-3479cc], .fade-leave-to[data-v-3479cc] {
  opacity: 0;
}

.dot[data-v-3479cc] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-3479cc] {
  display: none !important;
}

.invisible[data-v-3479cc] {
  opacity: 0;
}

.rename-collection[data-v-3479cc] {
  flex-direction: column;
  flex: 2;
  display: flex;
}

[data-v-f0ac5a]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-f0ac5a] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-f0ac5a] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-f0ac5a] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-f0ac5a] {
  font-size: 1.4rem;
}

.label--small[data-v-f0ac5a] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-f0ac5a] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-f0ac5a] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-f0ac5a] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-f0ac5a] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-f0ac5a] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-f0ac5a] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-f0ac5a] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-f0ac5a] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-f0ac5a]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-f0ac5a] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-f0ac5a], .fade-leave-active[data-v-f0ac5a] {
  transition: opacity .3s;
}

.fade-enter[data-v-f0ac5a], .fade-leave-to[data-v-f0ac5a] {
  opacity: 0;
}

.dot[data-v-f0ac5a] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-f0ac5a] {
  display: none !important;
}

.invisible[data-v-f0ac5a] {
  opacity: 0;
}

.rename-file[data-v-f0ac5a] {
  flex-direction: column;
  flex: 2;
  display: flex;
}

[data-v-75bbef]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-75bbef] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-75bbef] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-75bbef] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-75bbef] {
  font-size: 1.4rem;
}

.label--small[data-v-75bbef] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-75bbef] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-75bbef] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-75bbef] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-75bbef] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-75bbef] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-75bbef] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-75bbef] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-75bbef] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-75bbef]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-75bbef] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-75bbef], .fade-leave-active[data-v-75bbef] {
  transition: opacity .3s;
}

.fade-enter[data-v-75bbef], .fade-leave-to[data-v-75bbef] {
  opacity: 0;
}

.dot[data-v-75bbef] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-75bbef] {
  display: none !important;
}

.invisible[data-v-75bbef] {
  opacity: 0;
}

.right-sidebar[data-v-75bbef] {
  z-index: 50;
  background-color: #fff;
  border-left: .1rem solid #f0f0f0;
  width: 40rem;
  height: 100%;
  transition: transform .3s;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  overflow: hidden;
  transform: translateX(100%);
}

.right-sidebar__wrapper[data-v-75bbef] {
  width: 40rem;
  height: 100%;
  overflow: hidden;
}

.right-sidebar__content[data-v-75bbef] {
  flex-direction: column;
  justify-content: center;
  width: 40rem;
  height: 100%;
  padding-top: 7rem;
  padding-bottom: 1.5rem;
  display: flex;
  overflow: auto;
}

.right-sidebar__content > [data-v-75bbef]:first-child {
  max-height: 100%;
}

.right-sidebar__open-btn[data-v-75bbef] {
  z-index: 2147483647;
  justify-content: flex-end;
  display: flex;
  position: absolute;
  top: 1.5rem;
  left: 1.5rem;
  right: 1.5rem;
}

.right-sidebar--open[data-v-75bbef] {
  transform: translateX(0);
}

.right-sidebar--open-xl[data-v-75bbef] {
  width: 60rem;
  transform: translateX(0);
}

.right-sidebar--open-xl .right-sidebar__wrapper[data-v-75bbef], .right-sidebar--open-xl .right-sidebar__content[data-v-75bbef] {
  width: 60rem;
}

[data-v-c35369]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-c35369] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-c35369] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-c35369] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-c35369] {
  font-size: 1.4rem;
}

.label--small[data-v-c35369] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-c35369] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-c35369] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-c35369] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-c35369] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-c35369] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-c35369] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-c35369] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-c35369] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-c35369]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-c35369] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-c35369], .fade-leave-active[data-v-c35369] {
  transition: opacity .3s;
}

.fade-enter[data-v-c35369], .fade-leave-to[data-v-c35369] {
  opacity: 0;
}

.dot[data-v-c35369] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-c35369] {
  display: none !important;
}

.invisible[data-v-c35369] {
  opacity: 0;
}

.search-overlay[data-v-c35369] {
  z-index: 200;
  background-color: rgba(var(--companyColor), .5);
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow-y: hidden;
}

.search-overlay__close[data-v-c35369] {
  flex: 2;
}

[data-v-e37edc]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-e37edc] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-e37edc] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-e37edc] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-e37edc] {
  font-size: 1.4rem;
}

.label--small[data-v-e37edc] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-e37edc] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-e37edc] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-e37edc] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-e37edc] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-e37edc] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-e37edc] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-e37edc] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-e37edc] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-e37edc]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-e37edc] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-e37edc], .fade-leave-active[data-v-e37edc] {
  transition: opacity .3s;
}

.fade-enter[data-v-e37edc], .fade-leave-to[data-v-e37edc] {
  opacity: 0;
}

.dot[data-v-e37edc] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-e37edc] {
  display: none !important;
}

.invisible[data-v-e37edc] {
  opacity: 0;
}

.search-results[data-v-e37edc] {
  background-color: #fff;
  flex-direction: column;
  flex: 2;
  display: flex;
  overflow-y: hidden;
}

.search-results__tabs[data-v-e37edc] {
  border-bottom: .1rem solid #f2f2f2;
  display: flex;
}

.search-results__holder[data-v-e37edc] {
  flex: 2;
  overflow-y: auto;
}

[data-v-4ce861]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-4ce861] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-4ce861] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-4ce861] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-4ce861] {
  font-size: 1.4rem;
}

.label--small[data-v-4ce861] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-4ce861] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-4ce861] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-4ce861] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-4ce861] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-4ce861] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-4ce861] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-4ce861] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-4ce861] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-4ce861]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-4ce861] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-4ce861], .fade-leave-active[data-v-4ce861] {
  transition: opacity .3s;
}

.fade-enter[data-v-4ce861], .fade-leave-to[data-v-4ce861] {
  opacity: 0;
}

.dot[data-v-4ce861] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-4ce861] {
  display: none !important;
}

.invisible[data-v-4ce861] {
  opacity: 0;
}

[data-v-4c6fe8]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-4c6fe8] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-4c6fe8] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-4c6fe8] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-4c6fe8] {
  font-size: 1.4rem;
}

.label--small[data-v-4c6fe8] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-4c6fe8] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-4c6fe8] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-4c6fe8] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-4c6fe8] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-4c6fe8] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-4c6fe8] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-4c6fe8] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-4c6fe8] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-4c6fe8]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-4c6fe8] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-4c6fe8], .fade-leave-active[data-v-4c6fe8] {
  transition: opacity .3s;
}

.fade-enter[data-v-4c6fe8], .fade-leave-to[data-v-4c6fe8] {
  opacity: 0;
}

.dot[data-v-4c6fe8] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-4c6fe8] {
  display: none !important;
}

.invisible[data-v-4c6fe8] {
  opacity: 0;
}

.sidebar-edit-space[data-v-4c6fe8] {
  position: initial;
  background-color: #fff;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.sidebar-edit-space .maxCounter[data-v-4c6fe8] {
  color: #8c8c8c;
  margin: -3% 0 6%;
}

.sidebar-edit-space .error[data-v-4c6fe8] {
  color: #df3535;
  letter-spacing: .15px;
  background-color: #f6f5f5;
  border: 1px solid #f7d7d7;
  border-radius: 2px;
  gap: 2rem;
  width: 88%;
  margin: 0 auto 6%;
  padding: 1.5rem 2rem;
  font-size: 14px;
  line-height: 19px;
  display: flex;
}

.sidebar-edit-space .error .symbol[data-v-4c6fe8] svg {
  width: 2rem;
  height: 2rem;
}

.sidebar-edit-space .error .symbol[data-v-4c6fe8] svg path {
  fill: #df3535;
}

.sidebar-edit-space > .container[data-v-4c6fe8] {
  width: 90%;
  margin: 0 auto;
}

.sidebar-edit-space > .container header[data-v-4c6fe8] {
  align-items: center;
  margin-bottom: 1.5rem;
  display: flex;
}

.sidebar-edit-space > .container header .symbol[data-v-4c6fe8] svg {
  width: 3rem;
  height: 2.4rem;
}

.sidebar-edit-space > .container header .symbol[data-v-4c6fe8] svg path {
  fill: #8c8c8c;
}

.sidebar-edit-space > .container header h3[data-v-4c6fe8] {
  color: #8c8c8c;
  letter-spacing: .32px;
  margin-top: 3px;
  margin-left: 1rem;
  font-size: 1.8rem;
}

.sidebar-edit-space > .container form[data-v-4c6fe8] {
  background-color: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  padding: 6%;
}

.sidebar-edit-space > .container form input[data-v-4c6fe8], .sidebar-edit-space > .container form textarea[data-v-4c6fe8] {
  color: #b5b5b5;
  letter-spacing: .25px;
  background-color: #fafafa;
  border: 1px solid #eaeaea;
  outline: none;
  width: 100%;
  margin: 0 auto 6%;
  padding: 2.6rem 2rem;
  font-size: 14px;
  transition: all .3s;
  display: block;
}

.sidebar-edit-space > .container form input[data-v-4c6fe8]:focus, .sidebar-edit-space > .container form textarea[data-v-4c6fe8]:focus {
  color: #000;
  background-color: #fafafa;
}

.sidebar-edit-space > .container form .private[data-v-4c6fe8] {
  width: 100%;
  margin: 17px auto 6%;
  overflow: hidden;
}

.sidebar-edit-space > .container form .private label[data-v-4c6fe8] {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  flex-direction: row;
  align-items: center;
  margin: 0;
  display: flex;
}

.sidebar-edit-space > .container form .private label .ios-switch .switch-container[data-v-4c6fe8] {
  border: 2px solid #eaeaea;
  border-radius: 12px;
  width: 41px;
  height: 25px;
  position: relative;
  overflow: hidden;
}

.sidebar-edit-space > .container form .private label .ios-switch .switch-container .switch-button[data-v-4c6fe8] {
  transition: left .55s cubic-bezier(.5, 0, 0, 1);
  position: absolute;
  top: -1px;
  left: -1px;
}

.sidebar-edit-space > .container form .private label .ios-switch .switch-container .switch-button[data-v-4c6fe8]:before {
  content: "";
  background-color: #9bc469;
  width: 50px;
  display: block;
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: 50%;
}

.sidebar-edit-space > .container form .private label .ios-switch .switch-container .switch-button .inner[data-v-4c6fe8] {
  background-color: #fff;
  border: 1px solid #0000000a;
  border-radius: 50%;
  width: 23px;
  height: 23px;
  position: relative;
  box-shadow: 0 2px 6px #00000026, 0 2px 1px #0000000f;
}

.sidebar-edit-space > .container form .private input[data-v-4c6fe8], .sidebar-edit-space > .container form .private textarea[data-v-4c6fe8] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.sidebar-edit-space > .container form .private input:checked + label .ios-switch .switch-container .switch-button[data-v-4c6fe8], .sidebar-edit-space > .container form .private textarea:checked + label .ios-switch .switch-container .switch-button[data-v-4c6fe8] {
  left: 15px;
}

.sidebar-edit-space > .container form .private input:focus + label .switch-label[data-v-4c6fe8], .sidebar-edit-space > .container form .private textarea:focus + label .switch-label[data-v-4c6fe8] {
  color: #000;
}

[data-v-14c1bd]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-14c1bd] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-14c1bd] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-14c1bd] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-14c1bd] {
  font-size: 1.4rem;
}

.label--small[data-v-14c1bd] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-14c1bd] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-14c1bd] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-14c1bd] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-14c1bd] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-14c1bd] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-14c1bd] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-14c1bd] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-14c1bd] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-14c1bd]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-14c1bd] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.dot[data-v-14c1bd] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-14c1bd] {
  display: none !important;
}

.invisible[data-v-14c1bd] {
  opacity: 0;
}

.fade-enter-active[data-v-14c1bd], .fade-leave-active[data-v-14c1bd] {
  transition: opacity .3s;
}

.fade-enter[data-v-14c1bd], .fade-leave-to[data-v-14c1bd] {
  opacity: 0;
}

#createspace[data-v-14c1bd] {
  flex-direction: column;
  justify-content: center;
  width: 90%;
  max-width: 435px;
  min-height: 100vh;
  margin: 0 auto;
  padding: 50px 0;
  display: flex;
  position: relative;
}

#createspace .createspace-title[data-v-14c1bd] {
  flex-direction: row;
  align-items: center;
  padding: 0 0 20px;
  display: flex;
}

#createspace .createspace-title svg[data-v-14c1bd] {
  margin: 0 10px 0 3px;
  display: block;
}

#createspace .createspace-title svg path[data-v-14c1bd] {
  transform-box: fill-box;
  transition: all .5s cubic-bezier(.5, 0, 0, 1);
}

#createspace .createspace-title svg path.cross[data-v-14c1bd] {
  opacity: 1;
  transition-delay: .5s;
}

#createspace .createspace-title svg path.square.transform[data-v-14c1bd] {
  opacity: 0;
  transition-delay: .8s;
  transform: translate(0, -115%);
}

#createspace .createspace-title svg.active path.cross[data-v-14c1bd] {
  opacity: 0;
  transform: translate(115%);
}

#createspace .createspace-title svg.active path.square.transform[data-v-14c1bd] {
  opacity: 1;
  transform: translate(0);
}

#createspace .createspace-title h2[data-v-14c1bd] {
  color: #8c8c8c;
  font-size: 1.8rem;
  font-weight: 400;
}

#createspace main[data-v-14c1bd] {
  background-color: #fff;
  border-radius: 3px;
  position: relative;
}

#createspace main .createsuccess[data-v-14c1bd] {
  color: #000;
  width: 90%;
  margin: 0 auto;
  padding: 30px 0;
  font-size: 1.4rem;
  font-weight: 500;
}

#createspace main .createspace-form[data-v-14c1bd] {
  width: 100%;
}

#createspace main .createspace-form > .container[data-v-14c1bd] {
  width: 90%;
  margin: 0 auto;
  padding: 30px 0;
}

#createspace main .createspace-form > .container .error-list li[data-v-14c1bd] {
  color: #fff;
  background-color: red;
  border-radius: 2px;
  margin: 0 0 15px;
  padding: 5px 10px;
  font-size: 1.4rem;
}

#createspace main .createspace-form > .container .input-item[data-v-14c1bd] {
  color: #000;
  font-size: 1.4rem;
}

#createspace main .createspace-form > .container .input-item > label[data-v-14c1bd] {
  margin: 0 0 10px;
  display: block;
}

#createspace main .createspace-form > .container .input-item > .error-msg[data-v-14c1bd] {
  color: #fff;
  margin: 3px 0 0;
  font-size: 1.2rem;
  font-weight: 600;
}

#createspace main .createspace-form > .container .input-item + .input-item[data-v-14c1bd] {
  margin: 17px 0 0;
}

#createspace main .createspace-form > .container .input-item.name input[data-v-14c1bd], #createspace main .createspace-form > .container .input-item.description input[data-v-14c1bd] {
  font-size: inherit;
  box-sizing: border-box;
  background-color: #fafafa;
  border: 1px solid #eaeaea;
  outline: none;
  width: 100%;
  height: 66px;
  padding: 0 20px;
  transition: border .75s;
}

#createspace main .createspace-form > .container .input-item.name input.error[data-v-14c1bd], #createspace main .createspace-form > .container .input-item.description input.error[data-v-14c1bd] {
  border: 1px solid red;
}

#createspace main .createspace-form > .container .input-item.name input[data-v-14c1bd]::-webkit-input-placeholder {
  color: #b5b5b5;
  font-size: inherit;
}

#createspace main .createspace-form > .container .input-item.description input[data-v-14c1bd]::-webkit-input-placeholder {
  color: #b5b5b5;
  font-size: inherit;
}

#createspace main .createspace-form > .container .input-item.name input[data-v-14c1bd]::-moz-placeholder {
  color: #b5b5b5;
  font-size: inherit;
}

#createspace main .createspace-form > .container .input-item.description input[data-v-14c1bd]::-moz-placeholder {
  color: #b5b5b5;
  font-size: inherit;
}

:is(#createspace main .createspace-form > .container .input-item.name input[data-v-14c1bd]:-ms-input-placeholder, #createspace main .createspace-form > .container .input-item.description input[data-v-14c1bd]:-ms-input-placeholder), :is(#createspace main .createspace-form > .container .input-item.name input[data-v-14c1bd]:-moz-placeholder, #createspace main .createspace-form > .container .input-item.description input[data-v-14c1bd]:-moz-placeholder) {
  color: #b5b5b5;
  font-size: inherit;
}

#createspace main .createspace-form > .container .input-item.name input[data-v-14c1bd]:focus, #createspace main .createspace-form > .container .input-item.description input[data-v-14c1bd]:focus {
  border: 1px solid #eaeaea;
}

#createspace main .createspace-form > .container .input-item.private[data-v-14c1bd] {
  overflow: hidden;
}

#createspace main .createspace-form > .container .input-item.private label[data-v-14c1bd] {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  flex-direction: row;
  align-items: center;
  margin: 0;
  display: flex;
}

#createspace main .createspace-form > .container .input-item.private label .ios-switch .switch-container[data-v-14c1bd] {
  border: 2px solid #eaeaea;
  border-radius: 12px;
  width: 41px;
  height: 25px;
  position: relative;
  overflow: hidden;
}

#createspace main .createspace-form > .container .input-item.private label .ios-switch .switch-container .switch-button[data-v-14c1bd] {
  transition: left .55s cubic-bezier(.5, 0, 0, 1);
  position: absolute;
  top: -1px;
  left: -1px;
}

#createspace main .createspace-form > .container .input-item.private label .ios-switch .switch-container .switch-button[data-v-14c1bd]:before {
  content: "";
  background-color: #9bc469;
  width: 50px;
  display: block;
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: 50%;
}

#createspace main .createspace-form > .container .input-item.private label .ios-switch .switch-container .switch-button .inner[data-v-14c1bd] {
  background-color: #fff;
  border: 1px solid #0000000a;
  border-radius: 50%;
  width: 23px;
  height: 23px;
  position: relative;
  box-shadow: 0 2px 6px #00000026, 0 2px 1px #0000000f;
}

#createspace main .createspace-form > .container .input-item.private input[data-v-14c1bd] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

#createspace main .createspace-form > .container .input-item.private input:checked + label .ios-switch .switch-container .switch-button[data-v-14c1bd] {
  left: 15px;
}

#createspace main .createspace-form > .container .input-item.private input:focus + label .switch-label[data-v-14c1bd] {
  color: #000;
}

[data-v-acba31]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-acba31] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-acba31] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-acba31] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-acba31] {
  font-size: 1.4rem;
}

.label--small[data-v-acba31] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-acba31] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-acba31] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-acba31] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-acba31] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-acba31] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-acba31] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-acba31] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-acba31] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-acba31]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-acba31] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-acba31], .fade-leave-active[data-v-acba31] {
  transition: opacity .3s;
}

.fade-enter[data-v-acba31], .fade-leave-to[data-v-acba31] {
  opacity: 0;
}

.dot[data-v-acba31] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-acba31] {
  display: none !important;
}

.invisible[data-v-acba31] {
  opacity: 0;
}

.spaces-holder[data-v-acba31] {
  flex-direction: column;
  flex: 2;
  min-height: 100%;
  display: flex;
}

.spaces-holder__spaces[data-v-acba31] {
  flex-direction: column;
  gap: 1.6rem;
  padding: 3.2rem 1.8rem;
  display: flex;
}

[data-v-7b5892]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-7b5892] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-7b5892] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-7b5892] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-7b5892] {
  font-size: 1.4rem;
}

.label--small[data-v-7b5892] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-7b5892] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-7b5892] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-7b5892] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-7b5892] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-7b5892] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-7b5892] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-7b5892] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-7b5892] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-7b5892]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-7b5892] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-7b5892], .fade-leave-active[data-v-7b5892] {
  transition: opacity .3s;
}

.fade-enter[data-v-7b5892], .fade-leave-to[data-v-7b5892] {
  opacity: 0;
}

.dot[data-v-7b5892] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-7b5892] {
  display: none !important;
}

.invisible[data-v-7b5892] {
  opacity: 0;
}

[data-v-560d06]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-560d06] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-560d06] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-560d06] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-560d06] {
  font-size: 1.4rem;
}

.label--small[data-v-560d06] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-560d06] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-560d06] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-560d06] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-560d06] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-560d06] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-560d06] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-560d06] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-560d06] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-560d06]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-560d06] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-560d06], .fade-leave-active[data-v-560d06] {
  transition: opacity .3s;
}

.fade-enter[data-v-560d06], .fade-leave-to[data-v-560d06] {
  opacity: 0;
}

.dot[data-v-560d06] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-560d06] {
  display: none !important;
}

.invisible[data-v-560d06] {
  opacity: 0;
}

.transfer-home[data-v-560d06] {
  background-color: #fff;
  flex-direction: column;
  height: 100%;
  display: flex;
}

.transfer-home__content[data-v-560d06] {
  flex-direction: column-reverse;
  flex: 2;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  padding: 1rem 4.5rem;
  display: flex;
}

.transfer-home__header[data-v-560d06] {
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.transfer-home__sub-title[data-v-560d06] {
  color: #8c8c8c;
}

[data-v-5ddcc7]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-5ddcc7] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-5ddcc7] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-5ddcc7] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-5ddcc7] {
  font-size: 1.4rem;
}

.label--small[data-v-5ddcc7] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-5ddcc7] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-5ddcc7] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-5ddcc7] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-5ddcc7] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-5ddcc7] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-5ddcc7] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-5ddcc7] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-5ddcc7] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-5ddcc7]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-5ddcc7] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-5ddcc7], .fade-leave-active[data-v-5ddcc7] {
  transition: opacity .3s;
}

.fade-enter[data-v-5ddcc7], .fade-leave-to[data-v-5ddcc7] {
  opacity: 0;
}

.dot[data-v-5ddcc7] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-5ddcc7] {
  display: none !important;
}

.invisible[data-v-5ddcc7] {
  opacity: 0;
}

.transfer-preview[data-v-5ddcc7] {
  background-color: #fff;
  flex-direction: column;
  flex: 2;
  display: flex;
}

[data-v-d79741]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-d79741] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-d79741] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-d79741] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-d79741] {
  font-size: 1.4rem;
}

.label--small[data-v-d79741] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-d79741] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-d79741] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-d79741] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-d79741] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-d79741] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-d79741] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-d79741] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-d79741] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-d79741]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-d79741] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-d79741], .fade-leave-active[data-v-d79741] {
  transition: opacity .3s;
}

.fade-enter[data-v-d79741], .fade-leave-to[data-v-d79741] {
  opacity: 0;
}

.dot[data-v-d79741] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-d79741] {
  display: none !important;
}

.invisible[data-v-d79741] {
  opacity: 0;
}

.transfer-ready[data-v-d79741] {
  flex-direction: column;
  flex: 2;
  display: flex;
}

[data-v-17ec1c]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-17ec1c] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-17ec1c] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-17ec1c] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-17ec1c] {
  font-size: 1.4rem;
}

.label--small[data-v-17ec1c] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-17ec1c] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-17ec1c] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-17ec1c] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-17ec1c] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-17ec1c] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-17ec1c] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-17ec1c] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-17ec1c] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-17ec1c]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-17ec1c] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-17ec1c], .fade-leave-active[data-v-17ec1c] {
  transition: opacity .3s;
}

.fade-enter[data-v-17ec1c], .fade-leave-to[data-v-17ec1c] {
  opacity: 0;
}

.dot[data-v-17ec1c] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-17ec1c] {
  display: none !important;
}

.invisible[data-v-17ec1c] {
  opacity: 0;
}

.transfer-succes[data-v-17ec1c] {
  background-color: #fff;
  flex-direction: column;
  flex: 2;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.transfer-succes__content[data-v-17ec1c] {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1.5rem;
  display: flex;
}

.transfer-succes__header[data-v-17ec1c] {
  flex-direction: column-reverse;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.transfer-succes__icon[data-v-17ec1c] {
  width: 9rem;
  height: 9rem;
}

.transfer-succes__icon .symbol[data-v-17ec1c], .transfer-succes__icon[data-v-17ec1c] svg {
  width: 100%;
  height: 100%;
}

.transfer-succes__email-holder[data-v-17ec1c] {
  flex-direction: column;
  gap: .4rem;
  display: flex;
}

.transfer-succes__email-holder p[data-v-17ec1c] {
  text-align: center;
}

.transfer-succes__email-title[data-v-17ec1c] {
  color: #b5b5b5;
}

[data-v-9f33d6]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-9f33d6] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-9f33d6] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-9f33d6] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-9f33d6] {
  font-size: 1.4rem;
}

.label--small[data-v-9f33d6] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-9f33d6] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-9f33d6] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-9f33d6] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-9f33d6] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-9f33d6] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-9f33d6] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-9f33d6] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-9f33d6] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-9f33d6]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-9f33d6] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-9f33d6], .fade-leave-active[data-v-9f33d6] {
  transition: opacity .3s;
}

.fade-enter[data-v-9f33d6], .fade-leave-to[data-v-9f33d6] {
  opacity: 0;
}

.dot[data-v-9f33d6] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-9f33d6] {
  display: none !important;
}

.invisible[data-v-9f33d6] {
  opacity: 0;
}

.transfer-upload[data-v-9f33d6] {
  height: 100%;
  padding: 1.8rem;
  position: relative;
}

.transfer-upload__header[data-v-9f33d6] {
  pointer-events: none;
  flex-direction: column;
  align-items: center;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.transfer-upload__title[data-v-9f33d6] {
  margin-bottom: .3rem;
}

.transfer-upload__sub-title[data-v-9f33d6] {
  color: #8c8c8c;
}

.transfer-upload__icon[data-v-9f33d6] {
  order: -1;
  margin-bottom: 1.5rem;
}

.transfer-upload__drop-box[data-v-9f33d6] {
  background-color: #ffffffbf;
  border: .2rem dashed #8c8c8c;
  width: 100%;
  height: 100%;
  display: block;
  overflow: hidden;
}

.transfer-upload__drop-box input[data-v-9f33d6] {
  opacity: 0;
  width: 100%;
  height: 100%;
}

[data-v-8a6d43]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-8a6d43] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-8a6d43] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-8a6d43] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-8a6d43] {
  font-size: 1.4rem;
}

.label--small[data-v-8a6d43] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-8a6d43] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-8a6d43] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-8a6d43] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-8a6d43] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-8a6d43] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-8a6d43] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-8a6d43] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-8a6d43] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-8a6d43]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-8a6d43] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-8a6d43], .fade-leave-active[data-v-8a6d43] {
  transition: opacity .3s;
}

.fade-enter[data-v-8a6d43], .fade-leave-to[data-v-8a6d43] {
  opacity: 0;
}

.dot[data-v-8a6d43] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-8a6d43] {
  display: none !important;
}

.invisible[data-v-8a6d43] {
  opacity: 0;
}

.tree-overview[data-v-8a6d43] {
  flex: 2;
  padding: 4rem 2.5rem 4rem 4rem;
  overflow-y: auto;
}

.tree-overview .empty p[data-v-8a6d43] {
  cursor: initial;
  color: #000;
  letter-spacing: .25px;
  -webkit-user-select: none;
  user-select: none;
  border-radius: 12px;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
  padding: 1.2rem;
  font-size: 13.5px;
  font-weight: 600;
  transition: all .3s;
  display: flex;
  position: relative;
}

.tree-overview .empty p .symbol[data-v-8a6d43] svg {
  width: 1.5rem;
  height: 1.5rem;
}

.tree-overview .empty p .symbol[data-v-8a6d43] svg path {
  fill: var(--companyColor);
}

.tree-overview header[data-v-8a6d43] {
  justify-content: space-between;
  align-items: center;
  min-height: 25px;
  margin: 0 0 15px;
  display: flex;
}

.tree-overview header h4[data-v-8a6d43] {
  color: #8c8c8c;
  font-size: 1.4rem;
}

.tree-overview header .add-space[data-v-8a6d43] {
  background: var(--lightBtn);
  cursor: pointer;
  border: .1rem solid #f2f2f2;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  transition: all .3s;
  display: flex;
}

.tree-overview header .add-space[data-v-8a6d43]:hover {
  background-color: var(--lightBtnHover);
}

.tree-overview header .add-space .symbol[data-v-8a6d43] {
  justify-content: center;
  align-items: center;
  width: 10px;
  height: 10px;
  transition: transform .3s;
  display: flex;
}

.tree-overview header .add-space .symbol[data-v-8a6d43] svg path {
  fill: var(--companyColor);
}

.tree-overview header .add-space.close .symbol[data-v-8a6d43] {
  transform: rotate(45deg);
}

.tree-overview .overview-list .overview-item .title[data-v-8a6d43] {
  cursor: pointer;
  letter-spacing: .25px;
  border-radius: 1rem;
  flex-direction: row;
  align-items: center;
  margin: 0 0 0 -1rem;
  padding: 1.2rem 1.2rem 1.2rem 3.6rem;
  transition: background-color .3s;
  display: inline-flex;
  position: relative;
}

.tree-overview .overview-list .overview-item .title .symbol[data-v-8a6d43] {
  width: 1.5rem;
  height: 1.5rem;
  display: block;
  position: absolute;
  top: 50%;
  left: 1rem;
  transform: translateY(-50%);
}

.tree-overview .overview-list .overview-item .title .symbol[data-v-8a6d43] svg {
  width: 100% !important;
  height: 100% !important;
}

.tree-overview .overview-list .overview-item .title .symbol[data-v-8a6d43] svg path {
  fill: var(--color);
  transition: fill .3s;
}

.tree-overview .overview-list .overview-item .title.active[data-v-8a6d43] {
  background-color: var(--color);
}

.tree-overview .overview-list .overview-item .title.active p[data-v-8a6d43] {
  color: #fff;
}

.tree-overview .overview-list .overview-item .title.active .symbol[data-v-8a6d43] svg path {
  fill: #fff;
}

.tree-overview .overview-list .overview-item .title.active[data-v-8a6d43]:before {
  background-color: #fff;
}

.tree-overview .overview-list .overview-item__title-btn[data-v-8a6d43] {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  transition: padding .3s;
  display: flex;
}

.tree-overview .overview-list .overview-item__title-btn.active[data-v-8a6d43] {
  padding: .8rem 0;
}

.tree-overview .overview-list .overview-item .tree-item__arrow[data-v-8a6d43] {
  cursor: pointer;
  opacity: 0;
  background: none;
  border: none;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 100%;
  transition: transform .3s, opacity .3s;
  display: flex;
  transform: rotate(0);
}

.tree-overview .overview-list .overview-item .tree-item__arrow .symbol[data-v-8a6d43] {
  justify-content: center;
  align-items: center;
  display: flex;
}

.tree-overview .overview-list .overview-item .tree-item__arrow[data-v-8a6d43] svg {
  width: 1.2rem;
  height: 100%;
}

.tree-overview .overview-list .overview-item .tree-item__arrow[data-v-8a6d43] svg path {
  fill: #8c8c8c;
  stroke: #8c8c8c;
  stroke-width: .5px;
}

.tree-overview .overview-list .overview-item .tree-item__arrow.open[data-v-8a6d43] {
  transform: rotate(180deg);
}

.tree-overview .overview-list .overview-item:hover .tree-item__arrow[data-v-8a6d43] {
  opacity: 1;
}

.tree-overview .over > .title[data-v-8a6d43] {
  background-color: var(--color);
}

.tree-overview .over > .title p[data-v-8a6d43] {
  color: #fff;
}

.tree-overview .over > .title[data-v-8a6d43]:before {
  background-color: #fff !important;
}

.overview-item-tp[data-v-8a6d43] {
  z-index: 999;
  color: #fff;
  background-color: #0009;
  border-radius: 4px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1;
  display: block;
  position: fixed;
  transform: translate(10px, -20px);
}

[data-v-0ca007]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-0ca007] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-0ca007] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-0ca007] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-0ca007] {
  font-size: 1.4rem;
}

.label--small[data-v-0ca007] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-0ca007] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-0ca007] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-0ca007] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-0ca007] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-0ca007] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-0ca007] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-0ca007] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-0ca007] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-0ca007]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-0ca007] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-0ca007], .fade-leave-active[data-v-0ca007] {
  transition: opacity .3s;
}

.fade-enter[data-v-0ca007], .fade-leave-to[data-v-0ca007] {
  opacity: 0;
}

.dot[data-v-0ca007] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-0ca007] {
  display: none !important;
}

.invisible[data-v-0ca007] {
  opacity: 0;
}

.update-space[data-v-0ca007] {
  background-color: #fff;
  flex-direction: column;
  flex: 2;
  display: flex;
}

.update-space__content[data-v-0ca007] {
  flex-direction: column;
  flex: 2;
  justify-content: center;
  gap: 2.4rem;
  padding: 1rem 1.8rem;
  display: flex;
}

.update-space__color-input[data-v-0ca007] {
  flex-direction: column;
  gap: 2.4rem;
  display: flex;
}

[data-v-258f2d]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-258f2d] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-258f2d] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-258f2d] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-258f2d] {
  font-size: 1.4rem;
}

.label--small[data-v-258f2d] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-258f2d] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-258f2d] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-258f2d] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-258f2d] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-258f2d] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-258f2d] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-258f2d] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-258f2d] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-258f2d]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-258f2d] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-258f2d], .fade-leave-active[data-v-258f2d] {
  transition: opacity .3s;
}

.fade-enter[data-v-258f2d], .fade-leave-to[data-v-258f2d] {
  opacity: 0;
}

.dot[data-v-258f2d] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-258f2d] {
  display: none !important;
}

.invisible[data-v-258f2d] {
  opacity: 0;
}

@keyframes ellipsis-data-v-258f2d {
  to {
    width: 1.25em;
  }
}

#uploaden-action[data-v-258f2d] {
  position: initial;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

#uploaden-action .fade-enter-active[data-v-258f2d] {
  transition: opacity .3s ease-in .4s;
}

#uploaden-action .fade-leave-active[data-v-258f2d] {
  transition: opacity;
}

#uploaden-action .fade-enter[data-v-258f2d], #uploaden-action .fade-leave-to[data-v-258f2d] {
  opacity: 0;
}

#uploaden-action .container[data-v-258f2d] {
  width: 90%;
  margin: 0 auto;
}

#uploaden-action .createspace-title[data-v-258f2d] {
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  margin: 0 0 1.6rem;
  display: flex;
}

#uploaden-action .createspace-title .symbol[data-v-258f2d] {
  justify-content: center;
  align-items: center;
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
}

#uploaden-action .createspace-title .symbol[data-v-258f2d] svg {
  width: 100%;
  height: 100%;
}

#uploaden-action .createspace-title .symbol[data-v-258f2d] svg path {
  fill: #8c8c8c;
}

#uploaden-action .createspace-title h2[data-v-258f2d] {
  color: #8c8c8c;
  letter-spacing: .32px;
  margin-left: 1.2rem;
  font-size: 1.8rem;
}

#uploaden-action main[data-v-258f2d] {
  background-color: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
}

#uploaden-action main .step[data-v-258f2d] {
  width: 100%;
}

#uploaden-action main .step.upload-form form[data-v-258f2d] {
  padding-top: 6%;
}

#uploaden-action main .step.upload-form form .dropbox[data-v-258f2d] {
  box-sizing: content-box;
  cursor: pointer;
  background-color: #fafafa;
  border-style: double;
  border-width: 1px;
  border-image: url("../../../../img/border-dashed.png") 1 repeat;
  border-radius: 3px;
  flex-direction: column;
  justify-content: center;
  width: 80%;
  min-height: 125px;
  margin: 0 auto 6.5%;
  padding: 0 10px;
  display: flex;
  position: relative;
}

#uploaden-action main .step.upload-form form .dropbox > .container[data-v-258f2d] {
  width: 90%;
  max-width: 400px;
  margin: 0 auto;
  padding: 40px 0;
}

#uploaden-action main .step.upload-form form .dropbox > .container input[type="file"][data-v-258f2d] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

#uploaden-action main .step.upload-form form .dropbox > .container .body[data-v-258f2d] {
  text-align: center;
  margin: 0 auto;
}

#uploaden-action main .step.upload-form form .dropbox > .container .body .symbol[data-v-258f2d] {
  justify-content: center;
  align-items: center;
  margin: 0 0 1rem;
  transition: transform .3s;
  display: flex;
}

#uploaden-action main .step.upload-form form .dropbox > .container .body .symbol[data-v-258f2d] svg path {
  fill: #b5b5b5;
}

#uploaden-action main .step.upload-form form .dropbox > .container .body .container h3[data-v-258f2d] {
  color: #b5b5b5;
  letter-spacing: .25px;
  font-size: 1.4rem;
}

#uploaden-action main .step.upload-form form .dropbox > .container .body .container p[data-v-258f2d] {
  color: #b5b5b5;
  margin: 5px 0 0;
  font-size: 1.4rem;
}

#uploaden-action main .step.upload-form form .error-list[data-v-258f2d] {
  width: 86%;
  margin: 0 auto 6.5%;
}

#uploaden-action main .step.upload-form form .error-list li[data-v-258f2d] {
  color: #df3535;
  background-color: #fafafa;
  border-radius: 2px;
  margin: 0 0 15px;
  padding: 5px 10px;
  font-size: 1.4rem;
}

#uploaden-action main .step.upload-form form .form-submit input[type="submit"][data-v-258f2d] {
  background-color: var(--companyBtn);
  color: #fff;
  cursor: pointer;
  border: none;
  border-radius: 0 0 3px 3px;
  outline: none;
  width: 100%;
  height: 60px;
  padding: 0 25px;
  font-size: 1.4rem;
  font-weight: 500;
  transition: background-color .5s;
}

#uploaden-action main .step.upload-form form .form-submit input[type="submit"][data-v-258f2d]:hover {
  background-color: #000;
}

#uploaden-action main .step.upload-form form .form-submit input[type="submit"][disabled="disabled"][data-v-258f2d] {
  background-color: var(--lightBtnDisabled);
  cursor: initial;
}

#uploaden-action main .step.uploading .filelist-wrapper[data-v-258f2d] {
  padding-bottom: 4%;
}

#uploaden-action main .step.uploading .box[data-v-258f2d] {
  background-color: #fff;
  border-radius: 3px;
  flex-direction: row;
  justify-content: center;
  padding: 70px 0 20px;
  display: flex;
}

#uploaden-action main .step.uploading .box > .container[data-v-258f2d] {
  position: relative;
}

#uploaden-action main .step.uploading .box > .container .uploadbubble[data-v-258f2d] {
  text-align: center;
  position: relative;
}

#uploaden-action main .step.uploading .box > .container .uploadbubble .completeText[data-v-258f2d] {
  transition: all .5s;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(55%, -50%);
}

#uploaden-action main .step.uploading .box > .container .uploadbubble .completeText p[data-v-258f2d] {
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-start;
  display: flex;
}

#uploaden-action main .step.uploading .box > .container .uploadbubble .completeText p span[data-v-258f2d] {
  color: #000;
  letter-spacing: -1pt;
  font-size: 4.8rem;
  font-weight: 500;
  display: block;
}

#uploaden-action main .step.uploading .box > .container .uploadbubble .completeText p small[data-v-258f2d] {
  color: #b5b5b5;
  margin: 0 0 0 3px;
  font-size: 1.76rem;
  font-weight: 500;
  position: relative;
  top: 7px;
}

#uploaden-action main .step.uploading .box > .container .uploadtext[data-v-258f2d] {
  text-align: center;
  color: var(--companyIconFade);
  flex-direction: row;
  justify-content: center;
  margin: 20px 0 0;
  display: flex;
}

#uploaden-action main .step.uploading .box > .container .uploadtext span[data-v-258f2d] {
  position: relative;
}

#uploaden-action main .step.uploading .box > .container .uploadtext span[data-v-258f2d]:after {
  vertical-align: bottom;
  content: "…";
  width: 0;
  padding: 0 0 0 5px;
  animation: .9s steps(4, end) infinite ellipsis-data-v-258f2d;
  display: inline-block;
  position: absolute;
  bottom: 3px;
  left: 100%;
  overflow: hidden;
}

#uploaden-action main .step.upload-complete .box[data-v-258f2d] {
  background-color: #fff;
  border-radius: 3px;
  min-height: 210px;
  padding: 50px 0;
}

#uploaden-action main .step.upload-complete .box > .container[data-v-258f2d] {
  width: 90%;
  max-width: 330px;
  margin: 0 auto;
}

#uploaden-action main .step.upload-complete .box > .container .form-visual[data-v-258f2d] {
  flex-direction: column;
  flex-shrink: 0;
  align-items: center;
  display: flex;
}

#uploaden-action main .step.upload-complete .box > .container .form-visual .symbol[data-v-258f2d] {
  flex-shrink: 0;
  width: auto;
  height: auto;
  display: block;
}

#uploaden-action main .step.upload-complete .box > .container .form-visual .symbol[data-v-258f2d] svg path {
  fill: var(--companyIconFade);
}

#uploaden-action main .step.upload-complete .box > .container .form-visual p[data-v-258f2d] {
  margin: 15px 0 0;
}

#uploaden-action main .step.upload-complete .form-submit[data-v-258f2d] {
  background-color: var(--companyBtn);
  border-radius: 2px;
  margin: 10px 0 0;
  transition: background-color .5s;
}

#uploaden-action main .step.upload-complete .form-submit[data-v-258f2d]:hover {
  background-color: #000;
}

#uploaden-action main .step .filelist-wrapper[data-v-258f2d] {
  width: 85%;
  margin: 0 auto;
}

#uploaden-action main .step .filelist-wrapper h3[data-v-258f2d] {
  color: #b5b5b5;
  letter-spacing: .25px;
  font-size: 14px;
}

#uploaden-action main .step .files-list[data-v-258f2d] {
  -webkit-user-select: none;
  user-select: none;
  cursor: initial;
  max-height: 200px;
  margin: 0 0 30px;
  overflow-y: scroll;
}

#uploaden-action main .step .files-list[data-v-258f2d]::-webkit-scrollbar {
  border-radius: 10px;
  width: 3px;
  height: 3px;
}

#uploaden-action main .step .files-list[data-v-258f2d]::-webkit-scrollbar-thumb {
  background-color: var(--lightBtnDisabled);
}

#uploaden-action main .step .files-list .file-listing[data-v-258f2d] {
  flex-direction: row;
  align-items: center;
  width: 100%;
  padding: 10px 0;
  display: inline-flex;
}

#uploaden-action main .step .files-list .file-listing + .file-listing[data-v-258f2d] {
  border-top: 1px solid #eaeaea;
}

#uploaden-action main .step .files-list .file-listing .filename[data-v-258f2d] {
  flex: 0 100%;
  align-items: flex-end;
  padding: 5px 0 6px;
  font-size: 1.4rem;
  display: flex;
}

#uploaden-action main .step .files-list .file-listing .filename .name[data-v-258f2d] {
  white-space: nowrap;
  text-overflow: ellipsis;
  flex: none;
  max-width: 177px;
  overflow: hidden;
}

#uploaden-action main .step .files-list .file-listing .filename .extention[data-v-258f2d] {
  color: #8c8c8c;
  text-transform: uppercase;
  letter-spacing: .5pt;
  font-size: 1rem;
  font-weight: 700;
}

#uploaden-action main .step .files-list .file-listing .filesize[data-v-258f2d] {
  color: #8c8c8c;
  flex-direction: row;
  flex: 0 100%;
  justify-content: flex-end;
  padding: 5px 0 6px;
  font-size: 1.4rem;
  display: flex;
}

#uploaden-action main .step .files-list .file-listing .remove-file[data-v-258f2d] {
  cursor: pointer;
  flex: none;
  margin: 0 0 0 5px;
  padding: 5px;
}

#uploaden-action main .step .files-list .file-listing .remove-file .button[data-v-258f2d] {
  background-color: #0000;
  border: 1px solid #eaeaea;
  border-radius: 50%;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 21px;
  height: 21px;
  transition: all .3s;
  display: flex;
}

#uploaden-action main .step .files-list .file-listing .remove-file .button .symbol[data-v-258f2d] {
  justify-content: center;
  width: 9px;
  height: 9px;
  display: flex;
}

#uploaden-action main .step .files-list .file-listing .remove-file .button .symbol[data-v-258f2d] svg {
  width: 100%;
  height: 100%;
}

#uploaden-action main .step .files-list .file-listing .remove-file .button .symbol[data-v-258f2d] svg path {
  transition: fill .3s;
}

#uploaden-action main .step .files-list .file-listing .remove-file:hover .button[data-v-258f2d] {
  background-color: #000;
  border: 1px solid #000;
}

#uploaden-action main .step .files-list .file-listing .remove-file:hover .button[data-v-258f2d] svg path {
  fill: #fff;
}

.tags[data-v-258f2d] {
  flex-wrap: wrap;
  width: 85%;
  margin: 0 auto 3rem;
  display: flex;
}

.tags > p[data-v-258f2d] {
  color: #b5b5b5;
  letter-spacing: .25px;
  flex: 0 0 100%;
  margin-bottom: 1.5rem;
  font-size: 14px;
  font-weight: 500;
}

.tags div.tag[data-v-258f2d] {
  color: #000;
  background-color: #fafafa;
  border: 1px solid #eaeaea;
  border-radius: 1rem;
  justify-content: center;
  align-items: center;
  height: 32px;
  margin-bottom: .5rem;
  margin-right: .5rem;
  padding: 0 1.5rem;
  display: flex;
}

.tags div.tag > span[data-v-258f2d] {
  color: #000;
  letter-spacing: .25px;
  margin-left: .5rem;
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
}

.tags div.tag > span[data-v-258f2d]:last-child:hover {
  cursor: pointer;
}

.tags div.tag .symbol[data-v-258f2d] {
  justify-content: center;
  align-items: center;
  width: 1.1rem;
  height: 1.1rem;
  display: flex;
}

.tags div.tag .symbol[data-v-258f2d] svg {
  width: .8rem;
  height: .8rem;
}

.tags .add.tag[data-v-258f2d] {
  cursor: pointer;
  justify-content: flex-start;
  transition: background-color .3s, border-color .3s;
  position: relative;
}

.tags .add.tag .symbol[data-v-258f2d] {
  width: auto;
  height: auto;
}

.tags .add.tag .symbol[data-v-258f2d] svg path {
  transition: fill .3s;
}

.tags .add.tag span[data-v-258f2d] {
  transition: color .3s;
}

.tags .add.tag[data-v-258f2d]:hover {
  background-color: #000;
  border-color: #000;
}

.tags .add.tag:hover.open[data-v-258f2d] {
  background-color: #fafafa;
  border-color: #eaeaea;
}

.tags .add.tag:hover span[data-v-258f2d] {
  color: #fff;
}

.tags .add.tag:hover .symbol[data-v-258f2d] svg path {
  fill: #fff;
}

.tags .add.tag input[data-v-258f2d], .tags .add.tag button[data-v-258f2d] {
  padding: .5rem;
  display: inline-block;
}

.tags .add.tag input[data-v-258f2d] {
  background-color: #f4f4f4;
  border: none;
}

.tags .add.tag button[data-v-258f2d] {
  color: #fff;
  background-color: #000;
  border: 1px solid #000;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
  height: 100%;
  position: absolute;
  top: 0%;
  right: 0%;
  font-weight: 700 !important;
}

.tags .add.tag button[data-v-258f2d]:hover {
  cursor: pointer;
}

.tags .add.tag.options[data-v-258f2d] {
  border-radius: 1rem 1rem 0 0;
}

.tags .add.tag.options button[data-v-258f2d] {
  border-radius: 0 1rem 0 0;
}

.tags .add.tag input[type="text"][data-v-258f2d] {
  width: 75%;
}

.tags .add.tag .tagoptions[data-v-258f2d] {
  z-index: 200;
  opacity: 0;
  border-bottom: 1px solid #b5b5b5;
  border-radius: 0 0 1rem 1rem;
  width: 101%;
  max-height: 0;
  position: absolute;
  top: 104%;
  left: -1px;
  right: 0;
  overflow: scroll;
}

.tags .add.tag .tagoptions.options[data-v-258f2d] {
  opacity: 1;
  max-height: 200px;
  transition: max-height 1s;
}

.tags .add.tag .tagoptions li[data-v-258f2d] {
  cursor: pointer;
  text-align: left;
  background-color: #fff;
  border-bottom: 1px solid #b5b5b5;
  border-left: 1px solid #b5b5b5;
  border-right: 1px solid #b5b5b5;
  flex: 0 0 100%;
  align-items: center;
  width: 100%;
  min-height: 30px;
  margin-bottom: 0;
  padding: 5px 5px 5px 20px;
  font-size: 11px;
  font-weight: normal;
  line-height: 14px;
  display: flex;
}

.tags .add.tag .tagoptions li[data-v-258f2d]:last-child {
  border-bottom: none;
  border-radius: 0 0 1rem 1rem;
}

.tags .add.tag .tagoptions li[data-v-258f2d]:hover {
  background-color: #f4f4f4;
}

[data-v-82efc2]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-82efc2] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-82efc2] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-82efc2] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-82efc2] {
  font-size: 1.4rem;
}

.label--small[data-v-82efc2] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-82efc2] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-82efc2] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-82efc2] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-82efc2] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-82efc2] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-82efc2] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-82efc2] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-82efc2] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-82efc2]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-82efc2] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-82efc2], .fade-leave-active[data-v-82efc2] {
  transition: opacity .3s;
}

.fade-enter[data-v-82efc2], .fade-leave-to[data-v-82efc2] {
  opacity: 0;
}

.dot[data-v-82efc2] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-82efc2] {
  display: none !important;
}

.invisible[data-v-82efc2] {
  opacity: 0;
}

.upload-home[data-v-82efc2] {
  background-color: #fff;
  flex-direction: column;
  flex: 2;
  display: flex;
}

.upload-home__content[data-v-82efc2] {
  flex-direction: column;
  flex: 2;
  justify-content: center;
  align-items: center;
  padding: 1rem 4rem;
  display: flex;
}

.upload-home__content .symbol[data-v-82efc2] {
  order: -1;
  margin-bottom: 1.6rem;
}

.upload-home__header[data-v-82efc2] {
  margin-bottom: .5rem;
}

.upload-home__title[data-v-82efc2] {
  text-align: center;
}

.upload-home__text[data-v-82efc2] {
  color: #b5b5b5;
  text-align: center;
}

[data-v-c26e7a]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-c26e7a] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-c26e7a] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-c26e7a] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-c26e7a] {
  font-size: 1.4rem;
}

.label--small[data-v-c26e7a] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-c26e7a] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-c26e7a] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-c26e7a] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-c26e7a] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-c26e7a] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-c26e7a] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-c26e7a] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-c26e7a] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-c26e7a]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-c26e7a] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-c26e7a], .fade-leave-active[data-v-c26e7a] {
  transition: opacity .3s;
}

.fade-enter[data-v-c26e7a], .fade-leave-to[data-v-c26e7a] {
  opacity: 0;
}

.dot[data-v-c26e7a] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-c26e7a] {
  display: none !important;
}

.invisible[data-v-c26e7a] {
  opacity: 0;
}

.upload-preview[data-v-c26e7a] {
  background-color: #fff;
  flex-direction: column;
  flex: 2;
  gap: 2.5rem;
  display: flex;
}

.upload-preview__dist[data-v-c26e7a] {
  flex-direction: column;
  gap: 1.5rem;
  padding: 0 4rem;
  display: flex;
}

.upload-preview__dist-title[data-v-c26e7a] {
  color: #b5b5b5;
}

[data-v-08179c]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-08179c] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-08179c] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-08179c] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-08179c] {
  font-size: 1.4rem;
}

.label--small[data-v-08179c] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-08179c] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-08179c] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-08179c] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-08179c] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-08179c] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-08179c] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-08179c] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-08179c] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-08179c]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-08179c] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-08179c], .fade-leave-active[data-v-08179c] {
  transition: opacity .3s;
}

.fade-enter[data-v-08179c], .fade-leave-to[data-v-08179c] {
  opacity: 0;
}

.dot[data-v-08179c] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-08179c] {
  display: none !important;
}

.invisible[data-v-08179c] {
  opacity: 0;
}

@keyframes tester-data-v-08179c {
  0% {
    opacity: 0;
    transform: translateY(1rem);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.spaces[data-v-08179c] {
  width: 100%;
  height: 100%;
}

.spaces__empty[data-v-08179c] {
  height: 100%;
}

.spaces ul.spaces-list[data-v-08179c] {
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  width: 100%;
  margin: 0;
  padding: 6rem;
  display: grid;
}

.spaces ul.spaces-list .drag[data-v-08179c] {
  flex: 2;
  animation: .3s tester-data-v-08179c;
}

@media only screen and (width <= 1200px) {
  .spaces ul.spaces-list[data-v-08179c] {
    grid-template-columns: 1fr;
    padding: 3rem 7rem 3rem 3rem;
  }
}

.spaces ul.spaces-list.isInFiles[data-v-08179c] {
  padding: 2.8rem;
}

@media only screen and (width >= 1400px) {
  .spaces ul.spaces-list.isInFiles[data-v-08179c] {
    grid-template-columns: repeat(3, 1fr);
  }
}

[data-v-3b70d2]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-3b70d2] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-3b70d2] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-3b70d2] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-3b70d2] {
  font-size: 1.4rem;
}

.label--small[data-v-3b70d2] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-3b70d2] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-3b70d2] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-3b70d2] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-3b70d2] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-3b70d2] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-3b70d2] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-3b70d2] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-3b70d2] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-3b70d2]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-3b70d2] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-3b70d2], .fade-leave-active[data-v-3b70d2] {
  transition: opacity .3s;
}

.fade-enter[data-v-3b70d2], .fade-leave-to[data-v-3b70d2] {
  opacity: 0;
}

.dot[data-v-3b70d2] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-3b70d2] {
  display: none !important;
}

.invisible[data-v-3b70d2] {
  opacity: 0;
}

#account-name-label > i[data-v-3b70d2] {
  padding: 0 10px;
}

#account-name-label > i > i[data-v-3b70d2] {
  color: #fff;
  border-left: 2px solid #eaeaea;
}

#account-name[data-v-3b70d2] {
  float: left;
  width: 40%;
}

#account-lastname[data-v-3b70d2] {
  float: right;
  width: 57%;
}

span#avatar-size[data-v-3b70d2] {
  color: #000;
  padding-top: 8px;
  font-size: 11px;
  display: block;
}

span#max[data-v-3b70d2] {
  color: #000;
  font-size: 11px;
  position: absolute;
  top: 29px;
  right: 29px;
}

.hasAvatar[data-v-3b70d2] {
  margin-right: 39px;
}

.editpage__storage[data-v-3b70d2] {
  flex-direction: column;
  flex: 2;
  justify-content: flex-end;
  display: flex;
}

.editpage .success[data-v-3b70d2] {
  color: var(--companyIconFade);
  letter-spacing: .25px;
  opacity: 0;
  pointer-events: none;
  background-color: #9bc469;
  border: 1px solid #9bc469;
  border-radius: 2px;
  padding: 10px;
  font-size: 14px;
  font-weight: 500;
  transition: opacity .3s;
  margin: 20px auto !important;
}

.editpage .success.show[data-v-3b70d2] {
  opacity: 1;
  pointer-events: initial;
}

.editpage nav.admin-edit[data-v-3b70d2] {
  background-color: #fff;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.editpage nav.admin-edit ul[data-v-3b70d2] {
  flex-direction: column;
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.editpage nav.admin-edit ul li[data-v-3b70d2] {
  cursor: pointer;
  border-bottom: 1px solid #f4f4f4;
  transition: background-color .3s, border .3s;
}

.editpage nav.admin-edit ul li a[data-v-3b70d2] {
  color: #000;
  letter-spacing: .25px;
  align-items: center;
  height: 60px;
  padding: 0 25px 0 50px;
  font-size: 14px;
  display: flex;
}

.editpage nav.admin-edit ul li a .symbol[data-v-3b70d2] {
  height: inherit;
  width: inherit;
  align-items: center;
  margin-right: 1.2rem;
  display: flex;
}

.editpage nav.admin-edit ul li a .symbol[data-v-3b70d2] svg {
  width: auto !important;
  height: auto !important;
}

.editpage nav.admin-edit ul li a .symbol[data-v-3b70d2] svg path {
  transition: fill .3s;
}

.editpage nav.admin-edit ul li[data-v-3b70d2]:hover:not(.storage), .editpage nav.admin-edit ul li.active[data-v-3b70d2] {
  background-color: #000;
  border-color: #000;
}

.editpage nav.admin-edit ul li:hover:not(.storage) a[data-v-3b70d2], .editpage nav.admin-edit ul li.active a[data-v-3b70d2] {
  color: #fff;
}

.editpage nav.admin-edit ul li:hover:not(.storage) a[data-v-3b70d2] svg path, .editpage nav.admin-edit ul li.active a[data-v-3b70d2] svg path {
  fill: #fff;
  transition: fill .3s;
}

.editpage nav.admin-edit ul li[data-v-3b70d2]:hover:not(.storage):after, .editpage nav.admin-edit ul li.active[data-v-3b70d2]:after {
  background-color: #000;
  border-color: #000;
}

.editpage nav.admin-edit ul li.storage[data-v-3b70d2] {
  cursor: default;
  width: 90%;
  margin: auto auto 15px;
}

.editpage section.adjustments-page[data-v-3b70d2] {
  background-color: #fff;
  flex: 100%;
  max-height: calc(100vh - 65px);
  padding: 5rem 2.5rem;
  overflow: scroll;
}

.editpage section.adjustments-page > [data-v-3b70d2] {
  max-width: 1080px;
  margin: 0 auto;
}

@media only screen and (width <= 1024px) {
  .editpage section.adjustments-page > [data-v-3b70d2] {
    min-width: auto;
  }
}

.editpage section.adjustments-page h2[data-v-3b70d2] {
  color: #000;
  letter-spacing: .43px;
  font-size: 24px;
}

.editpage section.adjustments-page form .v-fade[data-v-3b70d2] {
  transition: opacity .5s;
  display: inherit !important;
}

.editpage section.adjustments-page form .v-fade[style*="display: none;"][data-v-3b70d2] {
  opacity: 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.editpage section.adjustments-page form .form-block[data-v-3b70d2] {
  margin-top: 3rem;
}

.editpage section.adjustments-page form .form-block h3[data-v-3b70d2] {
  color: #8c8c8c;
  letter-spacing: .32px;
  margin-bottom: 1.5rem;
  margin-left: .5rem;
  font-size: 18px;
  font-weight: 500;
}

.editpage section.adjustments-page form .form-block .form-items[data-v-3b70d2] {
  background: #fff;
  border: 1px solid #f2f2f2;
  padding: 5rem;
}

.editpage section.adjustments-page form .form-block .form-items .form-item[data-v-3b70d2] {
  align-items: center;
  gap: 2rem;
  display: flex;
}

.editpage section.adjustments-page form .form-block .form-items .form-item + .form-item[data-v-3b70d2] {
  margin-top: 2rem;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .left[data-v-3b70d2] {
  flex: 0 0 45%;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .left label[data-v-3b70d2], .editpage section.adjustments-page form .form-block .form-items .form-item .left h5[data-v-3b70d2] {
  color: #000;
  letter-spacing: .25px;
  font-size: 14px;
  font-weight: 500;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .left p[data-v-3b70d2] {
  color: #8c8c8c;
  letter-spacing: .25px;
  margin-top: 5px;
  font-size: 14px;
  line-height: 18px;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .left p.error[data-v-3b70d2] {
  color: red;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right[data-v-3b70d2] {
  flex: 0 0 50%;
  position: relative;
}

@media only screen and (width <= 1024px) {
  .editpage section.adjustments-page form .form-block .form-items .form-item .right[data-v-3b70d2] {
    margin-left: auto;
  }
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right label[data-v-3b70d2] {
  color: #000;
  letter-spacing: .25px;
  cursor: pointer;
  background: #fafafa;
  border: 1px solid #eaeaea;
  border-radius: 2px;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding: 2.5rem;
  font-size: 14px;
  display: flex;
  position: relative;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right label .symbol[data-v-3b70d2] svg path {
  fill: #b5b5b5;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right label .teaser[data-v-3b70d2] {
  -webkit-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  position: absolute;
  top: calc(50% - 20px);
  right: 1.5rem;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right input[type="file"][data-v-3b70d2] {
  display: none;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right select[data-v-3b70d2] {
  color: #000;
  letter-spacing: .25px;
  background: #fafafa;
  border: none;
  width: 100%;
  font-size: 14px;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right select[data-v-3b70d2]:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 9999px #fafafa;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right select[data-v-3b70d2]:-webkit-autofill {
  -webkit-text-fill-color: #8c8c8c !important;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right select[data-v-3b70d2]:disabled {
  opacity: .6;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right input[type="text"][data-v-3b70d2], .editpage section.adjustments-page form .form-block .form-items .form-item .right input[type="tel"][data-v-3b70d2], .editpage section.adjustments-page form .form-block .form-items .form-item .right input[type="email"][data-v-3b70d2], .editpage section.adjustments-page form .form-block .form-items .form-item .right input[type="password"][data-v-3b70d2], .editpage section.adjustments-page form .form-block .form-items .form-item .right .ddl[data-v-3b70d2] {
  color: #000;
  letter-spacing: .25px;
  background: #fafafa;
  border: 1px solid #eaeaea;
  border-radius: 2px;
  width: 100%;
  padding: 2.5rem;
  font-size: 14px;
  display: block;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right input[type="text"][data-v-3b70d2]:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 9999px #fafafa;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right input[type="tel"][data-v-3b70d2]:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 9999px #fafafa;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right input[type="email"][data-v-3b70d2]:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 9999px #fafafa;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right input[type="password"][data-v-3b70d2]:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 9999px #fafafa;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right .ddl[data-v-3b70d2]:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 9999px #fafafa;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right input[type="text"][data-v-3b70d2]:-webkit-autofill {
  -webkit-text-fill-color: #8c8c8c !important;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right input[type="tel"][data-v-3b70d2]:-webkit-autofill {
  -webkit-text-fill-color: #8c8c8c !important;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right input[type="email"][data-v-3b70d2]:-webkit-autofill {
  -webkit-text-fill-color: #8c8c8c !important;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right input[type="password"][data-v-3b70d2]:-webkit-autofill {
  -webkit-text-fill-color: #8c8c8c !important;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right .ddl[data-v-3b70d2]:-webkit-autofill {
  -webkit-text-fill-color: #8c8c8c !important;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right input[type="text"][data-v-3b70d2]:disabled, .editpage section.adjustments-page form .form-block .form-items .form-item .right input[type="tel"][data-v-3b70d2]:disabled, .editpage section.adjustments-page form .form-block .form-items .form-item .right input[type="email"][data-v-3b70d2]:disabled, .editpage section.adjustments-page form .form-block .form-items .form-item .right input[type="password"][data-v-3b70d2]:disabled, .editpage section.adjustments-page form .form-block .form-items .form-item .right .ddl[data-v-3b70d2]:disabled {
  opacity: .6;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right input[data-v-3b70d2]::-ms-clear {
  display: none;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right input[data-v-3b70d2]::-ms-reveal {
  display: none;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right #account-password[data-v-3b70d2] {
  padding-right: 6.5rem;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right.password[data-v-3b70d2] {
  position: relative;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right.password input[data-v-3b70d2] {
  transition: all .3s;
  color: #b5b5b5 !important;
  background-color: #fafafa !important;
  border-color: #eaeaea !important;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right.password input[data-v-3b70d2]:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 9999px #fafafa !important;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right.password input[data-v-3b70d2]:-webkit-autofill {
  -webkit-text-fill-color: #b5b5b5 !important;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right.password[data-v-3b70d2]:after {
  content: "";
  display: none;
  position: absolute;
  inset: 0;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right.password.enable[data-v-3b70d2]:after {
  display: none;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right.password.enable input[data-v-3b70d2] {
  color: #8c8c8c !important;
  background-color: #fafafa !important;
  border-color: #eaeaea !important;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right.password.enable input[data-v-3b70d2]:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 9999px #fafafa !important;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right.password.enable input[data-v-3b70d2]:-webkit-autofill {
  -webkit-text-fill-color: #8c8c8c !important;
}

.editpage section.adjustments-page form .error[data-v-3b70d2] {
  margin-top: 1%;
  margin-bottom: 0;
  margin-left: 1%;
  font-size: 12px;
}

.editpage section.adjustments-page form button[data-v-3b70d2] {
  margin-top: 2rem;
}

.editpage section.adjustments-page form .delete-item button[data-v-3b70d2] {
  margin-top: 0;
}

.editpage .input[data-v-3b70d2], .editpage .select-wrapper .select-title[data-v-3b70d2] {
  color: #000;
  letter-spacing: .025rem;
  background-color: #fafafa;
  border: 1px solid #eaeaea;
  border-radius: 2px;
  width: calc(65% - 20px);
  padding: 2.5rem 2.5rem 2.5rem 5.5rem;
  font-size: 1.4rem;
  font-weight: 300;
  line-height: 1.8rem;
  transition: border .6s;
}

.editpage .input.red[data-v-3b70d2], .editpage .select-wrapper .red.select-title[data-v-3b70d2] {
  border: 1px solid #df35354d;
}

.editpage .select-wrapper[data-v-3b70d2] {
  width: 100%;
  position: relative;
}

.editpage .select-wrapper .select-title[data-v-3b70d2] {
  cursor: pointer;
  background-color: #fafafa;
  background-image: none;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 2.5rem;
  transition: all .3s;
  display: flex;
}

.editpage .select-wrapper .select-title .icon[data-v-3b70d2] {
  width: 16px;
  height: 16px;
}

.editpage .select-wrapper .select-title .arrow[data-v-3b70d2] {
  width: 6px;
  min-width: 6px;
  height: 4px;
  transition: transform .3s;
}

.editpage .select-wrapper .select-title .select-title-content[data-v-3b70d2] {
  width: calc(100% - 20px);
  margin: 0 10px;
}

.editpage .select-wrapper .select-title[data-v-3b70d2]:hover, .editpage .select-wrapper .select-title.active[data-v-3b70d2] {
  background-color: var(--companyBtnHover);
  border: 1px solid var(--companyLine);
  color: #fff;
}

.editpage .select-wrapper .select-title[data-v-3b70d2]:hover svg path, .editpage .select-wrapper .select-title.active[data-v-3b70d2] svg path {
  fill: #fff;
}

.editpage .select-wrapper .select-title.active[data-v-3b70d2]:hover {
  opacity: .8;
}

.editpage .select-wrapper .select-title.active[data-v-3b70d2] {
  border-radius: .3rem .3rem 0 0;
}

.editpage .select-wrapper .select-title.active .arrow[data-v-3b70d2] {
  transform: scaleY(-1);
}

.editpage .select-wrapper ul[data-v-3b70d2] {
  z-index: 1;
  pointer-events: none;
  background-color: #fff;
  border-radius: 0 0 .3rem .3rem;
  height: auto;
  max-height: 0;
  transition: all 1s;
  position: absolute;
  left: 0;
  right: 0;
  overflow: hidden;
}

.editpage .select-wrapper ul.active[data-v-3b70d2] {
  pointer-events: initial;
  max-height: 24.6rem;
  overflow: scroll;
}

.editpage .select-wrapper ul li[data-v-3b70d2] {
  cursor: pointer;
  color: #000;
  letter-spacing: .025rem;
  border: 1px solid #f0f0f0;
  width: 100%;
  padding: 1.5rem 3rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
  transition: background-color .3s, color .3s, border .3s;
}

.editpage .select-wrapper ul li + li[data-v-3b70d2] {
  border-top: none;
}

.editpage .select-wrapper ul li[data-v-3b70d2]:hover {
  background-color: #f4f4f4;
}

.editpage .select-wrapper ul li.add-new-role[data-v-3b70d2] {
  background-color: #eaeaea;
  border: 1px solid #eaeaea;
  border-top: none;
}

.editpage .select-wrapper ul li.add-new-role[data-v-3b70d2]:hover {
  background-color: var(--companyBtn);
  border: 1px solid var(--companyBtn);
  color: #fff;
  border-top: none;
}

div.checker[data-v-3b70d2] {
  align-items: center;
  width: 50%;
  margin: .75rem 0;
  display: flex;
}

input[type="checkbox"][data-v-3b70d2] {
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  width: 40px;
  height: 25px;
  margin: 0;
}

input[type="checkbox"] + div.check-border[data-v-3b70d2] {
  transition: border .3s;
}

input[type="checkbox"]:hover + div.check-border[data-v-3b70d2] {
  border: 2px solid var(--companyColor);
}

input[type="checkbox"]:checked + div.check-border[data-v-3b70d2] {
  border: 2px solid var(--companyColor);
  background-color: var(--companyColor);
}

input[type="checkbox"]:checked + div.check-border div.check-circle[data-v-3b70d2] {
  margin-left: 15px;
}

div.check-border[data-v-3b70d2] {
  z-index: 0;
  background-color: #fff;
  border: 2px solid #eaeaea;
  border-radius: 12px;
  width: 40px;
  height: 25px;
  margin: 0 0 0 -40px;
  transition: background-color .3s;
  display: block;
}

div.check-circle[data-v-3b70d2] {
  background-color: #fff;
  border: 1px solid #0000000a;
  border-radius: 10px;
  width: 21px;
  height: 21px;
  margin-left: 0;
  transition: all .3s;
  display: block;
  box-shadow: 0 2px 6px #00000026, 0 2px 1px #0000000f;
}

.account__form-btns[data-v-3b70d2] {
  margin-top: 8rem;
}

[data-v-bd42c9]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-bd42c9] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-bd42c9] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-bd42c9] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-bd42c9] {
  font-size: 1.4rem;
}

.label--small[data-v-bd42c9] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-bd42c9] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-bd42c9] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-bd42c9], .editpage section.adjustments-page .form-block .form-items .item .usage-bar__content[data-v-bd42c9] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-bd42c9] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-bd42c9] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-bd42c9] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-bd42c9] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-bd42c9] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-bd42c9]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-bd42c9] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-bd42c9], .fade-leave-active[data-v-bd42c9] {
  transition: opacity .3s;
}

.fade-enter[data-v-bd42c9], .fade-leave-to[data-v-bd42c9] {
  opacity: 0;
}

.dot[data-v-bd42c9] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-bd42c9] {
  display: none !important;
}

.invisible[data-v-bd42c9] {
  opacity: 0;
}

.editpage[data-v-bd42c9] {
  height: 100%;
}

.editpage__storage[data-v-bd42c9] {
  flex-direction: column;
  flex: 2;
  justify-content: flex-end;
  display: flex;
}

.editpage .feedback[data-v-bd42c9] {
  color: var(--companyIconFade);
  letter-spacing: .25px;
  opacity: 0;
  pointer-events: none;
  border-radius: 2px;
  padding: 10px;
  font-size: 14px;
  font-weight: 500;
  transition: opacity .3s;
  margin: 20px auto !important;
}

.editpage .feedback.show[data-v-bd42c9] {
  opacity: 1;
  pointer-events: initial;
}

.editpage .feedback.success[data-v-bd42c9] {
  background-color: #9bc469;
  border: 1px solid #9bc469;
}

.editpage .feedback.error[data-v-bd42c9] {
  color: #df3535;
  background-color: #f6f5f5;
  border: 1px solid #f7d7d7;
}

.editpage nav.admin-edit[data-v-bd42c9] {
  background-color: #fff;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.editpage nav.admin-edit ul[data-v-bd42c9] {
  flex-direction: column;
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.editpage nav.admin-edit ul li[data-v-bd42c9] {
  cursor: pointer;
  border-bottom: 1px solid #f4f4f4;
  transition: background-color .3s, border .3s;
}

.editpage nav.admin-edit ul li a[data-v-bd42c9] {
  color: #000;
  letter-spacing: .25px;
  align-items: center;
  height: 60px;
  padding: 0 25px 0 50px;
  font-size: 14px;
  display: flex;
}

.editpage nav.admin-edit ul li a .symbol[data-v-bd42c9] {
  height: inherit;
  width: inherit;
  align-items: center;
  margin-right: 1.2rem;
  display: flex;
}

.editpage nav.admin-edit ul li a .symbol[data-v-bd42c9] svg {
  width: auto !important;
  height: auto !important;
}

.editpage nav.admin-edit ul li a .symbol[data-v-bd42c9] svg path {
  transition: fill .3s;
}

.editpage nav.admin-edit ul li[data-v-bd42c9]:hover:not(.storage), .editpage nav.admin-edit ul li.active[data-v-bd42c9] {
  background-color: #000;
  border-color: #000;
}

.editpage nav.admin-edit ul li:hover:not(.storage) a[data-v-bd42c9], .editpage nav.admin-edit ul li.active a[data-v-bd42c9] {
  color: #fff;
}

.editpage nav.admin-edit ul li:hover:not(.storage) a[data-v-bd42c9] svg path, .editpage nav.admin-edit ul li.active a[data-v-bd42c9] svg path {
  fill: #fff;
  transition: fill .3s;
}

.editpage nav.admin-edit ul li[data-v-bd42c9]:hover:not(.storage):after, .editpage nav.admin-edit ul li.active[data-v-bd42c9]:after {
  background-color: #000;
  border-color: #000;
}

.editpage nav.admin-edit ul li.storage[data-v-bd42c9] {
  cursor: default;
  width: 90%;
  margin: auto auto 15px;
}

.editpage section.adjustments-page[data-v-bd42c9] {
  background-color: #fff;
  flex: 100%;
  max-height: calc(100vh - 65px);
  padding: 5rem 2.5rem;
  overflow: scroll;
}

.editpage section.adjustments-page > [data-v-bd42c9] {
  max-width: 1080px;
  margin: 0 auto;
}

@media only screen and (width <= 1024px) {
  .editpage section.adjustments-page > [data-v-bd42c9] {
    min-width: auto;
  }
}

.editpage section.adjustments-page h2[data-v-bd42c9] {
  color: #000;
  letter-spacing: .43px;
  font-size: 24px;
}

.editpage section.adjustments-page .v-fade[data-v-bd42c9] {
  transition: opacity .5s;
  display: inherit !important;
}

.editpage section.adjustments-page .v-fade[style*="display: none;"][data-v-bd42c9] {
  opacity: 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.editpage section.adjustments-page .form-block[data-v-bd42c9] {
  margin-top: 3rem;
}

.editpage section.adjustments-page .form-block h3[data-v-bd42c9] {
  color: #8c8c8c;
  letter-spacing: .32px;
  margin-bottom: 1.5rem;
  font-size: 16px;
}

.editpage section.adjustments-page .form-block .form-items[data-v-bd42c9] {
  background: #fff;
  border: 1px solid #f4f4f4;
  padding: 5rem;
  box-shadow: 0 2px 33px #00000005;
}

.editpage section.adjustments-page .form-block .form-items.padding-25[data-v-bd42c9] {
  padding: 2.5rem 5rem;
}

.editpage section.adjustments-page .form-block .form-items .item[data-v-bd42c9] {
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  display: flex;
}

.editpage section.adjustments-page .form-block .form-items .item.with-window[data-v-bd42c9] {
  flex-direction: column;
}

.editpage section.adjustments-page .form-block .form-items .item .item-content[data-v-bd42c9] {
  flex: 2;
  justify-content: space-between;
  align-items: center;
  gap: 2rem;
  width: 100%;
  display: flex;
}

.editpage section.adjustments-page .form-block .form-items .item .item-content-text[data-v-bd42c9] {
  flex: 2;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2rem;
  display: flex;
}

.editpage section.adjustments-page .form-block .form-items .item[data-v-bd42c9]:first-child {
  flex: 2;
  padding: 0 0 25px;
}

.editpage section.adjustments-page .form-block .form-items .item[data-v-bd42c9]:last-child {
  padding: 25px 0 0;
}

.editpage section.adjustments-page .form-block .form-items .item + .item[data-v-bd42c9] {
  border-top: 1px solid #eaeaea;
}

.editpage section.adjustments-page .form-block .form-items .item .plan-title[data-v-bd42c9] {
  flex: 2;
}

.editpage section.adjustments-page .form-block .form-items .item .usage-bar[data-v-bd42c9] {
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  align-items: flex-end;
  display: flex;
}

.editpage section.adjustments-page .form-block .form-items .item .usage-bar__bar-holder[data-v-bd42c9] {
  background: #f0f0f0;
  border-radius: .3rem;
  width: 100%;
  min-width: 17.5rem;
  height: 3px;
  margin-bottom: .5rem;
}

.editpage section.adjustments-page .form-block .form-items .item .usage-bar__bar[data-v-bd42c9] {
  background: #3e82ed;
  border-radius: .3rem;
  height: 3px;
}

.editpage section.adjustments-page .form-block .form-items .item .toggle-plan-btns[data-v-bd42c9] {
  position: relative;
}

.editpage section.adjustments-page .form-block .form-items .item .toggle-plan-btns button[data-v-bd42c9] {
  transition: all .3s;
}

.editpage section.adjustments-page .form-block .form-items .item .toggle-plan-btns button[data-v-bd42c9]:disabled {
  opacity: 0;
  pointer-events: none;
}

.editpage section.adjustments-page .form-block .form-items .item .toggle-plan-btns .close-plans[data-v-bd42c9] {
  width: 60px;
  height: 60px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}

.editpage section.adjustments-page .form-block .form-items .item button[data-v-bd42c9] {
  width: 22.4rem;
}

.editpage section.adjustments-page .form-block .form-items .item > div[data-v-bd42c9] {
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.editpage section.adjustments-page .form-block .form-items .item > div.button-wrap[data-v-bd42c9] {
  flex-direction: column;
  max-width: 22.4rem;
}

.editpage section.adjustments-page .form-block .form-items .item > div.button-wrap button[data-v-bd42c9] {
  width: 22.4rem;
  margin-bottom: 10px;
}

.editpage section.adjustments-page .form-block .form-items .item .label[data-v-bd42c9] {
  min-width: 18.4rem;
}

.editpage section.adjustments-page .form-block .form-items .item h5[data-v-bd42c9] {
  color: #000;
  letter-spacing: .32px;
  margin-bottom: 5px;
  font-size: 18px;
  font-weight: 500;
}

.editpage section.adjustments-page .form-block .form-items .item h5 span[data-v-bd42c9] {
  color: #b5b5b5;
}

.editpage section.adjustments-page .form-block .form-items .item h6[data-v-bd42c9] {
  color: #8c8c8c;
  letter-spacing: .25px;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: 500;
}

.editpage section.adjustments-page .form-block .form-items .item p[data-v-bd42c9] {
  color: #b5b5b5;
  letter-spacing: .25px;
  font-size: 14px;
  font-weight: 500;
}

.editpage section.adjustments-page .form-block .form-items .column-headers[data-v-bd42c9] {
  border-bottom: 1px solid #eaeaea;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 1.5rem;
  display: flex;
}

.editpage section.adjustments-page .form-block .form-items .column-headers p[data-v-bd42c9] {
  color: #b5b5b5;
  letter-spacing: .25px;
  flex: 0 0 20%;
  font-size: 14px;
  font-weight: 500;
}

.editpage section.adjustments-page .form-block .form-items .invoices li[data-v-bd42c9] {
  justify-content: space-between;
  align-items: center;
  padding: 2.5rem 0;
  display: flex;
}

.editpage section.adjustments-page .form-block .form-items .invoices li + li[data-v-bd42c9] {
  border-top: 1px solid #eaeaea;
}

.editpage section.adjustments-page .form-block .form-items .invoices li p[data-v-bd42c9] {
  color: #8c8c8c;
  letter-spacing: .25px;
  flex: 0 0 20%;
  font-size: 14px;
  font-weight: 500;
}

.billing-plans[data-v-bd42c9] {
  width: 100%;
  max-height: 0;
  transition: max-height .6s;
  display: flex;
  overflow: hidden;
  justify-content: flex-end !important;
}

.billing-plans.open[data-v-bd42c9] {
  max-height: 500rem;
  transition: max-height 2s;
}

.billing-plans__container[data-v-bd42c9] {
  background-color: #000;
  border-radius: .8rem;
}

.billing-plans__plans-container[data-v-bd42c9] {
  border: .5rem solid #000;
  border-radius: .3rem;
  overflow: hidden;
}

.billing-plans__plans-container thead th[data-v-bd42c9] {
  padding: 3rem .5rem 2rem;
}

.billing-plans__plans-container tbody th[data-v-bd42c9] {
  text-align: left;
  color: #fff;
  gap: 2rem;
  padding: 2rem 5rem;
  display: flex;
  position: relative;
}

.billing-plans__plans-container tbody th[data-v-bd42c9]:after {
  content: "";
  background-color: #202020;
  height: .1rem;
  display: block;
  position: absolute;
  bottom: 0;
  left: 5rem;
  right: .5rem;
}

.billing-plans__plans-container tbody th .symbol[data-v-bd42c9] svg {
  width: 1.4rem;
  height: 1.4rem;
}

.billing-plans__plans-container tbody th .symbol[data-v-bd42c9] svg path {
  fill: #fff;
}

.billing-plans__plans-container tbody td[data-v-bd42c9] {
  border-bottom: solid .1rem var(--lightBtnBorder);
  border-right: solid .1rem var(--lightBtnBorder);
  color: #8c8c8c;
  background-color: #fff;
  min-width: 15rem;
  padding: 2rem 6rem;
}

.billing-plans__plans-container tbody td .symbol[data-v-bd42c9] svg {
  width: 1.4rem;
  height: 1.4rem;
}

.billing-plans__plans-container tbody td .symbol[data-v-bd42c9] svg path {
  fill: #8c8c8c;
}

.billing-plans__plans-container tbody tr td[data-v-bd42c9]:first-of-type, .billing-plans__plans-container tbody tr td[data-v-bd42c9]:last-of-type {
  position: relative;
}

.billing-plans__plans-container tbody tr td[data-v-bd42c9]:first-of-type:after, .billing-plans__plans-container tbody tr td[data-v-bd42c9]:last-of-type:after {
  content: "";
  background-color: var(--lightBtnBorder);
  height: .1rem;
  display: block;
  position: absolute;
  bottom: 0;
  left: .5rem;
  right: .5rem;
}

.billing-plans__plans-container tbody tr td[data-v-bd42c9]:first-of-type {
  border-bottom: none;
}

.billing-plans__plans-container tbody tr td[data-v-bd42c9]:first-of-type:after {
  right: 0;
}

.billing-plans__plans-container tbody tr td[data-v-bd42c9]:last-of-type {
  border-bottom: none;
  border-right: none;
}

.billing-plans__plans-container tbody tr td[data-v-bd42c9]:last-of-type:after {
  left: 0;
}

.billing-plans__plans-container tbody tr td[data-v-bd42c9]:nth-last-of-type(2n) {
  z-index: 2;
  position: relative;
}

.billing-plans__plans-container tbody tr td[data-v-bd42c9]:nth-last-of-type(2n):after {
  content: "";
  z-index: -1;
  background-color: #fbfbfb;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

.billing-plans__plans-container tbody tr:first-of-type td[data-v-bd42c9]:first-of-type {
  border-top-left-radius: .3rem;
}

.billing-plans__plans-container tbody tr:first-of-type td[data-v-bd42c9]:last-of-type {
  border-top-right-radius: .3rem;
}

.billing-plans__plans-container tbody tr:first-of-type td[data-v-bd42c9]:nth-last-of-type(2n):after {
  border-top-left-radius: .3rem;
  border-top-right-radius: .3rem;
}

.billing-plans__plans-container tbody tr:last-of-type td[data-v-bd42c9] {
  border-bottom: none;
}

.billing-plans__plans-container tbody tr:last-of-type td[data-v-bd42c9]:first-of-type {
  border-bottom-left-radius: .3rem;
}

.billing-plans__plans-container tbody tr:last-of-type td[data-v-bd42c9]:last-of-type {
  border-bottom-right-radius: .3rem;
}

.billing-plans__plans-container tbody tr:last-of-type td[data-v-bd42c9]:nth-last-of-type(2n):after {
  border-bottom-right-radius: .3rem;
  border-bottom-left-radius: .3rem;
}

.billing-plans__plans-container tfoot button[data-v-bd42c9] {
  width: 100% !important;
}

.billing-plans__plans-container tfoot td[data-v-bd42c9] {
  padding: 2rem 1rem;
}

.billing-plans__plan-title[data-v-bd42c9] {
  color: #fff;
  text-align: left;
}

.billing-plans__plan-title p[data-v-bd42c9] {
  color: #b5b5b5;
  margin-top: .4rem;
  display: flex;
}

.billing-plans__plan-title p span[data-v-bd42c9] {
  align-self: flex-start;
}

.billing-plans__need-info[data-v-bd42c9] {
  background-color: var(--companyBtnHover);
  border-bottom-right-radius: .8rem;
  border-bottom-left-radius: .8rem;
  align-items: center;
  gap: 4rem;
  padding: 2rem 1.5rem 2rem 5.5rem;
  display: flex;
}

.billing-plans__need-info button[data-v-bd42c9] {
  flex: 2;
}

.billing-plans__info[data-v-bd42c9] {
  align-items: center;
  gap: 1.6rem;
  display: flex;
  color: #fff !important;
}

.billing-plans__info .symbol[data-v-bd42c9] svg {
  height: 1.8rem;
}

.billing-plans__info .symbol[data-v-bd42c9] svg path {
  fill: #fff;
}

@media only screen and (width >= 540px) {
  .label--small-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

@media only screen and (width >= 540px) {
  .h1--d {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

[data-v-c3f85e]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-c3f85e] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-c3f85e] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-c3f85e] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-c3f85e] {
  font-size: 1.4rem;
}

.label--small[data-v-c3f85e] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-c3f85e] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-c3f85e] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-c3f85e] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-c3f85e] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-c3f85e] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-c3f85e] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-c3f85e] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-c3f85e] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-c3f85e]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-c3f85e] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-c3f85e], .fade-leave-active[data-v-c3f85e] {
  transition: opacity .3s;
}

.fade-enter[data-v-c3f85e], .fade-leave-to[data-v-c3f85e] {
  opacity: 0;
}

.dot[data-v-c3f85e] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-c3f85e] {
  display: none !important;
}

.invisible[data-v-c3f85e] {
  opacity: 0;
}

.editpage[data-v-c3f85e] {
  height: 100%;
}

.editpage__storage[data-v-c3f85e] {
  flex-direction: column;
  flex: 2;
  justify-content: flex-end;
  display: flex;
}

.editpage .success[data-v-c3f85e] {
  color: var(--companyIconFade);
  letter-spacing: .25px;
  opacity: 0;
  pointer-events: none;
  background-color: #9bc469;
  border: 1px solid #9bc469;
  border-radius: 2px;
  padding: 10px;
  font-size: 14px;
  font-weight: 500;
  transition: opacity .3s;
  margin: 20px auto !important;
}

.editpage .success.show[data-v-c3f85e] {
  opacity: 1;
  pointer-events: initial;
}

.editpage nav.admin-edit[data-v-c3f85e] {
  background-color: #fff;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.editpage nav.admin-edit ul[data-v-c3f85e] {
  flex-direction: column;
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  position: relative;
}

.editpage nav.admin-edit ul li[data-v-c3f85e] {
  cursor: pointer;
  border-bottom: 1px solid #f4f4f4;
  transition: background-color .3s, border .3s;
}

.editpage nav.admin-edit ul li a[data-v-c3f85e] {
  color: #000;
  letter-spacing: .25px;
  align-items: center;
  height: 60px;
  padding: 0 25px 0 50px;
  font-size: 14px;
  display: flex;
}

.editpage nav.admin-edit ul li a .symbol[data-v-c3f85e] {
  height: inherit;
  width: inherit;
  align-items: center;
  margin-right: 1.2rem;
  display: flex;
}

.editpage nav.admin-edit ul li a .symbol[data-v-c3f85e] svg {
  width: auto !important;
  height: auto !important;
}

.editpage nav.admin-edit ul li a .symbol[data-v-c3f85e] svg path {
  transition: fill .3s;
}

.editpage nav.admin-edit ul li[data-v-c3f85e]:hover:not(.storage), .editpage nav.admin-edit ul li.active[data-v-c3f85e] {
  background-color: #000;
  border-color: #000;
}

.editpage nav.admin-edit ul li:hover:not(.storage) a[data-v-c3f85e], .editpage nav.admin-edit ul li.active a[data-v-c3f85e] {
  color: #fff;
}

.editpage nav.admin-edit ul li:hover:not(.storage) a[data-v-c3f85e] svg path, .editpage nav.admin-edit ul li.active a[data-v-c3f85e] svg path {
  fill: #fff;
}

.editpage nav.admin-edit ul li[data-v-c3f85e]:hover:not(.storage):after, .editpage nav.admin-edit ul li.active[data-v-c3f85e]:after {
  background-color: #000;
  border-color: #000;
}

.editpage nav.admin-edit ul li.storage[data-v-c3f85e] {
  cursor: default;
  width: 90%;
  margin: auto auto 15px;
}

.editpage section.adjustments-page[data-v-c3f85e] {
  background-color: #fff;
  flex: 100%;
  height: calc(100vh - 65px);
  padding: 5rem 2.5rem;
  overflow: scroll;
}

.editpage section.adjustments-page > [data-v-c3f85e] {
  max-width: 1080px;
  margin: 0 auto;
}

@media only screen and (width <= 1024px) {
  .editpage section.adjustments-page > [data-v-c3f85e] {
    min-width: auto;
  }
}

.editpage section.adjustments-page h2[data-v-c3f85e] {
  color: #000;
  letter-spacing: .43px;
  font-size: 24px;
}

.editpage section.adjustments-page form[data-v-c3f85e] {
  position: relative;
}

.editpage section.adjustments-page form .loader-container[data-v-c3f85e] {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.editpage section.adjustments-page form .v-fade[data-v-c3f85e] {
  transition: opacity .5s;
}

.editpage section.adjustments-page form .v-fade[style*="display: none;"][data-v-c3f85e] {
  opacity: 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

.editpage section.adjustments-page form .form-block[data-v-c3f85e] {
  margin-top: 3rem;
}

.editpage section.adjustments-page form .form-block h3[data-v-c3f85e] {
  color: #8c8c8c;
  letter-spacing: .32px;
  margin-bottom: 1.5rem;
  font-size: 16px;
}

.editpage section.adjustments-page form .form-block .form-items[data-v-c3f85e] {
  background: #fff;
  border: 1px solid #f4f4f4;
  padding: 5rem;
  box-shadow: 0 2px 33px #00000005;
}

.editpage section.adjustments-page form .form-block .form-items.social-brand .form-item[data-v-c3f85e] {
  align-items: center;
}

.editpage section.adjustments-page form .form-block .form-items.social-brand .form-item .left label[data-v-c3f85e] {
  align-items: center;
  display: flex;
}

.editpage section.adjustments-page form .form-block .form-items.social-brand .form-item .left label svg[data-v-c3f85e] {
  margin-right: 2rem;
}

.editpage section.adjustments-page form .form-block .form-items.social-brand .form-item .right[data-v-c3f85e] {
  flex: 0 0 60%;
}

.editpage section.adjustments-page form .form-block .form-items .form-item[data-v-c3f85e] {
  justify-content: space-between;
  display: flex;
}

.editpage section.adjustments-page form .form-block .form-items .form-item + .form-item[data-v-c3f85e] {
  margin-top: 2rem;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .left[data-v-c3f85e] {
  flex: 0 0 40%;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .left label[data-v-c3f85e], .editpage section.adjustments-page form .form-block .form-items .form-item .left h5[data-v-c3f85e] {
  color: #000;
  letter-spacing: .25px;
  font-size: 14px;
  font-weight: 500;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .left p[data-v-c3f85e] {
  color: #8c8c8c;
  letter-spacing: .25px;
  margin-top: 5px;
  font-size: 14px;
  line-height: 18px;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .left p.error[data-v-c3f85e] {
  color: red;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .left[data-v-c3f85e] span {
  color: #000;
  font-size: 10px;
  line-height: 14px;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right[data-v-c3f85e] {
  flex: 0 0 40%;
  position: relative;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right label[data-v-c3f85e] {
  padding: 0 2.5rem;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right .btn-wrapper[data-v-c3f85e] {
  gap: .8rem;
  display: flex;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right .label[data-v-c3f85e] {
  color: #b5b5b5;
  letter-spacing: .25px;
  cursor: pointer;
  background: #fafafa;
  border: 1px solid #eaeaea;
  border-radius: 2px;
  align-items: center;
  gap: 1rem;
  width: 100%;
  padding: 2.5rem;
  font-size: 14px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right .label .symbol[data-v-c3f85e] svg path {
  fill: #b5b5b5;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right .label .edit-icon[data-v-c3f85e] {
  display: none;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right .label .teaser-video[data-v-c3f85e] {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right .label .teaser[data-v-c3f85e] {
  -webkit-background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 2px;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right .label.isset[data-v-c3f85e] {
  background-image: none;
  width: 175px;
  height: 200px;
}

@media only screen and (width <= 1024px) {
  .editpage section.adjustments-page form .form-block .form-items .form-item .right .label.isset[data-v-c3f85e] {
    margin-left: auto;
  }
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right .label.isset[for="nav_logo"][data-v-c3f85e] {
  width: auto;
  height: 80px;
  padding: .5rem 0;
  display: inline-block;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right .label.isset[for="nav_logo"] img[data-v-c3f85e] {
  width: auto;
  height: 100%;
  padding: 0 2rem;
  display: block;
  position: relative;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right .label.isset[for="home_logo"][data-v-c3f85e] {
  width: auto;
  height: 80px;
  padding: .5rem 0;
  display: inline-block;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right .label.isset[for="home_logo"] img[data-v-c3f85e] {
  width: auto;
  height: 100%;
  padding: 0 2rem;
  display: block;
  position: relative;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right .label.isset[for="home_screen"] img.teaser[data-v-c3f85e] {
  object-fit: cover;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right .label.isset span[data-v-c3f85e], .editpage section.adjustments-page form .form-block .form-items .form-item .right input[type="file"][data-v-c3f85e] {
  display: none;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right input[type="text"][data-v-c3f85e], .editpage section.adjustments-page form .form-block .form-items .form-item .right input[type="email"][data-v-c3f85e], .editpage section.adjustments-page form .form-block .form-items .form-item .right input[type="password"][data-v-c3f85e] {
  color: #000;
  letter-spacing: .25px;
  background: #fafafa;
  border: 1px solid #eaeaea;
  border-radius: 2px;
  width: 100%;
  padding: 2.5rem;
  font-size: 14px;
  display: block;
}

:-webkit-any(.editpage section.adjustments-page form .form-block .form-items .form-item .right input[type="text"][data-v-c3f85e]:-webkit-autofill, .editpage section.adjustments-page form .form-block .form-items .form-item .right input[type="email"][data-v-c3f85e]:-webkit-autofill, .editpage section.adjustments-page form .form-block .form-items .form-item .right input[type="password"][data-v-c3f85e]:-webkit-autofill) {
  -webkit-box-shadow: inset 0 0 0 9999px #fafafa;
  -webkit-text-fill-color: #8c8c8c !important;
}

:is(.editpage section.adjustments-page form .form-block .form-items .form-item .right input[type="text"][data-v-c3f85e]:autofill, .editpage section.adjustments-page form .form-block .form-items .form-item .right input[type="email"][data-v-c3f85e]:autofill, .editpage section.adjustments-page form .form-block .form-items .form-item .right input[type="password"][data-v-c3f85e]:autofill) {
  -webkit-box-shadow: inset 0 0 0 9999px #fafafa;
  -webkit-text-fill-color: #8c8c8c !important;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right input[type="text"][data-v-c3f85e]:disabled, .editpage section.adjustments-page form .form-block .form-items .form-item .right input[type="email"][data-v-c3f85e]:disabled, .editpage section.adjustments-page form .form-block .form-items .form-item .right input[type="password"][data-v-c3f85e]:disabled {
  opacity: .6;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right #account-password[data-v-c3f85e] {
  padding-right: 6.5rem;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right.password[data-v-c3f85e] {
  position: relative;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right.password input[data-v-c3f85e] {
  transition: all .3s;
  color: #b5b5b5 !important;
  background-color: #fafafa !important;
  border-color: #eaeaea !important;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right.password input[data-v-c3f85e]:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 9999px #fafafa !important;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right.password input[data-v-c3f85e]:-webkit-autofill {
  -webkit-text-fill-color: #b5b5b5 !important;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right.password[data-v-c3f85e]:after {
  content: "";
  position: absolute;
  inset: 0;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right.password.enable[data-v-c3f85e]:after {
  display: none;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right.password.enable input[data-v-c3f85e] {
  color: #8c8c8c !important;
  background-color: #fafafa !important;
  border-color: #eaeaea !important;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right.password.enable input[data-v-c3f85e]:-webkit-autofill {
  -webkit-box-shadow: inset 0 0 0 9999px #fafafa !important;
}

.editpage section.adjustments-page form .form-block .form-items .form-item .right.password.enable input[data-v-c3f85e]:-webkit-autofill {
  -webkit-text-fill-color: #8c8c8c !important;
}

.editpage section.adjustments-page form .error[data-v-c3f85e] {
  margin-top: 1%;
  margin-bottom: 0;
  margin-left: 1%;
  font-size: 12px;
}

.editpage div.checker[data-v-c3f85e] {
  align-items: center;
  width: 50%;
  margin: .75rem 0;
  display: flex;
}

@media only screen and (width <= 1200px) {
  .editpage div.checker[data-v-c3f85e] {
    width: 100%;
  }
}

.editpage input[type="checkbox"][data-v-c3f85e] {
  z-index: 1;
  cursor: pointer;
  opacity: 0;
  width: 40px;
  height: 25px;
  margin: 0;
}

.editpage input[type="checkbox"]:hover + div.check-border[data-v-c3f85e] {
  border: 2px solid var(--companyColor);
}

.editpage input[type="checkbox"]:checked + div.check-border[data-v-c3f85e] {
  border: 2px solid var(--companyColor);
  background-color: var(--companyColor);
}

.editpage input[type="checkbox"]:checked + div.check-border div.check-circle[data-v-c3f85e] {
  margin-left: 15px;
}

.editpage div.check-border[data-v-c3f85e] {
  z-index: 0;
  background-color: #fff;
  border: 2px solid #eaeaea;
  border-radius: 12px;
  width: 40px;
  height: 25px;
  margin: 0 0 0 -40px;
  transition: background-color .3s;
  display: block;
}

.editpage div.check-circle[data-v-c3f85e] {
  background-color: #fff;
  border: 1px solid #0000000a;
  border-radius: 10px;
  width: 21px;
  height: 21px;
  margin-left: 0;
  transition: all .3s;
  display: block;
  box-shadow: 0 2px 6px #00000026, 0 2px 1px #0000000f;
}

.branding-social-icon[data-v-c3f85e] {
  width: 18px;
  height: 18px;
  margin-right: 20px;
  display: block;
}

.branding-social-icon .symbol[data-v-c3f85e] {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.branding-social-icon .symbol[data-v-c3f85e] svg path {
  fill: var(--companyColor);
}

.update-btns[data-v-c3f85e] {
  margin-top: 6rem;
}

.branding-edit__p-banner[data-v-c3f85e] {
  background-color: #f8f8f8;
  width: 100%;
  height: 6rem;
  padding: 1.6rem 3rem;
}

.branding-edit__p-banner-logo[data-v-c3f85e] {
  cursor: pointer;
  height: 100%;
}

.branding-edit__logo-content[data-v-c3f85e] {
  gap: 5rem;
  display: flex;
}

.branding-edit__p-home-wrapper[data-v-c3f85e] {
  flex: 2;
  max-width: 40rem;
  position: relative;
}

.branding-edit__p-home-wrapper[data-v-c3f85e]:before {
  content: "";
  width: 100%;
  padding-top: 108.333%;
  display: block;
}

.branding-edit__p-home[data-v-c3f85e] {
  color: #fff;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  display: flex;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.branding-edit__p-home-bg[data-v-c3f85e] {
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.branding-edit__p-home-bg img[data-v-c3f85e], .branding-edit__p-home-bg video[data-v-c3f85e] {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.branding-edit__p-home-logo-wrapper[data-v-c3f85e] {
  z-index: 400;
  flex: 2;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.branding-edit__p-home-logo[data-v-c3f85e] {
  cursor: pointer;
  max-width: 12rem;
  max-height: 12rem;
}

.branding-edit__p-nav[data-v-c3f85e] {
  z-index: 500;
  background-color: var(--companyColor);
  justify-content: center;
  align-items: center;
  gap: .8rem;
  width: 100%;
  height: 4rem;
  display: flex;
  position: relative;
}

.branding-edit__p-nav[data-v-c3f85e] svg {
  width: 1rem;
  height: 1rem;
}

.branding-edit__p-nav[data-v-c3f85e] svg path {
  fill: #fff;
}

.branding-edit__p-nav-items[data-v-c3f85e] {
  background-color: var(--companyColor);
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  width: 100%;
  padding: 25% 15%;
  transition: transform .3s ease-in-out;
  display: grid;
  position: absolute;
  top: 0;
  bottom: 4rem;
  left: 0;
  transform: translateY(100%);
}

.branding-edit__p-nav-items.open[data-v-c3f85e] {
  transform: translateY(0);
}

.branding-edit__p-nav-items[data-v-c3f85e] svg {
  width: 1rem;
  height: 1rem;
}

.branding-edit__p-nav-items[data-v-c3f85e] svg path {
  fill: #fff;
}

.branding-edit__p-nav-item[data-v-c3f85e] {
  background-color: var(--companyBtn);
  border: solid .1rem var(--companyLine);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.branding-edit__inputs[data-v-c3f85e] {
  flex-direction: column;
  flex: 2;
  gap: 2.4rem;
  padding: 5rem 0;
  display: flex;
}

.branding-edit__inputs .form-item[data-v-c3f85e] {
  align-items: center;
}

.branding-edit__inputs .form-item.vertical[data-v-c3f85e] {
  flex-direction: column;
  align-items: flex-start;
  gap: 1.6rem;
}

.branding-edit__inputs .left[data-v-c3f85e] {
  flex: 2 !important;
}

.branding-edit__inputs .left p[data-v-c3f85e] {
  max-width: 35rem;
}

.branding-edit__inputs .right[data-v-c3f85e] {
  flex: 0 !important;
}

[data-v-1ac592]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-1ac592] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-1ac592] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-1ac592] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-1ac592] {
  font-size: 1.4rem;
}

.label--small[data-v-1ac592] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-1ac592] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-1ac592] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-1ac592] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-1ac592] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-1ac592] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-1ac592] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-1ac592] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-1ac592] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-1ac592]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-1ac592] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-1ac592], .fade-leave-active[data-v-1ac592] {
  transition: opacity .3s;
}

.fade-enter[data-v-1ac592], .fade-leave-to[data-v-1ac592] {
  opacity: 0;
}

.dot[data-v-1ac592] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-1ac592] {
  display: none !important;
}

.invisible[data-v-1ac592] {
  opacity: 0;
}

.collect-for-download[data-v-1ac592] {
  background-color: #fff;
  height: 100%;
}

[data-v-230bc4]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-230bc4] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-230bc4] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-230bc4] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-230bc4] {
  font-size: 1.4rem;
}

.label--small[data-v-230bc4] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-230bc4] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-230bc4] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-230bc4] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-230bc4] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-230bc4] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-230bc4] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-230bc4] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-230bc4] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-230bc4]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-230bc4] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-230bc4], .fade-leave-active[data-v-230bc4] {
  transition: opacity .3s;
}

.fade-enter[data-v-230bc4], .fade-leave-to[data-v-230bc4] {
  opacity: 0;
}

.dot[data-v-230bc4] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-230bc4] {
  display: none !important;
}

.invisible[data-v-230bc4] {
  opacity: 0;
}

.collection-detail[data-v-230bc4] {
  background-color: #fff;
  height: 100%;
}

@media only screen and (width >= 540px) {
  .label--small-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

@media only screen and (width >= 540px) {
  .h1--d {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.collections {
  background-color: #fff;
  flex: 2;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

.collections .empty-collection {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: calc(100vh - 126px);
  display: flex;
  position: relative;
}

.collections .empty-collection .tooltip {
  top: 2rem;
  left: 5rem;
}

.collections .empty-collection h4 {
  color: var(--companyIconFade);
  letter-spacing: .28px;
  margin: 1.8rem 0 .5rem;
  font-size: 18px;
  font-weight: 500;
}

.collections .empty-collection p {
  color: #8c8c8c;
  letter-spacing: .25px;
  text-align: center;
  max-width: 285px;
  font-size: 14px;
  line-height: 18px;
}

.collections .details {
  opacity: 0;
  background-color: #fff;
  width: 0;
  transition: all .6s cubic-bezier(.5, 0, 0, 1);
}

.collections .details.active {
  opacity: 1;
  flex: none;
  width: 400px;
  max-height: calc(100vh - 125px);
  margin-top: 61px;
  padding: 90px 0 20px;
  position: relative;
  overflow: scroll;
}

@media only screen and (width <= 1350px) {
  .collections .details.active {
    margin-top: 0;
    position: fixed;
    top: 127px;
    right: 0;
  }

  .collections .details {
    z-index: 99;
    border-left: 1px solid #eaeaea;
    height: 100%;
    position: fixed;
    top: 127px;
    right: -400px;
  }
}

.collections .all-collections {
  flex: 2;
  padding: 2.8rem;
  overflow: auto;
}

.collections .all-collections h3 {
  color: #000;
  letter-spacing: .43px;
  margin: 0 0 2rem;
  font-size: 24px;
  font-weight: 500;
}

.collections .all-collections ul {
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  display: flex;
}

.collections .all-collections ul li {
  cursor: pointer;
  width: 170px;
  margin: 0 50px 50px 0;
}

.collections .all-collections ul li header {
  z-index: 1;
  border: .5px solid #eaeaea;
  border-radius: 2px;
  height: 110px;
  margin: 0 0 1rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.collections .all-collections ul li header.images {
  width: 170px;
}

.collections .all-collections ul li header .bg-img {
  z-index: -1;
  background-color: #eaeaea;
  justify-content: center;
  align-items: center;
  transition: transform .8s cubic-bezier(.5, 0, 0, 1);
  display: flex;
  position: absolute;
  inset: 0;
}

.collections .all-collections ul li header .bg-img .symbol {
  width: 4rem;
  height: 4rem;
}

.collections .all-collections ul li header .bg-img svg {
  width: 100%;
  height: 100%;
}

.collections .all-collections ul li header .bg-img svg path {
  fill: #fff;
}

.collections .all-collections ul li header .image {
  background-color: #d5d5d5;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1 0 auto;
  width: 50%;
  height: 100%;
  transition: width .8s cubic-bezier(.5, 0, 0, 1);
}

.collections .all-collections ul li header .image.right {
  border-left: 1px solid #eaeaea;
  flex-direction: column;
  display: flex;
}

.collections .all-collections ul li header .image.right > div {
  background-color: #d5d5d5;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  flex: 1 0 auto;
  width: 100%;
  height: 50%;
}

.collections .all-collections ul li header .image.right > div.top {
  border-bottom: 1px solid #eaeaea;
}

.collections .all-collections ul li p:first-of-type {
  color: #000;
  letter-spacing: .25px;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 13.5px;
  font-weight: 500;
  line-height: normal;
  overflow-x: hidden;
}

.collections .all-collections ul li p:last-of-type {
  color: #b5b5b5;
  letter-spacing: .21px;
  margin-top: 5px;
  font-size: 12px;
  font-weight: 500;
}

.collections .all-collections ul li:hover header .bg-img {
  transform: scale(1.15);
}

.collections .all-collections ul li:hover header .left {
  width: 60%;
}

.collections .all-collections ul li:hover header .right {
  width: 40%;
}

[data-v-ff8ff5]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-ff8ff5] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-ff8ff5] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-ff8ff5] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-ff8ff5] {
  font-size: 1.4rem;
}

.label--small[data-v-ff8ff5] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-ff8ff5] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-ff8ff5] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-ff8ff5] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-ff8ff5] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-ff8ff5] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-ff8ff5] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-ff8ff5] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-ff8ff5] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-ff8ff5]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-ff8ff5] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-ff8ff5], .fade-leave-active[data-v-ff8ff5] {
  transition: opacity .3s;
}

.fade-enter[data-v-ff8ff5], .fade-leave-to[data-v-ff8ff5] {
  opacity: 0;
}

.dot[data-v-ff8ff5] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-ff8ff5] {
  display: none !important;
}

.invisible[data-v-ff8ff5] {
  opacity: 0;
}

.desktop-files[data-v-ff8ff5] {
  background-color: #fff;
  height: 100%;
}

.desktop-files__empty[data-v-ff8ff5] {
  flex: 2;
  position: relative;
}

[data-v-76f7af]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-76f7af] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-76f7af] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-76f7af] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-76f7af] {
  font-size: 1.4rem;
}

.label--small[data-v-76f7af] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-76f7af] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-76f7af] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-76f7af] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-76f7af] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-76f7af] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-76f7af] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-76f7af] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-76f7af] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-76f7af]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-76f7af] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-76f7af], .fade-leave-active[data-v-76f7af] {
  transition: opacity .3s;
}

.fade-enter[data-v-76f7af], .fade-leave-to[data-v-76f7af] {
  opacity: 0;
}

.dot[data-v-76f7af] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-76f7af] {
  display: none !important;
}

.invisible[data-v-76f7af] {
  opacity: 0;
}

.desktop-spaces[data-v-76f7af] {
  height: 100%;
}

.desktop-spaces .spaces[data-v-76f7af] {
  height: 100%;
  min-height: 100%;
  overflow: auto;
}

.desktop-spaces .pane-content .spaces ul.spaces-list[data-v-76f7af] {
  padding: 2rem;
}

[data-v-2e1520]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-2e1520] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-2e1520] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-2e1520] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-2e1520] {
  font-size: 1.4rem;
}

.label--small[data-v-2e1520] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-2e1520] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-2e1520] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-2e1520] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-2e1520] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-2e1520] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-2e1520] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-2e1520] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-2e1520] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-2e1520]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-2e1520] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-2e1520], .fade-leave-active[data-v-2e1520] {
  transition: opacity .3s;
}

.fade-enter[data-v-2e1520], .fade-leave-to[data-v-2e1520] {
  opacity: 0;
}

.dot[data-v-2e1520] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-2e1520] {
  display: none !important;
}

.invisible[data-v-2e1520] {
  opacity: 0;
}

.home[data-v-2e1520] {
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.home__block[data-v-2e1520] {
  flex-direction: column;
  align-items: stretch;
  width: 50%;
  height: 100%;
  display: flex;
  position: relative;
  overflow: hidden;
}

[data-v-d10097]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-d10097] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-d10097] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-d10097] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-d10097] {
  font-size: 1.4rem;
}

.label--small[data-v-d10097] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-d10097] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-d10097] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-d10097] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-d10097] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-d10097] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-d10097] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-d10097] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-d10097] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-d10097]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-d10097] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-d10097], .fade-leave-active[data-v-d10097] {
  transition: opacity .3s;
}

.fade-enter[data-v-d10097], .fade-leave-to[data-v-d10097] {
  opacity: 0;
}

.dot[data-v-d10097] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-d10097] {
  display: none !important;
}

.invisible[data-v-d10097] {
  opacity: 0;
}

.invite-accepted[data-v-d10097] {
  height: 100vh;
  display: flex;
}

.invite-accepted .left[data-v-d10097] {
  -webkit-background-size: cover;
  background-image: url("../../../../img/pagenotfound.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.invite-accepted .left .symbol[data-v-d10097] {
  width: initial;
  height: initial;
}

.invite-accepted .left .symbol[data-v-d10097] svg path {
  fill: #fff;
}

.invite-accepted .right[data-v-d10097] {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.invite-accepted .right .container[data-v-d10097] {
  max-width: 520px;
}

.invite-accepted .right .container h2[data-v-d10097] {
  color: #000;
  letter-spacing: .5px;
  text-align: center;
  margin: 0 0 1.5rem;
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 4rem;
}

.invite-accepted .right .container p[data-v-d10097] {
  color: #8c8c8c;
  letter-spacing: .25px;
  text-align: center;
  margin: 0 0 3rem;
  font-size: 1.6rem;
  line-height: 2.1rem;
}

.invite-accepted .right .container a[data-v-d10097] {
  color: #fff;
  letter-spacing: .26px;
  background: #000;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 96%;
  max-width: 285px;
  height: 70px;
  margin: 0 auto;
  font-size: 1.4rem;
  font-weight: 500;
  transition: background-color .3s;
  display: flex;
}

.invite-accepted .right .container a span[data-v-d10097] {
  transition: transform .3s;
}

.invite-accepted .right .container a[data-v-d10097]:hover {
  background-color: #000;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-bd3b9c] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-bd3b9c] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }

  .h1--d[data-v-bd3b9c] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

[data-v-bd3b9c]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-bd3b9c] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-bd3b9c] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-bd3b9c] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-bd3b9c] {
  font-size: 1.4rem;
}

.label--small[data-v-bd3b9c] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-bd3b9c] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-bd3b9c] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-bd3b9c] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-bd3b9c] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-bd3b9c] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-bd3b9c] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-bd3b9c] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-bd3b9c] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-bd3b9c]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-bd3b9c] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-bd3b9c], .fade-leave-active[data-v-bd3b9c] {
  transition: opacity .3s;
}

.fade-enter[data-v-bd3b9c], .fade-leave-to[data-v-bd3b9c] {
  opacity: 0;
}

.dot[data-v-bd3b9c] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-bd3b9c] {
  display: none !important;
}

.invisible[data-v-bd3b9c] {
  opacity: 0;
}

.mobile-page[data-v-bd3b9c] {
  height: calc(var(--vh, 1vh) * 100);
  flex-direction: column;
  display: flex;
  position: relative;
}

.mobile-page__wrapper[data-v-bd3b9c] {
  height: calc(var(--vh, 1vh) * 100 - 6rem);
  flex-direction: column;
  flex: 2;
  display: flex;
  position: relative;
}

.mobile-page__content[data-v-bd3b9c] {
  flex-direction: column;
  flex: 2;
  height: 100%;
  display: flex;
  position: relative;
}

.mobile-page__scrollable-content[data-v-bd3b9c] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: auto;
}

.mobile-account[data-v-bd3b9c] {
  flex-direction: column;
  flex: 2;
  display: flex;
  position: relative;
}

.mobile-account__form[data-v-bd3b9c] {
  flex-direction: column;
  gap: 5rem;
  padding: 5rem 0;
  display: flex;
}

.mobile-account__input-wrapper[data-v-bd3b9c] {
  flex-direction: column;
  gap: 2.5rem;
  display: flex;
}

[data-v-04021f]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-04021f] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-04021f] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-04021f] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-04021f] {
  font-size: 1.4rem;
}

.label--small[data-v-04021f] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-04021f] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-04021f] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-04021f] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-04021f] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-04021f] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-04021f] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-04021f] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-04021f] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-04021f]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-04021f] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-04021f], .fade-leave-active[data-v-04021f] {
  transition: opacity .3s;
}

.fade-enter[data-v-04021f], .fade-leave-to[data-v-04021f] {
  opacity: 0;
}

.dot[data-v-04021f] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-04021f] {
  display: none !important;
}

.invisible[data-v-04021f] {
  opacity: 0;
}

[data-v-2283fc]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-2283fc] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-2283fc] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-2283fc] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-2283fc] {
  font-size: 1.4rem;
}

.label--small[data-v-2283fc] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-2283fc] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-2283fc] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-2283fc] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-2283fc] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-2283fc] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-2283fc] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-2283fc] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-2283fc] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-2283fc]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-2283fc] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-2283fc], .fade-leave-active[data-v-2283fc] {
  transition: opacity .3s;
}

.fade-enter[data-v-2283fc], .fade-leave-to[data-v-2283fc] {
  opacity: 0;
}

.dot[data-v-2283fc] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-2283fc] {
  display: none !important;
}

.invisible[data-v-2283fc] {
  opacity: 0;
}

.mobile-collections[data-v-2283fc] {
  background-color: #fff;
  flex-direction: column;
  flex: 2;
  height: 100%;
  display: flex;
}

.mobile-collections__content[data-v-2283fc] {
  flex: 2;
  position: relative;
}

[data-v-95457f]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-95457f] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-95457f] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-95457f] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-95457f] {
  font-size: 1.4rem;
}

.label--small[data-v-95457f] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-95457f] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-95457f] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-95457f] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-95457f] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-95457f] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-95457f] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-95457f] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-95457f] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-95457f]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-95457f] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-95457f], .fade-leave-active[data-v-95457f] {
  transition: opacity .3s;
}

.fade-enter[data-v-95457f], .fade-leave-to[data-v-95457f] {
  opacity: 0;
}

.dot[data-v-95457f] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-95457f] {
  display: none !important;
}

.invisible[data-v-95457f] {
  opacity: 0;
}

.mobile-download-collection[data-v-95457f] {
  background-color: #fff;
  flex-direction: column;
  flex: 2;
  height: 100%;
  display: flex;
}

.mobile-download-collection__content[data-v-95457f] {
  flex: 2;
  position: relative;
}

[data-v-64fd1f]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-64fd1f] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-64fd1f] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-64fd1f] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-64fd1f] {
  font-size: 1.4rem;
}

.label--small[data-v-64fd1f] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-64fd1f] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-64fd1f] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-64fd1f] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-64fd1f] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-64fd1f] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-64fd1f] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-64fd1f] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-64fd1f] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-64fd1f]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-64fd1f] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-64fd1f], .fade-leave-active[data-v-64fd1f] {
  transition: opacity .3s;
}

.fade-enter[data-v-64fd1f], .fade-leave-to[data-v-64fd1f] {
  opacity: 0;
}

.dot[data-v-64fd1f] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-64fd1f] {
  display: none !important;
}

.invisible[data-v-64fd1f] {
  opacity: 0;
}

.mobile-files[data-v-64fd1f] {
  background-color: #fff;
}

[data-v-828384]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-828384] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-828384] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-828384] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-828384] {
  font-size: 1.4rem;
}

.label--small[data-v-828384] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-828384] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-828384] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-828384] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-828384] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-828384] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-828384] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-828384] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-828384] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-828384]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-828384] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-828384], .fade-leave-active[data-v-828384] {
  transition: opacity .3s;
}

.fade-enter[data-v-828384], .fade-leave-to[data-v-828384] {
  opacity: 0;
}

.dot[data-v-828384] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-828384] {
  display: none !important;
}

.invisible[data-v-828384] {
  opacity: 0;
}

.mobile-invite-accepted[data-v-828384] {
  height: calc(var(--vh, 1vh) * 100);
  background-image: url("../../../../img/pagenotfound.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  display: flex;
}

.mobile-invite-accepted__content[data-v-828384] {
  flex-direction: column;
  flex: 2;
  justify-content: center;
  padding: 2rem;
  display: flex;
}

.mobile-invite-accepted__title[data-v-828384] {
  color: #fff;
  text-align: center;
}

[data-v-aa0cc2]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-aa0cc2] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-aa0cc2] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-aa0cc2] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-aa0cc2] {
  font-size: 1.4rem;
}

.label--small[data-v-aa0cc2] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-aa0cc2] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-aa0cc2] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-aa0cc2] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-aa0cc2] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-aa0cc2] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-aa0cc2] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-aa0cc2] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-aa0cc2] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-aa0cc2]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-aa0cc2] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-aa0cc2], .fade-leave-active[data-v-aa0cc2] {
  transition: opacity .3s;
}

.fade-enter[data-v-aa0cc2], .fade-leave-to[data-v-aa0cc2] {
  opacity: 0;
}

.dot[data-v-aa0cc2] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-aa0cc2] {
  display: none !important;
}

.invisible[data-v-aa0cc2] {
  opacity: 0;
}

.mobile-login[data-v-aa0cc2] {
  height: calc(var(--vh, 1vh) * 100);
  flex-direction: column;
  padding: 0 1.8rem;
  display: flex;
  position: relative;
}

.mobile-login__logo[data-v-aa0cc2] {
  justify-content: center;
  padding: 6rem 0 1rem;
  display: flex;
}

.mobile-login__logo img[data-v-aa0cc2] {
  height: 6rem;
}

.mobile-login__form[data-v-aa0cc2] {
  flex-direction: column;
  flex: 2;
  display: flex;
}

.mobile-login__form-header[data-v-aa0cc2] {
  color: #fff;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2.2rem;
  display: flex;
}

.mobile-login__form-header .symbol[data-v-aa0cc2] {
  width: initial;
  margin-right: 1rem;
}

.mobile-login__form-header .symbol[data-v-aa0cc2] svg {
  width: initial;
}

.mobile-login__form-header .symbol[data-v-aa0cc2] svg path {
  fill: #fff;
}

.mobile-login__form-content[data-v-aa0cc2] {
  flex-direction: column;
  flex: 2;
  justify-content: center;
  margin-top: -6rem;
  display: flex;
}

.mobile-login__form-content .validated[data-v-aa0cc2] {
  margin-top: 1.6rem;
}

.mobile-login__bg[data-v-aa0cc2] {
  z-index: -1;
  pointer-events: none;
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.mobile-login__bg[data-v-aa0cc2]:after {
  content: "";
  z-index: 2;
  background-color: rgba(var(--companyColor), .8);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.mobile-login__bg img[data-v-aa0cc2], .mobile-login__bg video[data-v-aa0cc2] {
  object-fit: cover;
  pointer-events: none;
  width: 100%;
  height: 100%;
}

[data-v-6bec6d]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-6bec6d] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-6bec6d] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-6bec6d] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-6bec6d] {
  font-size: 1.4rem;
}

.label--small[data-v-6bec6d] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-6bec6d] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-6bec6d] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-6bec6d] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-6bec6d] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-6bec6d] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-6bec6d] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-6bec6d] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-6bec6d] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-6bec6d]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-6bec6d] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-6bec6d], .fade-leave-active[data-v-6bec6d] {
  transition: opacity .3s;
}

.fade-enter[data-v-6bec6d], .fade-leave-to[data-v-6bec6d] {
  opacity: 0;
}

.dot[data-v-6bec6d] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-6bec6d] {
  display: none !important;
}

.invisible[data-v-6bec6d] {
  opacity: 0;
}

[data-v-9d3e08]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-9d3e08] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-9d3e08] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-9d3e08] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-9d3e08] {
  font-size: 1.4rem;
}

.label--small[data-v-9d3e08] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-9d3e08] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-9d3e08] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-9d3e08] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-9d3e08] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-9d3e08] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-9d3e08] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-9d3e08] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-9d3e08] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-9d3e08]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-9d3e08] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-9d3e08], .fade-leave-active[data-v-9d3e08] {
  transition: opacity .3s;
}

.fade-enter[data-v-9d3e08], .fade-leave-to[data-v-9d3e08] {
  opacity: 0;
}

.dot[data-v-9d3e08] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-9d3e08] {
  display: none !important;
}

.invisible[data-v-9d3e08] {
  opacity: 0;
}

[data-v-6c1ad5]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-6c1ad5] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-6c1ad5] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-6c1ad5] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-6c1ad5] {
  font-size: 1.4rem;
}

.label--small[data-v-6c1ad5] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-6c1ad5] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-6c1ad5] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-6c1ad5] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-6c1ad5] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-6c1ad5] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-6c1ad5] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-6c1ad5] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-6c1ad5] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-6c1ad5]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-6c1ad5] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-6c1ad5], .fade-leave-active[data-v-6c1ad5] {
  transition: opacity .3s;
}

.fade-enter[data-v-6c1ad5], .fade-leave-to[data-v-6c1ad5] {
  opacity: 0;
}

.dot[data-v-6c1ad5] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-6c1ad5] {
  display: none !important;
}

.invisible[data-v-6c1ad5] {
  opacity: 0;
}

.pagenotfound[data-v-6c1ad5] {
  height: 100vh;
  display: flex;
}

.pagenotfound .left[data-v-6c1ad5] {
  -webkit-background-size: cover;
  background-image: url("/img/pagenotfound.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.pagenotfound .left .symbol[data-v-6c1ad5] {
  width: initial;
  height: initial;
}

.pagenotfound .left .symbol[data-v-6c1ad5] svg path {
  fill: #fff;
}

.pagenotfound .right[data-v-6c1ad5] {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 50%;
  display: flex;
}

.pagenotfound .right .container[data-v-6c1ad5] {
  max-width: 520px;
}

.pagenotfound .right .container h2[data-v-6c1ad5] {
  color: #000;
  letter-spacing: .5px;
  text-align: center;
  margin: 0 0 1.5rem;
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 4rem;
}

.pagenotfound .right .container p[data-v-6c1ad5] {
  color: #8c8c8c;
  letter-spacing: .25px;
  text-align: center;
  margin: 0 0 3rem;
  font-size: 1.6rem;
  line-height: 2.1rem;
}

.pagenotfound .right .container a[data-v-6c1ad5] {
  color: #fff;
  letter-spacing: .26px;
  background: #000;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  width: 96%;
  max-width: 285px;
  height: 70px;
  margin: 0 auto;
  font-size: 1.4rem;
  font-weight: 500;
  transition: background-color .3s;
  display: flex;
}

.pagenotfound .right .container a span[data-v-6c1ad5] {
  transition: transform .3s;
}

.pagenotfound .right .container a[data-v-6c1ad5]:hover {
  background-color: #000;
}

[data-v-73c329]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-73c329] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-73c329] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-73c329] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-73c329] {
  font-size: 1.4rem;
}

.label--small[data-v-73c329] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-73c329] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-73c329] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-73c329] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-73c329] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-73c329] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-73c329] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-73c329] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-73c329] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-73c329]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-73c329] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-73c329], .fade-leave-active[data-v-73c329] {
  transition: opacity .3s;
}

.fade-enter[data-v-73c329], .fade-leave-to[data-v-73c329] {
  opacity: 0;
}

.dot[data-v-73c329] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-73c329] {
  display: none !important;
}

.invisible[data-v-73c329] {
  opacity: 0;
}

.no-page-mobile[data-v-73c329] {
  height: calc(var(--vh, 1vh) * 100);
  background-image: url("../../../../img/pagenotfound.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  display: flex;
}

.no-page-mobile__content[data-v-73c329] {
  flex-direction: column;
  flex: 2;
  justify-content: center;
  padding: 2rem;
  display: flex;
}

.no-page-mobile__title[data-v-73c329] {
  color: #fff;
  text-align: center;
}

:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1 {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3 {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title {
  font-size: 2.1rem;
  font-weight: 500;
}

.label {
  font-size: 1.4rem;
}

.label--small {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active, .fade-leave-active {
  transition: opacity .3s;
}

.fade-enter, .fade-leave-to {
  opacity: 0;
}

.dot {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide {
  display: none !important;
}

.invisible {
  opacity: 0;
}

#notifications-main {
  background-color: #fff;
  height: 100%;
  position: relative;
}

#notifications-main section.notifications-overview-section {
  background-color: #fff;
  flex: 2;
  width: 100%;
  max-height: calc(100vh - 65px);
  margin: 0 auto;
  overflow: scroll;
}

#notifications-main section.notifications-overview-section header.notifications-overview-header {
  width: 85%;
  margin: 50px auto 0;
}

#notifications-main section.notifications-overview-section header.notifications-overview-header h1 {
  letter-spacing: .43px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 300;
  line-height: 30px;
}

#notifications-main section.notifications-overview-section div.notifications-overview-container {
  width: 85%;
  min-height: calc(100vh - 65px);
  margin: 0 auto 50px;
}

#notifications-main section.notifications-overview-section div.notifications-overview-container div.notifications-overview-period {
  width: 100%;
  padding: 20px 0;
}

#notifications-main section.notifications-overview-section div.notifications-overview-container div.notifications-overview-period:first-child {
  margin-top: 0;
}

#notifications-main section.notifications-overview-section div.notifications-overview-container div.notifications-overview-period.v-fade {
  transition: opacity .5s;
  display: inherit !important;
}

#notifications-main section.notifications-overview-section div.notifications-overview-container div.notifications-overview-period.v-fade[style*="display: none;"] {
  opacity: 0;
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
}

#notifications-main section.notifications-overview-section div.notifications-overview-container div.notifications-overview-period h1 {
  color: #8c8c8c;
  letter-spacing: .32px;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 300;
  line-height: 23px;
}

#notifications-main section.notifications-overview-section div.notifications-overview-container div.notifications-overview-period div.notifications-overview-content {
  border-top: 1px solid #eaeaeab3;
  border-radius: 3px;
  box-shadow: 0 2px 33px #00000005;
}

#notifications-main section.notifications-overview-section div.notifications-overview-container div.notifications-overview-period div.notifications-overview-content ul {
  width: 100%;
  max-height: 600px;
  transition: max-height .5s;
  overflow: hidden;
}

#notifications-main section.notifications-overview-section div.notifications-overview-container div.notifications-overview-period div.notifications-overview-content ul.no-more {
  border-bottom: 1px solid #eaeaeab3;
}

#notifications-main section.notifications-overview-section div.notifications-overview-container div.notifications-overview-period div.notifications-overview-content ul li {
  border-left: 1px solid #eaeaeab3;
  border-right: 1px solid #eaeaeab3;
  justify-content: space-between;
  align-items: center;
  height: 60px;
  padding: 20px 30px;
  display: flex;
}

#notifications-main section.notifications-overview-section div.notifications-overview-container div.notifications-overview-period div.notifications-overview-content ul li.clickable {
  cursor: pointer;
  transition: background-color .3s;
}

#notifications-main section.notifications-overview-section div.notifications-overview-container div.notifications-overview-period div.notifications-overview-content ul li.clickable:hover {
  background-color: #0000001a;
}

#notifications-main section.notifications-overview-section div.notifications-overview-container div.notifications-overview-period div.notifications-overview-content ul li + li {
  border-top: 1px solid #f4f4f4;
}

#notifications-main section.notifications-overview-section div.notifications-overview-container div.notifications-overview-period div.notifications-overview-content ul li .symbol svg {
  width: 1.4rem;
  height: 1.4rem;
}

#notifications-main section.notifications-overview-section div.notifications-overview-container div.notifications-overview-period div.notifications-overview-content ul li .symbol svg svg path {
  fill: var(--color);
}

#notifications-main section.notifications-overview-section div.notifications-overview-container div.notifications-overview-period div.notifications-overview-content ul li .user {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  display: flex;
}

#notifications-main section.notifications-overview-section div.notifications-overview-container div.notifications-overview-period div.notifications-overview-content ul li .user .symbol {
  width: 14px;
  height: 14px;
}

#notifications-main section.notifications-overview-section div.notifications-overview-container div.notifications-overview-period div.notifications-overview-content ul li .user span.message {
  overflow-wrap: break-word;
  color: #000;
  letter-spacing: .25px;
  align-items: center;
  gap: .4rem;
  margin: 0 0 0 15px;
  font-size: 14px;
  font-weight: 500;
  line-height: 18px;
  display: flex;
}

#notifications-main section.notifications-overview-section div.notifications-overview-container div.notifications-overview-period div.notifications-overview-content ul li .user span.message span.foldername {
  position: relative;
}

#notifications-main section.notifications-overview-section div.notifications-overview-container div.notifications-overview-period div.notifications-overview-content ul li .user span.message span.foldername.root:before {
  content: "";
  background-color: var(--color);
  border-radius: 3px;
  width: 7px;
  height: 7px;
  transition: background-color .3s;
  display: block;
  position: absolute;
  top: 50%;
  left: -10px;
  transform: translateY(-50%);
}

#notifications-main section.notifications-overview-section div.notifications-overview-container div.notifications-overview-period div.notifications-overview-content ul li .user span.date {
  color: #b5b5b5;
  letter-spacing: .25px;
  padding: 0 0 0 10px;
  font-size: 14px;
  font-weight: 300;
  line-height: 18px;
}

#notifications-main section.notifications-overview-section div.notifications-overview-container div.notifications-overview-period div.notifications-overview-content div.load-more {
  z-index: 5;
  cursor: pointer;
  background: #fafafa;
  border: none;
  border-radius: 0 0 8px 8px;
  justify-content: center;
  align-items: center;
  height: 60px;
  display: flex;
}

#notifications-main section.notifications-overview-section div.notifications-overview-container div.notifications-overview-period div.notifications-overview-content div.load-more.disable {
  display: none !important;
}

#notifications-main section.notifications-overview-section div.notifications-overview-container div.notifications-overview-period div.notifications-overview-content div.load-more span {
  color: #b5b5b5;
  letter-spacing: .25px;
  font-size: 14px;
  font-weight: 300;
}

[data-v-d0a440]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-d0a440] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-d0a440] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-d0a440] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-d0a440] {
  font-size: 1.4rem;
}

.label--small[data-v-d0a440] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-d0a440] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-d0a440] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-d0a440] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-d0a440] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-d0a440] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-d0a440] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-d0a440] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-d0a440] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-d0a440]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-d0a440] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-d0a440], .fade-leave-active[data-v-d0a440] {
  transition: opacity .3s;
}

.fade-enter[data-v-d0a440], .fade-leave-to[data-v-d0a440] {
  opacity: 0;
}

.dot[data-v-d0a440] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-d0a440] {
  display: none !important;
}

.invisible[data-v-d0a440] {
  opacity: 0;
}

.page-wrapper[data-v-d0a440] {
  z-index: 1;
  flex-direction: column;
  height: 100vh;
  display: flex;
  overflow: hidden;
}

.page-wrapper main[data-v-d0a440] {
  flex: 2;
  overflow: hidden;
}

[data-v-985407]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-985407] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-985407] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-985407] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-985407] {
  font-size: 1.4rem;
}

.label--small[data-v-985407] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-985407] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-985407] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-985407] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-985407] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-985407] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-985407] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-985407] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-985407] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-985407]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-985407] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-985407], .fade-leave-active[data-v-985407] {
  transition: opacity .3s;
}

.fade-enter[data-v-985407], .fade-leave-to[data-v-985407] {
  opacity: 0;
}

.dot[data-v-985407] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-985407] {
  display: none !important;
}

.invisible[data-v-985407] {
  opacity: 0;
}

div.pricing[data-v-985407] {
  background-color: #fff;
  height: 100vh;
  padding: 100px 0 0;
  overflow: scroll;
}

div.pricing header[data-v-985407] {
  margin: 0 0 50px;
}

div.pricing header .symbol[data-v-985407] {
  justify-content: center;
  display: flex;
}

div.pricing header svg[data-v-985407] {
  opacity: 0;
  margin: 0 auto;
  animation-name: fadeUp;
  animation-duration: .8s;
  animation-timing-function: cubic-bezier(.5, 0, 0, 1);
  animation-fill-mode: forwards;
  display: block;
}

div.pricing header h2[data-v-985407] {
  color: #000;
  letter-spacing: .56px;
  text-align: center;
  opacity: 0;
  margin: 12px 0;
  font-size: 36px;
  font-weight: bold;
  line-height: 48px;
  animation-name: fadeUp;
  animation-duration: .8s;
  animation-timing-function: cubic-bezier(.5, 0, 0, 1);
  animation-delay: .4s;
  animation-fill-mode: forwards;
}

div.pricing header p[data-v-985407] {
  color: #8c8c8c;
  letter-spacing: .29px;
  text-align: center;
  opacity: 0;
  max-width: 520px;
  margin: 0 auto;
  font-size: 16px;
  line-height: 20px;
  animation-name: fadeUp;
  animation-duration: .8s;
  animation-timing-function: cubic-bezier(.5, 0, 0, 1);
  animation-delay: .4s;
  animation-fill-mode: forwards;
}

div.pricing .pricing[data-v-985407] {
  background-image: url("../../../../img/landingspage/grid-bg.jpg");
  background-position: top;
  background-repeat: repeat-x;
  background-size: 100%;
  padding-top: 75px;
  padding-bottom: 70px;
  position: relative;
}

@media only screen and (width <= 950px) {
  div.pricing .pricing[data-v-985407] {
    padding-top: 20px;
  }
}

@media only screen and (width <= 550px) {
  div.pricing .pricing[data-v-985407] {
    padding-top: 0;
  }
}

div.pricing .pricing .container[data-v-985407] {
  z-index: 2;
  width: 100%;
  max-width: 1280px;
  height: 100%;
  margin: 0 auto;
  position: relative;
}

@media only screen and (width <= 1000px) {
  div.pricing .pricing .container[data-v-985407] {
    width: 90%;
  }
}

div.pricing .pricing_title[data-v-985407] {
  text-align: center;
  opacity: 0;
  max-width: 650px;
  margin: 0 auto;
  padding-top: 75px;
}

div.pricing .pricing_title h2[data-v-985407] {
  color: #000;
  letter-spacing: .5px;
  margin: 0;
  font-size: 36px;
  font-weight: bold;
  line-height: 40px;
}

@media only screen and (width <= 550px) {
  div.pricing .pricing_title h2[data-v-985407] {
    letter-spacing: 0;
    font-size: 24px;
    line-height: 26px;
  }
}

div.pricing .pricing_title p[data-v-985407] {
  color: #8c8c8c;
  letter-spacing: .25px;
  font-size: 16px;
  line-height: 21px;
}

div.pricing .pricing_content[data-v-985407] {
  justify-content: center;
  align-items: baseline;
  margin: 50px 0 10px;
  display: flex;
}

@media only screen and (width <= 950px) {
  div.pricing .pricing_content[data-v-985407] {
    align-items: center;
  }
}

@media only screen and (width <= 750px) {
  div.pricing .pricing_content[data-v-985407] {
    flex-direction: column;
  }
}

div.pricing .pricing_content_head[data-v-985407] {
  text-align: center;
  margin-bottom: 40px;
}

div.pricing .pricing_content_head.white h4[data-v-985407], div.pricing .pricing_content_head.white p[data-v-985407] {
  color: #000;
}

div.pricing .pricing_content_head.black h4[data-v-985407], div.pricing .pricing_content_head.black p[data-v-985407] {
  color: #fff;
}

@media only screen and (width <= 950px) {
  div.pricing .pricing_content_head[data-v-985407] {
    margin-bottom: 20px;
  }
}

div.pricing .pricing_content_head h4[data-v-985407] {
  letter-spacing: .5px;
  margin: 0;
  font-size: 32px;
  font-weight: bold;
}

@media only screen and (width <= 950px) {
  div.pricing .pricing_content_head h4[data-v-985407] {
    font-size: 24px;
  }
}

div.pricing .pricing_content_head p[data-v-985407] {
  letter-spacing: -.5px;
  margin: 0;
  font-size: 32px;
  font-weight: bold;
}

@media only screen and (width <= 950px) {
  div.pricing .pricing_content_head p[data-v-985407] {
    font-size: 24px;
  }
}

div.pricing .pricing_content_head p span[data-v-985407] {
  letter-spacing: .3px;
  vertical-align: super;
  margin-left: 5px;
  font-size: 13px;
  font-weight: bold;
}

div.pricing .pricing_content_features[data-v-985407] {
  margin-bottom: 50px;
}

div.pricing .pricing_content_features p[data-v-985407] {
  letter-spacing: .25px;
  min-width: 225px;
  padding: 1em 20px;
  font-size: 14px;
  display: block;
}

@media only screen and (width <= 950px) {
  div.pricing .pricing_content_features p[data-v-985407] {
    font-size: 12px;
  }
}

@media only screen and (width <= 750px) {
  div.pricing .pricing_content_features p.empty[data-v-985407] {
    display: none;
  }
}

div.pricing .pricing_content_features p.storagespace.black[data-v-985407]:before {
  background-image: url("../../../../img/landingspage/pricing-storagespace-white.svg");
  width: 14px;
  height: 14px;
}

div.pricing .pricing_content_features p.storagespace.white[data-v-985407]:before {
  background-image: url("../../../../img/landingspage/pricing-storagespace-black.svg");
  width: 14px;
  height: 14px;
}

div.pricing .pricing_content_features p.userroles.black[data-v-985407]:before {
  background-image: url("../../../../img/landingspage/pricing-userroles-white.svg");
  width: 16px;
  height: 12px;
}

div.pricing .pricing_content_features p.userroles.white[data-v-985407]:before {
  background-image: url("../../../../img/landingspage/pricing-userroles-black.svg");
  width: 16px;
  height: 12px;
}

div.pricing .pricing_content_features p.quicktransfer.black[data-v-985407]:before {
  background-image: url("../../../../img/landingspage/pricing-quicktransfer-white.svg");
  width: 15px;
  height: 14px;
}

div.pricing .pricing_content_features p.quicktransfer.white[data-v-985407]:before {
  background-image: url("../../../../img/landingspage/pricing-quicktransfer-black.svg");
  width: 15px;
  height: 14px;
}

div.pricing .pricing_content_features p.myspace.black[data-v-985407]:before {
  background-image: url("../../../../img/landingspage/pricing-myspace-white.svg");
  width: 14px;
  height: 14px;
}

div.pricing .pricing_content_features p.myspace.white[data-v-985407]:before {
  background-image: url("../../../../img/landingspage/pricing-myspace-black.svg");
  width: 14px;
  height: 14px;
}

div.pricing .pricing_content_features p.cropping.black[data-v-985407]:before {
  background-image: url("../../../../img/landingspage/pricing-cropping-white.svg");
  width: 14px;
  height: 14px;
}

div.pricing .pricing_content_features p.cropping.white[data-v-985407]:before {
  background-image: url("../../../../img/landingspage/pricing-cropping-black.svg");
  width: 14px;
  height: 14px;
}

div.pricing .pricing_content_features p.faceobject.black[data-v-985407]:before {
  background-image: url("../../../../img/landingspage/pricing-faceobject-white.svg");
  width: 14px;
  height: 14px;
}

div.pricing .pricing_content_features p.faceobject.white[data-v-985407]:before {
  background-image: url("../../../../img/landingspage/pricing-faceobject-black.svg");
  width: 14px;
  height: 14px;
}

div.pricing .pricing_content_features p.password.black[data-v-985407]:before {
  background-image: url("../../../../img/landingspage/pricing-password-white.svg");
  width: 12px;
  height: 15px;
  left: 2px;
}

div.pricing .pricing_content_features p.password.white[data-v-985407]:before {
  background-image: url("../../../../img/landingspage/pricing-password-black.svg");
  width: 12px;
  height: 15px;
  left: 2px;
}

div.pricing .pricing_content_features p + p[data-v-985407] {
  padding-top: 1em;
}

div.pricing .pricing_content_features p span[data-v-985407] {
  font-weight: 700;
}

div.pricing .pricing_content_features p span.light[data-v-985407] {
  color: #b5b5b5;
  letter-spacing: .75px;
  text-transform: uppercase;
  margin-top: 5px;
  margin-left: 30px;
  font-size: 10px;
  font-weight: bold;
  display: block;
}

div.pricing .pricing_content_features.white[data-v-985407] {
  color: var(--companyIconFade);
}

div.pricing .pricing_content_features.white p[data-v-985407]:before {
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 15px;
  display: inline-block;
  position: relative;
  top: 2px;
}

div.pricing .pricing_content_features.white p + p[data-v-985407] {
  border-top: 1px dashed #f0f0f0;
}

div.pricing .pricing_content_features.black[data-v-985407] {
  color: #fff;
}

div.pricing .pricing_content_features.black p[data-v-985407]:before {
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-right: 15px;
  display: inline-block;
  position: relative;
  top: 2px;
}

div.pricing .pricing_content_features.black p + p[data-v-985407] {
  border-top: 1px dashed var(--companyIconFade);
}

div.pricing .pricing_content_button[data-v-985407] {
  background: var(--lightBtn);
  border: 1px solid var(--lightBtnBorder);
  text-align: center;
  color: #000;
  letter-spacing: .22px;
  cursor: pointer;
  border-radius: 0 0 3px 3px;
  height: 60px;
  font-size: 14px;
  font-weight: 500;
  line-height: 60px;
  transition: background-color .3s;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

div.pricing .pricing_content_button[data-v-985407]:hover {
  background-color: var(--lightBtnHover);
}

div.pricing .pricing_content_button.dark[data-v-985407] {
  background-color: var(--companyBtn);
  border: 1px solid var(--companyLine);
  color: #fff;
}

div.pricing .pricing_content_button.dark[data-v-985407]:hover {
  background-color: var(--companyBtnHover);
}

div.pricing .pricing_content_current[data-v-985407] {
  letter-spacing: .75px;
  text-align: center;
  text-transform: uppercase;
  background-color: var(--companyBtn);
  color: #8c8c8c;
  border: none;
  border-radius: 0 0 3px 3px;
  justify-content: center;
  align-items: center;
  height: 60px;
  font-size: 10px;
  font-weight: 900;
  line-height: 60px;
  display: flex;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

div.pricing .pricing_content_current svg[data-v-985407] {
  margin-right: 5px;
}

div.pricing .pricing_content_current.dark[data-v-985407] {
  border: 1px solid #000;
}

div.pricing .pricing_content > div[data-v-985407] {
  position: relative;
}

div.pricing .pricing_item[data-v-985407] {
  background: #fff;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  border-left: 1px solid #f2f2f2;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  padding: 50px 40px;
}

@media only screen and (width <= 950px) {
  div.pricing .pricing_item[data-v-985407] {
    padding: 20px 10px;
  }
}

@media only screen and (width <= 750px) {
  div.pricing .pricing_item[data-v-985407] {
    border-bottom: none;
    border-right: 1px solid #f2f2f2;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 0;
    width: 100%;
  }
}

div.pricing .pricing_item.active[data-v-985407] {
  background: #000;
  border-radius: 3px;
  padding: 60px 40px;
  box-shadow: 0 -1px 9px #0000001a, -4px 0 #00000008, 4px 0 233px #00000008;
}

@media only screen and (width <= 950px) {
  div.pricing .pricing_item.active[data-v-985407] {
    padding: 20px 10px;
  }
}

@media only screen and (width <= 750px) {
  div.pricing .pricing_item.active[data-v-985407] {
    width: 100%;
  }
}

div.pricing .buttons[data-v-985407] {
  justify-content: center;
  margin-bottom: 25px;
  display: flex;
}

div.pricing .buttons button[data-v-985407] {
  opacity: 0;
  pointer-events: none;
  min-width: 330px;
  transition: opacity .3s;
}

div.pricing .buttons button.active[data-v-985407] {
  opacity: 1;
  pointer-events: initial;
}

div.pricing .feedback[data-v-985407] {
  justify-content: center;
  display: flex;
}

div.pricing .feedback a[data-v-985407] {
  text-align: center;
  color: #000;
  letter-spacing: .25px;
  opacity: 0;
  pointer-events: none;
  min-width: 330px;
  font-size: 12px;
  font-weight: 500;
  text-decoration: underline;
  transition: opacity .3s;
}

div.pricing .feedback a.active[data-v-985407] {
  opacity: 1;
  pointer-events: initial;
}

div.pricing .errors[data-v-985407] {
  justify-content: center;
  margin-top: 25px;
  display: flex;
}

div.pricing .errors p[data-v-985407] {
  color: #df3535;
  text-align: center;
  letter-spacing: .25px;
  opacity: 0;
  pointer-events: none;
  max-width: 330px;
  font-size: 13px;
  font-weight: 500;
  line-height: 14px;
  transition: opacity .3s;
}

div.pricing .errors p.active[data-v-985407] {
  opacity: 1;
  pointer-events: initial;
}

[data-v-78f32f]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-78f32f], .editpage section.adjustments-page .wrapper[data-v-78f32f] h3 {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-78f32f] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-78f32f] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-78f32f] {
  font-size: 1.4rem;
}

.label--small[data-v-78f32f] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-78f32f] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-78f32f] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-78f32f] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-78f32f] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-78f32f] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-78f32f] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-78f32f] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-78f32f] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-78f32f]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-78f32f] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-78f32f], .fade-leave-active[data-v-78f32f] {
  transition: opacity .3s;
}

.fade-enter[data-v-78f32f], .fade-leave-to[data-v-78f32f] {
  opacity: 0;
}

.dot[data-v-78f32f] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-78f32f] {
  display: none !important;
}

.invisible[data-v-78f32f] {
  opacity: 0;
}

.editpage[data-v-78f32f] {
  flex: 1 0 100%;
  display: flex;
}

.editpage[data-v-78f32f] .splitpanes__pane {
  height: auto;
}

.editpage nav.admin-edit[data-v-78f32f] {
  background-color: #fff;
  width: 100%;
  height: 100%;
}

.editpage nav.admin-edit ul[data-v-78f32f] {
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
  overflow-y: auto;
}

.editpage nav.admin-edit ul li[data-v-78f32f] {
  cursor: pointer;
  border-bottom: 1px solid #f4f4f4;
  transition: background-color .3s, border .3s;
}

.editpage nav.admin-edit ul li a[data-v-78f32f] {
  color: #000;
  letter-spacing: .25px;
  align-items: center;
  padding: 25px 50px;
  font-size: 14px;
  display: flex;
}

.editpage nav.admin-edit ul li a .symbol[data-v-78f32f] {
  height: inherit;
  width: inherit;
  align-items: center;
  margin-right: 1.2rem;
  display: flex;
}

.editpage nav.admin-edit ul li a .symbol[data-v-78f32f] svg {
  width: auto !important;
  height: auto !important;
}

.editpage nav.admin-edit ul li a .symbol[data-v-78f32f] svg path {
  transition: fill .3s;
}

.editpage nav.admin-edit ul li[data-v-78f32f]:hover, .editpage nav.admin-edit ul li.active[data-v-78f32f] {
  background-color: var(--companyBtn);
  border-color: var(--companyBtn);
}

.editpage nav.admin-edit ul li:hover a[data-v-78f32f], .editpage nav.admin-edit ul li.active a[data-v-78f32f] {
  color: #fff;
}

.editpage nav.admin-edit ul li[data-v-78f32f]:hover:after, .editpage nav.admin-edit ul li.active[data-v-78f32f]:after {
  border-color: var(--companyBtn);
  background-color: var(--companyBtn);
}

.editpage nav.admin-edit ul li:hover .symbol[data-v-78f32f] svg path, .editpage nav.admin-edit ul li.active .symbol[data-v-78f32f] svg path {
  fill: #fff;
}

.editpage section.adjustments-page[data-v-78f32f] {
  background-color: #fff;
  height: calc(100vh - 65px);
  padding: 5rem 2.5rem;
  overflow: auto;
}

.editpage section.adjustments-page > [data-v-78f32f] {
  max-width: 1080px;
  margin: 0 auto;
}

.editpage section.adjustments-page h2[data-v-78f32f] {
  color: #000;
  letter-spacing: .43px;
  font-size: 24px;
}

.editpage section.adjustments-page small[data-v-78f32f] {
  color: #b5b5b5;
  margin-top: .5rem;
  font-size: 1.2rem;
  display: block;
}

.editpage section.adjustments-page .wrapper[data-v-78f32f] {
  margin-top: 3rem;
}

.editpage section.adjustments-page .wrapper[data-v-78f32f] h3 {
  color: #8c8c8c;
  letter-spacing: .032rem;
  margin-bottom: 1.5rem;
  font-weight: 500;
}

.editpage section.adjustments-page .wrapper[data-v-78f32f] .form-items {
  background: #fff;
  border: 1px solid #f4f4f4;
  padding: 5rem;
  box-shadow: 0 2px 33px #00000005;
}

.editpage section.adjustments-page .wrapper[data-v-78f32f] .form-items h5 {
  margin-bottom: 2rem;
  font-weight: 200 !important;
}

.editpage section.adjustments-page .wrapper[data-v-78f32f] .form-items > p {
  color: #b5b5b5;
  margin-bottom: 2rem;
  margin-left: 1rem;
  padding-left: 2rem;
  font-size: 1.4rem;
  line-height: 20px;
}

.editpage section.adjustments-page .wrapper[data-v-78f32f] .form-items div {
  background-color: #fafafa;
  border: 1px solid #eaeaea;
  margin-bottom: 2rem;
  margin-left: 3rem;
  padding: 1.5rem 2rem;
  position: relative;
}

.editpage section.adjustments-page .wrapper[data-v-78f32f] .form-items div span {
  justify-content: center;
  align-items: center;
  width: 7rem;
  height: 7rem;
  margin: 0;
  display: flex;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
}

.editpage section.adjustments-page .wrapper[data-v-78f32f] .form-items div span svg {
  width: 100%;
  height: 100%;
}

.editpage section.adjustments-page .wrapper[data-v-78f32f] .form-items div p {
  color: #000;
  margin: 0;
  line-height: 20px;
}

.editpage section.adjustments-page .wrapper[data-v-78f32f] .form-items div p strong {
  font-weight: bold;
}

.editpage section.adjustments-page .wrapper[data-v-78f32f] .form-items ul {
  margin-bottom: 2rem;
  padding-left: 5rem;
}

.editpage section.adjustments-page .wrapper[data-v-78f32f] .form-items ul li {
  color: #b5b5b5;
  margin-bottom: .5rem;
  margin-left: 1rem;
  font-size: 1.4rem;
  line-height: 20px;
  list-style-type: disc;
}

.editpage section.adjustments-page .wrapper[data-v-78f32f] .form-items ol {
  padding-left: 2rem;
}

.editpage section.adjustments-page .wrapper[data-v-78f32f] .form-items ol li {
  color: #000;
  margin-bottom: 2rem;
  margin-left: 1rem;
  font-size: 1.4rem;
  list-style-type: decimal;
}

.editpage section.adjustments-page .wrapper[data-v-78f32f] .form-items ol li * {
  color: #b5b5b5;
  margin-left: 1rem;
  font-size: 1.4rem;
}

.editpage section.adjustments-page .wrapper[data-v-78f32f] .form-items ol li strong {
  margin-left: 0;
}

.editpage section.adjustments-page .wrapper[data-v-78f32f] .form-items ol li h6 {
  color: #000;
  margin-bottom: 1rem;
  font-size: 1.5rem;
  font-weight: 200 !important;
}

.editpage section.adjustments-page .wrapper[data-v-78f32f] .form-items ol li p {
  margin-bottom: 2rem;
  line-height: 20px;
}

[data-v-a64d6d]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-a64d6d] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-a64d6d] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-a64d6d] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-a64d6d] {
  font-size: 1.4rem;
}

.label--small[data-v-a64d6d] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-a64d6d] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-a64d6d] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-a64d6d] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-a64d6d] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-a64d6d] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-a64d6d] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-a64d6d] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-a64d6d] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-a64d6d]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-a64d6d] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-a64d6d], .fade-leave-active[data-v-a64d6d] {
  transition: opacity .3s;
}

.fade-enter[data-v-a64d6d], .fade-leave-to[data-v-a64d6d] {
  opacity: 0;
}

.dot[data-v-a64d6d] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-a64d6d] {
  display: none !important;
}

.invisible[data-v-a64d6d] {
  opacity: 0;
}

.pwa[data-v-a64d6d] {
  height: calc(var(--vh, 1vh) * 100);
  flex-direction: column;
  justify-content: center;
  padding: 0 1.8rem;
  display: flex;
  position: relative;
}

.pwa__logo[data-v-a64d6d] {
  justify-content: center;
  padding: 6rem 0 1rem;
  display: flex;
}

.pwa__logo .symbol[data-v-a64d6d] svg {
  height: 6rem;
}

.pwa__logo .symbol[data-v-a64d6d] svg path {
  fill: #fff;
}

.pwa__form[data-v-a64d6d] {
  flex-direction: column;
  flex: 2;
  width: 100%;
  max-width: 50rem;
  margin: 0 auto;
  display: flex;
}

.pwa__form-header[data-v-a64d6d] {
  color: #fff;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 1rem;
  display: flex;
}

.pwa__form-header .symbol[data-v-a64d6d] {
  width: initial;
  margin-right: 1rem;
}

.pwa__form-header .symbol[data-v-a64d6d] svg {
  width: initial;
}

.pwa__form-header .symbol[data-v-a64d6d] svg path {
  fill: #fff;
}

.pwa__form-content[data-v-a64d6d] {
  flex-direction: column;
  flex: 2;
  justify-content: center;
  margin-top: -6rem;
  display: flex;
}

.pwa__bg[data-v-a64d6d] {
  z-index: -1;
  background-image: url("../../../../img/home-default.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.pwa__bg[data-v-a64d6d]:after {
  content: "";
  z-index: 2;
  background-color: rgba(var(--companyColor), .8);
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

[data-v-122110]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-122110] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-122110] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-122110] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-122110] {
  font-size: 1.4rem;
}

.label--small[data-v-122110] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-122110] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-122110] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-122110] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-122110] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-122110] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-122110] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-122110] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-122110] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-122110]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-122110] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-122110], .fade-leave-active[data-v-122110] {
  transition: opacity .3s;
}

.fade-enter[data-v-122110], .fade-leave-to[data-v-122110] {
  opacity: 0;
}

.dot[data-v-122110] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-122110] {
  display: none !important;
}

.invisible[data-v-122110] {
  opacity: 0;
}

.search-full[data-v-122110] {
  background-color: #fff;
  height: 100%;
}

.search-full .fade-enter[data-v-122110], .search-full .fade-leave-to[data-v-122110] {
  opacity: 0;
}

[data-v-503d7d]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-503d7d] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-503d7d] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-503d7d] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-503d7d] {
  font-size: 1.4rem;
}

.label--small[data-v-503d7d] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-503d7d] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-503d7d] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-503d7d] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-503d7d] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-503d7d] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-503d7d] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-503d7d] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-503d7d] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-503d7d]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-503d7d] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-503d7d], .fade-leave-active[data-v-503d7d] {
  transition: opacity .3s;
}

.fade-enter[data-v-503d7d], .fade-leave-to[data-v-503d7d] {
  opacity: 0;
}

.dot[data-v-503d7d] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-503d7d] {
  display: none !important;
}

.invisible[data-v-503d7d] {
  opacity: 0;
}

.spaces[data-v-503d7d] {
  flex-direction: column;
  flex: 2;
  height: 100%;
  display: flex;
}

.spaces__content[data-v-503d7d] {
  flex: 2;
  position: relative;
}

[data-v-92a2a0]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-92a2a0] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-92a2a0] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-92a2a0] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-92a2a0] {
  font-size: 1.4rem;
}

.label--small[data-v-92a2a0] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-92a2a0] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-92a2a0] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-92a2a0] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-92a2a0] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-92a2a0] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-92a2a0] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-92a2a0] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-92a2a0] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-92a2a0]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-92a2a0] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-92a2a0], .fade-leave-active[data-v-92a2a0] {
  transition: opacity .3s;
}

.fade-enter[data-v-92a2a0], .fade-leave-to[data-v-92a2a0] {
  opacity: 0;
}

.dot[data-v-92a2a0] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-92a2a0] {
  display: none !important;
}

.invisible[data-v-92a2a0] {
  opacity: 0;
}

.terms-editor[data-v-92a2a0] {
  flex-direction: column;
  display: flex;
}

.terms-editor__editor[data-v-92a2a0] {
  flex: 2;
  gap: 2rem;
  width: 100%;
  padding-top: 3rem;
  display: flex;
}

.terms-editor__pages[data-v-92a2a0] {
  width: 32.5rem;
  height: 100%;
  position: relative;
  overflow: auto;
}

.terms-editor__title[data-v-92a2a0] {
  color: #8c8c8c;
  letter-spacing: .032rem;
  margin-bottom: 1.6rem;
  font-weight: 500;
}

.terms-editor__pages-container[data-v-92a2a0] {
  border: .1rem solid #eaeaea;
  border-radius: .3rem;
  margin-bottom: 1rem;
  overflow: hidden;
}

.terms-editor__page-btn[data-v-92a2a0] {
  cursor: pointer;
  text-align: left;
  background-color: #fff;
  border: none;
  width: 100%;
  padding: 1.6rem 2.4rem;
  transition: all .3s;
}

.terms-editor__page-btn[data-v-92a2a0]:hover {
  background-color: var(--companyBtnHover);
  color: #fff;
}

.terms-editor__delete-page[data-v-92a2a0] {
  opacity: 0;
  pointer-events: none;
  transition: all .3s;
  position: absolute;
  top: 50%;
  right: 1rem;
  transform: translateY(-50%);
}

.terms-editor__page[data-v-92a2a0] {
  position: relative;
}

.terms-editor__page.active .terms-editor__page-btn[data-v-92a2a0] {
  background-color: var(--companyBtnHover);
  color: #fff;
}

.terms-editor__page.active .terms-editor__delete-page[data-v-92a2a0] {
  opacity: 1;
  pointer-events: all;
}

.terms-editor__form[data-v-92a2a0] {
  flex-direction: column;
  flex: 2;
  gap: 2rem;
  height: 100%;
  padding-bottom: 2rem;
  display: flex;
  overflow: auto;
}

.terms-editor__inputs[data-v-92a2a0] {
  border: .1rem solid #eaeaea;
  border-radius: .3rem;
  flex-direction: column;
  flex: 2;
  gap: 2rem;
  padding: 4rem 4.8rem;
  display: flex;
}

.terms-editor__inputs .v-text-editor[data-v-92a2a0] {
  flex: 2;
}

[data-v-1ae45c]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-1ae45c] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-1ae45c] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-1ae45c] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-1ae45c] {
  font-size: 1.4rem;
}

.label--small[data-v-1ae45c] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-1ae45c] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-1ae45c] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-1ae45c] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-1ae45c] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-1ae45c] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-1ae45c] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-1ae45c] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-1ae45c] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-1ae45c]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-1ae45c] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-1ae45c], .fade-leave-active[data-v-1ae45c] {
  transition: opacity .3s;
}

.fade-enter[data-v-1ae45c], .fade-leave-to[data-v-1ae45c] {
  opacity: 0;
}

.dot[data-v-1ae45c] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-1ae45c] {
  display: none !important;
}

.invisible[data-v-1ae45c] {
  opacity: 0;
}

.transfer-right[data-v-1ae45c] {
  flex: 2;
  width: 50vw;
}

body #welcome > section[data-v-1ae45c] {
  flex: 2;
}

.overview[data-v-1ae45c] {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 50vw;
  display: flex;
  position: relative;
}

.overview .wrapper[data-v-1ae45c] {
  opacity: 0;
  background: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  width: 90%;
  max-width: 450px;
  margin: 50px 0;
  animation-name: slideIn-data-v-1ae45c;
  animation-duration: 1s;
  animation-timing-function: cubic-bezier(.5, 0, 0, 1);
  animation-fill-mode: forwards;
  transform: translate(0, 20px);
  box-shadow: 0 2px 33px #00000005;
}

.overview .wrapper header.header-image[data-v-1ae45c] {
  -webkit-background-size: 150px;
  background-image: url("../../../../img/transfer-download.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: 150px;
  height: 200px;
}

.overview .wrapper div.body[data-v-1ae45c] {
  padding: 3rem;
}

.overview .wrapper div.body h2[data-v-1ae45c] {
  color: #000;
  letter-spacing: .5px;
  margin: 0 0 2.5rem;
  font-size: 28px;
  font-weight: 500;
  line-height: 24px;
}

.overview .wrapper div.body p[data-v-1ae45c] {
  color: #000;
  letter-spacing: .32px;
  margin: 0 0 5px;
  font-size: 18px;
  line-height: 24px;
}

.overview .wrapper div.body p span[data-v-1ae45c] {
  font-weight: bold;
}

.overview .wrapper div.body p.small[data-v-1ae45c] {
  color: #b5b5b5;
  letter-spacing: .25px;
  font-size: 14px;
}

.overview .wrapper div.files[data-v-1ae45c] {
  background-color: #fafafa;
  border-top: 1px solid #eaeaea;
  justify-content: space-between;
  padding: 2.5rem 3rem;
  display: flex;
}

.overview .wrapper div.files span[data-v-1ae45c] {
  color: #000;
  letter-spacing: .25px;
  font-size: 14px;
  line-height: 18px;
}

.overview .wrapper div.files span.filesize[data-v-1ae45c] {
  color: #000;
  letter-spacing: .25px;
  font-size: 14px;
  font-weight: 500;
}

.overview .wrapper div.files span.filecount[data-v-1ae45c] {
  align-items: center;
  gap: 1rem;
  display: flex;
}

.overview .wrapper div.files span.filecount .symbol[data-v-1ae45c] svg {
  width: 1.5rem;
  height: 1.5rem;
}

.overview .wrapper a.download.btn[data-v-1ae45c] {
  text-align: center;
  color: #fff;
  letter-spacing: .25px;
  background-color: #000;
  border-radius: 0 0 3px 3px;
  width: 100%;
  padding: 2.1rem 1rem;
  font-size: 14px;
  font-weight: 500;
  transition: background-color .3s;
  display: block;
}

.overview .wrapper a.download.btn[data-v-1ae45c]:hover {
  background-color: #000;
}

.overview footer.poweredby[data-v-1ae45c] {
  color: #8c8c8c;
  letter-spacing: .25px;
  align-items: center;
  font-size: 14px;
  display: flex;
}

.overview footer.poweredby a[data-v-1ae45c] {
  align-items: center;
  display: flex;
}

.overview footer.poweredby .symbol[data-v-1ae45c] {
  margin-left: .5rem;
}

.overview footer.poweredby .symbol[data-v-1ae45c] svg {
  width: 6rem;
  height: auto;
}

.overview footer.poweredby .symbol[data-v-1ae45c] svg path {
  fill: #8c8c8c;
}

.disable[data-v-1ae45c] {
  pointer-events: none;
}

@keyframes slideIn-data-v-1ae45c {
  from {
    opacity: 0;
    transform: translate(0, 20px);
  }

  to {
    opacity: 1;
    transform: none;
  }
}

[data-v-dfa797]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-dfa797] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-dfa797] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-dfa797] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-dfa797] {
  font-size: 1.4rem;
}

.label--small[data-v-dfa797] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-dfa797] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-dfa797] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-dfa797] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-dfa797] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-dfa797] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-dfa797] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-dfa797] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-dfa797] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-dfa797]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-dfa797] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-dfa797], .fade-leave-active[data-v-dfa797] {
  transition: opacity .3s;
}

.fade-enter[data-v-dfa797], .fade-leave-to[data-v-dfa797] {
  opacity: 0;
}

.dot[data-v-dfa797] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-dfa797] {
  display: none !important;
}

.invisible[data-v-dfa797] {
  opacity: 0;
}

.transfer-download-mobile__content[data-v-dfa797] {
  text-align: center;
  background-color: #fff;
  flex-direction: column;
  flex: 2;
  justify-content: center;
  align-items: center;
  gap: 1.6rem;
  width: 100%;
  padding: 2rem;
  display: flex;
}

.transfer-download-mobile__content .symbol[data-v-dfa797] {
  order: -1;
  justify-content: center;
  display: flex;
}

.transfer-download-mobile__header[data-v-dfa797] {
  flex-direction: column;
  justify-content: center;
  gap: .5rem;
  max-width: 29rem;
  display: flex;
}

.transfer-download-mobile__text span[data-v-dfa797] {
  font-weight: 700;
}

.transfer-download-mobile__light-text[data-v-dfa797] {
  color: #b5b5b5;
  margin-top: .4rem;
  display: block;
  font-weight: 400 !important;
}

.transfer-download-mobile__light-text span[data-v-dfa797] {
  color: #000;
  font-weight: 700;
}

.transfer-download-mobile__files[data-v-dfa797] {
  background-color: #fafafa;
  border: .1rem solid #eaeaea;
  border-radius: .3rem;
  align-items: center;
  gap: 1rem;
  width: 100%;
  margin-top: 2.4rem;
  padding: 2.4rem;
  display: flex;
}

[data-v-637722]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-637722] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-637722] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-637722] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-637722] {
  font-size: 1.4rem;
}

.label--small[data-v-637722] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-637722] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-637722] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-637722] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-637722] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-637722] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-637722] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-637722] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-637722] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-637722]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-637722] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.dot[data-v-637722] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-637722] {
  display: none !important;
}

.invisible[data-v-637722] {
  opacity: 0;
}

.section[data-v-637722], .editpage section.adjustments-page[data-v-637722] {
  min-width: 50%;
  padding: 5rem 2.5rem;
}

h2.title[data-v-637722] {
  color: #000;
  letter-spacing: .043rem;
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 3rem;
}

h3.subtitle[data-v-637722] {
  color: #8c8c8c;
  letter-spacing: .032rem;
  margin: 3rem 0 0;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 2.3rem;
}

div.container[data-v-637722] {
  background-color: #fff;
  border: .1rem solid #eaeaea;
  border-radius: .3rem;
  width: 100%;
  margin: 1.5rem 0 0;
  display: block;
  box-shadow: 0 .2rem 3.3rem #00000005;
}

div.wrapper[data-v-637722] {
  padding: 4rem;
}

.button--size--normal[data-v-637722] {
  margin: 2.5rem 0 0;
}

.fade-enter-active[data-v-637722], .fade-leave-active[data-v-637722] {
  transition: opacity .3s;
}

.fade-enter[data-v-637722], .fade-leave-to[data-v-637722] {
  opacity: 0;
}

.fadeSlow-enter-active[data-v-637722] {
  transition: opacity 1s;
}

.fadeSlow-enter[data-v-637722], .fadeSlow-leave-to[data-v-637722] {
  opacity: 0;
}

.fadeWait-enter-active[data-v-637722] {
  transition: opacity .3s .3s;
}

.fadeWait-leave-active[data-v-637722] {
  transition: opacity .3s;
}

.fadeWait-enter[data-v-637722], .fadeWait-leave-to[data-v-637722] {
  opacity: 0;
}

.slide-enter-active[data-v-637722], .slide-leave-active[data-v-637722] {
  transition: all .5s;
}

.slide-enter-to[data-v-637722], .slide-leave[data-v-637722] {
  opacity: 1;
  height: 350px;
}

.slide-enter[data-v-637722], .slide-leave-to[data-v-637722] {
  opacity: 0;
  height: 0;
}

.editpage__storage[data-v-637722] {
  flex-direction: column;
  flex: 2;
  justify-content: flex-end;
  display: flex;
}

.editpage .success[data-v-637722] {
  color: var(--companyIconFade);
  letter-spacing: .25px;
  opacity: 0;
  pointer-events: none;
  background-color: #9bc469;
  border: 1px solid #9bc469;
  border-radius: 2px;
  padding: 10px;
  font-size: 14px;
  font-weight: 500;
  transition: opacity .3s;
  margin: 20px auto !important;
}

.editpage .success.show[data-v-637722] {
  opacity: 1;
  pointer-events: initial;
}

.editpage section.adjustments-page[data-v-637722] {
  background-color: #fff;
  border-right: 1px solid #f0f0f0;
  height: calc(100vh - 65px);
  transition: min-width .5s;
  overflow: auto;
}

.editpage section.adjustments-page section.users-section[data-v-637722] {
  margin: 3.65rem 0 0;
}

.editpage section.adjustments-page section.users-section .pagination[data-v-637722] {
  background-color: #eaeaea;
  justify-content: space-between;
  align-items: center;
  padding: 15px 50px;
  display: flex;
}

.editpage section.adjustments-page section.users-section .pagination p[data-v-637722] {
  color: #b5b5b5;
  letter-spacing: .25px;
  font-size: 14px;
  font-weight: 500;
}

.editpage section.adjustments-page section.users-section .pagination .arrows[data-v-637722] {
  align-items: center;
  display: flex;
}

.editpage section.adjustments-page section.users-section .pagination .arrows button + button[data-v-637722] {
  margin: 0 0 0 5px;
}

.editpage section.adjustments-page section.users-section div.users-top[data-v-637722] {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.editpage section.adjustments-page section.users-section div.users-top h3[data-v-637722] {
  margin: 1.35rem 0;
}

.editpage section.adjustments-page section.users-section div.users-top div.users-top-right[data-v-637722] {
  display: flex;
}

.editpage section.adjustments-page section.users-section div.users-top div.users-top-right div.users-filter[data-v-637722] {
  width: 20rem;
  display: block;
  overflow: hidden;
}

.editpage section.adjustments-page section.users-section div.users-top div.users-top-right div.users-filter div.users-filter-title[data-v-637722] {
  cursor: pointer;
  background-color: var(--lightBtn);
  border: 1px solid var(--lightBtnBorder);
  border-radius: 3px;
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 3rem;
  transition: all .3s;
  display: flex;
}

.editpage section.adjustments-page section.users-section div.users-top div.users-top-right div.users-filter div.users-filter-title span[data-v-637722]:first-of-type {
  color: #000;
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
  transition: color .3s;
}

.editpage section.adjustments-page section.users-section div.users-top div.users-top-right div.users-filter div.users-filter-title .symbol[data-v-637722] {
  width: inherit;
  height: inherit;
}

.editpage section.adjustments-page section.users-section div.users-top div.users-top-right div.users-filter div.users-filter-title[data-v-637722] svg {
  transition: transform .3s;
  width: inherit !important;
  height: inherit !important;
}

.editpage section.adjustments-page section.users-section div.users-top div.users-top-right div.users-filter div.users-filter-title[data-v-637722] svg #Users {
  transition: all .3s;
}

.editpage section.adjustments-page section.users-section div.users-top div.users-top-right div.users-filter div.users-filter-title[data-v-637722]:hover, .editpage section.adjustments-page section.users-section div.users-top div.users-top-right div.users-filter div.users-filter-title.active[data-v-637722] {
  background-color: var(--lightBtnHover);
}

.editpage section.adjustments-page section.users-section div.users-top div.users-top-right div.users-filter div.users-filter-title.active[data-v-637722] {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.editpage section.adjustments-page section.users-section div.users-top div.users-top-right div.users-filter div.users-filter-title.active[data-v-637722] svg {
  transform: scaleY(-1);
}

.editpage section.adjustments-page section.users-section div.users-top div.users-top-right div.users-filter ul[data-v-637722] {
  z-index: 2;
  max-height: 246px;
  position: absolute;
  overflow: scroll;
}

.editpage section.adjustments-page section.users-section div.users-top div.users-top-right div.users-filter ul li[data-v-637722] {
  cursor: pointer;
  color: var(--companyIconFade);
  letter-spacing: .025rem;
  background-color: #fff;
  border: 1px solid #f0f0f0;
  width: 20rem;
  padding: 1.5rem 3rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
  transition: background-color .3s;
}

.editpage section.adjustments-page section.users-section div.users-top div.users-top-right div.users-filter ul li + li[data-v-637722] {
  border-top: none;
}

.editpage section.adjustments-page section.users-section div.users-top div.users-top-right div.users-filter ul li[data-v-637722]:hover {
  background-color: #f4f4f4;
}

.editpage section.adjustments-page section.users-section div.users-top div.users-top-right div.users-search[data-v-637722] {
  margin: 0 0 0 1rem;
  position: relative;
}

.editpage section.adjustments-page section.users-section div.users-top div.users-top-right div.users-search .input-wrapper[data-v-637722] {
  width: 27rem;
  position: relative;
}

.editpage section.adjustments-page section.users-section div.users-top div.users-top-right div.users-search .input-wrapper .symbol[data-v-637722] {
  position: absolute;
  top: 50%;
  right: 2rem;
  transform: translateY(-50%);
}

.editpage section.adjustments-page section.users-section div.users-top div.users-top-right div.users-search .input-wrapper .symbol[data-v-637722] svg {
  width: 1.3rem;
  height: 1.3rem;
}

.editpage section.adjustments-page section.users-section div.users-top div.users-top-right div.users-search .input-wrapper .symbol[data-v-637722] svg path {
  fill: var(--companyColor);
}

.editpage section.adjustments-page section.users-section div.users-top div.users-top-right div.users-search input[type="text"][data-v-637722] {
  color: #000;
  letter-spacing: .025rem;
  background-color: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 2px;
  width: 100%;
  margin: 0;
  padding: 1.5rem 4rem 1.5rem 3rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.editpage section.adjustments-page section.users-section div.users-top div.users-top-right div.users-search input[type="text"][data-v-637722]::placeholder {
  color: #000;
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.editpage section.adjustments-page section.users-section div.users-top div.users-top-right div.users-search .close[data-v-637722] {
  cursor: pointer;
  background-color: #d5d5d5;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 18px;
  height: 18px;
  margin-top: -9px;
  padding: 4px;
  display: flex;
  position: absolute;
  top: 50%;
  right: 20px;
}

.editpage section.adjustments-page section.users-section div.users-top div.users-top-right div.users-search .close .symbol[data-v-637722] svg {
  width: 1rem;
  height: 1rem;
}

.editpage section.adjustments-page section.users-section div.users-container[data-v-637722] {
  border: 1px solid #eaeaeab3;
  border-radius: 3px;
  width: 100%;
  margin: 1rem 0 0;
  position: relative;
  box-shadow: 0 2px 33px #00000005;
}

.editpage section.adjustments-page section.users-section div.users-row[data-v-637722] {
  justify-content: space-between;
  align-items: center;
  padding: 1.5rem 5rem;
  display: flex;
}

@media only screen and (width <= 1200px) {
  .editpage section.adjustments-page section.users-section div.users-row[data-v-637722] {
    padding: 1.5rem 2rem;
  }
}

.editpage section.adjustments-page section.users-section div.users-row.heading-row[data-v-637722] {
  max-height: 58px;
  padding: 2.5rem 5rem 1.5rem;
  overflow: hidden;
}

@media only screen and (width <= 1200px) {
  .editpage section.adjustments-page section.users-section div.users-row.heading-row[data-v-637722] {
    padding: 2.5rem 2rem 1.5rem;
  }
}

.editpage section.adjustments-page section.users-section div.users-row.rows[data-v-637722] {
  background-color: #fff;
}

.editpage section.adjustments-page section.users-section div.users-row.rows p[data-v-637722] {
  color: #b5b5b5;
  align-items: center;
  height: 3.2rem;
  display: flex;
}

.editpage section.adjustments-page section.users-section div.users-row.rows[data-v-637722]:nth-of-type(2n) {
  background-color: #fafafa;
}

.editpage section.adjustments-page section.users-section div.users-row.rows + .rows[data-v-637722] {
  border-top: 1px solid #f4f4f4;
}

.editpage section.adjustments-page section.users-section div.users-row div.heading[data-v-637722] {
  cursor: pointer;
  color: #b5b5b5;
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
  transition: color .3s, opacity .3s;
}

.editpage section.adjustments-page section.users-section div.users-row div.heading .symbol[data-v-637722] {
  height: inherit;
  width: auto;
  margin: 0 0 0 1rem;
  display: inline-block;
}

.editpage section.adjustments-page section.users-section div.users-row div.heading[data-v-637722] svg {
  width: inherit !important;
  height: inherit !important;
}

.editpage section.adjustments-page section.users-section div.users-row div.heading[data-v-637722] svg #up, .editpage section.adjustments-page section.users-section div.users-row div.heading[data-v-637722] svg #down {
  transition: opacity .3s;
}

.editpage section.adjustments-page section.users-section div.users-row div.heading.asc[data-v-637722] svg #up {
  opacity: 1;
}

.editpage section.adjustments-page section.users-section div.users-row div.heading.asc[data-v-637722] svg #down {
  opacity: .4;
}

.editpage section.adjustments-page section.users-section div.users-row div.heading.active[data-v-637722], .editpage section.adjustments-page section.users-section div.users-row div.heading[data-v-637722]:hover {
  color: #000;
}

.editpage section.adjustments-page section.users-section div.users-row div.user-name[data-v-637722] {
  align-items: center;
  min-width: calc(33.3333% - 7.5rem);
  transition: all .3s;
  display: flex;
}

.editpage section.adjustments-page section.users-section div.users-row div.user-name svg[data-v-637722] {
  flex: 2;
  width: inherit !important;
  height: inherit !important;
}

.editpage section.adjustments-page section.users-section div.users-row div.user-name.heading[data-v-637722] {
  padding: 0 0 0 4.5rem;
}

.editpage section.adjustments-page section.users-section div.users-row div.user-name.heading span[data-v-637722]:first-of-type {
  margin: 0;
}

.editpage section.adjustments-page section.users-section div.users-row div.user-name div.user-avatar[data-v-637722] {
  background-position: center;
  background-size: cover;
  border-radius: 15px;
  min-width: 30px;
  height: 30px;
  display: block;
}

.editpage section.adjustments-page section.users-section div.users-row div.user-name div.user-avatar .symbol[data-v-637722] {
  background-color: var(--companyColor);
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  margin: 0;
  display: flex;
}

.editpage section.adjustments-page section.users-section div.users-row div.user-name div.user-avatar .symbol[data-v-637722] svg {
  width: 1.5rem;
  height: 1.5rem;
}

.editpage section.adjustments-page section.users-section div.users-row div.user-name div.user-avatar .symbol[data-v-637722] svg path {
  fill: #fff;
}

.editpage section.adjustments-page section.users-section div.users-row div.user-name span[data-v-637722]:first-of-type {
  margin: 0 0 0 1.5rem;
  font-size: 14px;
}

.editpage section.adjustments-page section.users-section div.users-row div.user-username[data-v-637722] {
  opacity: 1;
  width: calc(33.3333% - 7.5rem);
  max-width: calc(33.3333% - 7.5rem);
  font-size: 14px;
  transition: max-width .3s, opacity .3s .3s, color .3s;
}

.editpage section.adjustments-page section.users-section div.users-row div.user-username.small[data-v-637722] {
  opacity: 0;
  max-width: 0%;
  transition: max-width .3s .3s, opacity .3s, color .3s;
  overflow: hidden;
}

.editpage section.adjustments-page section.users-section div.users-row div.user-role[data-v-637722] {
  opacity: 1;
  width: calc(33.3333% - 7.5rem);
  max-width: calc(33.3333% - 7.5rem);
  transition: max-width .3s, opacity .3s .3s;
  position: relative;
}

.editpage section.adjustments-page section.users-section div.users-row div.user-role.small[data-v-637722] {
  opacity: 0;
  max-width: 0%;
  transition: max-width .3s .3s, opacity .3s, color .3s;
  overflow: hidden;
}

.editpage section.adjustments-page section.users-section div.users-row div.user-role div.user-role-title[data-v-637722] {
  cursor: pointer;
  background-color: var(--lightBtn);
  border: 1px solid var(--lightBtnBorder);
  border-radius: 3px;
  justify-content: space-between;
  align-items: center;
  width: 200px;
  height: 40px;
  padding: 0 1.5rem;
  transition: color .3s, background-color .3s, color .3s;
  display: flex;
}

.editpage section.adjustments-page section.users-section div.users-row div.user-role div.user-role-title .symbol[data-v-637722] {
  width: auto;
  height: auto;
}

.editpage section.adjustments-page section.users-section div.users-row div.user-role div.user-role-title .symbol[data-v-637722] svg {
  width: auto !important;
  height: auto !important;
}

.editpage section.adjustments-page section.users-section div.users-row div.user-role div.user-role-title.disabled[data-v-637722] {
  pointer-events: none;
  cursor: initial;
}

.editpage section.adjustments-page section.users-section div.users-row div.user-role div.user-role-title.disabled span[data-v-637722] {
  color: #b5b5b5;
}

.editpage section.adjustments-page section.users-section div.users-row div.user-role div.user-role-title.disabled .symbol[data-v-637722] {
  display: none;
}

.editpage section.adjustments-page section.users-section div.users-row div.user-role div.user-role-title[data-v-637722]:hover, .editpage section.adjustments-page section.users-section div.users-row div.user-role div.user-role-title.active[data-v-637722] {
  color: #fff;
  background-color: var(--lightBtnHover);
}

.editpage section.adjustments-page section.users-section div.users-row div.user-role div.user-role-title.active .symbol[data-v-637722] {
  transform: scaleY(-1);
}

.editpage section.adjustments-page section.users-section div.users-row div.user-role div.user-role-title span[data-v-637722] {
  color: #000;
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.editpage section.adjustments-page section.users-section div.users-row div.user-role div.user-role-title span[data-v-637722]:first-of-type {
  flex: 2;
}

.editpage section.adjustments-page section.users-section div.users-row div.user-role div.user-role-title[data-v-637722] svg {
  transition: transform .3s;
}

.editpage section.adjustments-page section.users-section div.users-row div.user-role div.user-role-title[data-v-637722] svg path {
  transition: fill .3s;
}

.editpage section.adjustments-page section.users-section div.users-row div.user-role ul[data-v-637722] {
  z-index: 1;
  width: 200px;
  max-height: 180px;
  position: absolute;
  overflow: scroll;
}

.editpage section.adjustments-page section.users-section div.users-row div.user-role ul li[data-v-637722] {
  cursor: pointer;
  letter-spacing: .025rem;
  background-color: #fff;
  border: 2px solid #f0f0f0;
  border-top: 0;
  padding: .8rem 1.5rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
  transition: background-color .3s;
}

.editpage section.adjustments-page section.users-section div.users-row div.user-role ul li[data-v-637722]:hover {
  background-color: #f4f4f4;
}

.editpage section.adjustments-page section.users-section div.users-row div.user-actions[data-v-637722] {
  width: 8.5rem;
  display: flex;
}

.editpage section.adjustments-page section.users-section div.users-row div.user-actions.heading[data-v-637722] {
  cursor: initial;
  display: block;
}

.editpage section.adjustments-page section.users-section div.users-row div.user-actions.heading[data-v-637722]:hover {
  color: #b5b5b5;
}

.editpage section.adjustments-page section.users-section div.users-row div.user-actions button + button[data-v-637722] {
  margin: 0 0 0 5px;
}

.editpage section.adjustments-page section.roles-section[data-v-637722] {
  margin: 4rem 0 0;
}

.editpage section.adjustments-page section.roles-section div.roles-container[data-v-637722] {
  border: 1px solid #eaeaeab3;
  border-radius: 3px;
  width: 100%;
  margin: 2.35rem 0 0;
  position: relative;
  box-shadow: 0 2px 33px #00000005;
}

.editpage section.adjustments-page section.roles-section .role-row[data-v-637722] {
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1.5rem 5rem;
  display: flex;
}

@media only screen and (width <= 1200px) {
  .editpage section.adjustments-page section.roles-section .role-row[data-v-637722] {
    padding: 1.5rem 2rem;
  }
}

.editpage section.adjustments-page section.roles-section .role-row.heading-row[data-v-637722] {
  max-height: 58px;
  padding: 2.5rem 5rem 1.5rem;
  overflow: hidden;
}

@media only screen and (width <= 1200px) {
  .editpage section.adjustments-page section.roles-section .role-row.heading-row[data-v-637722] {
    padding: 2.5rem 2rem 1.5rem;
  }
}

.editpage section.adjustments-page section.roles-section .role-row.rows[data-v-637722] {
  background-color: #fff;
}

.editpage section.adjustments-page section.roles-section .role-row.rows p[data-v-637722] {
  color: #b5b5b5;
  align-items: center;
  height: 3.2rem;
  display: flex;
}

.editpage section.adjustments-page section.roles-section .role-row.rows[data-v-637722]:nth-of-type(odd) {
  background-color: #fafafa;
}

.editpage section.adjustments-page section.roles-section .role-row.rows + .rows[data-v-637722] {
  border: 1px solid #f4f4f4;
}

.editpage section.adjustments-page section.roles-section .role-row .role-name[data-v-637722] {
  flex: 2;
  font-size: 1.4rem;
}

.editpage section.adjustments-page section.roles-section .role-row .role-name.heading span[data-v-637722] {
  color: #b5b5b5;
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.editpage section.adjustments-page section.roles-section .role-row .role-actions[data-v-637722] {
  justify-content: flex-end;
  min-width: 24rem;
  display: flex;
}

@media only screen and (width <= 1200px) {
  .editpage section.adjustments-page section.roles-section .role-row .role-actions[data-v-637722] {
    min-width: auto;
  }
}

.editpage section.adjustments-page section.roles-section .role-row .role-actions.small[data-v-637722] {
  min-width: 8rem;
}

.editpage section.adjustments-page section.roles-section .role-row .role-actions.heading span[data-v-637722] {
  color: #b5b5b5;
  letter-spacing: .025rem;
  width: 100%;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.editpage section.adjustments-page section.roles-section .role-row .role-actions button + button[data-v-637722] {
  margin: 0 0 0 5px;
}

.editpage section.actions[data-v-637722] {
  background-color: #f6f5f5;
  min-width: 600px;
  max-height: calc(100vh - 65px);
  position: relative;
  overflow-y: scroll;
}

.editpage section.actions .users-by-role[data-v-637722], .editpage section.actions .role-edit[data-v-637722], .editpage section.actions .role-add[data-v-637722], .editpage section.actions .role-delete[data-v-637722], .editpage section.actions .user-add[data-v-637722], .editpage section.actions .user-delete[data-v-637722], .editpage section.actions .user-update[data-v-637722] {
  position: absolute;
  inset: 0;
}

@media only screen and (width <= 1200px) {
  .editpage section.actions[data-v-637722] {
    width: 100%;
    min-width: auto;
  }
}

.loading-screen[data-v-637722] {
  height: 40rem;
}

.vue-simple-context-menu {
  z-index: 1000000;
  background-color: #ecf0f1;
  border-bottom-width: 0;
  border-radius: 4px;
  margin: 0;
  padding: 0;
  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  list-style: none;
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  box-shadow: 0 3px 6px #3333;
}

.vue-simple-context-menu--active {
  display: block;
}

.vue-simple-context-menu__item {
  color: #333;
  cursor: pointer;
  align-items: center;
  padding: 5px 15px;
  display: flex;
}

.vue-simple-context-menu__item:hover {
  color: #fff;
  background-color: #007aff;
}

.vue-simple-context-menu__divider {
  box-sizing: content-box;
  pointer-events: none;
  background-color: #c0cdd1;
  background-clip: content-box;
  height: 2px;
  padding: 4px 0;
}

.vue-simple-context-menu li:first-of-type {
  margin-top: 4px;
}

.vue-simple-context-menu li:last-of-type {
  margin-bottom: 4px;
}

@keyframes plyr-progress {
  to {
    background-position: 25px 0;
    background-position: var(--plyr-progress-loading-size, 25px) 0;
  }
}

@keyframes plyr-popup {
  0% {
    opacity: .5;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes plyr-fade-in {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.plyr {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  direction: ltr;
  font-family: inherit;
  font-family: var(--plyr-font-family, inherit);
  font-variant-numeric: tabular-nums;
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  line-height: 1.7;
  line-height: var(--plyr-line-height, 1.7);
  text-shadow: none;
  z-index: 0;
  flex-direction: column;
  align-items: center;
  min-width: 200px;
  max-width: 100%;
  height: 100%;
  transition: box-shadow .3s;
  display: flex;
  position: relative;
}

.plyr audio, .plyr iframe, .plyr video {
  width: 100%;
  height: 100%;
  display: block;
}

.plyr button {
  font: inherit;
  line-height: inherit;
  width: auto;
}

.plyr:focus {
  outline: 0;
}

.plyr--full-ui {
  box-sizing: border-box;
}

.plyr--full-ui *, .plyr--full-ui :after, .plyr--full-ui :before {
  box-sizing: inherit;
}

.plyr--full-ui a, .plyr--full-ui button, .plyr--full-ui input, .plyr--full-ui label {
  touch-action: manipulation;
}

.plyr__badge {
  background: #4a5464;
  background: var(--plyr-badge-background, #4a5464);
  border-radius: 2px;
  border-radius: var(--plyr-badge-border-radius, 2px);
  color: var(--plyr-badge-text-color, #fff);
  font-size: 9px;
  font-size: var(--plyr-font-size-badge, 9px);
  padding: 3px 4px;
  line-height: 1;
}

.plyr--full-ui ::-webkit-media-text-track-container {
  display: none;
}

.plyr__captions {
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
  text-align: center;
  width: 100%;
  transition: transform .4s ease-in-out;
  animation: .3s plyr-fade-in;
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
}

@media (width >= 480px) {
  .plyr__captions {
    font-size: 15px;
    font-size: var(--plyr-font-size-base, 15px);
    padding: 20px;
    padding: calc(var(--plyr-control-spacing, 10px) * 2);
  }
}

@media (width >= 768px) {
  .plyr__captions {
    font-size: 18px;
    font-size: var(--plyr-font-size-large, 18px);
  }
}

.plyr--captions-active .plyr__captions {
  display: block;
}

.plyr:not(.plyr--hide-controls) .plyr__captions {
  transform: translateY(-40px);
  transform: translateY(calc(var(--plyr-control-spacing, 10px) * -4));
}

.plyr__caption {
  background: #000c;
  background: var(--plyr-captions-background, #000c);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
  color: var(--plyr-captions-text-color, #fff);
  white-space: pre-wrap;
  border-radius: 2px;
  padding: .2em .5em;
  line-height: 185%;
}

.plyr__caption div {
  display: inline;
}

.plyr__control {
  border-radius: 3px;
  border-radius: var(--plyr-control-radius, 3px);
  color: inherit;
  cursor: pointer;
  padding: 7px;
  padding: calc(var(--plyr-control-spacing, 10px) * .7);
  background: none;
  border: 0;
  flex-shrink: 0;
  transition: all .3s;
  position: relative;
  overflow: visible;
}

.plyr__control svg {
  fill: currentColor;
  height: var(--plyr-control-icon-size, 18px);
  pointer-events: none;
  width: var(--plyr-control-icon-size, 18px);
  width: 18px;
  height: 18px;
  display: block;
}

.plyr__control:focus {
  outline: 0;
}

.plyr__control.plyr__tab-focus {
  outline-color: #00b3ff;
  outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  outline-offset: 2px;
  outline-width: 3px;
  outline-style: dotted;
}

a.plyr__control {
  text-decoration: none;
}

a.plyr__control:after, a.plyr__control:before, .plyr__control.plyr__control--pressed .icon--not-pressed, .plyr__control.plyr__control--pressed .label--not-pressed, .plyr__control:not(.plyr__control--pressed) .icon--pressed, .plyr__control:not(.plyr__control--pressed) .label--pressed {
  display: none;
}

.plyr--full-ui ::-webkit-media-controls {
  display: none;
}

.plyr__controls {
  text-align: center;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.plyr__controls .plyr__progress__container {
  flex: 1;
  min-width: 0;
}

.plyr__controls .plyr__controls__item {
  margin-left: 2.5px;
  margin-left: calc(var(--plyr-control-spacing, 10px) / 4);
}

.plyr__controls .plyr__controls__item:first-child {
  margin-left: 0;
  margin-right: auto;
}

.plyr__controls .plyr__controls__item.plyr__progress__container {
  padding-left: 2.5px;
  padding-left: calc(var(--plyr-control-spacing, 10px) / 4);
}

.plyr__controls .plyr__controls__item.plyr__time {
  padding: 0 5px;
  padding: 0 calc(var(--plyr-control-spacing, 10px) / 2);
}

.plyr__controls .plyr__controls__item.plyr__progress__container:first-child, .plyr__controls .plyr__controls__item.plyr__time + .plyr__time, .plyr__controls .plyr__controls__item.plyr__time:first-child {
  padding-left: 0;
}

.plyr [data-plyr="airplay"], .plyr [data-plyr="captions"], .plyr [data-plyr="fullscreen"], .plyr [data-plyr="pip"] {
  display: none;
}

.plyr--airplay-supported [data-plyr="airplay"], .plyr--captions-enabled [data-plyr="captions"], .plyr--fullscreen-enabled [data-plyr="fullscreen"], .plyr--pip-supported [data-plyr="pip"] {
  display: inline-block;
}

.plyr__menu {
  display: flex;
  position: relative;
}

.plyr__menu .plyr__control svg {
  transition: transform .3s;
}

.plyr__menu .plyr__control[aria-expanded="true"] svg {
  transform: rotate(90deg);
}

.plyr__menu .plyr__control[aria-expanded="true"] .plyr__tooltip {
  display: none;
}

.plyr__menu__container {
  background: #ffffffe6;
  background: var(--plyr-menu-background, #ffffffe6);
  box-shadow: 0 1px 2px #00000026;
  box-shadow: var(--plyr-menu-shadow, 0 1px 2px #00000026);
  color: var(--plyr-menu-color, #4a5464);
  font-size: 15px;
  font-size: var(--plyr-font-size-base, 15px);
  text-align: left;
  white-space: nowrap;
  z-index: 3;
  border-radius: 4px;
  margin-bottom: 10px;
  animation: .2s plyr-popup;
  position: absolute;
  bottom: 100%;
  right: -3px;
}

.plyr__menu__container > div {
  transition: height .35s cubic-bezier(.4, 0, .2, 1), width .35s cubic-bezier(.4, 0, .2, 1);
  overflow: hidden;
}

.plyr__menu__container:after {
  border: 4px solid #0000;
  border: var(--plyr-menu-arrow-size, 4px) solid transparent;
  border-top-color: #ffffffe6;
  border-top-color: var(--plyr-menu-background, #ffffffe6);
  content: "";
  right: 14px;
  right: calc(((var(--plyr-control-icon-size, 18px) / 2)  + calc(var(--plyr-control-spacing, 10px) * .7))  - (var(--plyr-menu-arrow-size, 4px) / 2));
  width: 0;
  height: 0;
  position: absolute;
  top: 100%;
}

.plyr__menu__container [role="menu"] {
  padding: 7px;
  padding: calc(var(--plyr-control-spacing, 10px) * .7);
}

.plyr__menu__container [role="menuitem"], .plyr__menu__container [role="menuitemradio"] {
  margin-top: 2px;
}

.plyr__menu__container [role="menuitem"]:first-child, .plyr__menu__container [role="menuitemradio"]:first-child {
  margin-top: 0;
}

.plyr__menu__container .plyr__control {
  color: var(--plyr-menu-color, #4a5464);
  font-size: 13px;
  font-size: var(--plyr-font-size-menu, var(--plyr-font-size-small, 13px));
  padding-bottom: 4.66667px;
  padding-bottom: calc(calc(var(--plyr-control-spacing, 10px) * .7) / 1.5);
  padding-left: 10.5px;
  padding-left: calc(calc(var(--plyr-control-spacing, 10px) * .7) * 1.5);
  padding-right: 10.5px;
  padding-right: calc(calc(var(--plyr-control-spacing, 10px) * .7) * 1.5);
  padding-top: 4.66667px;
  padding-top: calc(calc(var(--plyr-control-spacing, 10px) * .7) / 1.5);
  -webkit-user-select: none;
  user-select: none;
  align-items: center;
  width: 100%;
  display: flex;
}

.plyr__menu__container .plyr__control > span {
  align-items: inherit;
  width: 100%;
  display: flex;
}

.plyr__menu__container .plyr__control:after {
  border: 4px solid #0000;
  border: var(--plyr-menu-item-arrow-size, 4px) solid transparent;
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.plyr__menu__container .plyr__control--forward {
  padding-right: 28px;
  padding-right: calc(calc(var(--plyr-control-spacing, 10px) * .7) * 4);
}

.plyr__menu__container .plyr__control--forward:after {
  border-left-color: #728197;
  border-left-color: var(--plyr-menu-arrow-color, #728197);
  right: 6.5px;
  right: calc((calc(var(--plyr-control-spacing, 10px) * .7) * 1.5)  - var(--plyr-menu-item-arrow-size, 4px));
}

.plyr__menu__container .plyr__control--forward.plyr__tab-focus:after, .plyr__menu__container .plyr__control--forward:hover:after {
  border-left-color: currentColor;
}

.plyr__menu__container .plyr__control--back {
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  margin: 7px;
  margin: calc(var(--plyr-control-spacing, 10px) * .7);
  margin-bottom: 3.5px;
  margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) * .7) / 2);
  padding-left: 28px;
  padding-left: calc(calc(var(--plyr-control-spacing, 10px) * .7) * 4);
  width: calc(100% - (calc(var(--plyr-control-spacing, 10px) * .7) * 2));
  width: calc(100% - 14px);
  position: relative;
}

.plyr__menu__container .plyr__control--back:after {
  border-right-color: #728197;
  border-right-color: var(--plyr-menu-arrow-color, #728197);
  left: 6.5px;
  left: calc((calc(var(--plyr-control-spacing, 10px) * .7) * 1.5)  - var(--plyr-menu-item-arrow-size, 4px));
}

.plyr__menu__container .plyr__control--back:before {
  background: #dcdfe5;
  background: var(--plyr-menu-back-border-color, #dcdfe5);
  box-shadow: 0 1px #fff;
  box-shadow: 0 1px 0 var(--plyr-menu-back-border-shadow-color, #fff);
  content: "";
  margin-top: 3.5px;
  margin-top: calc(calc(var(--plyr-control-spacing, 10px) * .7) / 2);
  height: 1px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: hidden;
}

.plyr__menu__container .plyr__control--back.plyr__tab-focus:after, .plyr__menu__container .plyr__control--back:hover:after {
  border-right-color: currentColor;
}

.plyr__menu__container .plyr__control[role="menuitemradio"] {
  padding-left: 7px;
  padding-left: calc(var(--plyr-control-spacing, 10px) * .7);
}

.plyr__menu__container .plyr__control[role="menuitemradio"]:after, .plyr__menu__container .plyr__control[role="menuitemradio"]:before {
  border-radius: 100%;
}

.plyr__menu__container .plyr__control[role="menuitemradio"]:before {
  content: "";
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
  background: #0000001a;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  transition: all .3s;
  display: block;
}

.plyr__menu__container .plyr__control[role="menuitemradio"]:after {
  opacity: 0;
  background: #fff;
  border: 0;
  width: 6px;
  height: 6px;
  transition: transform .3s, opacity .3s;
  top: 50%;
  left: 12px;
  transform: translateY(-50%)scale(0);
}

.plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]:before {
  background: #00b3ff;
  background: var(--plyr-control-toggle-checked-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
}

.plyr__menu__container .plyr__control[role="menuitemradio"][aria-checked="true"]:after {
  opacity: 1;
  transform: translateY(-50%)scale(1);
}

.plyr__menu__container .plyr__control[role="menuitemradio"].plyr__tab-focus:before, .plyr__menu__container .plyr__control[role="menuitemradio"]:hover:before {
  background: #23282f1a;
}

.plyr__menu__container .plyr__menu__value {
  margin-left: auto;
  margin-right: calc(2 - 7px);
  margin-right: calc((calc(var(--plyr-control-spacing, 10px) * .7)  - 2) * -1);
  padding-left: 24.5px;
  padding-left: calc(calc(var(--plyr-control-spacing, 10px) * .7) * 3.5);
  pointer-events: none;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.plyr--full-ui input[type="range"] {
  -webkit-appearance: none;
  border-radius: 26px;
  border-radius: calc(var(--plyr-range-thumb-height, 13px) * 2);
  color: var(--plyr-range-fill-background, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  height: calc((var(--plyr-range-thumb-active-shadow-width, 3px) * 2)  + var(--plyr-range-thumb-height, 13px));
  background: none;
  border: 0;
  width: 100%;
  height: 19px;
  margin: 0;
  padding: 0;
  transition: box-shadow .3s;
  display: block;
}

.plyr--full-ui input[type="range"]::-webkit-slider-runnable-track {
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: var(--plyr-range-track-height, 5px);
  -webkit-user-select: none;
  user-select: none;
  background: linear-gradient(to right, currentColor 0, #0000 0);
  background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0));
  border: 0;
  height: 5px;
  transition: box-shadow .3s;
}

.plyr--full-ui input[type="range"]::-webkit-slider-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
  height: var(--plyr-range-thumb-height, 13px);
  width: var(--plyr-range-thumb-height, 13px);
  -webkit-appearance: none;
  margin-top: -4px;
  margin-top: calc(((var(--plyr-range-thumb-height, 13px)  - var(--plyr-range-track-height, 5px)) / 2) * -1);
  border: 0;
  border-radius: 100%;
  width: 13px;
  height: 13px;
  transition: all .2s;
  position: relative;
}

.plyr--full-ui input[type="range"]::-moz-range-track {
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: var(--plyr-range-track-height, 5px);
  -webkit-user-select: none;
  user-select: none;
  background: none;
  border: 0;
  height: 5px;
  transition: box-shadow .3s;
}

.plyr--full-ui input[type="range"]::-moz-range-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
  height: var(--plyr-range-thumb-height, 13px);
  width: var(--plyr-range-thumb-height, 13px);
  border: 0;
  border-radius: 100%;
  width: 13px;
  height: 13px;
  transition: all .2s;
  position: relative;
}

.plyr--full-ui input[type="range"]::-moz-range-progress {
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: var(--plyr-range-track-height, 5px);
  background: currentColor;
  height: 5px;
}

.plyr--full-ui input[type="range"]::-ms-track {
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: var(--plyr-range-track-height, 5px);
  -webkit-user-select: none;
  user-select: none;
  color: #0000;
  background: none;
  border: 0;
  height: 5px;
  transition: box-shadow .3s;
}

.plyr--full-ui input[type="range"]::-ms-fill-upper {
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: var(--plyr-range-track-height, 5px);
  -webkit-user-select: none;
  user-select: none;
  background: none;
  border: 0;
  height: 5px;
  transition: box-shadow .3s;
}

.plyr--full-ui input[type="range"]::-ms-fill-lower {
  border-radius: 2.5px;
  border-radius: calc(var(--plyr-range-track-height, 5px) / 2);
  height: var(--plyr-range-track-height, 5px);
  -webkit-user-select: none;
  user-select: none;
  background: currentColor;
  border: 0;
  height: 5px;
  transition: box-shadow .3s;
}

.plyr--full-ui input[type="range"]::-ms-thumb {
  background: #fff;
  background: var(--plyr-range-thumb-background, #fff);
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33);
  height: var(--plyr-range-thumb-height, 13px);
  width: var(--plyr-range-thumb-height, 13px);
  border: 0;
  border-radius: 100%;
  width: 13px;
  height: 13px;
  margin-top: 0;
  transition: all .2s;
  position: relative;
}

.plyr--full-ui input[type="range"]::-ms-tooltip {
  display: none;
}

.plyr--full-ui input[type="range"]:focus {
  outline: 0;
}

.plyr--full-ui input[type="range"]::-moz-focus-outer {
  border: 0;
}

.plyr--full-ui input[type="range"].plyr__tab-focus::-webkit-slider-runnable-track {
  outline-color: #00b3ff;
  outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  outline-offset: 2px;
  outline-width: 3px;
  outline-style: dotted;
}

.plyr--full-ui input[type="range"].plyr__tab-focus::-moz-range-track {
  outline-color: #00b3ff;
  outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  outline-offset: 2px;
  outline-width: 3px;
  outline-style: dotted;
}

.plyr--full-ui input[type="range"].plyr__tab-focus::-ms-track {
  outline-color: #00b3ff;
  outline-color: var(--plyr-tab-focus-color, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  outline-offset: 2px;
  outline-width: 3px;
  outline-style: dotted;
}

.plyr__poster {
  opacity: 0;
  z-index: 1;
  background-color: #000;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  transition: opacity .2s;
  position: absolute;
  top: 0;
  left: 0;
}

.plyr--stopped.plyr__poster-enabled .plyr__poster {
  opacity: 1;
}

.plyr__time {
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
}

.plyr__time + .plyr__time:before {
  content: "⁄";
  margin-right: 10px;
  margin-right: var(--plyr-control-spacing, 10px);
}

@media (width <= calc(768px - 1)) {
  .plyr__time + .plyr__time {
    display: none;
  }
}

.plyr__tooltip {
  background: #ffffffe6;
  background: var(--plyr-tooltip-background, #ffffffe6);
  border-radius: 3px;
  border-radius: var(--plyr-tooltip-radius, 3px);
  box-shadow: 0 1px 2px #00000026;
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px #00000026);
  color: var(--plyr-tooltip-color, #4a5464);
  font-size: 13px;
  font-size: var(--plyr-font-size-small, 13px);
  font-weight: 400;
  font-weight: var(--plyr-font-weight-regular, 400);
  margin-bottom: 10px;
  margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
  opacity: 0;
  padding: 5px 7.5px;
  padding: calc(var(--plyr-control-spacing, 10px) / 2) calc(calc(var(--plyr-control-spacing, 10px) / 2) * 1.5);
  pointer-events: none;
  transform-origin: 50% 100%;
  white-space: nowrap;
  z-index: 2;
  line-height: 1.3;
  transition: transform .2s .1s, opacity .2s .1s;
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translate(-50%, 10px)scale(.8);
}

.plyr__tooltip:before {
  border-left: 4px solid #0000;
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-right: 4px solid #0000;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-top: 4px solid #ffffffe6;
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #ffffffe6);
  bottom: -4px;
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  z-index: 2;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.plyr .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr .plyr__control:hover .plyr__tooltip, .plyr__tooltip--visible {
  opacity: 1;
  transform: translate(-50%)scale(1);
}

.plyr .plyr__control:hover .plyr__tooltip {
  z-index: 3;
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip {
  transform-origin: 0 100%;
  left: 0;
  transform: translate(0, 10px)scale(.8);
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip:before, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip:before {
  left: 16px;
  left: calc((var(--plyr-control-icon-size, 18px) / 2)  + calc(var(--plyr-control-spacing, 10px) * .7));
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip {
  transform-origin: 100% 100%;
  left: auto;
  right: 0;
  transform: translate(0, 10px)scale(.8);
}

.plyr__controls > .plyr__control:last-child .plyr__tooltip:before {
  left: auto;
  right: 16px;
  right: calc((var(--plyr-control-icon-size, 18px) / 2)  + calc(var(--plyr-control-spacing, 10px) * .7));
  transform: translateX(50%);
}

.plyr__controls > .plyr__control:first-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control .plyr__tooltip--visible, .plyr__controls > .plyr__control:first-child + .plyr__control.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child + .plyr__control:hover .plyr__tooltip, .plyr__controls > .plyr__control:first-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:first-child:hover .plyr__tooltip, .plyr__controls > .plyr__control:last-child .plyr__tooltip--visible, .plyr__controls > .plyr__control:last-child.plyr__tab-focus .plyr__tooltip, .plyr__controls > .plyr__control:last-child:hover .plyr__tooltip {
  transform: translate(0)scale(1);
}

.plyr__progress {
  left: 6.5px;
  left: calc(var(--plyr-range-thumb-height, 13px) * .5);
  margin-right: 13px;
  margin-right: var(--plyr-range-thumb-height, 13px);
  position: relative;
}

.plyr__progress input[type="range"], .plyr__progress__buffer {
  margin-left: -6.5px;
  margin-left: calc(var(--plyr-range-thumb-height, 13px) * -.5);
  margin-right: -6.5px;
  margin-right: calc(var(--plyr-range-thumb-height, 13px) * -.5);
  width: calc(100% + var(--plyr-range-thumb-height, 13px));
  width: calc(100% + 13px);
}

.plyr__progress input[type="range"] {
  z-index: 2;
  position: relative;
}

.plyr__progress .plyr__tooltip {
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
  left: 0;
}

.plyr__progress__buffer {
  -webkit-appearance: none;
  height: var(--plyr-range-track-height, 5px);
  margin-top: -2.5px;
  margin-top: calc((var(--plyr-range-track-height, 5px) / 2) * -1);
  background: none;
  border: 0;
  border-radius: 100px;
  height: 5px;
  padding: 0;
  position: absolute;
  top: 50%;
  left: 0;
}

.plyr__progress__buffer::-webkit-progress-bar {
  background: none;
}

.plyr__progress__buffer::-webkit-progress-value {
  min-width: var(--plyr-range-track-height, 5px);
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  transition: width .2s;
}

.plyr__progress__buffer::-moz-progress-bar {
  min-width: var(--plyr-range-track-height, 5px);
  background: currentColor;
  border-radius: 100px;
  min-width: 5px;
  transition: width .2s;
}

.plyr__progress__buffer::-ms-fill {
  border-radius: 100px;
  transition: width .2s;
}

.plyr--loading .plyr__progress__buffer {
  background-image: linear-gradient(-45deg, #23282f99 25%, #0000 25% 50%, #23282f99 50% 75%, #0000 75%, #0000);
  background-image: linear-gradient(-45deg, var(--plyr-progress-loading-background, #23282f99) 25%, transparent 25%, transparent 50%, var(--plyr-progress-loading-background, #23282f99) 50%, var(--plyr-progress-loading-background, #23282f99) 75%, transparent 75%, transparent);
  background-repeat: repeat-x;
  background-size: 25px 25px;
  background-size: var(--plyr-progress-loading-size, 25px) var(--plyr-progress-loading-size, 25px);
  color: #0000;
  animation: 1s linear infinite plyr-progress;
}

.plyr--video.plyr--loading .plyr__progress__buffer {
  background-color: #ffffff40;
  background-color: var(--plyr-video-progress-buffered-background, #ffffff40);
}

.plyr--audio.plyr--loading .plyr__progress__buffer {
  background-color: #c1c8d199;
  background-color: var(--plyr-audio-progress-buffered-background, #c1c8d199);
}

.plyr__volume {
  align-items: center;
  width: 20%;
  min-width: 80px;
  max-width: 110px;
  display: flex;
  position: relative;
}

.plyr__volume input[type="range"] {
  margin-left: 5px;
  margin-left: calc(var(--plyr-control-spacing, 10px) / 2);
  margin-right: 5px;
  margin-right: calc(var(--plyr-control-spacing, 10px) / 2);
  z-index: 2;
  position: relative;
}

.plyr--is-ios .plyr__volume {
  width: auto;
  min-width: 0;
}

.plyr--audio {
  display: block;
}

.plyr--audio .plyr__controls {
  background: #fff;
  background: var(--plyr-audio-controls-background, #fff);
  border-radius: inherit;
  color: var(--plyr-audio-control-color, #4a5464);
  padding: 10px;
  padding: var(--plyr-control-spacing, 10px);
}

.plyr--audio .plyr__control.plyr__tab-focus, .plyr--audio .plyr__control:hover, .plyr--audio .plyr__control[aria-expanded="true"] {
  background: #00b3ff;
  background: var(--plyr-audio-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  color: var(--plyr-audio-control-color-hover, #fff);
}

.plyr--full-ui.plyr--audio input[type="range"]::-webkit-slider-runnable-track {
  background-color: #c1c8d199;
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199));
}

.plyr--full-ui.plyr--audio input[type="range"]::-moz-range-track {
  background-color: #c1c8d199;
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199));
}

.plyr--full-ui.plyr--audio input[type="range"]::-ms-track {
  background-color: #c1c8d199;
  background-color: var(--plyr-audio-range-track-background, var(--plyr-audio-progress-buffered-background, #c1c8d199));
}

.plyr--full-ui.plyr--audio input[type="range"]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a);
}

.plyr--full-ui.plyr--audio input[type="range"]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a);
}

.plyr--full-ui.plyr--audio input[type="range"]:active::-ms-thumb {
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #23282f1a;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #23282f1a);
}

.plyr--audio .plyr__progress__buffer {
  color: var(--plyr-audio-progress-buffered-background, #c1c8d199);
}

.plyr--video {
  background: #000;
  overflow: hidden;
}

.plyr--video.plyr--menu-open {
  overflow: visible;
}

.plyr__video-wrapper {
  background: #000;
  width: 100%;
  height: 100%;
  margin: auto;
  position: relative;
  overflow: hidden;
}

.plyr__video-embed, .plyr__video-wrapper--fixed-ratio {
  height: 0;
  padding-bottom: 56.25%;
}

.plyr__video-embed iframe, .plyr__video-wrapper--fixed-ratio video {
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
}

.plyr--full-ui .plyr__video-embed > .plyr__video-embed__container {
  padding-bottom: 240%;
  position: relative;
  transform: translateY(-38.2813%);
}

.plyr--video .plyr__controls {
  background: linear-gradient(#0000, #000000bf);
  background: var(--plyr-video-controls-background, linear-gradient(#0000, #000000bf));
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  color: var(--plyr-video-control-color, #fff);
  padding: 5px;
  padding: calc(var(--plyr-control-spacing, 10px) / 2);
  padding-top: 20px;
  padding-top: calc(var(--plyr-control-spacing, 10px) * 2);
  z-index: 3;
  transition: opacity .4s ease-in-out, transform .4s ease-in-out;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

@media (width >= 480px) {
  .plyr--video .plyr__controls {
    padding: 10px;
    padding: var(--plyr-control-spacing, 10px);
    padding-top: 35px;
    padding-top: calc(var(--plyr-control-spacing, 10px) * 3.5);
  }
}

.plyr--video.plyr--hide-controls .plyr__controls {
  opacity: 0;
  pointer-events: none;
  transform: translateY(100%);
}

.plyr--video .plyr__control.plyr__tab-focus, .plyr--video .plyr__control:hover, .plyr--video .plyr__control[aria-expanded="true"] {
  background: #00b3ff;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  color: var(--plyr-video-control-color-hover, #fff);
}

.plyr__control--overlaid {
  background: #00b3ff;
  background: var(--plyr-video-control-background-hover, var(--plyr-color-main, var(--plyr-color-main, #00b3ff)));
  color: var(--plyr-video-control-color, #fff);
  opacity: .9;
  padding: 15px;
  padding: calc(var(--plyr-control-spacing, 10px) * 1.5);
  z-index: 2;
  border: 0;
  border-radius: 100%;
  transition: all .3s;
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.plyr__control--overlaid svg {
  position: relative;
  left: 2px;
}

.plyr__control--overlaid:focus, .plyr__control--overlaid:hover {
  opacity: 1;
}

.plyr--playing .plyr__control--overlaid {
  opacity: 0;
  visibility: hidden;
}

.plyr--full-ui.plyr--video .plyr__control--overlaid {
  display: block;
}

.plyr--full-ui.plyr--video input[type="range"]::-webkit-slider-runnable-track {
  background-color: #ffffff40;
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40));
}

.plyr--full-ui.plyr--video input[type="range"]::-moz-range-track {
  background-color: #ffffff40;
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40));
}

.plyr--full-ui.plyr--video input[type="range"]::-ms-track {
  background-color: #ffffff40;
  background-color: var(--plyr-video-range-track-background, var(--plyr-video-progress-buffered-background, #ffffff40));
}

.plyr--full-ui.plyr--video input[type="range"]:active::-webkit-slider-thumb {
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80);
}

.plyr--full-ui.plyr--video input[type="range"]:active::-moz-range-thumb {
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80);
}

.plyr--full-ui.plyr--video input[type="range"]:active::-ms-thumb {
  box-shadow: 0 1px 1px #23282f26, 0 0 0 1px #23282f33, 0 0 0 3px #ffffff80;
  box-shadow: var(--plyr-range-thumb-shadow, 0 1px 1px #23282f26, 0 0 0 1px #23282f33), 0 0 0 var(--plyr-range-thumb-active-shadow-width, 3px) var(--plyr-audio-range-thumb-active-shadow-color, #ffffff80);
}

.plyr--video .plyr__progress__buffer {
  color: var(--plyr-video-progress-buffered-background, #ffffff40);
}

@media (width >= 1024px) {
  .plyr:fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}

.plyr:-webkit-full-screen {
  background: #000;
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 0 !important;
}

.plyr:-webkit-full-screen video {
  height: 100%;
}

.plyr:-webkit-full-screen .plyr__video-wrapper {
  height: 100%;
  position: static;
}

.plyr:-webkit-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-webkit-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-webkit-full-screen.plyr--hide-controls {
  cursor: none;
}

@media (width >= 1024px) {
  .plyr:-webkit-full-screen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}

.plyr:-moz-full-screen {
  background: #000;
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 0 !important;
}

.plyr:-moz-full-screen video {
  height: 100%;
}

.plyr:-moz-full-screen .plyr__video-wrapper {
  height: 100%;
  position: static;
}

.plyr:-moz-full-screen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-moz-full-screen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-moz-full-screen.plyr--hide-controls {
  cursor: none;
}

@media (width >= 1024px) {
  .plyr:-moz-full-screen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}

.plyr:-ms-fullscreen {
  background: #000;
  width: 100%;
  height: 100%;
  margin: 0;
  border-radius: 0 !important;
}

.plyr:-ms-fullscreen video {
  height: 100%;
}

.plyr:-ms-fullscreen .plyr__video-wrapper {
  height: 100%;
  position: static;
}

.plyr:-ms-fullscreen.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr:-ms-fullscreen .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr:-ms-fullscreen.plyr--hide-controls {
  cursor: none;
}

@media (width >= 1024px) {
  .plyr:-ms-fullscreen .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}

.plyr--fullscreen-fallback {
  z-index: 10000000;
  background: #000;
  width: 100%;
  height: 100%;
  margin: 0;
  display: block;
  position: fixed;
  inset: 0;
  border-radius: 0 !important;
}

.plyr--fullscreen-fallback video {
  height: 100%;
}

.plyr--fullscreen-fallback .plyr__video-wrapper {
  height: 100%;
  position: static;
}

.plyr--fullscreen-fallback.plyr--vimeo .plyr__video-wrapper {
  height: 0;
  position: relative;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen {
  display: block;
}

.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen + svg {
  display: none;
}

.plyr--fullscreen-fallback.plyr--hide-controls {
  cursor: none;
}

@media (width >= 1024px) {
  .plyr--fullscreen-fallback .plyr__captions {
    font-size: 21px;
    font-size: var(--plyr-font-size-xlarge, 21px);
  }
}

.plyr__ads {
  border-radius: inherit;
  cursor: pointer;
  z-index: -1;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.plyr__ads > div, .plyr__ads > div iframe {
  width: 100%;
  height: 100%;
  position: absolute;
}

.plyr__ads:after {
  bottom: 10px;
  bottom: var(--plyr-control-spacing, 10px);
  color: #fff;
  content: attr(data-badge-text);
  pointer-events: none;
  right: 10px;
  right: var(--plyr-control-spacing, 10px);
  z-index: 3;
  background: #23282f;
  border-radius: 2px;
  padding: 2px 6px;
  font-size: 11px;
  position: absolute;
}

.plyr__cues {
  height: var(--plyr-range-track-height, 5px);
  margin: -var(--plyr-range-track-height, 5px) / 2 0 0;
  opacity: .8;
  z-index: 3;
  background: currentColor;
  width: 3px;
  height: 5px;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
}

.plyr__preview-thumb {
  background-color: #ffffffe6;
  background-color: var(--plyr-tooltip-background, #ffffffe6);
  box-shadow: 0 1px 2px #00000026;
  box-shadow: var(--plyr-tooltip-shadow, 0 1px 2px #00000026);
  margin-bottom: 10px;
  margin-bottom: calc(calc(var(--plyr-control-spacing, 10px) / 2) * 2);
  opacity: 0;
  padding: 3px;
  padding: var(--plyr-tooltip-radius, 3px);
  pointer-events: none;
  transform-origin: 50% 100%;
  z-index: 2;
  border-radius: 3px;
  transition: transform .2s .1s, opacity .2s .1s;
  position: absolute;
  bottom: 100%;
  transform: translate(0, 10px)scale(.8);
}

.plyr__preview-thumb--is-shown {
  opacity: 1;
  transform: translate(0)scale(1);
}

.plyr__preview-thumb:before {
  border-left: 4px solid #0000;
  border-left: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-right: 4px solid #0000;
  border-right: var(--plyr-tooltip-arrow-size, 4px) solid transparent;
  border-top: 4px solid #ffffffe6;
  border-top: var(--plyr-tooltip-arrow-size, 4px) solid var(--plyr-tooltip-background, #ffffffe6);
  bottom: -4px;
  bottom: calc(var(--plyr-tooltip-arrow-size, 4px) * -1);
  content: "";
  z-index: 2;
  width: 0;
  height: 0;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.plyr__preview-thumb__image-container {
  border-radius: 2px;
  border-radius: calc(var(--plyr-tooltip-radius, 3px)  - 1px);
  z-index: 0;
  background: #c1c8d1;
  position: relative;
  overflow: hidden;
}

.plyr__preview-thumb__image-container img {
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  position: absolute;
  top: 0;
  left: 0;
}

.plyr__preview-thumb__time-container {
  white-space: nowrap;
  z-index: 3;
  position: absolute;
  bottom: 6px;
  left: 0;
  right: 0;
}

.plyr__preview-thumb__time-container span {
  border-radius: 2px;
  border-radius: calc(var(--plyr-tooltip-radius, 3px)  - 1px);
  color: #fff;
  font-size: 13px;
  font-size: var(--plyr-font-size-time, var(--plyr-font-size-small, 13px));
  background-color: #0000008c;
  padding: 3px 6px;
}

.plyr__preview-scrubbing {
  filter: blur(1px);
  opacity: 0;
  pointer-events: none;
  z-index: 1;
  width: 100%;
  height: 100%;
  margin: auto;
  transition: opacity .3s;
  position: absolute;
  inset: 0;
  overflow: hidden;
}

.plyr__preview-scrubbing--is-shown {
  opacity: 1;
}

.plyr__preview-scrubbing img {
  object-fit: contain;
  width: 100%;
  max-width: none;
  height: 100%;
  max-height: none;
  position: absolute;
  top: 0;
  left: 0;
}

.plyr--no-transition {
  transition: none !important;
}

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

.plyr [hidden] {
  display: none !important;
}

[data-v-1394f6]:root {
  --companyColor: #000;
  --companyText: #000;
  --companyLine: #181818;
  --companyBtn: #121212;
  --companyIconFade: #565656;
  --companyBtnHover: #2d2d2d;
  --overlayBtn: #40403f;
  --overlayBtnDisabled: #1f1f1f;
  --subTextColorOnCompanyColor: #8c8c8c;
  --lightGrayBtn: #a9a9a9;
  --lightGrayBtnBorder: #e8e8e8;
  --lightBtn: #f0f0f0;
  --lightBtnHover: #e2e2e2;
  --lightBtnBorder: #e8e8e8;
  --lightBtnDisabled: #f4f4f4;
}

.h1[data-v-1394f6] {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2rem;
}

.h3[data-v-1394f6] {
  letter-spacing: .025rem;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 2rem;
}

.big-title[data-v-1394f6] {
  font-size: 2.1rem;
  font-weight: 500;
}

.label[data-v-1394f6] {
  font-size: 1.4rem;
}

.label--small[data-v-1394f6] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
}

.label--small-strong[data-v-1394f6] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
}

.label--small-bold[data-v-1394f6] {
  letter-spacing: .025rem;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8rem;
}

.label--tiny[data-v-1394f6] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  line-height: 1.4rem;
}

.label--tiny-strong[data-v-1394f6] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4rem;
}

.label--tiny-black[data-v-1394f6] {
  letter-spacing: .025rem;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1.4rem;
}

@media only screen and (width >= 540px) {
  .label--small-d[data-v-1394f6] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
  }

  .label--small-strong-d[data-v-1394f6] {
    letter-spacing: .025rem;
    font-size: 1.4rem;
    font-weight: bold;
  }
}

.percentage-text[data-v-1394f6] {
  font-size: 4.8rem;
  font-weight: 500;
}

.percentage-text[data-v-1394f6]:after {
  content: "%";
  font-size: 1.8rem;
  font-weight: 500;
}

@media only screen and (width >= 540px) {
  .h1--d[data-v-1394f6] {
    font-size: 2.4rem;
    font-weight: normal;
  }
}

.fade-enter-active[data-v-1394f6], .fade-leave-active[data-v-1394f6] {
  transition: opacity .3s;
}

.fade-enter[data-v-1394f6], .fade-leave-to[data-v-1394f6] {
  opacity: 0;
}

.dot[data-v-1394f6] {
  background-color: #8c8c8c;
  border-radius: 50%;
  width: .8rem;
  height: .8rem;
  display: block;
}

.hide[data-v-1394f6] {
  display: none !important;
}

.invisible[data-v-1394f6] {
  opacity: 0;
}

.editpage[data-v-1394f6] {
  flex: 1 0 100%;
  display: flex;
}

.editpage nav.admin-edit[data-v-1394f6] {
  background-color: #fff;
}

.editpage nav.admin-edit ul[data-v-1394f6] {
  height: 100%;
  margin: 0;
  padding: 0;
  position: relative;
}

.editpage nav.admin-edit ul li[data-v-1394f6] {
  cursor: pointer;
  border-bottom: 1px solid #f4f4f4;
  transition: background-color .3s, border .3s;
}

.editpage nav.admin-edit ul li a[data-v-1394f6] {
  color: #000;
  letter-spacing: .25px;
  align-items: center;
  padding: 25px 50px;
  font-size: 14px;
  display: flex;
}

.editpage nav.admin-edit ul li a .symbol[data-v-1394f6] {
  height: inherit;
  width: inherit;
  align-items: center;
  margin-right: 1.2rem;
  display: flex;
}

.editpage nav.admin-edit ul li a .symbol[data-v-1394f6] svg {
  width: auto !important;
  height: auto !important;
}

.editpage nav.admin-edit ul li a .symbol[data-v-1394f6] svg path {
  transition: fill .3s;
}

.editpage nav.admin-edit ul li[data-v-1394f6]:hover, .editpage nav.admin-edit ul li.active[data-v-1394f6] {
  background-color: #000;
  border-color: #000;
}

.editpage nav.admin-edit ul li:hover a[data-v-1394f6], .editpage nav.admin-edit ul li.active a[data-v-1394f6] {
  color: #fff;
}

.editpage nav.admin-edit ul li:hover a svg path[data-v-1394f6], .editpage nav.admin-edit ul li.active a svg path[data-v-1394f6] {
  fill: #fff;
}

.editpage nav.admin-edit ul li[data-v-1394f6]:hover:after, .editpage nav.admin-edit ul li.active[data-v-1394f6]:after {
  background-color: #000;
  border-color: #000;
}

.editpage nav.admin-edit ul li.storage[data-v-1394f6] {
  width: 90%;
  margin: 0 auto;
  position: absolute;
  bottom: 20px;
  left: 5%;
  border: none !important;
}

.editpage nav.admin-edit ul li.storage .container[data-v-1394f6] {
  border: 1px solid #f0f0f0;
  border-radius: 3px;
  padding: 15px 25px;
  display: flex;
}

.editpage nav.admin-edit ul li.storage .container svg[data-v-1394f6] {
  flex: none;
  margin-right: 10px;
}

.editpage nav.admin-edit ul li.storage .container .content[data-v-1394f6] {
  flex: auto;
}

.editpage nav.admin-edit ul li.storage .container .content > p[data-v-1394f6] {
  color: #000;
  letter-spacing: .25px;
  font-size: 14px;
  font-weight: bold;
}

.editpage nav.admin-edit ul li.storage .container .content .numbers[data-v-1394f6] {
  align-items: center;
  width: 100%;
  margin-top: 5px;
  display: flex;
}

.editpage nav.admin-edit ul li.storage .container .content .numbers p[data-v-1394f6] {
  color: #000;
  letter-spacing: .25px;
  flex: none;
  font-size: 14px;
}

.editpage nav.admin-edit ul li.storage .container .content .numbers span[data-v-1394f6] {
  color: #8c8c8c;
  flex: none;
  margin: 0 3px;
  font-size: 14px;
}

.editpage nav.admin-edit ul li.storage .container .content .numbers .bar[data-v-1394f6] {
  background-color: #d5d5d5;
  border-radius: 5px;
  flex: auto;
  height: 4px;
  margin-left: 10px;
  position: relative;
  overflow: hidden;
}

.editpage nav.admin-edit ul li.storage div.btn.upgrade[data-v-1394f6] {
  color: #000;
  letter-spacing: .22px;
  text-align: center;
  border: 1px solid var(--lightBtnBorder);
  background-color: #f0f0f0;
  margin-top: 5px;
  padding: 10px;
  font-size: 14px;
  transition: background-color .3s;
}

.editpage nav.admin-edit ul li.storage div.btn.upgrade[data-v-1394f6]:hover {
  background-color: var(--lightBtnBorder);
}

.editpage nav.admin-edit ul li.storage[data-v-1394f6]:hover, .editpage nav.admin-edit ul li.storage.active[data-v-1394f6] {
  background-color: #fff;
  border: 1px solid #fff;
}

.editpage section.adjustments-page[data-v-1394f6] {
  background-color: #fff;
  flex: 100%;
  max-height: calc(100vh - 65px);
  padding: 5rem 2.5rem;
  overflow: scroll;
}

.editpage section.adjustments-page > [data-v-1394f6] {
  min-width: 1080px;
  max-width: 1080px;
  margin: 0 auto;
}

.editpage section.adjustments-page h2[data-v-1394f6] {
  color: #000;
  letter-spacing: .43px;
  font-size: 24px;
}

.editpage section.adjustments-page form .form-block[data-v-1394f6] {
  margin-top: 3rem;
}

.editpage section.adjustments-page form .form-block h3[data-v-1394f6] {
  color: #8c8c8c;
  letter-spacing: .32px;
  margin-bottom: 1.5rem;
  font-size: 16px;
}

.editpage section.adjustments-page form .form-block .form-items[data-v-1394f6] {
  background: #fff;
  border: 1px solid #f4f4f4;
  padding: 5rem;
  box-shadow: 0 2px 33px #00000005;
}

.editpage section.adjustments-page form .form-block .form-items > p[data-v-1394f6] {
  color: #000;
  letter-spacing: .75px;
  margin-top: 3rem;
  margin-bottom: 1.5rem;
  font-size: 10px;
  font-weight: bold;
}

.editpage section.adjustments-page form .form-block .form-items > p[data-v-1394f6]:first-child {
  margin-top: 0;
}

.editpage section.adjustments-page form .form-block .form-items .input-item[data-v-1394f6] {
  color: #000;
  padding-left: 1rem;
  font-size: 1.4rem;
}

.editpage section.adjustments-page form .form-block .form-items .input-item > label[data-v-1394f6] {
  color: var(--companyIconFade);
  letter-spacing: .25px;
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: 500;
  display: block;
}

.editpage section.adjustments-page form .form-block .form-items .input-item > .error-msg[data-v-1394f6] {
  color: #fff;
  margin: 3px 0 0;
  font-size: 1.2rem;
  font-weight: 600;
}

.editpage section.adjustments-page form .form-block .form-items .input-item + .input-item[data-v-1394f6] {
  margin: .5rem 0 0;
}

.editpage section.adjustments-page form .form-block .form-items .input-item.private[data-v-1394f6] {
  overflow: hidden;
}

.editpage section.adjustments-page form .form-block .form-items .input-item.private label[data-v-1394f6] {
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  flex-direction: row;
  align-items: center;
  display: flex;
}

.editpage section.adjustments-page form .form-block .form-items .input-item.private label .switch-label[data-v-1394f6] {
  transition: color .3s;
}

.editpage section.adjustments-page form .form-block .form-items .input-item.private label .ios-switch .switch-container[data-v-1394f6] {
  border: 2px solid #eaeaea;
  border-radius: 12px;
  width: 41px;
  height: 25px;
  position: relative;
  overflow: hidden;
}

.editpage section.adjustments-page form .form-block .form-items .input-item.private label .ios-switch .switch-container .switch-button[data-v-1394f6] {
  transition: left .55s cubic-bezier(.5, 0, 0, 1);
  position: absolute;
  top: -1px;
  left: -1px;
}

.editpage section.adjustments-page form .form-block .form-items .input-item.private label .ios-switch .switch-container .switch-button[data-v-1394f6]:before {
  content: "";
  background-color: #000;
  width: 50px;
  display: block;
  position: absolute;
  top: 1px;
  bottom: 1px;
  right: 50%;
}

.editpage section.adjustments-page form .form-block .form-items .input-item.private label .ios-switch .switch-container .switch-button .inner[data-v-1394f6] {
  background-color: #fff;
  border: 1px solid #0000000a;
  border-radius: 50%;
  width: 23px;
  height: 23px;
  position: relative;
  box-shadow: 0 2px 6px #00000026, 0 2px 1px #0000000f;
}

.editpage section.adjustments-page form .form-block .form-items .input-item.private label .switch-label[data-v-1394f6] {
  margin: 0 0 0 15px;
}

.editpage section.adjustments-page form .form-block .form-items .input-item.private input[data-v-1394f6] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

.editpage section.adjustments-page form .form-block .form-items .input-item.private input:checked + label .ios-switch .switch-container .switch-button[data-v-1394f6] {
  left: 15px;
}

.editpage section.adjustments-page form .form-block .form-items .input-item.private input:focus + label .switch-label[data-v-1394f6] {
  color: #000;
}

.editpage section.adjustments-page form .form-block .form-items .form-item[data-v-1394f6] {
  justify-content: space-between;
  display: flex;
}

.editpage section.adjustments-page form .form-block .form-items .form-item + .form-item[data-v-1394f6] {
  margin-top: 2rem;
}

.editpage section.adjustments-page form button[data-v-1394f6], .editpage section.adjustments-page form input[type="submit"][data-v-1394f6] {
  cursor: pointer;
  color: #fff;
  letter-spacing: .25px;
  background-color: #000;
  border: none;
  border-radius: 3px;
  outline: none;
  margin-top: 6rem;
  padding: 2.6rem 12rem;
  font-size: 14px;
  font-weight: 500;
  transition: background-color .3s;
}

.editpage section.adjustments-page form button[data-v-1394f6]:hover, .editpage section.adjustments-page form input[type="submit"][data-v-1394f6]:hover {
  background-color: #000;
}
/*# sourceMappingURL=index.css.map */